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

#en_banner_about{background-image:url(/uploads/image/smcchien/banner_about.png);}
/*section1 end*/

.titlea{position: absolute;top:10%;width: 100%;height: 72px;text-align:center; background: url(/uploads/image/smcchiabout/about_2_1.jpg) 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;}

/*section2 start*/
.section2 .bg{position: relative; top: 20%; left: 0%; }
.section2 .bg img{position: absolute; top: 0; width: 100%; height: 80%;}
.section2 .des_part1{position: absolute; top: 0; left: 50%; color: #333; font-size: 16px; line-height: 2; text-indent: 2rem; width: 45%; padding: 10px 1em 0;}
.section2 .des_part2{position: absolute; bottom: 26%; width: 45%; padding-bottom: 1rem; right: 50%; font-size: 18px; text-decoration: 2rem;}
.section2 .des_part2 li{float: left; padding-right:20px; list-style: none;}
.section2 .des_part2 strong{color: #083025; font-style: italic; font-size: 28px; font-weight: 600; padding: 0 0.2rem;}
.section2 .des_part3{position: absolute; bottom: 26%; width: 45%; padding-bottom: 1rem; left: 50%; color: #fff; padding-left: 1rem;}
.section2 .des_part2 p{text-indent: 2rem;}
.section2 .des_part3 h4,.section2 .des_part2 h4,.section2 .des_part1 h4{font-size: 30px; font-weight: normal; padding-bottom: 1rem; text-indent: 1rem;}
.section2 .des_part2 h4{color: #333;}
.section2 .des_part3 p{font-size: 16px; line-height: 1.8; text-indent: 2rem;}

.section2_en .des_part3 p{font-size: 14px; line-height: 1.5;}
.section2_en .des_part1{font-size: 14px; line-height: 1.5}
/*section2 end*/

/*section3 start*/
.section3 .banner{position: absolute;top:26%;width: 100%;height: 240px; background: url(/uploads/image/smcchiabout/about_2_2.jpg) center top no-repeat;opacity: 0;transition: all 1s; }
.active .banner{opacity: 1; transition-delay:.4s;}
.section3 .lefta{position: absolute;top:100%;width: 48%;height: 240px;left:0%; background: url(/uploads/image/smcchiabout/about_2_3.jpg) center 0 no-repeat;opacity: 1;transition: all 1s;}
.active .lefta{top:66%; opacity:1; transition-delay:.6s;}
.section3 .centera{position: absolute;top:66%;width: 2%;height: 240px;left:22%; background: url(/uploads/image/smcchiabout/about_2_4.jpg) center top no-repeat;opacity: .5;transition: all 1s;}
.active .centera{left:48%;opacity:1;transition-delay:.7s;}
.section3 .righta{position: absolute;top:66%;width: 48%;height: 240px;left:82%; background: url(/uploads/image/smcchiabout/about_2_5.jpg) left 0 no-repeat;opacity: 0;transition: all 1s;}
.active .righta{left:52%;opacity:1;transition-delay:1.0s;}

.section3 .bannere{position: absolute;top:26%;width: 100%;height: 240px; background: url(/uploads/image/smcchiabout/about_2_2_e.jpg) center top no-repeat;opacity: 0;transition: all 1s; }
.active .bannere{opacity: 1; transition-delay:.4s;}
.section3 .leftae{position: absolute;top:100%;width: 48%;height: 240px;left:0%; background: url(/uploads/image/smcchiabout/about_2_3_e.jpg) center 0 no-repeat;opacity: 1;transition: all 1s;}
.active .leftae{top:66%; opacity:1; transition-delay:.6s;}
.section3 .centera{position: absolute;top:66%;width: 2%;height: 240px;left:22%; background: url(/uploads/image/smcchiabout/about_2_4.jpg) center top no-repeat;opacity: .5;transition: all 1s;}
.active .centera{left:48%;opacity:1;transition-delay:.7s;}
.section3 .rightae{position: absolute;top:66%;width: 48%;height: 240px;left:82%; background: url(/uploads/image/smcchiabout/about_2_5_e.jpg) left 0 no-repeat;opacity: 0;transition: all 1s;}
.active .rightae{left:52%;opacity:1;transition-delay:1.0s;}

/*section3 end*/

/*section4 start*/
.section4 {text-align:center;color:#fff;}
.section4 .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);}
}
.section4 .s3_ititle{font-family:"microsoft yahei"; margin:16px; color:#fff;font-size:26px; font-weight:bold;}
.section4 .s3_b{font-weight:none;}
.section4 .s3_cs{margin:20px 20%;line-height:1.5em;text-align:left;}
.section4 .righta .s3_cs{margin:20px 15%;}
.section4 .righta .s3_cs p{margin-bottom: 12px;}





.section4 .lefta{position:absolute;top:32%;width:33%;margin-right:0.5%;background:url(/uploads/image/smcchiabout/about_3_2_b.png) center top no-repeat;border-radius:5px;-webkit-border-radius:5px;}

.section4 .lefta:hover{background:rgba(8,48,37,0.6);}

.section4  .lefta:hover .ititle{ -moz-animation:rotate 2s ease infinite; -webkit-animation:rotate 2s ease infinite; animation:rotate 2s ease infinite;}



.section4 .centera{position:absolute;top:32%;width:33%;left:33.5%;background:url(/uploads/image/smcchiabout/about_3_2_b.png) center top no-repeat;border-radius:5px;-webkit-border-radius:5px;}

.section4 .centera:hover{background:rgba(8,48,37,0.6);}

.section4  .centera:hover .ititle{ -moz-animation:rotate 2s ease infinite; -webkit-animation:rotate 2s ease infinite; animation:rotate 2s ease infinite;}



.section4 .righta{position:absolute;top:32%;width:33%;margin-left:0.5%;left:67%;background:url(/uploads/image/smcchiabout/about_3_2_b.png) center top no-repeat;border-radius:5px;-webkit-border-radius:5px;}

.section4 .righta:hover{background:rgba(8,48,37,0.6);}

.section4  .righta:hover .ititle{ -moz-animation:rotate 2s ease infinite; -webkit-animation:rotate 2s ease infinite; animation:rotate 2s ease infinite;}


/*section4 end*/

/*section5 start*/
/* 
.s4_content{position:absolute; top:24%; width:90%;left:5%;}
@media screen and (min-width:1601px){.s4_content{top:34%;}}
*/

.s4_content{width:90%;margin-left:5%;}
.s4_q{width:100%; float:left;}
/*
.s4_q .hd{position:absolute; bottom: 120px;}*/
.s4_q .hd{height: 63px; position:absolute;
 bottom: 130px;
 width: 134px; left: 50%; margin-left: -68px;}
.s4_q .hd ul,.s4_q .hd .pagestate{display:none;}
/*
.s4_q .hd .prev,.s4_q .hd .next{ width:63px;height:63px;position:absolute;bottom:-120px;cursor: pointer;}*/
.s4_q .hd .prev,.s4_q .hd .next{display: block; width:63px;height:63px;cursor: pointer; float: right; margin-left: 4px;}


.s4_q .hd .prev{background:url(/uploads/image/smcchiabout/left.jpg) no-repeat;}
.s4_q .hd .next{ background:url(/uploads/image/smcchiabout/right.jpg) no-repeat;}
.s4_q .hd .prevstop{ background-position:-60px 0; }
.s4_q .hd .nextstop{ background-position:-60px -50px; }
.s4_q .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:30px;}
.s4_q .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.s4_q .hd ul li.on{ background-position:0 0; }
.s4_q .bd{ padding:10px 80px; width:auto; margin-top: 190px; position: absolute; top: 10%;}
.s4_q .bd ul{ overflow:hidden; zoom:1;width:100%; }
.s4_q .bd ul li{ margin:0; float:left; overflow:hidden; width:33%;margin-top:20px; background:url(/uploads/image/smcchiabout/about_lc.png) left top no-repeat;list-style:none;}
.s4_q .bd ul li .s4_title{color:#083025;text-align:center;margin-top:48px;font-size:26px;padding-left:10%;font-weight:bold;}
.s4_q .bd ul li .s4_contents{margin-top:80px;padding:0 10% 0 20%;color:#083025;line-height:2em;}
.s4_q .bd ul li .s4_contents .circle{margin-left:-20px;margin-right:10px;width:10px;height:10px;border-radius:50%;-webkit-border-radius:50%;display:inline-table;background:#083025;}
.s4_q .bd ul li  img{ width:286px; height:377px; display:block;  padding:2px;margin:8px 12px;}
.s4_q .bd ul li  a:hover img{ border-color:#999;}
.s4_q .bd ul li .title{ line-height:24px;}
.s4_q .bd ul li  img:hover,.s4_q .hd .prev:hover,.s4_q .hd .next:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

.section5 .type_list{position: absolute; top: 10%; text-align: center; width: 100%; margin-top: 120px;}
.section5 .type_list a{padding: 8px 20px; font-size: 20px; text-transform: capitalize; margin-left: 10px; border: 1px solid #083025; color: #083025; cursor: pointer;}
.section5 .type_list a:hover, .section5 .type_list a.active{background-color: #083025; color: #fff; cursor: pointer;}
.section5 .type_list a:first-child{margin-left: 0; }
/*section5 end*/

/*section6 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 32px; float:left; overflow:hidden; text-align:center;height:auto;margin-top:20px; background-color: #fff; line-height: 0;}
.s5_q .bd ul li  img{display:block; width:260px; height: auto;}
/*
.s5_q .bd ul li  a:hover img{ border-color:#999; transform: scale(1.1);}
*/
.s5_q .bd ul li .title{ line-height:24px;}
.s5_q .bd ul li:hover,.s5_q .hd .prev:hover,.s5_q .hd .next:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
/*section6 end*/

/* add by fu */

/* about-english */
.body_about_en .section3 .rightae{background-image: url(/uploads/image/smcchiabout/about_2_5_e.jpg)}
.body_about_en .s4_q .bd ul li{line-height: 1.2;}