﻿@charset "utf-8";

*{box-sizing: border-box;}


/*g*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-family: "微软雅黑"; font-size: 12px; color: #000000; word-wrap: break-word; behavior: url("csshover.htc"); }
button, input, select, textarea { font: 12px/1.5 Arial, "宋体", Helvetica, Verdana, sans-serif; word-wrap: break-word; color: #565756; }
ul, li { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
img { border: none; border: 0; vertical-align: middle; display: block;	max-width: 100%;}
a { text-decoration: none; outline: none; }
p { margin: 0; padding: 0; }
input, select, textarea { vertical-align: middle; *font-size:100%;
}
input { margin: 0; outline: none; padding: 0; }
input::-ms-clear {display:none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom:1}
.clear{ clear:both;}




/*f*/

.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	height:100vh;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100vh; overflow:hidden;

}
.silder-main-img img{
	width: 100%;
	height:100vh;
}

.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 3%;
	text-align: left;
}
.silder-ctrl-next{
	right: 3%;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{ position: relative; bottom:5em; z-index:1000;
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{ 
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding:2px 0;
	cursor: pointer;
	background-color: #383838;
}
.silder-ctrl-con.active>span{
	background-color: #0e9e70;
}

@media (max-width: 1080px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		display:none;
		/*
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
		*/
	}
	.silder-ctrl-con{
		width: 10px;
		height: 10px;
		padding: 0;
		margin: 0 5px;
		bottom:2.5em;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}


/*news*/
.newsimg{
	position: relative;	
	min-width: 320px;
	width:100%;
	height:60vh;
	/*background-size: 100% auto; */
}
.mnewsimg{display:none;}

.newscon{ width:100%; float:left; margin-bottom:10px;}
.newscon img{ border-radius:4px; margin-left:auto; margin-right:auto; }
.newscon h1{ width:100%; font-size:30px; color:#4b4b4b; padding-bottom:30px; text-align:center; margin-top:30px; float:left;}
.newsnav{ width:100%; float:left; background-color:#f5f5f5;}
.newsnav .newsnav94{ width:70%; margin:0 15%; font-size:16px; color:#606060; line-height:50px; height:50px; }
.newsnav .newsnav94 a:link {color:#606060; text-decoration:none; } 
.newsnav .newsnav94 a:visited {color:#606060; text-decoration:none;} 
.newsnav .newsnav94 a:hover,a:active {color:#0e9e70; text-decoration: none;}

@media screen and (max-width: 1080px){
.newsimg{ display:none; }
.mnewsimg{position: relative; min-width: 320px; width:100%; height:25vh; display:block;}
.newscon img{ border-radius:4px; width:100% !important; height:auto !important; margin-left:auto; margin-right:auto; }

.newscon h1{font-size:18px; padding-bottom:10px; text-align:center; margin-top:-25px;}
.newsnav{ width:94%; margin:10px 3%; float:left; background-color:#f5f5f5; border-radius:4px;}
.newsnav .newsnav94{ width:94%; margin:0 3%; color:#606060; line-height:35px; height:35px; font-size:14px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
}



/*gongsijj*/
.gongsijj{	position: relative; width:50%; margin:0 25%; font-size:16px; padding-bottom:10px; color:#909090; line-height:32px;}
.gongsijj h1{ width:100%; font-size:30px; color:#4b4b4b; padding-bottom:30px; padding-top:10px; }

.gongsijj span{color:#666666; font-weight:bold;}
.gongsijj p{ margin-bottom:10px; margin-top:10px;}
@media screen and (max-width: 1080px){
	.gongsijj { width:94%; margin:0 3%; }
.gongsijj h1{font-size:20px; padding-bottom:5px; text-align:center; margin-top:-10px;}
.gongsijj{ font-size:14px; padding:10px 0; line-height:28px;}
.gongsijj p{ margin-top:5px; margin-bottom:5px;}
}


/*d*/
.xmdescrip{ float:left;	position: relative; width:70%; margin:0 15%; font-size:16px; padding-bottom:10px; color:#909090; line-height:30px;}
.xmdescrip .middlen{ width:100%; float:left; height:45px; line-height:45px; border-bottom:1px solid #f5f5f5; color:#909090; font-size:16px;}
.xmdescrip .middlen a:link {color:#909090; text-decoration:none;} 
.xmdescrip .middlen a:visited {color:#909090;} 
.xmdescrip .middlen a:hover,a:active {color:#0e9e70; text-decoration:none; }


.xmdescrip h1{ width:100%; font-size:30px; color:#0e9e70; padding-bottom:30px; padding-top:10px; }

.xmdescrip span{color:#666666; font-weight:bold;}
.xmdescrip p{ margin-bottom:10px; margin-top:10px;}

.xmdescrip50{ width:50%; float:left; margin-bottom:30px;}
/*.xmdescrip50 h1{ width:100%; font-size:30px; color:#0e9e70; padding-bottom:30px; }*/

.shangxiafa {float:left; width:100%; font-size:16px; color:#909090;  line-height:45px; height:45px; margin-bottom:30px; }
.shangxiapfa {float:left; width:48%; padding-left:2%;  border:1px #f0f0f0 dotted; background-color:#f5f5f5; border-radius:4px;}
.shangxianfa {float:left; width:50%; padding-left:2%; margin-left:2%; border:1px #f0f0f0 dotted; background-color:#f5f5f5; border-radius:4px;}

.shangxiafa a:link {color:#909090; text-decoration:none; } 
.shangxiafa a:visited {color:#909090; text-decoration:none;} 
.shangxiafa a:hover,a:active {color:#0e9e70; text-decoration: none;}

@media screen and (max-width: 1080px){
.xmdescrip h1{font-size:20px; padding-bottom:5px; text-align:center; margin-top:0px;}
.xmdescrip{ font-size:14px; padding-bottom:10px; line-height:28px;}
.xmdescrip p{ margin-top:5px; margin-bottom:5px;}
.xmdescrip50{ width:100%; margin-bottom:0px;}
.xmdescrip .xmdescrip50:nth-child(2){margin-bottom:15px;}

.shangxiafa {float:left; width:100%; font-size:14px; color:#909090; line-height:36px; height:82px; margin-bottom:15px; }
.shangxiapfa {float:left; width:100%; border-radius:4px; padding-left:3%; margin-bottom:10px; border:1px #ededed dotted; background-color:#f5f5f5; border-bottom:none; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.shangxianfa {float:left; width:100%; border-radius:4px; padding-left:3%;  border:1px #ededed dotted; background-color:#f5f5f5; margin-left:0px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
}



/*more*/
.home-exp{ width:100%;position: relative; float:left;}
.home-exp h2{ width:100%; padding:12px 5%; margin-bottom:10px; font-size:20px; font-weight:normal; color:#0e9e70; text-align: left; background-color:#f5f5f5;}

.exp-list{display:flex;justify-content:flex-start;align-items:center;align-content:center;flex-direction:row;flex-wrap:wrap}
.exp-list li{width:25%;height:15vw; padding-right:10px;}
.exp-list li:nth-child(4){padding-right:0px;}
.exp-list li a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.exp-list li .pic{display:block;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .3s ease;-webkit-transition:all .3s ease}
/*.exp-list li .pic video{width: 100%;height:100vh;}*/
.exp-list li .info{position:absolute;transition:all .3s ease;-webkit-transition:all .3s ease; text-align:center; left:0;width:100%;height:45px; line-height:45px; overflow:hidden;bottom:0px;background:rgba(0,0,0,0.5);color:#fff;padding:0 25px;box-sizing:border-box}
.exp-list li .t{font-size:16px; font-weight:normal;}
.exp-list li a:hover .pic{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

@media screen and (max-width: 1080px){
	.home-exp h2{padding:10px 3%; margin-bottom:0px; font-size:18px; }
	.xmdescrip { width:94%; margin:0 3%; }
	.exp-list li{width:100%;height:60vw; padding-right:0px; margin-top:10px;}
	.exp-list li .t{font-size:14px; }
.exp-list li:nth-child(4){ display:none;}
}



/*more*/
.footbottom{ width:100%; padding:20px 0; float:left; background-color:#f5f5f5; margin-top:10px;}

.footbottom90{float:left; width:90%; margin:0 5%; font-size:16px; }
.footbottom90 a:link {color:#666666; text-decoration:none; } 
.footbottom90 a:visited {color:#666666;} 
.footbottom90 a:hover,a:active {color:#0e9e70; text-decoration:none;}

.footnav { float:left; width:100%;}
.footnav .logob{float:left;}
.footnav .logob img{ height:40px;}
.footnav .footul{ float: right; }
.footnav .footul .footli{ padding:0 5px; display:inline; height:30px; line-height:30px; color:#666666;}

.footcopyRight {float:left; width:100%; text-align: right; color:#9a9a9a; }

.footcopyRight span{ margin:0 10px;}


@media screen and (max-width: 1080px){
	.footbottom{ padding:10px 0;}
.footbottom90{ width:100%; margin:0px 0; font-size:14px; }
.footnav .logob{ position:relative; width:100%; text-align:center;}
.footnav .logob img{ height:30px; margin-left:auto; margin-right:auto;  margin-top:5px;}
.footnav .footul{ display:none;}
.footnav .footul .footli{ padding:0 2px; height:24px; line-height:24px; }
.footcopyRight span{ display:block; line-height:24px;  text-align: center;}
.footcopyRight span:last-child{display:none;}
}





