.header{
	position: absolute;
	top:0;
	width: 100%;
	height: 100px;
/* 	display: flex;
	justify-content: space-between;
	align-items: center; */
	padding:0 50px;
	z-index: 99;
}
.header .subs{
	position: absolute;
	top:90px;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	background:#fff;
	padding:0 14%;
	display: none;
	box-sizing: border-box;
}
.header .subs .con{
	display: flex;
}
.header .subs .con .list{
	width: 32%;
	border-right:1px solid  #434343;
	padding:0 20px;
}
.header .subs .con .list:last-child{
	border-right:none;
}
.header .subs .con .list span{
	
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #16171C;
	display: block;
	text-align: left;
	line-height: 30px;
	padding-top:35px;
}
.header .subs .con .list p{
	text-align: left;
	margin-top:15px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #16171C;
	line-height: 20px;
}
.header .subs .con .list li{
	
	margin:0;
	line-height: 30px;
	text-align: left;
	background:url(ic.png) no-repeat left center;
	padding-left: 20px;
}
.header .subs .con .list li:hover a{
	color:#00A6FF;
}
.header .subs .con .list ul{
	
	margin:40px 0;
	width: 100%;
	min-height: 100px;
}
.header li:nth-of-type(2) .subs .con .list:nth-of-type(1){
	background:url(h1.png) no-repeat right 20px bottom 20px;
}
.header li:nth-of-type(2) .subs .con .list:nth-of-type(2){
	background:url(h2.png) no-repeat right 20px bottom 20px;
}
.header li:nth-of-type(2) .subs .con .list:nth-of-type(3){
	background:url(h7.png) no-repeat right 20px bottom 20px;
}
.header li:nth-of-type(3) .subs .con .list:nth-of-type(1){
	background:url(h3.png) no-repeat right 20px bottom 20px;
}
.header li:nth-of-type(3) .subs .con .list:nth-of-type(2){
	background:url(h4.png) no-repeat right 20px bottom 20px;
}
.header li:nth-of-type(4) .subs .con .list:nth-of-type(1){
	background:url(h5.png) no-repeat right 20px bottom 20px;
}
.header li:nth-of-type(4) .subs .con .list:nth-of-type(2){
	background:url(h6.png) no-repeat right 20px bottom 20px;
}

.header .subs .con .list li a{
	display: block;
	
	width: 100%;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #16171C;
	box-sizing: border-box;
}
.wrap{
	width: 83%;
	margin:0 auto;
}
.header a.fl img{
	
height: 52px;
margin-top:20px;
}
.header a.fl img.active{
	display: none;
}
.header .fr li:hover .submenu{
	display: block;
}
.header .fr{
	
	width: 85%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .fr>ul> li{
	float: left;
	margin-left: 4%;
	position: relative;
	height: 100px;
	line-height: 100px;
}

.header .fr li .submenu{
	position: absolute;
	left:50%;
	margin-left: -90px;
	width: 180px;
	top:80px;
	background:#fff;
	display: none;
}
.header .fr li:hover .subs{
	display: block;
}
.header .fr li .submenu li{
	line-height: 40px;
}
.header .fr li .submenu li a{
	display: block;
	text-align: center;
	color:#333;
	font-size: 14px;
}
.header .fr li:nth-of-type(2),.header .fr li:nth-of-type(3),.header .fr li:nth-of-type(4){
	position: static;
}
.header .fr li a{
	
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.header .fr li a.active{
	border-bottom:2px solid #fff;
}

.header .fr .search form{
	width: 300px;
	height: 36px;
	
	
border: 1px solid #EEEEEE;
	
	border-radius: 18px;
	display: flex;
	background:rgba(255,255,255,0.2);
	
}

.header .fr .search form input{
	height:  34px;
	width: 260px;
	margin-left: 10px;
	line-height: 34px;
	background: none;
color:#fff;
	border:none;
}
.header .fr .search form input::-webkit-input-placeholder{
	color:#fff;
}
.header .fr .search form button{
background:url(search.png) no-repeat center center;	
height: 36px;
width: 40px;
background-color:none;
}


.header .fr ul{
	width: 80%;
}
.header.active a.fl img.active{
	display: block;
	
}
.header.active{
	background:#fff;
	position: fixed;
	top:0;
	width: 100%;
	box-shadow: 0 0 2px #ccc;
}
.header.active a.fl img.first{
	display: none
}

.header.active .fr .search form{
	background: rgba(0, 0, 0, 0.05);
}
.header.active .fr .search input,.header.active .fr .search input::-webkit-input-placeholder{
	
color: #333333;
}

.header.active .fr li .submenu{
	top:100px;
	box-shadow: 0 0 4px #ccc;
}
.header.active .fr .search button{
	    background: url(search3.png) no-repeat center center
}
.header.active .fr>ul>li>a{
	color:#999
}
.banner .swiper-pagination {
	
	color:#fff;
 z-index:999;
	left: 5%;
	bottom: 100px !important;
	text-align:left;
	font-size: 30px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #FFFFFF;
}
.swiper-pagination-total{
	font-size: 20px;
}
.banner img{
	width: 100%;
}
.banner .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 1);
	margin-top: 15px;
	border-radius: 0;
	margin: 8px 5px !important;
}
.banner  .btn{
	position: absolute;
	left: 5%;
	bottom:55px;
	width: 108px;
	height: 46px;
	background: rgba(255,255,255,0.2);
	z-index:999;
border-radius: 10px;
}
.banner  .btn .swiper-button-prev{
	background:url(next.png) no-repeat center;
	transform: rotate(180deg);
}
.banner  .btn .swiper-button-next{
	background:url(next.png) no-repeat center;
}

.banner p{
	position: absolute;
	top:30%;
	width: 100%;
	text-align: center;
	
	font-size: 48px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	
}
.indexbox1{
    	padding:100px 0 400px;
	background:url(bg1.png) no-repeat top center/cover;
}

.commonitem{
	text-align: center;
}

.commonitem span.en{
	
opacity: 0.1;
	font-size: 48px;
	font-family: HelveticaInseratLT;
	font-weight: normal;
	color: #25314A;
}

.commonitem span.ch{
	
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #25314A;
	display: block;
	margin-top:-50px;
}
.commonitem  p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-top:25px;
}

.indexbox1 .content{
	margin-top:70px;
	position: relative;
}
.indexbox1 .content ul{
	display: flex;
	justify-content: space-between;
}
	

.indexbox1 .content li .tab{
	padding:15px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	
}
.indexbox1 .content li .tab img{
	margin-right: 20px;
}
.indexbox1 .content li.active .tab{
	
background: url(bg3.png) no-repeat top center/cover;
border-bottom:4px solid #00A6FF;

}
.indexbox1 .content li .tab div span{
	
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #596174;
}
.indexbox1 .content li .tab div p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #596174;
	opacity: 0.5;
}

.indexbox1 .content li .text{
	position: absolute;
	top:130px;
	left: 0;
	width: 100%;
	padding:40px;

background:url(bg2.png) no-repeat right 30px center;
background-color: rgba(89,87,116,0.1);
display: none;
}
.indexbox1 .content li.active .text{
	display: block;
	
}
.indexbox1 .content ul{
	border-bottom: 1px solid #eee;
}
.indexbox1 .content li .text span.ch{
	
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3D485E;
	display: block;
}

.indexbox1 .content li .text span.en{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3D485E;
}

.indexbox1 .content li .text p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3D485E;
	opacity: 0.8;
	margin-top:20px;
	background:url(bg4.png) no-repeat top left;
	padding-top:20px;
}

.indexbox2{
	background:url(bg5.png) no-repeat top center/cover;
	padding:45px 0 55px;
}

.indexbox2 .content{
	margin-top:60px;
}

.indexbox2 .content li{
	float: left;
	width: 23%;
	margin:0 2.6% 50px 0;
}
.indexbox2 .content li:nth-of-type(4n){
	margin-right: 0;
}

.indexbox2 .content li img{
	width: 100%;
}
.indexbox2 .content li p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin-top:20px;
	text-align: center;
}

.indexbox2  .commonitem span.en,.indexbox2  .commonitem span.ch{
	color:#fff;
}
.indexbox2 .content  a.more,.indexbox8 a.more,.indexbox10 a.more{
	width: 200px;
	height: 44px;
	background:url(arrow3.png) no-repeat right 30px center;
	background-color: #0090FF;
	border-radius: 22px;
	display: block;
	margin:0 auto;
	padding-left: 40px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 44px;
	box-sizing: border-box;
}
.indexbox8 a.more{
	margin:45px auto 0;
}
.indexbox3 .content{
	background:url(bg6.png) no-repeat top center/cover;
}
.indexbox3 .commonitem{
	padding:40px 0 50px;
}

.indexbox3 .content .tableft{
	width: 15%;
}
.indexbox3 .content .tableft li{
	
background: #111520;
text-align: center;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 90px;
cursor: pointer;
}
.indexbox3 .content .tabright{
	width: 78%;
}
.indexbox3 .content .tabright .box{
	display: none;
}
.indexbox3 .content .tabright .box:first-child{
	display: block;
}
.indexbox3 .content .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.indexbox3 .content .tableft li.active{
	
background: #0090FF;
}

.indexbox3 .content .tabright .box h2{
	
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin:18px 0 28px;
}
.indexbox3 .content .tabright .box >p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	padding-bottom:30px;
	
}

.indexbox3 .content .tabright .box .photo{
	padding-top:30px;
	border-top:1px solid rgba(255,255,255,0.3);
	position: relative;
	
}
/* .indexbox3 .content .swiper-wrapper{
	margin-left: -15%;
} */	
.indexbox3 .content .tabright .box .photo p{
	
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 25px;
}
.indexbox3 .swiper-wrapper{
	margin-left: 0;
}
.indexbox3 .content .tabright .box .photo .swiper-slide{
	width: 32%;
}
.indexbox3 .content .tabright .box .swiper-container{
	width: 70%;
	margin:0;
}
.indexbox3 .content .tabright .box .swiper-slide img{
	width: 100%;
}
.indexbox3 .content .tabright .box .swiper-slide p{
	text-align: center;
	font-size: 18px;
	margin:15px 0 0;
}
.indexbox3 .content  .swiper-button-prev{
	background:url(prev.png) no-repeat center center/cover;
	width: 34px;
	height: 34px;
	right:26%;
	bottom:0;
	left: auto;
	top:auto;
}
.indexbox3 .content  .swiper-button-next{
	background:url(next2.png) no-repeat center center/cover;
	width: 34px;
	height: 34px;
	right:20%;
	bottom:0;
	left: auto;
	top:auto;
}

.indexbox4{
	padding:55px 0 155px;
}
.indexbox4 .content{
	background:url(bg7.png) no-repeat top center;
	margin-top:75px;
}

.indexbox4 li:nth-of-type(odd){
	margin-top:274px;
	border-top:1px solid #999;
	border-bottom:none;
}
.indexbox4 li:nth-of-type(2){
	margin-top:84px;
}
.indexbox4 li{
	border-bottom:1px solid #999;
}
.indexbox4 li> span{
	
	font-size: 38px;
	font-family: Arial;
	font-weight: bold;
	color: #111111;
	writing-mode:tb-rl;
	margin-right:18px;
	transform: rotate(180deg);
	background:url(line1.png) no-repeat center top;
	padding-top:70px;
	
}
.indexbox4 li:nth-of-type(odd)>span{
	background:url(line2.png) no-repeat center bottom;
	padding-bottom:70px;
}
.indexbox4 .content .swiper-slide{
	display: flex;
	
}
.indexbox4 .swiper-containers{
	
	display: flex;
	justify-content: space-between;
}
.indexbox4 li div span{
	
	
	font-size: 20px;
	font-family: PingFang;
	font-weight: 500;
	color: #111111;
	display: block;
	margin-bottom: 20px;
	
}
.indexbox4 li{
	width:300px !important;
	display: flex;
	align-items: flex-start;

}
.indexbox4 li  div p{
	
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #555555;
	line-height: 28px;
	
}

.indexbox5{
	padding:70px 0;
	background:url(bg8.png) no-repeat top center/cover;
}
.indexbox5  .commonitem span.en,.indexbox5  .commonitem span.ch{
	color:#fff;
}
.indexbox5 .content{
	margin-top:70px;
}
	
.indexbox5 .content img{
	display: block;
	margin:0 auto;
}
.indexbox6{
	padding:50px 0 200px;
	background:url(bg15.png) no-repeat center center/cover;
}
.indexbox6 ul{
	margin-top:120px;
}
.indexbox6  li{
	display: inline-block;
	vertical-align: top;
	width: 33%;
	font-size: 18px;
	font-family: PingFang;
	font-weight: 500;
	color: #333333;
	line-height: 60px;
}
.indexbox6  li:last-child{
	width: 60%;
}
.indexbox6  li img{
	margin-right: 10px;
}
.indexbox7{
	background:url(bg13.png) no-repeat top center/cover;
	padding:55px 0 80px;
}
.indexbox7 .commonitem span.en,.indexbox7 .commonitem span.ch,.indexbox9 .commonitem span.en,.indexbox9 .commonitem span.ch{
	color:#fff;
}
.indexbox9 li{
	float: left;
	width: 14%;
	background:url(lc.png) no-repeat right center;
	padding-right:3%;
	
}
.indexbox9 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.indexbox9 li:last-child{
	background:none;
}
.indexbox9 li img{
	display: block;
	margin:0 auto;
}
.indexbox9 li span{
	font-size: 18px;
	color:#fff;
	display: block;
	text-align: center;
	margin:20px 0;
}
.indexbox9 li p{
	font-size: 16px;
	color:#999;
	text-align: center;
}
.indexbox7  .content{
	margin-top:90px;
	display: flex;
	
}
.indexbox7  .content #main{
	height: 600px;
	margin-left: 0%;
	width: 80%;
}
.indexbox7  .text li{
	margin-bottom: 20px;
}
.indexbox7  .text li span{
	
	font-size: 60px;
	font-family: HelveticaInseratLT;
	font-weight: normal;
	color: #FFFFFF;
}
.indexbox7  .text li span i{
	font-size: 24px;
	color: #FFFFFF;
	font-style: normal;
}
.indexbox7  .text li p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #E0E0E0;
}
	
.indexbox7  .wrap{
	width: 65%;
}
.indexbox8{
	padding:50px 0 ;
}
.indexbox8 ul{
	margin-top:70px;
}
.indexbox8  li{
	float: left;
	width: 24%;
	margin:0 1% 20px 0;
	float: left;
	position: relative;
}
.indexbox8  li:nth-of-type(4n){
	margin-right: 0;
}
.indexbox8  li img{
	width: 100%;
}
.indexbox8  li p{
	position: absolute;
	bottom:25px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	left: 25px;
}
.indexbox9{
	background:url(bg14.png) no-repeat top center/cover;
	padding:55px 0 145px;
}
.indexbox9 .con{
	margin-top:100px;
	
}
.indexbox9 .con img{
	display: block;
	margin:0 auto;
	max-width: 100%;
}
.indexbox10  ul{
	margin-top:65px;
}

.indexbox10  .tab{
	border-top:1px solid  #E5E5E5;
}
.indexbox10  .tab .list{
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding-top:30px;
	
}
.indexbox10  .tab .list>a{
	display: flex;
	justify-content: space-between;
}
.indexbox10  .tab .list>a>div:first-child{
	width: 20%;
	text-align: center;
	border-right:1px solid  #E5E5E5;
	box-sizing: border-box;
}
.indexbox10  .tab .list>a>div:first-child span{
	display:block;
	text-align: center;
	
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.indexbox10  .tab .list>a>div:first-child span.year{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-top:15px;
}
.indexbox10  .tab .list>a>div.text{
	width: 75%;
}
.indexbox10  .tab .list>a>div.text p.title{
	
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #181818;
	line-height: 26px;
	overflow: hidden;
	height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indexbox10  .tab .list>a>div.text p.font{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top:10px;
}
.submenus{
	
	height: 44px;
	background: #EEEEEE;
	line-height: 44px;
}

.submenus .wrap{
	
	text-align: right;
	

}

.submenus .wrap a,.submenus .wrap span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.page {
	text-align: center;
}

.page a {
	padding: 8px 14px;
	border: 1px solid rgba(229, 229, 229, 1);
	border-radius: 2px;
}

.page input {
	height: 34px;
	line-height: 34px;
	border: 1px solid rgba(229, 229, 229, 1);
	width: 50px;
	border-radius: 2px;
	text-align: center;
}

.page a:hover,
.page a.active {
	background: #eee;
}


.productlist{
	padding:50px 0 90px;
}

.productlist .menus{
	width: 1320px;
	margin:0 auto;
	display: flex;
}
.menus ul{
	display: inline-flex;
	flex-wrap: wrap;
	
	margin:0 auto 66px;
	text-align: center;
	
}
 .menus li{
	width: 190px;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	margin:0 10px 10px 0;
	
}
.menus li a{
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display: block;
	height: 50px;
}
.menus li.active{
	
background: #0090FF;
}
 .menus li.active a{
	color:#fff;
}


.productlist .wrap>ul>li{
	float: left;
	width: 23%;
	margin:0 2.6% 50px 0;
}
.productlist .wrap>ul li:nth-of-type(4n){
	margin-right: 0;
}

.productlist .wrap>ul li img{
	width: 100%;
}
.productlist .wrap>ul li p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	
color: #333333;
	margin-top:20px;
	text-align: center;
}


.partner{
	background:url(bg10.png) no-repeat top center/cover;
	padding:50px 0 100px;
}
.partner li{
	width: 20%;
	height: 150px;
    float: left;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-right:1px solid #eee;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}
.partner li img{
	max-width: 90%;
	max-height: 90%;
}
.partner ul{
	margin-top:100px;
}

.case{
	padding-top:50px;
}
.case .indexbox8{
	padding-top:0;
}
.case .indexbox8 ul{
	margin:0 0 70px;
}

.about1 li{
	padding:80px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.about1 li img{
	width: 55%;
}
.about1 li .text{
	width: 42%;
}
.about1 li:nth-of-type(2n) .text{
   position: absolute;
   right:0;
   width:47%
}
.about1 li:nth-of-type(2n) img{
	width: 50%;
}
.about1 li .text p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin-bottom: 20px;
	
}

.about1 li .text p.font{
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}
.about1 li .text p.font2{
	
	font-size: 48px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
}

.about2{
	padding-bottom: 110px;
	position: relative;
}
.about2 h2{
	
	font-size: 48px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	margin-bottom: 90px;
}

.about2  .tab li{
	float: left;
	
	height: 110px;
	background: #FFFFFF;
	width: 15%;
	margin:0 2% 30px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.about2 .tab li:nth-of-type(6n){
	margin-right: 0;
}
.about2 .tab li img{
	max-width: 100%;
	max-height: 100%;
}
.about2  .swiper-button-prev{
	background:url(prev2.png) no-repeat center center;
	width: 19px;
	height: 33px;
	left: 6%;
	top:52%;
}
.about2  .swiper-button-next{
	background:url(prev2.png) no-repeat center center;
	width: 19px;
	height: 33px;
	transform: rotate(180deg);
	right:6%;
	top:52%;
}

.footer{
	background:url(bg11.png) no-repeat top center/cover;
	padding:60px 0 120px;
}
.footer .wrap{
	width: 92%;
	
}
.footer dt{
	
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #A5ADBD;
	line-height: 28px;
	background:url(border.png) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
}

.footer dd a,.footer dd {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #858995;
	line-height: 30px;
}
.footer  dl{
	display: inline-block;
	vertical-align: top;
	margin-right: 6%;
}
.footer  .left{
	width: 80%;
	margin-right:4%;
}
.footer  .right img{
	width: 124px;
	height: 124px;
	display: block;
	margin:65px auto 0;
}
.footer  .right p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #858995;
	margin-top:10px;
}
.footer .copy{
	text-align: center;
}
.footer .copy img{
	
opacity: 0.25;
}
.footer .copy p{
	
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #999999;
	line-height: 16px;
	opacity: 0.3;
	margin-top:20px;
}

.commonbox{
	padding:25px 0 65px;
}
.commonbox .left{
	width: 18%;
	float: left;
}
.commonbox .left h2{
	
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	margin-bottom: 20px;
	background:url(border2.png) no-repeat right center;
}
.commonbox .left h2 span{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CCCCCC;
}
.commonbox .leftmenu ul,.commonbox .leftnews .tab,.commonbox .leftcontact .tab{
	border:1px solid #eee;
	padding:25px 15px 0;
}
.commonbox .leftmenu  li{
	margin:20px 0;
}
.commonbox .leftmenu  li a{
	width: 100%;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	display: block;
	box-sizing: border-box;
	padding-left: 30px;
}
.commonbox .leftmenu  li a.active{
	
	height: 40px;
	
	border-radius: 20px;
	line-height: 40px;
	background:url(arrow.png) no-repeat right 15px center;
	background-color: #F7F7F7;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	
}
.commonbox .leftmenu,.commonbox .leftnews{
	margin-bottom: 50px;
}
.commonbox .leftnews .photo img{
	width: 100%;
}
.commonbox .leftnews .photo p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #181818;
	line-height: 24px;
	padding:15px 0;
border-bottom: 1px solid #EEEEEE;
}
.commonbox .leftnews  li{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: norwap;
}
.commonbox .leftnews  ul{
	padding:10px 0;
}
.commonbox .leftcontact .tab .gzh{
	
height: 120px;
	background:url(a4.png) no-repeat center center/cover;
	margin-bottom: 15px;
}
.commonbox .leftcontact .tab{
	padding-bottom: 20px;
}
.commonbox .leftcontact .tab .gzh img{
	width: 92px;
	height: 92px;
	margin:12px;
}
.commonbox .leftcontact p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
}
.commonbox .right{
	width: 80%;
	float: right;
	border:1px solid #eee;
	padding:20px 20px 50px;
	margin-top:50px;
}
.commonbox .right .environment li{
	width: 31.7%;

	margin:0 2% 40px 0;
	display: inline-block;
	vertical-align: top;
}
.commonbox .right .honor li{
	
	width:23%;
}
.commonbox .right .honor li:nth-of-type(4n){
	margin-right: 0;
}
.commonbox .right .environment li img{
	width: 100%;
}

.commonbox .right .environment li p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-top:10px;
	text-align: center;
}
.commonbox .right .environment li:nth-of-type(3n){
	margin-right: 0;
}
.commonbox .right .honor li:nth-of-type(3n){
	margin-right: 2%;
}
.commonbox .right .honor li:nth-of-type(12n){
	margin-right: 0;
}
.commonbox .right .licheng{
	display: flex;
	justify-content: space-between;
}
.commonbox .right .licheng .history{
	width: 48%;
	border:1px solid #eee;
	padding:40px 50px 200px;
}
.commonbox .right .licheng .history span.ch{
	display: block;
	
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.commonbox .right .licheng .history span.en{
	
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
	
.commonbox .right .licheng .history ul{
	margin-top:50px;
}
.commonbox .right .licheng .history span.year{
	width: 60px;
	height: 60px;
	
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;

	background-color: #F6F6F6;
	color: #000000;
	
	line-height: 60px;
	box-sizing: border-box;
	
}

.commonbox .right .licheng .history div{
	padding-bottom: 88px;
		background:url(line.png) no-repeat center bottom;
		margin-right: 40px;
}
.commonbox .right .licheng .history li p{
	
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
	color: #555555;
	line-height: 28px;
}
.commonbox .right .licheng .history li{
	display: flex;
}


.contactbox1{
	padding:75px 0 135px;
}
.contactbox1 h2{
	
	font-size: 48px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 100px;
}
	
.contactbox1 .style{
	display: flex;
	align-items: center;
	justify-content: center;
}
.contactbox1 .style .tab{
	width: 14%;
background: #EEEEEE;
padding:24px;
margin:0 1%;

}
.contactbox1 .style .tab img{
	width: 100%;
}
.contactbox1 .style .tab p{
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.contactbox1 .style .tab p.title{
	font-size: 18px;
		text-align: center;
}

.contactbox2{
	
background: #F2F2F2;
padding:90px 0;
}
.contactbox2 .ico li{
	margin:0 3%;
	width: 20%;
}
.contactbox2 .ico ul{
	display: flex;
	
	justify-content: center;
}
.contactbox2 .ico li .circle{
	background:url(circle.png) no-repeat center center/100%;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 auto
}
.contactbox2 .ico li .circle img{
	max-width: 80%;
}
.contactbox2 .ico li  span{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display: block;
	text-align: center;
	margin:20px 0 10px;
	background:url(bg12.png) no-repeat center top;
	padding-top:10px;
}
.contactbox2 .ico li  p{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display: block;
	text-align: center;
}
.contactbox2 .map{
	margin-top:90px;
	height: 450px;
}
.contactbox2 .map img{
	width: 100%;
	max-height:450px;
}

.newslist{
	padding:50px 0 90px;
}
.newslist .wrap>ul> li,.relate li{
	width: 24%;
	display: inline-block;
	vertical-align: top;
	padding:20px;
	margin-bottom:40px;
	border-right:1px solid #E5E5E5;
}
.newslist .wrap>ul> li img,.relate li img{
	width: 100%;
}
.newslist .wrap>ul> li:nth-of-type(4n),.relate li:nth-of-type(4n){
	border:none;
}
.newslist .wrap>ul> li p.title,.relate li p.title{
	
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #181818;
	line-height: 26px;
	height: 52px;
	overflow:hidden;
	text-overflow: ellipsis;
	margin:20px 0 15px;
}
.newslist .wrap>ul> li span,.relate li span{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.newslist .wrap>ul> li p.font,.relate li p.font{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	margin:15px 0 30px;
}
.newslist .wrap>ul> li span.more,.relate li span.more{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	background:url(arrow2.png) no-repeat right center;
	padding-right: 40px;
}

.xq_box .xq_title .title_p {

font-size: 48px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #1A2734;
	text-align: left;
	margin-bottom: 30px;
}

.xq_box .xq_title .time {
	text-align: left;
	
	font-size: 18px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #999999;
}

.xq_box .xq_title .time span:first-child {
	padding-left: 30px;
	background: url(ico8.png) no-repeat left center;
}

.xq_box .xq_title .time span:last-child {
	padding-left: 30px;
	background: url(ico9.png) no-repeat left center;
}



.xq_box .content {
	padding-top: 60px;
}

.xq_box .content p {
	
	font-size: 18px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}

.xq_box .content img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
}
.relate{
	border-top:1px solid #DCDCDC;
	padding-top:40px;
	margin-top:50px;
}
.relate h2{
	
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #16364E;
	margin-bottom: 40px;
}
.newslist .helpcenter{
	width: 850px;
	display: block;
	margin:0 auto;
	max-width: 100%;
}
.helpcenter h2{
	
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-bottom:50px;
}
.helpcenter .search form{
	width: 600px;
	height: 44px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 22px;
	display: flex;
	justify-content: space-between;
	margin:0 auto 80px;
}
.helpcenter .search input{
	width: 500px;
	padding-left: 20px;
	height: 42px;
	line-height: 42px;
	background:none;
}
.helpcenter .search button{
	height: 44px;
	width: 50px;
	line-height: 44px;
	background:url(search2.png) no-repeat center center;
}

.helpcenter .qus span{
	width: 34px;
	height: 34px;
	font-size: 18px;
	color:#fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	
background: #0090FF;
border-radius: 50%;
margin-left: 15px;
}
.helpcenter .qus p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 26px;
	width: 80%;
}
.helpcenter .qus{
	line-height: 65px;
	padding:10px 0;
	overflow: hidden;

}
.helpcenter .qus ,.helpcenter .ans{
	display: flex;
	align-items: center;
	
}
.helpcenter .ans{
	align-items: flex-start;
	margin-top:5px;
	padding-bottom: 15px;
}
.helpcenter li.active{
	
background: #F7F7F7;
padding-bottom: 25px;
}
.helpcenter li.active .ans{
	display: flex;
}
.helpcenter .ans span{
	width: 24px;
	height: 24px;
	font-size: 14px;
	color:#fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin:0 26px 0 19px;
	
background: #bfbfbf;
border-radius: 50%;
}

.helpcenter li{
border-bottom: 1px solid #E5E5E5;	
cursor: pointer;
}
.helpcenter .ans p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 26px;
	flex:1;
}
.helpcenter  ul{
	margin-bottom: 80px;
}
.casebox1,.casebox2{
	margin-top:50px;
}
.casebox1 .item,.casebox2 .item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
.casebox1 .item h2,.casebox2 .item h2{
	padding-left: 20px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 30px;
border-left: 4px solid #000000;
}
.casebox1 .item a,.casebox2 .item a{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.casebox1 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.casebox2{
	padding-bottom: 200px;
}
.casebox2 .tab{
	display: flex;
	position: relative;
	flex-wrap: wrap;
	
}
	
.casebox2 .tablist{
	display: none;
}
.casebox2 .tablist:nth-of-type(1){
	display: block;
}
.casebox1 li{
	width: 48%;
	
}
.casebox1 li a{
	display: flex;
	justify-content: space-between;
}
.casebox1 li img{
	width: 50%;
}
.casebox1 li div{
	width: 45%;
	padding-top:28px;
}
.casebox1 li div p.title{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	display: block;
	margin-bottom: 20px;
}
.casebox1 li div p.font{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.casebox2 .tab .list{
	width: 23%;
	margin-right: 2.5%;
}
.casebox2 .tab .list img{
	width: 100%;
}
.casebox2 .tab .list:nth-of-type(4n){
	margin-right: 0;
}

.casebox2 .tab .list >p{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	padding:30px 0;
	cursor: pointer;
}
.casebox2 .commontab{
	border-top:1px solid #E5E5E5;
	padding-top:30px;
	
}

.casebox2 .commontab p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.casebox2 .tab .list.active .text{
	display: block;
}
.casebox2 .tab .list.active >p{
	background:url(border3.png) no-repeat bottom center;
}
.casebox2 .commontab span{
	
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
}

.detailbox1 .fl{
	
	width: 32%;
}
.detailbox1 .fl>img{
	width: 100%;
}
.detailbox1 .fl .small{
	margin-top:15px;
}
.detailbox1 .fl .small li{
	width: 19%;
	float: left;
	margin-right:1%;
	/* height: 90px;
	background:#eee; */

}
.detailbox1 .fl .small li img{
	width: 100%;
	height: 100%;
}
.detailbox1 .fl .small li.current{
	
border: 1px solid #000000;
}
.detailbox1 .fr{
	width: 65%;
}
.detailbox1 .fr p.title{
	
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 80px;
border-bottom: 1px solid #D2D2D2;
}
.detailbox1 .fr  .con{
	padding-top:30px;
}
.detailbox1 .fr  .con p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
}
.detailbox3  .con p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-bottom: 20px;
}

.producttel{
	background: #000000;
	border: 1px solid #000000;
	padding:20px 30px;
	margin-top:15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.producttel div span{
	
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-left: 20px;
}
.producttel li{
	background:url(kf.png) no-repeat left center;
	padding-left: 50px;
	width: 25%;
	float: left;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.producttel ul{
	width: 80%;
}
.detailbox2 h2,.detailbox3 h2{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	padding-left: 20px;
	height: 30px;
	margin-bottom: 25px;
border-left: 4px solid #000000;
}
.detailbox2 .con p{
	
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-bottom: 20px;
}
.detailbox2 .con img{
	max-width: 100%;
	display: block;
	
}
.detailbox3 li{
	float: left;
	width: 22%;
	margin-right: 3%;
}
.detailbox3 li img{
	width: 100%;
}
.detailbox3 li:nth-of-type(4n){
	margin-right:0;
}
.detailbox3 li p{
	
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
	margin:25px 0 50px;
}
.detailbox3,.detailbox2{
	margin-top:50px;
}

.phoneheader,.mobile-container,.phonebanner{
	display:none
}


.layer2{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:9999;
    display:none;
}
.layer2 a.next{
    position:fixed;
    top:50%;
    right:0;
    margin-top:-22px;
    width:45px;
    height:45px;
    background:url(prev.png) no-repeat center center;
	transform: rotate(180deg);
}
.layer2 a.prev{
    position:fixed;
    top:50%;
    left:0;
    margin-top:-22px;
    width:45px;
    height:45px;
    background:url(prev.png) no-repeat center center;
}

#dialog_large_image{
    width:520px;
   
    height:100%;
 
    left:50%;
    position:fixed;
    margin-left:-260px;
    display:flex;
    align-items: center;
    justify-content: center;
}
#dialog_large_image .photo{
    width:100%;
    
}
.layer2  .close{
    position:fixed;
    top:20%;
    right:0;
    width:96px;
    height:30px;
    line-height:30px;
    background:rgba(0,0,0,0.4);
    font-size:16px;
    color:#fff;
    display:flex;
    align-items: center;
    justify-content: center;
}
.layer2  .close img{
    margin-right:15px;
}