/* 本例子css */
.slideTxtBox{ width:100%;  text-align:left;margin-bottom:50px;}
.slideTxtBox .hd{ height:40px; line-height:40px;  background-image:url(../images/bb.jpg);cursor:pointer;padding:0 10px 0 20px;  position:relative}
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:40px}
.slideTxtBox .hd ul li{ float:left; padding:0 50px; cursor:pointer;font-size:18px;}
.slideTxtBox .hd ul li.on{ height:40px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff}
a{ text-decoration:none; color:#333}
a:hover{ color:#1974A1}
.slideTxtBox .bd ul{height:550px;border:0px;}
.slideTxtBox .bd ul li{float:left;margin:15px 7px;background:#fff; border:1px solid #ddd;text-align: center;line-height:30px;font-size:16px;white-space: normal;width:266px; height:260px;}
.slideTxtBox .bd ul li img{height:190px;width:265px;}
.slideTxtBox .bd ul li:nth-child(1){ margin-left:0}
.slideTxtBox .bd ul li:nth-child(5n){ margin-right:0}
.slideTxtBox .bd ul li:nth-child(6n){ margin-left:0}


*{margin:0px;padding:0px;}body{background:#ffffff;margin:0px;padding:0px;text-decoration:none;font-variant:normal;font-family:'Microsoft YaHei';}a:link,a:visited,a:hover,a:active{text-decoration:none;}a{text-decoration:none;}li{list-style-type:none;}ul,ol{list-style-type:none;list-style-image:none;}input[type="button"],input[type="submit"],input[type="reset"],input[type="text"]{-webkit-appearance:none;}textarea{-webkit-appearance:none;}select{-webkit-appearance:none;}html{font-size:12px;}

body { background: #4498f0;}

.main{
	width: 1400px;
	margin:0 auto;
}
table
{
    border-collapse:collapse;
}
table,th, td
{
    border: 1px solid black;
}
.quanbu{
	width: 1440px;
	margin:0 auto;background: #fff;
}
.head{
	width: 1440px;
	height:107px;
	background: #fff; margin:0px auto;
 
}

.head  .logo{
	float: left;
}
.head  .logo img{
	display: block;
}

.head .nav{
	float: left; 
}
 



.img-box{
	overflow: hidden;
}
.img-box img{
	transition: .5s;
}
#language{ width:140px; height:30px; background:url(../images/language.png) right center no-repeat;margin-left:10px; float:right;}
#language span{ display:block; float:left; width:50px; ;height:30px; line-height:30px;}
#language a{ display:block; width:32px; height:30px; float:left; margin-right:12px;}
.qiehua{ width:180px; height:35px;  right:0px; position:relative; float:right;}
.qiehua li{ list-style:none; float:left;}

.banner{
	width:1400px;margin: 0 auto;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 1 !important;
}
.banner  .swiper-wrapper  img{
	display: block;
	width:1400px;margin: 0 auto;
}

.mbanner{
	display: none;
}

.in-banner{
	width: 100%;
}

.in-banner img{
	display: block;
	width: 100%;
}
.banner .swiper-pagination{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.banner .swiper-pagination span{
	border-radius :50%;width:15px;height:15px;
	background: #eee;
	display: block;
	margin: 0 3px;
	 
}
 
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background: #0079C5;
}
 
.title{
 
}
.title h4{
	color: #333333;
	font-size: 36px;
	text-align: center;
}
.title b{
	color: #0677f1;
}
.title p{
	color:#595959;
	text-align:center;
	font-size: 18px;
	margin-top: 10px;
}
.title img{
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}
.title span{
	text-align: center;
	color: #cc161d;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

.product{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 55px;
}

.product .more{
	display: none;
}



.gg{
	width: 100%;
	height:200px;
	background: url(../images/gg.jpg) no-repeat center;
	margin-top: 40px;

}






.about .list .tit {
		color:#666666;
		overflow: hidden;
		font-size:18px; font-weight:normal;margin-top: 15px;background:#1781d5;
		
	}
.about .list .tit .line1{
		
		color:#fff;
		color:#fff; float:left; width:10%;
		font-size:22px;  
		text-align:center;
		line-height:50px;
	}
		.about .list .tit .line a{
		
		color:#fff; float:right;width:10%;line-height:50px; font-size:12px;
		 
	}

.about{
	width: 100%;
	height: auto;
	 
	 
	
}
.about .title{
	margin-top: 60px;
}


.about .intro{
	float: left;
	width: 700px;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.about .intro .tit h4{
	
	font-size: 30px;
}
.about .intro .tit p{
	
	font-size: 18px;
	font-family: 'Arial';
	text-transform:uppercase;
	margin-top: 15px;
	letter-spacing: 2px;
}
.about .intro .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
	color: #666666;
	height: 210px;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp:7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.about .intro a{
	display: block;
	width: 220px;
	height: 55px;
	border: 1px solid #D2D2D2;
	line-height: 55px;
	text-align: center;
	font-size: 15px;
	color: #999999;
	margin-top: 45px;
}

.about .pic{
	float: right;
	margin-top: 60px;
	box-shadow: 0 0 5px 2px #23222257;
}
.about .pic img{
	display: block;
	width: 648px;
	height: 415px;
}
.cases{
	width: 1400px;
	margin: 0px auto;
	overflow: hidden;
	
}

.cases .list .tit {
		color:#666666;
		overflow: hidden;
		font-size:18px; font-weight:normal;margin-top: 15px;background:#1781d5;
		
	}
.cases .list .tit .line1{
		
		color:#fff;
		color:#fff; float:left; width:10%;
		font-size:22px;  
		text-align:center;
		line-height:50px;
	}
		.cases .list .tit .line a{
		
		color:#fff; float:right;width:10%;line-height:50px; font-size:12px;
		 
	}


.cases .list ul li{
	float: left;
	width: 173px;
	height: 45px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	margin-left: 17px;
	background: #fff;
	line-height: 43px;
	border-radius: 5px;
	text-align: center;
}
.cases .list ul li:hover{
	background: #0067DA;
	border: 1px solid #0067DA;
}
.cases .list ul li:hover a{
	color: #fff;
}
.cases .list ul li:nth-child(1){
	margin-left: 0;
}
.cases .list ul li a{
	display: block;
	color: #333333;
	font-size: 16px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cases .show{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}

.cases .show .box{
	width: 800%;
}
.cases .show .pic{
	float: left;
 
}
.cases .show .pic ul li img{ height:197px; }
.cases .show .pic ul li{background:#fff; border:1px solid #ddd; 
	float: left;
	 height:197px;
	margin-left: 22px;
	position: relative;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
}
.cases .show .pic ul li img{
	display: block;
	width: 100%;
	transition: .5s;
}

.cases .show .pic ul li p{
	width: 180px;
	height: 30px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	text-align: center;
	line-height: 30px;
	color: #333333;
	font-size: 18px;
	
}

.cases .show .pic ul li:hover img{
	transform: scale(1.05);
}


.lc{
	width: 1400px;;
	
	margin: 85px auto;
}

.lc .lcSwiper{
	margin-top: 30px;
	background: url(../images/lc-bg.png) repeat-x center;
}

.lc .lcSwiper .swiper-slide{
	width:100%;
	height: auto;
 	background: #fff;
	border: 20px solid #CCDCEA;
	box-sizing: border-box;
	border-radius: 50%;
	height: 170px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;

}

.lc .lcSwiper .swiper-slide:after{
	content: "";
	width: 18px;
	height: 17px;
	background: url(../images/lc-icon.png) no-repeat;
	position: absolute;
	right: -46px;
	top: 50%;
	margin-top: -9px;
}
.lc .lcSwiper .swiper-slide:last-child:after{
	width: 0;
	height: 0;
	overflow: hidden;
}

.lc .lcSwiper .swiper-slide div{
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
 
.lc .lcSwiper .swiper-slide img{
	display: block;
}
.lc .lcSwiper .swiper-slide p{
	text-align: center;
	color: #333333;
	margin-top: 5px;
	font-size: 16px;
}


.adv{
	width: 100%;
	height: auto;
	margin-top: 60px;
	overflow: hidden;
}
.adv .advSwiper{
	margin-top: 30px;
}
.adv .swiper-wrapper{
	display: block;

}

.adv .swiper-slide{
	width: 100%;
	overflow: hidden;
	
}
.adv .swiper-slide .main{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.adv .swiper-slide .main{
	height: 410px;
}
.adv .swiper-slide:nth-child(2n) .main{
	height: 480px;
	flex-direction: row-reverse;
}
.adv .swiper-slide:nth-child(2n){
	background: url(../images/adv-bg02.png) no-repeat center;
}

.adv .swiper-slide .intro {
	width: 675px;
	height: auto;
	overflow: hidden;
}
.adv .swiper-slide .intro img{
	display: block;
	float: left;
}
.adv .swiper-slide .intro .info{
	float: right;
	width: 585px;
	height: auto;
	overflow: hidden;
}
.adv .swiper-slide .intro .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
 
}
.adv .swiper-slide .intro .tit img{
	display: block;
	float: left;
}
.adv .swiper-slide .intro .tit p{
	color: #0067da;
	font-size: 36px;
	font-weight: bold;
}
.adv .swiper-slide .intro .tit span{
	display: block;
	color: #b2b2b2;
	font-family: 'Arial';
	font-size: 14px;
	text-transform: uppercase;
	margin-top:3px;
}
.adv .swiper-slide .intro .text{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	color: #333;
	font-size: 16px;
	line-height: 30px;
}
.adv .swiper-slide .pic{
	width: 500px;
}
.adv .swiper-slide .pic img{
	display: block;
	width: 100%;
}
.news{
	width: 1400px;
	margin: 0px auto;
	overflow: hidden;
	 ;
	margin-bottom: 60px;
}

.news .listz{
		color:#666666;	
		font-size:18px; font-weight:normal; background:#1781d5; width: 100%; float:left;margin-bottom:30px;
	 
		
	}

.news .listz  .line1{
			
		color:#fff; float:left; width:10%;
		font-size:22px;  
		text-align:center;
		line-height:50px;
	}
		
.news .listz  .line a{
		
		color:#fff; float:right;width:10%;line-height:50px; font-size:12px;
		 
	}

.news .title{
	margin-bottom: 50px;
}
.news .left{
	float: left;
	width: 660px;
}
.news .left .top{
	width: 100%;
}


.news .tit {
	width: 100%;
	height: 65px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 65px;
	border-top: 1px solid #D9D9D9;
}
.news .tit p{
	color: #0677f1;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	width: 130px;
}
.news .tit p:after{
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	top: -2px;
	background: #0878F1;
	left: 0;
}
.news .tit a{
	color: #0677f1;
	font-size: 16px;
}
.news .left .top{
	margin-top: 10px;
}
.news .left .top img{
	display: block;
	width: 100%;
}

.news .left .top .intro{
	width: 100%;
	height:174px;
	overflow: hidden;
	margin-top: 20px;
	border-bottom: 1px solid #D9D9D9;
}
.news .left .top .intro .t{
	width: 100%;
	height: auto;
	overflow: hidden;

}

.news .left .top .intro .t span{
	display: block;
	width: 130px;
	height: 47px;
	border-radius: 30px;
	background: #0677F1;
	text-align: center;
	line-height: 45px;
	color: #fff;
	float: left;
	font-size: 28px;
}
.news .left .top .intro .t h4{
	float: right;
	width: 515px;
	color: #0677f1;
	font-weight: normal;
	font-size: 28px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	line-height: 45px;
}
.news .left .top .intro .t h4 a{
color: #0677f1;
}
.news .left .top .intro p{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	color: #686767;
	font-size: 18px;
	line-height: 32px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 30px;
}.news .right ul li:hover a{
	color: #0677F1;
}

.news .left ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.news .left ul li{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 45px;
	overflow: hidden;
}
.news .left ul li:after{
	content: ">";
	font-size: 18px;
	font-family: '宋体';
	position: absolute;
	left: 0;
	top: 0;
	color: #686767;
}
.news .left ul li a{
	display: block;
	float: left;
	font-size: 18px;
	color: #686767;
	width: 500px;
	text-indent: 15px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news .left ul li span{
	display: block;
	float: right;
	color: #686767;
	font-size: 18px;
}
.news .left ul li:hover a{
	color: #0677F1;
}

.news .right{
	float: right;
	width: 676px;
	height: auto;
	overflow: hidden;
}
 
.news .right ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.news .right ul li{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 47px;
	overflow: hidden;
}
.news .right ul li:after{
	content: ">";
	font-size: 18px;
	font-family: '宋体';
	position: absolute;
	left: 0;
	top: 0;
	color: #686767;
}
 
.news .right ul li span{
	display: block;
	float: right;
	color: #686767;
	font-size: 18px;
}

.news .right ul li a{
		display: block;
	float: left;
	font-size: 18px;
	color: #686767;
	width: 500px;
	text-indent: 15px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
  

.links{
	width: 100%;
	height: auto;
	padding-top:25px;
	overflow: hidden;
	border-top: 1px solid #D6D6D6;
}
.links .tit{
	width: 146px;
	background: url(../images/links.png)  no-repeat center;
	float: left;
}
.links .tit p{
	color: #666666;
	margin-left: 28px;
	font-size: 18px;
}
.links ul{
	float:left;
	margin-left: 10px;
	width:85%;
}
.links ul li{
	float: left;
	padding: 0 10px;
	line-height: 25px;
}
.links ul li a{
	color: #000000;
	font-size: 14px;
	display: block;
}


.menu{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	background: #0677F1;
}
.menu ul{
	width: 100%;
	display: flex;
	padding: 0 70px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	height: 55px;
}
.menu ul li{
	float: left;
}
.menu ul li a{
	color: #fff;
	font-size: 18px;
}
 

.footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg02.jpg);
	padding-bottom: 50px;
}

.footer .intro{
	margin-top: 70px;
	float: left;
}
.footer .intro h4{
	color: #ffffff;
	font-size:36px;
}

.footer .intro p{
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}


.footer .ewm{
	float: right;
	margin-top: 70px;
}

.footer .ewm img{
	display: block;
	width: 156px;
	height: 156px;
}

.footer .ewm p{
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	margin-top: 10px;
}

.fn{
	display: none;
}


.float{
	position: fixed;
	right: -150px;
	top: 50%;
	z-index: 1000;
	transform: translateY(-50%);
}

.float ul li{
	height: auto;
	overflow: hidden;

	margin-bottom: 1px;
	transition: .5s;
}
.float ul li:hover {
	transform: translateX(-150px);
}
.float ul li div{
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	width: 80px;
	height:80px;
	float: left;
	background: #0067DA;
}
.float ul li div img{
	display: block;
	margin: 0 auto;
	
}
.float ul li div p{
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}
.float ul li  span img{
	height: 80px;
	display: block;
	width: 80px;
	transition: .5s;
}
.float ul li:last-child:hover  span img{
	width: 145px;
	height: 145px;
}
.float ul li b{
	color: #fff;
	font-size: 18px;
	height: 80px;
	width: 145px;
 	align-items: center;
	display: flex;
	background: #0067DA;
}
.gotop{
	width: 80px;
	height: 80px;
	display: block;
	background: #0067DA;
	overflow: hidden;
	display: none;
}
.gotop span{
	display: block;
	width: 28px;
	height: 30px;
	margin: 0 auto;
	margin-top: 15px;
	background: url(../images/icon03.png) no-repeat center;
}
.gotop p{
	color: #fff;
	text-align: center;
	font-size: 14px;

	margin-top: 5px;
}
.crumbs{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.crumbs img{
	display: block;
	float: left;
	margin-top: 12px;
	margin-right: 10px;
}
.crumbs p{
	color: #333;
	font-size: 14px;
	line-height: 50px;
	float: left;
}
.crumbs a{
	color: #333;
 	line-height: 50px;
	padding-right: 10px;
	position: relative;
}
.crumbs a:after{
	content: ">";
	position: absolute;
	right: 0;
	top: -16px;

 	
	font-family: '宋体';
}
.crumbs a:last-child:after{
	width: 0;
	height: 0;
	overflow: hidden;
}
 
.page{
 	width: 1367px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom: 85px;
}
.page ul{
	display: table;
	margin:0 auto;
}
.page ul li{
	float: left;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin:0 5px;
	border-radius: 5px;
}
.page ul li a{
	color:#333333;
	font-size: 12px;
}
.page ul .thisclass{
	background:#0067DA;
	color:#fff;
	border: 1px solid#0067DA;
}
.page ul .thisclass a{
	color: #fff;
}

.cases-list{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.cases-list ul{
	margin-top: 30px;
}
.cases-list ul li{
	float: left;
	width: 266px;
      height:230px;
	margin-left:13px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden; 
}
.cases-list ul li:after{

}
.cases-list ul li:nth-child(5+1n){
	margin-left: 0;
}
.cases-list ul li img{
	width: 263px;
      height:190px;border:solid #cccccc 1px;
}
.cases-list ul li p{
	width: 100%;
	height: 40px;
	line-height: 40px;
	
	text-align: center;
	
	font-size: 16px;
}
.cases-list ul li:hover img{
border:solid #0067da 1px;
}
.tab{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.tab ul{
	display: table;
	margin: 0 auto;
}

.tab ul li{
	float: left;
	width: 200px;
	height: 58px;
	margin: 4px 10px;
	background: #eee;
	background-size: 100% 100%;
}

.article-detailed .tab ul li{
	background: #eee;
}

.tab ul li a{
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 58px;
	text-align: center;
}


.img-list{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.img-list .pic{
	margin-top: 30px;
	height: auto;
}
.img-list .pic ul li{
	float: left;
	width: 451px;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-list .pic ul li:nth-child(3n-2){
	margin-left: 0;
}

.img-list .pic  ul li img{
	display: block;
	width: 100%;
}

.img-list .pic  ul li p{
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #333;
	font-size: 16px;
	text-align: center;
	background: #fff;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.news-list{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
 

 
.news-list ul li{
	float: left;
	width: 49%;
	height: 156px;
	border: 1px solid #DADADA;
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
	margin-bottom: 20px;
}
.news-list ul li:nth-child(2n){
	float: right;
}

.news-list ul li h4{
	color: #1a1a1a;
	font-size: 20px;
	width: 100%;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-list ul li span{
	display: block;
	color: #999999;
	font-size: 14px;
	margin: 15px 0;
}

.news-list ul li p{
	color: #666666;
	font-size: 16px;
	width: 100%;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.fy{
	width: 1400px;
	margin: 40px auto;
	height: auto;
	line-height: 40px;
	overflow: hidden;

	border-bottom: 1px solid #ccc;
}
.fy p{
	color:#333;
	font-size: 14px;
	float: left;
	max-width:400px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	padding: 0 20px;
	box-sizing: border-box;
}
.fy a{
	color:#333;
}
.return{
	float: right;
	font-size: 14px;
}


.productz .titlez{
		margin-bottom: 40px;
	}
	.productz .list{
		float: left;
		width: 100%;
	
		overflow: hidden;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.productz .list .bd{
		width: 70%;	
		margin: 0px auto; display: block;background: #0067DA;	
	}
	.productz .list .tit {
		color:#666666;
		overflow: hidden;
		font-size:18px; font-weight:normal;margin-top: 15px;background:#1781d5;
		
	}
	.productz .list .tit .line1{
		
		color:#fff;
		color:#fff; float:left; width:10%;
		font-size:22px;  
		text-align:center;
		line-height:50px;
	}
		.productz .list .tit .line a{
		
		color:#fff; float:right;width:10%;line-height:50px; font-size:12px;
		 
	}
	.productz .list .tit{
	
		
	}
   	.productz .list h4{
   		margin: 5px 5px;
   		height: 48px;
   		line-height: 48px;
   		color:#666;
   		font-size: 16px;
   		float: left;
   		display: block;font-weight: 400;
   		 
   	}.productz .list  h1{ color:#999; font-size:12px;float: left;margin: 5px 5px;
   		height: 48px;
   		line-height: 48px;}
	.productz .list h4 a{ color:#000}
.productz .list h4 a:hover{ color:#ff6600}
   	.productz .list ul{
   		width: ;
   		height: auto;
   		margin: 0px 0;
   		overflow: hidden;
   	}
   	.productz .list ul li{
   		line-height:35px;
   		text-indent: 40px;
   	}
   	.productz .list ul li a{
   		display: block;
   		font-size: 16px;
   		color: #333333;
   		white-space: nowrap;
   		   text-overflow: ellipsis;
   		overflow: hidden;
   	}
   	.productz .list ul li:hover a{
   		color: #0067DA;

   	}
   	.productz .pic{
   		float: left;
   		width: 100%;
   		height: auto;
   		overflow: hidden;
   	}
   	.productz .pic ul li{
   		float: left;
   		width: 268px;
   		height: auto;
   		position: relative;
   		overflow: hidden;
   		margin-left: 15px;
   		margin-bottom: 20px;
   	}
   	.productz .pic ul li:after{
   	}
   	
.productz .pic ul li:nth-child(5n){
   		margin-right: 0;
   	}
.productz .pic ul li:nth-child(1){
   		margin-left: 0;
   	}
.productz .pic ul li:nth-child(6){
   		margin-left: 0;
   	}
   	.productz .pic ul li:hover img{
   		border: 1px solid #0067da;
   	}
   	.productz .pic ul li p{
   		width: 100%;
   		height: 40px;			
   		text-align: center;
   		color: #000;
   		font-size: 16px;
   		line-height: 40px;
   		white-space: nowrap;
   		text-overflow: ellipsis;
   		overflow: hidden;
   	}
   	.productz .pic ul li img{
   		display: block;
   		width: 99%;
   		transition: .5s;border: 1px solid #ccc;
   	}


	.product .title{
		margin-bottom: 40px;
	}
	.product .list{
		float: left;
		width: 262px;	
		overflow: hidden;
		
		
	}
	.product .list .bd{
		width: 245px;
		margin: 0 auto;
		margin-top: 25px;
	}
	.product .list .tit {
		background: #0067DA;
		overflow: hidden;
		height: 80px;
		overflow: hidden;
	}
	.product .list .tit p{
		color: #fff;
		font-size: 22px;
		
		margin-top: 20px;
		text-align: center;
	}
	.product .list .tit span{
		display: block;
		color: #ffffff;
		font-size: 14px;
		font-family: 'Arial';
		text-align: center;
		margin-top: 5px;
	}
   	.product .list h4{
   		width: 100%;
   		height: 48px;
   		line-height: 48px;
   		color: #ffffff;
   		font-size: 18px;
   		 border-bottom:solid 2px #1479c7;
   		text-indent: 40px;
   		background: #1599fe;font-weight:400;
   	}
	.product .list h4 a{ color:#fff}
   	.product .list ul{
   		width: 100%;
   		height: auto;
   		margin: 10px 0;
   		overflow: hidden;
   	}
   	.product .list ul li{
   		line-height:35px;
   		text-indent: 40px;background: #eae8e9; margin-bottom:1px
   	}
   	.product .list ul li a{
   		display: block;
   		font-size: 16px;
   		color: #333333;
   		white-space: nowrap;
   		   text-overflow: ellipsis;
   		overflow: hidden;
   	}
   	.product .list ul li:hover a{
   		color: #0067DA;

   	}
   	.product .pic{
   		float: right;
   		width: 1122px;
   		height: auto;
   		overflow: hidden;
   	}
   	.product .pic ul li{
   		float: left;
   		width: 266px;
      height:230px;
   		position: relative;
   		overflow: hidden;
   		margin-left: 13px;
   		margin-bottom: 40px;
   	}
   	.product .pic ul li:after{
   	}
   	.product .pic ul li:nth-child(5+1n){
	margin-left: 0;
}
   .product .pic ul li img{
   		width: 263px;
      height:190px;border:solid #cccccc 1px;
   	}
	.product .pic ul li:hover img{
   		width: 263px;
      height:190px;border:solid #0067da 1px;
   	}



 
 
 



   	.product .pic ul li p{
   		width: 100%;
   		height: 40px;
   		
   		
   		text-align: center;
   		
   		font-size: 18px;
   		line-height: 40px;
   		white-space: nowrap;
   		text-overflow: ellipsis;
   		overflow: hidden;
   	}
   	
	.article-detailed{
		margin:0 auto;
		margin-top:40px;
	 
	}
	.article-detailed .tit{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #f5f4f4;
	 
	}

	.article-detailed .tit h4{
		font-size: 22px;
		text-align: center;
		color:#333333;
	}
	.article-detailed .tit p{
		text-align: center;
		color:#999999;
		font-size: 13px;
		text-align: center;
		line-height: 40px;
		border-bottom: 1px solid #ccc;
		margin-top: 20px;
		background: #eee;
	}
	.article-detailed .tit span{
		margin: 0 5px;
	}
	.article-detailed  .info{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top:20px;
		color:#333333;
		font-size: 16px;
		line-height: 35px;
	}
	.article-detailed  img{
		display: block;
		margin:0 auto;
		max-width: 100%;
	}





	 
	.map{
		width: 100%;
		height: 500px;
		margin-top: 30px;
		position: relative;
	}
	.map .allmap{
		width: 100%;
		height: 500px;
	}
	.map:after{
		content: "";
		width: 10%;
		height: 100%;
		right: 0;
		top: 0;
		position: absolute;
		z-index: 1;
	}

	.map:before{
		content: "";
		width: 10%;
		height: 100%;
		left: 0;
		top: 0;
		position: absolute;
		z-index: 1;
	}

 



	.head .main{
		height: 107px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.head .nav{
		z-index: 100!important;
	}
	.head .nav ul li{
		float: left;
 		width: 116px;
		text-align: center;
		position: relative;
		line-height: 107px;
	}
 
	.head .nav ul li a{
		color: #333333;
		font-size: 15px;
		display: block;
	}
 
	.head .nav ul li ul{
		position: absolute;
		top: 107px;
		z-index: 1;
		left: 50%;
		transform: translateX(-50%);
		display: none;
		width:160px;
		z-index: 100!important;
		background: rgba(0,103,218,.8);
	}
	.head .nav ul li:hover ul{
		display: block;
	}
	.head .nav ul li:hover{
		background: #0067DA;
	}
	.head .nav ul li:hover ul li{
		background: none;
	}
	.head .nav ul li:hover a{
		color: #fff;
	}
	.head .nav ul li ul li{
		height: 35px;
		line-height: 35px;
		height: auto;
		text-align: center;
		overflow: hidden;
		width: 100%;
	}
	.head .nav ul li ul li:first-child{
		margin-top: 5px;
	}
	.head .nav ul li ul li:last-child{
		margin-bottom: 5px;
	}
	.head .nav ul li ul li a{
		color: #fff;
		font-size: 14px;
		display: block;
		white-space: nowrap;
		   text-overflow: ellipsis;

	}	
 
	.head .nav ul li ul li:hover a{
		color:#ccc;
	}
	.head .tel {
		float: right;
		line-height: 24px;
		padding-left: 35px;
		background: url(../images/tel-icon.png) no-repeat left center;
	}
	.head .tel img{
		display: block;
		float: left;
	}
	.head .tel b{
		color: #0068b7;
		font-size: 26px;
		font-weight: bold;
	}
 
	.head .btn{
		display: none;
	}

	.head-current{
		background: rgba(0,0,0,.4);
	}
	.head-current:hover{
		background: rgba(0,0,0,.8);
	}
	.img-box:hover img{
		transform: scale(1.05);
	}
 


 

 
 

 

 #maximg img{ max-width:100% !important; height:auto !important;display:inline-block;}
#maximg p span{text-wrap: inherit !important;}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0; font-size:14px}

.erlist{ overflow:hidden; margin-top:30px}
.erlist ul{ text-align:center;}
.erlist li{ display:inline-block;
    width: 173px;
    height: 45px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    margin:0 10px;
    background: #fff;
    line-height: 43px;
    border-radius: 5px;
    text-align: center;}
.erlist li a{    display: block;
    color: #333333;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.erlist li:hover{
	background: #0067DA;
	border: 1px solid #0067DA;
}
.erlist li:hover a{
	color: #fff;
}
.erlist li.on{background: #0067DA;
	border: 1px solid #0067DA;}
.erlist li.on a{ color:#fff}