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

/*
 * @Author: hbiao 
 * @Date: 2018-04-11 21:51:52 
 * @Last Modified by: hbiao
 * @Last Modified time: 2018-04-20 10:51:50
 */

/* com-title */
.com-title{width: 100%;text-align: center;padding-top: .625rem;}
.com-title h2{font-size: .5rem;color: #333333;}
.com-title h2 a{color: #333333;}
.com-title h2 em{color: #d01817;font-weight: bold;}
.com-title p{font-size: .25rem;color: #999999;margin-top: .06rem;font-family: arial;}



/* banner */
.banner{width: 100%;position: relative;}
.banner img{display: block;width: 100%;}
.banner .bannerList{position: absolute;left: 0;width: 100%;bottom: .236rem;text-align: center;}
.banner .bannerList li{display: inline-block;width:0.3rem;height: 0.3rem;border-radius: 50%;background: #cbc8cc;margin: 0 1%;}
.banner .bannerList li.on{background: #005aae;}

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

/* product */
.product{width: 100%;padding-bottom: 0.9rem;}
.product img{display: block;width: 100%;height: 2.8rem;}
.product .mainCon{background: #fff;width: 94%;margin: 0.32rem auto 0;}
.product .mainCon .conBox{width: 100%;margin-top: 0.3rem;}
.product .mainCon .conBox li{float: left;width: 49%;margin-left: 2%;margin-top: 0.15rem;border: 1px solid #e1e1e1;box-sizing: border-box;padding-bottom: 0.42rem;}
.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-bottom: 1px solid #e1e1e1;}
.product .mainCon .conBox li h3{font-size: 0.36rem;color: #000000;display: block;text-align: center;margin-top: 0.4375rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding: 0 2%;font-weight: normal;}

.product .mainCon .conBox li em{font-size: 0.28rem;color: #666666;display: block;text-align: center;margin: 0.3rem auto 0;;width:60%;height: 0.8rem;line-height: 0.8rem;text-align: center;border-radius: 0.5rem;border: 1px solid #ebebeb;}

.product .mainCon a.more{font-size: 0.4rem;color: #ffffff;display: block;text-align: center;margin: 0.5rem auto 0;;width:56%;height: 1rem;line-height: 1rem;text-align: center;border-radius: 6px;background: #005aae;}

/* patent */
.patent{width: 100%;padding-bottom: 0.9rem;background: url(img/patentBg01.jpg) no-repeat center;background-size: cover;}
.patent .com-title p{margin-top: 0.2rem;}
.patent img{display: block;width: 100%;}
.patent .mainCon{width: 94%;margin: 0.48rem auto 0;}
.patent .mainCon dl{background: #fff;margin-top: 0.16rem;}
.patent .mainCon dl:first-child{margin-top: 0;}
.patent .mainCon dt{float: left;width: 18%;height: 2.8rem;}
.patent .mainCon dd{width: 82%;box-sizing: border-box;padding: 0.3rem 3%;border-left: 1px solid #eeeeee;float: left;height: 2.8rem;}
.patent .mainCon dd h3{font-size: 0.4rem;color: #005aae;}
.patent .mainCon dd p{font-size: 0.34rem;line-height: 0.5rem;color: #666666;margin-top: 0.2rem;}
.patent .mainCon dl:nth-child(1) dt{background: url(img/patent-icon01.png) no-repeat center;background-size:  70%;}
.patent .mainCon dl:nth-child(2) dt{background: url(img/patent-icon02.png) no-repeat center;background-size:  70%;}
.patent .mainCon dl:nth-child(3) dt{background: url(img/patent-icon03.png) no-repeat center;background-size:  70%;}
.patent .mainCon dl:nth-child(4) dt{background: url(img/patent-icon04.png) no-repeat center;background-size:  70%;}

/* adv */
.adv{width: 100%;background: url(img/advBg01.jpg) no-repeat center;background-size: cover;padding-bottom: .906rem;}
.adv .com-title h2{color: #fff;}
.adv .com-title p{color: #789cc9;}
.adv img{display: block;width: 100%;}
.adv .mainCon{width: 94%;margin: .375rem auto 0;}
.adv .menu{width:100%;}
.adv .menu li{float: left;width: 25%;height: 1.094rem;line-height: 1.094rem;text-align: center;font-size: .375rem;color: #fff;border: 1px solid #77a7d3;border-left: none;box-sizing: border-box;position: relative;border-left: none;}
.adv .menu li:first-child{border-left: 1px solid #77a7d3;}
.adv .menu li.on{background: #d01817;border-color: #d01817;color: #fff;}
.adv .mainCon .conBox{margin-top: 0.5rem;background: #fff;}
.adv .mainCon .conBox li{padding: .188rem;box-sizing: border-box;}
.adv .mainCon .conBox li .conL{width: 30%;float: left;}
.adv .mainCon .conBox li .conR{float: right;width:66%;}
.adv .mainCon .conBox li dt{float: left;width: 17%;}
.adv .mainCon .conBox li dd{width: 73%;margin-left: 5%;float: left;}


.adv .mainCon .conBox li h3{font-size: .375rem;color: #005aae;}
.adv .mainCon .conBox li i{display: block;width: .9rem;height: 1px;background: #005aae;margin-top: 0.5rem;}
.adv .mainCon .conBox li p{font-size: .33rem;color: #666666;margin-top: 0.4rem;}
.adv .mainCon .conBox li span{font-size:.313rem;color: #005aae;line-height:0.5rem;margin-top: 0.34rem;display: block;margin-top: 0.08rem;}

/* show */
.show{width: 100%;padding-bottom: .639rem;}
.show img{display: block;width: 100%;height: 2.8rem;}
.show .mainCon{padding: 0 3%;margin: 0.48rem auto 0;}
.show .mainCon li{float: left;width: 49%;margin-right: 2%;text-align: center;}
.show .mainCon li:nth-child(2n){margin-right: 0;}
.show .mainCon li span{display: block;width: 100%;box-sizing: border-box;}
.show .mainCon li em{font-size: 0.3rem;color: #666666;display: block;text-align: center;margin: .308rem 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding: 0 2%;}


/* about */
.about{width: 100%;background: #f2f2f2;padding-bottom: .819rem;}
.about img{display: block;width: 100%;}
.about .mainCon{width: 94%;margin: 0.5rem auto 0;}
.about .mainCon .about-pic{box-sizing: border-box;border: .111rem solid #e5e5e5;display: block;}
.about .mainCon h3{font-size: 0.4rem;color: #005aae;margin-top: .391rem;text-align: center;}
.about .mainCon h3 a{color: #005aae;}
.about .mainCon p{margin-top: .38rem;line-height: .5rem;font-size:.37rem;color: #666666;text-align: center;}
.about .mainCon ul{margin-top: .556rem;}
.about .mainCon li{height: .938rem;line-height: .938rem;text-align: center;border: 1px solid #cccccc;font-size: 0.375rem;color: #666666;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: #666666;display: block;}



/*news*/
.news{width: 100%;padding: .875rem 0 0;}
.news .mainCon{width:94%;margin: 0 auto;background: #fff;}
.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-right: 1px solid #e7e7e7;font-size:0.42rem;color: #666666;height: 1.25rem;line-height: 1.25rem;position: relative;border-bottom: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;}
.news .menu li:first-child{border-left: 1px solid #e3e3e3;}
.news .menu li.on{color: #fff;background: #005faf;border-color: #005faf;}
.news img{display: block;width: 100%;}
.news .mainCon .conBox{border: 1px solid #e3e3e3;border-top: none;}
.news .mainCon .box{padding: .438rem 3% 0;box-sizing: border-box;padding-bottom: 0.5rem;}

/* .news .mainCon .conBox dl{padding-bottom: .313rem;} */
.news .mainCon .conBox dt{width: 43%;float: left;}
.news .mainCon .conBox dd{width: 53%;float: right;}
.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 span{display: block;color: #c3c3c3;font-family: arial;margin-top: .4rem;font-style: italic;}
.news .mainCon .conBox dd span i{display: inline-block;width: .906rem;height: 1px;background: #c3c3c3;margin-right: 3%;position: relative;top: -0.1rem;}
.news .mainCon .conBox dd h3 a{color: #333333;}
.news .mainCon .conBox dd p{font-size: 0.26rem;color: #999999;line-height: .5rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: .2rem;}
.news .mainCon .conBox dd p a{color: #999999;font-size: 0.3rem;}
.news .mainCon .conBox ul{width: 100%;margin-top: .563rem;}
.news .mainCon .conBox ul li{overflow: hidden;margin-bottom: 0.3rem;}
.news .mainCon .conBox ul li a{display: block;font-size:.35rem;color: #666666;width: 68%;float: left;display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news .mainCon .conBox ul li span{display: block;float: right;width: 26%;text-align: right;font-size:.3rem;color: #c3c3c3;font-style: italic;margin-right: 1%;}