*{margin: 0px;padding: 0px;}
body{background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a{text-decoration: none;}
li{list-style-type:none;}
img{border:0px;display: block;}
ul,ol{list-style-type: none;list-style-image: none;}

.head{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}
.head .name{
	float: left;
	width:50%;
	margin-top: 3%;
	margin-left: 2%;
	margin-bottom: 2%;
}
.head .name img{
	width: 100%;
}
.head .tel{
	float: right;
	width: 40%;
	margin-top: 4%;
 	margin-right:2%;
	margin-bottom: 2%;
}
.head .tel img{
	width: 100%;
}
.nav{
	width: 100%;
	height: 40px;
	background: #1c71c7;
	float: left;
}
.nav ul li{
	float: left;
	width:29%;
	line-height: 40px;
	text-align: center;
	position: relative;
}
.nav ul li:last-child{
	width: 13%;
}
.nav ul li:last-child img{
	margin:0 auto;
	margin-top: 12px;
}
.nav ul li a{
	color:#fff;
	font-size: 15px;
}
.nav ul li:after{
	width:3px;
	content: "";
	height: 15px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 13px;
}
.nav ul li:last-child:after{
	width: 0;
	height: 0;
}
.slider{
	display:none;
}
.focus span{
	width:10px;
	height:10px;
	margin-right:10px;
	border-radius:50%;
	background:#666;
	font-size:0}
.focus span.current{
	background:#fff
}
.case{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.title{
	width: 100%;
	height: 40px;
	background: #1c71c7;
}
.title img{
	float: left;
	margin:9px;
}
.title p{
	float: left;
	line-height: 40px;
	color:#fff;
	font-size: 15px;
}
.title a{
	float: right;
	line-height: 40px;
	color:#fff;
	font-size: 13px;
	margin-right: 5px;
	display: block;
	background: url(../images/icon.png)60px 15px no-repeat;
	width:77px;
}
.case ul li{
	width: 45%;
	float: left;
	height: auto;
	overflow: hidden;
	margin-left:3.5%;
	margin-top:4%;
}
.case ul li p{
	width: 80%;
	height: 30px;
	background: #eeeeee;
	margin:0 auto;
	margin-top:-10px;
	position: relative;
	z-index: 100;
	text-align: center;
	line-height: 30px;
	color:#1a1a1a;

}
.case ul li img{
	width: 100%;
	height:132px;
	overflow: hidden;
}
.adv{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 5%;
}
.adv .title span{
	display: block;
	text-align: center;
	line-height: 40px;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
.adv .box{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg01.png)no-repeat center;
	background-size: 100% 100%;
}
.adv ul{
	width: 95%;
	height: auto;
	overflow: hidden;
	margin:0 auto;

}
.adv ul li {
	 width: 100%;
	 height: auto;
	 overflow: hidden;
	 background: rgba(127,204,205,0.5);
	 margin-top: 15px;
}
.adv ul li .tit{
	width: 98%;
	height: 30px;
	margin-left: 2%;
}
.adv ul li .tit img{
	float: left;
	height: 15px;
	margin-top:7px;
}
.adv ul li .tit p{
	font-size: 15px;
	color:#e51717;
	font-weight: bold;
	line-height: 30px;
	margin-left: 2px;
	float: left;
}
.adv ul li .info{
	width:98%;
	margin:0 auto;
	height: auto;
	overflow: hidden;
 	position: relative;
	margin-top: 2%;
	margin-bottom: 3%;
 
}
.adv ul li .info img{
	width: 45%;
	margin-top:1%;
	float: left;
	vertical-align:middle;

}
.adv ul li .info p{
	float: left;
	width: 50%;
	float: right;
	 
}
.about{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 3%;

}
.about .box{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg02.png)no-repeat center;
	background-size: 100% 100%;
	margin-top: 3%;
}
.about .box .text{
	width: 94%;
	margin:3%;
	background: rgba(231,231,233,0.5);
	float: left;
}
.about .box .text p{
	width: 90%;
	margin:5%;
	font-size: 12px;
	color:#1a1a1a;
	line-height: 20px;
}
.qfion{
	margin-top: 3%;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.qfion .show{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #eeeeee;
	margin-top: 2%;
}
.qfion .show .box{
	width: 600%;
}
.qfion .show .pic{
	float: left;
	width: 50%;
}
.qfion .show ul li{
	width: 12%;
	float: left;
	margin-left: 2.2%;
	margin-top:1%;
 
}
.qfion .show ul li img{
	width: 100%;
	height: 82px;
}
.qfion .show ul li p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	color:#1a1a1a;
}
.product{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 3%;
	background: #eeeeee;
}
.product .tab{
	width: 100%;
	height: 40px;
	background: #fff;
}
.product .tab ul{
	width: 85%;
	margin:0 auto;
}
.product .tab ul li{
	float: left;
	width: 25%;
	float: left;
	height: auto;
	overflow: hidden;
	text-align: center;
	height: 35px;
	line-height: 35px;
	margin-top: 5px;
}
.product .tab ul li a{
	color:#1a1a1a;
	font-size: 13px;
}
.product .tab ul .on{
	background: #1c71c7;
}
.product .tab ul .on a{
	color:#fff;
}
.product .bd{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 2%;
}
.product .bd ul li{
	width: 30%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 3%;
	margin-left:2.5%;
}
.product .bd ul li img{
	width: 100%;
	height: 140px;
}
.product .bd ul li  p{
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: #999999;
	text-align: center;
	color:#fff;
}
.news{
	width: 100%;
	height:auto;
	overflow: hidden;
	margin-top: 3%;
}
.news .box{
	width:100%;
	height: auto;
	overflow: hidden;
	background: #eeeeee;
    margin-top:2%;
}
.news .box  .on{
	width: 96%;
	margin:0 auto;
}
.news .box ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 3%;
}
.news .box ul li .time{
	width: 20%;
	height: auto;
	overflow: hidden;
	background: #999999;
	float: left;
}
.news .box ul li .info{
	float: right;
	width: 75%;

}
.news .box ul li .time p{
	font-size: 15px;
	color:#fff;
	text-align: center;
	margin-top: 5px;
}
.news .box ul li .time  span{
	display: block;
	margin-top: 5px;
	text-align: center;
	font-size: 13px;
	color:#fff;
	margin-bottom:5px;
}
.news .box ul li h4{
	font-size: 14px;
	color:#1a1a1a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 3px;
}
.news .box ul li .info p{
	font-size: 14px;
	color:#666666;
	margin-top: 3px;
	height: 20px;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news .box  .list{
	width: 96%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	margin-bottom: 2%;
}
.news .box  .list ul li{
	width: 100%;
	height: 20px;
	line-height: 20px;
	position: relative;
}
.news .box  .list ul li:after{
	content:"※";
	position: absolute;
	left: 0;
	font-size:15px;
	color:#1a1a1a;

}
.news .box  .list ul li a{
	display: block;
	float: left;
	width: 70%;
	font-size: 13px;
	margin-left:4%;
	color:#1a1a1a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news .box  .list ul li span{
	float: right;
	font-size: 13px;
}
.kdg{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 3%;
}
.kdg .box{
	width: 100%;
	height: auto;
	overflow: hidden; 
	margin-top: 2%;
	background: #eeeeee;
}
.kdg ul {
	width: 96%;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 3%;
}
.kdg ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.kdg ul li .q{
	width: 100%;
	height: 20px;
}
.kdg ul li .q img{
	float: left;
}
.kdg ul li .q p{
	font-size: 15px;
	float: left;
	color:#1a1a1a;
	margin-left: 5px;
}
.kdg ul li .p{
	width: 100%;
}
.kdg ul li .a img{
	float: left;
}
.kdg ul li .a p{
	float: left;
	width: 90%;
	color:#1a1a1a;
	font-size: 13px;
	margin-left:5px;
}
.kdg ul li .a {
	margin-top: 5px;
}
.footer{
	width: 100%;
	height: auto;
	overflow:hidden;
	margin-bottom: 15%;
	margin-top: 3%;
}
.footer .gotop{
	width: 100%;
	height: 40px;
	background: #999999;
}
.footer .gotop div{
	width: 25%;
	margin:0 auto;
}
.footer .gotop img{
	float: left;
	margin-top:10px;
}
.footer .gotop  p{
	float: left;
	margin-left:5px;
	line-height: 40px;
	color:#fff;
	font-size: 13px;
}
.footer .text {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 2%;

}
.footer .text p{
	text-align: center;
	line-height:20px;
	color:#1a1a1a;
}
.footer .ewm{
	width: 90px;
	height: 110px;
	margin:0 auto;
	margin-top: 3%;
}
.footer .ewm p{
	font-size: 12px;
	color:#1a1a1a;
	text-align: center;
}
.footer-nav{
	width: 100%;
	height: 40px;
	overflow: hidden;
	background: #1c71c7;
	position:fixed;
	bottom: 0;
}
.footer-nav ul li{
	float: left;
	width: 25%;
 	height: 40px;
	position: relative;
}
.footer-nav ul li:after{
	content:"";
	width: 1px;
	height: 40px;
	background: #fff;
	position: absolute;
	right: 0;
}
.footer-nav ul li:last-child:after{
	width: 0;
}
.footer-nav ul li:nth-child(2) img{
	margin-top:12px;
}
.footer-nav ul li p{
	float: left;
	margin-left:7%;
	margin-top: 10px;
	font-size: 15px;
	color:#fff;
}
.footer-nav ul li img{
     float: left;
     margin-top:7px;
     margin-left: 15px;
}
.fy{width:95%;line-height:30px; font-size:12px; text-align:left; padding-left:5%;}
.dede_pages{ margin:20px auto; text-align:center;}
.pagelist li{ color:#000; text-decoration:none; margin:5 8px; margin-right:5px; display:inline-block;}
.pagelist li a:link,.fy a:link{ color:#000; text-decoration:none;}
.pagelist li a:visited,.fy a:visited{ color:#000; text-decoration:none;}
.pagelist li a:hover,.fy a:hover{ color:#f00; text-decoration:none;}
.news h3,.product h4,.case h4{ text-align:center; line-height:30px; font-size:15px;}
.product_cont,.news_content,.about_cont1{ width:96%; margin:2%;}
.productimg img{ max-width:100%; margin:0px auto;}
.current{ display:block; width:100%; height:100%;background:#222222;}
.p_c{ text-align:center;}
@media only screen and (max-device-width: 320px){
	 .adv ul li .info img{
	 	position: absolute;
	 	height: 86px;
	 	top: 50%;
	 	margin-top: -43px;
	 }
	 .adv ul li .tit p {
	 	font-size: 14px;
	 }
	 .case ul li img{
	 	height: 118px;
	 }
	 .qfion .show ul li img{
	 	height: 73px;
	 }
	 .product .bd ul li img{
	 	height: 124px;
	 }
}
@media only screen and (min-device-width: 375px){
	 .adv ul li .info p{
	 	margin-top:1%;
	 	font-size: 12px;
	 	color:#1a1a1a;
	 	line-height:20px;
	 }
	 .case ul li img{
	 	height: 138px;
	 }
	 .qfion .show ul li img{
	 	height: 86px;
	 }
	 .product .bd ul li img{
	 	height: 146px;
	 }
}	
@media only screen and (min-device-width:412px){
	.adv ul li .info p{
		margin-top: 3%;
		font-size: 12px;
		color:#1a1a1a;
		line-height:20px;
	}
	 .case ul li img{
	 	height: 152px;
	 }
	 .qfion .show ul li img{
	 	height: 94px;
	 }
	 .product .bd ul li img{
	 	height: 161px;
	 }
}