::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#006db7;}
::-webkit-scrollbar-thumb:active{background-color:#006db7;}


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

.bt1{ text-align:center; margin-bottom:50px}
.bt1 h3{ display:block; font-size:40px; color:#333; font-weight: 900;}
.bt1 em{ display:block; width:50px; height:3px; background:#00529e; margin:10px auto}
.bt1 span{ text-transform:uppercase; font-size:14px; color:#888; font-family: Arial;}


.i-aboutUs-box .tit {color: #fff;}

.origin-box {
    
    /* background: rgba(0,46,91,.75); */
    /* background-attachment: inherit; */
}








.about-con { padding: 100px 0px 50px 0px;width: 100%;background-image: url(../images/orgin-banner.jpg);background-repeat: no-repeat;background-attachment: fixed; background-size:cover; }
.about-con .gy_bt em { margin: 0px auto 20px auto; }
.about-con .btz {font-size: 26px;margin-bottom: 30px; text-align: center;  color: #fff;}
@media only screen and (max-width:1660px){
.contain{ width:90%; margin:0 auto;}
.about-con {width:100%;  margin: 0px auto;color: #fff; padding: 60px 0px;}	
}
@media only screen and (max-width:1440px){
.about-con {width:100%;  margin: 0px auto;color: #fff; padding: 60px 0px;}	
}
@media only screen and (max-width:992px){
.contain{ width:90%; margin:0 auto;}
.about-con {width:100%; padding: 40px 10px; background-size: auto 100%; background-position: center; }
.about-con .btz {font-size: 14px;margin-bottom: 25px; text-align: center;}
}


.digital{width: 80%;color: #fff; margin: 0px auto;}
.mumping_mun{width:100%;list-style: none; margin-top: 60px;}
.mumping_mun li{width: 18.333%; float: left; margin:0px 7.5% 40px 7.5%;}
.mumping_mun .ere { width: 100%; display: block;}
.mumping_mun p{font-size: 18px;display: block;clear: both; text-align: left;}
.mumping_mun h2{font-size: 48px;font-weight: normal;float: left;margin-right: 10px; text-align: left; line-height: 60px;}
.mumping_mun font {font-size: 40px;float: left; line-height: 60px;}
.mumping_mun .fa-icon { width: 60px; float: left; font-size: 50px; font-style: normal;}
.mumping_mun .fa-icon img { width: 50px; height: auto;}
.mumping_mun .fa-iconn { width: 80px; float: left; font-size: 30px; color: #008eef; line-height: 100px; font-style: normal; border-right: 1px solid rgba(255,255,255,.3); margin-right: 20px;}
.mumping_mun .mun_top { float: left; }
@media only screen and (max-width:1660px){
.digital{width: 90%;color: #fff; margin: 0px auto;}
.mumping_mun li{width: 21.333%; float: left; margin:0px 6% 40px 6%;}
}
@media only screen and (max-width:1440px){
.digital{width: 90%;color: #fff; margin: 0px auto;}
.mumping_mun li{width: 23.333%; float: left; margin:0px 5% 40px 5%;}
.mumping_mun h2{font-size: 40px; line-height: 50px;}
}
@media only screen and (max-width:992px){
.digital{width: 100%;color: #fff; margin: 0px auto;}
.mumping_mun{width:100%;list-style: none; margin-top:30px;}
.mumping_mun li{width: 31.333%; line-height: 40px; float: left; margin: 0px;}	
.mumping_mun h2{font-size:24px;font-weight: normal;float: none; text-align: center; line-height:40px;}
.mumping_mun font {display: none;}
.mumping_mun p{font-size: 12px;display: block;clear: both; text-align: center; line-height: 16px; }	
.mumping_mun .fa-icon { width: 100%; float: none; text-align: center; display: block; }
.mumping_mun .fa-iconn { width: 80px; float: none;font-size: 30px;  line-height:40px;  border-right: 0px solid rgba(255,255,255,.3); margin-right: 00px;}
.mumping_mun .mun_top { float: none; width: 100%; }
}



.sybt { width: 100%; margin:0px auto;}
.sybt em {display:block; width:50px; height:7px; background:#006db7; vertical-align:middle; margin-bottom: 20px;}
.sybt h1 { font-size: 40px; font-weight: 900; padding-bottom: 40px;}

.ry_zzz { width: 100%; margin:0px auto; background: #F6F6F6; padding: 70px 0px 40px 0px;}
.zz_cp{ width: 90%; margin: 0px auto; position:relative;}
.zz_cp .ziyuan2{ width:94%; margin:0px auto 40px auto; padding-bottom:20px; }
.zz_cp .ziyuan2 .swiper-slide{ position:relative; border-radius:10px; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,0.2);}
.zz_cp .ziyuan2 .swiper-slide i{ display:block; width:100%; padding-bottom:100%;}
.zz_cp .ziyuan2 .swiper-slide .tp {width:100%; height:auto; overflow: hidden; border-radius:10px; }
.zz_cp .ziyuan2 .swiper-slide img{  width:100%; height:auto; overflow: hidden;}
.zz_cp .ziyuan2 .swiper-slide:hover .tp img{ transform:scale(1.1,1.1); transition:all 0.6s}

.zz_cp .ziyuan2 .swiper-slide .wz { padding:10px 10px 20px 10px;  z-index: 19; width: 100%;color:#333; }
.zz_cp .ziyuan2 .swiper-slide h1{ display:block; font-size:22px; text-align:center; font-weight: bold;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight: bold; line-height:40px;}
.zz_cp .ziyuan2 .swiper-slide h2 { font-size:16px; }
.zz_cp .ziyuan2 .swiper-slide h2 a { font-size:16px; }
.zz_cp .ziyuan2 .swiper-slide p { font-size:14px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
.zz_cp .ziyuan2 .swiper-slide:hover { background:#006db7;transition:all 0.6s}
.zz_cp .ziyuan2 .swiper-slide:hover .wz { color:#FFF;transition:all 0.6s}

.zz_cp .jtt {}
.zz_cp .swiper-button-next{width:29px; height:48px; background:url(../images/r.png) no-repeat; right:0; top:55%; background-size:29px 48px; }
.zz_cp .swiper-button-prev{width:29px; height:48px; background:url(../images/l.png) no-repeat; left:0;top:55%; background-size:29px 48px;}

.zz_cp .jtt:hover .swiper-button-prev { display:block;}


@media only screen and (max-width:1440px) {
.zz_cp{ width:90%; margin: 0px auto; position:relative;}	
}
@media only screen and (max-width:992px) {
.sybt h1 { font-size:28px; font-weight: 900; padding-bottom: 25px;}
.ry_zzz {padding: 50px 0px 30px 0px;}
.zz_cp{ width:94%; margin: 0px auto; position:relative;}
.zz_cp .ziyuan2{ width:100%; margin:0px auto 20px auto; }
.zz_cp .ziyuan2 .swiper-slide .wz { padding:10px; text-align: left;  width: 90%;}
.zz_cp .ziyuan2 .swiper-slide h1{ display:block; font-size:18px; line-height:30px }
.zz_cp .ziyuan2 .swiper-slide h2 { font-size:14px; color: #000;}
.zz_cp .ziyuan2 .swiper-slide h2 a { font-size:14px; color: #000;}
.zz_cp .ziyuan2 .swiper-slide p { font-size:12px; color: #000;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;  } 
.zz_cp .swiper-button-next{ display: none;}
.zz_cp .swiper-button-prev{ display: none;}
}

















.gy_bt{width:100%;  margin-bottom:30px;}
.gy_bt h1{font-size:40px; color:#333; font-weight: 900;margin-bottom:10px; }
.gy_bt h1 font { color: #006db7; font-size:40px;}
.gy_bt em{display:block; width:50px; height:7px; background:#006db7; vertical-align:middle; margin-bottom: 20px;}
.gy_bt p { font-size: 18px; color: #999;}
@media only screen and (max-width:992px){
.gy_bt h1{font-size:30px; color:#333; font-weight: 900;margin-bottom:10px; }
.gy_bt h1 font {  font-size:30px;}
.gy_bt em{margin-bottom: 10px;}
.gy_bt p { font-size: 16px; color: #999;}
}

.clear { clear: both;}

.sy_pr {width:90%; margin: 80px 0px 0px 0px; float: right;}
.sy_pr .zc { width: 10%; float: left;}
.sy_pr .zc em {display:block; width:50px; height:7px; background:#006db7; vertical-align:middle; margin-bottom: 20px;}
.sy_pr .zc h1 { font-size: 40px; font-weight: 900; padding-bottom: 40px;}
.sy_pr .zc h1 span { display: block;}
.sy_pr .zc p { font-size: 18px; color: #999;  padding-bottom: 50px;}
.sy_pr .zc a.mr{display:block; width:130px; height:46px; font-size:16px; line-height:42px; border:1px solid #006db7; text-align: center; color: #006db7;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_pr .zc a.mr:hover{color:#fff; border:2px solid #006db7;
box-shadow:inset 130px 0 0 0 #006db7;
-webkit-box-shadow:inset 150px 0 0 0 #006db7;
-moz-box-shadow:inset 150px 0 0 0 #006db7;
-ms-box-shadow:inset 150px 0 0 0 #006db7;
-o-box-shadow:inset 150px 0 0 0 #006db7;}


.sy_pr .yc { width: 80%; float: right; position: relative;}
.sy_pr .yc .swiper-container-hz{padding-bottom:60px;}
.sy_pr .yc .swiper-container-hz .swiper-slide {background: #f6f6f6; overflow: hidden;}
.sy_pr .yc .swiper-container-hz .tp { width: 65%; float: left; overflow: hidden;}

.sy_pr .yc .swiper-container-hz .tp img{ width:100%; height:auto;transition:all 0.6s}
.sy_pr .yc .swiper-container-hz .swiper-slide:hover .tp img{ transform:scale(1.1,1.1); transition:all 0.6s}
.sy_pr .yc .swiper-container-hz .wz { width: 35%; float: left; padding:50px 30px; }
.sy_pr .yc .swiper-container-hz .wz h3 { text-transform: uppercase; font-size: 28px; font-weight: bold; padding-bottom: 30px; color: #006db7;}
.sy_pr .yc .swiper-container-hz .wz h4 { font-size: 24px; color: #999;}

.sy_pr .yc .swiper-container-hz .swiper-slide .ss{display:block; 
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_pr .yc .swiper-container-hz .swiper-slide .ss:hover {color:#fff; 
box-shadow:inset 700px 0 0 0 #0e6eb8;
-webkit-box-shadow:inset 700px 0 0 0 #0e6eb8;
-moz-box-shadow:inset 700px 0 0 0 #0e6eb8;
-ms-box-shadow:inset 700px 0 0 0 #0e6eb8;
-o-box-shadow:inset 700px 0 0 0 #0e6eb8;}
.sy_pr .yc .swiper-container-hz .swiper-slide .ss:hover h3 { color: #fff;}
.sy_pr .yc .swiper-container-hz .swiper-slide .ss:hover h4 { color: #fff;}


.sy_pr .yc .swiper-container-hz img{width:100%; height:auto; border:1px solid #e7e7e7; display:block;}
.sy_pr .yc .swiper-container-hz .swiper-button-prev{left:95%; top:auto; bottom:50%; width:50px; height:30px; background:url(../images/hz_l.png) no-repeat center rgba(0,0,0,.5); margin:-15px 0px 0 0; background-size:auto; display: none;}
.sy_pr .yc .swiper-container-hz .swiper-button-prev:hover{background:url(../images/hz_l.png) no-repeat center rgba(0,0,0,.5);}
.sy_pr .yc .swiper-container-hz .swiper-button-next{right:15%; top:auto; bottom:50%; width:50px; height:50px; background:url(../images/hz_r.png) no-repeat center rgba(24,111,208,.7); margin:-25px 0px 0 0; background-size:auto;}
.sy_pr .yc .swiper-container-hz .swiper-button-next:hover{background:url(../images/hz_r.png) no-repeat center rgba(24,111,208,.3);}

@media only screen and (max-width:1660px) {
.sy_pr {width:95%; margin: 80px 0px 0px 0px; float: right;}
.sy_pr .zc { width: 15%; float: left;}
.sy_pr .yc { width: 80%; float: right; position: relative;}
.sy_pr .yc .swiper-container-hz .tp { width: 60%; float: left; overflow: hidden;}
.sy_pr .yc .swiper-container-hz .wz { padding:30px 15px;  width: 40%;}
.sy_pr .yc .swiper-container-hz .wz h3 { font-size: 24px; }
.sy_pr .yc .swiper-container-hz .wz h4 { font-size: 22px;}
.sy_pr .yc .swiper-container-hz .swiper-button-next{right:5%;}
}

@media only screen and (max-width:992px) {
.sy_pr {width:96%; margin: 30px 0px 0px 0px; float: right;}
.sy_pr .zc { width: 100%; float: none;}
	
.sy_pr .zc h1 { font-size: 30px; font-weight: 900; padding-bottom: 20px;}
.sy_pr .zc h1 span { display: inline-table;}
.sy_pr .zc p { font-size: 18px; color: #999;  padding-bottom: 20px;}
	
.sy_pr .yc { width: 100%; float: none; position: relative; margin-top: 30px;}
.sy_pr .yc .swiper-container-hz{padding-bottom:30px;}
.sy_pr .yc .swiper-container-hz .tp { width: 60%; float: left; overflow: hidden;}
.sy_pr .yc .swiper-container-hz .wz { padding:30px 15px;  width: 40%;}
.sy_pr .yc .swiper-container-hz .wz h3 { font-size: 20px; }
.sy_pr .yc .swiper-container-hz .wz h4 { display:none;}
.sy_pr .yc .swiper-container-hz .swiper-button-next{right:5%;}
}



.sy_an a.mr{display:block; width:130px; height:46px; font-size:16px; line-height:42px; border:1px solid #006db7; text-align: center; color: #006db7;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_an a.mr:hover{color:#fff; border:2px solid #006db7;
box-shadow:inset 130px 0 0 0 #006db7;
-webkit-box-shadow:inset 150px 0 0 0 #006db7;
-moz-box-shadow:inset 150px 0 0 0 #006db7;
-ms-box-shadow:inset 150px 0 0 0 #006db7;
-o-box-shadow:inset 150px 0 0 0 #006db7;}






.sy_cpp { width:80%; margin: 20px auto 0px auto;}
.sy_cpp ul li { width: 18.5%; margin: 0px 1.875% 0 0; background: #f6f6f6; float: left; overflow: hidden;}
.sy_cpp ul li:nth-child(5n) { margin-right: 0;}
.sy_cpp ul li h1 { font-size: 18px; color: #999; line-height: 50px; width: 100%; padding: 0px 20px; text-align: center; }
.sy_cpp ul li em {display:inline-block; width:25px; height:1px; background-color:#999; vertical-align:middle; margin:0 10px;}
.sy_cpp ul li i{display:inline-block; width:25px; height:1px; background-color:#888; vertical-align:middle; margin:0 10px;}
.sy_cpp ul li .tp { width: 100%; height: auto; overflow: hidden; position: relative;}
.sy_cpp ul li .tp img { width: 100%; height: auto;}
/*.sy_cpp ul li .tp img:hover {-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 2s; -moz-transition: all 2s; transition: all 2s;}*/
.sy_cpp ul li h2 { font-size: 18px; line-height: 60px; text-align: center; color:#666;  }
.sy_cpp ul li h2{display:block; 
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_cpp ul li h2:hover{color:#fff; 
box-shadow:inset 349px 0 0 0 #0e6eb8;
-webkit-box-shadow:inset 349px 0 0 0 #0e6eb8;
-moz-box-shadow:inset 349px 0 0 0 #0e6eb8;
-ms-box-shadow:inset 349px 0 0 0 #0e6eb8;
-o-box-shadow:inset 349px 0 0 0 #0e6eb8;}
.sy_cpp ul li h2:hover a { color: #fff;}
.sy_cpp ul li p { font-size: 14px; line-height: 26px; color: #666;}
.sy_cpp ul li p a {font-size: 14px; color: #666;}
@media only screen and (max-width:1440px) {
.sy_cpp { width:90%;}	
.sy_cpp ul li h1 { font-size: 18px;line-height:40px;padding: 0px 0px; }
.sy_cpp ul li em { width:20px;margin:0 5px;}
}
@media only screen and (max-width:992px) {
.sy_cpp { width:94%; margin:0px auto 0px auto;}	
.sy_cpp ul li { width: 48%; margin: 0px 4% 4% 0;  padding: 5px;}
.sy_cpp ul li:nth-child(5n) { display: none;}
.sy_cpp ul li h1 { padding: 0px 0px; font-size:14px; line-height:40px; }
.sy_cpp ul li em {width:15px; height:1px;margin:0 5px;}
.sy_cpp ul li i{ width:15px; height:1px;  margin:0 5px;}
.sy_cpp ul li:nth-child(2n) { margin-right: 0;}
.sy_cpp ul li:nth-child(4n) { margin-right: 0;}
.sy_cpp ul li h2 { font-size: 16px; line-height:18px; padding:10px 0px; height:48px; }
}





.xw_bj {width:100%; overflow: hidden; position: relative; height: 650px; margin: 100px auto; }


.sy_xww{ background:#fff; position: absolute; z-index: 1; width:35%; transition: all 0.2s; height: 400px;}
.sy_xww img { width: 100%; height: auto;}

.sy_xwbj{ background:#fff; position: absolute; left: 0; top:0; width: 700px; opacity:1; z-index: 1;}
.sy_xwbj:after{ content:"";  width: 700px; transition: all 0.2s; 
  height: 350px;border-radius:0px 50px 0px 50px;
  background-color: #f6f6f6;
  animation-name:xwbjj;
  animation-duration: 5s; position:absolute; left:0; top:0;}
@keyframes xwbjj {
  from { width:0;}
  to { width:700px}
}










.sy_xw { width:80%; position: absolute; left: 10%; top:0; z-index: 10px;}
.sy_xw .gy_bt { margin-left: 65%;}
.sy_xw .zc { width: 60%; float: left; position: relative;}
.sy_xw .zc .tp {width: 100%; height: 500px; overflow: hidden;}
.sy_xw .zc .tp img { object-fit: cover;  width:100%; height:100%;}
.sy_xw .zc .tp:hover img{transform:scale(1.1);  transition: all 0.5s; }
.sy_xw .zc .wz { position: absolute; left: 0; bottom: 0; width: 70%; background:rgba(255,255,255,.9); overflow: hidden;}
.sy_xw .zc .wz{display:block; 
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_xw .zc .wz:hover{color:#fff; 
box-shadow:inset 642px 0 0 0 #0e6eb8;
-webkit-box-shadow:inset 642px 0 0 0 #0e6eb8;
-moz-box-shadow:inset 642px 0 0 0 #0e6eb8;
-ms-box-shadow:inset 642px 0 0 0 #0e6eb8;
-o-box-shadow:inset 642px 0 0 0 #0e6eb8;}
.sy_xw .zc .wz .g1 { width: 10%; background:linear-gradient(180deg, #005b98,#006db7); float: left; display: block; height: 140px;}
.sy_xw .zc .wz .g2 { width: 70%; margin-left: 5%; float: left; padding-top:3%;}
.sy_xw .zc .wz .g2 h4 { font-size: 16px; height: 30px;}
.sy_xw .zc .wz .g2 h4 font { color: #006db7;}
.sy_xw .zc .wz .g2 p { font-size: 22px; line-height: 30px;}
.sy_xw .zc .wz .g2 p a{font-size: 22px;}
.sy_xw .zc .wz:hover  .g2 h4 font { color: #fff;}
.sy_xw .yc { width: 35%; float: right; height: 500px; overflow: auto; }
.sy_xw .yc ul { margin-bottom: 35px;}
.sy_xw .yc ul li { border-bottom: 1px solid #ddd; padding: 20px 0px;}
.sy_xw .yc ul li:first-child { padding-top: 0;}
.sy_xw .yc ul li h4 { font-size: 16px; height: 40px;}
.sy_xw .yc ul li h4 font { color: #006db7;}
.sy_xw .yc ul li p { font-size: 22px; line-height: 30px;}
.sy_xw .yc ul li p a{font-size: 22px;}
.sy_xw .yc ul li p a:hover {color: #006db7;}

.sy_xw ::-webkit-scrollbar{width:1px;}
.sy_xw ::-webkit-scrollbar-track{background-color:#fff;}
.sy_xw ::-webkit-scrollbar-thumb{background-color:#fff;}
.sy_xw ::-webkit-scrollbar-thumb:hover{background-color:#fff;}
.sy_xw ::-webkit-scrollbar-thumb:active{background-color:#fff;}
@media only screen and (max-width:1440px) {
.sy_xw { width:90%; left: 5%;}	
}
@media only screen and (max-width:992px) {
.xw_bj {width:100%; overflow: hidden; position: relative; height:800px; margin: 30px auto; }
.sy_xww{ background:#fff; position: absolute; z-index: 1; width:80%; transition: all 0.2s; height: 500px;}
.sy_xw .gy_bt { margin-left: 0%;}
.sy_xw { width:90%; margin: 30px auto;}	
.sy_xw .zc { width: 100%; float: none;}
.sy_xw .zc .tp {width: 100%; height: 250px; overflow: hidden;}
.sy_xw .zc .wz {width: 90%;}
.sy_xw .zc .wz .g1 { width: 5%;  height: 90px;}
.sy_xw .zc .wz .g2 { width: 85%; padding-top:2%;}
.sy_xw .zc .wz .g2 h4 { font-size: 14px; height: 30px;}
.sy_xw .zc .wz .g2 p { font-size: 15px; line-height: 24px;}
.sy_xw .zc .wz .g2 p a{font-size: 15px;}
.sy_xw .yc { width: 100%; float: none; margin-top: 15px;}
.sy_xw .yc ul li h4 { font-size: 16px; height: 30px;}
.sy_xw .yc ul li p { font-size: 18px; line-height: 28px;}
.sy_xw .yc ul li p a{font-size: 18px;}
}



.ry_zz { width: 100%; margin: 0px auto; background: url(../images/dtt.png) no-repeat top center; background-size:cover;  padding:100px 0px 200px 0px;}
.ry_zz .gy_bt{ text-align: center;}
.ry_zz .gy_bt em { margin: 0px auto 20px auto;}
.zzz{ width: 80%; margin:0px auto; position:relative;}
.zzz .ziyuan1{ width:92%; margin:70px auto 0px auto;padding: 0 0.5%; }
.zzz .ziyuan1 .swiper-slide{ position:relative; }
.zzz .ziyuan1 .swiper-slide .yhkh dl{ float:left;width:30.333%; padding-bottom:25%; margin:10px 1.5%; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);text-align:center; background:#fff;overflow:hidden;position:relative;}
.zzz .ziyuan1 .swiper-slide .yhkh dl:hover{ transform:scale(1.1,1.1); box-shadow: 0px 0px 10px rgba(0,105,199,0.55);position:relative; z-index:2 }
.zzz .ziyuan1 .swiper-slide .yhkh dl  img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.zzz .swiper-button-next{width:40px; height:40px; background:url(../images/you.png) no-repeat center center #fff; right:0; background-size:25px 25px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.zzz .swiper-button-prev{width:40px; height:40px; background:url(../images/zuo.png) no-repeat center center #fff; left:0;  background-size:25px 25px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
@media only screen and (max-width:1440px) {
.zzz{ width:90%; margin: 0px auto; position:relative;}	
}
@media only screen and (max-width:992px) {
.ry_zz {padding: 30px 0px;}
.zzz{ width:94%; margin: 0px auto; position:relative;}
.zzz .ziyuan1{ width:100%; margin:20px auto; }
.zzz .swiper-button-next{ display: none;}
.zzz .swiper-button-prev{ display: none;}
}



.foot { width: 100%; background: #0267a8; padding:40px 0px;}
.foot .zc { width: 65%;float: left; color: #fff;}
.foot .zc h3 { font-size: 18px; font-weight: bold; padding-bottom: 30px;}
.foot .zc span { }
.foot .zc p { font-size: 13px; line-height: 28px; color: #f0f0f0;}
.foot .zc p i { margin-right: 10px; font-size:18px;  color: #ffffff;}


.foot .zj { width: 25%;float: right; text-align: center; }
.foot .zj .tp { width: 100%; height: auto; margin-bottom: 10px; text-align: right;}
.foot .zj .tp img { width:140px;}
.foot .zj .xtb { width: 100%;text-align: right; margin-top: 40px;}
.foot .zj .xtb a { margin-left:10px; text-align: center;  padding:0px 0px 0px 0px; display: inline-block; width: 45px; height: 45px; border-radius: 100px; background: rgb(255,255,255,.2);}
.foot .zj .xtb img { width: 45px; height: auto;}

@media only screen and (max-width:992px) {
.foot { padding: 30px 0px 100px 0px;}
.foot .zc { width: 100%;float: none; color: #fff; margin-top: 20px;}
.foot .zc h3 { display: none;}
.foot .zc span { display: block;}
.foot .zc p { font-size: 14px; line-height: 28px; color: #f0f0f0;}
.foot .zc p i { margin-right: 10px; font-size:18px;  color: #ffffff;}


.foot .zj { width: 100%;float: none; text-align:left; }
.foot .zj .tp { width: 100%; height: auto; margin-bottom: 10px; text-align:left;}
.foot .zj .tp img { width:140px;}
.foot .zj .xtb { width: 100%;text-align:left; margin-top: 0px;}
.foot .zj .xtb a { margin-right: 10px; margin-left: 0px;}
}



.tj_yy{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tj_yy .b_j{width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.tj_yy .n_r{width:500px; padding:30px 50px;position:absolute; top:20%; left:50%; transform:translateX(-50%); border-radius: 0;}
.tj_yy .n_r .bt{text-align:center; color:#fff; margin-bottom:30px; font-size: 36px; position: relative;}
.tj_yy .n_r .bt h3{font-size:30px; color:#fff; margin-bottom:10px;}
.tj_yy .n_r .bt i { width: 30px; height: 30px; float: right; font-size: 24px; padding-top: 5px; cursor: pointer;}
.tj_yy .n_r .bd { background: #fff; padding: 30px;}
.tj_yy .n_r .yy {  border-bottom: 1px dashed #ddd; line-height: 60px; font-size: 14px;}
.tj_yy .n_r .yy span { color: #FB0004;}
.tj_yy .n_r .yy input.w{width:80%;  line-height: 58px;  font-size:14px; color:#555; float: right; color: #999; border: none;}
.tj_yy .n_r .yy .txt { width: 100%;   border: 1px solid #ddd;line-height:40px; height: 40px; padding: 0px 15px; font-size: 14px; margin-top: 10px;}
.tj_yy .n_r .bdd { width: 100%; border-top: 1px solid #ddd; background: #fff; padding: 30px; box-sizing: border-box;}
.tj_yy .n_r .an{width:100%; height:45px; background-color:#016ac7; font-size:16px; color:#fff; line-height:45px; cursor:pointer;border: none;}
@media only screen and (max-width:1360px) {
.tj_yy .n_r{ top:10%; }

}
@media only screen and (max-width:992px) {
.tj_yy .n_r{ width: 90%; top:10%; padding:15px;}
.tj_yy .n_r .yy input.w{width:65%;  line-height: 60px;  font-size:14px; color:#555; float: right; color: #999;}
}




.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
@media only screen and (max-width:992px){
.e_m .n_r{width:230px; padding:15px;}
.e_m .n_r p{font-size:15px;}
}

.pc_kf{width:70px; position:fixed; right:0px; bottom:30px; z-index:99999; border-radius: 5px 0px 0px 5px; box-shadow:0 0 5px #ccc;}
.pc_kf .nr{font-size:18px; text-align:center; line-height:70px; position:relative; border-bottom: 1px solid #ddd;}
.pc_kf .tel{width:200px; background:#fff; font-size:22px; line-height:70px; color:#016ac7; position:absolute; top:0; right:-160px; opacity:0; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.pc_kf .nr:hover .tel{right:86px; opacity:1;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; padding:10px 10px 0; background:#fff; position:absolute; bottom:0; right:-200px; opacity:0; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.pc_kf .ewm img{width:100%; height:auto; display:block; margin-bottom:10px; border-radius: 5px; overflow: hidden;}
.pc_kf .ewm p{font-size:14px; color:#333; line-height:16px; margin-bottom:10px;}
.pc_kf .nr:hover .ewm{right:86px; opacity:1;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.pc_kf .nr a{display:block; width:70px; height:70px; box-shadow:0 0 5px #ccc;  background-color:#fff;  overflow:hidden;}
.pc_kf .nr i{color:#666; font-size: 30px;}
.pc_kf .fh{width:70px; height:70px;  background-color:#016ac7; text-align:center; line-height:70px; color:#fff; cursor:pointer;}
.pc_kf .fh i{font-size:30px;}
.pc_kf .fh a{color:#fff;}
@media only screen and (max-width:992px) {
.pc_kf{right:0px; bottom:10px;}
}
@media only screen and (max-width:640px){
.pc_kf{width:100%; background-color:#016ac7; position:fixed; right:0; bottom:0;}
.pc_kf .nr{width:25%; border-right:1px solid rgba(255,255,255,.6); font-size:20px; background:none; box-shadow:none; margin-bottom:0; float:left;}
.pc_kf .tel{display:none;}
.pc_kf .ewm{display:none;}
.pc_kf .nr a{display:block; width:100%; border-radius:0; background-color:#016ac7; box-shadow:none;}
.pc_kf .nr i{color:#fff;}
.pc_kf .nr a:hover i{color:#fff;}
.pc_kf .fh{width:25%; box-shadow:none; font-size:22px; float:left;}
}









/* ------------------------banner--------------------------- */

.banner {width: 100%;overflow: hidden;}
.banner img {width: 100%;object-fit: cover;}

/* ------------------------sun-nav--------------------------- */

.sun-nav {width: 100%;background:#f6f6f6;}
.sun-nav ul {text-align: center;font-size: 0;}
.sun-nav ul li {display: inline-block;width:20%;text-align: center;font-size: 16px;color:#171717;line-height: 60px;cursor: pointer;transition: all .5s ease; padding:0px 30px;
-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.sun-nav-active {background: #016ac7; color: #fff !important;}
.sun-nav ul li:hover {background: #016ac7;color: #fff;}


.ny_gy {width: 100%;}
.gynl {width:80%;margin: 0 auto;overflow: hidden;padding: 90px 0 30px 0;}

/* -----------------news------------------------ */

.news {width: 100%;overflow: hidden;}
.news-left {width: 50%;float: left;overflow: hidden;}
.news-left h4 {font-size: 30px;color:#282828;}
.news-left p {font-size: 14px;color:#6f6f6f;width: 92%;word-wrap:break-word; overflow:hidden;line-height: 24px; margin: 20px 0 24px 0; text-align: justify;}
.news-right {width: 50%;float: right;overflow:hidden;}
.news-right ul {margin-left: -2%; margin-top:0;}
.news-right ul li {float: left;width: 48%;overflow:hidden;margin-left: 2%; margin-bottom: 2%;}
.news-right ul li h4 {width: 100%;height: 197px;overflow:hidden;}
.news-right ul li h4 img {width: 100%;height: 100%;object-fit: cover;transition: all 1s ease-in-out;}
.news-right ul li h4 img:hover {transform: scale(1.1);}
@media all and (max-width:1360px) {
.gynl {width: 90%;}
.sun-nav ul li {display: inline-block;width:25%;text-align: center;font-size: 16px;color:#171717;line-height: 22px; padding:15px 0px; }
}
@media all and (max-width:1240px) {
.gynl {width: 100%;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:900px) {

.banner {width: 100%;overflow: hidden; position:relative; height:25vh;}
.banner img {width: auto; height:25vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }


.sun-nav {width: 100%;height: auto;position: relative;margin-top: 0px;}
.sun-nav .contain{ width:100%;}
.sun-nav ul li {display: block;float: left;width: 50%;font-size:14px;line-height:20px;border-bottom: 1px solid #f3f3f3; padding:10px 0px;}
.sun-nav ul li a {font-size: 14px;}
.gynl {width: 96%;margin-left: 2%;padding: 30px 0 16px 0;}
.news-left h4 {font-size: 24px;}
.news-left {width: 100%;}
.news-left p {font-size: 14px;width: 100%;line-height: 20px; margin: 16px 0 16px 0;}
.news-right {width: 100%;float: right;overflow: hidden;}
.news-right ul {margin-left: -2%;margin-top: 4%;}
.news-right ul li h4 {width: 100%;height:120px;overflow:hidden;}
}



.matter-box {width: 80%; margin: 0px auto 20px auto;}
.matter-nb {display: none;}


/*修改过的css*/
.nytit { width: 18%; float: left; margin-top: 44px;}
.nytit ul li { display:inline-block;  padding:8px 13px; width: 100%;box-sizing: border-box;background: #f6f6f6;margin-bottom: 3px;position: relative;}
.nytit ul li i {width: 100px;position: absolute;height: 100%;right: 0;top: 0;background: url(../images/icon001.png) right center no-repeat;}
.nytit ul li .y_j {position: relative; padding:10px 10px 10px 0px; line-height:20px;font-size: 15px; }
.nytit ul li .e_j {position: relative;top: 10px;left: 0;width: 100%;display: none;background: #f6f6f6;border-top: #ccc 1px solid; padding: 10px 0px;}
.nytit ul li .e_j a {display: block;line-height: 22px;font-size: 13px;color: #666; font-weight: normal; padding:5px 0px;  }
.nytit ul li .e_j a:hover{color: #0069c7; border-bottom: #f6f6f6 1px solid; font-weight:bold;}
.nytit ul li a { color:#333; font-weight: bold; }
.nytit ul li:hover .y_j a { color:#016ac7;}



.matter-list {width: 80%; float:right; overflow: hidden;margin-top: 40px;padding-bottom: 16px;}
.matter-list ul {margin-left: -3%;}
.matter-list ul li {width: 22%;float: left; margin-left: 3%; margin-bottom:2%;background-color: #fefefe;text-align: center; }
.matter-top {width: 100%;height:270px;border: 4px solid #f8f8f8;position: relative; overflow: hidden;}
.matter-list ul li:hover .matter-top {-moz-box-shadow: 0 8px 10px 0px #f8f8f8;-webkit-box-shadow: 0 8px 10px 0px #f8f8f8;box-shadow: 0 8px 10px 0px #f8f8f8;}
.top-img {width:100%;height: auto;position: absolute;top:0;left:0;overflow: hidden;}
.top-img img {width: 100%;object-fit: cover;transition: all 1s ease-in-out;}
.matter-list ul li:hover .top-img img {transform: scale(1.04);}
.matter-bottom {width: 100%;}
.matter-bottom h2 {width: 84%; height:25px;font-size: 16px;color: #0d0d0d;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 20px;display: inline-block;}
.matter-bottom p {font-size: 12px;color: #999999;margin-top: 10px;line-height: 20px;width: 84%;margin-left: 8%;height: 40px;overflow: hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.matter-bottom h4 {font-size: 14px;color: #016ac7;margin-top: 10px;}
.matter-bottom h4:hover {font-size: 14px;color: #00539d;}

@media only screen and (max-width:1440px) {
.matter-box {width: 90%;}
.nytit { width:20%; }	
.matter-list {width:78%; }
.matter-top {width: 100%;height:220px;}
}
@media only screen and (max-width:995px) {
.matter-box {width: 94%; margin:0px auto;}
.nytit { width:100%; float: none; margin-top: 30px;}	
.nytit ul li a {font-size: 16px; font-weight: bold;}
.matter-list {width:100%;  float: none; margin-top:25px;}
.matter-list ul li {width: 47%; }
.matter-top {width: 100%;height:150px;}
.matter-bottom h2 {font-size: 16px;margin-top: 10px;}
}



/* --------page------ */

.paging {width: 100%;margin: 16px 0 30px 0;text-align: center;}
.paging a {display: inline-block; background-color: #cdcdcd;color: #fff;text-align: center;font-size: 12px;margin: 0 2px 0 2px;}
.paging a:hover {background-color: #016ac7;}
.page-ud { width: 50px;height: 26px;line-height: 26px;}
.page-num {width: 26px;height: 26px;line-height: 26px;}
.page-active { background-color: #016ac7 !important;}




.xw-box {width: 100%; margin-top: 20px;}
.xw-list {width:80%;margin: 0 auto;overflow: hidden;padding:0px 0 20px 0;}
.xw-list ul{margin-left: -2.2%;}
.xw-list ul li{float: left;width: 30.8%;margin-left:2.5%;margin-top: 30px;-moz-box-shadow: 0 6px 6px 0px #fafafa;-webkit-box-shadow: 0 6px 6px 0px #fafafa;box-shadow:  0 6px 6px 0px #fafafa;}
.xw-list ul li:hover{-moz-box-shadow: 0 10px 15px 0px #e6e6e6;-webkit-box-shadow: 0 10px 15px 0px #e6e6e6;box-shadow:  0 10px 15px 0px #e6e6e6;}
.list-top{width: 100%;height: 266px;overflow: hidden;}
.list-top img{width: 100%;height: 100%;object-fit: cover;transition: all 1s ease-in-out;}
.list-top img:hover{/*transform: scale(1.1);*/}
.list-bottom{width: 100%;height: 196px;}
.list-bottom h2{width: 90%;margin-left: 5%;font-size: 14px;color: #016ac7;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 30px;}
.list-bottom h3{width: 90%;margin-left: 5%;font-size: 18px;color: #8f8e8e;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 8px;}
.list-bottom h3:hover{color: #016ac7;}
.list-bottom p{width: 90%;margin-left: 5%;height: 38px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #8f8e8e;line-height: 18px;margin-top: 20px;}
.list-bottom h4{font-size: 14px;color: #016ac7;margin-left: 5%;margin-top: 16px;}
.list-bottom h4:hover{color: #18a097;}
@media all and (max-width:900px) {
.xw-box {width: 100%; margin-top:0px;}
.xw-list {width:94%;}
.xw-list ul li{float: left;width: 47.5%;margin-left:2.5%;}
.list-top{width: 100%;height: 130px;overflow: hidden;}
.list-bottom h2{padding-top:20px;}
}


.lxwm { width:80%; margin:0px auto; padding:50px 0px 60px 0px;}
.lxwm h6 { color: #666; font-size: 16px; text-align: center;}
.lxwm .zi { text-align:center; font-size:18px; line-height:50px; color:#333;}
.lxwm .dy { width:100%; padding-top:30px;}
.lxwm .dy ul li { width:18%; float:left; text-align:center; padding:60px 0px; margin: 0 2.5% 0 0; border: 1px solid #ddd; background: #fff;}
.lxwm .dy ul li h1 { font-size:18px; margin: 20px 0px 0px 0px; font-weight: bold;}
.lxwm .dy ul li:nth-child(5n) { margin-right: 0;}
.lxwm .dy ul li i{font-size: 26px; color: #0069c7;}
.lxwm .dy ul li .icon-youxiang { font-weight: bold; }
.lxwm .dy ul li p { font-size:16px; text-align:center; font-family:Arial, Helvetica, sans-serif; margin-top: 10px; padding: 0px 15px; height: 30px;}
.lx_de { width:100%;  margin-top:50px; text-align: center;}
.lx_de img { width: 100%; height: auto;}
@media only screen and (max-width:1440px) {
.lxwm { width:100%; margin:0px auto;}  
}
@media only screen and (max-width:995px) {
.lxwm {width:100%; margin:0px auto;}
.lxwm h6 {font-size:16px; height: auto; margin-bottom: 10px;}
.lxwm .dy {padding-top:20px;}
.lxwm .zi {font-size:18px; line-height:24px;}
.lxwm .dy ul li { width:100%; float: none; margin-bottom: 10px;}
.lxwm .dy ul li p { font-size:20px;font-family:Arial, Helvetica, sans-serif;}
.lx_de { width:100%;  margin-top:30px; text-align: center;}
}


.sy_zss { width:100%; overflow:hidden; background: #f6f6f6; }
.sy_zss .left { width:40%; float:left; margin-left: 10%; padding-top: 4%;  }
.sy_zss .left .wz i { width: 20px; height:3px; background: #125598;  display: block; }
.sy_zss .left .wz h3{font-size:30px;height:60px;  color:#333; position: relative; left: 0; top: 0;}
.sy_zss .left .wz h4 { font-size: 24px; line-height: 50px; margin-top: 10px;}
.sy_zss .left .wz span { width:50px; height:3px; background:#125598; display:block; margin:0px 0px 10px 0px;}
.sy_zss .left .gdd { height: 15px;} 
.sy_zss .left .wz p { font-size:16px; line-height:36px; text-align:justify; color:#666;}
.sy_zss .right { float: right; width: 45%; }
.sy_zss .right img { width: 100%; height: auto;}
@media only screen and (max-width:1660px) {
.sy_zss .left .wz p { font-size:16px; line-height:34px;}
}
@media only screen and (max-width:1450px) {
.sy_zss .left { width:45%; float:left; margin-left:5%;}
.sy_zss .left .wz p { font-size:15px; line-height:29px;}
.sy_zss .left .gdd { height: 10px;} 
}
@media only screen and (max-width:995px){
.sy_zss {padding:0px 0 25px 0px;}
.sy_zss .left { width:94%; float:none;  margin-top:0px;  padding:5% 0% 3% 0%; margin-left: 3%;}
.sy_zss .left .wz h2{ font-size:52px; line-height:90px;}
.sy_zss .left .wz h3{font-size:22px; height:50px; padding-top:10px;}
.sy_zss .left .wz h3 i { margin: 13px 10px 0px 0px;}
.sy_zss .left .wz p { font-size:14px; line-height:26px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.sy_zss .right { float:none; width: 94%; margin-left: 3%;}
}



.zs_l1 { width: 80%; margin: 60px auto;}
.zs_l1 .zc { width: 47%;}
.zs_l1 .zc img { width: 100%; height: auto;}
.zs_l1 .yc { width: 47%; padding-top: 30px;}
.zs_l1 .yc h3{font-size: 24px; padding-bottom: 20px;}
.zs_l1 .yc p { font-size: 16px; line-height: 36px; margin-bottom: 50px;}
.zs_l1 .yc em { width: 20px; height: 3px; background: #0963cf; display: block; margin-bottom: 30px;}
.zs_l1 .yc .more a {color: #125598;}
@media only screen and (max-width:1360px) {
.zs_l1 { width: 90%; }	
}
@media only screen and (max-width:992px) {
.zs_l1 { width: 94%; margin: 30px auto;}	
.zs_l1 .zc { width: 100%;}
.zs_l1 .yc { width: 100%; padding-top: 20px;}
.zs_l1 .yc h3{font-size: 20px; padding-bottom: 20px;}
.zs_l1 .yc p { font-size: 14px; line-height: 26px; margin-bottom: 20px;}
.zs_l1 .yc em { margin-bottom: 15px;}
}




.ny_lx {width: 80%; margin:50px auto;}
.ny_lx h1 { font-size: 24px; height: 55px;}
.ny_lx .wz { font-size: 16px; line-height: 28px; color: #999; margin-bottom: 20px;}
.ny_lx .txt { width: 100%; height: 45px; line-height: 45px; background: #f6f6f6; padding: 0 10px; box-sizing: border-box; color: #666;font-size: 16px; border: none;}
.ny_lx .ll { width: 48%; margin-bottom: 20px;}
.ny_lx .text{ width: 160px; height: 45px; line-height: 45px; background: #0963cf; text-align: center; color: #fff; font-size: 16px;margin-top: 15px;}
.ny_lx .txtt { width: 100%; height:120px; line-height: 45px; background: #f6f6f6; padding: 0 10px; box-sizing: border-box; color: #666;font-size: 16px; border: none; outline: none;}

@media only screen and (max-width:1440px) {
.ny_lx {width: 90%; margin:50px auto;}
}
@media only screen and (max-width:1023px) {
.ny_lx {width: 94%;margin:30px auto;}
.ny_lx h1 { font-size: 22px; height: 45px;}
.ny_lx .wz { font-size: 14px; line-height: 24px; color: #999; margin-bottom: 15px;}
.ny_lx .txt { font-size: 14px;}
}




.gy_wm { width: 80%; margin: 0px auto; padding:80px 0px 60px 0px; }
.gy_wm .tp { width: 90%; margin: 0px auto; box-shadow:  0px 10px 30px 30px #f0f0f0;}
.gy_wm .tp img { width: 100%; height: auto;}
.gy_wm .wz { width: 90%; margin: 0px auto; padding: 50px 0px 30px 0px; font-size: 14px; line-height: 30px; color: #666;}
.zzzz{ width: 100%; margin:0px auto; position:relative;}
.zzzz .ziyuan2{ width:92%; margin:70px auto 0px auto;  }
.zzzz .ziyuan2 .swiper-slide{ box-shadow: 0px 0px 10px rgba(0,0,0,0.25);text-align:center; background:#fff;overflow:hidden;position:relative; overflow: hidden; }
.zzzz .ziyuan2 .swiper-slide img{ width: 100%; height: auto;}
.zzzz .swiper-button-next{width:40px; height:40px; background:url(../images/you.png) no-repeat center center #fff; right:0; background-size:25px 25px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.zzzz .swiper-button-prev{width:40px; height:40px; background:url(../images/zuo.png) no-repeat center center #fff; left:0;  background-size:25px 25px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
@media only screen and (max-width:1440px) {
.gy_wm { width: 90%; margin: 0px auto; padding:80px 0px 60px 0px; }
.zzzz{ width:100%; margin: 0px auto; position:relative;}	
}
@media only screen and (max-width:992px) {
.gy_wm { width:94%;padding:30px 0px 40px 0px; }
.gy_wm .tp { width: 100%; box-shadow:  0px 5px 10px 10px #f0f0f0;}
.gy_wm .wz { width: 100%; padding: 20px 0px 20px 0px; font-size: 14px; line-height: 24px; text-align: justify; }
.gy_wm .digital { margin-top: -30px;}
.zzzz{ width:100%; margin: 0px auto; position:relative;}
.zzzz .ziyuan2{ width:100%; margin:20px auto; }
.zzzz .swiper-button-next{ display: none;}
.zzzz .swiper-button-prev{ display: none;}
}


.ny_xw { width: 80%; margin: 30px 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:28px; color: #046ad8;}
.ny_xw .rq p { font-size: 24px; padding: 10px 0px 0px 5px; color: #666;}
.ny_xw .tp { width: 25%; float: left; border-radius: 15px; 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: #046ad8; text-decoration: underline;}
.ny_xw .wz p { line-height: 28px;}
.ny_xw ul li:hover {box-shadow:  0px 10px 15px 10px #f0f0f0; border-radius: 15px;}
@media only screen and (max-width:1360px) {
.ny_xw { width:90%;}
}
@media only screen and (max-width:992px){
.ny_xw { width: 94%; margin:10px auto 30px auto;}
.ny_xw ul li {  padding: 20px 0px 0px 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;  }	
}


.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list, .about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item, .about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-bg, .about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-title, .about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-text, .about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .iconfont, .product_default .default-content .default-img-box .default-img, .product_default .default-content .default-img-box .default-img .img-box{
  display: flex;
  justify-content: center;
  align-items: center
}
input::-ms-clear, input::-ms-reveal {
  display: none
}

.about_culture {
  position: relative;
  z-index: 1 ; display: block;
}
.about_culture .culture-content {
  position: relative;
  background-color: #f6f7f4
}
.about_culture .culture-content .culture-content-bg {
  position: absolute;
  bottom: 0;
  width: 100%
}
.about_culture .culture-content .culture-box {
  position: relative
}
.about_culture .culture-content .culture-box .culture {
  margin: 0 auto;
  padding-top:50px
}
.about_culture .culture-content .culture-box .culture .stac {
  background-color: #F6F7F4
}
.about_culture .culture-content .culture-box .culture .content-title {
  background-color: #F6F7F4 !important;
  box-shadow: 0 0 10px #F6F7F4
}
.about_culture .culture-content .culture-box .culture .culture-list-box {
  padding: 3rem;
  padding-top: 50px;
  padding-bottom: 130px
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list {
  background-color: #fff;
  height: 600px;
  cursor: pointer
}

.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item {
  flex: 1;
  height: 100%;
  flex-direction: column;
  position: relative;
  z-index: 1;
  transition: all .6s
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-bg {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  transition: all .6s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-bg .bg-mask {
  width: 90%;
  height: 90%;
  background-color: #000;
  opacity: .5
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item:hover {
  z-index: 10;
  transform: scale(1.1)
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item:hover .culture-item-bg {
  opacity: 1
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item:hover .culture-item-title, .about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item:hover .culture-item-text, .about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item:hover .iconfont {
  color: #fff;
  pointer-events: none
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item:hover .culture-item-title .culture-item-title-num {
  opacity: 0;
  transition-delay: 0s
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-title {
  font-size: 22px;
  flex: 1;
  color: #555;
  position: relative;
  z-index: 1
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-title .culture-item-title-num {
  display: block;
  font-size: 86px;
  font-weight: 600;
  color: #D6E9FF;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  z-index: -1;
  transition: all .5s;
  transition-delay: .3s;
  transform: translate(-50%, -50%)
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-text {
  font-size: 18px;
  color: #a4a4a4;
  flex: 2;
  flex-direction: column; text-align:center;
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .iconfont {
  font-size: 50px;
  color: #1f6acd;
  flex: 1
}
.about_culture .culture-content .culture-box .culture .culture-list-box.sj_listbox {
  padding: 0;
  overflow: hidden;
  display: none
}
.about_culture .culture-content .culture-box .culture .culture-list-box.sj_listbox .culture-list {
  height: auto;
  background-color: unset
}
.about_culture .culture-content .culture-box .culture .culture-list-box.sj_listbox .culture-list .swiper-container {
  width: 100%;
  padding: 50px 30px;
  margin: 50px 0
}
.about_culture .culture-content .culture-box .culture .culture-list-box.sj_listbox .culture-list .swiper-container .swiper-slide {
  height: 42vw;
  z-index: 1
}
.about_culture .culture-content .culture-box .culture .culture-list-box.sj_listbox .culture-list .swiper-container .swiper-slide:hover {
  z-index: 10
}
.about_culture .culture-content .culture-box .culture .culture-list-box.sj_listbox .culture-list .swiper-container .swiper-slide .culture-item {
  background-color: #fff
}
@media (max-width:1360px) {
.about_culture .culture-content .culture-box .culture .culture-list-box {
  padding: 1rem 0.5rem 2rem 0.5rem;
}
}
@media (max-width: 992px) {
	
	
	
  .about_culture .culture-content .culture-box .culture .culture-list-box.sj_listbox .culture-list {
    padding: 0 15px
  }
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list {

  height: 400px;

}
.about_culture .culture-content .culture-box .culture {
    padding-top:30px
  }
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-title {
  font-size: 18px;
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-title .culture-item-title-num {

  font-size:55px;

}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .culture-item-text {
  font-size: 14px; padding: 0px 10px; text-align: center; 
}
.about_culture .culture-content .culture-box .culture .culture-list-box .culture-list .culture-item .iconfont {
  font-size: 30px;

}
}






/*大事记start*/
.event_box{width:80%;margin:5% auto 8% auto;position:relative;min-height:420px;}
.event_box .parHd {width:90%;display:inline-block;height:92px;overflow:hidden; margin-left: 4%;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:30px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:94%;height:1px;background:#016ac7;position:absolute;/* top:33%;*//* right:-140%;*/right:3%;top:40%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;position:relative; width: 17%;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-9px;left:50%;margin-left:-12px;}
.parBd{text-align:center; width: 80%; margin: 60px auto 0px auto;}
.parBd .zc { width:50%; float: right;}
.parBd .zc img { width: 100%; height: auto; box-shadow: 15px 15px 0px rgba(1,106,199,.5);}
.parBd .yc { width:100%; text-align: left;}
.parBd .yc h4 { font-size: 100px;  padding-bottom: 25px; color: #016ac7; font-weight: bold;}
.parBd .yc p { font-size: 20px; line-height: 40px;}
.parBd .yc p font { font-size: 12px; color: #016ac7; padding-right: 10px;}

div#listBox {width:100%;}
.sPrev,.sNext{width:50px;height:50px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-9px;left:50%;margin-left:-12px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
@media only screen and (max-width:1440px) {
.event_box{width:90%;}	
.parBd{text-align:center; width: 90%; margin: 60px auto 0px auto;}
}
@media only screen and (max-width:992px) {
.event_box{width:94%; margin:90px auto 50px auto;}	
.event_box .parHd {width:80%;margin-left:5%;}
.parHd li{ width: 47%;}
.parBd .yc { width:100%; text-align: left; margin-top:0px;}
.parBd .yc h4 { font-size: 40px;  padding-bottom: 15px; }
.parBd .yc p { font-size: 16px; line-height: 30px;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:15px;}
}



.fwzc{ width:80%; margin: 0px auto; padding-bottom: 30px;}
.fwzc .dw1 { width: 100%; box-shadow: 3px 5px 10px rgba(200,200,200,.5); background: #fff; padding: 30px 80px; font-size: 16px; line-height: 28px; margin-top: -50px; z-index:122; position: relative;}
.fwzc .bt { font-size: 32px; text-align: center; padding: 50px 0px 30px 0px;}
.fwzc .dw2 { width: 100%; background: #fff; padding: 30px 0px; text-align: center; }
.fwzc .dw2 ul li { width: auto; display: inline-block; padding: 0px 40px; font-size: 16px;}
.fwzc .dw2 ul li i img { width: 30px; height: auto; margin-right: 8px;}


.fwzc .dw3 .tab{ width:100%; margin:20px auto 0px auto; background: #fff;}
.fwzc .dw3 .tab-hd { border-bottom: 1px solid #ddd; overflow:hidden; zoom:1; text-align: center;}
.fwzc .dw3 .tab-hd li{line-height: 55px; color:#333;  font-size: 16px; border-bottom: 3px solid #ccc; display: inline-block; text-align:center; cursor:pointer; width: auto; margin: 0px 50px;}
.fwzc .dw3 .tab-hd li.active{ border-bottom: 3px solid #016ac7; color: #016ac7;}
.fwzc .dw3 .tab-bd li{display:none; padding:40px 40px 0px 40px; border-top:0 none;}
.fwzc .dw3 .tab-bd li.thisclass{ display:list-item;}
.fwzc .dw3 .tab-bd li dl dd { width: 23%; float: left; margin: 0 2.6% 2.6% 0; text-align: center;}
.fwzc .dw3 .tab-bd li dl dd:nth-child(4n) { margin-right: 0;}
.fwzc .dw3 .tab-bd li dl dd .tp {width: 100%; height: 300px; overflow: hidden;}
.fwzc .dw3 .tab-bd li dl dd .tp img { object-fit: cover; width:100%; height: 100%;}
.fwzc .dw3 .tab-bd li dl dd p { font-size: 16px; line-height: 30px; padding-top: 10px;}

.fwzc .dw4 { width: 100%; background: #fff; margin: 20px auto 0px auto;}
.fwzc .dw4 .zc { width: 50%; float: left; height: 400px; overflow: hidden;}
.fwzc .dw4 .zc img { object-fit: cover; width:100%; height: 100%;}
.fwzc .dw4 .yc { width: 50%; float: right; padding:50px; font-size: 16px; line-height: 30px;}


.fwzc .dw5 {width: 100%; margin: 0px auto 40px auto;}
.fwzc .dw5 ul li{float: left;width: 31%; background: #fff; margin: 0 3.5% 0 0; -moz-box-shadow: 0 6px 6px 0px #fafafa;-webkit-box-shadow: 0 6px 6px 0px #fafafa;box-shadow:  0 6px 6px 0px #fafafa;}
.fwzc .dw5 ul li:nth-child(3n) { margin-right: 0;}
.fwzc .dw5 ul li:hover{-moz-box-shadow: 0 10px 15px 0px #e6e6e6;-webkit-box-shadow: 0 10px 15px 0px #e6e6e6;box-shadow:  0 10px 15px 0px #e6e6e6;}
.fwzc .dw5 .tp{width: 100%;height: 250px;overflow: hidden;}
.fwzc .dw5 .tp img{width: 100%;height: 100%;object-fit: cover;transition: all 1s ease-in-out;}
.fwzc .dw5 .wz{width: 100%; padding:10px 0px 20px 0px;}
.fwzc .dw5 .wz h3{width: 90%;margin-left: 5%;font-size: 18px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 8px;}
.fwzc .dw5 .wz h3:hover{color: #016ac7;}
.fwzc .dw5 .wz p{width: 90%;margin-left: 5%;height: 38px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #8f8e8e;line-height: 18px;margin-top: 20px;}
.fwzc .dw5 .wz h4{font-size: 14px;color: #016ac7;margin-left: 5%;margin-top: 16px;}
.fwzc .dw5 .wz h4:hover{color: #016ac7;}
.fwzc .gd { text-align: center; padding-top: 30px; color: #016ac7;}
.fwzc .gd a{ color: #016ac7;}
@media only screen and (max-width:1440px) {
.fwzc{ width:90%; }
}

@media only screen and (max-width:995px) {
.fwzc{ width:94%; padding-bottom: 0px; }
.fwzc .dw1 { background: #fff; padding: 15px; font-size: 14px; line-height: 26px; margin-top: -20px;}
.fwzc .bt { font-size:28px; padding: 30px 0px 20px 0px;}
.fwzc .dw2 { padding: 20px 0px 10px 10px; text-align:left;}
.fwzc .dw2 ul li { padding: 0px 0px; font-size: 14px; margin-bottom: 10px; width:50%; float: left;}
.fwzc .dw2 ul li i img { width: 30px; height: auto; margin-right: 5px;}
	

.fwzc .dw3 .tab-hd li{line-height: 45px; margin: 0px 2px; font-size: 14px;}
.fwzc .dw3 .tab-bd li{padding:20px 10px 0px 10px;  }
.fwzc .dw3 .tab-bd li dl dd { width: 48%; margin: 0 4% 4% 0;}
.fwzc .dw3 .tab-bd li dl dd:nth-child(2n) { margin-right: 0;}
.fwzc .dw3 .tab-bd li dl dd .tp {width: 100%; height: 120px; overflow: hidden;}
.fwzc .dw3 .tab-bd li dl dd p { font-size: 14px; line-height: 30px; padding-top: 10px;}
	
	
.fwzc .dw4 .zc { width: 100%; float: none; height: auto; overflow: hidden;}
.fwzc .dw4 .yc { width: 100%; padding:10px; font-size: 14px; line-height: 28px;}
	
.fwzc .dw5 ul li{float: none;width: 100%;  margin: 0 0% 3% 0;}
.fwzc .dw5 .wz h3{font-size: 16px;margin-top: 5px;}
}



.cp_xx{ width: 80%; margin: 70px auto 40px auto; }
.cp_xx .cp_zs{width:50%; float:left; padding:0;}
.cp_xx .cp_zs img{width:100%; height:auto; display:block;  }
.cp_xx .cp_js{width:46%; float:right; }
.cp_xx .cp_js h3{font-size:32px; padding-bottom: 20px; color: #333;}
.cp_xx .cp_js h4 { font-size: 18px; padding-bottom: 15px; color: #666;}

.cp_xx .cp_js .lyy { width: 100%; background: #f6f6f6; padding: 25px;}
.cp_xx .cp_js .lyy .z1 { font-size: 14px; height: 35px;}
.cp_xx .cp_js .lyy .z2 { width: 100%; height: 45px; line-height: 45px; border: 1px solid #ddd; padding: 0px 15px; background: #fff; margin-bottom: 20px;}
.cp_xx .cp_js .lyy .z2 i { width: 30px; height: 45px; float: left; line-height: 40px;} 
.cp_xx .cp_js .lyy .z2 .txt { width: 80%; float: left; height: 43px; line-height: 43px; color: #666; border: none;}
.cp_xx .cp_js .lyy .z3 { width: 100%; height: 120px;  border: 1px solid #ddd; padding: 0px 15px; background: #fff; margin-bottom: 20px;}
.cp_xx .cp_js .lyy .z3 i { width: 30px; height: 45px; float: left;  line-height: 40px;} 
.cp_xx .cp_js .lyy .z3 .txt { width: 80%; float: left; height: 110px; line-height: 40px; color: #666; border: none;}



.cp_xx .cp_js p{font-size:16px; line-height:36px; color:#666; margin-bottom:10px; margin-top:0px;}
.cp_xx .cp_js .ckmr { padding: 0px 40px; height: 40px; line-height: 40px; background: #016ac7;color: #fff; font-size: 18px; text-align: center;  margin:30px 10px 0px 0px; float: left; vertical-align: middle;}
.cp_xx .cp_js .ckmr a {color: #fff; font-size: 18px;}
.cp_xx .cp_js .ckmr i { margin-right: 5px; font-size: 22px; float: left;}


.cp_xx .cp_js .dhxx { font-size: 18px; line-height: 30px; margin-top: 40px;}
.cp_xx .cp_js .dhxx font {font-size: 32px; font-weight: bold; font-family: Arial;}

.cp_xx .swiper-container {}
.cp_xx .swiper-slide {background-size: cover;background-position: center;}
.cp_xx .swiper-slide img { }
.cp_xx .gallery-topp { width:100%; height:auto;}
.cp_xx .gallery-thumbs {height:160px;box-sizing: border-box; margin-top: 15px; }
.cp_xx .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.cp_xx .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}


.cp_xn .tab{ width:100%; margin:20px auto 0px auto; background: #fff;}
.cp_xn .tab-hd { border-bottom: 1px solid #ddd; overflow:hidden; zoom:1; text-align: center;}
.cp_xn .tab-hd li{line-height: 55px; color:#333;  font-size: 18px;font-weight: bold; border-bottom: 3px solid #ccc; display: inline-block; text-align:center; cursor:pointer; width: auto; margin: 0px 50px;}
.cp_xn .tab-hd li.active{ border-bottom: 3px solid #016ac7; color: #016ac7;}
.cp_xn .tab-bd li{display:none; padding:40px 0px 0px 0px; border-top:0 none;}
.cp_xn .tab-bd li.thisclass{ display:list-item;}
.cp_xn .tab-bd li h5 { font-size: 20px; font-weight: bold; height: 35px;}
.cp_xn .tab-bd li p { font-size: 16px; line-height: 30px; padding-bottom: 40px;}

@media only screen and (max-width:1440px) {
.cp_xx{ width: 90%;  }
}

@media only screen and (max-width:995px) {
.cp_xx{ width: 94%; margin: 30px auto 20px auto; }	
.cp_xx .cp_zs{width:100%; float: none; }
.cp_xx .cp_js{width:100%; float: none; margin-top: 30px; }
.cp_xx .cp_js h3{font-size:26px; padding-bottom: 10px; color: #333;}
.cp_xx .gallery-thumbs {height:60px; }
.cp_xx .cp_js .lyy {padding: 15px;}
.cp_xx .cp_js .lyy .z1 { font-size: 14px; height: auto; padding-bottom: 15px;}
.cp_xn .tab-hd li{margin: 0px 20px; }
.cp_xn .tab-bd li h5 { font-size: 18px; font-weight: bold; height: 35px;}
}




.qq_wl { width: 80%; margin: 0px auto 60px auto;}
.qq_wl .bt { font-size: 32px; text-align: center; padding: 50px 0px 30px 0px;}
.qq_wl ul li { width: 31%; float: left; margin: 0 3.5% 0 0; border-top: 3px solid #016ac7; background: #fff; padding: 25px;}
.qq_wl ul li:nth-child(3n) { margin-right: 0;}
.qq_wl ul li h2 { font-size: 20px; height:50px; text-align: center;}
.qq_wl ul li p { line-height:35px; font-size: 16px;}
.qq_wl ul li i { width: 40px; height: 30px;}
.qq_wl ul li i img { width: 20px; height: 20px; margin-right: 8px;}
@media only screen and (max-width:1440px) {
.qq_wl{ width: 90%;  }
}
@media only screen and (max-width:992px) {
.qq_wl{ width: 94%;  margin: 0px auto 30px auto; }
.qq_wl .bt { font-size: 28px;  padding: 30px 0px 20px 0px;}
.qq_wl ul li { width: 100%; margin: 0 0 3.5% 0;padding: 15px;}
}




/*新增css*/
.mbxdh { width:100%; height:70px; line-height:70px; border-bottom:1px solid #ddd;}
.mbxdh img { float:left; margin-right:10px; margin-top:20px;}
.mbxdh a:hover { color:#016ac7;} 

@media only screen and (max-width:992px) {
  .mbxdh { width:100%; height: auto; line-height:25px; border-bottom:1px solid #ddd; padding: 10px 0px; font-size: 13px;}
  .mbxdh img {  margin-top:0px; margin-right:5px; }
}