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

/*
 * @Author: hbiao 
 * @Date: 2018-04-09 10:59:07 
 * @Last Modified by:   hbiao 
 * @Last Modified time: 2018-04-09 10:59:07 
 */


/* com-title */
.com-title{width: 100%;text-align: center;padding-top: .5rem;}
.com-title h2{color: #333333;font-size: .46rem;font-weight: normal;}
.com-title h2 a{color: #333333;text-decoration: none;}
.com-title em{color: #e15616;font-weight: bold;}
.com-title p{font-size: .222rem;color: #666666;margin-top: 0.1rem;}
.com-title i{display: block;width: 50%;margin: .222rem auto 0;}
.com-title i img{display: block;width: 100%;}





/* banner */
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%;  position:absolute; z-index:999; bottom: .056rem; text-align:center;left: 0;font-size:0px;}
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0;  }
.focus .hd ul li{display: block;width: 33%;height: .056rem;background: #a0a0a0;float: left;}
.focus .hd ul .on{background: #e15616;width: 34%;}


/*nav*/
nav{width: 100%;overflow: hidden;background:#181818;border-top: 1px solid #fff;}
nav a{font-size: .36rem;color: #fff;display: block;float: left;width: 25%;text-align: center;box-sizing: border-box;border-left: 1px solid #202020;border-right: 1px solid #060606;height: 1.2rem;line-height:1.2rem;}
nav a:nth-child(4),nav a:nth-child(8){border-right: none;}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4){border-bottom:  1px solid #040404;}
nav a:nth-child(5),nav a:nth-child(6),nav a:nth-child(7),nav a:nth-child(8){border-top:  1px solid #202020;}
nav a:nth-child(4n+1){border-left: none;}


/* services */
.services{width: 100%;padding-bottom: 0.639rem;}
.services img{display: block;width: 100%;}
.services .mainCon{padding: 0px 2%;margin: 0.48rem auto 0px;}
.services .mainCon li{float: left;width: 33%;text-align: center;box-sizing: border-box; border: 1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.services .mainCon li:nth-child(1){margin-left: 0;}
.services .mainCon li span{display: block;width: 100%;box-sizing: border-box;}
.services .mainCon li em{font-size: 0.36rem;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%;}
.services .mainCon a.more{display: block;width: 35%;height: 0.85rem;line-height: 0.85rem;text-align: center;background: #f27135;color: #fff;border-radius: 4px;margin: 0.45rem auto 0;}
.services .mainCon li .zhanwei{ margin-top:0.25rem}
.services .mainCon li .zhanwei_nr{ margin:0.15rem .05rem;}
.services .mainCon li .zhanwei_nr a{display:block;float:left;width:48%;border-bottom: 1px solid #f1f1f1;}
.services .mainCon li .zhanwei_nr a:nth-child(2n){border-left:1px solid #f1f1f1;}
.services .mainCon li .zhanwei_nr a:nth-child(3),.services .mainCon li .zhanwei_nr a:nth-child(4){border-bottom: none;padding-top:.1rem}
.services .mainCon li .zhanwei_nr a:nth-child(1),.services .mainCon li .zhanwei_nr a:nth-child(2){padding-bottom:.1rem}

/* data */
.data{width: 100%;}
.data img{display: block;width: 100%;}
.data .mainCon{padding:.417rem 0;background: #444;}
.data .mainCon li{float: left;width: 25%;text-align: center;background: url(../images/Index/data-xian.png) no-repeat left center;height: 1.6rem;}
.data .mainCon li:nth-child(1){background-image: none;}
.data .mainCon li span{font-size: .7rem;color: #fff;font-family: "Swis721 Blk BT";}
.data .mainCon li em{font-size: .278rem;color: #fff;position: relative;top: -0.3rem;}
.data .mainCon li p.p2{color: #fff;font-size: 0.278rem;margin-top: 0.16rem;}

/* bring */
.bring{width: 100%;padding-bottom: .667rem;}
.bring img{display: block;width: 100%;}
.bring .mainCon{padding: 0 3%;margin: 0.48rem auto 0;}
.bring .mainCon li{float: left;width: 49%;margin-left: 2%;}
.bring .mainCon li:nth-child(1){margin-left: 0;}
.bring .mainCon li h3{display: block;font-size:.361rem;color: #333333;text-align: center;margin: .333rem 0 .222rem 0;font-weight: normal;}
.bring .mainCon li p{font-size: .278rem;color: #666666;line-height: 0.5rem;padding: 0 2%;}




/* choose */
.choose{width: 100%;padding-bottom: .667rem;background: url(../images/Index/choosePic01.jpg) no-repeat center top #ebebeb;padding-top: 1.6rem;background-size: 100%;}
.choose img{display: block;width: 100%;}
.choose .com-title{padding-top: .639rem;}
.choose .mainCon{width: 94%;margin: 0.48rem auto 0;background: #fff;padding-bottom: 0.4rem;}
.choose .mainCon ul{padding: 0 4%;margin: .583rem auto 0;}
.choose .mainCon li{float: left;padding: .236rem 0;width: 100%;}
.choose .mainCon li{border-top: 1px dotted #bebebe;}
.choose .mainCon li:first-child{border-top: none;}
.choose .mainCon li dt{float: left;width: 23%;}
.choose .mainCon li dd{float: right;width: 69%;padding-top: .417rem;}
.choose .mainCon li dd h3{display: block;font-size:.389rem;color: #333333;font-weight: normal;}
.choose .mainCon li dd p{font-size: .278rem;color: #888888;margin-top: .167rem;}


/* case */
.case{width: 100%;padding-bottom: .639rem;}
.case img{display: block;width: 100%;}
.case .mainCon{    padding: 2% 1.5% 0 1.5%;margin: 0.48rem auto 0;}
.case .mainCon li{float: left;width: 49%;margin-left: 2%;text-align: center;}
.case .mainCon li:nth-child(1){margin-left: 0;}
.case .mainCon li span{display: block;width: 100%;box-sizing: border-box;}
.case .mainCon 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%;}

/* about */
.about{width: 100%;background: #444;padding-bottom: .86rem;}
.about img{display: block;width: 100%;}
.about .com-title h2 a{color: #fff;}
.about .com-title p{color: #eeeeee;}
.about .mainCon{width: 94%;margin: 0.5rem auto 0;}
.about .mainCon .about-pic{box-sizing: border-box;border: .111rem solid #fff;display: block;}
.about .mainCon p{margin-top: .5rem;line-height: .5rem;font-size:.37rem;color: rgba(255, 255, 255,0.8);}
.about .mainCon ul{margin-top: .6rem;}
.about .mainCon li{height: 1rem;line-height: 1rem;text-align: center;border: 1px solid #fff;font-size: 0.375rem;color: #fff;width:32%;box-sizing: border-box;margin-left: 2%;float: left;border-radius: 4px;}
.about .mainCon li:first-child{margin-left: 0;}
.about .mainCon li a{color: rgba(255, 255, 255,0.8);display: block;}

/*news*/
.news{width: 100%;padding-bottom: .4rem;}
.news .mainCon{width:94%;margin: 0 auto;}
.news .menu{width:100%;}
.news .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap;}
.news .menu li{flex: 1;text-align: center;box-sizing: border-box;border-left: 1px solid #dedbdb;font-size:0.4rem;color: #333333;height: 1.25rem;line-height: 1.25rem;position: relative;border-bottom: 1px solid #dedbdb;}
.news .menu li:first-child{border-left: none;}
.news .menu li i{display: none;width: 100%;height:2px;background: #e15616;position: absolute;left: 0;bottom: -1px;}
.news .menu li.on i{display: block;}
.news .menu li.on{color: #e15616;font-weight: bold;}
.news img{display: block;width: 100%;}
.news .mainCon .box{padding-top: 0.2rem;}
.news .mainCon ul{width: 100%;}
.news .mainCon ul li{overflow: hidden;height: 1.028rem;border-bottom: 1px dotted #dbd3d3;}
.news .mainCon ul li a{display: block;font-size:.33rem;color: #666666;background: url(../images/Index/news_icon01.png) no-repeat left center;padding-left: 4%;width: 68%;float: left;display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;line-height: 1.028rem;height: 1.028rem;}
.news .mainCon ul li span{display: block;float: right;width: 26%;text-align: right;font-size:.3rem;color: #666666;line-height: 1.028rem;}