﻿@charset "utf-8";
body {
	width: 100%;
	font-family: Microsoft Yahei, "微软雅黑";
	font-size: 16px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0px;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

*:not(input, textarea) {
	-webkit-touch-callout: inherit;
	-webkit-user-select: auto;
}

a img,
iframe {
	border: none;
}

ol,
ul {
	list-style: none;
}

ul,
li {
	list-style: none;
}

input[type="button"] {
	-webkit-appearance: none;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: none;
}

dt,
dd {
	display: inline-block;
}

textarea,
input {
	resize: none;
	outline: none;
}

textarea {
	resize: none;
	-webkit-appearance: none;
}

ul,
ol,
li {
	list-style: none;
}

em {
	font-style: normal;
}

.clearfix:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	/* 触发 hasLayout */
	zoom: 1;
	clear: both;
	overflow: hidden;
}

img {
	display: block;
}

.clearfloat {
	clear: both
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

b {
	font-weight: bold;
}

.m0 {
	margin-right: 0 !important;
}

.fl {
	float: left
}

.fr {
	float: right;
}

button:hover {
	cursor: pointer
}

li {
	float: left;
}
/*顶部*/
.header{height: 100px;line-height: 100px;border-bottom: 1px solid #0094d9;}
.header div.fl,.header div.fr{height: 99px;display: flex;align-items: center}
.header div.fl img,.header div.fr img,.header div.fr p{align-items: center;}
.header img.fl{display: inline-block;line-height: 1;}
.header div.fr p{font-size: 14px;float: right;line-height: 24px;margin-left: 10px;}
.header ul{margin-left: 100px;}
.header ul li{padding: 0 20px;}

/*头部*/
.top div.fl ul{display: table;float: left;width: 210px;}
.top div.fl ul li{width: 100%;background: #0094d9;border-bottom: 1px dashed #fff;height: 71px;line-height: 71px;text-align: center;}
.top div.fl ul li a{color: #fff;}
.top .banner{width: 967px;float: right;}

/*产品*/
.product{width: 100%;overflow: hidden;zoom: 1;padding: 50px 0 20px;}
.product .hd{width: 100%;float: left;padding: 30px 0;}
.product .hd li{line-height: 40px;text-align: center;padding: 0 30px;}
.product .hd li.active,.hd li:hover{background: #0094d9;cursor: pointer;color: #fff;}
.product .bd{width: 100%;overflow: hidden;zoom: 1;height: auto;}
.product .bd div{width: 100%;display: none;height: 100%;}
.product .bd ul{margin-left: -15px;}
.product .bd li{width: 285px;margin-left: 18px;margin-bottom: 20px;}
.product .bd li img{width: 100%;}
.product .bd li h6{text-align: center;line-height: 50px;}
.product .bd li:hover{opacity: .5;}

/*优势*/
.advantage h4{font-size: 30px;color: #0094d9;line-height: 50px;text-align: center;}
.advantage h6{color: #a9a9a9;font-size: 14px;text-align: center;}
.advantage .content{display: table;width: 100%;background: url(../images/adv_bg.png) no-repeat center center;margin-top: 30px;}
.advantage .content div.fl{width: 580px;padding: 20px 40px;}
.advantage .content li{width: 100%;margin-top: 20px;}
.advantage .content li h5{color: #444444;}
.advantage .content li h5 font{font-size: 55px;color: #0094d9;}
.advantage .content li p{font-size: 14px;color: #8b8b8b;line-height: 30px;}
.advantage .content .fr{width: 620px;display: flex;align-items: center;height: 531px;}
.advantage .content .fr img{display: block;margin: 0 auto;align-items: center;width: 523px;height: 404px;}

/*关于我们*/
.aboutus h4{font-size: 30px;color: #0094d9;line-height: 120px;margin-top: 20px;}
.aboutus h4 span{font-size: 14px;color: #a9a9a9;}
.aboutus .content img{display: inline-block;width: 577px;height: 361px;}
.aboutus .content div{width: 623px;padding: 0 50px;float: right;}
.aboutus .content div h6{font-size: 20px;color: #333333;line-height: 70px;}
.aboutus .content p{color: #666666;font-size: 14px;line-height: 30px;}

/*新闻资讯*/
.news h4{font-size: 30px;color: #0094d9;line-height: 120px;margin-top: 20px;}
.news h4 span{font-size: 14px;color: #a9a9a9;}
.news .content{display: table;width: 100%;}
.slideBox{ width:576px; height:394px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left: 50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left;margin-right:6px;width:15px;height:15px;background:#fff;cursor:pointer;border-radius: 50%;}
.slideBox .hd ul li.on{ background:#0094d9;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-50px; display:block; font-size: 70px; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
.news div.fr{width: 566px;}
.news div.fr li{clear: both;width: 100%;padding-bottom: 11px;margin-bottom: 11px;border-bottom: 1px solid #eee;box-sizing: border-box;overflow: hidden;}
.news div.fr li a{font-size: 14px;color: #333333;}
.news div.fr li a time{float: right;}

/*底部*/
.footer{background: url(/skin/img/footer.png) no-repeat center center;display: table;width: 100%;padding: 60px 0 40px;margin-top: 70px;}
.footer .w1200{padding: 0 160px;}
.footer h5{font-size: 18px;color: #0094d9;line-height: 60px;}
.footer .fleft{width: 230px;}
.footer .fleft p{color: #d7d7d7;font-size: 14px;line-height: 40px;}
.footer .fm{width: 265px;margin: 0 110px;}
.footer .fm img{display: block;margin-bottom: 30px;}
.footer .fm a{color: #fff;font-size: 14px;line-height: 30px;}
.footer .fright{width: 130px;}
.footer .fright li{height: 40px;line-height: 40px;width: 100%;}
.footer .fright li a{color: #d7d7d7;font-size: 14px;}
.bottom{height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #0094d9;text-align: center;}

/*新闻列表*/
.news_list{display: table;width: 100%;padding: 60px 0 40px;}
.news_list h4{font-size: 30px;color: #0094d9;height: 40px;text-align: center;}
.news_list h6{font-size: 14px;color: #a9a9a9;height: 30px;text-align: center;}
.news_list ul{display: table;width: 100%;margin-top: 30px;}
.news_list ul li .left{width: 240px;}
.news_list ul li .left time{display: block;font-size: 18px;float: right;}
.news_list ul li .left a{display: block;width: 240px;overflow: hidden;}
.news_list ul li .left a img{width: 100%;margin: 30px 0;height: 160px;}
.news_list ul li .right{border-left: 1px solid #ccc;padding: 0 40px 0 20px;margin-left: 20px;height: 260px;color: #333;width: 940px;}
.news_list ul li .right h5{margin-left: -27px;height: 20px;}
.news_list ul li .right h5 span{display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: #ccc;margin-right: 14px;}
.news_list ul li .right h5 a{font-size: 18px;height: 20px;line-height: 20px;color: #333;}
.news_list ul li .right font{display: block;background: #0094d9;height: 4px;width: 40px;margin: 10px 0;}
.news_list ul li .right>span{font-size: 12px;display: block;height: 30px;line-height: 30px;}
.news_list ul li .right p{font-size: 14px;color: #999;line-height: 1.5;overflow: hidden;margin-top: 26px;}
.news_list ul li .right>a{display: block;height: 42px;line-height: 42px;background: #0094d9;width: 156px;font-size: 14px;color: #fff;margin-top: 30px;text-align: center;}
.page{height: 60px;background: url(../images/page.png) no-repeat top center;}

/*新闻详情页*/
.news_detail{padding: 40px 0;clear:both;}
.news_detail h4{font-size: 36px;margin-bottom: 20px;text-align: center;}
.news_detail h6{font-size: 12px;color: #999;text-align: center;}
.news_detail .cont{width: 99%;border: 1px solid #e1e1e7;margin: 30px auto;overflow: hidden;box-sizing: border-box;padding: 18px;border-left: 4px solid #e1e1e7;}
.news_detail .content{padding:40px 0 60px;}
.news_detail .content p{line-height: 1.5;}

/*案例展示*/
.case{clear: both;padding-top: 40px;}
.case h4{font-size: 30px;color: #0094d9;height: 40px;text-align: center;}
.case h6{font-size: 14px;color: #a9a9a9;height: 30px;text-align: center;}
.case ul{margin-left: -24px;padding: 30px 0 0;display: table;}
.case ul li{width: 280px;margin-left: 24px;margin-bottom: 10px;}
.case ul li img{display: block;width: 280px;height: 280px;}
.case ul li b{text-align: center;font-size: 16px;height: 40px;line-height: 40px;display: block;}

/*关于我们*/
.aboutus_detail{clear: both;padding-top: 40px;}
.aboutus_detail h4{font-size: 30px;color: #0094d9;height: 40px;text-align: center;}
.aboutus_detail h6{font-size: 14px;color: #a9a9a9;height: 30px;text-align: center;}
.aboutus_detail .content{margin-top: 40px;}
.aboutus_detail .content img{display: inline-block;width: 577px;height: 361px;}
.aboutus_detail .content div{width: 623px;padding: 30px 50px 0;float: right;}
.aboutus_detail .content div h6{font-size: 20px;color: #333333;line-height: 70px;}
.aboutus_detail .content p{color: #666666;font-size: 14px;line-height: 30px;}

/*产品展示列表*/
.product_list{clear: both;padding-top: 40px;}
.product_list h4{font-size: 30px;color: #0094d9;height: 40px;text-align: center;}
.product_list h6{font-size: 14px;color: #a9a9a9;height: 30px;text-align: center;}
.product_list .hd{width: 100%;float: left;padding: 30px 0;}
.product_list .hd li{line-height: 40px;text-align: center;padding: 0 30px;}
.product_list .hd li.active,.hd li:hover{background: #0094d9;cursor: pointer;color: #fff;}
.product_list .bd{width: 100%;overflow: hidden;zoom: 1;height: auto;}
.product_list .bd div{width: 100%;display: none;height: 100%;}
.product_list .bd ul{margin-left: -15px;}
.product_list .bd li{width: 285px;margin-left: 18px;margin-bottom: 20px;}
.product_list .bd li img{width: 100%;}
.product_list .bd li h6{text-align: center;line-height: 50px;}
.product_list .bd li:hover{opacity: .5;}


/*产品详情*/
.product_detail{clear: both;padding-top: 40px;}
.product_detail h4{font-size: 24px;text-align: center;margin-bottom: 30px;}


form p{margin-bottom: 15px;height: 30px;line-height: 1;}
form span{display: inline-block;width: 90px;text-align: right;}
form p input{border: 1px solid #ccc;height: 30px;width: 400px;}
form .ly span{float: left;}
form textarea{width: 400px;border: 1px solid #ccc;}
form input[type="submit"],form input[type="reset"]{width: 120px;height: 36px;line-height: 1;margin-right: 30px;margin-top: 20px;border: 1px solid #ccc;border-radius: 5px;}

@media only screen and (max-width: 414px) {
	form p input{width: 65%;}
	form textarea{width:65%;}
	form input[type="submit"],form input[type="reset"]{width: 40%;height: 30px;font-size: 14px;margin: 20px 3% 20px;}
	form div{text-align: center;}
	form div>span{display: none;}
	form .ly{text-align: left;}
	form .ly>span{display: inline-block;}
}






