@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;}
.icon4-1{ margin:30px auto;display: block; width:48px;height:48px;background-image:url(../images/icon4-1.png);background-size: 100% 100%;}
/*图片占位符结构*/
.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;}
.beian a,.beian a:active,.beian a:hover{color: #5B5B5B;}
.beian a.gwba{ }
.beian a.gwba img{width: 20px;height: 20px;margin:-5px 5px 0 10px;}
.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;overflow-y:auto}
.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 ;}
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
	.contact_link{margin-top: 5px;}
}

@media screen and (min-width: 1370px) and (max-width: 1920px) {
	html,body{width: 100%;height: 100%;}
	.page1 {background: url(../images/index_pagebg1.jpg) no-repeat;background-size: 100% 100% !important;}
	.page2 {background: url(../images/index_pagebg2.jpg) no-repeat;background-size: 100% 100% !important;}
	.page3 {background: url(../images/index_pagebg3.jpg) no-repeat;background-size: 100% 100% !important;}
	.page4 {background: url(../images/index_pagebg4.jpg) no-repeat;background-size: 100% 100% !important;}
	.page5 {background: url(../images/index_pagebg5.jpg) no-repeat;background-size: 100% 100% !important;}
	.page6 {background: url(../images/index_pagebg6.jpg) no-repeat;background-size: 100% 100% !important;}
	.page2 .box1 {background: url(../images/index_pagebg2_1.jpg) no-repeat;background-size: 100% 100% !important;}
	.page2 .box2 {background: url(../images/index_pagebg2_2.jpg) no-repeat;background-size: 100% 100% !important;}
	.page2 .box3 {background: url(../images/index_pagebg2_3.jpg) no-repeat;background-size: 100% 100% !important;}
	/* .page2 .box4 {background: url(../images/index_pagebg2_4.jpg) no-repeat;background-size: 100% 100% !important;} */
	.page2 .box4 {background: url(../images/index_pagebg2_5.jpg) no-repeat;background-size: 100% 100% !important;}
	.contact_link{margin-top: 15%;}
	
}
/分页样式
.page2{text-align:center;color:#22d3b6}
			.pageDiv{padding-top: 20px;margin: 50px auto;color:#22d3b6;width: 100%;text-align: center;}
			.pageDiv span{vertical-align: middle;margin: 0 5px;}
			.pageDiv a{border: 1px solid #00BFFF;width: 30px;height: 30px;text-align: center;line-height: 30px;color: black;margin: 0 5px;display: inline-block;border-radius: 2px;color: #22d3b6;vertical-align: middle;}
			.pageDiv input{width: 30px;height: 30px;line-height: 30px;border: 1px solid #22d3b6;vertical-align: top;margin: 0 5px;text-align: center;}
			.prevPage,.nextPage{width: 50px!important;height:30px!important;text-align: center;line-height: 30px;border: 1px solid #22d3b6;color: #22d3b6;font-size: 12px;}
			.pageDiv .disabled{color: #22d3b6 !important;border: 1px solid #22d3b6!important;display: inline-block;width: 50px;height: 30px;text-align: center;line-height: 30px;border-radius: 2px;font-size: 12px;}
			.pageDiv .pageCur{width: 30px;height: 30px;text-align: center;line-height: 30px;color: white;background-color: #22d3b6;display: inline-block;border-radius: 2px;border: 1px solid #22d3b6;margin: 0 5px;}
			.pageDiv .turnDown{font-size: 12px;vertical-align: top !important;}
			.pageDiv .dian{display: inline-block;width: 30px; height: 30px;border: 1px solid #22d3b6; border-radius: 4px; color: #22d3b6;text-align: center;}
			.pageDiv .countYe{display:none}
.intro_main1{height: 740px;background-image: url(../images/index_pagebg4-1.jpg); background-size: 100% 100%;position: relative;}
.intro_main1 .content_c{
width: 100%;
}
.intro_main1 .content_c .main1 {
	width: 100%;
	display: flex;
	background:transparent !important;
	padding: 0 12% 0 16%; box-sizing: border-box;
}.intro_main1 .main .about_r{padding:0 !important; }
.intro_main1 .content_c .tt{padding:3% 0 !important; }
.intro_main1 .content_c .main1 .about_l { width:auto !important;height: 100%;}
.intro_main1 .content_c .main1 .about_l img{ height: 100%;}
.intro_main1 .content_c .main .about_r{margin-left:30px;flex: 1;}
.intro_main1 .content_c .main .about_r .tt-1{	font-family: SourceHanSansCN-Light;font-size: 38px;line-height: 30px;letter-spacing: 0px;color: #333333;}
.intro_main1 .content_c .main .about_r .tt-2{	margin:20px 0 ;font-family: SourceHanSansCN-Heavy;font-size: 30px;font-weight: bold;line-height: 30px;letter-spacing: 3px;color: #333333;}
.intro_main1 .content_c .main .about_r .text{	font-family: SourceHanSansCN-Light;font-size: 14px;line-height: 30px;letter-spacing: 0px;color: #333333;}