@charset "utf-8";




body{margin:0px; font-size:14px; color:#444; font-family: 微软雅黑; background:#ffffff;}
*{padding:0px; margin:0px; box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px;  border:0; background:none; outline:none; vertical-align:middle; font-family:微软雅黑;}
button {overflow:visible; font-family:微软雅黑;}
img{border:none; vertical-align:middle;}
img {    
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
li{list-style:none;}
a{color:#444; text-decoration:none;}
a:hover{color:#0057a8;}
.clear{overflow:hidden; clear:both; height:0px;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#0fa74b;}
::-webkit-scrollbar-thumb:active{background-color:#0fa74b;}





.con { width:80%; margin:0px auto; }
.contain{ width:94%;  margin:0 auto;}


.logo{ float:left; }
.logo img{ height:65px; width:auto}

.header{width:100%; position:fixed; width:100%; top:0px; left:0; z-index:550; transition: all 0.6s;}
.header .conn { width:80%; margin:0px auto; }
.header.on{ background:#fff;box-shadow: 0px 0px 5px rgba(195,195,195,0.35);transition: all 0.6s}
.header:hover{ background:#fff; transition: all 0.6s}
.logo1{ display:none; margin-top: 15px;}
.logo2{ display:block; margin-top: 15px;}

.header.on .logo1{ display:block;}
.header.on .logo2{ display:none;}

.header:hover .logo1{ display:block;}
.header:hover .logo2{ display:none;}


.header .s_ch{height:50px; width:50px; font-weight:bold; line-height:32px; text-align: right; color:#0248d6; font-weight: 900;float:right; cursor:pointer;  margin-top:30px; 
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .s_ch i{font-size:24px; color:#fff; font-weight: 900;}
.header.on .s_ch i {  color:#0248d6; }
.header:hover .s_ch i {  color:#0248d6; }


.header.on a:hover {color:#0248d6;}
.header:hover a:hover {color:#0248d6;}

.header .an{ position:absolute; right:3%; top:42px;height:18px; width:30px; display:none; float:right}
.header .an span{width:30px; height:2px; background-color:#fff; 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.on .an span{background:#0248d6;}
.header:hover .an  span{background:#0248d6;}


.header .nav{ float:right;}

.header .nav ul>li{height:90px; width:auto; padding:0 0px;font-size:16px;  line-height:60px;float:left; text-align:center;position:relative; text-transform:uppercase; }

.header .nav ul li a:hover{ color:#0248d6; }
.header .nav i{font-size:12px; line-height:50px; text-align:right; position:absolute;height:50px; right:5px; top:15px; display:none }




.header .nav ul li a.o_lm{line-height:90px; color:#fff; padding:0 25px;  display:block; position:relative;}
.header .nav ul li a.o_lm:after{ content:""; position:absolute; width:0; left:50%; transform:translateX(-50%); bottom:0; background:#0248d6; height:3px; opacity:0; transition:all 0.6s}
.header .nav ul li:hover a.o_lm{ color:#0248d6}
.header .nav ul li:hover a.o_lm:after{ content:""; position:absolute; width:100%; left:50%; transform:translateX(-50%); bottom:0; background:#0248d6; height:3px; opacity:1;transition:all 0.6s}


.header.on  .nav ul li a.o_lm{ color:#666}
.header:hover .nav ul li a.o_lm{ color:#666}



.header .nav .e_j{position:absolute; width:100%;  background:#fff;
box-shadow: 0px 10px 10px rgba(0,0,0,0.25); top:90px;  padding:0px; display:none; left:0; z-index:9999999999999;  height:auto;  -webkit-animation: fadeInUpMenu 0.4s;
  -moz-animation: fadeInUpMenu 0.4s;
  -ms-animation: fadeInUpMenu 0.4s;
  -o-animation: fadeInUpMenu 0.4s;
  animation: fadeInUpMenu 0.4s;
  }
  
  @-webkit-keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}

.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%; line-height:45px; font-weight:normal; height:auto; text-transform:none; border-bottom:#e1e1e1 1px solid; }
.header .nav .e_j ul li:last-child { border-bottom:0}
.header .nav .e_j  ul li a{display:block; font-size:13px; line-height:45px; color:#333; transition:all 0.6s;}
.header .nav .e_j  ul li a:hover { color:#0248d6; font-weight:bold;transition:all 0.6s }


@media only screen and (max-width:1440px){
.header .nav ul li a.o_lm{ padding:0 15px}
.header .conn { width:90%; margin:0px auto;}
.contain{ width:90%; margin:0 auto}

.con { width:90%; margin:0px auto; }
}
@media only screen and (max-width:1240px){
.tel{ display:none;}
}


@media only screen and (max-width:992px){
.con { width:94%; margin:0px auto; }
.header .conn { width:94%; margin:0px auto;}
.contain{ width:94%; margin:0 auto}
.header .nav ul li a.o_lm:after{ content:none;}
.header .nav ul li:hover a.o_lm:after{content:none;}
.header .s_ch{height:50px; width:50px; font-weight:bold; line-height:32px;  margin-top:24px; margin-right: 38px;  }
.header .s_ch i{font-size:22px; color:#fff; font-weight: 900;}
.header{padding:0px 5px; height:75px; position:fixed; top:0; width:100%; box-sizing:border-box;}
.header.on{ height:75px}
.header .an{display:block; top:30px;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#0248d6; top:0; right:0; margin:0; margin-top:75px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav i{display:block; color:#fff;  top:0; right:20px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0 20px; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li a.o_lm{line-height:50px; color:#fff;}
.header .nav ul li:hover a.o_lm{color:#fff; background:none;}
.header .nav .y_j{border-bottom:1px solid rgba(255,255,255,0.2);}
.header .nav .e_j{padding:10px 0px; border-bottom:1px solid rgba(255,255,255,0.2);box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.header .nav .e_j ul li a{ color:#fff}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav .e_j ul li{ border:0}
.logo{ margin:0 auto; position:fixed; z-index:9999; top:0; left:10px}
.logo img{ height:40px; width:auto}
.header .lange{padding-top:16px; margin-right: 40px;}
.header.on  .nav ul li a.o_lm{ color:#fff}
.header:hover .nav ul li a.o_lm{ color:#fff}
}




.head_h{width:100%; height:80px;}
@media only screen and (max-width:1023px) {
.head_h{width:100%; height:60px;}
}


.search{width:100%; background: rgba(0, 0, 0, 0.8); position:fixed; top:90px; left:0; z-index:600; display:none;}
.search .con{ position: relative;}
.search .sc_gb{position:absolute; top:50%; margin-top:-25px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);}
.search .sc_gb i{font-size:26px; line-height:40px; color:#fff;}
.search .sc_nr{width:700px; margin:20px auto; border: 1px solid rgba(255, 255, 255, 0.3);}
.search input{width:430px; height:40px; font-size:16px; line-height:40px; color:#fff; float:left; padding-left: 15px;}
.search input::placeholder{color:#fff;}
.search button{width:70px; height:40px; line-height:40px; text-align:center; color:#fff; float:right; outline:none;}
.search button i{font-size:30px;}
@media only screen and (max-width:992px){
.search{ top:75px;}
.search .sc_gb{position:absolute; top:50%; margin-top:20px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb i{font-size:22px;}
.search .sc_nr{width:85%;float: left;}
.search input{width:80%; font-size:15px; float: left;}
.search button{width:15%;}
.search button i{font-size:26px;}
}



.ban {position:fixed; height:100vh; width:100%;}
@media only screen and (max-width:992px){
.ban {position:fixed; height:40vh; width:100%;}
.ban img{width: auto; height:40vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }

	}


.gallery-top{width:100%; position:relative; height:100vh; }
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
@media only screen and (max-width:992px){
.gallery-top{width:100%; position:relative; height:40vh;}
.gallery-top .swiper-slide { overflow: hidden;}
.gallery-top .swiper-slide img{width: auto; height:40vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }
}

.sy_ym {position:relative; z-index:500; }
.sy_bzz {height:100vh; color:#fff; font-size:58px; text-align:center;  padding-top:250px; font-weight:bold; overflow:hidden; width:100%;}
@media only screen and (max-width:992px){
.sy_bzz {height:40vh; color:#fff; font-size:20px; text-align:center;  padding-top:110px;}
  
}



.sy_ys { width:100%; background:#fff; padding:100px 0px;}
.sy_ys .bt { text-align:center;font-size:42px;color:#333; margin-bottom:80px; font-weight:bold;}
.sy_ys ul li { width:18%; margin:0 2.5% 0 0; float:left; border-radius:10px; border:2px solid #ddd; padding:30px;}
.sy_ys ul li:nth-child(5n) { margin-right: 0;}
.sy_ys ul li .tp { width:100px; height:100px; border-radius:100%; background:#0063c0; margin:0px auto 30px auto;}
.sy_ys ul li:hover .tp{transform: rotatey(360deg); transition: all 2s; }
.sy_ys ul li .wz { text-align:center;}
.sy_ys ul li .wz h1 { color:#0063c0; font-size:22px; font-weight:bold; padding-bottom:15px;}
.sy_ys ul li .wz p { font-size:14px; line-height:24px; color:#666; height:96px;}
.sy_ys ul li:hover {transition: all 2s; }
@media only screen and (max-width:992px){
.sy_ys { padding:50px 0px;}
.sy_ys .bt { font-size:22px; margin-bottom:40px; font-weight:bold;}
.sy_ys ul li { width:100%; margin:0 0% 3% 0; float: none; padding:20px;}
.sy_ys ul li .tp { width:25%; height: auto; float: left; margin-bottom: 0;}
.sy_ys ul li .wz { width: 70%; float: right; text-align: left;}
.sy_ys ul li .wz h1 { padding-bottom:10px; font-size:20px;} 
.sy_ys ul li .wz p { font-size:14px;  height: auto;}
}


.sy_hf { width:100%; margin:0px auto;}
.sy_hf img { width:100%; height:auto;}


.sy_gy {width:100%; background:#fff; padding:130px 0px;}
.sy_gy .zc { width:32%; float:left;}
.sy_gy .zc img { width:100%; height:auto;}
.sy_gy .yc { width:60%; float:right;}
.sy_gy .yc h1 {font-size: 40px; padding-bottom:30px;}
.sy_gy .yc p {font-size: 16px; color:#666; line-height:26px; text-indent:32px; }
.sy_gy .yc h2 { font-size:20px; font-weight:bold; margin:40px 0px 20px 0px;}
.sy_gy .yc font { font-size:16px; }
.sy_gy .yc font a { text-decoration:underline; margin-right:20px;}
@media only screen and (max-width:992px){
.sy_gy { padding:40px 0px;}
.sy_gy .zc { width:100%; float: none; text-align: center; margin-bottom: 20px;}
.sy_gy .zc img { width:80%; height:auto;}
.sy_gy .yc { width:100%; float: none;}
.sy_gy .yc h1 {font-size: 24px; padding-bottom:20px;}
.sy_gy .yc p {font-size: 14px;line-height:24px;  }
.sy_gy .yc h2 { font-size:20px;  margin:20px 0px 10px 0px;}
.sy_gy .yc font { font-size:16px; }
.sy_gy .yc font a {  margin-right:10px;}
}


.gy_bt{width:100%;  text-transform:uppercase; margin-bottom:40px; text-align: center; }
.gy_bt h3{font-size:32px; font-weight: bold; color: #333; line-height:44px;  background:url(../images/bt.png) no-repeat center bottom; padding-bottom:20px;}
.gy_bt p { font-size:14px; color:#999; padding-top:10px}
@media only screen and (max-width:992px){
.gy_bt{ margin:20px 0px;}
.gy_bt h2{font-family:Arial; font-size:24px; line-height:50px;  font-weight:800; color:rgba(153,153,153,0.1); position:relative;}
.gy_bt h3{font-size:24px; line-height:44px; margin-top:-35px;  padding-bottom:10px;}
.gy_bt p { font-size:14px; color:#999; padding-top:10px}	
}


.ry_zz { width: 100%; margin:0px auto; background:#f6f6f6; padding:80px 0px 50px 0px;}
.zzz{ width: 90%; margin: 0px auto; position:relative;}
.zzz .ziyuan1{ width:90%; margin:0px auto; padding: 40px 0px;}

.zzz .ziyuan1 .swiper-slide {transition: 300ms;width: 20%; position:relative;  }
.zzz .ziyuan1 .swiper-slide-active,.swiper-slide-duplicate-active {width: 40%; overflow:hidden; }


.zzz .ziyuan1 .swiper-slide .tdjj {position: relative; transition: all 0.3s ease; border-radius:15px;  padding-bottom:15px; background: linear-gradient(0deg, #d1e1f1,#fff ); margin:0px 15px; height:370px; z-index:22;}
.zzz .ziyuan1 .swiper-slide .tdjj .tp { width:100%; height:auto; z-index:23; position:relative;}
.zzz .ziyuan1 .swiper-slide .tdjj .tp img { width:100%; height:auto;  border-radius:15px 15px 0px 0px;}
.zzz .ziyuan1 .swiper-slide .tdjj .wz { background:#f6f6f6; border-radius:15px; padding:10px; text-align:center; width:90%; margin:0px auto; margin-top:-10px; z-index:30; position:relative;}
.zzz .ziyuan1 .swiper-slide .tdjj .wz h2 { font-size:18px; font-weight:bold; padding:10px 0px; color:#0063c0;}
.zzz .ziyuan1 .swiper-slide .tdjj .wz h3 { font-size:14px; color:#666;}
.zzz .ziyuan1 .swiper-slide .tdjj .jy { position: absolute;top: 20px; right:10px;background: #0063c0;color: white; padding: 6px 10px;border-radius: 25px;font-size: 14px;}
.zzz .ziyuan1 .swiper-slide .tdjj .wzz { width:95%; background:#f6f6f6; text-align:justify; color:#666666;  text-align:left; border-radius:10px; display:none; margin:0px auto; margin-top:-50px; position:relative; z-index:111;  padding:20px;  overflow:hidden; line-height:24px; }
.zzz .ziyuan1 .swiper-slide .tdjj .wzz p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.zzz .ziyuan1 .swiper-slide-active .tp {width: 45% !important; float:left; border-radius:15px; margin-top:0%; margin-left: 5%;height: auto !important}
.zzz .ziyuan1 .swiper-slide-active .tdjj {background: linear-gradient(90deg, #d2e0ed,#b5d0ea);}
.zzz .ziyuan1 .swiper-slide-active .tdjj .wz { background: none; padding:10px; text-align:left; width:45%; float:right; margin-top:15%;}
.zzz .ziyuan1 .swiper-slide-active .tdjj .wz h2 { font-size:28px;  }
.zzz .ziyuan1 .swiper-slide-active .tdjj .wz h3 { font-size:18px; }
.zzz .ziyuan1 .swiper-slide-active .tdjj .wzz { display:block;}
.zzz .swiper-button-next{width:48px; height:48px; background:url(../images/right.png) no-repeat; right:0;  margin-top:-50px;background-size:48px 48px;}
.zzz .swiper-button-prev{width:48px; height:48px; background:url(../images/left.png) no-repeat; left:0; margin-top:-50px; background-size:48px 48px;}
@media only screen and (max-width:1440px) {
.zzz{ width:90%; margin: 0px auto; position:relative;}	
}
@media only screen and (max-width:992px) {
.ry_zz {  margin: 0px auto ; padding:50px 0px 0px 0px;}
.zzz{ width:94%; margin: 0px auto; position:relative;}
.zzz .ziyuan1{ width:100%; margin:0px auto; padding: 20px 0px; }
.zzz .ziyuan1 .swiper-slide {transition: 300ms;width: 100%; position:relative;  }
.zzz .ziyuan1 .swiper-slide .tdjj { height: auto;}
.zzz .ziyuan1 .swiper-slide-active,.swiper-slide-duplicate-active {width: 100%; overflow:hidden; }
.zzz .ziyuan1 .swiper-slide-active .tp {width: 55% !important; margin-left: 5%;}
.zzz .ziyuan1 .swiper-slide .tdjj .wzz p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;  overflow: hidden; }
.zzz .ziyuan1 .swiper-slide-active .tdjj .wz {  width:40%; float:right; margin-top:12%;}
.zzz .ziyuan1 .swiper-slide-active .tdjj .wz h2 { font-size:24px;  }
.zzz .ziyuan1 .swiper-slide-active .tdjj .wz h3 { font-size:16px; }
.zzz .swiper-button-next{ display: none;}
.zzz .swiper-button-prev{ display: none;}
}






.sy_xw { width: 100%; margin:0px auto;  padding:80px 0px; background:#fff; }
.sy_xw .zc { width: 40%; float: left; height:380px; position: relative; border-radius:20px; overflow:hidden;}
.sy_xw .zc img {object-fit: cover; width: 100%; height: 100%;}
.sy_xw .zc span { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; padding: 0px 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background: rgba(0,0,0,.5); font-size: 16px; color: #fff;}
.sy_xw .yc { width: 55%; float: right;}
.sy_xw .yc ul { margin:0px auto;}
.sy_xw .yc ul li { padding: 25px 0px; border-bottom: 1px solid #ddd;}
.sy_xw .yc ul li:first-child { padding-top:0;}
.sy_xw .yc ul li .wz {}
.sy_xw .yc ul li .wz h4 { font-size: 18px; height: 35px; font-weight:bold;}
.sy_xw .yc ul li .wz h4 span { float:right; color:#999; font-size: 14px; font-weight:normal;}
.sy_xw .yc ul li .wz p { font-size: 14px; line-height: 24px; color: #666; height:48px; overflow:hidden;}
@media only screen and (max-width:1440px){
.sy_xw { width:100%; }	
}
@media only screen and (max-width:992px){
.sy_xw { width:100%; padding:40px 0px 30px 0px;}	
.sy_xw .zc { width: 100%; float: none; height:300px; position: relative;}
.sy_xw .yc { width: 100%; float: none; margin-top:40px;}
.sy_xw .yc h2{font-size:30px;}
.sy_xw .yc h2 i { width:40px; height: 4px;  margin: 15px 10px 0px 0px;}
.sy_xw .yc ul { margin-bottom:20px;}
.sy_xw .yc ul li { padding: 20px 0px; }
.sy_xw .yc ul li .wz h4 { font-size: 18px; height: auto;}
.sy_xw .yc ul li .wz p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;  }
}



.footer{width:100%; position:relative; background:#0057a8; padding:60px 0px 0px 0px;}
.footer .zcc {float:left;  width:22%; margin-right:5%; }
.footer .zcc img { width:200px;}
.footer .zcc p {color:#fff;  opacity:0.7; padding:20px 0px;}
.footer .zc {float:left; width:auto; margin-right:5%; width:10%; }
.footer .zj {float:left;  width:22%; }
.footer .yc { float:right; width:8%;}

.footer .dt{font-size:20px; color:#fff; line-height:36px; font-weight:bold; text-transform:uppercase;}
.footer .dd{ margin-top:10px; }
.footer .dd .lin{  display:block;  font-size:14px; color:#fff;  opacity:0.7;  padding:5px 0px;}
.footer .dd .lin i { padding-right:10px;}
.footer .dd .lin:hover{ opacity:1;}
.footer .dd .lin1{ width:100%; display:block; float:left; font-size:18px; color:#fff; line-height:28px; letter-spacing:1px; margin-top:12px; padding-left:36px; }
.footer .dd .lin2{ width:100%; display:block; float:left; font-size:14px; color:#fff; line-height:16px; letter-spacing:1px; opacity:0.7; background:url(../images/footer2.png) no-repeat left 18px; padding:10px 0 10px 10px;}

.footer .xz { color: #ccc; font-size: 14px; padding:0px 0 20px 0;}
.footer .eww { color: #ccc; line-height: 30px; text-align: center; font-size: 14px; margin-top:15px; width:100%;} 
.footer .eww img { width: 100%; height: auto;}

.footer .dbf { border-top:1px solid rgba(255,255,255,.5); margin:20px auto 0px auto; padding-top:20px;}
.footer .dbf a { width:10%; float:left; color:#fff; opacity:.7; line-height:26px;}


.footer .footer_down{ width:100%;  padding:20px 0px; text-align:center; }
.footer .footer_down .tb1 { text-align:center; margin-bottom:15px; opacity:.8;}
.footer .footer_down .tb1 img  { width:30px; height:auto;}
.footer .footer_down .tb1 a { margin:0px 5px;}
.footer .footer_down p{  font-size:14px; line-height:24px; color:white; opacity:0.6; width:100%;}
.footer .footer_down a {color:#fff; opacity:.7; padding:0px 5px;} 

@media screen and (max-width:992px) {
.footer{ padding:30px 0px ;}
.footer .zcc {float: none;  width:100%; margin-right:0%; }
.footer .zcc img { display: none;}
.footer .zc { display:none; }
.footer .zj {float:right;  width:100%; }
.footer .yc { display: none;}
.footer .dbf a { width:33.3333%; float:left; color:#fff; opacity:.7; line-height:26px;}
.footer .footer_down{ padding:20px 0px 30px 0px; text-align:center; width: 94%; margin: 0px auto;}
.footer .footer_down p{ font-size:12px; }
}


.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative; }
.nban img{ width:100%; height:auto;}
.nban .bj { position: absolute; left: 0; top:0; height: 100%; width: 100%; background:rgba(0,90,188,.0);}
.nban .wz { position: absolute; left: 10%; top:48%; z-index: 5; width:80%; text-align:center;}
.nban .wz h1 { font-size: 44px; height: 65px; text-shadow: 0px 1px 3px rgba(0,0,0,.5); color: #fff;  letter-spacing:5px; font-weight:600;  }
.nban .wz i { margin-right:8px;}
.nban .wz font { padding:0 6px;}
.nban .wz p { font-size: 16px; text-shadow: 0px 1px 3px rgba(0,0,0,.5); color: #fff;}
@media screen and (max-width:1360px) {
.nban .wz { position: absolute; left: 15%; top:32%;}
}
@media screen and (max-width:992px) {
.nban{  height:250px; }
.nban img{ position:absolute; height:250px; width:auto; top:0; left:40%; transform:translateX(-40%); z-index:2}
.nban .wz { position: absolute; left: 5%; top:48%; width:90%;}
.nban .wz h1 { font-size: 28px; height: 40px; }
.nban .wz p { font-size:14px; }
}


.zy_fw1 {width:100%; background:#fff; padding:100px 0px;}
.zy_fw1 .zc { width:42%; float:right; border-radius:20px; overflow:hidden;}
.zy_fw1 .zc img { width:100%; height:auto;}
.zy_fw1 .yc { width:52%; float:left;}
.zy_fw1 .yc h1 {font-size: 32px; padding-bottom:30px; font-weight:bold; color:#333;}
.zy_fw1 .yc p {font-size: 16px; color:#666; line-height:30px;  }
.zy_fw1 .yc h2 { font-size:20px; font-weight:bold; margin:20px 0px 10px 0px;}
.zy_fw1 .yc font { font-size:16px; line-height:30px; }
@media only screen and (max-width:992px){
.zy_fw1 { padding:40px 0px;}
.zy_fw1 .zc { width:100%; float: none; text-align: center; margin-bottom: 20px;}
.zy_fw1 .zc img { width:100%; height:auto;}
.zy_fw1 .yc { width:100%; float: none;}
.zy_fw1 .yc h1 {font-size: 24px; padding-bottom:20px;}
.zy_fw1 .yc p {font-size: 14px;line-height:24px;  }
}



.zy_fw2 {width:100%; background:#f6f6f6; padding:100px 0px;}
.zy_fw2 .zc { width:42%; float:left; border-radius:20px; overflow:hidden;}
.zy_fw2 .zc img { width:100%; height:auto;}
.zy_fw2 .yc { width:52%; float:right;}
.zy_fw2 .yc h1 {font-size: 40px; padding-bottom:30px; font-weight:bold;}
.zy_fw2 .yc p {font-size: 18px; color:#666; line-height:80px; border-bottom:1px solid #ddd;  }
@media only screen and (max-width:992px){
.zy_fw2 { padding:40px 0px 20px 0px;}
.zy_fw2 .zc { width:100%; float: none; text-align: center; margin-bottom: 20px;}
.zy_fw2 .zc img { width:100%; height:auto;}
.zy_fw2 .yc { width:100%; float: none;}
.zy_fw2 .yc h1 {font-size: 24px; padding-bottom:20px;}
.zy_fw2 .yc p {font-size: 16px;line-height:60px;  }
}


.mr {background:#0057a8; width:200px; height:50px; line-height:50px; color:#fff; display:block; text-align:center; font-size:16px; margin:40px 0; border-radius:5px;}
.mr a {color: #fff;  font-size: 18px; font-weight:bold;}
.mr:hover { border:1px solid #0057a8; color:#0057a8; background:none; transition: all 0.5s; }
.mr:hover a {color:#0057a8;}
@media only screen and (max-width:992px){
.mr {background:#0057a8; width:180px; height:40px; line-height:40px;}	
.mr a {color: #fff;  font-size: 16px; font-weight:bold;}
}

.zy_fw3 { width:100%; background:#fff; padding:100px 0px;}
.zy_fw3 ul li { width:18%; margin:0 2.5% 0 0; float:left; border-radius:10px; background:#f6f6f6; padding:50px 30px;}
.zy_fw3 ul li:nth-child(5n) { margin-right: 0;}
.zy_fw3 ul li .tp { width:100px; height:100px; border-radius:20%; background:#0063c0; margin:0px auto 30px auto;}
.zy_fw3 ul li:hover .tp{transform: rotatey(360deg); transition: all 2s; }
.zy_fw3 ul li .wz { text-align:center;}
.zy_fw3 ul li .wz h1 { color:#0063c0; font-size:22px; font-weight:bold; padding-bottom:15px;}
.zy_fw3 ul li .wz p { font-size:14px; line-height:24px; color:#666; height:96px;}
.zy_fw3 ul li:hover {transition: all 2s; }
@media only screen and (max-width:992px){
.zy_fw3 { padding:50px 0px;}
.zy_fw3 ul li { width:100%; margin:0 0% 3% 0; float: none; padding:20px;}
.zy_fw3 ul li .tp { width:25%; height: auto; float: left; margin-bottom: 0;}
.zy_fw3 ul li .wz { width: 70%; float: right; text-align: left;}
.zy_fw3 ul li .wz h1 { padding-bottom:10px; font-size:20px;} 
.zy_fw3 ul li .wz p { font-size:14px;  height: auto;}
}


.clearfix-time{display:block;zoom:1}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0}

.f12{font-size:12px}
.f30{font-size:30px}
.f24{font-size:22px}
.f16{font-size:16px}

.about2{padding:80px 0px; background:#f6f6f6;}
.about2 ul{background:url(../images/sy51.png) repeat-y center}
.about2 li:before{background:url(../images/sy50.png) no-repeat center center;left:-12.8%;top:12px;content:"";display:block;position:absolute;width:30px;height:30px}
.about2 li:hover:before{background:url(../images/sy500.png) no-repeat center center;}
.about2 li h4:hover{color:#f8f8f8;transition:all 1s;transform:translateY(-15px)}
.about2 li h4{position:relative;display:block;text-decoration:none;font-family:lato;color:#0063c0;text-transform:uppercase;padding:4px 0;transition:.5s}
.about2 li h4::after{position:absolute;content:"";width:100%;height:1px;top:100%;left:0;background:#3498db;transition:transform .5s;transform:scaleX(0);transform-origin:right}
.about2 li h4:hover{color:#0063c0;}
.about2 li h4:hover::after{transform:scaleX(1);transform-origin:left}
.about2 li:nth-child(2n):before{background:url(../images/sy50.png) no-repeat center center;right:-12.8%;top:12px;left:auto;content:"";display:block;position:absolute;width:30px;height:30px}
.about2 li:hover:nth-child(2n):before{background:url(../images/sy500.png) no-repeat center center;}
.about2 li h4{color:#0063c0;transition:all 1s; font-weight:bold;}
.about2 li p{color:#666;margin-top:10px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.future{text-align:center;color:#999;font-size:12px;margin-top:17px}
.about2 li:nth-child(1){margin-top:0}
.about2 li{float:right;width:45%;text-align:left;position:relative;margin-top:100px}
.about2 li:nth-child(2n){float:left;text-align:right;margin-top:100px}
@media only screen and (max-width:992px){
.about2 li:before{left:-17%;top:12px;content:"";display:block;position:absolute;width:20px;height:20px; background-size:20px 20px;}
.about2 li:hover:before{width:20px;height:20px; background-size:20px 20px;}
.about2 li:nth-child(2n):before{width:20px;height:20px; background-size:20px 20px; right:-17%;}
.about2 li:hover:nth-child(2n):before{width:20px;height:20px; background-size:20px 20px;}
.f24{font-size:18px}
.f16{font-size:14px}
	
}



.help {color:#fff; background:#07506b;cursor: pointer; padding:100px 0px;}

.help .nt {  width:70%; border-radius:14px;  margin: 0px auto; background:#fff; padding:80px; box-shadow: 0px 1px 10px rgba(0,0,0,.2);}
.help .nt .bk { width:32%; height: 60px; line-height: 60px;  border-bottom: 1px solid #ddd; margin-bottom:15px; float:left; margin:0 0.5% 2% 0.5%;}
.help .nt .bkk { width:48.5%; height: 60px; line-height: 60px;  border-bottom: 1px solid #ddd; margin-bottom:15px; float:left; margin:0 0.5%;}
.help .nt .txt { width: 100%;   background: none; font-size: 14px; color:#999; float: left; line-height:60px;}
.help .nt .txt1 { width: 100%; border:none; background: none; font-size:14px; color:#999; outline:none; height:30px; overflow:auto; line-height:30px; margin-top:15px; font-family:微软雅黑; }
.help .nt .an { width: 200px; height: 50px; margin: 40px auto 10px auto; line-height: 50px; background: #005abc; font-size: 20px; color: #fff;  border-radius:5px; text-align:center;}
.help .nt .jz { text-align: center; padding: 20px 0px 0px 0px; height: 30px; color: #666; font-weight: normal;}
.help .nt .dhl {margin-top:30px; font-size:18px; color:#666;}
.help .nt .dhl i { font-size:20px; padding-right:5px;}
@media only screen and (max-width:1023px) {
.help { padding:50px 0px;}
.help .nt {  width:90%; border-radius:10px;  margin: 0px auto; padding:40px 20px;}
.help .nt .bk { width:100%; height:50px; line-height:50px; margin:0;  }
.help .nt .bkk { width:100%; height:50px; line-height:50px; margin:0;  }
.help .nt .an { width:180px; height: 40px; margin: 30px auto 10px auto; line-height: 40px;  font-size: 16px; }
}


.fzlc { width:100%; margin:0px auto; padding:120px 0px; border-top:1px solid #ddd;}

.fzlc .sd { width:100%; font-size:24px; color:#005abc; font-weight:bold; text-align:center; height:140px; }
.fzlc .xd { width:100%; background:rgba(255,255,255,.6); padding:35px 20px; font-size:16px; color:#666; border-bottom:3px solid #005abc; text-align:center; height:140px; border-top:1px solid #ddd;}
.fzlc .xdd { width:100%; background:rgba(255,255,255,.6); padding:35px 20px; font-size:16px; color:#666; border-top:3px solid #005abc; text-align:center; height:141px; border-bottom:1px solid #ddd;}

.fzlc .swiper-container-cpfw{width:80%;  margin: 0px auto; position: relative;}
.fzlc .swiper-container-cpfw .swiper-slide{}
.fzlc .swiper-button-prev{ position: absolute; top:46%;  left:0;  width:30px; height:30px; background: url(../images/left_ico.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}

.fzlc .swiper-button-next{ position: absolute; top:46%;  right:0;width:30px; height:30px;  background:url(../images/right_ico.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.zhjia { width: 92%; margin: 0px auto;}
@media only screen and (max-width:1440px) {
.fzlc .swiper-container-cpfw{width:90%; margin: 0px auto;}

}
@media only screen and (max-width:992px) {
.fzlc { width:100%; margin:0px auto; padding:80px 0px;}
.fzlc .sd { font-size:20px;height:140px; }
.fzlc .xd {  padding:20px; font-size:14px; }
.fzlc .xdd {  padding:20px; font-size:14px;}
.fzlc .swiper-container-cpfw{width:100%;}
.zhjia { width: 80%; margin: 0px auto;}
}


.ny_cs {width:100%; margin:0px auto; padding:120px 0px;}
.ny_cs ul li { width:45%; float:left; margin:0 10% 0 0; position:relative; height:300px;}
.ny_cs ul li .tp { position:absolute; left:0; bottom:0; width:100%; height:250px; border-radius:20px; background: linear-gradient(180deg, #eaf1f8,#b5d0ea); z-index:1; }
.ny_cs ul li .tpp {position:absolute; left:0; bottom:0; width:100%; z-index:2;}
.ny_cs ul li .tpp .zc { width:50%; float:left;}
.ny_cs ul li .tpp .zc img { width:100%;}
.ny_cs ul li .tpp .yc { width:45%; float:right; padding-top:24%; font-size:18px;}
.ny_cs ul li .tpp .yc h1 { font-size:30px; font-weight:bold; padding-bottom:20px; color:#005abc;}
.ny_cs ul li:nth-child(2n) { margin-right:0;}
@media only screen and (max-width:992px) {
.ny_cs {padding:60px 0px;}
.ny_cs ul li { width:100%; float: none; margin:0 0 5% 0;  height:170px;}
.ny_cs ul li .tp { height:120px; border-radius:10px;}	
.ny_cs ul li .tpp .yc { font-size:14px;}
.ny_cs ul li .tpp .yc h1 { font-size:22px; padding-bottom:10px;}
}


.ny_sm {width:100%; margin:0px auto; padding:120px 0px; background:#f6f6f6;}
.ny_sm ul li { width:20%; float:left; margin:0 3% 0 0;}
.ny_sm ul li:first-child { width:28%;}
.ny_sm ul li:nth-child(4n) { margin-right:0;}
.ny_sm ul li h2 { font-size:28px; font-weight:bold; color:#005abc; margin-bottom:50px;}
.ny_sm ul li p{ font-size:18px; padding-bottom:50px; border-bottom:1px solid #ddd; margin-bottom:50px;}
.ny_sm ul li p span { padding-top:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block;}
@media only screen and (max-width:992px) {
.ny_sm {padding:50px 0px;}
.ny_sm ul li { width:100%; float: none; margin:0 0% 2% 0;}
.ny_sm ul li:first-child { width:100%;}	
.ny_sm ul li h2 { font-size:20px; margin-bottom:20px;}
.ny_sm ul li p{ font-size:16px; padding-bottom:20px;  margin-bottom:20px;}
}




.jr_wm { margin:0px auto; padding:100px 0px 80px 0px;}
.jr_wm .tab{ width:80%; margin:0 auto;}
.jr_wm .tab-hd { overflow:hidden; zoom:1; text-align: center;}
.jr_wm .tab-hd li{ width: auto; display:inline-block; color:#333; text-align:center; margin:0px 10px; border-radius:5px; cursor:pointer; font-size:20px; font-weight:bold; background:#f0f0f0; line-height:50px; padding:0px 50px; }
.jr_wm .tab-hd li.active{  color: #fff; background:#005abc; line-height:50px;}
.jr_wm .tab-bd li{display:none; margin-top:40px;box-shadow:5px 2px 10px 1px rgba(0,0,0,.1); padding:60px; border-radius:20px; }
.jr_wm .tab-bd li h1 { font-size:20px; font-weight:bold; color:#005abc; margin-bottom:20px; }
.jr_wm .tab-bd li .wz { border-bottom:1px solid #ddd; padding:0px 0px 50px 0px; margin-bottom:50px; color:#666; line-height:28px;}
.jr_wm .tab-bd li.thisclass{ display:list-item;}
@media only screen and (max-width:1440px){
.jr_wm .tab{ width:90%; margin:0 auto;}

}
@media only screen and (max-width:992px){
.jr_wm { margin: 0px auto;  padding:40px 0px;}
.jr_wm .tab{ margin:0 auto;} 
.jr_wm .tab-hd li{ width: 50%; margin:0px; float: left; font-size: 14px; padding:0px;  }
.jr_wm .tab-hd li img { width: 50px; height: 50px;}
.jr_wm .tab-bd li{display:none; margin-top:20px;  padding:40px 20px; border-radius:10px; }
}




.zx_bm{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999; display:none;}
.zx_bm .bm_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.7);}
.zx_bm .b_m{width:40%; border-radius:15px; background-color:#fff; padding:60px 40px; position:absolute; top:15%; left:30%;}


.zx_bm .b_m .txt { width: 100%; height: 50px; line-height: 50px; background: #f6f6f6; padding: 0 20px; box-sizing: border-box; color: #666;font-size: 16px; border-radius:5px;}
.zx_bm .b_m .ll { width: 48%; margin-bottom: 20px;}
.zx_bm .b_m .text{ background:#0057a8; width:200px; height:50px; line-height:50px; color:#fff; display:block; text-align:center; font-size:16px; margin:40px auto; border-radius:5px;}
.zx_bm .b_m .txtt { width: 100%; height:120px; line-height: 30px; background: #f6f6f6; padding: 10px 20px; box-sizing: border-box; color: #666;font-size: 16px; border: none; outline: none; border-radius:5px; font-family:微软雅黑;}

@media only screen and (max-width:1023px) {
.zx_bm .b_m{width:94%;  padding:50px 20px 20px 20px; top:8%; left:3%;}
.zx_bm .b_m .txt { font-size: 14px;}
.zx_bm .b_m .ll { width: 100%; margin-bottom: 20px;}

}


.ny_xw { width: 80%; margin: 60px auto 60px auto;}
.ny_xw ul li { padding: 30px; margin: 30px auto;}
.ny_xw .rq { width: 13%; float: left;}
.ny_xw .rq h1 { font-weight: bold; font-size:30px; color: #005abc;}
.ny_xw .rq p { font-size: 22px; padding: 10px 0px 0px 5px; color: #666;}
.ny_xw .tp { width: 25%; float: left; border-radius: 8px; overflow: hidden;}
.ny_xw .tp img { width: 100%; height: auto;}
.ny_xw .wz { width: 58%; float: right;}
.ny_xw .wz h2 { font-size: 18px; font-weight: 800; line-height: 40px; padding-bottom: 15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.ny_xw .wz h2 a:hover {color: #005abc; text-decoration: underline;}
.ny_xw .wz p { line-height: 28px;}
.ny_xw ul li:hover {box-shadow:  0px 10px 15px 10px #f0f0f0; border-radius:8px;}
@media only screen and (max-width:1360px) {
.ny_xw { width:90%;}
}
@media only screen and (max-width:992px){
.ny_xw { width: 94%; margin:30px auto 50px auto;}
.ny_xw ul li {  padding: 10px 0px 10px 0px; margin: 0px auto;}
.ny_xw .rq { display: none;}
.ny_xw .tp { width: 100%; float: none;}
.ny_xw .wz { width: 100%; float: none;}
.ny_xw .wz h2 { font-size: 16px; font-weight: 800; line-height: 30px; padding:15px 0 5px 0;}
.ny_xw .wz p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;  }	
}

/*翻页*/
.paging{width:100%; margin:0px auto 30px auto; text-align:center; overflow:hidden;}
.paging a{line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:32px; height:32px; margin:0 3px; display:inline-block;}
.paging a:hover{background-color:#005abc; border:1px solid #005abc; color:#fff;}
.paging a.on{background-color:#005abc; border:1px solid #005abc; color:#fff;}
@media only screen and (max-width:1023px) {
.paging{margin:20px auto 30px auto ;}
.paging a{line-height:32px; font-size:14px; width:32px; height:32px; margin:0 3px; }
}




