@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#333333;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#333333; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{position: fixed;width: 100%; z-index: 100; left: 0;top: 0;background: #fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2);height: 90px; }
.headerbox{overflow: hidden; width:1400px; margin:0 auto}
.logo{width: 235px;float: left; padding-top: 10px;}
.yznr{float: right;width: 49px; line-height: 36px; font-size: 15px;text-align: center; color: #fff; background: #0050a8; margin-top: 30px;transition: All 0.4s ease-in-out;}
.yznr:hover{background: #fc8324;}

.nav{float: right;}
.nav ul{overflow: hidden;}
.nav li{font-size: 18px; line-height: 90px; padding-right: 60px;float: left;}
.nav a{color: #333;}
.nav a:hover{color: #206BE7;}
.inbox{height: 100vh;}
.inbox .swiper-container { width: 100%;  height: 100%; }
.inbox .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 
 
.text1{font-size: 50px; font-weight: bold; color: #0051a9; line-height: 2;
text-shadow:1.5px 0px 0px #fff,-1.5px 0px 0px #fff,0px 1.5px 0px #fff,0px -1.5px 0px #fff;

letter-spacing: 10px;text-align: center;width: 100%;}
.swiper-button-next.swiper-button-next-h{background: url(../images/a1.png);width: 59px;height: 59px; cursor:pointer;top: auto; bottom: 50px;z-index: 10000;left: 50%; margin-left: -25px;opacity: 1;}
.swiper-container-a .swiper-slide .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;  overflow: hidden;}
.swiper-container-a .swiper-slide .bg img{display: block; width: 100%; height: 100%;transition:22s; transform: scale(1.5);}
.swiper-container-a .swiper-slide.swiper-slide-active .bg img{ transform: scale(1);}
.swiper-button-next-a{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/right.png) no-repeat center center;opacity: 0.5;}
.swiper-button-next-a:hover{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/right.png) no-repeat center center #007AFF;transition: All 0.4s ease-in-out;opacity: 0.5;}
.swiper-button-prev.swiper-button-next-a{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/left.png) no-repeat center center !important;transition: All 0.4s ease-in-out;opacity: 0.5;}
.swiper-button-prev.swiper-button-next-a:hover{width: 50px; height: 50px;border: 1px solid #fff; margin-top: -20px;border-radius: 50%;background: url(../images/left.png) no-repeat center center #007AFF !important;transition: All 0.4s ease-in-out;opacity: 0.5;}
@keyframes scaledh{
0%{ opacity: 0.8; transform: scale(1);}
50%{ opacity: 1; transform: scale(1.05);}
100%{ opacity: 0.8; transform: scale(1);}
}
.swiper-pagination-h{width: 16px;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {opacity: 1;border: 1px solid #fff;background: #fff; margin: 0 auto 26px auto;position: relative;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 14px; height: 14px;background: none; margin: 0 auto 20px auto;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:before{position: absolute; content: ""; border-left: 2px solid #fff; height: 15px;left:50%; top: 14px; margin-left: -1px;}
.swiper-pagination-bullet-active:before{position: absolute; content: ""; border-left: 2px solid #fff; height: 15px;left:8px; top: 10px;}
.swibox2{height: 100vh; padding-top: 90px;background: url(../images/bj2.jpg) no-repeat center center;background-size: cover;width: 100%;position: relative;} 
.sw2box{width: 50%;position: relative; padding: 0 60px 0 10%;background: #fff;text-align: left;top:50%; transform: translateY(-50%);}
.gywm h2{position: relative; font-size: 40px; color: #0050a8; font-weight: bold; padding: 50px 0 40px;}
.gywm h2:before{position: absolute; content: ""; bottom: 20px; left: 0; border-bottom: 2px solid #0051a9;width: 90px;text-align: left;}
.gywm p{font-size: 16px; line-height: 33px; color: #404040;}
.gywm ul{overflow: hidden; padding-top: 75px;}
.gywm li{float: left; width: 50%; padding-bottom: 55px;}
.gywm a{display: block;}
.gywm a img{float: left;}
.gywm_tex{float: right;width: calc(100% - 45px);}
.gywm_tex h3{margin-bottom: 10px; color: #015ba4;font-size: 20px; font-weight:bold}
.gywm_tex h4{font-size: 16px;}
.gywm_tex p{font-size: 17px; color: #404040;}
.swiper-button-next-v{background: url(../images/b1.jpg);width: 55px; height: 53px; margin-top: -26px;right: -20px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0 !important;}

.swibox3{height: 100vh; padding-top: 90px;background:#dfe8f1;width: 100%;position: relative;}
.hxyw{padding: 0 10%;position: relative;top:50%; transform: translateY(-50%);}
.hxyw_tit{text-align: center; padding: 30px 0;}
.hxyw_tit h2{font-weight: bold; font-size: 40px; color: #0050a8; margin-bottom: 15px;}
.hxyw_tit p{font-size: 17px; color: #0050a8;text-align: center;}
.hxyw_nr ul{overflow: hidden; margin-left: -10px;}
.hxyw_nr li{float: left;width: 33.33%; padding: 0 0 10px 10px;}
.hxywbox {position: relative;overflow: hidden;cursor:pointer;}
.hxywbox img{width: 100%; max-height:330px;}
.hxywbox p{width: 100%; position: absolute; left: 0; bottom: 0; text-align: center;background: rgba(0,80,168,.8); line-height: 52px; font-size: 22px; color: #fff;transition: All 0.4s ease-in-out;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.wzzz{position: absolute;width: 100%; height: 100%; top: 0; left: 0;background: rgba(0,80,168,.8);opacity: 0;transition: All 0.4s ease-in-out;}
.zztext{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); }
.zztext h2{font-size: 24px; color: #fff; margin-bottom: 25px;text-align: center;}
.zztext dl{padding: 0 90px;}
.zztext dt{line-height: 35px; color: #fff; font-size: 16px;background: url(../images/b8.jpg) no-repeat left center; padding-left: 22px;}
.zztext dt a{color: #fff;}
.hxyw_nr .hxywbox:hover .wzzz{opacity: 1;}
.hxyw_nr .hxywbox:hover p{opacity: 0;}

.swibox4{height: 100vh; padding-top: 90px;background:url(../images/bj4.jpg);width: 100%;position: relative;background-size: cover; padding: 90px 10% 0 10%;}
.news-tit{padding: 80px 0;overflow: hidden;}
.news-tit h2{font-weight: bold; font-size: 40px; color: #fff; margin-bottom: 15px;}
.news-tit p{font-size: 16px; color: #fff;}
.news-tit span{overflow: hidden;}
.news-tit b{border: 1px solid #436baf;width: 152px;height: 58px; text-align: center; display: inline-block; font-size: 20px; color: #fff; margin-left: 30px; line-height: 56px;cursor:pointer;}
.news-tit b.on{background: #c8d2e2;color: #333;}
.newsbox{overflow: hidden;animation:fadeIn .25s, 100ms;}
.news_left{float: left; width: 450px;background: #fff;border-radius: 8px; overflow: hidden;}
.news_tp{overflow: hidden;}
.news_tp img{width: 100%;}
.news_text{padding: 0 30px 60px 30px;}
.news_text h2{font-size: 16px; color: #333; line-height: 56px;}
.news_text p{font-size: 22px; line-height: 40px;height: 80px; color: #434343;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_text a{display: block; font-size: 16px; color: #666; margin-top: 25px;}

.news_right{float: right;width: calc(100% - 500px); margin-top: -38px;}
.news_right li{border-bottom: 1px solid #5585c0; padding: 38px 0;}
.news_right h2{color: #fff; font-size: 19px; margin-bottom: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_right h2 a:hover{ text-decoration:underline; }
.news_right p{font-size: 15px; line-height: 2; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.swibox5{padding: 70px 0 0 0;width: 100%;}
.banner{background: url(../images/bj3.jpg) no-repeat center center; height: 314px; padding: 0 10%;width: 100%;}
.banner h2{font-size: 40px; font-weight: bold; color: #fff; padding: 130px 0 15px;}
.banner p{font-size: 17px; color: #fff;}
.lxdz{padding: 60px 10% 10px 10%;}
.lxdz ul{overflow: hidden; margin-left: -15px;}
.lxdz li{width: 25%; float: left; padding-left: 15px;}
.lxdzbox{background: #f8f8f8;height: 290px; border: 1px solid #eaeaea; padding: 0 20px;cursor:pointer;transition: All 0.4s ease-in-out;}
.lxdzbox h2{font-size: 18px; line-height: 70px; padding-top: 20px;color: #333;font-weight: bold;}
.lxdzbox p{overflow: hidden; font-size: 14px; line-height: 30px; color: #333333;}
.lxdzbox span{float: left;width: 40px;}
.lxdzbox b{float: right;width: calc(100% - 40px);}
.lxdzbox:hover{background: #015ba4;}
.lxdzbox:hover h2{color: #fff;}
.lxdzbox:hover p{color: #fff;}



.swibox6{background:#fff;height: 100vh; background-size: cover;width: 100%; padding: 90px 0 0 0;}
.wzxq{position: relative;top:50%; transform: translateY(-50%);}
.wzxq ul{overflow: hidden;}
.wzxq li{float: left;width: 33.33%;}
.wzbox{position: relative; overflow: hidden;}
.wzbox img{width: 100%;}
.wzzz1{width: 100%; height: 100%; position: absolute;left: 0; top: 0;background: rgba(0,0,0,.45);transition: All 0.4s ease-in-out;}
.wzz_text{position: absolute;width: 100%; padding: 0 8%;left:50%; top:50%; transform:translate(-50%,-50%);}
.wzz_text h2{font-size: 50px;text-align: center; color: #fff; margin-bottom: 75px;}
.wzz_text p{font-size: 18px; line-height: 45px; height: 135px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #fff;}
.wzz_text a{display: block;text-align: center; width: 152px; line-height: 44px; font-size: 15px; color: #fff; margin: 40px auto 0 auto;background: rgba(113,108,108,.45);transition: All 0.4s ease-in-out;}

.wzbox:hover .wzzz1{background:rgba(0,0,0,0);}
.wzbox:hover h2{color: #0050a8;}
.wzbox:hover p{color: #0050a8;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.wzbox a:hover{background: rgba(0,80,168,.45);}

.swibox7{background: url(../images/bj7.jpg) no-repeat center center;background-size: cover;height: 100vh; padding: 90px 10% 0 10%;width: 100%;}
.jdql{position: relative;top:50%; transform: translateY(-50%);}
.jdql_tit{text-align: center; padding-bottom: 45px;  }
.jdql_tit h2{font-weight: bold; font-size: 40px; margin: 0 0 30px 0; color: #fff;}
.jdql_tit p{font-size: 17px; color: #fff;}
.jdql_tit ul{text-align: center; padding-top: 30px;}
.jdql_tit li{display: inline-block; padding: 0 25px;}
.jdql_tit li span{display: block; font-size: 20px; padding: 0 32px; background: #ecf4fc; line-height: 56px;cursor:pointer;}
.jdql .jdql_tit span.on1{background: #0050a8;color: #fff;}
.jdlq_box{animation:fadeIn .25s, 100ms;background: rgba(255,255,255,.1);padding: 50px;}
.jdlq_box ul{overflow: hidden; margin-left: -25px;}
.jdlq_box li{float: left; width: 25%; padding-left: 25px;}
.jdlq_box a{display: block;text-align: center; }
.jdlq_box img{width: 100%; height:230px;}
.jdlq_box p{color: #fff; font-size: 15px; line-height: 28px; margin-top: 15px;}

.swibox8{padding: 90px 10% 0 10%; width: 100%; height: 100vh;background: url(../images/bj8.jpg) no-repeat center center;background-size: cover;}
.jspx{position: relative;width: 100%;top:50%; transform: translateY(-50%);}
.jspx ul{overflow: hidden; margin-left: -50px; padding: 10px; }
.jspx li{float: left; width: 33.33%; padding-left: 50px;}
.jspxbox{border-radius: 8px; padding: 0 30px 75px 30px;border: 1px solid #c7c9cb;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0,0, .5);box-shadow:0 0 10px rgba(0, 0, 0, .5); background-image: linear-gradient(#6497cf, #0151a8) ; opacity: 0.9; }
.jspxbox h2{text-align: center; font-size: 30px; padding: 60px 0 30px; color: #fff;}
.jspx dt{line-height: 42px; border-bottom: 1px solid #6c9bcf; padding: 10px 0 0 30px; background: url(../images/b8.jpg) no-repeat 15px 29px;}
.jspx dt a{color: #fff; font-size: 14px;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xwbox{position: relative;top:50%; transform: translateY(-50%);}
@media(max-width:1610px){
.nav li{padding-right: 35px;}

}
@media(max-width:1400px){
.headerbox{padding: 0 3%;}
.sw2box{padding-left: 3%;}
.hxyw{padding: 0 3%;}
.swibox4{padding: 60px 3% 0 3%;}
.lxdz{padding: 90px 3% 0 3%;}
.link{padding: 10px 3%;}
.swibox7{padding: 90px 3% 0 3%;}
.swibox8{padding: 90px 3% 0 3%;}

}
@media(max-width:1366px){
.swibox1 h2{font-size: 36px; line-height: 1.8;}
.xxbtn{bottom: 50px;}
.gywm ul{padding-top: 35px;}
.gywm li{padding-bottom: 20px;}
.gywm h2{font-size: 28px;padding: 30px 0;}
.gywm p{line-height: 1.8; font-size: 13px;}
.hxywbox p{font-size: 16px;}
.banner{height: 280px;}
.zztext h2{font-size: 20px;margin-bottom: 15px;}
.zztext dl{padding: 0 20px;}
.zztext dt{line-height: 1.8;font-size: 14px;}

.lxdz{padding: 15px 3% 0 3%;}
.lxdzbox{height: 205px;}
.lxdzbox h2{font-size: 18px; line-height: 25px;padding: 20px 0 10px;}
.lxdzbox p{font-size: 12px; line-height: 22px;}
.link{margin-top: 15px;}

.jdql_tit{padding-bottom: 25px;}
.jdlq_box{padding: 30px;}
.jspxbox h2{padding: 30px 0 15px; font-size: 24px;}
.hxyw_tit h2{font-size: 30px ; margin-bottom: 10px;}
.hxyw_tit p{font-size: 14px;}
.hxyw_tit{padding: 15px 0;}
.news-tit{padding: 30px 0;}
.news-tit h2{font-size: 30px; margin-bottom: 10px;}
.news-tit p{font-size: 14px;}
.news-tit b{line-height: 40px; font-size: 16px; height: 42px;width: 110px;}
.news_left{width: 350px;}
.news_text h2{font-size: 14px; line-height: 40px;}
.news_text p{font-size: 18px; line-height: 2;}
.news_text a{margin-top: 10px; font-size: 14px;}
.news_text{padding: 0 20px 30px 20px;}
.news_right{width: calc(100% - 400px);}
.news_right{margin-top: -15px;}
.jdql_tit h2{font-size: 30px; margin-bottom: 15px;}
.jdql_tit p{font-size: 14px;}
.jdql_tit ul{padding-top: 20px;}
.jdql_tit li span{line-height: 40px;font-size: 16px;}
.news_right li{padding: 15px 0;}
.jspxbox{padding: 0 20px 40px 20px;}
}

@media(max-width:1180px){
.swiper-container-h .indexWarp{ display: block; position: relative;}
.header{height: 60px;}
.logo{width: 130px;}
.logo img{width: 100%;}
.dhbtn{position: absolute; right: 3%; top: 15px; width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;}
.yznr{position: absolute; right: 50px; top: 10px; background: none; color: #0050A8; margin-top: 0;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;}
.nav{width: 100%; height: calc(100vh - 60px); top: 60px; background: rgba(53,68,173,.7 );position:fixed;left: -100%;overflow: auto;}
.nav li{float: none; width: 100%;line-height: 3; border-bottom: 1px solid #0051A9; padding: 0 5%; font-size: 16px;}
.nav li a{color: #fff;}

.inbox{height: auto;}
.swiper-button-next-a{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/right.png) no-repeat center center;background-size: 20px 20px;}
.swiper-button-next-a:hover{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/right.png) no-repeat center center #007AFF;transition: All 0.4s ease-in-out;background-size: 20px 20px;}
.swiper-button-prev.swiper-button-next-a{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/left.png) no-repeat center center !important;transition: All 0.4s ease-in-out;background-size: 20px 20px;}
.swiper-button-prev.swiper-button-next-a:hover{width: 30px; height: 30px;border: 1px solid #fff; margin-top: -15px;border-radius: 50%;background: url(../images/left.png) no-repeat center center #007AFF !important;transition: All 0.4s ease-in-out;background-size: 20px 20px;}
.inbox .swiper-container{height: auto;}
.inbox .swiper-slide{height: auto;}
.swiper-container-android .swiper-slide, .swiper-wrapper{height: auto;}
.swiper-container-a .swiper-slide{height: 7rem;}
.text1{font-size: 20px;position: relative;z-index: 100;}

.swibox2{height: auto; padding:.5rem;}
.sw2box{width: 100%; padding: 0 .5rem;float: none;top: 0; transform: translateY(0);}
.swiper-button-next-v{width: .5rem; height: .5rem;background-size: 100% 100%;}

.swibox3{padding: .3rem; height: auto;}
.hxyw{top: 0;transform: translateY(0);}
.hxyw_nr li{width: 50%;}
.hxywbox p{font-size: 12px; line-height: 32px;}
.hxyw_tit h2{font-size: 20px;}
.news-tit h2{font-size: 20px;}
.swibox4{padding: .5rem;background-size: auto 100%;height: auto;}
.news-tit b{line-height: 30px; padding: 0 .2rem; font-size: 14px;width: auto; margin-left: .2rem; height: 32px;}
.news_left{float: none; width: 100%;}
.xwbox{top: 0;transform: translateY(0);}
.news_right{width: 100%;float: none; margin-top: .2rem;}
.news_right h2{font-size: 16px;}
.news_right h2 span{font-size: 14px;}

.swibox5{padding: 0;}
.banner{height: 4rem;background-size: auto 100%;}
.banner h2{font-size: 20px; padding: 1.5rem 0 .1rem;color: #333;}
.banner p{color: #333;}
.lxdz{padding: .3rem .5rem;}
.lxdz li{width: 100%; padding-bottom: .2rem;}



.swibox6{height: auto; padding: .3rem .5rem;}
.wzxq{top: 0;transform: translateY(0);}
.wzxq li{width: 100%;padding-bottom: .2rem;}
.wzz_text h2{font-size: 24px; margin-bottom: .5rem;}
.wzz_text p{line-height: 2;height: auto;font-size: 14px;}

.swibox7{padding: .5rem; height: auto;}
.jdql{top: 0;transform: translateY(0);}
.jdql_tit h2{font-size: 20px;}
.jdlq_box{padding: .2rem;}
.jdlq_box ul{margin-left: -.2rem;}
.jdlq_box li{width: 50%; padding: 0 0 .2rem .2rem;}
.jdql_tit li{padding: 0 .1rem;}
.jdql_tit li span{line-height: 40px; padding: 0 .4rem;font-size: 14px;}
.swibox8{height: auto; padding: .5rem;}
.jspx{top: 0;transform: translateY(0);}
.jspx li{float: none; width: 100%; padding-bottom: .3rem;}
}

@media(max-width:480px){
	.jdlq_box li{width: 100%; padding: 0 0 .2rem .2rem;}
	}
	
	
	
.link{overflow: hidden; margin-top: 40px; background: #f8f8f8;padding: 15px 10%; }
.link_left{float: left; width: calc(100% - 220px);overflow: hidden; padding-top: 20px;}
.bqxx{float: left;}
.bqxx ul{overflow: hidden;}
.bqxx li{float: left; padding-right: 15px; font-size: 14px; color: #333333;}
.bqxx li a{color: #333;}
.bqxx li a:hover{color: #333;}
.bqxx  p{font-size: 14px; margin-top: 15px;}
.qyyx{float: right; padding-right:40px; margin-top:-10px;}
.qyyx ul{overflow: hidden;}
.qyyx li{float: left; color: #333;font-size: 14px; line-height: 70px;}
.qyyx a{ color: #333; padding:0 10px;}
.qyyx a:hover{color: #333;}
.link_right{float: right;width: 210px;}
.link_right ul{overflow: hidden;}
.link_right li{float: left; width: 50%; text-align: center;}
.link_right p{font-size: 12px; color: #333;}