html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

body {
	overflow-y: scroll;
	
}
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;font-family: auto!important;}

*{ line-height: 1.8;}
a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #00519a; text-decoration: none;}
::selection{background:#00519a; color:#fff;}
::-moz-selection{background:#00519a; color:#fff;}

.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
#map label,#map img{max-width: none;}
.BMap_stdMpCtrl{display: none;}



.dh-01{  -webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;}
.dh-02{ -webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s;}
.dh-03{ -webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s;}
.dh-04{ -webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;}
.dh-05{ -webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s;}
.dh-06{ -webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;}
.dh-07{ -webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;}



@media (max-width: 319px) {
	html {
		background: #fff url(../img/displayNone.png) center center no-repeat;
	}
	body {
		display: none;
	}
}

@media (min-width: 320px) {
	body{font-size: 12px;}
	.header-t{display: none;}
	.header-box{ background: #fff; height: 4.4rem; overflow: hidden;  z-index: 8; position: relative;}
	.nav-box{ position: absolute; width: 100%; background: #fff;}
	.nav-box-show{ position: fixed; z-index: 99;}
	.logo{font-weight: normal; padding: 0; margin:0; float: left; position: absolute; z-index: 99; overflow: hidden; height: 4.4rem;}
	.logo a{ padding: 0; margin: 0;}
	.logo img{ height:100%; display: block;}
	.logo span{display: none;}
	.nav-w{ width: 18rem; }
	.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
	.nav-btn{position: relative; top: 0rem; width: 3.3rem; margin-top: 0.4rem; cursor: pointer; z-index: 9999; cursor: pointer; float: right;}
	.nav-btn span{width: 100%; height: 0.4rem; display: block; float: left; background: #002f7b; margin: 3px 0; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.nav-btn div.btn-02{ height: 3.3rem; width: 3.3rem; overflow: hidden;}
	.btn-02 i{ width: 3.3rem; height: 3.3rem; line-height: 3.3rem; display: block; text-align: center; font-size: 2.9rem; color: #00519a;}
	.btn-02 .nav-hide-btn{display: none; font-size: 2.4rem;}
	.nav-btn-show .btn-02 .nav-show-btn{display: none;}
	.nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #00519a;}
	.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height: 3rem; height: 3rem; display: block; overflow: hidden;}
	.nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; z-index: 99; padding: 0.7rem 0 11rem 0; height: 100%;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s; overflow: hidden;}
	.nav ul,.nav li{padding: 0; margin: 0; list-style: none;}
	.nav .nav-list{position: absolute; width: 18rem; top: 0; height: 100%; padding-top: 12rem; overflow: hidden;}
	.nav ul{ height: 100%; overflow: initial;}
	.nav li{ border-bottom: solid 1px #ededed;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; display: block; -webkit-transform: translateX(18rem);
	-moz-transform: translateX(18rem);
	-ms-transform: translateX(18rem);
	-o-transform: translateX(18rem);
	transform: translateX(18rem);}
	.nav li a{ padding-left: 1rem; line-height: 4.8rem; font-size: 1.4rem; display: block; text-transform: uppercase; color: #666; -webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;}
	.nav li a i{ padding-left: 1rem;}
	.body-box{ width: 100%; height: 100%; position: relative; background: none; -webkit-transition: 0.3s; 
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.body-box-show{ position: fixed;}
	.nav ul div{display: none;}
	.nav li div a{font-size: 1.2rem;}
	.nav-show{ width: 18rem; opacity: 1;}
	.nav-show ul{ overflow-y: scroll;}
	.nav-show li:nth-child(1){ -webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;}
	.nav-show li:nth-child(2){ -webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;}
	.nav-show li:nth-child(3){ -webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;}
	.nav-show li:nth-child(4){ -webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
	transition-delay: 0.35s;}
	.nav-show li:nth-child(5){ -webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;}
	.nav-show li:nth-child(6){ -webkit-transition-delay: 0.45s;
	-moz-transition-delay: 0.45s;
	-ms-transition-delay: 0.45s;
	-o-transition-delay: 0.45s;
	transition-delay: 0.45s;}
	.nav-show li:nth-child(7){ -webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;}
	.nav-show li:nth-child(8){ -webkit-transition-delay: 0.55s;
	-moz-transition-delay: 0.55s;
	-ms-transition-delay: 0.55s;
	-o-transition-delay: 0.55s;
	transition-delay: 0.55s;}
	.nav-show li:nth-child(9){ -webkit-transition-delay: 0.65s;
	-moz-transition-delay: 0.65s;
	-ms-transition-delay: 0.65s;
	-o-transition-delay: 0.65s;
	transition-delay: 0.65s;}
	.nav-show li:nth-child(10){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(11){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(12){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(13){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(14){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(15){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li{ -webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	}
	.nav li{
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	}
	.nav li.nav-on>a,.nav li a.on{  color: #00519a;}
	.nav li div{ background: #f5f5f5;}
	.nav li .nav-rj-on{ color: #b7000a;}
	.max dl,.max dt,.max dd{padding: 0; margin: 0;}
	.btn-box{ width: 18rem; height: 3rem;}
	.topr-btn{ padding-left: 0.5rem; float: left; position: relative;}
	
	.topr{ height: 3rem;}
	.lang{ position: relative; z-index: 9;}
	.lang ,.lang *{padding: 0; margin: 0;}
	.lang{ padding-left: 1rem;}
	.lang dt{ float: left; color: #00519a; line-height: 2.3rem; cursor: pointer;}
	.lang dt a{ float: left; background: #00519a; }
	.lang dt a span{ display: block; width: 2.3rem; height: 2.3rem; line-height: 2.3rem; color: #fff; text-align: center;}
	.lang dt a.on{ background: #ef5411;}
	.lang dd{ float: left; display: none; position: absolute; top: 2.5rem; width: 6rem;}
	.lang dd a{ float: left; width: 100%; line-height: 3rem; text-align: center; color: #fff; font-size: 12px; background: #777; padding: 0 .5rem;}

	.lang dd a:hover,.lang a.on{color: #fff; background: #00519a;}

	.yj-btn{ float: left; line-height: 2.3rem; margin-left: 1rem;}
	.yj-btn a{ color: #666;}
	
	.search-box{ padding: 1.5rem 1rem 1rem 1rem; position: relative; width: 18rem;}
	.search-txt{ width: 100%; padding: 0 4.5rem 0 1rem; height: 3.6rem; border: solid 1px #cbcbcb; outline: none;}
	
	.search-btn{ color: #fff; background: #00519a; width: 3.6rem; position: absolute; top: 1.5rem; right: 1rem; height: 3.6rem; font-size: 1.6rem; border: none;}
	.search-btn-02{display: none; }
	
	
	.banner{padding-bottom: 45.59%; height: 0; background-position: center center; -webkit-background-size: cover;
	background-size: cover;}
	
	.pagination-banner span{ width: 30px; height: 8px; background: #fff; opacity: .5; display: inline-block; border-top-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 5px; cursor: pointer;
	-webkit-transform: skewX(20deg);
	moz-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	-o-transform: skewX(20deg);
	transform: skewX(20deg);}
	.pagination-banner .swiper-active-switch{background: #ef5411; opacity: 1;}
	.pagination-banner{ position: absolute; bottom: 10px;}
	
	.tit{ width: 100%; text-align: center;}
	.tit b{display: block; font-weight: normal; font-family: syhtl; font-size: 2.5rem; color: #00519a;}
	.tit span{display: block; font-weight: normal; font-family: syhtl; font-size: 1.4rem; }
	
	.box-01{ padding: 2rem 0;}
	.pro-list{ width: 20rem; overflow: hidden; margin: 0 auto; margin-top: 2rem; position: relative;}
	.swiper-pro .swiper-wrapper,.swiper-pro .swiper-slide{ height: 100% !important;}
	.pro-box img{  width: auto; max-width: 100%;}
	.pro-box{ width: 20rem; text-align: center; padding: 1rem 0;}
	.pro-box .pro-bd{ padding: 1.5rem 1rem; border: solid 1px #fff; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.pro-box span{ display: block; padding: 1rem 0; height: 5.4rem;}
	.pro-box span a{ font-size: 18px; display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.pro-box a.pro-box-btn{ width: 10rem; text-align: center; background: #ef5411; color: #fff; display: block; line-height: 3rem; margin: 0 auto; opacity: 0; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	
	.gray-bg{ background: #f8f8f8;}
	.pro-box-02{ width: 100%;}
	.pro-box-02 .pro-bd{ background: #fff; border: solid 1px #eaeaea;}
	.pro-box-02 a.pro-box-btn{ opacity: 1; background: #c2c2c2;}
	.pro-box .pro-bd:hover a.pro-box-btn{background: #ef5411;}
	
	.pro-box-max{position: relative;}
	.pro-btn-box{ position: absolute; width: 100%; top: 50%;}
	.pro-left{ float: left; padding:0 ; position: relative; margin-top: -1.6rem; z-index: 8;}
	.pro-right{ float: right; padding:0 ; position: relative; margin-top: -1.6rem; z-index: 8;}
	.pro-btn-box img{ width: 3.3rem; cursor: pointer;}
	.pro-box .pro-bd:hover{ border: solid 1px #bfd7ec;}
	.pro-box .pro-bd:hover a.pro-box-btn{ opacity: 1;}
	
	.box-02{ background: #f3f3f3; background-attachment: fixed; -webkit-background-size: cover;
	background-size: cover; padding: 3rem 0;}
	

	.news-box-tab .hd{ height: 5rem; line-height: 3.3rem;}
	.news-box-tab .hd a{ font-size: 1.8rem; color: #3f3f3f; display: inline-block; margin-right: 1rem; font-family:syhtl;}
	.news-box-tab .hd a.on{color: #00519a;}
	.news-box-tab .bd{ height: 22.1rem; position: relative;}
	.news-cont{ position: absolute; width: 100%; top: 0; opacity: 0; visibility: hidden; filter:alpha(opacity=0);  height: 20.4rem;}
	.news-cont-show{ opacity: 1;visibility: visible;filter:alpha(opacity=0);}
	.news-box{ width: 100%; width: 20rem;}
	.news-box img{width: 100%;}
	.swiper-news-list{ width: 20rem;}
	.swiper-news-list .swiper-wrapper,.swiper-news-list .swiper-slide{ height: 100% !important;}
	.news-box .news-pic{ border: solid 3px #fff; display: block; margin-bottom: 0.5rem; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.news-box .news-txt *{padding: 0; margin: 0;}
	.news-box .news-txt{ background: #fff; display: block; overflow: hidden; padding: 1rem;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.news-box .news-txt span{ width: 5.5rem; height: 5.5rem; display: block; float: left; background: #00519a; color: #fff; text-align: center;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.news-box .news-txt span b{ font-size: 3.6rem; line-height: 3rem; padding-top: 0.5rem; text-align: center; display: block; font-weight: normal;}
	.news-box .news-txt dl{ float: right; width: 12rem;}
	.news-box .news-txt dl dt{ font-weight: normal; font-size: 1.4rem; }
	.news-box .news-txt dl dd{ display: none;}
	
	.news-btn-box{ position: absolute; width: 100%; height: 24.5rem;}
	.news-left{ float: left; padding:0 ; margin-top: -1.6rem; position: relative; top: 50%; z-index: 8;}
	.news-right{ float: right; padding:0 ; margin-top: -1.6rem; position: relative; top: 50%; z-index: 8;}
	.news-btn-box img{ width: 3.3rem; cursor: pointer;}
	.news-btn-box .news-more{ position: absolute; top: -5rem; right: 0; width: 3.3rem; display: inline-block;}
	.news-box:hover .news-pic{ border: solid 3px #00519a;}
	.news-box:hover .news-txt{ background: #00519a; color: #fff;}
	.news-box:hover .news-txt span{ background: #fff; color: #00519a;}
	
	.gywm-box a{ display: table; color: #fff; width: 100%; background-position: center center; background-repeat: no-repeat;  -webkit-background-size: cover;
	background-size: cover; margin-bottom:2px;}
	.gywm-box-01 a{ background-image: url(../img/pic-02.jpg); height: 29rem;}
	.gywm-box-02 a{ background-image: url(../img/pic-03.jpg); height: 14.5rem;}
	.gywm-box-03 a{ background-image: url(../img/pic-04.jpg); height: 14.5rem;}
	.gywm-box-04 a{ background-image: url(../img/pic-05.jpg); height: 14.5rem;}
	.gywm-tc{ display: table-cell; vertical-align: middle; text-align: center; padding: 0 1.5rem;}
	.gywm-box b{ display: block; font-weight: normal; font-size: 2rem; padding-bottom: 1.5rem;}
	.gywm-box p{ padding: 0; margin: 0;}
	.gywm-box-01 b{ -webkit-background-size: 2rem;
	background-size: 2rem; background: none;}
	.gywm-box{ padding: 2rem 0;}
	
	.footer{border-top: solid 1px #e1e1e1;  border-bottom:solid 10px #00519a;}
	.footer-l{  padding-top: 1rem; overflow: hidden;}
	.fx-box{ position: relative; float: left; left: 50%;}
	.fx-box a{ width: 3rem; height: 3rem; display: block; float: left; margin: 0 0.5rem; position: relative; left: -50%;}
	.xl-ico{background: url(../img/fx-ico-01.png) left top; -webkit-background-size: 3rem;
	background-size: 3rem;}
	.wx-ico{background: url(../img/fx-ico-02.png) left top; -webkit-background-size: 3rem;
	background-size: 3rem;}
	.qq-ico{background: url(../img/fx-ico-03.png) left top; -webkit-background-size: 3rem;
	background-size: 3rem;}
	.in-ico{background: url(../img/fx-ico-04.png) left top; -webkit-background-size: 3rem;
	background-size: 3rem;}
	
	.footer-r{ padding: 1rem 0; text-align: center; color: #999; line-height: 1.8;}
	
	.nav-bg{ width: 100%; position: fixed; left: 100%; padding-top: 6.5rem; background: #000; filter:alpha(opacity=80); background: rgba(0,0,0,0.8); z-index: 99; height: 100%;	margin-left: 0; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.nav-bg-show{ margin-left: -17rem;}
	

	
	.btn-off{ opacity: 0.5; filter:alpha(opacity=50);}
	.zt-box{width: 100%;}
	
	.fx-box a:hover{ background-position: center bottom;}
	
	.hxys-video-bg{ display: none; width: 100% !important; overflow: hidden;  position: absolute; left: 0; top: 0; overflow: hidden;background: url(../img/banner-01.jpg) center center  no-repeat; -webkit-background-size: cover;
background-size: cover; height: 40rem;}




.banner-z-02{ background: url(../img/banner-bg-02.png) left center; width: 100%; height: 100%; position: relative; z-index: 8;}

	.banner-dtc-02{display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
	.banner-dtc-02 b{display: block; font-size: 3.2rem; line-height: 5rem; font-weight: normal; font-family: syhtl; display: block;}
	
	.banner-dtc-02 p{display: block; margin: 0; padding: 1rem; border: solid 1px #fff; display: inline-block; line-height: 2;font-family: syhtl;}
	.banner-btn{  margin: 0 auto; position: absolute; width: 100%; bottom: 2rem; }

	.menu-box *{ padding: 0; margin: 0; list-style: none;}
	.menu-box ul li{ float: left; width: 50%; text-align: center;}
	.menu-box{ overflow: hidden; padding: 2rem 0;}
	.menu-box ul{ background: #f7f7f7; overflow: hidden; border: solid 1px #ddd; border-top: none; border-left: none;}
	.menu-box ul a{ border-right: solid 1px #ddd; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding:0 1.5rem; font-size: 1.2rem; display: block; line-height: 3.6rem; color: #333333;  margin-right: -1px; margin-bottom: -1px; padding-top: 2px; padding-bottom: 2px; border-left: solid 1px #ddd;}	
	.menu-box ul a.on{color: #0071c5; background: #fff; border-top: solid 2px #0071c5; padding-top: 1px;}
	
	.menu-box ol{ border: solid 1px #ddd; border-top: none; overflow: hidden;}
	.menu-box ol li{ float: left;}
	.menu-box ol li a{ float: left; line-height: 3.6rem; padding: 2px 13px; color: #666; font-size: 1.2rem;}
	.menu-box ol li i{font-style: normal; padding-left: 0px; padding-top: 1px; float: left; line-height: 3.6rem; color: #666;}
	.menu-box ol li a.on{ color: #0071c5;}
	
	.dz{ padding-bottom: 1.5rem; border-bottom: solid 1px #ddd; margin-bottom: 1.5rem;}
	.dz b{ color: #333; font-size: 1.8rem; font-weight: normal;}
	.dz div{ color: #999;}
	.dz div a{ color: #999;}
	.dz div a:hover{color: #0071c5;}
	
	.gs-tit{ font-size: 1.6rem; font-weight: bold; color: #0071c5; margin-top: 0;}
	.gs-tit span{ padding-top: 0.5rem; display: block; color: #999; font-size: 1.2rem;font-weight: normal;}
	
	.content-box{ width: 100%; overflow: hidden; position: relative; color: #666; padding-bottom: 3rem;}
	.gs-txt{ line-height: 2.2; padding: 0; margin: 0;}
	.content-box img{width: auto; max-width: 100%;}
	
	.myvideo{ background: #000;}
	.fzlc-bg{ background: #f8f8f8; padding: 2rem 0;}
	.fzlc-tit{ text-align: center;}
	.fzlc-tit {color: #333; font-size: 1.6rem;}
	.fzlc-tit span{ color: #999; display: block; font-size: 1.2rem; font-weight: normal; text-transform: uppercase;}
	
	.fzlc-prev{ background: url(../img/lc-prev.png) left top; width: 30px; height: 30px; overflow: hidden; position: relative; top: 50%; margin-top: -15px; left: 0; position: absolute; z-index: 8;}
	
	.fzlc-next{ background: url(../img/lc-next.png) left top; width: 30px; height: 30px; overflow: hidden; position: relative;top: 50%; margin-top: -15px; right: 0; position: absolute;  z-index: 8;}
	
	.fzlc-box{ height: 500px; position: relative; padding: 0 45px; width: 100%; left: 0;}
	
	.fzlc-max{ height: 500px; overflow: hidden; position: relative;}
	.fzlc-bg-l{ height: 100%; background: url(../img/lc-bg-l.png) left center no-repeat; padding-left: 20px; margin-right: 20px;}
	
	.fzlc-bg-r{ height: 100%; background: url(../img/lc-bg-r.png) right center no-repeat; padding-right: 20px; margin-right: -20px; overflow: hidden; position: relative;}
	
	.lc-cont-box{ overflow: hidden; position: relative; width: 100%; height: 100%; }
	.lc-cont{ height: 100%; background: url(../img/lc-bg-c.png) 40px center repeat-x; padding-left: 85px; position: absolute; left: 0;}
	.lc-cont div{ width: 254px; text-align: center; margin-left:-127px; float: left;}
	.lc-cont div b{display: block; font-size: 16px; font-weight: normal; color: #222;}
	.lc-cont div p{  bottom: 0; padding: 0 50px; font-size: 12px; color: #555555; width: 100%;}
	.lc-cont .t p{ position: absolute; }
	.lc-cont .t{ height: 145px; position: relative;}
	.lc-cont .b{ padding-top: 350px;}
	
	.fzlc-max .on{ background-position: left bottom; cursor: pointer;}
	
	.gywm-txt-l{ padding-top: 1rem;}
	.gywm-txt-r{ padding-top: 1rem;}
	
	div.pages {
		position: relative;
		z-index: 9;
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		margin-bottom: 2rem;
	}
	div.pages a {
		TEXT-DECORATION: none;
		background: none;
		border: 1px solid #00519a;
		padding: 0.2rem 1.1rem;
		margin: 0 0.2rem 0.5rem 0.2rem;
		color: #00519a;
		font-size: 1.2rem;
		line-height: 2.4rem;
		display: inline-block;
	}
	div.pages a:hover,div.pages a.hover {
		background: #00519a;
		color: #fff;
		border: 1px solid #00519a;
	}
	
	.header-h{ height: 7rem;}
	
	
	.pro-l{ text-align: center; width: 100%;}
	.pro-r{ padding-top: 1rem;}
	.pro-r b{ font-size: 1.6rem; display: block;}
	.pro-r p{ padding-top: 1rem; color: #666;}
	
	.pro-txt{ padding: 0 0 1rem 0;}
	
	.news-list-box .news-box{ width: 100%; padding-bottom: 1.5rem;}
	.news-list-box .news-box .news-txt dl{padding-left: 6.5rem; width: auto; float: left;}
	.news-list-box .news-box .news-txt span{ position: absolute;}
	.news-list-box .news-box .news-txt{ height: 7.5rem;}
	
	.news-box .news-pic img{ width: 100%;}
	
	.title{ text-align: center; font-size: 2rem; font-weight: bold; line-height: 1.6; padding-bottom: 2rem;}
	.xc-cont{ overflow: hidden; line-height: 1.8; padding-bottom: 3rem;}
	
	.case-t{ width: 100%;}
	.case-t img{ width: 100%;}
	.case-b{ background: #f6f6f6; width: 100%; padding: 1rem; border-bottom: solid 3px #dddddd;-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;}
	.case-b span{border-top: solid 1px #dddddd; width: 100%; display: block; line-height: 2.2rem; padding-top: 1rem; overflow: hidden;}
	.case-b b{ font-weight: normal; font-size: 1.4rem;}
	.case-b p{ color: #666; padding: 1rem 0; margin: 0;}
	.case-b small{ float: left; font-size: 1.2rem; color: #777;}
	.case-b span a{ float: right; padding-right: 25px; background: url(../img/more-ico.jpg) right center no-repeat; color: #00519a;}
	.case-box{ padding-bottom:1.5rem;}

	.zpxx-txt{ padding-bottom: 1.5rem; line-height: 1.8;}
	.case-t a{position: relative; display: block;}
	.case-t i{ background:#000 url(../img/play.png) center center no-repeat;
		background:rgba(0,0,0,.5) url(../img/play.png) center center no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;filter:alpha(opacity=0);-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;}
	.case-box:hover .case-b{ border-bottom: 
	solid 3px #00519a;}
	.case-box:hover .case-t i{ opacity: 1;filter:alpha(opacity=100);}
	
	.zpxx-txt-box{ width: 100%; padding-bottom: 1.5rem;}
	.zpxx-txt-box .zpxx-txt{ width: 100%; border: solid 1px #c2caca; height: 3rem; padding: 0 1rem;}
	
	.zpxx-btn{ width: 100%; border: none; background: #00519a; color: #fff; line-height: 3rem;}
	
	.zpxx-r{ display: none;}
	
	.xs-tab{}
	.xs-tab .hd{ overflow: hidden; text-align: center; padding-bottom: 2rem; border-bottom: solid 1px #ddd;}
	.xs-tab .hd span{cursor: pointer; overflow: hidden; display: inline-block; padding: 0 0.5rem;}
	.xs-tab .hd span i{ display: block; width: 5rem; height: 5rem; margin: 0 auto; background-position: center 5rem;-webkit-background-size: 5rem;
	background-size: 5rem;}
	.xs-tab .hd .xs-tab-01 i{ background-image: url(../img/xs-btn-01.png); }
	.xs-tab .hd .xs-tab-02 i{ background-image: url(../img/xs-btn-02.png); }
	.xs-tab .hd .xs-tab-03 i{ background-image: url(../img/xs-btn-03.png); }
	.xs-tab .hd .xs-tab-04 i{ background-image: url(../img/xs-btn-04.png); }
	.xs-tab .hd span.on,.xs-tab .hd span:hover{ color: #00519a;}
	.xs-tab .hd span.on i,.xs-tab .hd span:hover i{ background-position: center top;}
	
	.xs-tab .bd{ padding-top: 1rem;}
	.xs-tab .bd>div{display: none;}
	.xs-tab .bd>div.on{display: block;}
	.xs-tab .bd b{ font-size: 1.6rem; padding-bottom: 1rem; display: block;}
	.xs-tab .bd dl{  margin: 0; padding-bottom: 1rem;}
	
	.cont-tit{ padding-top: 2rem;}
	.contact-box{ padding-top: 1rem; padding-bottom: 1rem;}
	.contact-box span{ display: block; padding: 0.5rem 0 0.5rem 3rem; background-position: left center; background-repeat: no-repeat; -webkit-background-size: 2rem;
	background-size: 2rem; color: #00519a;}
	.contact-box .add{ background-image: url(../img/lxwm-ico-01.jpg);}
	.contact-box .tel{ background-image: url(../img/lxwm-ico-02.jpg);}
	.contact-box .fax{ background-image: url(../img/lxwm-ico-03.jpg);}
	.contact-box .mail{ background-image: url(../img/lxwm-ico-04.jpg);}
	
	.schj-box,.schj-box li{padding: 0; margin: 0; list-style: none;}
	.schj-box{ margin: 0 -0.5rem; }
	.schj-box li{ width: 50%; float: left; padding: 0.5rem;}
	.schj-box li a{ width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; display: block; position: relative;}
	.schj-box li img{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
	.swiper-banner .swiper-wrapper, .swiper-banner .swiper-slide{ height: auto !important;}
	
	.banner-min{ height: 0; padding-bottom: 15.38%; -webkit-background-size: cover;
	background-size: cover; background-position: center top;}
	
	.ryzs-list{ overflow: hidden; padding: 0; margin: -5px; list-style: none;}
	.ryzs-list li{ float: left; width: 50%; padding: 5px;}
	.ryzs-list li span{ border: solid 1px #e7e7e7; display: block; overflow: hidden;}
	i.pic-scale-ryzs{ padding-bottom: 136.99%;}
	.ryzs-list li b{ color: #333; font-weight: normal; text-align: center; line-height: 2rem; height: 4rem; text-align: center; display: block; overflow: hidden; margin-top: 5px;}
	
	

	
	.dsj-list{ margin-left: 64px;}
	.dsj-list dl{ margin: 0;}
	.dsj-list dt{ margin-left: -64px; margin-top: -10px; text-align: right; float: left; font-weight: normal; width: 70px; line-height: 32px; color: #333; font-size: 14px; font-weight: bold; position: relative; padding-right: 20px;}
	.dsj-list dt i{ width: 13px; height: 13px; border: solid 4px #005faf; background: #fff; display: block; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; float: right; margin-left: 10px; position: absolute; right: -1px; top: 10px; }
	.dsj-list dd{padding: 0 0 0 15px;border-left: solid 1px #bdbdbd; padding-bottom: 15px;}
	.dsj-list dd p{padding-bottom:0; margin-bottom:0;}
	.dsj-list dd div{ padding: 3px 15px; margin: 0; border: solid 1px #dddddd; background: #f9f9f9; color: #333; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;line-height: 24px;}
	.dsj-list dl:nth-last-child(1) dd{ border: none;}
	
	.hzhb-list{padding: 0; margin: -5px; list-style: none;}
	.hzhb-list li{ width: 33.3333%; float: left; padding: 5px;}
	.hzhb-list span{ border: solid 2px #e7e7e7; display: block;}
	i.pic-scale-hzhb{ padding-bottom: 38.64%;}	
	
	i.pic-scale-xwzx{ padding-bottom: 64.44%;}
	
	.menu-l{ padding: 2rem 0;}
	.menu-l ul{border: solid 1px #ddd; border-top: solid 2px #0071c5; border-bottom: none; padding: 0; margin: 0; list-style: none;}
	.menu-l li{ border-bottom: solid 1px #ddd;padding: 0 1.5rem;
font-size: 1.2rem;
display: block;
line-height: 3.6rem;
color: #333333; background: #f7f7f7;}
	.menu-l li div{ display: none;  border-top: solid 1px #dddddd; margin: 0 -1.5rem; padding: 0 1.5rem;}
	.menu-l li a.yj{ display: block; line-height: 3.6rem;}
	.menu-l li.on{ background: #fff;}
	.menu-l li.on a.yj{ color: #0071c5;}
	.menu-l li.on div{ display: block; }
	.menu-l li div span{ display: block; line-height: 2rem; padding:.8rem 0;}
	.menu-l li a.on{ color: #0071c5;}


	.dwgz-list,.dwgz-list *{ -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.dwgz-list,.dwgz-list *{ padding: 0; margin: 0; list-style: none;}
	.dwgz-list li{padding:5px 0;}
	.dwgz-list div{ background: #f9fafc; border: solid 1px #e6e6e8; padding:10px 80px 10px 10px; position: relative;}
	.dwgz-list p{ padding: 0; margin: 0; overflow: hidden;}
	.dwgz-list p i{ float: left; line-height: 30px; margin-right: 5px; color: #333; font-size: 24px;}
	.dwgz-list p b{ display: table; line-height: 20px; padding: 5px 0; color: #333;}
	.dwgz-list p span{ float: left; width: 100%; color: #333;}
	.dwgz-list a{ position: absolute; right: 10px; top: 50%; margin-top: -16px; width: 70px; text-align: center; background: #f9fafc; border: solid 1px #cfcfcf; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; height: 32px; line-height: 30px;}
	
	.dwgz-list div:hover{ -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.12);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.12);
	box-shadow:  0px 0px 6px rgba(0,0,0,.12);}
	.dwgz-list div:hover p i,.dwgz-list div:hover p b{ color: #0068b6;}
	.dwgz-list a:hover{ background: #0068b6; border-color: #0068b6; color: #fff;}
	
	
	.cjwt-list{ padding: 0; margin: 0; list-style: none;}
	.cjwt-list li{ border: solid 1px #fff; margin-bottom: 1rem; padding: 1rem; -webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	transition: .25s; cursor: pointer;}
	.cjwt-list p{ display: none; padding:  1rem 0; margin: 0; position: relative;}
	.cjwt-list b small{ width: 2rem; height: 2rem; float: left; line-height: 2rem; text-align: center; color: #fff; font-weight: normal; font-style: normal; background: #0071c5; font-size: 1.2rem;}
	.cjwt-list b span{ display: table; padding-left: .5rem; font-size: 1.2rem; color: #0071c5; font-weight: normal; font-size: 1.2rem;}
	.cjwt-list p small{ width: 2rem; height: 2rem; float: left; line-height: 2rem; text-align: center; color: #fff; font-weight: normal; font-style: normal; background: #ef5411; font-size: 1.2rem;}
	.cjwt-list p span{ display: table; padding-left: .5rem; font-size: 1.2rem; color: #333333; font-weight: normal; font-size: 1.2rem;}
	.cjwt-list p i.icon-xiala{ position: absolute; display: block; background: #a9cbe7; color: #fff; height: 1.4rem; line-height: 1.4rem; left: -2rem; right: -2rem; text-align: center; bottom: -1rem;}
	
	.cjwt-list .on { background: #e4f2ff; border: solid 1px #a9cbe7;}
	
	.rlzy-list{ padding: 0; margin: 0; list-style: none;}
	.rlzy-list li{ position: relative; border-bottom:dashed 1px #ababab; padding-right: 7rem; height:4rem;}
	.rlzy-list li i{ color: #0168b7; float: left; font-size: 24px; line-height: 4rem; margin-left: -8px;}
	.rlzy-list li a{ line-height: 4rem; font-size: 1.2rem;}
	.rlzy-list li span{ position: absolute; right: 0; line-height: 4rem; top: 0;  font-weight: bold; color: #333; font-size: 1.2rem;}
	
	
	.table-responsive{ border-color: #8dbbdc;}
	.zwsp-table{border-right: solid 1px #8dbbdc; border-bottom: solid 1px #8dbbdc;}
	.zwsp-table>tbody>tr>td{ border-left: solid 1px #8dbbdc; border-top: solid 1px #8dbbdc; padding: 15px 20px;}
	.zwsp-table .table-input{ min-width: 200px; width: 100%; border: none; outline: none;}
	.zwsp-table .table-text{ width: 100%; border: none; height: 80px; outline: none; resize: none;}
	.zwsp-table select{ outline: none;}
	
	
	.table-btn-box{ width: 100%; text-align: center;}
	.table-btn-box .table-btn{ padding: 0 45px; margin: 0 5px; line-height: 35px; border: none; background: #00519a; color: #fff; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	.table-btn-box .cz-btn{ background: #56626f;}
	
	.cont-box{ overflow: hidden;}
	.cont-l{ font-size: 1.2rem; color: #444;}
	.fz16{ font-size: 1.6rem; color: #444; display: block; padding-bottom: 1rem;}
	.cont-title{ background: #e3e3e3; margin-top: 2rem; line-height: 3rem; padding: 0 .5rem; font-weight: bold; color: #444;}
	.cont-list{ padding:.5rem 0 0 0; margin: 0; list-style: none; overflow: hidden;}
	.cont-list li{ float: left; width: 100%; padding: .5rem; font-size: 1.2rem; color: #444;}
	
	.cont-mess-box{ margin-left: -15px; margin-right: -15px; padding: 15px 0 30px 0; overflow: hidden;}
	
	.cont-mess-01{ border: solid 1px #c3c4c4; width: 100%; margin: 10px 0; padding: 10px;}
.cont-mess-02{ border: solid 1px #c3c4c4; width: 100%; max-width: 100%; margin: 10px 0; padding: 10px; height: 100px; min-width: 100px;}
.cont-mess-03{ border: solid 1px #c3c4c4; width: 100%; margin: 10px 0; padding: 10px;}
.cont-mess-btn{ width: 100%; background: #066bb5; color: #fff; border: none; padding: 10px; margin: 10px 0;}
.cont-mess-box div{position: relative;}
.yzm{ position: absolute; top: 17px; right: 25px;}

.xxtx-box{ font-size: 14px; color: #444;}
.xxtx-box p{ margin: 0;}


.pro-text *{padding-top:0; margin-top:0;}

i.pic-sacle-pro{padding-bottom:73.3333%;}

.sj-s{ display:block;}
.sj-l{ display:none;}

}


@media (min-width: 384px) {
	html {font-size: 11px;}
}


@media (min-width: 480px) {
	html {font-size: 13px;}
}

@media (min-width: 640px) {
	html {font-size: 15px;}
}

@media (min-width: 768px) {
	html {font-size: 20px;}
	.header .container{width: 100%;}
	
	.pro-pic{ width: auto; max-width: 400px; margin: 0 auto;  border: solid 1px #eee;}
	.pro-text{ padding-top: 2rem; color: #333;}
}


@media (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
	body {font-size: 14px;}
	.logo { position: relative; height: 74px; width: 189px; margin-top: 10px;}
	.logo img{width: 189px; height: auto;}
	

	.nav-btn{display: none;}
	.header-box{ height: 94px;}
	.header-box-pf{ position: absolute; left: 0; top: 0; width: 100%;}
	.nav-box {position: absolute; width: 100%;}
	.nav{ position: relative; width: auto; height: auto; background: none; padding: 0; z-index: 9999; -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; overflow:visible; float: right;}
	.nav ul{ float: right; padding-top: 0; overflow: inherit; height:auto;}
	.nav li{ -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); float: left; border: none; text-align: center; }


	.nav li a i{ padding-left: 5px;}
	.nav li a{line-height: 94px; text-align: center; width: 100%; padding: 0; height: 94px; color: #666666;  font-size: 14px; padding: 0 7px;}
	.nav .nav-list{ width: auto; position: relative; padding: 0;}
	.nav li a:hover{color: #00519a; }
	.nav li a.on{ }
	.nav li.nav-off>a{}
	.nav li.nav-on>a{}
	.nav li.nav-on> a.on{ }

	.nav li div span{ -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3); display: block;}


	.nav li div{ padding: 5px 0; background:none; text-align: center; position: absolute; top: 94px; left: -60px; right: -60px; padding-top: 10px; z-index:999;}
	.nav li div span{ background: #fff; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; padding: 10px 0;}
	.nav li div i{ position: absolute; left: 50%; top: 4px; width: 0; margin-left: -6px;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff; overflow: hidden;}
	.nav li div a{padding: 0; font-size: 12px; height: 34px; color: #00519a; text-transform: capitalize; border-bottom: none; line-height: 34px;}
	.nav li div a.sj-nav{display: none;}
	.nav li div a:hover,.nav li div a.on{ padding: 0;  background: #dadcdf;  color: #00519a; font-weight: normal;}
	.nav li.nav-on>a, .nav li a.on{ color: #00519a; font-weight: bold; background: none;}
	.nav li.nav-on .nav-rj-on{ padding: 0; color: #fff; background: #da251d;}
	
	.lang{ position: relative; width: 40px; height: 40px; padding: 0; margin-top: 25px; margin-left: 10px; overflow: hidden;}

    .lang dt{ width: 56px; height: 56px; margin-top: -8px; margin-left: -8px; transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); }
    .lang a.on{ border-bottom-color: #ef5411; border-top-color: #ef5411;}
    .lang dt a{ float: left;}
    .lang dt a.cn-btn span{ padding-left: 2px; padding-top: 2px;}
    .lang dt a.en-btn span{ padding-right: 4px; padding-bottom: 4px;}
    .lang dt a span{ font-weight: normal; font-size: 12px; width: 28px; height: 56px; line-height: 56px; transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);}
    .lang dt a.on span{ background: none;}
	


	.topr{ float: right; display: block; padding-top: 0; padding-bottom: 0;}

	.df-box{ display: block; float: left; font-size: 14px; margin-right: 15px;}
	.df-box i{float: left; margin-right: 5px; color: #da251d; font-size: 24px; margin-top: -6px;}
	.dh-box{display: block; float: left; font-weight: bold; font-size: 14px;}
	.dh-box i{font-weight: normal; float: left; margin-right: 5px; color: #da251d; font-size: 22px; margin-top: -6px;}
	.nav-line{ display: block; float: right; width: 0; height: 10px; border-left: dotted 1px #fff; margin: 27px 15px 0 10px;}
	
	.search-btn{ width: 40px; height: 40px; font-size: 24px; line-height: 40px; top: 0; right: 0; margin-right: 0;}
	
	.search-bd{margin-top: 25px; position: relative;}
	
	
	.pagination-banner span{ margin-right: 10px;}
	.pagination-banner{ bottom: 20px;}
	.box-01{ padding: 40px 0;}
	
	.tit b{ font-size: 50px;}
	.tit span{ font-size: 20px;letter-spacing: 10px;}
	.pro-left,.pro-right{ position: relative; z-index: 8;}
	
	.pro-list{ width: 100%; margin-top: 40px;}
	.pro-box{ width: 313px; padding: 10px;}
	.pro-box .pro-bd{ padding: 20px;}
	.pro-box span{ padding: 10px 0; height: 54px;}
	.pro-box a.pro-box-btn{ width: 160px; line-height: 42px;}
	
	.box-02{ height: 680px; padding: 0; width: 100%; display: table;}
	
	.box-02-tc{display: table-cell; vertical-align: middle;}
	.news-box-tab .hd{line-height: 50px; height: 100px;}
	.news-box-tab .hd a{ font-size: 40px; margin-right: 50px; }
	.news-btn-box img{ width: 51px;}
	.news-left,.news-right{ top: 0; margin-top: 0; top: 0; float: none; }
	.news-btn-box .news-more{position: relative; top: 0; width: auto;}
	.news-btn-box{ right: 0; width: 300px; top: -90px;text-align: right;}
	.news-btn-box div,.news-btn-box a{ display: inline-block; margin-left: 10px;}
	
	.swiper-news-list{ width: 940px;}
	.news-box{width: 313px; padding:  0 10px; }
	.news-box .news-txt{ padding: 10px;}
	.news-box .news-txt span{ width: 74px; height: 74px; font-size: 12px;}
	.news-box .news-txt span b{font-size: 34px; line-height: 36px;}
	.news-box .news-txt dl{ width: 190px;}
	.news-box .news-txt dl dt{ font-size: 18px;overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.news-box .news-txt dl dd{ display: block; height: 45px; padding-top: 5px; overflow: hidden;}
	.news-box-tab .bd,.news-cont{ height: 295px;}
	.header-bg-show{ top: 0;}
	.header-bg-show-02{ top: 0;}
	.header-bg-show-03{ top: 0;}
	.search-box{right: auto; float: right; width: 160px; padding: 0; margin-left: 5px;}
	.search-box-show{width: 170px;}
	
	
	.gywm-box{ overflow: hidden; padding: 0; height: 710px; display: table; width: 100%;}
	.gywm-box-tc{display: table-cell; vertical-align: middle;}
	.gywm-l{ width: 490px; float: left; height: 470px;}
	.gywm-box-01 a{ height: 469px;}
	.gywm-r{ width: 469px; height: 469px; float:right; }
	.gywm-box-02,.gywm-box-03{width: 234px; height: 234px; float: left;}
	.gywm-box-02{ margin-right: 1px;}
	.gywm-box-02 a,.gywm-box-03 a{ height: 234px;}
	.gywm-box-04{ width: 100%; float: left; margin-top: 1px;}
	.gywm-box-04 a{ height: 234px;}
	.gywm-box-01 p{ -webkit-background-size: 40px;
	background-size: 40px;}
	.gywm-box b{ font-size: 40px; padding-bottom: 10px; }
	.gywm-box-01 b{background: url(../img/gywm-ico.png) right center no-repeat; display: inline-block; padding: 0 50px;}
	.gywm-box span{ display: block; font-size: 14px; padding: 0 40px;}
	.gywm-tc{ padding: 0 10px;}
	
	.footer{ overflow: hidden; padding:20px 0; border-bottom:solid 30px #00519a;}
	.footer-l{ float: left; padding-top: 20px;}
	.footer-r{ padding: 20px 0; float: right; line-height: 38px;}
	.fx-box a{ width: 38px; height: 38px; margin: 0 5px;}
	.xl-ico,.wx-ico,.qq-ico,.in-ico{ -webkit-background-size: 38px;
	background-size: 38px;}
	.search-txt{  height: 40px; padding:0 10px;}

	
	.menu-box { padding: 40px 0;}
	.menu-box ul{ overflow: initial; height: 42px; border: solid 1px #ddd; border-left: none;}
	.menu-box ul li{ width: auto;}
	.menu-box ul a{ line-height: 36px; padding: 2px 30px; font-size: 14px; margin-top: -1px;}
	.menu-box ul a.on{ padding-top: 1px;}
	.menu-box ol li a{ font-size: 14px; line-height: 60px;}
	.menu-box ol li i{ line-height: 60px;}
	
	.dz { overflow: hidden; border: none; padding-bottom: 30px; margin-bottom: 0;}
	.dz b{ font-size: 20px; float: left; line-height: 40px;}
	.dz div{ float: right; line-height: 40px; font-size:12px;}
	
	.gs-tit{ font-size: 20px; padding-bottom: 10px;}
	.gs-tit span{ padding-top: 10px; font-size: 14px;}
	.content-box{ padding-bottom: 60px;}
	.gs-txt{ font-size: 14px;}

	

	
	.fzlc-tit{ font-size: 34px;}
	.fzlc-tit span{ font-size: 18px;}
	
	.fzlc-bg{ padding: 40px 0;}
	
	.banner-dtc-02 p{ width: 470px;  font-size: 20px; line-height: 30px; padding-bottom: 30px;}
	.banner-dtc-02 b{ font-size: 40px; line-height: 50px; padding: 20px 0 ;}
	
	
	.pro-list-box{ margin: 0 -25px -60px -25px; width: auto;}
	.pro-box-02{ float: left; padding: 0 25px 30px 25px; width: 50%;}
	
	div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	div.pages a {
		TEXT-DECORATION: none;
		padding: 2px 11px;
		margin: 0 2px 5px 2px;
		font-size: 12px;
		line-height: 24px;
		display: inline-block;
	}

	
	.header-h{ height: 70px;}
	.pro-l{ float: left; width: 400px; height: 400px; margin-right: 30px;}
	.pro-l img{ width: 100%;}
	
	.pro-r{ display: table; height: 400px;}
	.pro-r-tc{ display: table-cell; vertical-align: middle;}
	.pro-r-tc b{ font-size: 22px;}
	.pro-r-tc p{ font-size: 16px; line-height: 30px;}
	.pro-t{ overflow: hidden;}
	.pro-txt{ padding: 0 0 30px 0;}
	
	.news-list-box{  margin: -10px; width: auto;}
	.news-list-box .news-box{ width: 33.333%; float: left; padding-bottom: 30px;}
	.news-list-box .news-box .news-txt{ height: 94px;}
	.news-list-box .news-box .news-txt dl{ padding-left: 84px; width: 100%;}
	
	.title{ font-size: 24px; padding-bottom: 20px;}
	.xc-cont{  padding-bottom: 30px;}
	.case-list-box{margin: 0 -15px; overflow: hidden;}
	.case-box{ width: 33.333%; float: left; padding: 0 15px 30px 15px;}
	.case-b b{ font-size: 16px;}
	.case-b small{ font-size: 12px;}
	.case-b{ padding: 15px;}
	.case-b p{ padding: 15px 0;}
	.case-b span{ line-height: 16px; padding-top: 15px;}
	
	.zpxx-l{ float: left; width: 50%;}
	
	.zpxx-r{ display: block; float: right;}
	.zpxx-r img{ width: auto; max-width: 100%;}
	.zpxx-txt{ padding-bottom: 15px;}
	.zpxx-txt-box{ padding-bottom: 15px;}
	.zpxx-txt-box .zpxx-txt{ height: 40px; padding: 0 15px;}
	.zpxx-btn{ line-height: 40px;}
	.zpxx-l{ padding-bottom: 30px;}
	
.xs-tab .hd{ padding-bottom: 30px; border: none;}
.xs-tab .hd span{ padding: 0 10px;}
.xs-tab .hd span i{ width: 101px; height: 101px;}
.xs-tab .hd span i{ background-position: center 101px; -webkit-background-size: 101px;
background-size: 101px;}
.xs-tab .bd{overflow: hidden;}
.xs-tab-l{ width: 50%; float: left; border-right:  solid 1px #e2e2e2;}
.xs-tab-r{ width: 50%; float: left; border-left: solid 1px #e2e2e2; margin-left: -1px;}

.xs-tab .bd{ padding-bottom: 30px;}
.xs-tab .bd b{ font-size: 26px; padding-left: 140px; padding-bottom: 10px;}

.xs-tab .bd dl{ overflow: hidden;  margin: 0; padding-bottom: 20px;}
.xs-tab .bd dt{ float: left; width: 140px;  text-align: right; padding-right: 10px;line-height: 24px;}
.xs-tab .bd dd{display: table;line-height: 24px;}

.contact-box{ padding-top: 20px; text-align: center;}
.contact-box span{ padding: 10px 10px 10px 35px; display: inline-block; -webkit-background-size: 28px;
	background-size: 28px;}
	
	.cont-tit{ padding-top: 40px;}
	.contact-box{ padding-bottom: 20px;}
	
	.schj-box li{ width: 33.333%;}
	
	.ryzs-list { margin: -30px;}
	.ryzs-list li{ width: 16.6666%; padding: 30px;}
	.ryzs-list li b{ line-height: 24px; height: 48px;}
	
	.dsj-list dd div{ padding: 15px;}
	
	.hzhb-list{margin: -10px;}
	.hzhb-list li{ width: 20%; padding: 10px;}
	
	.menu-l{ float: left; width: 240px; padding-top: 40px;}
	.menu-l li{ padding: 0 20px;}
	.menu-l li div{ margin: 0 -20px; padding: 0 20px;}
	.menu-l li a{ font-size: 14px;}
	.menu-l li a.yj{ line-height: 40px;}
	.menu-l li div span{ line-height: 20px; padding:10px 0;}
	
	.content-r{ float: right; width: 670px; padding-top: 35px;}
	
	.pro-text{ padding-top: 20px;}
	
	.dwgz-list{ margin-top: -7px;}
.dwgz-list li{ padding: 7px 0;}
	
	.dwgz-list div{ padding: 30px 150px 30px 25px;}
	.dwgz-list a{ width: 100px;right: 25px; font-size: 16px;}
	.dwgz-list p{ padding-left: 50px;}
	.dwgz-list p i{ font-size: 42px; line-height: 46px; position: absolute; top: 50%; margin-top: -23px; left: 25px;}
	.dwgz-list p b{ font-size: 24px; line-height: 36px; font-weight: normal;}
	

.word-ico{ width: 26px; height: 26px; float: left; background: url(../img/word-ico.png) left bottom no-repeat; margin-top: 12px;}
.dwgz-list div:hover .word-ico{background-position: left top;}

.cjwt-list li{ margin-bottom: 15px; padding: 10px 20px;}
.cjwt-list b small,.cjwt-list p small{ width: 20px; height: 20px; line-height: 20px; font-size: 14px; margin-top: 1px;}
.cjwt-list b span,.cjwt-list p span{ font-size: 14px; padding-left: 5px; line-height: 22px;}
.cjwt-list p{ padding: 15px 0;}
.cjwt-list p i.icon-xiala{ height: 16px; line-height: 16px; left: -22px; right: -22px; bottom: -15px;}

.rlzy-list li{ padding-right: 90px; height:60px;}
.rlzy-list li i{ line-height: 60px;}
.rlzy-list li a{ line-height: 60px; font-size: 16px;}
.rlzy-list li span{ font-size: 16px; line-height: 60px;}

.cont-l{ font-size: 14px; float: left;}
.fz16{ font-size: 18px; padding-bottom: 15px;}
.cont-r{ width: 660px; float: right;}

.cont-title{ font-size: 18px; line-height: 37px; height: 37px; padding: 0 15px;}
.cont-list{ padding: 10px 15px; overflow: hidden;}
.cont-list li{ font-size: 14px; padding: 5px 0;  width: 50%;}

.sj-s{ display:none;}
.sj-l{ display:block;}

}


@media (min-width: 1200px) {
@font-face{
font-family: syhtl;
}
.nav-box .container{ width: 100%; padding: 0 15px;}
.nav li a{ padding: 0 14px; font-size: 16px;}


.nav li div{ left:-40px; right:-40px;}
}

@media (min-width: 1320px) {


	.nav-box .container{ width: 1300px; padding: 0;}
	.logo{ height: 94px; margin-top: 0; width: 241px;}
	.logo img{ width: 241px;}
	.nav li a{ padding: 0 19px; font-size: 16px;}

	.banner{ height: 620px; padding-bottom: 0;}
	.gywm-box span{ display: block; font-size: 16px; padding: 0 60px;}
	.hxys-video-bg{display: block;}
	.container{ width: 1230px; padding: 0 15px;}
	.pro-box{ width: 390px;}
	.pro-left{ margin-left: -60px;}
	.pro-right{ margin-right: -60px;}
	.news-cont{  width: 100%;}
	.swiper-news-list{ width: 1252px; margin-left: -26px;}
	.news-box{width: 417px; padding: 0 25px 0 26px;}
	.news-box .news-txt dl{ width: 260px;}
	.news-box-tab .bd, .news-cont{height: 342px;}
	
	.gywm-l{ width: 599px; height: 470px;}
	.gywm-box-01 a{ height: 470px; width: 598px;}
	.gywm-tc{ padding: 0 20px;}
	.gywm-r{ height: 470px; width: 600px;}
	.gywm-box-02,.gywm-box-03{ width: 299px; height: 234px;}
	.gywm-box-02{ margin-right: 2px;}
	.gywm-box-04{ margin-top: 2px;}
	.gywm-box-02 a,.gywm-box-03 a,.gywm-box-04 a{ height: 234px;}
	.hxys-video-bg{ height: 800px;}
	
	.pro-box-02{ width: 33.333%;}
	
	.pro-l{ float: left; width: 600px; height: 600px;}
	.pro-l img{ width: 100%;}
	
	.pro-r{ display: table; height: 600px;}
	.pro-r-tc{ display: table-cell; vertical-align: middle;}
	
	.banner-min{ height: 200px; padding-bottom: 0;}
	
	.news-list-box{ margin: 0 -25px -30px -26px;}
	.content-r{ width: 915px;}

}

@media (min-width: 1380px) {
	
.nav-box .container{ width: 1360px; padding: 0;}
.search-box{ width: 210px;}


}