@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:14px;
line-height:24px;
font-family:Arial,"微软雅黑","宋体";
color:#414446;

/*设置宽度*/
width:100%; 
min-width:1200px;
}
#body-roll{overflow:hidden;}
#body .footer{ position:relative;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,form, dl,dt,dd,.ul,.ol{ padding: 0px; margin: 0px;}
.ol li,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6{ font-weight:normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ max-width:100%; border:none; border:0; vertical-align:baseline;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}

.fl{ float:left}
.fr{ float:right}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}
/*初始化样式*/

/*首页*/


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.animate,
.subnav,
.subnav ul li a i,
.subnav ul li a em,
.subnav ul li dl{-moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -webkit-transition:all 0.75s ease;transition:all 0.75s ease;}

.blur {
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -ms-filter: blur(6px);
  -moz-filter: blur(6px);
  filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=6,   MakeShadow=false);
}



.headerW{width: 100%; position:fixed; top:0; z-index:100;}
.header{ z-index:8; position:absolute; height: 90px; width:100%; padding:0 2%;}
.header .logo{float: left; margin-top: 30px;}
.header .nav{float: right; margin-top: 34px; margin-right: 100px;}
.header .nav ul li{float: left; padding: 0 25px; line-height:32px; height:55px; position:relative;}
.header .nav ul li a{ display:inline-block; font-size: 14px; color: #fff; font-family: "Arial"; font-weight: bold;}
.header .nav ul li i,
.header .nav ul li em{ font-style:normal;}
.header .nav ul li i,
.header .nav ul li.on em{ display:none;}
.header .nav ul li.on i{ display:inline-block;}
.header .nav ul li.on a{ border-bottom:solid 3px #fff}
.header .nav li dl{ line-height:22px; text-align:center; width: 88px; margin-left: -4px;;top:55px; color:#6c5421; position:absolute; display:none; background-color:#000; overflow:hidden;}
.header .nav li dl span{ padding:3px 0; border-bottom:solid 1px rgba(255, 255, 255, 0.20); display:block;}
.header .nav li dl span a{ color:#fff; display:block;}
.header .nav li dl span a:hover{ color:#c5dfff;}

/*.header .nav li{-webkit-perspective: 500px;}*/

.header .nav li dl{	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
}
.header .nav li:hover>dl{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 0.6;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}

.top_bgcolor{ opacity:0.7; width:100%;  min-width:1200px; height:91px; background:url(../images/top_bg.jpg) no-repeat right top}


.header .search{ position:relative; float:right; padding-right:30px; margin-right:40px; padding-top:30px;}
.header .search .text{ border-radius:100px; text-indent:1em; line-height:30px; color:#2e3c3f; width:0; border: none; background-color:#fff}
.header .search .btn{ position:absolute; right:0px; bottom:0; width:32px; height:32px; cursor: pointer; background:url(../images/search_btn.png) no-repeat center center}

.header .menu_btn{ cursor:pointer; width:27px; height:4px; background-color:#fff; position:absolute; right:2%; top:50%; margin-top:-2.5px; border-radius:10px;}
.header .menu_btn::before,
.header .menu_btn::after{border-radius:10px; position:absolute; content:'';width:100%; height:4px;background-color:#fff;right:0;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.header .menu_btn::before{ top:-11px;}
.header .menu_btn::after{ bottom:-11px;}

.header .on.menu_btn{ background-color:transparent;}
.header .on.menu_btn::before{ transform: rotate(-45deg); top:0}
.header .on.menu_btn::after{ transform: rotate(45deg); bottom:0}



.subnav{ position:fixed; right:-300px; top:90px; height:100%; background-color:#8799a5; width:200px; opacity:0.8}
.subnav ul li{position:relative;-webkit-perspective: 500px;}
.subnav ul li span,
.subnav ul li a{  display:block;}
.subnav ul li a{ line-height:40px;height:40px; overflow:hidden; color:#fff; padding:0 20px; border-bottom:solid 1px rgba(255, 255, 255, 0.22);}
.subnav ul li a i,
.subnav ul li a em{ font-size:16px; display:block; font-style:normal;}
.subnav ul li a:hover i{ margin-top:-40px;}

.subnav ul li dl{
	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
	width:100%;
	height:0;
	overflow:hidden;
}
.subnav ul li:hover>dl{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 0.6;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
	 height:auto;
}
.header .show{ right:0;}
.page_bg{position: absolute; top: 0; left:-20%; filter:blur(40px); width:120%; min-width: 1200px; height: 100%; z-index: -1; background-repeat: no-repeat; background-size:cover; background-position: center center; }
/*.page_bg img{width: 100%; height: 100%; display: block;}*/

.Contain{overflow: hidden; overflow: hidden;}
.works-body{ background-color:#8a9aa5;}
.works-body .top_bgcolor{ background:none; border-bottom:solid 1px #fff;}
.works-body .top_bgcolor.on{background: #000; transition: 0.5sl}
.case{width:100%; margin: 0 auto; position: relative; padding-top:90px;}
/*.case .right_line{position: absolute; height: 100%; width: 20%; right: -20%; top: 0; background: #fff;}*/
.case .left{float: left; width: 21%; padding-left:2%;}
.case .left ul li {padding-top:40px;}
.case .left ul li a{ display:block;}
.case .left ul li.on{text-align: right;}
.case .left ul li.on a{ padding-right: 20px; border-right: 2px solid #fff;}
.case .left ul li .title{ line-height:18px; font-size: 16px; color: #fff; font-weight: bold;}
.case .left ul li .title span{display: block; text-transform: uppercase; font-size: 12px; color: #fff; font-weight:normal; font-family: "Arial";}
.case .left .text{ position:absolute; bottom:20px; width:18%;font-size: 12px; color: #fff; line-height:26px;}

.case .right{float: right; width: 79%; min-height: 809px; padding: 2.5% 2% 0 2.5%; background: #fff; position: relative;}

.case .list ul{margin-right: -1%;}
.case .list ul li{float: left; margin-right: 1%; overflow:hidden;}
.case .list ul li .pic{padding-bottom: 70%; position: relative; display: block; overflow: hidden;}
.case .list ul li .pic img{position: absolute; top: 0; left: 0; width: 100%; height:100% ;transition:0.75s;}
.case .list ul#list li{width: 15.66%; }
.case .list ul#alllist li{width:24%; padding-bottom:4%}
.case .list ul#alllist li h5{ color:#43443e; line-height:32px; font-size:14px; position:absolute; z-index:5; width:100%; bottom:8px; text-align:center; background-color:rgba(255, 255, 255, 0.70)}

.case .left ul li.on a{margin-right: 12%;}

.case .list ul li.gray img{ opacity:0.5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.case .list ul li.color img{ opacity:1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:normal;}

.case .list .box .text{margin: 28px 0;}
.case .list .box .text .title{font-size: 18px; color: #444; font-weight: bold;}
.case .list .box .text .txt{font-size: 14px; color: #666; line-height: 24px; margin-top: 15px;}
.page_bg.gray{ opacity:0.2;}
.page_bg.color{ opacity:1;}

.works-details{  background-color:#262626;}
.works-details .ban{ position:relative;background-color:#000; }
.works-details .ban .pic{ overflow:hidden; line-height:0;}

..works-details .ban .pic .pic_sub{width: 300%; margin-left: -100%; text-align: center;}
.works-details .ban .pic img{opacity:0.3; width:1920px; height: 600px;}
.works-details .ban .txt{ z-index:5; position:absolute; width:100%; height:100%;}
.works-details .ban .table{width:100%; height:100%; display:table; text-align:center;}
.works-details .ban .table-cell{ display:table-cell; vertical-align:middle; color:#fff;}
.works-details .ban .table-cell a{color: #fff; margin: 5px;}
.works-details .ban .table-cell a:hover{color: #e2e2e2;}
.works-details .ban .table-cell .p{margin-top: 10px;}
.works-details .ban .txt .h4{ font-size:50px; line-height:50px;}
.works-details .ban_newsT .txt .h4{font-size: 24px; width: 1000px; margin: 0 auto;}
.works-details .ban .txt .h5{ font-size:16px; text-transform:uppercase;}
.works-details .ban .txt span{ border-bottom: 1px #fff; display:inline-block; margin:0px 10px;}
.works-details .details{color:#fff; width:1000px; margin:auto; padding:20px 0;}
.works-details .details .en{ text-transform:uppercase;}

.works-details .relevant{ padding-bottom:10px; border-top:solid 1px #999; border-bottom:solid 1px #4e4e4e; background-color:#333333}
.works-details .relevant .list{ color:#fff; width:1000px; margin:auto; position:relative;}
.works-details .relevant .list h3{ padding:15px 0; font-size:20px;}
.works-details .relevant .list ul{ overflow:hidden;}
.works-details .relevant .list ul li{ float:left; width:30%;}
.works-details .relevant .list ul li:nth-child(2){ margin:0px 5%;}
.works-details .relevant .list ul li .pic{ position:relative; padding-bottom:60%;}
.works-details .relevant .list ul li .pic img{ position:absolute; width:100%; height:100%;}
.works-details .relevant .list ul li h5{ padding:10px 0; text-align:center; font-size:16px; color:#fff;}
.works-details .relevant .istop{ position:absolute; right:0; top:-70px; display:block; cursor:pointer; background:url(../images/icontop.png) no-repeat; width:34px; height:19px;}

.footer{width:100%; padding:0 4%; line-height:50px; background: #333333; /*position:fixed;*/ bottom:0}
.footer .left{float: left;color: #717171;}
.footer .right{float: right;color: #6e6e6e; font-size: 14px;}



#top_blur{ height:90px; filter:blur(10px); -moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -webkit-transition:all 0.75s ease;transition:all 0.75s ease; background-repeat:no-repeat; background-position: center top; position:fixed; width:100%; z-index:5;}
.no-table-cell .fp-tableCell{ display:block;}
.section.active .div-height{ height:90px;}

.section{ background-repeat:no-repeat; background-position: center top;}
.section .AdhIcon{ display:block; position: absolute; height:30px; bottom:0; text-align: center; width:100%; z-index:9;}
/*.section .AdhIcon.AdhIcon2{ width:75%; }*/
.section a.huad{ position:relative; display:inline-block; background-image:url(../images/huad.png); background-repeat: no-repeat; background-position: center center; width:120px; height:120px; animation:icon 1s ease-in 0.5s infinite;}
@keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-moz-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-webkit-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}
@-o-keyframes icon {
	0% {top:-90px;}
	50% {top:-80px;}
	100% {top:-90px;}
}


.auto{ width:1200px; margin:auto;}




#fp-nav{ display:none;}


#body-gycs { color:#fff;}
#body-gycs .auto{position:relative; z-index:1; overflow:hidden;}
#body-gycs .column{ font-size:24px; padding-bottom:30px;}
#body-gycs .box{ padding:35px;}
.about-intro .auto{ background-color:rgba(34, 50, 59, 0.92);}
.about-intro .bg{ z-index:-1; filter:blur(30px); position:absolute; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.about-intro video {width:100%;}
.about-intro .txt .h3{ font-size:18px;}
.about-intro .txt .h4{ font-size:12px; text-transform:uppercase; padding-bottom:20px;}
.about-intro .txt p{ padding:5px 0;}
.about-intro .txt .en{font-size:12px; text-transform:uppercase; opacity:0.5}

.about-history .box-w{ overflow:hidden; position:relative;margin-left: 800px;width:400px; height:540px;  background-color:rgba(34, 50, 59, 0.92); }
.about-history .bg{ z-index:-1; filter:blur(30px); position:absolute; right:0; width:100%; height:100%; background-position:76.3% 75.5%; background-repeat:no-repeat;}
.about-history .txt ul li{ padding-bottom:20px;}
.about-history .txt ul li b{ font-size:30px; font-weight:normal}

.about-honor .auto{ background-color:rgba(34, 50, 59, 0.92);}
.about-honor .bg{ z-index:-1; filter:blur(44px); position:absolute; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.about-honor .year_box{ position:relative;}
.about-honor .year a{ width:164px; display:inline-block; opacity:0.3; cursor: pointer; color:#fff;}
.about-honor .year a b{ font-size:30px; font-weight:normal;}
.about-honor .year a.on{ opacity:1;}
.about-honor .list{ padding:20px 0;}
.about-honor .prev,
.about-honor .next{ position: absolute; width:22px; height:22px; cursor:pointer; display:block; background:url(../images/honor_arrow.png) no-repeat;}
.about-honor .prev{ left:-30px;  background-position:left}
.about-honor .next{ right:-30px; background-position:right}
.about-honor .prevStop,
.about-honor .nextStop{ display:none;}


#body-ltsj { color:#fff}
#body-ltsj .txt dl{ display:inline-block; line-height:30px; overflow:hidden}
#body-ltsj .txt dl dt{ text-align:left; width:173px; position:absolute; font-size:36px; line-height:50px;}
#body-ltsj .txt dl dd{ font-size:24px; padding-left:173px; padding-top:10px;}
.about-design .txt{ text-align:right;}
.about-development .txt{ color:#333333}
.about-manage .txt{ text-align:center;}

.team-list ol,
.team-list ul{ overflow:hidden; }
.team-list li{position:relative; float:left;}
.team-list li a{ display:block;}

.team-list ol{ margin-bottom:2px; background-color:#1b1b1c;}
.team-list ol li{  width:25%; padding-bottom:30%; }
.team-list ol li:nth-child(2){ border-left:solid 2px #fff;border-right:solid 2px #fff}
.team-list ol li dl{ color:#fff;  position:absolute; width:100%; height:100%; bottom:0; padding:5%}
.team-list ol li .pic{ opacity:0.15; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:left bottom }
.team-list ol li .h5{font-size:20px; position:absolute; right:10%; bottom:30%; transition:all 0.3s ease 0s;}
.team-list ol li.show .h5 {position:static; right:auto; bottom:auto; transition:all 0.3s ease 0s;}
.team-list ol li .h5 em{ font-style:normal; font-size:28px; display:block; text-transform:uppercase;}
.team-list ol li p{ display:none;}
.team-list ol li .more{ line-height:32px;  position:absolute; bottom:60px; padding-right:24px; background:url(../images/more.png) no-repeat right;}
.team-list ol li.show{
background: #393c43; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #393c43 0%, #2a2c33 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #393c43 0%,#2a2c33 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #393c43 0%,#2a2c33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393c43', endColorstr='#2a2c33',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
width:50%;
text-align:center;
}
.team-list ol li.show dl{ width:50%; height:70%; right:0;}
.team-list ol li.show .pic{ opacity:1}
.team-list ol li.show .p{ padding:30px 0; display:block; height:102px; overflow:hidden;}
.team-list ol li.show .more{ color:#444444; background-image:url(../images/more2.png); background-color:#fff; border-left:solid 15px #fff;border-right:solid 15px #fff;}
@media(max-width: 1360px){
.team-list ol li.show dl{ width:70%}
.team-list ol li .more{ bottom:25px;}	
}

.team-list ul li{ width:18%;  background-color:#1b1b1c;}
.team-list ul li dl{ position:absolute; width:100%; bottom:10px; text-align:center;}
.team-list ul li dl h5{ font-size:15px; color:#fff;}
.team-list ul li .pic{  opacity:0.2; padding-bottom:100%; background-repeat:no-repeat; background-position:left bottom; background-size: contain; }
/*.team-list ul li.active .pic,*/
.team-list ul li a:hover .pic{ opacity:1}
.team-list .bx-wrapper{ position:relative; margin-bottom:1px; z-index:7;}
.team-list .bx-controls-direction a{ position:absolute; font-size:0; line-height:0; display:block; width:30px; height:30px; cursor:pointer; top:50%; background-color:#e3e5e8; background-image:url(../images/icon_arrow.png);}
.team-list .bx-prev{ left:50px; background-position:left;}
.team-list .bx-next{ right:50px; background-position:right;}

.team-detail .line{ border:none;  border-bottom: dashed 1px #d7d7d7;}
.team-detail .photo{ float:left; width:30%;}
.team-detail .txt{ float:right; width:65%;}
.team-detail .txt .h5{ font-size:14px;}
.team-detail .txt .h5 b{ font-size:24px; padding-right:20px;}
.team-detail .txt dl dt{ position:absolute;}
.team-detail .txt dl dd{ padding-left:30%;}

.news-hot{ padding-bottom:1px;}
.news-hot ul li{ width:50%;  float:left;}
.news-hot ul li a{ display:block;padding-bottom:62%;position:relative; background-color:#000000; overflow:hidden;}
.news-hot ul li .pic{ position:absolute; width:100%; height:100%; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.news-hot ul li .pic img{ width:100%; height:100%;}
.news-hot ul li h5{ font-size:14px; color:#fff; position:absolute; width:100%; left:0; padding:1% 5%; bottom:0;  background-color:rgba(0, 0, 0, 0.40)}
.news-hot ul li h5 time{ padding-left:10px; float:right}
.news-hot ul li a:hover .pic{  opacity:0.7;transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.bus_proj ul li:hover img{}
.news-hot ul li a:hover h5{ color:#fff;}
.news-hot ul li.n1 a{ margin-right:0.5px;}
.news-hot ul li.n2 a{ margin-left:0.5px;}

.news-list{ background:url(../images/bg_news.jpg) no-repeat center top; color:#fff;}
.news-list ul li{ padding-top:40px; overflow:hidden; display:block;transition:.66s;}
.news-list ul li a{}
.news-list ul li .pic{ float:left; width:480px;}
.news-list ul li .pic img{ width:480px; height:270px;}
.news-list ul li .txt{ color:#fff; float:right; width:720px; height:270px; padding:38px; background-color:rgba(255, 255, 255, 0.10)}
.news-list ul li .txt h5{ font-size:18px;}
.news-list ul li .txt p{ margin:20px 0; color:#bcbfc0; height:100px;}
.news-list ul li:hover{transform: translateY(-5%)}


.cooperation-hot ul li{ width:50%;  float:left;}
.cooperation-hot ul li a{ display:block;padding-bottom:75%;position:relative; background-color:#000000;}
.cooperation-hot ul li .bg{ z-index:2; position:absolute; width:100%; height:100%;}
.cooperation-hot ul li .pic{position:absolute; width:100%; height:100%;}
.cooperation-hot ul li .pic img{ width:100%; height:100%;}
.cooperation-hot ul li h5{ color:#fff; z-index:3; font-size:18px; position:absolute; width:90%; left:5%; bottom:5%; transition:bottom 0.66s ease 0s;}
.cooperation-hot ul li h5 time{ padding-left:10px; float:right}
.cooperation-hot ul li a:hover .bg{ opacity:0.1}
.cooperation-hot ul li a:hover .pic{ opacity:1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:normal;}
.cooperation-hot ul li a:hover h5{bottom:10%;}
.cooperation-hot ul li.n1 a{ margin-right:0.5px;}
.cooperation-hot ul li.n2 a{ margin-left:0.5px;}

.cooperation-list{ background-color:#2d353b;}
.cooperation-list ul{ border-top:solid 1px #fff; overflow:hidden;}
.cooperation-list ul li{ float:left; width:33.333%; overflow:hidden; display:block;}
.cooperation-list ul li a{ overflow:hidden; position:relative; display:block; padding-bottom:30%; background-color:#282828;}
.cooperation-list ul li .bg,
.cooperation-list ul li .pic,
.cooperation-list ul li .txt{ width:50%; position:absolute; height:100%; background-repeat:no-repeat;}
.cooperation-list ul li .bg{ filter:blur(10px); opacity:0.5}
.cooperation-list ul li .txt{ color:#fff; }
.cooperation-list ul li .txt::after{ content:''; top:48%; position:absolute; border:solid 10px transparent; opacity:0.5}
.cooperation-list ul li .txt dl {display:table; text-align:center; width:100%; height:100%;padding:0 5%;}
.cooperation-list ul li .txt h5{ font-size:18px; transition:.66s; display:table-cell;vertical-align:middle; }
.cooperation-list ul li .txt p{ margin:20px 0; color:#bcbfc0; height:100px;}
.cooperation-list ul li:hover .txt h5{transform: translateY(-10%)}
.cooperation-list ul:nth-child(odd) li .bg{ right:0; background-position: right top}
.cooperation-list ul:nth-child(odd) li .pic{ left:0;background-position: left top}
.cooperation-list ul:nth-child(odd) li .txt{ right:0;}
.cooperation-list ul:nth-child(odd) li .txt::after{ left:-20px; border-right-color:#8999a5;}
.cooperation-list ul:nth-child(even) li .bg{ left:0;background-position: left top}
.cooperation-list ul:nth-child(even) li .pic{ right:0;background-position: right top}
.cooperation-list ul:nth-child(even) li .txt{ left:0}
.cooperation-list ul:nth-child(even) li .txt::after{ right:-20px; border-left-color:#8999a5;}

.contact .bxslider li{ background-color:#000;}
.contact .bxslider li .BMap_mask{}
.contact #bx-pager3 { border-top:solid 1px #fff; position:absolute; bottom:50px; width:100%; min-width:1200px; z-index:5;}
.contact #bx-pager3 ul li{ float:left; width:33.333%; padding-bottom:7%;  line-height:30px; position:relative; }
.contact #bx-pager3 ul li:nth-child(2) {border-left:solid 1px #fff;border-right:solid 1px #fff;}
.contact #bx-pager3 ul li a{cursor:pointer; display:block;  background-color:#333b46;}
.contact #bx-pager3 ul li a,
.contact #bx-pager3 ul li .bgimage{ background-repeat:no-repeat; background-position: center center; background-size:cover;}
.contact #bx-pager3 ul li a,
.contact #bx-pager3 ul li dl{ position:absolute; width:100%; height:100%; overflow: hidden;}
.contact #bx-pager3 ul li .bgimage{position:absolute; width:120%; height:120%; top: -10%; left: -10%;}
.contact #bx-pager3 ul li .bgimage{ opacity:0.15}
.contact #bx-pager3 ul li dl{ text-align:center; color:#fff;z-index:5;}
.contact #bx-pager3 ul li a.active{ background-color:#000}
.contact #bx-pager3 ul li a.active .bgimage{ z-index:6;  filter: blur(6px);opacity: 0.7;}
.contact #bx-pager3 ul li dl h3{ padding-top:6%; font-size:28px; text-transform:uppercase;}
.contact #bx-pager3 ul li dl h4{ font-size:20px;}


.map-txt{ position: absolute; width:50%; right:50%;  top:30%; margin-right:-600px;  width:400px;}
.map-txt .txt{ display:none;font-size:15px; line-height:30px;  background-color: rgba(34, 50, 59, 0.92); color:#fff; padding:10px 20px;}
.map-txt .txt h3{ padding-top:6%; font-size:28px; text-transform:uppercase;}
.map-txt .txt h4{ font-size:20px;}

.Hmap-txt{right: 0; left: 4%; margin-right: 0; top: auto; bottom: 140px; }

.jobs-txt{ padding:20px 0 50px 0; text-align:center; font-size:18px; line-height:36px; color:#555555;}
.jobs-txt .h3{ padding:40px 0; font-size:36px; line-height:40px;}
.jobs-txt .h4{ padding-bottom:40px;font-size:18px; line-height:40px;}
.jobs-txt .fuli li{ width:19%; display:inline-block;}
.jobs-txt .HR{ margin-top:30px; display:inline-block; width:240px; line-height:60px; color:#fff; background-color:#8999a6; border-radius:100px;}
.jobs-txt .HR:hover{ background-color:#627585;}
.jobs-list dl{ padding-bottom:30px; position:relative; font-size:18px; overflow:hidden;}
.jobs-list dl dt{float:left; width:160px;}
.jobs-list dl dt i{ line-height:40px; position:absolute; left:0; font-size:36px; color:#d5d5d5;}
.jobs-list dl dt i:after{ position:absolute; top:32px; content:''; width:70px; left:7px; display:block; border-bottom:solid 1px #e0e0e0;}
.jobs-list dl dt span{ position:relative;color:#555555; display:block; width:150px; padding:10px; border-radius:10px; text-align:center; background-color:#e5e5e5;}
.jobs-list dl dt span:after{ right:-16px;  top:40%;  content:''; position:absolute; border:solid 8px transparent; border-left-color:#e5e5e5}
.jobs-list dl dd{ line-height:36px; float:right; width:1010px;}
.jobs-list dl dd a{color: #414444 6px;}

#body-ygxc{ background-color:#262626}
.photo-list{ padding-top:90px;}
.photo-list ul li{ float:left; width:25%; padding:1% 2% 0 2%;}
.photo-list ul li .pic{ padding-bottom:66%; position:relative;}
.photo-list ul li .pic img{ position:absolute; width:100%; height:100%;}
.photo-list ul li h5{ line-height:40px; color:#fff; font-size:14px; text-align:center}

.window_main{ padding:50px 0 10px 0;}
.window_main .title{ margin:0 60px; padding:10px 0; font-size:18px; text-align:center;}
.window_main time{ margin:10px 40px; display:block; color:#999999; text-align:center; border-bottom:solid 1px #d7d7d7;}
.window_main .detail{ padding:20px 40px; line-height:30px; color:#555555;}
.window_main .info{ width:1100px; height:650px; overflow-y:auto; padding-top:0; padding-bottom:0;}
.window_main .info::-webkit-scrollbar { width:10px; height:10px; }
.window_main .info::-webkit-scrollbar-button{background:#fff;}/*箭头*/
.window_main .info::-webkit-scrollbar-track     { background:#fff; }/*面部背景*/
.window_main .info::-webkit-scrollbar-track-piece { background: url(../images/scroll_bg.png) no-repeat top;}
.window_main .info::-webkit-scrollbar-thumb{ cursor:pointer; height:52px!important; background:url(../images/scroll_arrow.png) no-repeat center center;}/*面部*/
.window_main .info::-webkit-scrollbar-corner { background:#82AFFF; }
.window_main .info::-webkit-scrollbar-resizer  { background:#fff;}

.jp-container{ width:1100px; height:650px;  position:relative;}
.jspContainer{ overflow: hidden;	position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute;	top: 0;	right: 0;width:8px;height: 100%;}
.jspHorizontalBar{position: absolute;bottom: 0;	left: 0;width: 100%;height:10px;}
.jspVerticalBar *,.jspHorizontalBar *{	margin: 0;	padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspTrack{background: url(../images/scroll_bg.png) no-repeat top; position: relative;}
.jspDrag{position: relative;top: 0;	left: 0;cursor: pointer; background:url(../images/scroll_arrow.png) no-repeat center center;}
.jspVerticalBar .jspDrag{ min-height:52px!important;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{	float: left;height: 100%; background:none;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;	background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{	margin: 0 -3px 0 0;}


.container1 {}
.container1 .div_scroll { width:1100px; height:650px; overflow: auto;}	
.container1 .scroll_container {overflow: hidden;position: relative;}
.container1 .scroll_absolute { position: absolute;}
.container1 .scroll_vertical_bar {  position: absolute; top: 0;  right: 0; width: 16px; height: 100%;  margin: 0; padding: 0;}
.container1 .scroll_track {position: relative;background: url(../images/scroll_bg.png) no-repeat top; position: relative;}
.container1 .scroll_drag {min-height:52px!important; position: relative;top: 0;left: 0;cursor: pointer;cursor: pointer; background:url(../images/scroll_arrow.png) no-repeat center center;}
.container1 .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer; background-color: #D6B74B;}
.container1 .scroll_vertical_bar .scroll_arrow {   height: 16px; display:none;}

.Pages{ line-height:36px; text-align:center; padding:20px 0;}
.Pages em{ font-style:normal;}
.Pages a{ color:#999999; display:inline-block; padding:0px 14px; border:solid 1px rgba(250,250,250,0.2)}
.Pages a:hover{ color:#fff}
.Pages a.a_cur{ background-color:#333333; color:#fff; border-color:#333333;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.works-body .Pages a{ border-color:#f8f8f8;}
.works-body .Pages a:hover{ color:#333333}

.index-banner .bxslider li{ overflow:hidden; height:100vh; background-repeat:no-repeat; background-position:left top;}
.index-banner .bxslider li .bg{ filter:blur(6px); position:absolute; width:120%; height:90px; overflow:hidden; background-repeat:no-repeat; background-position:left top;}
.index-banner .bxslider li a{ display:block; position:absolute; width:100%; height:100%;}
.index-banner #bx-pager ul{ border-left:solid 1px #fff; position:absolute; top:90px; right:0; width:25%; height:100%; z-index:5}
.index-banner #bx-pager ul li{ line-height:30px; overflow:hidden; height:25%; position:relative; border-top:solid 1px #fff;}
.index-banner #bx-pager ul li:nth-child(1){ border-top:none;}
.index-banner #bx-pager ul li a{ cursor:pointer; display:block;  background-color:#333b46;}
.index-banner #bx-pager ul li a,
.index-banner #bx-pager ul li .bgimage{ background-repeat:no-repeat; background-position: center center; background-size:cover;}
.index-banner #bx-pager ul li a,
.index-banner #bx-pager ul li dl,
.index-banner #bx-pager ul li .bgimage{ position:absolute; width:100%; height:100%;}
.index-banner #bx-pager ul li .bgimage{ opacity:0.15; width: 110%; height: 110%; top: -5%; left: -5%;}
.index-banner #bx-pager ul li dl{ text-align:center; color:#fff;z-index:5;}
.index-banner #bx-pager ul li a.active{ background-color:#000}
.index-banner #bx-pager ul li a.active .bgimage{ z-index:6; filter:blur(6px); opacity:0.7}
.index-banner #bx-pager ul li dl h3{ padding-top:15%; font-size:28px; text-transform:uppercase;}
.index-banner #bx-pager ul li dl h4{ font-size:20px;}
.index-banner .bx-controls{ display:none;}

.index-photo .bxslider li{ overflow:hidden; height:100vh; background-repeat:no-repeat; background-position:left top;}
.index-photo .bxslider li .bg{/* filter:blur(6px);*/ position:absolute; width:100%; height:90px; overflow:hidden; background-repeat:no-repeat; background-position:left top;}
.index-photo .bxslider li a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; }
.index-photo .bxslider li video{ width:100%; position:absolute;}
.index-photo #bx-pager2 ul{ position:absolute; bottom:20%; right:0; left:5%; width:90%; z-index:5}
.index-photo #bx-pager2 ul li{ float:left; line-height:30px; overflow:hidden; width:24%; margin:0 0.5%; position:relative; border:solid 1px #d9d9d9;}
.index-photo #bx-pager2 ul li a{ cursor:pointer; display:block; padding-bottom:68%; background-color:#000;}
.index-photo #bx-pager2 ul li a,
.index-photo #bx-pager2 ul li .bgimage{ background-repeat:no-repeat; background-position: center center; background-size:cover;}
.index-photo #bx-pager2 ul li dl,
.index-photo #bx-pager2 ul li .bgimage{ position:absolute; width:100%; height:100%;}
.index-photo #bx-pager2 ul li .bgimage{ opacity:0.60;  width: 110%; height: 110%; top: -5%; left: -5%;}
.index-photo #bx-pager2 ul li dl{ text-align:center; color:#fff;z-index:5;}
.index-photo #bx-pager2 ul li a.active .bgimage{ z-index:6; filter:blur(6px); opacity:0.65;}
.index-photo #bx-pager2 ul li dl h3{ padding-top:30%; font-size:28px; text-transform:uppercase;}
.index-photo #bx-pager2 ul li dl h4{ font-size:20px;}
.index-photo .bx-controls{ display:none;}

.index-news{overflow: hidden;}
.index-news .news_left{ position:absolute; width:49.5%; height:100vh}
.index-news .news_left ul li{ background-color:#000; border-bottom:solid 1px #fff;}
.index-news .news_left ul li a{ display:block;   position:relative; overflow:hidden;}
.index-news .news_left ul li .pic{ opacity:0.7; position:absolute; width:100%; height:100%;background-repeat:no-repeat; background-position:left top;}
.index-news .news_left ul li dl{ z-index:5; overflow:hidden;  position:absolute; background-color:#282828; width:50%; height:100%;}
.index-news .news_left ul li dl dt{ padding:10% 5%; height:110%; top: -5%; z-index:6; position:absolute;}
.index-news .news_left ul li dl dt time{ color:#b1b4b8; position:absolute; bottom:10%;}
.index-news .news_left ul li dl dt h5{ color:#fff; font-size:15px;}
.index-news .news_left ul li dl dd.bg{ position:absolute; opacity:0.3; filter:blur(16px); width:120%; height:120%; top: -10%; left: -10%; background-repeat:no-repeat;}
.index-news .news_left ul li.n1 .pic,
.index-news .news_left ul li.n3 .pic,
.index-news .news_left ul li:nth-child(2) dl dd.bg{ background-position:left top}
.index-news .news_left ul li.n2 .pic,
.index-news .news_left ul li:nth-child(1) dl dd.bg,
.index-news .news_left ul li:nth-child(3) dl dd.bg{background-position:right top}
.index-news .news_left ul li:nth-child(2) dl dd.bg{ background-position:left top}

.index-news .news_left ul li:nth-child(1) dl,
.index-news .news_left ul li:nth-child(3) dl{ right:0;}
.index-news .news_left ul li:nth-child(2) dl{ left:0;}
.index-news .news_right{ position:absolute; height:100%; right:0; width:50.5%; border-left:solid 1px #fff;}
.index-news .news_right ul li{ height:100vh; position:relative; background-repeat:no-repeat; background-position: center center; background-size:cover;}
.index-news .news_right ul li a{ display:block; height:88vh}
.index-news .news_right ul li h5{ padding:0px 5%; color:#fff; font-size:18px; position:absolute; bottom:14%;}
.index-news .news_right .bx-wrapper{ position:relative;}
.index-news .news_right .bx-controls-direction a{ position:absolute; font-size:0; line-height:0; display:block; width:30px; height:30px; cursor:pointer;bottom:12%; background-color:#fefefe; background-image:url(../images/icon_arrow.png);}
.index-news .news_right .bx-prev{ right:80px; background-position:left;}
.index-news .news_right .bx-next{ right:42px; background-position:right;}


.index-team ul{ overflow:hidden;  background-color:#1b1b1c;}
.index-team ul li{ width:25%; position:relative; float:left;}
.index-team ul li a{ display:block;}
.index-team ul li:nth-child(2){ border-left:solid 2px #fff;border-right:solid 2px #fff}
.index-team ul li dl{ color:#fff;  position:absolute; width:100%; height:100%; bottom:0; padding:5%}
.index-team ul li .pic{ opacity:0.15; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:left bottom }
.index-team ul li .h5{font-size:20px;}
.index-team ul li .h5 em{ font-style:normal; font-size:28px; display:block; text-transform:uppercase;}
.index-team ul li p{ display:none;}
.index-team ul li .more{ line-height:32px;  position:absolute; bottom:60px; padding-right:24px; background:url(../images/more.png) no-repeat right;}
.index-team ul li.show{
background: #393c43; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #393c43 0%, #2a2c33 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #393c43 0%,#2a2c33 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #393c43 0%,#2a2c33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393c43', endColorstr='#2a2c33',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
width:50%;
text-align:center;
}
.index-team ul li.show dl{ width:50%; height:70%; right:0;}
.index-team ul li.show .pic{ opacity:1}
.index-team ul li.show .p{ padding:30px 0; display:block;}
.index-team ul li.show .more{ color:#444444; background-image:url(../images/more2.png); background-color:#fff; border-left:solid 15px #fff;border-right:solid 15px #fff;}


.index-contact .bxslider li{ overflow:hidden; height:100vh; background-repeat:no-repeat; background-position:left top;}
.index-contact .bxslider li .bg{ filter:blur(6px); position:absolute; width:120%; height:90px; overflow:hidden; background-repeat:no-repeat; background-position:left top;}
.index-contact .bxslider li .map{ height:100vh}
.index-contact #bx-pager3 ul{ border-left:solid 1px #fff; position:absolute; top:90px; right:0; width:25%; height:103%; z-index:5}
.index-contact #bx-pager3 ul li{ line-height:30px; overflow:hidden; height:33.3333%; position:relative; border-top:solid 1px #fff;}
.index-contact #bx-pager3 ul li:nth-child(1){ border-top:none;}
.index-contact #bx-pager3 ul li a{ cursor:pointer; display:block;  background-color:#333b46;}
.index-contact #bx-pager3 ul li a,
.index-contact #bx-pager3 ul li .bgimage{ background-repeat:no-repeat; background-position: center center; background-size:cover;}
.index-contact #bx-pager3 ul li a,
.index-contact #bx-pager3 ul li dl,
.index-contact #bx-pager3 ul li .bgimage{ position:absolute; width:120%; height:120%; top: -10%; left: -10%;}
.index-contact #bx-pager3 ul li .bgimage{ opacity:0.15}
.index-contact #bx-pager3 ul li dl{ text-align:center; color:#fff;z-index:5;}
.index-contact #bx-pager3 ul li a.active{ background-color:#000}
.index-contact #bx-pager3 ul li a.active .bgimage{ z-index:6; filter:blur(6px); opacity:0.7}
.index-contact #bx-pager3 ul li dl h3{ padding-top:25%; font-size:28px; text-transform:uppercase;}
.index-contact #bx-pager3 ul li dl h4{ font-size:20px;}
.index-contact .bx-controls{display: none;}

/*详细*/
.news-info{width: 1200px; margin: 140px auto 0; max-width: 96%;}
.news-info .h5{ text-align:center; color:#666;  font-weight: normal; font-size: 20px; margin: 20px 0 0 0;}
.news-info .time{ text-align:center; margin-top: 10px; font-size: 14px; color: #999; padding-bottom: 20px; border-bottom: 1px dashed #e4e4e4;}
.info_other{margin-top: 30px; padding: 30px 0;position: relative; width: 1200px; max-width: 96%; margin: 0 auto;}
.info_other span{ padding:2px 0; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.info_other span a:hover{color: #004b64;}
.info_other span.back{display: block;}
.info_other span.back a{display: inline-block;;}
.news-info .con{margin-top: 20px; min-height: 400px;}
.news-info .con img{width: auto!important; height: auto!important;}
.info_other .prev a,.info_other .next a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


.jobs_pic ul li{width: 33.333%; float: left;}
.jobs_pic ul li .pic{display: block; position: relative; width: 100%; padding-bottom: 63%; overflow: hidden;}
.jobs_pic ul li .pic img{width: 100%; position: absolute; top: 0; left: 1px;}