body {
    color: #333;
    font-size: 14px;
    font-family:"寰蒋闆呴粦","Arial",Helvetica,"榛戜綋",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;



}
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }
.img-hide img{ transition: 0.3s all; transform: scale(1,1); }
html{ overflow-x: hidden; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.container{ width: 1430px; }
.header1{ height:120px; position: absolute; top: 0; left: 0; right: 0; z-index: 1000; background: url(../../img/dzzt/zszt_header.png) center no-repeat; background-size: 100% 100%; padding:0 5%; }
.logo{ line-height: 120px; width: 37%; }
.nav-list li{ float: left; line-height: 120px; margin-left: 35px; position: relative; }
.nav-list li a{ font-size: 18px; color: #fff; }
.nav-list li.active a,.nav-list li a:hover{ font-weight: bold; position: relative; }
.nav-list li.active a:before,.nav-list li a:hover:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -20px; height: 10px; background: url(../../img/dzzt/zszt_raw.png) center no-repeat; }
.search-top{ line-height: 120px; margin-left: 22px; }
.banner img{ width: 100%;  }
.banner a{ display: block; position: relative; }
.banner a:before{ display: block; z-index: 10; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 20%; background: url(../../img/dzzt/zszt_banner-bottom.png) center repeat-x; background-size: 100% 100%; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; }
.banner .slick-dots li button{ border:solid 1px #fff; }
.banner .slick-dots li.slick-active button{ background: #fff; }
.title{ font-family: "鎬濇簮瀹嬩綋 CN"; font-size: 48px; color: #333; line-height: 48px; font-weight: bold; }
.title-sm{ font-family: "鎬濇簮瀹嬩綋 CN"; font-size: 16px; color: #1c3d77; text-transform: uppercase; margin-top: 10px;  }

.banner{ margin:0; }
.title-box{ margin-top: 90px; position: relative; }
.title-more{ position: absolute; right: 0; top: 50%; height: 20px; line-height: 20px; font-size: 14px; color: #666; margin-top: -10px; background: url(../../img/dzzt/zszt_more.png) left center no-repeat; padding-left: 60px; }
.zs-back{ margin-top: 45px; background: url(../../img/dzzt/zszt_back01.png) center no-repeat; background-size: cover; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.zs-img{ width: 50%; }
.zs-img-pc{ height: 495px; }
.zs-right{ width: 50%; padding:50px 55px; }
.zs-right-date{ font-size: 18px; color: #999; }
.zs-right-date span{ font-size: 30px; color: #1c3d77; font-weight: bold; padding-right: 25px; font-family: "Impact"; background: url(../../img/dzzt/zszt_lind.png) right center no-repeat; display: inline-block; }
.zs-right-tt a{ font-size: 24px; color: #000;  }
.zs-right-tt{ margin-top: 20px; line-height: 35px; height: 70px; overflow:hidden; text-align: justify; }
.zs-right-lind{ border-top:solid 1px #ddd; margin:25px 0 20px 0; }
.zs-right-p{ text-align: justify; line-height: 30px; height: 120px; overflow:hidden; color: #999; }
.zs-back .slick-next{ right: 55px; bottom: 60px; top: auto; width: 50px; height: 50px; background: url(../../img/dzzt/zszt_right01.png) center no-repeat; }

.zs-back .slick-prev{ right: 125px; bottom: 60px; left: auto; top: auto; width: 50px; height: 50px; z-index: 100; background: url(../../img/dzzt/zszt_left01.png) center no-repeat; }
.zs-back .slick-next:hover{ background: url(../../img/dzzt/zszt_right02.png) center no-repeat; }
.zs-back .slick-prev:hover{ background: url(../../img/dzzt/zszt_left02.png) center no-repeat; }
.zs-ul li{ float: left; width: 50%; padding:0 35px; }
.zs-ul{ margin:0 -35px; }
.zs-ul li a{ display: block; line-height: 70px; padding-left: 20px; font-size: 16px; color: #333; border-bottom: solid 1px #ddd; background: url(../../img/dzzt/zszt_lind-l.png) left center no-repeat; padding-right: 110px; position: relative; }
.zs-ul li a span{ position: absolute; right: 0; top: 0; }
.zs-ul li a:hover{ color: #1c3d77; text-decoration: underline!important; }
.zs-ul li a:hover span{ text-decoration: none!important; }
.back-tow{ position: relative; overflow:hidden; margin-top: 70px; }
.spbb .title{
	color:#fff;
}
.spbb .title-sm{
	color:#fff;
}
.spbb .title-more{
	color:#fff;
	background: url(../../img/dzzt/zszt_more1.png) left center no-repeat;
}
.spbb .title-more:hover{
	color:#eaeaea;
}
.video-top{ padding-top: 56.25%; position: relative; margin-top:40px; }
.video-top video{ position:absolute; left: 0; top: 0; right: 0; height: 100%; width: 100%; object-fit: cover;   object-position: center center; }
.back-tow .container{ position: relative; z-index: 100; }
.back-tow:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 220px; background: url(../../img/dzzt/zszt_back02.png) center no-repeat; background-size: cover; }
.slick-bottom-box{ position: relative; padding-right: 11%; }
.slick-bottom a{ display: block; position: relative; padding-top: 66.5%; }
.slick-bottom a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slick-bottom a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10; }
.slick-initialized{ margin:0; }
.slick-bottom .slick-current a:before{ display: none; }
.slick-bottom-more{ position: absolute; right: 0; top: 0; bottom: 0; width: 11%; background:#efefef;  background-size: 100% auto; }
.slick-bottom-more span{ font-size: 14px; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); color: #1c3d77; text-align: center; }
    .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 560px;
        height: 380px;
    }
   .bg-link{         width: 560px;
        height: 380px;
        display: block; position: relative; }
    .bg-link a{ position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%;  z-index: 100; }
        .swiper-container{ margin-top: 50px; padding-bottom: 65px; }
.swiper-slide-active .bg-link a{ display: block; }
.txt-span{ position: absolute; display: none; left: 0; right: 0; font-size: 18px; color: #fff; padding-top: 90px; bottom: 0; height: 129px; background: url(../../img/dzzt/zszt_txt-span.png) center no-repeat; background-size: 100% 100%; }
.bg-mask{ position: absolute; left: 0; display: none; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); color: #fff; padding:30px; }
.bg-mask-tt{ font-size: 30px; color: #fff; }
.bg-mask-lind{ width: 60px; height: 3px; background: #fff; margin:25px auto; }
.bg-mask-p{ font-size: 16px; color: #fff; text-align: justify; line-height: 30px; height: 180px; overflow:hidden; }
.swiper-slide-active .bg-link .txt-span{ display: block; }
.swiper-slide-active .bg-link:hover .txt-span{ display: none; }
.swiper-slide-active .bg-link:hover .bg-mask{ display: block; }
.swiper-container-horizontal>.swiper-pagination-progress{ z-index: 1000; top: auto; bottom: 15px; width: 190px; left: 50%; margin-left: -95px; }
.swiper-pagination-progress{ background: #f2f2f2; }
.swiper-pagination-progress .swiper-pagination-progressbar{ background: #1c3d77; }
.number-left{ position: absolute; top: auto; bottom: 5px; left: 50%; margin-left: -130px; font-weight: bold; font-size: 20px; color: #1c3d77;  }
.number-right{ position: absolute; top: auto; bottom: 5px; left: 50%; margin-left: 110px; font-weight: bold; font-size: 20px; color: #dadada;  }
.swiper-button-next{ top: auto; bottom: 5px; width: 30px; height: 30px; background: url(../../img/dzzt/zszt_right03.png) center no-repeat; left: 50%; margin-left: 160px; }
.swiper-button-prev{ top: auto; bottom: 5px; width: 30px; height: 30px; background: url(../../img/dzzt/zszt_left03.png) center no-repeat; left: 50%; margin-left: -190px; }
.back-three{ background: url(../../img/dzzt/zszt_back03.png) center no-repeat; padding-bottom: 90px; background-size: cover; margin-top: 80px; }
.jy-slick a{ display: block; transition: 0.3s all; background: #fff; margin:0 27px; border-bottom: solid 5px #dcdcdc; }

.jy-slick{ margin:0 -27px; }
.jy-slick-box .slick-slide{ padding-top: 70px; }
.jy-slick-img{ position: relative; padding-top: 55%; }
.jy-slick-img img{ position: absolute; object-fit: cover;  left: 0; top: 0; width: 100%; height: 100%; }
.js-slick-bottom{ padding:30px; height: 210px; }
.js-slick-tt{ font-size: 20px; color: #333; font-weight: bold; line-height: 20px; }
.js-slick-p{ font-size: 16px; color: #666; line-height: 25px; margin-top: 25px; max-height: 100px; overflow:hidden; text-align: justify;  }
.jy-slick a:hover{ transform: translate(0,-20px); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-color: #ee9640; }
.jy-slick .slick-next{ width: 70px; height: 70px; background: url(../../img/dzzt/zszt_right04.png) center no-repeat; background-size: 100% 100%; right: -90px; }
.jy-slick .slick-prev{ width: 70px; height: 70px; background: url(../../img/dzzt/zszt_left04.png) center no-repeat; background-size: 100% 100%; left: -90px; }
.wh-one{ height: 100%; position: absolute; left: 0; top: 0; display: block; width: 30.8%; background: #463d38; }
.wh-top{ margin-top: 50px; background: #463d38; position: relative; padding-top: 14%; }
.wh-one-tt span{ font-size: 36px; display: inline-block; line-height: 50px; color: #fff; padding-left: 65px; background: url(../../img/dzzt/zszt_icon01.png) left center no-repeat; }
.one-more{ display: inline-block; color: #fff; background: #1c3d77; width: 100px; height: 34px; line-height: 34px; border-radius: 34px; margin-top: 30px; }
.wh-one-center{ position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); }
.wh-tow{ height: 100%; width: 42.8%; display: block; float: left; left: 30.8%; position: absolute; top: 0; }
.wh-tow i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); }
.wh-three{ height: 100%; position: absolute; background: #7e6b5a; display: block; float: left; width: 14.3%; left: 73.6%; top: 0; }
.wh-three span{ display: block; text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); font-size: 30px; color: #fff; background: url(../../img/dzzt/zszt_icon02.png) center top no-repeat; padding-top: 80px; }
.wh-bottom{ position: relative; padding-top: 28%; background: #463d38; }
.bottom-left{ width: 45%; position: absolute; left: 0; top: 0; bottom: 0; }
.bottom-left div,.bottom-left-five div{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition:0.3s all; }
.bottom-left:hover div,.bottom-left-five:hover div{ transform:scale(1.05,1.05); }
.bottom-left i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../../img/dzzt/zszt_play.png) center no-repeat; }
.bottom-left-tow{ position: absolute; left: 45%; top: 0; height: 50%; width: 14.3%; background: #eb8f00; }
.bottom-left-tow span{ display: block; text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); font-size: 30px; color: #fff; background: url(../../img/dzzt/zszt_icon03.png) center top no-repeat; padding-top: 80px; }

.bottom-left-three{ left: 59.3%; background: url(../../img/dzzt/zszt_back05.png) center no-repeat; background-size: cover; }
.bottom-left-three span{background: url(../../img/dzzt/zszt_icon04.png) center top no-repeat;  }
.wh-three-vr{ right: 0; left: auto; background: none; width: 12.1%; }
.wh-three-vr span{background: url(../../img/dzzt/zszt_icon-vr.png) center top no-repeat;  }
.bottom-left-four{ left: 59.3%; top: 50%; background: url(../../img/dzzt/zszt_05.png) center no-repeat; background-size: cover; }
.bottom-left-four span{ padding-top: 0; background: url(../../img/dzzt/zszt_lind-b.png) center bottom no-repeat; padding-bottom: 35px; }
.bottom-left-tow-b{ top: 50%; left: 45%; }
.bottom-left-five{ position: absolute; right: 0; top: 0; bottom: 0; width: 26.4%; }
.mj-ul li{ position: relative; float: right; overflow:hidden; height: 500px; width: 8%; }
.mj-ul li.lg{ width: 68%; }
.mj-ul-slick a{ display: block; height: 500px; }
.mj-ul{ margin-top: 50px; }
.mj-txt{ position: absolute; display: none; left: 0; padding-top: 100px; padding-left: 30px; padding-right: 100px; font-size: 18px; color: #fff; right: 0; bottom: 0; height: 150px; background: url(../../img/dzzt/zszt_txt-mask-b.png) center no-repeat; background-size: 100% 100%; }
.mj-ul-slick{ margin:0; }
.mj-ul-slick .slick-dots{ bottom: 35px; right: 25px; left: auto; width: auto; }
.mj-ul-slick .slick-dots li,.mj-ul-slick .slick-dots li button{ width: 6px; height: 6px; border-radius: 8px; padding:0; }
.mj-ul-slick .slick-dots li button{ background: #fff; opacity: 0.5; }
.mj-ul-slick .slick-dots li.slick-active,.mj-ul-slick .slick-dots li.slick-active button{ width: 50px; }
.mj-ul-slick .slick-dots li.slick-active button{ opacity: 1; }
.mj-ul-lb{ position: absolute; left: 0; top: 0; bottom: 0; width: 800px; }
.mj-ul-slick .slick-slide{ padding-top: 0; }
.lg .mj-txt{ display: block; }
.mj-ul-show{ position: absolute; left:0; top:0; padding-top: 135px; bottom: 0; width: 100%; z-index: 100; }
.show-top{ padding:0 10px; margin-bottom: 40px; }
.show-center{ opacity: 0.5; }
.lg .show-center{ opacity: 1; }
.show-txt{ font-size: 22px; color: #fff; font-weight: bold; width: 22px; margin:0 auto; line-height: 22px; }
.map{ background: url(../../img/dzzt/zszt_map.png) center no-repeat; position: relative; background-size: cover; height: 680px; width: 50%; }
.bottom{ margin-top: 90px; overflow: hidden; }
.map-back{ position: absolute; right: 0; bottom: 65px; left: 20%; background: url(../../img/dzzt/zszt_map-back.png) center no-repeat; background-size: cover; padding:40px 50px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.map-p p{ position: relative; padding-left: 30px; line-height: 35px; font-size: 16px;  }
.map-p p span{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.bottom-right{ width: 50%; position: relative; height: 680px; background: url(../../img/dzzt/zszt_bottom-right.png) center no-repeat; background-size: cover; }
.bottom-right-center{ position: absolute; top: 105px; left: 120px; right: 120px; max-width: 580px; background: rgba(255,255,255,0.9); border-radius: 10px; padding:50px; }
.form-tt{ font-size: 36px; margin-bottom: 40px; color: #333; font-weight: bold; }
.form-left{ font-size: 18px; line-height: 40px; position: absolute; left: 0; top: 0; }
.form-left span{ padding-left: 36px; }
.form-box{ position: relative; min-height: 40px; margin-bottom: 15px; padding-left: 105px; }
.form-box .form-control{ font-size: 16px; box-shadow: none; height: 40px; }
.btn-form{ display: inline-block; font-size: 16px; color: #fff!important; padding:8px 65px; background: #1c3d77; margin-top: 30px; }
.bkzx table{margin: 0 auto;width: 40%;}

.bkzx table td{
	width: 48%;
	height: 34px;
	display: inline-block;
}
.bkzx table td input{
	width:100%;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bkzx table td img{
	height:100%;
	width: auto;
}
.nybkzx{
    width:600px;
    margin:0 auto;
    max-width:100%;
}

.footer{ background: url(../../img/bot_bg.jpg) center no-repeat; padding-bottom: 40px; background-size: cover; padding-top: 75px; }
.logo-txt img{ height: 80px; margin-bottom: 5px; }
.logo-txt{ color: #fff; font-size: 12px; }
.logo-txt div{ float: left; margin-left: 10px;text-align:center; }
.logo-txt div a{
	color:#fff;
}
.footer-bottom{ margin-top: 80px; }
.footer-left{ font-size: 16px; color: #fff; }
.footer-left span{ padding-right: 45px; }
.footer-left span a{
	color:#fff;
}
.footer-right a{ display: inline-block; font-size: 16px; color: #fff; background: url(../../img/dzzt/zszt_lind-c.png) left center no-repeat; padding-left: 10px; margin-left: 40px; }
.zs-img-pc img{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.jy-slick .slick-prev:hover{ background: url(../../img/dzzt/zszt_left05.png) center no-repeat; background-size: 100% auto; }
.jy-slick .slick-next:hover{ background: url(../../img/dzzt/zszt_right05.png) center no-repeat; background-size: 100% auto; }
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff;  margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #1c3d77; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}
.title-more:hover,.zs-right-tt a:hover{ color: #1c3d77; }
.zs-img:hover .zs-img-pc{ transform: scale(1.05,1.05); }
.zs-img-pc{ transition: 0.3s all; }
.wh-top a span{ transition: 0.3s all; }
.wh-three:hover span{ margin-top: -15px; }
.wh-one-center{ transition: 0.3s all; }
.wh-one:hover .wh-one-center{ margin-top: -15px; }
.wh-bottom span{ transition: 0.3s all; }
.wh-bottom a:hover span{ margin-top: -15px; }
.wh-tow{ overflow:hidden; }
.wh-tow div{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.3s all; }
.wh-tow:hover div{ transform:scale(1.05,1.05); }
.lg .mj-ul-show{ position:absolute; right: 0; top: 0; bottom: 0; left: auto; width: 154px; }
.mj-ul li{ transition: 0.3s all; cursor: pointer; }
.mj-tabs{ display: none; }
.nav-list li{ position: relative; }
.nav-down{ position: absolute; margin-top: -20px; display: none; left: 50%; top: 100%; width: 120px; margin-left: -60px; background: #1c3d77; padding:10px 0; }
.nav-down li{ width: 100%; line-height: 40px; margin:0!important; text-align: center; }
.nav-down li a{ line-height: 40px; background: none!important; font-size: 18px; color: #fff; }
.nav-click{ display: none; }
.nav-list li:hover .nav-down{ display: block; }
.nav-down li a:before{ display: none!important; }


/********鏂板*********/

.banner .slick-prev{ left: 15px; width: 64px; height: 64px; z-index: 100; background: url(../../img/dzzt/right.png) center no-repeat;}
.banner .slick-next{ right: 15px; width: 64px; height: 64px; z-index: 100; background: url(../../img/dzzt/left.png) center no-repeat;}










@media( max-width: 1919px){
	.nav-list li{ margin-left: 20px; }
}
@media( max-width: 1599px){
	.nav-list li{ margin-left: 8px; }
	.logo{ width: 30%; }
	.header{ padding:0 2%; }
	.container{ width: 1230px; }
	.footer-left span{ padding-right: 20px; }
	.footer-right a{ margin-left: 20px; }
	.mj-ul-lb{ width: 690px; }
    .lg .mj-ul-show{ width:132px; }

}
@media( max-width: 1279px){
	.nav-list li{ margin-left: 8px; }
	.logo{ width: 25%; }
	.header{ padding:0 15px; }
	.nav-list li a{ font-size: 15px; }
	.container{ width: 970px; }
	.wh-three span,.bottom-left-tow span{ font-size: 18px; }
	.wh-one-tt span{ font-size: 24px; }
	.bottom-right-center{ left: 50px; right: 50px; }
	.menu-button{display: block;top: 52px;}
	.wh-three span{ padding-top: 70px;  }
	.one-more{ margin-top: 10px; }
	.bottom-left-tow span{ padding-top: 60px; }
	.bottom-left-four span{ padding-top: 0; }
	.mj-ul-lb{ width: 536px; }
    .lg .mj-ul-show{ width:103px; }
    .header1{
    	background:#1c3d77;
    	height: auto;
    }
    .banner{
    	margin-top:120px;
    }

.logo-b{ width: 500px; }
}
@media( max-width: 1023px){
	.nav-list li{ margin-left: 10px; }
	.nav-list li a{ font-size: 14px; }
	.container{ width: 970px; }
	.swiper-slide,.bg-link{ width: 440px; height: 320px; }
	.bg-mask-p{ height: 120px; }
	.map-p p{ font-size: 14px; line-height: 25px; }
	.container{ width: 750px; }
	.header{ height: 50px; background: #1c3d77; }
	.logo{ line-height: 50px; width: 220px; }
	.menu-button{display: block;top: 15px;}
	 .banner{
    	margin-top:0px;
    }
	body{ padding-top: 50px; }
	.nav-list{ position: absolute; left: 0; display: none; border-top: solid 1px #fff; right: 0; top: 50px; background:#1c3d77; width: 100%; margin:0;  }
	.nav-list li{ float: none; margin:0; width: 100%; }
	.nav-list li a{ display: block; line-height: 40px; padding:0 15px; }
	.nav-list li a:before{ display: none!important; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
	.search-top{ line-height: 50px; margin-right: 40px; }
	.logo-b{ width: 100%; text-align: center; }
	.nav-down{ position: static; margin:0; width: 100%; padding:0; }
	.nav-down li a{ text-align: left; padding:0 25px; }
	.nav-list li:hover .nav-down{ display: block; }
	.logo-txt,.footer-left,.footer-right{ width: 100%; text-align: center; }
	.footer-left span{ display: block; padding:0; margin-bottom: 10px; }
	.footer-right a{ margin:0 15px; }
	.footer-bottom{ margin-top: 20px; }
	.footer{ padding:30px 0; }
	.mj-ul-lb{ width: 410px; }
    .lg .mj-ul-show{ width:79px; }
	.search-box-c{ left: 15px; right: 15px; width: auto; margin-left: 0; }
	.logo-txt{ text-align: center; margin-top: 20px; }
	.logo-txt div{ float: none; display: inline-block; margin:0 5px; }
	}
@media( max-width: 768px){
	.container{ width: 100%; }
	.banner .slick-dots{ bottom: 15px; }
	.title{ font-size: 24px; line-height: 24px; text-align: left; }
	.title-sm{ font-size: 13px; text-align: left; }
	.title-box{ margin-top: 20px; }
	.zs-back{ margin-top: 20px; }
	.zs-img{ width: 100%; }
	.zs-img-pc{ height: auto; }
	.zs-img-pc img{ display: block; }
	.zs-right{ width: 100%; padding:20px; }
	.zs-right-tt a{ font-size: 18px; }
	.zs-right-tt{ line-height: 30px; margin-top: 10px; }
	.zs-right-lind{ margin:10px 0 15px 0; }
	.zs-back .slick-prev,.zs-back .slick-next{ top: 50%; left: 0; display: none!important; }
	.zs-ul li{ width: 100%; }
	.zs-ul li a{ line-height: 55px; }
	.back-tow{ margin-top: 30px; padding-top: 30px; }
	.back-tow:before{ bottom: 50px; }
	.swiper-container-horizontal>.swiper-pagination-progress{ width: 120px; margin-left: -60px; }
	.number-left{ margin-left: -100px; }
	.number-right{ margin-left: 80px; }
	.swiper-button-prev{ margin-left: -150px; }
	.swiper-button-next{ margin-left: 125px; }
	.swiper-slide, .bg-link {
    width: 300px;
    height: 200px;
}
.swiper-slide-active a:hover .bg-mask{ display: none; }
.swiper-container{ margin-top: 30px; padding-bottom: 60px; }
.back-three{ margin-top: 30px; padding-bottom: 30px; }
.jy-slick-box .slick-slide{ padding-top: 30px; }
.jy-slick .slick-next{ right: 20px; z-index: 100; width: 40px; height: 40px; background-size: 100% auto; }
.jy-slick .slick-prev{ left: 20px; z-index: 100; width: 40px; height: 40px; background-size: 100% auto; }
.wh-one,.wh-tow,.wh-three{ width: 100%; height: 150px; position: relative; left: 0; }
.bottom-left,.bottom-left-tow,.bottom-left-five{ position: relative; display: block; left: 0; right: 0; width: 100%; height: 150px; }
.wh-bottom,.wh-top{ padding:0; }
.one-more{ margin-top: 20px; }
.mj-ul li.lg{ width: 100%; z-index: 100; opacity: 1; }
.mj-ul-lb{ width: 100%; position: static; padding-top: 50%; }
.mj-ul-slick{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.mj-ul-slick a{ height: auto; padding-top: 50%; }
.mj-ul li{ height: auto; position: absolute; left: 0; transition: 0s all; top: 0; width: 100%; opacity: 0; }
.mj-ul{ padding-top: 50%; position: relative; }
.mj-ul .mj-ul-slick .slick-dots li{ position: static; opacity: 1; }
.mj-ul .mj-ul-slick .slick-dots{ padding:0; }
.map,.bottom-right{ width: 100%; height: auto; padding:30px; }
.map-back,.bottom-right-center{ padding:25px; position: static; width: 100%; max-width: 100%; }
.bottom{ margin-top: 30px;}
.form-tt{ font-size: 24px; margin-bottom: 15px; }
.btn-form{ margin-top: 10px; }
.footer-right a{ margin:0 5px; }
.footer-bottom{ margin-top: 10px; }
.form-left{ font-size: 16px; }
.form-left span{ padding-left: 32px; }
.form-box{ padding-left: 85px; }
.form-box .form-control{ font-size: 14px; }
.wh-top{ margin-top: 20px; }
.mj-tabs{ display: block; margin-top: 20px; }
.mj-tabs li{ float: left; width: 20%; background: #1c3d77; }
.mj-tabs li a{ display: block; padding:10px; }
.mj-ul{ margin-top: 0; }
.mj-txt{ padding-left: 15px; }
.mj-tabs li a img{ width: 100%; max-width: 50px; }
.lg .mj-ul-show{ display: none; }
.banner .slick-prev{ width: 32px; margin-top: -16px; height: 32px; background-size: 100% 100%; }
.banner .slick-next{ width: 32px; margin-top: -16px; height: 32px; background-size: 100% 100%; }
.logo-txt img{ height: 60px; }
}