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

	@font-face {
	 font-family:"Barlow-Medium";
	 src:url("../font/Barlow-Medium.ttf");
	}
	@font-face {
		font-family:"Barlow-Regular";
		src:url("../font/Barlow-Regular.ttf");
	   }

	

	
html{}
body{font-family:"微软雅黑"; font-size:16px; color:#252525; margin:0px; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img {border:none;}
a:link, a:visited {color:#323232; text-decoration: none;outline:none;}
a:hover, a:active {color:#323232; text-decoration: none;outline:none;}
.clear{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}


.gm{width:95%; max-width:1300px; margin:0 auto;}
.agm{width: 95%; max-width: 1440px;margin: 0 auto;}
img{max-width: 100%;vertical-align: bottom;border-style: none!important;}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:650px!important; box-sizing: border-box;}
@media screen and (max-width:770px){
#dituContent{ height:400px!important;}
}
.xd>a>em{width: 100%!important;left: 0!important;}
.hidden{ display:none !important; }	
.show{ display:block !important; }



.nav_box{ position: relative; position: sticky; top:0px; z-index:999; background-color: #fff; }
.nav_box::before{content: ""; position: absolute; width:50%; height: 100%; left:0px; top:0px; display: block; background: #fff; }
.gm_top{  display: flex; justify-content:flex-start; align-items: center; position:relative; }
.top_logo>a{ display: flex; align-items: center;  }
.top_logo>a p{ font-size: 18px; font-weight: bold; color:#1f1f1f; line-height: 28px; margin-left: 3px;  }
.top_logo>a>img:nth-of-type(1){ margin-right: 15px; }
.top_logo>a>img:nth-of-type(2){ margin-right: 55px; }
.top_r_list{ display: flex; align-items: center;  flex-grow: 1;  height:82px; }
.top_nav,.top_nav>ul{  display: flex; justify-content:flex-end; position:relative; }
.top_nav>ul{ margin-top:-2px; margin-left:80px; }
.top_nav>ul::after{ content:""; width:1px; height:25px; background:#fff; position:absolute; top:5px; right:0px; }
.top_nav ul li a{  color:#1f1f1f; font-size:18px; margin-right:50px; position:relative; display:inline-block; padding-top:6px;  }
.top_nav ul li:nth-last-of-type(1) a{ margin-right: 40px; }
.top_nav>ul>li>a>em{width:0;height: 3px;background:#0077d4;right: 0;bottom: -30px;position: absolute;transition: .5s;border-radius: 50px;}
.top_nav>ul>li>a:hover>em{width:100%;left: 0;}
.top_nav ul li.xd a{ color:#0077d4; font-weight: bold;  }
.top_nav>div{ color:#fff; font-weight:bold; font-size:20px; margin-left:80px; flex-shrink: 0; margin-top: 2px; margin-right: 60px; }
.top_nav>div>span{ position:relative; top:-5px; }
.topTel>img{ position: relative; top:-2px; }
.topTel>div{ display: inline-block; }
.topTel span{ font-size:24px; color: #0077d4; font-weight:bold; display:block;  }
.lag{ font-size: 18px; color:#1f1f1f; cursor: pointer; position: relative; }
.lag img{ position: relative; top: -5px; }
.lag .sub{ display: none; position: absolute; text-indent:7px;  }
.mob_inner_box{ display: none; }
/* 移动端导航按扭 */
.mob_inner_box{display: none;z-index:1000; zoom:1; margin-right: 10px; }
.mob_txt h1{font-size: 1.75rem;margin-right: 10px;}
.mob_ico{margin-top:5px;}
.mob_ico span{margin-bottom:8px ;width: 34px;height: 2px;background: #0065B3;display: block;transition: 0.3s;}
.menu_bg{background: black;opacity:0.85;width: 50%;position: absolute;display: none;right: -5%; top:82px; z-index:10; }
.menu_bg_show{transition: 0.5s;}
.menu_txt{text-align: center;}
.menu_txt ul li{border-bottom: 1px solid rgba(255,255,255,0.4);transition: all 0.5s;}
.menu_txt a{font-size: 1.125rem;color: #fff;padding: 20px 0px;display: block;}
.mob_ico_show span:nth-of-type(1){transform: translateY(10px) rotate(-45deg);}
.mob_ico_show span:nth-of-type(2){opacity: 0;}
.mob_ico_show span:nth-of-type(3){transform: translateY(-10px) rotate(45deg);}
/* 延迟加载菜单文字 */
.menu_txt a{
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}
@-webkit-keyframes returnToNormal {
  0% {opacity: 0;transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;transform: none;}
}
@keyframes returnToNormal {
  0% {opacity: 0;transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;transform: none;}
}


@media screen and (max-width: 1495px) {
    .top_nav>div{ margin-left: 50px; margin-right: 40px; }
}
@media screen and (max-width: 1440px) {
	.top_nav ul li a{ margin-right: 40px; }
}	
@media screen and (max-width: 1388px) {
	.top_nav>ul{ margin-left: 60px; }
	.top_nav>div{ margin-left: 35px; }
}	
@media screen and (max-width: 1350px) {
	.top_nav>div{ margin-left:20px; margin-right: 30px; }
}	
@media screen and (max-width: 1325px) {
	.top_nav ul li a{ margin-right: 30px; }
}
@media screen and (max-width: 1280px) {
	.top_nav>div{ display: none; }
	.top_nav>ul{ margin-top: -6px; }
	.top_r_list{ justify-content: space-between; }
	.top_nav>ul{ margin-left: 80px; }
	.top_nav ul li a{ margin-right: 35px; }
}
@media screen and (max-width: 1245px) {
	.top_nav>ul{ margin-left: 60px; }
	.top_nav ul li a{ margin-right: 25px; }
}
@media screen and (max-width: 970px) {
	.top_nav>ul{ display: none;}
	.mob_inner_box{display: block;}
	.top_r_list{ justify-content: flex-end; }
	.lag{ font-size: 15px; }
}
@media screen and (max-width: 520px) {
	.top_logo>a p{ display: none; }
}


.banner{ width: 100%; overflow:hidden;  }
.sbanpic{ display:none; width: 100%; }
.swiper-pagination-clickable .swiper-pagination-bullet{ margin-bottom: 10px !important; background-color: #fff; opacity: 1; width: 17px; border-radius: 20px;  }
.swiper-pagination-bullet-active{width: 40px !important; border-radius: 10px !important;  background-color: #0077d4 !important;    } 
@media screen and (max-width: 520px) {
	.banpic{ display: none; }
	.sbanpic{ display: block;}
}

.pro{ background-color: #f6f6f6; padding-top: 110px; padding-bottom: 50px; }
.titleDiv{ display: flex; justify-content: space-between; align-items: center;  }
.title{ display: flex; position: relative; align-items: self-end;   }
.title>h2{ font-size: 50px; color: #2a2a2a; font-weight: bold; z-index: 1; position: relative;  }
.title>h2::before{ content: ""; width:135px; height:12px; background-color: #0077d4; position: absolute; bottom: 0; left: 0; z-index: -1;  }
.title>h3{ position: absolute; top:-45px; left: 10px; font-size: 60px; color: #e0dfdf; font-weight: bold;  }
.title>p{ font-size: 20px; color: #9b9b9b; margin-left: 25px;  }
.rmenu>ul{ display: flex; justify-content: space-between; align-items: center; }
.rmenu>ul>li>a{ display:inline-block; width: 145px; height: 38px; border:2px solid #9b9b9b; border-top-right-radius: 20px; border-bottom-left-radius: 20px;
 text-align: center; line-height: 38px; font-size: 22px; color: #9b9b9b; margin-left: 22px;}
 .rmenu>ul>li>a:hover{ background-color: #0077d4; color: #fff; border:2px solid #0077d4; }
.pro_list{ margin-top: 50px; }
.pro_list ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.pro_list li { width: 32%; }
.pro_list li a{ transition: all 0.8s; border: 3px solid #dcdcdc; display: inline-block; background: #fff; padding: 25px; margin-bottom: 28px; width: 100%; box-sizing: border-box; height: 440px;  }
.pro_list li a h3{ font-size: 24px; color: #0077d4; font-weight: bold; margin-bottom: 3px; }
.pro_list li a h4{ font-size: 18px; color: #1b1b1b; margin-bottom: 15px; }
.pro_list li a .pic{ text-align: right; }
.pro_list li a span{ color: #1b1b1b; }
.pro_list li a:hover{border:3px solid #0077d4; border-top-right-radius: 50px; border-bottom-left-radius: 50px; -webkit-box-shadow: 0 6px 0 0 #0077d4 ;
	box-shadow: 0 6px 0 0 #0077d4 ;  }
.pro_list_1 ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top:30px; }
.pro_list_1 li{ width: 48%;  }
.pro_list_1 li .item{ width: 100%; overflow: hidden; position: relative; border-radius: 20px; margin-bottom: 40px; }
.pro_list_1 li .item img{ transition: all 0.8s; }
.pro_list_1 li:hover .item img{ transform: scale(1.1);}
.pro_list_1 li h3{ position: absolute; top:35px; left: 35px; font-size: 24px; color: #fff; font-weight: bold; }
.pro_list_1 li h4{ position: absolute; top:70px; left: 35px; font-size: 18px; color: #fff;  }
.pro_list_1 li .item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);
	background-image: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
  }

@media screen and (max-width:1200px) {
	.title>p{ font-size: 18px; }
	.rmenu>ul>li>a{ font-size: 20px; width:120px; }
}
@media screen and (max-width:1024px) {
	.rmenu>ul{ display: none;   }
	.pro_list li a{ height: auto; }
}
@media screen and (max-width:520px) {
	.title{ display: block; }
	.title>h3{ left: 0px; font-size: 40px; }
	.title>h2{ font-size: 38px; }
	.title>p{ margin-left: 0px; font-size: 16px; margin-top: 10px; }
	.pro{ padding-top: 70px; padding-bottom: 0px; }
	.pro_list{ margin-top: 20px; }
	.pro_list ul,.pro_list_1 ul{ display: block; }
}


.ys{ background: url(../img/ysBG.jpg) no-repeat center center; background-size: cover; position: relative; height: 750px; }
.ysTitle{ text-align: center; padding-top: 130px;  position: relative; }
.ysTitle h2{ font-size: 50px; color: #fff; font-weight: bold; }
.ysTitle h3{ font-size: 60px; color: #fff; font-weight: bold; opacity: 0.03; position: absolute; bottom:30px; left: 50%; transform: translateX(-50%); }
.ysCon{ display: flex; align-items: center;  width: 95%; margin: 0 auto; }
.ysCon .ysItem1{ background: url(../img/ysbg1.png) center center no-repeat; width: 375px; height: 472px; text-align: center; padding-top: 120px; box-sizing: border-box;  }
.ysCon .ysItem1>div{ max-width: 235px; margin: 0 auto; margin-left: 55px; }
.ysCon .ysItem1 h3{ font-size: 24px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem1 p{  color: #fff; text-align: left; line-height: 25px;  }
.ysCon .ysItem2{ background: url(../img/ysbg2.png) center center no-repeat; z-index: 2; width: 330px; height:385px; text-align: center; padding-top:80px; box-sizing: border-box; margin-left: -65px;  }
.ysCon .ysItem2>div{ max-width:180px; margin: 0 auto; margin-left: 99px; }
.ysCon .ysItem2 h3{ font-size: 24px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem2 p{  color: #fff; text-align: left; line-height: 25px;  }
.ysCon .ysItem3{ background: url(../img/ysbg3.png) center center no-repeat; width: 330px; height: 385px; text-align: center; padding-top: 80px;
	 box-sizing: border-box; margin-left: 520px;  }
.ysCon .ysItem3>div{ max-width: 180px; margin: 0 auto; margin-left: 55px; }
.ysCon .ysItem3 h3{ font-size: 24px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem3 p{  color: #fff; text-align: right; line-height: 25px;  }
.ysCon .ysItem4{ background: url(../img/ysbg4.png) center center no-repeat; width: 375px; height:472px; text-align: center; padding-top:120px; box-sizing: border-box; margin-left: -65px;  }
.ysCon .ysItem4>div{ max-width:235px; margin: 0 auto; margin-right:60px; }
.ysCon .ysItem4 h3{ font-size: 24px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem4 p{  color: #fff; text-align: right; line-height: 25px;  }
.yspic{ position: absolute; left: 50%; bottom:34px; transform: translateX(-50%); }
.ysCon_s{ display: none;  }
.ysCon_s ul{ display: flex; justify-content: space-between; margin-top: 20px; }
.ysCon_s li{ width:24%; text-align: center; background-image: -webkit-linear-gradient(-90deg, #8990B0 0, #3C4156 100%);
	background-image: -moz-linear-gradient(180deg, #8990B0 0, #3C4156 100%);
	background-image: linear-gradient(180deg, #8990B0 0, #3C4156 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto; border:1px solid #131523; padding: 20px; margin: 0px 10px; box-sizing: border-box;  }
.ysCon_s li h3{ font-size: 20px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon_s li p{  color: #fff; text-align: left; font-size: 15px;; line-height: 22px;  }

@media screen and (max-width:1680px) {
	.ysCon{ width: 100%; }
	.yspic{ width: 550px; }
	.ysCon .ysItem3{ margin-left: 380px; }
}
@media screen and (max-width:1440px) {
	.yspic{ width: 450px; }
	.ysCon .ysItem3{ margin-left: 150px; }
}
@media screen and (max-width:1366px) {
	.ysCon .ysItem3{ margin-left: 90px; }
}
@media screen and (max-width:1280px) {
	.yspic{ width: 450px; }
	.ysCon .ysItem3{ margin-left: 50px; }
	.ysCon{ justify-content: space-between; }
	.ysCon .ysItem1>div{ margin-left: 15px; }
	.ysCon .ysItem4>div{ margin-right: 15px; }
	.ysCon>div{ width:24% !important; background-size:100% 100% !important; background-attachment:fixed !important; }	
}
@media screen and (max-width:1024px) {
	.ysCon .ysItem3{ margin-left: 0px; }
	.ysCon .ysItem1>div{ max-width: 220px; }
	.ysCon .ysItem2>div{ margin-left: 65px; max-width: 160px; }
	.ysCon .ysItem3>div{ margin-left: 20px; max-width: 170px; }
	.ysCon>div{ width:24% !important; background-size:100% 100% !important; background-attachment:fixed !important; font-size: 14px; }	
}
@media screen and (max-width:768px) {
	.ysCon{ display: none; }
	.ysCon_s{ display: block; }
	.ys{ height: 550px; }
	.ysTitle h3{ font-size: 35px; }
	.ysTitle{ padding-top: 60px; }
}
@media screen and (max-width:520px) {
	.ysCon{ display: none; }
	.ysCon_s{ display: block; margin-top: 15px; }
	.ys{ height: 380px; }
	.ysTitle h2{ font-size: 38px; }
}



.ab{ background: url(../img/abBG.jpg) no-repeat top center;  position: relative; padding-top: 160px;  }
.abTitle h3{ opacity: 0.2; color: #fff; }
.abTitle h2{ color: #fff; }
.abTitle P{ color: #fff;}
.abDiv{ background: url(../img/ab.png) top right no-repeat; height: 627px; display: flex; align-items: self-end; margin-top: -130px; }
.abShow{ position: relative; }
.abCon{ max-width: 1017px; background: #fff; border-radius: 20px; padding: 40px 52px; min-height: 416px; box-sizing: border-box;   }
.abCon h3{ font-size: 22px; color: #0077d4; font-weight: bold;  margin-bottom:28px; }
.abCon p{ font-size: 16px; color: #1f1f1f; line-height: 35px; text-indent: 2em; margin-top: 10px;  }
.abCon .more{ display: inline-block; box-sizing: border-box; width: 128px; height: 42px; line-height:38px; text-align: center; font-size: 16px; 
	color: #1f1f1f; border:2px solid #dcdcdc;  border-radius: 5px; margin: 0 auto; margin-top:53px; }
.abys ul{ display: flex; justify-content: space-around; align-items: center; text-align: center; padding:60px 0px; }
.abys ul li h3{ font-size: 18px; color: #fff; font-weight: bold; margin-top: 13px; text-align: center; }
.abys ul li div{ position: relative; }
.abysPic{ position: absolute; top: 0; left:50%; transform: translateX(-50%); width: 0px; height: auto;  transition: all 0.5s; }
.abys ul li:hover .abysPic{ width:auto; }
@media screen and (max-width:1680px) {
   .abTitle .title{ display: block; }
   .abTitle .title>p{ margin-left: 0px; margin-top: 10px; }
}
@media screen and (max-width:1366px) {
	.abDiv{ background-size: 70%; }
}
@media screen and (max-width:768px) {
	.ab{ padding-top: 100px; }
	.abDiv{ background: none; margin-top: -90px; }
}
@media screen and (max-width:520px) {
	.ab{ padding-top: 80px; }
	.abDiv{ display: block; margin-top: 20px; height: auto; }
	.abCon{ padding: 30px 10px; }
	.abCon h3{ text-align: center; margin-bottom: 15px; }
	.abCon p{ line-height: 30px; }
	.abys ul{ padding: 20px 0px; align-items: flex-end; }
	.abys ul li{ width: 16%; }
	.abys ul li h3{ font-size: 14px; }
	.abys ul li:nth-of-type(1) img{ width: 85%; }
	.abys ul li:nth-of-type(3) img{ width: 85%; }
	.abys ul li:nth-of-type(4) img{ width: 85%; }
	.abys ul li:nth-of-type(5) img{ height:60%; }
	.abysPic{ display: none; }
}


.news{ background-color: #eee; padding-top: 105px; }
.newsItem{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 50px; padding-bottom: 45px;  }
.newsItem>li{ width: 48%; padding: 28px 32px; box-sizing: border-box; background-color: #fff; margin-bottom: 25px; }
.newsItem>li:hover{ -webkit-box-shadow: 0 0 6px 2px rgba(196,196,196,1) ;
	box-shadow: 0 0 6px 2px rgba(196,196,196,1) ; }
.newsItem>li a>span{ display: inline-block; background-color: #0077d4; transform: skew(-15deg); padding: 4px 12px; color: #fff;  }
.newsItem>li a>span::after{ content: ""; display: block; width: 100%; height:100%; background-color: #0077d4; transform: skew(15deg);}
.newsItem>li a>span>img{ transform: skew(15deg);  }
.newsItem>li a>span>span{ transform: skew(15deg); display: inline-block; margin-left: 5px; }
.newsItem h3{ margin-top: 20px; font-size: 18px; color: #3a3839; font-weight: bold; }
.newsItem p{ color: #626262; line-height: 25px; margin-top: 10px; overflow: hidden;
	display: -webkit-box;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   text-overflow: ellipsis;  }
@media screen and (max-width:520px) {
	.news{  padding-top:70px; }
}



.foot{ background: url(../img/footbg.jpg) top center no-repeat;  padding-top:60px; padding-bottom: 35px; }
.footDiv{ color: #fff; display: flex; justify-content: space-between; align-items:self-start;  }
.footDiv>.left{ line-height: 30px; }
.footDiv>.left>div{ margin-top: 26px; }
.footDiv>.mid>h3{ font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.footDiv>.mid>ul{ display: flex; justify-content: space-between; }
.footDiv>.mid>ul>li>a{ color: #fff; line-height: 40px; margin-right: 20px; font-weight: bold; font-size: 18px; }
.footDiv>.mid .it>li>a{color: #fff; line-height: 35px;  }
.footDiv>.mid1{ }
.footDiv>.mid2{ max-width: 360px; }
.footBom{ height: 45px; line-height: 45px; background-color: #1b1f2f; }
.footBom_item{ display: flex; justify-content: space-between; align-items:center; color: #fff; font-size: 15px; }
.footBom_item .ceall{ color: #fff }

	/* 移动端底部导航按钮*/
	.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#1973C9;}
	.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #125292;}
	.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}
	.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #125292;}
	.fswzj ul li.on a{ border-left:none;}
	.fnav_pic{ width:24%; margin:0 auto;  }
	.fnav_pic img{   max-width: 100%;  }
	.fnav_wb{font-size: 0.75rem;}
	.fswzj{display: none;}
@media screen and (max-width:1100px) {
	.footDiv .right{ display: none; }
}
@media screen and (max-width:1024px) {
	.footDiv .left{ width: 40%;}
}
@media screen and (max-width:520px) {
	.footDiv .left{ width: 100%;}
	.footDiv .mid{ display: none;}
	.footBom{ height: auto; }
	.footBom_item{ display: block; }
	.footBom_item span{display: none; }
	.foot{ padding-top: 18px; padding-bottom: 18px; }
	.fswzj{ display: block; }
}



.ibanner_1{ width:100%; height:550px;  background:url(../img/ban1.jpg) top center no-repeat;    }
.ny_ban>h3{ font-size: 52px; padding-top: 256px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center;  }
.ny_ban>h4{ font-size: 42px; color: #fff;  text-align: center; }
.ny_nav{ border-bottom: 3px solid #e1e0e0; margin-top: 50px; text-align: center; }
.ny_nav>h3{ text-align: center; font-size: 26px; color: #252525; display: inline-block; margin: 0 auto; padding-bottom: 20px; position: relative; }
.ny_nav>h3:after{ content: ""; position: absolute; bottom:-6px; left:0;  width:100%; height:9px; background: #0077d4; border-radius: 10px;; } 


.nanli{ margin-top: 40px; margin-bottom: 40px; } 
.nanli_list{ display:flex; justify-content:space-between;  flex-flow:wrap; }
.nanli_list>li{  width:24%; margin-top:40px;  background:#EFEFEF;  }
.nanliItem>.title{ padding:10px; padding-left:0; text-align:center; text-align: center; display: block; }
.nanli_list>li:hover{ background:#2F318B;  }
.nanli_list>li:hover .title{color:#fff;  }
.pro_img{position: relative;}
.pro_img img{transition: .5s;}
.pro_img::after{content: "";width: 100%;box-sizing: border-box;height: 100%;border: 3px solid rgba(0,0,0,0);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;opacity: .5;transition: .5s;}
.pro_img::before{content: "+";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;transition: .5s;opacity: 0;color: white;font-size: 3.75rem;font-family: "Din";}
.nanli_list>li:hover .pro_img::after{border-color:#1850A8; width: calc(100% - 50px);height: calc(100% - 50px);}
.nanli_list>li:hover .pro_img img{opacity: .5;}
.nanli_list>li:hover .pro_img::before{opacity: .5;}
@media screen and (max-width:768px) {
	.nanli_list>li{ width: 48%; }
}


.ibanner_2{ width:100%; height:550px;  background:url(../img/ban2.jpg) top center no-repeat;  text-align: center;  }
.ibanner_2_1{ width:100%; height:550px;  background:url(../img/ban2_1.jpg) top center no-repeat;  text-align: center;  }
.ny_proMenu>ul{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 55px; margin-bottom: 40px; }
.ny_proMenu>ul>li>a{ display:inline-block;  border:2px solid #9b9b9b; border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin-right: 30px;
  margin-bottom: 20px; text-align: center; padding:8px 25px ;  font-size: 20px; color: #9b9b9b; }
.ny_proMenu>ul>li.xd>a{ background-color: #0077d4; color: #fff; border:2px solid #0077d4; }
.ny_proMenu>ul>li>a:hover{ background-color: #0077d4; color: #fff; border:2px solid #0077d4; }
.ny_proDiv>ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.ny_proDiv>ul>li{ width:32%;  }
.ny_proItem{ border: 3px solid #dcdcdc;  overflow: hidden;   }
.ny_proDiv>ul>li .ny_proItem img{ transition:all 0.5s; }
.ny_proItemCon{ text-align: center; color: #1b1b1b; font-size: 18px; margin-top: 12px; margin-bottom: 28px; }
.ny_proDiv>ul>li:hover .ny_proItem{ border:3px solid #0077d4; }
.ny_proDiv>ul>li:hover .ny_proItem img{ transform: scale(1.1); }
@media screen and (max-width:520px) {
	.ny_proDiv>ul>li{ width: 48%; }
	.ny_proMenu>ul>li>a{ font-size: 16px; padding: 8px 15px; }
	.ny_proItemCon{ font-size: 16px; }
}

/* 产品详细页 */
.pro_show_top{ min-height:480px; width:100%; background-color:#fff; position:relative; top:25px;  display:flex;justify-content:space-between; align-items:flex-start;  position:relative; margin-top: 2rem;  }
.pro_show_top_con{ width:48%; padding:18px; box-sizing:border-box; }
.pro_show_top_con>h3{ font-size:26px; font-weight:bold; line-height:50px; }
.pro_show_top_con>h4{ font-size:16px; color:#595959; }
.pro_show_top_con>h4>a{ color:#2F318B; }
.pro_show_top_con h5.tit{ color:#343434; font-size:20px; font-weight: bold; }
.pro_show_top_con>div:nth-of-type(1){ border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; padding:26px 0; margin-top:26px; box-sizing:border-box;  }
.pro_show_top_con>div:nth-of-type(1)>p{ color:#666666; line-height:26px; margin-top:15px; }
.pro_show_pic{ width:590px; height:470px; margin-top:5px; margin-left:5px; }
.pro_show_top_con>.tel{ position:absolute; bottom:0px; }
.pro_show_top .fontTel{ font-size:16px; color:#414141; font-family:"Myriad Pro"; padding-top:24px; margin-bottom:10px;  }
.pro_show_top .fontTel span{font-size:34px; font-family:"Barlow-Medium"; color: #0077d4;  }
.tel_btn{ width:160px; height:50px; background:#0077d4; color:#fff; line-height:50px; padding-left:20px; box-sizing:border-box; }
.tel_btn>img{ position:relative; top:-15px; left:27px; }
.pro_show_mid{ margin-top:80px; }
.pro_show_mid_title{ width:100%; height:55px; background:#F5F5F5; color:#333333;  font-size:18px; line-height:55px; box-sizing: border-box; overflow:hidden; padding-left: 20px; position: relative; }
.pro_show_mid_title::before{ content:""; position:absolute; left:10px; top:50%; transform: translateY(-50%); width:2px; height:22px; background:#0077d4;}
.pro_show_mid_con{ min-height:300px; border-top:2px solid #EBEBEB; }
.pro_bot_link{   font-size:14px; border-top: 1px solid #ebebeb; height: 60px; line-height: 30px; padding: 10px 0; box-sizing:border-box;  }
.pro_linkL{ float:left; width:45%; white-space:nowrap; overflow:hidden; color: #5e5e5e;font-size: 1.125rem;display: flex; align-items: center; }
.pro_linkR{ float:right;  white-space:nowrap; overflow:hidden; color: #5e5e5e;font-size: 1.125rem;display: flex; align-items: center; }
.pro_linkL>span,.pro_linkR>span{ width: 28px; height: 28px; border: 1px solid #939393; font-family: "宋体"; display: flex;align-items: center;justify-content: center; margin-right: 5px; }
@media screen and (max-width:1280px) {
	.pro_show_top>img{ width:70%; }
   }
   @media screen and (max-width:1100px) {
	.pro_show_top>img{ width:58%; }
	.pro_show_top_con{ padding-right: 0px; }
	.pro_show_top_con>.tel{ position: relative; }
   }
   @media screen and (max-width:768px) {
	.pro_show_top{ display: block; }
	.pro_show_top>img{ width:100%; }
	.pro_show_top_con{ width: 100%; padding: 15px 0px; }
   }
   @media screen and (max-width:520px) {
	.pro_show_top{ top:0px; }
	.pro_show_mid{ margin-top: 30px; }
   }



.ibanner_3{ width:100%; height:550px;  background:url(../img/ban3.jpg) top center no-repeat;   }
.ny_news{ background-color: #f6f6f6; }
.ny_nav{ margin-top: 0px; padding-top: 50px; }
.ny_nav>ul{ display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.ny_nav>ul li{ margin-right: 58px; }
.ny_nav>ul li a{ display: inline-block; padding-bottom: 20px; font-size: 26px; color: #252525; box-sizing: border-box; position: relative; }
.ny_nav>ul li a::after{ content: ""; width: 0; height:9px; background-color: #0077d4; border-radius: 5px; margin-top: 10px;
	position: absolute; left: 0px; bottom: -6px; transition: 0.5s; }
.ny_nav>ul li:hover a::after{ content: ""; width: 100%; height:9px; background-color: #0077d4; border-radius: 5px; margin-top: 10px;
	position: absolute; left: 0px; bottom: -6px; }
.ny_nav>ul li.xd a::after{ content: ""; width: 100%; height:9px; background-color: #0077d4; border-radius: 5px; margin-top: 10px;
	 position: absolute; left: 0px; bottom: -6px; }
.newsContainer{ margin-top: 60px; }
.newsContainer ul>li{ width:100%;  padding-bottom: 35px; margin-bottom: 35px;  }
.newsContainer ul>li a{ display: flex; justify-content: space-between; background-color: #fff; padding:35px 20px; }
.newsContainer ul>li .news_img{ margin-right: 20px; min-width:335px; overflow: hidden;  }
.newsContainer ul>li .news_img>img{ transition: all 0.5s; }
.news_txt{ overflow: hidden; }
.news_txt h3{ font-size: 1.55rem; font-weight: bold; color: #252525; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_txt p {color: #6d6d6d;font-size: 1.125rem;height: 60px;line-height: 30px; display: -webkit-box; 
	word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;}
.news_txt span {color: #5d5d5d;display: flex;align-items: center;font-family:"Barlow-Regular";font-size:18px;margin-top: 20px;}
.news_txt span>img{ margin-right: 8px; }
.newsContainer ul>li:hover .news_img>img{ transform: scale(1.1);}
.newsContainer ul>li a:hover{ -webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
	box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ; }
@media screen and (max-width:520px) {
	.newsContainer ul>li a{ display: block; padding: 15px; }
	.newsContainer ul>li .news_img{ margin-right: 0px; margin-bottom: 15px; }
	.news_txt h3{ font-size: 1.25rem; }
	.news_txt p{ font-size: 1rem; }
	.newsContainer ul>li{ padding-bottom: 0px; }
	.ny_nav>ul li a{ font-size:22px; }
}



/* 新闻详细页 */
.newsshow{padding: 70px 0;}
.news_show{padding: 20px 0;padding-bottom: 125px;}
.news_rq2{display: none;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:1rem; line-height:28px; }
.newsshow_wnnr img{ max-width:100%;}
.newsshow_pn{margin-top:165px; margin-bottom:20px; }
.newsshow_pn ul{display: flex;justify-content:space-between; }
.newsshow_pn ul li{display: flex;align-items: center;}
.newsshow_pn ul li a{color: #5e5e5e;font-size: 1.125rem;display: flex;align-items: center;}
.newsshow_pn ul li span{width: 38px;height: 38px;border: 1px solid #939393;font-family: "宋体";display: flex;align-items: center;justify-content: center;margin-right: 5px;}
.newsshow_pn ul li:nth-child(2) span{margin-left: 5px;}

/* 分页 */
div.green-black{ width:100%; padding:20px 0; text-align:right; }
div.green-black a{ padding:8px 12px; margin-right:10px; color:#888; border:#888888 1px solid; font-size:14px; background-color:#fff;}
div.green-black a:hover{ background:#0077d4; color:#fff;  }
div.green-black A:active{ }
div.green-black SPAN.current{background:#0077d4; color:#fff; padding:8px 15px;  margin-right:10px; }
div.green-black SPAN.disabled{}
@media screen and (max-width:520px) {
	div.green-black a{ padding: 0.3125rem 0.3125rem; }
	div.green-black SPAN.current{ padding: 0.3125rem 0.3125rem;  }

}



.ibanner_4{ width:100%; height:550px;  background:url(../img/ban4.jpg) top center no-repeat;   }
.contactCon{  display:flex; justify-content:space-between; align-items:flex-end; position:relative; margin-bottom:20px;  }	
.ctCon_l,.ctCon_r{ width:50%; }
.ctCon_l{ font-size:18px; color:#5d5d5d; }
.ctCon_l>h3{ font-size:36px; color:#0077d4; font-weight:bold; margin-top:80px; }	
.ctCon_l>h4{  font-size:14px; font-family:DIN; color:#b6b6b6; letter-spacing:3.5px; }	
.ctCon_l>p{ line-height:35px; }
.ctCon_l>p:nth-of-type(1){ margin-top:19px; }	
.ctCon_l .tel{ font-size:42px; color:#2d67b9; font-family:DIN; font-weight:bold; }
.ctCon_l>p:nth-of-type(2)	{ line-height:36px; margin-top:30px; margin-bottom:120px; }
.contactCon .ctIcon{ position:absolute; top:115px; left:-70px; z-index:-100; }
.ctCon_r{ text-align:right; padding-top:50px; }
.ctCon_r>div{ margin-top:10px; }
@media screen and (max-width: 960px) {
	.ctCon_l{ width:65%; }
	.ctCon_r{ width:35%; }
}
@media screen and (max-width:520px) {
	.contactCon{ display: block; }
	.ctCon_l,.ctCon_r{ width:100%; }
	.ctCon_r{ text-align: left; padding-top: 20px; }
	.ctCon_l>h3{ font-size:30px; margin-top: 30px; }
	.ctCon_l>h4{ font-size: 12px; }
	.ibanner_1,.ibanner_2,.ibanner_2_1,.ibanner_3,.ibanner_4{ height: 300px;}
	.ny_ban>h3{ padding-top: 90px; font-size: 42px; }
	.ny_ban>h4{ font-size: 38px; }
}