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

.Title{width: 100%;text-align: center;padding-top: 1.667rem;}
.Title h2{font-size: 1.3rem;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;}
.Title p{font-size: 1rem;color: #999999;font-family: arial;text-transform: uppercase;margin-top: .25rem;}
.Title i{display: block;width: 69%;border-bottom: 1px dotted #bfbfbf;margin: .625rem auto 0;}

/*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:#004c90;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:#0b85ec; /* 取消链接高亮 */ }

/*trouble*/
.trouble{width: 100%;}
.trouble .Title{width: 100%;text-align: center;padding-top: 1.667rem;}
.trouble .Title h2{font-size: 1.25rem;color: #333333;font-weight: normal;}
.trouble .Title p{font-size: 1rem;color: #999999;font-family: arial;text-transform: uppercase;margin-top: .25rem;}
.trouble .Title i{display: block;width: 69%;border-bottom: 1px dotted #bfbfbf;margin: .625rem auto 0;}
.trouble .mainCon{margin: 1.917rem auto 0;width: 88%;}
.trouble .mainCon ul{width: 100%;}
.trouble .mainCon li{float: left;width: 50%;box-sizing: border-box;padding: 1.667rem 0 .833rem 0;text-align: center;}
.trouble .mainCon li:nth-child(1),.trouble .mainCon li:nth-child(2){padding-top: 0;border-bottom: 1px solid #dedede;}
.trouble .mainCon li:nth-child(4),.trouble .mainCon li:nth-child(2){border-left: 1px solid #dedede;}
.trouble .mainCon li p{width: 8.125rem;height: 8.125rem;box-sizing: border-box;overflow: hidden;border-radius: 50%;border: .208rem solid #004c90;margin: 0 auto;}
.trouble .mainCon li span{display: block;font-size: .833rem;color: #333333;margin-top: 1.125rem;line-height: 1.2rem;height: 2.4rem;overflow: hidden;text-overflow: ellipsis;}
.trouble .bottom{padding: .917rem 5%;background: #7bb700;text-align: center;}
.trouble .bottom p{line-height: 1.3rem;color: #fff;font-size: 1rem;}

/*goods*/
.goods{width: 100%;padding-bottom: 1.625rem;}
.goods .Title h2 span{color: #004c90;}
.goods .Title p{color: #333333;font-size: 1rem;}
.goods img{display: block;width: 100%;}
.goods .mainCon{width: 100%;margin-top: 2rem;}

/*product*/
.product{width: 100%;background: url(../mimages/productBg.jpg) no-repeat center;background-size: cover;padding-bottom: 1.67rem;}
.product .Title h2 a{color: #fff;}
.product .Title p{color: #fff;}
.product img{display: block;width: 100%;}
.product .mainCon{width: 96%;padding: 0 2%;margin-top: 1.5rem;}
.product .mainCon .menu{width: 100%;}



.product .mainCon .box{width: 100%;padding-top: 0.85rem;}
.on a{background: #7bb700 !important;}

/*adv*/
.adv{width: 100%;}
.adv .mainCon{width: 96%;padding: 0 2%;margin-top: 1.167rem;}
.adv .menu{width: 100%;}
.adv .Title p{color: #333333;}
.adv .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap;}
.adv .menu li{flex: 1;text-align: center;padding: .917rem 0;background: #004c90;box-sizing: border-box;border-left: 1px solid #fff;font-size: 1rem;color: #fff;}
.adv .menu li:first-child{border-left: none;}
.adv .menu li.on{background: #7bb700;}
.adv img{display: block;width: 100%;}
.adv .mainCon dd{margin-top: 1.083rem;padding-bottom: 1.5rem;}
.adv .mainCon dd ul{padding-left: 5%;}
.adv .mainCon dd li{font-size: 1rem;color: #333333;margin-bottom: .417rem;line-height: 1.2rem;background: url(../mimages/adv_icon01.png) no-repeat left 0.4rem;padding-left: 4%;}
.adv i{display: block;width: 100%;height: .833rem;background: #f2f2f2;}


/*case*/
.case{width: 100%;padding-bottom: 1.667rem;}
.case .mainCon{width: 96%;padding: 0 2%;margin-top: 1.167rem;}
.case .menu{width: 100%;}
.case .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap;}
.case .menu li{flex: 1;text-align: center;padding: .917rem 0;background: #004c90;box-sizing: border-box;border-left: 1px solid #fff;font-size: 1rem;color: #fff;}
.case .menu li:first-child{border-left: none;}
.case .menu li.on{background: #7bb700;}
.case img{display: block;width: 100%;}

.case .box a.more{display: block;width: 60%;padding: .733rem 0;text-align: center;border: .125rem solid #000033;margin: 1.167rem auto 0;font-size: 1rem;color: #333333;} 



/*news*/
.news{width: 100%;padding-bottom: 1.25rem;background: #f2f2f2;}
.news .mainCon{width: 96%;padding: 0 2%;}
.news .menu{width: 96%;padding: 0 2%;margin-top: 1rem;}
.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: #004c90;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: #7bb700;}
.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: #004c90;line-height: 1.3rem;font-weight: normal;padding-top: .1rem;height: 1.2rem;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon dd h3 a{color: #004c90;}
.news .mainCon dd p{font-size: 1rem;color: #666666;line-height: 1.2rem;height: 3.5rem;overflow: hidden;text-overflow: ellipsis;margin-top: 0.5rem;}
.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 a em{color: #004c90;margin-right: 0.5rem;}
.news .mainCon ul li  span{display: block;float: right;font-size: 1rem;color: #cccccc;}
.news .mainCon .box .details{color: #004c90;font-size: 1rem;margin-top: 0.5rem;display: block;}

/*liuy*/
.liuy{width: 100%;padding-bottom: 0.8rem;}
.liuy .Title p{color: #333333;}
.liuy .mainCon{width: 96%;padding: 0 2%;margin-top: 1.25rem;}
.liuy .Input{height: 2.5rem;box-sizing: border-box;border: 1px solid #dedede;overflow: hidden;margin-bottom:0.8rem;}
.liuy .Input span{display: block;float: left;width: 10%;box-sizing: border-box;border-right: 1px solid #dedede;}
.liuy img{display: block;width: 100%;}
.liuy input{width: 87%;float: left;border: none;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;color: #999999;padding-left: 3%;outline:none;}
.liuy textarea{box-sizing: border-box;border: 1px solid #dedede;height: 8rem;width: 100%;font-size: 1rem;color: #999999;padding-left: 5%;padding-top: 0.8rem;resize: none;outline: none;}
.liuy .tj{padding: 0.85rem 0;display: block;width: 100%;background: #7bb700;font-size: 1rem;color: #fff;text-align: center;margin-top: 0.8rem;}