*{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="text"]{-webkit-appearance:none;}textarea{-webkit-appearance:none;}select{-webkit-appearance:none;}html{font-size:12px;}@media screen and (max-width:1199px){html{font-size:100px;}body{max-width:750px;margin:0 auto;}}@media (max-width:767px){html{font-size:13.333333333333vw;}body{max-width:initial;}}







.main{

	width: 1400px;

	margin:0 auto;

}





.head{

	width: 100%;

	height:100px;

	border-bottom: 1px solid #ffffff3d;

	position: fixed;

	top: 0;

	transition: .8s;

	z-index: 100;

}



.head  .logo{

	float: left;

}



.head  .main{

	display: flex;

	justify-content:space-between;

	align-items: center;

	height: 100px;

}









.img-box{

	overflow: hidden;

}

.img-box img{

	transition: .5s;

}









.banner{

	width: 100%;

	height: auto;

	min-height: 4rem;

	background: #eee;

	overflow: hidden;

	position: relative;

}

.banner  .swiper-wrapper  img{

	display: block;

	width: 100%;

}



.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{

	width: 60px;

	height: 4px;

	background: #eee;

	display: block;

	margin: 0 3px;

	border-radius: 0 !important;

}

 

.banner .swiper-pagination .swiper-pagination-bullet-active{

	background: #0079C5;

}

 

 







.product{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #F5F5F5;

	padding:  50px 0;



}



 

.title h4{

	color: #4E84C2;

	font-size: 40px;

	text-align: center;

}

.title  p{

	display: block;

	color: #cccccc;

	font-size: 20px;

	text-align: center;

	font-family: 'arial';

	text-transform: uppercase;

	display: block;

	font-weight: bold;

	margin-top: 7px;

	letter-spacing: 2px;

}



 



.product .hd {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

 

.product .hd  ul li{

	display: block;

	width: 208px;

	height: 58px;

	text-align: center;

	line-height: 58px;

	float: left;

	background: #FFFFFF;

	margin-left: 30px;

	cursor:pointer;

	font-size: 16px;

	white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: 10px;

    overflow: hidden;

}

.product .hd  ul li:nth-child(6n-5){

	margin-left: 0;

}

.product .hd  ul li a{

	color: #333333;

}



.product .swiper-pagination .swiper-pagination-bullet-active{

	background: url(../images/bg02.png)  no-repeat center;

	color: #fff;

	box-shadow: 0 0 3px 2px #d7d0d0bf;

}

.product .bd{

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.product  .bd ul li{

	float: left;

	width: 450px;

	transition: .5s;

	height: auto;

	overflow: hidden;

	margin-left: 25px;

	margin-bottom: 25px;

}

.product  .bd ul li:nth-child(3n-2){

	margin-left: 0;

}

.product  .bd ul li .bg{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	opacity: 0;

	top: 0;

	transition: .3s;

	background: rgba(0,0,0,.5);

}

.product  .bd ul li .bg span{

	display: block;

	width: 180px;

	height: 50px;

	border-radius: 30px;

	text-align: center;

	line-height: 50px;

	color:#fff;

	font-size: 18px;

	margin: 0 auto;

	position: relative;

	top:50%;

	transform: translateY(-50%);

	text-indent: 30px;

	background: #4E84C2 url(../images/icon01.png) no-repeat 35px center;

}

.product  .bd ul li img{

	display: block;

	width: 100%;

}

.product  .bd ul li .img-box{

	position: relative;

}

.product  .bd ul li  p{

	width: 100%;

	height: 60px;

	line-height: 60px;

	color: #333333;

	font-size: 16px;

	white-space: nowrap;

	overflow: hidden;

	background: #fff;

	text-align: center;

    text-overflow: ellipsis;

}



.product .more{

	display: block;

	width: 262px;

	height: 58px;

	background: #fff;

	margin: 0 auto;

	margin-top:20px;

	color: #333333;

	font-size: 18px;

	text-align: center;

	line-height: 58px;

}





.gg{

	width: 100%;

	height: 230px;

	background: url(../images/gg.jpg) no-repeat center;

}





.cases{

	width: 100%;

	height: auto;

	margin-top: 70px;

	overflow: hidden;

}

.cases .show{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.cases .show .box{

	width: 800%;

}

.cases .show .pic{

	float: left;

}



.cases .show .pic ul li{

	float: left;

	width: 450px;

	margin-left: 20px;

	height: auto;

	overflow: hidden;

}

.cases .show .pic ul li div{

	border: 1px solid #eeeeee7d;

	box-sizing: border-box;

}

.cases .show .pic ul li img{

	display: block;

	width: 100%;

}

.cases .show .pic ul li p{

	width: 100%;

	color: #333333;

	font-size: 16px;

	white-space: nowrap;

    text-overflow: ellipsis;

	margin-top: 15px;

	text-align: center;

}



.about{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 70px;

	background: #F5F5F5;

	padding: 60px 0;

}



.about .main{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.about .intro{

	float: left;

	width: 49%;

}



.about .intro h4{

	color: #4E84C2;

	font-size: 30px;

}





.about .intro .info{

	width: 100%;

	color: #333333;

	height:240px;

	width: 100%;

	font-size: 16px;

	margin-top: 30px;

	line-height: 30px;

	text-indent: 2em;

	display: -webkit-box;

	-webkit-line-clamp:8;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.about .pic{

	float: right;

	width: 49%;

}



.about .pic img{

	display: block;

	width: 100%;

}



.about .more{

	display: block;

	width: 262px;

	height: 58px;

	background:#4E84C2;

	margin-top: 40px;

	color: #fff;

	font-size: 18px;

	text-align: center;

	line-height: 58px;

}





.honor{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	position: relative;

}



.honor .main{

	position: relative;

}

.honor .swiper-container{

	position: initial;

}



.honor .swiper-button-next,

.honor .swiper-button-prev{

	width: 25px;

	height: 48px;

	display: block;

	position: absolute;

	z-index: 1;

}



.honor .swiper-button-next{

	right: -50px;

	background: url(../images/next.png) no-repeat center;

}



.honor .swiper-button-prev{

	left: -50px;

	background: url(../images/prev.png) no-repeat center;

}

.honor .swiper-slide{

	overflow: hidden;

}

.honor .swiper-slide img{

	transition: .5s;

	width: 100%;

}



.honor .swiper-slide:hover img{

	transform: scale(1.05);

}



.news{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}



.news .focus{

	width: 560px;

	height: auto;

	overflow: hidden;

	position: relative;

	float: left;

	margin-top: 30px;

}

.news .focus ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.news .focus ul li p{

	width: 70%;

	padding-right: 30%;

	position: absolute;

 	height: 55px;

 	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	bottom: 0;

	line-height: 55px;

	font-weight: bold;

	text-indent:15px;

	color: #fff;

	font-size: 16px;

	background: rgba(0,50,110,.8);

}

.news .focus ul li img{

	display: block;

	width: 100%;

}



.news .swiper-pagination{

	position: absolute;

	bottom:20px;

	right: 10px;

	z-index: 10;

}



.news .swiper-pagination span{

	display: block;

	width: 10px;

	height: 10px;

	float: left;

	margin: 0 5px;

	background: #fff;

	border-radius: 50%;

}



.news .swiper-pagination .swiper-pagination-bullet-active{

	background: #1994E0;

}



.news .list{

	width: 795px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-top: 30px;

}

.news .list ul li{

	width: 390px;

	height: auto;

	overflow: hidden;

	border: 1px solid #E6E6E6;

	padding: 30px 20px;

	box-sizing: border-box;

	margin-bottom: 10px;

	float: left;

}

.news .list ul li:nth-child(2n){

	float: right;

}



.news .list ul li .tit{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 15px;

	background: url(../images/icon03.png) no-repeat right  top;

	border-bottom: 1px solid #E6E6E6;

}

.news .list ul li .time b{

	color: #4E84C2;

	font-size: 36px;

	font-weight: bold;

}

.news .list ul li .time p{

	color: #333333;

	font-size: 12px;

	margin-top: -3px;



}

.news .list ul li .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.news .list ul li .info h4{

	color: #000000;

	font-size: 18px;

	font-weight: normal;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.news .list ul li .info p{

	color: #666666;

	font-size: 14px;

	line-height: 24px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	margin-top: 10px;

	overflow: hidden;

}

.float{

	width: .8rem;

	height: auto;

	position: fixed;

	right: .1rem;

	top: 50%;

	transform: translateY(50%);

	z-index: 1000;

	overflow: hidden;

	display: none;

}

.float a{

	display: block;

	width: .8rem;

	height: .68rem;

	border-radius: 0.05rem 0 0 .05rem;

	margin-bottom: .05rem;

	background: url(../images/icon05.png) no-repeat center top;

	background-size:  .8rem auto;

	overflow: hidden;

}

.float a:last-child{

	 

	background: url(../images/icon05.png) no-repeat center bottom;

	background-size:  .8rem auto;

}





.footer{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 427px;

	padding-bottom: 30px;

	box-sizing: border-box;

	padding-top: 50px;

	margin-top: 80px;

	position: relative;

	background: url(../images/bg03.jpg) no-repeat center;

	background-size: auto 100%;



}

.gotop{

	display: none;

}

.footer  .main{

	height: auto;

	overflow: hidden;

}

.footer .intro{

	float: left;

	width: 470px;

	height: auto;

	overflow: hidden;

}

.footer .tit{

	height: auto;

	overflow: hidden;

	width: 185px;

	position: relative;

}

.footer .tit:after{

	content: "";

	width: 30px;

	height: 1px;

	position: absolute;

	right: 0;

	bottom: 5px;

	background: #4E84C2;

}

.footer .tit p{

	color: #ffffff;

	font-size: 16px;

	float: left;

}

.footer .tit span{

	display: block;

	float: left;

	font-size: 12px;

	color: #fff;

	text-transform: uppercase;

	margin-left: 10px;

	margin-top: 3px;

}

.footer .intro h4{

	color: #fff;

	margin-top: 20px;

	font-size: 24px;

}

.footer .intro .info{

	color: #ffffff;

	font-size: 14px;

	line-height: 24px;

	margin-top: 10px;

}

.footer .ewm{

	float: right;

}

.footer  .ewm img{

	display: block;

	width: 150px;

	height: 150px;

	margin: 0 auto;

	margin-top: 20px;

}

.footer  .ewm b{

	text-align: center;

	color: #ffffff;

	font-size: 14px;

	margin-top: 10px;

	font-weight: normal;

	display: block;

}



.footer .links{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: absolute;

	bottom: 0;

	z-index: 1;

	border-top: 1px solid #636363;

}

.footer .links .t{

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	float: left;

}

.footer .links .t  img{

	display: block;

	float: left;

	margin-right: 5px;

	margin-top: 3px;

}

.footer .links .t p{

	color: #ffffff;

	font-size: 14px;

	float: left;

}

.footer .links .t  span{

	color: #fff;

}

.footer .links ul{

	float: right;

	width: 90%;

	height: 60px;

	overflow: hidden;

}

.footer .links ul li{

	float: left;

	padding: 0 10px;

	line-height: 60px;

	position: relative;

}

.footer .links ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.footer .links ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: url(../images/icon05.png) no-repeat center;

}



.footer .links ul li a{

	color: #999999;

	font-size: 14px;

	display: block;

}



.fn{

	display: none;

}

.float-right{
	width:auto;
	height: auto;
	overflow: hidden;
	position: fixed;
	bottom: 100px;
	right: 0;
	width: 180px;
	z-index: 1000;
}
.float-right ul li{
	width: 180px;
	margin-top: 5px;
	height:auto;
	overflow: hidden;
	margin-left: 130px;
	position: relative;
	transition: .5s;
 
}
 
.float-right ul li span{
	display: block;
	width: 50px;
	height: 50px;
	float: left;
}
.float-right ul li:nth-child(2):hover{
	margin-left: 0;
}
.float-right ul li:nth-child(3):hover{
	margin-left: 0;
}
.float-right ul li:nth-child(4):hover{
	margin-left: 0;
}
.float-right ul li:nth-child(4):hover img{
	height: 120px;
}
.float-right ul li p{
	float: left;
	font-size: 16px;
	color:#fff;
	width: 130px;
	text-align: center;
 	height: 50PX;
   	line-height: 50px;
	font-weight: bold;
	background: #454545;
 
}
.float-right ul li a{
	display: block;
	line-height: 50px;
	text-align: center;
	background: #454545;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
.float-right ul li:nth-child(1) span{
	background:#454545 url(../images/float01.png)no-repeat  center;
}
.float-right ul li:nth-child(2) span{
	background:#454545 url(../images/float02.png)no-repeat   center;
}
.float-right ul li:nth-child(3) span{
	background:#454545 url(../images/float03.png)no-repeat   center;
}
.float-right ul li:nth-child(4) span{
	background:#454545 url(../images/float04.png)no-repeat   center;
}
.float-right ul li:nth-child(5) span{
	background:#454545 url(../images/float05.png)no-repeat   center;
}
.float-right ul li div{
	width:130px;
	float: left;
	background: #454545;
	height: auto;
	overflow: hidden;
}
.float-right ul li img{
	display: block;
	width: 120px;
	height:50px;
	transition: .3s;
	float: right;
	margin: 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  .main div{

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.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: #0f3371;

	color:#fff;

	border: 1px solid #0f3371;

}



 



.tab{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.tab ul{

	display: table;

	margin: 0 auto;

}



.tab ul li{

	float: left;

	width: 208px;

	height: 58px;

 	margin-left: 30px;

 	margin-bottom: 10px;

	background: #fff;

}

.tab ul li:nth-child(6n-5){

	margin-left: 0;

}

.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;

	background: #F5F5F5;

}



.img-list .pic{

	margin-top: 30px;

	height: auto;

	overflow: hidden;

}

.img-list .pic ul li{

	float: left;

	width: 450px;

	height: auto;

	overflow: hidden;

	margin-left: 20px;

	margin-bottom: 20px;

}



.img-list .pic ul li:nth-child(3n-2){

	margin-left: 5px;

}



.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: 30px;

}

.news-list ul li{

	width:49%;

	height: auto;

	overflow: hidden;

	border: 1px solid #E6E6E6;

	padding: 30px 20px;

	box-sizing: border-box;

	margin-bottom: 20px;

	float: left;

}

.news-list ul li:nth-child(2n){

	float: right;

}



.news-list ul li .tit{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 15px;

	background: url(../images/icon03.png) no-repeat right  top;

	border-bottom: 1px solid #E6E6E6;

}

.news-list ul li .time b{

	color: #4E84C2;

	font-size: 36px;

	font-weight: bold;

}

.news-list ul li .time p{

	color: #333333;

	font-size: 12px;

	margin-top: -3px;



}

.news-list ul li .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.news-list ul li .info h4{

	color: #000000;

	font-size: 18px;

	font-weight: normal;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.news-list ul li .info p{

	color: #666666;

	font-size: 14px;

	line-height: 24px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	margin-top: 10px;

	overflow: hidden;
	height: 48px;

}





.fy{

	width: 1367px;

	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;

}





@media (min-width: 1200px){

	 





.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 .info p{

	text-indent: 2em;

}

.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;

}



 



}







@media screen and (max-width: 1440px) {

	.main{

		width: 1200px;

	}

	.head .tel{

		display: none;

	}

	.head .btn{

		display: none;

	}



	.product .main{

		width: 1200px;

	}

	.product .hd ul li{

		width: 182px;

		margin-left: 20px;

	}

	.product .bd ul li{

		width: 382px;

	}



	.tab ul li{

		width: 182px;

		margin-left: 20px;

	}

	.img-list .pic ul li{

		width: 382px;

	}



	.gg{

		background:url(../images/gg.jpg) no-repeat center;

		background-size: 115%;

		height: 194px;

	}



	.about .intro .info{

		margin-top: 15px;

	}



	.news .focus{

		width: 525px;

	}

	.news .list{

		width: 660px;

	}

	.news .list ul li{

		width: 326px;

		padding: 22px;

	}

	.fy{

		width: 1200px;

	}

	.page{

		width: 1200px;

	}

}







@media  (min-width: 1200px) {





	.head:hover{

		background: rgba(0,0,0,.8);

	}

	.head .nav{

		float: left;

		height: 100px;

		margin-left: 40px;

	}

	.head .nav ul li{

		float: left;

 		width: 110px;

		text-align: center;

		position: relative;

		line-height: 100px;

	}

 

	.head .nav ul li:after{

		content: "";

		left: 50%;

		width: 0;

		height: 2px;

		background:#4E84C2;

 

		bottom: 0;

		position: absolute;

	}

	.head .nav ul li a{

		color: #ffffff;

		font-size: 15px;

		display: block;

	}

	.head .nav ul li:hover:after{

		left: 0;

		width: 100%;



	}



	.head .nav ul li ul{

		position: absolute;

		top: 100px;

		z-index: 1;

		left: 0;

		display: none;

		width: 100%;

		background: rgba(0,0,0,.6);

	}

	.head .nav ul li:hover ul{

		display: block;

	}

	.head .nav ul li ul li{

		height: 40px;

		line-height: 40px;

	 	

		height: auto;

		overflow: hidden;

	

	}

	.head .nav ul li ul li:after{

		width: 0;

		height: 0;

		overflow: hidden;

	}

	.head .nav ul li ul li a{

		color: #ffffff;

		display: block;

		 white-space: nowrap;

    	text-overflow: ellipsis;

    	overflow: hidden;

		font-size: 14px;

	}

	.head .nav ul li ul li:hover a{

		color: #5C90CB;

	}

	.head .nav ul li ul li:first-child{

		margin-top: 5px;

	}

	.head .nav ul li ul li:last-child{

		margin-bottom: 5px;

	}

	.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);

	}

 

	.product .bd ul li:hover p{

		background: #4E84C2;

		color: #fff;

	}

	.product .bd ul li:hover .bg{

		opacity: 1;

	}

	.product .hd  ul li:hover{

		background: #4E84C2;

	}

	.product .hd  ul li:hover a{

		color: #fff;

	}

	.product .more:hover{

		color: #fff;

		background:#4E84C2;

	}



 

	.tab ul li:hover{

		 background: #4E84C2;

	}

	.tab ul li:hover a{

		color: #fff;

	}

	.article-detailed .tab ul li:hover{

		background: #4E84C2;

	}



	.adv{

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 60px;

	}

	.adv .swiper-container{

		margin-top: 40px;

	}

	.adv ul{

	 	width: 100%;

	 	display: flex;

	 	justify-content: space-between;

	 	align-items: flex-start;

	 	overflow: hidden;

	}

	.adv ul li{

		float: left;

		width: 25%;

		height: auto;

	 	position: relative;

		transition: .5s;

		overflow: hidden;

		flex-shrink:initial;

	}



	.adv ul li:after{

		content: "";

		width: 22px;

		height: 22px;

		position: absolute;

		left: 5%;

		bottom: 5%;

		background: url(../images/icon02.png) no-repeat center;

	}

	.adv ul li .pic{

		width: 100%;

	}

	.adv ul li .pic img{

		display: block;

		height: 530px;

	}



	.adv ul li:hover{

		width: 640px !important;

		position: relative;

		z-index: 1;

	}



	.adv ul li .intro{

		width: 100%;

		height:100%;

		position: absolute;

		left: 0;

		top: 0;

		padding: 5%;

		transition: .2s;

		box-sizing: border-box;



	}



	.adv ul li .intro .bd img{

	 	display: block;

	 	margin: 0 auto;

	 	opacity: 0;

	 	transition: .4s;

	 	transform: translateY(30px);

	}



	.adv ul li .bd{

		transition: .5s;

	 	width: 400px;

	 	margin: 0 auto;

	 	top: 50%;

	 	transform: translateY(-50%);

		position: relative;

	}

	.adv ul li .tit{

		position: absolute;

		left: 5%;

		top: 5%;

		transition: .5s;

	}



	.adv ul li   h4{

		color: #fff;

		font-size: 22px;

		 

	}





	.adv ul li   span{

		color: #fff;

		font-size: 14px;

		margin-top: 2px;

		display: block;

		font-family: 'Arial';

	}



	.adv ul li:hover .tit{

		opacity: 0;

		top: 10%;

	}

	.adv ul li:hover .intro{

		background: rgba(58,112,179,.8);

	}



	.adv ul li .bd h4{

		text-align: center;

		margin-top: 20px;

		font-size: 30px;

		opacity: 0;

		transition: .6s;

		animation-delay:.8s;

		transform: translateY(30px);

	}

	.adv ul li .bd  span{

		text-align: center;

		text-transform: uppercase;

		font-size: 18px;

		transform: translateY(30px);

		margin-top: 5px;

		opacity: 0;

		transition: .8s;

	}



	.adv ul li .bd p{

		color: #fff;

		font-size: 16px;

		line-height: 30px;

		text-align: center;

		transform: translateY(30px);

		margin-top: 30px;

		opacity: 0;

		transition: .9s;

	}





	.adv ul li:hover .bd img{

		opacity: 1;

		transform: translateY(0);

	}

	.adv ul li:hover .bd h4{

		opacity: 1;

		animation-delay:.8s;

		transform: translateY(0);

	}

	.adv ul li:hover .bd   span{

		opacity: 1;

		transform: translateY(0);

	}



	.adv ul li:hover .bd  p{

		opacity: 1;

		transform: translateY(0);

	}

	.adv ul li:hover:after{

		width: 0;

		height: 0;

		overflow: hidden;

	}

	.news .focus ul li img{

		transition: .5s;

	}

	.news .focus ul li:hover img{

		transform: scale(1.05);

	}



	.news .list ul li:hover{

		border: 1px solid #4E84C2;

	}



	.news .list ul li:hover h4{

		color:  #4E84C2;

	}



}



 



 

 



 

@media screen and (max-width: 1199px) {

 

	.main{

		width: 7.3rem;

	}

	 

	.head{

		background: rgba(0,0,0,.5);

		box-sizing: border-box;

	 	height: 1.5rem;

	 	width: 7.5rem;

	  

	 	z-index: 1000;



	 	transition: 1s;

	}

	.head .main{

		width: 100%;

		height: 1.5rem;

	}

	.head .logo img{

		width: 3.2rem;

		display: block;

		margin-left: .2rem;

	}

	

	.head .tel{

		display: none;

		float: right;

	}

 	.head .btn{

 		display: block;



 		float: right;

 		margin-right: .2rem;

 		width: .6rem;

 		height: .6rem;

 		background: url(../images/btn.png)  no-repeat center;

 		background-size: 100% auto;

 	}

	 

 	.head-current{

 		position: fixed;



 		top: 0;

 		background: rgba(0,0,0,.7);

 	}

	.banner .swiper-pagination{

		bottom: .2rem;

	}

	.banner .swiper-pagination span{

		width: .5rem;

		height: .08rem;

		margin: 0 .08rem;

	}

	.head .nav{

		width: 100%;

		position: fixed;

		top: 1.5rem;

		background:#333333;

		z-index: 1000;

		width: 100%;

		height: 100%;



		display: none;

		overflow-y: auto;

	}

	.head .nav ul {

		width: 7.1rem;

		margin: 0 auto;



	}

	.head .nav ul li {

		width: 100%;

		position: relative;

		line-height: .9rem;

		position: relative;

		border-bottom: .02rem solid #444;

	}

	.head .nav ul li a{

		display:table;

		font-size: .4rem;

	}

	.head .nav ul li  i{

		float: right;

		display: block;

		width: .8rem;

		height: .8rem;

		transition: .5s;

		background: url(../images/icon06.png) no-repeat center;

		background-size: auto .4rem;

		transform: rotate(-90deg);

	}

	.head .nav ul li .current{

		transform: rotate(0deg);

	}

	.head .nav ul li ul{

		width: 96%;

		margin: 0 auto;

		height: auto;

		display: none;

		overflow: hidden;

	}

	.head .nav ul li ul li{

		height: .7rem;

		line-height: .7rem;

		text-align: center;

		width: 48%;

		float: left;

		margin-bottom: .15rem;

		border: none;

		margin-bottom: 0;

	}

	.head .nav ul li ul li:after{

		width: 0;

		height: 0;

		overflow: hidden;

	}

	.head .nav ul li ul li:nth-child(2n){

		float: right;

	}

	.head .nav ul li ul li a{

		display: block;

		font-size: .28rem;



	}

	.head .nav ul li:after{

		content: "";

		width: 100%;

		height: .02rem;

		position: absolute;

		left: 0;

		bottom: 0;

		background: #111;

	}

	.head .nav ul li a{

		font-size: .38rem;

		color: #fff;

	}

 

	.in-banner{

		display: none;

	}

	.banner{

		display: none;

	}

	.mbanner{

		display: block;

	}

	.mbanner img{

		display: block;

		width: 100%;

	}

	.mbanner .swiper-pagination{

		width: 100%;

		height: .1rem;

		background: #000000;

		display: flex;

		justify-content: center;

		align-items: center;

	}

	.mbanner .swiper-pagination span{

		width: 100%;

		display: block;

		height: .1rem;

	}

	.mbanner .swiper-pagination .swiper-pagination-bullet-active{

		background: #4E84C2;

	}

	.title h4{

		font-size: .46rem;

	}

	.title p{

		font-size: .28rem;

	}

	.product{

		padding: .6rem 0;

	}

	.product .main{

		width: 7.1rem;

	}

	.product .hd{

		margin-top: .4rem;

	}

	.product .hd ul li{

		width: 2.28rem;

		height: .8rem;

		line-height: .8rem;

		margin-left: .13rem;

	}

	.product .hd ul li:nth-child(3n-2){

		margin-left: 0!important;

	}

	.product .hd ul li a{

		font-size: .28rem;

	}

	.product .bd ul li{

		width: 3.5rem;

		margin: 0;

		margin-bottom: .2rem;

	}

	.product .bd ul li img{

		width: 100%;

	}

	.product .bd ul li:nth-child(2n){

		float: right;

	}

	.product .bd ul li p{

		height: .7rem;

		line-height: .7rem;

		font-size: .28rem;

	}

	.product .more{

		margin-top: .3rem;

		width: 3.4rem;

		height: .8rem;

		font-size: .3rem;

		line-height: .8rem;

		background-size: 100% auto;

	}

	.gg{

		width: 100%;

		height: 2.3rem;

		background: url(../images/mgg.jpg) no-repeat center;

		background-size: 100% auto;

	}

	.adv{

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: .55rem;

	}

	.adv .swiper-container{

		margin-top: .4rem;

	}





	.adv ul li{

		width: 25%;

		position: relative;

		height: auto;

		overflow: hidden;

	}

	.adv ul li .bd{

		position: relative;

		top: 50%;

		transform: translateY(-50%);

	}

	.adv ul li  .tit{

		display: none;

	}

	.adv ul li .pic img{

		width: 100%;

		display: block;

	}

	.adv ul li .intro{

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		background: rgba(78,134,199,.7);

	}



	.adv ul li .intro img{

		display: block;

		height: .6rem;

		margin: 0 auto;

	}



	.adv ul li .intro h4{

		color: #fff;

		font-size: .38rem;

		text-align: center;

		margin-top: .3rem;

	}

	.adv ul li .intro span{

		color: #fff;

		font-size: .28rem;

		display: block;

		text-align: center;

		text-transform: uppercase;

		font-family: 'Arial';

		margin-top: .1rem;

	}



	.adv ul li .intro p{

		width:6rem;

		margin: 0 auto;

		text-align: center;

		font-size: .28rem;

		line-height: .46rem;

		color: #fff;

		margin-top: .3rem;

	}



	.adv .swiper-scrollbar{

		width: 7.1rem;

		height: .1rem;

		background: #ccc;

		margin: 0 auto;

		border-radius: 15px;

		margin-top: .2rem;

	}

	.adv .swiper-scrollbar-drag{

		background: #4E84C2;

		border-radius: 15px;

		height: .1rem;

	}

	.cases{

		margin-top: .6rem;

	}

	.cases .show{

		margin-top: .3rem;

	}

	.cases .show .pic ul li{

		width: 12%;

		margin-left: .5%;

	}

	.cases .show .pic{

		width: 50%;

	}

	.cases .show .pic ul li p{

		font-size: .28rem;

		margin-top: .1rem;

	}



	.about{

		margin-top: .5rem;

	 	padding: .3rem 0;

	 	background: #F5F5F5;



	}

	.about .main{

		display: flex;

		flex-direction: column-reverse;

	}



	.about .pic{

		width: 100%;

	}

	.about .intro{

		width: 100%;

	}

	.about .intro h4{

		font-size: .4rem;

		margin-top: .4rem;

		text-align: center;

	}

	.about .intro .info{

		width: 7rem;

		margin: 0 auto;

		margin-top: .3rem;

		height: auto;

		text-align: justify;

	}

	.about .more{

		margin: 0 auto;

		margin-top: .4rem;

		width: 3.4rem;

		height: .8rem;

		margin-bottom: .4rem;

		font-size: .3rem;

		line-height: .8rem;

		background: #FFFFFF;

	}

	.about .more{

		color: #333;

	}

	.honor{

		margin-top: .4rem;

	}

	.honor .swiper-pagination{

		display: table;

		margin: 0 auto;

		margin-top: .1rem;

	}

	.honor .swiper-pagination span{

		display: block;

		width: .2rem;

		height: .2rem;

		background: #ccc;

		border-radius: 50%;

		float: left;

		margin: 0 .1rem;

	}

	.honor .swiper-pagination .swiper-pagination-bullet-active {

		background: #4E84C2;

	}





	.news{

		margin-top: .6rem;

	}



	.news .focus{

		width: 7rem;

		margin: 0 auto;

		float: initial;

		margin-top: .3rem;

	}



	.news .focus ul li p{

		font-size: .32rem;

		height: 1rem;

		line-height: 1rem;

	}



	.news .swiper-pagination span{

		width: .2rem;

		height: .2rem;

		margin: 0 .08rem;

	}

	.news .swiper-pagination{

		bottom: .35rem;

		right: .2rem;

	}



	.news .list{

		width: 7.3rem;

	}

	.news .list ul li{

		width: 3.55rem;

		margin-bottom: .2rem;

		padding: .3rem;

	}

	.news .list ul li .tit{

		border-bottom: .02rem solid #E6E6E6;

		padding-bottom: .3rem;

	}

	.news .list ul li .time b{

		font-size: .6rem;

		display: block;

	}

	.news .list ul li .time p{

		font-size: .26rem;

		margin: 0;

	}

	.news .list ul li .tit{

		background-size: auto .36rem;

	}

	.news .list ul li .info h4{

		width: 100%;

		font-size: .3rem;

	}

	.news .list ul li .info p{

		font-size: .28rem;

		line-height: .46rem;

		margin-top: .2rem;

	}

	.news .list ul li .info{

		margin-top: .2rem;

	}

	.footer{

		margin-top: .6rem;

		min-height: auto;

		padding-top: .6rem;

		padding-bottom:2rem;

	}

	.footer .main{

		width: 6.5rem;

	}

	.footer .tit{

		width: 3.6rem;

	}

	.footer .intro{

		width: 100%;

		margin: 0 auto;

		float: initial;

	}

	.footer .tit:after{

		height: .02rem;

		bottom: .06rem;

	}

	.footer .tit p{

		font-size: .3rem;

	}

	.footer .tit span{

		font-size: .26rem;

	}

	.footer .intro h4{

		font-size: .42rem;

		margin-top: .3rem;

	}

	.footer .intro .info{

		font-size: .28rem;

		line-height: .42rem;

		margin-top: .3rem;

	}

	.footer .ewm{

		 float: initial;

		 margin-top: .6rem;

	}

	.footer .ewm img{

		margin: 0;

		width: 2.8rem;

		height: 2.8rem;

		margin-top: .4rem;

	}

	.footer .ewm b{

		width: 2.8rem;

		text-align: center;

		font-size: .24rem;

		margin-top: .1rem;



	}


	.float-right{
		display: none;
	}
	.fn{

		width: 7.5rem;

		height:auto;

		position: fixed;

		display: block;

		bottom: 0;

		left:50%;

		margin-left: -3.75rem;

		z-index: 100;

	}

	.fn ul {

		display: flex;

		justify-content: space-between;

		align-items: flex-end;

		flex-wrap: nowrap;

	}

	.fn ul li{

		float: left;

		width:1.82rem;

		height: auto;

		background:#4E84C2;

		padding-top: .2rem;

		padding-bottom: .1rem;

		text-align: center;

		position: relative;

	}



	 

	.fn ul li img{

		display: block;

		margin:0 auto;

		height:.6rem;

	 

	}

	.fn ul li p{

		color:#fff;

		margin-top:.1rem;

		font-size:.28rem;

	 

	}

	.fn ul li div{

		position: absolute;

		width: 100%;

		left: 0;

		bottom:80px;

		display: none;

		background: #0d64b8;

	}

	.fn ul li div ul li{

		width: 100%;

		float: inherit;

		height: auto;

		line-height: 30px;

		border-bottom: 1px dashed #ccc;

		overflow: hidden;

	}

	 

	.gotop{

		display: none;

		width: .8rem;

		height: .8rem;

		background:#4E84C2 url(../images/gotop.png) no-repeat center;

		background-size: .5rem auto;

		position: fixed;

		right: .1rem;

		bottom: 3rem;

		border-radius:5px;

		z-index: 1000;

	}



	.links {

		display: none;

	}

 	

 	.crumbs{

 		width: 100%;

 		height: auto;

 		overflow: hidden;

 	}

 	.crumbs img{

 		height: .3rem;

 		margin-top: .2rem;

 	}

 	.crumbs .main div{

 		font-size: .24rem;

 	}

 	.crumbs p{

 		font-size: .28rem;

 		line-height: .8rem;

 	}

 	.crumbs a{

 		font-size: .26rem;

 	 	display: initial;

 		 

 		padding-right: .3rem;

 		line-height: .8rem;

 	}

 	.crumbs a:after{

 		font-size: .26rem;

 		margin-top: 0;

 		top: 0;

 		line-height: .4rem;

 		right: .08rem;

 		display: block;

 	}



 	.tab{

 		width: 7.1rem;

 		margin: 0 auto;

 		margin-top: .4rem;

 	}

 	.tab .main{

 		height: auto;

 		overflow: hidden;

 	}

 	.tab ul{

 		width: 100%;

 	}

 	.tab ul li{

 		width: 2.28rem;

 		height: .8rem;

 		line-height: .8rem;

 		margin: 0;

 		margin-left: .13rem;

 		margin-bottom: .15rem;

 	}

 	.tab ul li:nth-child(3n-2){

 	  	margin-left: 0;

 	}

 	.tab ul li a{

 		line-height: .8rem;

 		font-size: .28rem;

 	}

 	.img-list .pic {

 		margin-top: .3rem;

 		height: auto;

 		overflow: hidden;

 	}

 	.img-list .pic ul li{

 		width: 3.55rem;

 		margin: 0;

 		margin-bottom: .3rem;

 	}

 	.img-list .pic ul li:nth-child(2n){

 		float: right;

 	}

 	.img-list .pic ul li p{

 		height: .6rem;

 		line-height: .6rem;

 		font-size: .28rem;

 	}





 	.news-list{

 		width: 7.3rem;

 		margin: 0 auto;

 		margin-top: .5rem;

 	}

 	.news-list ul li{

 		width: 3.55rem;

 		margin-bottom: .2rem;

 		padding: .3rem;

 	}

 	.news-list ul li .tit{

 		border-bottom: .02rem solid #E6E6E6;

 		padding-bottom: .3rem;

 	}

 	.news-list ul li .time b{

 		font-size: .6rem;

 		display: block;

 	}

 	.news-list ul li .time p{

 		font-size: .26rem;

 		margin: 0;

 	}

 	.news-list ul li .tit{

 		background-size: auto .36rem;

 	}

 	.news-list ul li .info h4{

 		width: 100%;

 		font-size: .3rem;

 	}

 	.news-list ul li .info p{

 		font-size: .28rem;

 		line-height: .46rem;

 		margin-top: .2rem;

 	}

 	.news-list ul li .info{

 		margin-top: .2rem;

 	}







	.article-detailed{

		width:100%;

		margin:0 auto;

		padding-bottom: .5rem;

		margin-top: .4rem;

	}

	.article-detailed .main{

		width: 7.1rem;

	}

	.article-detailed .tit h4{

		font-size: .32rem;

		text-align: center;

	}

	.article-detailed .tit p{

		font-size: .2rem;

		margin-top: .2rem;

		width: 100%;

		background: #eee;

		padding: .1rem 0;

		text-align: center;

	}

	.article-detailed .tit span{

		display: block;

		font-size: .24rem;

		line-height: .4rem;

		width: 100%;

	}

	.article-detailed .info{

		margin-top: 0;

		font-size: .3rem;

		line-height: .6rem;

		text-align: justify;

		margin-top: .2rem;

	}

	.article-detailed .info img{

		display: block;

		margin: 0 auto;
		max-width: 100%;

	}

	.article-detailed .info p{

		text-indent: 2em;

	}

	.fy{

		width: 7.1rem;

		margin: .6rem auto;

		border:.02rem solid #eee;

		line-height: .7rem;

	}

	.fy p{

		line-height: .7rem;



		font-size:.24rem;

		padding:0 .1rem;

		width: 50%;

		text-align: center;

		box-sizing: border-box;

		border-right: .02rem solid #eee;

	}

	.fy p:nth-child(2){

		border: none;

	}

	.fy a{



	}

	.fy .return{

		width: 100%;

		box-sizing: border-box;

		float: initial;

		text-align: center;

		float: left;

		line-height: .7rem;

		display: block;

		border-top: .02rem solid #eee;

	}





	.page{

		width: 7.1rem;

		margin:.6rem auto;

	}

 	

 	.page ul li{

 		height: .6rem;

 		border-radius: .06rem;

 		margin: 0 .08rem;

 		line-height: .58rem;

 		font-size: .24rem;

 		padding: 0 .2rem;

 		border: .02rem solid #ccc;

 	}

 	.page ul .thisclass{

 		border: .02rem solid  #0f3371;

 	}

	.map{

		height:5rem;

		margin-top: .8rem;

	}

	.map .allmap{

		height: 5rem;

	}

	 

}