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

/*
 * @Author: hbiao 
 * @Date: 2018-03-27 11:30:54 
 * @Last Modified by: hbiao
 * @Last Modified time: 2018-03-27 11:31:15
 */

/* com-title */
.com-title{width: 100%;text-align: center;padding-top: .594rem;}
.com-title h2{font-size: .5rem;color: #333333;}
.com-title h2 em{color: #085199;font-weight: bold;}
.com-title h2 a{color: #333333;}
.com-title p{font-size: .25rem;color: #999999;margin-top: .1rem;text-transform: uppercase;}
.com-title p em{color: #085199;}

/* nav */
nav {background: #0d5398;}
nav a {float: left;width: 33%;box-sizing: border-box;height: 1.2rem;line-height: 1.2rem;text-align: center;color: #fff;border: 1px solid #4279af;border-top: none;border-left: none;font-size:0.4rem;border-bottom-color: #1065af; }
nav a:nth-child(n+4) {border-bottom: none;}
nav a:nth-child(3) ,nav a:nth-child(6) {border-right: none;}
nav a:nth-child(3n+2){width: 34%;}


/* 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: #0d5398;}

/* product */
.product{width: 100%;}
.product img{display: block;width: 100%;}
.product .mainCon{width: 100%;margin: 0.56rem auto 0;background: #e2eaf7;padding-bottom: 0.375rem;padding-top: 0.25rem;}
.product .product-menu{width: 94%;margin: 0.5rem auto 0;}
.product .product-menu li {height: 1rem;line-height: 0.9rem;text-align: center;position: relative;font-size: 0.4rem;box-sizing: border-box;border: 1px solid #666666;color: #666666;font-weight: bold;border-radius: 0.5rem;margin-left: 2%;width: 49%;float: left;margin-top:.3125rem;}
.product .product-menu li:nth-child(2n+1){margin-left: 0;}
.product .product-menu li:nth-child(1),.product .product-menu li:nth-child(2){margin-top: 0;}
.product .product-menu li.on {background: #0d5398;border-color: #0d5398;color: #fff;}
.product .mainCon .box{width: 94%;margin: 0 auto;}
.product .mainCon li{width: 49%;float: left;margin-left: 2%;text-align: center;margin-bottom: .32rem}
.product .mainCon li span{display: block;box-sizing: border-box;}
.product .mainCon li:nth-child(2n+1){margin-left: 0;}
.product .mainCon li em{display: block;height: 1.04rem;line-height: 1.04rem;color: #333333;padding: 0 3%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;font-size: .333rem;background: #fff;}
.product .mainCon a.more{display: block;width: 60%;height: 1.04rem;line-height: 1.04rem;text-align: center;font-size:0.4rem;color: #0d5398;border-radius: 0.5rem;margin: 0.2rem auto 0;font-weight: bold;background: #fff;}



/* witness */
.witness{width: 100%;padding-bottom: .583rem;background: #fff;}
.witness .com-title p{color: #333333;}
.witness img{display: block;width: 100%;}
.witness .mainCon{width: 94%;margin: .688rem auto 0;}
.witness .mainCon li{width: 49%;float: left;margin-left: 2%;text-align: center;margin-bottom: .194rem}
.witness .mainCon li span{display: block;box-sizing: border-box;}
.witness .mainCon li:nth-child(2n+1){margin-left: 0;}
.witness .mainCon li h3{font-size: .375rem;color: #333333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;margin: .313rem 0 .156rem 0;}
.witness .mainCon li p{font-size: .281rem;color: #666666;line-height: 0.5rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.witness .mainCon li a{display: block;height: .75rem;line-height: .75rem;text-align: center;border: 1px solid #dedede;font-size: 0.281rem;color: #0d5398;margin: 0.4rem auto 0;width: 60%;border-radius: 0.5rem;}
.witness .mainCon .btnList{width: 100%;text-align: center;margin-top: 0.5rem;}
.witness .mainCon .btnList span{display: inline-block;width: 0.4rem;height:0.4rem;border-radius: 50%;background: #999999;margin: 0 1%;}
.witness .mainCon .btnList span.on{background: #0d5398;}


/* choose */
.choose{width: 100%;background: url(../images/Index/chooseBg01.jpg) no-repeat center;background-size: cover;padding-bottom: .875rem;}
.choose .com-title p{color: #fff;font-size: 0.375rem;}
.choose .com-title h2{color: #fff;}
.choose .com-title i{width: 10%;height: 1px;background: #fff;display: block;margin:0.35rem auto 0;}
.choose img{display: block;width: 100%;}
.choose .mainCon{width: 94%;margin: 1.25rem auto 0;}
.choose .mainCon li{height: 4rem;text-align: center;border-left: 1px solid #0f5ea5;border-top: 1px solid #0f5ea5;padding-top: 0.86rem;width: 50%;box-sizing: border-box;float: left;}
.choose .mainCon li:nth-child(1),.choose .mainCon li:nth-child(2){border-top: none;padding-top: 0;height: 2.8rem;}
.choose .mainCon li:nth-child(2n+1){border-left: none;}
.choose .mainCon li span{display: block;font-size: .313rem;color: #fff;}
.choose .mainCon li span em{font-size: 1.125rem;color: #fff;font-family: impact;}
.choose .mainCon li p{font-size: .3rem;color: #fff;line-height: 0.5rem;margin-top: 0.1rem;}
.choose .mainCon h3{font-size: .406rem;color: #fff;font-weight: normal;text-align: center;}
.choose .mainCon i{font-size: .313rem;color: #fff;display: block;text-align: center;}
.choose .mainCon a{display: block;width: 46%;height: 0.8rem;line-height: 0.8rem;text-align: center;font-size:0.281rem;color: #0d5398;border-radius: 0.5rem;margin: .26rem auto 0;font-weight: bold;background: #fff;}


/* adv */
.adv{width: 100%;background: #f1f1f1;padding-bottom: .563rem;}
.adv .com-title p{text-transform: lowercase;}
.adv img{display: block;width: 100%;}
.adv .mainCon{width: 94%;margin: 1.25rem auto 0;}
.adv .mainCon li{height: 4.6rem;text-align: center;border-left: 1px solid #dedede;border-top: 1px solid #dedede;padding-top: 0.86rem;width: 50%;box-sizing: border-box;float: left;}
.adv .mainCon li:nth-child(1),.adv .mainCon li:nth-child(2){border-top: none;padding-top: 0;height: 3.8rem;}
.adv .mainCon li:nth-child(2n+1){border-left: none;}
.adv .mainCon li img{width: 0.5rem;height: 0.5rem;margin: 0 auto;}
.adv .mainCon li span{display: block;font-size: .313rem;color: #333333;margin-top: .156rem;}
.adv .mainCon li h3{font-size: .313rem;color: #333;text-align: center;font-weight: bold;margin-top: .141rem;}
.adv .mainCon li h3 em{color: #0d5398;font-weight: bold;font-size: .4rem;}
.adv .mainCon li p{font-size: .313rem;color: #333333;line-height: 0.5rem;margin-top: 0.1rem;font-weight: bold;}
.adv .mainCon li i{font-size: .594rem;color: #dddddd;display: block;text-align: center;font-weight: bold;font-style: normal;}

/* news */
.news {width: 100%;padding-bottom:.3rem;}
.news .Title p{font-size: 0.4rem;color: #666666;}
.news img{display: block;width: 100%;}
.news .menu{width: 94%;height: 1rem;margin: 0 auto;border-bottom: 2px solid #dedede;}
.news .menu ul{float: left;width: 60%;}
.news .menu li{float: left;width: 50%;background: url(../images/Index/news_xian.png) no-repeat left center;line-height: 1rem;position: relative;text-align: center;font-size: 0.4rem;color: #999999;}
.news .menu li:first-child{background: none;}
.news .menu li em{display: none;;width: 100%;position: absolute;height: 2px;bottom: -2px;background: #0e5499;}
.news .menu li.on em{display: block;}
.news .menu li.on{color: #0e5499;}
.news .menu a.more{display: block;float: right;font-size: 0.35rem;color: #0e5499;line-height: 1rem;font-family: arial;text-transform: uppercase;}
.news .news_con {width: 94%;margin: .375rem auto 0;}
.news .news_con .newsBox {margin-bottom: 0.3rem;}
.news .news_con .newsBox .Boxleft {float: left;width: 45%;}
.news .news_con .newsBox .Boxright {float: right;width: 50%;}
.news .news_con .newsBox .Boxright .p1 {font-size: 0.38rem;margin-bottom: 0.15rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;font-weight: bold;padding-top: 0.1rem;color: #0e5499;}
.news .news_con .newsBox .Boxright .p1 a {color: #0e5499;}
.news .news_con .newsBox .Boxright .p2 {font-size: 0.3rem;line-height: 0.5rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5; -webkit-box-orient: vertical;height:2rem;color: #666666;}
.news .news_con .newsBox .Boxright .p2 a{color: #666666;}
.news .news_con .newsBox .Boxright a.more{display: block;color: #0e5499;margin-top: 0.1rem;}
.news .news_con .newsUl{padding-top: .344rem;border-top: 1px solid #f3f3f3;}
.news .news_con .newsUl li {display: flex;margin-bottom: 0.25rem;}
.news .news_con .newsUl li a {flex: 1;padding-left: 0.4rem;background: url(../images/Index/newsdian.png) no-repeat left center;box-sizing: border-box; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;font-size: 0.34rem;color: #666666;}
.news .news_con .newsUl li span{margin-left: 0.5rem;color: #999999;font-size: 0.34rem;}