*{margin:0;padding:0;font-family:"微软雅黑";}
/*section1 start*/
.section1 .btext{position: absolute;bottom:70%;width: 100%;height:300px;background: url(/uploads/image/smcchiproduct/product_txt.png) 50% 0 no-repeat;opacity:0;transition: all 1s;}
.active .btext {bottom: 23%; opacity: 1; transition-delay: 0.7s; }

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

.title{font-size:26px;font-family:"微软雅黑";font-weight:bold;}

/*section2 start*/
.section2 .product{position:absolute;top:13%;height:80%;width:40%;left:5%;background:rgba(255,255,255,0.6);border-radius:5px;-webkit-border-radius:5px;}
.section2 .s2_title{position:absolute;top:10%;left:5%;color:#083025;}
.section2 hr{width:10%;position:absolute;top:17%;left:5%;border:2px solid #083025;}
.section2 .product_2_1{position:absolute; top:28%;left:5%;}
.section2 .product_2_1 img{width:100%;}
.section2 .xq{position:absolute; top:64%;left:30%;font-family:"微软雅黑";font-size:20px;color:#083025;}

/* more */
.section2 .more{position:absolute; top:74%; left:39%;}
.section4 .more,.section2 .more{ padding:14px 18px;color:#fff;font-family:"微软雅黑"; background: url(/uploads/image/smcchiproduct/more.png) no-repeat center center; background-size: 100% 100%;}
.section4 .more_right,.section2 .more_right{padding-left: 15px; font-size: 12px; margin-top: -5px;}
.section4 .more{position: relative; top: 20px; left: 20%;}
.section4 .more_box{text-align: center;}

.section6 .more,.section2 .more{ padding:14px 18px;color:#fff;font-family:"微软雅黑"; background: url(/uploads/image/smcchiproduct/more.png) no-repeat center center; background-size: 100% 100%;}
.section6 .more_right,.section2 .more_right{padding-left: 15px; font-size: 12px; margin-top: -5px;}
.section6 .more{position: relative; top: 20px; left: 20%;}
.section6 .more_box{text-align: center;}

.section2 .next{position:absolute; top:89%; left:80%;width:150px;height:25px;padding:6px 10px; background:#083025 url(/uploads/image/smcchiproduct/product_2_2.png) 86% 50% no-repeat; color:#fff; font-family:"微软雅黑";font-size:14px;}

.section2 .f{position:absolute; top:40%;left:100%;opacity:1;transition: all 1s;}
.section2 .f img{width:130%;height:auto;}
.active .f{left:58%;opacity:1;transition-delay:1.5s;}
/*section2 end*/

/*section3 start*/
.section3 .product{position:absolute;top:13%;height:80%;width:40%;left:5%;background:rgba(255,255,255,0.2);border-radius:5px;-webkit-border-radius:5px;}
.section3 .s3_title{position:absolute;top:10%;left:5%;color:#fff;}
.section3 hr{width:10%;position:absolute;top:17%;left:5%;border:2px solid #fff;}
.section3 .product_3_1{position:absolute; top:26%;left:10%;text-align:center;}
.section3 .product_3_1 img{width:100%;height:auto;}
.section3 .name{font-size:22px;font-family:"微软雅黑";color:#fff;font-weight:bold;position:absolute;top:80%;left:30%;}
.section3 .hd{position:absolute; bottom:0%;left:0%;width:100%;}
.section3 .hd ul{list-style:none;display:block;width:100%;}
.section3 .hd ul li{float:left;width:50%;background:url(/uploads/image/smcchiproduct/product_3_3of.png) center bottom repeat-x;height:40px;background-size:100% 100%;text-align:center;padding-top:20px;color:#fff;font-size:20px;}
.section3 .hd ul li.on{background:url(/uploads/image/smcchiproduct/product_3_3on.png) center bottom repeat-x;background-size:100% 100%;}
/*section3 end*/

/*section4 start*/
.section4 .product{position:absolute;top:13%;height:80%;width:40%;left:5%;background:rgba(255,255,255,0.2);border-radius:5px;-webkit-border-radius:5px;}
.section4 .s4_title{position:absolute;top:8%;left:5%;color:#083025;}
.section4 hr{width:10%;position:absolute;top:16%;left:5%;border:2px solid #083025;}
.section4 .product_4_1{position:absolute;top:19%;left:30%;width:40%;}
.section4 .product_4_1 img{width:100%;}



.section4 .s4_titles{position:absolute; top:48%; width:100%; text-align:center; font-family:22px; color:#083025;font-weight:bold;}
.section4 .s4_desc{position:absolute; top:54%; width:70%; left:20%;line-height:1.4em;}
/*
.section4 .s4_more{position:absolute; top:65%; width:20%; left:40%;text-align:center;background:#083025;color:#fff;padding:4px 0;}
*/
.section4 .s4_more a, .section4 .s4_more a:hover{color:#fff;text-decoration:none;}

.section4 .hd{position:absolute; bottom:0%;left:0%;width:100%;}
.section4 .hd ul{list-style:none;display:block;width:100%;}
.section4 .hd ul li{float:left;width:25%;text-align:center;}
.section4 .hd ul li.on{color:#083025; cursor: pointer;}

.section4 .hd ul li .img_2{display: none;}
.section4 .hd ul li.on .img_1{display: none;}
.section4 .hd ul li.on .img_2{display: inline-block;}
.section4 .hd ul li.on{color: #20a25e;}


.section6 .product_4_1{position:absolute;top:49%;left:30%;width:40%;}
.section6 .product_4_1 img{width:100%;}


.section4 .f{position:absolute; top:42%;left:59%;opacity:0;transition: all 1s;}
.active .f{left:59%;opacity:1;transition-delay:1.5s;}
.f:hover{transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
/*section4 end*/


/*section6 start*/
.section6 .product{position:absolute;top:13%;height:80%;width:40%;left:5%;background:rgba(255,255,255,0.2);border-radius:5px;-webkit-border-radius:5px;}
.section6 .s4_title{position:absolute;top:8%;left:5%;color:#083025;}
.section6 hr{width:10%;position:absolute;top:16%;left:5%;border:2px solid #083025;}
.section6 .product_4_1{position:absolute;top:19%;left:30%;width:40%;text-align:center;}
.section6 .product_4_1 img{width:80%;}



.section6 .s4_titles{position:absolute; top:80%; width:100%; text-align:center; font-family:22px; color:#083025;font-weight:bold;}
.section6 .s4_desc{position:absolute; top:87%; width:70%; left:20%;line-height:1.4em;}
/*
.section6 .s4_more{position:absolute; top:65%; width:20%; left:40%;text-align:center;background:#083025;color:#fff;padding:4px 0;}
*/
.section6 .s4_more a, .section6 .s4_more a:hover{color:#fff;text-decoration:none;}

.section6 .hd{position:absolute; bottom:0%;left:0%;width:100%;}
.section6 .hd ul{list-style:none;display:block;width:100%;}
.section6 .hd ul li{float:left;width:25%;text-align:center;}
.section6 .hd ul li.on{color:#083025; cursor: pointer;}

.section6 .hd ul li .img_2{display: none;}
.section6 .hd ul li.on .img_1{display: none;}
.section6 .hd ul li.on .img_2{display: inline-block;}
.section6 .hd ul li.on{color: #20a25e;}


.section6 .f{position:absolute; top:42%;left:59%;opacity:0;transition: all 1s;}
.active .f{left:59%;opacity:1;transition-delay:1.5s;}
.f:hover{transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
/*section6 end*/

/*section5 start*/
.section5 .s5_title{font-size:26px;font-family:"微软雅黑";font-weight:bold;position:absolute;top:10%;left:10%;color:#fff;}
.section5 hr{width:4%;position:absolute;top:17%;left:10%;border:2px solid #fff;}
.section5 .s5_contents{position:absolute;top:20%;width:100%;height:100%;}
.section5 .s5_contents img{width:100%;height:280px;overflow:hidden;}
.section5 .s5_contents .item1{position:absolute;top:0;left:0%;width:23.5%;background:url(/uploads/image/smcchiproduct/product_5_1.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .item2{position:absolute;top:0;left:25.5%;width:23.5%;background:url(/uploads/image/smcchiproduct/product_5_2.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .item3{position:absolute;top:0;left:51%;width:23.5%;background:url(/uploads/image/smcchiproduct/product_5_3.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .item4{position:absolute;top:0;left:77%;width:23%;background:url(/uploads/image/smcchiproduct/product_5_4.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .item1:hover{position:absolute;top:0;left:0%;width:23.5%; url(/uploads/image/smcchiproduct/product_5_1.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .item2:hover{position:absolute;top:0;left:25.5%;width:23.5%; url(/uploads/image/smcchiproduct/product_5_2.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .item3:hover{position:absolute;top:0;left:51%;width:23.5%; url(/uploads/image/smcchiproduct/product_5_3.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .item4:hover{position:absolute;top:0;left:77%;width:17%; url(/uploads/image/smcchiproduct/product_5_4.jpg) center center no-repeat;height:100%}
.section5 .s5_contents .view:hover{background:rgba(8,48,37,0.5);}
.view .mask,.view .content {width: 100%; height: 100%; position: absolute;overflow: hidden;top: 0%;left: 10%;}
.mask1{width: 100%; height: 100%; position: absolute;overflow: hidden;left:0;top:0;background:rgba(222,222,222,0.6);}
.mask1 .yw{font-family: raleway, serif;font-size:20px;word-wrap: break-word;transform:rotate(90deg);position:absolute; top:18%;left:-20%;height:30px;}
.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;width:100%;text-align: center;position:absolute;font-size: 17px;font-family: raleway, serif;padding: 10px;top:20%;}
.view p {font-family: "microsoft yahei";font-size: 16px;position: absolute;color: #fff;padding:20px 0;text-align: center;top:36%;border-top:2px solid #fff; border-bottom:2px solid #fff;left:10%;width:80%;}
.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 .si_title{position:absolute; top:28%;left:15%;font-size:30px;font-weight:bold;color:#fff;}
.view .si_ten{position:absolute; top:35%;left:15%;font-size:16px;font-weight:none;color:#fff;}
.view .si_tt{position:absolute; top:38%;left:15%;font-size:24px;font-weight:bold;color:#fff;}
.view .si_pic{position:absolute; top:50%; left:15%; background:url(/uploads/image/smcchiproduct/product_5_i.png) center center no-repeat;height:40px;width:40px;}

.view a.info:hover { box-shadow: 0 0 5px #000}
.view-first .mask { opacity: 1; 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 .mask { opacity: 1;}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info { opacity: 1; transform: translatey(0px);position:absolute;text-align:center;}

.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 .si_title{opacity:0;}
.view-first:hover .si_ten{opacity:0;}
.view-first:hover .si_tt{opacity:0;}
.view-first:hover .si_pic{opacity:0;}
/*section5 end*/

/* english */
.product_en .view .si_ten{text-transform: uppercase; font-weight: 600; font-size: 25px;}
.product_en .section4 .more_right,.product_en .section2 .more_right{position: relative; top: -2px; left:2px;}