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

/*
 * @Author: hbiao 
 * @Date: 2018-05-03 20:48:35 
 * @Last Modified by:   hbiao 
 * @Last Modified time: 2018-05-03 20:48:35 
 */

/* com-title */
.com-title{width: 100%;text-align: center;padding-top: .639rem;}
.com-title h2{font-size: .5rem;color: #222222;font-weight: normal;}
.com-title h2 a{color: #222222;}
.com-title h2 em{font-weight: bold;}
.com-title p{font-size: .278rem;color: #999999;margin-top: .167rem;}
.com-title-xian{display: block;width: 0.6rem;height: 3px;background: #333333;position: relative;top: -1px;margin: 0 auto;}


.common-bg{width: 100%;height: .278rem;background: #f2f2f2;border-bottom: 1px solid #dfdfdf;}

/*banner*/
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.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{ width: 100%; text-align: center; position: absolute; left:0; bottom: 0.3rem; }
.focus .hd ul li{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; margin: 0 .1rem; font-size:0;}
.focus .hd ul .on{ background:#e77d32;  }

/* nav */
nav {width: 100%;}
nav ul li {float: left;width: 25%;text-align: center;}
nav ul li:nth-child(4n+1) a {border-left: none;}
nav ul li a {display: block;height: 2rem;border: 1px solid #dfdfdf;border-right: none;color: #091135;font-size: 0.4rem;}
nav ul li:nth-child(-n+4) a {border-bottom: none;}
nav ul li i {display: block;height: 0.8rem;padding-top: 0.3rem;margin-bottom: 0.15rem;}
nav ul li img {display: block;height: 100%;margin: 0 auto;}
nav ul li:nth-child(6) a {background: url(../images/Index/navicon09.png) no-repeat 85% 0.2rem / 18%;}


/* product */
.product{width: 100%;padding-bottom: 0.5rem;}
.product img{display: block;width: 100%;}
.product .mainCon{background: #fff;margin: .62rem auto 0;width: 9.44rem;}
.product .mainCon .menu{text-align: center;}
.product .mainCon .menu li{height: 0.9rem;;line-height: 0.9rem;box-sizing: border-box;border: 1px solid #cccccc;float: left;font-size: 0.375rem;;color: #666666;width: 32%;border-radius: 0.5rem;margin-bottom: 0.28rem;margin-left: 2%;box-sizing: border-box;}
.product .mainCon .menu li:nth-child(3n+1){margin-left: 0;}
.product .mainCon .menu li.on{background: #f08300;color: #fff;border-color: #f08300;}

.product .mainCon .conBox{width: 100%;margin-top: 0.17rem;}
.product .mainCon .conBox li{float: left;width: 49%;margin-left: 2%;margin-top: 0.6rem;box-sizing: border-box;border: 1px solid #e1e1e1;}
.product .mainCon .conBox .con{margin-bottom: 0.43rem;padding-top: 0.2rem;}
.product .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.product .mainCon .conBox li:nth-child(1),.product .mainCon .conBox li:nth-child(2){margin-top: 0;}
.product .mainCon .conBox li span{display: block;width: 100%;}
.product .mainCon .conBox li em{font-size: 0.37rem;color: #666666;display: block;text-align: center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding: 0 2%;height: 1.14rem;line-height: 1.14rem;}

.product .mainCon a.more{display: block;width: 3.86rem;margin: 0.3rem auto 0;height: 0.92rem;box-sizing: border-box;border: 1px solid #cccccc;border-radius: .5rem;text-align: center;line-height: .92rem;color: #f08300;font-size: 0.3rem;}
.product .mainCon a.more span{margin-left: 2%;}


/* flow */
.flow{width: 100%;background: url(../images/Index/flowBg01.jpg) no-repeat center;background-size: cover;padding-bottom: .889rem;}
.flow img{display: block;width: 100%;}
.flow .com-title h2{color: #fff;}
.flow .com-title em{color: #f08300;font-weight: bold;}
.flow .com-title p{color: #fff;background: url(../images/Index/flow-xian.png) no-repeat center;background-size: 100%;line-height: 0.5rem;}
.flow .mainCon{margin: .62rem auto 0;width: 9.44rem;position: relative;}
.flow .mainCon .flowBtn{display: block;width: .208rem;height: .417rem;position: absolute;top: 50%;margin-top:-.208rem;}
.flow .mainCon .flowBtn img{display: block;width: .208rem;height: .417rem;}
.flow .mainCon .prev{left: 0;}
.flow .mainCon .next{right: 0;}
.flow .mainCon .conBox{width: 7.625rem;margin: 0 auto;}
.flow .mainCon .conBox dd{padding: .556rem 0 .6rem;background: #f08300;text-align: center;}
.flow .mainCon .conBox dd h3{font-size: .556rem;color: #fff;font-family: "宋体";font-weight: normal;}
.flow .mainCon .conBox dd span{display: block;font-size: .25rem;color: #fff;margin-top: 0.1rem;}
.flow .mainCon .conBox dd p{font-size: .306rem;color: #fff;line-height: 0.58rem;padding: 0 .722rem;margin-top: .417rem;}

.flow .mainCon .btnList{width: 100%;text-align: center;margin-top: .667rem;}
.flow .mainCon .btnList span{display: inline-block;margin: 0 1%;width: .2rem;height: .2rem;border-radius: 50%;border: 2px solid #fff;}
.flow .mainCon .btnList span.on{background: #f08300;border-color: #f08300;}

/* partner */
.partner{width: 100%;padding-bottom: 0.6rem;border-bottom: 1px solid #dfdfdf;}
.partner img{display: block;width: 100%;}
.partner .com-title h2 a{color: #000000;}
.partner .com-title p{color: #666666;}
.partner .mainCon{width: 9.44rem;margin: .417rem auto 0;}
.partner .mainCon li a{float: left;box-sizing: border-box;border: 1px solid #e9e9e9;width: 33%;border-left: 1px solid transparent;border-top: 1px solid transparent;}
.partner .mainCon li a:nth-child(3n+1){border-left: 1px solid #e9e9e9;}
.partner .mainCon li a:nth-child(1),.partner .mainCon li a:nth-child(2),.partner .mainCon li a:nth-child(3){border-top: 1px solid #e9e9e9;}

.partner .mainCon .btnList{width: 100%;text-align: center;margin-top: .667rem;}
.partner .mainCon .btnList span{display: inline-block;margin: 0 1%;width: .2rem;height: .2rem;border-radius: 50%;border: 2px solid #353535;}
.partner .mainCon .btnList span.on{background: #f08300;border-color: #f08300;}


/* about */
.about{width: 100%;}
.about img{display: block;width: 100%;}
.about .mainCon{width: 9.44rem;margin: .375rem auto 0;}
.about .mainCon .conBox1{ width: 100%; margin: 0 auto;}
.about .mainCon .conBox1 .about-pic{box-sizing: border-box;display: block;box-sizing: border-box;}
.about .mainCon .conBox1 p{line-height: .563rem;font-size:.344rem;color: #666666;padding: 0 2%;text-align: center;margin-top: .5rem;}
.about .mainCon .conBox1 ul{margin-top: .5rem;text-align: center;}
.about .mainCon .conBox1 li{height: .938rem;line-height: .938rem;text-align: center;font-size: 0.375rem;color: #666666;width: 28%;margin-left: 2%;box-sizing: border-box;border-radius: 4px;float: left;border: 1px solid #cccccc;}
.about .mainCon .conBox1 li a{color: #666666;display: block;}
.about .mainCon .conBox1 li:first-child{margin-left: 6%;}
.about .mainCon .conBox2{margin-top: .52rem;border-top: 3px solid #333;border-bottom: 1px solid #333;background: #fff;padding: 0.33rem 0;}
.about .mainCon .conBox2 li{float: left;width: 25%;text-align: center;height: 2.1rem;border-left: 1px solid #dddddd;box-sizing: border-box;}
.about .mainCon .conBox2 li:nth-child(1){border-left: none;}
.about .mainCon .conBox2 li span{font-size: .667rem;color: #222222;font-weight: bold;}
.about .mainCon .conBox2 li p.p2{color: #333333;font-size: 0.33rem;font-weight: bold;margin-top: 0.22rem;}
.about .mainCon .conBox2 li p.p3{font-size: 0.33rem;color: #333333;margin-top: 0.1rem;}




/* news */
.news{width: 100%;background: #f2f2f2;}
.news img{display: block;width: 100%;}
.news .com-title{width: 100%;text-align: center;padding-top: 1.139rem;}
.news .com-title h2{font-size: .5rem;color: #333333;}
.news .com-title h2 a{color: #333333;}
.news .com-title h2 i{display: inline-block;position: relative;width: 3.625rem;height: 1px;background: #e4e4e4;margin: 0 0.18rem;top: -0.12rem;}
.news .com-title p{font-size: .278rem;color: #666666;margin-top: .1rem;}


.news .com-title p{font-size: .278rem;color: #979797;font-family: arial;margin-top: .167rem;}
.news .mainCon{width: 9.44rem;margin: 0 auto 0;}
.news .menu{width: 100%;margin-top:.222rem;text-align: center;}
.news .menu ul{display: inline-block;}
.news .menu li{box-sizing: border-box;text-align: center;height: 1rem;line-height: 1rem;font-size: .36rem;color: #979797;width: 2.083rem;margin: 0 .194rem;float: left;}
.news .menu li.on{background: #f08300;color: #fff;}
.news .conBox{box-sizing: border-box;border: 1px solid #e9e9e9;background: #fff;margin-top: .5rem;}
.news .conBox dl{padding: .472rem 0 .417rem 0;border-top: 1px solid #e9e9e9;}
.news .conBox dt{float: left;width: 2.639rem;margin-left: .292rem;}
.news .conBox dd{float: left;width: 5.681rem;margin-left: .444rem;}
.news .conBox dd h3{font-size: .333rem;color: #333333;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news .conBox dd p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;font-size: .278rem;color: #666666;margin-top: .167rem;line-height: 0.5rem;}
.news .conBox dl:first-child{border-top: none;}