@charset "utf-8";
/* CSS Document */

/*
@font-face {
font-family: MiSans;
src:url('/fonts/MiSans-Regular.ttf');
} 
@font-face { 
font-family: MiSans-b; 
src:url('/fonts/MiSans-Semibold.ttf'); 
} 
*/

*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; margin: 0px; padding: 0px;} 
h1,h2,h3,h4,h5,h6,strong{} 
a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#00aeaa;} 
a:visited {text-decoration:none;color:#000000;} 

/*** effect zoom in ***/
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{ 
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 
/*** effect zoom in ***/

.img-zoom-deg img{ 
transition:All 0.5s ease-in-out; 
-webkit-transition:All 0.4s ease-in-out; 
-moz-transition:All 0.4s ease-in-out; 
-o-transition:All 0.4s ease-in-out; 
} 



.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
} 

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
} 

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
}



/*导航*/
.nav{ width:100%; position: fixed; z-index: 999999; margin: 0px; padding: 0px;transition: all 0.6s;} 

.nav_{ width:80%; margin:0px auto; } 
.nav_l{ float:left; width:169px; padding:15px 0px;} 
.nav_l img{ display: block; width: 100%; margin: 0px auto;} 

.nav_menu {float: right;} 
.nav_menu ul { margin:0 auto; list-style-type: none; } 
.nav_menu ul li {float:left; position:relative; } 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 

.nav_menu ul li a{ font-size: 16px; font-weight: normal;} 
.nav_menu ul li a, .nav_menu ul li a:visited {display:block; text-align:center; text-decoration:none; box-sizing: border-box;padding:0px 0px 10px 0px; margin: 28px 30px 0px 30px; color: #FFFFFF;} 
.nav_menu ul li a:hover{border-bottom:#FFFFFF 3px solid;}


.nav_menu ul li ul {display: none;} 
.nav_menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:171px;z-index: 999999;} 
.nav_menu ul li:hover ul li a {display:block; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;} 
.nav_menu ul li:hover ul li a:hover {background:#00aeaa; color:#000000;} 

.nav_r{ float: right; text-align: right; margin-top: 30px; margin-left: 30px;} 
.nav_r i{color: #FFFFFF; font-size: 20px;} 



/* fullSlide */
.fullSlide {width:100%;position:relative;} 
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd ul li{width:100% !important;overflow:hidden;text-align:center;} 
.fullSlide .bd ul li a{display:block;height:930px;} 
.fullSlide .bd ul li img{ width: 100%;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:5px;overflow:hidden;background:#FFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius: 50%;}
.fullSlide .hd ul .on{background:#00aeaa;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;}


.z_banner{ width:100%;margin: 0px; padding: 0px; text-align: center;} 
.z_banner img{width: 100%; display: block; margin: 0 auto;} 


.n_banner{ width:100%;margin: 0px; padding: 0px; text-align: center; position: relative;} 
.n_banner img{width: 100%; display: block; margin: 0 auto;z-index: 9;} 
.n_banner div{ position: absolute; z-index: 9999; width: 100%; text-align: center; top: 360px;} 
.n_banner div p{ font-size: 36px; color:#FFFFFF; text-transform: uppercase; opacity: 0.5;} 
.n_banner div h5{color: #FFFFFF; font-size: 42px; }


.main_info{ width: 100%; padding: 100px 0px; margin: 0px; background: url("/images/bg02.jpg") no-repeat center;} 

.main_info_{width: 100%; margin: 0px;}
.main_info_ .fl{ float: left; width: 50%;} 
.main_info_ .fl img{ width: 100%; height: 100%; object-fit: cover;} 
.main_info_ .fr{ float: right; width: 45%; padding-right: 15%; box-sizing: border-box;} 

.main_info_tit{width: 100%; margin: 0px;} 
.main_info_tit .tit{ display: inline-block; padding-bottom: 10px; border-bottom: #00aeaa 2px solid;} 
.main_info_tit .tit h3{ color: #000000; font-size: 28px; font-weight: lighter; line-height: 100%;} 
.main_info_tit .tit h3 span{color: #999999; font-size: 14px; text-transform: uppercase;} 
.main_info_tit ul{ display: flex; flex-wrap:wrap; justify-content: space-between; margin: 30px 0px;} 
.main_info_tit ul li{  width: 100px; height: 100px; background: url("/images/bg01.png") no-repeat center; box-sizing: border-box; text-align: center; padding-top: 20px;} 
.main_info_tit ul li h3{ font-size: 24px; color: #FFFFFF;} 
.main_info_tit ul li h3 span{display:inline-block;padding: 0px 5px;background: #FFFFFF; color: #00aeaa; font-size: 14px; border-radius: 5px; margin: 0px 0px 0px 3px;} 
.main_info_tit ul li p{font-size: 16px;color: #FFFFFF;} 

.main_info_con p{ color: #000000; font-size: 16px; line-height: 175%; margin:0px 0px 20px 0px; text-align: justify;} 
.main_info_con a{display: block; margin-top: 30px;} 
.main_info_con a span{ display: inline-block;  color:#999999;font-size: 16px; font-weight: bold; padding-bottom: 5px; border-bottom:#00aeaa 2px solid;} 
.main_info_con a i{display: inline-block;color:#FFFFFF;font-size: 20px; background: #00aeaa; border-radius: 50px; height: 50px; width: 50px; line-height: 50px; text-align: center;margin-left: 20px;transition: all 0.6s;} 
.main_info_con a:hover i{ margin-left: 200px;} 
.main_info_con a:hover span{color:#00aeaa;border-bottom:#00aeaa 2px solid;} 






.main_txt{width: 100%; margin: 0px;background:url("/images/bg03.jpg") no-repeat center; padding:100px 0px; }
.main_txt_tit{width: 1280px;   margin: 0px auto;}
.main_txt_tit  h3{color: #000000; font-size: 28px; font-weight: lighter; line-height: 100%; float: left;} 
.main_txt_tit  h3 span{ display: inline-block;color: #999999; font-size: 14px; text-transform: uppercase; margin-left: 10px; font-weight: lighter;} 
.main_txt_tit  p{float: right;font-size: 18px; color:#00aeaa;line-height: 150%; text-align: right;} 


.main_txt_info{width:1280px; margin: 30px auto 50px; border:#00aeaa 1px solid; border-radius: 15px; padding: 15px 50px 20px 50px; box-sizing: border-box;}
.main_txt_info ul{display: flex; flex-wrap:wrap; justify-content: space-between; } 
.main_txt_info ul li{flex: auto; text-align: center;} 

.main_txt_info ul li img{ width: 100px;} 
.main_txt_info ul li p{font-size: 14px; color:#00aeaa;} 


.main_txt_{width: 1280px;   margin: 0px auto;} 
.main_txt_ img{ width: 100%;} 







.main_pro{ width: 100%; margin: 0px;background:url("/images/bg04.jpg") no-repeat center; padding:100px 0px;} 
.main_pro_tit{ text-align: center;} 
.main_pro_tit  p{ font-size: 36px; color:#FFFFFF; text-transform: uppercase; opacity: 0.5;} 
.main_pro_tit  h3{color: #FFFFFF; font-size: 36px; }

.silder-box-1{ width:100%; margin: 50px auto 0px; position: relative;} 
.main_pro_{margin:0px auto;} 
.main_pro_ ul{} 
.main_pro_ ul li{ width: 320px; height: 650px; background: url(/images/bg05.jpg) no-repeat center; border-radius:150px; overflow: hidden;} 
.main_pro_ .txt{ padding: 80px 0px 30px 60px; box-sizing: border-box;} 
.main_pro_ .txt h3{ color: #00aeaa; font-size: 24px; line-height: 125%; } 
.main_pro_ .txt p{font-size: 14px;color: #00aeaa;  text-transform: uppercase; line-height: 150%;} 
.main_pro_ .txt em{ display: block; margin: 20px 0px; width: 30px; height: 2px; background: #00aeaa;} 

.main_pro_ .img-zoom-in{ width: 225px; margin: 0px auto;} 
.main_pro_ .img-zoom-in img{ width: 100%;} 


.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:10%; top:45%; border: #FFFFFF 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px; color: #FFFFFF;} 
.silder-button-1.btl:hover{background: #00aeaa; color: #FFFFFF;} 
.silder-button-1.btr{right:10%;  top:45%; border: #CCCCCC 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px; color: #FFFFFF;} 
.silder-button-1.btr:hover{background: #00aeaa; color: #FFFFFF; } 




.main_case{ width: 100%; margin: 35px 0px;} 
.main_case_tit{  width: 1280px; margin: 0px auto;} 
.main_case_tit .fl { float:left;} 
.main_case_tit .fl  p{ font-size: 36px; color:#00aeaa; text-transform: uppercase; opacity: 0.3;} 
.main_case_tit .fl  h3{color: #00aeaa; font-size: 36px; }

.main_case_tit .fr { float:right;} 
.main_case_tit .fr a{display: block; margin-top: 30px;} 
.main_case_tit .fr a span{ display: inline-block;  color:#999999;font-size: 16px; font-weight: bold; padding-bottom: 5px; border-bottom:#00aeaa 2px solid;} 
.main_case_tit .fr a i{display: inline-block;color:#FFFFFF;font-size: 20px; background: #00aeaa; border-radius: 50px; height: 50px; width: 50px; line-height: 50px; text-align: center;margin-left: 20px;transition: all 0.6s;} 
.main_case_tit .fr a:hover i{ margin-left: 50px;} 
.main_case_tit .fr a:hover span{color:#00aeaa;border-bottom:#00aeaa 2px solid;} 

.main_case_{ width: 100%; margin: 35px 0px 0px; padding: 0 0 0 16.5%; box-sizing: border-box; overflow: hidden;} 
.main_case_ ul{} 
.main_case_ ul li{ position: relative;overflow: hidden;float: left;} 
.main_case_ ul li:first-child{  width: 50%; height: 690px;} 
.main_case_ ul li:nth-child(2){ width: 50%; height: 345px;} 
.main_case_ ul li:last-child{ width: 50%; height: 345px;} 
.main_case_ ul li img{ width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 9;} 
.main_case_ ul li div.txt{position: absolute; z-index: 999; width: 80%; top:10%; left: 10%;} 
.main_case_ ul li div.txt .txt_{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: #00aeaa 1px solid;} 
.main_case_ ul li div.txt .txt_ h5{ color: #FFFFFF; font-size: 20px; float: left;} 
.main_case_ ul li div.txt .txt_ p{ float: right;font-size: 16px; color:#FFFFFF; text-transform: uppercase;} 
.main_case_ ul li div.txt .txt_info{ color: #FFFFFF; font-size: 16px;} 





.main_news{ width: 100%; margin: 50px 0px;} 
.main_news_tit{  width: 1280px; margin: 0px auto;} 
.main_news_tit .fl { float:left;} 
.main_news_tit .fl  p{ font-size: 36px; color:#00aeaa; text-transform: uppercase; opacity: 0.3;} 
.main_news_tit .fl  h3{color: #00aeaa; font-size: 36px; }

.main_news_tit .fr { float:right;} 
.main_news_tit .fr a{display: block; margin-top: 30px;} 
.main_news_tit .fr a span{ display: inline-block;  color:#999999;font-size: 16px; font-weight: bold; padding-bottom: 5px; border-bottom:#00aeaa 2px solid;} 
.main_news_tit .fr a i{display: inline-block;color:#FFFFFF;font-size: 20px; background: #00aeaa; border-radius: 50px; height: 50px; width: 50px; line-height: 50px; text-align: center;margin-left: 20px;transition: all 0.6s;} 
.main_news_tit .fr a:hover i{ margin-left: 50px;} 
.main_news_tit .fr a:hover span{color:#00aeaa;border-bottom:#00aeaa 2px solid;} 

.main_news_{ width: 1280px; margin: 35px auto;} 
.main_news_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; } 
.main_news_ ul li{   width: 405px; box-shadow: 0px 0px 10px 1px #92d0cf;} 
.main_news_ ul li div.txt{ padding: 35px; height: 240px; box-sizing: border-box;} 
.main_news_ ul li div.txt h3{ font-size: 20px;} 
.main_news_ ul li div.txt em{ display: block; margin: 15px 0px; width: 100%; height: 1px; background: #00aeaa;} 
.main_news_ ul li div.txt p{font-size: 14px;line-height: 150%; color: #999999;} 
.main_news_ ul li div.img{width: 405px; height: 230px; overflow: hidden;} 
.main_news_ ul li div.img img{ width: 100%; height: 100%; object-fit: cover;} 








.main_join{width: 100%; margin: 0px;background:url("/images/bg06.jpg") no-repeat center; height: 933px; box-sizing: border-box; padding:80px 0px;} 

.main_join_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.main_join_tit  p{ font-size: 36px; color:#00aeaa; text-transform: uppercase; opacity: 0.3;} 
.main_join_tit  h3{color: #00aeaa; font-size: 36px; }

.main_join .mt-tabpage {width:100%; margin:0px; overflow: hidden; position: relative;} 
.main_join .mt-tabpage .mt-tabpage-title { width: 1280px; margin: 50px auto; text-align: center;} 
.main_join .mt-tabpage .mt-tabpage-title .mt-tabpage-item { display: inline-block; background: url(/images/bg07.png) no-repeat center; width: 127px; height:49px; text-align: center;padding: 10px 0px 0px; color: #00aeaa;font-size:20px; box-sizing: border-box; margin: 0px 10px;}
.main_join .mt-tabpage .mt-tabpage-title .mt-tabpage-item:hover{ color: #000000;} 
.main_join .mt-tabpage .mt-tabpage-title .mt-tabpage-item-cur {color: #000000;}


.main_join .mt-tabpage-count {position: relative;width:1280px;height:500px; overflow: hidden; z-index: 9; margin: 0 auto;} 
.main_join .mt-tabpage-cont__wrap {position: absolute;} 
.main_join .mt-tabpage-count .mt-tabpage-item {width:1280px;height:500px;} 
.main_join .mt-tabpage-count .mt-tabpage-item .fl{ float: left; width: 510px; height: 500px; background: #00aeaa; padding: 80px; box-sizing: border-box;} 
.main_join .mt-tabpage-count .mt-tabpage-item .fl h6{ height: 60px; width: 60px; border: #FFFFFF 1px solid; line-height: 60px; border-radius: 50%; text-align: center; color: #FFFFFF; font-size: 28px;} 
.main_join .mt-tabpage-count .mt-tabpage-item .fl h3{font-size: 28px;color: #FFFFFF; margin: 10px 0px 30px;} 
.main_join .mt-tabpage-count .mt-tabpage-item .fl p{font-size: 18px;line-height: 150%; color: #FFFFFF; text-align: justify;} 
.main_join .mt-tabpage-count .mt-tabpage-item .fr{ float: right;width: 770px;height: 500px;} 
.main_join .mt-tabpage-count .mt-tabpage-item .fr img{width: 100%; height: 100%; object-fit: cover;} 



/********************************************内页**********************************************/





.con_about{width:100%;margin:0px; padding: 0;}

.con_about_a{width: 100%; margin: 0px;  padding: 180px 0px 80px; background: url(/images/banner01.jpg) no-repeat center;} 
.con_about_a_tit{ width: 1280px; margin: 0px auto;} 
.con_about_a_tit img{ width: 360px;} 
.con_about_a_tit p{ font-size: 40px; color:#FFFFFF; text-transform: uppercase; opacity: 0.2;} 
.con_about_a_tit h5{font-size: 28px; color: #FFFFFF;} 
.con_about_a_{ margin: 35px auto 0px; width: 1280px;} 
.con_about_a_ p{width: 500px; color: #FFFFFF; margin: 30px 0px; line-height: 175%; font-size: 16px; text-align: justify;} 
.con_about_a_info{ width: 1280px; margin: 0px auto;} 
.con_about_a_info_{width: 720px; margin: 0px;} 
.con_about_a_info_ ul{ display: flex; flex-wrap:wrap; justify-content: space-between; margin: 30px 0px;} 
.con_about_a_info_ ul li{  width: 120px; height: 100px; background:#ddf0f3; border-radius: 15px; padding:20px 20px 0px 20px; box-sizing: border-box; text-align: center;} 
.con_about_a_info_ ul li h3{ font-size: 24px; color: #005b56;} 
.con_about_a_info_ ul li h3 span{display:inline-block;padding: 0px 5px;background: #005b56; color: #FFFFFF; font-size: 14px; border-radius: 5px; margin: 0px 0px 0px 3px;} 
.con_about_a_info_ ul li p{font-size: 14px;color: #005b56; margin-top: 5px;} 



.con_about_b{  width: 100%;  margin: 0px;background:url("/images/a01.jpg") no-repeat center; padding: 80px 0px 100px; box-sizing: border-box; } 
.con_about_b_tit{ width: 1280px; margin: 0px auto;} 
.con_about_b_tit p{ font-size: 40px; color:#00aeaa; text-transform: uppercase;} 
.con_about_b_tit h5{font-size: 28px; color: #FFFFFF;} 
.con_about_b_{width: 1280px; margin: 50px auto 0px; padding: 0px; box-sizing: border-box;} 
.con_about_b_ ul{ } 
.con_about_b_ ul li{ float: left; width:300px; height: 300px; margin-right: 26.5px; border-radius: 20px; padding: 50px; box-sizing: border-box; background: rgba(255,255,255,0.85); text-align: center;} 
.con_about_b_ ul li:last-child{ float: right; margin-right: 0;} 
.con_about_b_ ul li img{ width: 65px; height: 65px;} 
.con_about_b_ ul li h5{ font-size: 22px;color: #00aeaa; margin-top: 20px; margin-bottom: 20px; line-height: 150%;} 
.con_about_b_ ul li p{ color: #000000; font-size: 16px; line-height: 175%;} 


.con_about_c{width: 100%;  margin: 80px 0px 50px;} 
.con_about_c_tit{ width: 1280px; margin: 0px auto;} 
.con_about_c_tit p{ font-size: 40px; color:#00aeaa; text-transform: uppercase;} 
.con_about_c_tit h5{font-size: 28px; color: #000000;} 
.silder-box-2{ width:100%; margin: 50px auto 0px; position: relative;} 
.con_about_c_{width: 1280px; margin:0px auto; position: relative;} 
.con_about_c_ div{ background: #00aeaa; height: 2px; width: 100%; position: absolute; top: 8px;} 
.con_about_c_ ul{} 
.con_about_c_ ul li{ width:245px; } 
.con_about_c_ ul li:last-child{ float: right; margin-right: 0;} 
.con_about_c_ ul li em{display: block;background: #00aeaa; margin: 0px; height: 20px; width: 20px;border-radius: 50%;} 
.con_about_c_ ul li h6{ background: #00aeaa; color: #FFFFFF; padding: 5px 0px; font-size:20px; text-align: center; width:150px; margin: 20px 0px 20px; border-radius: 10px;} 
.con_about_c_ ul li p{ font-size: 16px;line-height: 175%; color: #000000; text-align: justify; }
.silder-button-2{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-2.btl{left:12%; top:2%; border: #00aeaa 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px; color: #00aeaa;} 
.silder-button-2.btl:hover{background: #00aeaa; color: #FFFFFF;} 
.silder-button-2.btr{right:12%;  top:2%; border: #00aeaa 1px solid;width: 50px;height: 50px;line-height: 50px; text-align: center;font-size: 20px; color: #00aeaa;} 
.silder-button-2.btr:hover{background: #00aeaa; color: #FFFFFF; } 




.con_about_d{width:100%; margin: 0px; padding: 60px 0px 0px; }
.con_about_d_tit{ width: 1280px; margin: 0px auto;} 
.con_about_d_tit p{ font-size: 40px; color:#00aeaa; text-transform: uppercase;} 
.con_about_d_tit h5{font-size: 28px; color: #000000;} 
.con_about_d_{width: 1280px; margin: 35px auto 0px;}
.con_about_d_ ul{} 
.con_about_d_ ul li{ width: 49.5%; float: left; height: 240px; margin-bottom: 1%; position: relative; overflow: hidden;} 
.con_about_d_ ul li:nth-child(2n){ float: right;} 
.con_about_d_ ul li h3{ position: absolute; z-index: 99; font-size: 16px; width: 100%; bottom: 0; background: rgba(0,0,0,0.5); color: #FFFFFF; padding: 10px; box-sizing: border-box;} 
.con_about_d_ ul li img{ width: 100%; height: 100%; object-fit: cover;z-index: 9;} 


.con_about_e{width:100%; margin: 0px;background:#EEEEEE; padding: 80px 0px; }
.con_about_e_tit{ width: 1280px; margin: 0px auto;} 
.con_about_e_tit p{ font-size: 40px; color:#00aeaa; text-transform: uppercase;} 
.con_about_e_tit h5{font-size: 28px; color: #000000;} 
.con_about_e_{width: 1280px; margin: 50px auto 0px;}
.con_about_e_ img{ width: 100%;} 


.con_about_f{width:100%; margin: 0px; padding: 60px 0px; }
.con_about_f_tit{ width: 1280px; margin: 0px auto;} 
.con_about_f_tit p{ font-size: 40px; color:#00aeaa; text-transform: uppercase;} 
.con_about_f_tit h5{font-size: 28px; color: #000000;} 
.con_about_f_{width: 1280px; margin: 35px auto 0px;}
.con_about_f_ img{ width: 100%;} 




.con_brand{width:100%;margin:0px; padding: 0;}

.con_brand_a{width: 100%; margin: 0px;  padding: 180px 0px 80px; background: url(/images/b01.jpg) no-repeat center;} 
.con_brand_a_tit{ width: 1280px; margin: 0px auto;} 
.con_brand_a_tit p{ font-size: 40px; color:#FFFFFF; text-transform: uppercase; opacity: 0.2;} 
.con_brand_a_tit h5{font-size: 28px; color: #FFFFFF;} 
.con_brand_a_{ margin: 50px auto 0px; width: 1280px;} 
.con_brand_a_ h5{color: #FFFFFF;  font-size: 20px; margin: 30px 0px 5px;} 
.con_brand_a_ p{width: 750px; color: #FFFFFF; line-height: 175%; font-size: 14px; text-align: justify; opacity: 0.8;} 
.con_brand_a_ img{ display: block; margin-top: 30px;} 

.con_brand_b{width: 1280px; margin: 80px auto;} 
.con_brand_b .fl{ float: left;width: 640px; height: 640px; overflow: hidden;} 
.con_brand_b .fl img{ width: 100%; height: 100%; object-fit: cover;} 
.con_brand_b .fr{ float: right; }
.con_brand_b .fr h6{ background: #00aeaa; font-size: 16px; color: #FFFFFF; text-align: center; display: inline-block; padding: 5px 15px; border-radius: 10px;margin: 30px 0px 10px;} 
.con_brand_b .fr h3{color: #00aeaa;  font-size: 28px; margin-bottom: 15px;} 
.con_brand_b .fr p{ color: #666666; line-height: 175%; font-size: 16px; text-align: justify; } 
.con_brand_b .fr h3:nth-of-type(3){ margin-top: 30px;} 

.con_brand_b .fz{ float: left; }
.con_brand_b .fz h6{ background: #00aeaa; font-size: 16px; color: #FFFFFF; text-align: center; display: inline-block; padding: 5px 15px; border-radius: 10px;margin: 30px 0px 10px;} 
.con_brand_b .fz h3{color: #00aeaa;  font-size: 28px;  margin-bottom: 15px;} 
.con_brand_b .fz p{ color: #666666; line-height: 175%; font-size: 16px; text-align: justify; } 
.con_brand_b .fy{ float: right;width: 640px; height: 640px; overflow: hidden;} 
.con_brand_b .fy img{ width: 100%; height: 100%; object-fit: cover;} 




.con_brand_c{ width: 100%; margin: 0px;background:url("/images/bg04.jpg") no-repeat center; padding:100px 0px;} 
.con_brand_c_tit{ text-align: center;} 
.con_brand_c_tit  p{ font-size: 36px; color:#FFFFFF; text-transform: uppercase; opacity: 0.5;} 
.con_brand_c_tit  h3{color: #FFFFFF; font-size: 36px;  margin: 5px 0px 15px;}
.con_brand_c_tit  h6{color: #FFFFFF; font-size: 28px; font-weight: lighter;}
.silder-box-3{ width:100%; margin: 50px auto 0px; position: relative;} 
.con_brand_c_{margin:0px auto;} 
.con_brand_c ul{} 
.con_brand_c ul li{ width: 300px; height:455px; background: url(/images/bg05.jpg) no-repeat center;  overflow: hidden;} 
.con_brand_c .txt{ padding: 50px 50px 30px 50px; box-sizing: border-box;} 
.con_brand_c .txt h3{ color: #00aeaa; font-size: 24px; line-height: 125%; } 
.con_brand_c .txt p{font-size: 14px;color: #000000;  text-transform: uppercase; line-height: 150%; height: 55px;} 
.con_brand_c .txt em{ display: block; margin: 20px 0px; width: 30px; height: 2px; background: #00aeaa;} 

.con_brand_c .img-zoom-in{ width: 300px; height: 220px; margin: 0px auto; overflow: hidden;} 
.con_brand_c .img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 



.silder-button-3{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-3.btl{left:10%; top:45%; border: #FFFFFF 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px; color: #FFFFFF;} 
.silder-button-3.btl:hover{background: #00aeaa; color: #FFFFFF;} 
.silder-button-3.btr{right:10%;  top:45%; border: #CCCCCC 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px; color: #FFFFFF;} 
.silder-button-3.btr:hover{background: #00aeaa; color: #FFFFFF; } 

.con_brand_d{width: 100%; margin: 0px;  padding: 80px 0px; background: url(/images/b15.jpg) no-repeat center bottom;} 
.con_brand_d_tit{ width: 1280px; margin: 0px auto;} 
.con_brand_d_tit p{ font-size: 40px; color:#999999; text-transform: uppercase; opacity: 0.2;} 
.con_brand_d_tit h5{font-size: 28px; color: #00aeaa;} 
.con_brand_d_{ margin: 50px auto 0px; width: 1280px;} 
.con_brand_d_ h5{color: #333333;  font-size: 20px; margin: 30px 0px 5px;} 
.con_brand_d_ p{width: 750px; color: #000000; line-height: 175%; font-size: 14px; text-align: justify; opacity: 0.8; font-weight: lighter;} 






.con_brand_e{ width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_brand_e_{width: 1280px; margin:0px auto;} 
.con_brand_e_ ul{ display: flex; flex-wrap:wrap; justify-content: space-between;} 
.con_brand_e_ ul li{ width: 300px; height:455px; background:#FFFFFF;} 
.con_brand_e_ ul li div{ height: 155px; box-sizing: border-box; padding: 30px; text-align: center;} 
.con_brand_e_ ul li div h3{font-size: 28px; color: #00aeaa; margin-bottom: 10px;} 
.con_brand_e_ ul li div p{font-size: 20px; color: #000000; font-weight: lighter;} 
.con_brand_e_ ul li img{width: 300px; height:300px;} 













.con_pro{width:100%;margin:0px; padding: 0;}

.con_pro_a{width: 100%; margin: 0px;  padding: 200px 0px 120px; background: url(/images/p01.jpg) no-repeat center;} 
.con_pro_a_tit{ width: 1280px; margin: 0px auto;} 
.con_pro_a_tit p{ font-size: 28px; color:#000000;} 
.con_pro_a_tit h5{font-size: 50px; color: #00aeaa;} 
.con_pro_a_{ margin: 50px auto 0px; width: 1280px;} 
.con_pro_a_ h5{color: #00aeaa;  font-size: 20px; margin: 30px 0px 5px;} 
.con_pro_a_ p{width: 600px; color: #000000; line-height: 175%; font-size: 14px; text-align: justify; opacity: 0.8;} 



.con_pro_a_info{width:1280px; margin: 30px auto 0px;}
.con_pro_a_info ul{display: flex; flex-wrap:wrap; justify-content: space-between; width: 600px;} 
.con_pro_a_info ul li{flex:auto;}
.con_pro_a_info ul li img{ width: 80px;} 
.con_pro_a_info ul li p{font-size: 14px; color:#00aeaa; margin-top: 10px;}



.con_pro_b{width: 100%; margin: 0px;  padding: 100px 0px; background: url(/images/p07.jpg) no-repeat center;} 

.con_pro_b_tit{ width: 1280px; margin: 0px auto;} 
.con_pro_b_tit p{ font-size: 40px; color:#FFFFFF; text-transform: uppercase; opacity: 0.2;} 
.con_pro_b_tit h5{font-size: 28px; color: #FFFFFF;} 

.con_pro_b_{width:1280px; margin: 50px auto 0px;} 
.con_pro_b_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:30px;} 
.con_pro_b_ ul li{flex:auto; width: 360px; border: #00aeaa 1px solid; padding: 30px; box-sizing: border-box; background: rgba(0,0,0,0.5); }
.con_pro_b_ ul li span {font-size: 12px; color:#FFFFFF; text-transform: uppercase; opacity: 0.5;} 
.con_pro_b_ ul li h5 {font-size: 24px; color: #00aeaa; margin-bottom: 20px;} 
.con_pro_b_ ul li p {font-size: 14px; color:#FFFFFF;opacity: 0.75; text-align: justify; line-height: 150%;font-weight: lighter;} 
.con_pro_b_ ul li:hover{ background: #00aeaa;} 
.con_pro_b_ ul li:hover span{} 
.con_pro_b_ ul li:hover h5{color:#FFFFFF;} 
.con_pro_b_ ul li:hover p{opacity: 0.9;}



.con_pro_c{width:100%;margin:0px; padding:30px 0px;background: #F8F8F8;}
.con_pro_c_{width: 1280px; margin: 50px auto;} 
.con_pro_c_ .fl{ float: left;width: 640px; height: 460px; overflow: hidden;} 
.con_pro_c_ .fl img{ width: 100%; height: 100%; object-fit: cover;} 
.con_pro_c_ .fr{ float: right;width: 640px; height: 460px; background: #FFFFFF;padding: 70px; box-sizing: border-box;}
.con_pro_c_ .fz{ float: left; width: 640px; height: 460px; background: #FFFFFF;padding: 70px; box-sizing: border-box;}
.con_pro_c_ .fy{ float: right;width: 640px; height: 460px; overflow: hidden;} 
.con_pro_c_ .fy img{ width: 100%; height: 100%; object-fit: cover;} 

.con_pro_c_ span {font-size: 28px; color:#000000; text-transform: uppercase; opacity: 0.5; font-weight: lighter;} 
.con_pro_c_ h3{color: #00aeaa;  font-size: 36px; line-height: 100%;} 
.con_pro_c_ h6{color: #000000;  font-size: 20px; font-weight: lighter;margin: 20px 0px 20px;} 
.con_pro_c_ p{ color: #999999; line-height: 150%; font-size: 16px; text-align: justify; margin: 15px 0px;} 




.con_pro_d{width: 100%; margin: 80px 0px;  padding:0px;} 

.con_pro_d_tit{ width: 1280px; margin: 0px auto;} 
.con_pro_d_tit p{ font-size: 40px; color:#CCCCCC; text-transform: uppercase; opacity: 0.2;} 
.con_pro_d_tit h5{font-size: 28px; color: #00aeaa;} 

.con_pro_d_img{width: 1280px; margin: 35px auto;} 
.con_pro_d_img img{ width: 100%;} 

.con_pro_d_{width:1280px; margin: 0px auto;} 
.con_pro_d_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:30px;} 
.con_pro_d_ ul li{flex:auto; width:280px; border: #00aeaa 1px solid; padding: 30px; box-sizing: border-box; }
.con_pro_d_ ul li h5 {font-size: 20px; color: #00aeaa; margin-bottom: 20px;line-height: 125%;} 
.con_pro_d_ ul li p {font-size: 14px; color:#666666; text-align: justify; line-height: 150%; font-weight: lighter;} 
.con_pro_d_ ul li:hover{ background: #00aeaa;} 
.con_pro_d_ ul li:hover h5{color:#FFFFFF;} 
.con_pro_d_ ul li:hover p{color:#FFFFFF;} 












.con_join{ width: 100%; margin: 0; padding: 80px 0px; background: #F8F8F8; } 

.con_join_a_{margin: 50px auto; width: 1280px;} 

.con_join_a_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_a_tit p{ font-size: 28px; color:#000000; text-transform: uppercase; opacity: 0.5;} 
.con_join_a_tit h5{font-size: 40px; color: #00aeaa;} 

.con_join_a_ .fl{ float:left; width: 640px; height: 400px; background: #FFFFFF; padding: 70px; box-sizing: border-box;} 
.con_join_a_ .fl h5{font-size: 24px; color: #00aeaa; } 
.con_join_a_ .fl em{ display: block; background: #00aeaa; width: 50px; margin:20px 0px; height:2px;} 
.con_join_a_ .fl p{line-height: 175%; color: #333333; text-align: justify;  font-size: 16px;} 
.con_join_a_ .fr{ float:right; width: 640px; height:400px; overflow: hidden;} 
.con_join_a_ .fr img { width: 100%; height: 100%; object-fit: cover;} 

.con_join_a_ .fz{ float:left; width: 640px; height:400px; overflow: hidden;} 
.con_join_a_ .fz img { width: 100%; height: 100%; object-fit: cover;} 
.con_join_a_ .fx{ float:right; width: 640px; height: 400px; background: #FFFFFF; padding: 70px; box-sizing: border-box;} 
.con_join_a_ .fx h5{font-size: 24px; color: #00aeaa;} 
.con_join_a_ .fx em{ display: block; background: #00aeaa; width: 50px; margin:20px 0px; height:2px;} 
.con_join_a_ .fx p{line-height: 175%; color: #333333; text-align: justify; font-size: 16px;} 



.con_join_c{ width: 100%; margin: 0; padding: 80px 0px 30px; background: #FFFFFF; } 

.con_join_c_{margin: 50px auto; width: 1280px;} 
.con_join_c_ img{ width: 100%;} 
.con_join_c_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_c_tit p{ font-size: 28px; color:#000000; text-transform: uppercase; opacity: 0.5;} 
.con_join_c_tit h5{font-size: 40px; color: #00aeaa;} 



.con_join_d{ width: 100%; margin: 0; padding: 50px 0px 30px; background: #F8F8F8; } 

.con_join_d_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_d_tit p{ font-size: 28px; color:#000000; text-transform: uppercase; opacity: 0.5;} 
.con_join_d_tit h5{font-size: 40px; color: #00aeaa;} 

.con_join_d_{margin: 50px auto; width: 1280px;} 
.con_join_d_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:30px;} 
.con_join_d_ ul li{flex:1;} 
.con_join_d_ ul li img{ width: 100%; display: block; margin: 0;} 
.con_join_d_ ul li div{ width: 100%; background: #FFFFFF; padding: 20px;box-sizing: border-box; height: 135px;} 
.con_join_d_ ul li div h5{font-size: 20px; color:#00aeaa; margin-bottom: 10px;} 
.con_join_d_ ul li div p{font-size: 14px; color:#999999; line-height: 150%;} 



.con_join_e{ width: 100%; margin: 0; padding: 80px 0px 30px; background: #FFFFFF; } 
.con_join_e_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_e_tit p{ font-size: 28px; color:#000000; text-transform: uppercase; opacity: 0.5;} 
.con_join_e_tit h5{font-size: 40px; color: #00aeaa;} 
.con_join_e_{margin: 50px auto; width: 1280px; background: url(/images/join13.png) no-repeat center bottom; height: 290px;} 
.con_join_e_ ul{display: flex; flex-wrap:wrap; justify-content: space-between;} 
.con_join_e_ ul li{flex:1; text-align: center;} 
.con_join_e_ ul li p{font-size: 16px; color:#666666; line-height: 150%;} 



.con_join_f{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_f img{ width: 100%;} 



.con_join_g{ width: 100%; margin: 0; padding: 0px 0px 50px; background: #F8F8F8; } 

.con_join_g_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_g_tit p{ font-size: 28px; color:#000000; text-transform: uppercase; opacity: 0.5;} 
.con_join_g_tit h5{font-size: 40px; color: #00aeaa;} 

.con_join_g_{margin: 50px auto; width: 1280px;} 
.con_join_g_ ul{display: flex; flex-wrap:wrap; justify-content: space-between;} 
.con_join_g_ ul li{flex:auto; width: 426.5px; height: 220px; overflow: hidden; padding: 35px; box-sizing: border-box;} 
.con_join_g_ ul li:first-child{ background: #FFFFFF;} 
.con_join_g_ ul li:nth-child(2){padding: 0px;} 
.con_join_g_ ul li:nth-child(3){background: #FFFFFF;} 
.con_join_g_ ul li:nth-child(4){background: #FCFCFC;} 
.con_join_g_ ul li:nth-child(6){background: #FCFCFC;} 
.con_join_g_ ul li:nth-child(7){padding: 0px;} 
.con_join_g_ ul li:nth-child(8){background: #FFFFFF;} 
.con_join_g_ ul li:nth-child(9){background: #F2F2F2;} 
.con_join_g_ ul li:nth-child(10){background: #FFFFFF;} 
.con_join_g_ ul li:nth-child(11){padding: 0px;} 
.con_join_g_ ul li:last-child{background: #FFFFFF;} 
.con_join_g_ ul li img{ width: 100%; height: 100%; object-fit: cover; display: block; margin: 0;} 
.con_join_g_ ul li h5{font-size: 20px; color:#00aeaa; margin-bottom: 10px;} 
.con_join_g_ ul li p{font-size: 14px; color:#666666; line-height: 175%; font-weight: lighter;} 







.con_join_z{width:100%; margin: 0px; padding: 80px 0px;} 
.con_join_z_{ margin: 0px auto; width: 1280px; border: #DDDDDD 1px solid; padding: 20px; box-sizing: border-box;} 
.con_join_z_01{ font-size: 36px; font-weight: lighter; border-bottom: #DDDDDD 1px dashed; padding:0px 0px 20px 0px; text-align: center;} 
.con_join_z_02{ margin: 15px 0px;} 
.con_join_z_02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 49.6%; box-sizing: border-box;}
.con_join_z_03{ margin: 15px 0px;} 
.con_join_z_03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 100%; box-sizing: border-box;} 
.con_join_z_04{ margin: 15px 0px;} 
.con_join_z_04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 100%; height: 200px; vertical-align: top; font-family: "微软雅黑";box-sizing: border-box;} 
.con_join_z_05{ margin: 30px 0px;text-align: center;box-sizing: border-box;} 
.con_join_z_05 input{ border: none; background: #00aeaa; border-radius: 5px; color: #FFFFFF; padding: 15px;width:300px; font-size: 28px; font-weight: bold; } 








.con_case{ margin: 80px 0px; width: 100%;}



.con_case_{margin: 0px auto; width: 1280px;} 
.con_case_ ul{ display: flex;flex-wrap:wrap;gap:40px;width: 1280px;  margin-bottom: 50px;} 
.con_case_ ul li { } 
.con_case_ ul li img{   width: 620px; height: 380px; object-fit: cover; display: block;} 
.con_case_ ul li p{ font-size: 16px; color: #000000; margin-top: 10px;} 


.con_case_m{margin: 80px auto; width: 1280px;text-align: center;} 
.con_case_m img{object-fit: cover;} 
.con_case_m h1{font-size: 32px; margin: 30px 0px 10px; color: #000000;} 
.con_case_m p{ font-size: 20px; color: #666666;} 







.con_news{ margin: 0; width: 100%; background: #F8F8F8; padding:30px 0px;} 

.con_news_{ width: 1280px; margin: 0px auto; } 
.con_news_ ul{} 
.con_news_ ul li{ margin: 50px 0px; background: #FFFFFF; overflow: hidden;}
.con_news_ ul li div.img-zoom-in{ float: left; width: 500px; height: 345px; overflow: hidden;} 
.con_news_ ul li div.img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 
.con_news_ ul li div.txt{float: right;width: 700px; padding: 50px; box-sizing: border-box;}
.con_news_ ul li div.txt h2{  font-size: 24px; line-height: 125%;} 
.con_news_ ul li div.txt h2 a:hover{color: #00aeaa;} 
.con_news_ ul li div.txt p{ color: #666666; font-size: 14px;line-height: 175%; margin: 30px 0px 20px;} 
.con_news_ ul li div.txt span{ display: block;color: #999999; font-size: 14px; } 


.con_news_m{padding: 0px; margin: 80px 0px; width: 100%;} 
.con_news_m_tit{ width: 1280px;  margin: 80px auto 0px; border-bottom: #EEEEEE 1px solid; padding-bottom: 30px;} 
.con_news_m_tit span{display: block;line-height: 100%; font-size: 60px; color:#CCCCCC; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.con_news_m_tit h1{ color: #000000; font-size: 36px; margin-top: 10px; margin-bottom: 5px;} 
.con_news_m_tit p{color: #999999; font-size:16px;} 
.con_news_m_{ width: 1280px; margin: 30px auto 0px;} 
.con_news_m_ #MyContent p{ font-size: 18px; text-align: justify; line-height: 175%; margin: 25px 0px; color: #000000;} 
.con_news_m_ #MyContent img{ max-width: 900px;} 

.con_news_more{border-bottom: #EEEEEE 1px solid;border-top: #EEEEEE 1px solid; padding: 20px 0px;width: 1280px;  margin: 50px auto 0px;} 
.con_news_more h5{ font-size: 24px; margin-bottom: 20px;} 
.con_news_more ul li{ padding: 6px 0px;} 
.con_news_more ul li a{ font-size: 18px; color: #666666;} 
.con_news_more ul li a:hover{color: #00aeaa;} 




/*内页-联系我们*/
.con_contact{ margin: 0px; width: 100%; padding: 0px;} 

.con_contact_{ margin: 80px auto; width: 1280px;} 
.con_contact_ .con_contact_info{} 

.con_contact_ .con_contact_info ul{} 
.con_contact_ .con_contact_info ul li:first-child{ width: 100%; background: #F8F8F8; text-align: center; padding: 50px 0px; margin-bottom: 20px;} 
.con_contact_ .con_contact_info ul li:first-child img{ width: 128px;} 
.con_contact_ .con_contact_info ul li:first-child p{font-size: 20px; color: #666666;margin-top: 20px;} 
.con_contact_ .con_contact_info ul li:first-child h3{font-size: 50px;} 

.con_contact_ .con_contact_info ul li:nth-child(2){ float: left; width: 630px;background: #F8F8F8; text-align: center; padding: 50px 0px;} 
.con_contact_ .con_contact_info ul li:nth-child(2) img{ width: 60px;} 
.con_contact_ .con_contact_info ul li:nth-child(2) p{font-size: 20px; color: #666666;margin-top: 20px;} 
.con_contact_ .con_contact_info ul li:last-child{ float: right;width: 630px;background: #F8F8F8; text-align: center; padding: 50px 0px;} 
.con_contact_ .con_contact_info ul li:last-child img{ width: 60px;} 
.con_contact_ .con_contact_info ul li:last-child p{font-size: 20px; color: #666666;margin-top: 20px;} 
.con_contact_ .con_contact_map{  width:1280px; margin: 20px auto 0px;} 
#dituContent{width: 1280px; height: 500px;} 
/*内页-联系我们*/










/********************************************内页**********************************************/




.bottom{ width:100%; background:#00827c; margin: 0px; padding:50px 0px;}
.bottom_{ width:80%; margin:0px auto;}

.bottom_logo{float: left; } 
.bottom_logo h6{ font-size: 18px; font-weight: normal; color: #FFFFFF;} 
.bottom_logo span{  font-size: 0.7em; color: #CCCCCC; text-transform: uppercase;} 

.bottom_l{ float: left; margin: 0px 50px;} 
.bottom_l ul{} 
.bottom_l ul li{float:left; margin-right: 60px; border-left: rgba(255,255,255,0.2) 1px solid; padding-left: 60px;} 
.bottom_l ul li:last-child{ margin-right: 0px;} 
.bottom_l ul li h5{ font-size: 18px; color: #FFFFFF;} 
.bottom_l ul li p { color: #EEEEEE; font-size: 14px; margin-top: 10px;} 
.bottom_l ul li h6{ font-size: 28px; color: #FFFFFF; margin-top: 10px;} 

.bottom_r{ float: right; width: 360px;}
.bottom_r img{ width: 100%;} 

.bottom_b{ width: 80%; margin:20px auto 0px;padding: 20px 0px 0px; text-align: left; font-size: 14px; border-top: rgba(255,255,255,0.2) 1px solid; color: #CCCCCC;text-transform: uppercase;} 
.bottom_b a{ color: #CCCCCC;} 
.bottom_b a:hover{color: #00aeaa;} 


/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#CCCCCC 1px solid;padding:5px 10px;margin:2px;color:#666666;text-decoration:none;}
div.black2 a:hover{color:#FFFFFF;background-color:#00aeaa;border:#00aeaa 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#00aeaa;border:#00aeaa 1px solid;}
div.black2 a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#00aeaa;border:#00aeaa 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 



@media screen and (min-width:1500px) and (max-width:1700px){ 
    .fullSlide .bd ul li a{height:680px}

}

@media screen and (min-width:1400px) and (max-width:1500px){ 
    .fullSlide .bd ul li a{height:625px;}
	.nav_{ width:90%; margin:0px auto; } 
    .nav_menu ul li a, .nav_menu ul li a:visited {margin: 28px 30px 0px 30px;} 
}

@media screen and (min-width:1300px) and (max-width:1400px){ 
   .fullSlide .bd ul li a{height:600px;}
}

@media screen and (min-width:1200px) and (max-width:1300px){ 
   .fullSlide .bd ul li a{height:570px;}
}


@media screen and (max-width: 1700px){
	.nav_{ width:88%;} 
    .nav_menu ul li a, .nav_menu ul li a:visited {margin: 28px 25px 0px 25px;} 
	
	.n_banner div{ top: 280px;} 
	
	.main_info_ .fr{ padding-right: 10%; } 

	.main_info_tit ul{margin: 20px 0px;} 
	.main_info_tit ul li{  width: 90px; height: 90px; background-size: cover;padding-top: 20px;} 
	.main_info_tit ul li h3{ font-size: 20px;} 
	.main_info_tit ul li p{font-size: 14px;} 
	.main_info_con p{ font-size: 16px; line-height: 160%;} 
	.main_info_con a{  margin-top: 20px;} 
	
	.silder-button-1.btl{left:5%;} 
    .silder-button-1.btr{right:5%;} 
	
	.main_case_{ padding: 0 0 0 9.5%;} 
	.main_case_ ul{} 
	.main_case_ ul li{ position: relative;overflow: hidden;float: left;} 
	.main_case_ ul li:first-child{  height: 580px;} 
	.main_case_ ul li:nth-child(2){  height: 290px;} 
	.main_case_ ul li:last-child{  height: 290px;} 
	
	
	.bottom_{ width:88%; }
    .bottom_b{ width: 88%;} 
	

} 
@media screen and (max-width: 1500px){
    .nav_{ width:90%; margin:0px auto; } 
    .nav_menu ul li a, .nav_menu ul li a:visited {margin: 28px 20px 0px 20px;} 
	
	.n_banner div{ top: 230px;} 
	
	.main_info_ .fr{ padding-right: 5%; } 

	.main_info_tit ul{margin: 20px 0px;} 
	.main_info_tit ul li{  width: 80px; height: 80px; background-size: cover;padding-top: 20px;} 
	.main_info_tit ul li h3{ font-size: 20px;} 
	.main_info_tit ul li p{font-size: 14px;} 
	.main_info_con p{ font-size: 14px; line-height: 160%;} 
	.main_info_con a{  margin-top: 20px;} 
	
	
	.silder-button-1.btl{left:1%;} 
    .silder-button-1.btr{right:1%;}
	
	
	.main_case_{ padding: 0 0 0 5%;} 
	.main_case_ ul{} 
	.main_case_ ul li:first-child{  height: 550px;} 
	.main_case_ ul li:nth-child(2){ height: 275px;} 
	.main_case_ ul li:last-child{  height: 275px;} 
	
	.bottom_{ width:90%;}
	.bottom_b{ width: 90%;} 
	.bottom_l ul li{ margin-right: 50px; padding-left: 50px;} 
} 

@media screen and (max-width: 1400px){
	.n_banner div{ top: 220px;} 
	
	.main_case_{ padding: 0 0 0 2.5%;} 
	.main_case_ ul{} 
	.main_case_ ul li:first-child{   height: 500px;} 
	.main_case_ ul li:nth-child(2){ height: 250px;} 
	.main_case_ ul li:last-child{ height: 250px;} 

	.bottom_{ width:90%;}
	.bottom_l ul li{ margin-right: 35px; padding-left: 35px;} 
	.bottom_b{ width: 90%;} 
} 

@media screen and (max-width: 1300px){
	.n_banner div{ top: 200px;} 
	.nav_{ width:98%; margin:0px auto; } 
	.main_case_{ padding: 0 0 0 0;} 
	.main_case_ ul{} 
	.main_case_ ul li:first-child{  height: 460px;} 
	.main_case_ ul li:nth-child(2){  height: 230px;} 
	.main_case_ ul li:last-child{ height: 230px;} 
	
    .bottom_{ width:98%;}
	.bottom_l ul li{ margin-right: 30px; padding-left: 30px;} 
	.bottom_b{ width: 98%;} 
}





.mobile-inner{ display: none;} 
.fullSlide .bd li div.pc{ display: block;} 
.fullSlide .bd li div.mo{ display: none;} 
.hei{ display: none;} 

@media screen and (max-width:768px){

	.nav{ display: none;} 

	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background: #00aeaa;} 
	.mobile-inner-header .img0 { float: left; margin-top: 3%; margin-left: 3%; width: 32%;} 
	.mobile-inner-header .img0 img{ width:100%;} 
	.mobile-inner-header-icon{float:right; height: 60px;font-size: 25px;text-align: center;width: 60px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;
		-o-transition: background 0.5s;	transition: background 0.5s; position: relative;} 
	.mobile-inner-header-icon:hover{ background-color: rgba(255,255,255,0.25);cursor: pointer;} 
	.mobile-inner-header-icon span{	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);width: 25px;height: 2px;background-color: rgba(255,255,255,1);}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(5px) rotate(0deg);} 
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-5px) rotate(0deg);} 
	.mobile-inner-header-icon span:nth-child(3){transform: translateY(-15px) rotate(0deg);} 
	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}	
	.mobile-inner-header-icon-click span:nth-child(2){display: none;}
	.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

	.mobile-inner-nav{background-color: rgba(255,255,255,0.9);width: 100%;position: absolute;top: 60px;left: 0px;padding-top: 30px;padding-bottom: 50px;display: none;z-index: 9999999;}
	/*.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight:300;
	}
	.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;		animation-name: returnToNormal;}
	.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}*/
	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;} 
	.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;} 
	.mobile-inner-nav .mobile-inner-list{width : 80%;margin: 0px auto;}
	.mobile-inner-nav .mobile-inner-list > ul{	list-style: none;margin: 0px;padding: 0px;}
	.mobile-inner-nav .mobile-inner-list > ul > li{width:100%;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
	.mobile-inner-nav .mobile-inner-list > ul > li > a{display: block;width:100%;border-bottom: solid 1px rgba(255,255,255,0.5);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;} 
	
	.hei{ display: block;height: 60px; width: 100%; background: #F8F8F8;} 

	.fullSlide .bd ul li div.pc{ display: none;}
    .fullSlide .bd ul li div.mo{ display: block;}
    .fullSlide .bd ul li a{ height:220px;} 
	.fullSlide .hd{bottom:0px;left:0;height:20px;line-height:20px;} 
	.fullSlide .hd ul li{width:10px;height:10px;margin:3px;}
	.toolbar{ display: none;}


    
	
	
	
	
	
	
	.main_info{ padding: 35px 0px; background-size: cover;} 

	.main_info_{ }
	.main_info_ .fl{ float: none; width: 90%; margin: 0 auto;} 
	.main_info_ .fr{ float: none; width: 90%; padding-right: 0; margin: 20px auto 0px;} 

	.main_info_tit{width: 100%; margin: 0px;} 
	.main_info_tit .tit{ } 
	.main_info_tit .tit h3{  font-size: 1.6em; } 
	.main_info_tit .tit h3 span{ font-size: 0.6em; } 
	
	.main_info_tit ul{ margin: 20px 0px;} 
	.main_info_tit ul li{ flex:auto;  width: 100px; height: 60px; background:#00aeaa; padding-top: 15px; margin-bottom: 2px;} 
	.main_info_tit ul li h3{ font-size: 1.5em;} 
	.main_info_tit ul li h3 span{font-size: 0.8em;} 
	.main_info_tit ul li p{font-size: 0.9em;} 
	
	
	

	.main_info_con p{ font-size: 1em; line-height: 150%; } 
	.main_info_con a{margin-top:20px;} 
	.main_info_con a span{ font-size: 1em; } 
    .main_info_con a:hover i{ margin-left: 100px;} 

	
	
	
	.main_txt{padding: 35px 0px; background-size: cover;}
	.main_txt_tit{width: 90%;   margin: 0px auto;}
	.main_txt_tit  h3{font-size: 1.6em;} 
	.main_txt_tit  h3 span{font-size: 0.6em;margin-left: 5px; } 
	.main_txt_tit  p{ font-size: 0.9em; } 

	.main_txt_info{width:90%; margin:15px auto 20px; padding: 15px 15px 15px 15px; background: rgba(255,255,255,0.8)}
	.main_txt_info ul{ } 
	.main_txt_info ul li{flex: 1; } 

	.main_txt_info ul li img{ width: 80px;} 
	.main_txt_info ul li p{font-size: 0.9em; } 

	.main_txt_{width: 90%; } 
	
	
	
	
	
	
	
	.main_pro{ padding: 35px 0px 0px; background-size: cover; height: 600px; overflow: hidden;} 
	.main_pro_tit  p{ font-size: 1.5em; } 
	.main_pro_tit  h3{ font-size: 1.5em; }

	.silder-box-1{  margin: 20px auto 0px; } 
	.main_pro_{margin:0px auto;} 
	.main_pro_ ul{} 
	.main_pro_ ul li{  height: 500px; background-size: cover; border-radius:100px; } 
	.main_pro_ .txt{ padding: 30px 0px 15px 60px; } 
	.main_pro_ .txt h3{ font-size: 1.6em; } 
	.main_pro_ .txt p{font-size: 1em; line-height: 150%;} 
	.main_pro_ .txt em{  margin: 10px 0px; } 

	.main_pro_ .img-zoom-in{ width: 225px;} 

	.silder-button-1{ } 
	.silder-button-1.btl{left:2%; top:35%; } 
	.silder-button-1.btr{right:2%;  top:35%; } 
	
	
	
	
	
	
	
	
	.main_case{ margin: 30px 0px;} 
	.main_case_tit{  width: 90%; } 
	.main_case_tit .fl  p{ font-size: 1.2em; } 
	.main_case_tit .fl  h3{ font-size: 1.5em; }

	.main_case_tit .fr a{margin-top: 10px;} 
	.main_case_tit .fr a span{ font-size: 1em;  } 
	.main_case_tit .fr a i{font-size: 1.2em; border-radius: 50%; height: 30px; width: 30px; line-height: 30px;margin-left: 10px;} 
	.main_case_tit .fr a:hover i{ margin-left: 30px;} 

	.main_case_{ width:90%; margin: 20px auto 0px; padding: 0 0 0 0; } 
	.main_case_ ul{} 
	.main_case_ ul li{ float: none;} 
	.main_case_ ul li:first-child{  width: 100%; height: auto;} 
	.main_case_ ul li:nth-child(2){ width: 100%; height: auto; margin-top: 10px;} 
	.main_case_ ul li:last-child{ width: 100%; height: auto;margin-top: 10px;} 
	.main_case_ ul li img{  position: inherit; z-index: 9;} 
	.main_case_ ul li div.txt{position: absolute;} 
	.main_case_ ul li div.txt .txt_{} 
	.main_case_ ul li div.txt .txt_ h5{ font-size: 1.2em;  } 
	.main_case_ ul li div.txt .txt_ p{  font-size: 1em; } 
	.main_case_ ul li div.txt .txt_info{ font-size: 1em;} 
	
	
	
	
	
	
	
	.main_news{  margin: 30px 0px;} 
	.main_news_tit{  width: 90%; } 
	.main_news_tit .fl  p{font-size: 1.2em;} 
	.main_news_tit .fl  h3{font-size: 1.5em;}
	.main_news_tit .fr a{ margin-top: 5px;} 
	.main_news_tit .fr a span{  font-size: 1em; } 
	.main_news_tit .fr a i{ font-size: 1.2em; border-radius: 50%; height: 30px; width: 30px; line-height: 30px;margin-left: 10px; } 
	.main_news_tit .fr a:hover i{ margin-left: 30px;} 

	.main_news_{ width: 90%; margin: 20px auto;} 
	.main_news_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; } 
	.main_news_ ul li{   width: 320px; } 
	.main_news_ ul li div.txt{ padding: 20px; height: auto; } 
	.main_news_ ul li div.txt h3{ font-size: 1.2em;} 
	.main_news_ ul li div.txt em{  } 
	.main_news_ ul li div.txt p{font-size: 0.9em; } 
	.main_news_ ul li div.img{width: 320px; height: 180px;} 

	
	
	
	
	
	
	
	
	.main_join{ background-size:cover; height: auto; padding:30px 0px;} 

	.main_join_tit{ width: 90%; } 
	.main_join_tit  p{ font-size: 1.2em;} 
	.main_join_tit  h3{font-size: 1.5em;}

	.main_join .mt-tabpage {width:90%; margin: 0 auto;} 
	.main_join .mt-tabpage .mt-tabpage-title { width: 100%; margin: 20px auto; } 
	.main_join .mt-tabpage .mt-tabpage-title .mt-tabpage-item {  background: #00aeaa; width: 60px; height:35px; line-height: 35px; padding: 0px 0px 0px; color: #FFFFFF;font-size:0.8em;margin: 2px 2px;}
	.main_join .mt-tabpage .mt-tabpage-title .mt-tabpage-item:hover{ color: #FFFFFF;background: #333333;} 
	.main_join .mt-tabpage .mt-tabpage-title .mt-tabpage-item-cur {color: #FFFFFF;background: #333333;}


	.main_join .mt-tabpage-count { width:320px;height:400px; } 
	.main_join .mt-tabpage-count .mt-tabpage-item {width:320px;height:400px;} 
	.main_join .mt-tabpage-count .mt-tabpage-item .fl{ float: none; width: 100%; height: 220px; padding: 20px;} 
	.main_join .mt-tabpage-count .mt-tabpage-item .fl h6{ height: 50px; width: 50px;  line-height: 50px;  font-size: 1.2em;} 
	.main_join .mt-tabpage-count .mt-tabpage-item .fl h3{font-size: 1.5em; margin: 5px 0px 15px;} 
	.main_join .mt-tabpage-count .mt-tabpage-item .fl p{font-size: 1em; width: 280px; overflow: hidden;} 
	.main_join .mt-tabpage-count .mt-tabpage-item .fr{ float: none;width: 100%;height: 180px;} 
	
	
	
	/******************内页***************/
	
	

	.con_about_a{ padding: 60px 0px 30px; background-size: cover;} 
	.con_about_a_tit{ width: 90%; } 
	.con_about_a_tit img{ width: 80%; display: block;margin: 0 auto;} 

	.con_about_a_{ margin: 20px auto 0px; width: 90%; background: rgba(0,0,0,0.5); padding:2px 15px; box-sizing: border-box; border-radius: 10px;} 
	.con_about_a_ p{width: 100%;  margin: 20px 0px; line-height: 150%; font-size: 0.9em;} 
	.con_about_a_info{ width: 90%; } 
	.con_about_a_info_{width: 100%; } 
	.con_about_a_info_ ul{  margin: 20px 0px; } 
	.con_about_a_info_ ul li{  width: 100px; height:70px;  border-radius: 10px; padding:12px 12px 0px 12px;  margin-bottom: 10px;} 
	.con_about_a_info_ ul li h3{ font-size: 1.2em; } 
	.con_about_a_info_ ul li h3 span{  font-size: 1em; margin: 0px 0px 0px 2px;} 
	.con_about_a_info_ ul li p{font-size: 1em; margin-top: 3px;} 

	.con_about_c{ margin: 30px 0px 10px;} 
	.con_about_c_tit{ width: 90%; } 
	.con_about_c_tit p{ font-size: 1.2em; } 
	.con_about_c_tit h5{font-size: 1.6em; } 
	.silder-box-2{ margin: 20px auto 0px; } 
	.con_about_c_{width: 90%; } 
	.con_about_c_ ul li h6{ font-size:1.2em; margin: 20px 0px 10px; } 
	.con_about_c_ ul li p{ font-size: 1em;line-height: 150%; }

	.silder-button-2.btl{left:2%; font-size: 1.2em; height: 30px; width: 30px; line-height: 30px;} 
	.silder-button-2.btr{right:2%;font-size: 1.2em;height: 30px; width: 30px; line-height: 30px;} 

	.con_about_b{ background-size: cover; padding: 30px 0px 30px; } 
	.con_about_b_tit{ width: 90%; } 
	.con_about_b_tit p{ font-size:1.2em; } 
	.con_about_b_tit h5{font-size: 1.6em; color: #FFFFFF;} 
	.con_about_b_{width: 90%; margin: 20px auto 0px; } 
	.con_about_b_ ul{ } 
	.con_about_b_ ul li{width:48%; height: 180px; margin-right:0px; border-radius: 10px; padding: 20px; margin-bottom: 4%;} 
	.con_about_b_ ul li:nth-child(2n){ float: right;} 
	.con_about_b_ ul li img{ width: 50px; height: 50px;} 
	.con_about_b_ ul li h5{ font-size: 1.35em; margin-top: 10px; margin-bottom: 5px; } 
	.con_about_b_ ul li p{ font-size: 1em; line-height: 150%;} 

	.con_about_d{ padding: 30px 0px 0px; }
	.con_about_d_tit{ width: 90%;  } 
	.con_about_d_tit p{ font-size: 1.2em; } 
	.con_about_d_tit h5{font-size: 1.5em; } 
	.con_about_d_{width: 90%; margin: 20px auto 0px;}
	.con_about_d_ ul{} 
	.con_about_d_ ul li{ width: 100%; float: none; height: 120px; margin-bottom: 0; margin-bottom: 1%;} 
	.con_about_d_ ul li:nth-child(2n){ float: none;} 
	.con_about_d_ ul li h3{ font-size: 1em; } 

	.con_about_e{ padding: 30px 0px; }
	.con_about_e_tit{width: 90%;} 
	.con_about_e_tit p{font-size: 1.2em;} 
	.con_about_e_tit h5{font-size: 1.5em; } 
	.con_about_e_{width: 90%; margin: 20px auto 0px;}

	.con_about_f{ padding: 30px 0px; }
	.con_about_f_tit{ width: 90%;} 
	.con_about_f_tit p{font-size: 1.2em;} 
	.con_about_f_tit h5{font-size: 1.35em; } 
	.con_about_f_{width: 90%; margin: 20px auto 0px;}

	
	
	.con_pro_a{  padding: 60px 0px 30px; background-size: cover; background-position: left top;} 
	.con_pro_a_tit{ width: 90%; } 
	.con_pro_a_tit p{ font-size: 1.2em; } 
	.con_pro_a_tit h5{font-size: 1.6em; } 
	.con_pro_a_{ margin: 20px auto 0px; width: 90%;} 
	.con_pro_a_ h5{  font-size: 1.2em; margin: 20px 0px 5px;} 
	.con_pro_a_ p{width: 100%; line-height: 150%; font-size: 1em; } 

	.con_pro_a_info{width:90%; margin: 30px auto 0px;}
	.con_pro_a_info ul{  width: 100%;} 
	.con_pro_a_info ul li{flex:auto;  text-align: center;}
	.con_pro_a_info ul li img{ width: 50px;} 
	.con_pro_a_info ul li p{font-size: 0.8em; margin-top: 5px;}

	.con_pro_b{  padding: 30px 0px; background-size: cover; } 

	.con_pro_b_tit{ width: 90%; } 
	.con_pro_b_tit p{ font-size: 1.2em;} 
	.con_pro_b_tit h5{font-size: 1.6em;} 

	.con_pro_b_{width:90%; margin: 20px auto 0px;} 
	.con_pro_b_ ul{ gap:5px 0px;} 
	.con_pro_b_ ul li{flex:none; width: 100%;  padding: 20px; }
	.con_pro_b_ ul li span {font-size: 1em;  } 
	.con_pro_b_ ul li h5 {font-size: 1.5em; margin-bottom: 10px;} 
	.con_pro_b_ ul li p {font-size: 0.9em;} 


	.con_pro_d{ margin: 30px 0px; } 

	.con_pro_d_tit{ width: 90%; } 
	.con_pro_d_tit p{ font-size: 1.2em;} 
	.con_pro_d_tit h5{font-size: 1.6em;} 

	.con_pro_d_img{width: 90%; margin: 20px auto;} 

	.con_pro_d_{width:90%; } 
	.con_pro_d_ ul{gap:5px 0px;} 
	.con_pro_d_ ul li{flex:none; width:100%; padding: 15px; }
	.con_pro_d_ ul li h5 {font-size: 1.2em;  margin-bottom:10px; } 
	.con_pro_d_ ul li p {font-size: 0.9em;  } 


	.con_pro_c_{width: 90%; margin: 20px auto;} 
	.con_pro_c_ .fl{ float: none;width: 100%; height: auto; } 
	.con_pro_c_ .fr{ float: none;width: 100%; height: auto; padding: 20px; }
	.con_pro_c_ .fz{ float: none;width: 100%; height: auto;padding: 20px; }
	.con_pro_c_ .fy{ float: none;width: 100%; height: auto;} 

	.con_pro_c_ span {font-size: 1em; } 
	.con_pro_c_ h3{ font-size: 1.5em; } 
	.con_pro_c_ h6{ font-size: 1.2em;  margin: 10px 0px 10px;} 
	.con_pro_c_ p{  font-size: 0.9em;   margin: 15px 0px; line-height: 150%;} 


	
	
	
	

	.con_brand_a{ padding: 60px 0px 30px; background-size: cover;} 
	.con_brand_a_tit{ width: 90%; } 
	.con_brand_a_tit p{ font-size: 1.2em;} 
	.con_brand_a_tit h5{font-size: 1.6em;} 
	.con_brand_a_{ margin: 20px auto 0px; width: 90%;} 
	.con_brand_a_ h5{ font-size: 1.2em; margin: 15px 0px 5px;} 
	.con_brand_a_ p{width: 100%;  line-height: 150%; font-size: 0.9em; } 
	.con_brand_a_ img{  margin-top: 20px; width: 100%;} 
	
	
	.con_brand_e{ padding: 30px 0px;} 
	.con_brand_e_{width: 90%; } 
	.con_brand_e_ ul li{ width: 49%; height:230px; } 
	.con_brand_e_ ul li div{ height:80px; padding:15px; } 
	.con_brand_e_ ul li div h3{font-size: 1.5em; margin-bottom: 5px;} 
	.con_brand_e_ ul li div p{font-size: 1em; } 
	.con_brand_e_ ul li img{width: 100%; height:150px;} 
	
	
	.con_brand_d{  padding: 30px 0px;background-size: cover;} 
	.con_brand_d_tit{ width: 90%; margin: 0px auto;} 
	.con_brand_d_tit p{ font-size: 1.2em;} 
	.con_brand_d_tit h5{font-size: 1.5em;} 
	.con_brand_d_{ margin: 20px auto 0px; width: 90%;} 
	.con_brand_d_ h5{ font-size: 1.2em; margin: 15px 0px 5px;} 
	.con_brand_d_ p{width: 100%;  line-height: 150%; font-size: 0.9em;} 
	
	

	.con_brand_b{width: 90%; margin: 30px auto;} 
	.con_brand_b .fl{ float: none;width: 100%; height: auto; } 
	.con_brand_b .fr{ float: none; }
	.con_brand_b .fr h6{  font-size: 1em; margin: 15px 0px 5px;} 
	.con_brand_b .fr h3{  font-size: 1.3em; margin-bottom: 10px;} 
	.con_brand_b .fr p{  line-height: 150%; font-size: 0.9em; } 
	.con_brand_b .fr h3:nth-of-type(3){ margin-top: 15px;} 

	.con_brand_b .fz{ float: none; }
	.con_brand_b .fz h6{ font-size: 1em; margin: 15px 0px 5px;} 
	.con_brand_b .fz h3{ font-size: 1.3em; margin-bottom: 10px;} 
	.con_brand_b .fz p{  line-height: 150%; font-size: 0.9em;} 
	.con_brand_b .fy{ float: none;width: 100%; height: auto; } 




	.con_brand_c{ padding: 30px 0px;background-size: cover;} 
	.con_brand_c_tit  p{ font-size: 1.2em; } 
	.con_brand_c_tit  h3{ font-size: 1.4em; }
	.con_brand_c_tit  h6{ font-size: 1.2em; }
	.silder-box-3{ margin: 20px auto 0px; } 
	.con_brand_c ul li{ width: 300px; height:400px;background-size: cover;} 
	.con_brand_c .txt{ padding: 20px 20px 10px 20px; } 
	.con_brand_c .txt h3{  font-size: 1.2em; } 
	.con_brand_c .txt p{font-size: 1em; height: 55px;} 


	.silder-button-3.btl{left:2%;width: 35px; height: 35px; line-height: 35px;font-size: 1.2em;} 
	.silder-button-3.btr{right:2%;width: 35px; height: 35px; line-height: 35px;font-size: 1.2em;} 





	.n_banner{ } 
	.n_banner img{} 
	.n_banner div{  top: 50px;} 
	.n_banner div p{ font-size: 1.2em;  } 
	.n_banner div h5{  font-size: 1.5em; } 



	
	
	.con_case{ margin: 30px 0px; }

	.con_case_{ width: 90%;} 
	.con_case_ ul{ gap:0px 0px;width: 100%;  margin-bottom: 20px;} 
	.con_case_ ul li {width: 100%; margin-bottom: 20px;} 
	.con_case_ ul li img{   width: 100%; height: 220px; } 
	.con_case_ ul li p{ font-size: 1.2em;  margin-top: 5px; text-align: center;} 

	.con_case_m{margin: 30px auto; width: 90% ; } 
	.con_case_m img{ } 
	.con_case_m h1{font-size: 1.6em; margin: 20px 0px 5px; } 
	.con_case_m p{ font-size: 1.2em; } 
	
	
	
	
	
	.con_join{  padding: 30px 0px; } 
	
	.con_join_g{ padding: 0px 0px 20px;} 

	.con_join_g_tit{ width: 90%; } 
	.con_join_g_tit p{ font-size: 1.2em; } 
	.con_join_g_tit h5{font-size: 1.5em; } 

	.con_join_g_{margin: 20px auto; width: 90%;} 
	.con_join_g_ ul li{flex:none; width:100%; height: auto;  padding: 15px; } 
	.con_join_g_ ul li h5{font-size: 1.2em; margin-bottom:5px;} 
	.con_join_g_ ul li p{font-size: 0.9em;  line-height: 150%;  } 
	
	.con_join_a_{margin: 20px auto; width: 90%;} 

	.con_join_a_tit{ width: 90%; } 
	.con_join_a_tit p{ font-size: 1.2em; } 
	.con_join_a_tit h5{font-size: 1.5em; } 

	.con_join_a_ .fl{ float:none; width: 100%; height: auto;  padding: 20px; } 
	.con_join_a_ .fl h5{font-size: 1.2em;  } 
	.con_join_a_ .fl em{  width: 30px; margin:10px 0px; } 
	.con_join_a_ .fl p{line-height: 150%; font-size: 0.9em;} 
	.con_join_a_ .fr{ float:none; width: 100%; height:auto; } 

	.con_join_a_ .fz{ float:none; width: 100%; height:auto;} 
	.con_join_a_ .fx{  float:none; width: 100%; height: auto;  padding: 20px; } 
	.con_join_a_ .fx h5{font-size: 1.2em;} 
	.con_join_a_ .fx em{ width: 30px; margin:10px 0px; } 
	.con_join_a_ .fx p{line-height: 150%; font-size: 0.9em;} 

	.con_join_c{  padding: 30px 0px 30px; } 

	.con_join_c_{margin: 20px auto; width: 90%;} 
	.con_join_c_tit{ width: 90%; } 
	.con_join_c_tit p{ font-size: 1.2em; } 
	.con_join_c_tit h5{font-size: 1.5em; } 

	.con_join_d{  padding: 30px 0px 30px; } 

	.con_join_d_tit{ width: 90%; } 
	.con_join_d_tit p{ font-size: 1.2em; } 
	.con_join_d_tit h5{font-size: 1.5em; } 

	.con_join_d_{margin: 20px auto; width: 90%;} 
	.con_join_d_ ul{ gap:20px 0px;} 
	.con_join_d_ ul li{flex:none; width: 49%;} 
	.con_join_d_ ul li img{ margin: 0 auto;} 
	.con_join_d_ ul li div{  height: auto;} 
	.con_join_d_ ul li div h5{font-size: 1.2em; margin-bottom: 5px;} 
	.con_join_d_ ul li div p{font-size: 0.8em; } 

	.con_join_e{ display: none;} 
	.con_join_f{ width: 90%; } 

	.con_join_z{ padding: 30px 0px;} 
	.con_join_z_{ width: 90%; } 
	.con_join_z_01{ font-size: 1.5em; padding:0px 0px 10px 0px; } 
	.con_join_z_02{ margin: 5px 0px;} 
	.con_join_z_02 input{ font-size: 1em; width: 100%;  }
	.con_join_z_03{ margin: 5px 0px;} 
	.con_join_z_03 input{ font-size: 1em; } 
	.con_join_z_04{ margin: 5px 0px;} 
	.con_join_z_04 textarea{ font-size: 1em;   height: 100px; } 
	.con_join_z_05{ margin: 15px 0px; } 
	.con_join_z_05 input{ padding: 10px;width:100%; font-size: 1.2em;} 
	
	
	
	
	
	.con_news{  padding:30px 0px;} 

	.con_news_{ width: 90%; } 
	.con_news_ ul li{ margin: 30px 0px; }
	.con_news_ ul li div.img-zoom-in{ float: none; width: 100%; height: auto; } 
	.con_news_ ul li div.txt{float: none;width: 100%; padding: 20px; }
	.con_news_ ul li div.txt h2{  font-size: 1.2em; } 
	.con_news_ ul li div.txt p{ font-size: 0.9em;line-height: 150%; margin: 20px 0px 10px;} 
	.con_news_ ul li div.txt span{ font-size: 1em; } 


	.con_news_m{ margin: 30px 0px; } 
	.con_news_m_tit{ width: 90%;  margin: 30px auto 0px; padding-bottom: 20px;} 
	.con_news_m_tit span{ font-size: 1em; } 
	.con_news_m_tit h1{ font-size: 1.5em; } 
	.con_news_m_tit p{ font-size:1em;} 
	.con_news_m_{ width: 90%; margin:20px auto 0px;} 
	.con_news_m_ #MyContent p{ font-size: 1em; line-height: 150%; } 
	.con_news_m_ #MyContent img{  max-width: 100%;width: 100%;} 

	.con_news_more{ width: 90%;  margin: 30px auto 0px;} 
	.con_news_more h5{ font-size: 1.2em; margin-bottom: 20px;} 
	.con_news_more ul li{ padding: 6px 0px;} 
	.con_news_more ul li a{ font-size: 1em;} 





	/*内页-联系我们*/
	.con_contact_{ margin: 30px auto; width: 90%;} 
	.con_contact_ .con_contact_info ul li:first-child{   padding: 20px 0px; margin-bottom: 10px;} 
	.con_contact_ .con_contact_info ul li:first-child img{ width: 90px;} 
	.con_contact_ .con_contact_info ul li:first-child p{font-size: 1em; margin-top: 10px;} 
	.con_contact_ .con_contact_info ul li:first-child h3{font-size: 1.8em;} 

	.con_contact_ .con_contact_info ul li:nth-child(2){ float: none; width: 100%; padding: 20px 0px;} 
	.con_contact_ .con_contact_info ul li:nth-child(2) img{ width: 90px;} 
	.con_contact_ .con_contact_info ul li:nth-child(2) p{font-size: 1em;margin-top: 10px;} 
	.con_contact_ .con_contact_info ul li:last-child{ float: none;width: 100%; padding: 20px 0px; margin-top: 10px;} 
	.con_contact_ .con_contact_info ul li:last-child img{ width: 90px;} 
	.con_contact_ .con_contact_info ul li:last-child p{font-size: 1em; margin-top: 10px;} 
	.con_contact_ .con_contact_map{  width:90%; margin: 20px auto 0px;} 
	#dituContent{width: 100%; height: 200px;} 
/*内页-联系我们*/
	
	
	
	/******************内页end***************/
	
	
	

	.bottom{  padding:30px 0px;}
	.bottom_{ width:90%; }

	.bottom_logo{float: none; } 
	.bottom_logo h6{ font-size: 1.2em; } 
	.bottom_logo span{  font-size: 0.7em; } 

	.bottom_l{ float: none; margin: 10px 0px;} 
	.bottom_l ul{} 
	.bottom_l ul li{float:none; margin-right: 0px; border-left: none; padding-left: 0px;} 
	.bottom_l ul li:last-child{ margin-right: 0px; margin-top: 15px;} 
	.bottom_l ul li h5{ font-size: 1.2em; } 
	.bottom_l ul li p { color: #EEEEEE; font-size: 1em; margin-top: 3px;} 
	.bottom_l ul li h6{ font-size: 1.5em;  margin-top: 3px;} 

	.bottom_r{ float: none; width: 100%; margin-top: 20px;}

	.bottom_b{ width: 90%; font-size: 0.8em; } 

	
	

	/*css black2 style pagination*/
	div.black2 a{ padding:2px 6px;margin:1px; } 
	div.black2 a.curr{padding:2px 6px; margin:1px; }	
	
	
	
}

@keyframes clickfirst {
  0% {
	  transform: translateY(5px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(-5px) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-15px) rotate(0deg);
  }

  100% {
    transform: translateY(-5px) rotate(-45deg);
  }
}


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-15px) rotate(0deg);
  }
}	


@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(5px) rotate(0deg);
  }
}