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

@font-face { 
/* font-test*/
font-family: vv-l;
src:url('/fonts/vivoSans-Light.ttf');
}

@font-face { 
/* font-test*/
font-family: vv-r;
src:url('/fonts/vivoSans-Regular.ttf');
}

@font-face { 
/* font-test*/
font-family: vv-b;
src:url('/fonts/vivoSans-Bold.ttf');
} 

*{ margin:0; padding:0;} 
body{ font-size:14px; margin: 0; font-family: vv-r; padding: 0;} 

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:#feb318;} 
a:visited {text-decoration:none;color:#000000;} 

body img { border: none; max-width: 100%;} 
video { height: 100%; width: 100%; } 
hr { margin: 0;  border-color: #e8e8e8; } 
ul, ol, li { margin: 0; padding: 0; list-style: none;} 
h1, h2, h3, h4, h5, h6 {font-family: vv-b;line-height: 100%;} 
strong {font-family: vv-b;} 
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {  color: inherit; } 
p{ margin: 0; padding: 0; line-height: 175%;} 
/*** 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%; margin: 0px; position: fixed; padding: 0px; z-index: 99999; transition: all 0.6s;}

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


.nav_menu { float: right; } 
.nav_menu ul { display: flex; gap:60px;} 
.nav_menu ul li{ flex: auto;} 
.nav_menu ul li a{display:block; padding: 10px 0px; color: #FFFFFF; text-align: center;font-size: 16px; } 
.nav_menu ul li a:hover{ border-bottom: #feb318 3px solid;} 
.nav_menu ul li:last-child{padding: 10px 0px; color: #FFFFFF;font-size: 16px;} 


.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%; height: auto;background: rgba(255,255,255,1); z-index: 99999;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0px 30px;text-align: center;line-height:60px;color: #000000;}
.subMenu>ul>li>a:hover{color:#FFFFFF; background: #feb318;}



/* fullSlide */
.container {  width: 100%; height: auto;text-align: center;}
.carousel {position: relative;width: 100%;height: auto;overflow: hidden;}
.carousel-inner {display: flex;transition: transform 0.5s ease-in-out;height: 100%;} 
.carousel-item { min-width: 100%;height: 100%;position: relative;}
.carousel-item img {width: 100%;height: 100%;object-fit: cover;display: block;}
.carousel-control {position: absolute;top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2);border: none;color: #FFFFFF;font-size: 1.5em; width: 50px;height: 50px; border-radius: 50%; cursor: pointer; transition: background 0.3s;display: flex;align-items: center;justify-content: center;}
.carousel-control:hover { background: rgba(255, 255, 255, 0.4);} 
.carousel-control.prev { left: 20px; } 
.carousel-control.next {right: 20px; } 
.carousel-indicators {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;} 
.indicator { width: 15px;height: 15px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer; transition: background 0.3s;} 
.indicator.active {background: #FFFFFF;transform: scale(1.2);} 




.main_a{ width:100%; margin: 0px;  background: #000000;} 
.main_a_{ width: 75%; margin:0 auto;} 
.main_a_ ul{display: flex; flex-wrap:wrap; justify-content: space-between;} 
.main_a_ ul li{  flex:auto;  box-sizing: border-box; border-left: #666666 1px solid; padding:50px 0px 50px 30px;} 
.main_a_ ul li:last-child{ border-right: #666666 1px solid;} 
.main_a_ ul li h3{ color: #feb318; font-size:40px; margin-bottom: 10px;} 
.main_a_ ul li p{  line-height: 175%; font-size: 14px; color: #CCCCCC; } 










.main_about{ width: 100%; height: 960px; margin: 0px; padding: 80px 0px;background:url(/images/bg01.jpg) no-repeat center; box-sizing: border-box;} 
.main_about_{ width: 75%; margin: 0px auto;} 

.main_about_left{ float: left; width: 650px; margin-top: 80px;} 

.main_about_left .txt {} 
.main_about_left .txt h2{ font-size: 36px; color: #000000; margin: 0px 0px 10px;} 
.main_about_left .txt h5{ font-size: 28px; color: #666666; margin: 0px 0px 50px;} 
.main_about_left .txt p{color: #333333; font-size: 18px;font-family: vv-l; text-align: justify;line-height: 175%; margin: 20px 0px;} 
.main_about_left .txt a{ display: inline-block; color: #000000; font-size: 16px; margin-top: 30px;} 
.main_about_left .txt a:hover{ color: #feb318;} 

.main_about_left .info{ margin:120px 0px 0px 50px;}
.main_about_left .info h5{ color: #FFFFFF; font-weight: lighter;font-size: 28px; margin-bottom: 5px;} 
.main_about_left .info p{ color: #FFFFFF; font-size: 18px; opacity: 0.5; text-transform: uppercase;} 

.main_about_right{ float: right; width:548px; height:739px; overflow: hidden; margin-top:140px;} 
.main_about_right img{ width: 100%; height: 100%; object-fit: cover;} 




.main_man{ width: 100%; height: 950px; margin: 0px; padding: 80px 0px;background:url(/images/bg02.jpg) no-repeat center; box-sizing: border-box;} 
.main_man_{ width: 75%; margin: 0px auto;} 
.main_man_ h3{  font-size: 36px; color: #feb318;}
.main_man_ em{  display: block;  width: 50px; height: 2px; background: #feb318;  margin: 30px 0px; } 
.main_man_ p{ color: #FFFFFF; font-size:36px; font-weight: lighter; margin:0px;font-family: vv-l;} 
.main_man_ img{ margin-top: 50px;} 







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

.main_e_tit{margin:0px auto;width: 75%; } 
.main_e_tit h3{  font-size: 36px; color: #feb318;}
.main_e_tit p{ color: #666666; font-size: 24px; font-weight: lighter; margin:0px;font-family: vv-l;} 
.main_e_tit em{  display: block;  width: 100px; height: 5px; background: #feb318;  margin: 10px auto 0px;  border-radius:5px;} 

.main_e_{width:95%; height:680px; margin: 50px auto 0px;} 
.main_e_ .accordion {display: flex;width: 100%;height:680px;gap:10px;}
.main_e_ .panel {  width: 16%; border-radius: 10px; overflow: hidden;transition: all 0.5s ease;position: relative;cursor: pointer;}
.main_e_ .panel img { width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease; }
.main_e_ .panel .caption {position: absolute;bottom: 0; left: 0;right: 0; background: rgba(0, 0, 0, 0.5);padding: 25px;transform: translateY(100%);transition: all 0.3s ease;}
.main_e_ .panel .caption h3{ font-size: 28px;color: #FFFFFF;} 
.main_e_ .panel .caption p{ font-size: 20px;font-family: vv-l;color: #CCCCCC;} 
.main_e_ .panel.active {flex: 5;}
.main_e_ .panel.active .caption {transform: translateY(0);} 
        








.main_pro{ width:100%; margin:0px; padding: 80px 0px; } 
.main_pro_tit{margin:0px auto;width: 75%;} 
.main_pro_tit h3{  font-size: 36px; color: #feb318;} 
.main_pro_tit p{ color: #666666; font-size: 24px; font-weight: lighter; margin:0px;font-family: vv-l;} 

.main_pro_{ width: 75%; margin:30px auto 0px;} 
.main_pro_top{width: 100%; height: 100%; overflow: hidden; margin-bottom: 25px;} 
.main_pro_top img{ width: 100%; height: 100%; object-fit: cover;} 
.main_pro_ ul{display: flex; flex-wrap:wrap; justify-content: space-between;} 
.main_pro_ ul li{  width: 32%; } 
.main_pro_ ul li div.img-zoom-in{width: 100%; height: 100%; overflow: hidden;} 
.main_pro_ ul li div.img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 
.main_pro_ ul li div.txt{ margin-top: 20px; text-align: center;} 
.main_pro_ ul li div.txt p{font-size: 20px; text-transform: uppercase;} 
.main_pro_ ul li div.txt h5{font-size: 24px; } 
.main_pro_ ul li div.txt a{display:inline-block; margin-top: 20px; padding: 6px 20px; border-radius: 5px; background: #feb318; color: #FFFFFF; text-align: center;font-size: 14px; } 
.main_pro_ ul li div.txt a:hover{} 







.main_news{ width: 100%; margin: 80px 0px 0px; padding: 80px 0px; background: #F6F6F6; } 

.main_news_tit{margin:0px auto;width: 75%;} 
.main_news_tit p{float: left;color: #000000; font-size: 36px;  margin:0px; line-height: 100%;} 
.main_news_tit p span{ display: inline-block;font-weight: lighter;font-family: vv-l; text-transform: uppercase; margin-left: 10px; font-size: 18px; color: #999999;} 
.main_news_tit a{  display: block; float: right;width: 100px;  border: #feb318 1px solid; color: #feb318; margin-top: 10px; text-align: center; padding: 5px 0px;} 
.main_news_tit a:hover{ background: #feb318; color: #FFFFFF;} 

.main_news_{ width:75%; margin: 35px auto 0px;} 
.main_news_left{ float: left;width: 50%; height:420px;} 
.main_news_left div{width: 100%; height: 420px;  overflow: hidden;} 
.main_news_left img{ width: 100%; height:100%; object-fit: cover;} 

.main_news_right{ float: right; width: 45%; height: 420px;} 
.main_news_right ul{ margin: 0px; padding: 0px;} 
.main_news_right ul li{ width:100%; padding-bottom:30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 
.main_news_right ul li:last-child{ margin-bottom: 0px;} 
.main_news_right ul li h3 {font-size:18px;color: #000000;} 
.main_news_right ul li p{ font-size: 14px; color: #999999; line-height: 150%; margin: 8px 0px 10px;} 
.main_news_right ul li h6{ font-size: 12px; color: #333333;} 
.main_news_right ul li a:hover  h3{ color: #feb318;} 




.main_join{ width: 100%;height:750px; box-sizing: border-box; padding: 120px 0px 0px; background: url(/images/bg03.jpg) no-repeat center;} 
.main_join_tit{margin:0px auto;width: 75%; text-align: center;} 
.main_join_tit h3{  font-size: 42px; color: #FFFFFF;} 
.main_join_tit p{ color: #999999; font-size: 16px; font-weight: lighter; margin:0px; text-transform: uppercase;} 
.main_join_tit em{  display: block;  width: 100px; height: 5px; background: #feb318;  margin: 10px auto 0px;  border-radius:5px;} 
.main_join_con{margin:80px auto 0px;width: 75%; text-align: center;} 
.main_join_con h5{  font-size: 36px; color: #FFFFFF;} 
.main_join_con p{ color: #CCCCCC; font-size: 22px; font-weight: lighter; margin:0px;font-family: vv-l;} 
.main_join_con a{  display: block;  width: 180px;  border: #FFFFFF 1px solid; color: #FFFFFF; margin: 50px auto 0px; text-align: center; padding: 10px 0px; font-size: 20px; border-radius: 20px;} 
.main_join_con a:hover{ background: #feb318; color: #FFFFFF;} 






.main_b{margin:80px auto;width: 75%;} 

.main_b_tit{margin:0px auto;width: 100%;} 
.main_b_tit p{ color: #feb318; font-size: 36px;  margin:0px; line-height: 100%;} 


.main_b_{ width:100%; margin: 35px auto 0px;} 
.main_b_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:20px 0px;} 
.main_b_ ul li{ width: 24%; text-align: center;background: #EEEEEE;} 
.main_b_ ul li h3{ width: 100%; background: #122341; color: #FFFFFF; font-size:28px; padding: 20px 0px;} 
.main_b_ ul li p{ font-size: 16px; color: #000000; width: 100%; padding: 20px 50px; box-sizing: border-box; line-height: 155%;} 
.main_b_ ul li:hover h3{  background: #feb318; } 





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


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

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

.con_about_{ width: 1280px; margin: 0px auto;} 
.con_about_ span{display: block;font-size: 36px; line-height: 100%; color: #999999; opacity: 0.5; text-transform: uppercase;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 
.con_about_ h2{ color: #feb318; font-size:40px; margin: 10px 0px 0px;} 
.con_about_ p{  font-size: 18px; line-height: 175%; text-align: justify;color: #000000; margin: 30px 0px 0px 0px; font-weight: lighter;} 
.con_about_ p strong{ display: block;font-size:20px; margin-bottom: 10px;} 



.con_about_pow{width:1280px;margin:0px auto;} 

.con_about_b_tit{ width:1280px;margin:0px auto 50px;} 
.con_about_b_tit span{display: block;font-size: 36px; color: #000000; opacity: 0.5; text-transform: uppercase;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 
.con_about_b_tit h3{ color: #feb318; font-size:40px; margin: 10px 0px 0px;} 

.con_about_b{ width:1280px;margin: 10px auto;} 
.con_about_b .fl { float: left; width: 50%; height: 350px;} 
.con_about_b .fl img{ width: 100%; height: 100%; object-fit: cover;} 
.con_about_b .fr{ float: right; width: 50%;height: 350px; padding: 60px; box-sizing: border-box; background: #F6F6F6;} 
.con_about_b .fr h3{color: #feb318; font-size:26px; font-weight: lighter; line-height: 100%; margin-bottom: 20px;} 
.con_about_b .fr p{  font-size: 16px; color: #333333; text-align: justify;} 

.con_about_a{ width:1280px;margin: 10px auto;} 
.con_about_a .fl{ float:left; width: 50%;height: 350px; padding: 50px; box-sizing: border-box; background: #F6F6F6;} 
.con_about_a .fl p{  font-size: 16px; color: #333333; text-align: justify; margin: 20px 0px;} 
.con_about_a .fr { float: right; width: 50%; height: 350px;} 
.con_about_a .fr img{ width: 100%; height: 100%; object-fit: cover;} 

.con_about_img{ width:1280px;margin: 0px auto;} 
.con_about_img img{ width: 100%; height: 100%; object-fit: cover;} 



.con_about_c{  width:100%;margin:80px auto;background: url("/images/a02.jpg") no-repeat center top;  padding: 100px 0px;} 
.con_about_c_{ width: 1280px; margin: 0px auto;} 
.con_about_c_ span{display: block;font-size: 36px; color: #FFFFFF; opacity: 0.5; text-transform: uppercase;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 
.con_about_c_ h2{font-size: 40px; color: #feb318;} 
.con_about_c_ ul {display: flex;flex-wrap:wrap; justify-content: space-between; margin-top: 50px;} 
.con_about_c_ ul li{ text-align: center; padding: 30px 0px; width: 33%; box-sizing: border-box; background: rgba(0,0,0,0.5);} 
.con_about_c_ ul li img{ width:65px;} 
.con_about_c_ ul li h6{  font-size: 18px;color: #feb318; margin:20px 0px 10px;} 
.con_about_c_ ul li p{ font-size: 16px;color: #FFFFFF; line-height: 150%; } 



.con_about_d{  width:100%;   margin: 80px auto;} 
.con_about_d_tit{ width:1280px;margin:0px auto;} 
.con_about_d_tit span{display: block;font-size: 36px; color: #000000; opacity: 0.5; text-transform: uppercase;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 
.con_about_d_tit h3{ color: #feb318; font-size:40px; margin: 10px 0px 0px;} 
.con_about_d_{width:1280px;margin:50px auto 0px;}
.con_about_d_ img{ width: 100%;} 












.con_brand_banner{ width:100%;margin:0px;background: url("/images/b01.jpg") no-repeat center top; height: 900px;  padding:320px 0px 0px; box-sizing: border-box;} 
.con_brand_banner_{ width: 1280px; margin: 0 auto;} 
.con_brand_banner_ span{display: block;font-size:60px; line-height: 100%; color: #FFFFFF; opacity: 0.2; text-transform: uppercase;} 
.con_brand_banner_ h3{ color: #FFFFFF; font-size:32px; margin: 5px 0px 0px;} 
.con_brand_banner_ h5{ color: #feb318; font-size:46px; margin: 50px 0px 0px;} 
.con_brand_banner_ h6{ color: #FFFFFF; font-size:24px; margin: 10px 0px 50px;} 
.con_brand_banner_ p{  font-size: 16px; line-height: 175%; text-align: justify;color: #FFFFFF; margin:20px 0px; font-weight: lighter;} 

.con_brand_{ width:1280px;margin: 80px auto;} 
.con_brand_a{ width:1280px;margin: 0px auto;} 
.con_brand_a .fl{ float:left; width: 50%;height: 460px; padding: 50px; box-sizing: border-box; background: #F6F6F6;} 
.con_brand_a .fl span{display: block;font-size:30px; line-height: 100%; color: #CCCCCC; opacity: 0.5; text-transform: uppercase;} 
.con_brand_a .fl h3{ color: #000000; font-size:32px; margin: 5px 0px 0px;} 
.con_brand_a .fl h5{ color: #000000; font-size:20px; margin: 50px 0px 0px;line-height: 125%;} 
.con_brand_a .fl h6{ color: #feb318; font-size:24px; margin: 30px 0px 10px; } 
.con_brand_a .fl p{  font-size: 16px; line-height: 175%; text-align: justify;color: #000000; margin:20px 0px; font-weight: lighter;} 
.con_brand_a .fr { float: right; width: 50%; height: 460px;} 
.con_brand_a .fr img{ width: 100%; height: 100%; object-fit: cover;} 

.con_brand_b{ width:1280px;margin: 0px auto;} 
.con_brand_b .fl { float: left; width: 50%; height: 460px;} 
.con_brand_b .fl img{ width: 100%; height: 100%; object-fit: cover;} 
.con_brand_b .fr{ float: right; width: 50%;height: 460px; padding: 60px; box-sizing: border-box; background: #F6F6F6;} 
.con_brand_b .fr span{display: block;font-size:30px; line-height: 100%; color: #CCCCCC; opacity: 0.5; text-transform: uppercase;} 
.con_brand_b .fr h3{ color: #000000; font-size:32px; margin: 5px 0px 0px;} 
.con_brand_b .fr h5{ color: #feb318; font-size:24px; margin: 35px 0px 10px; } 
.con_brand_b .fr h6{ color: #000000; font-size:18px; margin: 20px 0px 5px; } 
.con_brand_b .fr p{  font-size: 16px; line-height: 175%; text-align: justify;color: #000000;  font-weight: lighter;} 


.con_brand_c{  width:100%;   margin: 80px auto; padding: 80px 0px; background: #F6F6F6;} 
.con_brand_c_tit{ width:1280px;margin:0px auto;} 
.con_brand_c_tit span{display: block;font-size:30px; line-height: 100%; color: #CCCCCC; opacity: 0.5; text-transform: uppercase;} 
.con_brand_c_tit h3{ color: #000000; font-size:32px; margin: 5px 0px 0px;} 
.con_brand_c_{width:1280px;margin:50px auto 0px;}
.con_brand_c_ ul{}
.con_brand_c_ ul li{  width: 360px; height: 320px;}
.con_brand_c_ ul li h3{ font-size: 24px; margin-bottom: 10px;} 
.con_brand_c_ ul li h6{ color:#feb318; margin-bottom: 20px; font-size: 28px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; }
.con_brand_c_ ul li p{font-size: 16px; text-align: justify; line-height: 150%; margin: 15px 0px; color: #333333;} 

.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:8%; top:30%; border: #feb318 1px solid; padding: 5px 15px;font-size: 28px; text-align: center;color: #feb318; } 
.silder-button-1.btl:hover{background: #feb318; color: #FFFFFF;} 
.silder-button-1.btr{right:8%; top:30%; border: #feb318 1px solid;padding: 5px 15px;font-size: 28px;text-align: center; color: #feb318;} 
.silder-button-1.btr:hover{background: #feb318; color: #FFFFFF; } 














.con_pro_list{ margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_pro_list_{ width: 1280px; margin: 0 auto; padding: 60px 0px; border-bottom: #DDDDDD 1px solid;} 
.con_pro_list_:first-child{ padding-top: 0px;} 
.con_pro_list_ .tit{ margin-bottom: 30px;} 
.con_pro_list_ .tit h2{float: left; font-size: 32px; font-weight: normal;} 
.con_pro_list_ .tit p{ float: right;} 
.con_pro_list_ .tit p a{ display: block;  width: 160px; padding: 8px 0px; font-size: 16px; text-align: center; background: #DDDDDD;} 
.con_pro_list_ .tit p a:hover{ background: #feb318; color: #FFFFFF;} 
.con_pro_list_ ul{ display: flex;flex-wrap:wrap; justify-content:flex-start; gap:20px 2%;} 
.con_pro_list_ ul li{ width: 32%; height: 410px; background: #FFFFFF;overflow: hidden;} 
.con_pro_list_ ul li img{width:100%; height: 100%; object-fit: cover;} 

.con_pro_img{width: 1280px; margin: 0 auto; } 
.con_pro_img ul{ } 
.con_pro_img ul li{ width: 100%; } 
.con_pro_img ul li img{width:100%; height: 100%; object-fit: cover;} 


.con_pro{ margin: 0; width: 100%; background: #FFFFFF; padding: 60px 0px;} 
.con_pro_menu{ width: 1280px; margin: 0 auto 50px;} 
.con_pro_menu ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:5px;} 
.con_pro_menu ul li{ width: 180px; } 
.con_pro_menu ul li a{ display: block;background: #F6F6F6; padding: 10px 0px; text-align: center; font-size: 18px;} 
.con_pro_menu ul li a:hover{ background: #feb318; color: #FFFFFF;} 

.con_pro_{ width: 1280px; margin: 0 auto;} 
.con_pro_ ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:1.75%;} 
.con_pro_ ul li{ width: 49%;background: #FFFFFF; border: #EEEEEE 1px solid; box-sizing: border-box; margin-bottom: 1.75%;text-align: center;} 
.con_pro_ ul li div{width:100%; height: 625px; overflow: hidden;} 
.con_pro_ ul li div img{  margin: 0; width:100%; height: 100%; object-fit: cover;} 
.con_pro_ ul li p{font-size: 18px; margin: 20px 0px; color: #feb318;} 
.con_pro_ ul li a{ } 
.con_pro_ ul li a:hover{} 

.con_pro_m{margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_pro_m_{width:1280px;margin:80px auto 50px;} 
.con_pro_m_ h1{ text-align: center; font-size: 36px;} 
.con_pro_m_ p{ margin: 10px 0px; padding: 0;} 
.con_pro_m_ .img{ margin: 0px auto; width: 100%;} 
.con_pro_m_ .img img{   object-fit: cover;} 
















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


.con_join_a{ width: 1280px; margin: 0 auto 80px;}
.con_join_a_tit{ text-align: center;}
.con_join_a_tit h5{ font-size: 36px;font-family: Mi-b;color: #feb318;}

.con_join_a_{ margin: 50px auto 0px;} 
.con_join_a_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_a_ ul li{ width: 25%; text-align: center; padding:80px 50px; background: #FAFAFA; box-sizing: border-box;} 
.con_join_a_ ul li:first-child{} 
.con_join_a_ ul li:nth-child(2){ padding: 0;} 
.con_join_a_ ul li:nth-child(3){} 
.con_join_a_ ul li:nth-child(4){ background: #feb318;} 
.con_join_a_ ul li:nth-child(5){ background: #feb318;} 
.con_join_a_ ul li:nth-child(6){} 
.con_join_a_ ul li:nth-child(7){padding: 0;} 
.con_join_a_ ul li:nth-child(8){} 
.con_join_a_ ul li:nth-child(9){} 
.con_join_a_ ul li:nth-child(10){padding: 0;} 
.con_join_a_ ul li:nth-child(11){} 
.con_join_a_ ul li:last-child{padding: 0;} 
.con_join_a_ ul li img{ width: 100%; height: 100%; object-fit: cover;} 
.con_join_a_ ul li h5{font-size: 22px;  text-align: center; margin: 0px 0px 10px; color: #feb318;} 
.con_join_a_ ul li p{ font-size: 16px; line-height: 175%;} 
.con_join_a_ ul li:nth-child(4) h5{ color: #FFFFFF;} 
.con_join_a_ ul li:nth-child(4) p{ color: #FFFFFF;} 
.con_join_a_ ul li:nth-child(5) h5{ color: #FFFFFF;} 
.con_join_a_ ul li:nth-child(5) p{ color: #FFFFFF;} 

.con_join_b{ width: 100%; margin: 0; padding: 80px 0px; background: #F6F6F6;} 
.con_join_b_tit{ text-align: center;} 
.con_join_b_tit h5{ font-size: 36px;font-family: Mi-b;color: #feb318;} 
.con_join_b_{width: 1280px; margin: 50px auto 0px;} 
.con_join_b_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_b_ ul li{ width: 50%; height: 400px; overflow: hidden;padding:8% 7.5%; background: #FFFFFF; box-sizing: border-box;} 
.con_join_b_ ul li:nth-child(2){padding: 0;} 
.con_join_b_ ul li:nth-child(3){padding: 0;} 
.con_join_b_ ul li:nth-child(6){padding: 0;} 
.con_join_b_ ul li:nth-child(7){padding: 0;} 
.con_join_b_ ul li:nth-child(10){padding: 0;} 
.con_join_b_ ul li:nth-child(11){padding: 0;} 
.con_join_b_ ul li:nth-child(14){padding: 0;} 
.con_join_b_ ul li:nth-child(15){padding: 0;} 
.con_join_b_ ul li img{ width: 100%; height: 100%; object-fit: cover;} 
.con_join_b_ ul li h3{font-size: 24px;font-family: Mi-b;color: #000000;} 
.con_join_b_ ul li h5{font-size: 22px;font-family: Mi-b;color: #feb318; margin: 30px 0px 5px; line-height: 125%;} 
.con_join_b_ ul li p{ font-size: 18px; text-align: justify; line-height: 150%; font-weight: lighter;} 

.con_join_d{ width: 1280px; margin: 80px auto;}
.con_join_d_tit{ width: 1280px; margin: 0 auto 35px;} 
.con_join_d_tit h5{ font-size: 36px;font-family: Mi-b;color: #feb318; text-align: center;} 
.con_join_d_tit img{ width: 100%;} 

.con_join_c{ width: 1280px; margin: 80px auto;} 
.con_join_c_tit{ text-align: center;} 
.con_join_c_tit h5{ font-size: 36px;font-family: Mi-b;color: #feb318;} 
.con_join_c_tit p{font-size: 32px; margin-bottom: 10px;} 
.con_join_c_{ margin: 50px auto 0px;} 
.con_join_c_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_c_ ul li{ width: 30%;} 
.con_join_c_ ul li input{display: block;width: 100%; border: #DDDDDD 1px solid; padding: 10px; box-sizing: border-box; font-size:18px;} 
.con_join_c_ .sub{ text-align: center; margin-top: 35px;} 
.con_join_c_ .sub input{ background: #feb318; color: #FFFFFF; border: none; padding: 10px 80px; font-size: 24px;} 


.con_join_e{ width: 100%; margin: 0; background: url(../images/join15.jpg) no-repeat center; padding: 80px 0px;}
.con_join_e_tit{ width: 1280px; margin: 0 auto 50px;}
.con_join_e_tit h5{ font-size: 36px;font-family: Mi-b;color: #feb318; text-align: center;}
.con_join_e_{width: 1280px; margin: 0px auto;} 
.con_join_e_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_e_ ul li{ width: 30%; text-align: center;} 
.con_join_e_ ul li h6{font-size: 24px; margin-bottom: 10px; color: #FFFFFF;} 
.con_join_e_ ul li p{font-size: 16px; color: #FFFFFF;} 

.con_join_h_tit{ width: 1280px; margin: 80px auto 50px;}
.con_join_h_tit h5{ font-size: 36px;font-family: Mi-b;color: #feb318; text-align: center;}
.con_join_h_{width: 1280px; margin: 0px auto;} 
.con_join_h_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_h_ ul li{ flex: 1; } 
.con_join_h_ ul li p{font-size: 18px; color: #FFFFFF;text-align: center; border: #FFFFFF 1px solid; border-radius: 50%; width: 100px; height: 100px; line-height: 100px;} 



















.con_news{width: 1280px; margin:80px auto;} 

.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ margin:80px 0px;transition:All 0.5s; background: #F8F8F8;} 
.con_news_ ul li:hover {box-shadow: 0px 0px 15px 1px #CCCCCC;} 
.con_news_ ul li div.fl{ float: left; width: 45%; transition: all 0.6s;padding: 50px;} 
.con_news_ ul li div.fl p{} 
.con_news_ ul li div.fl p a{ font-size:24px;} 
.con_news_ ul li div.fl em{display: block; margin: 25px 0px; width: 50px; height: 2px; background: #feb318; transition: all 0.6s;} 
.con_news_ ul li div.fl:hover em{ width: 200px;} 
.con_news_ ul li div.fl span{ display: block; line-height: 175%; margin-bottom: 30px; color: #999999;} 
.con_news_ ul li div.fl i{ font-style: normal;} 
.con_news_ ul li div.fr{float: right; width: 45%; height: 320px; overflow: hidden;} 
.con_news_ ul li div.fr img{ width: 100%; height: 100%; object-fit: cover;} 


.con_news_m{ width: 1280px; margin:80px auto; } 
.con_news_m_{} 
.con_news_m_ h1{ font-size:36px; line-height: 125%; margin-bottom: 10px; text-align: center;} 
.con_news_m_ h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;text-align: center;} 
.con_news_m_ p{ font-size: 18px; text-align: justify; line-height: 175%; margin: 35px 0px;} 
.con_news_m_ img{ display: block; margin: 30px auto; max-width: 800px;} 
.con_news_m_e{ text-align: center;} 
.con_news_more{  border-bottom: #DDDDDD 1px solid; border-top: #DDDDDD 1px solid; padding: 30px 0px; margin-top: 50px;} 
.con_news_more h5{font-size:24px; margin-bottom: 20px;} 
.con_news_more ul{} 
.con_news_more ul li{ margin:10px 0px;}
.con_news_more ul li a{ font-size:16px; line-height: 175%;} 





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

.con_contact_tit{ width:1280px;margin:0px auto; text-align: center;} 
.con_contact_tit h5{font-size:40px; color: #feb318;} 
.con_contact_tit p{ font-size:24px; color: #999999; opacity: 0.2;} 

.con_contact_{ width:1280px;margin:50px auto 0px;} 
.con_contact_con{width: 100%;} 
.con_contact_con ul{display: flex;flex-wrap:wrap;justify-content:space-between; gap:10px;} 
.con_contact_con ul li{ width: 49.5%; text-align: center; padding: 80px 0px; background: #F8F8F8;} 
.con_contact_con ul li h5{ font-size: 20px; margin: 30px 0px 20px;} 
.con_contact_con ul li h6{ font-size: 18px; margin: 0px 0px 2px;} 
.con_contact_con ul li i{display:block; margin: 0 auto; color: #feb318; font-size: 60px; } 
.con_contact_con ul li p{font-size: 16px;} 
.con_contact_con ul li h2{font-size: 36px; color: #feb318;} 

.con_contact_map{ width: 100%; height:500px; margin-top: 10px;} 
.con_contact_map img{ width: 100%; height:100%; overflow: hidden; object-fit: cover;}







/****************************************************/





























/******底部*****/

.bottom{ width:100%; height:auto; background:#122341; margin:0px;  padding: 50px 0px;} 

.bottom_{ width:75%; margin:0 auto;} 
.bottom_link{ padding-bottom:20px; border-bottom: #FFFFFF 1px solid;} 
.bottom_link .fl{ float:left; width: 220px;} 
.bottom_link .fr{ float: right; margin-top: 10px;font-size: 16px; color: #FFFFFF;}
.bottom_link .fr a{ display: inline-block; color: #FFFFFF; margin-left: 15px;} 

.bottom_con{ width:100%; margin:0 auto; padding: 30px 0px;} 
.bottom_con .fl{ float:left; } 
.bottom_con .fl p{font-size: 20px; color: #FFFFFF; } 
.bottom_con .fl h3{font-size: 28px;color: #FFFFFF; } 
.bottom_con .fl h5{font-size: 16px; line-height: 150%; color: #FFFFFF; font-weight: lighter; margin-top: 20px;font-family: vv-r;} 
.bottom_con .fl h5 a{color: #FFFFFF;} 
.bottom_con .fr{ float: right; } 

.bottom_con .fr .fr_r{} 
.bottom_con .fr .fr_r ul{ margin-top: 30px;} 
.bottom_con .fr .fr_r ul li{ float: left;  margin-left: 50px;} 
.bottom_con .fr .fr_r ul li:last-child{ float: right;} 
.bottom_con .fr .fr_r ul li p{ color:#FFFFFF; font-size: 16px;} 
.bottom_con .fr .fr_r ul li p a{ color:#FFFFFF; }


.bottom_r{ width: 220px;}
.bottom_r img{ margin-top: 20px;} 
.bottom_r p{ font-size: 14px; color: #FFFFFF;}
.bottom_r h3{font-size: 28px; color: #FFFFFF; margin:10px 0px 20px;} 


/*********************************20260609**************************************/




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














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

	.nav_{ width:90%;}
	.nav_menu ul {gap:50px;}
	.main_a_{ width: 1280px;}
	.main_a_ ul li{ padding:50px 0px 50px 30px;} 
	.main_about_{ width:1280px;} 
	.main_about_left{ width: 600px; margin-top: 60px;} 
	.main_about_left .txt {} 
	.main_about_left .txt h2{ font-size: 32px;} 
	.main_about_left .txt h5{ font-size: 24px;margin: 0px 0px 30px;} 
	.main_about_left .info{ margin:80px 0px 0px 0px;}


	.main_man_{ width:1280px;} 

	.main_e_tit{width: 1280px; }
	.main_e_{width:96%; height:620px;} 
	.main_e_ .accordion {height:620px;}

	.main_pro_tit{width:1280px;} 
	.main_pro_{ width:1280px;} 

	.main_news_tit{width:1280px;} 
	.main_news_{ width:1280px;} 
	.main_news_left{ height:380px;} 
	.main_news_left div{height: 380px;} 
	.main_news_right{height:380px;} 
	.main_news_right ul li{  padding-bottom:20px; margin-bottom: 20px;} 

	.main_join_tit{width:1280px; } 
	.main_join_con{width:1280px;} 

	.main_b{ width:1280px;} 

	.bottom_{ width:90%;} 
} 



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

	.nav_{ width:94%;}
	.nav_menu ul {gap:40px;}
	.main_e_{width:97%; height:580px;} 
    .main_e_ .accordion {height:580px;}
	
	.bottom_{ width:94%;} 

} 



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

	.nav_{ width:98%;}
	.nav_menu ul {gap:30px;}
	.main_e_{width:98%; height:530px;} 
    .main_e_ .accordion {height:530px;}
	.bottom_{ width:98%;} 
	
} 




.mobile-inner{ display: none;}
.carousel-item .pc{ display: block;}
.carousel-item .mo{ display: none;}
.carousel-container-m{ display: none;}

        @media (max-width: 768px) {
			
			.main_e{  padding: 50px 0px;} 

			.main_e_tit{width: 88%;  margin: 0 auto;} 
			.main_e_tit h3{  font-size: 1.5em; }
			.main_e_tit p{  font-size: 1.2em; } 
			.main_e_tit em{   width: 80px; height: 2px; } 

			.main_e_{width:88%; height:auto; margin: 20px auto 0px;} 
			
			.main_e_ .panel {  width: 100%; }
            .accordion {flex-direction: column; height: auto;}
			.main_e_ .panel .caption h3{ font-size: 1.2em;  } 
            .main_e_ .panel .caption p{ font-size: 1em; } 
            .panel {height: 80px;}
            .panel.active {height: 270px;flex: 1 0 auto;}
			
			
			
        }


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

	.nav{ display: none;}
	.carousel-item .pc{ display: none;}
    .carousel-item .mo{ display: block;}
	.carousel-control {display: none;}

	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background: #122341;} 
	.mobile-inner-header .img0 { float: left; width: 38%; margin-top:4%; margin-left: 4%;} 
	.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.2);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: 80px;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: #FAFAFA;} 
	.carousel-indicators {bottom: 10px;gap: 5px;} 
    .indicator { width: 10px;height: 10px;} 



	.main_a{} 
	.main_a_{ width: 88%; } 
	.main_a_ ul{display: flex; flex-wrap:wrap; justify-content: space-between;} 
	.main_a_ ul li{  flex:auto; width: 50%; border-left: none; padding:10px 0px 10px 10px;} 
	.main_a_ ul li:last-child{ border-right: none;} 
	.main_a_ ul li h3{ font-size:1.6em; } 
	.main_a_ ul li p{  line-height: 155%; font-size: 0.9em; } 



	.main_about{  height: auto;  padding: 50px 0px;background:none; } 
	.main_about_{ width: 88%; } 

	.main_about_left{ float: none; width: 100%; margin-top: 0px;} 
	.main_about_left .txt h2{ font-size: 1.5em;  } 
	.main_about_left .txt h5{ font-size: 1.2em; margin: 0px 0px 20px;} 
	.main_about_left .txt p{ font-size: 0.9em; line-height: 155%; margin: 20px 0px;} 
	.main_about_left .txt a{ font-size: 1em; margin-top: 20px;} 

	.main_about_left .info{ display: none; } 
	.main_about_right{ float: none; width:100%; height:auto;  margin-top:20px;} 





	.main_man{  height:720px; padding: 50px 0px;background:url(/images/bg02_m.jpg) no-repeat center;} 
	.main_man_{ width: 88%; margin: 0px auto;} 
	.main_man_ h3{  font-size: 1.5em; }
	.main_man_ em{   margin: 20px 0px; } 
	.main_man_ p{ font-size:1.2em; } 
	.main_man_ img{ margin-top: 20px; width: 100%;} 




	.main_pro{ padding: 50px 0px; } 
	.main_pro_tit{ width: 88%;} 
	.main_pro_tit h3{  font-size: 1.5em; } 
	.main_pro_tit p{ font-size: 1.2em; } 

	.main_pro_{ width: 88%; margin:30px auto 0px;} 
	.main_pro_top{ margin-bottom: 15px;} 
	.main_pro_ ul{gap:0px;} 
	.main_pro_ ul li{  width: 32%; } 
	.main_pro_ ul li div.txt{ margin-top: 10px; } 
	.main_pro_ ul li div.txt p{font-size: 1em; } 
	.main_pro_ ul li div.txt h5{font-size: 1em; } 
	.main_pro_ ul li div.txt a{  margin-top: 10px; padding: 6px 10px;  font-size: 1em; } 




	.main_news{margin: 35px 0px 0px; padding: 35px 0px;} 

	.main_news_tit{width: 88%;} 
	.main_news_tit p{ font-size: 1.5em;  } 
	.main_news_tit p span{ margin-left: 5px; font-size: 0.6em; } 
	.main_news_tit a{  width: 80px; margin-top: 5px; } 

	.main_news_{ width:88%; margin: 20px auto 0px;} 
	.main_news_left{ float: none;width: 100%; height:auto; margin-bottom:20px;} 
	.main_news_left div{  height: 100%;  } 

	.main_news_right{ float: none; width: 100%; height: auto;} 
	.main_news_right ul li{padding-bottom:15px; margin-bottom: 15px; } 
	.main_news_right ul li h3 {font-size:1em; line-height: 125%; } 
	.main_news_right ul li p{ font-size: 0.8em;  margin: 5px 0px 8px;} 
	.main_news_right ul li h6{ font-size: 0.8em;} 


	.main_join{  height:auto; padding: 80px 0px;background-size: cover;} 
	.main_join_tit{ width: 88%; } 
	.main_join_tit h3{  font-size: 1.5em; } 
	.main_join_tit p{ font-size: 1em; } 
	.main_join_tit em{   width: 80px; } 
	.main_join_con{margin:50px auto 0px;width:88%; } 
	.main_join_con h5{  font-size: 1.5em; } 
	.main_join_con p{ font-size: 1.2em; } 
	.main_join_con a{  width: 100px;  margin:20px auto 0px; font-size: 1em; border-radius: 10px;} 

	
	
	.main_b{margin:50px auto;width: 88%;} 

	.main_b_tit{ } 
	.main_b_tit p{font-size: 1.5em;} 

	.main_b_{  margin: 20px auto 0px;} 
	.main_b_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:15px 0px;} 
	.main_b_ ul li{ width: 49%; } 
	.main_b_ ul li h3{ font-size:1.2em; padding: 10px 0px;} 
	.main_b_ ul li p{ font-size: 0.8em;  padding: 10px 20px; } 

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


	.con_about{ margin:50px 0px;} 

	.con_about_{ width: 88%; } 
	.con_about_ span{ font-size: 1.2em; } 
	.con_about_ h2{ font-size:1.6em; } 
	.con_about_ p{  font-size: 1em; line-height: 155%;   margin:20px 0px 0px 0px; } 
	.con_about_ p strong{ font-size:1em; } 



	.con_about_pow{width:88%; } 

	.con_about_b_tit{ width:100%;margin:0px auto 20px;} 
	.con_about_b_tit span{font-size: 1.2em;} 
	.con_about_b_tit h3{ font-size:1.6em;} 

	.con_about_b{ width:100%;margin: 10px auto;} 
	.con_about_b .fl { float: none; width: 100%; height: auto;} 
	.con_about_b .fr{ float: none; width: 100%;height: auto; padding: 20px; } 
	.con_about_b .fr h3{ font-size:1.2em;   margin-bottom: 15px;} 
	.con_about_b .fr p{  font-size: 1em;  } 

	.con_about_a{ width:100%;margin: 10px auto;} 
	.con_about_a .fl{ float:none; width: 100%;height: auto; padding: 20px;  } 
	.con_about_a .fl p{  font-size: 1em;  } 
	.con_about_a .fr { float: none; width: 100%; height: auto;} 

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



	.con_about_c{  margin:35px auto; background-size: cover; padding: 50px 0px;} 
	.con_about_c_{ width: 88%; } 
	.con_about_c_ span{ font-size: 1.2em;} 
	.con_about_c_ h2{font-size: 1.6em; } 
	.con_about_c_ ul { margin-top: 20px;} 
	.con_about_c_ ul li{  padding: 20px 0px; width:100%; margin: 10px 0px;} 
	.con_about_c_ ul li img{ width:50px;} 
	.con_about_c_ ul li h6{  font-size: 1.2em; } 
	.con_about_c_ ul li p{ font-size: 1em;  } 



	.con_about_d{  width:100%;  margin: 35px auto;} 
	.con_about_d_tit{ width:88%; } 
	.con_about_d_tit span{font-size: 1.2em;} 
	.con_about_d_tit h3{ font-size: 1.6em;} 
	.con_about_d_{width:88%;margin:20px auto 0px;} 
	
	
	
	
	
	
	.con_brand_banner{ background-size: cover; height: auto;  padding:100px 0px 80px; } 
	.con_brand_banner_{ width: 88%; } 
	.con_brand_banner_ span{ font-size:1.5em;  } 
	.con_brand_banner_ h3{  font-size:1.5em; } 
	.con_brand_banner_ h5{ font-size:1.8em; margin: 20px 0px 0px;} 
	.con_brand_banner_ h6{   font-size:1.2em; margin: 10px 0px 20px;} 
	.con_brand_banner_ p{  font-size: 0.9em; line-height: 155%;} 

	.con_brand_{ width:88%;margin: 50px auto;} 
	.con_brand_a{ width:100%; } 
	.con_brand_a .fl{ float:none; width:100%;height: auto; padding: 20px; } 
	.con_brand_a .fl span{ font-size:1.2em; } 
	.con_brand_a .fl h3{ font-size:1.5em;  } 
	.con_brand_a .fl h5{ font-size:1em; margin: 20px 0px 0px; } 
	.con_brand_a .fl h6{ font-size:1.2em; margin: 20px 0px 10px; } 
	.con_brand_a .fl p{  font-size: 0.9em; line-height: 155%; } 
	.con_brand_a .fr { float: none; width: 100%; height: auto;} 

	.con_brand_b{ width:100%;margin: 0px auto;} 
	.con_brand_b .fl { float: none; width:100%; height: auto;} 
	.con_brand_b .fr{ float: none; width: 100%;height: auto; padding: 20px; } 
	.con_brand_b .fr span{font-size:1.2em;} 
	.con_brand_b .fr h3{ font-size:1.5em;} 
	.con_brand_b .fr h5{ font-size:1em; margin: 20px 0px 0px;} 
	.con_brand_b .fr h6{ font-size:1.2em; margin: 20px 0px 10px;} 
	.con_brand_b .fr p{  font-size: 0.9em; line-height: 155%;} 


	.con_brand_c{   margin: 50px auto; padding: 30px 0px; } 
	.con_brand_c_tit{ width:88%; } 
	.con_brand_c_tit span{ font-size:1.2em; } 
	.con_brand_c_tit h3{  font-size:1.5em; } 
	.con_brand_c_{width:88%;margin:30px auto 0px;} 
	.con_brand_c_ ul{} 
	.con_brand_c_ ul li{ width: 320px; height: 200px;} 
	.con_brand_c_ ul li h3{ font-size: 1.2em;} 
	.con_brand_c_ ul li h6{  margin-bottom:10px; font-size: 1.5em;} 
	.con_brand_c_ ul li p{font-size: 1em; text-align: justify;  margin: 10px 0px;} 

	.silder-button-1{ } 
	.silder-button-1.btl{left:1%; top:30%;  font-size: 1.2em; } 
	.silder-button-1.btr{right:1%; top:30%; font-size: 1.2em; } 

	
	
	
	
	
	
	.con_pro_list{   padding: 50px 0px;} 
	.con_pro_list_{ width: 88%; padding: 30px 0px; } 
	.con_pro_list_ .tit{ margin-bottom: 20px;} 
	.con_pro_list_ .tit h2{  font-size: 1.2em; } 
	.con_pro_list_ .tit p{  } 
	.con_pro_list_ .tit p a{  width: 80px; padding: 5px 0px; font-size: 1em; } 
	.con_pro_list_ ul{ display: flex;flex-wrap:wrap; justify-content:flex-start; gap:10px 0px;} 
	.con_pro_list_ ul li{ width: 49%; height: 160px; } 

	.con_pro_img{width: 88%; }

	.con_pro{  padding: 30px 0px;} 
	.con_pro_menu{ width: 88%; margin: 0 auto 30px;} 
	.con_pro_menu ul{ gap:5px;} 
	.con_pro_menu ul li{ width: 125px; } 
	.con_pro_menu ul li a{ padding: 8px 0px;  font-size: 0.9em;} 

	.con_pro_{ width: 88%; margin: 0 auto;} 
	.con_pro_ ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:1.75% 0;} 
	.con_pro_ ul li{ width: 100%; } 
	.con_pro_ ul li div{  height: auto; } 
	.con_pro_ ul li p{font-size: 1.2em; } 

	.con_pro_m{ padding: 50px 0px;} 
	.con_pro_m_{width:88%;margin:30px auto 20px;} 
	.con_pro_m_ h1{  font-size: 1.5em;} 
	.con_pro_m_ .img img{ width: 100%;} 
	
	
	
	
	
	
	
	
	
	

	.con_join{padding: 50px 0px;} 

	.con_join_a{ width: 88%; margin: 0 auto 30px;} 
	.con_join_a_tit h5{ font-size:1.5em; } 

	.con_join_a_{ margin:30px auto 0px;} 
	.con_join_a_ ul{} 
	.con_join_a_ ul li{ width: 50%; padding:30px 20px;} 
	.con_join_a_ ul li h5{font-size: 1.2em; margin: 0px 0px 5px; } 
	.con_join_a_ ul li p{ font-size: 0.9em; line-height: 155%;} 

	.con_join_b{ padding: 30px 0px; } 
	.con_join_b_tit h5{ font-size: 1.5em; } 
	.con_join_b_{width: 88%; margin: 20px auto 0px;} 
	.con_join_b_ ul{ } 
	.con_join_b_ ul li{ width:100%; height: auto; overflow: hidden;padding:5% 2.5%; } 
	.con_join_b_ ul li h3{font-size: 1.2em; } 
	.con_join_b_ ul li h5{font-size: 1em; margin: 20px 0px 5px; } 
	.con_join_b_ ul li p{ font-size: 0.9em; } 

	.con_join_d{ width: 88%; margin: 30px auto;} 
	.con_join_d_tit{ width: 100%; margin: 0 auto 20px;} 
	.con_join_d_tit h5{ font-size: 1.5em; } 

	.con_join_c{ width: 88%; margin: 30px auto;} 
	.con_join_c_tit h5{ font-size: 1.5em;} 
	.con_join_c_tit p{font-size: 1.2em;} 
	.con_join_c_{ margin: 30px auto 0px;} 
	.con_join_c_ ul{ gap:10px 0px;} 
	.con_join_c_ ul li{ width:100%;} 
	.con_join_c_ ul li input{ font-size:1em;} 
	.con_join_c_ .sub{  margin-top: 20px;} 
	.con_join_c_ .sub input{  padding: 10px 50px; font-size: 1.2em;} 


	.con_join_e{  background-size: cover;padding: 50px 0px;}
	.con_join_e_tit{ width: 88%; margin: 0 auto 30px;}
	.con_join_e_tit h5{ font-size: 1.5em; }
	.con_join_e_{width: 88%; } 
	.con_join_e_ ul{  gap:20px 0px; } 
	.con_join_e_ ul li{ width: 100%; } 
	.con_join_e_ ul li h6{font-size: 1.2em; margin-bottom: 5px; } 
	.con_join_e_ ul li p{font-size: 1em; } 

	.con_join_h_tit{ width: 88%; margin: 30px auto 15px;}
	.con_join_h_tit h5{ font-size: 1.5em; }
	.con_join_h_{width: 88%; } 
	.con_join_h_ ul{ gap:10px 0px;} 
	.con_join_h_ ul li{ flex: none; width: 33%; text-align: center;} 
	.con_join_h_ ul li p{font-size: 0.8em;  width: 80px; height:80px; line-height:80px;} 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.con_news{width: 88%; margin:50px auto;} 

	.con_news_{} 
	.con_news_ ul{} 
	.con_news_ ul li{ margin:30px 0px; } 
	.con_news_ ul li div.fl{ float: none; width: 100%; padding:20px;} 
	.con_news_ ul li div.fl p{} 
	.con_news_ ul li div.fl p a{ font-size:1.2em;} 
	.con_news_ ul li div.fl em{ margin: 15px 0px;} 
	.con_news_ ul li div.fl:hover em{ width: 200px;} 
	.con_news_ ul li div.fl span{line-height: 155%; margin-bottom:20px; } 
	.con_news_ ul li div.fr{float: none; width: 100%; height: auto; } 


	.con_news_m{ width: 88%; margin:50px auto; } 
	.con_news_m_{} 
	.con_news_m_ h1{ font-size:1.25em;} 
	.con_news_m_ h5{ font-size: 0.9em; padding-bottom: 20px; margin-bottom: 20px;} 
	.con_news_m_ p{ font-size: 1em;line-height: 155%; margin: 20px 0px;} 
	.con_news_m_ img{ width: 100%; margin:20px auto; max-width: 100%;} 
	.con_news_more{   padding: 20px 0px; margin-top: 30px;} 
	.con_news_more h5{font-size:1.5em; } 
	.con_news_more ul{ } 
	.con_news_more ul li{ margin:8px 0px;}
	.con_news_more ul li a{ font-size:1em; line-height: 155%;} 





	.con_contact{ padding:50px 0px;} 

	.con_contact_tit{ width:88%; } 
	.con_contact_tit h5{font-size:1.5em; } 
	.con_contact_tit p{ font-size:1.2em;} 

	.con_contact_{ width:88%;margin:30px auto 0px;} 
	.con_contact_con ul{gap:10px 0px;} 
	.con_contact_con ul li{ width: 100%; padding:30px 0px; } 
	.con_contact_con ul li h5{ font-size: 1.25em; margin: 20px 0px 10px;} 
	.con_contact_con ul li h6{ font-size: 1.2em; } 
	.con_contact_con ul li i{ font-size: 2em; } 
	.con_contact_con ul li p{font-size: 1em;} 
	.con_contact_con ul li h2{font-size: 1.6em; } 

	.con_contact_map{   height:auto; } 

	
	
	
	
	
	
	
	
	
	
	.bottom{ padding: 30px 0px;} 

	.bottom_{ width:88%; } 
	.bottom_link{ padding-bottom:15px; } 
	.bottom_link .fl{ float:none; width: 160px; text-align: center;} 
	.bottom_link .fl img{ width: 100%;} 
	.bottom_link .fr{ display: none;}

	.bottom_con{ padding: 20px 0px;} 
	.bottom_con .fl{ float:none; } 
	.bottom_con .fl p{font-size: 1em; } 
	.bottom_con .fl h3{font-size: 1.8em; } 
	.bottom_con .fl h5{font-size: 1em; margin-top:10px; } 
	.bottom_con .fl h5 a{color: #FFFFFF;} 
	.bottom_con .fr{ float: none; } 

	.bottom_con .fr .fr_r{} 
	.bottom_con .fr .fr_r ul{ margin-top: 20px;} 
	.bottom_con .fr .fr_r ul li{ float:none;  margin-left: 0px;} 
	.bottom_con .fr .fr_r ul li:last-child{ float: none; margin-top: 20px; text-align: center;} 
	.bottom_con .fr .fr_r ul li p{ font-size: 1em;} 



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

}


@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);
  }
}