.head-tran .header{
	width: 100%;
	height: 90px;
}

.header .container{
	max-width: initial;
	margin: 0 3%;
}

.container{
	max-width: 94%;
}

.logo{
	float: left;
	width: 26%;
	height: 90px;
}

.logo h1{
	margin-top: 13px;
	float: left;
}

.logo h1 img{
	height: initial;
}

.stock-code{
	font-size: 12px;
	margin-top: 6px;
}


.tel-search{
	float: right;
	width: 24%;
	margin-right: 4.8%;
	
}

.not-tel{
	line-height: 90px;
	float: right;
	font-size: 24px;
}

.tel-icon{
	width: 26px;
	height: 26px;
	bottom: -4px;
	margin-right: 14px;
	background-size: 100% 100%;
}




/*菜单*/

nav {
	float: initial;
	width: auto;
}
	
	
	#starlist:after {
	display: block;
	content: "";
	position: fixed;
	top: 90px;
	z-index: -99;
	background: rgba(0, 0, 0,.6);
	width: 100%;
	height: 100%;
}


#starlist {
		float: inherit;
		display: none;
		width: 100%;
		position: absolute;
		top: 90px;
		left: 0%;
		z-index: 999;
		padding: 0;
	}


	#starlist li {
		margin: 0;
		width: 94%;
		padding: 0 3%;
		height: auto;
		position: relative;
		border-bottom: 0.0625rem solid rgba(255,255,255,.1);
		text-align: left;
		display: block;
	}
	
	#starlist li:first-child {
		border-top: 0.0625rem solid rgba(255,255,255,.1);
	}

	#starlist li a {
		width: 50%;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 18px;
		float: initial;
		height: 50px;
    	line-height: 50px;
	}
	
	#starlist li a:hover {
		background: initial;
	}
	
	#starlist li a:hover:after {
		display: none;
	}

	#starlist li .sub {
		position: initial;
		right: initial;
		top: initial;
		width: 100%;
		display: none;
		z-index: 9999999999;
		opacity: initial;
		height: auto;
		box-shadow: initial;
		transition: initial;
	}
	
	#starlist li .sub .container{
		max-width: 100%;
	}
	
	#starlist li:hover .sub {
		top: initial; 
		opacity: initial;
		height: initial;
	}

	#starlist li:hover ul.sub {
		display: none;
		padding: initial;
	}

	#starlist ul.sub li img {
		display: none;
	}
	
	#starlist ul.sub li{
		width: 100%;
		line-height: auto;
		padding: initial;
		float: initial;
		text-align: left;
		margin: 0;
		border-bottom: initial;
	}
	
	#starlist ul.sub li:last-child{
		
	}

	#starlist ul.sub li a {
		font-size: 16px;
		padding: 0 0 0 5%;
		color: #777;
		display: block;
		text-align: left;
		line-height: 40px;
	}

	
	
	.head-tran:hover .header #starlist li {
		border-bottom: 0.0625rem solid #eee;
		background: rgba(255, 255, 255, 1);
	}
	
	.head-tran:hover .header #starlist li:first-child {
		border-top: 0.0625rem solid #eee;
	}
	
	.head-tran:hover .header #starlist li a:hover {
		background: initial;
		color: #007983;
	}
	
	.head-tran:hover .header #starlist ul.sub li{
		border-top: 0.0625rem solid #eee;
	}
	
	
	.head-tran.head-primary .header #starlist li {
		border-bottom: 0.0625rem solid #eee;
		background: rgba(255, 255, 255, 1);
	}
	
	.head-tran.head-primary .header #starlist li:first-child {
		border-top: 0.0625rem solid #eee;
	}
	
	.head-tran.head-primary .header #starlist li a:hover {
		background: initial;
		color: #007983;
	}
	
	.head-tran.head-primary .header #starlist ul.sub li{
		border-top: 0.0625rem solid #eee;
	}
	
	
	.head-tran .header.fixed #starlist li {
		border-bottom: 0.0625rem solid #eee;
		background: rgba(255, 255, 255, 1);
	}
	
	.head-tran .header.fixed #starlist li:first-child {
		border-top: 0.0625rem solid #eee;
	}
	
	.head-tran .header.fixed #starlist li a:hover {
		background: initial;
		color: #007983;
	}
	
	.head-tran .header.fixed #starlist ul.sub li{
		border-top: 0.0625rem solid #eee;
	}
	
	
	

	.menu span,.menu:before,#starlist .active span,#starlist .active:before  {
	display: block;
}
	

	#mnavh {
		position: absolute;
		z-index: 99;
		display: block;
		margin: 36px 0 0 0;
		width: 28px;
		height: 28px;
		float: right;
		right: 3%;
		cursor: pointer;
	}

	.menu span,#starlist .active span {
		display: block;
		width: 50px;
		height: 50px;
		opacity: 0.5;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.menu:before,#starlist .active:before {
		top: 21px;
		right: 3.6%;
		background-image: url(../images/jt.png);
		background-size: 100%;
		width: 14px;
		height: 8px;
	}
	
	.navicon {
		width: 28px;
		height: 3px;
		bottom: -9px;
	}
	
	.navicon:before,
	.navicon:after {
		width: 28px;
		height: 3px;
	}
	
	.navicon:before {
		margin-top: -9px;
	}
	
	.navicon:after {
		margin-top: 9px;
	}
	
	.open .navicon:before,
	.open .navicon:after {
		width: 28px;
		height: 3px;
	}
	
	


/*底部*/

.foot{
	border-top: 8px solid #007983;
	padding: 72px 0 64px;
}


.foot-left{
	width: 33%;
	float: left;
}

.foot-logo img{
	height: 44px;
}

.foot-tel {
	padding-top: 24px;
}

.foot-tel p{
	font-size: 14px;
	margin-top: 20px;
}

.foot-tel b{
	font-size: 36px;
}

.foot-mall{
	margin-top: 36px;
}

.foot-mall span{
	font-size: 14px;
	margin-bottom: 18px;
}

.foot-mall ul li{
	float: left;
	margin-right: 24px;
}

.foot-mall ul li img{
	height: 56px;
}

.foot-mall ul li p{
	font-size: 12px;
	margin-top: 12px;
}





.foot-right{
	width: 60%;
	float: right;
}

.foot-menu {
	text-align: right;
}

.foot-menu ul li{
	display: inline-block;
	margin-left: 2%;
}

.foot-menu ul li a{
	font-size: 15px;
}



.foot-rwm{
	margin-top: 56px;
}
.foot-rwm ul li{
	float: right;
	margin-left: 24px;
}

.foot-rwm ul li img{
	height: 120px;
}

.foot-rwm ul li p{
	font-size: 12px;
	margin-top: 10px;
}


.foot-copy{
	font-size: 12px;
	margin-top: 80px;
}

.foot-endorsement{
	text-align: right;
	margin-top: 16px;
}

.foot-endorsement a{
	font-size: 12px;
	margin-left: 10px;
}



/*友情链接*/


.link .container{
	padding: 13px 0;
}

.link a{
	padding: 2px 0;
	margin: 0 3px;
	font-size: 12px;
}

.link .title{
	padding: 2px 0;
	float: left;
	font-size: 12px;
}

.link .link-list{
	width: 93%;
	float: left;
}





/*新闻*/

.list-banner{
	background: url(../images/news_banner_tp.jpg) center top no-repeat;
	background-size: cover;
}

.list-banner .container{
	height: 80vh;
}


.list-banner .text h2{
	font-size: 42px;
}

.list-banner .text h3{
	font-size: 18px;
	margin-top: 24px;
}


.list-menu{
	height: 90px;
	border-bottom: 1px solid #eeeeee;
}

.list-cru{
	line-height: 90px;
	float: left;
}

.list-cru a{
	font-size: 14px;
}

.list-cru a:hover{
	font-size: 14px;
}

.list-cru span{
	margin: 0 8px;
	font-size: 14px;
}


.submenu{
	float: right;
}

.submenu ul li{
	margin-left: 36px;
	line-height: 90px;
}

.submenu ul li a{
	font-size: 16px;
}

.submenu ul li a:after{
	height: 2px;
	bottom: -1px;
}




.news-list{
	padding: 88px 0;
}

.news-list .item{
	float: left;
	width: 31%;
	margin-left: 3.5%;
	margin-bottom: 72px;
}

.news-list .item:nth-child(3n+1){
	margin-left: 0;
}


.news-list .item .time b{
	font-size: 24px;
}

.news-list .item .time span{
	font-size: 14px;
	margin-left: 8px;
}

.news-list .item .pic{
	margin-top: 20px;
}

.news-list .item .text{
	margin-top: 20px;
}

.news-list .item .text h2{
	font-size: 20px;
	line-height: 32px;
	max-height: 32px;
}

.news-list .item .text p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 10px;
	max-height: 44px;
	-webkit-line-clamp: 2;
}

.news-list .item .des-but{
	margin-top: 16px;
}

.news-list .item .des-but a{
	font-size: 12px;
	line-height: 40px;
}

.des-icon{
	width: 7px;
	height: 11px;
	background: url(../images/des_icon.png) center top no-repeat;
	bottom: -2px;
	margin-left: 2px;
}

.news-list .item .des-but a:hover .des-icon{
	background: url(../images/des_icon_a.png) center top no-repeat;
}

.news-list .item .des-but a:before{
	height: 2px;
}

.news-list .item .des-but a:after{
	height: 2px;
}




.increase-more{
	font-size: 16px;
}

.increase-icon{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin-left: 10px;
	bottom: -6px;
}




.activity-list{
	padding: 96px 0 96px;
}

.activity-list .item{
	text-align: left;
	margin-bottom: 64px;
}

.activity-list .item .tp{
	float: left;
	width: 66%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.activity-list .item .tp img{
	height: 425px;
	max-width: initial;
}

.activity-list .item .act-des{
	float: right;
	width: 34%;
}

.act-des .box{
	padding: 40px;
}

.act-des .title h2{
	font-size: 30px;
	margin-bottom: 8px;
	max-height: 48px;
	-webkit-line-clamp: 1;
}


.act-des .title span{
	font-size: 16px;
}


.act-des .text{
	margin-top: 40px;
}

.act-des .text p{
	font-size: 14px;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.act-des .act-peo{
	margin-top: 56px;
}

.act-des .act-peo p{
	font-size: 18px;
}

.act-des .act-peo em{
	font-size: 32px;
}

.act-des .act-peo span{
	font-size: 18px;
}


.act-des .act-but{
	margin-top: 36px;
}

.act-des .act-but a{
	width: 48%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	float: left;
	margin-left: 4%;
}

	.reveal-modal {
		width: 1000px;
		margin-left: -500px;
		}
		

.reveal-modal .close-reveal-modal {
	font-size: 24px;
	top: -20px;
	right: -20px;
} 




/*案例列表*/

.case-list{
	padding: 96px 0;
}

.case-list .item{
	margin-bottom: 40px;
	width: 32%;
	margin-left: 2%;
	box-shadow: 0 0 8px rgba(0,0,0,.06);
}

.case-list .item:nth-child(3n+1){
	margin-left: 0;
}

.case-list .item:before{
	height: 3px;
}

.case-list .item .box{
	padding: 20px 20px 40px 20px;
}

.case-list .item .text span{
	font-size: 14px;
}

.case-list .item .text h2{
	font-size: 20px;
	-webkit-line-clamp: 1;
	max-height: 36px;
	margin-top: 10px;
}

.case-list .item .des-but{
	margin-top: 20px;
}

.case-list .item .des-but a{
	font-size: 14px;
}




/*案例内容页*/


.case-page-content{
	padding-bottom: 96px;
}

.case-pic{
	width: 60%;
	float: left;
}

.slider__item img {
  height: 527px;
}
.slider__switch span {
  width: 22px;
  height: 32px;
} 
/* Arrows */
.slider__switch {
  bottom: -70px;
}
.slider__switch--prev {
  left: -7px;
}
.slider__switch--next {
  right: -7px;
}

		.preview { 
			height: 76px;
			margin-top: 16px;
		}
		.preview a {
		  margin: 0 2px;
		}
		.preview img {
		  width: 100px;
		  height: 64px;
		}
		.preview .active:before {
			width: 96px;
		    height: 60px;
		  border: 2px solid #007983;
		}


.case-text{
	width: 37%;
	float: right;
	padding-top: 8px;
}


.case-text .c-t-left{
	float: left;
	width: 72%;
}

.case-text .c-t-left h2{
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 6px;
}

.case-text .c-t-left span{
	font-size: 12px;
}



.case-text .c-t-right{
	float: right;
}

.case-text .c-t-right:before{
	width: 1px;
	height: 100%;
	left: -24px;
	top: 0px;
}

.case-text .c-t-right b{
	font-size: 24px;
	line-height: 32px;
}

.case-text .c-t-right span{
	font-size: 12px;
	margin-top: 2px;
}


.case-text .c-text{
	margin-top: 24px;
}

.case-text .c-text p{
	line-height: 26px;
	font-size: 14px;
}


.case-text .c-chara{
	margin-top: 28px;
}

.case-text .c-chara .box{
	padding: 0 24px;
}

.case-text .c-chara ul li{
	line-height: 56px;
	height: 56px;
}

.case-text .c-chara ul li span{
	float: left;
	font-size: 14px;
}

.case-text .c-chara ul li p{
	float: right;
	font-size: 14px;
}


.case-text .c-consult{
	margin-top: 48px;
}

.case-text .c-consult a{
	padding: 0 12px;
	font-size: 12px;
	height: 32px;
	line-height: 30px;
}




	.reveal-modal {
		top: 200px; 
		left: 50%;
		width: 680px;
		margin-left: -340px;
		}
		

.reveal-modal .close-reveal-modal {
	font-size: 36px;
	line-height: .5;
	position: absolute;
	top: -28px;
	right: -28px;
} 





.act-sign-window{
	border-radius: 16px;
	margin-bottom: 64px;
}

.act-sign-window .box{
	padding: 16px;
}

.sign-con{
	border-radius: 16px;
}

.sign-con .subbox{
	padding: 48px 48px;
}

.sign-con .title h2{
	font-size: 28px;
}

.sign-input .item{
	margin-top: 32px;
}

.sign-input .item p{
	font-size: 16px;
}

.sign-input .item p span{
	margin-left: 8px;
}

.sign-input .item input{
	font-size: 16px;
	width: 92%;
	padding: 0 3%;
	height: 48px;
	margin-top: 14px;
}

.sign-submit{
	margin-top: 40px;
}

.sign-submit a{
	width: 160px;
	height: 48px;
	line-height: 44px;
	border-radius: 4px;
	font-size: 18px;
}






.case-rec{
	padding: 96px 0 64px;
}

.rec-title .title h2{
	font-size: 32px;
}

.rec-title .more a{
	line-height: 30px;
	padding-top: 4px;
}

.rec-title .more .increase-icon{
	bottom: -6.5px;
}


.rec-case-list.case-list{
	padding: 0;
	margin-top: 40px;
}


.case-list .item .type{
	width: 72px;
	height: 24px;
	font-size: 14px;
	line-height: 22px;
	border-radius: 3px;
	right: 10px;
	top: 10px;
}





/*产品*/

.product-banner .container{
	height: 520px;
}

.product-thumbnail{
	width: 100%;
	height: 102px;
}

.product-thumbnail .box{
	padding: 8px .35%;
}

.pro-thum-list{
	width: 95.8%;
	float: left;
}

.pro-thum-list ul li{
	float: left;
	width: 9.3%;
	margin: 0 .35%;
}

.pro-thum-list ul li .pic img{
	height: 60px;
}

.pro-thum-list ul li p{
	font-size: 12px;
	margin-top: 8px;
}

.pro-all{
	width: 3.5%;
	float: right;
	margin-right: .35%;
}

.pro-all i{
	height: 60px;
	width: 100%;
	background-size: 10px 10px;
}

.pro-all span{
	font-size: 12px;
	margin-top: 8px;
}



.product-menu{
	height: 64px;
}

.swiper-slide {
	float: left;
	width: 12.5%;
}

.swiper-slide a{
	line-height: 62px;
	font-size: 16px;
}


.swiper-button-next,
.swiper-button-prev {
	top: 50%;
	width: 9px;
	height: 15px;
	margin-top: -8px;
	z-index: 10;
	background-size: 9px 15px;
}

.swiper-button-prev {
	background-image: url(../images/button_prev.png);
	left: -21px;
	right: auto
}

.swiper-button-next{
	background-image: url(../images/button_next.png);
	right: -21px;
	left: auto
}

.swiper-button-prev.swiper-button-white {
	background-image: url(../images/button_prev_a.png);
}

.swiper-button-next.swiper-button-white {
	background-image: url(../images/button_next_a.png);
}

.swiper-button-prev.swiper-button-black{
	background-image: url(../images/button_prev_a.png);
}

.swiper-button-next.swiper-button-black {
	background-image: url(../images/button_next_a.png);
}

.swiper-button-prev:hover {
	background-image: url(../images/button_prev_a.png);
}

.swiper-button-next:hover{
	background-image: url(../images/button_next_a.png);
}




.product-point{
	padding: 88px 0;
}

.point-item{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
}

.point-item:nth-child(3n+1){
	margin-left: 0;
}

.point-item a{
	padding: 32px 30px 0 30px;
}

.point-item h2{
	font-size: 40px;
}

.point-item h3{
	font-size: 20px;
	margin-top: 6px;
}

.point-item p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 18px;
}




.rec-title.white-title .title{
	float: left;
}

.rec-title.white-title .title h2{
	font-size: 32px;
}

.rec-title.white-title .title span{
	font-size: 14px;
	margin-top: 6px;
}

.rec-title.white-title .more a{
	line-height: 30px;
	padding-top: 30px;
}

.rec-title.white-title .more .increase-icon{
	bottom: -8px;
}



.solut-box{
	margin-top: 32px;
}

.solut-item{
	width: 25%;
	float: left;
}

.solut-item-text .title h2{
	font-size: 22px;
	margin-bottom: 0px;
}

.solut-item-text .title span{
	font-size: 12px;
	font-weight: initial;
}

.solut-item-text .chara {
	padding-top: 0px;
}

.solut-item-text .chara ul li{
	margin-top: 20px;
}

.solut-item-text .chara ul li h3{
	font-size: 16px;
}

.solut-item-text .chara ul li p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 4px;
}




.index-case{
	padding: 88px 0 104px;
}

.index-case-box{
	padding-top: 14px;
}

.index-case-box .item{
	width: 32.26%;
	float: left;
	margin-left: 1.6%;
	margin-top: 18px;
}

.index-case-box .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.index-case-box .item .text .box{
	padding: 14px 20px;
}

.index-case-box .item .text .box h2{
	font-size: 18px;
	max-height: 36px;
	line-height: 36px;
	-webkit-line-clamp: 1;
	font-weight: initial;
}

.index-case-box .item .text .box p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 6px;
	padding-top: 6px;
}

.index-case-box .item .text .box p:after{
	top:16px;
	width: 7px;
	height: 11px;
	background: url(../images/des_icon.png) center center no-repeat;
}

.index-case-box .item:hover .text .box p:after{
	background: url(../images/des_icon_a.png) center center no-repeat;
}




.page-menu a{
	margin-right: 24px;
}

/*产品列表*/

.product-list-box{
	padding: 80px 0 96px;
}

.p-l-t h2{
	font-size: 32px;
}

.p-l-t span{
	font-size: 36px;
}



.p-l-content{
	padding-top: 20px;
}

.p-l-content .item{
	margin-top: 20px;
	width: 32.26%;
	float: left;
	margin-left: 1.6%;
}

.p-l-content .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.p-l-content .item:nth-child(1) .pic,.p-l-content .item:nth-child(7) .pic,.p-l-content .item:nth-child(13) .pic{
	background-size: auto 70%;
}

.p-l-content .item:nth-child(2) .pic,.p-l-content .item:nth-child(8) .pic,.p-l-content .item:nth-child(14) .pic{
	background-size: auto 80%;
}

.p-l-content .item:nth-child(3) .pic,.p-l-content .item:nth-child(9) .pic,.p-l-content .item:nth-child(15) .pic{
	background-size: auto 80%;
}

.p-l-content .item:nth-child(4) .pic,.p-l-content .item:nth-child(10) .pic,.p-l-content .item:nth-child(16) .pic{
	background-size: auto 80%;
}

.p-l-content .item:nth-child(5) .pic,.p-l-content .item:nth-child(11) .pic,.p-l-content .item:nth-child(17) .pic{
	background-size: auto 80%;
}

.p-l-content .item:nth-child(6) .pic,.p-l-content .item:nth-child(12) .pic,.p-l-content .item:nth-child(18) .pic{
	background-size: auto 80%;
}



.p-l-content .box{
	padding: 30px 16px 40px 16px;
}

.p-l-content .sw{
	position: absolute;
	left: 30px;
	top: 30px;
	height: 24px;
	line-height: 22px;
	padding: 0 8px;
	border-radius: 2px;
	font-size: 14px;
}

.p-l-content .pic{
	padding: 20px;
}

.p-l-content .text h2{
	font-size: 18px;
	max-height: 36px;
}


.p-l-content .text p{
	font-size: 14px;
	margin-top: 8px;
	max-height: 24px;
}

.p-l-content .des-but{
	margin-top: 16px;
}

.p-l-content .des-but a{
	font-size: 14px;
}






/*产品内容页*/

.product-submenu-box{
	height: 56px;
}

.prod-page-menu{
	height: 56px;
	line-height: 56px;
}

.prod-page-menu .pro-subtitle h2{
	font-size: 16px;
}

.prod-page-menu .pro-subtitle span{
	height: 20px;
	line-height: 18px;
	padding: 0 4px;
	border-radius: 2px;
	font-size: 12px;
	margin-left: 8px;
	margin-top: 18px;
	 transform: scale(.9);
}


.pro-submenu{
	float: right;
}

.pro-submenu a{
	font-size: 14px;
}


.pro-submenu span{
	font-size: 12px;
	margin: 0 4px;
}

a.online-mall{
	padding: 2px 12px 5px 12px;
	border-radius: 3px;
	margin-left: 12px;
	font-size: 12px;
}

a.consultation{
	padding: 3px 13px 6px 13px;
	border-radius: 3px;
	margin-left: 2px;
	font-size: 12px;
}



.prod-page-chara{
	padding: 96px 0;
}


.prod-page-chara .container{
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex2{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.chara-left{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chara-left .flex1{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


.chara-left .item1{
	margin-right: 16px;
}

.chara-left .item1 .text,.chara-left .item2 .text{
	top: 24px;
	left: 24px;
}

.chara-left .item1 .text h2,.chara-left .item2 .text h2{
	font-size: 18px;
	line-height: 36px;
}

.chara-left .item1 .text h2 span,.chara-left .item2 .text h2 span{
	display: inline;
}

.chara-left .item1 .text p,.chara-left .item2 .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 6px;
}

.chara-left .item1 .text p span,.chara-left .item2 .text p span{
	display: block;
}


.chara-left .item3{
	margin-top: 16px;
}

.chara-left .item3 .text{
	left: 24px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chara-left .item3 .text h2{
	font-size: 18px;
	line-height: 36px;
}

.chara-left .item3 .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 6px;
}

.chara-left .item3 .text p span{
	display: block;
}


.chara-right .item4{
	margin-left: 16px;
}

.chara-right .item4 .text{
	padding: 24px;
}

.chara-right .item4 .text h2{
	font-size: 18px;
	line-height: 32px;
}

.chara-right .item4 .text h2 span{
	display: block;
}

.chara-right .item4 .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 6px;
}

.chara-right .item4 .pic img{
	width: 64%;
}


.chara-up{
	margin-top: 16px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.chara-up .item5{
	margin-right: 16px;
}

.chara-up .item5 .text{
	top: 24px;
	left: 24px;
}

.chara-up .item5 .text h2{
	font-size: 18px;
	line-height: 32px;
}

.chara-up .item5 .text h2 span{
	display: block;
}


.chara-up .item6 .text{
	top: 24px;
	left: 24px;
}

.chara-up .item6 .text h2{
	font-size: 18px;
	line-height: 32px;
}

.chara-up .item6 .text h2 span{
	display: block;
}

.chara-up .item6 .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 6px;
}




.prod-video{
	padding-bottom: 96px;
}


.prod-video iframe{
	width: 100%;
	height: 600px;
}


.p-a-title h2{
	font-size: 32px;
}

.p-a-title span{
	font-size: 14px;
	margin-top: 8px;
}



.pro-advant-right{
	margin-top: 40px;
}

.pro-advant-right .text{
	width: 40%;
	float: right;
	top: 100px;
	right: 4%;
}

.pro-advant-right .text h2{
	font-size: 28px;
	line-height: 40px;
}

.pro-advant-right .text h2 span{
	display: block;
}

.pro-advant-right .text p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 28px;
}



.pro-advant-right.advant-center{
	margin-top: 0;
}

.pro-advant-right.advant-center .text{
	width: 50%;
	top: 88px;
}

.pro-advant-right.advant-center .text p{
	margin-top: 14px;
}

.pro-advant-right.advant-center2{
	margin-top: 0;
}

.pro-advant-right.advant-center2 .text{
	width: 50%;
	top: 80px;
}

.pro-advant-right.advant-center2 .text p{
	margin-top: 20px;
}


.prod-inte{
	margin-top: 96px;
}

.p-a-title p{
	font-size: 16px;
	line-height: 26px;
	margin-top: 20px;
}


.prod-inte .pic{
	margin-top: 48px;
}



.prod-rec{
	padding: 96px 0 96px;
}





/*资料下载*/

.data-content{
	padding: 96px 0;
}

.data-content .container{
	padding-bottom: 16px;
}

.data-content .item{
	text-align: left;
	width: 49.2%;
	margin-left: 1.6%;
	float: left;
	margin-bottom: 16px;
}

.data-content .item:nth-child(2n+1){
	margin-left: 0;
}


.data-content .item .box{
	padding: 10px;
	border: 1px solid #eee;
}

.data-content .item .box .text{
	float: left;
	width: 40%;
	padding: 1% 2%;
}

.data-content .item .title h2{
	font-size: 20px;
	max-height: 28px;
}

.data-content .item .title span{
	font-size: 14px;
	margin-top: 8px;
}


.data-content .item .down-view{
	bottom: 20px;
}

.data-content .item .down-view a{
	font-size: 14px;
	margin-right: 36px;
}

.data-content .item .box .pic{
	float: right;
	width: 52.8%;
}






.pb-carouselWarp .pb-carousel {
	height: 72vh;
}


/*banner翻页圆点*/

.pb-carouselWarp .pb-carousel-ind {
	bottom: 40px;
}


.pb-carouselWarp .pb-carousel-ind li {
	width: 23px;
	height: 2px;
	margin: 0 3px;
}

.pb-carouselWarp .pb-carousel-ind li:hover {
	width: 24px;
	height: 2px;
}

.pb-carouselWarp .pb-carousel-ind .pb-this {
	width: 24px;
	height: 2px;
}


.pb-carouselWarp .pb-arrow {
  top: 50%;
  margin-top: -35px;
  width: 40px;
  height: 70px;
}

.pb-carouselWarp .pb-arrow-prev {
   border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: url(../images/arrow_left.png) no-repeat center;
}

.pb-carouselWarp .pb-arrow-next {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: url(../images/arrow_right.png) no-repeat center;
}

/* banner end */




.index-product-menu{
	padding: 26px 0;
}

.index-product-menu ul li{
	float: left;
	width: 12.5%;
}

.index-product-menu ul li h2{
	font-size: 14px;
	margin-top: 12px;
}



.index-product{
	padding: 112px 0;
}

.index-product .swiper-slide .info {
	width: 44%;
}

.index-product .swiper-slide .info .title span{
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
	border-radius: 3px;
	font-size: 14px;
}

.index-product .swiper-slide .info .title h2{
	font-size: 32px;
	max-height: 48px;
	line-height: 48px;
	margin-top: 14px;
	-webkit-line-clamp: 1;
}

.index-product .swiper-slide .info .text{
	margin-top: 24px;
}

.index-product .swiper-slide .info .text p{
	line-height: 28px;
	font-size: 14px;
	max-height: 56px;
	-webkit-line-clamp: 2;
}

.index-product .swiper-slide .info .chara{
	margin-top: 10px;
}

.index-product .swiper-slide .info .chara ul li{
	padding: 10px 0;
	font-size: 14px;
	line-height: 28px;
}

.index-product .swiper-slide .info .chara ul li i{
	margin-right: 16px;
}
.index-product .swiper-slide .info .chara ul li img{
	height: 24px;
}


.index-product .swiper-slide .info .des-more{
	margin-top: 24px;
}

.index-product .swiper-slide .info .des-more a{
	font-size: 12px;
	margin-right: 40px;
	line-height: 18px;
}

.index-product .swiper-slide .img {
	float: right;
	width: 49%;
}



.turning-prompt{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44%;
	padding-top: 26px;
}

.index-product .swiper-pagination {
	text-align: left;
}

.index-product .swiper-pagination-fraction {
	font-size: 14px;
}

.swiper-pagination-fraction .swiper-pagination-current{
	font-size: 20px;
}



.index-product .swiper-button-next,
.index-product .swiper-button-prev {
	width: 28px;
	height: 28px;
}

.index-product .swiper-button-prev {
	background: url(../images/index_pro_left.png) center center no-repeat;
	background-size: 100% 100%;
	left: initial;
	right: 50px;
}

.index-product .swiper-button-next {
	background: url(../images/index_pro_right.png) center center no-repeat;
	background-size: 100% 100%;
	left: initial;
	right: 0;
}

.index-product .swiper-button-prev:hover {
	background: url(../images/index_pro_left_a.png) center center no-repeat;
	background-size: 100% 100%;
}

.index-product .swiper-button-next:hover {
	background: url(../images/index_pro_right_a.png) center center no-repeat;
	background-size: 100% 100%;
}



.index-home{
	padding: 96px 0 104px;
}

.index-home .title h2{
	font-size: 32px;
}

.index-home .title p{
	font-size: 16px;
	margin-top: 10px;
}

.i-home{
	margin-top: 40px;
}

.h-trig{
	font-size: 14px;
	display: none;
}





.index-video{
	height: 70vh;
}

.in-video-b .show{
	width: 50px;
	height: 50px;
}


.in-video-b a:before{
    left: -5px;
    top: -5px;
    width: 60px;
    height: 60px;
}

.in-video-b a:after{
    left: -5px;
    top: -5px;
    width: 60px;
    height: 60px;
}



.vclose{
	right: 32px;
	top: 32px;
	width: 47px;
	height: 60px;
}





.index-news{
	padding: 96px 0 104px;
}

.index-news-title{
	padding-bottom: 32px;
}

.index-news-title .rec-title{
	float: left;
}

.news-tab{
	float: right;
	width: 50%;
}

.tabs{ 
	margin-top: 42px;
}
.tabs a{
	font-size:16px;
	margin-left: 40px;
}


.tabs a.active:after{
	left: 50%;
	bottom: -36px;
	width: 24px;
	height: 2px;
}


.news-box{
	padding-top: 60px;
}


.not-left{
	float: left;
	width: 49.2%;
}

.not-left .text {
	width: 90%;
	padding: 24px 5%;
}

.not-left .text span{
	font-size: 12px;
}

.not-left .text h2{
	font-size: 18px;
	line-height: 32px;
	height: 32px;
	margin-top: 4px;
	-webkit-line-clamp: 1;
}



.news-right{
	width: 46.5%;
	float: right;
}

.news-right .item{
	margin-top: 16px;
}

.news-right .item h2{
	font-size: 16px;
	line-height: 28px;
	max-height: 28px;
	-webkit-line-clamp: 1;
}

.news-right .item span{
	font-size: 12px;
	margin-top: 2px;
}

.news-right .item .active p{
	height: 24px;
}

.news-right .item p{
	font-size: 12px;
	line-height: 20px;
	margin-top: 8px;
	max-height: 20px;
	-webkit-line-clamp: 1;
}







/*产品参数*/

.product-para-banner {
	height: 660px;
}

.product-para-banner .container{
	top: 0;
	left: 50%;
	width: 1200px;
	padding: 80px 0;
	transform: translateX(-50%);
}

.product-para-banner .para-bg{
	overflow: hidden;
}

.product-para-banner .para-bg img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 660px;
}

.para-text{
	float: left;
	width: 48%;
	padding-top: 100px;
	text-align: center;
}

.para-text span{
	padding: 0 28px;
	height: 34px;
	line-height: 32px;
	font-size: 16px;
}

.para-text h2{
	font-size: 36px;
	margin-top: 20px;
}

.para-text ul{
	margin-top: 30px;
}

.para-text ul li{
	font-size: 18px;
	line-height: 40px;
}


.para-right{
	float: right;
	width: 40%;
}

.para-right img{
	height: 500px;
}



.parameter{
	padding: 96px 0 96px;
}

.parameter .title h2{
	font-size: 36px;
}

.parameter .title span{
	font-size: 14px;
	margin-top: 8px;
}

.parameter .prompt{
	font-size: 0;
	margin-top: 40px;
}

.parameter-item table{
	font-size: 12px;
}


.parameter-item .title td{
    padding: 6px 0;
}

.parameter-item table td{
    height: 48px;
    font-size: 12px;
}

.parameter-item table p{
	font-size: 12px;
}


.para-des{
	margin-top: 24px;
	font-size: 12px;
}




.list-banner i{
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	padding: 0 20px;
	margin-bottom: 16px;
}


.solut-list{
	padding: 56px 0 104px;
}

.solut-list .item{
	float: left;
	width: 49.2%;
	float: left;
	margin-left: 1.6%;
	margin-top: 32px;
}

.solut-list .item:nth-child(2n+1){
	margin-left: 0;
}

.solut-list .item .box{
	padding: 15px 15px 0;
}

.solut-list .item .text{
	padding: 24px 0 28px;
}

.solut-list .item .title h2{
	font-size: 22px;
}


.solut-list .item .chara{
	margin-top: 12px;
}

.solut-list .item .chara ul li{
	width: 46%;
	padding-left: 4%;
}

.solut-list .item .chara ul li em{
	font-size: 16px;
}

.solut-list .item .chara ul li p{
	font-size: 14px;
	margin-top: 4px;
}

.solut-list .item .chara ul li:first-child{
	width: 46%;
	padding-right: 4%;
}





/*解决方案内容页*/

.solutpage-banner .container{
	height: 88vh;
}

.solutpage-banner .text{
	margin-top: 40px;
	width: 100%;
}

.solutpage-banner .text h2{
	font-size: 40px;
}

.solutpage-banner .text p{
	font-size: 18px;
	line-height: 36px;
	margin-top: 20px;
	padding: 0 16%;
}

.solutpage-banner .icon{
	margin-top: 112px;
}

.solutpage-banner .icon ul li{
	float: left;
	width: 25%;
}

.solutpage-banner .icon ul li .box{
	border-left: 1px solid rgba(255,255,255,.4);
}

.solutpage-banner .icon ul li:first-child .box{
	border-left: initial;
}

.solutpage-banner .icon ul li p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 12px;
}



.status-quo{
	padding: 80px 0 96px;
}

.solut-title h2{
	font-size: 34px;
}

.solut-title span{
	font-size: 12px;
	margin-top: 10px;
}


.status-con{
	padding-top: 28px;
}

.status-con .item{
	margin-top: 16px;
	width: 49.2%;
	margin-left: 1.6%;
	float: left;
}

.status-con .item:nth-child(2n+1){
	margin-left: 0;
}

.status-con .item .box{
	padding: 10px;
}

.status-con .item .pic{
	width: 36%;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.status-con .item .pic img{
	height: 140px;
	max-width: initial;
}


.status-con .item .text{
	width: 60%;
	float: right;
	padding-top: 8px;
}

.status-con .item .text h3{
	font-size: 18px;
}

.status-con .item .text i{
	height: 3px;
	width: 20px;
	margin-top: 14px;
}

.status-con .item .text p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 16px;
}

.status-con .item .text p span{
	display: inline;
}




.solut-fa-list{
	padding: 80px 0 96px;
}

.solut-fa-item {
	margin-top: 56px;
}

.solut-fa-item .text{
	float: left;
	width: 40%;
	height: 100%;
	position: absolute;
	left: 4%;
}

.solut-fa-item .title h3{
	font-size: 28px;
	margin-top: 20px;
}

.solut-fa-item .title p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 8px;
}

.solut-fa-item .title span{
	width: 20px;
	height: 3px;
	margin-top: 24px;
}

.solut-fa-item .des p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 40px;
}

.solut-fa-item .des p span{
	display: block;
}


.solut-fa-item .pic{
	float: right;
	width: 49.2%;
}


.solut-fa-item.right .text{
	float: right;
	width: 40%;
	right: 4%;
	left: initial;
}

.solut-fa-item.right .pic{
	float: left;
}




.solut-funct{
	position: relative;
	overflow: hidden;
}

.solut-funct .container {
    width: 100%;
}

.solut-funct .title{
	padding-top: 80px;
}

.solut-funct .title h2{
	font-size: 32px;
	line-height: 48px;
}

.solut-funct .title h2 span{
	display: block;
}

.solut-funct .title p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 20px;
}


.solut-funct .pic img{
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 580px;
	max-width: initial;
}



.solut-ser{
	padding-top: 88px;
}

.solut-title p{
	margin-top: 14px;
	font-size: 16px;
}


.solut-ser-item{
	padding: 88px 0 104px;
}

.solut-ser-item ul li{
	float: left;
	width: 33.33%;
}

.solut-ser-item ul li .box{
	padding: 0 12%;
	border-right: 1px solid #eee;
}

.solut-ser-item ul li:last-child .box{
	border-right: initial;
}

.solut-ser-item ul li img{
	height: 120px;
}

.solut-ser-item ul li h3{
	font-size: 20px;
	margin-top: 22px;
}

.solut-ser-item ul li p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
}




.circuit{
	padding-top: 88px;
}

.circuit .pic{
	padding: 80px 0 96px;
}



.case-rec.bg{
	background: initial;
}

.prod-rec.bg{
	padding-top: 0;
}





/*视频列表*/

.video-content{
	padding:80px 0 96px;
}

.video-content .container{
	padding-bottom: 40px;
	margin-bottom: 24px;
}

.video-menu{
	margin-bottom: 40px;
}

.video-menu ul li{
	margin: 0 6px;
}

.video-menu ul li a{
	padding: 0 20px;
	height: 36px;
	line-height: 34px;
	border-radius: 3px;
	font-size: 14px;
}


.video-list .item{
	width: 23.8%;
	margin-left: 1.6%;
	margin-bottom: 24px;
}

.video-list .item:nth-child(4n+1){
	margin-left: 0;
	clear: both;
}

.video-list a .box:before{
	background-size: 42px 42px;
}


.video-list .des{
	width: 92%;
	padding: 8px 4%;
}

.video-list .des{
	font-size: 12px;
	line-height: 22px;
}

.video-list .des .play{
	padding-left: 20px;
}

.video-list .text h2{
	font-size: 16px;
	max-height: 30px;
	margin-top: 10px;
}



/*视频内容页*/

.video-page-content{
	padding: 88px 0 96px;
}

.video-play-box{
	width: 100%;
	float: left;
}

.video-play-title h2{
	font-size: 24px;
}

.video-play-title p{
	margin-top: 12px;
	font-size: 12px;
}

.video-play-title .p-play{
	padding-left: 20px;
}

.video-play-title .p-time{
	padding-left: 20px;
	margin-left: 20px;
}

.video-player{
	margin-top: 24px;
	height: 503px;
}



.video-des{
	width: 100%;
	float: right;
	padding-top: 42px;
}

.video-des-title{
	font-size: 18px;
	margin-bottom: 24px;
}


.video-des-list .item{
	margin-top: 13px;
	padding-top: 13px;
	width: 31.33%;
	float: left;
	margin-left: 3%;
}

.video-des-list .item:first-child,.video-des-list .item:nth-child(2),.video-des-list .item:nth-child(3){
	margin-top: 0;
	padding-top: 0;
	border-top: initial;
}

.video-des-list .item:nth-child(3n+1){
	margin-left: 0%;
	clear: both;
}

.video-des-list .item .pic{
	float: left;
	width: 42%;
	border-radius: 4px;
}

.video-des-list .item .text{
	float: right;
	width: 52%;
}

.video-des-list .item .text h2{
	font-size: 14px;
	line-height: 22px;
	max-height: 44px;
	-webkit-line-clamp: 2;
}

.video-des-list .item .text p{
	bottom: 4px;
	font-size: 12px;
	width: 52%;
}

.video-des-list .item .text p span.p-play{
	padding-left: 20px;
	float: left;
}

.video-des-list .item .text p span{
	float: right;
}






/*荣誉资质*/

.honor-content{
	padding: 80px 0 88px;
}

.honor-content .container{
	padding-bottom: 48px;
}

.honor-menu ul li{
	margin: 0 8px;
}

.honor-menu ul li a{
	padding: 0 14px;
	font-size: 14px;
	height: 32px;
	line-height: 30px;
}



.honor-list{
	padding-top: 8px;
}

.honor-list a{
	float: left;
	width: 23.725%;
	margin-left: 1.7%;
	margin-top: 40px;
}

.honor-list a .pic{
	padding: 10px;
}

.honor-list a .pic:after{
	background-size: 28px 28px;
}

.honor-list a:nth-child(4n+1){
	margin-left: 0;
	clear: both;
}

.honor-list a h3{
	font-size: 14px;
	margin-top: 14px;
	max-height: 22px;
}


/*发展历程*/



.course{
	padding: 110px 0 110px;
}


#timeline {
	height: 420px;
}
	
#dates{
	width: 100%;
	bottom: 22px;
}

#dates li {
	float: left;
	width: 88px;
	font-size: 14px;
}

#dates li a.selected:after {
	width: 8px;
	height: 8px;
	bottom: -22px;
}
			
#dates li a:after {
	width: 8px;
	height: 8px;
	bottom: -22px;
	margin-left: -5px;
}

			
		
#issues {
	width: 1024px;
}	

#issues li {
	width: 1024px;
	height: 314px;
	float: left;
}
		

#issues li .tp {
	float: left;
	width: 44%;
	margin-left: 6%;
	text-align: right;
}


#issues li .tp img {
	border: 3px solid #007983;
}


#issues li .text {
	float: left;
	width: 43.3%;
	padding-left: 6.7%;
}

#issues li .title i{
	font-size: 56px;
}

#issues li .chara{
	padding-top: 10px;
}

#issues li .chara p{
	font-size: 16px;
	line-height: 32px;
}

#issues li .chara b{
	font-size: 16px;
}

		
		
#next,#prev {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	width: 32px;
	height: 32px;
}





/*创始人专栏*/

.founder-banner .text-box{
	width: 46%;
}

.f-title{
	padding-top: 50px;
}

.f-title h2{
	font-size: 40px;
}

.f-title p{
	margin-top: 30px;
	padding-top: 28px;
	font-size: 18px;
	line-height: 32px;
}

.f-text{
	margin-top: 64px;
}

.f-text p{
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0;
}



.resume{
	padding: 104px 0 112px;
}

.found-title{
	float: left;
	width: 40%;
}

.found-title h2{
	font-size: 36px;
}

.found-title i{
	width: 32px;
	height: 4px;
	margin-top: 28px;
}


.resume-list{
	width: 59.2%;
	float: right;
}

.resume-list ul li:last-child{
	padding-bottom: 24px;
}

.resume-list ul li{
	padding-bottom: 32px;
	line-height: 36px;
	padding-left: 32px;
}

.resume-list ul li:before{
	left: -6px;
	top: 12px;
	height: 12px;
	width: 12px;
}

.resume-list ul li span{
	font-size: 16px;
}

.resume-list ul li p{
	font-size: 18px;
}



.social{
	padding: 104px 0;
}


.social-list{
	width: 59.2%;
	float: right;
}

.social-list ul li{
	width: 100%;
	font-size: 18px;
	line-height: 56px;
}

.social-list ul li:first-child{
	border-top: initial;
}




.column{
	padding: 112px 0 104px;
}

.column .title-box{
	border-bottom: 1px solid #eee;
}

.found-eng{
	width: 50%;
	float: right;
	font-size: 48px;
}

.column .news-list{
	margin-top: 64px;
}





/*售后支持*/

.after-conter{
	padding: 96px 0 120px;
}

.after-title h2{
	font-size: 34px;
}

.after-title p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 10px;
}


.serch-con{
	padding-top: 20px;
}

.serch-con .s-item{
	width: 32%;
	height: 294px;
	margin-left: 1.6%;
	float: left;
	margin-top: 24px;
}

.serch-con .s-item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.serch-con .s-item .box{
	padding: 56px 6% 56px;
}

.serch-con .s-item .box h3{
	font-size: 20px;
	line-height: 32px;
	margin-top: 20px;
}

.serch-con .s-item .box p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px;
}

.serch-con .s-item .box i{
	width: 24px;
	height: 2px;
	margin-top: 16px;
}



.hot-line{
	padding: 104px 0;
}


.hot-line .h-title{
	float: left;
	width: 50%;
}

.hot-line .h-title h2{
	font-size: 34px;
	margin-bottom: 36px;
}

.hot-line .h-title em{
	font-size: 38px;
}

.hot-line .h-title p{
	font-size: 16px;
	line-height: 32px;
}

.hot-line .h-text{
	float: right;
	width: 50%;
}

.hot-line .h-text p{
	font-size: 16px;
	line-height: 32px;
}

.h-but-des{
	margin-top: 72px;
}

.h-but-des a{
	font-size: 14px;
	margin-right: 52px;
}

.des-icon-a{
	width: 7px;
	height: 11px;
	margin-left: 8px;
}



.team-service{
	padding: 120px 0;
}


.team-service .item{
	position: relative;
}

.team-service .item .text{
	width: 44%;
	float: left;
	position: absolute;
	left: 0;
}

.team-service .item .text .box{
	padding-left: 16%;
}

.team-service .item .text h2{
	font-size: 34px;
}

.team-service .item .text span{
	font-size: 18px;
	margin-top: 12px;
}

.team-service .item .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 32px;
}

.team-service .item .text ul {
	margin-top: 32px;
	font-size: 14px;
	line-height: 26px;
}



.team-service .item .pic{
	width: 50%;
	float: right;
}


.team-service .item.ts .text{
	width: 42%;
	float: right;
	left: initial;
	right: 0;
}

.team-service .item.ts .text .box{
	padding-left: 0;
}

.team-service .item.ts .pic{
	width: 50%;
	float: left;
}




/*企业文化*/

.culture{
	padding: 96px 0 112px;
}

.cult-title h2{
	font-size: 34px;
}

.cult-title i{
	width: 24px;
	height: 3px;
	margin: 24px auto 0 auto;
}


.cult-con{
	padding-top: 32px;
}

.cult-con .item{
	width: 32.26%;
	margin-left: 1.6%;
	float: left;
	margin-top: 20px;
}

.cult-con .item:nth-child(3n+1){
	margin-left: 0;
}

.cult-con .item .box{
	padding: 48px 28px;
}

.cult-con .item .box h3{
	font-size: 24px;
}

.cult-con .item .box p{
	font-size: 16px;
	margin-top: 12px;
}

.cult-con .item.i-bg-1:before{
	width: 110px;
	height: 120px;
	margin-top: -32px;
	margin-right: -16px;
}

.cult-con .item.i-bg-2:before{
	width: 146px;
	height: 120px;
	margin-top: -24px;
	margin-right: -28px;
}

.cult-con .item.i-bg-3:before{
	width: 127px;
	height: 120px;
	margin-top: 28px;
	margin-right: -16px;
}

.cult-con .item.i-bg-4:before{
	width: 99px;
	height: 120px;
	top: initial;
	bottom: 0;
	right: 8px;
}

.cult-con .item.i-bg-5:before{
	width: 122px;
	height: 126px;
	top: initial;
	bottom: 0;
}



.wisdom{
	padding: 96px 0 112px;
}

.wisdom-con{
	margin-top: 56px;
}

.wisdom-con ul li{
	float: left;
	width: 46.5%;
	margin-left: 7%;
	margin-bottom: 44px;
	padding-bottom: 48px;
}

.wisdom-con ul li:nth-child(2n+1){
	margin-left: 0;
}

.wisdom-con ul li p{
	font-size: 18px;
	line-height: 36px;
	height: 72px;
	font-weight: initial;
}

.wisdom-con ul li p i{
	display: block;
}

.wisdom-con ul li span{
	font-size: 14px;
	margin-top: 16px;
}



.cult-mp4{
	padding: 96px 0 112px;
}

.cult-mp4-con{
	margin-top: 56px;
}

.cult-mp4-con .mp4{
	width: 72%;
}

.cult-mp4-con .mp4 iframe{
	width: 100%;
	height: 440px;
}

.cult-mp4-con .text{
	width: 38%;
	font-size: 14px;
	line-height: 28px;
}

.cult-mp4-con .text h3{
	font-size: 24px;
	margin-bottom: 24px;
}


.cult-pic{
	margin-top: 56px;
}




/*联系我们*/
.contact{
	padding: 104px 0 104px;
}

.id-amp{
	width: 50%;
	float: left;
}

.contact-text{
	width: 42.4%;
	float: right;
	padding-top: 0px;
}

.contact-text .title h2{
	font-size: 32px;
}

.contact-text .des{
	margin-top: 18px;
}

.contact-text .des ul li{
	line-height: 28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.contact-text .des ul li span{
	font-size: 14px;
}

.contact-text .des ul li p{
	font-size: 18px;
}


.contact-text .id-but{
	margin-top: 30px;
}

.contact-text .id-but a{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 24px;
	border-radius: 4px;
}

.idamp-icon{
	width: 15px;
	height: 14px;
	margin-left: 8px;
	bottom: -2px;
}





.contact-message{
	padding-bottom: 104px;
}

.contact-message .title h2{ 
	font-size: 36px;
}

.contact-message .title p{ 
	font-size: 16px;
	line-height: 32px;
	margin-top: 14px;
}


.conmess{
	width: 878px;
	margin: 72px auto 0 auto;
}

.conmess .name{
	width:45%;
	float: left;
}

.conmess .tel{
	width:45%;
	float: right;
}

.conmess input{
	font-size: 16px;
	height: 48px;
}


.conmess .text{
	margin-top: 48px;
}


.conmess textarea{
	width:100%;
	font-size: 16px;
	line-height: 28px;
	height: 112px;
}



.conmess-but{
	margin-top: 48px;
}

.conmess-but a{
	height: 40px;
	line-height: 40px;
	padding: 0 32px;
	border-radius: 4px;
	font-size: 14px;
}





/*加盟*/

.join_banner{
	height: 80vh;
}

.join_banner .text{
	padding-top: 140px;
}

.join_banner .slogan h3{
	font-size: 28px;
	height: 46px;
	line-height: 44px;
	padding-right: 10px;
}

.join_banner .slogan h3 span{
	height: 46px;
	line-height: 42px;
	padding: 0 10px;
}

.join_banner .slogan p{
	font-size: 16px;
	letter-spacing: 1.5px;
	margin-top: 10px;
}



.join_banner .title{
	margin-top: 18px;
}

.join_banner .title h2{
	font-size: 48px;
	line-height: 56px;
	letter-spacing: 5px;
}

.join_banner .title p{
	font-size: 19px;
	line-height: 28px;
	margin-top: 16px;
}



.prospect{
	padding: 96px 0 104px;
}

.join-title h2{
	font-size: 36px;
}

.join-title p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 8px;
	
}



.prospect-con{
	padding-top: 40px;
}

.prospect-con .item{
	float: left;
	margin-left: 1.6%;
	width: 23.8%;
	padding: 48px 0;
}

.prospect-con .item:first-child{
	margin-left: 0;
}

.prospect-con .item img{
	height: 64px;
}

.prospect-con .item h3{
	font-size: 20px;
	line-height: 32px;
	margin-top: 24px;
}

.prospect-con .item span{
	display: block;
}


.prospect-con .item i{
	width: 16px;
	height: 3px;
	margin-top: 24px;
}

.prospect-con .item p{
	font-size: 12px;
	line-height: 18px;
	margin-top: 6px;
}



.join-honor{
	height: 640px;
}

.join-honor .title{
	padding-top: 96px;
}

.join-honor .title h2{
	font-size: 36px;
	line-height: 48px;
}

.join-honor .title h2 span{
	display: block;
}

.join-honor .jh-list{
	padding-top: 36px;
	width: 64%;
}

.join-honor .jh-list ul li{
	width: 48%;
	float: left;
	margin-left: 4%;
	padding: 20px 0;
}

.join-honor .jh-list ul li:nth-child(2n+1){
	margin-left: 0;
}

.join-honor .jh-list ul li p{
	font-size: 18px;
}



.join-plant{
	padding: 96px 0 104px;
}

.join-title h2 span{
	display: inline;
}

.join-plant-pic{
	margin-top: 48px;
}



.slide-info h3{
	top: 40px;
	left: 40px;
	font-size: 20px;
	
}

.prev2,.next2{
	top: 52%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
}

.prev2{
	left: 32px;
}

.next2{
	right: 32px;
}

/*翻页圆点*/

.slide-main .item1 {
	z-index: 8;
	bottom: 40px;
	left: 0;
}

.slide-main .item1 a {
	height: 12px;
	width: 12px;
	margin: 0 4px;
	border-radius: 6px;
	font-size: 0;
}

.slide-main .item1 a.cur {
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	padding: 0 8px;
	border-radius: 12px;
	bottom: -10px;
}

/* end */



.join-com-video{
	width: 49.6%;
	float: left;
}


.vr-con{
	top: 56px;
}

.vr-con h2{
	font-size: 28px;
	margin-bottom: 10px;
}

.vr-con a{
	font-size: 14px;
}

.vr-con a:after{
	top: 4px;
	right: -20px;
	width: 14px;
	height: 14px;
}


.join-com-vr{
	width: 49.6%;
	float: right;
}

.join-com-vr .vr-con a:after{
	top: 4px;
	right: -20px;
	width: 14px;
	height: 14px;
}



.join-policy{
	padding: 96px 0 104px;
}

.join-policy-list{
	padding-top: 24px;
}

.join-policy-list .item{
	margin-top: 20px;
	float: left;
	width: 49.2%;
	margin-left: 1.6%;
	height: 140px;
	border-radius: 70px;
}

.join-policy-list .item:nth-child(2n+1){
	margin-left: 0;
}

.join-policy-list .item .icon{
	width: 140px;
	margin-left: 10px;
}

.join-policy-list .item .text{
	width: 80%;
	margin-left: 3.2%;
	margin-right: 30px;
}

.join-policy-list .item .text h3{
	font-size: 18px;
}

.join-policy-list .item .text p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}


.join-store{
	padding: 96px 0 104px;
}


.join-store-pic{
	margin-top: 48px;
}



.guarantee{
	padding-top: 96px;
}

.guarantee_list{
	padding: 104px 0 120px;
}

.guarantee_list ul li{
	width: 33.33%;
	float: left;
}

.guarantee_list ul li img{
	height: 180px;
}

.guarantee_list ul li h3{
	margin-top: 32px;
	font-size: 18px;
	line-height: 32px;
	padding: 0 9%;
}
.guarantee_list ul li h3 span{
	display: inline;
}




.join-adv{
	padding: 96px 0 104px;
}

.join-adv .join-title em{
	font-size: 14px;
	margin-top: 10px;
}


.join-adv-list{
	margin-top: 24px;
}

.join-adv-list .item{
	float: left;
	width: 23.8%;
	margin-left: 1.6%;
	margin-top: 16px;
}

.join-adv-list .item:nth-child(4n+1){
	margin-left: 0;
}

.join-adv-list .item .box{
	padding: 48px 10% 48px;
}

.join-adv-list .item h3{
	font-size: 18px;
	margin-top: 20px;
}

.join-adv-list .item p{
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
	height: 72px;
}







.join-message .text-box{
	padding-top: 96px;
	width: 50%;
	float: left;
}

.join-message .title h2{ 
	font-size: 34px;
}

.join-message .title p{ 
	font-size: 16px;
	line-height: 28px;
	margin-top: 14px;
	letter-spacing: 0;
}


.joinmess{
	margin-top: 32px;
}

.joinmess .name{
	width:45%;
	float: left;
}

.joinmess .tel{
	width:45%;
	float: right;
}

.joinmess input{
	width:100%;
	font-size: 16px;
	height: 48px;
}


.joinmess .text{
	margin-top: 24px;
}

.joinmess textarea{
	font-size: 16px;
	line-height: 28px;
	height: 86px;
}



.joinmess-but{
	margin-top: 40px;
}

.joinmess-but a{
	height: 40px;
	line-height: 40px;
	padding: 0 24px;
	border-radius: 4px;
	font-size: 14px;
}


.join-message .pic{
	width: 50%;
	float: right;
	padding-top: 60px;
}





/*服务中心*/

.ser-war{
	padding-top: 96px;
}

.ser-title h2{
	font-size: 36px;
}

.ser-title i{
	width: 32px;
	height: 3px;
	margin-top: 20px;
}


.ser-war-con{
	margin-top: 56px;
	height: 600px;
}

.ser-war-con .text{
	width: 50%;
	height: 600px;
	float: right;
}

.ser-war-con .text .box{
	padding: 0 24px 0 16px;
}

.ser-war-con .title h3{
	font-size: 46px;
	letter-spacing: 5.2px;
}

.ser-war-con .title p{
	font-size: 18px;
	letter-spacing: 4.6px;
	margin-top: 16px;
}


.ser-war-con .chara{
	margin-top: 36px;
	width: 440px;
}

.ser-war-con .chara ul{
	display: flex;
	justify-content: space-between;
}

.ser-war-con .chara ul li{
	width: 33.33%;
	float: left;
}

.ser-war-con .chara ul li:first-child:before{
	display: none;
}

.ser-war-con .chara ul li:first-child{
	width: 30%;
}

.ser-war-con .chara ul li em{
	font-size: 15px;
}

.ser-war-con .chara ul li p{
	font-size: 12px;
	line-height: 20px;
	margin-top: 6px;
	padding: 0 4%;
}

.ser-war-con .chara ul li p span{
	display: inline;
}




.ser-cult{
	padding: 96px 0 96px;
}


.ser-cult-con{
	margin-top: 48px;
}

.ser-cult-con .box{
	padding: 24px;
}

.ser-cult-con .pic{
	width: 53%;
	float: left;
}

.ser-cult-con .text{
	width: 42%;
	float: right;
}

.ser-cult-con .text ul li{
	padding: 16px 0;
}

.ser-cult-con .text ul li h3{
	font-size: 32px;
}

.ser-cult-con .text ul li p{
	font-size: 18px;
	line-height: 32px;
	margin-top: 12px;
	letter-spacing: 2px;
}



.ser-chara{
	margin-top: 64px;
}

.ser-chara ul li{
	width: 20%;
	float: left;
}

.ser-chara ul li:first-child:before{
	display: none;
}

.ser-chara ul li em{
	font-size: 48px;
	line-height: 48px;
}

.ser-chara ul li em i{
	font-size: 12px;
	padding: 0 6px;
	height: 22px;
	line-height: 22px;
	border-radius: 12px;
	top: -12px;
}

.ser-chara ul li p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 8px;
}



.ser-tel{
	margin-top: 48px;
}

.ser-tel .title img{
	height: 40px;
}

.ser-tel .title p{
	font-size: 16px;
	margin-left: 15px;
	width: 48px;
}

.ser-tel .tel{
	font-size: 40px;
	line-height: 40px;
	margin-left: 8px;
	padding-left: 22px;
}



.ser-sys{
	padding: 96px 0;
}

.ser-sys-con{
	margin-top: 64px;
}

.ser-sys-con .chara{
	float: left;
	width: 48%;
	padding-left: 2%;
}

.ser-sys-con .chara ul li{
	width: 50%;
	float: left;
	padding-top: 88px;
}

.ser-sys-con .chara ul li:nth-child(1),.ser-sys-con .chara ul li:nth-child(2){
	padding-top: 10px;
}

.ser-sys-con .chara ul li em{
	font-size: 56px;
	line-height: 64px;
}

.ser-sys-con .chara ul li span{
	font-size: 22px;
	margin-left: 5px;
	font-weight: bold;
}

.ser-sys-con .chara ul li img{
	position: absolute;
	bottom: 24px;
	margin-left: 10px;
}

.ser-sys-con .chara ul li p{
	font-size: 16px;
}



.ser-sys-con .text{
	float: right;
	width: 50%;
}

.ser-sys-con .text p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 40px;
	padding: 0 20px 0 20px;
}

.ser-sys-con .text p:first-child{
	margin-top: 0px;
}



.ser-dot{
	padding: 96px 0 64px;
}

.ser-dot-con .chara{
	position: absolute;
	bottom: 56px;
	width: 100%;
}

.ser-dot-con .chara ul li{
	width: 32.26%;
	margin-left: 1.6%;
	float: left;
	padding: 40px 0 48px;
}

.ser-dot-con .chara ul li:first-child{
	margin-left: 0;
}

.ser-dot-con .chara ul li em{
	font-size: 40px;
	line-height: 56px;
}

.ser-dot-con .chara ul li span{
	font-size: 32px;
	line-height: 32px;
	margin-left: 8px;
	top: 0;
}

.ser-dot-con .chara ul li p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 0px;
}





/*关于华天成*/

.about-box{
	padding: 88px 0;
}

.about-box .text{
	float: left;
	width: 45%;
	padding-top: 0;
}

.about-box .text h2{
	font-size: 32px;
}

.about-box .text i{
	width: 24px;
	height: 3px;
	margin-top: 24px;
	margin-bottom: 16px;
}

.about-box .text p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 8px;
}

.about-box .pic{
	float: right;
	width: 50%;
}

.about-box .pic img{
	height: auto;
	max-width: 100%;
}


.about-chara{
	position: relative;
	top: -48px;
}

.about-chara .container{
	padding: 40px 0;
}

.about-chara ul li{
	width: 25%;
	float: left;
}

.about-chara ul li:first-child .box{
	border-left: initial;
}

.about-chara ul li em{
	font-size: 40px;
	line-height: 48px;
}

.about-chara ul li span{
	font-size: 16px;
	line-height: 32px;
	margin-left: 6px;
}

.about-chara ul li p{
	font-size: 16px;
	margin-top: 4px;
}


.brand-base {
	margin-top: -48px;
}

.brand-base .title{
	padding: 96px 0 64px;
}

.brand-base .title span{
	font-size: 16px;
}


.brand-base .title h2{
	font-size: 36px;
	margin-top: 10px;
}

.brand-base .title p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 24px;
	padding: 0 10%;
}



.gallery-cell {
  width: 75.7%;
  height: 520px;
  margin: 0 12px;
}

.gallery-cell h2{
	left: 24px;
	top: 24px;
	font-size: 18px;
}

.gallery-cell img{
	max-width: initial;
	height: 520px;
}


/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }

.flickity-prev-next-button svg {
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  bottom: 30px;
}

.flickity-page-dots li.dot{
	width: 12px;
	height: 12px;
	border-radius: 6px;
	margin: 0 8px;
}

.flickity-page-dots li.is-selected{
	width: auto;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 10px;
  font-size: 12px;
  bottom: -11px;
}




.brand-lab{
	padding: 96px 0 104px;
}

.brand-title{
	float: left;
}

.brand-title h2{
	font-size: 34px;
}

.brand-title i{
	width: 32px;
	height: 4px;
	margin-top: 24px;
}

.brand-lab .text{
	float: right;
	width: 50%;
}

.brand-lab .text p{
	font-size: 16px;
	line-height: 32px;
}

.lab-con{
	padding-top: 30px;
}

.lab-con ul li{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	margin-top: 20px;
}

.lab-con ul li:nth-child(2){
	width: 66.14%;
}

.lab-con ul li:nth-child(1),.lab-con ul li:nth-child(3){
	margin-left: 0%;
	clear: both;
}

.lab-con ul li p{
	padding: 12px 0;
	font-size: 16px;
}



.brand-amp{
	padding: 96px 0 48px;
}

.brand-title.b-c p{
	padding: 0 6%;
	font-size: 16px;
	line-height: 32px;
	margin-top: 24px;
}


.brand-amp-pic{
	margin-top: 24px;
}




.brand-honor{
	height: 920px;
}

.brand-honor .brand-title{
	padding-top: 96px;
}


.brand-honor-chara{
	margin-top: 40px;
}

.brand-honor-chara ul li{
	width: 25%;
	height: 60px;
}

.brand-honor-chara ul li span{
	font-size: 24px;
}

.brand-honor-chara ul li p{
	font-size: 16px;
	margin-top: 4px;
}