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

.head-tran .header.fixed{
	height: 60px;
}

.head-primary .phone-height {
    height: 60px;
}

.head-tran .header:before{
	top: 59px;
}


.logo{
	float: left;
	width: 130px;
	height: 60px;
}

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



.head-tel{
	width: auto;
	height: 60px;
	padding-right: 44px;
}

.not-tel{
	line-height: 32px;
	font-size: 18px;
}

.h-tel-icon{
	width: 14px;
	height: 14px;
	margin-right: 10px;
	margin-bottom: -3px;
}




/*菜单*/
.menu-box{
	float: right;
	width: 60%;
	display: initial;
}


/*菜单*/

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


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


	#starlist li {
		margin: 0;
		width: 90%;
		padding: 0 5%;
		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: 45px;
    	line-height: 45px;
	}
	
	#starlist li a:hover {
		background: initial;
	}
	
	#starlist li a:hover:after {
		display: none;
	}
	
	#starlist li>a:before {
		display: none;
	}

	#starlist li .sub {
		position: initial;
		right: initial;
		top: initial;
		left: initial;
		transform: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: 14px;
		padding: 0 0 0 5%;
		color: #777;
		display: block;
		text-align: left;
		line-height: 40px;
	}

#starlist li .sub.change a{
	font-size: 14px;
	font-weight: initial;
	padding: 0 0 0 5%;
}
	
#starlist li .sub.change{
	position: initial;
	left: initial;
	transform:initial;
	top: initial;
	width: 100%;
	height: 0;
	background-color: rgba(255, 255, 255, 1);
	z-index: 1;
	box-shadow: initial;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	overflow-y: hidden;
	text-align: left;
	padding: initial;
	
}

#starlist li:hover .sub.change {
	top: initial;
	height: auto;
	z-index: 99;
	box-shadow: initial;
}

	

	.menu span,.menu:before {
	display: block;
}
	

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

	.menu span{
		display: block;
		width: 45px;
		height: 45px;
		opacity: 0.5;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.menu:before{
		top: 19px;
		right: 3.6%;
		background-image: url(../images/jt.png);
		background-size: 100%;
		width: 14px;
		height: 8px;
	}
	
	.navicon {
		width: 24px;
		height: 2px;
		bottom: -9px;
	}
	
	.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;
	}





.container{
	max-width: 90%;
}







/*选项卡_默认样式****************************************************************************/
.yyui_tab_card.pro-head-menu{
	padding: 0 0 0;
}

.yyui_tab_card.pro-head-menu .yyui-left{
	float: left;
	width: 100%;
	position: relative;
	padding-top: 0;
}

.yyui_tab_card.pro-head-menu .yyui-left:before{
	display: none;
}


.yyui_tab_card.pro-head-menu .yyui-left em{
	font-size: 12px;
	margin-bottom: 12px;
}

.yyui_tab_card.pro-head-menu .yyui-left div{
	font-size: 16px;
	width: 100%;
	margin: 0;
	border-top: 1px solid #eee;
}

.yyui_tab_card.pro-head-menu .yyui-left div i{
	display: none;
}

.yyui_tab_card.pro-head-menu .yyui-left div h2{
	font-size: 14px;
	height: auto;
	line-height: initial;
	background: initial;
}

.yyui_tab_card.pro-head-menu .yyui-left div a{
	padding: 0 0 0 5%;
}

.yyui_tab_card.pro-head-menu .yyui-left .yyui_tab_title_this{
	width: 100%;
	background: initial;
}


.pro-head-menu .yyui_tab_content_this{
	display: none;
} 



.factory-head-menu .yyui-left{
	float: left;
	width: 100%;
	background: #fff;
}

.factory-head-menu .yyui-left div{
	height: auto;
	line-height: auto;
	border-top: 1px solid #eee;
	font-size: 14px;
}

.factory-head-menu .yyui-left div a{
	padding: 0;
}

.factory-head-menu .yyui-left .yyui_tab_title_this{
	position: relative;
	border-top: 1px solid #eee;
}

.factory-head-menu .yyui-left .yyui_tab_title_this a{
	font-size: 14px;
}

.factory-head-menu .yyui_tab_content_this{
	display: none;
}

.factory-head-menu .yyui_tab_content_this a{
	font-size: 14px;
}




.head-primary .phone-height{
	height: 60px;
}





/*底部*/

.foot-con{
	padding: 40px 0 32px;
}

.foot-menu{
	display: none;
}


.foot-contact{
	width: 100%;
}


.f-c-title{
	width: 50%;
	float: left;
}

.f-c-title h2{
	font-size: 20px;
	font-weight: bold;
}

.f-c-title p{
	font-size: 12px;
	margin-top: 10px;
}

.f-i-t{
	padding-top: 0;
	width: 50%;
	float: left;
}

.f-i-t ul li{
	font-size: 14px;
	line-height: 28px;
	margin-top: 0;
	padding-left: 28px;
	margin-bottom: 16px;
}

.f-i-t ul li span{
	display: block;
}


.f-i-t ul li:before{
	top: 6px;
	width: 16px;
	height: 19px;
}



.follow-wrapper a{
	margin-right: 16px;
	height: 32px;
	width: 32px;
	border: 1px solid rgba(255,255,255,.24);
}



.follow-wrapper a .follow-rwm{
	top: -126px;
	width: 102px;
	height: 102px;
}

.follow-wrapper a:hover .follow-rwm:after{
	bottom: -5px;
	width: 10px;
	height: 5px;
	background-size: 100% 100%;
}


.copyright-box{
	padding-top: 16px;
	padding-bottom: 48px;
	margin-top: 20px;
}

.copyright{
	float: left;
	width: 70%;
}

.copyright p{
	font-size: 12px;
	line-height: 24px;
}


.technical-support{
	float: right;
}

.technical-support p{
	font-size: 12px;
	line-height: 24px;
}



.foot-link{
	font-size: 12px;
	top: -40px;
	height: 0;
}






/*新闻中心*/

.list-banner .text{
	width: 80%;
}

.list-banner .text h3{
	font-size: 14px;
	letter-spacing: 2px;
}

.list-banner .text h2{
	font-size: 24px;
	margin-top: 12px;
	letter-spacing: 1px;
}

.list-banner .pic img{
	height: 360px;
}



.news-list{
	padding-bottom: 64px;
}

.list-menu-box{
	margin-top: 24px;
	padding: 20px 0;
}

.list-menu-box .submenu{
	float: left;
	width: 100%;
}

.list-menu-box .submenu a{
	font-size: 14px;
	line-height: 18px;
	margin: 0 12px;
}


.list-menu-box .cru{
	display: none;
}



.news-list-box{
	padding-top: 4px;
	text-align: left;
	padding-bottom: 40px;
	margin-bottom: 24px;
}

.news-list-box .item{
	margin-top: 32px;
	float: left;
	width: 49%;
	margin-left: 2%;
	position: relative;
}

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

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

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

.news-list-box .item .l-time a{
	font-size: 12px;
	padding: 0 5px;
	height: 20px;
	line-height: 18px;
	border: 1px solid #094e45;
	letter-spacing: 0;
}

.news-list-box .item .l-time span{
	font-size: 12px;
	line-height: 22px;
	margin-left: 12px;
}

.news-list-box .item .text h2{
	font-size: 18px;
	line-height: 28px;
	height: 56px;
	-webkit-line-clamp: 2;
	margin-top: 10px;
	font-weight: bold;
}


.news-list-box .item .text p{
	font-size: 14px;
	line-height: 26px;
	height: 26px;
	-webkit-line-clamp: 1;
	margin-top: 6px;
}


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


.icon{
	position: relative;
	top: -2px;
}

.icon-drop-down:before{
	width: 12px;
	height: 8px;
	margin-left: 10px;
}





/*新闻内容页*/

.list-page-menu{
	height: 40px;
}

.list-page-menu a{
	font-size: 12px;
	margin-right: 12px;
	line-height: 40px;
}

.news-page{
	padding: 40px 0 56px;
}

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

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

.news-page-title h2{
	font-size: 24px;
	line-height: 36px;
}

.news-page-title .news-des{
	margin-top: 10px;
}

.news-page-title .news-des span{
	font-size: 12px;
	margin-right: 30px;
}

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

.pagin{
	font-size: 14px;
	padding-top: 30px;
}


.pagin .up{
	width: 100%;
}

.up span{
	width: auto;
	letter-spacing: 0;
}

.up a{
	width: 76%;
	letter-spacing: 0;
}

.pagin .return{
	width: 20%;
	display: none;
}



.pagin .un{
	width: 100%;
	text-align: left;
	float: left;
	margin-top: 16px;
}

.un span{
	width: auto;
	letter-spacing: 0;
	float: left;
}

.un a{
	width: auto;
	letter-spacing: 0;
	float: left;
}

.copy-notice{
	margin-top: 30px;
}

.copy-notice p{
	font-size: 12px;
	line-height: 22px;
	padding: 10px 10px;
}



.news-right{
	float: right;
	width: 100%;
	margin-top: 16px;
	
}


.tag .box{
	padding: 16px 16px;
}

.tag .subtitle h3{
	font-size: 16px;
	padding-bottom: 15px;
}

.tag-box{
	margin-top: 10px;
}

.tag-box ul li{
	font-size: 14px;
	line-height: 28px;
	margin-right: 12px;
}

.poprec-box ul li.active img{
	display: none;
}


.pop-rec{
	margin-top: 16px;
}

.poprec-box ul li{
	margin-top: 10px;
}

.poprec-box ul li h2{
	font-size: 14px;
	line-height: 28px;
	margin-top: 8px;
}

.poprec-box ul li span{
	font-size: 12px;
	line-height: 12px;
	margin-top: 2px;
}




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

.rec-title{
	
}

.rec-title h2{
	font-size: 32px;
	line-height: 32px;
	float: left;
}

.rec-title a{
	width: 118px;
	height: 32px;
	font-size: 12px;
	line-height: 30px;
	margin-top: 2px;
}


.product-list{
	margin-top: 30px;
}

.product-list .item{
	float: left;
	width: 49%;
	margin-left: 2%;
}

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

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


.product-list .item .text{
	padding: 0 20px 20px 20px;
	height: 88px;
}

.product-list .item .text h2{
	font-size: 18px;
	line-height: 30px;
	padding-top: 12px;
}

.product-list .item .text p{
	font-size: 14px;
	line-height: 30px;
}

.product-list .item .text a{
	font-size: 12px;
	line-height: 24px;
}

.product-list .item:hover .text h2{
	padding-top: 0;
}

.product-list .item:hover .text p{
	height: 28px;
	line-height: 28px;
	margin-top: 2px;
}

.product-list .item:hover .text a{
	line-height: 24px;
	height: 24px;
	margin-top: 2px;
}





/*联系我们*/

.page-banner .text{
	width: 90%;
	padding-left: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-30%);
}

.page-banner .text h3{
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 12px;
}

.page-banner .text h2{
	font-size: 32px;
	letter-spacing: 1px;
}

.page-banner .pic img{
	height: 400px;
}



.contact-company{
	padding: 56px 0 48px;
}

.company-box{
	float: left;
	width: 45%;
}


.com-title h1{
	font-size: 24px;
}

.com-title p{
	font-size: 12px;
	margin-top: 10px;
}

.com-tel{
	position: absolute;
	bottom: 0;
	line-height: 32px;
}

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

.com-tel b{
	font-size: 24px;
}


.company-text{
	float: right;
	width: 49.4%;
}

.com-des ul li{
	font-size: 16px;
	padding: 10px 0;
	line-height: 20px;
}


.com-but{
	margin-top: 32px;
	padding-top: 40px;
}


.com-navigation a{
	width: 106px;
	height: 32px;
	line-height: 30px;
	font-size: 12px;
}


.icon-nav{
	width: 20px;
	height: 17px;
	margin-bottom: -6px;
	margin-right: 6px;
}

.com-wech{
	float: left;
	margin-left: 20px;
}

.com-wech i{
	width: 32px;
	height: 32px;
}

.com-wech-pic{
	width: 112px;
	top: -128px;
}


.contact-map .container{
	overflow: hidden;
}

.contact-map img{
	position: relative;
	left: 50%;
	top: 0;
	transform: translateX(-44%);
	height: 320px;
	max-width: initial;
}


.subsidiary{
	padding: 56px 0 48px;
	margin-top: 56px;
}

.subsidiary-list{
	margin-top: 32px;
	text-align: left;
	margin-bottom: 24px;
	height: 522px;
}

.subsidiary-list.myclass{
	height: auto;
	margin-bottom: 0;
}

.subsidiary-list .item{
	width: 49%;
	margin-left: 2%;
	height: 250px;
	float: left;
	margin-bottom: 20px;
}

.subsidiary-list .item:before{
	position: absolute;
	bottom: -64px;
	right: -70px;
	width: 210px;
	height: 170px;
}


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

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



.subsidiary-list .item .box{
	padding: 16px 20px;
}

.subsidiary-list .item h2{
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	letter-spacing: 1px;
}


.subsidiary-list .item ul{
	margin-top: 8px;
	height: 110px;
}

.subsidiary-list .item ul li{
	font-size: 12px;
	line-height: 22px;
}


.subsidiary-list .item ul li span{
	float: left;
	width: 22%;
	letter-spacing: 0;
}

.subsidiary-list .item ul li p{
	float: left;
	width: 78%;
}

.subsidiary-list .item .box a{
	width: 96px;
	height: 28px;
	line-height: 26px;
	font-size: 12px;
	margin-top: 12px;
}

.subsidiary-list .item .box a .icon-nav{
	width: 16px;
	height: 16px;
}





.submit{
	padding: 48px 0 48px;
}

.mit-title{
	margin-bottom: 30px;
	padding-bottom: 24px;
}

.mit-title h2{
	font-size: 30px;
	line-height: 48px;
	letter-spacing: 0;
}

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



.submit-lr .name{
	float: left;
	width: 49.2%;
}

.submit-lr .tel{
	float: right;
	width: 49.2%;
}



.submit-lr p{
	font-size: 14px;
}

.submit-lr p span{
	margin-left: 8px;
}


.submit-lr input{
	width: 91.8%;
	margin-top: 12px;
	padding: 0 4%;
	height: 40px;
	font-size: 14px;
}


.textbox {
	margin-top: 24px;
}

.textbox p{
	font-size: 16px;
}

.textbox textarea{
	width: 95.8%;
	margin-top: 12px;
	padding: 8px 2%;
	height: 112px;
	font-size: 16px;
	line-height: 28px;
}


.submit-but{
	margin-top: 24px;
}

.submit-but a{
	width: 110px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}






/*案例列表*/

.list-banner.case-list-banner .text h3{
	margin-top: 16px;
}


.case-menu ul li{
	float: left;
	margin-right: 20px;
}

.case-menu ul li a{
	font-size: 16px;
	line-height: 70px;
	padding: 0 8px;
}


.case-menu ul li.active a:before{
	height: 3px;
}

.case-menu ul li a:before{
	height: 3px;
}




/*links*/

.link_prev{width:40px;height:40px;left: -20px;top: 50%;margin-top: -20px;}
.link_next {width:40px;height:40px;right: -20px;top: 50%;margin-top: -20px;}
#links {padding: 36px 0 36px;}
#links ul {width:5000px;}
#links li {float:left;width:144px;}
#links li p {
	font-size: 16px;
	line-height: 20px;
	margin-top: 16px;
}
#links li img {
	height: 36px;
}




.case-list-box{
	padding-top: 24px;
	padding-bottom: 56px;
}

.case-list-box .container{
	padding-bottom: 30px;
}

.case-list-box .item{
	margin-left: 2%;
	width: 49%;
	margin-top: 20px;
}

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


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

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


.case-list-box .item .label{
	right: 8px;
	top: 8px;
}

.case-list-box .item .label span{
	padding: 0 6px;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
}


.case-list-box .item .text .box{
	padding: 18px 20px 30px;
}

.case-list-box .item .text span{
	font-size: 14px;
	line-height: 20px;
}

.case-list-box .item .text h2{
	font-size: 20px;
	line-height: 28px;
	margin-top: 8px;
}

.case-list-box .item .text a{
	font-size: 14px;
	line-height: 20px;
	margin-top: 20px;
}


.icon-more{
	width: 7px;
	height: 10px;
	margin-left: 8px;
	margin-bottom: -2px;
}





/*案例内容页*/

.page-cru{
	padding: 30px 0 24px;
	font-size: 12px;
	line-height: 20px;
}

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

.page-cru a:before{
	right: -14px;
	top: -2px;
	font-size: 12px;
}




.case-page-con{
	margin-bottom: 56px;
}

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

.slider__switch span {
  width: 28px;
  height: 32px;
} 
/* Arrows */
.slider__switch {
  width: 32px;
  height: 40px;
}
.slider__item img {
    display: block;
    max-width: initial;
    height: 360px;
}

		.preview {
			margin-top: 10px;
		}
		.preview a {
		 width: 19.2%;
		}




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

.case-con-text:after{
	display: none;
}

.case-con-text .box{
	padding: 32px 30px;
}

.case-page-subtitle h2{
	font-size: 24px;
	line-height: 32px;
}

.case-des{
	margin-top: 18px;
}

.case-des a{
	padding: 0 6px;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
}

.case-des span{
	font-size: 14px;
	margin-left: 16px;
}


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

.case-page-text p{
	font-size: 14px;
	line-height: 28px;
}


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

.case-page-chara ul li{
	font-size: 14px;
	line-height: 48px;
}




.case-page-submit{
	margin-top: 32px;
}

.case-page-submit a{
	padding: 0 22px;
	font-size: 12px;
	line-height: 38px;
	height: 40px;
}



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

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




/*产品中心*/

.product-banner{
	height: 480px;
	position: relative;
}

.product-banner:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	background: rgba(0,0,0,.2);
	z-index: 9;
}

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

.product-banner .text{
	top: 50%;
	width: 100%;
	margin-top: -80px;
	z-index: 10;
}

.product-banner .text h3{
	padding: 0 12px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
}

.product-banner .text h2{
	font-size: 40px;
	line-height: 64px;
	letter-spacing: 4px;
	margin-top: 12px;
}

.product-banner .text span{
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 2px;
	margin-top: 10px;
}

.product-banner .text p{
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 2px;
	margin-top: 32px;
}

.product-banner .text p em{
	font-size: 16px;
	margin: 0 8px;
}



.product-menu #links li {width:140px;}





.product-submenu{
	margin-top: 48px;
}

.product-submenu ul li{
	float: left;
	margin-right: 16px;
}

.product-submenu ul li a{
	height: 32px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 14px;
}


.prod-list-con{
	padding-bottom: 56px;
}

.prod-list-con .container{
	padding-bottom: 32px;
}

.product-list.prod-list-con {
    padding-top: 10px;
    margin-top: 0;
}

.product-list.prod-list-con .item{
    margin-top: 16px;
}

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

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


.product-list .item .label span{
	left: 15px;
	top: 15px;
	margin-right: 12px;
	height: 20px;
	line-height: 18px;
	padding: 0 4px;
	font-size: 12px;
}





/*应用领域*/

.list-banner.applicat-list-banner .text {
    transform: translate(-50%,-40%);
}

.list-banner.applicat-list-banner .text h3{
	margin-top: 16px;
	font-size: 14px;
	line-height: 26px;
}


.applicat-list{
	padding: 56px 0 56px;
}

.applicat-list .item{
	position: relative;
	margin-bottom: 24px;
}


.applicat-list .item .pic{
	width: 100%;
	float: left;
}

.applicat-list .item .text-con{
	width: 100%;
	float: right;
}

.applicat-list .item .text-con .box{
	padding: 32px 24px;
}

.applicat-list .item .text-con i{
	display: block;
	float: left;
	margin-right: 10px;
}

.applicat-list .item .text-con i img{
	 height: 30px;
}

.applicat-list .item .text-con h2{
	 font-size: 22px;
	 line-height: 30px;
	 margin-top: 0px;
	 float: left;
}

.applicat-list .item .text-con span{
	clear: both;
	height: 0;
	font-size: 0;
	width: 0;
}

.applicat-list .item .text-con p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 16px;
	padding-top: 12px;
	-webkit-line-clamp: 2;
	
}

.applicat-list .item .text-con a{
	display: none;
}





/*应用领域内容页*/

.applicatpage-banner .container{
	height: 480px;
}

.applicatpage-banner .text{
	margin: 50px auto 0 auto;
	width: 90%;
}

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

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

.applicatpage-banner .icon{
	margin-top: 48px;
}

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

.applicatpage-banner .icon ul li img{
	height: 36px;
}

.applicatpage-banner .icon ul li p{
	font-size: 16px;
	line-height: 24px;
	margin-top: 18px;
}




/*案例滚动*/

.app-workpiece{
	padding: 56px 0;
}

.app-workp-left{
	width: 100%;
	float: left;
}


.app-title h2{
	font-size: 32px;
	text-align: center;
}


.aw-menu{
	position: initial;
	bottom: initial;
	margin-top: 16px;
	text-align: center;
}

.aw-menu ul li{
	margin-top: 10px;
	line-height: 36px;
	height: 36px;
	width: auto;
	font-size: 14px;
	margin-right: 5px;
	padding: 0 12px;
	display: inline-block;
}

.aw-menu ul li:last-child{
	margin-right: 0;
}


.aw-menu ul li.cur{
	font-size: 14px;
}


.app-workpiece .tabs{
	width: 100%;
	float: right;
	margin-top: 30px;
}



.app-workpiece .tab-item .text-con{
	width: 92%;
	padding: 20px 4%;
}

.app-workpiece .tab-item .text-con h2{
	font-size: 20px;
	line-height: 36px;
}

.app-workpiece .tab-item .text-con p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 6px;
}



.applicat-advant{
	background: initial;
	padding-bottom: 0;
}


.applicat-advant-list{
	margin: 32px auto 0 auto;
	max-width: 1280px;
}

.applicat-advant-list .item{
	float: left;
	width: 50%;
}


.applicat-advant-list .item .text-con .title h2{
	font-size: 24px;
	line-height: 32px;
}

.applicat-advant-list .item .text-con .title span{
	font-size: 12px;
	line-height: 14px;
	margin-top: 6px;
	letter-spacing: 0;
}


.applicat-advant-list .item:hover .text-con .chara{
	margin-top: 16px;
	height: 240px;
}



.applicat-advant-list .item .text-con .chara ul li{
	width: 160px;
	font-size: 14px;
	padding: 6px 0;
}

.applicat-advant-list .item .text-con .chara ul li i{
	width: 26px;
	height: 26px;
	margin-right: 8px;
}






/*产品内容页*/

.product-page-banner .container .text{
	width: 50%;
	height: 400px;
}

.product-page-banner .container .text .box{
	margin-top: 40px;
}

.product-page-banner .container .text h2{
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 0px;
}

.product-page-banner .container .text h3{
	font-size: 18px;
	line-height: 32px;
	margin-top: 22px;
	letter-spacing: 0px;
}

.product-page-banner .container .text p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 12px;
	letter-spacing: 0px;
}

.product-page-banner .container .text p span{
	margin: 0 12px;
}

.product-page-banner .pic img{
	height: 400px;
}



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

.product-parameter:before{
	display: none;
}


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

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

.product-parameter .text-con{
	float: right;
	width: 100%;
	margin-top: 32px;
}

.product-parameter .text-con .chara ul li{
	font-size: 14px;
	line-height: 24px;
	padding: 10px 0;
}



.product-parameter .text-con .text{
	margin-top: 24px;
	font-size: 14px;
	line-height: 26px;
}




.product-procedure{
	padding-top: 56px;
}

.procedure-box{
	padding: 40px 0 60px;
}

.procedure-box ul li{
	float: left;
	width: 32.26%;
	margin-right: 1.6%;
	padding: 20px 0;
}

.procedure-box ul li:last-child{
	margin-right: 0;
}

.procedure-box ul li:nth-child(3N+3){
	margin-right: 0;
}

.procedure-box ul li img{
	height: 40px;
}

.procedure-box ul li p{
	font-size: 16px;
	line-height: 24px;
	margin-top: 18px;
}

.procedure-box ul li:before{
	width: 20px;
	height: 10px;
	right: -20px;
	top: 50%;
	margin-top: -5px;
}

.procedure-box ul li:nth-child(3N+3):before{
	display: none;
}



.index-applicat{
	padding: 60px 0 60px;
}

.index-applicat-list{
	padding-top: 16px;
}

.index-applicat-list .item{
	width: 49%;
	margin-left: 2%;
	margin-top: 16px;
}

.index-applicat-list .item:first-child{
	margin-left: 0;
}

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


.index-applicat-list .item .text-con .box{
	padding: 40px 32px;
}

.index-applicat-list .item .text-con i{
	width: 72px;
	height: 72px;
}

.index-applicat-list .item .text-con i img{
	height: 32px;
}

.index-applicat-list .item .text-con i:before{
	width: 80px;
	height: 80px;
}

.index-applicat-list .item .text-con h2{
	font-size: 18px;
	line-height: 28px;
	margin-top: 20px;
}

.index-applicat-list .item .text-con span{
	font-size: 12px;
	line-height: 24px;
	margin-top: 5px;
}

.index-applicat-list .item .text-con p{
	font-size: 12px;
	line-height: 24px;
	margin-top: 12px;
	max-height: 48px;
}

.index-applicat-list .item .pic img{
	height: 320px;
}


.index-applicat-list .item:hover .text-con .box{
	padding: 24px 20px;
}


.index-applicat-list .item:hover .text-con h2{
	margin-top: 16px;
}






/*荣誉资质*/

.brand-banner .text{
	width: 50%;
	height: 400px;
}

.brand-banner .text .box{
	margin-top: 40px;
	padding-left: 32px;
}

.brand-banner .text h2{
	font-size: 32px;
	line-height: 48px;
	letter-spacing: 2px;
}

.brand-banner .text span{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 2px;
	margin-top: 14px;
}

.brand-banner .pic img{
	height: 400px;
}



.honor-content{
	padding: 48px 0 56px;
}

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

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





.honor-list{
	padding-top: 8px;
	padding-bottom: 32px;
	margin-bottom: 24px;
}

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

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

.honor-list a .pic .line{
	z-index: 9;
}

.honor-list a .pic .line:before{
	height: 20px;
	z-index: 2;
}

.honor-list a .pic .line:after{
	height: 32px;
	z-index: 2;
}

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

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

.honor-list a h3{
	font-size: 14px;
	margin-top: 12px;
	-webkit-line-clamp: 1;
	max-height: 22px;
}




/*智能工厂*/

.factory-banner .text{
	transform: translate(-50%,-30%);
}

.factory-banner .text h3{
	font-size: 16px;
	letter-spacing: 2px;
	margin-top: 20px;
}

.factory-banner .text h2{
	font-size: 36px;
	letter-spacing: 4px;
}

.factory-banner .pic img{
	height: 480px;
}



.factory-introduce{
	padding: 56px 0 56px;
}

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

.introduce-con .title h2{
	font-size: 28px;
	line-height: 40px;
}

.introduce-con .text{
	float: right;
	width: 100%;
	margin-top: 24px;
}

.introduce-con .text p{
	font-size: 16px;
	line-height: 32px;
}

.introduce-con .text ul{
	margin-top: 24px;
	font-size: 16px;
	line-height: 32px;
}


.introduce-pic{
	margin-top: 30px;
}




.owl-dots {
	margin-top: 24px;
}

.owl-dots .owl-dot{
	width: 10px;
	height: 10px;
	margin: 0 6px;
}





.factory-device{
	padding: 56px 0 56px;
}

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

.factory-title-box .title h2{
	font-size: 32px;
	line-height: 32px;
}

.factory-title-box .eng{
	display: none;
}



.device-con{
	margin-top: 24px;
}

.device-menu{
	float: right;
	width: 25.4%;
}

.device-menu ul li p{
	padding: 12px 14px;
	line-height: 21px;
	font-size: 14px;
}


.device-menu ul li.cur:before{
	display: none;
}

.device-menu ul li.cur:after{
	display: none;
}


.device-pic .tabs{
	width: 74.6%;
	float: left;
}

.device-pic .tab-item .pic{
	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;
}

.device-pic .tab-item .pic img{
	height: 314px;
	max-width: initial;
}

.device-pic .tab-item .text-con{
	width: 92%;
	padding: 20px 4%;
}

.device-pic .tab-item .text-con h2{
	font-size: 16px;
	line-height: 28px;
}

.device-pic .tab-item .text-con p{
	font-size: 14px;
	line-height: 22px;
	margin-top: 6px;
}






.raw-material{
	height: 480px;
}

.raw-material .factory-title-box {
	padding-top: 56px;
}

.raw-material .factory-title-box .title p{
	margin-top: 20px;
}





.factory-process{
	padding-top: 56px;
}

.factory-title-box .title p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 20px;
}




.quality-control{
	padding: 56px 0;
}

.quality-control-box{
	margin-top: 30px;
}



.quality-menu{
	margin-top: 40px;
}

.quality-menu ul li{
	float: left;
	width: 23.8%;
	margin-left: 1.6%;
	padding-top: 14px;
	font-size: 14px;
	line-height: 24px;
}


.quality-menu ul li:before{
	height: 2px;
}

.quality-menu ul li.cur:before{
	height: 3px;
}

.quality-menu ul li:first-child{
	margin-left: 0;
}

.quality-menu ul li span{
	display: inline;
}




.factory-features{
	padding: 56px 0 56px;
}

.factory-features .factory-title-box .title p{
	margin-top: 20px;
}



.features-box{
	padding-top: 20px;
}

.features-box ul li{
	width: 32.26%;
	margin-left: 1.6%;
	float: left;
	margin-top: 12px;
}

.features-box ul li:nth-child(4n+1){
	margin-left: 1.6%;
	clear: initial;
}

.features-box ul li:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}


.features-box ul li .box{
	padding: 24px 8px 24px;
}

.features-box ul li img{
	height: 42px;
}

.features-box ul li h2{
	font-size: 16px;
	line-height: 32px;
	margin-top: 16px;
}

.features-box ul li span{
	font-size: 12px;
	line-height: 16px;
	margin-top: 4px;
}





/*核心优势*/

.advantages-banner .text{
	transform: translate(-50%,-30%);
}

.advantages-banner .text h3{
	font-size: 18px;
	letter-spacing: 3px;
	margin-top: 12px;
}

.advantages-banner .text h2{
	font-size: 32px;
	letter-spacing: 3px;
}

.advantages-banner .pic img{
	height: 480px;
}



.advant-title .factory-title-box{
	width: 90%;
}

.advant-title .factory-title-box .title{
	width: 100%;
}

.advant-title .factory-title-box .title p{
	margin-top: 16px;
}


.advant-title .device-con{
	margin-top: 40px;
}

.adv-proce{
	padding: 20px 5% 20px;
}

.adv-proce-pic{
	padding: 0 0% 20px;
}




/*企业文化*/

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

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


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

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

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

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


.vision{
	margin-top: 14px;
}


.values{
	float: right;
	width: 100%;
	margin-top: 14px;
}


.values .title{
	width: 100%;
	padding-top: 25px;
}

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

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




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

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

.philosophy-box ul li{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	padding: 32px 0;
}

.philosophy-box ul li:first-child{
	margin-left: 0;
}

.philosophy-box ul li img{
	height: 40px;
}

.philosophy-box ul li h3{
	font-size: 20px;
	line-height: 36px;
	margin-top: 16px;
}

.philosophy-box ul li p{
	font-size: 12px;
	line-height: 14px;
	margin-top: 4px;
}

.philosophy-box ul li span{
	width: 20px;
	height: 2px;
	margin-top: 12px;
}





/*发展历程*/
.culture{
	padding: 56px 0 56px;
}

#timeline {
		width: 440px;
		height: 560px;
	}
	
		#dates {
			width: 440px;
			height: 80px;
		}
			#dates li {
				float: left;
				width: 160px;
			}
			
				#dates a {
					height: 80px;
				line-height: 60px;
				font-size: 32px;
				letter-spacing: 2px;
				}
				#dates .selected {
			        font-size: 40px;
				}
				
				#dates a:before {
					bottom: -5px;
					width: 10px;
					height: 10px;
				}
				
		
		#issues {
			width: 440px;
			height: 560px;
			margin-top: 30px;
		}	
			#issues li {
				width: 440px;
				height: 560px;
				float: left;
			}
			
				#issues li p {
					font-size: 16px;
					line-height: 28px;
					padding: 4px 5%;
					font-weight: initial;
				}
		
		#next,
		#prev {
			top: 50%;
			margin-top: -16px;
			width: 32px;
			height: 32px;
		}
			#next {
				background-size: 8px 15px;
			}
			#prev {
				background-size: 8px 15px;
			}
				





/*招商加盟*/

.join-banner .container .text{
	width: 60%;
	height: 400px;
}

.join-banner .container .text .box{
	text-align: left;
	margin-top: 56px;
}

.join-banner .container .text img{
	height: 40px;
}

.join-banner .container .text h2{
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 0;
	margin-top: 28px;
}

.join-banner .container .text h3{
	font-size: 16px;
	height: 32px;
	line-height: 30px;
	margin-top: 20px;
	letter-spacing: 0;
	padding: 0 8px 0 8px;
}

.join-banner .pic img{
	height: 400px;
}



.join-company{
	padding-top: 56px;
}

.join-company:before{
	display: none;
}

.join-company .text{
	padding: 0 0%;
}

.join-company .text h2{
	font-size: 28px;
	line-height: 36px;
}

.join-company .text h2 span{
	display: block;
}

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


.join-company .chara{
	padding: 10px 0 56px;
}

.join-company .chara ul li{
	width: 48%;
	margin-top: 20px;
}

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

.join-company .chara ul li:nth-child(2n+1){
	border-left: initial;
}

.join-company .chara ul li h3{
	font-size: 20px;
}

.join-company .chara ul li p{
	font-size: 14px;
	line-height: 22px;
	margin-top: 6px;
}

.slides{width:100%;height:400px;}
.slideInner{height:400px;}
.slideInner a{height:400px;}

.slideInner a div.text{
	width:90%;
	position:absolute;
	left:50%;
	top:66px;
}

.slideInner a div.text h2{
	font-size: 22px;
	line-height: 36px;
	width: 45%;
}

.slideInner a div.text p{
	font-size: 12px;
	line-height: 24px;
	width: 45%;
	margin-top: 16px;
}


.nav{
	width:90%;
	position:absolute;
	top:275px;
	left:50%;
}

.nav:before{
	width: 45%;
	height: 1px;
	margin-bottom: 24px;
}

.nav a{width:32px;height:32px;}
.nav a.prev{background:url(../images/company_jt_left.png) center center no-repeat;}
.nav a.next{background:url(../images/company_jt_right.png) center center no-repeat;margin-left: 10px;}





.join-company.join-base .chara{
	padding: 8px 0 32px;
}


.base-box{
	margin-bottom: 48px;
}

.base-menu{
	width: 100%;
}

.base-menu ul{
	padding-top: 10px;
}

.base-menu ul li{
	z-index: 9;
	width: 100%;
	padding-left: 0px;
	padding-top: 16px;
}

.base-menu ul li:first-child{
	padding-left: 0;
}

.base-menu ul li h2{
	font-size: 14px;
	padding-bottom: 12px;
}

.base-menu ul li.cur h2{
	font-size: 16px;
}

.base-menu ul li.cur h2:before{
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -1px;
	left: 0;
}




.base-text {
	margin-top: 16px;
}

.base-text .tab-item.active p{
	font-size: 18px;
	line-height: 32px;
}




.join-branding{
	padding-bottom: 48px;
}

.join-branding .text p{
	padding: 0 0%;
}

.join-branding .feature{
	padding-top: 20px;
}

.join-branding .feature ul li{
	width: 80px;
	margin: 0 12px;
	padding: 24px 0 36px;
}

.join-branding .feature ul li h3{
	font-size: 24px;
}

.join-branding .feature ul li p{
	display: none;
}



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



.join-honor:before{
	right: -150px;
}

.join-honor .text p{
	padding: 0 0%;
}

.join-honor .text p span{
	display: inline;
}


.join-honor .feature{
	padding: 14px 0 56px;
}

.join-honor .feature ul li{
	width: 32%;
	margin-top: 30px;
}

.join-honor .feature ul li:first-child{
	border-left: initial;
}

.join-honor .feature ul li:nth-of-type(4){
	border-left: initial;
}


.join-honor .feature ul li img{
	height: 60px;
}

.join-honor .feature ul li h3{
	font-size: 14px;
	margin-top: 12px;
	letter-spacing: 0;
}

.join-honor .feature ul li p{
	font-size: 12px;
	 transform: scale(.7);
	 margin-top: 4px;
}



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




.method-box{
	padding-top: 20px;
}

.method-box ul li{
	margin-top: 12px;
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	padding: 52px 0;
}

.method-box ul li:first-child{
	margin-left: 0;
}

.method-box ul li:nth-child(3n+1){
	margin-left: 0;
}

.method-box ul li img{
	height: 50px;
}

.method-box ul li span{
	width: 24px;
	height: 2px;
	margin: 24px 0 16px;
}

.method-box ul li h3{
	font-size: 20px;
}

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





/*品牌介绍*/

.brand-company{
	padding: 56px 0 56px;
}

.brand-company:before{
	display: none;
}


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

.brand-company .title h3{
	font-size: 14px;
	border-radius: 20px;
	padding: 0 24px;
	height: 36px;
	line-height: 34px;
	margin-top: 16px;
}


.brand-company .chara{
	margin-top: 32px;
}

.brand-company .chara ul li{
	padding: 0 28px;
	border-left: 1px solid #dddddd;
}

.brand-company .chara ul li:first-child{
	border-left: initial;
}

.brand-company .chara ul li h4{
	font-size: 20px;
	line-height: 32px;
}

.brand-company .chara ul li p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 2px;
}

.brand-company .text{
	font-size: 16px;
	line-height: 32px;
	margin-top: 32px;
	padding: 0 0%;
}




.brand-guarantee{
	padding: 56px 0 56px;
}

.brandtitle{
	padding: 0 0%;
}

.brandtitle h2{
	font-size: 32px;
}

.brandtitle p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 12px;
}

.brandtitle p span{
	display: inline;
}


.guarantee-list{
	padding-top: 24px;
}

.guarantee-list ul li{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	padding: 30px 0 24px;
}

.guarantee-list ul li:first-child{
	margin-left: 0;
}

.guarantee-list ul li .pic{
	padding: 0 10%;
}

.guarantee-list ul li .text{
	margin-top: 32px;
	padding: 0 8%;
}

.guarantee-list ul li h3{
	font-size: 16px;
}

.guarantee-list ul li p{
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}




.brand-manufacture .base-box{
	margin-top: 32px;
}




.brand-accessory{
	padding: 56px 0 64px;
}


.accessory-list{
	margin-top: 32px;
}

.gallery-cell {
  height: 320px;
}

.gallery-cell .pic img{
  height: 320px;
}

.gallery-cell .text {
  padding: 60px 2% 32px;
}

.gallery-cell .text h3{
	font-size: 18px;
}

.gallery-cell .text p{
	font-size: 14px;
	margin-top: 10px;
}


.gallery--auto-play-demo .gallery-cell { margin-right: 2%; }



.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
}


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

.flickity-prev-next-button svg {
  position: absolute;
  left: 32%;
  top: 32%;
  width: 36%;
  height: 36%;
}



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

.flickity-page-dots .dot {
  width: 20px;
  height: 3px;
  margin: 0 4px;
}





.brand-host-honor{
	height: 340px;
	background: #094E45 url(../images/honor_host_pic.jpg) left center no-repeat;
	background-size: auto 100%;
}

.brand-host-honor .text{
	padding-top: 88px;
	width: 50%;
}

.brand-host-honor .text h2{
	font-size: 24px;
}

.brand-host-honor .text ul{
	margin-top: 24px;
}

.brand-host-honor .text ul li{
	font-size: 12px;
	line-height: 24px;
}



.brand-honor{
	padding: 56px 0;
}

.brand-honor-list{
	padding-top: 8px;
	border-bottom: initial;
	padding-bottom: 0;
	margin-bottom: 0;
	overflow: hidden;
}





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

.cooperate-list{
	padding-top: 20px;
}

.cooperate-list ul li{
	width: 32.26%;
	margin-left: 1.6%;
	padding: 20px 0;
	float: left;
	margin-top: 10px;
}

.cooperate-list ul li:nth-child(4n+1){
	margin-left: 1.6%;
}

.cooperate-list ul li:nth-child(3n+1){
	margin-left: 0;
}

.cooperate-list ul li img{
	height: 44px;
}

.cooperate-list ul li h3{
	font-size: 16px;
}





/*首页*/

.index-banner .slider-arrow {
	margin-bottom: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.index-banner .slider-arrow--right {
	right: 10px;
	background-size: 8px 13px;
}
.index-banner .slider-arrow--left {
	left: 10px;
	background-size: 8px 13px;
}

.index-banner .slider-nav {
	bottom: 16px;
}
.index-banner .slider-nav__item {  
	width: 16px;
	height: 2px;
	margin: 0 3px;
}


/*banner*/

.pc{
	display: none;
}

.phone {
	display: block;
}



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

.index-product-list{
	margin-top: 32px;
	margin-bottom: 20px;
	height: 624px;
}


.index-product-list .item{
	width: 50%;
	height: 312px;
}


.index-product-list .item:nth-of-type(2):before,.index-product-list .item:nth-of-type(3):before,.index-product-list .item:nth-of-type(6):before{
	width: 300px;
	height: 240px;
	left: -100px;
	bottom: -100px;
}

.index-product-list .item .text{
	width: 100%;
	height: auto;
	float: left;
}

.index-product-list .item .text .box{
	padding: 24px 5% 0 5%;
}

.index-product-list .item .pic{
	width: 100%;
	float: right;
	height: auto;
}

.index-product-list .item .pic img{
	height: 200px;
}


.index-product-list .item .text h2{
	font-size: 18px;
	line-height: 32px;
	padding: 0 5%;
}

.index-product-list .item .text p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 2px;
}

.index-product-list .item .text a{
	font-size: 12px;
	line-height: 22px;
	margin-top: 8px;
}

.icon-des{
	width: 6px;
	height: 9px;
	margin-left: 6px;
	bottom: -1px;
	top: initial;
}


#poster-btn{
	padding-right: 28px;
}

#poster-btn:after{
	right: 0;
	top: 8px;
	width: 15px;
	height: 9px;
}





.product-rec.index-applicat{
	background: initial;
	padding: 0;
}

.product-rec.index-applicat .applicat-advant-list{
	margin-top: 0;
}



.index-brand{
	height: 560px;
}


.index-brand .text{
	padding-top: 56px;
	width: 72%;
}

.index-brand .text h2{
	font-size: 32px;
	line-height: 40px;
}

.index-brand .text h2 span{
	display: inline;
}

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

.index-brand .text a{
	font-size: 14px;
	width: 118px;
	line-height: 36px;
	height: 36px;
	margin-top: 30px;
}



.index-brand .chara{
	padding: 48px 0 28px;
}


.index-brand .chara ul li:after{
	display: none;
}

.index-brand .chara ul li h3{
	font-size: 20px;
	line-height: 30px;
}

.index-brand .chara ul li p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 6px;
}





.index-case-menu{
	padding: 56px 0 24px;
}

.index-case-menu ul li{
	width: 32.26%;
	margin-left: 1.6%;
	float: left;
}


.index-case-menu ul li .box{
	padding: 6px;
}

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

.index-case-menu ul li .pic{
	float: left;
	width: 38%;
}

.index-case-menu ul li .text{
	float: right;
	width: 56%;
	padding-top: 0px;
}

.index-case-menu ul li h2{
	font-size: 14px;
	line-height: 22px;
}

.index-case-menu ul li p{
	font-size: 12px;
	line-height: 20px;
	max-height: 20px;
	-webkit-line-clamp: 1;
	margin-top: 0px;
}


.index-case-pic .tab-item img{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 500px;
}





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

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

.tabs-1 a{
	width: 96px;
	font-size:14px;
	line-height: 32px;
	margin-left: 6px;
}




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


.indexnews-not{
	width: 49%;
	height: 420px;
}

.indexnews-not .time{
	padding: 8px 10px 10px;
	transform: scale(.8);
}

.indexnews-not .time i{
	font-size: 36px;
	line-height: 40px;
}

.indexnews-not .time span{
	font-size: 12px;
	line-height: 14px;
}

.indexnews-not .tp img{
	height: 420px;
}

.indexnews-not .text{
	padding: 80px 24px 32px;
}

.indexnews-not .text h2{
	font-size: 18px;
	line-height: 32px;
	-webkit-line-clamp: 2;
}

.indexnews-not .text a{
	font-size: 12px;
	line-height: 22px;
	margin-top: 14px;
}

.icon-learn{
	width: 6px;
	height: 9px;
	margin-left: 8px;
	bottom: -1px;
	top: initial;
}



.indexnews-middle{
	width: 49%;
	float: left;
	margin: 0 0 0 2%;
}

.indexnews-middle .item{
	margin-top: 10px;
	height: 205px;
}

.indexnews-middle .item:first-child{
	margin-top: 0;
}

.indexnews-middle .item .box{
	padding: 20px 20px;
}

.indexnews-middle .item .text h2{
	font-size: 18px;
	line-height: 32px;
}

.indexnews-middle .item .text p{
	font-size: 14px;
	line-height: 24px;
	max-height: 48px;
	margin-top: 8px;
	-webkit-line-clamp: 2;
}

.indexnews-middle .item .time-det{
	margin-top: 15px;
	padding-top: 8px;
}

.indexnews-middle .item .time-det .time{
	float: left;
	transform: scale(.8);
	margin-left: -6px;
}

.indexnews-middle .item .time-det .time i{
	font-size: 36px;
	line-height: 40px;
}

.indexnews-middle .item .time-det .time span{
	font-size: 12px;
	line-height: 14px;
}

.indexnews-middle .item .time-det .des{
	float: right;
	margin-top: 8px;
}

.indexnews-middle .item .time-det .des a{
	width: 34px;
	height: 34px;
}






.indexnews-right{
	width: 100%;
	margin-top: 20px;
}

.indexnews-right .item{
	margin-top: 0px;
	height: auto;
	width: 49%;
	margin-left: 2%;
	margin-right: 0;
	float: left;
}

.indexnews-right .item:first-child{
	margin-top: 0;
	margin-left: 0;
}

.indexnews-right .item:last-child{
	display: none;
}

.indexnews-right .item .box{
	padding: 20px 20px;
}

.indexnews-right .item .time{
	float: left;
	padding-top: 0;
	margin: -4px 0 0 -4px;
	transform: scale(.8);
	
}

.indexnews-right .item .time i{
	font-size: 36px;
	line-height: 40px;
}

.indexnews-right .item .time span{
	font-size: 12px;
	line-height: 14px;
}


.indexnews-right .item .text{
	width: 72%;
	float: right;
	padding-left: 5.5%;
}

.indexnews-right .item .text h2{
	font-size: 16px;
	line-height: 28px;
	-webkit-line-clamp: 2;
	max-height: 56px;
}

.indexnews-right .item .text a{
	width: 10px;
	height: 9px;
	margin-top: 16px;
}