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

/*
 * @Author: hbiao 
 * @Date: 2018-03-28 18:38:18 
 * @Last Modified by:   hbiao 
 * @Last Modified time: 2018-03-28 18:38:18 
 */
 
/* com-title */
.com-title{width: 100%;text-align: center;padding-top: .639rem;}
.com-title h2{font-size: .5rem;color: #333333;font-weight: normal;}
.com-title h2 a{color: #333333;}


.common-bg{width: 100%;height: .208rem;background: #ededed;}



/* 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:1; bottom: .236rem; text-align:center;left: 0;font-size:0px;}
.focus .hd ul{ width: 100%;text-align: center;position: absolute;left: 0;bottom: .139rem; }
.focus .hd ul li{display: inline-block;margin: 0 1%;width: .3rem;height: .3rem;background: #fff;border-radius: 50%;}
.focus .hd ul .on{background: #df131e;}


/*nav*/
nav{width: 100%;overflow: hidden;background:#272626;border-top: 1px solid #fff;}
nav a{font-size: .333rem;color: #fff;display: block;float: left;width: 25%;text-align: center;box-sizing: border-box;border-left: 1px solid #302f2f;border-right: 1px solid #191919;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 #191919;}
nav a:nth-child(5),nav a:nth-child(6),nav a:nth-child(7),nav a:nth-child(8){border-top:  1px solid #302f2f;}
nav a:nth-child(4n+1){border-left: none;}


/* product */
.product{width: 100%;padding-bottom: 0.5rem;}
.product img{display: block;width: 100%;}
.product .mainCon{background: #fff;width: 94%;margin: 0.42rem auto 0;}
.product .mainCon .menu{text-align: center;}
.product .mainCon .menu li{height: 0.9rem;;line-height: 0.9rem;box-sizing: border-box;border-bottom: 1px solid #e4e0e0;float: left;font-size: 0.375rem;;color: #666666;border-right: 1px solid #e4e0e0;width: 33%;}
.product .mainCon .menu li:nth-child(1),.product .mainCon .menu li:nth-child(2),.product .mainCon .menu li:nth-child(3),.product .mainCon .menu li:nth-child(4){border-top: 1px solid #e4e0e0;}
.product .mainCon .menu li:nth-child(3n+1){border-left: 1px solid #e4e0e0;}
.product .mainCon .menu li:nth-child(3n+2){width: 34%;}
.product .mainCon .menu li.on{background: #df131e;color: #fff;border-color: #df131e;}

.product .mainCon .conBox{width: 100%;margin-top: 0.3rem;}
.product .mainCon .conBox li{float: left;width: 49%;margin-left: 2%;margin-top: 0.6rem;}
.product .mainCon .conBox .con{margin-bottom: 0.43rem;}
.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%;box-sizing: border-box;border: 1px solid #e1e1e1;}
.product .mainCon .conBox li em{font-size: 0.37rem;color: #333333;display: block;text-align: center;margin-top: 0.18rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding: 0 2%;}

/* question */
.question{width: 100%;padding-bottom: 0.5rem;}
.question img{display: block;width: 100%;}
.question .mainCon{width: 94%;margin: .264rem auto 0;}
.question .mainCon li{height: 5.3rem;text-align: center;border-left: 1px solid #ededed;border-top: 1px solid #ededed;padding-top: 0.5rem;width: 50%;box-sizing: border-box;float: left;}
.question .mainCon li:nth-child(1),.question .mainCon li:nth-child(2){border-top: none;padding-top: 0;height: 4.8rem;}
.question .mainCon li:nth-child(2n+1){border-left: none;}

.question .mainCon li span{display: block;border-radius: 50%;box-sizing: border-box;border: 4px solid #fff;box-shadow: 0.15rem 0.2rem 0.5rem #bcbabb;position: relative;width: 60%;margin: 0 auto;}
.question .mainCon li span i{display: block;width: 100%;height: 100%;position: absolute;background: url("question-icon01.png")/*tpa=http://www.dayinsx.com/m/images/question-icon01.png*/ no-repeat center;background-size: 60%;left: 0;top: 0;}
.question .mainCon li img{border-radius: 50%;}
.question .mainCon li p{display: block;margin-top: .556rem;font-size: .3rem;color: #666666;padding: 0 2%;line-height: 0.5rem;}
.question .mainCon li em{font-weight: bold;color: #333333;}



/* quality */
.quality{width: 100%;padding-bottom: .694rem;}
.quality img{display: block;width: 100%;}
.quality .mainCon{width: 94%;margin: .417rem auto 0;}
.quality .mainCon .conBox dd{padding: .417rem 6% 0.5rem; box-sizing: border-box;border: 1px solid #edeaea;border-top: none;}
.quality .mainCon .conBox dd h3{font-size: .4rem;color: #333333;font-weight: normal;}
.quality .mainCon .conBox dd p{font-size: .25rem;color: #666666;margin-top: .222rem;line-height: 0.5rem;}

.quality .mainCon .btnList{width: 100%;text-align: center;margin-top: .278rem}
.quality .mainCon .btnList span{display: inline-block;margin: 0 1%;width: .556rem;height: .556rem;border-radius: 50%;border: 1px solid #edeaea;font-size: 0.25rem;color: #999999;line-height: .556rem;}
.quality .mainCon .btnList span.on{background: #df131e;border-color: #df131e;color: #fff;}


/* adv */
.adv{width: 100%;padding-bottom: .694rem;background: #df131e;}
.adv .com-title h2{color: #fff;}
.adv img{display: block;width: 100%;}
.adv .mainCon{width: 94%;margin: .417rem auto 0;}
.adv .mainCon .conBox{background: #fff;}
.adv .mainCon .conBox dt{padding-top: 0.3rem;}
.adv .mainCon .conBox dd{padding: .417rem 7% 0.5rem; box-sizing: border-box;border: 1px solid #edeaea;border-top: none;text-align: center;}
.adv .mainCon .conBox dd h3{font-size: .4rem;color: #333333;font-weight: normal;}
.adv .mainCon .conBox dd p{font-size: .25rem;color: #666666;margin-top: .222rem;line-height: 0.5rem;}
.adv .mainCon .btnList{width: 100%;text-align: center;margin-top: .3rem}
.adv .mainCon .btnList span{display: inline-block;margin: 0 1%;width: .556rem;height: .556rem;border-radius: 50%;border: 2px solid #fff;font-size: 0.25rem;color: #fff;line-height: .556rem;}
.adv .mainCon .btnList span.on{color: #7b7979;background: #fff;}



/* case */
.case{width: 100%;padding-bottom: 0.2rem;}
.case img{display: block;width: 100%;}
.case .mainCon{width: 94%;margin: 0.5rem auto 0;}
.case .mainCon .menu{width: 70%;margin: 0 auto;}
.case .mainCon .menu ul{display: flex;box-sizing: border-box;border-radius: 0.5rem;border: 1px solid #dedede;}
.case .mainCon .menu li{flex: 1; height:0.9rem;text-align: center;line-height: 0.9rem;box-sizing: border-box;border-left: 1px solid #dedede;font-size:0.375rem;color: #333333;}
.case .mainCon .menu li:first-child{border-left: none;border-radius: 0.5rem 0 0 0.5rem;}
.case .mainCon .menu li.on{background: #df131e;color: #fff;}
.case .mainCon .menu li:last-child{border-radius: 0 0.5rem 0.5rem 0;}
.case .mainCon .conBox{width: 100%;margin-top: 0.5rem;}
.case .mainCon .conBox li{float: left;width: 49%;margin-left: 2%;box-sizing: border-box;margin-bottom: 0.2rem;}
.case .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.case .mainCon .conBox li span{display: block;box-sizing: border-box;}
.case .mainCon .conBox li em{display: block;height:1rem;line-height: 1rem;text-align: center;font-size: 0.3rem;color: #666666;padding: 0 2%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}


/* about */
.about{width: 100%;padding-bottom:.667rem;}
.about img{display: block;width: 100%;}
.about .mainCon{width: 94%;margin:.417rem auto 0;}
.about .mainCon .about-pic{display: block;box-sizing: border-box;}
.about .mainCon h3{font-size: 0.4rem;color: #df131e;margin: .361rem 0 .25rem 0;font-weight: normal;}
.about .mainCon p{font-size: .3rem;color: #666666;line-height: .5rem;}
.about .mainCon a.details{display: block;width: 2.6rem;height: .8rem;line-height: .8rem;text-align: center;margin-top: .389rem;background: #df131e;color: #fff;border-radius: 0.5rem;}
.about .mainCon a.details img{width: 16%;position: relative;display: inline-block;margin-right: 0.1rem;}


/*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: #df131e;position: absolute;left: 0;bottom: -1px;}
.news .menu li.on i{display: block;}
.news img{display: block;width: 100%;}
.news .mainCon .box{padding-top: 0.5rem;}
.news .mainCon dl{padding-bottom: .313rem;}
.news .mainCon dt{width: 43%;float: left;}
.news .mainCon dd{width: 53%;float: right;padding-top: .278rem;}
.news .mainCon 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;}
.news .mainCon dd h3 a{color: #333333;}
.news .mainCon dd p{font-size: 0.33rem;color: #666666;line-height: .5rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;margin-top: .203rem;}
.news .mainCon dd p a{color: #666666;}
.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("news_icon01-1.png")/*tpa=http://www.dayinsx.com/m/images/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: #999999;line-height: 1.028rem;}