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




/* index-com-title */
.index-com-title{width: 100%;text-align: center;padding-top: .507rem;}
.index-com-title h2{font-size: .42rem;color: #333333;font-weight: normal;}
.index-com-title h2 a{color: #333333;}
.index-com-title p{font-size: .267rem;color: #666666;margin-top: 0.04rem;}



.index-nav{background: url(../images/index-navbg01.jpg) repeat;height: auto; margin-top: 71px;}
.index-nav ul{}
.index-nav li{height: 1rem;text-align: center; width: 25%; float: left;font-size: .32rem;color: #fff;line-height: 1rem;background: url(../images/index-navbg02.png) no-repeat left center;}
.index-nav li a{color: #fff;}
.index-nav li:first-child{background-image: none;}


.marhert{ display:block;background: url(../images/headerbg01.jpg) no-repeat left center;background-size: cover; position: fixed;top: 0; z-index: 99999;}

/* banner */
/*.banner{width: 100%;position: relative;}
.banner img{display: block;width: 100%;}*/

/* 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); /* 取消链接高亮 */ }

/* services */
.services{width: 100%;padding-bottom: .933rem;}
.services img{display: block;width: 100%;}
.services .mainCon{width: 9.6rem;margin: .693rem auto 0;}
.services .mainCon ul{display: flex;}
.services .mainCon li{flex: 1;text-align: center;box-sizing: border-box;border-left: 1px dotted #e5e5e5;}
.services .mainCon li:first-child{border-left: none;}
.services .mainCon li span{display: block;font-size: .867rem;color: #da251d;font-family: "hwfonts";}
.services .mainCon li p{font-size: .278rem;color: #666666;margin-top: .083rem;}


/* product */
.product{width: 100%;padding-bottom: .0.3rem;}
.product img{display: block;width: 100%;}
.product .mainCon{width: 9.6rem;margin: 0.24rem auto 0;}
.product .mainCon .menu{width:100%; margin: 0 auto;}
.product .mainCon .menu li{height: 0.867rem;box-sizing: border-box;line-height: .867rem;text-align: center;font-size: .32rem;color: #fff;position: relative;border-left: none;width: 32%;float: left;background: #2a2a2a;margin-bottom: 0.05rem;margin-left: 1%;}
.product .mainCon .menu li a{color: #fff;}
.product .mainCon .menu li:nth-child(3n+1){margin-left: 0.5%;}
.product .mainCon .menu li.on{background: #e62129;color: #fff;}
.product .mainCon .conBox{margin-top:0.24rem;}
.product .mainCon .conBox li{width: 49%;float: left;margin-bottom: .417rem;margin-left: 2%;text-align: center;}
.product .mainCon .conBox li span{display: block;border: 1px solid #e8e7e7;box-sizing: border-box;}
.product .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.product .mainCon .conBox li em{display: block;font-size: .28rem;color: #666666;margin-top: .208rem;padding: 0 6%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

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

/* choose */
.choose{width: 100%;padding-bottom: .45rem;background: url(../images/choosebg01.jpg) no-repeat center;background-size: cover;}
.choose img{display: block;width: 100%; max-width: 100%;}
.choose .mainCon{width: 9.6rem;margin: 0.32rem auto 0;}
.choose .menu li{float: left;width: 2.36rem;height: .867rem;margin-left: .053rem;background: url(../images/choosebg02.png) no-repeat center;background-size: 100%;line-height: .867rem;text-align: center;color: #fff;}
.choose .menu li:first-child{margin-left: 0;}
.choose .menu li img{display: inline-block;width: .333rem;height: .333rem;margin-right: .107rem;position: relative;top: 0.06rem;}
.choose .menu li.on{background: url(../images/choosebg03.png) no-repeat center;background-size: 100%;}
.choose .mainCon .conBox{border: 1px solid #f3f3f3;background: #fff;box-sizing: border-box;padding: .387rem;padding-bottom:0.86rem;margin-top: .3125rem;}
.choose .mainCon .conBox h3{font-size: .4rem;color: #333333;text-align: center;font-weight: normal;margin-top: .373rem;}
.choose .mainCon .conBox p{font-size: .32rem;color: #333333;margin-top: .213rem;text-align: center;}


/* needs */
.needs{width: 100%;padding-bottom: .347rem;}
.needs img{display: block;width: 100%;}
.needs .mainCon{width: 9.6rem;margin: 0.32rem auto 0;}
.needs .mainCon dd{height: 1rem;line-height: 1rem;text-align: center;font-size: .32rem;color: #555555;}
.needs .mainCon .conBox{position: relative;}
.needs .mainCon .conBox .box{ }
.needs .mainCon .conBox .btnlist{position: absolute;left: 0;width: 100%;height: 1rem;line-height: 1rem;text-align: center;background: rgba(0,0,0,.85);bottom: 1rem;}
.needs .mainCon .conBox .btnlist span{display: inline-block;width: .267rem;height: .267rem;border-radius: 50%;background: #dadada;}
.needs .mainCon .conBox .btnlist span.on{background: #da251d;}

/* about */
.about{width: 100%;padding-bottom: .747rem;}
.about img{display: block;width: 100%;}
.about .mainCon{width: 9.6rem;margin: 0.32rem auto 0;}
.about .mainCon dt p{font-size: .32rem;color: #666666;line-height: .44rem;margin-top: .347rem;}
.about .mainCon dd{margin: .44rem auto 0;width: 5.493rem;}
.about .mainCon dd ul{display: flex;}
.about .mainCon dd li{flex: 1;text-align: center;box-sizing: border-box;border-left: 2px solid #fff;height: 0.8rem;line-height: 0.8rem;background: #da251d;}
.about .mainCon dd li a{color: #fff;}
.about .mainCon dd li:first-child{border-left: none;}



/*news*/
.news{width: 100%;padding: 0 0 .32rem ;}
.news img{display: block;width: 100%;}
.news .mainCon{width: 9.6rem;margin: .267rem auto 0;}
.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 #f7f7f7;font-size:0.4rem;;color: #fff;height: 1rem;line-height: 1rem;position: relative;background: #da251d;}
.news .menu li:first-child{border-left: none;}
.news .menu li i{display: none;width: .4rem;height:.08rem;position: absolute;left: 50%;bottom: -0.04rem;margin-left: -0.12rem;}
.news .menu li.on i{display: block;}
.news .menu li.on{background: #ff9000;}
.news .mainCon .conBox .box{padding-top: 0.5rem;}
.news .mainCon .conBox dl{padding-bottom: .313rem;}
.news .mainCon .conBox dt{width: 35%;float: left;}
.news .mainCon .conBox dd{width: 60%;float: right;/* padding-top: .1rem; */}
.news .mainCon .conBox dd h3{font-size: .375rem;color: #333333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding-top: 0.1rem;font-weight: normal;}
.news .mainCon .conBox dd h3 a{color: #333333;}
.news .mainCon .conBox dd p{font-size: 0.33rem;color: #666666;line-height: .5rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-top: .203rem;}
.news .mainCon .conBox dd p a{color: #666666;}
.news .mainCon .conBox ul{width: 100%;}
.news .mainCon .conBox ul li{overflow: hidden;height: 0.8rem;}
.news .mainCon .conBox ul li a{display: block;font-size:.333rem;color: #666666;/*background: url(../images/news-icon02.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: 0.8rem;height: 0.8rem;}
.news .mainCon .conBox ul li span{display: block;float: right;width: 26%;text-align: right;font-size:.333rem;color: #999999;line-height: 0.8rem;font-family: arial;}