@charset "utf-8";
@import url(base.css);

/*头部*/
header{width: 100%;height: 80px;background: #fff;display: flex;justify-content: center;align-items: center;}
header a{display: block;font-size: 0;}
.banner{width: 100%;background: #fff;position: relative;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li a{display: block;width: 100%;font-size: 0;}
.bannercon ul li a img{width: 100%;}
.kcpzlefts{position: absolute;width: 32px;height: 64px;right: 40px !important;top: 50%;margin-top: -32px;cursor: pointer;z-index:100;}
.kcpzrights{position: absolute;width: 32px;height: 64px;left: 40px !important;top: 50%;margin-top: -32px;cursor: pointer;z-index:100;}
.bannerlist{width: 1180px;position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);z-index: 105;}
.bannerlist ul li{width: 386px;height: 136px;background: rgba(255,255,255,0.95);border-radius: 8px;float: left;margin-right: 10px;padding: 22px 30px;box-sizing: border-box;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.bannerlist ul li:last-child{margin-right: 0;}
.bannerlist ul li h4{font-size: 18px;color: #e60012;font-weight: bold;margin-bottom: 15px;}
.bannerlist ul li h4 i{display: inline-block;width: 18px;height: 20px;margin-right: 5px;font-size: 0;vertical-align: -3px;}
.bannerlist ul li h4 i img{width: 100%;}
.bannerlist ul li a{display: block;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 6px;}
.bannerlist ul li a:last-child{margin-bottom: 0;}
.bannerlist ul li a i{display: inline-block;width: 6px;height: 6px;background: #ccc;border-radius: 50%;margin-right: 10px;vertical-align: 2px;}
.bannerlist ul li a:hover{color: #e60012;}
.conter{width: 100%;background: #f4f4f4;padding: 54px 0 35px 0;box-sizing: border-box;}
.conters{width: 1180px;margin: 0 auto;}
.conters ul li{float: left;width: 380px;height: 136px;margin-right: 20px;margin-bottom: 25px;padding: 32px 20px 25px 20px;box-sizing: border-box;background: #fff url(../img/border.png)  no-repeat;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.conters ul li:nth-child(3n){margin-right: 0;}
.conters ul li a{display: block;}
.conters ul li i{float: left;width: 60px;height: 60px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-right: 20px;margin-top: 10px;}
.conright{float: left;width: 75%;}
.conright h4{font-size: 18px;color: #212121;font-weight: bold;margin-bottom: 15px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-left: 7px;}
.text{width: 100%; font-size: 14px;color:#666;line-height: 20px;float: left;position: relative;margin: 0 5px;}
.text p{font-size: 14px;color: #666;line-height: 20px;float: left;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative; margin: 0 5px;}
.text p:before{content: "";width: 1px;height: 12px;background: #dddddd;position: absolute;top: 5px;right: -6px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.conters ul li:hover{background: url(../img/background.png) no-repeat;}
.conters ul li:hover h4{color: #fff;}
.conters ul li:hover .text{color: #fff;}
.conters ul .li1 i{background: url(../img/jl.png) no-repeat;}
.conters ul .li1:hover i{background: url(../img/jl1.png) no-repeat;}
.conters ul .li2 i{background: url(../img/jlls.png) no-repeat;}
.conters ul .li2:hover i{background: url(../img/jlls1.png) no-repeat;}
.conters ul .li3 i{background: url(../img/xz.png) no-repeat;}
.conters ul .li3:hover i{background: url(../img/xz1.png) no-repeat;}
.conters ul .li4 i{background: url(../img/jlwh.png) no-repeat;}
.conters ul .li4:hover i{background: url(../img/jlwh1.png) no-repeat;}
.conters ul .li5 i{background: url(../img/xly.png) no-repeat;}
.conters ul .li5:hover i{background: url(../img/xly1.png) no-repeat;}
.conters ul .li6 i{background: url(../img/kpd.png) no-repeat;}
.conters ul .li6:hover i{background: url(../img/kpd1.png) no-repeat;}
footer{width: 100%;background: #2b2e35;padding: 50px 0 43px 0;box-sizing: border-box;}
.footercon{width: 1180px;margin: 0 auto;}
.footerleft{float: left;width: 50%;}
.footertitle{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 30px;}
.footerleft ul li{float: left;width: 24%;margin-right: 1.3%;}
.footerleft ul li:last-child{margin-right: 0;}
.footerleft ul li a{font-size: 14px;color: rgba(255,255,255,0.8);display: block;margin-bottom: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footerleft ul li a:last-child{margin-bottom: 0;}
.footerleft ul li a:hover{color: #e60012;}
.footeright{float: right;width: 35%;}
.footeright h5{font-size: 16px;color: rgba(255,255,255,0.8);font-weight: 500;margin-bottom: 5px;}
.footeright h6{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.footeright h6 i{display: inline-block;width: 20px;height: 20px;background: url(../img/tall.png) no-repeat;
vertical-align: -2px;margin-right: 10px;}
.footeright p{font-size: 14px;color: rgba(255,255,255,0.8);line-height: 24px;}
.footeright .last{padding-left: 42px;box-sizing: border-box;}
.headers{width: 100%;display: block;background: url(../img/headers.png) no-repeat;padding: 0 25px;box-sizing: border-box;
padding-top: 25px;}
.contered{padding-top: 0;padding-bottom: 48px;}
.contersed{width: 1180px;margin: 0 auto;}
.nav{width: 100%;height: 45px;line-height: 45px;}
.nav a{font-size: 14px;color: #909090;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.nav a:hover{color: #e60012;}
.nav span{font-size: 14px;color: #909090;}
.hgbannerd{width: 100%;font-size: 0;margin-bottom: 48px;}
.hgbannerd img{width: 100%;}
.hglist{width: 100%;}
.hglist ul li{float: left;width: 280px;height: 115px;background: #fff;margin-right: 20px;margin-bottom: 20px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;padding: 26px 20px 22px 9px;box-sizing: border-box;}
.hglist ul li:nth-child(4n){margin-right: 0;}
.hglist ul li a{display: block;}
.hgleft{float: left;width: 70%;}
.hgleft h4{font-size: 18px;color: #212121;font-weight: bold;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;
margin-bottom: 5px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hgleft h4 i{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #d90011;margin-right: 9px;vertical-align: 2px;}
.hgleft p{font-size: 14px;color: #666;display: -webkit-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-left: 15px;box-sizing: border-box;}
.hgright{float: right;width: 60px;height: 60px;font-size: 0;margin-top: 5px;}
.hgright img{width: 100%;}
.hglist ul li:hover{background: url(../img/background.png) no-repeat;}
.hglist ul li:hover .hgleft{width: 100%;}
.hglist ul li:hover .hgleft h4{color: #fff;}
.hglist ul li:hover .hgleft h4 i{background: #fff;}
.hglist ul li:hover .hgleft p{color: #fff;}
.hglist ul li:hover .hgright{display: none;}
.hgslister{width: 100%;margin-top: 10px;}
.hgslister ul li{width: 100%;margin-bottom: 12px;}
.hgslister ul li a{display: block;}
.hgslister ul li span{float: left;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;
color: #fff;border-radius: 50%;background: #bdbdbd;margin-right: 24px;margin-top: 50px;position: relative;}
.hgslister ul li span:before{content: "";width: 1px;height: 107px;background: #ddd;position: absolute;top: 20px;left: 50%;transform: translateX(-50%);}
.hgslister ul li:last-child span:before{height: 40px;}
.hgsright{float: right;width: 1134px;height: 115px;border: 1px solid #fff;background: #fff;padding: 22px 54px 22px 42px;box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hgsrightleft{float: left;width: 84%;}
.hgsrightleft h4{font-size: 18px;color: #212121;font-weight: bold;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 9px;}
.hgsrightleft p{font-size: 14px;color: #666;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
.hgsrights{float: right;}
.hgsrights p{font-size: 14px;color: #d90011;width: 118px;height: 34px;border-radius: 25px;border: 1px solid #d90011;
text-align: center;line-height: 35px;margin-top: 14px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hgslister ul li:hover .hgsright{border-color: #d90011;}
.hgslister ul li:hover .hgsrightleft h4{color: #d90011;}
.hgslister ul li:hover .hgsrights p{background: url(../img/xiangqi.png) no-repeat;border-color: #fff;color: #fff;}
.hgslister ul li:hover span{background: #d90011;color: #fff;}


.hgslisterxd ul li span:before{content: "";width: 1px;height: 107px;background: #ddd;position: absolute;top: 20px;left: 50%;transform: translateX(-50%);}
.hgslisterxd ul li:last-child span:before{height: 40px;}
.hgsrightxd{float: left;width: 590px;height: 390px;border: 1px solid #fff;background: #fff;padding: 22px 54px 22px 42px;box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hgsrightleftxd{float: left;width: 84%;}
.hgsrightleftxd h4{font-size: 18px;color: #212121;font-weight: bold;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 9px;}
.hgsrightleftxd p{font-size: 14px;color: #666;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
.hgsrightsxd{float: right;}
.hgsrightsxd p{font-size: 14px;color: #d90011;width: 118px;height: 34px;border-radius: 25px;border: 1px solid #d90011;
text-align: center;line-height: 35px;margin-top: 14px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hgslisterxd ul li:hover .hgsright{border-color: #d90011;}
.hgslisterxd ul li:hover .hgsrightleft h4{color: #d90011;}
.hgslisterxd ul li:hover .hgsrights p{background: url(../img/xiangqi.png) no-repeat;border-color: #fff;color: #fff;}
.hgslisterxd ul li:hover span{background: #d90011;color: #fff;}

.hgsrightjlmcsy{float: left;width: 290px;height: 100px;border: 1px solid #fff;background: #fff;padding: 22px 54px 22px 42px;box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}


.xqconter{width: 100%;background: #fff;margin-top: 4px;padding: 0 104px 15px 104px;box-sizing: border-box;}
.xqconter h4{font-size: 24px;color: #212121;font-weight: bold;border-bottom: 1px solid #ddd;padding-top: 46px;padding-bottom: 32px;
box-sizing: border-box;text-align: center;margin-bottom: 55px;}
.xqconter p{font-size: 14px;color: #666;line-height: 25px;margin-bottom: 42px;}
.xqconter h5{font-size: 16px;color: #212121;text-align: center;margin-bottom: 24px;}
.xqlist{width: 100%;padding: 0 104px 55px 104px;box-sizing: border-box;background: #fff;}
.xqlistcon{width: 100%;border-top: 1px solid #ddd;padding-top: 40px;box-sizing: border-box;}
.xqleft{float: left;width: 40%;}
.xqleft p{font-size: 14px;color: #999;margin-bottom: 10px;}
.xqleft a{display: block;font-size: 18px;color: #212121;font-weight: bold;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xqleft a:hover{color: #d90011;}
.xqright{float: right;width: 40%;}
.xqright p{font-size: 14px;color: #999;margin-bottom: 10px;text-align: right;}
.xqright a{display: block;font-size: 18px;color: #212121;font-weight: bold;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;}
.xqright a:hover{color: #d90011;}