@font-face {

font-family:'FZZDHJW';

src:url('../fonts/FZZDHJW.eot');

src:url('../fonts/FZZDHJW.eot?#iefix') format('embedded-opentype'),url('../fonts/FZZDHJW.woff') format('woff'),url('../fonts/FZZDHJW.ttf') format('truetype'),url('../fonts/FZZDHJW.svg') format('svg');

}

@font-face {

font-family: 'FontAwesome';

src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');

src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');

font-weight: normal;

font-style: normal;

}

*{-ms-box-sizing:border-box}

html{height:100%;overflow:hidden}

body{font:12px/1 'Microsoft Yahei','STHeiti','SimHei',sans-serif;color:#4c4c4c;overflow:auto;height:100%;position:relative;padding:3.88% 0 1.8%}

body.index,body.contacts,body.works.video{padding:0}

body.works.picture{padding-top:0}

.ftfz{padding-top:1px;margin-top:-2px;font-family:'FZZDHJW','Microsoft Yahei','STHeiti','SimHei',sans-serif}

a{color:inherit;text-decoration:none}

a:hover,a:focus{color:inherit;text-decoration:none}

ul,ol,menu{margin:0;list-style-position:inside;padding:0}

img{box-sizing:content-box}

.list-inline{margin:0}

input[type=checkbox],input[type=radio]{vertical-align:top;margin:2px 0 0}

button{cursor:pointer}

.hidden{display:block!important;border:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;width:0!important;height:0!important;overflow:hidden!important;visibility:hidden!important}

.nobr{white-space:nowrap!important}

[data-toggle=tooltip]{cursor:help}

.container{max-width:2500px;min-width:1650px;width:100%!important;padding:0}

.col-xs-1-5{width:20%;float:left;position:relative;min-height:1px}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{padding:0}

.carousel-control{background:none!important;filter:none!important;opacity:1!important}

.carousel-control.up{width:100%;height:15%}

.carousel-control.down{width:100%;height:15%;top:auto}

.page-title{border-bottom:2px solid #808080;padding:0 2px 0 9px}

.page-title h1{font-size:18px;color:#0050a5;line-height:48px;margin:0}

.page-title h1 small{font-size:15px;color:#757575;text-transform:uppercase}

.page-content{padding:24px 0 0}

.breadcrumb{margin:0;padding:0;background:none;line-height:48px;border-radius:0}

.breadcrumb>.active{color:#000}

.breadcrumb>li+li:before{content:">";color:#000}

.breadcrumb>.label{font-weight:normal;padding-left:12px}

.breadcrumb>.label+li:before{display:none}

.pager{text-align:right;margin:77px 0;padding-right:88px}

.pager li>a,.pager li>span,.pager li>a:focus,.pager li>a:hover{text-align:center;border-radius:3px;padding:0;width:56px;height:28px;line-height:28px}

.pager li.active>a,.pager li.active>span{background:#666;color:#fff}

.list-inline{font-size:0}

.list-inline>li{padding:0;font-size:12px}

.label{color:inherit;font-size:inherit}

header{position:absolute;top:0;left:0;z-index:10;width:100%;height:7.11237553%;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}

header>.container{min-height:100%}

header .logo{margin:0;padding:1.4% 0 0 3.12%}

header .logo img{vertical-align:top}

nav .nav{padding:2.88% 5.16% 0 0}

nav .nav>li{text-align:center;margin:0 45px 0 0;padding:0;float:right}

nav .nav>li:first-child{margin:0}

nav .nav>li>a{padding:0;line-height:1;color:#4c4c4c;font-size:19px}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover,.nav>li>a:focus,.nav>li>a:hover,.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:none;border:none;color:#d90000}

nav .nav .dropdown{padding-bottom:1.89793336%;z-index:10}

nav .nav .dropdown.open>a:before{content:'\f107';position:absolute;left:-23px;font-family:'FontAwesome'}

nav .nav .dropdown .dropdown-menu{margin:0;padding:0;border-radius:9px;background:#fff;border:1px solid #e1dede;width:208px;left:-100%;z-index:11}

body.index nav .nav .dropdown .dropdown-menu{background:#e7e7e7}

body.works.picture nav .nav .dropdown .dropdown-menu,body.works.picture nav .nav .dropdown .dropdown-menu,body.works.video nav .nav .dropdown .dropdown-menu,body.works.education header.reverse nav .nav .dropdown .dropdown-menu{background:none}

nav .nav .dropdown .dropdown-menu li{margin-top:7px}

nav .nav .dropdown .dropdown-menu li a{color:#4c4c4c;border-radius:3px;padding:8px 17px;font-size:17px;line-height:1}

nav .nav .dropdown .dropdown-menu li a:before{content:'\f105';margin-right:16px;font-family:'FontAwesome'}

nav .nav .dropdown .dropdown-menu>li.active>a{color:#d90000;background:none}

nav .nav .dropdown .dropdown-menu>li>a:focus,nav .nav .dropdown .dropdown-menu>li>a:hover,nav .nav .dropdown .dropdown-menu>li.active>a:focus,nav .nav .dropdown .dropdown-menu>li.active>a:hover{background:#e1dede}

.main-container{height:100%;overflow:auto}

body.index .main-container{overflow:hidden}

#home-carousel-project .carousel-control{position:fixed;z-index:11;width:1.56%;height:2.63157895%;top:50%;left:3.12%;right:3.4%;margin-top:-1.31578947%;overflow:hidden}

#home-carousel-project .carousel-control.right{left:auto}

#home-carousel-project .carousel-control.up,#home-carousel-project .carousel-control.down{width:1.48%;height:2.84495021%;left:50%;margin-left:-1.42247511%;top:10.59743954%;bottom:8.89046942%}

#home-carousel-project .carousel-control.down{top:auto}

#home-carousel-project .carousel-control img{width:auto;vertical-align:top}

/*#home-carousel-project .carousel-control img{position:absolute;top:0;left:0}

#home-carousel-project .carousel-control.left img{left:-96.5%}

#home-carousel-project .carousel-control.right img{left:auto;right:-96.5%}

#home-carousel-project .carousel-control.down img{left:auto;right:0}*/

#home-carousel-project .child-carousel .carousel-inner>.item{-moz-transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;-o-transition:top .6s ease-in-out;-ms-transition:top .6s ease-in-out;transition:top .6s ease-in-out}

#home-carousel-project .child-carousel .carousel-inner>.item.active,#home-carousel-project .child-carousel .carousel-inner>.item.next.left,#home-carousel-project .child-carousel .carousel-inner>.item.prev.right{top:0}

#home-carousel-project .child-carousel .carousel-inner>.item.next.left,#home-carousel-project .child-carousel .carousel-inner>.item.prev.right{z-index:2}

#home-carousel-project .child-carousel .carousel-inner>.item.active.right,#home-carousel-project .child-carousel .carousel-inner>.next{left:0;top:100%}

#home-carousel-project .child-carousel .carousel-inner>.item.active.left,#home-carousel-project .child-carousel .carousel-inner>.prev{left:0;top:-100%}

@media all and (transform-3d),(-webkit-transform-3d),(-moz-transform-3d),(-ms-transform-3d),(-o-transform-3d){

#home-carousel-project .child-carousel .carousel-inner>.item{-moz-transition:-moz-transform .6s ease-in-out;-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;-ms-transition:-ms-transform .6s ease-in-out;transition:transform .6s ease-in-out}

#home-carousel-project .child-carousel .carousel-inner>.item.next,#home-carousel-project .child-carousel .carousel-inner>.item.active.right{top:0;-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}

#home-carousel-project .child-carousel .carousel-inner>.item.prev,#home-carousel-project .child-carousel .carousel-inner>.item.active.left{top:0;-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}

#home-carousel-project .child-carousel .carousel-inner>.item.next.left,#home-carousel-project .child-carousel .carousel-inner>.item.prev.right,#home-carousel-project .child-carousel .carousel-inner>.item.active{top:0;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

}

.panel{margin:0;padding:0 6px 15px;border-radius:0;box-shadow:none}

.panel .panel-heading{background:none;border:none;margin:0 0 12px;padding:0 7px}

.panel .panel-heading .panel-title{font-size:15px;line-height:35px;color:#00374d}

.panel .panel-heading .panel-title small{color:#b5b5b5;font-size:12px;margin-left:18px}

.panel .panel-body{padding:0}

.panel .button-set{margin-top:12px}

.panel .button-set .btn,.register-form .button-set .btn,.panel-faq-new.panel .button-set .btn:first-child{border-radius:0;padding:0;width:81px;height:30px;line-height:27px;text-align:center;color:#fff;background:#073b62;border:1px solid #2a6894}

.panel .button-set .btn:first-child{background:#a5cd39;border:1px solid #75a508}

#panel-news-preview{position:fixed;top:105px;right:3.44%;z-index:3;width:21.6%;overflow:hidden;background:#e7e7e7;padding:1.20910384% 0.84% 1.42247511%;border-radius:3px 3px 2px 2px;transition:height,padding ease-in-out .6s;-moz-transition:height,padding ease-in-out .6s;-webkit-transition:height,padding ease-in-out .6s;-ms-transition:height,padding ease-in-out .6s;-o-transition:height,padding ease-in-out .6s}

#panel-news-preview.active{height:10px;padding:0}

#panel-news-preview.active .panel-heading .panel-title{font-size:0}

#panel-news-preview .mask{position:absolute;top:0;left:0;width:100%;height:100%;display:none}

#panel-news-preview.active .mask{display:block}

#panel-news-preview .panel-heading{padding:0 3px 0 0;margin:0 0 12px}

#panel-news-preview .panel-heading button{position:absolute;z-index:2;top:6.89655172%;right:2.03703704%}

#panel-news-preview .panel-heading .panel-title{margin:0;font-size:17px;line-height:1;color:#4c4c4c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size ease-in-out .6s;-moz-transition:font-size ease-in-out .6s;-webkit-transition:font-size ease-in-out .6s;-ms-transition:font-size ease-in-out .6s;-o-transition:font-size ease-in-out .6s}

.news .news-list{padding:0 8.25614176% 0 3.22190898%}

.news .news-list .news-image{display:block;width:41.62875341%}

/*.news .news-list .news-summary{width:46.49681529%}*/
.news .news-list .news-summary{width:41.62875341%}

.news .news-list .item{margin:1.70609645% 0}

.news .news-list .news-summary h3{line-height:1;margin:0 0 4px;font-size:30px;color:#020202}

.news .news-list .news-summary h3 a{display:block;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85.95146871%}

.news .news-list .news-summary h3 small{display:block;width:14.04853129%;font-size:12px;float:right;text-align:right;margin-top:16px;color:#020202;white-space:nowrap}

.news .news-list .news-summary article{overflow:hidden;text-align:justify}

.news .news-list .news-summary p{line-height:19px;font-size:13px;margin:2.64187867% 0 0}

.news .news-list .news-summary p:first-child{margin:0}

.contacts main{height:100%}

.contacts main address{position:fixed;top:0;right:3.36%;width:28.56%;height:100%;padding:10.5% 0 3%;color:#fff;background:#8e8c8c;background:rgba(142,140,140,.85)}

.contacts main address h2{font-size:30px;line-height:1;margin:0 0 5.17482517%;text-transform:uppercase}

.contacts main address .tel{font-size:25px;color:#d90000;line-height:21px;display:block;margin:0 0 13.00699301%}

.contacts main address p{font-size:13px;line-height:1.68;margin:0 0 25.73426573%}

.contacts main address img{height:auto}

.office .tab .nav-tabs{border:none}

.office .tab .nav-tabs>li>a{border-radius:5px;border:1px solid #7a7a7a;color:#4c4c4c;line-height:1;font-size:19px;padding:10px 12px;margin:0}

.office .tab .nav-tabs>li.active>a,.office .tab .nav-tabs>li.active>a:focus,.office .tab .nav-tabs>li.active>a:hover{color:#d90000}

.office.partner dl{float:right}

.office.partner dt{clear:both;float:left;margin-top:80px}

.office.partner dd{float:left;width:393px;margin-left:40px;margin-top:80px}

.office.partner dt:first-child,.office.partner dt:first-child+dd{margin-top:0}

.office.partner dd h3{margin:0;font-size:16px;line-height:18px}

.office.partner dd h5{margin:0 0 15px;font-size:14px;line-height:18px}

.office.partner dd p{font-size:13px;line-height:16px;margin-bottom:10px}

.office.brief main{padding:4.99395892% 9.34353604% 5.43697141% 3.22190898%}

.office.brief main article h2{font-size:30px;line-height:1;margin-bottom:15px}

.office.brief main article p{font-size:13px;line-height:25px;margin:24px 0 0;text-align:justify}

.office.brief main article p:first-child,.office.brief main article h2+p{margin:0}

.office.brief main .video{padding:14px 0 0 2.07277752%}

.office.brief main .video h3{position:relative;font-size:19px;margin:0;height:46px;line-height:46px;text-indent:22px;text-transform:uppercase;color:#fff;background:#929292;background:-moz-linear-gradient(top,#b4b4b4,#757575);background:-webkit-gradient(linear,center top,center bottom,from(#b4b4b4),to(#757575));background:-webkit-linear-gradient(top,#b4b4b4,#757575);background:-o-linear-gradient(top,#b4b4b4,#757575);background:-ms-linear-gradient(top,#b4b4b4,#757575);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b4b4b4,endColorstr=#757575);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b4b4b4,endColorstr=#757575)"}

.office.brief main .video h3>span{display:block;position:absolute;right:0;top:0;height:35px;width:58.53403141%;background:#fff}

.office.brief main .nav-tabs>li{margin-left:5.44580886%}

.office.brief main .nav-tabs>li:first-child{margin-left:0}

.office.brief main .article{padding-right:6.86319668%}

.office.brief main .article .nav-tabs{margin:22.42391885% 0 2.13561132%}

.office.jobs .jobs-list{width:1350px;margin:0 auto;padding:12.72654048% 0 15.06242449%}

.office.jobs .jobs-list dl{margin:0 0 17px}

.office.jobs .jobs-list dt{text-align:left;font-weight:normal;font-size:19px;line-height:50px;color:#666;margin:0 0 4px 0;width:17.55555556%;text-indent:22px;background:#ececec}

.office.jobs .jobs-list dd{white-space:nowrap;overflow:hidden;font-size:19px;line-height:50px;color:#666;margin:0 0 4px 0;width:82.14814815%;padding-left:8.74074074%;float:right;background:#f7f7f7}

.office.jobs .jobs-list .comment{color:#d90000;font-size:19px;line-height:1;text-align:right;margin:0}

.office.jobs .job-detail{width:977px;margin:0 auto;padding:8.45751108% 0 11.55859847%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

.office.jobs .job-detail dl{margin:0 0 17px}

.office.jobs .job-detail dt{clear:both;text-align:left;font-weight:normal;font-size:19px;line-height:2.10526316;color:#666;width:23.84851586%}

.office.jobs .job-detail dd{font-size:19px;line-height:1.47368421;color:#666;width:76.15148414%;margin:0;float:right}

.office.jobs .job-detail dd h2{font-size:24px;color:#000;margin:0}

.office.jobs .job-detail dd p{margin:28px 0 34px}

.office.jobs .job-detail dd h6{font-size:19px;line-height:1;margin:0 0 24px}

.office.jobs .job-detail ul{list-style:disc outside;margin:12px 0 10px 112px}

.office.jobs .job-detail .comment{font-size:19px;line-height:1;margin:0 0 0 108px}

.office.jobs .job-detail .comment li{margin-top:14px}

.office.jobs .job-detail .comment a{color:#d90000}

.office.jobs .job-detail a.back{float:right}

.office.jobs header>.container,.office.jobs footer>address{background:#fff}

/*.works.education header.reverse>.container,.works.education footer.reverse>address{border-bottom:1px solid #000;background:#4c4c4c;box-shadow:0 0 4px #444 inset}*/

.works.education footer.reverse>address{color:#fff;border-top:1px solid #000;box-shadow:0 10px 15px #333 inset}

/*.works.education header.reverse nav .nav>li>a,.works.video header nav .nav>li>a,.works.video footer>address{color:#fff}*/

.works.education header.reverse nav .nav>li.active>a,.works.video header nav .nav>li.active>a{color:#d90000}

.works.education header nav .nav>li.home{display:none}

.works.education header.reverse nav .nav>li.home{display:block;width:8.92028680%;height:53px;margin-top:-20px;border:1px solid #fff;border-radius:5px}

.works.education header.reverse nav .nav>li.home>a{display:block;line-height:53px}

.works.education main section#edu-intro{color:#9b0000;padding:8.53805880% 0 11.59887233%;overflow:hidden;position:relative;background:#4c4c4c;background:rgba(76,76,76,.68)}

.works.education main section#edu-intro article{width:50.74506645%;margin:0 auto}

.works.education main section#edu-intro h2{margin:0 0 2.61904762%;font-size:50px;line-height:1;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold}

.works.education main section#edu-intro p{font-size:33px;line-height:1.7575757575757575757575757575758;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

.works.education main section#edu-intro>img{position:absolute;top:0;left:0;z-index:-1}

.works.education main section#edu-gallery{padding:2.81917036% 2.81917036% 2.65807491% 3.14136126%}

/*.works.education main section#edu-gallery h2{margin:0 0 3.12633833%;font-size:50px;line-height:1;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold}*/
.works.education main section#edu-gallery h2{margin:0 0 1.12633833%;font-size:17px;line-height:1;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold}

.works.education main section#edu-gallery .col-xs-3{width:25.05353319%;overflow:hidden}

.works.education main section#edu-gallery .col-xs-3.thin{width:24.83940043%}

.works.education main section#edu-gallery .col-xs-3>.mask{position:absolute;top:-100%;left:0;display:block;width:100%;height:100%;padding:21.02564103% 9.05982906% 0 9.05982906%;background:#4c4c4c;background:rgba(76,76,76,.68);-moz-transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;-o-transition:top .6s ease-in-out;-ms-transition:top .6s ease-in-out;transition:top .6s ease-in-out}

.works.education main section#edu-gallery .col-xs-3:hover>.mask{top:0}

.works.education main section#edu-gallery .col-xs-3>.mask h4{color:#fff;font-size:33px;line-height:1;margin:0 0 1.67014614%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold}

.works.education main section#edu-gallery .col-xs-3>.mask p{font-size:19px;margin:0;line-height:1.73684211;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

.works.education main section#edu-gallery #show-more{margin:2.78372591% auto 0;display:block;border:1px solid #838383;border-radius:5px;padding:0;width:194px;height:35px;line-height:33px;font-size:19px}

.works.picture .media{position:relative}

.works.picture .media .media-body{width:100%;display:block;}

.works.picture .media .more-view{bottom:0;display:block;left:0;width:100%;height:144px;position:absolute;z-index:10;padding:8px 0;background:rgba(0,0,0,0)}

.works.picture .media .more-view .inner{position:absolute;bottom:-144px;z-index:10;width:100%;overflow:auto;border-bottom:1px solid #fff;background:#000;;background:rgba(0,0,0,.6);-moz-transition:bottom .6s;-webkit-transition:bottom .6s;-o-transition:bottom .6s;-ms-transition:bottom .6s;transition:bottom .6s}

.works.picture .media .more-view:hover .inner{bottom:8px}

.works.picture .media .more-view ul{min-width:100%;white-space:nowrap}

.works.picture .media .more-view li{border-right:5px solid #fff}

.works.picture .media .more-view li img{cursor:pointer;vertical-align:top}

.works.picture .media-title,.works.info .media-title{padding:1.32% 3.44% 1.44% 3.2%}

.works.picture .media-title h2,.works.info .media-title h2{margin:0;font-size:33px;line-height:1;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold}

.works.picture .media-title li,.works.video .media-title li,.works.info .media-title li{vertical-align:top}

.works.picture .media-title ul .btn,.works.video .media-title ul .btn,.works.info .media-title ul .btn{font-size:19px;line-height:24px;padding:0;width:113px;text-align:center;border:1px solid #858585;color:#4c4c4c;text-transform:uppercase;margin-right:32px}

.works.picture .media-title .page,.works.picture .media-title .back,.works.video .media-title .back,.works.info .media-title .back{font-size:19px;line-height:28px;padding:0 24px 0 40px;text-transform:uppercase}

.works.picture .media-title .page span{color:#d90000}

.works.video .media{position:relative}

.works.video .bg{position:absolute;top:0;left:0;z-index:-1}

.works.video h3{position:relative;width:955px;margin:0 auto;color:#fff;font-size:19px;text-indent:22px;line-height:46px;text-transform:uppercase}

.works.video .media{padding:7.04% 0 0;background:#4c4c4c;background:rgba(76,76,76,.85)}

.works.video h3>span{display:block;width:41.46596859%;height:35px;background:#929292;background:-moz-linear-gradient(top,#b4b4b4,#7f7f7f);background:-webkit-gradient(linear,center top,center bottom,from(#b4b4b4),to(#7f7f7f));background:-webkit-linear-gradient(top,#b4b4b4,#7f7f7f);background:-o-linear-gradient(top,#b4b4b4,#7f7f7f);background:-ms-linear-gradient(top,#b4b4b4,#7f7f7f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b4b4b4,endColorstr=#7f7f7f);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b4b4b4,endColorstr=#7f7f7f)"}

.works.video h3>.bd{height:11px;width:100%;padding:0;background:#929292;background:-moz-linear-gradient(top,#7f7f7f,#727272);background:-webkit-gradient(linear,center top,center bottom,from(#7f7f7f),to(#727272));background:-webkit-linear-gradient(top,#7f7f7f,#727272);background:-o-linear-gradient(top,#7f7f7f,#727272);background:-ms-linear-gradient(top,#7f7f7f,#727272);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7f7f7f,endColorstr=#727272);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7f7f7f,endColorstr=#727272)"}

.works.video .video-wrapper{margin:0 auto;width:955px}

.works.video video{margin:0 auto;display:block}

.works.video .media-title{margin:10.26983488% 2.77889650% 2.09424084% 0}

.works.video .media-title ul .btn{background:none;border-color:#c3c4c4;color:#fff}

.works.video .media-title .back{color:#fff}

.works.video .media-title ul li.active .btn,.works.info .media-title ul li.active .btn{color:#d90000}

.works.video object{margin:auto;display:block}

.works.info article{padding:0 5.92025775% 0 3.22190898%}

.works.info article section{margin:10.25135535% 0 3.54854608%}

.works.info article h3{margin:0 0 1.28141942%;font-size:25px}

.works.info article p{font-size:17px;line-height:1.47058824;text-align:justify;margin:0 0 2.46426811%}

.works.info .media-title{clear:both;padding-top:5.63834072%}

.form-control.error{border-color:red!important;outline-color:red!important}

footer{position:absolute;bottom:0;left:0;z-index:10;width:100%;height:3.20056899%}

footer address.container{margin:0 auto;padding:0.6% 0 0.68% 3.2%;min-height:100%;position:absolute;bottom:0;font-size:13px;line-height:1;min-height:13px;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}

#back2top{position:fixed;right:3.48%;bottom:7.82361309%;text-transform:uppercase;font-size:19px;line-height:18px;padding:10px 25px 10px 30px;border:1px solid;border-color:#858585 #acacac #a1a1a1 #a4a4a4;border-radius:3px}

body.index footer address.container{color:#ffffff}

@media screen and (max-width:1650px){

body{padding:66px 0 30px}

.contacts main address{width:471.24px;position:absolute;right:29px}

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:13px}

.works.education main section#edu-intro h2{font-size:34px}

.works.education main section#edu-intro p{font-size:22px;line-height:39px}

.works.education main section#edu-gallery .col-xs-3>.mask h4{font-size:22px}

.works.info article p{font-size:12px}

}

@media screen and (min-height:918px) and (max-width:1650px){

.contacts main address{right:46px}

}

@media screen and (max-width:1734px){

.news .news-list .news-summary p{font-size:11px;line-height:16.5px}

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:12px}

.works.education main section#edu-intro h2{font-size:35px}

.works.education main section#edu-intro p{font-size:23px;line-height:39px}

.works.education main section#edu-gallery .col-xs-3>.mask h4{font-size:23px}

.works.info article h3{font-size:17px}

.works.info article p{font-size:13px}

.office.brief main .nav-tabs>li{margin-left:1.29886577%}

.office.jobs .job-detail dd h2{font-size:18px}

.contacts main address{right:3.36%;width:27.26%}
}

@media screen and (min-width:1735px) and (max-width:1829px){

.news .news-list .news-summary p{font-size:12px;line-height:18.3px}

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:14px}

.works.education main section#edu-intro h2{font-size:36px}

.works.education main section#edu-intro p{font-size:24px;line-height:41px}

.works.education main section#edu-gallery .col-xs-3>.mask h4{font-size:24px}

.works.info article h3{font-size:18px}

.office.brief main .nav-tabs>li{margin-left:1.29886577%}

.office.jobs .job-detail dd h2{font-size:19px}

}

@media screen and (min-width:1830px) and (max-width:1919px){

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:14px}

.works.education main section#edu-intro h2{font-size:37px}

.works.education main section#edu-intro p{font-size:25px;line-height:43px}

.works.education main section#edu-gallery .col-xs-3>.mask h4{font-size:25px}

.works.info article h3{font-size:19px}

.office.brief main .nav-tabs>li{margin-left:1.29886577%}

.office.jobs .job-detail dd h2{font-size:20px}

}

@media screen and (min-width:1920px) and (max-width:2079px){

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:15px}

.works.education main section#edu-intro h2{font-size:38px}

.works.education main section#edu-intro p{font-size:26px;line-height:45px}

.works.education main section#edu-gallery .col-xs-3>.mask h4{font-size:26px}

.works.info article h3{font-size:19px}

.office.jobs .job-detail dd h2{font-size:21px}

}

@media screen and (min-width:2080px) and (max-width:2199px){

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:16px}

.works.education main section#edu-intro h2{font-size:42px}

.works.education main section#edu-intro p{font-size:28px;line-height:49px}

.works.education main section#edu-gallery .col-xs-3>.mask h4{font-size:28px}

.works.info article h3{font-size:21px}

.office.jobs .job-detail dd h2{font-size:22px}

}

@media screen and (min-width:2200px) and (max-width:2339px){

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:17px}

.works.education main section#edu-intro h2{font-size:45px}

.works.education main section#edu-intro p{font-size:31px;line-height:54px}

.works.education main section#edu-gallery .col-xs-3>.mask h4{font-size:31px}

.works.info article h3{font-size:23px}

.office.jobs .job-detail dd h2{font-size:23px}

}

@media screen and (min-width:2340px) and (max-width:2499px){

nav .nav>li>a,.works.education main section#edu-gallery .col-xs-3>.mask p,.office.jobs .jobs-list dt,.office.jobs .jobs-list dd,.office.jobs .job-detail dt,.office.jobs .job-detail dd,.office.jobs .job-detail dd h6,.office.jobs .job-detail .comment{font-size:18px}

.office.jobs .job-detail dd h2{font-size:24px}

}

@media screen and (min-width:2500px){

body{padding:100px 0 45px}

.news .news-list .news-summary h3{font-size:38px}

.news .news-list .news-summary p{font-size:17px;line-height:25px}

.contacts main address{position:absolute;right:52px}

}