@charset "utf-8";
/* CSS Document */

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

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

-webkit-transition: color .3s,background-color .3s,border .3s,opacity .3s,-webkit-transform .3s;
-moz-transition: color .3s,background-color .3s,border .3s,opacity .3s,moz-transform .3s;
-ms-transition: color .3s,background-color .3s,border .3s,opacity .3s,-ms-transform .3s;
-o-transition: color .3s,background-color .3s,border .3s,opacity .3s,-o-transform .3s;
transition: color .3s,background-color .3s,border .3s,opacity .3s,transform .3s;

}


a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #004cab; text-decoration: none;}
::selection{background:#004cab; color:#fff;}
::-moz-selection{background:#004cab; color:#fff;}

.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{ height: auto !important;}

.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px;}



.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



	

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

@media screen and (min-width: 320px) {
	
	.info-content table{width:100% !important;}
	.oa{float:none;margin:0;}
	.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
	
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	body{font-size: 12px;}
	
	.header-t{ display: none;}
	
	.header-bg{ height: 40px; position: relative; z-index: 99999; }

	.header-r{ float: right; line-height: 40px;}
	.header-r *{ line-height: 40px; font-size: 12px; padding: 0; margin: 0;}
	.header-r span{ float: left; color: #23282d;}
	.header-r dl{float: left; color: #23282d; line-height: 40px; position: relative;}
	.header-r .bk{ background: #333; color: #e1e2e3; font-size: 14px; line-height: 14px; width: 14px; height: 14px; display: inline-block;  margin-right: 5px; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; text-align: center;}
	.header-r dt{ font-weight: normal; cursor: pointer;}
	.header-r dd{ position: absolute; right: 0; top: 40px; background: #fff; padding: 5px; z-index: 999999; border: solid 1px #ddd; display: none;}
	.header-r hr{ border: none; border-right: solid 1px #b6b9bb; float: left; margin: 0 5px; height: 14px; width: 0; margin-top: 13px;}
	
	
	.header-box{ height: 50px; overflow: hidden;  z-index: 8; position: absolute; width: 100%; background: none; display: none; }

	.nav-box{ position: absolute; width: 100%; z-index: 2;}
	.nav-box-show{ position: absolute; z-index: 99; top: 0;}
	.logo{font-weight: normal; padding: 0; margin:0; float: left; position: relative; z-index: 99; overflow: hidden; height: 50px;}
	.logo a{ padding: 0; margin: 0; float: left; height: 100%;}
	.logo img{ height:100%; display: block; float: left;}
	.logo .logo-txt{ float: left; padding-left: 10px; height: 36px; padding-top: 14px;}
	.logo-text{}
	
	.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
	.nav-btn{position: relative; top: 0; width: 36px; margin-top: 6px; cursor: pointer; z-index: 9999; cursor: pointer; float: right; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; border: solid 1px #fff; height: 36px;}
	.nav-btn div.btn-02{ height: 36px; width: 36px; overflow: hidden;}
	.btn-02 i{ width: 34px; height: 34px; line-height: 34px; display: block; text-align: center; font-size: 28px; color: #ffffff;}
	.btn-02 .nav-hide-btn{display: none; font-size: 30px;}
	.nav-btn-show .btn-02 .nav-show-btn{display: none;}
	.nav-btn-show {border-color: #004cab;}
	.nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #004cab; font-size: 26px;}
	.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height:  36px; height:  36px; display: block; overflow: hidden;}
	.nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; background: rgba(255,255,255,.95); z-index: 99; padding: 10px 0 83px 0; height: 100%;
		-webkit-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
	box-shadow: 0px -5px 20px rgba(0,0,0,.1);
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition: .3s; overflow: hidden;}
	.nav ul,.nav li{padding: 0; margin: 0; list-style: none;}
	.nav ul{ height: 100%; overflow: visible; width: 100%;}
	.nav li{ border-bottom: solid 1px #eee; display: block;  width: 200px;}
	.nav li a{ padding-left: 15px; line-height: 50px; font-size: 14px; display: block; text-transform: uppercase; overflow: hidden;}
	.nav li a b{ color: #6f7374; float: left; font-weight: normal; white-space: nowrap; -webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;}
	.nav li a i{float: right; padding-right: 15px; color: #222; font-size: 14px; font-weight: bold;}
	.nav li a i.icon-sanjiao{ display: none;}
	.body-box{ width: 100%; height: 100%; position: relative; background: none; -webkit-transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;}
	.body-box-show{ position: fixed; top: 0;}
	.nav ul div{display: none;}
	.nav-sub-r{ display: none;}
	.nav li div a{font-size: 14px;}
	.nav-show{ width: 200px; opacity: 1;}
	.nav-show ul{ overflow-y: scroll;}
	.nav-sj{ display: none;}
	.nav li{-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;}
	
	.nav li a.on{ background: #004cab;}
	.nav li a.on b,.nav li a.on i{ color: #fff;}
	
	.nav li.nav-on>a b,.nav li.nav-on>a i{ color: #004cab;}
	.nav  ul  .nav-on div{display: block;}
	
	.nav-sub-l i{ display: none;}
	
	.nav li div{ background: #f5f5f5;}
	.nav li .nav-rj-on{ color: #c31d1f;}
	.btn-box{ width: 100%; height:  36px;}
	
	.top-r-box{
		width: 200px;
	}
	.sub-logo{ padding: 15px 0; display: none;}
	.top-r-box{padding: 0 15px;}
	
	.lang-box{ overflow: hidden; line-height: 30px;}
	.lang-box i{ display: none;}
	.lang-box dt{ float: left; padding-right: 15px;}
	.lang-box dd{ float: left;}
	
	
	.search-box{ padding:15px  0; position: relative; width: 170px;}
	.search-txt{ width: 100%; padding: 0 40px 0 15px; height: 40px; border: solid 1px #cbcbcb; outline: none;}
	
	.search-btn{ color: #6e6e6e; background: none; width: 40px; position: absolute; top: 15px; right: 0; height: 40px; font-size: 22px; border: none;}
	.search-btn-02{display: none; }
	
	.banner-bg{ height: 0; padding-bottom: 53%; -webkit-background-size: cover;
	background-size: cover; background-position: center center;}
	
	.banner-pagination{ position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; z-index: 99;}
	.banner-pagination span{ width: 12px; height: 12px; display: inline-block; border: solid 2px #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin: 0 5px; cursor: pointer;}
	.banner-pagination span.swiper-active-switch{ background: #fff;}

	
	.banner-btn-box{ top: 50%; position: absolute;  z-index: 9; width: 100%;}
	.banner-btn-box .container{ position: relative;}
	.banner-btn-box i{ height: 80px; margin-top: -40px; position: absolute; left: 15px; line-height: 80px; text-align: center; width: 40px; font-size: 40px; color: #fff; cursor: pointer; opacity: .5;}
	.banner-btn-box i.banner-next-btn{left: auto; right: 15px;}
	.banner-btn-box i:hover{ opacity: .8;}
	
	.swiper-banner .pagination{ position: absolute; bottom: 10px; width: 100%; z-index: 9; text-align: center;}
	.pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: none; border: solid 1px #fff; opacity: 1;}
	.pagination .swiper-pagination-bullet-active{background: #fff;}
	
	.ind-bd{ padding-top: 20px;}
	.ind-box{ background: #fff;}
	.ind-box .hd {overflow: hidden; border-bottom: solid 1px #eee;}
	.ind-box .hd div{ background: #fff; float: left; width: 33.333%; text-align: center;  height: 40px; cursor: pointer; }
	.ind-box .hd div i{ display: inline-block; overflow: hidden; line-height: 40px; font-size: 20px; padding-right: 5px; color: #333; margin-bottom: -2px; margin-top: 2px;}
	.ind-box .hd div span{ display: inline-block; overflow: hidden; line-height: 40px; font-size: 14px; color: #333;}
	.ind-box .hd div.on{ background: #004cab;}
	.ind-box .hd div.on *{ color: #fff;}
	
	.ind-box .bd{ padding: 15px;}
	
	.ind-bd-mess{ overflow: hidden;}
	.ind-bd-l{  padding-bottom: 10px; border-bottom: solid 1px #eee;}
	.ind-bd-l img{ width: 100%;}
	
	.ind-bd-r{ padding-top: 10px;}
	.ind-bd-list{ width: 100%; overflow: hidden;}
	.ind-bd-list li{ float: left;  overflow: hidden;-ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; width: 100%; padding-right: 80px; position: relative;}
	.ind-bd-list i{ width: 16px; height: 16px; background: #5a5a5a; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 16px; float: left;  margin-right: 5px; margin-top: 9px;}
	.ind-bd-list a{ font-size: 14px; line-height: 34px;}
	.ind-bd-list li span{ position: absolute; right: 0;  line-height: 34px; color: #666;}
	
	.ind-more{ padding-top: 10px; overflow: hidden;}
	.ind-more a{ padding: 10px 15px; background: #e0e0e0; float: left; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	.ind-more span{ float: left; line-height: 20px; font-size: 15px; padding-right: 5px; color: #666;}
	.ind-more i{font-size: 20px; float: left; line-height: 20px; color: #666;}
	.ind-more a:hover{ background: #004cab;}
	.ind-more a:hover *{ color: #fff;}
	
	.gsjs-list{ overflow: hidden; padding-top: 10px;}
	.gsjs-list li{ float: left; padding-right: 20px;}
	.gsjs-list li i{ font-size: 12px; background: #141d41; color: #fff; -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; margin-right: 5px; width: 13px; height: 13px; float: left; line-height: 13px; margin-top: 9px;}
	.gsjs-list li a{ overflow: hidden; display: block;}
	.gsjs-list li span{font-size: 14px; line-height: 30px; }
	
	.ind-bd-tit{ color: #555; font-weight: bold; font-size: 16px; padding-bottom: 5px; display: block;}
	.ind-bd-mess{ line-height: 24px; font-size: 14px;}
	
	
	.tzxm-bd{ margin-top: 20px;}
	.tzxm-box{ background: #fff;}
	.tzxm-tit{ border-bottom: solid 1px #eee; height: 40px; line-height: 40px; padding: 0 15px;}
	.tzxm-tit b{ color: #004cab; float: left;}
	.tzxm-tit b i{ float: left; font-size: 24px; font-weight: normal; padding-right: 5px;}
	.tzxm-tit b span{ font-size: 16px; font-weight: normal;}
	.tzxm-tit a{ float: right;}
	.tzxm-mess{ padding: 15px;}
	
	.swiper-tzxm span{ position: absolute; left: 0; bottom: 0; height: 30px; line-height: 30px; background: #000; background: rgba(0,0,0,.5); width: 100%; text-align: center; color: #fff; z-index: 9; padding: 0 15px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	i.pic-scale-tzxm{ padding-bottom: 62.2222%; font-style: normal;}
	
	.tzxm-mess-pic{ padding: 0 40px; position: relative;}
	.tzxm-prev-btn,.tzxm-next-btn{ position: absolute; left: 0; top: 0; height: 100%; width: 30px; z-index: 9; display: flex; align-items: center; justify-content:center; background: #eee; cursor: pointer; color: #c4c4c4;}
	.tzxm-next-btn{ left: auto;  right: 0;}
	.tzxm-prev-btn:hover,.tzxm-next-btn:hover{background: #c4c4c4; color: #eee;}
	
	.yq-link-bd{ padding: 15px 0;}
	.yq-link{ background: #f5f5f5;}
	
	.yq-mess-pic{ padding: 0 40px; position: relative;}
	i.pic-scale-yq{ padding-bottom: 51.55%;}
	.yq-prev-btn,.yq-next-btn{ position: absolute; left: 0; top: 0; height: 100%; width: 30px; z-index: 9; display: flex; align-items: center; justify-content:center;cursor: pointer; color: #ccc; font-size: 30px;}
	.yq-next-btn{ left: auto;  right: 0;}
	
	
	.swiper-yq a{
	display: block;
	
	transition: 0.3s;
	}
	.swiper-yq a:hover{
		
	}
	
	.footer{ padding: 15px 0;  background: #191c26;}
	.footer-ico{ text-align: center; padding-bottom: 10px;}
	.footer-ico a{ margin: 0 5px; display: inline-block;}
	.footer-ico i{ color: #fff; font-size: 20px; width: 32px; height: 32px; border: solid 1px #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;  line-height: 30px; display: block;}
	
	.footer-l-txt{text-align: center; color: #fff; line-height: 24px;}
	.footer-l-txt a{ color: #fff;}
	.footer-l-txt span{display: block; color: #fff;}
	
	.footer-r span{ display: block; text-align: center; line-height: 24px; color: #fff;}
	.footer-r span a{ color: #fff;}
	
	div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		margin: 30px 0 0 0;
		line-height: 1.7;
	}
	div.pages *{ line-height: 1.7;}
	div.pages a,div.pages span {
		TEXT-DECORATION: none;
		background: #fff;
		border: 1px solid #dcdcdc;
		padding: 5px 10px;
		margin: 3px;
		color: #333333;
		font-size: 12px;
		display: inline-block;
	}
	div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled  {
		background: #004cab;
		color: #fff;
		border: 1px solid #004cab;}
	
	
	.banner-min{ padding-bottom: 38%; -webkit-background-size: cover;
	background-size: cover; background-position: center center;}
	
	.menu-tit{	padding: 0 15px; background: #004cab; height: 50px; line-height: 50px;  color: #fff; font-size: 16px;}
	
	.menu{  padding-top: 15px;}
	.menu ul{background: #fff; padding-bottom: 15px;}
	.menu li{ line-height: 40px;border-bottom: solid 1px #ddd; }
	.menu li a{ font-size: 14px; color: #6f7374; display: block; padding: 0 15px;}
	.menu li i{ float: right; width: 16px; height: 16px; background:none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 16px; margin-right: 5px; margin-top: 12px; color: #5a5a5a;}
	.menu li.on span,.menu li:hover span{ color: #004cab;}
	.menu li.on i,.menu li:hover i{ background: #004cab; color: #fff;}
	
	.content-r{ padding-top: 15px;}
	.dz{ background: #fff; padding: 0 15px; height: 40px; line-height: 40px; border-bottom: solid 1px #eee;}
	.dz i{ font-size: 18px; float: left; line-height: 40px; padding-right: 5px;}
	.dz span{ float: left; line-height: 40px;}
	
	.content{ padding: 15px; background: #fff; line-height: 1.8;}
	
	.content p{ padding-bottom: 10px; color: #333;}
	
	
	.zyzn{ margin: -15px 0;}
	.zyzn div.zyzn-pic{ width: 75px; margin: 0 auto;}
	.zyzn img{ float: left; margin: 0 auto;}
	.zyzn li{ display:block; overflow: hidden; padding: 15px 0;  border-bottom:dashed 1px #d6d6d6 ;}
	.zyzn li span{ display: block; color: #004cab; font-size: 18px; line-height: 24px;}
	
	.content p{ overflow: hidden; width: 100%;}
	
	.contemt-bg-box{display: none;}
	
	.gsld-tit{ color: #004cab; font-size: 16px; display: block; padding-bottom: 10px;}
	
	i.pic-scale-news{ padding-bottom: 62.2222%;}
	
	.news-list ul{ overflow: hidden; margin: -10px 0;}
	.news-list li{ padding: 10px 0; border-bottom: solid 1px #ddd;}
	.news-list dl{ overflow: hidden;}
	.news-list dt{ float: left; width: 135px; padding-right: 15px;}
	.news-list dd{ overflow: hidden;}
	.news-list a:hover b,.news-list a:hover small{ text-decoration: underline;}
	.news-list dd b{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block;  color: #004cab; font-size: 14px; font-weight: normal;}
	.news-list dd p{ max-height: 40px; line-height: 20px; margin: 5px 0; overflow: hidden; }
	.news-list dd small{ font-size: 12px; color: #004cab;}
	
	.tit{ text-align: center; line-height: 30px; font-size: 18px;  color: #333;}
	.time{ padding: 10px 0; display: block; text-align: center; color: #666;  border-bottom:dashed 1px #d6d6d6 ; font-size: 12px;}
	
	.info-content{ padding: 15px 0; font-size: 14px;}
	.info-btn{overflow: hidden;}
	.info-btn div{ float: right;}
	.info-btn a{ float: left; background: #aaa; padding: 5px 15px; line-height: 16px; font-size: 12px; color: #fff; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; margin-left: 5px;}
	.info-btn a:hover,.info-btn a.back{ background: #A20303;}
		
		.ywly-list ul{ margin: -5px; overflow: hidden;}
		.ywly-list li{width: 50%; padding: 5px; float: left;}
		.ywly-list dt{ border: solid 1px #dcdcdc;}
		i.pic-scale-ywly{ padding-bottom: 68.99%;}
		.ywly-list dd b{ font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; display: block; -ms-text-overflow: ellipsis;
		text-overflow: ellipsis; color: #083053;}
		.ywly-list dd p{ height: 40px; padding: 0; margin: 0 0 5px 0; line-height: 20px;}
		.ywly-list dd small{ display: block; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background:#004cab;}
		
		.ywly-list a:hover b{ text-decoration: underline;}
		
		.zpList_01{border-top:  solid 1px #8a8a8a; border-left:  solid 1px #8a8a8a;}
.zpList_01 td{ border-right: solid 1px #dad9d9; border-bottom: solid 1px #8a8a8a; color: #fff; font-weight: bold; background: #8a8a8a; text-align: center; font-size: 12px; padding: 10px;}
.zpList_01 tbody tr td{ background: #fff;  border-right: solid 1px #8a8a8a; color: #555; font-weight: normal;}
.zpList_01 a{ font-weight: bold; color: #004cab; font-weight: bold;}
.zpList_01 span{ color: #004cab; font-size: 14px;}


.table-responsive table{ min-width: 720px;}

.list{ overflow: hidden;}
.list ul{ overflow: hidden;}
.list li i{ width: 4px; height: 4px; float: left; margin-top: 18px; margin-right: 10px; background: #004cab;}
.list li{ line-height: 40px; border-bottom: dashed 1px #d6d6d6; overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap; padding-right: 100px; position: relative;}
.list li a{ font-size: 14px;}
.list li span{ position: absolute; right: 0; top: 0; color: #999; font-size: 12px;}

.list li .dl-btn{position: absolute; right: 0; top: 8px; line-height: 24px; background: #A20303; padding:  0 8px; height: 24px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.list li .dl-btn b{ float: left; color: #fff; font-weight: normal; font-size: 12px;}
.list li .dl-btn i{ width: 16px; height: 16px; text-align: center; line-height: 16px; background: #fff; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; margin: 4px 0 0 5px; color: #A20303;}

.cont-box{ border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.cont-box b{ color: #004cab; font-weight: normal; font-size: 16px; display: block;}
.cont-box span{display: block;}

.map{height: 250px; width: 100%;}

.site-map dt a{
	color: #004cab; font-size: 14px; font-weight: bold;
}
.site-map dl{ border-bottom: solid 1px #ddd; padding: 10px 0; overflow: hidden;}
.site-map dd{ margin: 0 -10px; overflow: hidden;}
.site-map dd span{ padding: 0 10px; position: relative; line-height: 24px; float: left;}
.site-map dd span:before{ position: absolute; width: 0px; height: 12px; left: 0; top: 6px; border-right: solid 1px #d6d6d6; content: ' ';}
}


@media screen and (min-width: 384px) {

}


@media screen and (min-width: 480px) {
	.logo{ height: 75px;}
	.header-box{ height: 75px;}
	.nav-btn{ margin-top: 15px; width: 46px; height: 46px;}
	.nav-btn div.btn-02{ width: 46px; height: 46px;}
	.btn-02 i{ font-size: 36px !important; width: 46px; height: 46px; line-height: 44px;}
	.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height: 44px; height: 46px;}
	.top-r{ margin-top: 10px;}
	.nav{ padding-bottom: 116px;}
	.lang-box{ line-height: 40px; padding-top: 10px;}
	
	.honor-list li{ width: 33.333%;}
	
	.logo .logo-txt{ height: 28px; padding-top: 0; margin-top: 23px;}
	
	
}

@media screen and (min-width: 640px) {

}



@media screen and (min-width: 768px) {
	
}


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

/*--针对移动端设置&小屏电脑--*/
@media screen and (max-width: 1239px){
.content-box img{width: auto !important; height: auto !important; max-width: 100%;}
}

@media screen and (min-width: 992px) {
	.oa{float: right;margin-left: 20px;margin-top: 20px;}
	.table-responsive { border: none;}
	.table-responsive table{ min-width: 0;  width: 100%;}
	.container{ width: 980px; padding: 0 10px;}
	body {font-size: 14px;}
	.nav-box .container{position: relative;}

	.logo { height: 63px; margin-top: 0; z-index: 999999; top:0; overflow:hidden;}
	.logo img{ height: 63px;}
	

	.nav-btn{display: none;}
	.header-box{ top: 0; border: none; height: 80px;}
	.jgw-btn{ margin-top: 0;}
	.jgw-btn a{ position: absolute; left: 0; top: -120px; margin-left: 0; padding: 0; color: #000; background: none; width: auto;}
	.nav-box {position: absolute; width: 100%; padding-top: 0; background: #fff;}
	.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; width: 100%;}
	.nav ul{ float: right; height: 80px; padding-top: 0; overflow: visible;right: 0; top: 0px; width: auto; width: 100%;}
	.nav li{ float: left; border: none; text-align: center; padding:0; width: 12.5%;}
	.nav li a{ padding-left: 0; padding: 0; position: relative; white-space: nowrap;}

	.nav li a b{line-height: 80px; height: 80px; color: #fff; font-weight: normal; font-size: 16px; display: block; float: none; text-align: center; padding: 0 20px;}

	.nav li a i.icon-sanjiao{display: block; color: #fff; padding-right: 0; padding-left: 5px; line-height: 60px;}
	.nav li a:hover b,.nav li a:hover i{ color: #fff;}
	.nav li.nav-off>a{}
	.nav li.nav-on>a{ background: #1069d9;}
	.nav li.nav-on> a.on{}
	
	
	.nav li .nav-sj{top: 52px; opacity: 0; border-left: solid 8px transparent; border-right: solid 8px transparent; border-bottom: solid 8px #fff; display: block; position: absolute; left: 50%; margin-left: -8px;
	-webkit-transition: top .3s, opacity .3s;
	-moz-transition: top .3s, opacity .3s;
	-ms-transition: top .3s, opacity .3s;
	-o-transition: top .3s, opacity .3s;
	transition: top .3s, opacity .3s;
	}
	.nav .nav-on .nav-sj{ opacity: 1; }
	
	.nav li{ position: relative;}
	.nav li div{ padding: 12px 0 0 0; text-align: left; position: absolute; top: 48px; left: 0; width: 530px; background: none; display: block;  height: 0; overflow: hidden; opacity: 0; -webkit-transition: height .3s, opacity .3s;
	-moz-transition: height .3s, opacity .3s;
	-ms-transition: height .3s, opacity .3s;
	-o-transition: height .3s, opacity .3s;
	transition: height .3s, opacity .3s;}
	
	.nav .nav-on div{ height: 202px; opacity: 1;}
	
	.nav li div a{padding: 0 0 0 15px; font-size: 12px; height: 32px; line-height: 32px; color: #666666; text-transform: capitalize; border-bottom: none; -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;}
	.nav li div a.sj-nav{display: none;}
	.nav li div a:hover,.nav li div a.on{  background: #004cab;  color: #fff; font-weight: normal;}
	.nav li.nav-on>a b,.nav li.nav-on>a i, .nav li a.on{ color: #fff;}
	.nav li.nav-on .nav-rj-on{color: #fff;}
	
	.top-r{ width: auto; margin-top: 25px; margin-left: -10px;}
	.top-r a{ margin-right: 0; margin-left: 10px;}
	.top-r-box{ float: right;}
	
	.logo .logo-txt{ display: none;}
	
	.logo{ margin-top: 0;}
	
	.nav-bg{ height: 48px; background: #004cab;/* background: rgba(255,255,255,.9); */display: block; position: absolute; width: 100%;z-index: 9; top: 63px;}

	.nav ul{ height: 48px;}
	/*.nav li{ width: auto;}*/
	.nav li a{ line-height: 48px; padding: 0 12px; position: relative;}
	.nav li a b{ height: 48px; line-height: 48px; padding: 0; color: #fff !important; font-size: 14px;}
	.nav li i.icon-more{ padding-right: 0; padding-left: 5px; color: #fff; position: absolute; right: 12px; top: 0;}
	
	.nav li a.on b, .nav li a.on i{ color: #fff !important;}
	.top-r-box{ position: absolute; top:-63px; right: 0; width: 520px; padding: 0;}
	.lang-box{ float: right;}
	.sub-logo{ display: block; float: right;}
	.search-box{ float: right;}
	
	/*.nav ul{ margin-top: 63px;}*/
	.search-box{ padding: 20px 0 0 0;}
	.search-txt{ height: 24px; border: none; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; padding: 0 34px 0 5px; font-size: 12px; background: #f0f0f0;}
	.search-btn{ width: 24px; height: 24px; font-size: 16px; top: 20px;cursor: pointer;}
	.sub-logo{ padding: 17px 15px 0 15px;}
	
	.lang-box{ background: #fff; border:solid 1px #aac3d0; line-height: 20px; padding-top: 0; font-size: 12px; padding: 0 5px 0 10px; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
	.lang-box{ margin-top: 20px;}
	.lang-box dt{ float: none; overflow: hidden;}
	.lang-box dt span{ float: left; padding-right: 5px;}
	.lang-box dt i{ float: right;}
	.lang-box dt{ padding: 0;}
	.lang-box dd{ float: none; display: none;}
	.lang-box dd a{ display: block;}
	.lang-box i{ display: block;}
	
	.nav-sub-bg{ background: #fff; display: block; overflow: hidden; padding: 15px;}
	

	.nav-sub-l{ float: left; width: 50%;}
	.nav li div .nav-sub-l a{ width: 50%; float: left; padding: 0;}
	.nav li div .nav-sub-l a i{display: block; width: 16px; height: 16px; background: #5a5a5a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 16px; float: left; margin-right: 5px; margin-top: 13px; font-weight: normal; padding: 0;}
	.nav li div .nav-sub-l a span{ float: left; line-height: 40px; font-size: 12px;}
	.nav li div a:hover, .nav li div a.on{ background: none;}
	
	.nav li div a{ line-height: 40px; height: 40px;}
	.nav li div .nav-sub-l a:hover{ color: #004cab;}
	
	.nav-sub-r{ display: block; float: left; width: 50%; padding-left: 10px; border-left: solid 1px #e9f0f0;}
	
	
	.banner-btn-box i{ height: 100px; line-height: 100px; width: 60px; font-size: 60px;}
	
	
	.ind-box .hd div{ height: 43px; line-height: 43px;}
	.ind-box .hd div i{ line-height: 42px; font-size: 32px;}
	.ind-box .hd div span{ line-height: 42px; font-size: 18px;}
	
	.ind-bd-l{ width: 342px; float: left; border-bottom: none; padding-bottom: 0; border-right: solid 1px #eee; padding-right: 15px;}
	.ind-bd-l img{ width: 100%; height: auto;}
	
	.ind-bd-r{ overflow: hidden; padding-top: 0; padding-left: 15px;}
	
	.ind-bd-tit{ font-size: 18px; padding-bottom: 10px;}
	
	.tzxm-tit{ height: 50px; line-height: 50px;}
	
	.tzxm-tit b i{ font-size: 32px;}
	
	.tzxm-tit b span{ font-size: 18px;}
	.tzxm-tit a span{ font-size: 16px; padding-right: 5px;}
	.tzxm-tit a i{ font-size: 16px;}
	
	.swiper-yq a{ padding: 0 50px;}
	
	.ind-box .bd{ padding: 20px;}
	
	.ind-bd{ padding-top: 40px;}
	.tzxm-bd{ margin-top: 40px;}
	.yq-link-bd{ padding: 40px 0;}
	
	.footer{ padding: 40px 0;}
	.footer-ico{ float: left; padding: 7px 15px 0 0 ;}
	.footer-l-txt{ float: left; text-align: left;}
	
	.footer-r{ float: right; text-align: right;position: relative;}
	.footer-r span{ text-align: right;}
	
	
	.menu{ width: 219px; padding-top: 0; position: relative; float: left;}
	.menu-tit{  width: 100%; z-index: 9; width: 220px; font-size: 22px;}
	
	.content-bg{ position: relative; overflow: hidden; margin-top: -50px;}
	.contemt-bg-box { position: absolute; width: 100%; height: 100%; background: #fff; left: 0; top: 50px; display: block;}
	
	.menu li{ line-height: 50px;}
	.menu li i{margin-top: 17px;}
	
	.content-r{ overflow: hidden; padding-top: 0;}
	.dz{ line-height: 50px; height: 50px; width: 100%; right: 0; border: none; background: rgba(255,255,255,.9);}
	.dz div{ float: right;}
	.dz i{ line-height: 50px;}
	.dz span{line-height: 50px;}
	
	.menu ul{ border-right: solid 1px #ddd; margin-right: -1px;}
	.content{ border-left: solid 1px #ddd; padding: 20px; position: relative; overflow: hidden;}
	
	.zyzn div.zyzn-pic{ float: left; width: 150px; margin-right: 45px;}
	.zyzn li{ padding: 50px 0;}
	.content p{ width: auto;}
	
	.zyzn-dt{ height: 150px; display: table;}
	.zyzn-dt p{ display: table-cell; vertical-align: middle;}
	.zyzn li span{ font-size: 24px; padding-bottom: 10px;}
	
	.gsld-tit{ font-size: 18px;}
	
	.ywly-list ul{ margin: -20px 0;}
	.news-list li{ padding: 20px 0;}
	.news-list dt{ width: 245px; padding-right: 20px;}
	
	.news-list dd b{ font-size: 18px;}
	.news-list dd p{ max-height: none; padding: 15px 0; margin: 0; line-height: 24px;}
	
	.tit{ font-size: 22px; font-weight: bold; line-height: 36px;}
	
	.ywly-list ul{ margin: -15px;}
	.ywly-list li{ padding: 15px; width: 33.3333%;}
	.ywly-list dd b{ font-size: 18px; font-weight: bold; padding-top: 5px;}
	.ywly-list dd p{ font-size: 12px; margin-bottom: 10px;}
	.ywly-list dd small{ line-height: 40px; padding: 0 20px; width: auto; float: left; font-size: 14px;}
	
	
	.list li{ line-height: 60px;}
	.list li i{ margin-top: 28px;}
	.list li .dl-btn{ top: 18px;}
	
	.cont-box{ overflow: hidden; padding-bottom: 20px; margin-bottom: 20px;}
	.cont-box b{font-size: 18px; padding-bottom: 10px;}
	.cont-box span{ float: left; padding-right: 15px;}
	
		.display-no{position: absolute;top: 0;right:-60px; width: 60px;height: 24px;line-height: 24px;float: right;overflow: hidden;}
	.display-no a{position: absolute;bottom: 0;right: 0px;color: #fff;width: 100%;height: 100%;}
	
	.site-map dt a{ font-size: 16px;}
	
	.nav li a{color: #fff;}
	.nav li a i{ color: #fff;}}







@media screen and (min-width: 1150px){

	.container{ width: 1120px;}
	.banner-bg{ padding-bottom: 0; height: 580px;}
	.banner-min{ padding-bottom: 0; height: 430px;}
	.swiper-yq a{ padding: 0 73px;}
	
	.tzxm-tit{ padding: 0 20px;}
	.tzxm-mess{ padding: 20px;}
	
	.tzxm-mess-pic{ padding: 0 36px;}
	
	.nav li a{ padding: 0 15px; }
	.nav li i.icon-more{ padding-left: 10px;}
	
	
}




@media screen and (min-width: 320px) and (max-width:991px) {
	
	.Link{padding-top: 10px;}
	
	.Link-box{background-color: #F5F5F5;}
	.link-list ul{overflow: hidden;margin: -10px;}
	.link-list li{padding: 10px;float: left;width: 50%;}
	.link-list li img{width: 100%;}
}
@media screen and (min-width: 992px) {
	
	
	
	.Link{padding-top: 40px;}
	
	.Link-box{background-color: #F5F5F5;}
	.link-list ul{display: flex;}
	.link-list li{flex: 1;text-align: center;}
	
	
	.body-box{ padding-top:111px;}

}
@media screen and (min-width: 1340px) {

	
}

@media screen and (min-width: 320px) {
  .xcgg-box {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 5.33332vw;
    right: 5.33332vw;
    background: #fff;
    border-radius: 2.66666vw;
    box-shadow: 0 0.8vw 3.99999vw rgba(0, 0, 0, 0.15);
    padding: 5.33332vw 2.66666vw;
    display: flex;
    flex-direction: column;
    transform: translateY(-50%);
    max-height: 70vh; }
    .xcgg-box .btn {
      position: absolute;
      right: 2.66666vw;
      top: 2.66666vw;
      cursor: pointer; }
      .xcgg-box .btn::before {
        font-size: 4.79999vw;
        color: #333; }
      .xcgg-box .btn:hover {
        transform: rotate(90deg); }
        .xcgg-box .btn:hover::before {
          color: #B6002A; }
    .xcgg-box .tit {
      text-align: center;
      font-size: 5.33332vw;
      font-weight: bold;
      color: #333;
      padding-bottom: 3.99999vw; }
    .xcgg-box .scroll {
      padding: 0 2.66666vw;
      overflow-y: auto; }
      .xcgg-box .scroll .txt {
        line-height: 1.6;
        font-size: 3.19999vw; }
      .xcgg-box .scroll .txt-r {
        text-align: right; } }

@media screen and (min-width: 992px) {
  .xcgg-box {
    left: 18.2294vw;
    right: 18.2294vw;
    border-radius: 1.04168vw;
    box-shadow: 0 0.15625vw 0.78126vw rgba(0, 0, 0, 0.15);
    padding: 3.12504vw 1.3021vw; }
    .xcgg-box .btn {
      right: 1.3021vw;
      top: 1.3021vw; }
      .xcgg-box .btn::before {
        font-size: 1.45835vw; }
    .xcgg-box .tit {
      font-size: 1.97919vw;
      color: #333;
      padding-bottom: 1.66669vw; }
    .xcgg-box .scroll {
      padding: 0 1.3021vw; }
      .xcgg-box .scroll .txt {
        font-size: 1.14585vw; } }