@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
li,ul{ list-style:none;}
a{text-decoration:none;} 
img{margin: 0px; padding: 0px; border:0; vertical-align: middle;}
body{font-family:微软雅黑,黑体,宋体, Verdana, Tohoma, Arial, san-serif;font-size: 12px;line-height:25px; color: #000; background-color:#FFFFFF; width:100%; }
.lf{float: left;}
.rt{float: right;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear{zoom:1}
.clear:before,.clear:after{content:" ";display:table}
.clear:after{clear:both}
img{ border: 0; vertical-align: middle;}
input,button,select,textarea{ -webkit-appearance: none; outline:none;/*去除input默认样式*/ }
input:focus,select:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plaintext-only; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
a,a:hover{text-decoration:none; color:#000}
a,a:focus{ outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
/*加载*/
.loading{ position:absolute; left:50%; top:50%; z-index:99;}
.main_center{ text-align:center; line-height:40px; font-size:16px; color:#666;}
/*小图标*/
.icon{ display:inline-block; vertical-align:middle; background:url(../images/icon.png) no-repeat;}
.icon1{ display:inline-block; vertical-align:middle; background:url(../images/icon1.png) no-repeat;}
/*图片占位符结构*/
.imgcon { width: 100%; height: auto; position: relative; }
.imgcon .imgzwf { width: 100%; display: block; height: auto; }
.imgcon .imgshow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
/*header*/
.header { position: fixed; left: 0; top: 0; z-index: 99; }
.header{ width: 100%; height: 72px; background:#000;background-color: rgba(0,0,0,0.72); color: #fff;}
.header .content{ width: 1200px; margin:0 auto;}
.header .logo{ float: left;width:95px;}
.header .nav{ float: left; width: 660px;}
.header .nav ul{ height: 30px; padding: 21px 0;}
.header .nav ul li{ float: left; width: 110px; text-align: center;}
.header .nav ul li a{ display: inline-block; height: 30px; line-height: 30px; color:#fff; font-size: 16px; border-radius:5px; padding:0 10px;}
.header .nav ul li a.active,.header .nav ul li a:hover{ background-color: #00a159;}
.header .hd_lange{ float: right;height: 30px; padding: 21px 0;}
.header .hd_lange a{ color:#fff; font-size:12px; margin-right:10px;}
.header .hd_lange a:hover{ color: #00a159;}
.header .hd_lange a .icon{ width:30px; height: 30px; margin-right: 3px;}
.header .hd_lange a .icon.icon_cn{ background-position: 0 7px;}
.header .hd_lange a .icon.icon_en{ background-position: -45px 7px;}
/*footer*/
.footer { position: fixed; left: 0; bottom: 0; z-index: 99; }
.footer{ width:99%; min-width:1200px; height: 48px; line-height: 48px; padding: 0 0.5%; background:#000; background-color: rgba(0,0,0,0.6); color:#fff;}
.footer a{ color:#fff; padding:0 1px;}
.footer span{ padding:0 5px;}
.footer span b{ font-weight:normal; padding:0 3px;}
.ft_r{ float: right;}
#weatherShow{ display:inline-block;}
/*占位符*/
.img{width:100%;position: relative;height: auto;overflow: hidden; }
.img .imgZwf{width: 100%;display: block;height: auto;} 
.img .imgShow{position: absolute;left:0;top:0;width:100%;height: auto;}
.img .imgShow1{position: absolute;right:0;top:0;width:auto;height: 100%;}
.img .imgShow2{position: absolute;left:0;top:0;width:auto;height: 100%;}
/*样式*/
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{background-image:url(../images/rt_1.png);    right: 0px;
    left: auto;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{background-image:url(../images/lf_1.png);left: 0px;
    right: auto;}
/*路径*/
.location{ line-height:40px; color:#fff; font-size:14px;}
.location a,.location span{color:#fff; font-size:14px; margin:0 3px;}
.location a:hover{ color:#00a159;}
/*内页*/
.content{width: 100%;height:100%;overflow: hidden;min-width: 1200px;}
.content .bd{position: relative;width:100%;height: 100%;overflow: hidden;z-index: 0;}
.content .bd img{display:block;width: 100% !important;height:100% !important;margin: auto;}


/*导航*/
.page{display: none; width:100%; height:100%;overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}


.icon{ display:inline-block; vertical-align:middle; background:url(../images/icon.png) no-repeat;}
.content_c{width:1200px; /*width:100%; max-width:1200px; min-width:320px;*/ margin:0 auto;}
.icon{ display:inline-block; vertical-align:middle; background:url(../images/icon.png) no-repeat;}

.arrowBox .prevBtn,.arrowBox .nextBtn{width: 40px;height: 40px;position:fixed;top:55%;cursor:pointer;opacity:0.5;}
.arrowBox .prevBtn:hover,.arrowBox .nextBtn:hover{opacity:1;}
.arrowBox .prevBtn{left:100px;background:url(../images/icon.png) no-repeat;background-position:-281px -228px;}
.arrowBox .nextBtn{right:100px;background:url(../images/icon.png) no-repeat;background-position:-339px -228px;}

#navBar { width:auto; position: fixed; bottom:20px; right:0;z-index: 30;}
#navBar li {width:auto; height:30px; overflow:hidden; padding:10px; line-height:30px; background:#191919;cursor: pointer; font-size:16px; color:#22d3b6; }
#navBar li i{ float:left; display:block; width:30px; height:30px;}
#navBar li a{ display:block;}
#navBar li span{ float:left; display:none; width:200px; height:30px; line-height:30px; padding-left:10px; color:#22d3b6;}
#navBar.hover span{ display:block;}

#navBar li.navar1 i{ background-position:5px -245px;}
#navBar li.navar2 i{ background-position:5px 5px;}
#navBar li.navar3 i{ background-position:5px -45px;}
#navBar li.navar4 i{ background-position:5px -95px;}
#navBar li.navar5 i{ background-position:5px -145px;}
#navBar li.navar6 i{ background-position:5px -195px;}
#navBar li.navar7 i{ background-position:1px -432px;}




#navBar li:hover,#navBar .active { background:#22d3b6;}
#navBar li:hover span,#navBar .active span{ color:#191919;}
#navBar li.navar1:hover i,#navBar li.navar1.active i{ background-position:-25px -245px;}
#navBar li.navar2:hover i,#navBar li.navar2.active i{ background-position:-25px 5px;}
#navBar li.navar3:hover i,#navBar li.navar3.active i{ background-position:-25px -45px;}
#navBar li.navar4:hover i,#navBar li.navar4.active i{ background-position:-25px -95px;}
#navBar li.navar5:hover i,#navBar li.navar5.active i{ background-position:-25px -145px;}
#navBar li.navar6:hover i,#navBar li.navar6.active i{ background-position:-25px -195px;}
#navBar li.navar7:hover i,#navBar li.navar7.active i{ background-position:-38px -431px;}

/*分页*/
.pages_c{ width:100%; text-align:center;}
.pages_c .pages{ display:inline-block;}
.pages_c .pages a,.pages_c .pages span{ display:block; float:left; padding:3px 13px; border:1px solid #22d3b6; color:#22d3b6; cursor:pointer; font-size:12px;}
.pages_c .pages a:hover,.pages_c .pages a.active{ background:#22d3b6; color:#fff;}
@media screen and (max-width: 1199px) {
	body{overflow-x: auto;}
	.page{overflow-x: auto ;}
}