*{margin:0 ; padding: 0;font-family: '微软雅黑';}
.fl{float: left;}
.fr{float: right;}

a{text-decoration: none;!important;color: #555}
a:hover{color: #0267B5!important;!important}
.clearfix:after{ content: ""; display:block;height:0;clear:both; }
li{list-style: none}
.wrap_box{width:1600px;margin:0 auto; }
.wrap{width: 1400px;margin:0 auto;}

@font-face{
     font-family: 'Soun'; 
}

.Soun{font-family: Soun;}
.disin{display: inline-block;vertical-align: middle;}

.nav{height:114px;position: relative;border-bottom:2px solid #00479D;z-index: 9999;background: #fff;width: 100%}
.logo{margin-top:29px; }

.acrtdd p{color: #0267B5!important}
.navri{margin-left:75px }
.navri img{margin-top: 28px;}
.navri p{font-size:16px;color:#606775;font-family: Soun; margin-top: 5px ; }
.navri li{text-align: center; margin-right: 30px;}
.navri li:hover .a_top{color: #0267B5!important;}
.sous{width:162px;height: 30px; position: relative; margin-top:28px; }
.sous input{width: 100%;height: 100%;padding-left: 10px;box-sizing: border-box; background: #fff;border-radius: 4px;outline: none;border:none; border-bottom: 1px solid #DDDDDD}
.sous button{width:20px;height: 20px;position: absolute; right:6px;top: 6px;background: transparent; border:none; outline: none; }
.sous button img{width: 100%;height: 100%}
.tels{font-size:26px;color:#0267B5;font-weight: bold; font-family:"Arial";margin-top: 8px;  }
.sw_banner{width: 100%}
.sw_banner img{width: 100%}

.pro_box{padding: 30px 0  22px 0;box-sizing: border-box; background: #fff;position: absolute; top: 116px;left: 0;width: 100%;z-index: 99999;display: none; box-shadow: 0px 6px 12px rgba(2,103,181,0.16);border-bottom: 1px solid #214A9A}

/*.shos{opacity: 1!important;transition:  all 0.5s;z-index: 9999}*/
.pro_ul1 li{padding: 12px 20px;box-sizing: border-box;border:1px solid #EFEFEF; margin-right: 20px;margin-bottom: 20px; cursor: pointer; }
.pro_ul1 li p{font-size: 14px;font-family: Soun; color: #999999!important;}
.actc{background: #00479D;border:1px solid #00479D!important;}
.pro_ul1  .actc p{color: #fff!important;}


.pro_ul1 li:hover {background: #00479D;border:1px solid #00479D!important;}
.pro_ul1 li:hover  p{color: #fff!important;}

.pro_list{margin-top:30px;display: none;}
.pro_ul2 {overflow-y: auto;height: 432px; background: #fff}

.pro_ul2::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .pro_ul2::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: #dedede;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .pro_ul2::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }

.pro_ul2 li{;padding:18px 0px;box-sizing: border-box;margin-bottom: 30px;margin-right:20px;width:180px;height: 186px;border:1px solid #EEEEEE;box-sizing: border-box;  }
.pro_ul2 li:nth-child(7n){margin-right: 0}
.pro_ul2 li img{width:140px;height:112px;display: block; margin: 0 auto;  }
.pro_ul2 li p{font-size: 16px;text-align: center; margin-top:18px; ;font-family: Soun;transition:all  0.5s; color: #999999!important }

.pro_ul2 li:hover{background: #F5F5F5;border:1px solid #F5F5F5; }
.pro_ul2 li:hover p{color: #0267B5!important;font-weight: bold; transition: all  0.5s;}


.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ""}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: '';}

.foot{z-index: 999; margin-top: -30px; position:relative; background:url(../images/foot-bj_.png)no-repeat; background-size: 100% 100%; box-sizing: border-box;}
.top_btn{width: 114px;height: 114px;position: absolute; top: -30px;left:  calc(50%  - 57px);z-index: 9999}

.footleds{padding-top: 115px;padding-bottom: 60px;}
.footle{width: 420px;border-right: 1px solid #dddddd;padding-right: 70px;box-sizing: border-box; margin-right: 70px; height: 209px; }
.footlep1{font-size: 15px;color: #333333; margin-top: 40px}
.footlep2{font-size: 10px;color: #999999;margin:5px 0 30px 0;}
.footlep3{font-size: 12px;color: #A0A0A0;line-height: 20px;}
.footle2{padding-right: 70px;border-right: 1px solid #dddddd;margin-right: 70px;box-sizing: border-box;height: 209px;width: 300px;}
.footle2p1{font-size: 18px;color: #666666;padding-bottom: 10px;border-bottom: 1px solid #0267B5;display: inline-block;}
.footle2p2{margin-top: 17px;line-height: 25px;font-size: 14px;color: #A0A0A0}

.footle3{padding-right: 70px;border-right: 1px solid #dddddd;margin-right: 70px;box-sizing: border-box;height: 209px;width: 195px;}

.footle3 li a{font-family: "Soun";color: #A0A0A0;font-size: 14px}
.footle3  ul{margin-top: 17px;}
.footle3 li{margin-bottom: 10px;}
.footri{position: relative; padding-top:40px; }
.footri_p1{ font-size: 24px;color: #0267B5;font-family: Arial;}

.footri_p2{font-size: 34px;color: #0267B5;margin-top: 70px;font-weight: bold;}
.footri_p3{font-size: 14px;color: #A0A0A0;margin-top: 5px;margin-bottom: 30px;}
.footri li{display: inline-block; margin-right: 20px;}
.footri li p{font-size: 14px;color: #999999;margin-top: 5px; text-align: center;}

.foot_bot{height: 55px;border-top: 1px solid #E6E6E6;line-height: 55px;font-size: 14px;color: #A0A0A0}
.foot_bot a{font-size: 14px;color: #A0A0A0}



@media screen and (max-width: 1610px){
	.wrap_box{width:1400px;margin:0 auto; }
	.logo{width: 500px;    margin-top: 35px;}
	.navri{margin-left: 60px;}
	.navri li {  margin-right: 21px;}
  .pro_box{padding-top: 20px; height: 500px}
.pro_ul1 li{padding: 8px 20px;}
.pro_list{margin-top: 0px;}
.pro_ul2 li{height: 160px; margin-bottom: 13px;}
.pro_ul2 li img{width: 115px;height: 83px;}
.pro_ul2 {height: 335px}


}

@media screen and (max-width: 1420px){
	.wrap_box{width:1320px;margin:0 auto; }
	.wrap{width: 1300px;margin:0 auto;}
	.logo{width: 450px;    margin-top: 37px;}
	.navri{margin-left: 45px;}
	.navri li {  margin-right:14px;}
	.sous{margin-top: 18px}
	.pro_ul2 li{width: 172px;}

	.footle {margin-right: 40px;padding-right: 40px;}
	.footle2{margin-right: 40px;padding-right: 40px;}
	.footle3{margin-right: 40px;padding-right: 40px;}
	.footri_p2 {margin-top: 40px;}


}

@media screen and (max-width: 1366px){
.pro_box{padding-top: 20px; height: 500px}
.pro_ul1 li{padding: 8px 20px;}
.pro_list{margin-top: 0px;}
.pro_ul2 li{height: 160px; margin-bottom: 13px;}
.pro_ul2 li img{width: 115px;height: 83px;}
}