/*section1 start*/
.section1 .btext{position: absolute;bottom: 0%;width: 100%;height: 300px;background: url(/uploads/image/smcchishebei/shebei_0_1.png) 50% 0 no-repeat;transition: all 1s;}
.active .btext {bottom: 26%; opacity: 1; transition-delay: 0.3s; }
ul, li{list-style: none;}
#en_banner_shebei{background-image: url(/uploads/image/smcchien/banner_shebei.png);}
/*section1 end*/
.clear{clear:both;}
.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;}
.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;}
.titleb02{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;}

/*section2 start */
.sec2_desc{position: absolute; top: 25%; font-size: 18px; color: #444; text-align: center; width: 70%; margin-left:15%; line-height: 2;}
.sec2_list{text-align: center; width: 80%; margin-left: 10%;}
.sec2_list li{position: absolute; top: 0; width: 25%; transition: all 1s;}

.sec2_list .li_1{left: -45%;}
.sec2_list .li_2{left: -45%; transition-delay: 1s;}
.sec2_list .li_3{left: 145%; transition-delay: 1s;}
.sec2_list .li_4{left: 145%;}

.sec2_list .li_wrap{width: 260px; height: 290px; border: 1px solid #b9b9b9; position: relative; margin: 0 auto;}
.sec2_list strong{font-size: 80px; color: #747474; position: absolute; display: block; width: 100%; top: 70px; font-family: "arial","microsoft yahei","黑体","宋体",sans-serif; font-weight: normal;}
.sec2_list strong span{font-size: 40px;}
.sec2_list p{font-size: 16px; color: #444; position: absolute; top: 170px; width: 80%; padding: 0 10%; line-height: 1.7;}
.sec2_list{position: absolute; top: 27%; margin-top: 150px;}
.sec2_list .li_wrap:hover{background-color: #093023;transition: all 0.3s;}
.sec2_list .li_wrap:hover strong{color: #fff;transition: all 0.5s;}
.sec2_list .li_wrap:hover p{color: #fff;transition: all 0.5s;}


.active .sec2_list .li_1{left: 0;}
.active .sec2_list .li_2{left: 25%;}
.active .sec2_list .li_3{left: 50%;}
.active .sec2_list .li_4{left: 75%;}


/*
.section2 .sec2_body{position: absolute; top: 30%; width: 80%; margin-left: 10%;}
.section2 .sec_img_left{float: left; width: 35%; opacity:0; position: absolute; left: -50%; transition: all 1.5s;}
.active .sec_img_left{transition-delay: 0.5s; left: 0; opacity:1;}

.section2 .sec2_body .desc{position: absolute; width: 60%; right: -70%; top: 0; text-indent: 0; line-height: 2; color: #444; font-size: 14px; opacity:0; filter:alpha(opacity=0); transition: all 1.5s;}
.active .sec2_body .desc{transition-delay: 2s; opacity:1; filter:alpha(opacity=100); right: 0; top: 0;}

.section2 .sec2_title{font-size: 37px; color: #083025; line-height: 1.3;}
/*section2 end*/

/*section3 start*/
/* add by fu */
.section3{}
.section3 .sec3_desc{position: absolute; top: 24%; color: #29433a; text-align: left; line-height: 2;width: 70%; margin-left: 15%; font-size: 18px;}
.section3 .sec3_desc p{}

.sec3_list{position: absolute; top: 35%; width: 80%; margin-left: 10%; margin-top: 110px;}
.sec3_list li{position: absolute; top: 300px; float: left; width: 25%; text-align: center; color: #fff; transition: all 1s;}
.sec3_list .li_wrap{background: url(/uploads/image/smcchishebei/sec3_li_bg1.png) no-repeat center; width: 230px; height: 265px; margin: 0 auto;}
.sec3_list .li_1{left: 0%;transition-delay: 0.1s;}
.sec3_list .li_2{left: 25%;transition-delay: 0.3s;}
.sec3_list .li_3{left: 50%;transition-delay: 0.5s;}
.sec3_list .li_4{left: 75%;transition-delay: 0.7s;}
.sec3_list li .li_wrap img{width: auto; margin-top: 50px;}
.sec3_list li .li_hover{position: absolute; top: 50%; left: 50%; margin-left: 0; width: 0; height: 0; background: url(/uploads/image/smcchishebei/sec3_li_bg2.png) no-repeat center; color: #093023; transition: all 0.5s; overflow:hidden; opacity:0; filter:alpha(opacity=0);}
.sec3_list li .li_hover h3{font-size: 28px; font-weight: 600; margin-top: 60px;}
.sec3_list li .li_hover span{display: block; margin: 15px auto; height: 5px; background-color: #093023; width: 50px;}
.sec3_list li .li_hover p{font-size: 18px; line-height: 2; padding: 0 10%;}
.active .sec3_list li{top: 0;}
.sec3_list li:hover .li_hover{ top: -30px; left: 50%; margin-left: -141px; width: 282px; height: 324px;opacity:1; filter:alpha(opacity=100);}

.sec3_list h3{font-weight: normal; font-size: 30px; padding-top: 10px; margin-left: 0px; transition: all 0.2s;line-height: 1; text-transform: capitalize; color: #29433a;}
.section3 .sec3_desc{opacity:0;}
.active .sec3_desc{opacity:1; transition: all 1.5s;}
.active .sec3_list li{top: 0;}

.section3 .titleb{background-image:url(/uploads/image/smcchiabout/about_3_1_sheibei.png); color: #29433a;}


/*
.sec3_list{position: absolute; top: 35%; width: 80%; margin-left: 10%; margin-top: 110px;}
.sec3_list li{position: relative; float: left; width: 25%; text-align: center; color: #fff; transition: all 1s; background: url(/uploads/image/smcchishebei/sec3_li_bg1.png) no-repeat center; background-size: 80% 100%;}
.sec3_list .li_wrap{}
.sec3_list .li_1{left: 0%;transition-delay: 0.1s;}
.sec3_list .li_2{left: 25%;transition-delay: 0.2s;}
.sec3_list .li_3{left: 50%;transition-delay: 0.3s;}
.sec3_list .li_4{left: 75%;transition-delay: 0.4s;}
.sec3_list .li img{}
.active .sec3_list li{top: 0;}

.sec3_list h3{font-weight: normal; font-size: 30px; padding-top: 10px; margin-left: 0px; transition: all 0.2s;}
.sec3_list li:hover h3{font-size: 30px;}
.sec3_list li:hover img{width: 130px; margin-top: -5px;}

/*.sec3_list li img{width: 0; transition: all 1.5s;}
.active .sec3_list li img{width: 120px;}

.section3 .sec3_desc{opacity:0;}
.active .sec3_desc{opacity:1; transition: all 1.5s;}
*/
/* end add */

/*section3 end*/

/*section4 start*/
/* add by fu */
.section4 .sec4_desc{position: absolute; top: 24%; width: 70%; margin-left: 15%; text-align: left; line-height: 2; color: #083025; opacity:0; font-size: 18px;}
.active .sec4_desc{ opacity:1; transition: all 2.5s;}
/*
.section4 .sec4_list{position: absolute; width: 100%; top: 30%; margin-top: 160px;}
.active .sec4_list{transition: all 1s;}

.section4 .sec4_list li{position: absolute; width: 25%; transition: all 1.8s; left: 37.5%; text-align: center; top: 0;opacity:0;}
.active .sec4_list .li_1{left: 0;   transition-delay: 0.3s;}
.active .sec4_list .li_2{left: 25%;transition-delay: 0.0s;}
.active .sec4_list .li_3{left: 50%;transition-delay: 0.0s;}
.active .sec4_list .li_4{left: 75%;transition-delay: 0.3s;}
.active .sec4_list .li_5{left: 100%;transition-delay: 0.3s;}
.active .sec4_list .li_6{left: 125%;transition-delay: 0.3s;}
.active .sec4_list .li_7{left: 150%;transition-delay: 0.3s;}
.active .sec4_list li{opacity:1;}

.section4 .sec4_list li{}
.section4 .sec4_list li img{width: 90%; transition: all 0.2s;  border: 0px solid #ddd;}
.section4 .sec4_list li:hover img{margin-top: -5px; border-width: 1px; box-shadow: 0px 5px 19px #aaa;}
.section4 .sec4_list li h3{position: absolute; bottom: 15%; background: url(/uploads/image/smcchishebei/sec4_li_bg.png) repeat; width: 90%; margin-left:5%; padding: 2% 0; color: #fff; font-weight: normal;}
*/
.section4  .bd{position:absolute;top:50%;left:0;width:100%;}
.section4 .sec4_list{ width: 100%;  margin-top: 160px}
.active .sec4_list{transition: all 1s;}

.section4 .sec4_list li{width:25%;float:left; transition: all 1.8s; text-align: center; opacity:0;}
.active .sec4_list .li_1{transition-delay: 0.3s;}
.active .sec4_list .li_2{transition-delay: 0.0s;}
.active .sec4_list .li_3{transition-delay: 0.0s;}
.active .sec4_list .li_4{transition-delay: 0.3s;}
.active .sec4_list .li_5{transition-delay: 0.3s;}
.active .sec4_list .li_6{transition-delay: 0.3s;}
.active .sec4_list .li_7{transition-delay: 0.3s;}
.active .sec4_list li{opacity:1;}

.section4 .sec4_list li{}
.section4 .sec4_list li img{width: 90%; transition: all 0.2s;  border: 0px solid #ddd;}
.section4 .sec4_list li:hover img{margin-top: -5px; border-width: 1px; box-shadow: 0px 5px 19px #aaa;}
.section4 .sec4_list li h3{background: url(/uploads/image/smcchishebei/sec4_li_bg.png) repeat; width: 90%; margin-left:5%; padding: 2% 0; color: #fff; font-weight: normal;}

.section4{position:relative;}
.section4 .prev{position:absolute; left:40%;bottom:15px; display:block;  width:101px; height:101px; line-height:60px;  overflow:hidden;cursor:pointer;background-color:#e5e5e5;color:#c2c2c2;font-size:30px;text-align:center;background:url(/uploads/image/smcchiabout/left.jpg) center no-repeat;}
.section4 .next{position:absolute; right:40%;bottom:15px; display:block;  width:101px; height:101px; line-height:60px;    overflow:hidden;cursor:pointer;color:#c2c2c2;font-size:30px;text-align:center;background-color:#e5e5e5;background:url(/uploads/image/smcchiabout/right.jpg) center no-repeat;}

/* end add */
/*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;}
.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; text-align:center;height:auto;margin-top:20px; background:rgba(255,255,255,0.5);}
.s5_q .bd ul li  img{ width:286px; height:377px; display:block;  padding:2px;margin:6px 9px;}
.s5_q .bd ul li  a:hover img{ border-color:#999;}
.s5_q .bd ul li .title{ line-height:24px;}
.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 start*/
.s5_content{position:absolute; top:30%; width:90%;left:5%;}
.s5_q{ width:100%;position:relative;float:left;margin-top:20px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transition: all 1.8s;}
.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:330px;}
.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%;}
.active .s5_q{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*section5 end*/

/* footer */
.ffooter .fh .bd ul li  img{margin-top: 20px;}