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

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

.container{
	max-width: 90%;
}

.logo{
	float: left;
	width: auto;
	height: 80px;
}

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

.logo h1 img{
	height: 32px;
}

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


.tel-search{
	display: none;
	
}




/*菜单*/

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


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


	#starlist li {
		margin: 0;
		width: 92%;
		padding: 0 4%;
		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: 16px;
		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: 15px;
		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: 31px 0 0 0;
		width: 24px;
		height: 24px;
		float: right;
		right: 4%;
		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: 24px;
		height: 2px;
		bottom: -8px;
	}
	
	.navicon:before,
	.navicon:after {
		width: 24px;
		height: 2px;
	}
	
	.navicon:before {
		margin-top: -8px;
	}
	
	.navicon:after {
		margin-top: 8px;
	}
	
	.open .navicon:before,
	.open .navicon:after {
		width: 24px;
		height: 2px;
	}
	
	
.head-primary .head-height{
	height: 80px;
}


/*底部*/

.foot{
	border-top: 6px solid #007983;
	padding: 40px 0 40px;
}


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

.foot-logo img{
	display: none;
}

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

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

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

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

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

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

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

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





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

.foot-menu {
	display: none;
}


.foot-rwm{
	margin-top: 32px;
}
.foot-rwm ul li{
	float: left;
	margin-left: 0;
	margin-right: 16px;
}

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

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


.foot-copy{
	font-size: 12px;
	line-height: 24px;
	margin-top: 24px;
}

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

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



/*友情链接*/


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

.link a{
	padding: 2px 0;
	margin: 0 2px;
	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: 48vh;
}


.list-banner .text{
	margin-top: 40px;
}

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

.list-banner .text h3{
	font-size: 14px;
	line-height: 24px;
	margin-top: 12px;
}


.list-menu{
	height: auto;
	border-bottom: 1px solid #eeeeee;
	padding: 24px 0;
}

.list-cru{
	line-height: initial;
	float: left;
	display: none;
}

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

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

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


.submenu{
	width: 100%;
	float: right;
	text-align: left;
}

.submenu ul li{
	margin: 0 4px;
	line-height: initial;
}

.submenu ul li a{
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	margin: 4px 0;
	display: inline-block;
	border-radius: 3px;
	background: #f8f8f8;
	padding: 0 6px;
}

.submenu ul li a:after{
	display: none;
}

.submenu ul li.active a{
	color: #FFFFFF;
	background: #007983;
}



.news-list{
	padding: 40px 0 64px;
}

.news-list .item{
	float: left;
	width: 47%;
	margin-left: 6%;
	margin-bottom: 48px;
}

.news-list .item:nth-child(3n+1){
	margin-left: 6%;
	clear: initial;
}

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


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

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

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


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

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

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

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

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

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





/*内容页*/

.page-menu{
	height: 56px;
	line-height: 56px;
	font-size: 14px;
	display: none;
}

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


.page-cru{
	height: 56px;
	line-height: 56px;
	font-size: 12px;
}

.page-cru span{
	margin: 0 8px;
	font-size: 12px;
}

.page-news-box{
	padding: 72px 0;
}

.container-1000{
	max-width: 90%;
}

.pnews-title{
	padding-bottom: 24px;
}

.pnews-title h2{
	font-size: 26px;
}


.pnews-title .des{
	margin-top: 6px;
}

.pnews-title .des span{
	font-size: 12px;
	margin: 0 8px;
}


.pnews-content{
	padding: 40px 0 56px;
	font-size: 16px;
	line-height: 32px;
}




.page-paging{
	padding-top: 16px;
}

.page-paging a{
	font-size: 14px;
}

.page-paging a:hover{
	font-size: 14px;
}

.page-paging .on{
	float: left;
	width: 33%;
}

.on-icon{
	width: 6px;
	height: 11px;
	background: url(../images/on_icon.png) center center no-repeat;
	margin-right: 10px;
}


a:hover .on-icon{
	background: url(../images/on_icon_a.png) center center no-repeat;
}

.page-paging .return{
	float: left;
	width: 33%;
}

.page-paging .un{
	width: 33%;
}

.un-icon{
	width: 6px;
	height: 11px;
	background: url(../images/un_icon.png) center center no-repeat;
	margin-left: 10px;
}

a:hover .un-icon{
	background: url(../images/un_icon_a.png) center center no-repeat;
}



.cor-infor{
	padding: 64px 0;
}

.cor-infor-title h2{
	font-size: 28px;
	margin-bottom: 4px;
}

.cor-infor-title span{
	font-size: 12px;
}


.cor-infor-list{
	margin-top: 20px;
}

.cor-infor-list ul li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-left: 0;
}

.cor-infor-list ul li a{
	width: 72%;
	float: left;
	font-size: 14px;
	max-height: 48px;
}


.cor-infor-list ul li span{
	font-size: 12px;
	float: right;
}





.act-sign-window{
	border-radius: 12px;
	margin-bottom: 56px;
}

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

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

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

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


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

.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 4%;
	height: 48px;
	margin-top: 14px;
}

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

.sign-submit a{
	width: 142px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	font-size: 16px;
}





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

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

.activity-list .item .tp{
	float: left;
	width: 100%;
}

.activity-list .item .tp img{
	height: initial;
	max-width: 100%;
}

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

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

.act-des .title h2{
	font-size: 24px;
	margin-bottom: 4px;
	max-height: 40px;
	-webkit-line-clamp: 1;
}


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


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

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


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

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

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

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


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

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

	.reveal-modal {
		width: 90%;
		margin-left: -45%;
		}
		

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




/*案例列表*/

.case-list{
	padding: 48px 0 60px;
}

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

.case-list .item:nth-child(3n+1){
	margin-left: 2%;
	clear: initial;
}

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

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

.case-list .item .box{
	padding: 12px 16px 24px 16px;
}

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

.case-list .item .text h2{
	font-size: 16px;
	-webkit-line-clamp: 1;
	max-height: 28px;
	margin-top: 6px;
}

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

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






/*案例内容页*/


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

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

.slider__item img {
  height: auto;
  max-width: 100%;
}
.slider__switch span {
  width: 22px;
  height: 32px;
} 
/* Arrows */
.slider__switch {
 display: none;
}
.slider__switch--prev {
  left: -7px;
}
.slider__switch--next {
  right: -7px;
}

		.preview { 
			height: auto;
			margin-top: 6px;
		}
		.preview a {
		  margin: 0 0;
		  width: 18%;
		}
		.preview img {
		  width: auto;
		  height: auto;
		}
		.preview .active:before {
			width: 97%;
		    height: 95%;
		  border: 2px solid #007983;
		}


.case-text{
	width: 100%;
	float: right;
	padding-top: 40px;
}


.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: 48px;
	height: 48px;
}

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

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

.acquire{
	margin-right: 4px;
}


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

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





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

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

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

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

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

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

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

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

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

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

.sign-submit a{
	width: 140px;
	height: 36px;
	line-height: 34px;
	border-radius: 4px;
	font-size: 14px;
}




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

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

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

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


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

.rec-case-list.case-list .item:last-child{
	display: none;
}

.case-list .item .type{
	width: 64px;
	height: 20px;
	font-size: 12px;
	line-height: 18px;
	border-radius: 3px;
	right: 10px;
	top: 10px;
}






/*产品*/

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

.list-banner-pc{
	display: none;
}

.list-banner-phone{
	display: block;
}

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

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

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

.pro-thum-list ul li{
	float: left;
	width: 22%;
	margin: 0 .6%;
	height: 102px;
}

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

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

.pro-all{
	width: 8%;
	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: 56px;
}

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

.swiper-slide a{
	line-height: 54px;
	font-size: 14px;
}


.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: -16px;
	right: auto
}

.swiper-button-next{
	background-image: url(../images/button_next.png);
	right: -16px;
	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: 56px 0;
}

.point-item{
	float: left;
	width: 100%;
	margin-left: 0;
	margin: 10px 0;
}

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

.point-item a{
	padding: 0px 10px 20px 10px;
}

.point-item .text{
	float: left;
	width: 50%;
	padding-top: 40px;
	text-align: center;
}

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

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

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


.product-point-item-img{
	float: right;
	width: 50%;
	text-align: center;
	
}




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

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

.rec-title.white-title .title span{
	font-size: 12px;
	margin-top: 4px;
}

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

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



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

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

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

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

.solut-item-text .chara {
	display: none;
}

.solut-item:hover .solut-item-text .chara{
	padding-top: 12px;
	height: 140px;
}

.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: 56px 0 64px;
}

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

.index-case-box .item{
	width: 49%;
	float: left;
	margin-left: 2%;
	margin-top: 14px;
}

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

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

.index-case-box .item .text .box{
	padding: 12px 16px;
}

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

.index-case-box .item .text .box p{
	font-size: 12px;
	line-height: 24px;
	margin-top: 4px;
	padding-top: 4px;
}

.index-case-box .item .text .box p:after{
	top:11px;
	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;
}




/*产品列表*/

.product-list-box{
	padding: 56px 0 64px;
}

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

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



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

.p-l-content .item{
	margin-top: 16px;
	width: 49%;
	float: left;
	margin-left: 2%;
}

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

.p-l-content .item:nth-child(2n+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: 20px 10px 24px 10px;
}

.p-l-content .sw{
	position: absolute;
	left: 16px;
	top: 16px;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	border-radius: 2px;
	font-size: 12px;
}

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

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


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

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

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





/*产品内容页*/
.pc{
	display: none;
}

.phone{
	display: block;
}

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

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

.prod-page-menu .pro-subtitle {
	display: none;
}

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

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


.pro-submenu{
	float: right;
}

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

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

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

a.consultation{
	padding: 1px 5px 3px 5px;
	border-radius: 3px;
	margin-left: 0px;
	font-size: 12px;
}



.prod-page-chara{
	padding: 56px 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: initial;
    display: initial;
    display: initial;
    -webkit-box-direction: initial;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
}

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

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

.chara-left .item1 .text h2,.chara-left .item2 .text h2{
	font-size: 14px;
	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: 12px;
	line-height: 20px;
	margin-top: 6px;
}

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


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

.chara-left .item3 .text{
	left: 16px;
	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: 14px;
	line-height: 26px;
}

.chara-left .item3 .text p{
	font-size: 12px;
	line-height: 20px;
	margin-top: 4px;
}

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


.chara-right .item4{
	margin-top: 10px;
	margin-left: 0px;
	height: 200px;
}

.chara-right .item4 .box{
	    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-right .item4 .bg{
	display: none;
}

.chara-right .item4 .text{
	padding: 56px 16px 16px 16px;
	text-align: left;
	
}

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

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

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

.chara-right .item4 .pic img{
	width: initial;
	max-width: initial;
	height: 180px;
	margin-top: 20px;
}




.chara-up{
	margin-top: 10px;
	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: 10px;
}

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

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

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


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

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

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

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




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

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



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

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



.pro-advant-right{
	margin-top: 32px;
	overflow: hidden;
}

.pro-advant-right .container{
	z-index: 3;
}

.pro-advant-right .text{
	width: 100%;
	float: right;
	top: 60px;
	right: 0%;
	text-align: center;
}

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

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

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

.pro-advant-right .pic{
	position: relative;
}

.pro-advant-right .pic img{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 400px;
	max-width: initial;
	z-index: 1;
}


/*.pro-advant-right .pic:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51,51,51,.2);
	content: "";
	display: block;
	z-index: 2;
}*/



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

.pro-advant-right.advant-center .text{
	width: 100%;
	top: 60px;
}

.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: 100%;
	top: 60px;
}

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


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

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


.prod-inte .pic{
	margin-top: 30px;
	overflow: hidden;
}

.prod-inte .pic img{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 320px;
	max-width: initial;
}



.prod-rec{
	padding: 56px 0 64px;
}

.p-l-content.prod-rec-list {
	padding-top: 10px;
}

.p-l-content.prod-rec-list .item:nth-child(3){
	display: none;
}





/*资料下载*/

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

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

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

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


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

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

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

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

.data-content .item .down-view{
	bottom: 0px;
	position: relative;
	margin-top: 8px;
	display: none;
}

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

.data-content .item .box .pic{
	float: right;
	width: 100%;
	margin-top: 12px;
}

.data-content .item .box .pic img{
	width: 100%;
}




.pb-carouselWarp .pb-carousel {
	height: 320px;
}

/*banner翻页圆点*/

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


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

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

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

.pc{
	display: none;
}

.phone{
	display: block;
}


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

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

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

/* banner end */




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

.index-product-menu ul li{
	float: left;
	width: 25%;
	margin: 8px 0;
}

.index-product-menu ul li:nth-child(4n+4):after{
	display: none;
}

.index-product-menu ul li img{
	height: 28px;
}

.index-product-menu ul li h2{
	font-size: 12px;
	margin-top: 8px;
	max-height: 28px;
	padding: 0 0%;
}



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

.index-product .swiper-slide a {
	line-height: initial;
}

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

.index-product .swiper-slide .info .title span{
	height: 24px;
	line-height: 22px;
	padding: 0 8px;
	border-radius: 3px;
	font-size: 12px;
}

.index-product .swiper-slide .info .title h2{
	font-size: 28px;
	max-height: 36px;
	line-height: 36px;
	margin-top: 12px;
	-webkit-line-clamp: 1;
	padding-top: 0;
}

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

.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;
	display: none;
}

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

.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: 100%;
	margin-top: 32px;
}



.turning-prompt{
	position: absolute;
	bottom: initial;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: initial;
	border-top: initial;
	height: 24px;
}

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

.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: 24px;
	height: 24px;
}
.index-product .swiper-button-prev {
	background: url(../images/index_pro_left.png) center center no-repeat;
	background-size: 100% 100%;
	left: initial;
	right: 38px;
}

.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: 56px 0 56px;
}

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

.index-home .title p{
	font-size: 14px;
	margin-top: 8px;
}

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

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





.index-video{
	height: 400px;
}

.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: 20px;
	top: 20px;
	width: 30px;
	height: 36px;
}



.index-news{
	padding: 56px 0 64px;
}

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

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

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

.tabs{ 
	margin-top: 34px;
}
.tabs a{
	font-size:14px;
	margin-left: 16px;
}


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


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


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

.not-left img{
	width: 100%;
}

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

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

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



.news-right{
	width: 100%;
	float: right;
	padding-top: 24px;
}

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

.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;
	font-weight: initial;
}

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

.news-right .item p{
	display: none;
}







/*产品参数*/

.product-para-banner {
	height: auto;
	background: #007983;
}

.product-para-banner .container{
	top:initial;
	left: initial;
	width: initial;
	padding: 60px 0;
	transform: initial;
	position: initial;
}

.product-para-banner .para-bg{
	display: none;
}

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

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

.para-text span{
	padding: 0 16px;
	height: 24px;
	line-height: 22px;
	font-size: 12px;
}

.para-text h2{
	font-size: 26px;
	margin-top: 16px;
}

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

.para-text ul li{
	font-size: 14px;
	line-height: 28px;
}


.para-right{
	display: none;
}

.para-right img{
	height: 480px;
	max-width: initial;
}



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

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

.parameter .title span{
	font-size: 12px;
	margin-top: 4px;
}

.parameter .prompt{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.parameter-item{
	overflow-y: auto;
}

.parameter-item .box{
	width: 1200px;
}

.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: 14px;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	padding: 0 16px;
	margin-bottom: 12px;
}


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

.solut-list .item{
	float: left;
	width: 100%;
	float: left;
	margin-left: 0;
	margin-top: 24px;
}

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

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

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

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


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

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

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

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

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






/*解决方案内容页*/

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

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

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

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

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

.solutpage-banner .icon ul li{
	float: left;
	width: 50%;
	margin-top: 30px;
}

.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:nth-child(2n+1) .box{
	border-left: initial;
}

.solutpage-banner .icon ul li img{
	height: 40px;
}

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



.status-quo{
	padding: 56px 0 64px;
}

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

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


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

.status-con .item{
	margin-top: 12px;
	width: 100%;
	margin-left: 0%;
	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;
}

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


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

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

.status-con .item .text i{
	height: 2px;
	width: 16px;
	margin-top: 12px;
}

.status-con .item .text p{
	font-size: 12px;
	line-height: 20px;
	margin-top: 12px;
}

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




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

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

.solut-fa-item .text{
	float: left;
	width: 100%;
	height: 100%;
	position: initial;
	left: initial;
	background: #F8F8F8;
}

.solut-fa-item .text .box{
	padding: 24px;
}

.solut-fa-item .title i img{
	height: 32px;
}

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

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

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

.solut-fa-item .des p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
}

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


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


.solut-fa-item.right .text{
	float: right;
	width: 100%;
	right: 0%;
	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: 48px;
}

.solut-funct .title h2{
	font-size: 24px;
	line-height: 36px;
}

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

.solut-funct .title p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px;
}


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



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

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


.solut-ser-item{
	padding: 40px 0 56px;
}

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

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

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

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

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

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


.circuit{
	padding-top: 56px;
}

.circuit .pic{
	padding: 40px 0 56px;
}



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

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





/*视频列表*/

.video-content{
	padding: 56px 0 64px;
}

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

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

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

.video-menu ul li a{
	padding: 0 16px;
	height: 32px;
	line-height: 30px;
	border-radius: 3px;
	font-size: 14px;
}



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

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

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

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


.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: 14px;
	max-height: 30px;
	margin-top: 5px;
}






/*视频内容页*/

.video-page-content{
	padding: 64px 0 72px;
}

.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: auto;
}



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

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


.video-des-list .item{
	margin-top: 17px;
	padding-top: 17px;
	width: 100%;
	float: left;
	margin-left: 0%;
}

.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(2),.video-des-list .item:nth-child(3){
	margin-top: 17px;
	padding-top: 17px;
	border-top: 1px solid #dddddd;
}

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

.video-des-list .item:nth-child(2n+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: 16px;
	line-height: 26px;
	max-height: 52px;
	-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: 56px 0 56px;
}

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

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

.honor-menu ul li a{
	padding: 0 10px;
	font-size: 12px;
	height: 28px;
	line-height: 26px;
}



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

.honor-list a{
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-top: 24px;
}

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

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

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

.honor-list a:nth-child(3n+1){
	margin-left: 2%;
	clear: initial;
}

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


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



/*发展历程*/


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

#timeline {
	width: 450px;
	height: 640px;
	margin: 0 auto;
}
	
#dates{
	width: 100%;
	bottom: 22px;
}

#dates li {
	float: left;
	width: 72px;
	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: -5.5px;
}

			
		
#issues {
	width: 450px;
}	

#issues li {
	width: 450px;
	height: 600px;
	float: left;
}
		

#issues li .tp {
	float: left;
	width: 100%;
	margin-left: 0;
	text-align: center;
}


#issues li .tp img {
	border: initial;
}


#issues li .text {
	float: left;
	width: 100%;
	padding-left: 0;
	text-align: center;
	margin-top: 24px;
}

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

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

#issues li .chara p{
	font-size: 14px;
	line-height: 28px;
	padding-left: 0;
	margin-top: 4px;
}

#issues li .chara b{
	font-size: 14px;
	display: none;
}

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





/*创始人专栏*/

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

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

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

.f-title p{
	margin-top: 10px;
	padding-top: 10px;
	font-size: 14px;
	line-height: 24px;
}

.f-text{
	display: none;
	margin-top: 40px;
}

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



.resume{
	padding: 64px 0 64px;
}

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

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

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


.resume-list{
	width: 100%;
	float: right;
	margin-top: 32px;
}

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

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

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

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

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



.social{
	padding: 64px 0;
}


.social-list{
	width: 100%;
	float: right;
	margin-top: 40px;
}

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

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




.column{
	padding: 64px 0 64px;
}

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

.found-eng{
	display: none;
}

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






/*售后支持*/

.after-conter{
	padding: 56px 0 56px;
}

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

.after-title p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px;
}


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

.serch-con .s-item{
	width: 49%;
	height: 250px;
	margin-left: 2%;
	float: left;
	margin-top: 10px;
}

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

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

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

.serch-con .s-item .box img{
	height: 44px;
}

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

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

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



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


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

.hot-line .h-title h2{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 16px;
}

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

.hot-line .h-title p{
	font-size: 14px;
	line-height: 28px;
}

.hot-line .h-text{
	float: right;
	width: 100%;
	margin-top: 16px;
}

.hot-line .h-text p{
	font-size: 14px;
	line-height: 26px;
}

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

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

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



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


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

.team-service .item .text{
	width: 100%;
	float: left;
	position: initial;
	left: initial;
}

.team-service .item .text .box{
	padding: 24px;
}

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

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

.team-service .item .text p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 16px;
}

.team-service .item .text ul {
	margin-top: 16px;
	font-size: 12px;
	line-height: 22px;
}



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


.team-service .item.ts{
	margin-top: 20px;
}

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

.team-service .item.ts .text .box{
	padding: 24px;
}

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





/*企业文化*/

.culture{
	padding: 56px 0 56px;
}

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

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


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

.cult-con .item{
	width: 49%;
	margin-left: 2%;
	float: left;
	margin-top: 12px;
}

.cult-con .item:nth-child(3n+1){
	margin-left: 2%;
	clear: initial;
}

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

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

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

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

.cult-con .item:before{
	opacity: .6;
}

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

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

.cult-con .item.i-bg-3:before{
	width: 105px;
	height: 100px;
	margin-top: 20px;
	margin-right: -16px;
}

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

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



.wisdom{
	padding: 56px 0 64px;
}

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

.wisdom-con ul li{
	float: left;
	width: 100%;
	margin-left: 0;
	margin-bottom: 24px;
	padding-bottom: 24px;
}

.wisdom-con ul li:nth-child(3){
	margin-bottom: 24px;
}

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

.wisdom-con ul li p{
	font-size: 16px;
	line-height: 32px;
	height: auto;
	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: 56px 0 56px;
}

.cult-mp4-con{
	margin-top: 40px;
	display: block;
}

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

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

.cult-mp4-con .text{
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	padding-bottom: 32px;
	margin-top: 32;
}

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


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





/*联系我们*/
.contact{
	padding: 56px 0 56px;
	background: #F8F8F8;
}

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

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

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

.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: 56px 0;
}

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

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


.conmess{
	width: 100%;
	margin: 40px auto 0 auto;
}

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

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

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


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


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



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

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





/*加盟*/

.join_banner{
	height: 56vh;
}

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

.join_banner .slogan h3{
	font-size: 18px;
	height: 26px;
	line-height: 24px;
	padding-right: 6px;
}

.join_banner .slogan h3 span{
	height: 26px;
	line-height: 24px;
	padding: 0 6px;
}

.join_banner .slogan p{
	font-size: 12px;
	letter-spacing: 0px;
	margin-top: 10px;
	display: none;
}



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

.join_banner .title h2{
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0px;
}

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



.prospect{
	padding: 56px 0 56px;
}

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

.join-title p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 6px;
	
}



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

.prospect-con .item{
	float: left;
	margin-left: 2%;
	width: 49%;
	padding: 40px 0;
	margin-top: 14px;
}

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

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


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

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

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


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

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



.join-honor{
	height: 420px;
	position: relative;
}

.join-honor:before{
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	content: "";
	background: rgba(0,120,130,.5);
	z-index: 1;
}

.join-honor .container{
	position: relative;
	z-index: 2;
}


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

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

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

.join-honor .jh-list{
	padding-top: 24px;
	width: 100%;
}

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

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

.join-honor .jh-list ul li p{
	font-size: 14px;
	letter-spacing: 0;
}



.join-plant{
	padding: 56px 0 56px;
}

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

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



.slide-info h3{
	top: 24px;
	left: 24px;
	font-size: 14px;
	
}

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

.prev2{
	left: 16px;
}

.next2{
	right: 16px;
}

/*翻页圆点*/

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

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

.slide-main .item1 a.cur {
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	padding: 0 6px;
	border-radius: 12px;
	bottom: -9px;
}

/* end */



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


.vr-con{
	top: 48px;
}

.vr-con h2{
	font-size: 24px;
	margin-bottom: 8px;
}

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

.vr-con a:after{
	top: 3px;
	right: -18px;
	width: 12px;
	height: 12px;
}


.join-com-vr{
	width: 100%;
	float: right;
	margin-top: 16px;
}

.join-com-vr .vr-con a:after{
	top: 3px;
	right: -18px;
	width: 12px;
	height: 12px;
}



.join-policy{
	padding: 56px 0 56px;
}

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

.join-policy-list .item{
	margin-top: 16px;
	float: left;
	width: 100%;
	margin-left: 0;
	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: 12px;
	line-height: 20px;
	margin-top: 10px;
}


.join-store{
	padding: 56px 0 56px;
}

.join-store .join-title p span{
	display: inline;
}


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



.guarantee{
	padding-top: 56px;
}

.guarantee_list{
	padding: 40px 0 56px;
}

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

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

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




.join-adv{
	padding: 56px 0 56px;
}

.join-adv .join-title em{
	font-size: 12px;
	margin-top: 6px;
}


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

.join-adv-list .item{
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-top: 12px;
}

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

.join-adv-list .item:nth-child(3n+1){
	margin-left: 2%;
}

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


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

.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: 56px;
	padding-bottom: 56px;
	width: 100%;
	float: left;
}

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

.join-message .title p{ 
	font-size: 14px;
	line-height: 24px;
	margin-top: 12px;
	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: 14px;
	height: 44px;
}


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

.joinmess textarea{
	font-size: 14px;
	line-height: 24px;
	height: 86px;
}



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

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


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






/*服务中心*/

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

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

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


.ser-war-con{
	margin-top: 40px;
	height: 680px;
	background: url(../images/warranty_tp_phone.jpg) center center no-repeat;
	background-size: cover;
}

.ser-war-con .text{
	width: 100%;
	height: auto;
	float: right;
	padding-top: 40px;
}

.ser-war-con .text .box{
	padding: 0 0px 0 0;
	text-align: center;
}

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

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


.ser-war-con .chara{
	margin-top: 32px;
	width:90%;
	padding: 0 5%;
}

.ser-war-con .chara ul{
	display: block;
	justify-content: initial;
	
}

.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: 33.33%;
}

.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: 56px 0 64px;
}


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

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

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

.ser-cult-con .text{
	width: 100%;
	float: right;
	margin-top: 10px;
}

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

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

.ser-cult-con .text ul li p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	letter-spacing: 2px;
}



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

.ser-chara ul li{
	width: 33.33%;
	float: left;
	margin-top: 30px;
}

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

.ser-chara ul li:nth-child(3N+1):before{
	display: none;
}

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

.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: 14px;
	line-height: 24px;
	margin-top: 6px;
}



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

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

.ser-tel .title p{
	font-size: 14px;
	margin-left: 10px;
	width: 40px;
}

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



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

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

.ser-sys-con .chara{
	float: left;
	width: 100%;
	padding-left: 0%;
}

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

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

.ser-sys-con .chara ul li em{
	font-size: 48px;
	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: 14px;
}



.ser-sys-con .text{
	float: right;
	width: 100%;
	margin-top: 48px;
}

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

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



.ser-dot{
	padding: 56px 0 48px;
}

.ser-dot-con .chara{
	position: initial;
	bottom: initial;
	width: 100%;
}

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

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

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

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

.ser-dot-con .chara ul li p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 0px;
	padding: 0 8%;
}




/*关于华天成*/

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

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

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

.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: 100%;
	display: block;
	margin-top: 32px;
}

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


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

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

.about-chara ul li{
	width: 50%;
	float: left;
	margin: 10px 0;
}

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

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

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

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


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

.brand-base .title{
	padding: 56px 0 32px;
}

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


.brand-base .title h2{
	font-size: 28px;
	margin-top: 5px;
}

.brand-base .title p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 18px;
	padding: 0 0%;
}



.gallery-cell {
  width: 75.7%;
  height: 360px;
  margin: 0 5px;
}

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

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


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

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

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

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

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

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

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

.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: 56px 0 56px;
}

.brand-title{
	float: left;
	text-align: center;
	width: 100%;
}

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

.brand-title i{
	width: 28px;
	height: 3px;
	margin-top: 20px;
}

.brand-lab .text{
	float: right;
	width: 100%;
	margin-top: 16px;
	text-align: center;
}

.brand-lab .text p{
	font-size: 14px;
	line-height: 24px;
}

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

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

.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: 10px 0;
	font-size: 12px;
	letter-spacing: 0;
}



.brand-amp{
	padding: 56px 0 40px;
}

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


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




.brand-honor{
	height: 620px;
}

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


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

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

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

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