*{margin:0px;padding:0px;}body{background:#fff;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; color: #999;}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;}}


 
@font-face {
    font-family:SourceHanSansCN-ExtraLight;
    src: url(../font/SourceHanSansCN-ExtraLight.ttf),url(../font/SourceHanSansCN-ExtraLight.woff);

}

body{
	overflow-x: hidden;
}


.main{
	width: 1600px;
	margin:0 auto;
 
}
 

.head{
	width: 100%;
	height: 100px;
	background: #fff;
	position:fixed;
	z-index: 10;
	top: 0;
}

.head .main{
	width: 100%;
	padding: 0 50px;
	height: 100px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	justify-content: space-between;
}

.head .right{
	width: 66%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head  .con-box{
	display:flex;
	align-items: center;
	height: 100px;
}
.head  .con-box img{
	display: block;
	 
}
.head  .con-box div{
	margin-left: 20px;
	position: relative;
 	
}
.head  .con-box div img{
	display: block;
 
}
.head  .con-box div i{
	width: 40px;
	height: 40px;
	border: 1px solid #3A6FB1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.head  .con-box  b{
	position: absolute;
	top: 80px;
	visibility: hidden;
	opacity: 0;
	background: #fff;
	color: #2366BA;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 24px;
	right: 0;
	transition: .5s;
}

.head  .con-box .ewm {
	position: relative;

}
 
.head  .con-box  .ewm div{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 80px;
	opacity: 0;
	transition: .5s;
	visibility: hidden;
}
.head  .con-box  .ewm div img{
	display:block;
	width:130px;
	
}
.nav-btn{
	width: 90px;
	height:90px;
	position:fixed;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	top: 0;
	right: -90px;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, .8);
	z-index: 100;
	transition: .5s;
}
.nav-btn  img{
	display: block;
	margin: 0 auto;
}

.nav-btn h4{
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	font-weight: normal;
}
.nav-show{
	opacity: 1;
	visibility: initial;
	right: 0;
}
/*.head .main{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	height:90px;
}
*/

/*.banner .bannerSwiper{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
}
 
.banner .bannerSwiper .swiper-slide  img{
	width:100%;
	height:auto;
	min-height:100%;
	transition:1s linear 2s;
	transform:scale(1.1,1.1);
}

.banner .bannerSwiper .swiper-slide-active img,.banner .bannerSwiper .swiper-slide-duplicate-active img{
	transition:6s linear;
	transform:scale(1,1);
}
.banner img:last-child{
	display: none;
}

.bannerSwiper .swiper-pagination span{
	display: block;
	width: 30px;
	height: 10px;
	background: #B9CAE0;
	border-radius: 10px;
	margin: 0 10px;
}
.bannerSwiper .swiper-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom:50px !important;
	z-index: 10;
}

.bannerSwiper .swiper-pagination  .swiper-pagination-bullet-active{
	background: #2366BA;
}

.bannerSwiper  .swiper-button-next ,.bannerSwiper  .swiper-button-prev{
	display: block;
	position:absolute;
	right: 50px;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	z-index: 10;
	bottom:50px;
	border-radius: 50%;
}
.bannerSwiper  .swiper-button-next{
	background: url(../images/next.png) no-repeat center;
}
.bannerSwiper  .swiper-button-prev{
	bottom: 120px;
	background: url(../images/prev.png) no-repeat center;
}*/

.banner  .float{
	position: absolute;
	left: 30px;
	z-index: 10;
	display: flex;
	flex-wrap: wrap;
	bottom: 100px;
	align-items: center;
	transform: rotate(90deg);
	
}
.banner  .float p{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	z-index: 10;
	margin-right: 10px;
 
}

.banner  .float span{
	display: block;
	width: 34px;
	height: 20px;
	border: 2px solid #fff;
	border-radius: 10px 10px 10px 10px ;
	box-sizing: border-box;
	position: relative;
}
.banner  .float span:after{
	content: "";
	width: 10px;
	height:4px;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	background: #fff;
	top: 50%;
	animation-duration: .5s;
	animation-iteration-count:infinite;
	animation-timing-function:ease;
	animation:myfirst 2.5s infinite ;
	transform: translate3d(-50%, -50%, 0px);
}

@keyframes myfirst
{
  	0%   {transform: translate3d(-95%, -50%, 0px); opacity: 1}

  	50% {transform: translate3d(-5%, -50%, 0px);opacity: .3}
    
    100% {transform: translate3d(-95%, -50%, 0px); opacity: 1}
}

.banner:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 2;
}
.banner video{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: fill;
	left: 0;
	z-index: 1;
	top: 0;
}

/*.banner video:last-child{
	display: none;
}
*/

.pc-video{
	display: block;
}
.m-video{
	display: none;
}

.banner .infoSwiper{
	position: relative;
	z-index: 3;
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.banner .infoSwiper .swiper-slide{
	height: 500px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.banner .infoSwiper .swiper-slide   h4{
	text-align: center;
	font-size: 48px;
	font-weight: 200;
	color: #fff;
	font-weight: normal;
	position: relative;
	transform: translateY(40px);
	opacity: 0;
	transition: all ease .8s .6s
	
}

.banner .infoSwiper .swiper-slide   p{
	text-align: center;
	font-size: 36px;
	color: #fff;
	position: relative;
	margin-top:10px;
	transform: translateY(40px);
	transition: all ease .8s .3s;
	opacity: 0;
	font-weight: 300;
}

.banner .infoSwiper .swiper-slide  span{
	font-size: 32px;
	font-weight: 300;
}

.banner .infoSwiper .swiper-slide-active h4{
	opacity: 1;
	transform: translateY(0);
}
.banner .infoSwiper .swiper-slide-active p{
	opacity: 1;
	transform: translateY(0);
}

 
.in-banner {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin-top: 100px;
}
.in-banner img{
	display: block;
	
}
.in-banner img:last-child{
	display: none;
}

.in-banner  div{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
}

.in-banner  div  h4{
	text-align: center;
	font-weight: normal;
	color: #fff;
	position: relative;
	font-size: 36px;
	padding-bottom: 20px;
}

.in-banner  div  h4:after{
	content: '';
	width: 30px;
	height: 3px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	bottom: 0;
}
.in-banner  div p{
	color: #fff;
	font-size:20px;
	text-align: center;
	margin-top: 10px;
}

.title  div p{
	color: #fff;
	font-size: 20px;
}

.title div {
	display: flex;
 
	align-items: center;
 
	position: relative;
}
.title hr{
 	display: block;
	width: 100px;
	height: 1px;
	border:none;
 	background: #fff;
 	margin: 0 13px;
  	left: 35px;
}
.title h4{
	color: #fff;
	font-size: 50px;
	font-weight: normal;
}

.title b{
	color: #fff;
	font-size: 18px;
	display: block;
	margin-top: 5px;
	font-weight: normal;
}
.about{
	background: url(../images/bg01.jpg) no-repeat center;
	background-size: cover;
}

 

.about .intro{
	width: 650px;
}
.about .intro .info  {
	width: 100%;
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	margin-top: 40px;
	display: -webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 145px;
}

.about  .main{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about ul {
	display: flex;
	width: 550px;
	margin-top: 70px;
	justify-content: space-between;
}

.about ul li{
	border-left: 1px solid #fff;
	width: 100%;
	 
}

.about ul li:last-child{
	border-right: 1px solid #fff;
}
.about ul li a{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.about img{
	display: block;
}
.about ul li p{
	color: #fff;
	width: 100%;
	text-align: center;
	margin-top: 5px;
	font-size: 16px;
}

.about .intro .more{
	display: block;
	width: 160px;
	height: 48px;
	background-size: cover;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: 16px;
	margin-top: 45px;
	border: 1px solid #fff;
}

.about .pic{
	width: 880px;
	height: auto;
	overflow: hidden;
	position: relative;
}

.about .pic:after{
	width: 860px;
	content: '';
	height: 580px;
	background: #2366ba;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 100px 0 65px 0;
}

.about .pic img{
	display: block;
	transition: 1s;
	position: relative;
	z-index: 10;
	margin-top: 20px;
	margin-left: 20px;
	
}

 
.product{
	background: url(../images/bg09.jpg) no-repeat center;
}

.product  .main{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product .left{
	float: left;
}

.product .left .btn{
	display: none;
}
.product  .list{
	width: 280px;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.product  .list ul li {
	line-height: 50px;
	position: relative;
	padding-left:40px;
	transition: .5s;
}
.product  .list ul li:after{
	content: "";
	width: 34px;
	height: 1px;
	position: absolute;
	left: 0;
	background: #fff;
	top: 50%;
	transition: .5s;
}
.product  .list ul li a{
	color: #fff;
	font-size: 18px;
	display: block;
}

  .more{
	display: block;
	width: 160px;
	height: 50px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	border-radius: 30px;
}

.product  .pic{
	float: right;
	width: 1200px;		
}

.product  .pic ul {
	display: flex;
	height: 780px;
}
.product  .pic ul li{
	float: left;
	width: 285px;
	height: auto;
	overflow: hidden;
	/*margin-left: 20px;
	margin-bottom: 20px;*/
	background: #fff;
}

.product  .pic ul li:nth-child(4n-3){
	margin-left: 0;
}
.product  .pic ul li img{
	display: block;
	width: 100%;
}
.product  .pic ul li .info{
	width: 100%;
	height: auto;
	background: #F5F5F5;
	overflow: hidden;
	padding: 20px 0;
}
.product  .pic ul li .info h4{
	color: #333333;
	font-weight: normal;
	text-align: center;
	font-size: 20px;
}

.product  .pic ul li .info p{
	text-align: center;
	font-size: 13px;
	color: #666666;
	margin-top:5px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
    box-sizing: border-box;
}

.product .pic ul li:nth-child(n+5){
	margin-bottom: 0;
}

.product .swiper-pagination span{
	display: block;
	width: 30px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 10px;
	margin: 0 5px;

}
.product .swiper-pagination {
	display: flex;
	margin-top: 15px;
	justify-content: center;
}

.product .swiper-pagination  .swiper-pagination-bullet-active{
	background: #fff;

}


.product .more{
		margin-top: 110px;
}
 
.cases{
	background: url(../images/bg03.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.cases .left{
	width: 330px;
	height: auto;
	overflow: hidden;
}

.cases .left .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
}

.cases .left .more{
	margin-top: 80px;
}


 
.cases .caseSwiper{
	width:71%;
	position: absolute;
	right: 0;
	top: 50%;
 	margin-top: -116px;
}

.cases .caseSwiper .swiper-slide div{
	overflow: hidden;
}

.cases .caseSwiper .swiper-slide img{
	display: block;
	width: 100%;
	transition: .8s;
}

.cases .caseSwiper .swiper-slide  p{
	text-align: center;
	font-size: 16px;
	color: #333333;
	height: 60px;
	line-height: 60px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #FFFFFF;

}


.honor{
	width: 100%;
	background: url(../images/bg04.jpg) no-repeat center;
	background-size: cover;
}

.honor .left{
	width: 340px;
	float: left;
}
.honor .left .info{
	color: #fff;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}

.honor .left .more{
	margin-top: 50px;
}
.honorSwiper{
	float: right;
	width: 1200px;
}

.honorSwiper .swiper-slide img{
	display: block;
	width: 100%;
}

.honorSwiper .swiper-slide p{
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 10px;
}

.honorSwiper .swiper-pagination span{
	display: block;
	width: 30px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 10px;
	margin: 0 5px;

}
.honorSwiper .swiper-pagination {
	display: flex;
	margin-top: 66px;
	justify-content: center;
}

.honorSwiper .swiper-pagination  .swiper-pagination-bullet-active{
	background: #fff;

}

.news{
	background: url(../images/bg05.jpg) no-repeat center;
	background-size: cover;
}

.news .fp-tableCell {
	vertical-align: bottom;
}
.news .top{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	width: 980px;
}

.news .top a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news .top img{
	display: block;
	width: 400px;
	height: 280px;
}
.news .top  .intro{
	margin-left: 34px;
	width: 550px;
}
.news .top h4{
	color: #fff;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-size: 24px;
	font-weight: normal;

}

.news .top span{
	display: block;
	color: #fff;
	font-size: 14px;
	margin: 20px 0;
}

.news .top p{
	color: #fff;
	font-size:16px;
	line-height: 28px;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 52px;

}

.news .top i{
	display: block;
	width: 150px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	margin-top: 30px;
	font-style: normal;
	font-size: 16px;
}

.news ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:60px;
	width: 100%;
}
.news  ul li{
	width: 33.3333%;
	height: 260px;
	padding: 0 50px;
	box-sizing: border-box;
	border-right: 1px solid #fff;
	background: rgba(0, 0, 0, .3);
}

.news  ul li a{
	display: flex;
	flex-wrap: wrap;
	height: 260px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;

}
.news  ul li:last-child{
	border-radius:none;
}
.news  ul li h4{
	color: #fff;
	font-size: 24px;
	width: 100%;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;

}

.news  ul li span{
	display: block;
	color: #cccccc;
	font-size: 15px;
	margin-top: 10px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.news  ul li p{
	color: #fff;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 50px;
	line-height: 28px;
}

.news  ul li span:after{
	content: "";
	width: 60px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
}

.news  ul li  p{
	color: #fff;
	font-size: 16px;
}

.contact{
	background: url(../images/bg06.jpg) no-repeat center;
	background-size: cover;
}

.contact .left{
	float: left;
	width: 250px;
}
.contact .right{
	float: right;
	width: 1200px;
}
.contact .right .intro{
	width: 100%;
	height: auto;
	overflow: hidden;

}
.contact .right .info{
	float: left;
	font-size: 15px;
	line-height: 28px;
	color: #fff;
}
.contact .right .ewm{
	float: right;
}
.contact .right .ewm p{
 
	color: #fff;
	font-size: 20px;
}
.contact .right .ewm img{
	display: block;
	width: 145px;
	height: 145px;
	margin-top: 10px;
}

.contact .links{
	width: 100%;
	height: auto;
	margin-top: 90px;
	overflow: hidden;
}
.contact .links p{
	color: #fff;
	font-size: 20px;
	height: 40px;
	border-bottom: 1px solid #fff;
}

.contact .links  ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.contact .links ul li{
	padding: 0 10px;
	line-height: 30px;
	margin-bottom: 10px;
	float: left;
}
.contact .links ul li a{
	color: #999999;
	font-size: 14px;
}
 
.fn{
	display: none;
}

.bar{
	background: #F4F4F4;
	height:auto;
	overflow: hidden;

}

.bar .main{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
}
.crumbs{
	width: 45%;
	height: auto;
	overflow: hidden;
	 
	display: flex;
	align-items: center;
}

 
.crumbs .tit{
	width: 52px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	height: 52px;
 	float: left;
 	margin-right: 17px;
 
} 
.crumbs   img{
	display: block;
	margin-right: 5px;
 	
}

.crumbs div{
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666666;
    max-width: 600px;
}

.crumbs p{
	float: left;
	color: #999;
	font-size: 14px;
	line-height: 52px;
}
.crumbs  a{
 
	color:#999999;
	 
	padding-right: 20px;
	position: relative;
	font-size: 14px;
	line-height: 52px;
}
.crumbs  a:after{
	content: ">";
	position: absolute;
	right:5px;
	top: 0;
	height: 20px;
	line-height: 20px;
	color:#999;
	display: block;
	font-family:'宋体';
	font-size: 12px;
}
.crumbs  a:last-child:after{
	width: 0;
	height: 0;
	overflow: hidden;
}


.tab ul{
	display: flex;
}
.tab ul li{
	padding: 0 30px;
	height: 80px;
	line-height: 80px;
	position: relative;
}
.tab ul li:after{
	content: "";
	width: 1px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #DCDCDC;
}

.tab ul li:before{
	width:0;
	height: 3px;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	background: #2366BA;
}
.tab ul li a{
	color: #333333;
	font-size: 18px;
}
.tab ul .active a{
	color:#2366BA;
}

.tab ul .active:before{
	width: 100%;
}
.pro-section{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 78px;
}

.pro-section .list{
	width: 372px;
	height: auto;
	overflow: hidden;
	background:#E5E5E5;
	float: left;
}
.pro-section .list .tit{
	width: 100%;
	height: 120px;
	background:#2366BA;
	background-size: cover;	
 	padding-left: 28px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
 
 
}

.pro-section .list .tit  img{
	display: block;
	margin-right: 10px;
}
.pro-section .list .tit h4{
	color: #fff;
	font-size: 32px;
	font-weight: normal;
}

.pro-section .list .tit p{
	color: #fff;
	width: 100%;
	font-size: 18px;
	margin-top: 2px;
	text-transform: uppercase;
}
.pro-section .list .bd{
	width: 100%;
	height: auto;
	overflow: hidden;
	border: 5px solid #E5E5E5;
	box-sizing: border-box;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	border-top: none;
	padding-top: 30px;
}

.pro-section .list  ul  li {
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
}
.pro-section .list  ul  li h4{
	width: 100%;
	border-bottom: 1px solid #DCDCDC;
	color: #333333;
	height: 35px;
	display: flex;
	justify-content: space-between;
	font-size: 18px;
}


.pro-section .list  ul  li h4 a{
	color: #333;
	display: block;
	width: 70%;

}
.pro-section .list  ul  li h4  i{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/icon07.png) no-repeat  center;
}
.pro-section .list  ul  li dl{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.pro-section .list  ul  li dd {
	width: 150px;
	height: 40px;
	border: 1px solid #E5E5E5;
	text-align: center;
	line-height: 40px;
	padding: 0 5px;
	box-sizing: border-box;
	margin-top: 10px;
	float: left;
}
.pro-section .list  ul  li dd:nth-child(2n){
	float: right;

}

.pro-section .list  ul  li dd a{
	color: #555555;
	font-size: 16px;
	display: block;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.pro-section .right{
	float: right;
	width: 1200px;
	height: auto;
	overflow: hidden;
}

.pro-section .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.pro-section .pic ul li{
	float: left;
	width:285px;
	height: auto;
	padding: 1px;
	background: #F5F5F5;
	box-sizing: border-box;
	overflow: hidden;
	margin-left: 20px;
	margin-bottom: 20px;
}
.pro-section .pic ul li:nth-child(4n-3){
	margin-left: 0;
}

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

.pro-section .pic ul li  .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 25px 0;
	box-sizing: border-box;
}

.pro-section .pic ul li  .info h4{
	width: 100%;
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;

}

.pro-section .pic ul li  .info p{
	text-align: center;
	font-size: 13px;
	color: #666666;
	margin-top: 5px;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.pro-section .pro-details{
	width: 100%;
	height: auto;
	overflow: hidden;
}


.pro-section .pro-info{
	display: flex;
	width: 100%;
	justify-content: space-between;
 
}


.pro-section .pro-info .img img{
	display: block;
	width:520px;
	height: 520px;
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
}

.pro-section .pro-info .text{
	width: 620px;
	height: 520px;
	position: relative;
}

.pro-section .pro-info  .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 80px;

}

.pro-section .pro-info  .tit h4{
	width: 100%;
	color: #333333;
	font-size: 28px;
	height: 50px;
	font-weight: normal;
	border-bottom: 1px solid #E5E5E5 ;
}

.pro-section .pro-info  .tit p{
	display: block;
	color: #666666;
	font-size: 16px;
	margin-top: 20px;
	width: 100%;
	height: 40px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;


}

.pro-section .pro-info .tel{
	width: 400px;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	border: 8px solid #E5E5E5;
	padding: 20px 0;
	box-sizing: border-box;
	padding-left: 40px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
}
.pro-section .pro-info .tel .t {
	display: flex;
	align-items: center;
}

.pro-section .pro-info .tel img{
	display: block;
	margin-right: 10px;
}
.pro-section .pro-info .tel p{
	color: #555555;
	font-size: 22px;
} 
.pro-section .pro-info .tel  span{
	display: block;
	font-size: 13px;
	margin-top: 2px;
	color: #999999;
	text-transform: uppercase;
}


.pro-section .pro-info .tel b{
	color: #2366ba;
	font-size: 42px;
	line-height: 40px;
	margin-top: 10px;
	display: block;
	max-width: 325px;
}

.pro-intro{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.pro-intro .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #EEEEEE;
}

.pro-intro .tit  h4 {
	color: #ffffff;
	font-size: 20px;
	width: 160px;
	height: 60px;
	text-align: center;
	line-height: 60px;

	background:#2366BA no-repeat center;
	background-size: cover;
}

.pro-intro  .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 15px;
	line-height: 36px;
	text-indent: 2em;
	color: #555555;
	margin-top: 40px;
	min-height: 350px;
}

.pro-intro  .info img{
	display: block;
	max-width: 100%;
}
.bottom-news{
	width: 1600px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
	border: 8px solid #E5E5E5;
	padding: 20px;
	box-sizing: border-box;
}

.bottom-news .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.bottom-news .tit div{
	position: relative;
	padding-left: 20px;

}
.bottom-news .tit div:after{
	left: 0;
	content: '';
	position: absolute;
	left: 0;
	height: 40px;
	width: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: #2366BA;
}
.bottom-news .tit h4{
	color: #333333;
	font-size: 24px;
	font-weight: normal;
}


.bottom-news .tit  p{
	color: #999999;
	font-size: 15px;
}


.bnSwiper{
	margin-top: 30px;
}

.bnSwiper .swiper-slide{
	border:1px solid #E5E5E5;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 35px 30px;
}


.bnSwiper .swiper-slide h4{
	width: 100%;
	font-size: 20px;
	color: #333333;
	width: 100%;
	 white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: normal;
}

.bnSwiper .swiper-slide span{
	display: block;
	font-size: 14px;
	color: #999999;
	position: relative;
	padding-bottom: 15px;
	margin-top: 10px;
}
.bnSwiper .swiper-slide span:after{
	content: '';
	width: 60px;
	height: 3px ;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #DCDCDC;
}

.bnSwiper .swiper-slide p{
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}
.bnSwiper  .swiper-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.bnSwiper .swiper-pagination span{
	display:block;
	width: 25px;
	height: 6px;
	background: #CCCCCC;
	border-radius: 10px;
	margin: 0 5px;
}

.bnSwiper .swiper-pagination .swiper-pagination-bullet-active{
	background: #2366BA;
}



.case-section{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}

.case-section .details{
	display: block;
	width: 1100px;
	height: auto;
	overflow: hidden;
	border: 8px solid #E5E5E5;
	box-sizing: border-box;
	padding: 22px;
	float: left;
	box-sizing: border-box;
}
.case-section .details .tit{
	width: 100%;
}

.case-section .details .tit h4{
	width: 100%;
	color: #333333;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
}

.case-section .details .tit div{
	width: 100%;
	height: 60px;
	overflow: hidden;
	background: #EEEEEE;
	padding: 0 10px;
	display: flex;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.case-section .details .tit div p{
	color: #999999;
	margin: 0 10px;
	font-size: 14px;
}

.case-section .details .intro{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
	color: #999999;
	font-size: 16px;
	line-height: 30px;
}
.case-section .details .intro img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.case-section .details .intro p{
	text-indent: 2em;
}
 
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #fff;
	border: 1px solid #fff;
	left: 0;
	top: 0;
/*	width: 20px;
	height: 20px;*/

}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
	background: #2366BA;
	border: 1px solid #2366BA;
}



.case-section .right{
	float: right;
	width: 469px;
}

.r-pro{
	border: 8px solid #E5E5E5;
	height: auto;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
}

.case-section .right .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.case-section .right .tit div{
	position: relative;
	padding-left: 20px;

}
.case-section .right .tit div:after{
	left: 0;
	content: '';
	position: absolute;
	left: 0;
	height: 40px;
	width: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: #2366BA;
}
.case-section .right .tit h4{
	color: #333333;
	font-size: 24px;
	font-weight: normal;
}


.case-section .right .tit  p{
	color: #999999;
	font-size: 15px;
}


.rSwiper{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
}
.rSwiper .swiper-slide {

	border: 1px solid #F5F5F5;
	box-sizing: border-box;
}

.rSwiper .swiper-slide img{
	display: block;
	width: 100%;
	transition: .5s;

}

.rSwiper .swiper-slide p{
	color: #333333;
	font-size: 20px;
	width: 100%;
	padding-right: 175px;
	box-sizing: border-box;
	margin-top: 10px;
	    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	
}

.rSwiper .swiper-pagination span{
	display: block;
	width: 20px;
	height: 5px;
	background: #999999;
	border-radius: 10px;
	margin: 0 5px;
}

.case-section .right .rSwiper .swiper-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	left: initial;
	bottom: 0;
 	background: #fff;
	z-index: 10;
	height: 25px;
	width: 180px;
}

.rSwiper .swiper-pagination .swiper-pagination-bullet-active{
	background: #2366BA;
}


.r-news{
	border: 8px solid #E5E5E5;
	height: auto;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 30px;
}

.r-news ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.r-news ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	padding: 24px 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.r-news ul li h4{
	width: 100%;
	color: #333333;
	font-size: 20px;
	width: 100%;
	  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;
}

.r-news ul li h4:after{
	content: "";
	width: 40px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #DCDCDC;
}
.r-news ul li p{
	color: #999999;
	font-size: 14px;
	margin-top: 10px;
}
.footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #2366BA;
	background-size: cover;
	margin-top: 75px;
	padding: 60px 0;
	box-sizing: border-box;
}


.footer .main{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.footer .intro{
	float: left;
}
.footer .intro img{
	display: block;
}
.footer .intro .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 15px;
	line-height: 28px;
	margin-top: 30px;
	color: #fff;
}
.footer .menu ul{
	display: flex;
	width: 670px;
	justify-content: space-between;
	align-items: flex-start;
}

.footer .menu ul li a{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.footer .menu ul li  ul{
	display: block;
	width: auto;
	margin-top: 10px;
}

.footer .menu ul li  ul li{
	line-height: 30px;
}
.footer .menu ul li  ul li a{
	font-size: 15px;
	font-weight: normal;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.footer .ewm p{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.footer .ewm  ul{
	margin-top: 10px;
}
.footer .ewm  ul li{
	float: left;
	margin-right: 10px;

}
.footer .ewm  ul li:last-child{
	margin-right: 0;
}
.footer .ewm  ul li img{
	display: block;
	width: 145px;
	height: 145px;
}
.page{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 50px auto;

 

}




.float-right{
	width:auto;
	height: auto;
	overflow: hidden;
	position: fixed;
	top:50%;
	transform:translateY(-50%);
	right: 0;
	width: 230px;
	display: block;
	z-index: 1000;
}
.float-right ul li{
	width: 230px;
	margin-top: 2px;
	height:auto;
	overflow: hidden;
	margin-left: 170px;
	position: relative;
	 
	transition: .5s;
 
}
 
.float-right ul li span{
	display: block;
	width: 60px;
	height: 60px;
	float: left;
 
	box-sizing: border-box;
}
.float-right ul li:nth-child(1):hover{
	margin-left: 0;
}
.float-right ul li:nth-child(2):hover{
	margin-left: 0;
}
.float-right ul li:nth-child(4):hover{
	margin-left: 0;
}
.float-right ul li:nth-child(2):hover img{
	height: 160px;
}
.float-right ul li p{
	float: left;
	font-size: 18px;
	color:#fff;
	width: 170px;
	text-align: center;
 	min-height: 60PX;
 	background:rgba(0, 0, 0,.5);
 	box-sizing: border-box;
   	line-height: 24px;
   	display: flex;
   	align-items: center;
   	justify-content: center;
	font-weight: bold;
 
}
.float-right ul li a{
	display: block;
	line-height: 50px;
	text-align: center;
	background: #0f51bb;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
.float-right ul li:nth-child(1) span{
	background:rgba(0, 0, 0,.5) url(../images/float01.png)no-repeat  center;
	background-size:  auto 25px;

}
.float-right ul li:nth-child(2) span{
	background:rgba(0, 0, 0,.5) url(../images/float02.png)no-repeat   center;
	background-size: auto 25px;
}
.float-right ul li:nth-child(3) span{
	background:rgba(0, 0, 0,.5) url(../images/float03.png)no-repeat   center;
	background-size: auto 25px;
}
 
.float-right ul li div{
	width:170px;
	float: left;
 	background:rgba(0, 0, 0,.5);
	height: auto;
	padding: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.float-right ul li img{
	display: block;
	width: 160px;
	height:50px;
	transition: .3s;
	float: right;
	 
	
}
#goTop{
	display: none;
}

.nav-links{
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-links a{
	margin: 0 3px;
	border: 1px solid #ccc;
	line-height: 30px;
	color: #333;
	padding: 0 10px;
}

.nav-links span{
	margin: 0 3px;
	border: 1px solid #ccc;
	line-height: 30px;
	color: #333;
	padding: 0 10px;
}

.nav-links .current{
	background: #2366BA;
	border: 1px solid  #2366BA;
	color: #fff;
}




.img-list{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}
.img-list ul li{
	float: left;
	width: 380px;
	height: auto;
	overflow: hidden;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	padding: 14px;
	margin-bottom: 25px;
	margin-left: 26px;
}

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


.img-list ul li .img-box img{
	display: block;
	width: 100%;
}
.img-list ul li p{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #EEEEEE url(../images/icon08.png) no-repeat right center;
	color: #333333;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 60px;
	white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 10px;
}


.case-list ul li .img-box{
	position:relative;
}

.case-list ul li .img-box:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	transition:.5s;
	visibility:hidden;
	background:rgba(0,0,0,.4) url(../images/dp_icon02.png) no-repeat center;
}

.detailed{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 55px;
}
.detailed .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
}
.detailed .tit h4{
	font-size: 22px;
	text-align: center;
	color:#333;
	line-height: 30px;
}
.detailed .tit p{
	text-align: center;
	color:#333;
	display: block;
	margin-top: 10px;
	background: #efefef;
 
	line-height: 40px;
	font-size: 14px;
	text-align: center;
}
.detailed .tit span{
	margin: 0 10px;
}
.detailed  img{
	display: block;
	margin: 0 auto;
	max-width: 100% !important;
}
.detailed  .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
	min-height:150px;
	color:#333;
	line-height: 30px;
	font-size: 16px;
}

.detailed .info p{
	text-indent: 2em;
}

.fy{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	border-top: 3px solid #E5E5E5;
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fy div{
	float: left;
	width: 60%;
}
.fy p{
	font-size: 15px;
	color: #999999;
	line-height:30px;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.fy p a{
	color: #999999;
}
.fy p:first-child{
 	border: none;
 }

.fy a{
 	color:#333333;
 	font-size: 14px;
 }

.fy .return{
  	float: right;
  	line-height: 45px;
  	width: 160px;
  	height: 45px;
  	border: 1px solid #DCDCDC;
  	color: #999;
  	text-align: center;
}


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

.news-list ul li{
	float: left;
	width: 520px;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
}

.news-list ul li img{
	display: block;
	width: 100%;
	transition: .5s;
}


.news-list ul li .intro{
	width: 90%;
	margin: 0 auto;
	background: #F7F7F7;
	height:240px;
	overflow: hidden;
	padding:30px;
	box-sizing: border-box;
	position: relative;
	transform: translateY(-20px);
}


.news-list ul li .intro:after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 80px;
	background: #E5E5E5;
}
.news-list ul li .info h4{
	width: 100%;
	color: #000000;
	font-size: 20px;
	font-weight: normal;
	position: relative;
	padding-bottom: 15px;
}

.news-list ul li .info h4:after{
	content: "";
	width: 40px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .666s;
	background: #2366BA;

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


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

.news-list ul li .info  p{
	color: #999999;
	font-size: 14px;
	line-height: 28px;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}

.news-list ul li .time {
 
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top:35px;
}
.news-list ul li .time span{
	display: block;
	color: #555555;
	font-size: 14px;
}

.news-list ul li .time  i{
	display: block;
	width: 42px;
	height: 42px;
	background:#2366BA url(../images/icon09.png) no-repeat;
	background-size:auto, cover;
	background-position: center,center;
}

.cont-section{
	width: 1600px;
	height: auto;
	overflow: hidden;
	border:8px solid #E5E5E5;
	margin: 0 auto;
	margin-top: 80px;
	padding: 50px 40px;
	box-sizing: border-box;
}

.cont-section .intro{
	width: 450px;
	margin-left: 20px;
	float: left;
}
.cont-section .intro .tit {
	display: flex;
	 
	align-items: center;
}


.cont-section .intro .tit img{
	display: block;
	margin-right: 15px;
}
.cont-section .intro .tit h4{
	color: #333333;
	font-size: 48px;
	font-weight: normal;
}

.cont-section .intro .tit  p{
	color: #666666;
	font-size: 24px;
	font-weight: bold;
	width: 100%;
	position: relative;
	padding-right: 10px;
}


.cont-section .intro .tit  p:after{
	content: '';
	width: 65px;
	height: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #2366BA;
 	display: block;
 	margin-top: 4px;
	 
}
.cont-section .intro  .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:50px;
}
.cont-section .intro  .info h4{
	width: 100%;
	color: #2366ba;
	font-size: 28px;
}

.cont-section .intro  .info p{
	color: #333333;
	font-size: 20px;
	line-height: 40px;
	margin-top: 10px;
}

.cont-section .map{
	width: 750px;
	height: 500px;
	float: right;
	border:1px solid #E5E5E5;
}

.imgBox {
	margin-top: 60px;
}

.imgBox ul li{
	float: left;
	width: 24%;
	margin-left: 1%;
	margin-bottom: 20px;
}
.imgBox ul li:nth-child(4n-3){
	margin-left: 0;
}
.imgBox ul li  div{
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.imgBox ul li img{
	display: block;
	width: 100%;
	
}
.imgBox ul li p{
	text-align: center;
	font-size: 16px;
	width: 100%;
	line-height: 40px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;

}

.page-section{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}
.page-section p{
	text-indent: 2em;
	font-size: 16px;
	line-height:42px;
	color: #333;
}
.page-section img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
@media (max-width: 1660px){
	.main{
		width: 1400px;
	}

	.head .right{
		width: 68%;
	}

	.about .pic{
		width: 720px;
	}
	.about .pic img{
		width: 660px;
	}

	.about .pic:after{
		width: 700px;
		height: 445px;
	}

	.about ul{
		margin-top: 25px;
	}
	.product .pic ul{
		height: 650px;
	}
	.product .pic{
		width: 1020px;
	}
	.product .pic ul li {
		width: 240px;
	}

	.product .pic ul li .info{
		padding: 10px 0;
	}

	.honorSwiper{
		width: 1020px;
	}
	.news .fp-tableCell{
		display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    flex-direction: column;
	}
	.news .title{
		padding-top: 30px;
	}
	.news .top img{
		width: 300px;
		height: auto;
	}

	.news .top{
		width:770px;
	}
	.news ul{
		margin-top:0;
	}
	.news ul li{
		height: 210px;
	}
	.news ul li a{
		height: 210px;
	}
	.news .top i{
		margin-top: 15px;
	}

	.pro-section .right{
		width: 1000px;
	}

	.pro-section .pic ul li{
		width: 235px;
	}

	.pro-section .pro-info .text{
		width: 450px;
	}

	.bottom-news{
		width: 1400px;
	}
	.footer .menu ul{
		width: 630px;
	}

	.img-list ul li{
		width: 330px;
	}

	.case-section .details{
		width:800px;
	}

	.case-section .right{
		width: 380px;
	}

	.news-list ul li{
		width: 452px;
	}
	.cont-section{
		width: 1400px;
	}
}
 
@media (max-width: 1440px){
	.main{
		width: 1200px;
	}


	.head .right{
		width: 68%;
	}
	.head .right{
		width: 67%;
	}
	.head .name img{
		width: 300px;
	}
	.head .nav{
		width: 86%;
	}
	.head .nav ul li a{
		font-size: 14px;
	}

	.head .con-box div{
		margin-left: 10px;
	}
	
  	
  	.nav ul li a{
  		font-size: 16px;
  	}


  	.about .pic{
  		width: 620px;
  	}
  	.about .pic:after{
  		width: 600px;
  		height: 404px;
  	}

  	.about .pic img{
  		height: 404px;
  	}


  	.about .intro{
  		width: 550px;
  	}
  	.about .intro .info{
  		height: 115px;
  		-webkit-line-clamp:4;
  		margin-top: 30px;
  	}
  	.about ul{
  		width: 520px;
  	}
  	.product .pic ul{
  		height: 580px;
  	}
  	.product .pic{
  		width: 890px;
  	}
  	.product .pic ul li{
  		width: 207px;
  	}
  	.product .pic ul li .info h4{
  		font-size: 18px;
  	}

  	.cases .left{
  		width: 270px;
  	}

  	.cases .left .more{
  		margin-top: 50px;
  	}
  	.honor .left{
  		width: 270px;
  	}
  	.honorSwiper{
  		width: 890px;
  	}

  	.news .top{
  		margin-top: 30px;
  	}
  	.news .top .intro{
  		width: 510px;
  	}

  	.news .top img{
  		width: 240px;
  	}
  	.news .top  i{
  		display: none;
  	}
  	.news .top h4{
  		font-size: 20px;
  	}
  	.news ul li{
  		height: 180px;
  	}
  	.news ul li a {
  		height: 180px;
  	}
  	.news ul li h4{
  		font-size:20px;
  	}
  	.news ul li span{
  		font-size: 12px;
  		padding-bottom: 10px;
  		margin-bottom: 15px;
  	}
  	.news ul li p{
  		font-size: 14px;
  		height: 45px;
  		margin-top: ;
  		line-height:24px;
  	}
  	.news ul li span:after{
  		width: 45px;
  	}

  	.contact .right{
  		width:890px;
  	}


  	.pro-section .right{
  		width: 800px;
  	}

  	.pro-section .pic ul li{
  		width: 185px;
  	}
  	.pro-section .pro-info .img img{
  		width: 400px;
  		height: 400px;
  	}
  	.pro-section .pro-info .text{
  		width:380px;
  		height: 400px;
  	}
  	.pro-section .pro-info .tel{
  		width: 380px;
  	}
  	.pro-section .pro-info .tel b{
  		font-size: 36px;
  		max-width: 285px;
  	}
  	.pro-section .pro-info .tit{
  		margin-top: 50px;
  	}
  	.bottom-news{
  		width: 1200px;
  	}


  	.footer .menu ul{
  		width: 550px;
  	}

  	.footer .ewm ul li img{
  		width: 120px;
  		height: 120px;
  	}

  	.img-list ul li{
  		margin-left: 20px;
  		width: 280px;
  	}

  	.news-list ul li{
  		width: 386px;
  	}

  	.cont-section{
  		width: 1200px;
  	}

  	.cont-section .map{
  		width: 620px;
  		height: 450px;
  	}
}
@media (min-width: 1200px){


	.nav{
		width: 85%;
		height: 100px;
		line-height: 100px;
		border-left: 1px solid #E5E5E5;
	}
 	

	.nav ul{
		display: flex;
		justify-content: space-between;
		width:100%;
	 
	}
 	.nav ul li {
 		text-align: center;
 	 	position: relative;
 		text-align: center;
 		width: 100%;
 		height: 100px;
 		line-height: 100px;
 		border-right: 1px solid #E5E5E5;
 	}

 	.nav ul li:hover{
 		background:#2366BA;
 	}
 	.nav ul li:hover a{
 		color: #fff;
 	}

 	.nav ul li:hover dl dd a{
 		color: #666666;
 	}
 	.nav ul li a{
 		color: #333333;
 		font-size:22px;
 	}
 	.nav ul li .bd{
 		width: 360px;
 		position: absolute;
 		left: 0;
 		line-height: initial;
 		top: 110px;
 		text-align: left;
 		padding: 34px 30px;
 		box-sizing: border-box;
 		display: flex;
 		opacity: 0;
 		visibility: hidden;
 		transition: .5s;
 		align-items: flex-start;
 		justify-content: space-between;
 		background: rgba(255,255,255,.9)
 	}
 	.nav ul li .tit{
 		position: relative;
 		padding-bottom: 20px;
 	}

 	.nav ul li .tit:after{
 		content: "";
 		width: 33px;
 		height: 5px;
 		background: #2366BA;
 		position: absolute;
 		left: 0;
 		bottom: 0;
 	}
 	.nav ul li .tit h4{
 		color: #333333;
 		font-size: 20px;
 	}	

 	.nav ul li .tit  p{
 		color: #999999;
 		font-size: 12px;
 		text-transform: uppercase;
 		margin-top: 5px;
 	}

 	.nav ul li dl{
 		width: 190px;
 		height: auto;
 		overflow: hidden;
 	}

 	.nav ul li dl dd{
 		width: 100%;
 		height: 35px;
 		border: 1px solid #DCDCDC;
 		box-sizing: border-box;
 		text-align: center;
 		line-height: 35px;
 		margin-bottom: 10px;
 	}

 	.nav ul li dl dd:hover{
 		background: #2366BA;
 	}

 	.nav ul li dl dd:hover a{
 		color: #fff;
 	}
 	.nav ul li dl dd:last-child{
 		margin-bottom: 0;
 	}
 	.nav ul li dl dd a{
 		font-size: 14px;
 		display: block;
		white-space: nowrap;
    text-overflow: ellipsis;
		overflow:hidden;
 	}

 	.nav ul li:hover .bd{
 		opacity: 1;
 		visibility: initial;
 		top: 100px;
 	}
	/* hover */

	.head .con-box .ewm:hover div{
		opacity: 1;
		visibility: initial;
		top: 70px;
	}
  
	.head .con-box .tel:hover b{
		opacity: 1;
		visibility: initial;
		top: 70px;
	}

	.img-box{
		overflow: hidden;
	}
	.img-box img{
		transition: .5s;
	}
	.img-box:hover img{
		transform: scale(1.05);
	}


	.product .list ul li:hover a{
		color: #ccc;
	}
  	

  	.news ul li:hover{
  		background: #2366BA;
  		background-size: cover;
  	}
 	.more:hover{
 		background:#2366BA;
 	 
 		border: 1px solid #2366BA;
 	}
 	.about .intro .more:hover{
 		background:#2366BA;
 		
 		border: 1px solid #2366BA;
 	}
 
 	.news .top i:hover{
 		background: #2366BA;
 		background-size: cover;
 		border: 1px solid rgb(0 0 0 / 0%);
 	}


 	.in-news ul li:hover{
 		border: 1px dotted #2366BA
 	}
	.in-news ul li:hover .time{
		background: #2366BA
	}
 	.in-news ul li:hover .info h4{
 		color: #2366BA
 	 
 	}
 	.about ul li:hover p{
 		color: #2366BA;
 	}
 	.contact .links ul li a:hover {
 		color: #fff;
 		text-decoration: underline;
 	}

 	.caseSwiper .swiper-slide:hover p{
 		background: #2366BA;
 		 
 		color: #fff;
 	}

 	.product .list ul li:hover:after{
 		width: 50px;
 	}
 	.product .list ul li:hover{
 		padding-left: 60px;
 	}
 	.product .pic ul li:hover .info h4{
 		color: #2366BA;
 	}

 	.honorSwiper .swiper-slide:hover p{
 		color: #2366BA;
 	}
 	.fy p a:hover{
 		color: #2366BA;
 	}

 	.fy .return:hover{
 		background: #2366BA;
 		color: #fff;
 	}

 	.rSwiper .swiper-slide:hover img{
 		transform: scale(1.05);
 	}

 	.r-news ul li h4:hover{
 		color:  #2366BA;
 		text-decoration: underline;
 		font-weight: bold;
 	}

 	.bnSwiper .swiper-slide:hover{
 		border: 1px solid #2366BA;
 	}

 	.bnSwiper .swiper-slide h4:hover{
 		color:#2366BA;
 		text-decoration: underline;
 		font-weight: bold;
 	}

 	.pro-section .list ul li dd:hover{
 		background: #2366BA;
 		border: 1px solid #2366BA;
 	}

 	.pro-section .list ul li dd:hover a{
 		color: #fff;
 	}

 	.news-list ul li:hover .intro{
 		background: #2366BA;
 	}

 	.news-list ul li:hover .intro h4{
 		color: #fff;
 	}

 	.news-list ul li:hover .info h4:after{
 		width: 100%;
 		background: #fff;
 	}

 	.news-list ul li:hover .info p{
 		color: #fff;
 	}

 	.news-list ul li:hover .time span{
 		color: #fff;
 	}
 	.news-list ul li:hover .time i{
 		background:#fff url(../images/icon11.png) no-repeat center;
 	}

 	.news-list ul li:hover   img{
 		transform: scale(1.05);
 	}

 	.footer .menu ul li ul li:hover a{
 		text-decoration: underline;
 	}

 	.case-list ul li:hover .img-box:after{

 		opacity:1;
 		visibility:initial;
 	}

 	.cases .caseSwiper .swiper-slide:hover img{
 		transform: scale(1.05);
 	}
}

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

	html{
		overflow: auto;
	}
	
	.main{
		width:6.3rem;
	}
	.head {
		height: 1.5rem;
		z-index: 11;
	}
	.head .main{
		height: 1.5rem;
		padding: 0 .2rem;
	}
 	.head .con-box{
 		display: none;
 	}
 	
 	.head .name img{
 		width: 5rem;
 		display: block;
 	}
 	.head .right{
 		width:auto;
 	}
 	.head .btn{
 		width: .6rem;
 		height: .6rem;
 		background: url(../images/btn.png) no-repeat center;
 		background-size: 100% auto;
 	}

 	/*
    .nav{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: fixed;
		left: 0;
		top: 1.2rem;
		margin: 0;
		display: none;
		overflow-y: auto;
		opacity: 0;
		visibility: hidden;
		background: rgba(0,0,0,.5);
		z-index: 100001;

	}
	.nav ul{
		top: 0;
		width: 70%;
		float: right;
		right: -100%;
		position: relative;
		height:  100%;
		overflow-y:auto;
		margin: 0;
		background: #333333;
	 
	}
	.nav .on{
 		padding-bottom: 1.5rem;
	}

 	.nav ul li{
 		width: 100%;
 		padding: 0 .15rem;
 		box-sizing: border-box;
 		height: auto;
 		overflow: hidden;
 		border-bottom: .02rem  solid #eee;
 		line-height: .8rem;
 		border-top: .02rem solid #444;
 		position: relative;
 		border-bottom: .02rem solid #111;
 	}
 	.nav ul li a{
 		color: #fff;
 		font-size: .3rem;
 		display: block;
 	}
 	.nav ul ul{
 		width: 96%;
 		padding-bottom: 0;
 		display: none;
 		right: initial;
 	}
 	.nav ul .sonOpen{
 		display: block;
 	}
 	.nav ul li i{
 		display: block;
 		position: absolute;
 		right: 0;
 		width: .8rem;
 		height: .8rem;

 		top: 0;
 	}
 	.nav ul li i:after{
 		content: "";
 		width: .3rem;
 		height: .3rem;
 		transition: .3s;
 		display: block;
 		background: url(../images/nav-icon.png) no-repeat center;
 		background-size: auto 100%;
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		margin-left: -.15rem;
 		margin-top: -.15rem;
 	}
 	.nav ul li .touch:after{
 		transform: rotate(90deg);
 	}
 	.nav ul li ul li{
 		line-height: .7rem;
 		border: none;
 		height: .7rem;
 		border: none;
 	}
 	.nav ul li ul li:first-child{
 		border-top: 0;
 	}
 	.nav ul li ul li:last-child{
 		border-bottom: none;
 	}
 	.nav ul ul li a{
 		font-size: .26rem;
 	}
	
	*/


	.head .nav{
		width: 100%;
		height: 0;
		overflow: hidden;
		position: fixed;
		left: 0;
		top:0;
		 
		overflow-y: auto;
		background: #fff;
		z-index: 100001;

	}

	.nav span{
		display: block;
		font-size: .42rem;
		color: #333;
		font-style: normal;
		height: 1.5rem;
		line-height: 1.5rem;
		text-align: right;
		padding-right: .4rem;
		background: url(../images/close02.png) no-repeat 96%;
		background-size: .5rem auto;

	}

	#fp-nav{
		z-index: 10;
	}
	.head .nav ul{
		width: 7rem;
		margin: 0 auto;
		position: relative;
		margin-top: .5rem;
	}
	.head .nav ul li{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: .2rem 0;
		position: relative;
		border-bottom: .02rem solid #dddddd99;
	}

	.head .nav ul li a{
		font-size:.36rem;
		color: #333;
		display: block;
		white-space: nowrap;
    	text-overflow: ellipsis;
    	overflow: hidden;
	}

	.head .nav ul li i{
		display: block;
		width: .8rem;
		height: .8rem;
		position: absolute;
		right: 0;
	 
		top: 0;
		transition: .5s;
		background:  url(../images/icon05.png) no-repeat center;
	}
	.head .nav ul li .tit{
		float: left;
		width: 2rem;
		 

	}

	.head .nav ul li .on{
		transform: rotate(90deg);
	}


	.head .nav ul li .tit h4{
		color: #333;
		font-weight: normal;
		font-size: .3rem;
	}
	.head .nav ul li .tit p{
		font-size: .26rem;
		color: #999999;
	}

	.head .nav ul li .bd{
		margin-top: .4rem;
		height: auto;
		display: none;
		width: 100% !important;
		overflow: hidden;
		margin-bottom: .4rem;
	}

	.head .nav ul li dl{
		float: left;
		margin-left: .2rem;
	}
	.head .nav ul li dl dd{
		width: 4.5rem;
		height: .7rem;
		line-height: .7rem;
		text-align: center;
		margin-bottom: .15rem;
		border: .02rem solid  #DCDCDC ;
	}
	.head .nav ul li dl dd a{
		display: block;
		font-size: .28rem;
	}
	.head .nav ul li dl dd:last-child{
		margin-bottom: 0;
	}
 	.banner .bannerSwiper .swiper-slide img{
 		display: none;
 	}
 
   .banner .bannerSwiper .swiper-slide img:last-child{
   	   display: block;
   }
   .banner .float p{
   	display: none;
   }

   .banner .float{
   	  left: .2rem;
   	  bottom: .6rem;
   }
   .bannerSwiper .swiper-pagination{
   	   bottom: .5rem !important;
   }
   .bannerSwiper .swiper-pagination span{
   		width: .5rem;
   		height: .15rem;
   		margin: 0 .1rem;
   }

   .bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev{
   	   right: .2rem;
   	   width: .6rem;
   	   height:.6rem;
   	   bottom: .5rem;
   	   background-size: auto .25rem;
   }
   .bannerSwiper .swiper-button-prev{
   		bottom: 1.3rem;
   }
 	

 	.banner .infoSwiper{
 		width: 100%;
 	}
 	.banner .infoSwiper .swiper-slide{
 		padding: 0 .4rem;
 		box-sizing: border-box;
 	}
 	.banner .infoSwiper .swiper-slide h4{
 		font-size: .48rem;
 	}
 	.banner .infoSwiper .swiper-slide  p{
 		font-size: .36rem;
 	}
 	.banner .infoSwiper .swiper-slide span{
 		font-size: .26rem;
 	}

 	.pc-video{
 		display: none;
 	}
 	.m-video{
 		display: block;
 		 
 	}
 	.video img{
 		width: 100%;
		    height: 100%;
		    position: absolute;
		 
		    left: 0;
		    z-index: 1;
		    top: 0;
 	}
 	.video canvas{
 		position: absolute;
 		left: 0;
 		top: 0;
 		z-index: 2;

 	}
   .in-banner{
   	    position: relative;
   		height:auto;
   		overflow:hidden;
   }
   .in-banner{
     margin-top: 1.5rem;
   }

   .in-banner div h4{
   		font-size: .42rem;
   		padding-bottom: .3rem;
   }
   .in-banner div h4:after{
   		width: .6rem;
   		height: .06rem;
   }
   .in-banner div p{
   		font-size: .28rem;
   		margin-top: .3rem;
   }

   .in-banner img {
   		display:none;
   	 	position:initial;
   		width:100%;
   }
   .in-banner img:nth-child(2){
   		display:block;
   }
   .title div p{
   		font-size: .28rem;
   }
    .title hr{
    	width: 1rem;
    	margin: 0 .2rem;
    }
   .title h4{
   		font-size: .48rem;
   }
   .title b{
   	    font-size: .28rem;
   }
   .about .main{
   	display: block;
   }
   .about .intro{
   	   width: 100%;
   }

   .about .intro .more{
   		width: 2.4rem;
   		height: .7rem;
   		line-height: .7rem;
   		font-size: .26rem;
   		margin-top: .4rem;
   }

   .about .intro .info{
   	  font-size: .28rem;
   	  line-height: .48rem;
   	  height: 1.8rem;
    
    }

   .about .pic{
		width: 6.3rem;
		margin-top: .5rem;

    }
   .about .pic img{
   	 width: 6.15rem;
   	 height: auto;
   	 border-radius: .3rem;
   	 margin-top: .15rem;
   	 margin-left: .15rem;
   	 border-radius:.7rem 0 .6rem 0;
   }
   .about .pic:after{
   	width: 6.15rem;
   	height: 4.14rem;
   	 border-radius: .7rem 0 .6rem 0;
   }
   .about ul{
   	   display: none;
   }
    .product {
    	position: relative;
    	overflow: hidden;
    }
    .product .main{
    	display: block;
    }
   .product  .left{
   		display: flex;
   		justify-content: space-between;
   		align-items:flex-end;
   		width: 100%;
   		position: relative;
   		z-index: 100;

   }
   .product  .left .more{
   		display: none;
   }
   .product  .left .btn p{
   		font-size: .3rem;
   		color: #fff;
   }
   .product  .left .btn{
   		display: flex;
   		align-items: center;
   }
   .product  .left .btn img{
   		display: block;
   		height: .3rem;
   		margin-left: .2rem;
   }
   .product .list{
	   	position: absolute;
	   	width: 200%;
	   	height: 10rem;
	   	z-index: 10;
	   	background: rgba(0, 0, 0, .9);
	   	left: 0;
		top: 10rem;
		left: 50%;
		opacity: 0;
		visibility: hidden;
		margin-top: .2rem;
		padding: .6rem 0;
		box-sizing: border-box;
		transition: .5s;
		transform: translateX(-50%);
   }

 
    .product .show{
    	top: 1rem;
    	opacity: 1;
    	visibility: initial;
    }
   .product .list ul{

   		width: 6.5rem;
   		margin: 0 auto;
   }
   	.product .list ul li{
   		line-height: .8rem;
   		padding-left: .5rem;
   	}
   .product .list ul li a{
   		font-size: .28rem;
   }

   .product .list ul li:after{
   		width: .4rem;
   		height: .02rem;
   }
   .product .pic{
   	 	width: 100%;
   	 	margin-top: .5rem;
   }
   .product  .pic ul {
   		display: flex;
   }
    .product  .pic ul li{
    	margin: 0;
    }
    .product .pic ul{
    	height: auto;
    }
   .product .pic ul li .info{
   		padding: .2rem .1rem;
   		box-sizing: border-box;
   }

   .product .pic ul li .info h4{
   		font-size: .32rem;
   }

   .product .pic ul li .info p{
   		font-size: .28rem;
   		line-height: .46rem;
   }
   .product .pic ul li .info span{

   		display: block;
   }
   .product .swiper-pagination{
   		display: flex;
   		justify-content: center;
   		margin-top: .4rem;
   }
   .product .swiper-pagination span{
   		display: block;
   		width: .4rem;
   		height: .15rem;
   		border-radius: .2rem;
   		margin: 0 .1rem;
   		background: #BEC1E8;
   }

   .product .swiper-pagination .swiper-pagination-bullet-active{
   		background: #fff;
   }
   .cases .caseSwiper{

   		position: relative;
   }

   .cases .left{

   		width: 100%;
   		height: auto;
   		overflow: hidden;
   }
   .cases .left .info{
   		font-size: .28rem;
   		line-height: .48rem;
   		margin-top: .3rem;
   }
   .cases .left .more{
   		margin-top: .4rem;
   }
   .cases .caseSwiper{
   		transform: initial;
   		width: 100%;
   		margin-top: .5rem;
   }
   .cases .caseSwiper .swiper-slide p{

   		font-size: .28rem;
   		line-height: .8rem;
   		height: .8rem;
   }



   .honor .left{

   		width: 100%;
   		height: auto;
   		overflow: hidden;
   }
   .honor .left .info{
   		font-size: .28rem;
   		line-height: .48rem;
   		margin-top: .3rem;
   }
   .honor .left .more{
   		margin-top: .4rem;
   }



   .honorSwiper{
   		width: 100%;
   		margin-top: .5rem;
   }

   .honorSwiper .swiper-slide p{
   		font-size: .28rem;
   		line-height: .8rem;
   		margin-top: 0;
   }
   .honorSwiper .swiper-pagination span{
   		width: .4rem;
   		height: .06rem;
   }
   .honorSwiper .swiper-pagination{
   	margin-top: .3rem;
   }

   .news .top{
   		width: 100%;
   		margin-top: .4rem;
   }
   .news .title{
   	 padding-top: .6rem;
   }
   .news .top img{
   	width: 2.5rem;
   }
   .news .top .intro{
   		margin-left: .3rem;
   		width: 3.6rem;
   }
   .news .top h4{
   		font-size: .3rem;
   		font-weight: normal;
   }
   .news .top p{
   		font-size: .26rem;
   		line-height: .42rem;
   		margin-top: 0;
   		height: .8rem;
   }
   .news .top span{
   		font-size: .24rem;
   		margin: .1rem 0;
   }
   .news .fp-tableCell{
    
   	    justify-content: flex-end;
   }
 
   .news ul{
   		width: 100%;
   		display: block;
   		margin-top: 1rem;
   }
   .news ul li{
   	   width: 100%;
   	   border: none;
   	   height: auto;
   	   padding: .3rem .6rem;
   	   border-bottom: .01rem solid #fff;
   }
   .news ul li a{
   	   height: auto;
   }
   .news ul li h4{
   	   font-size: .32rem;
   	   font-weight: normal;
   }
   .news ul li span{
   	   font-size: .26rem;
   	   margin-top: .2rem;
   	   padding: 0;
   	   margin-bottom: 0;
   }
   .news ul li  span:after{
   	   width:0;
   	   height: 0;
   	   overflow: hidden;
   }
   .news ul li  p{
   	   font-size: .28rem;
   	   height: .8rem;
   	   display: none;
   }

   .contact .left{
   		float: initial;
   		width: 100%;
   }
   .contact .right{
   		width: 100%;
   		float: initial;
   }
   
   .contact .right .info{
   		width: 100%;
   		float: initial;
   		font-size: .26rem;
   		line-height: .48rem;
   		margin-top: .3rem;
   }
   .contact .right .ewm{
   	   float: initial;
   	   margin-top: .3rem;
   }
   .contact .right .ewm p{
   	   font-size: .3em;
   }

   .contact .right .ewm  img{
   	  width: 2rem;
   	  height: 2rem;
   	  margin-top: .2rem;
   }
	.fn{
		position: fixed;
		left: 50%;
		transform:translateX(-50%);
		bottom: 0;
		width: 7.5rem;
		z-index: 1;
		display: block;
		background:#fff;				border-top:1px solid #ccc;
		background-size: cover;
	}
	.fn ul li{
		width: 50%;
		height: auto;
		overflow: hidden;
		float: left;
		position: relative;
	}
	.fn ul li:after{
		content: "";
		width: .02rem;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background: #ccc;
	}
	.fn ul li:last-child:after{
		width: 0;
		height: 0;
	}
	.fn ul li img{
		display: block;
  
		height: .4rem;
		margin-right: .15rem;
	}

	.fn ul li  a{
		color: #333;
		font-size: .3rem;
		height: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;

	}
	.fn ul li p{
		text-align: center;
		margin-top: .15rem;
		margin-bottom: .1rem;
	}
  	.more{
  		width: 2.4rem;
  		height: .8rem;
  		line-height: .8rem;
  		font-size: .24rem;
  		margin-top: .4rem;
  	}
	 
 
	.cr{
		display: none;
	}
  
	.links{
		display: none;
	}
	.float{
		display: none;
	}
	.bar{
		height: auto;
	}
 	.bar .main{
 		display: block;
 		width: 7.2rem;
 		height: auto;
 	}
 	.crumbs div{
 		max-width: 5rem;
 	}
	.crumbs{
		padding: 0 .1rem;
		width: 100%;
		box-sizing: border-box;
	}
	.crumbs img{
		height: .3rem;
	}

	.crumbs .tit{
		border-left: none;
		height: .8rem;
		margin-right: .3rem;
	}
	.crumbs div{
		overflow: hidden;
		 white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    font-size: .2rem;
	}
	.crumbs p{
		line-height: .8rem;
		font-size: .28rem;
	}
	.crumbs a:after{
		font-size: .2rem;
	}
	.crumbs a{
		font-size: .28rem;
		display:inline;
		     white-space: nowrap;
    text-overflow: ellipsis;
    	overflow: hidden;
		line-height: .8rem;
	}
	.crumbs .tit img{
		height: .4rem;
		margin: 0 auto;
		margin-top: .2rem;
	}
	.tab ul li{
		line-height: 1rem;
		height: 1rem;
		width: 32%;
		text-align: center;
		padding: 0 .3rem;
	}
	.tab ul li:after{
		height: .6rem;
	}
	.tab ul li:last-child:after{
		width: 0;
		height: 0;
		overflow: hidden;
	}
	.tab ul li a{
		font-size: .3rem;
		display: block;
	}
 	
  
 	.honor {
 		padding: .8rem 0;
 		height: auto;
 		background-size: cover;
 	}
 	.honor .title h4{
 		font-size: .46rem;
 	}
 	.honor .show{
 		margin-top: .6rem;
 	}
 	.honor .show ul li {
 		width: ;
 	}
 	.honor .show  .pic{
 		width: 50%;
 	}
 	.honor .pic ul{
 		display: flex;
 	}
 	.honor .pic ul li{
 		width: 3rem;
 		border: .06rem solid #2366BA;
 		margin-left: .2rem;
 	}
 	.honor .pic ul li p{
 		font-size: .28rem;
 		height: .8rem;
 		line-height: .8rem;
 	}

 	 

 	.img-list{
 		margin-top: .3rem;
 	}
 	.img-list .pic{
 		margin-top: .2rem;
 	}
 	.img-list .pic ul li{
 		width: 49%;
 		margin: 0;
 	}
 	.img-list .pic ul li:nth-child(2n){
 		float: right;
 	}
 	.img-list .pic ul li p{
 		font-size: .28rem;
 	}
 	.about-article{
 		margin-bottom: 0;
 		margin-top: .3rem;
 	}
 	.about-article .title{
 		margin-top: .6rem;
 		margin-bottom: .4rem;
 	}
 	.about-article img{
 		max-width: 100%;
 		display: block;
 	}
 	.about-article .info{
 		font-size: .29rem;
 		line-height: .48rem;
 		margin: 0;
 		margin-top: .2rem;
 	}
 	.about-article .map{
 		height: 4.5rem;
 	}

 	.cont-article{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .4rem;
 		margin-bottom: .4rem;
 	}
 	.cont-article .pic{
 		display: none;
 	}
 	.cont-article .bd .info{
 		width: 100%;
 	}
 	.cont-article .info h4{
 		font-size: .32rem;
 	}
 	.cont-article .info p{
 		font-size: .26rem;
 		line-height: .42rem;
 	}
 	.cont-article .map{
 		margin-top: .4rem;
 		height: 4rem;
 	}

 	.detailed{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .6rem;
 	}
 	.detailed .tit h4{
 		font-size: .38rem;
 	}
 	.detailed .tit span{
 		display: block;
 		line-height: .4rem;
 		font-size: .24rem;
 	}
 	.detailed .tit p{
 		padding: .1rem 0;
 	}
 	.detailed .info{
 		margin-top: .2rem;
 		font-size: .29rem;
 		line-height: .48rem;
 		text-align: justify;
 	}
 	.fy{
 		display: block;
 	}
 	
 	.fy div{
 		width: 100%;
 		height: auto;
 		float: initial;
 		overflow: hidden;
 	}
 	.fy a{
 		font-size: .28rem;
 	}
 	.fy .return{
 		float: initial;
 		width: 2rem;
 		height: .8rem;
 		line-height: .8rem;
 		margin: 0 auto;
 		margin-top: .4rem;
 		font-size: .26rem;
 		display: block;
 	}


 	.news-list{
 		width: 7.1rem;
 		margin: 0 auto;
 	}
  


 	.in-news .title h4{
 		font-size: .46rem;
 	}
 	.in-news .title p{
 		font-size: .26rem;
 	}

 	.in-news ul{
 		margin-top: .4rem;
 	}
 	.in-news ul li{
 		border: .02rem solid #dcdcdc;
 		box-sizing: border-box;
 		height: auto;
 		overflow: hidden;
 		padding: .25rem;
 		width: 100%;
 		margin-bottom: .2rem;
 	}
 	.in-news ul li .time{
 		width: 1.4rem;
 		height: 1.4rem;
 	}
 	.in-news ul li .time b{
 		height: .7rem;
 		line-height: .7rem;
 		font-size: .42rem;
 	}
 	.in-news ul li .time p{
 		height: .5rem;
 		line-height: .5rem;
 		font-size: .32rem;
 		margin-top:.2rem;
 	}
 	.in-news ul li .time span{
 		font-size: .24rem;
 		display: block;
 		margin-top:.15rem;
 	}
 	.in-news ul li .time:after{
 		width: .3rem;
 		top: .7rem;
 		margin: 0;
 		transform: translateX(-50%);
 	}
 	.in-news ul li .info{
 		width: 4.8rem;
 		margin: 0;

 	}
 	.in-news ul li .info h4{
 		font-size: .3rem;
 		padding-right: .5rem;
 		background-size: .3rem auto;
 	}
 	.in-news ul li .info p{
 		font-size: .26rem;
 		line-height: .4rem;
 	}
 	.in-news ul li .info span{
 		margin-top: .05rem;
 		line-height: .42rem;
 		font-size: .26rem;
 		height: .8rem;
 		display: -webkit-box;
 	}




 	.page{

 		margin: .4rem 0;

 	}

 	.nav-links a{
 		font-size: .26rem;
 		border: .02rem solid #ccc;
 		margin: 0 .06rem;
 		padding: 0 .15rem;
 	}
 	.nav-links span{
 		margin: 0 .06rem;
 		font-size: .26rem;
 		border: .02rem solid #ccc;
 	}

 	.gotop{
 		width: 1rem;
 		  
 	 
 		background-size: cover;
 		position: fixed;
 		right: .1rem;
 		top: 50%;
 		border-radius: 50%;
 		overflow: hidden;
 		transform: translateY(-50%);
 	}

 	.gotop img{
 		display: block;
 		width: 100%;

 	}

 	.pro-section{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .6rem;
 	}
 	.pro-section .main{
 		width: 7.2rem;
 	}
 	.pro-section .list{
 		float: initial;
 		width: 100%;
 	}

 	.pro-section .list .tit{
 		width: 100%;
 		height: 1.4rem;
 		background-size:cover;
 		padding-left: .4rem;

 	}

 	.pro-section .list .tit h4{
 		font-size: .44rem;
 	}
 	.pro-section .list .tit p{
 		font-size: .24rem;
 		margin-top: 0;
 	}

 	.pro-section .list .tit img{
 		height: .8rem;
 	}

 	.pro-section .list .bd{
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
 		padding:.4rem .2rem;
 		position: fixed;
 		left: 0;
 		top: 0;
 		z-index: 100;
 		padding-top: .8rem;
 		border-width: .02rem;
 		display: none;
 	 
 	}

 	.pro-section .list .bd ul{
 		position: relative;
 		top: 50%;
 		transform: translateY(-50%);
 	}

 	.pro-section .list ul li h4{
 		font-size: .34rem;
 		height: .8rem;
 		border-width: .02rem;
 	}
 	.pro-section .list ul li h4 i{
 		height: .4rem;
 		width: .6rem;
 		transition: .5s;
 	}
    .pro-section .list ul li h4 .on{
        
        transform: rotate(90deg);
    }
 	
 	 .pro-section .list ul li dl{
 	     
 	     display: none;
 	 }
 	.pro-section .list ul li dd{
 		width: 49%;
 		height: .8rem;
 		line-height: .8rem;
 		border-width: .02rem;
 	 
 	}
 	.pro-section .list ul li dd a{
 		font-size: .28rem;
 	 
 	}

 	.pro-section .list .bd span{
 		display: block;
 		width: .8rem;
 		height: .8rem;
 		background:  url(../images/close.png) no-repeat center;
 		background-size: .5rem auto;
 		position: absolute;
 		right: .2rem;
 		top: .2rem;
 	}
 	.pro-section .list .tit {
 		position: relative;
 		overflow: hidden;
 	}

 	.pro-section .list .tit i{
 		display: block;
 		width: .8rem;
 		height: .8rem;
 		position: absolute;
 		right: .2rem;
 		top: 50%;
 		transform: translateY(-50%);
 		background: url(../images/icon03.png) no-repeat right center;
 		background-size: .4rem auto;
 	}
 	.pro-section .pic ul li{
 		margin-left: 0 !important;
 	}
 	.pro-section .pic ul li:nth-child(2n){
 		float: right;
 	}
 	 
 	.pro-section .right{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		float: initial;
 		margin-top: .5rem;
 	}
 	.pro-section .right ul li{
 		width: 3.5rem;
 		padding: 0.04rem ;
 		margin-left: 0;
 		margin-bottom: .2rem;
 	}
 	.pro-section .right ul li:nth-child(2n){
 		float: right;
 	}
 	.pro-section .pic ul li .info{
 		padding: .3rem 0;
 		height: 1.8rem;
 	}
 	.pro-section .pic ul li .info h4{
 		font-size: .3rem;
 	}
 	.pro-section .pic ul li .info  p{
 		font-size: .28rem;
 		padding: 0 .2rem;
 		box-sizing: border-box;
 	}
 	.pro-section .pic ul li .info span{
 		display: block;
 	}

 	.bottom-news{
 		width:7.2rem;
 		padding:.4rem .2rem;
 		border-width: .06rem;
 		margin-top: .5rem;
 	}
 	.bottom-news .tit {
 		align-items: center;
 	}
 	.bottom-news .tit div{
 		padding-left: .2rem;
 	}
 	.bottom-news .tit div:after{
 		width: .08rem;
 		height: .8rem;
 	}
 	.bottom-news .tit h4{
 		font-size: .42rem;
 	}
 	.bottom-news .tit p{
 		font-size: .26rem;
 	}
 	.bottom-news .tit a{
 		display: flex;
 		width: .8rem;
 		justify-content: flex-end;
 		align-items: center;
 		height: .8rem;
 		 
 	}
 	.bottom-news .tit a img{
 		display: block;
 		height: .6rem;
 	}

 	.bnSwiper .swiper-slide{
 		padding: .4rem .5rem;
 	}
 	.bnSwiper .swiper-slide h4{
 		font-size: .32rem;
 	}
 	.bnSwiper .swiper-slide span{
 		font-size: .26rem;
 	}
 	.bnSwiper .swiper-slide p{
 		font-size: .28rem;
 		line-height: .48rem;
 		margin-top: .3rem;
 	}
 	.bnSwiper .swiper-slide span:after{
 		width: 1rem;
 		height: .06rem;
 	}

 	.bnSwiper{
 		margin-top: .4rem;
 	}
 	.bnSwiper .swiper-pagination{
 		margin-top: .5rem;
 
 	}

 	.footer{
 		margin-top: .8rem;
 		padding: .8rem 0;
 		padding-bottom: 2rem;
 	}
 	.footer .main{
 		display: block;
 	}

 	.footer .intro{
 		float: initial;
 	}
 	.footer .intro{
 		width: 6rem;
 	}
 	.footer .intro img{
 		width: 100%;
 	}
 	.footer .intro .info{
 		font-size: .28rem;
 		line-height: .48rem;
 		margin-top: .4rem;
 	}
 	.footer  .menu{
 		width: 100%;
 		height: auto;
 		margin-top: .5rem;
 		overflow: hidden;
 		display: none;
 	}
 	.footer .menu ul{
 		display: block;
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 	}
 	.footer .menu ul li{
 		height: auto;
 		overflow: hidden;
 	}
 	.footer .menu ul li a {
 		font-size: .38rem;
 		display: block;
 	}
 	.footer .menu ul li ul li a{
 		font-size: .28rem;
 	 
 	}
 	.footer .menu ul li ul li{
 		float: left;
 		width: 45%;
 		line-height: .8rem;
 	}
 	.footer .menu ul li ul li:nth-child(2n){
 		float: right;
 	}
 	.footer .ewm{
 		margin-top: .5rem;
 	}
 	.footer .ewm p{
 		font-size: .38rem;
 	}
 	.footer .ewm  ul li img{
 		display: block;
 		width: 2rem;
 		height: 2rem;
 	}
 	.img-list{
 		margin-top: .6rem;
 	}
 	.img-list .main{
 		width: 7.2rem;
 	}
 	.img-list ul li{
 		padding: .2rem;
 		margin-left: 0;
 		width: 3.5rem;
 		margin-bottom: .2rem;
 	}
 	.img-list ul li:nth-child(2n){
 		float: right;
 	}
 	.img-list ul li p{
 		height: .8rem;
 		line-height: .8rem;
 		font-size: .28rem;
 		padding-left: .2rem;
 		padding-right: 1rem;
 		margin-top: .15rem;
 		background-size: auto .8rem;
 	}

 	.case-section{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .6rem;
 	}

 	.case-section .main{
 		width: 7.2rem;
 	}

 	.case-section .details{
 		width: 100%;
 		padding: .5rem .3rem;
 		border-width: .12rem;
 	}
 	.case-section .details .tit h4{
 		font-size: .38rem;
 	}
 	.case-section .details .tit div{
 		flex-wrap: wrap;
 		height: auto;
 		padding: .15rem 0;
 	}
 	.case-section .details .tit p{
 		font-size: .2rem;
 		width: 100%;
 		text-align: center;
 		line-height: .38rem;
 	}

 	.case-section .details .intro{
 		font-size: .28rem;
 		line-height: .48rem;
 	}

 	.case-section .right{
 		width: 100%;
 		margin-top: .4rem;
 		border-width:.12rem;
 	}


 	.case-section .right .tit {
 		align-items: center;
 	}
 	.case-section .right .tit div{
 		padding-left: .2rem;
 	}
 	.case-section .right .tit div:after{
 		width: .08rem;
 		height: .8rem;
 	}
 	.case-section .right .tit h4{
 		font-size: .42rem;
 	}
 	.case-section .right .tit p{
 		font-size: .26rem;
 	}
 	.case-section .right .tit a{
 		display: flex;
 		width: .8rem;
 		justify-content: flex-end;
 		align-items: center;
 		height: .8rem;
 		 
 	}

 	.rSwiper .swiper-slide p{
 		font-size: .3rem;
 		padding-right: 4.05rem;
 	}
 	.case-section .right .rSwiper .swiper-pagination{
 		height: .4rem;
 		width: 3.5rem;
 	}
 	.rSwiper .swiper-pagination span{
 		width: .4rem;
 		height: .08rem;
 		margin: 0 .1rem;
 	}
 	.r-news ul{
 		margin-top: .3rem;
 	}
 	.r-news ul li{
 		border-width: .02rem;
 		padding: .3rem .2rem;
 		margin-bottom: .2rem;
 	}
 	.r-news ul li h4{
 		font-size: .32rem;
 		padding-bottom: .3rem;
 	}

 	.r-news ul li h4:after{
 		width: .8rem;
 		height: .04rem;
 	}
 	.r-news ul li p{
 		font-size: .24rem;
 	}

 	.news-list {
 		margin-top: .4rem;
 	}

 	.news-list .main{
 		width:7.2rem;
 	}

 	.news-list ul li{
 		width:3.5rem;
 		margin-left: 0;
 	}
 	.news-list ul li:nth-child(2n){
 		float: right;
 	}
 	.news-list ul li .intro{
 		padding: .3rem;
 		height: auto;
 	}
 	.news-list ul li .intro h4{
 		font-size: .3rem;
 		padding-bottom: .2rem;
 	}
 	.news-list ul li .intro h4:after{
 		width: .7rem;
 	}

 	.news-list ul li .info p{
 		font-size: .26rem;
 		line-height: .42rem;
 		margin-top: .2rem;
 	}
 	.news-list ul li .time span{
 		font-size: .24rem;
 	}
 	.news-list ul li .time{
 		margin-top: .4rem;
 	}

 	.news-list ul li .time i{
 		width: .5rem;
 		height: .5rem;
 		background-size: .15rem auto ,cover;

 	}
 	.news-list ul li .intro:after{
 		height: .02rem;
 		bottom: 1rem;
 	}

 	.cont-section{
 		width: 7.2rem;
 		border-width: .12rem;
 		padding: .5rem .4rem;
 		margin-top: .8rem;
 	}

 	.cont-section .intro{
 		width: 100%;
 		float:initial;
 	}
 	.cont-section .intro .tit img{
 		height: .9rem;
 	}
 	.cont-section .intro .tit h4{
 		font-size: .42rem;
 	}

 	.cont-section .intro .tit p{
 		font-size: .246rem;
 		padding-right: .2rem;
 	}
 	.cont-section .intro .tit p:after{
 		width: .5rem;
 		height: .04rem;
 	}

 	.cont-section .intro .info h4{
 		font-size: .32rem;
 	}
 	.cont-section .intro .info p{
 		font-size: .26rem;
 		line-height: .42rem;
 	}

 	.cont-section .map{
 		float: initial;
 		width: 100%;
 		height: 5rem;
 		margin-top: .4rem;
 	}


 	.imgBox{
 		margin-top: .6rem;
 	}

 	.imgBox .main{
 		width: 7.2rem;
 	}

 	.imgBox ul li div{
 		border-width: .02rem;
 	}
 	.imgBox ul li{
 		width: 3.45rem;
 		margin-left: 0;
 		margin-bottom: .15rem;
 	}

 	.imgBox ul li:nth-child(2n){
 		float: right;
 	}
 	.imgBox ul li p{
 		font-size: .28rem;
 		line-height: .8rem;
 	}

 	.page-section{
 		margin-top: .5rem;
 	}	
 	.page-section .main{
 		width: 7.2rem;
 	}

 	.page-section p{
 		font-size: .28rem;
 		line-height: .65rem;
 	}

 	.about{
 		background: url(../images/about_m.jpg) no-repeat center;
 		background-size: cover;
 	}
 	.product{
 		background: url(../images/product_m.jpg) no-repeat center;
 		background-size: cover;
 	}
 	.cases{
 		background: url(../images/case_m.jpg) no-repeat center;
 		background-size: cover;
 	}
 	.honor{
 		background: url(../images/honor_m.jpg) no-repeat center;
 		background-size: cover;
 	}
 	.news{
 		background: url(../images/news_m.jpg) no-repeat center;
 		background-size: cover;
 	}
 	.contact{
 		background: url(../images/contact_m.jpg) no-repeat center;
 		background-size: cover;
 	}

 	.float-right{
 		display: none;
 	}

 	.pro-section .pro-info{
 		width: 100%;
 		display: block;
 	}
 	.pro-section .pro-info .img img{
 		width: 100%;
 		height: auto;
 	}
 	.pro-section .pro-info .text{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .3rem;
 	}

 	.pro-section .pro-info .tit{
 		margin-top: 0;
 	}

 	.pro-section .pro-info .tel{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		position: initial;
 	}	

 	.pro-section .pro-info .tel b{
 		font-size: .42rem;
 		display: block;
 		max-width: 3.5rem;
 		line-height: .5rem;
 	}
 	.pro-section .pro-info .tit h4{
 		font-size: .38rem;
 		height: auto;
 		padding-bottom: .2rem;
 	}
 	.pro-section .pro-info .tit p{
 		font-size: .28rem;
 		margin-top: .3rem;
 		height: auto;
 	}

 	.pro-section .pro-info .tel{
 		margin-top: .3rem;
 		width: 6rem;
 		padding: .3rem .4rem;
 	}

 	.pro-section .pro-info .tel p{
 		font-size: .32rem;
 	}
 	.pro-section .pro-info .tel span{
 		font-size: .2rem;
 	}
 	.pro-intro{
 		margin-top: .3rem;
 	}
 	.pro-intro .info{
 		font-size: .28rem;
 		line-height: .48rem;
 	}
 	.pro-intro .info img{
 		max-width: 100%;
 		display: block;
 	}
 	.pro-intro .tit h4{
 		line-height: 1rem;
 		height: 1rem;
 		font-size: .36rem;
 	}
}