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

/*Title*/
.Title{width: 100%;text-align: center;padding-top: 1rem;}
.Title h3{font-size: 1.3rem;color: #333;font-weight: normal;}
.Title h3 a{color: #333;}
.Title p{font-size: 1rem;color: #999999;margin-top: 0.2rem;}




/*banner*/
.banner{width: 100%;overflow: hidden;}
.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:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#0055a2;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:#0b85ec; /* 取消链接高亮 */ }


/*nav*/
nav{width: 96%;overflow: hidden;background: #f5f5f5;padding: .833rem 2%;}
nav a{font-size: 1rem;color: #fff;display: block;float: left;width: 32%;text-align: center;box-sizing: border-box;padding: 1rem 0;background: #0055a2;margin-top: .417rem;margin-left: 2%;}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3){margin-top: 0;}
nav a:nth-child(3n+1){margin-left: 0;}

/*product*/
.product{width: 96%;overflow: hidden;background: #f5f5f5;padding: 0 2%;}
.product img{display: block;width: 100%;}
.product .mainCon{width: 100%;background: #fff;box-sizing: border-box;border: 1px solid #e5e5e5;padding-bottom: 1.25rem;}
.product .mainCon .menu{width: 100%;margin-top: 0.9rem;}
.product .mainCon .menu li{width: 50%;float: left;box-sizing: border-box;text-align: center;border-bottom: 1px solid #e5e5e5;height: 3rem;line-height: 3rem;}
.product .mainCon .menu li:nth-child(1),.product .mainCon .menu li:nth-child(2){border-top: 1px solid #e5e5e5;}
.product .mainCon .menu li span{display: inline-block;font-size: 1rem;color: #c9c9c9;}
.product .mainCon .menu li.on span{color: #0055a2;border-bottom: 3px solid #0055a2;line-height: 2.5rem;}
.product .mainCon .con{width:92%;padding: 1.5rem 2% 0;}
.product .mainCon .con dt{width: 43%;float: left;}
.product .mainCon .con dd{width: 55%;float: right;}
.product .mainCon .con dd h3{font-size: 1.1rem;color: #0055a2;}
.product .mainCon .con dd h3 a{color: #0055a2;}
.product .mainCon .con dd p{font-size: 0.9rem;color: #666666;line-height: 1.2rem;margin-top: 0.2rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.product .mainCon .con dd a.details{display: block;width: 50%;margin: 0.5rem auto 0;background: #0055a2;text-align: center;padding: 0.5rem;color: #fff;font-size: 0.9rem;border-radius: 1.3rem;}
.product .mainCon .con ul{width: 100%;margin-top: 1.6rem;}
.product .mainCon .con li{width: 49%;float: left;margin-left: 2%;text-align: center;}
.product .mainCon .con li:first-child{margin-left: 0;}
.product .mainCon .con li span{display: block;box-sizing: border-box;border: 1px solid #e5e5e5;}
.product .mainCon .con li em{display: block;font-size: 1rem;color: #666666;margin-top: 0.7rem;}
.product .mainCon a.more{display: block;width: 92%;margin: 1.25rem auto 0;background: #0055a2;text-align: center;font-size: 1rem;color: #fff;padding: 0.7rem 0;}


/*ad*/
.ad{width: 100%;padding-top: 1rem;background: #f5f5f5;}
.ad img{display: block;width: 100%;}
.ad .box{width: 96%;padding: .833rem 2%;background: #fff;}
.ad .box input{width: 60%; border: none; float: left;box-sizing: border-box;border: 1px solid #e5e5e5;font-size: 1rem;color: #333;height: 3rem;line-height: 3rem;padding-left: 3%;}
.ad .box a{display: block;height: 3rem;line-height: 3rem;text-align: center;width: 18%;margin-left: 2%;float: left;font-size: 1rem;color: #fff;}
.ad .box a.tj{background: #0055a2;}
.ad .box a.zx{background: #dc0026;}

/*case*/
.case{width: 100%;padding-bottom: 1.25rem;box-sizing: border-box;border: 1px solid #e5e5e5;}
.case .Title i{display: block;width: 100%;height: 1px;background: #e5e5e5;margin-top: 1rem;}
.case img{display: block;width: 100%;}
.case .mainCon{width: 96%;margin: 0 auto;}
.case .mainCon .conBox{margin: 1.25rem auto 0;;width: 92%;}
.case .mainCon .conBox ul{width: 100%;}
.case .mainCon .conBox li{float: left;width: 49%;margin-left: 2%;box-sizing: border-box;margin-top: 0.7rem;text-align: center;}
.case .mainCon .conBox li:nth-child(1),.case .mainCon .conBox li:nth-child(2){margin-top: 0;}
.case .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.case .mainCon .conBox li span{display: block;width: 100%;height: 3rem;line-height: 3rem;background: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #333333;}

.case .mainCon .more{display: block;padding: 0.8rem 0;font-size: 1rem;color: #fff;width: 100%;background: #0055a2;text-align: center;margin: 1rem auto 0;}



/*adv*/
.adv{width: 100%;padding-bottom: 1.2rem;background: #f5f5f5;}
.adv .Title i{display: block;width: 80%;height: 1px;background: #e5e5e5;margin: 1rem auto 0;}
.adv img{display: block;width: 100%;}
.adv .mainCon{width: 90%;margin: 0 auto;}
.adv .mainCon .menu{width: 100%;margin-top: 1.25rem;}
.adv .mainCon .menu li{float: left;width: 25%;text-align: center;height: 3rem;line-height: 3rem;font-size: 1rem;color: #666666;background: #fff;}
.adv .mainCon .menu li.on{background: #0055a2;color: #fff;}
.adv .mainCon .conBox{width: 100%;margin-top: 1rem;}
.adv .mainCon .conBox h3{font-size: 1.2rem;color: #0055a2;font-weight: normal;margin: .833rem 0;}
.adv .mainCon .conBox ul{width: 100%;margin-top: 0.3rem;}
.adv .mainCon .conBox li{padding-left:5%;font-size: 0.9rem;color: #333333;line-height: 1.3rem;background: url(../images/Index/adv_icon01.png) no-repeat left 0.5rem;margin-bottom: 0.2rem;}



/*ad2*/
.ad2{background: url(../images/Index/ad2Bg.jpg) no-repeat center;background-size: cover;height: 4rem;}
.ad2 p{font-size: 1.2rem;color: #fff;float: left;margin-left: 5%;line-height: 4rem;}
.ad2 p a{font-size: 1.3rem;color: #fff;font-weight: bold;}
.ad2 .zx{display: block;float: left;margin-left: 4%;width: 20%;text-align: center;border-radius: 4px;font-size: 1rem;color: #fff;background: #dc0026;padding: 0.5rem 0;margin-top: 1rem;}


/*about*/
.about{width: 100%;padding-bottom: 1.5rem;background: #fff;}
.about .Title p{text-transform: uppercase;}
.about img{display: block;width: 100%;}
.about .mainCon{width: 96%;margin: 0 auto;}
.about .mainCon h3{font-size: 1.25rem;color:#0055a2;margin: 1rem 0 0.8rem 0;text-align: center;font-weight: normal;}
.about .mainCon h3 a{color: #007dd6;}
.about .mainCon p{font-size: 1rem;color: #333333;line-height: 1.3rem;}
.about .mainCon .details{display: block;padding: 0.6rem 0;font-size: 1rem;color: #fff;width: 30%;background: #0055a2;text-align: center;margin: 1rem auto 0;border-radius: 4px;}



/*news*/
.news{width: 100%;padding-bottom: 1.25rem;background: #f5f5f5;padding-top:1rem;}
.news .mainCon{width: 96%;padding: 0 1%;}
.news .menu{width: 96%;padding: 0 2%;}
.news .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap;}
.news .menu li{flex: 1;text-align: center;padding: .917rem 0;background: #9e9e9e;box-sizing: border-box;border-left: 1px solid #fff;font-size: 1rem;color: #fff;}
.news .menu li:first-child{border-left: none;}
.news .menu li.on{background: #0055a2;}
.news img{display: block;width: 100%;}
.news .mainCon .box{padding-top: 1.583rem;}
.news .mainCon dl{padding-bottom: 1rem;border-bottom: 1px dotted #999999;}
.news .mainCon dt{width: 43%;float: left;}
.news .mainCon dd{width: 55%;float: right;}
.news .mainCon dd h3{font-size: 1rem;color: #0055a2;line-height: 1.3rem;font-weight: normal;padding-top: .2rem;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon dd h3 a{color: #0055a2;}
.news .mainCon dd p{font-size: 1rem;color: #666666;line-height: 1.2rem;height: 3.5rem;overflow: hidden;text-overflow: ellipsis;margin-top: 0.3rem;}
.news .mainCon dd p a{color: #666666;}
.news .mainCon ul{width: 100%;padding-top: .833rem;}
.news .mainCon ul li{overflow: hidden;padding: 0.4rem 0;}
.news .mainCon ul li a{display: block;width: 75%;font-size:1rem;color: #333333;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .mainCon ul li  span{display: block;float: right;font-size: 1rem;color: #999999;    width: 23%;}
.news .mainCon .box .details{color: #004c90;font-size: 1rem;margin-top: 0.5rem;display: block;}