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

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

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

.logo h1 img{
	height: 48px;
}

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


.tel-search{
	margin-left: 0px;
}

.tel-search:before{
	display: none;
}


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

.tel-icon{
	width: 26px;
	height: 26px;
	bottom: -3.5px;
	margin-right: 12px;
}




/*??????*/

.menu-box{
	float: right;
	width: 60%;
	display: initial;
}


/*??????*/

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: 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: #00837e;
	}
	
	.head-tran:hover .header #starlist ul.sub li:first-child{
		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: #00837e;
	}
	
	.head-tran.head-primary .header #starlist ul.sub li:first-child{
		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: #00837e;
	}
	
	.head-tran .header.fixed #starlist ul.sub li:first-child{
		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: 29px 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(img/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;
	}





.container{
	max-width: 90%;
}



/*??????*/

.foot-menu-des{
	padding: 72px 0;
}

.foot-menu{
	float: left;
	width: 64%;
}

.foot-menu ul li{
	float: left;
	width: 20%;
}

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

.foot-menu ul li ul{
	margin-top: 16px;
}

.foot-menu ul li ul li a{
	font-size: 14px;
	line-height: 32px;
}


.foot-des{
	float: right;
}

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

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


.foot-rwm{
	margin-top: 32px;
}

.foot-rwm ul li{
	float: right;
	margin-left: 26px;
}

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


.foot-copy-box{
	padding: 20px 0 20px;
}

.foot-copy{
	font-size: 12px;
	float: left;
}

.foot-copy a{
	font-size: 12px;
}


.foot-spt{
	font-size: 12px;
	float: right;
}

.foot-spt a{
	font-size: 12px;
}


.link{
	margin-top: -8px;
	padding-bottom: 24px;
	font-size: 12px;
	line-height: 20px;
}

.link a{
	font-size: 12px;
	margin-right: 10px;
}




/*??????*/

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

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

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


.list-menu{
	height: 79px;
}

.list-cru{
	line-height: 79px;
	float: right;
}

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

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

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


.submenu{
	float: left;
}

.submenu ul li{
	margin-left: 40px;
	line-height: 79px;
}

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

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



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

.case-important .item:first-child{
	margin-top: 0px;
}

.case-important .item{
	margin-top: 32px;
}

.case-important .item .pic{
	width: 66%;
	height: 380px;
	float: left;
}

.case-important .item .pic img{
	width: 100%;
	max-width: initial;
}

.case-important .item .textbox{
	width: 34%;
	float: right;
	text-align: left;
}

.case-important .item .textbox .box{
	padding: 40px 32px;
}

.case-important .item .textbox .title span{
	font-size: 12px;
	padding: 0 6px;
	height: 22px;
	line-height: 20px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.case-important .item .textbox .title h2{
	font-size: 22px;
	line-height: 32px;
	max-height: 64px;
	-webkit-line-clamp: 2;
	margin-top: 12px;
}


.case-important .item .textbox .text p{
	font-size: 12px;
	line-height: 24px;
	max-height: 48px;
	-webkit-line-clamp: 2;
	margin-top: 16px;
}

.case-important .item .des-but{
	position: absolute;
	bottom: 40px;
}

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


.des-icon{
	width: 7px;
	height: 10px;
	background-size: 100% 100%;
	bottom: -1px;
	margin-left: 1px;
}

a:hover .des-icon{
	background-size: 100% 100%;
}



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

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

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

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

.case-list-box .item .type{
	right: 20px;
	top: 20px;
	font-size: 12px;
	padding: 0 6px;
	height: 22px;
	line-height: 20px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.case-list-box .item .title h2{
	font-size: 14px;
	margin: 12px 0 6px;
}


.increase-more{
	font-size: 12px;
	height: 34px;
	line-height: 32px;
	padding: 0 16px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
}





.page-cru{
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #eeeeee;
}

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

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



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

.ProductExhibition {
	padding: 0 10px;
}

.ProductExhibition .Exhibition_num .Exhibition_item {
	margin: 10px 0;
}

.ProductExhibition .Exhibition_num .Exhibition_item img {
	width: 137px;
	height: 88px;
}


.ProductExhibition_box,
.ProductExhibition_box .Exhibition_Img,
.ProductExhibition_box .Exhibition_Img img {
	height: 500px;
	max-width: initial;
}




.ProductExhibition_wrap {
	height: 500px;
	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;
}

.ProductExhibition_box img {
	height: auto;
	
}

.icon_LImg,
.icon_RImg {
	display: none;
}



.case-page-text{
	width: 34%;
	float: right;
}

.case-page-text .box{
	padding: 24px 24px;
}

.case-page-text .title h2{
	font-size: 18px;
	line-height: 28px;
}

.case-page-text .title h2 span{
	font-size: 12px;
	height: 20px;
	line-height: 18px;
	padding: 0 6px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	top: -3px;
	margin-right: 6px;
}

.case-page-text .title p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 4px;
}


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

.case-page-text .chara ul li{
	width: 100%;
	padding: 12px 0;
	font-size: 12px;
}

.case-page-text .chara ul li p{
	font-size: 12px;
}

.case-page-text .chara ul li span{
	font-size: 12px;
	margin-right: 16px;
}

.case-page-text .chara ul li i{
	font-size: 12px;
	margin-right: 8px;
	padding: 0 6px;
	height: 20px;
	line-height: 20px;
}


.case-page-text .description{
	padding-top: 20px;
	line-height: 22px;
}

.case-page-text .description b{
	font-size: 14px;
}

.case-page-text .description p{
	font-size: 12px;
}

.case-page-text .button{
	margin-top: 48px;
}

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


.acquire{
	margin-right: 4px;
}




.case-content{
	margin-top: 64px;
}

.case-content-box{
	padding: 50px;
	font-size: 16px;
	line-height: 32px;
}

.case-paging{
	padding: 56px 0 80px;
}

.case-paging a{
	width: 22px;
	height: 22px;
	margin: 0 12px;
}



.case-recommend{
	padding: 80px 0 96px;
}

.case-recommend .rectitle h2{
	font-size: 32px;
	float: left;
}

.case-recommend .rectitle .more{
	font-size: 12px;
	float: right;
	height: 32px;
	line-height: 30px;
	padding: 0 16px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	margin-top: 4px;
}

.case-list-box.case-rec-list {
	padding: 16px 0 0 0;
}

.case-list-box.case-rec-list .item .box{
	border: 1px solid #eee;
	padding: 11px;
}





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




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

.news-rec{
	margin-bottom: 56px;
}

.news-rec .item{
	float: left;
	width: 30.93%;
	margin-left: 3.6%;
}

.news-rec .item .pic{
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

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

.news-rec .item .text:after{
	top: 6px;
	width: 12px;
	height: 12px;
}

.news-rec .item .text span{
	font-size: 12px;
}

.news-rec .item .text h2{
	font-size: 18px;
	line-height: 30px;
	max-height: 30px;
	-webkit-line-clamp: 1;
	margin-top: 4px;
}


.news-rec .item .text p{
	font-size: 12px;
	line-height: 24px;
	max-height: 48px;
	-webkit-line-clamp: 2;
	margin-top: 12px;
}




.news-list{
	padding-top: 64px;
	border-top: 2px solid #000;
}

.news-list .item{
	padding-top: 28px;
	margin-top: 28px;
}

.news-list .item:last-child{
	padding-bottom: 64px;
	margin-bottom: 40px;
}

.news-list .item .pic{
	width: 30.93%;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.news-list .item .text{
	width: 65.46%;
	float: right;
	margin-top: 0px;
}

.news-list .item .text:after{
	top: 6px;
	width: 16px;
	height: 16px;
}

.news-list .item .text h2{
	font-size: 22px;
	line-height: 32px;
	max-height: 32px;
	-webkit-line-clamp: 1;
	width: 72%;
}

.news-list .item .text i{
	width: 24px;
	height: 3px;
	margin-top: 18px;
}

.news-list .item .text p{
	font-size: 14px;
	line-height: 28px;
	max-height: 56px;
	-webkit-line-clamp: 2;
	margin-top: 24px;
}

.news-list .item .text span{
	font-size: 12px;
	margin-top: 34px;
}




.news-page-content{
	padding: 80px 0 80px;
}

.news-page-content .container{
	max-width: 90%;
}

.case-recommend .news-rec{
	margin-top: 36px;
}




/*??????*/

.brand-menu{
	top: -36px;
}

.brand-menu ul li{
	width: 16.66%;
}

.brand-menu ul li a{
	font-size: 16px;
	height: 72px;
	line-height: 72px;
}

.brand-menu ul li a:after{
	height: 2px;
}


.honor-content:before{
	top: -72px;
	height: 72px;
}

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


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

.honor-menu ul li a{
	padding: 0 14px;
	font-size: 14px;
	height: 32px;
	line-height: 30px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}



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




.data-content:before,.video-content:before{
	top: -72px;
	height: 72px;
}

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

.data-content .container,.video-content .container{
	padding-bottom: 32px;
}

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






.video-left{
	width: 49.18%;
	float: left;
}

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

.video-left .text{
	width: 94%;
	padding: 15px 3%;
}

.video-left .text h2{
	font-size: 20px;
	max-height: 30px;
}

.video-left .text p{
	margin-top: 8px;
}

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


.video-right{
	width: 49.18%;
	float: right;
}

.video-right .item{
	width: 48.4%;
	float: left;
	margin-left: 3.2%;
	margin-top: 16px;
}

.video-right .item:nth-child(1),.video-right .item:nth-child(2){
	margin-top: 0;
}

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

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


.video-right .text{
	width: 92%;
	padding: 10px 4%;
}

.video-right .text h2{
	font-size: 16px;
	max-height: 30px;
}

.video-right .text p{
	margin-top: 4px;
}

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




.video-list{
	padding-top: 40px;
	margin-top: 40px;
}


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






/*??????*/

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

.search_input{
	width: 100%;
	padding: 0 14% 0 2%;
	height: 64px;
	font-size: 16px;
}

.search_button{
	top: 8px;
	right: 12px;
	width: 140px;
	height: 48px;
	font-size: 16px;
}

.hot-search{
	font-size: 14px;
	margin-top: 18px;
}

.hot-search a{
	font-size: 14px;
	margin-right: 10px;
}




.product-content{
	padding-bottom: 80px;
}


.prod-menu{
	top: -56px;
}

.prod-menu ul{
	padding: 32px 2.6%;
}

.prod-menu ul li{
	float: left;
	margin: 0 2.8%;
}

.prod-menu ul li img{
	height: 48px;
}

.prod-menu ul li p{
	font-size: 16px;
	margin-top: 14px;
}





.product-module-box{
	margin-top: 36px;
}

.product-module{
	padding-top: 104px;
}

.product-module-title{
	padding-bottom: 32px;
}

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

.product-module-title .more{
	font-size: 14px;
	height: 34px;
	line-height: 32px;
	padding: 0 18px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	margin-top: 6px;
}




.product-module-content{
	margin-top: 72px;
	width: 101.4%;
	margin-left: -8px;
}


.swiper-slide {
	width: 33.33%;
}

.swiper-slide a.ellipsis{
	padding: 28px 20px 20px 20px;
	margin: 0 8px;
}


.swiper-button-next,
.swiper-button-prev {
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -12px;
}


.swiper-button-prev {
	left: -40px;
}

.swiper-button-next{
	right: -40px;
}


.swiper-slide .series{
	top: 14px;
	left: 14px;
	font-size: 12px;
	height: 24px;
	padding: 0 6px;
	line-height: 22px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.swiper-slide .label{
	position: absolute;
	top: 14px;
	right: -36px;
	width: 125px;
	height: 26px;
	line-height: 24px;
	font-size: 12px;
}

.swiper-slide .pic{
	padding: 8px;
}

.swiper-slide .text{
	height: 46px;
	margin: 12px 0 32px 0;
}

.swiper-slide:hover .text{
	height: 88px;
	margin: 0px 0 2px 0;
}

.swiper-slide .text h2{
	font-size: 18px;
	max-height: 30px;
}

.swiper-slide .text p{
	font-size: 14px;
	max-height: 26px;
	margin-top: 6px;
}

.swiper-slide .text span{
	font-size: 14px;
	margin-top: 14px;
}






/*????????????*/
.prod-list-menu ul li{
	height: 72px;
	line-height: 72px;
	margin-right: 32px;
}


.prod-list-menu ul li p{
	font-size: 16px;
	margin-left: 10px;
}

.prod-list-menu ul li i{
	padding-top: 26px;
}

.prod-list-menu ul li img{
	height: 19px;
}




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

.prod-list-box .container{
	padding-bottom: 36px;
}

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

.prod-list-title ul{
	margin-top: 48px;
}

.prod-list-title ul li{
	margin: 0 8px;
}

.prod-list-title ul li a{
	font-size: 16px;
	height: 36px;
	line-height: 34px;
	padding: 0 18px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}



.prod-list-content{
	margin-top: 56px;
}

.prod-list-content .swiper-slide{
	float: left;
	margin-left: 1.5%;
	width: 32.33%;
	margin-bottom: 20px;
}

.prod-list-content .swiper-slide:nth-child(4n+1){
	margin-left: 1.5%;
	clear: initial;
}

.prod-list-content .swiper-slide:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}


.prod-list-content .swiper-slide a.ellipsis{
	margin: 0;
	padding: 28px 20px 20px 20px;
}


.prod-list-content .swiper-slide .pic{
	padding: 0;
}

.prod-list-content .swiper-slide .text{
	height: 50px;
	margin: 16px 0 24px 0;
}

.prod-list-content .swiper-slide:hover .text{
	height: 88px;
	margin: 0px 0 0px 0;
}

.prod-list-content .swiper-slide .text h2{
	font-size: 18px;
	max-height: 36px;
}

.prod-list-content .swiper-slide .text p{
	font-size: 14px;
	max-height: 24px;
	margin-top: 8px;
}

.prod-list-content .swiper-slide .text span{
	font-size: 14px;
	margin-top: 18px;
}




/*???????????????*/

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

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

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


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

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

a.consultation{
	padding: 4px 16px 7px 16px;
	border-radius: 3px;
	margin-left: 16px;
	font-size: 12px;
}


.prod-par-function{
	padding: 120px 0;
}

.prod-par-function .text{
	width: 44%;
	padding-left: 0;
	float: left;
	padding-top: 0;
}

.prod-par-function .text .title h2{
	font-size: 36px;
	line-height: 48px;
}

.prod-par-function .text .function{
	margin-top: 24px;
}

.prod-par-function .text .function p{
	font-size: 16px;
	line-height: 36px;
}

.prod-par-function .pic{
	width: 50%;
}



.prod-dim-par{
	padding: 104px 0;
}

.prod-dim .title{
	width: 44%;
	padding-left: 0;
	float: left;
}

.prod-dim .title h2{
	font-size: 30px;
}

.prod-dim .title p{
	font-size: 18px;
	margin-top: 48px;
}

.prod-dim .pic{
	width: 50%;
}


.prod-par-des{
	margin-top: 104px;
}


.prod-par-des table{
	font-size: 18px;
}

.prod-par-des .title td{
    padding: 8px 1%;
}

.prod-par-des table td{
    height: 54px;
    font-size: 16px;
}




.prod-pos .container{
	width: 90%;
}

.prod-pos{
	width: 100%;
	overflow: hidden;
}

.prod-pos .product-page-banner-pic img{
	height: 700px;
	max-width: initial;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.product-page-banner .text{
	padding-top: 140px;
}

.product-page-banner .text h3{
	font-size: 24px;
	letter-spacing: 2px;
}

.product-page-banner .text h2{
	font-size: 40px;
	line-height: 56px;
	letter-spacing: 2px;
	margin-top: 24px;
	width: 340px;
}

.product-page-banner .text ul{
	padding-top: 32px;
	
}

.product-page-banner .text ul li{
	margin-top: 40px;
	margin-left: 48px;
	padding-left: 48px;
	border-left: 1px solid rgba(255,255,255,.1);
}

.product-page-banner .text ul li:nth-child(3n+1){
	clear: both;
	margin-left: 0;
	padding-left: 0;
	border-left: initial;
}

.product-page-banner .text ul li p{
	font-size: 18px;
	margin-top: 16px;
}




.prod-page-title.white{
	padding-top: 80px;
}

.prod-page-title.white h2{
	font-size: 32px;
	letter-spacing: 3px;
}

.prod-page-title.white p{
	font-size: 16px;
	margin-top: 14px;
	letter-spacing: 1.2px;
}

.prod-page-title{
	padding-top: 80px;
}

.prod-page-title h2{
	font-size: 32px;
	letter-spacing: 3px;
}

.prod-page-title p{
	font-size: 16px;
	margin-top: 14px;
	letter-spacing: 1.2px;
}


.pro-con {
	padding-bottom: 104px;
}

.pro-con .product-page-banner-pic{
	margin-top: 56px;
}




.case-recommend.bg .prod-list-content{
	margin-top: 48px;
}

.case-recommend.bg .prod-list-content .swiper-slide:last-child{
	display: none;
}





/*banner*/

.pc{
	height: 84vh;
}

.phone {
	display: none;
}

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



.prev2{
	left: 32px;
}

.next2{
	right: 32px;
}

/*banner????????????*/

.slide-main .item1 {
	bottom: 32px;
	left: 0;
}

.slide-main .item1 a {
	width: 32px;
	height: 3px;
	margin: 0 6px;
}



/* banner end */



.index-unite{
	padding: 12px 0;
}

.index-unite ul li{
	width: 16%;
	margin-left: .8%;
}

.index-unite ul li:first-child{
	margin-left: 0;
}

.index-unite ul li a{
	height: 100px;
}

.index-unite ul li img{
	height: 64px;
}

.index-unite ul li a .text{
	 border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.index-unite ul li a:hover{
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.index-unite ul li .text h2{
	font-size: 16px;
	padding-top: 28px;
}

.index-unite ul li .text p{
	font-size: 12px;
	margin-top: 6px;
}



.index-product-ser{
	padding: 88px 0 96px;
}

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

.i-prod-ser-title p{
	font-size: 12px;
	margin-top: 8px;
}


.i-prod-ser-box{
	margin-top: 32px;
}

.i-prod-item{
	position: relative;
	width: 49.2%;
	margin-left: 1.6%;
}

.i-prod-item:first-child{
	margin-left: 0;
}


.i-prod-item .prod-box .box{
	padding: 10px;
}

.i-prod-item .box .p-item{
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-bottom: 8px;
}

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

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

.i-prod-item .box .subtitle{
	height: 32px;
	line-height: 32px;
}

.i-prod-item .box .subtitle h3{
	font-size: 14px;
}

.i-prod-item .box .sublist{
	padding: 8px 6%;
}

.i-prod-item .sublist .p-pic{
	width: 34%;
	float: left;
	padding-top: 7px;
}

.i-prod-item .sublist .p-list{
	width: 58%;
	float: right;
}

.i-prod-item .sublist .p-list ul li {
	padding-right: 8px;
}

.i-prod-item .sublist .p-list ul li a:after{
	right: 0px;
	top: 13px;
	width: 6px;
	height: 1px;
}

.i-prod-item .sublist .p-list ul li a:before{
	right: 0px;
	top: 16px;
	width: 6px;
	height: 1px;
}

.i-prod-item .sublist .p-list ul li a{
	font-size: 12px;
	-webkit-line-clamp: 1;
	max-height: 28px;
	line-height: 28px;
}





.i-prod-item .pic .title h2{
	font-size: 24px;
}

.i-prod-item .pic .title p{
	font-size: 12px;
	margin-top: 8px;
	letter-spacing: 1px;
	height: 24px;
    line-height: 22px;
    padding: 0 12px;
    border-radius: 13px;
}

.i-prod-item .pic .title i{
	margin-top: 20px;
}

.i-prod-item .pic .title i:before{
	width: 11px;
	height: 1px;
	left: -5px;
}

.i-prod-item .pic .title i:after{
	width: 1px;
	height: 11px;
	left: 0px;
	top: -5px;
}






.index-product-hot{
	margin: 0 auto 136px auto;
}


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

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

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

.flickity-prev-next-button svg {
  position: absolute;
  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: 22px;
}

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

.flickity-page-dots {
  width: 100%;
  bottom: -40px;
}

.flickity-page-dots li.dot {
  width: 56px;
  height: 2px;
  margin: 0 8px;
}





/* demo galleries
------------------------- */

.gallery-cell {
  width: 89%;
  height: 72vh;
  margin: 0 6px;
}





.pro-hot-con{
	width: 26.6%;
}

.pro-hot-con .box{
	padding: 64px 10%;
}

.pro-hot-con .title h2{
	font-size: 32px;
}

.pro-hot-con .subtitle{
	margin-top: 32px;
}

.pro-hot-con .subtitle span{
	font-size: 12px;
	height: 22px;
	line-height: 20px;
	padding: 0 6px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.pro-hot-con .subtitle h3{
	font-size: 26px;
	max-height: 32px;
	margin-top: 14px;
}

.pro-hot-con .subtitle h4{
	font-size: 16px;
	max-height: 24px;
	margin-top: 10px;
}

.pro-hot-con .chara{
	margin-top: 16px;
}

.pro-hot-con .chara ul li{
	font-size: 12px;
	line-height: 40px;
}



.pro-hot-con .chara ul li i{
	margin-right: 14px;
}

.pro-hot-con .chara ul li i img{
	margin-top: 11px;
}

.pro-hot-con .view{
	margin-top: 32px;
}

.pro-hot-con .view a{
	font-size: 14px;
	line-height: 18px;
}

.pro-hot-con .view a svg{
	width: 10px;
	margin-bottom: -1px;
	margin-left: 8px;
}

.pro-hot-con .view a:hover svg{
	margin-left: 16px;
}


.pro-hot-pic{
	position: relative;
	width: 73.4%;
}






.index-scheme{
	padding: 88px 0;
}


/* tFocus ???????????? */
#tFocus{
	margin-top: 40px;
}

#tFocus .prev,#tFocus .next{
	top: 220px;
	width: 24px;
	height: 24px;
}

#tFocus .prev{
	left: -48px;
}

#tFocus .next{
	right: -48px;
}

#tFocus-pic{
	height: 420px;
}

#tFocus-pic .pic{
	float: left;
	width: 66.1%;
	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;
}

#tFocus-pic .pic img{
	max-width: initial;
	height: 420px;
}

#tFocus-pic .text{
	float: left;
	width: 33.9%;
}

#tFocus-pic .text .box{
	padding: 72px 48px 0 48px;
}

#tFocus-pic .text h2{
	font-size: 26px;
	-webkit-line-clamp: 1;
	max-height: 40px;
}

#tFocus-pic .text p{
	font-size: 14px;
	line-height: 26px;
	-webkit-line-clamp: 3;
	max-height: 78px;
	margin-top: 28px;
}

#tFocus-pic .text a{
	font-size: 14px;
	line-height: 24px;
	margin-top: 100px;
}

#tFocus-pic .text a:after{
	right: -16px;
	top: 9px;
	width: 8px;
	height: 1px;
}

#tFocus-pic .text a:before{
	right: -16px;
	top: 14px;
	width: 8px;
	height: 1px;
}

#tFocus-pic .text a:hover:after,#tFocus-pic .text a:hover:before{
	right: -24px;
}




#tFocus-btn{
	height:90px;
	margin-top: 20px;
}

#tFocus-btn ul{width:100000px;}
#tFocus-btn li{
	width:160px;
	height:90px;
	line-height: 90px;
	margin-right: 8px;
	 border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#tFocus-btn li h2{
	font-size: 14px;
}


.index-more{
	margin-top: 40px;
}

.index-more a{
	font-size: 14px;
	height: 38px;
	line-height: 36px;
	padding: 0 24px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}





.index-join{
	padding: 88px 0 96px;
}

.index-join .i-prod-ser-title p{
	font-size: 16px;
	margin-top: 12px;
}


.i-join-box{
	margin-top: 40px;
}


.i-join-left{
	width: 49.2%;
	height: 300px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	float: left;
}

.i-join-left .box{
	display: flex;
	justify-content: space-between;
	padding: 24px 24px;
}


.i-join-left .text{
	display: flex;
	align-items: center;
}

.i-join-left .text h3{
	font-size: 20px;
	line-height: 32px;
}

.i-join-left .pic{
	width: 56%;
}

.i-join-left .pic img{
	height: 220px;
	max-width: initial;
}


.i-join-right{
	float: right;
	width: 49.2%;
	height: 300px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.i-join-right .box{
	display: flex;
	justify-content: space-between;
	padding: 24px;
}


.i-join-right .text{
	display: flex;
	align-items: center;
}

.i-join-right .text h3{
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 20px;
}

.i-join-right .text h3 span{
	display: inline;
}

.i-join-right .text p{
	font-size: 14px;
	line-height: 24px;
}

.i-join-right .pic{
	padding-top: 20px;
	width: 66%;
}

.i-join-right .pic img{
	height: 220px;
	max-width: initial;
}



.i-join-chara{
	margin-top: 24px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.ijoin-chara-title{
	padding: 24px 0 0 24px;
}

.ijoin-chara-title h3{
	font-size: 20px;
}


.ijoin-chara-list{
	padding: 72px 0 72px;
}

.ijoin-chara-list ul li{
	width: 25%;
	float: left;
	text-align: center;
}

.ijoin-chara-list ul li i{
	font-size: 36px;
}

.ijoin-chara-list ul li i span{
	font-size: 28px;
}

.ijoin-chara-list ul li p{
	font-size: 16px;
	margin-top: 2px;
}





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

.index-news-title .i-prod-ser-title{
	float: left;
}

.news-tab{
	float: right;
	width: 50%;
	display: flex;
	justify-content: flex-end;
}

.tabs{ 
	line-height: 40px;
}

.tabs a{
	display: inline-block;
	font-size:16px;
	margin-right: 40px;
}


.news-more a{
	font-size: 14px;
	height: 38px;
	line-height: 36px;
	padding: 0 23px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


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

.not-left{
	width: 50%;
	border-top-right-radius: 18px;
	border-bottom-left-radius: 18px;
}

.not-left .time{
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 8px 8px;
}

.not-left .time i{
	display: block;
	font-size: 36px;
	line-height: 36px;
}

.not-left .time span{
	font-size: 12px;
	transform: scale(.88);
	margin-left: -3px;
	display: block;
}

.not-left .tp {
	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;
	height: 380px;
}

.not-left .tp img{
	height: 380px;
	max-width: initial;
}

.not-left .text {
	padding: 28px;
}

.not-left .text h2{
	font-size: 18px;
	line-height: 30px;
	max-height: 30px;
	-webkit-line-clamp: 1;
	padding-right: 28px;
}

.not-left .text h2:before{
	top: 8px;
	width: 16px;
	height: 16px;
}

.not-left .text p{
	font-size: 14px;
	line-height: 28px;
	max-height: 28px;
	-webkit-line-clamp: 1;
	margin-top: 8px;
}





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

.news-right .item{
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid #eee;
}

.news-right .item:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: initial;
}

.news-right .pic{
	width: 39%;
	height: 136px;
	float: left;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


.news-right .pic img{
	max-width: initial;
	height: 136px;
}

.news-right .text{
	width: 56%;
}

.news-right .text h2{
	font-size: 18px;
	line-height: 30px;
	max-height: 30px;
	-webkit-line-clamp: 1;
	margin-top: 0px;
}

.news-right .text span{
	font-size: 12px;
	margin-top: 4px;
}

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

.news-right .text a{
	font-size: 12px;
	line-height: 22px;
	margin-top: 8px;
}

.news-right .text a:after{
	right: -14px;
	top: 10px;
	width: 8px;
	height: 1px;
}

.news-right .text a:before{
	right: -14px;
	top: 15px;
	width: 8px;
	height: 1px;
}

.news-right .text a:hover:after,.news-right .text a:hover:before{
	right: -20px;
}






/*????????????*/

.solution-list-content{
	padding: 104px 0;
}

.solution-list-content .item{
	width: 32.26%;
	margin-left: 1.6%;
	border-top-right-radius: 32px;
	border-bottom-left-radius: 32px;
}

.solution-list-content .item:first-child{
	margin-left: 0;
}

.solution-list-content .item .box{
	padding: 0px 30px;
}


.solution-list-content .solu-title{
	padding-top: 48px;
}

.solution-list-content .solu-title h2{
	font-size: 22px;
	line-height: 34px;
}

.solution-list-content .solu-title p{
	font-size: 14px;
	line-height: 20px;
	max-height: 24px;
	margin-top: 6px;
}

.solution-list-content .solu-list{
	padding: 64px 0 80px;
}

.solution-list-content .solu-list ul li {
	margin-top: 28px;
	padding-top: 28px;
}

.solution-list-content .solu-list ul li .icon{
	height: 79px;
	width: 79px;
}

.solution-list-content .solu-list ul li .icon img{
	height: 32px;
}

.solution-list-content .solu-list ul li h3{
	width: 114px;
	margin-left: 30px;
	font-size: 18px;
	max-height: 30px;
}





.solution-banner{
	height: 88vh;
}

.solution-banner .container{
	background: url(img/solution_page_banner_icon.png) center center no-repeat;
	background-size: auto 400px;
}


.solution-banner .container h2{
	font-size: 40px;
	letter-spacing: 4px;
}




.solution-function{
	padding: 28px 0;
}

.solution-function ul li{
	width: 18%;
	padding: 0 1%;
}

.solution-function ul li:first-child:before{
	display: none;
}

.solution-function ul li img{
	height: 44px;
}

.solution-function ul li h3{
	font-size: 18px;
	line-height: 24px;
	margin-top: 12px;
}

.solution-function ul li p{
	font-size: 14px;
	line-height: 22px;
	margin-top: 6px;
}



.solution-description {
	height: 680px;
	overflow: hidden;
}

.solution-description .container{
	width: 80%;
}

.solution-description .text{
	padding-top: 96px;
}

.solution-description .text h2{
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 10px;
}

.solution-description .text h2 span{
	display: block;
}

.solution-description .text em{
	font-size: 14px;
	letter-spacing: 1px;
}

.solution-description .text p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 28px;
}

.solution-description .text p span{
	display: inline;
}

.solut-des-pic img{
	max-width: initial;
	position: absolute;
	left: 50%;
	top: 0;
	height: 680px;
	transform: translateX(-50%);
	z-index: 1;
}




.solution-principle{
	padding: 104px 0;
}

.solution-principle .text{
	float: left;
	width: 50%;
}

.solution-principle .text .box{
	padding-right: 15.86%;
}

.solution-principle .text em{
	font-size: 14px;
	line-height: 22px;
}

.solution-principle .text em span{
	display: block;
}

.solution-principle .text h2{
	font-size: 32px;
	line-height: 44px;
	margin-top: 12px;
}

.solution-principle .text h2 span{
	display: block;
}

.solution-principle .text p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 48px;
}

.solution-principle .pic{
	float: right;
	width: 49.2%;
	margin-left: .8%;
}




.solution-advantage{
	padding: 96px 0 104px;
}

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

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


.solut-adv{
	padding-top: 28px;
}

.solut-adv .item{
	width: 49.2%;
	margin-left: 1.6%;
	margin-top: 24px;
}

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

.solut-adv .item .box{
	padding: 40px 40px;
}

.solut-adv .item .icon{
	width: 96px;
	height: 96px;
	float: initial;
	margin: 0 auto;
}

.solut-adv .item .text{
	width: 100%;
	padding-top: 20px;
	text-align: center;
}

.solut-adv .item .text h2{
	font-size: 18px;
}

.solut-adv .item .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 12px;
	text-align: justify;
}




.solution-select{
	padding: 96px 0 104px;
}

.solut-select-list{
	padding-top: 24px;
}

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

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

.solut-select-list .item .box{
	padding: 10px;
}

.solut-select-list .item .pic{
	width: 40%;
	float: right;
	text-align: right;
}

.solut-select-list .item .text{
	width: 56%;
	padding-left: 2%;
	float: left;
	padding-top: 10px;
}

.solut-select-list .item .text h3{
	font-size: 16px;
	height: 32px;
	line-height: 30px;
	padding: 0 12px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.solut-select-list .item .text ul{
	margin-top: 10px;
}

.solut-select-list .item .text ul li{
	line-height: 28px;
	font-size: 12px;
}



.solution-submit{
	padding: 104px 0;
}

.solution-submit .text{
	float: left;
	width: 46%;
	margin-left: 1%;
}

.solution-submit .title h3{
	font-size: 20px;
	letter-spacing: 2px;
	padding-top: 20px;
}

.solution-submit .title h2{
	font-size: 32px;
	letter-spacing: 2px;
	margin-top: 14px;
}

.solution-submit .tel{
	margin-top: 56px;
}

.solution-submit .tel span{
	font-size: 18px;
}

.solution-submit .tel span img{
	margin-right: 10px;
	bottom: -2px;
}

.solution-submit .tel p{
	font-size: 44px;
	margin-top: 6px;
}

.solution-submit .money{
	margin-top: 64px;
	height: 64px;
	padding: 0 40px 0 96px;
	border-radius: 32px;
}

.money-icon{
	left: -10px;
	top: -20px;
	width: 96px;
	height: 96px;
}

.solution-submit .money p{
	font-size: 18px;
	line-height: 28px;
	padding-top: 4px;
}

.solution-submit .money p span{
	font-size: 14px;
}


.solution-submit .submit{
	float: right;
	width: 45%;
	margin-right: 1%;
}

.solution-submit .submit input{ 
	border-radius: 4px;
	width: 94%;
	padding: 0 3%;
	height: 50px;
	margin-top: 20px;
	font-size: 18px;
}

.solution-submit .submit textarea{ 
	border-radius: 4px;
	width: 94%;
	padding: 10px 3%;
	height: 130px;
	margin-top: 20px;
	font-size: 18px;
}

.solution-submit .submit a{ 
	border-radius: 4px;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	font-size: 18px;
}






/*??????*/

.join-banner{
	height: 88vh;
}

.join-banner .join-banner-title{
	padding-top: 160px;
}

.join-banner .join-banner-title img{
	height: 100px
}

.join-banner .join-banner-title p{
	font-size: 24px;
	margin-top: 24px;
}



.billion-market{
	padding: 112px 0 120px 0; 
}

.bm-title h2{
	font-size: 34px;
	line-height: 48px;
}

.bm-title h2 span{
	display: block;
}

.bm-title p{
	font-size: 14px;
	margin-top: 18px;
}



.bm-con{
	display: flex;
	align-items: flex-end;
}

.bm-con:before{
	display: none;
}

.bm-con .item{
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	margin-left: 3.2%;
	width: 22.6%;
}

.bm-con .item.bm-1{
	height: 240px;
}

.bm-con .item.bm-2{
	height: 290px;
}

.bm-con .item.bm-3{
	height: 340px;
}

.bm-con .item.bm-4{
	height: 400px;
}

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

.bm-con .item .box{
	padding: 0 16px;
}

.bm-con .item i{
	font-size: 48px;
}

.bm-con .item p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 8px;
}

.bm-con .item span{
	display: inline;
}



.join-adv{
	height: 360px;
}

.join-adv .title{
	padding: 136px 0 60px;
}

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

.join-adv .title h2:before{
	left: 0;
	top: -50px;
	font-size: 100px;
	line-height: 100px;
}

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

.join-adv .title i{
	margin-top: 72px;
}

.join-adv .title i img{
	height: 14px;
}


.join-honor{
	padding: 96px 0 96px;
}

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

.join-honor .title p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 12px;
}

.join-honor .pic {
	padding: 48px 0 8px;
}



.join-product{
	overflow: hidden;
}

.join-product .container{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}


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

.join-product .title h2{
	font-size: 32px;
	line-height: 44px;
}

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


.join-product .title h3{
	font-size: 18px;
	line-height: 30px;
	margin-top: 20px;
}

.join-product .title h3 span{
	font-size: 20px;
}

.join-product .chara{
	margin-top: 24px;
}

.join-product .chara ul{
	display: flex;
}

.join-product .chara ul li{
	width: 160px;
}

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

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

.join-product .chara ul li em{
	font-size: 18px;
}

.join-product .pic img{
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 700px;
}




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

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

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

/*banner????????????*/

.slide-main3 .item3 {
	bottom: 40px;
}

.slide-main3 .item3 a {
	width: 12px;
	height: 12px;
	margin: 0 8px;
	border-radius: 14px;
}

.slide-main3 .item3 a.cur {
	width: auto;
	font-size: 12px;
	padding: 0 12px;
	border-radius: 12px;
	height: 24px;
	line-height: 24px;
}




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

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

.join-channel .title h3{
	font-size: 18px;
	margin-top: 10px;
}

.channel-box{
	margin-top: 40px;
}

.channel-tp{
	float: left;
	width: 49.2%;
}

.channel-list{
	float: right;
	width: 49.2%;
}

.channel-list ul li{
	float: left;
	width: 48.1%;
	margin-left: 3.4%;
	position: relative;
	margin-bottom: 14px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
}

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

.channel-list ul li p{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}


.chan-wl{
	padding-top: 12px;
}


.chan-wl ul li{
	float: left;
	width: 23.8%;
	margin-left: 1.6%;
}

.chan-wl ul li:first-child{
	margin-left: 0%;
}



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


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

.policy-list{
	padding-top: 32px;
}

.policy-list .item{
	float: left;
	width: 23.8%;
	height: 320px;
	margin-left: 1.6%;
	margin-top: 20px;
}

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

.policy-list .item .box{
	padding: 0px 20px;
}

.policy-list .item .box img{
	height: 100px;
}

.policy-list .item:last-child .box img{
	height: 60px;
}

.policy-list .item .box h3{
	font-size: 18px;
	margin-top: 24px;
}

.policy-list .item .box p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
}



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

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

.join-cx .pic{
	margin-top: 40px;
}





/*????????????*/

.mission-vision{
	float: left;
	width: 49.2%;
}

.mission{
	overflow: hidden;
}

.mission .pic img{
	height: 300px;
	max-width: initial;
}

.mission .text{
	top: 32px;
	left: 32px;
}

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

.mission .text p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 16px;
}

.mission .text p span{
	display: block;
}


.vision{
	margin-top: 20px;
}


.values{
	float: right;
	width: 49.2%;
	height: 620px;
}


.values .title{
	padding: 32px 0 0 32px;
}

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

.values .title p{
	font-size: 16px;
	line-height: 24px;
	margin-left: 20px;
}



.values-list{
	margin-top: 12px;
}

.values-list ul li{
	width: 50%;
	padding: 40px 0;
}


.values-list ul li:nth-child(1):before{
	width: 72%;
}

.values-list ul li:nth-child(2):before{
	width: 72%;
}

.values-list ul li img{
	height: 96px;
}

.values-list ul li h3{
	font-size: 18px;
	margin-top: 20px;
}

.values-list ul li span{
	font-size: 12px;
	margin-top: 6px;
}

.values-list ul li i{
	width: 16px;
	height: 2px;
	margin: 16px auto 0 auto;
}






/*????????????*/

.server-chara{
	padding: 0px 0 88px;
}

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

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

.server-title p span{
	display: inline;
}


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

.serch-con .s-item{
	width: 32%;
	margin-left: 1.6%;
	margin-top: 18px;
}

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

.serch-con .s-item .box{
	padding: 60px 5%;
}

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

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

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



.nation_con{
	padding: 96px 0 88px;
}

.nation-box{
	margin-top: 72px;
}

.nation-tp{
	float: left;
	width: 74%;
}

.nation-zs{
	width: 20%;
}

.nation-zs ul{
	padding: 14px 14px;
}

.nation-zs ul li{
	padding: 8px 0;
}

.nation-zs ul li p{
	font-size: 14px;
	margin-top: 6px;
}


.main-con{
	padding-top: 88px;
}

.main-con .serch-con .s-item:first-child .box{
	padding-bottom: 24px;
}

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


.infor-con{
	padding-top: 48px;
}




.service-contact{
	padding-top: 64px;
}

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

.contact-text{
	float: left;
	width: 50%;
}

.contact-text h3{
	font-size: 24px;
}

.contact-text p{
	margin-top: 14px;
}

.contact-text a{
	font-size: 14px;
	margin-top: 24px;
}






/*????????????*/

.com-introd{
	padding: 56px 0 96px 0;
}

.com-text{
	float: left;
	width: 44%;
}

.com-text .title h3{
	height: 40px;
	padding: 0 16px;
	line-height: 40px;
	font-size: 16px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
}

.com-text .title h2{
	font-size: 32px;
	line-height: 40px;
	margin-top: 12px;
}

.com-text .title p{
	font-size: 12px;
	margin-top: 4px;
	letter-spacing: -.6px;
}


.com-text .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44%;
}

.com-text .text b{
	font-size: 18px;
}

.com-text .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
}

.com-pic{
	float: right;
	width: 50%;
	border-bottom-left-radius: 12px;
	border-top-right-radius: 12px;
}



.strong-title{
	height: 280px;
}

.strong-title .title{
	padding-top: 88px;
}

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

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


.make{
	padding: 88px 0 96px;
}

.make-text{
	float: left;
	width: 44%;
}

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

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

.make-text .chara{
	position: absolute;
	bottom: 0;
	width: 44%;
}

.make-text .chara ul li{
	float: left;
	width: 44%;
	margin-right: 0%;
	margin-top: 24px;
	border-right: initial;
}

.make-text .chara ul li:nth-child(2n+2){
	border-right: initial;
}

.make-text .chara ul li em{
	font-size: 24px;
}

.make-text .chara ul li p{
	font-size: 14px;
	margin-top: 6px;
}

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




.standard{
	padding: 88px 0 96px;
}

.brand-title.sc p{
	padding: 0 0%;
}

.brand-title.sc p span{
	display: block;
}

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


.brand-honor{
	padding: 88px 0 96px;
}

.brand-honor .make-text{
	float: right;
}

.brand-honor .make-text .chara ul li{
	border-right: initial;
}

.brand-honor .pic{
	float: left;
	width: 50%;
}

.brand-honor .pic:before{
	left: -40%;
	width: 698px;
	height: 698px;
}


.brand-honor-1{
	padding-top: 88px;
	height: 632px;
}

.brand-honor-tp{
	width: 1440px;
}


.brand-honor-2{
	padding-top: 88px;
	height: 560px;
}






/*????????????*/

.technology-banner{
	height: 80vh;
}


.technology-banner .text{
	float: left;
	width: 50%;
	height: 80vh;
}

.technology-banner .text .box{
	margin-bottom: -40px;
}


.technology-banner .text h2{
	font-size: 56px;
	line-height: 72px;
	letter-spacing: 8px;
}

.technology-banner .text h3{
	font-size: 24px;
	line-height: 40px;
	margin-top: 28px;
	letter-spacing: 8px;
}

.technology-banner .text p{
	font-size: 18px;
	line-height: 40px;
	margin-top: 100px;
}


.technology-banner .pic{
	float: right;
	width: 44%;
	height: 80vh;
}

.technology-banner .pic img{
	margin-bottom: -80px;
}



.technology-funct{
	padding: 140px 0 120px;
}


.tec-title h2{
	font-size: 72px;
	line-height: 88px;
}

.tec-title h3{
	font-size: 40px;
	line-height: 48px;
	margin-top: 16px;
}

.tec-title i{
	font-size: 260px;
}


.funct-con{
	margin-top: 100px;
}

.funct-con .pic{
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.funct-con .text{
	margin-top: 40px;
}

.funct-con .text h4{
	font-size: 28px;
	line-height: 56px;
	height: 56px;
	border-bottom: 3px solid #333;
}

.funct-con .text p{
	font-size: 20px;
	line-height: 40px;
	margin-top: 20px;
	letter-spacing: 2px;
}

.funct-con .text p span{
	display: block;
}



.tec-pj .prod-page-title p{
	font-size: 18px;
	line-height: 36px;
}

.tec-pj .prod-page-title p span{
	display: block;
}


.tb .funct-con .text h4{
	border-bottom: 3px solid #FFFFFF;
}




.tw p {
	font-size: 18px;
	line-height: 36px;
}

.tw p span{
	display: block;
}