/* Banner  */
.banner{position:relative;width:100%;overflow:hidden; height:200px;}
.banner .bd li img{display:block;width:100%;}
.banner .hd{position:absolute;bottom:0.4rem;left:0;width:100%;text-align:center;overflow:hidden;}
.banner .hd li{width: .2rem;height: .2rem;display: inline-block;margin: 0 .2rem;border-radius: 50%;border:  1px #fff solid;}
.banner .hd li.on{background:#fff;border: 1px #fff solid;}
/* Banner End */

/* Product  */
.Product{padding: .938rem 0 .625rem;}

.ProductNav{margin: .569rem 0;}
.ProductNav ul{margin-top: -4%;}
.ProductNav ul li{width: 48%;margin-left: 4%;border: 1px #ccc solid;text-align: center;font-size: .4rem;color: #333;height: 1.016rem;line-height: 1.016rem;padding: 0 .3rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: left;box-sizing: border-box;margin-top: 4%;}
.ProductNav ul li:nth-child(2n+1){margin-left: 0;}
.ProductNav ul li.on{background-color: #dd1810;color: #ffffff;border: 1px #dd1810 solid;}

.ProductBox ul li{float: left;width: 48%;margin-left: 4%;text-align: center;}
.ProductBox ul li:first-child{margin-left: 0;}
.ProductBox ul li span{display: block;border: 1px #ccc solid;}
.ProductBox ul li span img{display: block;width: 100%;}
.ProductBox ul li p{font-size: .35rem;height: .938rem;line-height: .938rem;color: #333;padding: 0 .3rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.ProductCon a.More{width: 2.813rem;height: .938rem;display: block;text-align: center;line-height: .938rem;background-color: #dd1810;border-radius: .781rem;margin: .391rem auto 0;color: #fff;font-size: .35rem;}
/* Product End */

/* Title  */
.Title{text-align: center;}
.Title h3{font-size: .531rem;color: #333;}
.Title h3 a{color: #333;}
.Title h3 b{color: #dd1810;}
.Title i{width: 2rem;height: .5rem;display: block;margin: .35rem auto 0;}
.Title i img{display: block;width: 100%;}
.Title p{font-size: .4rem;color: #666;margin-top: .234rem;}

.Title02 h3{color: #fff;}
.Title02 p{color: #fff;}
/* Title End */

/* Solution  */
.Solution{background-color: #ededed;padding: .938rem 0 .625rem;}

.SolutionCon{margin-top: .469rem;}
.SolutionText ul li{float: left;position: relative;}
.SolutionText ul li span img{display: block;width: 100%;}
.SolutionText ul li p{background: rgba(0,0,0,0.7);height: .938rem;line-height: .938rem;padding: 0 4%;width: 92%;color: #fff;font-size: .4rem;position: absolute;left: 0;bottom: 0;}
.SolutionText ul li a.More{color: #dd1810;text-decoration: underline;font-size: .4rem;position: absolute;right: 4%;bottom: 5%;z-index: 9;}

.SolutionBox{margin-top: .469rem;text-align: center;}
.SolutionBox li{width: .172rem;height: .172rem;display: inline-block;border: 1px #dd1810 solid;border-radius: 50%;margin: 0 .2rem;}
.SolutionBox li.on{background-color: #dd1810;}

.SolutionCon a.Mores{width: 2.813rem;height: .938rem;display: block;text-align: center;line-height: .938rem;background-color: #dd1810;border-radius: .781rem;margin: .625rem auto 0;color: #fff;font-size: .35rem;}
/* Solution End */

/* Advantage  */
.Advantage{padding: .938rem 0;}

.AdvantageCon dl{position: relative;margin-top: .938rem;}
.AdvantageCon dl dt img{display: block;width: 100%;}
.AdvantageCon dl dd h3{font-size: .45rem;color: #333;margin: .391rem 0 .3rem;}
.AdvantageCon dl dd p{font-size: .35rem;color: #666;line-height: .6rem;}

.AdvantageCon dl dd .Box{width: 1.25rem;height: 1.563rem;background-color: #dd1810;text-align: center;color: #fff;position: absolute;left: 4%;top: -2%;}
.AdvantageCon dl dd .Box h4{font-weight: normal;font-size: .35rem;padding-top: .25rem;}
.AdvantageCon dl dd .Box i{width: .313rem;height: 1px;background-color: #fff;display: block;margin: .15rem auto;}
.AdvantageCon dl dd .Box h5{font-size: .35rem;font-weight: normal;}
/* Advantage End */

/* CustomMade  */
.CustomMade{background-color: #ededed;padding: .938rem 0 .625rem;}

.CustomMadeCon{margin-top: .469rem;}
.CustomMadeText ul li{float: left;position: relative;}
.CustomMadeText ul li span img{display: block;width: 100%;}
.CustomMadeText ul li p{font-size: .4rem;color: #fff;font-weight: bold;padding: 0 4%;width: 92%;height: .938rem;line-height: .938rem;background: rgba(0,0,0,0.7);text-align: center;position: absolute;left: 0;bottom: 0;}
/* CustomMade End */

/* IndexService  */
.IndexService{background: url(../images/indexservicebg.jpg) no-repeat center center / cover;padding: .938rem 0;}

.IndexServiceCon{margin-top: .4rem;position: relative;}
.IndexServiceCon ul li{float: left;text-align: center;width: 33.33%;border-left: 1px #898787 dotted;box-sizing: border-box;color: #fff;}
.IndexServiceCon ul li:first-child{border-left: none;}
.IndexServiceCon ul li span{font-size: 1rem;}
.IndexServiceCon ul li p{font-size: .35rem;line-height: .6rem;margin-top: .2rem;}
.IndexServiceCon a.More{width: 2.813rem;height: .938rem;display: block;text-align: center;line-height: .938rem;background-color: #dd1810;border-radius: .781rem;color: #fff;font-size: .35rem;position: absolute;left: 0;bottom: -1.4rem;right: 0;margin: 0 auto;}
/* IndexService End */

/* IndexServiceBox  */
.IndexServiceBox{background: url(../images/indexserviceboxbg.jpg) no-repeat center center / cover;padding: 1.406rem 0 .938rem;}
.IndexServiceBox dl{position: relative;}
.IndexServiceBox dl dt{width: 3rem;height: 1.094rem;text-align: center;line-height: 1.094rem;background-color: #dd1810; border-radius: .1rem;}
.IndexServiceBox dl dt a{display: block;color: #fff;font-size: .4rem;}
.IndexServiceBox dl dt a i{background: url(../images/indexserviceboximg.png) no-repeat center center / cover;width: .5rem;height: .65rem;display: inline-block;vertical-align: middle;margin-right: .3rem;}
.IndexServiceBox dl dd h3{font-weight: normal;color: #333;font-size: .5rem;}
.IndexServiceBox dl dd p{font-size: .35rem;color: #666;margin-top: .2rem;}
.IndexServiceBox dl dd img{display: block;width: 2.469rem;height: 1.406rem;position: absolute;right: 0;bottom: -1.7rem;}
/* IndexServiceBox End */

/* Partner  */
.Partner{background-color: #ededed;padding: .938rem 0 .625rem;}

.PartnerCon{margin-top: .469rem;}
.PartnerCon ul li{float: left;width: 25%;border: 1px #ccc solid;box-sizing: border-box;margin-left: -1px;margin-top: -1px;}
.PartnerCon ul li a img{display: block;width: 100%;}

.PartnerCon a.More{width: 2.813rem;height: .938rem;display: block;text-align: center;line-height: .938rem;background-color: #dd1810;border-radius: .781rem;margin: .625rem auto 0;color: #fff;font-size: .35rem;}
/* Partner End */

/* Message  */
.Message{background: url(../images/messagebg.jpg) no-repeat center center / cover;padding: .938rem 0;}

.SelectionCon ul li{height: 1.25rem;background: #fff url(../images/message01.png) no-repeat 96% center / 6%;margin-top: .469rem;border-radius: .1rem;overflow: hidden;}
.SelectionCon ul li input{display: block;height: 1.25rem;line-height: 1.25rem;border: none;width: 84%;outline: none;font-size: .4rem;padding-left: .3rem;color: #999;}
.SelectionCon ul li.li02{background: #fff url(../images/message02.png) no-repeat 96% center / 5%;}
.SelectionCon ul li.li04{width: 4.422rem;height: 1.25rem;line-height: 1.25rem;margin: .469rem auto 0;background: none;border-radius: .781rem;text-align: center;}
.SelectionCon ul li.li04 a{display: block;color: #333;font-size: .45rem;background-color: #fff;}
.SelectionCon ul li.li04 a i{background: url(../images/message03.png) no-repeat center center;width: .3rem;height: .3rem;display: inline-block;margin-left: .3rem;vertical-align: middle;}

.SelectionCon h3{color: #fff;font-size: .45rem;text-align: center;margin-top: .469rem;}
.SelectionCon h3 a{color: #fff;}
.SelectionCon h3 i{background: url(../images/message04.png) no-repeat center center / cover;width: .8rem;height: .8rem;display: inline-block;vertical-align: middle;margin-right: .3rem;}
/* Message End */

/* News  */
.News{background-color: #ededed;padding: .938rem 0;}

.NewsCon{margin-top: .469rem;}
.NewsNav ul li{width: 30%;height: 1.094rem;line-height: 1.094rem;text-align: center;color: #333;font-size: .45rem;border: 1px #ccc solid;background-color: #fff;float: left;margin-left: 4%;}
.NewsNav ul li:first-child{margin-left: 0;}
.NewsNav ul li.on{background-color: #dd1810;color: #fff;border: 1px #dd1810 solid;}

.NewsBox{margin-top: .625rem;}
.NewsBox dl{border-top: 1px #ccc solid;padding-top: .35rem;margin-top: .35rem;}
.NewsBox dl:first-child{border-top: none;margin-top: 0;padding-top: 0;}
.NewsBox dl dt{width: 35%;display: inline-block;}
.NewsBox dl dt img{display: block;width: 100%;}
.NewsBox dl dd{width: 60%;}
.NewsBox dl dd h3{font-size: .45rem;color: #000;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: .1rem 0 .15rem;}
.NewsBox dl dd p{font-size: .4rem;color: #999;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: .55rem;}
/* News End */