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

#en_banner_news{background-image: url(/uploads/image/smcchien/banner_news.png);}
#en_banner_research{background-image: url(/uploads/image/smcchien/banner_research.png);}
/*section1 end*/

.titlea{position: absolute;top:10%;width: 100%;height: 72px;text-align:center; background: url(/uploads/image/smcchiabout/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;font-family:"微软雅黑"}
.titleb{position: absolute;top:10%;width: 100%;height: 72px;text-align:center; background: url(/uploads/image/smcchiabout/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;font-family:"微软雅黑"}

/*section2 start*/
.section2 .lefta{position: absolute; top:33%;width: 38%; left: 0%; opacity: 0;transition: all 1s;}
.section2 .lefta .s2_title{color:#083025;font-family:"microsoft yahei";font-size:34px;font-weight:bold;padding:14px 0;}
.section2 .lefta .h{border-bottom:4px solid #083025;}
.section2 .lefta .s2_contents{margin-top:60px;line-height:2.4em;font-family:"microsoft yahei";color:#000;}
.active .lefta{left:12%; opacity:1; transition-delay:.6s;}
.section2 .righta{position: absolute;top:27%;width: 50%;height: 500px;left:82%; background: url(/uploads/image/smcchiresearch/research_2_1.jpg) left 0 no-repeat;opacity: 0;transition: all 1s; background-size:contain}
.active .righta{left:58%;opacity:1;transition-delay:1.5s;}


/*section2 end*/

/*section3 start*/
.section3 .lefta{position: absolute; top:30%; width: 33%; opacity: 0; transition: all 1s;}
.section3 .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;}
.section3 .lefta .h{border-bottom:4px solid #083025;}
.section3 .lefta .s3_contents{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;}

.research_en .section3 .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;}

.section3 .righta{position: absolute;top:36%;width: 45%;height: 400px;left:0%; background: url(/uploads/image/smcchiresearch/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;}
.section3 .lefta{padding: 3% 1.5% 6%; background: url(/uploads/image/smcchiresearch/research_bg_2.png);}
/*section3 end*/

/*section4 start*/
.s4_content{position:absolute; top:28%; width:70%;left:15%; line-height:2em;font-size:17px; color:#444444;font-family:"微软雅黑"}
.s4_is{position:absolute; top:57%; width:79%; left:12%;}
.s4_is .s4_i_1{position:absolute;left:0%;}
.s4_is img.ng{transition: all 1s;}
.s4_is .s4_i_1:hover img.ng{transform:rotate(90deg);top:10%;transition-delay:0.1s;}
.s4_is .s4_i_2{position:absolute;left:22%;}
.s4_is .s4_i_2:hover img.ng{transform:rotate(90deg);top:10%;transition-delay:0.1s;}
.s4_is .s4_i_3{position:absolute;left:43%;}
.s4_is .s4_i_3:hover img.ng{transform:rotate(90deg);top:10%;transition-delay:0.1s;}
.s4_is .s4_i_4{position:absolute;left:64%;}
.s4_is .s4_i_4:hover img.ng{transform:rotate(90deg);top:10%;transition-delay:0.1s;}
.s4_is .s4_i_5{position:absolute;right:0%;}
.s4_is .s4_i_5:hover img.ng{transform:rotate(-90deg);top:10%;transition-delay:0.1s;}
/*section4 end*/

/*section5 start*/
.s5_content{position:absolute; top:30%; width:90%;left:5%;}
.s5_q{ width:100%;position:relative;float:left;margin-top:20px;}
.s5_q .hd{  }
.s5_q .hd ul,.s5_q .hd .pagestate{display:none;}
.s5_q .hd .prev,.s5_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;}
.s5_q .hd .prev{background:url(/uploads/image/smcchiabout/left.jpg) no-repeat;left:0px; }
.s5_q .hd .next{ background:url(/uploads/image/smcchiabout/right.jpg) no-repeat; right:0px;}
.s5_q .hd .prevstop{ background-position:-60px 0; }
.s5_q .hd .nextstop{ background-position:-60px -50px; }
.s5_q .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:30px;}
.s5_q .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.s5_q .hd ul li.on{ background-position:0 0; }
.s5_q .bd{ padding:10px 70px; width:auto;overflow:hidden;width:85%;}
.s5_q .bd ul{ overflow:hidden; zoom:1;width:100%; }
.s5_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;}
.s5_q .bd ul li div{overflow:hidden; text-align:center; width:290px; height:370px;}
.s5_q .bd ul li img{width: 100%;display:block; transition: all 0.4s;}
.s5_q .bd ul li a:hover img{ border-color:#999;}
.s5_q .bd ul li .title{line-height:24px;}
.s5_q .hd .prev:hover,.s5_q .hd .next:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.s5_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;}*/
/*section5 end*/

/* english */
.research_en .section2 .righta{background-image: url(/uploads/image/smcchieresearch/research_2_1.jpg);}