@charset "utf-8";
/* CSS Document */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul
{
margin:0;padding:0
}
body,button,input,select,textarea{
font:12px/1.5 'Microsoft yahei',tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
*{box-sizing: border-box; -webkit-box-sizing: border-box;}
input{vertical-align: middle;}
img{border:0;
	vertical-align:middle;
	max-width:100%;}
ul,li{list-style-type:none;}
a{text-decoration:none;outline: none}
a:hover{text-decoration:none;cursor: pointer;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.fb{font-weight:bold;}
.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.rel{position: relative;}.abs{position: absolute;}
h3{font-weight: normal;}
em{font-style: normal;}
.clear{clear: both}
div{outline: none}
.clearfix:after{
	content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.layout{
	width:1200px;
	margin:0 auto;
}
.header_top{
	width:100%;
	background: #09c;
	padding:3px 0;
	overflow: hidden;
}
.header_top span{
	color: #fff;
	line-height: 30px;
}
.header_top span a{
	color: #fff;
}
.header{
	width:100%;
	background: #fff;
	padding:10px 0;
	overflow:hidden;
}
.header .fl{
	width: 43%;
}
.header ul{
	width:auto;
	padding-top:10px;
	float:right;
	display:table;
}

.header ul li{
	float:left;
	/*width:15%;*/
	text-align:center;
}
.header ul li a{
	color: #333;
	display: block;
	height: 30px;
	padding:0 15px;
	margin:0 5px;
	line-height: 30px;
	text-transform: uppercase;
	transition:all 0.8s;
}
.header ul li a:hover{
	color:#fff;
	border-radius:15px;
	background: rgba(0,153, 204,1);
}
.banner{
	width:100%;
}
.about{
	width:100%;
	background: #f5f5f5;
	padding:40px 0;
	overflow: hidden;
}
.about_left{
	width:45%;
}
.about_left h3{
	color: #333;
	font-size: 24px;
	width:100%;
	text-transform:capitalize;
}
.about_left h3 span{
	font-size:16px;
	color:#a7a7a7;
}
.about_left p{
	line-height: 30px;
	width:100%;
	padding-top:20px;
	text-indent:2em;
}
.about_left a{
	background: #09c;
	border-radius:4px;
	clear:both;
	color: #fff;
	padding:5px 15px;
	line-height: 24px;
	margin-top:35px;
	display: inline-block;
}
.about_left a:hover{
	transition:all 0.8s;
	background:#fe0;
	color:#333;
}

.about_pic{
	width:50%;
}

.youshi{
	background:#0ae;
	overflow:hidden;
}
.youshi ul li{
	width:33.3%;
	float: left;
	text-align: center;
	color:#fff;
	padding:40px 0px;
}
.youshi ul li img{
	width:16%;
}
.youshi ul li h3{
	font-size: 24px;
	padding:20px 0;
	color: #ffe600;
}
.youshi ul li p{
	line-height: 24px;
	width:80%;
	margin:0 auto;
}
.products{
	background: #fff;
	padding:40px 0;
}

.products h3{
	color: #333;
	font-size: 24px;
	width:100%;
	text-align: center;
    padding: 0px 0px 15px 0px;
}
.products h3 span{
	font-size:16px;
	color:#a7a7a7;
}
.pro_list{
	text-align:center;
	padding-bottom: 20px;
}
.pro_list ul{
	display:inline-table;
	margin:0 auto;
	max-width:1200px;
	text-align:center;
}
.pro_list ul li{
	float:left;
	min-width:150px;
	text-align: center;
	border-radius: 4px;
	border:1px solid #0ae;
	margin:8px 10px;
	padding: 0px 5px;
}
.pro_list ul li a{
	line-height: 32px;
	color: #0ae;
	display: block;
	width:100%;
}
.pro_list ul li:hover{
	background: #0ae;
}
.pro_list ul li:hover a{
	color:#fff;
}
.pro_con{
	padding-top:40px;
}
.pro_con ul li{
	float:left;
	text-align: center;
	border: 1px solid #ddd;
}
.pro_con ul li a img{
	width:80%;
}
.project_img{
	overflow:hidden;
}
.pro_con ul li a:hover img{
	transition:all 0.8s;
	transform:scale(1.2);
}
.title{
	color:#333;
	padding:10px 0;
}


.advert{
	background: #0ae;
	padding:40px 0;
	color:#fff;
	text-align: center;
}
.advert h3{
	font-size:24px;
}
.advert p{
	line-height: 24px;
	width:60%;
	margin:0 auto;
	padding-top:20px;
}
.advert a{
    font-size: 40px;
	border-radius:4px;
	clear:both;
	padding:5px 15px;
	margin-top:35px;
	display: inline-block;
	border:1px solid #fff;
	font-family: Arial;
    font-weight: bold;
	background: #fff;
	color:#0ae;
}
.advert a:hover{
	color: #fff;
	background: #0ae;
}
.news{
	text-align: center;
	padding:60px 0 80px;
    overflow: hidden;
}
.news h3{font-size:24px;
	color:#333;
}
.news h3 span{
	font-size:16px;
	color:#a7a7a7;
	text-transform:capitalize;
}
.news_list{
	padding-top:20px;
	text-align:center;}
.news_list ul{
	display:inline-table;
	margin:0 auto;
	width:auto;
}
.news_list ul li{
	float:left;
	width:120px;
	text-align: center;
	border-radius: 4px;
	border:1px solid #0ae;
	margin:0 5px;
	
	transition:all 0.8s;
}
.news_list ul li a{
	line-height: 32px;
	color: #0ae;
}
.news_list ul li:hover{
	background: #0ae;
}
.news_list ul li:hover a{
	color:#fff;
}
.news_down{padding-top:40px;}
.news_pic{
	width:33%;

}
.news_con{
	width:67%;
}
.news_con a{float:left;
	width:46%;
	display:block;
	border-bottom:1px dashed #ddd;
	padding:10px 0;
	margin-left:4%;
}

.news_con a span{
	width:18%;
	display:block;
	background: #f2f2f2;
	text-align:center;
}
.news_con a span i{
	display:block;
	font-style:normal;
}
.news_con a span i.new_d{
	color: #666666;
margin-top: 0.6rem;
	    font-size: 1.5625rem;
}
.news_con a span i.new_ym{
    color: #999999;
	    font-size: 0.8rem;
margin-bottom: 0.6rem;
}

.news_con a .new_title{
    width: 78%;
    display: block;
    margin-left: 4%;
    text-align: left;
}
.news_con a .new_title h3{
	font-size: 18px;
}
.news_con a .new_title p{
	font-size: 0.75rem;
    color: #999;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1.15rem;
    margin-top: 10px;
}
.foot_nav{
	width:100%;
	overflow:hidden;
	padding:90px 0;
	background: #09c url(../images/111.png) no-repeat  60% center;
}
.foot_nav div.fl{
	width:85%;
	position:relative;
}
.foot_nav div.fl b{
	color: rgba(0,102,150,0.8);
    font-size: 6em;
    display: block;
    text-transform: uppercase;
    position:absolute;
    z-index: 0;
    top: 32px;
    right: 3%;
    text-shadow: 5px 5px 0px #fff;
}
.foot_nav div.fl ul{
	position:relative;
	z-index: 1;
}
.foot_nav div.fl ul li{
	color: #fff;
	font-size:16px;
	line-height: 32px;
}
.foot_nav ul.cont_1{
	width:100%;
}
.foot_nav ul.cont_2{
	width:41%;
}
.foot_nav ul.cont_2 li{
	float:left;
	color: #fff;
	font-size:16px;
	width:50%;
}

.foot_qrcode {width:14%;}


.footer{
	background:#069;
	color:#fff;
	padding:10px 0;
}
.footer a{color:#fff;}
.path{
	background: #f5f5f5;
	padding:10px 0;
}
.path a{
	color:#333;
}
.container{
	padding: 30px 0 10px;
	min-height: 460px;
	overflow: hidden;
}
.abo_pic{
    border: 5px solid #82a6c9;
    padding: 14px;
    background: #fff;
    float: right;
    margin: 0px 40px 40px 15px;
    box-shadow: 8px 8px 1px #e6e6e6;
    width: 35%;
}
.abo_pic img{
}
ul.nynew{
	clear: both;
	overflow: hidden;
}

ul.nynew li{
	border-bottom:1px dashed #ddd;
	padding:10px 0;
	overflow:hidden;
}
ul.nynew li:hover{
	transition:all 1s;
	background:#f2f2f2;
}
ul.nynew li:hover h3{
	color:#09c;
	font-weight:bold;
}


.nynew a>span{
	width:6%;
	display:block;
	background: #f2f2f2;
	text-align:center;
}
.nynew a>span i{
	display:block;
	font-style:normal;
}
.nynew a>span i.new_d{
	color: #666666;
margin-top: 0.6rem;
	    font-size: 1.5625rem;
}
.nynew a>span i.new_ym{
    color: #999999;
	    font-size: 0.8rem;
margin-bottom: 0.6rem;
}
.nynew li i.fa{
	color:#999;
	margin-top: 15px;
}
.nynew li:hover i.fa{
	transition:all 0.8s;
	transform:rotate(-360deg);
	color:#09c;
	margin-right:20px;
}

.nynew a .new_title{
    width: 78%;
    display: block;
    margin-left: 4%;
    text-align: left;
}
.nynew a .new_title h3{
	font-size: 18px;
	color: #333;
}
.nynew a .new_title p{
	font-size: 0.75rem;
    color: #999;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1.15rem;
    margin-top: 10px;
}
/*公共样式*/
.page_list{
    display: table;
    margin:0 auto;
    padding-top: 40px;
}
.page_list>span{
	display:block;
	background: #09c;
	float:left;
	margin:5px;

}
.page_list span a{
	color:#fff;
	display: block;
	width:100%;
	padding:5px 10px;
}

.page_list span a.on{
	background: #fff;
    border: 1px solid #09c;
    padding: 4px 9px;
    color: #09c;
}
.page_list>span span{
	margin-left:5px;
}
.page_info {
    background: #09c;
    display: table;
    margin: 0 auto;
    color: #fff;
    padding:10px;
    margin-top: 40px;
    border-radius:10px;
}
.page_info span{
	margin:0px 10px;
}
.newshowbox_r_b{
	width:100%;
	padding:20px 0 40px;
	margin-top:20px;
	border-top:1px dashed #ddd;
}
.newshowbox_r_b li{
	width:50%;
}
.newshowbox_r_b a{
	color:#333;
}
.newshowbox_r_b .show_prev_name{
	width:50%;
	float:left;
}
.newshowbox_r_b .show_next_name{
	width:50%;
	float:left;
	text-align:right;
}
.newsshow h1{
	font-size: 24px;
	text-align:center;
	color:#333;
	padding:10px 0 40px;
}
.newsshow .htis{
	border:1px dashed #bbb;
	text-align:center;
	padding:10px 0px;
}
.newsshowtxt{
	line-height: 24px;
	padding-top:40px;
}
.nypro_list{padding-top:20px;}
.nypro_list li{
	float:left;
	width:280px;
	height:240px;
	margin:10px;
	padding:8px;
	border:1px solid #eee;
	text-align:center;
	position:relative;
}
.nypro_list li a{display: block;
}
.nypro_list li a p{
	padding-top: 5px;
    text-align: center;
    color:#333;
	transition:all 1.5s;
}
.nypro_list li a .nyproimg{
	overflow: hidden;
}
.nypro_list li a .nyproimg img{
	height: 200px;
	transition:all 0.8s;
}
.nypro_list li a:hover .nyproimg img{
	transform:scale(1.3);
}
.nypro_list li a:hover p{
	background:rgba(0,170,238,1);
	color:#fff;
	position:absolute;
	line-height:60px;
	bottom:0;
	left:0;
	z-index:1;
	width:100%;
}
.nypro_pic{
	overflow:hidden;
    border-bottom: 1px dashed #666;
    padding-bottom: 20px;
}
.nypro_pic .pro_img{
	width:50%;
	border-right:1px dashed #999;
}
.nypro_pic .pro_img img{
	max-height:400px;
	min-height:300px;
}
.pro_img_txt {
	padding-left:2%;
	width:50%;
}
.pro_img_txt p b{
	font-size:16px;
	color:red;
}
.nypro_pic h2{
	font-size:1.2rem;
	padding-bottom: 20px;
}
.nypro_pic h2 small{
	font-size:14px;
	color:#333;
}
.nypro_pic p{
	line-height: 42px;
	font-size:16px;
}
.subCont .softlist li{
	border-bottom:1px dashed #666;
	padding:10px 0;
	line-height: 30px;
	overflow:hidden;
	transition:all 0.8s;
}
.subCont .softlist li:hover{
	background:#09c;
	color:#fff;
	padding:10px 20px;
}
.subCont .softlist li a{
	color:#333;
}
.subCont .softlist li:hover a{
	color:#fff;
}
.subCont .softlist li span i{
	padding-right:10px;
}
.subCont .softlist li:hover span{
	font-size:16px;
}
#lhwmap{
	width:100%;height:600px;}
#lhwmap img{
	width:100%;
}
.a-top{
	display:none;
	position: fixed;
	right:4%;
	bottom:20%;
	background: #09c;
	color:#fff;
	padding:10px 8px;
	font-size:16px;
	width:36px;
	overflow: hidden;
	text-align:center;
}
.a-top i{
	padding-bottom:10px;
}

/*******  Mobile   ******/


.mob_nav{
		display:none;
	position:relative;
	z-index:9;
}
/*******  Mobile   ******/

.ham{
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	transition:transform 400ms;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}
.hamRotate.active{
	transform:rotate(45deg);
}
.line{
	fill:none;
	transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;
	stroke:#000;
	stroke-width:5.5;
	stroke-linecap:round;
}
.ham1 .top{
	stroke-dasharray:40 139;
}
.ham1 .bottom{
	stroke-dasharray:40 180;
}
.ham1.active .top{
	stroke-dashoffset:-98px;
	stroke:#fff;
}
.ham1.active .bottom{
	stroke-dashoffset:-138px;
	stroke:#fff;
}
.ham1.active .middle{
	stroke:#fff;
}

@media only screen and (max-width: 1200px){
	.layout{
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
		padding:0 2%;
	}
	.header .fl{
		width: 85%;
	}
	.header ul{
		display:none;
	}
	.mob_nav{
		width:10%;
		float:right;
		display:block;
	}
	ul.nav-list {
    width: 100%;
    background: #333;
    height: 100%;
    position: fixed;
    top: 0px;
    z-index: 2;
}
	ul.close-nav {
    display: block;
}
	.header ul li{
	width:100%;
}
	.header ul li a{
	color:#fff;
	line-height: 66px;
	font-size:1.2em;
	height:auto;
}
	.youshi ul li{
		height: 300px;
	}
	.youshi ul li img {
    width: 40%;
	}
	.youshi ul li h3{
	font-size:0.8rem;
	}
	.youshi ul li p{
		width:94%;
	}
	.youshi ul li:nth-child(2) p{
		width:80%;
	}
	.about_left {
	    width: 100%;
	    float:right;
	}
	.about_pic {
	    width: 100%;
	    float:left;
	    padding-bottom: 20px;
	}
	.about_left p{
		width:100%;
		clear:both;
		line-height: 24px;
	}
	.about_left a{
		display:block;
		margin:20px auto;
		text-align:center;
	}
	.products .pro_list{
		display:none;
	}
	.advert h3 {
	    font-size: 1.8em;
	}
	.advert p{
		width:90%;
	}
	.advert a{
		font-size:2.6em;
	}
	.news_pic{
		display:none;
	}
	.news_con {
	    width: 100%;
	}
	.news_con a{
		width: 100%;
	    margin-left: 0;
	}
	.news_con a .new_title h3 {
	    font-size: 1rem;
	}
	.foot_qrcode{
		display:none;
	}
	.foot_nav{
		background-size:contain;
	}
	.foot_nav div.fl{
		width:100%;
		padding-top: 30%;
	}
	.foot_nav div.fl b{
		font-size: 2.4rem;
		top: 10px;
		right:12%;
		text-shadow: 4px 4px 0px #fff;
	}

	.foot_nav div.fl ul li{
		font-size:0.8rem;
	}
	.foot_nav ul.cont_2{
		width:100%;
	}
	.abo_pic{
		padding: 1%;
		margin: 12px 6px 0px 6px;
		width: 45%;
	}
	.pro_list ul{
	    width: 100%;
	}
	.pro_list ul li{
		min-width: 43%;
		margin: 3px 10px;
	}
	.nypro_pic .pro_img{
		width:100%;
		border-right:0;
	}
	.pro_img_txt{
		width:100%;
	}
	.nypro_pic h2 {
    font-size: 1.2rem;
}
	.nypro_pic p {
    line-height: 32px;
    font-size: 0.8rem;
}
	.nynew li i.fa{
		display:none;
	}
	.nynew a>span{
		width: 18%;
	}
	.nynew a .new_title h3{
		font-size: 1rem;
	}
	.newsshow h1 {
    font-size: 1rem;
	}




	.a-top{
		display: none;
	}

}