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

/*
 * @Author: hbiao 
 * @Date: 2018-05-03 10:27:05 
 * @Last Modified by:   hbiao 
 * @Last Modified time: 2018-05-03 10:27:05 
 */

/* com-title */
.com-title{width: 100%;text-align: center;padding-top: .667rem;}
.com-title h2{font-size: .5rem;color: #333;font-weight: normal;}
.com-title h2 a{color: #fff;}
.com-title p{font-size: .25rem;color: #fff;margin-top: .1rem;text-transform: uppercase;}




/* banner */
.banner{width: 100%;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{ 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:#6c5848;}
.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); /* 取消链接高亮 */ }

/*nav*/
nav{width: 100%;overflow: hidden;background: url(../images/Common/headerBg.jpg);}
nav a{box-sizing: border-box;border-bottom: 1px solid #33334c;border-left: 1px solid #33334c;padding-top: 0.4rem;height: 2.18rem;width: 25%;float: left;}
nav a:nth-child(4n+1){border-left: none;}
nav a img{display: block;width: .694rem;height: .694rem;margin: 0 auto;}
nav a em{font-size: .278rem;color: #fff;margin-top: .25rem;display: block;text-align: center;}

/* service */
.service{width: 100%;background: url(../images/Common/headerBg.jpg);}
.service img{display: block;width: 100%;}
.service .mainCon{width: 9.722rem;margin: .417rem auto 0;}
.service .mainCon li{float: left;width: 19%;margin-left: 1%;height: 5.2rem;background: #fff;box-sizing: border-box;padding-top: .389rem;text-align: center;position: relative;}
.service .mainCon li:first-child{margin-left: 0.5%;}
.service .mainCon li h2{font-size: .42rem;color: #ffb366;}
.service .mainCon li h3{font-size: .25rem;color: #000000;font-weight: normal;margin-top: 0.1rem;}
.service .mainCon li img{width: .792rem;height: .639rem;margin: .556rem auto 0;position: absolute;top: 1.694rem;left: 50%;margin-left: -.389rem;}
.service .mainCon li p{position: absolute;top: 3.2rem;width: 100%;text-align: center;font-size: .139rem;color: #666;}

/* case */
.case{width: 100%;background: url(../images/Common/headerBg.jpg);padding-bottom: .5rem;}
.case img{display: block;width: 100%;}
.case .mainCon{width: 9.722rem;margin: .417rem auto 0;}
.case .mainCon .menu{width: 100%;}
.case .mainCon .menu li{float: left;width: 33%;border: 1px solid #333352;box-sizing: border-box;border-left: none;height: 1rem;line-height: 1rem;font-size: 0.28rem;color: #fff;text-indent: 0.18rem;}
.case .mainCon .menu li a{color: #fff;}
.case .mainCon .menu li:nth-child(3n+1){border-left: 1px solid #333352;}
.case .mainCon .menu li:nth-child(1),.case .mainCon .menu li:nth-child(2),.case .mainCon .menu li:nth-child(3){border-bottom: none;}
.case .mainCon .menu li img{display: inline-block;width: .458rem;height: .347rem;margin-right: .222rem;}
.case .mainCon .menu li:nth-child(3n+2){width: 34%;}

.case .mainCon .conBox{width: 100%;margin-top: 0.47rem;}
.case .mainCon .conBox li{float: left;width: 48%;margin-left: 2%;margin-top: 0.444rem;}
.case .mainCon .conBox .con{margin-bottom: 0.43rem;}
.case .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.case .mainCon .conBox li:nth-child(1),.case .mainCon .conBox li:nth-child(2){margin-top: 0;}
.case .mainCon .conBox li span{display: block;width: 100%;box-sizing: border-box;}
.case .mainCon .conBox li em{font-size: 0.3rem;color: #fff;display: block;text-align: center;margin-top: .208rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding: 0 2%;}
.case .case-List{width: 100%;text-align: center;margin: .278rem 0 0;}
.case .case-List span{display: inline-block;width: 0.22rem;height:0.22rem;border-radius: 50%;margin: 0 1%;background: #ffffff;}
.case .case-List span.on{background: #ffb366;}

/* ad */
.ad{width: 100%;}
.ad img{display: block;width: 100%;}


/* choose */
.choose{width: 100%;}
.choose img{display: block;width: 100%;}
.choose .com-title h2 a{color: #000000;}
.choose .com-title p{color: #666666;}
.choose .menu{width: 100%;margin-top: .5rem;}
.choose .menu ul{display: flex;display: -webkit-flex;}
.choose .menu li{flex: 1;box-sizing: border-box;border: 1px solid #cccccc;border-left: none;text-align: center;height: 1rem;line-height: 1rem;font-size: .3rem;color: #000000;}
.choose .menu li:first-child{border-left: none;}
.choose .menu li.on{background: #f9b46f;border-color: #f9b46f;}
.choose .mainCon{width: 100%;margin-top: 0.15rem;background: url(../images/Index/chooseBg01.jpg) no-repeat center;background-size: cover;position: relative;padding: .722rem 0 .597rem 0;}
.choose .mainCon .chooseBtn{display: block;width: .361rem;height: .625rem;position: absolute;top: 50%;margin-top:-.375rem;}
.choose .mainCon .chooseBtn img{display: block;width: .361rem;height: .625rem;}
.choose .mainCon .prev{left: .6rem;}
.choose .mainCon .next{right: .6rem;}
.choose .mainCon .conBox{width: 6.389rem;margin: 0 auto;}
.choose .mainCon .box{width: 100%;}
.choose .mainCon .box dt{height: .833rem;line-height: .833rem;padding: 0 .611rem;background: #7e0101;font-size: .306rem;color: #fff;font-weight: bold;box-sizing: border-box;}
.choose .mainCon .box dd{padding: .319rem .611rem;box-sizing: border-box;background: url(../images/Index/chooseBg02.png);text-align: center;}
.choose .mainCon .box dd p{font-size: .333rem;color: #000000;margin-bottom: .25rem;}
.choose .mainCon .box dd span{display: block;box-sizing: border-box;border: .056rem solid #fff;}

/* partner */
.partner{width: 100%;background: #f6f6f6;padding-bottom: 0.6rem;}
.partner img{display: block;width: 100%;}
.partner .com-title h2 a{color: #000000;}
.partner .com-title p{color: #666666;}
.partner .mainCon{width: 9.722rem;margin: .417rem auto 0;}
.partner .mainCon li{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:nth-child(3n+1){border-left: 1px solid #e9e9e9;}
.partner .mainCon li:nth-child(1),.partner .mainCon li:nth-child(2),.partner .mainCon li:nth-child(3){border-top: 1px solid #e9e9e9;}
.partner .mainCon a.more{display: block;text-align: center;margin-top: 0.5rem;font-size: .28rem;color: #666666;}

/* honor */
.honor{width: 100%;padding-bottom: .625rem;}
.honor img{display: block;width: 100%;}
.honor .com-title h2 a{color: #000000;}
.honor .com-title p{color: #666666;}
.honor .mainCon{width: 9.722rem;margin: .528rem auto 0;}
.honor .mainCon .conBox{width: 100%;;}
.honor .mainCon .conBox li{float: left;width: 23%;margin-left: 2%;margin-top: 0.444rem;}
.honor .mainCon .conBox .con{margin-bottom: 0.43rem;}
.honor .mainCon .conBox li:nth-child(4n+1){margin-left: 1%;}
.honor .mainCon .conBox li span{display: block;width: 100%;box-sizing: border-box;}
.honor .mainCon .conBox li em{font-size: 0.3rem;color: #333333;display: block;text-align: center;margin-top: .208rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding: 0 2%;}
/*.honor .mainCon .conBox1 li span{padding: .111rem;background: #333333;}*/
.honor .mainCon .conBox1 li{margin-top: 0;}
.honor .mainCon .conBox2{margin-top: .261rem;}

/* about */
.about{width: 100%;background: url(../images/Common/headerBg.jpg);padding-bottom: .667rem;}
.about img{display: block;width: 100%;}
.about .mainCon{width: 9.722rem;margin: .5rem auto 0;}
.about .mainCon .about-pic{box-sizing: border-box;display: block;}
.about .mainCon p{margin-top: .344rem;line-height: .563rem;font-size:.344rem;color: #fff;padding: 0 3%;}
.about .mainCon ul{margin-top: .667rem;text-align: center;}
.about .mainCon li{height: .938rem;line-height: .938rem;text-align: center;font-size: 0.375rem;color: #000000;width: 28%;margin: 0 2%;box-sizing: border-box;display: inline-block;background: #ffb366;border-radius: 4px;}
.about .mainCon li a{color: #000000;display: block;}

/* news */
.news{width: 100%;background: #f6f6f6;}
.news img{display: block;width: 100%;}
.news .com-title h2 a{color: #000000;}
.news .com-title p{color: #666666;}
.news .mainCon{width: 9.722rem;margin: .5rem auto 0;}
.news .menu{width: 100%;margin-top: .5rem;}
.news .menu ul{display: flex;display: -webkit-flex;}
.news .menu li{flex: 1;box-sizing: border-box;text-align: center;height: 1rem;line-height: 1rem;font-size: .36rem;color: #979797;}
.news .menu li.on{background: #f9b46f;color: #fff;}
.news .conBox{box-sizing: border-box;border: 1px solid #e9e9e9;background: #fff;margin-top: .278rem;}
.news .conBox dl{padding: .472rem 0 .417rem 0;border-top: 1px solid #e9e9e9;}
.news .conBox dt{float: left;width: 2.639rem;margin-left: .472rem;}
.news .conBox dd{float: left;width: 5.75rem;margin-left: .444rem;}
.news .conBox dd h3{font-size: .306rem;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: .222rem;line-height: 0.5rem;}
.news .conBox dl:first-child{border-top: none;}