@charset "utf-8";

*{ margin:0; padding:0}
body {
font-family: alibaba-sans, sans-serif;
font-weight: 400;
font-style: normal;
	color: #212121;
}

body{ overflow-x: hidden;} /*滚动条不影响页面宽度*/
/* 前台用户交互---开始 */
.margin-h10{margin:10px 0}
.margin-w10{margin:0 10px}
.margin-l10{margin-left:10px}
.margin-r10{margin-right:10px}
.margin-t10{margin-top:10px}
.margin-b10{margin-bottom:10px}
.margin-h20{margin:20px 0}
.margin-w20{margin:0 20px}
.margin-l20{margin-left:20px}
.margin-r20{margin-right:20px}
.margin-t20{margin-top:20px}
.margin-t180{margin-top:180px}
.margin-b20{margin-bottom:20px}
.padding-h10{padding:10px 0}
.padding-w10{padding:0 10px}
.padding-10{padding:10px}
.font12{font-size:.75rem}
.font14{font-size:.875rem}
.font16{font-size:1rem}
.font18{font-size:1.125rem}
.font_22{font-size:16px; line-height: 32px;}
.font_32{font-size:32px}
.font_36{font-size:36px}
.font_46{font-size:46px; line-height: 46px;}
.font72{font-size:4.5rem}
.font96{font-size:6rem}
.fontbold{font-weight:700;font-size:1rem}
.color-gray1{color:#222}
.color-gray2{color:#333}
.color-gray3{color:grey}
.color-gray4{color:#ddd}
.color-gray5{color:#e5e5e5}
.color-gray6{color:#f1f1f1}
.bgnone{background:0 0}
.prototal{overflow:hidden;padding:13px 0;border:1px solid #ddd;background:#fef7e8;text-align:right;line-height:1.5rem;zoom:1;border-top:0}
.prototal b{color:#f30;font-weight:700;font-size:.875rem}
.avatar_bg img{margin-top:10px;max-width:15pc;max-height:15pc}
li{ list-style:none}
a{text-decoration:none !important; color:#333;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul { padding-left:0;}
.fl{float: left!important;}
.fr{float: right;}
.nei_width{width: 100%;display: block;}
.display_none{display: none;}
.img_100{width: 100%;display: block;padding: 30px;}
a:hover{text-decoration:none; }

img{ border:none; display: block;  }
.con{ width: 72.9%; max-width:1400px; margin:0 auto; overflow: hidden;  }
.conn {width: 72.9%; max-width:1400px; margin:0 auto; }
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.red{color: #c70110 !important;}
table { border-spacing: 0; border-collapse: collapse;}
input, select{outline:none} 
p{ margin: 0;}
/* 前台用户交互---结束 */

/************************************************************************
******************************************************************************/
.header {
	position: fixed;
	width: 100%;
	margin: 0 auto; 
	padding: 20px 0px 0px 0px; /* height: 120px; */
	background: #ffffffE6;
	z-index: 999;
}
.logo {
	width: 7.8%;
	float: left;
	overflow: hidden;
	padding-bottom: 18px;

}
.logo img {
	width: 100%;
	padding-top: 20px;
}
.top_nav {
	width: 60%;
	float: left;
	margin-left: 12.8%;
	margin-top:15px;
}
.top_nav ul .li1 {
	float: left;
	font-size: 16px;
	padding: 0 3%;
	line-height: 50px;
	position: relative;
}
.top_nav ul .li1 ul {
	position: absolute; 
	background: #f5f5f5;
	width: 200px;
	display: none;
	z-index: 999;
}
.top_nav ul .li1 ul .li2 {
	padding: 10px;
	border: 1px #fff solid;
}
.top_nav ul .li1 a {
	display: block;
}
.top_nav ul .li1:hover ul{ display: block;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.top_nav ul .li1 a:hover{ color: #00acb1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.top_nav ul li .a1 {
	color: #222;
}
.top_nav ul .on {
	color: #00acb1;
}
.top_nav ul .on .a1 {
	color: #00acb1;
}
.top_tel {
	float: right;
	padding-left: 27px;
	font-size: 16px;
	padding-top: 40px;
}

/************************************************************************banner******************************************************************************/
.banner{ width: 100%; margin: 0px auto;  overflow: hidden;}
.carousel-control {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    width: 10%;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    outline: 0;
    opacity: .4;
}
/* .banner .left{ position: absolute; top:50%; left: 6%;}
.banner .right{ position: absolute; top:50%; right: -3% !important;} */
/************************************************************************sy_about******************************************************************************/
.sy_about{ width: 100%; margin: 90px auto 0; overflow: hidden;}
.sy_about .sy_about_left{ float: left; width: 33.8%; overflow: hidden; }
.sy_about_left .p2{ width: 44px; height: 3px; background: #00acb1; margin: 24px 0;}
.sy_about_left img{ width: 100%;}
.sy_about_right{ width: 62.3%; float: right; overflow: hidden;}
.sy_about_right p {
	font-size: 16px;
	color: #666;
	line-height: 34px;
	margin-top: 15px;
	display: inherit;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; }

/***********************************************************************sy_products*****************************************************************************/
.sy_products{ width: 100%; margin: 90px auto 0; overflow: hidden; background: url(../img/sy_product_bg.jpg) center no-repeat; padding: 100px 0;}
.sy_products .hd{ width: 100%; height: 36px;margin: 0 auto; overflow: hidden;}
.sy_products .hd .arrow .next{ position: initial; width: 75px; height:36px; background: url(../img/sy_products_right1.png) center no-repeat; overflow: hidden; display: block; float: left; }
.sy_products .hd .arrow .prev{ width: 75px; height:36px; background: url(../img/sy_products_left1.png) center no-repeat;overflow: hidden; display: block;float: left;margin-right: 20px; }
.arrow{ width: 100%; height: 36px;margin: 0 auto; overflow: hidden;}
.sy_products .hd .arrow .next:hover{ background: url(../img/sy_products_right2.png) center no-repeat;}
.sy_products .hd .arrow .prev:hover{ background: url(../img/sy_products_left2.png) center no-repeat;}
.sy_products_img{ width: 41%; margin-left: 11%; float: left; margin-top: 30px;}
.sy_products_p{ width: 45%; float: right; overflow: hidden; margin-top: 30px;}
.sy_products_p .font_46{ text-align: center;}
.sy_products_p .p2{ width: 44px; height: 3px; background: #00acb1; margin: 26px auto;}
.sy_products_p .p3{ text-align: center; font-size: 30px;}
.sy_products_p_li{ width: 94%; margin: 0 auto; font-size: 20px; color: #666; margin-top: 36px;}
.sy_products_p_li ul li{ padding: 0 30px; background: url(../img/cs_f.png) left center no-repeat; margin-bottom: 15px; }
.sy_more{ text-align: center; width: 100%; margin: 30px auto 0; overflow: hidden;}
.sy_more img{ margin: 0 auto;}

/***********************************************************************sy_news*****************************************************************************/
.sy_news {
	width: 100%;
	margin: 70px auto 10px;
	overflow: hidden;
}
.sy_tit{ width: 100%; text-align: center; margin: 0 auto 26px; overflow: hidden;}
.sy_tit .p2{ width: 44px; height: 3px; background: #00acb1; margin: 14px auto;}
.sy_news_li{ width: 100%; margin: 0 auto; overflow: hidden;}
.sy_news_li ul li:nth-child(1){ width: 46.7%; float: left; overflow: hidden}
.sy_news_img { width: 100%; margin: 0 auto; overflow: hidden; border-radius: 10px;}
.sy_news_li ul li:nth-child(2){ width: 46.7%; float: right; overflow: hidden;}
.sy_news_li ul li .font_32{ margin-top: 30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.sy_news_li ul li .p2{ font-size: 16px; line-height: 32px; color: #666; margin-top: 10px;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.sy_news_li ul li:hover .font_32{ color: #00acb1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.sy_news_li ul li:hover .p2{ color: #222;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
	
/***********************************************************************footer*****************************************************************************/
.footer{ width: 100%; margin: 0 auto; overflow: hidden; background: #00acb1; padding: 70px 0; text-align: center;}
.footer img{ margin: 0 auto 25px;}
.footer p{ color: #fff; font-size: 16px; line-height: 34px;}
.footer p:last-child{ margin-top: 15px;}
.footer p a{ color: #d9d9d9 !important;}
.footer p a:hover{ color: #fff !important;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;}
	
	
	
/*max-width:1350px*/
@media screen and (max-width:1350px ) {
.logo{ width: 7.8%; float: left; overflow: hidden; padding-bottom: 18px;}
.top_nav { width: 60%; margin-left: 8%; margin-top: 0;}
.top_tel {
	float: right; 
	padding-left: 27px;
	margin-top: 0;
    font-size: 16px;
}
.top_nav ul .li1 { font-size: 16px; padding: 0 2.8%; line-height: 50px;  position: relative; }
.sy_products { width: 100%;  margin: 30px auto 0; overflow: hidden; background: url(../img/sy_product_bg.jpg) center no-repeat;  padding: 100px 0; }
.sy_products_img { width: 48%; margin-left: 0%; float: left;  margin-top: 80px; }
.sy_products_p{ width: 48%; float: right; overflow: hidden; margin-top: 30px;}
.con {
	width: 86%;
	margin:0 auto;
	overflow: hidden; 
	position: initial;
}
.conn {width: 86%;  margin:0 auto; }
}
	
	
/***********************************************************************公司介绍*****************************************************************************/
/*内页banner*/
.nbanner{ width: 100%;margin: 0 auto; z-index: -10; position: relative;}

/*面包屑导航*/
.Breadcrumb_navigation{ width: 100%; margin: 26px auto; overflow: hidden;}
.Breadcrumb_navigation p {
	font-size: 12px;
	color: #999;
	padding-left: 20px;
	background: url(../img/home.png) left center no-repeat
}
.Breadcrumb_navigation p a{ margin: 0 10px;color: #999;}
.Breadcrumb_navigation p a:hover{ color: #0c7c70;}

.about {
	width: 100%;
	margin: 100px auto 100px;
	overflow: hidden;
	top: 0;
}
.about .about_left{ width: 62.1%; float: left; overflow: hidden;}
.about .about_left .font_60{ font-size: 60px; color: #ccc; font-weight: bold; margin-bottom: 20px;}
.about_left .p2{ font-size: 16px; line-height: 32px; margin-top: 18px; color: #222;}
.about_right{ width: 34%; overflow: hidden; float: right; margin-top: 30px;}

/* max-width:1450px*/
@media screen and (max-width:1450px ) {
.about_right{ width: 34%; overflow: hidden; float: right; margin-top: 120px;}
}

/***********************************************************************新闻列表*****************************************************************************/
.news {
	width: 100%;
	margin: 10px auto 10px;
	overflow: hidden
}
.news ul li{ width: 100%; margin: 0 auto 38px; overflow: hidden; background: #f5f5f5;}
.news .newsli_img{ width: 27.1%; float: left; overflow: hidden;}
.news .newsli_p{ width: 70%; float: right; padding: 2% 2% 2.4% 1%;}
.newsli_p .p1 {
	font-size: 30px; 
	line-height: 36px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
				}
.newsli_p .time{ font-size: 16px; color: #999; padding-left: 21px; background: url(../img/time.png) left center no-repeat; margin: 1% 0;}
.newsli_p .p2{ font-size: 16px; color: #666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.news ul li:hover .p1{ color: #00acb2;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;}
/***********************************************************************联系我们*****************************************************************************/
.contact{ width: 100%; margin: 90px auto; overflow: hidden;}
.contact .contact_left{ width: 58%; float: left; overflow: hidden;}
.contact .contact_left .font_50{ font-size: 50px; color: #222;}
.contact .contact_left .p2{ width: 60px; height: 7px; background: #5dc3b7; overflow: hidden; margin: 30px 0 50px;}
.contact .contact_left .font_30{ font-size: 30px; color: #383432; line-height: 46px; margin-bottom: 40px;}
.contact_left_p{ font-size: 24px; color: #383432; line-height: 54px;}
.contact_right{ float: right; width: 40.6%; overflow: hidden;}
/* max-width:1500px*/
@media screen and (max-width:1500px ) {
.contact .contact_left .font_50{ font-size: 44px; color: #222;}
}

/***********************************************************************产品详情页*****************************************************************************/
.products{ width: 100%; margin: 0 auto; overflow: hidden; margin-top: 30px !important;}
.products .parHd {
	position: fixed;
	background: #f5f5f5;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	z-index: 99;
	margin-top: 30px;
	box-shadow: 0px 2px 2px 2px #88888880;
}
.products .parHd ul{ float: right; margin: 0; text-transform:uppercase}
.products .parHd ul li{ float: left; color: #222; font-size: 16px; line-height: 50px;  margin-left: 7px; cursor:pointer}
.products .parHd ul li a{ display: block;padding: 0 20px;line-height: 50px;background: #eeeeee; }
.products .parHd ul .on a{ background: #00acb1; color: #fff;}
.products .parBd{ width: 100%; margin: 0 auto; overflow: hidden; }
.products .parHd ul li:hover a{ background: #00acb1; color: #fff;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;}
	
/*features_banner*/
.features_banner{ position:relative;}
.nbanner_p{ width: 75.5%; position:absolute ;}
/* .features_banner .nbanner_p .p1{ padding-left: 12%; background: url(../img/features_p1.png) left top no-repeat; background-size: 16%; margin-left: 30.2%; margin-top: 8%;}
.features_banner .nbanner_p .p2{ padding-left: 12%; background: url(../img/features_p2.png) left top no-repeat; background-size: 16%; margin-left: 24%; margin-top: 6%;}
 */
.features_banner .nbanner_p .p1{  margin-left: 30.1%; margin-top: 7%;}
.features_banner .nbanner_p .p1 .nbanner_p_img1{width: 16%;}
.features_banner .nbanner_p .p1 .nbanner_p_img1 img{width: 100%;}
.features_banner .nbanner_p .p2 .nbanner_p_img2{width: 17%;}
.features_banner .nbanner_p .p2 .nbanner_p_img2 img{width: 100%;}
.features_banner .nbanner_p .p2{ margin-left: 24%; margin-top: 6%;}
.features_banner .nbanner_p .p1 p{padding-left: 15%; }
.features_banner .nbanner_p .p2 p{padding-left: 17%; margin-top: -40px;}

/*max-width:1350px*/
@media screen and (max-width:1350px ) {
.features_banner .nbanner_p .p1{ margin-left: 38.8%; margin-top: 6%; font-size: 16px; line-height: 30px;}
.features_banner .nbanner_p .p2{ margin-left: 32%; margin-top: 4%; font-size: 16px; line-height: 30px;}
}


/*overview*/
/*1*/
.products_ico{ width: 100%; margin: 0 auto; overflow: hidden; left: 22%;}
.products_ico .products_ico_li {
	width:60%;
	margin:36px auto 0;
	-webkit-perspective: 500;
	-moz-perspective: 500;
	-ms-perspective: 500;
	perspective: 500;
	-ms-transform: perspective(500px);
	-moz-transform: perspective(500px); /*重要*/
	transform-style: preserve-3d; /*重要*/
}
.products_ico .products_ico_li li {
	width: 16.66% ;
	float: left;	
	margin: 0 3.35%;
	font-size: 16px;
	text-align: center;
}

.products_ico .products_ico_li li .ma-123{
	float: left;
	font-size: 16px;
	width: 140px;
	height: 90pt;
	margin: 0 auto;
	background: url(../img/yan-icon.png) no-repeat;
	background-size: 100%;
	color: #fff;
	text-align: center;
	cursor:pointer;
	transition: 0.6s;
	transform-style: preserve-3d; /*重要*/
}
.products_ico .products_ico_li li:hover .ma-123{
	transform: rotateY(180deg);
	color: #fff;
	
}
.products_ico .span1 , .products_ico .span2{
	position: absolute;
	left: 0;
	top: 0;
	backface-visibility: hidden;  /*重要*/
	width: 100%;
	height: 100%;
	line-height: 118px;
}
.products_ico .span1 {
	transform: rotateY(0deg);
	z-index: 2;
}
.products_ico .span2 {
	transform: rotateY(-180deg);
}
.products_ico .span1 span, .products_ico .span2 span{
	vertical-align: middle;
	line-height:26px;
}
.products_ico .products_ico_li li span {
	display: inline-block;
	vertical-align: middle;
	line-height: 26px;
}

.te600x_ov_1{ width: 100%; margin: 0 auto; overflow: hidden; }
.te600x_ov_1 .font_36{ margin: 56px auto 26px; text-align: center;}
.te600x_ov_1 .font_22{ color: #555;}

/*2*/
.te600x_ov_2{ width: 100%; background: url(../img/te600x_ov_2.jpg) center no-repeat; margin: 90px auto; overflow: hidden; padding: 160px 0;}
.te600x_ov_2 .left{ width: 32.5%; float: left; overflow: hidden;}
.te600x_ov_2 .left img{ width: 100%;}
.te600x_ov_2 .right{ width: 53.9%; float: right; overflow: hidden;}
.te600x_ov_2 .right .p2{ width: 50px; height: 4px; background: #00acb2; margin: 26px 0 40px;}
.te600x_ov_2 .right .te600x_ov_2_li p{ color: #555; font-size: 20px; padding-left: 28px; line-height: 26px; background: url(../img/ls_f.png) left center no-repeat; margin-bottom: 30px;}

/*3*/
.te600x_ov_3{ width: 100%; margin: 90px auto; overflow: hidden; }
.te600x_ov_3 .font_36{ text-align: center;}
.te600x_ov_3 .p2{ width: 50px; height: 4px; background: #00acb2; margin: 19px auto 36px;}
.te600x_ov_3 .img{ width: 15.4%; margin: 36px auto 0; overflow: hidden;}

/*4*/
.te600x_ov_4{ width: 100%; background: url(../img/te600x_ov_4.jpg) center no-repeat; overflow: hidden; padding: 5% 0;}
.te600x_ov_4 .right{ width: 32.2%; float:right; overflow: hidden;}
.te600x_ov_4 .right img{ width: 100%;}
.te600x_ov_4 .left{ width: 53.9%; float: left; overflow: hidden; margin-top: 40px;}
.te600x_ov_4 .left .p2{ width: 50px; height: 4px; background: #00acb2; margin: 26px 0 40px;}
.te600x_ov_4 .left .font_22{ color: #555;   margin-bottom: 30px;}
/* max-width:1340px*/
@media screen and (max-width:1340px ) {
.products_ico .span1 , .products_ico .span2{ line-height: 90px;}
.products_ico .products_ico_li .li { font-size: 16px;}
.products_ico .products_ico_li .li .ma-123{ width: 120px; }
}
.te600x_ov_1 .font_36, .te600x_ov_2 .font_36, .te600x_ov_3 .font_36, .te600x_ov_4 .font_36{ color: #666;}
.te600x_ov_1 .font_22, .te600x_ov_2 .font_22, .te600x_ov_3 .font_22, .te600x_ov_4 .font_22{ color: #333;}
/*features*/
/*1*/
.te600x_fe_1{ width: 100%; margin: 50px auto 0; overflow: hidden;}
.te600x_fe_1 .font_36{ text-align: center;}
.te600x_fe_1 .p2{ width: 50px; height: 4px; overflow: hidden; margin: 18px auto 36px; background: #00ACB2;}
.te600x_fe_1 .font_22{ width: 64%; margin: 0 auto; overflow: hidden;}
.te600x_fe_1_img{ width: 42%; margin: 30px auto 0; overflow: hidden;}
/*2*/
.te600x_fe_2{ width: 100%; margin: 90px auto; overflow: hidden; background: url(../img/te600x_fe_2.jpg) center no-repeat; padding: 90px 0; }
.te600x_fe_2 .left{ width: 39.4%; float: left; overflow: hidden;}
.te600x_fe_2 .right{ width: 47%; float: left; overflow: hidden; margin-left: 8%; margin-top: 50px;}
.te600x_fe_2 .right .p2{ width: 50px; height: 4px; overflow: hidden; margin: 18px 0 36px; background: #fe9f5b;}
/*3*/
.te600x_fe_3{ width: 100%; margin: 0 auto; overflow: hidden;}
.te600x_fe_3 .left{ width: 41.6%; float: left; overflow: hidden; margin-top: 50px;margin-left: 8%;}
.te600x_fe_3 .right{ width: 39.4%; float: right; overflow: hidden; }
.te600x_fe_3 .p2{ width: 50px; height: 4px; overflow: hidden; margin: 18px 0 36px; background: #00acb2;}
/*4*/
.te600x_fe_4{ width: 100%; overflow: hidden; background: url(../img/te600x_fe_4.jpg) center no-repeat; padding: 80px 0;}
.te600x_fe_4 .font_36{ text-align: center;}
.te600x_fe_4 .p2{ width: 50px; height: 4px; overflow: hidden; margin: 18px auto 36px; background: #fe9f5b;}
.te600x_fe_4 .font_22{ width: 64%; margin: 0 auto; overflow: hidden; text-align: center;}
.te600x_fe_4_img{ width: 42%; margin: 30px auto 0; overflow: hidden;}
/*5*/
.te600x_fe_5{ width: 100%; margin: 90px auto; overflow: hidden;}
.te600x_fe_5 .left{ width: 39.4%; float: left; overflow: hidden;}
.te600x_fe_5 .right{ width: 55%; float: left; overflow: hidden; margin-left: 5%; margin-top: 40px;}
.te600x_fe_5 .right .font_36{ color: #666;}
.te600x_fe_5 .right .p2{ width: 50px; height: 4px; overflow: hidden; margin: 18px 0 36px; background: #00acb2;}
/* max-width:1410px*/
@media screen and (max-width:1410px) {
.font_36{ font-size: 32px;}
}

.te600x_fe_1  .font_36, .te600x_fe_2  .font_36, .te600x_fe_3  .font_36, .te600x_fe_4  .font_36, .te600x_fe_5  .font_36{color: #666 !important;}
.te600x_fe_1  .font_22, .te600x_fe_2  .font_22, .te600x_fe_3  .font_22, .te600x_fe_4  .font_22, .te600x_fe_5  .font_22{color: #333 !important;}

/*SPECIFICATIONS*/
.spe_table1{ width: 100%; margin: 80px auto; overflow: hidden;}
.spe_table1 table{ width: 100%; margin: 0 auto; overflow: hidden;}
.spe_table1 table tr:nth-child(odd){ background: #dff3f1;}
.spe_table1 table tr td{ padding: 20px 2%; color: #555;}
.spe_table1 .spe_table1_tit{ width: 30%; border-right: 2px #fff solid; color: #222 !important;}
.spe_table1 p{ font-size: 16px; color: #666666; padding-top: 20px; border-top: 1px #5dc3b7 solid;}
/* .spe_table2{ width: 100%; margin: 0 auto 90px; overflow: hidden;}
.spe_table2 table{ width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.spe_table2 table tr td{ padding: 20px 2%; color: #555;}
.spe_table2 table .spe_table2_tit td{ color: #222 !important;}
.spe_table2 .font_36{ text-align: center; margin-bottom: 30px; color: #666;} */
.tab_heng{ width: 100%; height: 2px; background: #00ACB1; overflow: hidden;}
/*WORKFLOW*/
/*1*/
.te600x_wo_1{ width: 100%; margin: 0 auto 80px; overflow: hidden; }
.te600x_wo_1 .font_36{ margin: 56px auto 26px; text-align: center;}
.te600x_wo_1 .p2{ width: 50px; height: 4px; background: #00acb2; margin: 14px auto 36px;}
.te600x_wo_1 .font_22{ color: #555;}
.te600x_wo_1 .te600x_fe_1_img{ width: 100%; margin: 40px auto 0; overflow: hidden;}
/*2*/
.te600x_wo_2{ width: 100%; margin-top: 90px auto; overflow: hidden; background: url(../img/te600x_ov_2.jpg) center no-repeat; padding: 80px 0;}
.te600x_wo_2 .font_36{ text-align: center;}
.te600x_wo_2 .p2{ width: 50px; height: 4px; overflow: hidden; margin: 14px auto 20px; background: #00acb2;}
.te600x_wo_2 .font_22{ width: 100%; margin: 0 auto; overflow: hidden;}
.te600x_wo_2 .font_22 .te600x_wo_2_li1 .li{ color: #555; font-size: 16px; padding-left: 28px; line-height: 26px; background: url(../img/cs_f.png) left center no-repeat; margin-bottom: 30px;}
.te600x_wo_2 .te600x_wo_2_img{ width: 100%; margin: 20px auto 0; overflow: hidden;}
.te600x_wo_2 .te600x_wo_2_img .li{ float: left; text-align: center;}
.te600x_wo_2 .te600x_wo_2_img .li:nth-child(1){ width: 34%;}
.te600x_wo_2 .te600x_wo_2_img .li:nth-child(2){ width: 27%; margin: 0 6%;}
.te600x_wo_2 .te600x_wo_2_img .li:nth-child(3){ width: 27%;}
.te600x_wo_2 .te600x_wo_2_img .li p{ margin-top: 15px; color: #666666;}
.te600x_wo_2_img{ width: 42%; margin: 30px auto 0; overflow: hidden;}
/*3*/
.te600x_wo_3{ width: 100%; margin: 0 auto; overflow: hidden;}
.te600x_wo_3 .left{ width: 100%; margin: 0 auto; overflow: hidden;}
.te600x_wo_3 .left .p2{ width: 50px; height: 4px; background: #00acb2; margin: 14px 0 36px;}
.te600x_wo_3 .left .li{ color: #555; font-size: 16px; /* padding-left: 28px; */ line-height: 26px; /* background: url(../img/ls_f.png) left center no-repeat; */margin-bottom: 30px;}
.te600x_wo_3 .right{ width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.te600x_wo_3 .right .right_img, .te600x_wo_3 .right .right_p{ width: 100%; overflow: hidden;  margin: 0 auto;}
.te600x_wo_3 .right .right_img .right_imgs{ width: 33.3%; overflow: hidden; text-align: center;margin-bottom: 1%; float: left;}
.te600x_wo_3 .right .right_img .right_imgs2 img{ width: 100%;}
.te600x_wo_3 .right .right_img img{ width: 80%; margin: 0 auto; overflow: hidden;}
.te600x_wo_3 .right p{ margin-top: 15px; color: #666666;}
.te600x_wo_3 .right .right_img .right_p p{ width: 33.3%; overflow: hidden; text-align: center; float: left;}

/*4*/
.te600x_wo_4{ width: 100%; margin: 90px 0px auto; overflow: hidden; background: url(../img/te600x_wo_4.jpg) center no-repeat; padding: 80px 0;}
.te600x_wo_4 .font_36{ text-align: center;}
.te600x_wo_4 .p2{ width: 50px; height: 4px; overflow: hidden; margin: 16px auto 36px; background: #00acb2;}
.te600x_wo_4 .font_22{ width: 100%; margin: 25px auto 0; overflow: hidden;}
.te600x_wo_4 .font_22 ul li{ width: 100% !important; color: #555; font-size: 16px; padding-left: 28px; line-height: 26px; background: url(../img/cs_f.png) left center no-repeat; margin-bottom: 20px;}
.te600x_wo_4 .te600x_wo_4_img{ width: 27%; margin: 20px auto 0; overflow: hidden; text-align: center;}
.te600x_wo_4 .te600x_wo_4_img  p{ margin-top: 18px; color: #666666; font-size: 16px;}

.te600x_wo_1 .font_36, .te600x_wo_2 .font_36, .te600x_wo_3 .font_36, .te600x_wo_4 .font_36{ color: #666;}
.te600x_wo_1 .font_22, .te600x_wo_2 .font_22, .te600x_wo_3 .font_22, .te600x_wo_4 .font_22{ color: #333;}
/* GALLERY */	
.te600x_ga_1{ width: 100%; margin: 60px auto 90px; overflow: hidden; position: relative;}
.products .sPrev,.products .sNext{ width:2.5%; height: 71px;  position: absolute; top: 35%;}
.products .sNext{ background: url(../img/gallery_right.png) center no-repeat; background-size: 100%; right: 10%;}
.products .sPrev{ background: url(../img/gallery_left.png) center no-repeat; background-size: 100%; left: 10%;}
.products .sNext:hover { background: url(../img/gallery_right2.png) center no-repeat; background-size: 100%;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;}
.products .sPrev:hover { background: url(../img/gallery_left2.png) center no-repeat; background-size: 100%;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;}
.products .parBd .te600x_ga_1 ul li{ width: 33.3% ; overflow:hidden; }
.products .parBd .te600x_ga_1 ul li .pic{ text-align: left;}
.products .parBd .te600x_ga_1 ul li .pic img{ width:90%;  margin: 0 auto;  text-align: center;}
.modal-dialog {
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    border-radius: 6px;
    outline: 0;
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
	width: 38% !important;
	}
	
	.lightbox-img {
	    display: block;
	    width: 100% !important;
	    max-width: 100%;
	    height: auto;
	    padding: 0;
	    margin: 0 auto;
	    cursor: pointer;
	    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	    -webkit-transition: all .4s cubic-bezier(.175,.885,.32,1);
	    transition: all .4s cubic-bezier(.175,.885,.32,1);
	}


/*max-width:1360px*/
@media screen and (max-width:1360px ) {
.products .sNext{ right: 3%;}
.products .sPrev{ left: 3%;}
}

/*news1*/
.news_xx {
	width: 100%;
	margin: 100px auto 80px;
	overflow: hidden;
}
.news_xx .font_32{ text-align: center; color: #666;}
.news_xx .p2{ width: 50px; height: 4px; overflow: hidden; margin: 16px auto 36px; background: #00acb2; color: #333;}
.news_tit{ width: 100%;}
.news_tit p{ margin-bottom: 15px;}

.video_con {
	display: flex;
    justify-content: center;
	margin: 0 auto !important;
  	width: 100%;
    overflow: hidden;
    padding: 0 120px;
  }
/* remove the below if you don't want smooth scrolling */
html,
body {
  scroll-behavior: smooth;
}

#myBtn {
  display: inherit;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 12px;
  border: 2px solid white;
  outline: none;
  background-color: #00acb1;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  transition: 0.3s;
  opacity: 0;
}

#myBtn:hover {
  background-color: #555;
  transition: 0.3s;
 }
  .parallax {
  	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .foot-border {
	border-top: 1px solid #fff;
	padding-top: 15px;
}
.slideDown1 {
	animation-name: slideDown;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
}
.slideDown2 {
	animation-name: slideDown;
    animation-duration: 0.6s;
    animation-timing-function: ease-out;
}
.slideDown3 {
	animation-name: slideDown;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
}
.slideDown4 {
	animation-name: slideDown;
    animation-duration: 1.0s;
    animation-timing-function: ease-out;
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 600px) {
.slideDown1 {
	animation-name: none;
    animation-duration: 0s;
    animation-timing-function: ease-out;
}
}