#tc{
	display: none;
}

.tc-ly-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 999;
}


.l-mess{
	position: fixed;
	top: 30%;
	left: 50%;
	width: 480px;
	margin-left: -276px;
	z-index: 9999;
	background: #fff;
	padding: 28px 36px;
	text-align: left;
}

.l-mess-tit{
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
}

.l-mess-tit h2{
	text-align: center;
	color: #00837E;
	font-size: 22px;
}


.l-mess a.close-reveal-modal {
    font-size: 30px;
    position: absolute;
    top: -30px;
    right: -28px;
    color: rgba(255,255,255,.5);
    cursor: pointer;
}

.l-mess a.close-reveal-modal:hover {
	color: rgba(255,255,255,1);
}


.l-mess .l-m-com{
	font-size: 17px;
	color: #333333;
	font-weight: bold;
	margin-top: 20px;
}

.l-mess .l-m-com span{
	color: #D0121B;
}

.l-mess .l-m-des{
	
}

.l-mess .l-m-b{
	margin-top: 16px;
}

.l-mess .l-m-l{
	float: left;
	width: 48%;
}

.l-mess .l-m-r{
	float: right;
	width: 48%;
}


.l-mess .l-m-b i,.l-mess .l-m-h i{
	color: #333333;
	font-size: 14px;
}

.l-mess .l-m-b em{
	color: #D0121B;
}

.l-mess .l-m-b input{
	border: 1px solid #dddddd;
	font-size: 14px;
	color: #666;
	display: block;
	margin-top: 10px;
	width: 89.8%;
	height: 36px;
	padding: 0 5%;
	outline: initial;
}

.l-mess .l-m-b span{
	color: #858585;
	margin-left: 8px;
	font-size: 12px;
}


.l-mess .l-m-h textarea{
	outline: initial;
	border: 1px solid #dddddd;
	font-size: 14px;
	color: #666;
	display: block;
	margin-top: 10px;
	width: 93.8%;
	height: 56px;
	padding: 8px 3%;
}


.l-mess .l-m_submit a{
	width: 100%;
	color: #FFFFFF;
    background: #00837E;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
}



/*--serverBar--*/
.serverBar{display:block;position:fixed;z-index:99999999;bottom:120px;right: 24px;}
.serverBar li{margin-bottom: 10px;}
.serverBar li a{display:block;padding: 5px 5px;width: 59px;height: 59px;text-align:center;color:#FFFFFF !important;background:#00827E;border-radius: 8px;}
.serverBar li:last-child a{background:#444;}
.serverBar li a>span{display:block;font-size:12px;transform: scale(.9);margin-top: 2px;}
.serverBar li:hover a{color:#fff !important;background:#00827E;}


.serverBar a .icon{
	margin-top: 6px;
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
}

.serverBar a .icon.con{
	background: url(../images/con_icon.png) center center no-repeat;
}


.serverBar a .icon.top{
	background: url(../images/top_icon.png) center center no-repeat;
}

#gotop{
	display: none;
}

@media(max-width:768px){
.serverBar{bottom:64px;right: 10px;}
.serverBar li{display:none;}
.serverBar li#backTop{display:none;}
.serverBar li a>span{display:none;}
.serverBar li a{display:none;padding: 10px 0px 0px 0px;width: 48px;height: 38px;text-align:center;border-radius: 6px; transform: scale(.8); !important;}
.serverBar a .icon{
	margin-top: 0;
}
}
/*--end serverBar--*/




.head-tran .header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	height: 90px;
}

.container{
	max-width: 1440px;
	margin: 0 auto;
}



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

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

.logo-primary{
	display: none;
}


.stock-code{
	font-size: 12px;
	color: #fff;
	font-weight: initial;
	display: block;
	margin-top: 6px;
}


.tel-search{
	position: relative;
	margin-left: 40px;
}

.tel-search:before{
	position: absolute;
	left: -30px;
	top: 38px;
	height: 16px;
	width: 1px;
	background-color: rgba(255,255,255,.3);
	display: block;
	content: "";
}


.not-tel{
	line-height: 90px;
	float: right;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	font-family: "arial, helvetica, sans-serif";
}

.tel-icon{
	width: 26px;
	height: 26px;
	background: url(../images/tel_icon.png) center center no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	bottom: -3px;
	margin-right: 12px;
}




/*菜单*/

.menu-box{
	float: right;
	width: 77%;
	display: flex;
}

nav {
	
}

#starlist {
	text-align: center;
}

#starlist li {
	display: inline-block;
	text-align: center;
}



#starlist li>a {
	color: rgba(255,255,255,.6);
	font-size: 18px;
	display: block;
	line-height: 90px;
	position: relative;
	z-index: 9;
	transition: initial;
	margin: 0 17px;
}

#starlist li.active>a {
	color: rgba(255,255,255,1);
}

#starlist li:hover>a {
	color: rgba(255,255,255,1);
}


#starlist ul {}


#starlist li .sub {
	position: absolute;
	right: 0;
	top: 90px;
	width: 100%;
	height: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	z-index: 1;
	box-shadow: 0 1px 5px rgba(0,0,0,.1);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 90px;
	padding: 14px 0;
	height: auto;
	z-index: 99;
}


#starlist ul.sub {
	text-align: center;
}

#starlist ul.sub li {
	float: initial;
	display: inline-table;
	width: auto;
	text-align: center;
	margin: 0 10px;
}

#starlist ul.sub li a {
	color: #333;
	font-size: 15px;
	line-height: 30px;
	height: initial;
	font-weight: initial;
	margin: 0;
}


#starlist ul.sub li:hover a {
	color: #ed6d00;
	background: initial;
}




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

.menu:before,#starlist .active:before {
	position: absolute;
	content: "";
	top: 25px;
	right: 5px;
	background-image: url(../images/jt.png);
	background-position: center center;
	background-size: 100%;
	width: 20px;
	height: 11px;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu:hover:before,#starlist .active:hover:before {
	transform: rotate(180deg)
}

#mnavh {
	display: none;
	margin: 26px 0 0 0;
	width: 16px;
	height: 24px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}


.navicon {
	display: block;
	position: relative;
	width: 24px;
	height: 2px;
	background-color: #fff;
	bottom: -8px;
	cursor: pointer;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -8px;
}

.navicon:after {
	margin-top: 8px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
}



/*导航鼠标切换*/

.head-tran:hover .header .navicon {
	background: #333;
}

.head-tran:hover .header .open .navicon {
	background: none
}

.head-tran:hover .header .navicon:before,
.head-tran:hover .header .navicon:after{
	background: #333;
}

.head-tran:hover .header .open .navicon:before,
.head-tran:hover .header .open .navicon:after{
	background: #333;
}

.head-tran:hover .header {
	background-color: rgba(255,255,255,1);
}

.head-tran:hover .header .logo-white{
	display: none;
}

.head-tran:hover .header .logo-primary{
	display: inline-block;
}

.head-tran:hover .header .stock-code{
	color: #333333;
}

.head-tran:hover .header .tel-search:before{
	background-color: rgba(0,0,0,.2);
}

.head-tran:hover .header .not-tel{
	color: #00837e;
}

.head-tran:hover .header .tel-icon{
	background: url(../images/tel_icon_primary.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran:hover .header #starlist li>a{
	color: rgba(51,51,51,1);
}

.head-tran:hover .header #starlist li.active>a{
	color: rgba(0,121,131,1);
}

.head-tran:hover .header #starlist li:hover>a{
	color: rgba(0,121,131,1);
}



/*原色*/
.head-tran.head-primary .header .navicon {
	background: #333;
}

.head-tran.head-primary .header .open .navicon {
	background: none
}

.head-tran.head-primary .header .navicon:before,
.head-tran.head-primary .header .navicon:after{
	background: #333;
}

.head-tran.head-primary .header .open .navicon:before,
.head-tran.head-primary .header .open .navicon:after{
	background: #333;
}

.head-tran.head-primary .header {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 1px rgba(0,0,0,.3);
}

.head-tran.head-primary .header .logo-white{
	display: none;
}

.head-tran.head-primary .header .logo-primary{
	display: inline-block;
}

.head-tran.head-primary .header .stock-code{
	color: #333333;
}

.head-tran.head-primary .header .tel-search:before{
	background-color: rgba(0,0,0,.2);
}

.head-tran.head-primary .header .not-tel{
	color: #00837e;
}

.head-tran.head-primary .header .tel-icon{
	background: url(../images/tel_icon_primary.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran.head-primary .header #starlist li>a{
	color: rgba(51,51,51,1);
}

.head-tran.head-primary .header #starlist li.active>a{
	color: rgba(0,121,131,1);
}

.head-tran.head-primary .header #starlist li:hover>a{
	color: rgba(0,121,131,1);
}


.head-primary .head-height{
	height: 90px;
}



/*导航悬浮*/
.head-tran .header.fixed .navicon {
	background: #333;
}

.head-tran .header.fixed .open .navicon {
	background: none
}

.head-tran .header.fixed .navicon:before,
.head-tran .header.fixed .navicon:after{
	background: #333;
}

.head-tran .header.fixed .open .navicon:before,
.head-tran .header.fixed .open .navicon:after{
	background: #333;
}

.head-tran .header.fixed {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}

.head-tran .header.fixed .logo-white{
	display: none;
}

.head-tran .header.fixed .logo-primary{
	display: inline-block;
}

.head-tran .header.fixed .stock-code{
	color: #333333;
}

.head-tran .header.fixed  .tel-search:before{
	background-color: rgba(0,0,0,.2);
}

.head-tran .header.fixed .not-tel{
	color: #00837e;
}

.head-tran .header.fixed .tel-icon{
	background: url(../images/tel_icon_primary.png) center center no-repeat;
	background-size: 100% 100%;
}

.head-tran .header.fixed #starlist li>a{
	color: rgba(51,51,51,1);
}

.head-tran .header.fixed #starlist li.active>a{
	color: rgba(0,121,131,1);
}

.head-tran .header.fixed #starlist li:hover>a{
	color: rgba(0,121,131,1);
}




/*底部*/

.foot{
	background: #26272a;
}

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

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

.foot-menu ul:first-child{
	display: flex;
	justify-content: space-between;
}

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

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

.foot-menu ul li a:hover{
	color: #ffffff;
}

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

.foot-menu ul li ul li{
	float: initial;
	width: initial;
	margin-bottom: 0;
}

.foot-menu ul li ul li a{
	font-size: 14px;
	color: #b0b0b0;
	line-height: 36px;
}


.foot-des{
	float: right;
}

.foot-tel p{
	font-size: 14px;
	color: #b0b0b0;
	text-align: right;
}

.foot-tel b{
	font-size: 36px;
	color: #ffffff;
	text-align: right;
	display: block;
	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;
	color: #999999;
	margin-top: 8px;
	text-align: center;
}


.foot-id{
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	margin-top: 16px;
}

.foot-id p{
	color: #b0b0b0;
}

.foot-id span{
	color: #eee;
	display: block;
}

.foot-id i{
	display: none;
}


.foot-copy-box{
	padding: 20px 0 20px;
	border-top: 1px solid #464748;
}

.foot-copy{
	font-size: 14px;
	color: #888;
	float: left;
}

.foot-copy a{
	font-size: 14px;
	color: #888;
}

.foot-copy a:hover{
	color: #FFFFFF;
}

.foot-spt{
	font-size: 14px;
	color: #888;
	float: right;
}

.foot-spt a{
	font-size: 14px;
	color: #888;
}

.foot-spt a:hover{
	color: #FFFFFF;
}


.link{
	margin-top: -8px;
	padding-bottom: 24px;
	background: #26272a;
	color: #888;
	font-size: 14px;
	line-height: 20px;
}

.link a{
	color: #888;
	font-size: 14px;
	margin-right: 10px;
}

.link a:hover{
	color: #FFFFFF;
}










.solution{
	width: 100%;
	height: 1732px;
	background: url(../images/solution.jpg) top center no-repeat;
}


.solution-page{
	width: 100%;
	height: 6938px;
	background: url(../images/solution-page.jpg) top center no-repeat;
}


.index{
	width: 100%;
	height: 5896px;
	background: url(../images/index-2.jpg) top center no-repeat;
}


.index1{
	width: 100%;
	height: 5894px;
	background: url(../images/index-3.jpg) top center no-repeat;
}






/*案例*/

.list-banner{
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.list-banner:before{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	z-index: 8;
	
}

.list-tp-video video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    object-fit: cover;
}

.list-tp-video iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    object-fit: cover;
}

.list-banner .container{
	position: relative;
	z-index: 9;
	height: 88vh;
	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;
}


.list-banner .text{
	text-align: center;
}

.list-banner .text h2{
	font-size: 56px;
	color: #ffffff;
}

.list-banner .text h3{
	font-size: 18px;
	color: #ffffff;
	margin-top: 24px;
	font-weight: initial;
}


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

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

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

.list-cru a:hover{
	font-size: 14px;
	color: #00837e;
}

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


.submenu{
	float: left;
}

.submenu ul li{
	display: inline-block;
	margin-left: 44px;
	line-height: 99px;
	position: relative;
}

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

.submenu ul li a:hover{
	color: #00837e;
}

.submenu ul li a:after{
	width: 0;
	height: 2px;
	background: #00837e;
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	
}

.submenu ul li a:hover:after{
	width: 100%;
}

.submenu ul li.active a{
	color: #00837e;
	font-weight: bold;
}

.submenu ul li.active a:after{
	width: 100%;
}



.case-list{
	background: #f8f8f8;
	padding: 120px 0 104px;
	text-align: center;
}

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

.case-important .item{
	background: #fff;
	position: relative;
	margin-top: 40px;
}

.case-important .item .pic{
	width: 66%;
	height: 540px;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

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

.case-important .item .textbox .title span{
	font-size: 14px;
	color: #ffffff;
	background: #00837e;
	display: inline-block;
	padding: 0 6px;
	height: 24px;
	line-height: 22px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.case-important .item .textbox .title h2{
	font-size: 28px;
	line-height: 40px;
	color: #333333;
	max-height: 80px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 18px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.case-important .item:hover .textbox .title h2{
	color: #00837e;
}


.case-important .item .textbox .text p{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	max-height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 28px;
}

.case-important .item .des-but{
	position: absolute;
	bottom: 80px;
	z-index: 9;
}

.case-important .item .des-but a{
	font-size: 14px;
	color: #666666;
}

.case-important .item .des-but a:hover{
	color: #00837e;
}

.des-icon{
	width: 8px;
	height: 11px;
	background: url(../images/des_icon.png) center center no-repeat;
	display: inline-block;
	position: relative;
	bottom: -1px;
	margin-left: 2px;
}

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



.case-list-box{
	padding: 24px 0 64px;
	
}

.case-list-box .item{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	background: #fff;
	margin-top: 24px;
}

.case-list-box .item:hover{
	box-shadow: 0 0 6px rgba(0,0,0,.08);
}


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

.case-list-box .item .box{
	padding: 16px;
	position: relative;
}

.case-list-box .item .type{
	position: absolute;
	right: 34px;
	top: 34px;
	z-index: 1;
	font-size: 14px;
	color: #ffffff;
	background: #00837e;
	display: inline-block;
	padding: 0 6px;
	height: 24px;
	line-height: 22px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.case-list-box .item .pic{
	overflow: hidden;
}

.case-list-box .item .title{
	
}

.case-list-box .item .title h2{
	font-size: 18px;
	max-height: 32px;
	color: #333333;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	margin: 22px 0 12px;
	text-align: center;
	font-weight: initial;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.case-list-box .item:hover .title h2{
	color: #00837e;
}


.increase-more{
	font-size: 14px;
	color: #ffffff;
	background: #00837e;
	display: inline-block;
	height: 40px;
	line-height: 38px;
	padding: 0 22px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.increase-more:hover{
	background: #329a96;
}




.case-page-box{
	background: #f8f8f8;
}

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

.page-cru span{
	margin: 0 8px;
	font-size: 14px;
	color: #dddddd;
}

.page-cru a{
	font-size: 14px;
	color: #999999;
}

.page-cru a:hover{
	color: #007983;
}


.case-infor{
	overflow: hidden;
}

.case-infor .container{
	background: #FFFFFF;
}

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

.ProductIntroduction {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color:#fff;
}

.ProductExhibition {
	position: absolute;
	right: 0;
	height: 100%;
	z-index: 2;
	text-align: right;
	padding: 0 12px;
	background: rgba(0,0,0,.32);
}

.ProductExhibition .Exhibition_num .Exhibition_item {
	position: relative;
	margin: 12px 0;
	cursor: pointer;
}

.ProductExhibition .Exhibition_num .Exhibition_item:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.24);
	display: block;
	content: "";
}

.ProductExhibition .Exhibition_num .Exhibition_item img {
	width: 152px;
	height: 97px;
	vertical-align: top;
	box-sizing: border-box;
}

.ProductExhibition_box,
.ProductExhibition_box .Exhibition_Img,
.ProductExhibition_box .Exhibition_Img img {
	height: 608px;
}

.ProductExhibition_box .Exhibition_Img img {
	box-sizing: border-box;
}

.Exhibition_items::after {
	/* position: absolute;
	display: block;
	width: 0;
	height: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	border-radius: 0 3px 0 0;
	border-color: #af5000 #af5000 transparent transparent;
	border-style: solid;
	border-width: 6px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	left: -5px;
	right: 0;
	background: -o-linear- n(45deg,  rgba(255, 255, 255, 0)  0, rgba(255, 255, 255, 0) 49%, #af5000 50%, #af5000 100%) no-repeat border-box;
	background: linear-gradient(45deg,  rgba(255, 255, 255, 0) , rgba(255, 255, 255, 0) 49%,#af5000 50%, #af5000) no-repeat border-box;
	content: ""; */
}

.Exhibition_items {
	/*position: absolute;
	right: 28px;
	top: 13px;
	width: 168px;
	height: 92px;
	box-sizing: border-box;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 3px #af5000;
	box-shadow: inset 0 0 0 3px #af5000;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
	-o-transition: transform .5s cubic-bezier(.86, 0, .07, 1);
	transition: transform .5s cubic-bezier(.86, 0, .07, 1);
	transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1); */
}

.icon_LImg img,
.icon_RImg img {
	width: 5px;
	height: 9px;
	margin-top: 8px;
}

.icon_LImg,
.icon_RImg {
	position: absolute;
	z-index: 30;
	width: 26px;
	height: 26px;
	border-radius: 2rem;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}

.icon_LImg {
	top: -30px;
	transition: all .3s;
	right: 72px;
}

.icon_RImg {
	right: 72px;
	transition: all .3s;
	top: 620px;
}

.icon_LImg:hover,
.icon_LImg:focus,
.icon_RImg:hover,
.icon_RImg:focus {
	
}

.ProductExhibition:hover .icon_LImg {
	top: -30px;
}

.ProductExhibition:hover .icon_RImg {
	top: 566px;
}

.icon_LImg img {
	transform: rotate(90deg);
}

.icon_RImg img {
	transform: rotate(-90deg);
}

.ProductExhibition .Exhibition_num .Exhibition_item.czt_active:after{
	opacity: 0;
}

.ProductExhibition_wrap {
	position: relative;
	width: 100%;
	height: 608px;
}

.ProductExhibition_box {
	position: absolute;
	transition: all .5s;
}

.ProductExhibition_box img {
	height: auto;
}



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

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

.case-page-text .title h2{
	font-size: 20px;
	line-height: 32px;
	color: #333333;
	letter-spacing: 0;
}

.case-page-text .title h2 span{
	display: inline-block;
	background: linear-gradient(to right,#00837e,#00beb7);
	font-weight: initial;
	font-size: 12px;
	color: #ffffff;
	height: 20px;
	line-height: 18px;
	padding: 0 6px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	position: relative;
	top: -3px;
	margin-right: 10px;
}

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


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

.case-page-text .chara ul li{
	width: 100%;
	padding: 24px 0;
	border-top: 1px solid #eeeeee;
	font-size: 14px;
}

.case-page-text .chara ul li p{
	display: inline-block;
	font-size: 14px;
	color: #333333;
}

.case-page-text .chara ul li span{
	font-size: 14px;
	color: #666666;
	display: inline-block;
	margin-right: 28px;
}

.case-page-text .chara ul li i{
	font-size: 12px;
	color: #333333;
	display: inline-block;
	margin-right: 8px;
	padding: 0 6px;
	background: #f8f8f8;
	height: 20px;
	line-height: 20px;
}


.case-page-text .description{
	border-top: 1px solid #eeeeee;
	padding-top: 24px;
	line-height: 26px;
}

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

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

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

.case-page-text .button a{
	padding: 0 18px;
	display: inline-block;
	border: 1px solid #00837e;
	font-size: 14px;
	font-weight: bold;
	color: #00837e;
	height: 38px;
	line-height: 36px;
}

.case-page-text .button a:hover{
	background: #00837e;
	color: #fff;
}

.acquire{
	margin-right: 8px;
}

.case-page-text .button a.consult{
	background: #00837e;
	color: #fff;
}

.case-page-text .button a.consult:hover{
	opacity: .8;
}




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

.case-content-box{
	background: #FFFFFF;
	padding: 100px;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}

.case-paging{
	padding: 72px 0 104px;
	text-align: center;
}

.case-paging a{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0 22px;
}

.on{
	background: url(../images/case_left.png) center center no-repeat;
	background-size: 100% 100%;
}

.set{
	background: url(../images/case_list.png) center center no-repeat;
	background-size: 100% 100%;
}

.un{
	background: url(../images/case_right.png) center center no-repeat;
	background-size: 100% 100%;
}

.on:hover{
	background: url(../images/case_left_a.png) center center no-repeat;
	background-size: 100% 100%;
}

.set:hover{
	background: url(../images/case_list_a.png) center center no-repeat;
	background-size: 100% 100%;
}

.un:hover{
	background: url(../images/case_right_a.png) center center no-repeat;
	background-size: 100% 100%;
}



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

.case-recommend .rectitle h2{
	font-size: 36px;
	color: #333333;
	float: left;
}

.case-recommend .rectitle .more{
	font-size: 14px;
	color: #333333;
	float: right;
	display: inline-block;
	height: 38px;
	line-height: 36px;
	padding: 0 20px;
	border: 1px solid #dddddd;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-top: 6px;
}

.case-recommend .rectitle .more:hover{
	color: #FFFFFF;
	border: 1px solid #00837e;
	background: #00837e;
}

.case-list-box.case-rec-list {
	padding: 24px 0 0 0;
	text-align: center;
}

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





.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 999;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		display: none;
		top: 200px; 
		left: 50%;
		width: 680px;
		margin-left: -340px;
		position: absolute;
		z-index: 9999;
		}
		

.reveal-modal .close-reveal-modal {
	font-size: 36px;
	line-height: .5;
	position: absolute;
	top: -28px;
	right: -28px;
	color: #999;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: initial;
	cursor: pointer;
} 






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

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

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

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

.sign-con .title{
	text-align: center;
}

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

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

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

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

.sign-input .item input{
	font-size: 16px;
	color: #333333;
	width: 92%;
	padding: 0 3%;
	height: 48px;
	border: initial;
	background: #f8f8f8;
	margin-top: 14px;
	outline: initial;
}

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

.sign-submit a{
	display: inline-block;
	width: 160px;
	height: 48px;
	line-height: 44px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #007983;
	color: #fff;
	transition: initial;
	-moz-transition: initial;
	-webkit-transition: initial;
}

.sign-submit a:hover{
	opacity: .8;
}



.news-list-box{
	padding: 104px 0;
	background: #F8F8F8;
}

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

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

.news-rec .item:first-child{
	margin-left: 0;
}

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

.news-rec .item .text{
	margin-top: 26px;
	position: relative;
}

.news-rec .item .text:after{
	position: absolute;
	right: 0;
	top: 6px;
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background: url(../images/news_jt.png) center center no-repeat;
	background-size: 100% 100%;
	 transition: all 0.3s;
}

.news-rec .item:hover .text:after{
	background: url(../images/news_jt_a.png) center center no-repeat;
	background-size: 100% 100%;
}

.news-rec .item .text span{
	font-size: 14px;
	color: #999999;
}

.news-rec .item .text h2{
	font-size: 22px;
	color: #333333;
	line-height: 32px;
	max-height: 32px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-top: 10px;
	 transition: all 0.3s;
}

.news-rec .item:hover .text h2{
	color: #00837e;
}

.news-rec .item .text p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	max-height: 52px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 16px;
}




.news-list{
	padding-top: 72px;
	border-top: 3px solid #000;
	text-align: center;
}

.news-list .item{
	padding-top: 32px;
	margin-top: 32px;
	border-top: 1px solid #dddddd;
}

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

.news-list .item:last-child{
	padding-bottom: 72px;
	margin-bottom: 48px;
	border-bottom: 1px solid #dddddd;
}

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

.news-list .item .text{
	width: 65.46%;
	float: right;
	margin-top: 20px;
	position: relative;
	text-align: left;
}

.news-list .item .text:after{
	position: absolute;
	right: 0;
	top: 6px;
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background: url(../images/news_jt.png) center center no-repeat;
	background-size: 100% 100%;
	 transition: all 0.3s;
}

.news-list .item:hover .text:after{
	background: url(../images/news_jt_a.png) center center no-repeat;
	background-size: 100% 100%;
}

.news-list .item .text h2{
	font-size: 22px;
	color: #333333;
	line-height: 32px;
	max-height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 56%;
	transition: all 0.3s;
}

.news-list .item:hover .text h2{
	color: #00837e;
}

.news-list .item .text i{
	display: block;
	width: 24px;
	height: 3px;
	background: #00837e;
	margin-top: 20px;
}

.news-list .item .text p{
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 32px;
}

.news-list .item .text span{
	font-size: 14px;
	color: #999999;
	margin-top: 56px;
	display: block;
}




.news-page-content{
	background: #F8F8F8;
	padding: 112px 0 104px;
}

.news-page-content .container{
	max-width: 1098px;
}

.news-page-title{
	text-align: center;
}

.news-page-title h2{
	font-size: 30px;
	color: #333333;
	margin-bottom: 14px;
}

.news-page-title span{
	font-size: 14px;
	color: #999999;
	margin: 0 12px;
}



.news-content{
	background: #FFFFFF;
	margin-top: 48px;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}

.news-content .box{
	padding: 50px;
}

.news-paging{
	margin-top: 48px;
	display: flex;
	justify-content:space-between;
}

.n-on a,.n-set a,.n-un a{
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}

.n-on a:hover,.n-set a:hover,.n-un a:hover{
	color: #00837E;
}

.on-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/case_left.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	bottom: -2.5px;
	margin-right: 8px;
}

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

.set-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/case_list.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	bottom: -2.5px;
	margin-right: 8px;
}

a:hover .set-icon{
	background: url(../images/case_list_a.png) center center no-repeat;
	background-size: 100% 100%;
}

.un-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/case_right.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	bottom: -2.5px;
	margin-left: 8px;
}

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


.case-recommend .news-rec{
	margin-bottom: 0;
	margin-top: 56px;
}




/*荣誉*/

.brand-menu{
	position: relative;
	top: -40px;
	z-index: 9;
}

.brand-menu ul{
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.brand-menu ul.list-menu{
	height: initial;
}

.brand-menu ul li{
	display: inline-block;
	float: left;
	width: 16.66%;
}

.brand-menu ul li a{
	font-size: 16px;
	color: #333333;
	display: block;
	height: 80px;
	line-height: 80px;
	text-align: center;
	position: relative;
}

.brand-menu ul li a:hover{
	font-weight: bold;
}

.brand-menu ul li a:after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0;
	height: 2px;
	background: #00837E;
	display: block;
	content: "";
	transition: all 0.3s;
}

.brand-menu ul li a:hover:after{
	width: 100%;
}

.brand-menu ul li.active a{
	font-weight: bold;
}

.brand-menu ul li.active a:after{
	width: 100%;
}


.honor-content:before{
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	height: 80px;
	background: #F8F8F8;
	display: block;
	content: "";
	z-index: 2;
}

.honor-content{
	background: #F8F8F8;
	position: relative;
	padding: 80px 0 120px;
}


.honor-menu{
	text-align: center;
}

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

.honor-menu ul li a{
	display: block;
	padding: 0 18px;
	font-size: 16px;
	color: #666666;
	background: #eeeeee;
	height: 36px;
	line-height: 34px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.honor-menu ul li a:hover{
	color: #FFFFFF;
	background: #00837E;
}

.honor-menu ul li.active a{
	color: #FFFFFF;
	background: #00837E;
}




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

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

.honor-list a .box{
}

.honor-list a .pic{
	position: relative;
	overflow: hidden;
	background: #FFFFFF;
	padding: 20px;
}

.honor-list a .pic:before{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a .pic:after{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/honor_amp.png) center center no-repeat;
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a:hover{
	box-shadow: 0 0 8px rgba(0,0,0,.08);
}

.honor-list a:hover .pic:before,.honor-list a:hover .pic:after{
	opacity: 1;
}

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

.honor-list a h3{
	font-size: 16px;
	color: #333333;
	text-align: center;
	font-weight: initial;
	margin-top: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 22px;
}



#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
      -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
           box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #baguetteBox-overlay .full-image figcaption {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      line-height: 1.8;
      white-space: normal;
      color: #ccc;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.6);
      font-family: sans-serif; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
            animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
            animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
       border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button {
    right: 2%; }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px; }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0; }

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }






.data-content:before,.video-content:before{
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	height: 80px;
	background: #F8F8F8;
	display: block;
	content: "";
	z-index: 2;
}

.data-content,.video-content{
	background: #F8F8F8;
	position: relative;
	padding: 60px 0 120px;
	text-align: center;
}

.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: 24px;
	position: relative;
	background: #fff;
}

.data-content .item:hover {
	box-shadow: 0 0 6px rgba(0,0,0,.1);
}

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

.data-content .item .box{
	padding: 12px;
	border: 1px solid #eee;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.data-content .item:hover .box{
	border: 1px solid #fff;
}

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

.data-content .item .title h2{
	font-size: 24px;
	font-weight: initial;
	color: #333333;
	max-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.data-content .item:hover .title h2{
	color: #00837E;
}

.data-content .item .title span{
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 6px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.data-content .item:hover .title span{
	color: #00837E;
}


.data-content .item .down-view{
	position: absolute;
	bottom: 26px;
	z-index: 9;
}

.data-content .item .down-view a{
	font-size: 14px;
	color: #757575;
	text-decoration: underline;
	margin-right: 36px;
}

.data-content .item .down-view a:hover{
	color: #00837E;
}

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

.data-content .item .box .pic img{
    transition: all 0.4s;
}

.data-content .item:hover .box .pic img{
	transform: scale(1.08);
    transition: all 0.4s;
}



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

.video-left a{
	display: block;
	position: relative;
}

.video-left a:before{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../images/video_amp.png) center center no-repeat;
	content: "";
	opacity: 0;
}

.video-left a:after{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	content: "";
	opacity: 0;
}

.video-left a:hover:before{
	opacity: 1;
}

.video-left a:hover:after{
	opacity: 1;
}


.video-left .text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 94%;
	padding: 15px 3%;
	background: url(../images/video_bg.png) center center no-repeat;
	background-size: 100% 100%;
}

.video-left .text h2{
	font-size: 20px;
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: initial;
	max-height: 30px;
}

.video-left .text p{
	color: rgba(255,255,255,.8);
	margin-top: 8px;
	font-size: 12px;
	line-height: 22px;
}

.video-left .text p .play{
	float: left;
	background: url(../images/video_icon.png) left 6px no-repeat;
	padding-left: 20px;
}

.video-left .text p .time{
	float: right;
}


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

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

.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{
	display: block;
	position: relative;
}

.video-right a:before{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../images/video_amp.png) center center no-repeat;
	content: "";
	opacity: 0;
}

.video-right a:after{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	content: "";
	opacity: 0;
}

.video-right a:hover:before{
	opacity: 1;
}

.video-right a:hover:after{
	opacity: 1;
}


.video-right .text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 92%;
	padding: 10px 4%;
	background: url(../images/video_bg.png) center center no-repeat;
	background-size: 100% 100%;
}

.video-right .text h2{
	font-size: 16px;
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: initial;
	max-height: 30px;
}

.video-right .text p{
	color: rgba(255,255,255,.8);
	margin-top: 4px;
	font-size: 12px;
	line-height: 22px;
}

.video-right .text p .play{
	float: left;
	background: url(../images/video_icon.png) left 6px no-repeat;
	padding-left: 20px;
}

.video-right .text p .time{
	float: right;
}



.video-list{
	padding-top: 70px;
	margin-top: 70px;
	border-top: 1px solid #dddddd;
	text-align: left;
}


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

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

.video-list .box{
	position: relative;
}

.video-list a .box:before{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../images/video_amp.png) center center no-repeat;
	content: "";
	opacity: 0;
}

.video-list a .box:after{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	content: "";
	opacity: 0;
}

.video-list a:hover .box:before{
	opacity: 1;
}

.video-list a:hover .box:after{
	opacity: 1;
}


.video-list .des{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 92%;
	padding: 10px 4%;
	background: url(../images/video_bg.png) center center no-repeat;
	background-size: 100% 100%;
}

.video-list .des{
	color: rgba(255,255,255,.8);
	font-size: 12px;
	line-height: 22px;
}

.video-list .des .play{
	float: left;
	background: url(../images/video_icon.png) left 6px no-repeat;
	padding-left: 20px;
}

.video-list .des .time{
	float: right;
}


.video-list .text h2{
	font-size: 16px;
	color: #333;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: initial;
	max-height: 30px;
	margin-top: 12px;
}




/*视频内容页*/

.video-page-content{
	background: #F8F8F8;
	padding: 104px 0 120px;
}

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

.video-play-title{
	
}

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

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

.video-play-title .p-play{
	background: url(../images/video_play.png) left center no-repeat;
	padding-left: 20px;
}

.video-play-title .p-time{
	background: url(../images/video_time.png) left center no-repeat;
	padding-left: 20px;
	margin-left: 20px;
}

.video-player{
	margin-top: 32px;
	height: 612px;
	background: #000000;
}

.video-player video,.video-player iframe{
	width: 100%;
	height: 100%;
	cursor: pointer;
}



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

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


.video-des-list .item{
	margin-top: 17px;
	padding-top: 17px;
	border-top: 1px solid #dddddd;
	position: relative;
}

.video-des-list .item:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: initial;
}

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

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

.video-des-list .item .text h2{
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	max-height: 48px;
	font-weight: initial;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.video-des-list .item:hover .text h2{
	color: #00837E;
}

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

.video-des-list .item .text p span.p-play{
	background: url(../images/video_play.png) left center no-repeat;
	padding-left: 20px;
	float: left;
}

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



/*产品*/

.product-banner{
	width: 100%;
	background: url(../images/product_banner.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
}

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

.product-banner .container{
	height: 450px;
	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;
}

.search-box{
	position: relative;
	z-index: 2;
	width: 100%;
}

.search_input{
	width: 100%;
	padding: 0 14% 0 2%;
	height: 72px;
	border: initial;
	background: #fff;
	font-size: 18px;
	color: #333333;
	outline: initial;
}

.search_button{
	position: absolute;
	top: 10px;
	right: 16px;
	width: 160px;
	height: 52px;
	background: #00837E;
	border: initial;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}

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

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





.product-content{
	background: #F8F8F8;
	position: relative;
	padding-bottom: 120px;
}


.prod-menu{
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.08);
	position: relative;
	top: -56px;
}

.prod-menu ul{
	padding: 40px 2.2%;
}

.prod-menu ul li{
	float: left;
	margin: 0 2.6%;
	text-align: center;
}

.prod-menu ul li a:hover i img:first-child{
	display: none;
}

.prod-menu ul li i img:last-child{
	display: none;
}

.prod-menu ul li a:hover i img:last-child{
	display: inline-block;
}


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

.prod-menu ul li a:hover p{
	color: #00837E;
}




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

.product-module:first-child{
	padding-top: 0;
}

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

.product-module-title{
	padding-bottom: 32px;
	border-bottom: 1px solid #dddddd;
}

.product-module-title h2{
	font-size: 36px;
	color: #333333;
	float: left;
}

.product-module-title .more{
	font-size: 14px;
	color: #666;
	float: right;
	display: inline-block;
	height: 38px;
	line-height: 36px;
	padding: 0 20px;
	border: 1px solid #dddddd;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-top: 6px;
}

.product-module-title .more:hover{
	color: #FFFFFF;
	border: 1px solid #00837e;
	background: #00837e;
}



.product-module-content{
	position: relative;
	margin-top: 72px;
	width: 1464px;
	margin-left: -12px;
}


.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}


.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}



.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 33.33%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.swiper-slide a.ellipsis{
	padding: 32px 24px 24px 24px;
	margin: 0 12px;
	display: block;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.swiper-slide:first-child{
	margin-left: 0;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-top: -24px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.swiper-button-prev {
	background-image: url(../images/case_left_a.png);
	background-size: 100% 100%;
	left: -60px;
	right: auto
}

.swiper-button-next{
	background-image: url(../images/case_right_a.png);
	background-size: 100% 100%;
	right: -60px;
	left: auto
}


.swiper-slide .series{
	position: absolute;
	top: 24px;
	left: 24px;
	font-size: 14px;
	color: #fff;
	height: 26px;
	padding: 0 8px;
	line-height: 24px;
	background: #00837E;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	display: inline-block;
}

.swiper-slide .label{
	position: absolute;
	top: 16px;
	right: -32px;
	display: inline-block;
	width: 125px;
	height: 32px;
	line-height: 30px;
	background: #d21010;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	transform: rotate(45deg);
}

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

.swiper-slide .text{
	text-align: center;
	height: 64px;
	overflow: hidden;
	margin: 20px 0 48px 0;
	transition: all 0.5s;
}

.swiper-slide:hover .text{
	height: 112px;
	margin: 0px 0 20px 0;
}

.swiper-slide .text h2{
	font-size: 24px;
	color: #333333;
	font-weight: initial;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 40px;
}

.swiper-slide .text p{
	font-size: 16px;
	color: #999999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 28px;
	margin-top: 12px;
}

.swiper-slide .text span{
	font-size: 18px;
	color: #00837e;
	margin-top: 26px;
	display: block;
}





/*产品列表*/

.prod-list-menu{
	background: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.02);
}

.prod-list-menu ul li{
	display: inline-block;
	height: 72px;
	line-height: 72px;
	margin-right: 48px;
}

.prod-list-menu ul li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

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

.prod-list-menu ul li:hover p{
	color: #00837E;
}

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

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

.prod-list-menu ul li:hover img:first-child{
	display: none;
}

.prod-list-menu ul li img:last-child{
	display: none;
}

.prod-list-menu ul li:hover img:last-child{
	display: inline-block;
}




.prod-list-box{
	background: #F8F8F8;
	text-align: center;
	padding: 112px 0;
}

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

.prod-list-title h2{
	font-size: 40px;
	color: #333333;
}

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

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

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

.prod-list-title ul li a:hover{
	background: #00837E;
	color: #FFFFFF;
}

.prod-list-title ul li.active a{
	background: #00837E;
	color: #FFFFFF;
}


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

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

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

.prod-list-content .swiper-slide a{
	margin: 0;
}


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



.prod-list-content.prod-seach{
	margin-top: 0;
}

.prod-list-title .title{
	text-align: left;
}




/*产品内容页*/

.product-submenu-box{
	width: 100%;
	height: 64px;
}

.prod-page-menu{
	width: 100%;
	height: 64px;
	line-height: 64px;
	background: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	z-index: 9999;
	transition: all 0.5s;
}

.prod-page-menu .pro-subtitle{
	float: left;
	display: flex;
}

.prod-page-menu .pro-subtitle h2{
	font-size: 18px;
	color: #333333;
}


.pro-submenu{
	float: right;
}

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

.pro-submenu a:hover{
	color: #007983;
}

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

a.consultation{
	padding: 4px 16px 7px 16px;
	border-radius: 3px;
	color: #FFFFFF;
	background: #00837E;
	margin-left: 16px;
	font-size: 12px;
}

a.consultation:hover{
	color: #FFFFFF;
	opacity: .88;
}


.prod-par-function{
	padding: 150px 0;
	background: #00837e;
}

.prod-par-function .text{
	width: 39%;
	padding-left: 7%;
	float: left;
	padding-top: 16px;
}

.prod-par-function .text .title h2{
	font-size: 48px;
	line-height: 60px;
	color: #ffffff;
}

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

.prod-par-function .text .function p{
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
}

.prod-par-function .pic{
	width: 50%;
	text-align: center;
	float: right;
}



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

.prod-dim{
	
}

.prod-dim .title{
	width: 39%;
	padding-left: 7%;
	float: left;
}

.prod-dim .title h2{
	font-size: 30px;
	color: #333333;
	font-weight: initial;
}

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

.prod-dim .pic{
	width: 50%;
	text-align: center;
	float: right;
}


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


.prod-par-des .title{
	background: #007983;
}

.prod-par-des .bg{
	background: #F8F8F8;
}

.prod-par-des table{
	border-collapse: collapse;
	font-size: 18px;
	text-align: center;
}

.prod-par-des .title td{
	vertical-align: middle !important;
    table-layout: fixed;
    padding: 8px 1%;
     border: initial;
     color: #FFFFFF;
}

.prod-par-des table td{
	vertical-align: middle !important;
    table-layout: fixed;
    height: 54px;
    border: 1px solid #eee;
    color: #666666;
    font-size: 18px;
}

.prod-par-des.table-text table td{
    font-size: 14px;
}




.product-page-banner {
	position: relative;
}

.prod-pos .container{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1440px;
	z-index: 2;
}

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

.product-page-banner .text h3{
	font-weight: initial;
	font-size: 30px;
	letter-spacing: 4px;
	color: rgba(255,255,255,.56);
}

.product-page-banner .text h2{
	font-weight: initial;
	font-size: 56px;
	line-height: 80px;
	letter-spacing: 4px;
	color: rgba(255,255,255,1);
	margin-top: 32px;
	width: 540px;
}

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

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

.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: 20px;
	color: #ffffff;
	margin-top: 20px;
}



.product-function-plate{
	position: relative;
}

.prod-page-title.white{
	text-align: center;
	padding-top: 104px;
}

.prod-page-title.white h2{
	font-size: 40px;
	color: rgba(255,255,255,1);
	letter-spacing: 3px;
}

.prod-page-title.white p{
	font-size: 20px;
	font-weight: 400;
	margin-top: 20px;
	color: rgba(255,255,255,.5);
	letter-spacing: 1.2px;
}

.prod-page-title{
	text-align: center;
	padding-top: 104px;
}

.prod-page-title h2{
	font-size: 40px;
	color: #333;
	letter-spacing: 3px;
}

.prod-page-title p{
	font-size: 20px;
	font-weight: 400;
	margin-top: 20px;
	color: #666666;
	letter-spacing: 1.2px;
}


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

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

.product-page-banner-pic{
	text-align: center;
}


.case-recommend.bg{
	background: #F8F8F8;
}

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





.index-banner .slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
/*盒子带容器*/
.index-banner .slides {
	height: auto;
	/* Simple clear fix */
	overflow: hidden;
	/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.index-banner .slide {
	height: auto;
	float: left;
	clear: none;
}
.index-banner .slider-arrows {
}
.index-banner .slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 0;
	background-color: rgba(0,0,0,.3);
	border-radius: 50%;
}/*左右按钮样式及放置位置*/
.index-banner .slider-arrow--right {
	bottom: 50%;
	right: 30px;
	background-image: url(../images/right.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 20px 20px;
}
.index-banner .slider-arrow--left {
	bottom: 50%;
	left: 30px;
	background-image: url(../images/left.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 20px 20px;
}

.index-banner .slider-nav {
	position: absolute;
	bottom: 30px;
}
.index-banner .slider-nav__item {  /*nva样式*/
	display: inline-block;
	width: 32px;
	height: 3px;
	margin: 0 6px;
	position: relative;
	background: rgba(255,255,255,.3);
}
.index-banner .slider-nav__item:hover {
	background: #00837E;
}
.index-banner .slider-nav__item--current {
	background: #00837E;
} /*被选中后的样式*/


/*banner*/

.slide-main {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #666;
}

.slide-box,.slide-info {
	width: 100%;
	height: 100%;
}

.slide-info {
	display: none;
}

.pc{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.phone {
	display: none;
}

.slide-main:hover .prev2,.slide-main:hover .next2{
	opacity: .5;
}

.prev2,.next2{
	display: block;
	position: absolute;
	top: 52%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	transition: .9s;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	opacity: 0;
	text-align: center;
}

.slide-main:hover .prev2:hover,.slide-main:hover .next2:hover{
	opacity: 1;
}


.prev2{
	left: 40px;
}

.next2{
	right: 40px;
}

/*banner翻页圆点*/

.slide-main .item1 {
	width: 100%;
	position: absolute;
	z-index: 8;
	bottom: 40px;
	left: 0;
	text-align: center;
}

.slide-main .item1 a {
	display: inline-block;
	width: 32px;
	height: 3px;
	margin: 0 6px;
	position: relative;
	background: rgba(255,255,255,.3);
}

.slide-main .item1 a.cur {
	background: #00837E;
}

.slide-main .item1 a.cur:before {
	background: #00837E;
}

.slide-main .item1 a:hover {
	background-color: #00837E;
}


/* banner end */



.index-unite{
	background: #F8F8F8;
	padding: 20px 0;
	overflow: hidden;
}

.index-unite ul li{
	position: relative;
	width: 16%;
	margin-left: .8%;
	float: left;
	overflow: hidden;
}

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

.index-unite ul li a{
	display: block;
	height: 120px;
	background: #FFFFFF;
	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;
}

.index-unite ul li a .text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/brand_unite_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	 transition: all 0.3s;
	 border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	overflow: hidden;
	opacity: 0;
}

.index-unite ul li a:hover .text{
	opacity: 1;
}

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

.index-unite ul li .text h2{
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 34px;
}

.index-unite ul li .text p{
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 10px;
}



.index-product-ser{
	padding: 104px 0 120px;
	overflow: hidden;
}

.i-prod-ser-title {
	text-align: center;
}

.i-prod-ser-title h2{
	font-size: 40px;
	color: #333333;
	font-weight: initial;
}

.i-prod-ser-title p{
	font-size: 16px;
	color: #b0b0b0;
	text-transform: uppercase;
	margin-top: 8px;
}


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

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

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

.i-prod-item .prod-box{
	position: absolute;
	top: 0;
	opacity: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}

.i-prod-item:hover .prod-box{
	opacity: 1;
}

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

.i-prod-item .box .p-item{
	float: left;
	width: 32.46%;
	margin-left: 1.3%;
	background: rgba(255,255,255,.85);
	margin-bottom: 8px;
}

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

.i-prod-item .box .subtitle{
	text-align: center;
	border-bottom: 1px solid #ddd;
	height: 38px;
	line-height: 38px;
}

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

.i-prod-item .box .sublist{
	padding: 10px 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 {
	border-bottom: 1px dashed #ccc;
	padding-right: 8px;
	position: relative;
}

.i-prod-item .sublist .p-list ul li:last-child {
	border-bottom: initial;
}

.i-prod-item .sublist .p-list ul li a:after{
	position: absolute;
	right: 0px;
	top: 14px;
	width: 6px;
	height: 1px;
	background: #999;
	transform: rotate(45deg);
	display: block;
	content: "";
}

.i-prod-item .sublist .p-list ul li a:before{
	position: absolute;
	right: 0px;
	top: 17px;
	width: 6px;
	height: 1px;
	background: #999;
	transform: rotate(-45deg);
	display: block;
	content: "";
}

.i-prod-item .sublist .p-list ul li a{
	font-size: 12px;
	color: #666666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 31px;
	line-height: 31px;
	word-break: break-all;
	letter-spacing: 0;
}

.i-prod-item .sublist .p-list ul li a:hover{
	color: #00837E;
}

.i-prod-item .sublist .p-list ul li a:hover:after,.i-prod-item .sublist .p-list ul li a:hover:before{
	background: #00837E;
}


.i-prod-item .pic{
	position: relative;
}

.i-prod-item:hover .pic .title{
	opacity: 0;
}

.i-prod-item .pic .title{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	color: #fff;
	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;
	text-align: center;
	opacity: 1;
	 transition: all 0.5s;
}

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

.i-prod-item .pic .title p{
	font-size: 16px;
    margin-top: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: inline-block;
    border: 1px solid;
    height: 32px;
    line-height: 30px;
    padding: 0 16px;
    border-radius: 16px;
}

.i-prod-item .pic .title i{
	display: block;
	margin-top: 34px;
	position: relative;
	left: 50%;
}

.i-prod-item .pic .title i:before{
	width: 14px;
	height: 2px;
	position: absolute;
	left: -6px;
	background: #FFFFFF;
	display: block;
	content: "";
}

.i-prod-item .pic .title i:after{
	width: 2px;
	height: 14px;
	position: absolute;
	left: 0px;
	top: -6px;
	background: #FFFFFF;
	display: block;
	content: "";
}






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

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
}

.flickity-viewport.is-pointer-down {
	
}



.flickity-slider {
  position: absolute;
  width: 100%;
}

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

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  /* vertically center */
 background: initial;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          outline: initial;
}

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

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

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

.flickity-prev-next-button .arrow {
  fill: #fff;
}

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

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

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -48px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-page-dots li.dot {
  display: inline-block;
  width: 64px;
  height: 2px;
  margin: 0 8px;
  background: #ddd;
  cursor: pointer;
  position: relative;
}

.flickity-page-dots li.dot:before { 
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	display: block;
	content: "";
	 background: #00837E;
}

.flickity-page-dots li.dot.is-selected:before { 
	width: 100%;
	transition: all 6s;
}



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

.gallery {
  background: #FAFAFA;
  counter-reset: gallery-cell;
}

.gallery-cell {
  width: 75.7%;
  height: 82vh;
  background: #00827e;
  counter-increment: gallery-cell;
  margin: 0 12px;
  position: relative;
  opacity: .4;
}


.gallery-cell.is-selected{
	opacity: 1;
}

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

.gallery-cell.is-selected:before{
	display: none;
}



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

.pro-hot-con .box{
	padding: 104px 16%;
}

.pro-hot-con .title h2{
	font-size: 36px;
	color: #fff;
	font-weight: initial;
}

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

.pro-hot-con .subtitle span{
	font-size: 12px;
	color: #00837E;
	height: 24px;
	line-height: 22px;
	padding: 0 8px;
	display: inline-block;
	background: #fff;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.pro-hot-con .subtitle h3{
	font-size: 28px;
	color: #ffffff;
	max-height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 16px;
}

.pro-hot-con .subtitle h4{
	font-size: 16px;
	color: rgba(255,255,255,.5);
	max-height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 16px;
	font-weight: initial;
}

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

.pro-hot-con .chara ul li{
	font-size: 14px;
	line-height: 48px;
	border-bottom: 1px dashed rgba(255,255,255,.3);
	color: #FFFFFF;
}

.pro-hot-con .chara ul li:last-child{
	border-bottom: initial;
}


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

.pro-hot-con .chara ul li i img{
	display: inline-block;
	margin-top: 14px;
}

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

.pro-hot-con .view a{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 18px;
}

.pro-hot-con .view a svg{
	width: 12px;
	fill: #fff;
	display: inline-block;
	margin-bottom: -2px;
	margin-left: 8px;
	transition: all 0.5s;
}

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


.pro-hot-pic{
	position: relative;
	width: 73.4%;
	height: 100%;
	float: right;
	background: #000;
}

.pro-hot-pic a{
	width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    overflow: hidden;
}

.pro-hot-pic a img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro-hot-pic video{
    position: absolute;
    left: 0;
    top: 50%;
	transform: translatey(-50%);
    width: 100%;
    height: auto;
    z-index: 5;
    object-fit: cover;
	background: #000;
}



.pro-hot-pic iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    object-fit: cover;
}



.index-scheme{
	background: #F8F8F8;
	padding: 96px 0;
}


/* tFocus 大的幻灯 */
#tFocus{
	position:relative;
	margin-top: 46px;
}

#tFocus .prev,#tFocus .next{
	position: absolute;
	top: 255px;
	width: 28px;
	height: 28px;
	cursor: pointer;	
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4;
}

#tFocus .prev:hover,#tFocus .next:hover{
	-webkit-filter: initial;
    filter: initial;
    opacity: 1;
}

#tFocus .prev{
	left: -56px;
	background: url(../images/case_left_a.png) center center no-repeat;
	background-size: 100% 100%;
}

#tFocus .next{
	right: -56px;
	background: url(../images/case_right_a.png) center center no-repeat;
	background-size: 100% 100%;
}

#tFocus-pic{
	height: 541px;
	overflow:hidden;
	position:relative;
}

#tFocus-pic li{
	width: 100%;
	position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;
	background: #FFFFFF;
}

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

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

#tFocus-pic .text .box{
	padding: 110px 64px 0 64px;
}

#tFocus-pic .text h2{
	font-size: 28px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 40px;
}

#tFocus-pic .text p{
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 96px;
	margin-top: 28px;
}

#tFocus-pic .text a{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-top: 120px;
	display: inline-block;
	position: relative;
}

#tFocus-pic .text a:hover{
	color: #00837E;
}

#tFocus-pic .text a:after{
	position: absolute;
	right: -16px;
	top: 9px;
	width: 8px;
	height: 1px;
	background: #999;
	transform: rotate(45deg);
	display: block;
	content: "";
	 transition: all 0.5s;
}

#tFocus-pic .text a:before{
	position: absolute;
	right: -16px;
	top: 14px;
	width: 8px;
	height: 1px;
	background: #999;
	transform: rotate(-45deg);
	display: block;
	content: "";
	transition: all 0.5s;
}

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


#tFocusBtn{
	width: 100%;
	overflow:hidden;
	 zoom:1;
}

.tFocusBtn-box{
	width:100%;margin:0 auto;
}

#tFocus-btn{
	width:100%;height:130px;position:relative;left:0;bottom:0;overflow:hidden;zoom:1;
	margin-top: 20px;
}

#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{
	width:226px;
	height:130px;
	line-height: 130px;
	margin-right: 16px;
	 display:block;float:left;  position:relative; cursor:pointer;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    overflow: hidden;
}

#tFocus-btn li img{
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#tFocus-btn li h2{
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	padding: 0 5%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	z-index: 3;
}

#tFocus-btn li:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.48);
	display: block;
	content: "";
	transition: all 0.5s;
	z-index: 2;
}

#tFocus-btn li:hover:before{
	background: rgba(0,130,126,.56);
	
}


#tFocus-btn li.active:before{
	background: rgba(0,130,126,.56);
}


.index-more{
	text-align: center;
	margin-top: 46px;
}

.index-more a{
	font-size: 14px;
	color: #333;
	border: 1px solid #999;
	background: #F8F8F8;
	display: inline-block;
	height: 38px;
	line-height: 36px;
	padding: 0 21px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.index-more a:hover{
	color: #ffffff;
	background: #00837e;
	border: 1px solid #00837e;
	
}





.index-join{
	padding: 96px 0 112px;
	overflow: hidden;
}

.index-join .i-prod-ser-title p{
	font-size: 18px;
	color: #666666;
	margin-top: 14px;
}


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

.i-join-con{
	
}


.i-join-left{
	width: 49.2%;
	height: 420px;
	background: #00837E url(../images/index_join_bg1.jpg) center center no-repeat;
	background-size: cover; 
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	float: left;
}

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


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

.i-join-left .text h3{
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
}


.i-join-right{
	float: right;
	width: 49.2%;
	height: 420px;
	background: #00837E url(../images/index_join_bg1.jpg) center center no-repeat;
	background-size: cover; 
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

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


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

.i-join-right .text h3{
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	margin-bottom: 20px;
}

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

.i-join-right .text p{
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
}

.i-join-right .pic{
	padding-top: 28px;
}



.i-join-chara{
	margin-top: 24px;
	background: #f8f8f8;
	background-size: cover;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

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

.ijoin-chara-title h3{
	font-size: 24px;
	color: #FFFFFF;
}


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

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

.ijoin-chara-list ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #d1d1d1;
	display: block;
	content: "";
}

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

.ijoin-chara-list ul li i{
	font-size: 40px;
	color: #00827e;
	font-weight: bold;
}

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

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





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

.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;
	color:#666666;
	text-align:center;
	font-size:16px;
	margin-right: 48px;
}

.tabs a.active{
	color: #00837E;
	font-weight: bold;
}

.news-more a{
	font-size: 14px;
	color: #333;
	border: 1px solid #dddddd;
	display: inline-block;
	height: 38px;
	line-height: 36px;
	padding: 0 23px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.news-more a:hover{
	color: #ffffff;
	background: #00837e;
	border: 1px solid #00837e;
	
}



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

.news-box .swiper-container3{
	width:100%;border-top:0;
}

.news-box .swiper-slide3{
	width:100%;
	overflow: hidden;
}


.news-box .swiper-container3 {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */	
	z-index:1;
}
	
.news-box .swiper-wrapper3 {
	position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.news-box .swiper-free-mode > .news-box .swiper-wrapper3 {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.news-box .swiper-slide3 {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: left;
}






.not-left{
	float: left;
	width: 50%;
	position: relative;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	overflow: hidden;
}

.not-left .time{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #00837E;
	color: #FFFFFF;
	width: ;
	padding: 12px 14px;
}

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

.not-left .time span{
	font-size: 12px;
	letter-spacing: 0;
}

.not-left .text {
	background: #F8F8F8;
	padding: 24px;
}

.not-left .text h2{
	font-size: 20px;
	color: #333333;
	line-height: 32px;
	max-height: 32px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	padding-right: 28px;
	position: relative;
}

.not-left:hover .text h2{
	color: #00837E;
}

.not-left .text h2:before{
	position: absolute;
	right: 0;
	top: 8px;
	width: 16px;
	height: 16px;
	background: url(../images/news_jt.png) center center no-repeat;
	background-size: 100% 100%;
	display: block;
	content: "";
}

.not-left:hover .text h2:before{
	background: url(../images/news_jt_a.png) center center no-repeat;
	background-size: 100% 100%;
}

.not-left .text p{
	font-size: 14px;
	color: #757575;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 8px;
	text-align: justify;
}


.not-left .tp{
	overflow: hidden;
}



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

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

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

.news-right .pic{
	width: 39%;
	height: 173px;
	float: left;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	overflow: hidden;
	
}

.news-right .pic img{
	height: 173px;
}

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

.news-right .text h2{
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	max-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-top: 8px;
}

.news-right .item:hover .text h2{
	color: #00837E;
}

.news-right .text span{
	font-size: 12px;
	color: #333333;
	display: inline-block;
	margin-top: 6px;
}

.news-right .text p{
	font-size: 12px;
	line-height: 24px;
	color: #999999;
	margin-top: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 48px;
}

.news-right .text a{
	font-size: 12px;
	line-height: 23px;
	color: #999999;
	margin-top: 16px;
	display: inline-block;
	position: relative;
	z-index: 9;
}

.news-right .text a:hover{
	color: #00837E;
}

.news-right .text a:after{
	position: absolute;
	right: -14px;
	top: 10px;
	width: 8px;
	height: 1px;
	background: #999;
	transform: rotate(45deg);
	display: block;
	content: "";
	 transition: all 0.5s;
}

.news-right .text a:before{
	position: absolute;
	right: -14px;
	top: 15px;
	width: 8px;
	height: 1px;
	background: #999;
	transform: rotate(-45deg);
	display: block;
	content: "";
	transition: all 0.5s;
}

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





/*解决方案*/

.solution-list-content{
	background: #F8F8F8;
	padding: 100px 0 120px;
	overflow: hidden;
}

.solution-list-content .item{
	background: #fff;
	width:32.2%;
	margin-left: 1.6%;
	float: left;
	transition: all 0.5s;
margin-top: 24px;
}

.solution-list-content .item:hover{
	box-shadow: 0 0 8px rgba(0,0,0,.08);
}

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



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


.solution-list-content .solu-title{
	text-align: center;
	padding-top: 60px;
}

.solution-list-content .solu-title h2{
	font-size: 24px;
	line-height: 40px;
	color: #333333;
	transition: all 0.5s;
}

.solution-list-content .solu-title p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-top: 4px;
}

.solution-list-content .solu-list{
	padding: 72px 0 88px;
}

.solution-list-content .solu-list ul li {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eeeeee;
}

.solution-list-content .solu-list ul li:first-child {
	margin-top: 0px;
	padding-top: 0px;
	border-top: initial;
}

.solution-list-content .solu-list ul li a{
	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;
}

.solution-list-content .solu-list ul li .icon{
	height: 87px;
	width: 87px;
	display: block;
	border: 1px solid #ddd;
	border-radius: 50%;
	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;
	transition: all 0.5s;
}

.solution-list-content .solu-list ul li a:hover .icon{
	border: 1px solid #00837E;
	background: #00837E;
}

.solution-list-content .solu-list ul li .icon .hover{
	display: none;
}

.solution-list-content .solu-list ul li a:hover .icon .show{
	display: none;
}

.solution-list-content .solu-list ul li a:hover .icon .hover{
	display: block;
}

.solution-list-content .solu-list ul li h3{
	width: 114px;
	margin-left: 30px;
	color: #333333;
	font-size: 18px;
	max-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.solution-list-content .solu-list ul li a:hover h3{
	color: #00837E;
}




.solution-banner{
	position: relative;
	height: 100vh;
	overflow: hidden;
}

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

.solution-banner .container{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	transform: translateX(-50%);
	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;
	z-index: 2;
	background: url(../images/solution_page_banner_icon.png) center center no-repeat;
}


.solution-banner .container h2{
	font-size: 56px;
	color: #FFF;
	letter-spacing: 5px;
}

.solution-banner-pic img{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}




.solution-function{
	background: #FFFFFF;
	box-shadow: 0 3px 5px rgba(0,0,0,.04);
	padding: 32px 0;
}

.solution-function ul li{
	float: left;
	width: 18%;
	padding: 0 1%;
	text-align: center;
	position: relative;
}

.solution-function ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #EEEEEE;
	display: block;
	content: "";
}

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

.solution-function ul li h3{
	font-size: 20px;
	color: #333333;
	line-height: 24px;
	margin-top: 14px;
}

.solution-function ul li p{
	font-size: 16px;
	color: #666666;
	line-height: 22px;
	margin-top: 8px;
}




.solution-description{
	position: relative;
	
}

.solution-description .container{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	transform: translateX(-50%);
	z-index: 2;
}

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

.solution-description .text h2{
	font-size: 40px;
	color: #333333;
	line-height: 56px;
	font-weight: initial;
	margin-bottom: 12px;
}

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

.solution-description .text em{
	font-size: 16px;
	color: #999999;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}

.solution-description .text p{
	font-size: 18px;
	color: #666666;
	line-height: 36px;
	margin-top: 32px;
}


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




.solution-principle{
	padding: 120px 0;
	overflow: hidden;
}

.solution-principle .container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

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

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

.solution-principle .text em{
	font-size: 16px;
	color: #999999;
	line-height: 24px;
	text-transform: uppercase;
}

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

.solution-principle .text h2{
	font-size: 40px;
	color: #333333;
	line-height: 56px;
	font-weight: initial;
	margin-top: 12px;
}

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

.solution-principle .text p{
	font-size: 18px;
	color: #666666;
	line-height: 36px;
	margin-top: 60px;
}

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




.solution-advantage{
	padding: 112px 0 120px;
	background: #F8F8F8;
	overflow: hidden;
}

.solution-title{
	text-align: center;
}

.solution-title h2{
	font-size: 40px;
	color: #333333;
	font-weight: initial;
}

.solution-title p{
	font-size: 16px;
	color: #999999;
	margin-top: 12px;
	text-transform: uppercase;
}


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

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

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

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

.solut-adv .item .icon{
	width: 109px;
	height: 109px;
	border: 1px solid #00837E;
	background: #00837E;
	border-radius: 50%;
	float: left;
	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;
}

.solut-adv .item .text{
	width: 76%;
	float: right;
	padding-top: 12px;
}

.solut-adv .item .text h2{
	font-size: 20px;
	color: #333333;
}

.solut-adv .item .text p{
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	margin-top: 14px;
	letter-spacing: 0;
}




.solution-select{
	padding: 112px 0 120px;
}

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

.solut-select-list .item{
	float: left;
	width: 49.2%;
	margin-left: 1.6%;
	background: linear-gradient(to right,#00837e,#009c96);
	margin-top: 24px;
}

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

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

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

.solut-select-list .item .text{
	width: 42%;
	padding-left: 3.2%;
	float: left;
	padding-top: 44px;
}

.solut-select-list .item .text h3{
	background: #009d98;
	color: #FFFFFF;
	font-size: 22px;
	height: 42px;
	line-height: 42px;
	display: inline-block;
	padding: 0 20px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

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

.solut-select-list .item .text ul li{
	line-height: 36px;
	color: #FFFFFF;
	border-bottom: 1px dashed #3da49f;
	font-size: 14px;
	letter-spacing: 0;
}

.solut-select-list .item .text ul li:last-child{
	border-bottom: initial;
}



.solution-submit{
	background: url(../images/solution_submit_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 128px 0;
	overflow: hidden;
}

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

.solution-submit .title{
	
}

.solution-submit .title h3{
	font-size: 24px;
	font-weight: initial;
	color: #ffffff;
	letter-spacing: 2px;
}

.solution-submit .title h2{
	font-size: 40px;
	color: #ffffff;
	letter-spacing: 2px;
	margin-top: 16px;
}

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

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

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

.solution-submit .tel p{
	font-size: 48px;
	color: #ffffff;
	margin-top: 6px;
}

.solution-submit .money{
	margin-top: 64px;
	background: #d3131e;
	display: inline-block;
	height: 64px;
	padding: 0 40px 0 96px;
	border-radius: 32px;
	position: relative;
}

.money-icon{
	position: absolute;
	left: -10px;
	top: -20px;
	display: block;
	content: "";
	background: url(../images/solution_submit_1w.png) center center no-repeat;
	background-size: 100% 100%;
	width: 96px;
	height: 96px;
}

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

.solution-submit .money p span{
	font-size: 14px;
	color: #ffffff;
	opacity: .48;
	display: block;
}


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

.solution-submit .submit input{ 
	border-radius: 4px;
	outline: initial;
	border: initial;
	background: #FFFFFF;
	width: 94%;
	padding: 0 3%;
	height: 50px;
	margin-top: 20px;
	font-size: 18px;
	color: #333333;
}

.solution-submit .submit textarea{ 
	border-radius: 4px;
	outline: initial;
	border: initial;
	background: #FFFFFF;
	width: 94%;
	padding: 10px 3%;
	height: 130px;
	margin-top: 20px;
	font-size: 18px;
	color: #333333;
}

.solution-submit .submit a{ 
	border-radius: 4px;
	background: #00a59f;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	font-weight: bold;
}

.solution-submit .submit a:hover{ 
	opacity: .8;
}




/*加盟*/

.join-banner{
	width: 100%;
	position: relative;
}

.join-banner .container{
	position: absolute;
	left: 50%;
	top: 0;
	width: 1440px;
	transform: translateX(-50%);
}

.join-banner .pic{
	text-align: center;
}

.join-banner .pic img{
	text-align: center;
	width: 100%;
	height: 100vh;
	max-width: initial;
	object-fit: cover;
}

.join-banner .join-banner-title{
	text-align: center;
	padding-top: 210px;
}

.join-banner .join-banner-title h2{
	font-size: 72px;
	font-weight: bold;
	margin-top: 24px;
	color: #FFFFFF;
}

.join-banner .join-banner-title p{
	font-size: 30px;
	font-weight: bold;
	margin-top: 24px;
	color: #FFFFFF;
}




.billion-market{
	padding: 112px 0 128px 0; 
	background: url(../images/billion_market_bg.jpg) center center no-repeat;
	background-size: cover;
}

.bm-title h2{
	font-size: 40px;
	color: #333333;
	line-height: 56px;
}

.bm-title h2 span{
	color: #00837e;
	display: block;
}

.bm-title p{
	font-size: 16px;
	color: #999999;
	text-transform: uppercase;
	margin-top: 22px;
}



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

.bm-con:before{
	position: absolute;
	top: -120px;
	left: 158px;
	width: 1246px;
	height: 321px;
	display: block;
	content: "";
	background: url(../images/billion_market_line.png) center center no-repeat;
	background-size: 100% 100%;
}

.bm-con .item{
	background: #FFFFFF;
	border-bottom-right-radius: 16px;
	border-top-left-radius: 16px;
	margin-left: 3.2%;
	text-align: center;
	width: 22.6%;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

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

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

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

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

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

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

.bm-con .item i{
	font-size: 60px;
	color: #00837e;
	font-weight: bold;
}

.bm-con .item p{
	font-size: 20px;
	line-height: 36px;
	color: #333333;
	margin-top: 16px;
}

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



.join-adv{
	width: 100%;
	height: 480px;
	background: url(../images/join_adv_title.jpg) center center no-repeat;
	background-size: cover;
}

.join-adv .title{
	text-align: center;
	padding: 200px 0 60px;
}

.join-adv .title h2{
	font-size: 48px;
	color: #ffffff;
	position: relative;
	display: inline-block;
}

.join-adv .title h2:before{
	position: absolute;
	left: 0;
	top: -50px;
	display: block;
	content: "advantage";
	font-size: 132px;
	line-height: 120px;
	text-transform: uppercase;
	color: rgba(255,255,255,.1);
}

.join-adv .title p{
	font-size: 16px;
	color: rgba(255,255,255,.6);
	text-transform: uppercase;
	margin-top: 14px;
}

.join-adv .title i{
	margin-top: 104px;
	display: block;
}



.join-honor{
	padding: 112px 0 104px;
}

.join-honor .title{
	text-align: center;
}

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

.join-honor .title p{
	font-size: 18px;
	color: #666666;
	line-height: 36px;
	margin-top: 10px;
}

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

.join-honor .index-more a{
	background: #fff;
}

.join-honor .index-more a:hover{
	background: #00837E;
}



.join-product{
	position: relative;
	overflow-x: hidden;
}

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


.join-product .title{
	text-align: center;
	padding-top: 104px;
}

.join-product .title h2{
	font-size: 36px;
	color: #333333;
	line-height: 48px;
}

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


.join-product .title h3{
	font-size: 24px;
	color: #00837e;
	line-height: 36px;
	margin-top: 28px;
}

.join-product .title h3 span{
	font-size: 26px;
	display: block;
}

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

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

.join-product .chara ul li{
	text-align: center;
	width: 180px;
}

.join-product .chara ul li .box{
	border-left: 1px solid #ddd;
}

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

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

.join-product .chara ul li em{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.join-product .pic{
	text-align: center;
}

.join-product .pic img{
	
}





.join-store{
	padding: 112px 0 128px;
	background: #F8F8F8;
}

.join-store .title h2{
	color: #333333;
	font-size: 36px;
	text-align: center;
}

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

.slide-main3 {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #666;
}

.slide-box3,.slide-info3 {
	width: 100%;
	height: 100%;
}

.slide-info3 {
	display: none;
}


/*banner翻页圆点*/

.slide-main3 .item3 {
	width: 100%;
	position: absolute;
	z-index: 8;
	bottom: 40px;
	left: 0;
	text-align: center;
	display: flex;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.slide-main3 .item3 a {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 10px;
	background: rgba(255,255,255,1);
	border-radius: 14px;
	font-size: 0;
	transition: initial;
	color: #333333;
}

.slide-main3 .item3 a.cur {
	width: auto;
	font-size: 14px;
	color: #333333;
	padding: 0 16px;
	border-radius: 14px;
	height: 28px;
	line-height: 28px;
	transition: all 0.5s;
}




.join-channel{
	overflow: hidden;
	padding: 112px 0 120px;
}

.join-channel .title{
	text-align: center;
}

.join-channel .title h2{
	font-size: 36px;
	color: #333333;
}

.join-channel .title h3{
	font-size: 24px;
	color: #00837e;
	margin-top: 10px;
}

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

.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: 24px;
	border-bottom-left-radius: 12px;
	border-top-right-radius: 12px;
	overflow: hidden;
}

.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: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	background: rgba(0,0,0,.3);
	text-align: center;
}


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


.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: 112px 0 120px;
	background: #F8F8F8;
}


.join-policy .title h2{
	text-align: center;
	font-size: 36px;
	color: #333;
}

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

.policy-list .item{
	float: left;
	width: 23.8%;
	height: 350px;
	margin-left: 1.6%;
	background: #fff;
	margin-top: 24px;
	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;
}

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

.policy-list .item .box{
	padding: 0px 48px;
	text-align: center;
}

.policy-list .item .box h3{
	font-size: 20px;
	color: #333333;
	margin-top: 30px;
}

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



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

.join-cx .title h2{
	text-align: center;
	font-size: 36px;
	color: #333;
}

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




/*企业文化*/

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

.mission{
	position: relative;
}

.mission .text{
	position: absolute;
	top: 50px;
	left: 48px;
	text-align: left;
}

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

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

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


.vision{
	position: relative;
	margin-top: 24px;
}


.values{
	float: right;
	width: 49.2%;
	background: #fff;
	height: 800px;
}


.values .title{
	padding: 50px 0 0 48px;
	text-align: left;
	display: flex;
	align-items: flex-end;
}

.values .title h2{
	font-size: 40px;
	color: #333;
}

.values .title p{
	font-size: 18px;
	line-height: 36px;
	margin-left: 30px;
}



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

.values-list ul li{
	width: 50%;
	float: left;
	padding: 60px 0;
	position: relative;
}


.values-list ul li:nth-child(1):before{
	width: 72%;
	height: 1px;
	background: #EEEEEE;
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.values-list ul li:nth-child(2):before{
	width: 72%;
	height: 1px;
	background: #EEEEEE;
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.values-list ul li .box{
	border-left: 1px solid #eee;
}

.values-list ul li:nth-child(2N+1) .box{
	border-left: initial;
}

.values-list ul li h3{
	font-size: 22px;
	color: #333333;
	margin-top: 28px;
}

.values-list ul li span{
	font-size: 12px;
	color: #999999;
	display: block;
	text-transform: uppercase;
	margin-top: 6px;
}

.values-list ul li i{
	width: 16px;
	height: 2px;
	background: #00837E;
	display: block;
	margin: 22px auto 0 auto;
}




/*服务中心*/

.server-chara{
	padding: 16px 0 120px;
}

.server-title{
	text-align: center;
}

.server-title h2{
	font-size: 40px;
	color: #333;
}

.server-title p{
	font-size: 18px;
	line-height: 28px;
	color: #666666;
	margin-top: 24px;
}

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


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

.serch-con .s-item{
	width: 32%;
	margin-left: 1.6%;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.02);
	float: left;
	margin-top: 24px;
}

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

.serch-con .s-item .box{
	padding: 80px 2%;
}

.serch-con .s-item .box h3{
	font-size: 24px;
	color: #333333;
	line-height: 32px;
	margin-top: 28px;
}

.serch-con .s-item .box p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin-top: 8px;
}



.nation_con{
	padding: 112px 0 104px;
	background: #fff;
}

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

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

.nation-zs{
	float: right;
	width: 24%;
	text-align: left;
}

.nation-zs ul{
	background: #F8F8F8;
	display: inline-block;
	padding: 10px 20px;
}

.nation-zs ul li{
	text-align: center;
	padding: 10px 0;
}

.nation-zs ul li p{
	font-size: 16px;
	color: #333333;
	margin-top: 6px;
}


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


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

.serch-con .s-item .box a{
	font-size: 14px;
	line-height: 24px;
	color: #00837e;
	margin-top: 12px;
	display: block;
}


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



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

.contact-box{
	margin-top: 40px;
	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;
	background: #FFFFFF;
	box-shadow: 0 0 8px rgba(0,0,0,.01);
}

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

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

.contact-text p{
	margin-top: 14px;
	color: #666666;
	font-size: 16px;
}

.contact-text a{
	font-size: 14px;
	color: #00837e;
	margin-top: 24px;
	display: block;
}




/*公司介绍*/

.com-introd{
	padding: 90px 0 130px 0;
	overflow: hidden;
}

.com-introd .container{
	position: relative;
}

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

.com-text .title{
	
}

.com-text .title h3{
	height: 56px;
	padding: 0 20px;
	line-height: 56px;
	font-size: 24px;
	background: #00837E;
	color: #fff;
	display: inline-block;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
}

.com-text .title h2{
	font-size: 40px;
	color: #333333;
	line-height: 56px;
	margin-top: 18px;
}

.com-text .title p{
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
	margin-top: 4px;
}


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

.com-text .text b{
	font-size: 24px;
	color: #333333;
	font-weight: initial;
}

.com-text .text p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 20px;
	text-align: justify;
}

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



.strong-title{
	position: relative;
	background: url(../images/brand_str_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	height: 376px;
}

.strong-title .title{
	padding-top: 128px;
	text-align: center;
}

.strong-title .title h2{
	font-size: 48px;
	color: #FFFFFF;
}

.strong-title .title span{
	font-size: 16px;
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
	margin-top: 8px;
}


.make{
	padding: 112px 0 130px;
	background: #F8F8F8;
}

.make .container{
	position: relative;
}

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

.brand-title h2{
	font-size: 36px;
	color: #333333;
	font-weight: initial;
}

.brand-title p{
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	margin-top: 20px;
	text-align: justify;
}

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

.make-text .chara ul li{
	float: left;
	width: 34%;
	margin-right: 14%;
	margin-top: 60px;
	border-right: 1px solid #ddd;
}

.make-text .chara ul li:nth-child(2n+1){
	clear: both;
}

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

.make-text .chara ul li em{
	font-size: 30px;
	color: #00837e;
	font-weight: bold;
	background-image: -webkit-linear-gradient(bottom,#00837e,#00bfb8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.make-text .chara ul li p{
	font-size: 18px;
	color: #333333;
	margin-top: 10px;
	letter-spacing: 0;
}

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




.standard{
	padding: 112px 0 130px;
}

.brand-title.sc{
	text-align: center;
	position: relative;
	z-index: 9;
}

.brand-title.sc p{
	padding: 0 10%;
	text-align: center;
}

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

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


.brand-honor{
	padding: 112px 0 130px;
	background: url(../images/brand_honor_bg.jpg) center top no-repeat;
	background-size: cover;
}

.brand-honor .container{
	position: relative;
}

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


.brand-honor .brand-title h2{
	color: #FFFFFF;
}

.brand-honor .brand-title p{
	color: #FFFFFF;
}

.brand-honor .make-text .chara ul li{
	border-right: 1px solid rgba(255,255,255,.3);
}

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

.brand-honor .make-text .chara ul li em{
	color: #FFFFFF;
	background-image: initial;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
}

.brand-honor .make-text .chara ul li p{
	color: #FFFFFF;
}

.brand-honor .pic{
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
}

.brand-honor .pic:before{
	position: absolute;
	left: -18%;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: "";
	width: 998px;
	height: 998px;
	background: url(../images/brand_honor_line.png) center center no-repeat;
	background-size: 100% 100%;
	z-index: 1;
	opacity: .8;
}


.brand-honor-1{
	padding-top: 110px;
	height: 850px;
	position: relative;
	overflow: hidden;
}

.brand-honor-tp{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 1920px;
}



.brand-honor-2{
	padding-top: 110px;
	height: 760px;
	background: url(../images/brand_honor_bg2.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}





/*技术创新*/

.technology-banner{
	height: 100vh;
	background: url(../images/technology_banner_bg.jpg) center top no-repeat;
	background-size: cover;
}


.technology-banner .text{
	float: left;
	width: 50%;
	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: 100vh;
}

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


.technology-banner .text h2{
	font-size: 78px;
	line-height: 100px;
	color: #FFFFFF;
	font-weight: initial;
	letter-spacing: 8px;
}

.technology-banner .text h2 b{
	display: block;
}

.technology-banner .text h3{
	font-size: 32px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: initial;
	margin-top: 28px;
	letter-spacing: 12px;
}

.technology-banner .text p{
	font-size: 20px;
	line-height: 40px;
	color: #FFFFFF;
	margin-top: 140px;
}


.technology-banner .pic{
	float: right;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100vh;
}

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



.technology-funct{
	padding: 175px 0 160px;
}

.tec-title{
	text-align: center;
	position: relative;
}

.tec-title h2{
	font-size: 88px;
	color: #00837e;
	line-height: 88px;
	background-image: -webkit-linear-gradient(bottom,#00837e,#1da9a4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tec-title h3{
	font-size: 56px;
	color: #00837e;
	line-height: 56px;
	background-image: -webkit-linear-gradient(bottom,#00837e,#1da9a4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: initial;
	margin-top: 30px;
}

.tec-title i{
	font-size: 320px;
	color: #f7f7f7;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}


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

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

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

.funct-con .text h4{
	font-size: 30px;
	line-height: 56px;
	height: 56px;
	color: #333;
	border-bottom: 3px solid #333;
	display: inline-block;
}

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

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




.tec-pj{
	background: #F8F8F8;
}

.tec-pj .prod-page-title p{
	font-size: 22px;
	line-height: 40px;
	color: #333333;
}

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


.tb{
	background: #00837E;
}

.tb .tec-title h2{
	color: #FFFFFF;
	background-image: initial;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
}

.tb .tec-title h3{
	color: #FFFFFF;
	background-image: initial;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
}

.tb .tec-title i{
	color: rgba(255,255,255,.05);
	z-index: 1;
}

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

.tb .funct-con .text p{
	color: #FFFFFF;
}



.tw h2 {
	color: #3a4f6a;
}

.tw p {
	color: #445b6e;
	font-size: 22px;
	line-height: 40px;
}

.tw p span{
	display: block;
}



/* 产品样式 1 */

.product-style-1-banner{
	position: relative;
}

.product-style-1-banner .container{
	width: 1440px;
	position: absolute;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	z-index: 9;
}


.pro-banner-text{
	text-align: center;
	width: 55%;
	margin-top: -290px;
}

.pro-banner-text h2{
	font-size: 85px;
	color: #ffffff;
	line-height: 100px;
	font-weight: initial;
}

.pro-banner-text h3{
	font-size: 53px;
	color: #ffffff;
	line-height: 64px;
	font-weight: 200;
	letter-spacing: 19px;
	margin-top: 45px;
	margin-right: -9px;
}

.pro-banner-text p{
	font-size: 28px;
	color: #ffffff;
	line-height: 40px;
	font-weight: 200;
	letter-spacing: 3px;
	margin-top: 15px;
}

.pro-banner-text p span{
	font-size: 20px;
	position: relative;
	top: -5px;
}

.pro-banner-pic{
	width: 100%;
	overflow: hidden;
}

.pro-text-right{
	position: relative;
}

.pro-text-right .container{
	width: 1440px;
	position: absolute;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	-webkit-justify-content: right;
	justify-content: right;
	z-index: 9;
}

.pro-item-text {
	text-align: center;
	width: 58%;
	margin-top: -50px;
	color: #fff;
}

.pro-item-text .title h2{
	font-size: 58px;
	line-height: 72px;
	font-weight: initial;
}

.pro-item-text .title h3{
	font-size: 40px;
	line-height: 56px;
	font-weight: initial;
	margin-top: 35px;
}

.pro-item-text .title h3 span{
	font-size: 34px;
	position: relative;
	top: -4px;
	font-weight: bold;
}

.pro-item-text .describe{
	margin-top: 80px;
}

.pro-item-text .describe em{
	font-size: 36px;
	line-height: 48px;
	letter-spacing: .8px;
}

.pro-item-text .describe em span{
	font-size: 30px;
	position: relative;
	top: -4px;
	font-weight: bold;
}

.pro-item-text .describe p{
	font-size: 17px;
	line-height: 36px;
	margin-top: 5px;
	font-weight: 200;
}



.pro-text-left{
	position: relative;
}

.pro-text-left .container{
	width: 1440px;
	position: absolute;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	z-index: 9;
}

.product-style-1-item2 .pro-item-text .describe em{
	font-size: 32px;
	line-height: 48px;
}




.product-style-1-item3 .pro-item-text{
	margin-top: 0px;
}

.product-style-1-item3 .pro-item-text .title h3{
	font-size: 40px;
	line-height: 64px;
}

.product-style-1-item3 .pro-item-text .title h3 span{
	display: block;
}

.product-style-1-item3 .pro-item-text .describe em{
	font-size: 26px;
	line-height: 48px;
	color: #75b4e9;
}

.product-style-1-item3 .pro-item-text .describe em span{
	display: block;
}

.product-style-1-item3 .pro-item-text .describe p{
	color: #75b4e9;
}





.product-style-1-item4 .pro-item-text .title h3{
	font-size: 32px;
	line-height: 64px;
	margin-top: 60px;
}

.product-style-1-item4 .pro-item-text .title h3 span{
	display: block;
}





.product-style-1-item5 .pro-item-text .title h2 span{
	font-size: 50px;
	position: relative;
	top: -5px;
	font-weight: bold;
}

.product-style-1-item5 .pro-item-text .title h3{
	font-size: 36px;
	margin-top: 60px;
}

.product-style-1-item5 .pro-item-text .title h3 span{
	display: block;
}



.product-style-1-item6 .pro-item-text{
	margin-top: -350px;
}



.product-style-1-item7 .pro-item-text{
	margin-top: -350px;
	width: 42%;
}


.product-style-1-item7 .pro-item-text .title h2{
	color: #1b1b1d;
}

.product-style-1-item7 .pro-item-text .title h3{
	color: #1b1b1d;
	font-size: 31px;
}

.product-style-1-item7 .pro-item-text .title h3 span{
	font-size: 24px;
	position: relative;
	top: -5px;
	font-weight: bold;
}



.pro-pc{
	position: relative;
	height: 880px;
	left: 50%;
	transform: translateX(-50%);
	max-width: initial;
}

.pro-phone{
	display: none;
}