*{margin:0px auto;padding:0px;list-style-type: none;}



h1,h3,ul,h2,h4,p,h5{margin: 0px;}

@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 */
font-family: auto!important;
}
.img-max{width: auto;height: auto;max-width: 100%;}
.box{overflow: hidden;}
b{font-weight: normal;}
a,a:link{ color: #333; text-decoration: none !important;}
a:hover,a:active,a:focus{ color: #065baa; }
::selection{background:#2fb2ed; color:#fff;}
::-moz-selection{background:#2fb2ed; color:#Fff;}





/*定义动画*/
.e-ani *{-webkit-transition: .3s; transition:.3s;}
.nav *,.nav *:after,.nav *:before{-webkit-transition:height .3s, width .3s, color .3s,  -webkit-box-shadow .3s,border .3s,opacity .3s,-webkit-transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;
transition:height .3s, width .3s, color .3s, box-shadow .3s,border .3s,opacity .3s, transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;}

.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}




/*--简易切换动画--*/
.tabs-box .bd{ position: relative; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: -1000%; width: 100%; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: absolute; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: absolute; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from {  -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
to {-webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}
@keyframes tabs-show
{
from {  -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
to {-webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}







.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;}
#map{width: 100% !important;margin-top: 20px;border-radius:10px;}
.BMapLabel{border: none !important;}

div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		margin: 35px 0 20px 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: #346fe8;
		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: #346fe8;
		color: #fff;
		border: 1px solid #019464 ;
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: auto; 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-news75{padding-bottom: 75%;}
 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图控制
 */
@media screen and (min-width: 320px){
	.banner{
	background-size: contain;background-position: center center;background-repeat: no-repeat;padding-bottom: 16%;}
}



@media screen and (min-width: 992px) {
	.banner{
	background-size: cover;background-position: center center;background-repeat: no-repeat;padding-bottom: 22%;
}
	
}


 @media screen and (min-width: 992px) {
	.relative{position: relative;}
	.absolute{position: absolute;}
}

 /**
  * 字符串超出截取
  */
.Intercept{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display:block;
}
 /*只显示两行*/
.Intercept-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
 
 /**
 * css实现 再水平线中间插入文字
 */
.text-with-hr {
    text-align: center;
    position: relative;
}
/*
横线，并通过z-index：-1将or附近的横线遮盖住
*/
.text-with-hr:before {
    position: absolute;
    content: '';
    top: 30px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #333333;
    z-index: -1;
}
.text-with-hr h2 {
    display: inline-block;
    background: white;
    padding: 13px;
    color:#333333;
    font-size: 30px;font-weight: bold;
}
/**
 * css实现 再水平线中间插入文字
 */
 
 
 
 
 
 
 /**
  * 头部
  */
 /**
 * 手机版 320px 到 991px 宽度
 */
@media screen and (min-width: 320px) and (max-width: 991px) {
	
	
	.Intercept-re{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display:block;
		}
			
 	.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;}
	
	.logo img{ width: 50%;margin-left: 0;}
	.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: 40px; color: #000;}
	.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: #000;}
	.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 li a b{ color: #222; 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;}
	
	.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 0; 
			margin-top: 25px;
	}
	.search-bd{position: relative; position: relative;}
	.search-txt{ width: 100%; padding: 0 55px 0 10px; height: 40px; border: solid 1px #cbcbcb; outline: none;}
	.search-btn{ color: #fff; background: #000; width: 40px; position: absolute; top: 0; right: 0; height: 40px; font-size:15px; border: none; cursor: pointer;}

	




}