@charset "utf-8";
@font-face {
  font-family: "TitilliumWeb-Regular";
  src: url("../fonts/TitilliumWeb-Regular.woff2") format("woff2"),
       url("../fonts/TitilliumWeb-Regular.woff") format("woff"),
       url("../fonts/TitilliumWeb-Regular.ttf") format("truetype"),
       url("../fonts/TitilliumWeb-Regular.eot") format("embedded-opentype"),
       url("../fonts/TitilliumWeb-Regular.svg") format("svg"),
       url("../fonts/TitilliumWeb-Regular.otf") format("opentype");
}
.imgZ{position: relative;padding-top: 100%;display: block;}
.imgZ .pica{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.imgZ .pica img{width: 100%;height: 100%;object-fit: cover;display: block;}
.imgY{position: relative;padding-top: 100%;display: block;}
.imgY .pica{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.imgY .pica img{max-width: 100%;max-height: 100%;display: block;width:unset !important;height:unset !important;}
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: "TitilliumWeb-Regular",Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: "TitilliumWeb-Regular",Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: "TitilliumWeb-Regular",Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;display: block;}
li{list-style:none;}
a{color:#222; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#01417f;}

.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:100%; margin:0 auto;padding: 0 calc(100vw * .085);}
.container {width:100%; margin:0 auto;padding: 0 calc(100vw * .085);}
.header{width:100%; position:fixed; top:0; left:0; z-index:10;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;background: #fff;}
.header::after{position: absolute;left: 0;height: 5px;background: #094683;bottom: 0;content: "";width: 100%;z-index: -1;}
.header .container{position:relative;}
.header .logo{float:left; margin:20px 0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .logo img{width:auto; height:70px; display:block;}
.header .ss {float: right;width: 30px;height: 30px;background: #094683;border-radius: 15px;line-height: 30px;text-align: center;color: #fff;margin-top: 35px;}
.header .ss i{font-size: 18px;}
.search{width:100%; padding:30px 5%; background-color:#f7f7f7; position:fixed; top:0; left:0; z-index:9; display:none;box-sizing: border-box;}
.search .an_sj {width: 5%;line-height: 52px;color: #555;float: right;text-align: right;}
.search input.w_z{width:90%; height:52px; border-radius:0; font-size:18px; line-height:52px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:5%; height:52px;font-size:18px; line-height:52px; text-align:center; float:left; -webkit-appearance:none;font-weight: bold;}
.search i {font-size: 18px;}
.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}

.header .nav{float:right;}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header.on .nav{ float:right;}
.header .nav ul li{ line-height:110px; float:left; position:relative; padding:0 1.5vw 0 0.5vw;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .nav ul li a{display:block; font-size:16px; color:#333;font-weight: bold;text-transform:capitalize}

.header .nav ul li span{width:0; height:13px; background:url(../images/sj.png) center top / auto 13px no-repeat; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}


.nav .y_j{position:relative;}
.nav .e_j{width:300px; background-color:rgba(255,255,255,1); position:absolute; top:110px; left:0;display:none; z-index:9999;padding: 1vw;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000;font-weight: normal;line-height:28px;}
.nav .e_j .ejy { position:relative}
.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:0px; left:150px; display:none; z-index:9999;}
.header .nav .e_j a:hover{color:#01417f;}

@media (min-width:1024px){

.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 100px;}
}
@media (max-width:102px){
.header .nav ul li{margin:0 15px;}
.header .nav ul li a{font-size:15px;}
}
@media (max-width:1200px){
.header .nav ul li{margin:0 20px;}
.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:1024px){
.head_h { height: 60px; display:block}
.header{border:0; height:60px; background:#fff; width:100%}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{margin:10px auto;}
.header .logo img{height: 40px;}
.header.on .logo{ margin:10px auto;}
	.header .ss {
  margin-top: 15px;margin-right: 50px;
}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header.on .nav {width:100%;}
.header .nav{width:100%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:60px; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #333;}
.header .nav i{display:block;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.15); float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid rgba(0,0,0,0.15); background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#333;font-size: 16px;}
.header .nav ul li .e_j a:hover { color:#333}
.header .nav .e_j a{border-top:0; font-size: 16px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:16px; color:#333;}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}

.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000}




.tit { margin-bottom:50px; text-align:center}
.tit h1 { font-size:36px; color:#000;font-weight: bolder;margin-bottom:15px; position:relative}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height:5px;background:#01417f ;}
.tit h3 { font-size:14px; color:#666; margin-top:25px;}


.abobt {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;margin-bottom: calc(10px * 6);}
.abobt .right {width: 66.66666667%;padding-left: 10px;box-sizing: border-box;min-height: calc(10px * 25);padding-top: calc(10px * 12) !important;padding-bottom: calc(10px * 12) !important;position: relative;height:21vw;}
.abobt .right .box {position: relative;}
.abobt .right .bg {position: absolute;width:calc(100% - 10px);height: 100%;top: 0;right: 0;}
.abobt .right .bg img{width: 100%;height: 100%;object-fit: cover;display: block;}
.abobt .left {width: 33.33333333%;padding-right: 10px;box-sizing: border-box;position: relative;}
.abobt .left .nr {width:calc(100% - 10px);position: absolute;left: 0;height: 100%;top: 0;padding: calc(10px * 4) calc(40vw * .085);line-height: 1.5;background:url(../images/topbj.jpg) center / cover no-repeat;display: flex;justify-content: center;flex-direction: column;}
.abobt .left .nr h1{font-size: calc(36px + 4px);line-height: 1.5;color: #000;font-weight: bold;}

.abobt .left .nr h3 {
  font-size: 24px;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
}
.abobt .left .line {height: 1px;background: #000;margin: 20px 0;}
.abobt .left h4 {font-size: calc(18px + 4px);color: #000;margin-bottom: 50px;}
.about_wz{font-size: calc(16px + 4px);margin: 0 auto;margin-bottom: calc(10px * 6);}
.about_wz .nr {padding: calc(10px * 4) calc(100vw * .085);color: #000;text-align: justify;line-height: 1.5}
.mb{margin-bottom: calc(10px * 6);}

.qy_wh {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.qy_wh li {width:50%;background: #e6e6e6;padding: calc(10px * 4) calc(100vw * .085);}
.qy_wh li h3{font-size: calc(26px + 4px);margin-bottom: 50px;color: #01417f;position: relative;}
.qy_wh li h3::after{content: "";height: 3px;background: #01417f;width: 60px;left: 0;bottom: -15px;position: absolute}
.qy_wh li .nr {font-size: calc(16px + 4px);color: #000;line-height: 1.5;margin-bottom: 20px;}
.qy_wh li:nth-child(2){background: url(../images/bg1.jpg) center / cover no-repeat}
.qy_wh li:nth-child(2) h3{color: #fff;}
.qy_wh li:nth-child(2) h3::after{background: #fff;}
.qy_wh li:nth-child(3) h3::after{background: #fff;}
.qy_wh li:nth-child(2) .nr{color: #fff;}
.qy_wh li:nth-child(3){background: url(../images/bg2.jpg) center / cover no-repeat}
.qy_wh li:nth-child(3) h3{color: #fff;}
.qy_wh li:nth-child(3) .nr{color: #fff;}
.ab_ad{padding: calc(10px * 4) calc(100vw * .085);}
.ab_ad ul{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.ab_ad li {width: 32%;padding: 50px;background: #f5f5f5;}
.ab_ad li .t_b {margin: 0px auto 20px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 70px;
  border-radius: 40px;
  overflow: hidden;
  background: #084e87;
  border: #3a91cb 5px solid;
  color: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;}
.ab_ad li .t_b i{font-size: 36px;}
.ab_ad li h3 {font-size: calc(26px + 4px);color: #000;margin-bottom: 30px;line-height: 1.2;height:72px;text-align: center}
.ab_ad li .nr {font-size: calc(16px + 4px);color: #000;line-height: 1.3;margin-bottom: 20px;}
.ab_ad li:hover .t_b {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.ab_ad li .nr p {margin-bottom: 15px;}
.ab_ad li .nr p::before {content: "•";margin-right: 10px;}


.sy_hz {padding: calc(10px * 4) calc(100vw * .085);;position: relative;}
.sy_hz .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:calc(100vw * .085);
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.sy_hz .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:calc(100vw * .085);
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.swiper-hz .swiper-slide img {width:100%; height:auto; display:block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.swiper-hz .swiper-slide:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }



.swiper-hz{ margin:0 auto; padding-bottom:50px;padding-top: 10px;}
.swiper-hz .swiper-slide{position:relative;}

.swiper-hz .swiper-pagination-bullet {width:10px; height:10px; display:inline-block;border: #228b99 1px solid; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #fff;}
.swiper-hz .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#228b99}
.swiper-hz .swiper-pagination-bullets{bottom: 0px !important;}


.ab_news {background: #f6f6f6;padding: calc(10px * 4) calc(100vw * .085);}
.ab_news ul {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;margin-bottom: 50px;}
.ab_news ul li {width: 49%;display: flex;justify-content: space-between;align-items: stretch;background: #fff;}
.ab_news ul li .t_p{width: 50%;}
.ab_news ul li .t_p img{width: 100%;display: block;height: 100%;object-fit: cover;}
.ab_news ul li .w_z{width: 50%;padding: 0 15px 15px 20px;}
.ab_news ul li .w_z h3{font-size:24px;font-weight: bold;color: #000;margin-bottom:15px;}
.ab_news ul li .w_z p {font-size: 16px; color: #000;line-height: 1.2;margin-bottom: 10px;}
.ab_news ul li .w_z h4 {font-size: 20px; color: #084e87;font-weight: bold;}
.ab_news ul li .w_z p i {margin-right: 8px;font-weight: bold;}

.swiper-yxxy a { display: block; position: relative; padding: 25px 20px; border-bottom: 1px solid #F1f1f1;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.05);width: 100%;height: 100%}
.swiper-yxxy a::after { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; width: 0; height: 1px; background: #084e87; content: ""; }
.swiper-yxxy a:hover::after { width: 100%; -webkit-transition: all 0.45s linear 0s; -moz-transition: all 0.45s linear 0s; -ms-transition: all 0.45s linear 0s; -o-transition: all 0.45s linear 0s; transition: all 0.45s linear 0s; }
.swiper-yxxy a:hover .title { color: #084e87; }
.swiper-yxxy .title { margin: 0 0 10px;font-size: 20px;font-weight: bold;}
.swiper-yxxy .info { color: #555; line-height: 28px;font-size: 16px;margin-bottom: 5px; }
.swiper-yxxy .info i { display: inline-block; vertical-align: top; width: 21px; height: 21px; margin: .04rem .09rem 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-color: #EDEDED; background-size: auto; border-radius: 50%;text-align: center;line-height: 21px; }

.sy_xy{}
.swiper-yxxy{ padding-bottom:60px;padding-top: 30px;}
.swiper-yxxy::before{ height: 1px;top:18px;background: #ccc;width: 100%;position: absolute;left: 0;content: ""}
.swiper-yxxy .swiper-slide{position:relative;}
.swiper-yxxy .swiper-slide::before{content: "";width: 16px;height: 16px;border-radius: 8px;background: #084e87;top: -20px;left: 50%;margin-left: -8px;position: absolute;z-index: 5;}
.swiper-yxxy .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background: #084e87;
}
.swiper-yxxy .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: #91989f;
  opacity: 1;
}
.footer_bg{width:100%;
/*	background-image: radial-gradient(circle, #3990ca, #05407c);*/
	position: relative;padding-top: 35px;background: url(../images/blue.png) center / cover no-repeat}
.footer {  margin:0 auto;}
.footer .zuo3 ul {display: flex;justify-content: space-between;}
.footer .zuo3 ul li { float:left;}
.footer .zuo3 ul li.lx { float:left;}
.footer .zuo3 ul li.lx i {display:inline-block;margin-right: 8px;}
.footer .zuo3 ul li.ly {float: right;margin-right: 0;width: auto;}
.footer .zuo3 ul li.ly p {font-size: 16px;line-height: 2;margin-bottom: 10px; color:#fff;opacity: 0.65;}
.footer input{width:100%; height:32px; background-color:rgba(130,130,130,.4); padding:0 5px; display:block; font-size:14px; line-height:32px; color:#333; margin-bottom:8px;box-sizing: border-box;}
.footer .tijiao{width:150px; height:48px; background-color:#eb8a23; font-size:16px; margin-bottom:5px; line-height:48px !important; color:#fff; text-align:center;text-transform: uppercase;border-radius: 6px;cursor:pointer; display: block;}
.footer .zuo3 ul li.ly .tb {padding-top: 20px}
.footer .zuo3 ul li.ly .tb a {width: 30px;margin-right: 10px;position: relative;float: left;}
.footer .zuo3 ul li.ly .tb a i{font-size: 20px;}
.footer .zuo3 ul li.ly .tb a .wx {width: 120px;position: absolute;left: 50%;margin-left: -60px;background: #fff;top: -120px;display: none;}
.footer .zuo3 ul li.ly .tb a:hover .wx{display: block;}
.footer .zuo3 ul li.ly .tb a img {width: 100%;}

.footer .zuo3 ul li .tit1 {width: 100%;overflow: hidden;margin-bottom: 20px;}
.footer .zuo3 ul li .tit1 a { font-size:18px; font-weight:bold; color:#fff; line-height:36px; display:block; text-transform:uppercase;width: 100%;margin: 0;}
.footer .zuo3 ul li .line { margin-bottom:20px; height:2px; margin-top:10px; display:none}
.footer .zuo3 ul li .line span { width:15px; height:1px; background:#eb8a23;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul li:hover .line span { width:50px; height:1px;}
.footer .zuo3 ul li a { width:100%; display:block; line-height:2; font-size:14px; color:#fff; margin:6px 0;}
.footer .zuo3 ul li a:hover {color: #eb8a23;}
.dzwz {line-height:30px; max-width:360px;}
.dzwz .pp { line-height:2; color:#fff;font-size:16px;margin: 6px 0;display: flex;justify-content: flex-start;align-items: flex-start;}
.footer .you3 { width:350px; float:right;}
.footer .you3 .weixin { width:100px; padding-top:20px; float: right; line-height:30px; color:#fff; text-align:center}
.footer .you3 .dian { width:230px; float: left;}
.footer .you3 .dian h2 { font-size:20px; line-height:50px; color:#fff; padding-top:20px;}
.footer .you3 .dian p { line-height:30px; font-size:14px; color:#fff; text-align: left}
.footer_btm {padding:20px 0;margin-top:10px;border-top: rgba(255,255,255,0.3) 1px solid;}
.copy { width:1200px; margin:0 auto; text-align:center; line-height:30px;}
.copy p {font-size:16px;text-transform: uppercase;color: #fff;}
.copy p a { color: #fff; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}

.product {}
.product {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;margin-bottom: calc(10px * 6);}
.product .right {width: 60%;padding-left: 10px;box-sizing: border-box;min-height: calc(10px * 25);padding-top: calc(10px * 12) !important;padding-bottom: calc(10px * 12) !important;position: relative;height:26vw;}
.product .right .box {position: relative;}
.product .right .bg {position: absolute;width:100%;height: 100%;top: 0;right: 0;}
.product .right .bg img{width: 100%;height: 100%;object-fit: cover;display: block;}
.product .left {width: 40%;box-sizing: border-box;position: relative;}
.product .left .nr {width:100%;position: absolute;left: 0;height: 100%;top: 0;padding: calc(10px * 4) 50px calc(10px * 4) 12% ;line-height: 1.5;background:url(../images/topbj2.jpg) center / cover no-repeat;display: flex;justify-content: center;flex-direction: column;font-size: calc(18px + 4px);color: #000;}

.product .left .nr h3{font-size: 20px;line-height: 1.3;color: #000;font-weight: bold;margin-bottom: 20px;}
.product .left .line {height: 1px;background: #000;margin: 20px 0;}
.product .left h4 {font-size: 16px;color: #000;margin-bottom: 20px;line-height: 1.5;}

.pro_wz {padding: 3vw 0;color: #000;
  text-align: center;font-size: calc(16px + 4px);
  line-height: 1.5;}
.pro2 {}
.pro2 ul li{overflow: hidden;position: relative;}
.pro2 ul li .t_p {width: 50%;position: absolute;right: 0;top: 0;height: 100%;}
.pro2 ul li .t_p img{width: 100%;height: 100%;object-fit: cover;}
.pro2 ul li .w_z {width: 50%;padding: 40px 70px 40px 70px;display: flex;justify-content: center;align-items: center;flex-direction: column;background: #f5f5f5;min-height: 22vw;}
.pro2 ul li .w_z h3 {font-size: calc(26px + 4px);color: #054281;font-weight: bold;margin-bottom: 25px;line-height: 1.2;width: 100%;}
.pro2 ul li .w_z .nr {font-size: calc(16px + 4px);color: #000;line-height: 150%;width: 100%}
.pro2 ul li .w_z .nr ul{list-style: unset;padding-left: 24px;}
.pro2 ul li .w_z .nr li{list-style: unset;overflow: unset;}
/* .pro2 li .nr p {margin-bottom: 15px;} */
/* .pro2 li .nr span {display: block;width: 50%;float: left;} */
/* .pro2 li .nr p::before {content: "•";margin-right: 10px;} */
.pro2 ul li .w_z .more {width: 200px;height: 43px;border-radius: 25px;background: #054281;text-align: center;position: relative;overflow: hidden;line-height: 43px;margin-top: 34px;}
.pro2 ul li .w_z .more a{color: #fff;font-size: 18px;z-index: 5;position: relative;}
.pro2 ul li .w_z .more i{font-size: 18px;margin-left: 10px;}
.pro2 ul li .w_z .more span{position: absolute;width: 0%;height: 100%;left: 0;top: 0;background: #f87b10;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;z-index: 1;}
.pro2 ul li .w_z .more:hover span{width: 100%;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.pro2 ul li:nth-child(2n) .t_p{right: auto;left: 0;}


.appli ul li{overflow: hidden;position: relative;}
.appli ul li .t_p {width: 50%;height: 100%;position: absolute;right: 0;top: 0;}
.appli ul li .t_p img{width: 100%;height: 100%;object-fit: cover;}
.appli ul li .w_z {width: 50%;padding: 40px 70px 40px 70px;display: flex;justify-content: center;align-items: center;flex-direction: column;min-height: 22vw;}
.appli ul li .w_z h3 {font-size: calc(26px + 4px);color: #054281;font-weight: bold;margin-bottom: 25px;}
.appli ul li .w_z h3 i {font-size:calc(26px + 4px);margin-right: 15px; }
.appli ul li .w_z .nr {font-size: calc(16px + 4px);color: #000;line-height: 150%;}
.appli li .nr p {margin-bottom: 15px;}
.appli li .nr p::before {content: "•";margin-right: 10px;}
.appli ul li .w_z .more {width: 200px;height: 43px;border-radius: 25px;background: #054281;text-align: center;position: relative;overflow: hidden;line-height: 43px;margin-top: 34px;}
.appli ul li .w_z .more a{color: #fff;font-size: 18px;z-index: 5;position: relative;}
.appli ul li .w_z .more i{font-size: 18px;margin-left: 10px;}
.appli ul li .w_z .more span{position: absolute;width: 0%;height: 100%;left: 0;top: 0;background: #f87b10;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;z-index: 1;}
.appli ul li .w_z .more:hover span{width: 100%;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.appli ul li:nth-child(2n) .t_p{right: auto;left: 0;}

.ny_zl ul {}
.ny_zl li{position: relative;overflow: hidden;}
.ny_zl li .t_p{width:50%;position: absolute;right: 0;top: 0;height: 100%;}
.ny_zl li .t_p img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.ny_zl li .w_z{width:50%;background: #e6e6e6;padding: calc(10px * 4) calc(100vw * .085);display: flex;justify-content: center;flex-direction: column;min-height: 22vw;}
.ny_zl li:nth-child(2n) .t_p{right: auto;left: 0;}
.ny_zl li:nth-child(2n) .w_z{left: auto;right: 0;}
.ny_zl li h3{font-size: calc(26px + 4px);margin-bottom: 50px;color: #01417f;position: relative;}
.ny_zl li h3::after{content: "";height: 3px;background: #01417f;width: 60px;left: 0;bottom: -15px;position: absolute}
.ny_zl li .nr {font-size: calc(16px + 4px);color: #000;line-height: 1.5;margin-bottom: 20px;}
.ny_zl li .nr table{border-collapse: collapse;}
.ny_zl li .nr td{padding: 4px;}
.ny_zl li .tabl{border: #999 1px solid;overflow: hidden;margin-bottom: 10px;}
.ny_zl li .tabl .bk {border-bottom: #999 1px solid;overflow: hidden;display: flex;align-items: stretch;}
.ny_zl li .tabl .bk:last-child {border-bottom: #999 0 solid;}
.ny_zl li .tabl span {width: 33.3333%;float: left;display: block;border-right: #999 1px solid;text-align: center;padding: 3px;}
.ny_zl li .tabl span:last-child{border-right: #999 0 solid;}

.ny_zl li .tabl.tb2 span {width: 20%;font-size: 0.83vw;}


.slideGroup {
	padding: 0 calc(100vw * .085);
}

.slideGroup .parHd {
	position: relative;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
}

.slideGroup .parHd ul {
	display:table; margin:20px auto 0;
}

.slideGroup .parHd ul li {
	float: left;
	padding: 0 15px;font-size: 18px;color: #333;
	cursor: pointer;
}

.slideGroup .parHd ul li.on {
	height: 50px;
	background: #fff;
	color: #094683;
}

.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;

	position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 0;
	top: 40%;
	display: block;
	width: 44px;text-align: center;border-radius: 22px;
	height:44px;line-height: 44px;z-index: 100;background: rgba(255,255,255,0.85);
}
.slideGroup .sPrev i,
.slideGroup .sNext i{font-size: 25px;}

.slideGroup .sNext {
	left: auto;
	right: 0;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	margin: 0 10px;
	float: left;
	width: calc(25% - 20px);
	position: relative;box-sizing: border-box;
}

.slideGroup .parBd ul li .pic {
	text-align: center;position: relative;border: #eee 1px solid;
}
.slideGroup .parBd ul li .pic .mb {position: absolute;width: 100%;height: 100%;z-index: 9;background: rgba(0,0,0,0) url(../images/jh.png) center / 30px no-repeat;opacity: 0;}
.slideGroup .parBd ul li:hover .pic .mb {background: rgba(0,0,0,0.6) url(../images/jh.png) center / 30px no-repeat;opacity: 1;}
.slideGroup .parBd ul li .pic .hr{position:absolute;width: 100px; left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}	
.slideGroup .parBd ul li .pic .hr img{width:100%;height: 100%; opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.slideGroup .parBd ul li:hover .pic .hr img{opacity:1;}	
	
.slideGroup .parBd ul li:hover .pic .hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}	
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}	to{-webkit-transform:rotate(360deg);}}

.slideGroup .parBd ul li .pic img {
	width: 100%;
	display: block;object-fit: cover;
}
.slideGroup .parBd ul li h3 {font-size: 16px;color: #333;margin: 10px 0}

.slideGroup .parBd ul li .description {
	position: absolute;
	width: 280px;
	height: 145px;
	background: #372d2b;
	padding: 20px 10px 10px 20px;
	top:120px;
	left: 420px;
	color:#fff
}
.slideGroup .parBd ul li .description h4{
	color: #cca552;
	height: 40px;
	line-height: 40px;
}
.slideGroup .parBd ul li .description a{
	color: #fff;
	float: right;
	margin-top: 10px;
	background: #7c0002;
	border-radius: 5px;
	padding: 3px 10px;
}
.ny_zltb {background: #f6f6f6;padding: calc(10px * 4) calc(100vw * .085);}
.ny_zltb .top {display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 40px;}
.ny_zltb .top li {box-shadow: 0 0 15px rgba(0,0,0,0.15);padding: 35px 30px;box-sizing: border-box;width: 32%;background: url(../images/bg1.jpg) center / cover no-repeat;}
.ny_zltb .top li:nth-child(2){background: url(../images/bg2.jpg) center / cover no-repeat;}
.ny_zltb .top li .t_b{text-align: center;margin-bottom: 20px;}
.ny_zltb .top li:hover .t_b{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.ny_zltb .top li .t_b i{font-size: 50px;color: #fff;}
.ny_zltb .top li h3 {font-size: 18px;color: #fff;text-align: center}
.ny_zltb .zllo {display: flex;justify-content: center;flex-wrap: wrap;}
.ny_zltb .zllo li {width: 15.6666%;margin:0.5% 0.5%;border: #eee 1px solid;text-align: center;}
.ny_zltb .zllo li img {max-width: 100%;display: block;margin: 0 auto;}

/*联系*/
.lxwm { padding-top:50px;margin:0 auto;position: relative;}
.map1 img { width:100%; margin-bottom:30px; margin-top:15px;}

.ctas li{width:25%;float:left; margin-bottom:35px;}

.ctas li .icob{width:70px;height:70px;border: #01417f 1px solid;border-radius:100%;margin:0 auto;overflow:hidden;line-height:70px !important;text-align: center;font-size: 35px !important;color: #01417f;}
.lxewm { text-align:center; line-height:25px; font-size:14px; margin:30px auto;}
.ctas li .ico{display:block;background-position:center center;width:100%;height:100%;background-repeat:no-repeat;transition:300ms;-webkit-transition:300ms;line-height: 65px !important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;}
.ctas li .ico i {width: 100%;font-size: 30px;}
.ctas li:hover .icob{background: #01417f;color: #fff;}

.ctas li .en{text-align:center;text-transform: capitalize; font-size:16px;color:#666;margin-top:7px;}
.ctas li .ch0{text-align:center;margin-top:12px; font-size:16px;color: #333;}
.ctas li:hover .ico{transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.ctas{ margin-top:2.5%;}
.cta_words{background:#f6f6f6;padding:5% 0 5% 0;margin-top:5%;}
/*留言*/

.lxly {padding: 40px 0;}
.lxly p { font-size:16px; line-height:1.8; margin-bottom:20px;color: #333;}
.lxly .wbk { margin-top:10px; text-align:center}
.lxly .wbk input.w_z{width:30.3333%;height:50px;line-height: 50px;margin: 0 1.5% 25px;padding: 0 15px; float:left; font-size:16px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color:#888;	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;font-family:'Lato-Light';background: #fff;border: #ccc 1px solid;} 
.lxly .wbk input.w_z.no { margin-right:0}
.lxly .wbk textarea {width:97%;height:150px; padding:0 15px; line-height:50px; color:#888; font-size:16px; outline: none;resize: none;margin: 0 1.5% 50px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;border: #ccc 1px solid; }
.lxly .wbk .a_n { width:300px; height:52px; margin:0 auto; line-height:52px; font-size:20px; color:#fff; text-align:center; background:#01417f;border-radius: 30px;cursor: pointer;}
















@media only screen and (max-width:1640px) {
.ab_ad li h3 {
  font-size: calc(22px + 4px);
}
}

@media only screen and (max-width:1500px) {
	.container {
  padding: 0 3%;
}
	.ab_ad {
  padding: calc(10px * 4) 3%;
}
	.ab_ad li {
  padding: 30px;
}
	.ab_ad li h3 {
  font-size: 25px;
}
	.ab_ad li .nr {
  font-size: 18px;
}
	.ab_news {
  padding: calc(10px * 4) 3%;
}
	.con {
  padding: calc(10px * 4) 3%;
}
	.abobt .left .nr {
  padding: calc(10px * 4) 10%;
}
	
	.about_wz .nr {
  padding: calc(10px * 4) 5%;
}
	.sy_hz .swiper-button-prev{display: none}
.sy_hz .swiper-button-next{display: none}
	
	.pro2 ul li .t_p {
  height: auto;padding-top: 30%;position: relative;
}
	.pro2 ul li .t_p img{position: absolute;top: 0;left: 0}
	.pro2 ul li .w_z h3 {
  font-size:24px;
}
	.pro2 ul li .w_z .nr {
  font-size: 18px;
}
	.pro2 li .nr p {
  margin-bottom: 10px;
}
	.ny_zl li h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
	.ny_zl li h3::after {
  bottom: -10px;
}
	.ny_zl li .nr {
  font-size: 18px;
}
	.ny_zl li .w_z {
  padding: 40px 60px;
}
	.slideGroup {
  padding: 0 3%;
}
	.footer_bg {
  padding-top: 0;
}
	.ny_zl li .tabl span {font-size: 16px;
}
	
	
	
	

  }



@media only screen and (max-width:1366px) {
	.ny_zl li .w_z {
    padding: 30px 45px;
  }
	 .ny_zl li .nr {
    font-size: 16px;
  }
	 .ny_zl li h3 {
    font-size: 22px;
  }
	.ny_zl li .tabl.tb2 span {
  font-size: 1vw;
}
	.abobt .left .line {
  margin:10px 0 20px;
}
	.abobt .left h4 {
  margin-bottom:20px;
}
	.appli ul li .w_z {
  padding: 30px 50px 30px 50px;
}
	.appli ul li .w_z .nr {
  font-size: 16px;
}
	.appli ul li .w_z h3 {
  font-size: 26px;
  margin-bottom: 20px;
}
	.appli ul li .w_z .more {
  width: 180px;
  height: 35px;
  line-height:35px;
  margin-top: 25px;
}
	.appli ul li .w_z .more a {
  font-size: 16px;
}
	.footer .zuo3 ul li a {
  margin: 0;
}
	.footer .zuo3 ul li .tit1 {
  margin-bottom: 15px;
}
	.slideGroup .sPrev, .slideGroup .sNext {
  width: 34px;
  height: 34px;
  line-height: 34px;
}
	
	
	
	
}






@media only screen and (max-width:1124px) {
	
	.slideGroup .parBd ul li {
  margin: 0 10px;
  width: calc(50% - 20px);
}
	.abobt .left .nr h1 {
  font-size: 24px;
}
	 .abobt .left .line {
    margin: 10px 0 10px;width: 30px;height: 2px;
  }
	.abobt .left h4 {font-size: 16px;
  }
	.abobt .left .nr {
    padding: 30px 10%;
  }
	.abobt {
  margin-bottom:40px;
}
	.about_wz .nr {
    padding: 30px 5%;
  }
	.mb {
  margin-bottom: 40px;
}
	.about_wz {
  margin-bottom:40px;
}
	.qy_wh li {
  padding: 30px 5%;
}
	.ab_ad {
    padding: 30px 3%;
  }
	.ab_ad li {
    padding: 25px;width: 100%;margin-bottom: 20px;
  }
	 .ab_ad li h3 {height: auto;
  }
	  .con {
    padding: 30px 3%;
  }
	.ab_news ul li {
  width: 100%;margin-bottom: 25px;
}
	.ab_news ul {
  margin-bottom: 30px;
}
	.footer .zuo3 ul li.lx {display: block;
}
	.footer .zuo3 ul li {display: none;
}
	.footer .zuo3 ul li.ly {display: block;
}
	.copy {
  width: 90%;
}
	.product {
  margin-bottom: 30px;
}
	.product .left {
  width: 100%;
}
	.product .right {
  width: 100%;
  padding-left: 0px;height: 16rem;
}
	.product .right .bg {
}
	.product .left .nr {
  width: 100%;
  position: static;
  padding: 30px 5%;
  font-size: 16px;
}
	 .pro2 ul li .w_z .nr {
    font-size: 16px;
  }
	.pro2 ul li .w_z {
  width: 100%;
  padding: 25px;position: static;
}
	.pro2 ul li .t_p {width: 100%;padding-top: 50%;
  }
	 .appli ul li .w_z {
    padding: 25px;width: 100%;position: static;
  }
	 .appli ul li .w_z h3 {
    font-size: 24px;line-height: 1.1;
  }
	.appli ul li .w_z h3 i {
  font-size: 24px;
  margin-right: 10px;
}
	.appli ul li .t_p {
  width:100%;
  height: auto;
}
	.ny_zl li .w_z {
    padding: 25px;position: static;width: 100%;
  }
	.ny_zl li .t_p {
  width: 100%;
  padding-top: 50%;
}
	.slideGroup .parHd ul li {
  padding: 0 10px;
  font-size: 16px;
}
	.slideGroup .parHd {
  height: auto;
  line-height: 28px;
  padding: 0 0px;
}
	.slideGroup .parHd ul li.on {
  height: auto;
}
	.lxwm {
  padding-top: 0px;
}
	.ctas li {
  width: 100%;
  margin-bottom: 20px;
}
	.lxly {
  padding: 0px 0;
}
	
	
	
	
	
	

  }

@media only screen and (max-width:600px){

.tit {margin-bottom:30px;}
.tit h1 {font-size:2.5rem;}
	.abobt .left {
  width: 100%;
  padding-right: 0px;
}
	.abobt .left .nr {
    padding: 20px 5%;overflow: hidden;position: static;width: 100%;
  }
	.abobt .right {
  width: 100%;
  padding-left: 0px;min-height: 15rem;
  height: 18rem;padding-top: 0 !important;
  padding-bottom:0 !important;
}
	
	.abobt .right .bg {
  width:100%;
}
	.about_wz {
  font-size: 16px;
}
	.qy_wh li h3 {
  font-size:24px;
  margin-bottom: 20px;
}
	.qy_wh li h3::after {
  width: 40px;
}
	 .qy_wh li {width: 100%;
  }
	  .about_wz .nr {
    padding: 0px 5%;
  }
	.qy_wh li .nr {
  font-size:16px;
}
	.ab_ad {
    padding: 0px 3%;
  }
	.ab_ad li .nr {
    font-size: 16px;
  }
	.ab_news ul li {flex-wrap: wrap;margin-bottom: 20px;
  }
	.ab_news ul li .t_p {
  width: 100%;
}
	.ab_news ul li .w_z {
  width: 100%;
  padding: 15px 15px 15px;
}
	 .ab_news ul {
    margin-bottom: 20px;
  }
	.pro2 ul li .w_z .more {
  width: 180px;
  height: 38px;
  line-height: 38px;
  margin-top: 25px;
}
	.pro_wz {
  padding: 3vw 5%;
}
	.footer .zuo3 ul {flex-wrap: wrap;
}
	 .footer .zuo3 ul li.ly {margin-top: 20px;
  }
	.footer_btm {
  padding: 10px 0;
}
	.copy p {
  font-size: 14px;
}
	  .copy {line-height: 1.4;
  }
	.slideGroup .parBd ul li {
    margin: 0 10px;
    width: calc(100% - 20px);
  }
	.ny_zltb .top {flex-wrap: wrap;
  margin-bottom: 30px;
}
	.ny_zltb .top li {
  padding: 30px 20px;
  width: 100%;
}
	.ny_zltb .top li h3 {
  font-size: 16px;
}
	.ny_zltb .zllo li {
  width: 24%;
}
	  .ny_zl li .tabl.tb2 span {
    font-size: 14px;
  }
	.ny_zl li .tabl {width: 600px;
}
	.ny_zl li .tabl span {
    font-size: 14px;
  }
	.ny_zl li .nr {overflow-x: auto;
  }
	.lxly .wbk input.w_z {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0 0 15px;
  padding: 0 10px;
  font-size: 14px;
}
	.lxly .wbk textarea {
  width: 100%;
  height: 120px;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  margin: 0 0 20px;
}
	.lxly .wbk .a_n {
  width: 260px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
}
	
	
	
	
	
	
	
	
	
	
	

}