/*section1 start*/
.section1 .btext{position: absolute;bottom: 0%;width: 100%;height: 300px;background: url(../images/research/research_btext.png) 50% 0 no-repeat;transition: all 1s;}
.active .btext {bottom: 23%; opacity: 1; transition-delay: 0.7s; }

#en_banner_zhanlue{background-image: url(../images/en/banner_zhanlue.png);}
/*section1 end*/

.titlea{position: absolute;top:9%;width: 100%;height: 72px;text-align:center; background: url(../images/about/about_2_1.png) center top no-repeat;opacity: 1;transition: all 1s; font-family:"Microsoft YaHei"; font-size:30px; font-weight:bold;color:#444;}
.titleb{position: absolute;top:10%;width: 100%;height: 72px;text-align:center; background: url(../images/about/about_3_1.png) center top no-repeat;opacity: 1;transition: all 1s; font-family:"Microsoft YaHei"; font-size:30px; font-weight:bold;color:#FFF;}
.titlec{position: absolute;top:10%;width: 100%;height: 72px;text-align:center; background: url(../images/about/about_2_1.png) center top no-repeat;opacity: 1;transition: all 1s; font-family:"Microsoft YaHei"; font-size:30px; font-weight:bold;color:#444;}
/*section2 start*/
.section2 .banner{font-size:18px;position: absolute;top:160px;left:15%;width:70%;height: 240px;text-align:left; line-height:2em; font-family:"Microsoft yahei"; opacity: 0;transition: all 1s;}
.active .banner{opacity: 1; transition-delay:.4s;}
.section2 .s2_bottom{position:absolute; top:46%; left:20%; background:url(../images/zhanlue/zhanlue_2_1.jpg) center center no-repeat;background-size:contain; height:50%;width:60%; transition: all 0.5s;}
.section2 .s2_bottom:hover{transform: scale(1.1);}
/*section2 end*/

/*section3 start*/
.section3 {text-align:center;color:#FFF;}
.section3 .ititle{margin:1.5% auto;}
@-moz-keyframes rotate{
0%{ -moz-transform:rotateY(0deg);}
	100%{-moz-transform:rotateY(-360deg);}
}
@-webkit-keyframes rotate{
0%{ -webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(-360deg);}
}
.section3 .s3_ititle{font-family:"Microsoft yahei"; margin:16px; color:#FFF;font-size:26px; font-weight:bold;}
.section3 .s3_b{font-weight:bold;}
.section3 .s3_cs{margin:20px 20%;line-height:1.5em;text-align:left;}
.section3 .s3_contents{position:absolute;top:30%;left:5%;width:90%;text-align:center;}

.section3 .s3_contents .item1{position:absolute;left:0%; margin:0 0.5%; width:17%;}
.section3 .s3_contents .item2{position:absolute;left:21%; margin:0 0.5%; width:17%;}
.section3 .s3_contents .item3{position:absolute;left:42%; margin:0 0.5%; width:17%;}
.section3 .s3_contents .item4{position:absolute;left:63%; margin:0 0.5%; width:17%;}
.section3 .s3_contents .item5{position:absolute;left:83%; margin:0 0.5%; width:17%;}
.section3 .s3_contents img{width:100%;height:auto;}

.view {margin: 10px;float: left;border: 10px solid #fff;overflow: hidden;position: relative;text-align: center;box-shadow: 1px 1px 2px #e6e6e6;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center;}
.view .mask,.view .content {width: 80%; height: 60%; position: absolute;overflow: hidden;top: 20%;left: 10%;}
.view .mask1{width: 100%; height: 100%; position: absolute;overflow: hidden;left:0;top:0;background:rgba(222,222,222,0.6);}
.view .mask1 .yw{font-family: Raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-20%;height:30px;}
.view .mask1 .biaoti{width:36px;font-family:"Microsoft yahei";position:absolute; top:0; left:20%;font-size:36px;font-weight:bold;}
.view img { display: block; position: relative}
.view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;font-family: Raleway, serif;padding: 10px;margin: 20px 0 0 0}
.view p {font-family: "Microsoft yahei";font-size: 16px;position: relative;color: #fff;padding: 0px 20px 0px;text-align: center;padding:20px 0;margin:30px 10%;border-top:2px solid #fff; border-bottom:2px solid #fff;}
.view a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;font-family: Raleway, serif;text-transform: uppercase;box-shadow: 0 0 1px #000}

.view a.info:hover { box-shadow: 0 0 5px #000}
.view-first img {transition: all 0.2s linear;}
.view-first .mask { opacity: 0; background-color: rgba(190, 190, 190, 0.84); transition: all 0.4s ease-in-out;}
.view-first h2 { transform: translateY(-100px); opacity: 0; font-family:"Microsoft yahei"; font-size:30px; transition: all 0.2s ease-in-out;}
.view-first p {transform: translateY(100px); opacity: 0;transition: all 0.2s linear;}
.view-first a.info {opacity: 0;transition: all 0.2s ease-in-out;}
.view-first:hover img {transform: scale(1.1);}
.view-first:hover .mask { opacity: 1;}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info { opacity: 1; transform: translateY(0px);}
.view-first:hover p {transition-delay: 0.1s;}
.view-first:hover a.info { transition-delay: 0.2s;}
.view-first:hover .biaoti{opacity:0;}
.view-first:hover .yw{opacity:0;}
.view-first:hover .mask1{opacity:0;}
/*section3 end*/

/*section4 start*/
.s4_content{position:absolute; top:20%; width:70%;left:15%;text-align:left; line-height: 1.8;font-size:18px;}
.s4_liebiao{position:absolute; top:200px; width:100%;left:0%;line-height:1.6em;}
@media screen and (min-width:1601px){
	.s4_liebiao{top:26%;}
}
.s4_liebiao .item1{position:absolute; left:10%; top:0%;  background:url(../images/zhanlue/boshi1.jpg) center center no-repeat;height:300px; width:23%;background-size:98% 98%;}
.s4_liebiao .item2{position:absolute; left:36%; top:0%;  background:url(../images/zhanlue/boshi2.jpg) center center no-repeat;height:300px; width:23%;background-size:98% 98%;}
.s4_liebiao .item3{position:absolute; left:62%; top:0%;  background:url(../images/zhanlue/boshi3.jpg) center center no-repeat;height:300px; width:23%;background-size:98% 98%;}
.s4_liebiao  .mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;text-align:center; transition: all 0.2s; line-height: 1.8; cursor: pointer;}
.s4_liebiao .mask span{display:block;margin:20% 15% 0;color:#fff; font-size: 18px;}
.team_en .s4_liebiao .mask{line-height: 1.7;}
.team_en .s4_liebiao .mask span{line-height: 1.7; margin-top: 10%;}
.s4_liebiao .mask:hover{background:rgba(08,37,45,0.9); opacity:1; transition-delay:0.1s;}

/*
.s4_liebiao  .mask02{position:absolute;top:100%;left:0;width:90%;height:35%;margin-top:5%;padding-left:5%;padding-right:5%;background-color:#f2f2f2;text-align:left; transition: all 0.2s; line-height: 1.8; cursor: pointer;}
.s4_liebiao  .mask02 .boshi_title{width:100%;text-align:left;}
.s4_liebiao  .mask02 .boshi_title .boshi_name{font-size:26px;font-weight:600;}
.s4_liebiao  .mask02 .boshi_title .boshi_zhiwei{}

.s4_liebiao .item1:hover{height:320px;width:24%;}
.s4_liebiao .item2:hover{height:320px;width:24%;}
.s4_liebiao .item3:hover{height:320px;width:24%;}

.s4_liebiao .item1:hover .mask02{background-color:#c1cbc8;color:#083025;}
.s4_liebiao .item2:hover .mask02{background-color:#c1cbc8;color:#083025;}
.s4_liebiao .item3:hover .mask02{background-color:#c1cbc8;color:#083025;}
*/

.s4_liebiao .item001{position:absolute; left:-3%; top:0%;width:100%;}
.s4_liebiao .item001 .list_001{width:100%;margin:0 auto;background-color:#ecedee;padding:1% 1%;height:230px;margin-top:1%;}
.s4_liebiao .item001 .list_001 .list_001_item{width:80%;margin:0 auto;}
.s4_liebiao .item001 .list_001 .list_001_item .boshi_img{float:left;width:20%;}
.s4_liebiao .item001 .list_001 .list_001_item .boshi_content{float:left;width:80%;}
.s4_liebiao .item001 .list_001 .list_001_item .boshi_content .boshi_name{font-size:26px;font-weight:600;}
.s4_liebiao .item001 .list_001 .list_001_item .boshi_content .boshi_intro{margin-top:10px;text-indent:2em;}

.s4_liebiao .item001  .list_001:hover{background-color:#083025;color:#fff;}
/*17.11*/

/*17.11 end*/



/*section4 end*/

/*section5 start*/
.s5_content{position:absolute; top:22%; width:70%; left:15%;line-height:2em; text-align: left;font-size:18px;}
.s5_liebiao{position:absolute; top:60%; width:70%; left:15%;}
/*
.s5_liebiao div{position:absolute; top:0%; height:200px; width:23%; transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}*/

.s5_liebiao .item{float: left; width:27%; margin-left: 9.5%; transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.s5_liebiao .item:first-child{margin-left: 0;}
.s5_liebiao img{width: 100%; transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.s5_liebiao .item:hover img{width: 110%; margin-left: -5%; margin-top: -8%;}

.s5_liebiao .item1{left:0%; background:url(../images/zhanlue/zhanlue_5_1.jpg) center center no-repeat;}
.s5_liebiao .item2{left:38%; background:url(../images/zhanlue/zhanlue_5_2.jpg) center center no-repeat;}
.s5_liebiao .item3{left:76%; background:url(../images/zhanlue/zhanlue_5_3.jpg) center center no-repeat;}
@media screen and (min-width:1601px){
.s5_liebiao{position:absolute; top:65%; width:70%; left:15%;}
.s5_liebiao div{height:260px; width:26%;}
/*
.s5_liebiao .item1{position:absolute; left:0%; top:0%;  background:url(../images/zhanlue/zhanlue_5_1.jpg) center center no-repeat;height:260px; width:26%;}
.s5_liebiao .item2{position:absolute; left:38%; top:0%;  background:url(../images/zhanlue/zhanlue_5_2.jpg) center center no-repeat;height:260px; width:26%;}
.s5_liebiao .item3{position:absolute; left:76%; top:0%;  background:url(../images/zhanlue/zhanlue_5_3.jpg) center center no-repeat;height:260px; width:26%;}
*/
}
/*
.s5_liebiao div:hover{transform: scale(1.1); top: -15px;}
.s5_liebiao .item3:hover{transform: scale(1.1);}
.s5_liebiao .item2:hover{transform: scale(1.1);}
*/


.section5 .s3_contents{position:absolute;top:42%;left:5%;width:90%;text-align:center;}
.section5 .s3_contents .item1{position:absolute;left:0%; margin:0 0.5%; width:20%;}
.section5 .s3_contents .item2{position:absolute;left:0%; margin:0 0.5%; width:20%;}
.section5 .s3_contents .item3{position:absolute;left:0%; margin:0 0.5%; width:20%;}
.section5 .s3_contents .item4{position:absolute;left:0%; margin:0 0.5%; width:20%;}
.section5 .s3_contents .item5{position:absolute;left:0%; margin:0 0.5%; width:20%;}
.section5 .s3_contents img{width:100%;height:auto;}

.section5 .s3_contents .view {margin: 10px;margin-left:8.5%;float: left;border: 10px solid #fff;overflow: hidden;position: relative;text-align: center;box-shadow: 1px 1px 2px #e6e6e6;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center;}
.section5 .s3_contents .view .mask .view .content {width: 80%; height: 60%; position: absolute;overflow: hidden;top: 20%;left: 10%;}
.section5 .s3_contents .view .mask1{width: 100%; height: 100%; position: absolute;overflow: hidden;left:0;top:0;background:rgba(0,0,0,0.34);color:#fff;}
.section5 .s3_contents .view .mask1 .yw{font-family: Raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-51%;height:180px;}
.section5 .s3_contents .view .mask1 .yw1{font-family: Raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-43%;height:180px;}
.section5 .s3_contents .view .mask1 .yw2{font-family: Raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-50%;height:180px;}
.section5 .s3_contents .view .mask1 .yw3{font-family: Raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-70%;height:180px;}
.section5 .s3_contents .view .mask1 .yw4{font-family: Raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-40%;height:180px;}
.section5 .s3_contents .view .mask1 .biaoti{width:36px;font-family:"Microsoft yahei";position:absolute; top:10%; left:20%;font-size:36px;font-weight:bold;}
.section5 .s3_contents .view img { display: block; position: relative}
.section5 .s3_contents .view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;font-family: Raleway, serif;padding: 10px;margin: 20px 0 0 0}
.section5 .s3_contents .view p {font-family: "Microsoft yahei";font-size: 16px;position: relative;color: #fff;padding: 0px 20px 0px;text-align: center;padding:20px 0;margin:10px 10%;border-top:2px solid #fff; border-bottom:2px solid #fff;}
.section5 .s3_contents .view a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;font-family: Raleway, serif;text-transform: uppercase;box-shadow: 0 0 1px #000}

.section5 .s3_contents .view a.info:hover { box-shadow: 0 0 5px #000}
.section5 .s3_contents .view-first img {transition: all 0.2s linear;}
.section5 .s3_contents .view-first .mask { opacity: 0; background-color: rgba(54, 77, 66, 0.84); transition: all 0.4s ease-in-out;}
.section5 .s3_contents .view-first h2 { transform: translateY(-100px); opacity: 0; font-family:"Microsoft yahei"; font-size:20px; line-height:20px;transition: all 0.2s ease-in-out;}
.section5 .s3_contents .view-first p {transform: translateY(100px); opacity: 0;transition: all 0.2s linear;}
.section5 .s3_contents .view-first a.info {opacity: 0;transition: all 0.2s ease-in-out;}
.section5 .s3_contents .view-first:hover img {transform: scale(1.1);}
.section5 .s3_contents .view-first:hover .mask { opacity: 1;}
.section5 .s3_contents .view-first:hover h2,
.section5 .s3_contents .view-first:hover p,
.section5 .s3_contents .view-first:hover a.info { opacity: 1; transform: translateY(0px);}
.section5 .s3_contents .view-first:hover p {transition-delay: 0.1s;}
.section5 .s3_contents .view-first:hover a.info { transition-delay: 0.2s;}
.section5 .s3_contents .view-first:hover .biaoti{opacity:0;}
.section5 .s3_contents .view-first:hover .yw{opacity:0;}
.section5 .s3_contents .view-first:hover .mask1{opacity:0;}



/*section5 end*/

/* english */
.team_en .s4_liebiao .item1{background-image:url(../images/en/zhanlue/zhanlue_4_1.jpg);}
.team_en .s4_liebiao .item2{background-image:url(../images/en/zhanlue/zhanlue_4_2.jpg);}
.team_en .s4_liebiao .item3{background-image:url(../images/en/zhanlue/zhanlue_4_3.jpg);}
.team_en .s4_liebiao .item4{background-image:url(../images/en/zhanlue/zhanlue_4_4.jpg);}

.team_en .section2 .s2_bottom{background-image: url(../images/en/zhanlue/zhanlue_2_1.jpg);}


 #sec1_yuan{position: absolute; bottom: 0px; width: 90%; margin-left: 10%;}
 #sec1_yuan .feature-presenter-text-container{width: 500px; line-height: 1.8;}
 
 
 
 
 /*section6 start*/
.section6 .lefta{position: absolute; top:30%; width: 33%; opacity: 0; transition: all 1s;}
.section6 .lefta .s3_title{color:#083025;font-family:"Microsoft yahei";font-size:34px;font-weight:bold;padding:14px 0; position: relative; left: -50%; opacity: 0; transition: all 1s;}
.section6 .lefta .h{border-bottom:4px solid #083025;}
.section6 .lefta .s3_contents{font-size:18px;margin-top:60px;line-height:2.4em;font-family:"Microsoft yahei";color:#000; text-indent: 2rem; position: relative; left: 50%; opacity: 0; transition: all 1s;}

.section6 .lefta .s3_contents{line-height: 1.7;}
.active .lefta{left:12%; opacity:1; transition-delay:.6s;}
.active .lefta .s3_title{left: 0%; opacity:1; transition-delay: 1.7s;}
.active .lefta .s3_contents{left: 0%; opacity:1; transition-delay: 3s;}

.section6 .righta{position: absolute;top:36%;width: 45%;height: 400px;left:0%; background: url(../images/research/research_3_1.png) left bottom no-repeat;opacity: 0;transition: all 1s; background-size:contain}
.active .righta{left:58%;opacity:1;transition-delay:2s;}
.section6 .lefta{padding: 3% 1.5% 6%; background: url(../images/research/research_bg_2.png);}
/*section6 end*/



/*section7 start*/
.s7_content{position:absolute; top:30%; width:90%;left:5%;}
.s7_q{ width:100%;position:relative;float:left;margin-top:20px;}
.s7_q .hd{  }
.s7_q .hd ul,.s7_q .hd .pageState{display:none;}
.s7_q .hd .prev,.s7_q .hd .next{ width:63px;height:63px;position:absolute;top: 45%;cursor: pointer; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; transition: all 0.2s;}
.s7_q .hd .prev{background:url(../images/about/left.jpg) no-repeat;left:0px; }
.s7_q .hd .next{ background:url(../images/about/right.jpg) no-repeat; right:0px;}
.s7_q .hd .prevStop{ background-position:-60px 0; }
.s7_q .hd .nextStop{ background-position:-60px -50px; }
.s7_q .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:30px;}
.s7_q .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.s7_q .hd ul li.on{ background-position:0 0; }
.s7_q .bd{ padding:10px 70px; width:auto;overflow:hidden;width:85%;}
.s7_q .bd ul{ overflow:hidden; zoom:1;width:100%; }
.s7_q .bd ul li{margin:0 6px; float:left; overflow:hidden; margin-top:20px; background:rgba(255,255,255,0.5); line-height: 0;padding: 10px;}
.s7_q .bd ul li div{overflow:hidden; text-align:center; width:290px; height:370px;}
.s7_q .bd ul li img{width: 100%;display:block; transition: all 0.4s;}
.s7_q .bd ul li a:hover img{ border-color:#999;}
.s7_q .bd ul li .title{line-height:24px;}
.s7_q .hd .prev:hover,.s7_q .hd .next:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.s7_q .bd ul li:hover img{width: 120%; margin-top: -10%; margin-left: -10%;}
/*
.s5_q .bd ul li  img:hover,.s5_q .hd .prev:hover,.s5_q .hd .next:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}*/
/*section7 end*/