*{margin:0px auto;padding:0px;font-family: auto!important;list-style-type: none;}
h1,h3,ul,h2,h4,p,h5{margin: 0px;}
b{font-weight: normal;}
@charset "utf-8";
/* CSS Document */

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;
transition-timing-function: linear;
-moz-transition-timing-function: linear; /* Firefox 4 */
-webkit-transition-timing-function: linear; /* Safari 鍜 Chrome */
-o-transition-timing-function: linear; /* Opera */

}
.box{overflow: hidden;}
.img-style{background-size: cover;background-position: center center;background-repeat: no-repeat;}

a,a:link{ color: #333; text-decoration: none !important;}
a:hover,a:active,a:focus{ color: #2fb2ed; text-decoration: none !important;}
::selection{background:#2fb2ed; color:#fff;}
::-moz-selection{background:#2fb2ed; color:#fff;}


.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;}
.BMapLabel{border: none !important;}

div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		line-height: 1.7;
		float: left;
		}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {
		TEXT-DECORATION: none;
		background: #fff;
		border: 1px solid #aaaaaa;
		padding: 5px 10px;
		margin: 3px;
		color: #415A70;
		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: #009fe1;
		color: #fff;
		border: 1px solid #009fe1 ;
}

/*鍥剧墖姣斾緥瑁佸壀棰勮*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100%; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
/* <i class="pic-size"><img src="img/pic-03.jpg" alt="" /></i>
 */
 i.pic-scale-news10{padding-bottom: 10%;}
 i.pic-scale-news20{padding-bottom: 20%;}
 i.pic-scale-news30{padding-bottom: 30%;}
 i.pic-scale-news40{padding-bottom: 40%;}
 i.pic-scale-news50{padding-bottom: 50%;}
 i.pic-scale-news54{padding-bottom: 54%;}
 i.pic-scale-news55{padding-bottom: 55%;}
 i.pic-scale-news56{padding-bottom: 56%;}
 i.pic-scale-news60{padding-bottom: 60%;}
 i.pic-scale-news65{padding-bottom: 65%;}
 i.pic-scale-news70{padding-bottom: 70%;}
 i.pic-scale-news73{padding-bottom: 73%;}
 i.pic-scale-news76{padding-bottom: 76%;}
 i.pic-scale-news78{padding-bottom: 78%;}
 i.pic-scale-news80{padding-bottom: 80%;}
 i.pic-scale-news90{padding-bottom: 90%;}
 i.pic-scale-news110{padding-bottom:110%;}
 i.pic-scale-news54{padding-bottom: 54%;}
 i.pic-scale-news132{padding-bottom: 132%;}
 
 
/**
 * 澶撮儴banner鍥炬帶鍒
 */
.banner img{
	width: auto;
	height: 240px;
	max-width:100%;
}
 
 
 /**
  * 瀛楃涓茶秴鍑烘埅鍙
  */
.Intercept{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display:block;
}
 
 
 /**
 * css瀹炵幇 鍐嶆按骞崇嚎涓棿鎻掑叆鏂囧瓧
 */
.text-with-hr {
    text-align: center;
    position: relative;
}
/*
妯嚎锛屽苟閫氳繃z-index锛?1灏唎r闄勮繎鐨勬í绾块伄鐩栦綇
*/
.text-with-hr:before {
    position: absolute;
    content: '';
    top: 30px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}
.text-with-hr h2 {
    display: inline-block;
    background: white;
    padding: 10px;
}
/**
 * css瀹炵幇 鍐嶆按骞崇嚎涓棿鎻掑叆鏂囧瓧
 */
 

 
 
 
 
 
 /**
  * 澶撮儴
  */
 /**
 * 鎵嬫満鐗 320px 鍒 991px 瀹藉害
 */
@media screen and (min-width: 320px) and (max-width: 991px) {
 	.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -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-bg{background: url(../img/header-bg.jpg) center center no-repeat; height: 40px; position: relative; z-index: 99999;}
	.header-l{ float: left; display: none;}
	.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: relative; width: 100%; background: url(../img/header-bg.jpg) center center no-repeat; }
	.header-shadow{-webkit-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 13px rgba(0,0,0,.1);
	box-shadow: 0 0 13px rgba(0,0,0,.1); position: relative;}
	.nav-box{ ; width: 100%;}
	.nav-box-show{  z-index: 99; top: 0;}
	.logo{font-weight: normal; padding: 0; margin:0; float: left; position: absolute; z-index: 99; overflow: hidden; height: 50px;}
	.logo a{ padding: 0; margin: 0; float: left; height: 100%;}
	.logo img{ height:100%; display: block;}
	.logo b{ float: left; font-size: 12px; line-height: 50px; padding-left: 15px; color: #222;}
		
	.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
	.nav-btn{position: relative; top: 0; width: 36px; margin-top: 10px; cursor: pointer; z-index: 9999; cursor: pointer; float: right;}
	.nav-btn div.btn-02{ height: 36px; width: 36px; overflow: hidden;}
	.btn-02 i{ width: 36px; height: 36px; line-height: 36px; display: block; text-align: center; font-size: 30px; color: #B31D25;}
	.btn-02 .nav-hide-btn{display: none; font-size: 30px;}
	.nav-btn-show .btn-02 .nav-show-btn{display: none;}
	.nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #B31D25;}
	.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; z-index: 99; padding: 10px 0 106px 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: 240px;}
	.nav li{ border-bottom: solid 1px #ededed; display: block;}
	.nav li a{ padding-left: 15px; line-height: 50px; font-size: 14px; display: block; text-transform: uppercase; color: #666; -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition: .3s; overflow: hidden;}
	.nav-on a b{color: #fff !important;}
	.nav-on .nav-two a{color:#000 !important; }
	.nav li a b{ color: #000; float: left; font-weight: normal !important;}
	.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 li div a{font-size: 14px;}
	.nav-show{ width: 240px; opacity: 1;}
	.nav-show ul{ overflow-y: scroll;}

	.nav li{-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;}
	
	.nav li div{ background: #f5f5f5;}
	.nav li .nav-rj-on{ color: #2fb2ed;}
	.max dl,.max dt,.max dd{padding: 0; margin: 0;}
	/*.btn-box{ width: 240px; height:  36px;}*/
	.btn-box{text-align: center;}
	.top-r{ }
	
	.link-box a{ text-transform: uppercase;}
	.link-box{ margin: 6px 15px; overflow: hidden; width: 200px; overflow: hidden;}
	.link-box div{ margin-left: -8px;}
	.link-box a{ float: left; line-height: 24px; height: 24px; padding: 0 8px; font-size: 12px; position: relative;}
	.link-box a *{ display: inline-block; overflow: hidden; color: #777;}
	.link-box a:before{ content: ' ';  border-left: dotted 1px #777777; position: absolute; left: 0; height: 12px; margin-top: 6px;}
	.search-box{ padding: 15px; width: 240px;margin-top: 25px;}
	.search-bd{position: relative;}
	.search-txt{ width: 100%; padding: 0 55px 0 10px; height: 40px; border: solid 1px #cbcbcb; outline: none;}
	.search-btn{ color: #fff; background: #2fb2ed; width: 40px; position: absolute; top: 0; right: 0; height: 40px; font-size:15px; border: none; cursor: pointer;}
}

@media screen and (min-width: 384px) {
  .video-show{ width: 300px !important; height: 150px !important;}
}
@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 180px !important;}
}
@media screen and (min-width: 480px) {
	.video-show{ width: 420px !important; height: 240px !important;}
}
@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}
@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}