*{
	font-family: "微软雅黑";
}

a{
	text-decoration: none;
}

li{
	list-style: none;
}

body{
	margin: 0 auto;
}


.top_2:hover a{color: #fff;text-decoration: none;}
.top_1{min-width: 1200px; max-width: 100%; margin: 0 auto; height:50px;background: #018066;}
.top_1 ul{list-style: none;width: 1200px; margin: 0 auto;}
.top_1 ul li{float: left; text-align: center;}
.top_1 ul li:hover {border-bottom: 3px solid #fff;}
.top_1 ul li a{color: #fff;}
.banner{ max-width: 100%; min-width: 1200px;  margin: 0 auto; height: auto; position: relative; margin: 0 auto; overflow: hidden; }
.datu{max-width: 100%; min-width: 1300px;margin: 0 auto; height:100%; overflow: hidden;}
.datu li img{height:auto;width: 100%;}
.datu .d1{ display: block; width:100%; height:100%; position: absolute; left:0; top: 0px; }
.d2{ width: 150px; height: 50px; position: absolute; left: 50%; margin-left: -75px; z-index: 100; bottom:0px; }
.d2 li{ cursor:pointer; float: left; width: 15px; height: 15px; border-radius: 50%; background: #018066; color: #fff; font-size: 14px; line-height: 30px; text-align: center; margin: 0 10px; font-weight: bold; }
.d2 li.nuw{ background: #fff; }
.sou_left_2:hover a{text-decoration: none; color:#fd9212}
#container{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
}

#logo{
	width: 1182px;
	margin: 0 auto;
	text-align: center;
}

#logo img{
	width: auto;
}

#nav{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	height: 53px;
	background: #0078c4;
	line-height: 53px;
}

#navm{
	width: 1180px;
	margin: 0 auto;
	height: 53px;
}

#nav a{
	width: 186px;
	float: left;
	height: 53px;
	display: inline-block;
	text-align:center;
	color: #fff;
}

#nav a:hover,#nav a.on{
	background: orange;
}

#banner{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	text-align: center;
}

#banner img{
	width: 100%;
}

#c{
	clear: both;
	height: 5px;
}

#cptb{
	width: 1175px;
	height: 84px;
	text-align: center;
	margin: 0 auto;
}

#pro{
	width: 1180px;
	margin: 0 auto;
}

#prol{
	width: 240px;
	float: left;
	background: #0078c4;
	padding-bottom: 10px;
}

#proltb{
	width: 240px;
	height: 75px;
	background: url(../images/12.png);
}

#syfl{
	width: 240px;
	height: 44px;
	background: #0078c4;
	line-height: 44px;
	font-size: 14px;
}

#syfl a{
	color: #fff;
	padding-left: 36px;
}
 #syfl:hover{background-color: #f1410c;}
#syfl:hover a{font-weight: bold;}
#lianxi{
	width: 224px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}

#pror{
	width: 910px;
	float: right;
}

#sycp{
	width: 285px;
	height: 256px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
  text-align:center;
}

#cpimg{
	width: 283px;
	height: 216px;
	border: 1px solid #d9d9d9;
	overflow: hidden;
}

#cpwz{
	width: 285px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #0078c4;
}

#sycp a{
	color: #fff;
}

#sycp img{
	width: 283px;
	height: 216px;
	transition: all 0.4s;
}

#sycp:hover img{
	transform: scale(1.1);
}

#case{
	width: 1180px;
	margin: 0 auto;
}

#cstb{
	width: 1177px;
	height: 142px;
	background: url(../images/22.png);
	margin: 0 auto;
}

#cl{
	width: 289px;
	height: 241px;
	float: left;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
}

#climg{
	width: 287px;
	height: 239px;
	border: 1px solid #ccc;
	overflow: hidden;
}

#cl img{
	width: 287px;
	height: 239px;
	transition: all 0.4s;
}

#clwz{
	width: 269px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-left: 10px;
	padding-right: 10px;
	    background: #125ba0;
}

#clwz a{
	color: #fff;
}

#cl:hover img{
	transform: scale(1.1);
}

#jt{
	float: right;
}

#youshi{
	width: 1180px;
	margin: 0 auto;
	text-align: center;
}

#youshi img{
	width: 100%;
	display: block;
}

#y1{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	background: url(../images/32.png) top center;
	height: 160px;
}

#y2{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	background: url(../images/33.png) top center;
	height: 374px;
}

#y3{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	background: url(../images/34.png) top center;
	height: 382px;
}

#y4{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	background: url(../images/35.png) top center;
	height: 376px;
}

#pingjia{
	width: 1180px;
	margin: 0 auto;
}

#pjtb{
	width: 575px;
	height: 86px;
	margin: 10px auto;
	background: url(../images/38.png);
}

#pl{
	width: 268px;
	height: 168px;
	float: left;
	border: 1px solid #ccc;
	float: left;
	text-align: center;
	overflow: hidden;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#pl img{
	width: 268px;
	height: 168px;
	transition: all 0.4s;
}

#pl:hover img{
	transform: scale(1.1);
}

#about{
	width: 1180px;
	margin: 0 auto;
}

#abtb{
	width: 337px;
    height: 67px;
	background: url(../images/42.png);
	margin: 0 auto;
}

#aboutl{
	width: 617px;
    float: left;
    overflow: hidden;
    height: 278px;
}
#aboutl img{width:100%;}
#aboutr{
	width: 551px;
	float: right;
	font-size: 15px;
	line-height: 40px;
	color: #999;
}

#news{
	width: 1180px;
	margin: 10px auto;
}

#newsl{
	width: 851px;
	height: 320px;
	float: left;
	border: 1px solid #ccc;
}

#newsltb{
	width: 851px;
	height: 47px;
	background: url(../images/nl.png);
}

#limg{
	width: 322px;
	height: 247px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
	float: left;
}

#lnr{
	float: right;
	width: 490px;
	margin-right: 10px;
}

#ldbt{
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
}

#ldbt a{
	color: #004491;
}

#ldes{
	font-size: 14px;
	line-height: 35px;
}

#ldes a{
	color: #000;
}

#xmore{
	width: 125px;
	height: 40px;
	border-radius: 10px;
	background: #0150a9;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	margin-top: 10px;
}

#xmore a{
	color: #fff;
}

#newsr{
	width: 305px;
	height: 320px;
	float: right;
	border: 1px solid #ccc; 
}

#newsrtb{
	width: 305px;
	height: 47px;
	background: url(../images/nr.png);
}

#syxw{
	line-height: 38px;
	font-size: 14px;
	padding-left: 10px;
}

#syxw a{
	color: #000;
}

#jh{
	color: #004491;
	padding-right: 7px;
}

#sysj{
	float: right;
	padding-right: 8px;
}

#footer{
	max-width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	height: 480px;
	background: url(../images/foot.png);
	margin-top: 53px;
}

#ftm{
	width: 1180px;
	margin: 0 auto;
	height: 480px;
}

#ftl{
	width: 408px;
	height: 480px;
	float: left;
	background: #f1f1f1;
}

#ftr{
	width: 698px;
	margin-top: 140px;
	float: right;
}

#fnav{
	width: 698px;
	height: 43px;
	line-height: 43px;
	background: #fefeff;
	font-size: 15px;
}

#fnav a{
	width: 96px;
	float: left;
	height: 43px;
	display: inline-block;
	text-align: center;
	color: #0864af;
}

#ftx{
	width: 698px;
	margin-top: 20px; 
}

#xl{
	line-height: 38px;
	font-size: 15px;
	color: #fff;
	    width: 507px;
    float: left;
 }

#xr{
	width: 163px;
	height: 163px;
	float: right;
	margin-top: 20px;
}

#xr img{
	width: 163px;
	height: 163px;
}

#bq{
	width: 100%;
	height: 65px;
	text-align: center;
	line-height: 65px;
	font-size: 15px;
	background: #004d8b;
	color: #fff;
}

#mdfy{
	width: 1180px;
	height: auto;
	margin: 10px auto;
}

#fyleft{
	width: 242px;
	float: left;
}

#fylefts{
	width: 242px;
	float: left;
}

#fyleftstb{
	width: 242px;
	height: 32px;
	border-top: 1px solid #3cb781;
	border-bottom: 1px solid #3cb781;
	color: #044690;
	font-weight: bold;
	line-height: 32px;
	font-size: 13px;
	text-align: center;
}

#fyleftx{
	width: 242px;
	height: 250px;
	margin-top: 15px;
	float: left;
}

#fyleftxtb{
	width: 242px;
	height: 32px;
	border-top: 1px solid #3cb781;
	border-bottom: 1px solid #3cb781;
	color: #044690;
	font-weight: bold;
	line-height: 32px;
	font-size: 13px;
	text-align: center;
}

#fyright{
	width: 1180px;
	float: right;
}

#fytb{
	width: 1180px;
	height: 80px;
	line-height: 80px;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #0078c4;
 
}

#fywz{
	font-size: 13px;
	font-weight: bold;
	line-height: 32px;
	color: #024890;
}

#fywz a{
	color: #024890;
}

#fycp{
	width: 265px;
	height: 250px;
	float: left;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 25px;
}

#fycp img{
	width: 265px;
	height: 220px;
}

#fynr{
	width: 1180px;
	height: auto;
	font-size: 13px;
	line-height: 30px;
	padding-top: 10px;
}

#fynr a{
	color: #000;
	font-size: 13px;
}

.dede_pages{
	width: 1180px;
	height: 100px;
	text-align: right;
	float: left;
	font-size: 13px;
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#AB1C1C;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

small a{
	color: green;
}

#fyfl{
	width: 242px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-size: 18px;
    float: left;
    font-weight: bold;
    background: #40af15;
    border-radius: 5px;
    margin: 2px auto;
}

#fyfl a{
	color: #fff;
}

#zj{
	max-width: 100%;
	min-width: 1180px;
	margin: 20px auto;
	text-align: center;
}

#zj img{
	max-width: 100%;
	min-width: 1180px;
}

#nyxw{
		width: 97%;
		height: 130px;
		margin-top: 20px;
		margin-bottom: 20px;
		background: #ccc;
		padding-left: 3%;
	}

	#nyimg{
		width: 23%;
		height: 140px;
		float: left;
		overflow: hidden;
		margin-right: 2%;
		margin-top: 40px;
	}

	#nyimg img{
		width: 100%;
		height: 100%;
		transition: all 0.5s;
	}

	#nyimg img:hover{
		transform: scale(1.1);
	}

	#nyxwnr{
		width: 100%;
		margin-top: 10px;
		float: left;
	}

	#nyxwdbt{
		line-height: 35px;
		font-size: 18px !important;
		font-weight: bold !important;
		width: 100%;
	}

	#nyxwdbt a{
		font-size: 16px !important;
		font-weight: bold !important;
	}

	#nyxw p{
		color: #999;
		margin-top: 0;
	}

	#nyxwgd{
		float: right;
		width: 49px;
		height: 180px;
		font-size: 80px;
		line-height: 180px;
	}

	#nyxwgd a{
		color: #999;
	}

	#sx{
		width: 90%;
		margin-left: 5%;
		margin-right: 5px;
		line-height: 35px;
	}	

#ii img{
	width: 60%;
}

#fenlei{
	width: 1180px;
	margin: 0 auto;
}

#fenlei a{
	width: 196px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	text-align: center;
	float: left;
	color: #000;
	background: #f3f5f7;
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: 7px;
}
/* .foot-form tr{height: 58px;} */
.foot-form tr input{margin-bottom: 14px;}
.foot-form .coolbg{background: #0864af; color: white; border: none; width: 38%; line-height: 33px; font-size: 14px; margin-left: 55px; margin-top: 9px;}
#marqueediv1{height: 2286px !important;}
/* banner */
.swiper-banner { min-width: 1180px; --swiper-navigation-color: #ffffff; --swiper-navigation-size: 20px; }
.swiper-banner .swiper-container .swiper-wrapper { height: auto; }
.swiper-banner .swiper-slide { height: 300px; min-width: 1180px; }
.swiper-banner .swiper-slide img { display: block; width: 100%; min-width: 1180px; }
.swiper-banner .swiper-slide-active { height: auto; }
.swiper-banner .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 0; background: #ffffff; opacity: 1; margin: 0px 6px !important; }
.swiper-banner .swiper-pagination-bullet-active { background: #1c56a8; }
.swiper-banner .swiper-button-next { transition: 0.4s all; width: 50px; height: 50px; border-radius: 50%; background-size: 30%; right: 15px; background-color: rgba(0, 0, 0, 0.5); }
.swiper-banner .swiper-button-prev { transition: 0.4s all; width: 50px; height: 50px; border-radius: 50%; background-size: 30%; left: 15px; background-color: rgba(0, 0, 0, 0.5); }
.swiper-banner .banner-bullet { width: 20px; height: 10px; display: inline-block; background: rgba(255, 255, 255, 0.5); border-radius: 10px; margin: 0px 6px; transition: 0.7s all; }
.swiper-banner .banner-bullet-active { width: 30px; background-color: #0078c4; transition: 0.7s all; }
.swiper-banner .swiper-wrapper { height:auto; }

/*产品展示三级页*/
.show {
  display: block !important;width: 1180px;margin: 0 auto;
}
.cont_title h3{font-size: 20px;color: #333;text-align: center;line-height: 2;margin-bottom: 10px;}
.cont_title p{font-size: 14px;color: #666;text-align: center;margin-bottom: 20px;}
.cont_title{border-bottom: 1px dashed #cdcdcd;margin-top:30px;margin-bottom: 40px;}
.content p{font-size: 15px;color: #666;line-height: 2;}
.content{width: 1180px;margin: 0 auto;}
.content img{margin:0 auto;}

.side{position:fixed;width:78px;right:0;top:70%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0082d0;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul{padding:0;margin:0;}
.side ul li a{color:black;}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0082d0;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{background-size:100%;width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width: 298px; height: 199px; display: none; color: #fff; text-align: left; position: absolute; left: -299px; top: -41px; background: #0082d0;}
.side ul li.sideetel .telBox dd{display:block;height:92.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;color: #fff;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:14px;font-size:18px;color: white;}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0082d0}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul #yuyueshow .ewBox.son2{background-size:100%;width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/dingding.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li:hover .son2{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}