@charset "utf-8";
/* CSS Document */

/*
 * @Author: hbiao 
 * @Date: 2017-12-01 15:23:26 
 * @Last Modified by:   hbiao 
 * @Last Modified time: 2017-12-01 15:23:26 
 */






/* Title */
.Title{width: 100%;text-align: center;padding-top: 1.5rem;}
.Title h2{font-size: 1.3rem;color: #1c1c1c;font-weight: lighter;}
.Title h2 a{color: #1c1c1c;}
.Title h2 em{font-weight: bold;}
.Title p{margin-top: 0.4rem;color: #1c1c1c;font-weight: lighter;font-size: 1rem;}
.Title p img{display: block;width: 40%;margin: 0 auto;}
.Title i{display: block;width: 10%;margin: 1rem auto 0;background: #b2b2b2;height: 1px;}




 /* banner */
 .banner{width: 100%;position: relative;}
 .banner img{display: block;width: 100%;}
 .banner .btnList{width: 100%;position: absolute;left: 0;bottom: 1.25rem;text-align: center;}
 .banner .btnList span{display: inline-block;width: 0.8rem;height: 0.8rem;border-radius: 50%;background: #737373;margin: 0 2%;}
 .banner .btnList span.on{background: #d92129;}

 /* product */
.product{width: 100%;}
.product img{display: block;width: 100%;}
.product .mainCon{width: 100%;margin-top: 1.6rem;}
.product .mainCon li{float: left;width: 33%;text-align: center;background: url(../images/Index/product_yy.png) no-repeat left top;background-size: 100%;padding-bottom: 1.25rem;}
.product .mainCon h3{font-size: 1.2rem;color: #1c1c1c;font-weight: lighter; height:2.5rem;}
.product .mainCon h3 em{font-weight: bold;}
.product .mainCon li:first-child{background-image: none;margin-left: 0.5%;}
.product .mainCon li p{margin-top: 0.9rem;}
.product .mainCon li p img{width: 80%;margin: 0 auto;}
.product .mainCon li span{display: block;margin-top: 1.6rem;}
.product .mainCon li span img{width: 90%;margin: 0 auto;}

 /* case */
 .case{width: 100%;background: #f2f2f2;padding-bottom: 1.833rem;}
 .case img{display: block;width: 100%;}
 .case .mainCon{width: 94%;margin: 1.6rem auto 0;}
 .case .mainCon .btnList{width: 100%;margin-top: 1.6rem;text-align: center;}
 .case .mainCon .btnList span{display: inline-block;padding: 0 1% 0.83rem;font-size: 1.2rem;color: #999999;font-family: arial;margin: 0 1%;}
 .case .mainCon .btnList span.on{color: #d92129;border-bottom: 2px solid #d92129;}


 /* about */
 .about{width: 100%;padding-bottom: 1.9rem;}
 .about img{display: block;width: 100%;}
 .about .mainCon{width: 94%;margin: 1.6rem auto 0;;}
 .about .mainCon ul{width: 100%;margin-bottom: 1.667rem;}
 .about .mainCon li{float: left;width: 33%;box-sizing: border-box;border-left: 1px solid #e0e0e0;text-align: center;height: 5rem;}
 .about .mainCon li h3{font-size: 1.3rem;color: #1c1c1c;font-weight: lighter;}
 .about .mainCon li em{font-size: 1rem;color: #666666;padding: 0 3%;display: block;margin-top: 0.5rem;line-height: 1.3rem;}
 .about .mainCon .conBox{width: 100%;}
 .about .mainCon .conBox p{font-size: 1.05rem;color: #666666;line-height: 1.5rem;padding: 0 3%;margin-top: 1.25rem;}
 .about .mainCon .conBox a.more{display: block;height: 2.6rem;border: 1px solid #e0e0e0;line-height: 2.6rem;width: 39%;text-align: center;margin-top: 2rem;margin-left: 3%;font-size:1rem;}
 .about .mainCon .conBox a.more img{display: inline-block;width: 30%;position: relative;margin-left: 4%;}

 /* case2 */
.case2{width: 100%;/*background: url(../images/Index/case2Bg.jpg) no-repeat center;*/background-size: cover;padding-bottom: 2.792rem;}
.case2 img{display: block;width: 100%;}
.case2 .Title h2 a{color: #000;}
.case2 .Title p{color: #fff;font-weight: lighter;}
.case2 .Title p em{color: #000;font-weight: normal;font-family: arial;}
.case2 .mainCon{width: 80%;position: relative;margin: 1.5rem auto 0;}
.case2 .mainCon i{display: block;width: 11%;position: absolute;top: 5.4rem;}
.case2 .mainCon i.prev{left: -12%;}
.case2 .mainCon i.next{right: -12%;}
.case2 .mainCon .conBox{width: 100%;}
.case2 .mainCon .conBox li{width: 100%;}
.case2 .mainCon .conBox h3{font-size: 1.2rem;color: #fff;font-weight: normal;margin: 1rem 0 0.6rem 0; text-align:center;}
.case2 .mainCon .conBox p{font-size: 1.05rem;color: #999999;line-height: 1.3rem;}
.case2 .mainCon .conBox span{display: block;width: 100%;height: 1px;background: #999999;margin-top: 1.25rem;}

 /* ad */
 .ad{width: 100%;}
 .ad img{display: block;width: 100%;}
.ad .box1{float: left;box-sizing: border-box;width: 50%;border-right: 1px solid #ebebeb;}
.ad .box2{float: left;width: 50%;box-sizing: border-box;}

/* .news */
.news{width: 100%;background: #f2f2f2;padding-top: 2.417rem;padding-bottom: 0.9rem;}
.news img{display: block;width: 100%;}
.news .menu{width: 100%;text-align: center;}
.news .menu li{display: inline-block;font-size: 1.3rem;color: #999999;font-weight: lighter;margin: 0 1.5%;padding-bottom: 0.3rem;}
.news .menu li em{font-weight: bold;}
.news .menu li.on{border-bottom: 2px solid #1c1c1c;color: #1c1c1c;}
.news .mainCon{width: 94%;margin: 1.667rem auto 0;}
.news .mainCon .box{border-top: 1px solid #e0e0e0;border-bottom: 1px solid #fff;}
.news .mainCon dl{padding-bottom: 1rem;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #fff;padding-top: 1rem;}
.news .mainCon dt{float: left;width: 27.5%;text-align: center;background: #fff;}
.news .mainCon dt span{font-size: 2.583rem;color: #cccccc;font-family: arial;display: block;padding-top: 1.3rem;}
.news .mainCon dt em{display: block;font-size: 1rem;color: #cccccc;font-family: arial;padding-bottom: 0.8rem;position: relative;top: -0.2rem;}

.news .mainCon dd{float: left;width: 70%;float: right;height: 6.6rem;position: relative;}
.news .mainCon dd h3{font-size: 1.2rem;color: #333333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical;font-weight: normal;}
.news .mainCon dd p{margin-top: 0.2rem;color: #999999;line-height: 1.3rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical;font-size:.8rem;}
.news .mainCon dd img{width: 26%;position: absolute;left: 0;bottom: 0;}

/* 手机flash样式 */ 
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:-webkit-box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; -webkit-box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#d92129;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/*优势*/

.g-ys{ width:100%; overflow:hidden; /*height:46.3rem;*/ padding:1.8rem 0 2rem; /*background:url(../images/index/ys_bg.gif) */no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys  img{width: 100%;}
.g-ys .m-bt{font-size: 1.2rem;color: #666;height: 6.5rem;width: 72.5%;text-align: center; margin:0 auto 1rem; background:url(../images/index/ys_tbg.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt b{display: block;font-size: 1.6rem;color: #333; padding:2.5rem 0 0;}
.g-ys .sclwrap_box{ /*height:36rem;*/ overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:100%; overflow:hidden; margin:0 auto;}
.g-ys dl{ width:93.75%; margin:0 auto; padding:0.5rem 0 0;}
.g-ys dl dt{font-size: 2.5rem;color: #fff;font-weight: bold;width: 4rem;height: 4rem;background: #fabe2b;text-align: center;line-height: 4rem;float: left; font-family:"Times New Roman", Times, serif;}
.g-ys dl dd{width: 100%;}
.g-ys dl dd b{/*display: block;*/font-size: 1.5rem; color:#cc1b15;LETTER-SPACING: 3px;
    FONT-FAMILY: '微软雅黑','sans-serif'; line-height: 2em;}
.g-ys dl dd span{display: block; font-size: 1.5rem;LETTER-SPACING: 3px;
    FONT-FAMILY: '微软雅黑','sans-serif'; line-height: 2em; text-align:center; }
.g-ys dl dd i{display: block;width: 12rem;text-align: center;height: 1.6rem;line-height: 1.6rem;background: #fff; border:#e0e0e0 2px solid;font-size: 0.7rem;color: #d9d9d9;text-transform: uppercase; margin:0.2rem 0 0.8rem;}
.g-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;position: relative; LETTER-SPACING: 3px;
    FONT-FAMILY: '微软雅黑','sans-serif';
    COLOR: black;}
/*.g-ys dl dd p:before{ content:"";width: 0.3rem;height: 0.3rem;background: #333;position: absolute;top: 0.8rem;left: 0;
border-radius:1rem;               
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}*/
.g-ys dl dd em{display: block;width: 10rem; padding:1rem 0 0;}
.g-ys dl dd em a{font-size: 0.9rem;color: #d92129;display: block;width: 6.8rem;text-align: center;height: 2rem;line-height: 2rem; border:#d92129 2px solid;
border-radius:1rem;               
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt{ width:100%; position: relative; }
.g-ys .m-cnt ul {width:25rem;margin:10px auto 0; overflow:hidden;}
/*.g-ys .m-cnt:before{ content:"";width: 100%;height: 1px;background: #ddd;position: absolute;top: 50%;left: 0;}*/
.g-ys .m-cnt li{ font-size:1.3rem; color:#fff;font-weight: bold; width:2.2rem; height:2.2rem; background:#d16b6b; float:left; margin-right:1.2rem; text-align:center; line-height:2.2rem;position: relative;border-radius:5px;}
.g-ys .m-cnt li.z-on{ background:#fa8888;}
.g-ys .m-cnt li:first-child{ margin-left:4.5rem;}