@charset "utf-8";
.clear{
	clear: both;
}
html,body {height:100%;}
body {min-width: 1000px; margin:0;font-size:16px;font-family: '微软雅黑', Arial;}
li {list-style-type:none;}
a {color:#333;text-decoration:none;}
* {padding:0px;margin:0px;box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox */-webkit-box-sizing:border-box;/* Safari */}
a:link {text-decoration:none !important;}
a:visited {text-decoration:none !important;}
a:hover {text-decoration:none !important;}
a:active {text-decoration:none !important;}
h1,h2,h3,h4,h5,h6 {padding:0px;margin:0px;}

#header{width: 100%; height:auto;background: url(../img/b001.jpg)center no-repeat;background-size: cover;}
#header .top{
	width: 90%;
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
	height: 80px;
}

#header .top .logo{
	float: left;
	margin-top: 10px;
}


#header .top .bs{
	float: right;
	margin-right:5%;

}
#header .top .bs li{
	float: left;
	height: auto;
	margin: 25px 18px 0 18px;
	position: relative;
}

#header .top .bs li .zs{
	display: none;
		position: absolute;
	top: 45px;
	left:-150px;
	width: 340px;
	height: auto;
	z-index: 11;
	padding: 30px 0;
	background: url(../img/a009.png) center no-repeat ;
    background-size:100%;

	transition: all 0.3s ease;
}

#header .top .bs li .zs img{
	display: block;
	width: 90%;
	margin: 0 auto;
	height: 100%;

}
#header .top .bs li:hover .zs{
	display: inherit;
}


#header .top .tm{
	float: right;
	line-height: 80px;
}
#header .top .tm li{
	float: left;
	overflow: hidden;
	height: auto;
}


#header .top .tm li img{
	    float: left;
    margin-right: 10px;
    margin-top: 25px;
}
#header .top .tm li{
    margin: 0 5px;
    color: #999999;
    line-height: 80px;
    font-size: 14px
}
#header .top .tm li span{
	    float: left;
	    font-size: 16px;	
	    line-height: 80px;    
	    color: #666666;
}
#header .line{
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.1);
}

@media  (max-width:1100px ) {
	#header .top .bs li{
	margin: 24px 13px;
}
}


.nav{
	width:90%;
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
	height: 71px;
}
.nav .pc-nav-m {
	width: calc(100% - 220px);
	float: left;
}

.nav .pc-nav-m  li {
    height: 70px;
    float: left;
    transition: all 0.3s ease;
margin: 0 2%;
 
}

.nav .pc-nav-m li .pn1 {
    height: 18px;
    line-height: 70px;
    display: block;
    border-left: 0px solid #333;
       position: relative;
}
.nav .pc-nav-m li:hover .pn1 {
	color: #F89216;
}

.nav .pc-nav-m li .down {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 9999;
    left: 0px;
    top: 150px;
    background: rgba(255,255,255,0.9);
    padding-top: 25px;
    padding-bottom: 45px;
    box-shadow: 0 1px 20px rgba(0,0,0,0.2);
}

.nav .pc-nav-m li .down .down-all{
	width: 90%;
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
}


.nav .pc-nav-m li .down .down-all .pn2 {
    width: 13%;
    display: inline-block;
    padding-bottom: 20px;
    vertical-align: top;
}
.nav .pc-nav-m li .down .down-all .pn2 .pn2-all .pic {
    width: 32px;
    height: 32px;
    margin-bottom: 15px;
    margin-left: 35px;
}

.nav .pc-nav-m li .down .down-all .pn2  .pn2-all h1 {
    font-size: 18px;
    color: #044780;
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    background: url(../img/a010.png) no-repeat;
    background-position: left 6px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.nav .pc-nav-m li .down .down-all .pn2  .pn2-all h1:hover {
	color: #F89216;
}

.nav .pc-nav-m li .down .down-all .pn2  .pn2-all p {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    transition: all 0.3s ease;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 10px;
}

.nav .pc-nav-m li .down .down-all .pn2  .pn2-all  p:hover{
color: #f89216;
}


.pn2-all-box a{
	display: none;
}
.pn2-all-box a:first-child{
	display:inherit;
}
.pn2-all-box a:nth-child(2){
	display:inherit;
}
.pn2-all-box a:nth-child(3){
	display:inherit;
}

.nav-contact{
	width: 90%;
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.nav-contact  .nav-contact-l{
	width: calc(100% - 180px);
	float: left;
}
.nav-contact  .nav-contact-l p{
	width: 50%;
	float: left;
	color: #333333;
	font-size: 40px;
	line-height: 50px;
	padding-right: 20px;
}

.nav-contact  .nav-contact-l .nav-contact-text{
	width: 100%;
	padding-right: 20px;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
}

.nav-contact  .nav-contact-btn{
	display: block;
	float: right;
	width: 180px;
	height: 50px;
	font-size: 20px;
	color: #FFFFFF;
	background: #F89216;
	text-align: center;
	line-height: 50px;
}



.search{
	float: right;
	position: relative;
	margin-top: 15px;
}
.search  #sk{
	display: block;
	width: 220px;
	height: 36px;
	border: none;
	border-radius:18px ;
	border: 1px #c9c9c9 solid;
	padding: 0 15px;
	
}
.search  #ss{
	position: absolute;
	right: 15px;
	top: 7px;
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
}
.banner{
	width: 100%;
	height: auto;
}
.banner .s1{
	width: 100%;
	height: auto;
}
.banner .s1 img{
	display: block;
	width: 100%;
	height: 100%;
}

.banner .s1 .swiper-button-prev {
    background-image: url(../img/prev.png);
    opacity: 0;
    left: 10px;
    right: auto;
      transition: all 0.3s ease;
}
.banner .s1 .swiper-button-next {
    background-image: url(../img/next.png);
    opacity: 0;
    right: 10px;
    left: auto;
    transition: all 0.3s ease;
}

.banner .s1:hover .swiper-button-next ,.banner .s1:hover .swiper-button-prev{
	opacity: 0.8;
}


.banner .s1 .swiper-button-prev, .banner .s1 .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.banner .s1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF;
}

.h80{
	width: 100%;
	height: 80px;
	overflow: hidden;
	clear: both;
}

.zx-title{
	width: 90%;
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
}
.zx-title h5{
	text-align: center;
	font-size: 40px;
	color: #333333;
}
.zx-title h5{
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	color: #333333;
}
.zx-title span{
	display: block;
	width: 45px;
	height:2px ;
	background: #F89216;
	margin: 0 auto;
	margin-top: 20px;
}
.zx-title h6{
	text-align: center;
	font-size: 16px;
	color: #999999;
	margin-top: 20px;
}
.box1{
	width: 100%;
	height: auto;
}
.box1 ul{
	width: 90%;
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
	margin-top: 45px;

}
.box1 li{
	width: 25%;
	float: left;
	padding: 2%  1.5%;
	margin-bottom: 40px;
	transition: all 0.3s ease;
}
.box1 li:hover{
box-shadow: 1px 0 10px rgba(0,0,0,0.15);
margin-top: -10px;
}

.box1 li .pic{
	width: 28%;
	height: auto;
	margin: 0 auto;
}
.box1 li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.box1 li h5{
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	color: #044780;
	margin-top: 30px;
}
.box1 li .text{
	text-align: center;
	width: 100%;
	height: 56px;
		margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.box1 li .text p{
	font-size: 14px;
	color: #666666;
	line-height: 2;

}


.box2 {
	width: 100%;
	padding: 80px 0 70px 0;
	background: url(../img/b003.jpg) center no-repeat;
	background-size: cover;
}
.box2 .zx-title h6 {
	color: #666666;
}
.box2  .pro-sort{
	width: 90%;
	max-width: 1228px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}
.box2  .pro-sort a{
	display: inline-block;
	width: calc( 16.6% - 30px );
	height: 40px;
	color: #333333;
	font-size: 16px;
	margin: 8px 10px 8px  10px;
	text-align: center;
	line-height: 38px;
	border: 1px rgba(0,0,0,0.3) solid;
	transition: all 0.3s ease;
}
.box2  .pro-sort a:hover{
	border: 1px solid #F89216;
	background: #F89216;
	color: #FFFFFF;
}


.box2-s{
	width: 100%;
	height:auto;
	display: none;
}

.box2 ul{
	width: 92%;
	max-width: 1228px;
	min-width: 1028px;
	margin: 0 auto;
	margin-top: 40px;
}
.box2 ul li{
	width: calc(25% - 28px);
	float: left;
	height: auto;
	margin: 0 14px;
	box-shadow: 1px 0 10px rgba(0,0,0,0.2);
}
.box2 ul li .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.box2 ul li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.box2 ul li:hover img{
	transition: all 0.6s ease;
	transform: scale(1.1);
}

.box2 ul li h5{
	width: 100%;
	font-weight: 500;
	text-align: center;
	line-height: 50px;
	background: #FFFFFF;
	color: #333333;
	font-size: 20px;
	transition: all 0.3s ease;
}
.box2 ul li:hover h5{
	color: #FFFFFF;
	background: #F89216;
}

.box2 .more {
	display: block;
	width: 170px;
	height: 40px;
		font-size: 16px;
	color: #F89216;
	border:1px #F89216 solid;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	margin-top: 40px;
	transition: all 0.3s ease;
}
.box2 .more:hover{
	color: #FFFFFF;
	background: #F89216;
}




.box3{
	width: 100%;
	height: auto;
		padding: 80px 0 70px 0;
	background: url(../img/b005.jpg) center no-repeat;
	background-size: cover;
}


.box3 .box3-s1{
	width: 90%;
	max-width: 1220px;
	margin: 0 auto;
	border-bottom: none;
	margin-top: 50px;
	text-align: center;
}
.box3 .box3-s1 li{
	display: inline-block;
	width: calc(14.3% - 18px);
	margin:  7px 6px;
	border: 1px  #b2b2b2 solid;
	color: #333333;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	cursor: pointer;
}



.box3 .box3-s1 li:hover{
	border: 1px #f89216 solid;
	background: #f89216;
	color: #FFFFFF;
}

@media (max-width:1200px ) {
	.box3 .box3-s1 li{
	display: inline-block;
	width: calc(16.6% - 18px);

}
}


.box3 .box3-s1-content{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	height: auto;
	min-height: 330px;
	position: relative;
	overflow: hidden;
	display: none;
	margin-bottom: 80px;
}

.box3-s1-c-l{
	width: 50%;
	min-height: 330px;
	float: left;
	padding:50px 0;
	background: #f5f5f5;
	position: relative;
}
.box3-s1-c-l .more{
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #044780;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: lighter;
	text-align: center;
	line-height: 46px;
}
.box3-s1-c-l .more:hover{
	background: #F89216;
}

.box3-s1-c-l h4{
	width: calc(100% - 76px);
	margin: 0 auto;
	font-weight: 500;
	font-size: 28px;
	color: #044780;
}
.box3-s1-c-l .text{
	width: calc(100% - 74px);
	margin: 0 auto;
	height: 48px;
	margin-top: 25px;
		font-size: 16px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.box3-s1-c-l .text p{
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
}
.box3-s1-c1{
	width: calc(100% - 74px);
	margin: 0 auto;
	margin-top: 35px;
	overflow: hidden;
	
}
.box3-s1-c1 li{
	display: inline-block;
	width: 32%;
	background: url(../img/a051.png)no-repeat;
	padding-left: 30px;
	line-height: 16px;
	text-align: left;
	margin: 8px  0;
	cursor: pointer;
}
.box3-s1-c1 li.cutt{
	color: #F89216;
}


.box3 .box3-s1-content  .box3-s1-c1 li.btn1:hover{
	color: #F89216;
}



.box3-s1-c-r{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	float: right;
	display: none;
}
.box3-s1-c-r .r-t{
	width: 100%;
	height: 100%;
	background: url(../img/b010.jpg) center no-repeat;
	background-size: cover !important;
	transition: background 0.4s;
}

.box3-s1-c-r .r-t-bk{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	display: flex;
}


.box3-s1-c-r .r-t:hover{
	
	background-position-x: -2px;
}

.box3-s1-c-r .r-t:hover   .r-t-bk {
	background: rgba(0,0,0,0.35);
}


.box3-s1-c-r .r-t .r-t-con{
	display: block;
	margin: auto 0;
}
.box3-s1-c-r .r-t .r-t-con h6{
	width:80%;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 500;
}
.box3-s1-c-r .r-t .r-t-con .text{
	width: 80%;
	margin: 0 auto;
	height: 72px;
	margin-top: 25px;
		font-size: 16px;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.box3-s1-c-r .r-t .r-t-con .text p{
	line-height: 1.5;
	color: #FFFFFF;
	font-size: 16px;
}

.box4{
	width: 100%;
	height: auto;
		padding: 80px 0 70px 0;
	background: url(../img/b006.jpg) center no-repeat;
	background-size: cover;
}
.box4 .zx-title h6{
color: #666666;
}
.box4-c{
	width: 94%;
	height: auto;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 60px;
	position: relative;
}
.box4-c .s2{
	width: 90%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}
.box4-c .s2 .s2-c{
	width: 100%;
	height: auto;
	box-shadow: 1px 0 10px rgba(0,0,0,0.2);
}
.box4-c .s2 .s2-c .pic{
	width: 100%;
	height: auto;
	overflow: hidden;

}
.box4-c .s2 .s2-c .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.box4-c .s2 .s2-c .pic:hover img{
	transform: scale(1.2);
		transition: all  0.6s ease;
}


.box4-c .s2 .s2-c h5{
	font-size:20px ;
	font-weight: 500;
	color: #333333;
	width: 100%;
	text-align: center;
	line-height: 50px;
	background: #FFFFFF;
}
.box4-c .s2 .s2-c:hover h5{
	color: #FFFFFF;
	background: #F89216;
}
.box4-c .swiper-button-prev{
    background-image: url(../img/a042.png);
    left: 10px;
    right: auto;
}
.box4-c .swiper-button-next {
    background-image: url(../img/a043.png);
    right: 10px;
    left: auto;
}
.box4-c .swiper-button-prev, .box4-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

.box5{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.box5-c{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	height: auto;
		margin-top: 50px;
}
.box5-c .box5-c-l{
	width: 580px;
	height: auto;
	overflow: hidden;
	position: relative;
	float: left;
}
.box5-c .box5-c-l img{
display: block;
width: 100%;
height: 100%;
}

.box5-c .box5-c-l:hover img{
	transition: all 0.8s ease ;
	transform: scale(1.2);
}

.box5-c .box5-c-l .l-content{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	padding: 30px;
}
.box5-c .box5-c-l .l-content h5{
	width: 100%;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box5-c .box5-c-l .l-content span{
	display: block;
	background: #F89216;
	width: 45px;
	height: 2px;
	margin-top: 15px;
}
.box5-c .box5-c-l .l-content .text{
	width: 100%;
	color: #FFFFFF;
	height:48px ;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.box5-c .box5-c-l .l-content .text p{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.5;
}

.box5 .box5-c-r{
	width: calc(100% - 620px);
	float: right;
	border:1px solid #8e99a0;
	border-left:none;
	border-right: none;
}
.box5 .box5-c-r li{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 28px 0;
	border-bottom: 1px dashed #8e99a0;
}

.box5 .box5-c-r li:last-child{
	border-bottom: none;
}





.box5 .box5-c-r .date{
	width: 56px;
	height: auto;
	float: left;
}
.box5 .box5-c-r .date b{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 48px;
	color: #999999;
}
.box5 .box5-c-r .date span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #999999;
}
.box5 .box5-c-r .t-c{
	width: calc(100% - 85px);
	float: right;
}
.box5 .box5-c-r .t-c h5{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.box5 .box5-c-r li:hover b,.box5 .box5-c-r li:hover span{
	color: #F89216;
}
.box5 .box5-c-r li:hover h5{
	color: #F89216;
}



.box5 .box5-c-r .t-c  .text{
	font-size: 16px;
	color: #666666;
	height: 42px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient:vertical;
	word-break: break-all;
}


.box5 .box5-c-r .t-c  .text p{
	font-size: 16px;
	color: #666666;
}
@media (max-width:1200px ) {
	.box5-c .box5-c-l{
	width: 440px;
	height: auto;
}

.box5 .box5-c-r .date b{

	font-size: 45px;

}
.box5 .box5-c-r{
	width: calc(100% - 480px);
}
.box5 .box5-c-r li{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px dashed #8e99a0;
}
.box5 .box5-c-r .t-c h5{
	font-size: 18px;
}
.box5 .box5-c-r .t-c  .text{
	font-size: 14px;
	margin-top: 14px;
}
.box5 .box5-c-r .t-c  .text p{
	font-size: 14px;
}

}
.footer{
	width: 100%;
	padding:50px 0 20px 0;
	background: #363f49;
	height: auto;
}

.footer1{
	width: 90%;
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}
.footer1  .footer-l{
	display: block;
	width: 130px;
	height: 136px;
	float: left;
}
.footer1  .footer-l img{
	display: block;
	width: 100%;
	height:100%;
}
.footer1 ul{
	width: calc(100% - 250px);
	height: auto;
	padding: 0 40px;
	float: left;
}
.footer1 ul li{
	width: 25%;
	padding-left:45px;
	height: auto;
	float: left;
}
.footer1 ul li h5{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	color: #FFFFFF;
}
.footer1 ul li a{
	display: block;
	font-size: 14px;
	margin: 7px 0;
	color: #FFFFFF;
	word-break: break-all;
}
.footer1 ul li:last-child  a{
	padding-left: 24px;
}

.footer1  .footer-r{
	width: 120px;
	height: auto;
	float: right;
}

.footer1  .footer-r img{
	display: block;
	width: 100%;
	height: 100%;
}

.footer1  .footer-r h6{
	width: 100%;
	font-weight: 500;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 20px;
}

@media (max-width:1200px ) {
	.footer1 ul{
	width: calc(100% - 250px);
	height: auto;
	padding: 0 20px;
	float: left;
}
.footer1 ul li{
	width: 25%;
	padding-left:25px;
	height: auto;
	float: left;
}
}

.footer2{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 45px;
	padding-top: 20px;
	border-top:1px    #FFFFFF dotted;
	color: #FFFFFF;
	text-align: center;
}
.footer2 span{
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 10px;
}
.footer2 span a{
	font-size: 14px;
	color: #FFFFFF;
}

/*内页banner*/
.banners{
	width: 100%;
	height: auto;
}
.banners img{
	display: block;
	width: 100%;
	height: 100%;
}




/*关于我们*/
.ab1 {
	width: 100%;
	height: auto;
}
.ab1 .text{
	width: 90%;
	height: auto;
	font-size: 14px;
	line-height: 2;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}
.ab1 .text p{
	font-size: 14px;
	line-height: 2;
	color: #666666;
}
.ab1 .text img{
	display: block;
	width: 100%;
	height: 100%;
}

.ab2{
	width: 100%;
	height: auto;
	background: url(../img/b012.jpg) center no-repeat;
	background-size: cover;
}
.ab2 .zx-title h6{
color: #666666;
}
.ab2-bk{
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.75);
}

.ab2 ul{
	width: 90%;
	max-width: 1226px;
	height: auto;
	margin: 0 auto;
	margin-top: 40px;
}
.ab2 ul li{
	width: calc(25% - 26px);
	height: auto;
	margin: 10px  13px;
	float: left;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 1px 0 10px rgba(0,0,0,0.2);
	padding: 4% 4% 6.5% 4%;
	transition: all 0.5s ease;
}

.ab2 ul li:hover{
	margin-top: -10px;
		box-shadow: 1px 0 20px rgba(0,0,0,0.2);
}

.ab2 ul li .pic{
	display: inline-block;
	width: 60px;
	height: 60px;
}
.ab2 ul li .pic img{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.ab2 ul li h5{
	font-weight: 500;
	color: #333333;
	font-size: 20px;
	margin-top: 48px;
}
.ab2 ul li .text{
	width: 100%;
	height: 63px;
	margin-top: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: block-axis;
	word-break: break-all;
}
.ab2 ul li .text p{
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
}

.ab3{
	width: 100%;
	height: auto;
}
.ab3-c{
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;
	height: auto;
	margin-top: 50px;
	position: relative;
}
.ab3-c .s-ab1{
	width: 90%;
	max-width: 1200px;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
}
.ab3-c .s-ab1 img{
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 1px 0 10px rgba(0,0,0,0.2);
	transition: all 0.6s ease-in-out 0.05s;
}

.ab3-c .s-ab1 .swiper-slide{
	overflow: hidden;

}

.ab3-c .s-ab1 .swiper-slide img:hover{
transform: scale(1.2);

}

.ab3-c  .swiper-button-prev{
    background-image: url(../img/a056.png);
    left: 0px;
    right: auto;
}
.ab3-c  .swiper-button-next{
    background-image: url(../img/a057.png);
    right: 0px;
    left: auto;
}
.ab3-c .swiper-button-prev, .ab3-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 36px;
    height:65px;
    margin-top: -32.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 36px 65px;
    background-position: center;
    background-repeat: no-repeat;
}
.ab4{
	width: 100%;
	height: auto;
	background: url(../img/b014.jpg)center no-repeat;
	background-size: cover;
}
.ab4 .zx-title h6{
	color: #666666;
}

.ab4-c{
	width: 91%;
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 80px;
	overflow: hidden;

}
.ab4-c span{
	display: block;
	float: left;
	width: calc(20% - 100px );
	height: 1px;
	background: #F89216;
	margin-top: 49px;

}
.ab4-c b{
	display: block;
	float: left;
	width: calc(10% - 50px );
	height: 1px;
	background: #F89216;
	margin-top: 49px;

}
.ab4-c .ab4-k{
	float: left;
	width: 100px;
	height: auto;
}
.ab4-c .ab4-k img{
	display: block;
	width: 100%;
	height: 100%;
}
.ab4-c .ab4-k h6{
	text-align: center;
	margin-left: -15px;
	width: 130px;
	height: auto;
	font-size: 20px;
	color: #666666;
	font-weight: 500;
	margin-top: 50px;
}







.ab5{
	width: 100%;
	height: auto;
}
.ab5-c{
	width: 93%;
	height: auto;
	max-width: 1340px;
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
}
.ab5-c .s-ab2{
	width: 90%;
	padding: 10px;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}
.ab5-c .s-ab2 img{
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 1px 0 10px rgba(0,0,0,0.2);
	transition: all 0.5s ease-in-out 0.05s;
}

.ab5-c .s-ab2 .swiper-slide{
	overflow: hidden;
}

.ab5-c .s-ab2 img:hover{
	transform: scale(1.2);
}

.ab5-c  .swiper-button-prev{
    background-image: url(../img/a058.png);
    left: 0px;
    right: auto;
}
.ab5-c  .swiper-button-next{
    background-image: url(../img/a059.png);
    right: 0px;
    left: auto;
}
.ab5-c .swiper-button-prev, .ab5-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 37px;
    height:68px;
    margin-top: -34px;
    z-index: 10;
    cursor: pointer;
    background-size: 37px 68px;
    background-position: center;
    background-repeat: no-repeat;
}

.ab6{
	width: 100%;
	height: auto;
	background: url(../img/b016.jpg)center no-repeat;
	background-size: cover;
}
.ab6 .zx-title h6{
	color:#666666;
}
.ab6-c{
	position: relative;
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 50px;
}
.ab6-c .s-ab3{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
}
.ab6-c .s-ab3 img{
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 1px 0 10px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out 0.05s;
}


.ab6-c .s-ab3 img:hover{
	border-radius: 10px;
		box-shadow: 1px 2px 10px rgba(0,0,0,0.3);
}

.ab6-c  .swiper-button-prev{
    background-image: url(../img/a056.png);
    left: 0px;
    right: auto;
}
.ab6-c  .swiper-button-next{
    background-image: url(../img/a057.png);
    right: 0px;
    left: auto;
}
.ab6-c .swiper-button-prev, .ab6-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 37px;
    height:68px;
    margin-top: -34px;
    z-index: 10;
    cursor: pointer;
    background-size: 37px 68px;
    background-position: center;
    background-repeat: no-repeat;
}








/*新闻列表*/
.box5-c-l1{
	display: none;
}
.new-list{
	width: 100%;
	height: auto;
	margin-top: 50px;
}
.new-list ul{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 25px;
	    border-bottom: ; 1px solid #8e99a0;
}
.new-list ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 28px 0;
	border-bottom: 1px dashed #8e99a0;
}

.new-list ul li:last-child{
	border-bottom: none;
}





.new-list ul li .date{
	width: 56px;
	height: auto;
	float: left;
}
.new-list ul li .date b{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 48px;
	color: #999999;
}
.new-list ul li .date span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #999999;
}
.new-list ul li .t-c{
	width: calc(100% - 85px);
	float: right;
}
.new-list ul li .t-c h5{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new-list ul li:hover b,.new-list ul li:hover span{
	color: #F89216;
}
.new-list ul li:hover h5{
	color: #F89216;
}



.new-list ul li .t-c .text{
	font-size: 16px;
	color: #666666;
	height: 48px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient:vertical;
	word-break: break-all;
}


.new-list ul li .t-c  .text p{
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
}

.page{
	width: 90%;
	margin: 0 auto;
	margin-top: 35px;
	text-align: center;
}
.page a{
	display: inline-block;
	padding: 0 15px;
	background: #F89216;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
	margin: 0 5px;
}
.page a.cut{
	background: #FFFFFF;
	color: #F89216;
}


/*新闻详情*/
.news-d{
	width: 100%;
	height: auto;
}
.news-d h5{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: #333333;
}
.news-d .date{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	color: #999999;
	margin-top: 20px;
	padding-bottom: 25px;
	border-bottom:1px dashed  #8e99a0;
}
.news-d .text{
	width: 90%;
	margin: 0 auto;
		font-size: 16px;
	color: #666666;
	margin-top: 56px;
}
.news-d .text p{
	font-size: 16px;
	color: #666666;
	line-height: 2;
}






.item{
	width: 100%;
	height: auto;
}


.item .zx-title h6{
	color: #666666;
}

.item .sort{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 35px;
	text-align: center;
}
.item .sort a{
	text-align: center;
	display: inline-block;
	margin: 10px 0;
	color: #333333;
	padding: 13px 16px;
}
.item .sort a.cut{
	color: #FFFFFF;
	background: #F89216;
}
.item .sort a:hover{
	color: #FFFFFF;
	background: #F89216;
}
.item ul{
	width: 92%;
	max-width: 1228px;
	min-width: 1028px;
	margin: 0 auto;
	margin-top: 25px;
}
.item ul li{
	width: calc(25% - 28px);
	float: left;
	height: auto;
	margin: 25px 14px;
	box-shadow: 1px 0 10px rgba(0,0,0,0.2);
}



.item ul li .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	
}
.item ul li .pic img{
	display: block;
	width: 100%;
	height: 100%;
		transition: all 0.6s ease;
}

.item ul li:hover img{
	transform: scale(1.1);
}

.item ul li h5{
	width: 100%;
	font-weight: 500;
	text-align: center;
	line-height: 50px;
	background: #FFFFFF;
	color: #333333;
	font-size: 20px;
	transition: all 0.3s ease;
}
.item ul li:hover h5{
	color: #FFFFFF;
	background: #F89216;
}

/*服务领域*/
.item .sort a{
	text-align: center;
	display: inline-block;
	margin: 10px 0;
	color: #333333;
	padding: 13px 10px;
}


/*分析仪器*/
.analyze {
	width: 100%;
	height: auto;
}
.analyze ul{
	width: 90%;
	margin: 0 auto;
	max-width: 1200px;
	margin-top: 50px;
}
.analyze ul li{
	width: 100%;
	height: auto;
	margin: 40px 0;

}
.analyze ul li .pic{
	width: 300px;
	height: 225px;
	float: left;
		box-shadow: 1px 0 10px rgba(0,0,0,0.2);
}
.analyze ul li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.analyze ul li .analyze-t{
	padding:40px  50px 40px  10%;
	width: calc(100% - 300px);
	float: left;
	min-height: 225px;
		box-shadow: 1px 0 10px rgba(0,0,0,0.2);
}
.analyze ul li .analyze-t h6{
	font-size: 24px;
	color: #666666;
	font-weight: 500;
}
.analyze ul li .analyze-t .text{
	font-size: 16px;
	color: #666666;
	margin-top: 20px;
}
.analyze ul li .analyze-t .text p{
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
}
.item-d{
	width: 90%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.item-d .pic{
	width: 350px;
	height: auto;
	float: left;
	box-shadow: 1px 0 10px rgba(0,0,0,0.2);
}
.item-d .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.item-d .item-t{
	width: calc(100% - 430px);
	float: left;
	height: auto;
	margin-left: 80px;
}
.item-d .item-t h5{
	color: #F89216;
	font-size: 30px;
	line-height: 32px;
	font-weight: 500;
}
.item-d .item-t span{
display: block;
width: 65px;
height: 3px;
background: #F89216;
margin-top: 25px;
}
.item-d .item-t .text{
	width: 100%;
	height:192px;
margin-top:28px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
word-break: break-all;
}
.item-d .item-t .text p{
	color: #666666;
	font-size: 16px;
	line-height: 2;
}

.item-d-c{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.item-d-c .layui-tab-title{
	width: 100%;
	height:auto;
	border-bottom: 1px #F89216 solid;
}
.item-d-c .layui-tab-title li{
	width: 153px;
	margin-right: 5px;
	font-size: 20px;
	background: #b2b2b2;
	color: #FFFFFF;
}


.item-d-c  .layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 41px;
    border: none;
    border-radius:0
}
.item-d-c .layui-tab-title .layui-this {
	background: #F89216;
	color: #FFFFFF;
	border-bottom: 1px #F89216 solid;
}
.item-d-c .layui-tab-item .text{
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.client1{
	width: 100%;
	height: auto;
}
.client1 .text{
	width: 90%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}
.client1 .text p{
	color: #666666;
	font-size: 16px;
	line-height: 2;
}
.client2 {
	width: 100%;
	height: auto;
	padding: 80px 0;
	background: url(../img/b020.jpg) center no-repeat;
	background-size: cover;
}
.client2 h5{
	width: 90%;
	text-align: center;
	font-weight: 500;
	font-size: 24px;
	max-width: 1200px;
	margin: 0 auto;
	color: #F89216;
}
.client2-c{
	width: 640px;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
}
.client2-c  .c1{
	width: 100%;
	height: 44px;
	line-height: 44px;
	margin: 7px;
	font-size: 16px;
	border: none;
	padding-left: 20px;
	background: rgba(255,255,255,0.8);
}
input::-webkit-input-placeholder {
color: #666666;
	font-family: "微软雅黑";
}

input::-moz-placeholder {
	color: #666666;
		font-family: "微软雅黑";
}

input::-ms-input-placeholder {
	color: #666666;
		font-family: "微软雅黑";
}
.client2-c  .c2{
	border: none;
	padding: 0;
	color: #FFFFFF;
	background: #F89216;
	margin-top: 6px;
}

.client2-c  .c2:hover{
	transition: all 0.3s ease;
	box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}


.client3{
	width: 100%;
	height: auto;
}
.client3 ul{
width: 90%;
max-width: 1200px;
height: auto;
margin: 0 auto;
margin-top: 80px;
}
.client3 ul li{
	width: 25%;
height: auto;
float: left;
text-align: center;
padding: 40px 2%;
transition: all  0.3s  ease;
}
.client3 ul li img{
	display: inline-block;
	width: 80px;
	height: 80px;
}

.client3 ul li:hover{
	padding: 39px  2%;
	border: 1px #666666 solid;

}
.client3 ul li h5{
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	color: #666666;
	margin-top: 30px;
}
.client3 ul li .text{
	width: 100%;
	height: 63px;
	font-size: 16px;
	color: #666666;
	margin-top: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	word-break: break-all;
}
.client3 ul li .text p{
	font-size: 16px;
	color: #666666;
}
.client-down{
	width: 100%;
	height: auto;
}
.client-down .down-t{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	height: auto;
	margin-top: 50px;
	overflow: hidden;
}
.client-down .down-t h4{
	width: 130px;
	float: left;
	font-size: 16px;
	color: #666666;
	font-weight: 500;
}
.client-down .down-t span{
	display: block;
	float: left;
	margin-top: 12px;
	width: calc(100% - 170px );
	height: 1px;
	border-bottom:1px dashed #F89216;
}
.client-down .down-t .btn {
	float: right;
	width: 25px;
	height: 25px;
}


/*在线报价*/
.online{
	width: 100%;
	height: auto;
	padding: 90px 0; 
	background: url(../img/b021.jpg)center no-repeat;
	background-size: cover;
}
.online .zx-title h6{
	color: #666666;
}
.online-c{
	width: 85%;
	max-width: 1080px;
	margin: 0 auto;
	margin-top: 50px;
	overflow: hidden;
}
.online-c .c1{
	width: calc( 50% - 60px);
	margin: 8px 30px;
	float: left;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 45px;
	padding-left: 20px;
	border:1px rgba(98,98,98,0.4) solid;
	background: rgba(248,248,248,0.8);
	
}
.online-c .c2{
	width: calc(100% - 60px);
	height: 165px;
	margin-left: 30px;
	margin: 8px 30px;
	float: left;
	font-family: "微软雅黑";
	color: #666666;
	font-size: 16px;
	line-height: 45px;
	padding-left: 20px;
		background:rgba(248,248,248,0.8);
		border:1px rgba(98,98,98,0.4) solid;
}
.online-c .c3{
	text-align: center;
	padding: 0;
	border: none;
	background:#f9a744;
	color: #FFFFFF;
	font-family: "微软雅黑";
	cursor: pointer;
	transition: all 0.3s ease;
}
.online-c .c3:hover{
	background: #F89216;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}

/*联系我们*/

.contact {
	width: 100%;
	height: auto;
	background: #f9f9f9;
	padding: 80px 0;
}
.contact .zx-title h6{
	color: #666666;
}
.contact ul{
	width: 90%;
	max-width: 1240px;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
}
.contact ul li{
	width: calc(25% - 40px);
	margin: 0 20px;
	height: auto;
	float: left;
	box-shadow: 1px 0 10px rgba(0,0,0,0.1) ;
	padding: 25px  3% 20px 3%;
	text-align: center;
	transition: all 0.3s ease;
}


.contact ul li:hover{
	margin-top: -10px;
	box-shadow: 1px 2px 20px rgba(0,0,0,0.2) ;

}

.contact ul li img{
	display: inline-block;
	width: 40px;
	height: 40px;
}
.contact ul li h6{
	color: #333333;
	font-size:18px ;
	margin-top: 30px;
	font-weight: 500;
}
.contact ul li .text{
	width: 100%;
	height: 64px;
	margin-top: 30px;
	font-size:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.contact ul li .text p{
	font-size: 16px;
	color: #666666;
	line-height: 2;
}
.map{
	width: 100%;
	height: 500px;
	position: relative;
}
.map #map{
	width: 100%;
	height: 100%;
}
 .mes-c{
 	position: absolute;
 	top: 0;
 	left:25%;
 	transform: translateX(-25%);
	width: 540px;
	padding: 40px 35px;
	height: 500px;
	background: rgba(0,0,0,0.55);
}

.mes-c .mes-c-k{
	width: calc(50% - 30px);
	float: left;
	margin: 12px  15px;
	height: auto;
}
.mes-c .mes-c-k1{
	width: calc(100% - 30px);
	height: auto;
}
.mes-c .mes-c-k p{
	width:100%;
	color: #FFFFFF;
	font-size: 16px;
}
.mes-c .c1{
	width:100%;
	float: left;
	font-family: "微软雅黑";
	height: 28px;
	margin: 10px 0;
	line-height: 28px;
	padding-left: 15px;
	border: 1px rgba(220,220,220,0.7) solid;
	background: none;
}
.mes-c .c2{
	width: 100%;
}
.mes-c .c3{
	width: 100%;
	height: 115px;
}
.mes-c .mes-c-k1 .c4{
	display: block;
	width: 96px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #f89216;
	border: none;
	font-size: 16px;
	color: #FFFFFF;
	float: left;
	font-family: "微软雅黑";

}
.mes-c .mes-c-k1 .c5{
	display: block;
	width: 96px;
	height: 28px;
	line-height: 28px;
	float: left;
	text-align: center;
	background: #FFFFFF;
	color: #666666;
	border: none;
	font-size: 16px;
	font-family: "微软雅黑";
	margin-left: 16px;

}