@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:#f39800;} 
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; padding: 0px; background: #FFFFFF; }

.nav_{ width:80%; margin:0px auto; padding:20px 0px;}
.nav_l{ float:left; width:229px;}
.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: 15px 0px; color: #000000; text-align: center;font-size: 16px; }
.nav_menu ul li a:hover{ border-bottom: #f39800 3px solid;} 



.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: #f39800;}



/* fullSlide */ 
.fullSlide {width:100%;position:relative; z-index: 1;} 
.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;height:725px;overflow:hidden;text-align:center;}
.fullSlide .bd ul li img{ width: 100%;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;} 
.fullSlide .hd ul{text-align:center;}  
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:3px;margin:5px;overflow:hidden;background:#FFFFFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on{background:#f39800;} 
.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;} 





.main_a{ width:100%; margin: 0px;  background: #F8F8F8; padding:50px 0px;}
.main_a_{ width: 1280px; margin:0 auto;}
.main_a_ ul{display: flex; flex-wrap:wrap; justify-content: space-between;} 
.main_a_ ul li{  flex:auto; text-align: center;} 
.main_a_ ul li span{ display: block; font-size: 18px; margin-bottom: 15px;} 
.main_a_ ul li p{  line-height: 175%; font-size: 18px; } 
.main_a_ ul li p strong{ color: #f39800; font-size: 42px; display: inline-block; margin-right: 5px;} 




.main_pro{ width:100%; margin:0px; padding: 80px 0px; background:url(/images/bg01.jpg) no-repeat center top;} 
.main_pro_tit{margin:0px auto;width: 1280px; text-align: center;} 
.main_pro_tit h3{  font-size: 36px; color: #f39800;}
.main_pro_tit p{ color: #666666; font-size: 24px; font-weight: lighter; margin:0px;font-family: vv-l;} 
.main_pro_tit em{  display: block;  width: 100px; height: 5px; background: #f39800;  margin: 10px auto 0px;  border-radius:5px;} 
.main_pro_{ width: 1280px; margin:50px auto 0px;} 
.main_pro_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:20px;} 
.main_pro_ ul li{  flex:auto;  width: 410px; height: 320px; overflow: hidden;} 
.main_pro_ ul li img{ width: 100%; height: 100%; object-fit: cover;} 
.main_pro_icon{ width: 100%; background: #F6F6F6; padding: 10px 0px 20px; margin: 50px 0px 0px;} 
.main_pro_icon_{ width: 1280px; margin:0px auto;} 
.main_pro_icon_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; } 
.main_pro_icon_ ul li{ text-align: center;} 
.main_pro_icon_ ul li img{ width: 80px; height:80px; } 
.main_pro_icon_ ul li p{ font-size: 16px; margin-top: -20px;} 






.main_about{ width: 100%; margin: 0px 0px 80px; padding: 0px;} 
.main_about_{ width: 1280px; margin: 0px auto;} 

.main_about_left{ float: left; width: 580px; box-sizing: border-box;} 
.main_about_left h2{ font-size: 36px; color: #000000; margin: 0px 0px 10px;} 
.main_about_left h5{ font-size: 28px; color: #666666;font-weight: lighter;font-family: vv-l;} 
.main_about_left p{color: #333333; font-size: 16px;font-family: vv-l; text-align: justify;line-height: 175%; margin: 20px 0px;} 
.main_about_left a{ display: inline-block; color: #000000; font-size: 16px;} 
.main_about_left a:hover{ color: #f39800;} 

.main_about_right{ float: right; width:580px; height:410px; overflow: hidden;} 
.main_about_right img{ width: 100%; height: 100%; object-fit: cover;} 

.main_info{ width: 1280px; margin:35px auto 0px; background: #f39800; padding:35px 0px 35px 50px; box-sizing: border-box;}
.main_info h6{ color: #FFFFFF; font-weight: lighter;font-size: 36px;font-family: vv-l;} 
.main_info p{ color: #FFFFFF; font-size: 18px; opacity: 0.5; text-transform: uppercase;font-family: vv-l;} 







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

.main_e_tit{margin:0px auto;width: 1280px; text-align: center;} 
.main_e_tit h3{  font-size: 36px; color: #f39800;}
.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: #f39800;  margin: 10px auto 0px;  border-radius:5px;} 

.main_e_{width:1280px; height:580px; margin: 50px auto 0px;} 
.main_e_ .accordion {display: flex;width: 100%; max-width: 1280px; height:580px;gap: 10px;}
.main_e_ .panel {flex: 1;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_good{ width: 100%;height: 880px; box-sizing: border-box; padding: 80px 0px; background: url(/images/bg02.jpg) no-repeat center;} 
.main_good_{width:1280px; margin: 0px auto;} 
.main_good_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:30px 50px;width:420px; margin: 0px; margin-left: 280px; margin-top: 30px; box-sizing: border-box;} 
.main_good_ ul li{flex:auto; text-align: center;} 
.main_good_ ul li img{  } 
.main_good_ ul li p{font-size: 16px; color: #f39800; } 






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

.main_news_tit{margin:0px auto;width: 1280px;} 
.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: #f39800 1px solid; color: #f39800; margin-top: 10px; text-align: center; padding: 5px 0px;} 
.main_news_tit a:hover{ background: #f39800; color: #FFFFFF;} 

.main_news_{ width:1280px; margin: 30px auto 0px;} 
.main_news_left{ float: left;width: 50%; height:420px; position: relative;} 
.main_news_left div{position: absolute; z-index: 9; width: 100%; height: 420px;  overflow: hidden;} 
.main_news_left div img{ width: 100%; height:100%; object-fit: cover;} 
.main_news_left a{display: block; position: absolute; z-index: 99; width: 100%; bottom: 0; background: rgba(0,0,0,0.5);padding: 20px; box-sizing: border-box;} 
.main_news_left a h3{ color: #FFFFFF;} 
.main_news_left a p{color: #CCCCCC;margin: 8px 0px 10px;line-height: 150%;} 
.main_news_left a h6{color: #CCCCCC; font-size: 12px;} 

.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: #f39800;} 




.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: 1280px; text-align: center;} 
.main_join_tit h3{  font-size: 36px; color: #FFFFFF;}
.main_join_tit p{ color: #CCCCCC; font-size: 24px; font-weight: lighter; margin:0px;font-family: vv-l;} 
.main_join_tit em{  display: block;  width: 100px; height: 5px; background: #f39800;  margin: 10px auto 0px;  border-radius:5px;} 
.main_join_con{margin:80px auto 0px;width: 1280px; text-align: center;} 
.main_join_con h5{  font-size: 36px; color: #FFFFFF;}
.main_join_con p{ color: #CCCCCC; font-size: 28px; 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: #f39800; color: #FFFFFF;} 





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

.main_b_tit{margin:0px auto;width: 1280px;} 
.main_b_tit p{ color: #000000; font-size: 36px;  margin:0px; line-height: 100%;} 
.main_b_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_b_{ width:1280px; margin: 30px auto 0px;} 
.main_b_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:15px 0px;} 
.main_b_ ul li{text-align: center;} 
.main_b_ ul li img{}
.main_b_ ul li p{ font-size: 14px;color: #999999; margin-top: 2px;} 

/*首页结束*/






/*内页-通用*/
.locatn{width:1280px;  padding: 20px 0px; margin: 0px auto; color: #666666; border-bottom: #DDDDDD 1px solid;} 
.locatn a{color: #666666; font-size: 14px;} 
.locatn a:hover{color: #f39800;} 

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

/*内页-通用*/

/*内页-关于我们*/

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

.con_about_{ width: 1280px; margin: 50px 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: #f39800; font-size:40px; margin: 10px 0px 0px;} 
.con_about_ p{  font-size: 16px; line-height: 175%; text-align: justify;color: #000000; margin: 30px 0px 0px 0px;} 

.con_about_b{ width:1280px;margin: 0px auto 50px;} 
.con_about_b img{ width: 100%; height: 100%;} 

.con_about_a{ margin: 0px auto; width: 1280px;} 
.con_about_a h3{color: #f39800; font-size:36px; font-weight: lighter; line-height: 125%; margin-bottom: 20px;} 
.con_about_a p{  font-size: 16px; color: #333333; } 

.con_about_c{  width:100%;margin:80px auto;background: url("/images/a02.jpg") no-repeat center top;  padding: 80px 0px;} 
.con_about_c_{ width: 1280px; margin: 0px auto;} 
.con_about_c_ span{display: block;font-size: 36px; color: #999999; 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: #f39800;} 
.con_about_c_ ul {display: flex;flex-wrap:wrap; justify-content: space-between; gap:10px; margin-top: 50px;} 
.con_about_c_ ul li{flex:auto; text-align: center; border: #999999 1px solid; padding: 30px 0px; width: 300px;} 
.con_about_c_ ul li img{ width:65px;} 
.con_about_c_ ul li h6{  font-size: 18px;color: #f39800; 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: #999999; opacity: 0.5; text-transform: uppercase;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.con_about_d_tit h2{font-size: 40px; color: #f39800;}

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




.con_about_g{  width:100%;   margin: 80px auto;} 
.con_about_g_tit{ width:1280px;margin:0px auto;} 
.con_about_g_tit span{display: block;font-size: 36px; color: #666666; opacity: 0.1; text-transform: uppercase;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 
.con_about_g_tit h2{font-size: 40px; color: #f39800;} 
.con_about_g_{width:1280px;margin:50px auto 0px;} 
.con_about_g_ ul{display: flex;flex-wrap:wrap; justify-content: space-between; gap:30px;} 
.con_about_g_ ul li{ width: 180px;} 
.con_about_g_ ul li h6{ color:#f39800; font-size: 28px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; } 
.con_about_g_ ul li p{font-size: 14px; text-align: justify; line-height: 150%; margin: 8px 0px; color: #333333;} 
.con_about_g_img{width:1280px;margin:35px auto 0px;} 
.con_about_g_img img { width: 100%;} 

/*内页-关于我们*/



/*内页-产品*/

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



.con_pro_{ margin: 80px auto; width: 1280px;} 
.con_pro_l{ float: left; width: 640px; height: 420px; overflow: hidden;} 
.con_pro_l img{ width: 100%; height: 100%; object-fit: cover;} 
.con_pro_r{ float: right; width:640px; height: 420px; background: #F8F8F8; padding: 80px; box-sizing: border-box;} 
.con_pro_r h3{ font-size: 28px; margin-bottom: 20px; color: #f39800;}
.con_pro_r p{font-size: 18px; color: #666666;  text-align: justify; line-height: 175%;} 
.con_pro_r em{ display: block; font-style: normal; margin-top: 50px;}
.con_pro_r em a{ display: block;   background: #f39800; color: #FFFFFF; text-align: center; font-size: 16px; padding: 10px 0px; width: 120px; border-radius: 10px;} 
.con_pro_r em a:hover{ border: #f39800 1px solid; background: #f39800; color: #FFFFFF;} 




.con_pro_m{width: 100%; margin: 0; padding: 80px 0px; border-top: #EEEEEE 1px solid;} 

.con_pro_menu{ margin: 0px auto 150px; width: 1280px;} 
.con_pro_menu ul{} 
.con_pro_menu ul li{ float: left; margin-right: 30px;}
.con_pro_menu ul li:last-child{ margin-right: 0px;} 
.con_pro_menu ul li a{display: block; background: #EEEEEE; color: #f39800; text-align: center; font-size: 20px; padding: 10px 0px; width: 200px; border-radius: 10px;} 
.con_pro_menu ul li a.on{background: #f39800; color: #FFFFFF; } 
.con_pro_menu ul li a:hover{background: #f39800; color: #FFFFFF; } 


.con_pro_m_a{ margin: 50px auto; width: 1280px;} 
.con_pro_m_a .fl{ float: left; width:800px;} 
.con_pro_m_a .fl h5{ font-size: 28px; margin-bottom: 20px;  color: #000000;font-family: vv-l;}
.con_pro_m_a .fl h3{ font-size: 48px; color: #f39800;font-family: vv-b;}
.con_pro_m_a .fl em{ display: block; background: #f39800; width: 50px; height: 5px; margin: 30px 0px;}
.con_pro_m_a .fl p{font-size:20px;font-family: vv-l; color: #666666;  text-align: justify; line-height: 150%; margin: 10px 0px;} 
.con_pro_m_a .fr{ float: right; width: 300px; } 
.con_pro_m_a .fr img{ width: 100%; height: 100%; object-fit: cover;} 
.con_pro_m_img{margin: 50px auto; width: 1280px;}
.con_pro_m_img img{ width: 100%;}


.con_pro_m_b{ margin: 50px auto; width: 1280px;} 
.con_pro_m_b .fl{  margin: 30px auto;width:100%; text-align: center;} 
.con_pro_m_b .fl h5{ font-size: 28px; margin-bottom: 20px;  color: #000000;font-family: vv-l;}
.con_pro_m_b .fl h3{ font-size: 48px; color: #f39800;font-family: vv-b;}
.con_pro_m_b .fl em{ display: block; background: #f39800; width: 50px; height: 5px; margin: 30px auto;}
.con_pro_m_b .fl p{font-size:20px;font-family: vv-l; color: #666666;  text-align: center; line-height: 150%; margin: 10px 0px;} 
.con_pro_m_b .fr{width: 600px;  margin: 30px auto;} 
.con_pro_m_b .fr img{ width: 100%; height: 100%; object-fit: cover;} 





.con_pro_m_c{ margin: 50px auto; width: 1280px;} 
.con_pro_m_c .fl{ float: left; width:400px;} 
.con_pro_m_c .fl h5{ font-size: 28px; margin-bottom: 20px;  color: #000000;font-family: vv-l;}
.con_pro_m_c .fl h3{ font-size: 36px; color: #f39800;font-family: vv-b;}
.con_pro_m_c .fl em{ display: block; background: #f39800; width: 50px; height: 5px; margin: 30px 0px;}
.con_pro_m_c .fl p{font-size:18px;font-family: vv-l; color: #666666;  text-align: justify; line-height: 150%; margin: 10px 0px;} 
.con_pro_m_c .fr{ float: right; width: 800px; } 
.con_pro_m_c .fr img{ width: 100%; height: 100%; object-fit: cover;} 

.con_pro_m_d{ margin: 50px auto; width: 1280px;} 
.con_pro_m_d > h3{ font-size: 36px; color: #f39800;font-family: vv-b; margin-bottom:30px;}
.con_pro_m_d > img{ width: 100%; height: 100%; object-fit: cover;} 
.con_pro_m_d ul{ margin-top: 20px;} 
.con_pro_m_d ul li{ padding: 20px 0px; border-bottom: #DDDDDD 1px dashed;} 
.con_pro_m_d ul li h5{font-size: 28px; margin-bottom: 10px;  color: #000000;font-family: vv-l;} 
.con_pro_m_d ul li p{font-size:20px;font-family: vv-l; color: #666666;} 




.con_pro_list{width: 100%; margin: 0; padding: 80px 0px; border-top: #EEEEEE 1px solid;}
.con_pro_list_{margin: -80px auto 0px; width: 1280px;} 
.con_pro_list_ ul{display: flex;flex-wrap:wrap; justify-content: space-between; gap:20px; margin-bottom: 35px;} 
.con_pro_list_ ul li{ border: #EEEEEE 1px solid; width: 410px;} 
.con_pro_list_ ul li div{} 
.con_pro_list_ ul li div img{ height: 100%; width: 100%; object-fit: cover;} 
.con_pro_list_ ul li p{ font-size:16px; padding: 15px 0px; text-align: center;} 



/*内页-产品*/

/*内页-新闻*/ 

.con_news{width: 1280px; margin:50px 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 2px 20px 2px #DDDDDD;}
.con_news_ ul li div.fl{ float: left; width: 50%; transition: all 0.6s;padding: 50px;} 

.con_news_ ul li div.fl p{} 
.con_news_ ul li div.fl p a{ font-size: 28px;} 
.con_news_ ul li div.fl em{display: block; margin: 20px 0px; width: 50px; height: 2px; background: #f39800; transition: all 0.6s;} 
.con_news_ ul li div.fl:hover em{ width: 300px;} 
.con_news_ ul li div.fl span{ display: block; line-height: 175%; margin-bottom: 20px; color: #999999;} 
.con_news_ ul li div.fl i{ font-style: normal;} 

.con_news_ ul li div.fr{float: right; width: 40%; height: 320px; overflow: hidden;} 
.con_news_ ul li img{ width: 100%; height: 360px;} 

.con_news_m{ width: 900px; margin: 0px auto;} 
.con_news_m h1{ font-size:36px; line-height: 150%; margin-bottom: 5px;} 
.con_news_m h5{ font-size: 14px; color: #999999; font-weight: lighter;} 
.con_news_m #MyContent{ margin: 50px 0px;} 
.con_news_m #MyContent p{ font-size: 16px; text-align: justify; line-height: 175%; margin-bottom: 35px;}
.con_news_m #MyContent p img{ display: block; margin: 35px auto; max-width: 750px;} 




.con_news_more{ margin: 30px auto; width:900px; padding: 30px 0px; border-top: #DDDDDD 1px solid;border-bottom: #DDDDDD 1px solid;} 
.con_news_more h5{font-size:24px; margin-bottom: 30px;} 
.con_news_more ul{} 
.con_news_more ul li{ margin: 5px 0px;}
.con_news_more ul li a{ font-size:16px; } 

/*内页-新闻*/



/*内页-加盟*/

.con_join{  width:100%; margin:80px 0px;} 
.con_join .con_join_tit{width: 1280px; margin: 0px auto; text-align: center;} 
.con_join .con_join_tit span{ display: block; color:#CCCCCC; font-size:60px; opacity: 0.2; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.con_join .con_join_tit p{ font-size: 40px; color: #f39800; font-weight: bold; margin-top: -10px;} 
.con_join_{  width:1280px; margin:50px auto 0px;} 


.con_join_ ul{} 
.con_join_ ul li{ float: left; width: 640px; height:360px; padding:80px; box-sizing: border-box; background:#F8F8F8; overflow: hidden;} 
.con_join_ ul li:nth-child(2){ padding: 0;} 
.con_join_ ul li:nth-child(3){ padding: 0;} 
.con_join_ ul li:nth-child(6){ padding: 0;} 
.con_join_ ul li:nth-child(7){ padding: 0;} 

.con_join_ ul li h5{ color: #f39800; font-size: 28px;} 
.con_join_ ul li p{color: #000000; font-size: 18px; margin: 20px 0px 0px; line-height: 175%;} 
.con_join_ ul li img{ display: block; width: 100%; height: 100%;object-fit: cover;} 
.con_join_ ul li:hover{background: #f39800;} 
.con_join_ ul li:hover h5{ color: #FFFFFF;} 
.con_join_ ul li:hover p{ color: #FFFFFF;} 


.con_join_a {width: 100%; margin: 80px 0px 0px; background: #F2F2F2; padding: 80px 0px; } 
.con_join_a_tit {width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_a_tit span{ display: block; color:#CCCCCC; font-size:60px; opacity: 0.5; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.con_join_a_tit p{ font-size: 40px; color: #f39800; font-weight: bold; margin-top: -10px;} 
.con_join_a_ {width: 1280px; margin: 30px auto 0px; } 
.con_join_a_ ul{display: flex;flex-wrap:wrap; justify-content: space-between;} 
.con_join_a_ ul li{ width: 300px; padding: 35px; box-sizing:border-box; background: #FFFFFF;} 
.con_join_a_ ul li img{ display: block; width: 60px; height:60px; margin: 0 auto;} 
.con_join_a_ ul li h5{ color: #f39800; font-size: 24px; text-align: center; margin: 30px 0px 15px;} 
.con_join_a_ ul li p{color: #000000; font-size: 16px;line-height: 150%;} 



.con_join_b {width: 100%; margin: 0px; background:url(/images/join09.jpg) no-repeat center; padding: 80px 0px; } 
.con_join_b_tit {width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_b_tit span{ display: block; color:#CCCCCC; font-size:60px; opacity: 0.2; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.con_join_b_tit p{ font-size: 40px; color: #f39800; font-weight: bold; margin-top: -10px;} 
.con_join_b_ {width: 1280px; margin: 30px auto 0px; } 
.con_join_b_ ul{display: flex;flex-wrap:wrap; justify-content: space-between;} 
.con_join_b_ ul li{ width: 175px; padding:30px 20px; box-sizing:border-box; background: rgba(0,0,0,0.25);} 
.con_join_b_ ul li em{display: block; width: 50px; height: 2px; background: #f39800; } 
.con_join_b_ ul li h5{ color: #f39800; font-size: 20px;  margin: 30px 0px 15px;} 
.con_join_b_ ul li p{color: #FFFFFF; font-size: 14px;line-height: 150%; opacity: 0.5;} 









.con_join_e{ margin: 80px auto; width: 1280px; border: #EEEEEE 1px solid; padding: 30px; box-sizing: border-box;} 
.con_join_txt01{ font-size: 36px; font-weight: lighter; border-bottom: #CCCCCC 1px solid; padding:0px 0px 20px 0px; text-align: center;} 
.con_join_txt02{ margin: 20px 0px;} 
.con_join_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 49.8%; box-sizing: border-box; } 

.con_join_txt03{ margin: 20px 0px;} 
.con_join_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 100%; box-sizing: border-box;} 

.con_join_txt04{ margin: 20px 0px;} 
.con_join_txt04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 100%; height: 200px; vertical-align: top;box-sizing: border-box;} 

.con_join_txt05{ margin: 50px 0px;text-align: center;} 
.con_join_txt05 input{ border: none; background: #f39800; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; }

::-webkit-input-placeholder{ font-family: "微软雅黑";} 
/*内页-加盟*/








.con_case {width: 100%; margin: 0px; padding: 80px 0px;} 
.con_case_ {width: 1280px; margin: 0px auto;} 
.con_case_ ul{display: flex;flex-wrap:wrap; justify-content: space-between; gap:20px;} 
.con_case_ ul li{ width: 300px; overflow: hidden;} 
.con_case_ ul li img{ width: 100%; height:300px; object-fit: cover; display: block; margin: 0;} 
.con_case_ ul li p{color: #00000; font-size: 16px;line-height: 150%; text-align: center; padding: 15px 0px; background: #F8F8F8;} 





/*内页-联系我们*/
.con_contact{  width:1280px; margin:100px auto; } 
.con_contact .fl{ float: left; width:400px;} 
.con_contact .fl ul{} 
.con_contact .fl ul li{ margin-bottom: 30px;}
.con_contact .fl ul li:first-child{ margin-bottom: 50px;}
.con_contact .fl ul li h2{ font-size: 1.5em;}
.con_contact .fl ul li p{ margin-bottom: 5px; font-size: 1.2em;}
.con_contact .fl ul li span{display: inline-block; font-size: 1.2em;}

.con_contact .fr{ float: right; width: 750px;}
.con_contact .fr #dituContent{width: 100%; height: 500px;} 
/*内页-联系我们*/
















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

.bottom_{ width:1280px; margin:0 auto;}
.bottom_link{ padding-bottom:20px; border-bottom: #999999 1px solid;} 
.bottom_link .fl{ float:left; width: 220px;} 
.bottom_link .fr{ float: right; margin-top: 10px;} 
.bottom_link .fr strong{font-size: 28px; } 

.bottom_con{ width:1280px; margin:0 auto; padding: 30px 0px;}
.bottom_con .fl{ float:left; } 
.bottom_con .fl p{font-size: 20px; } 
.bottom_con .fl h3{font-size: 28px; } 
.bottom_con .fr{ float: right; } 

.bottom_con .fr .fr_l{} 
.bottom_con .fr .fr_l a{ display: inline-block; margin-right: 20px;font-size: 16px; } 
.bottom_con .fr .fr_r{} 
.bottom_con .fr .fr_r ul{ margin-top: 30px;}
.bottom_con .fr .fr_r ul li{ float: left; }
.bottom_con .fr .fr_r ul li:last-child{ float: right;} 
.bottom_con .fr .fr_r ul li p{ color:#666666; font-size: 16px;}



.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;} 


.bottom_info{ width: 100%; background: #f39800; padding:25px 0px;} 
.bottom_info_{width:1280px; margin: 0px auto;color: #FFFFFF;  font-size: 14px; text-transform: uppercase;} 
.bottom_info_ a{color: #FFFFFF;font-size: 14px;}  
.bottom_info_ a:hover{color: #000000;} 






/*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:#f39800;border:#f39800 1px solid;} 
div.black2 a:active{color:#fff;background-color:#f39800;border:#f39800 1px solid;} 
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#f39800;border:#f39800 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 







@media screen and (min-width:1500px) and (max-width:1700px){ 
   .fullSlide .bd ul li{height:600px;}
   .nav_{ width:85%;}
}

@media screen and (min-width:1400px) and (max-width:1500px){ 
   .fullSlide .bd ul li{height:540px;}
   .nav_{ width:90%;}
   .nav_menu ul { gap:50px;} 
}

@media screen and (min-width:1300px) and (max-width:1400px){ 
   .fullSlide .bd ul li{height:520px;}
   .nav_{ width:96%;}
   .nav_menu ul { gap:40px;} 
}

@media screen and (min-width:1200px) and (max-width:1300px){ 
   .fullSlide .bd ul li{height:490px;}
   .nav_{ width:98%;}
   .nav_menu ul { gap:30px;} 
}








.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: #F8F8F8;} 
	.mobile-inner-header .img0 { float: left; margin-top: 4%; margin-left: 3%; width: 40%;} 
	.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(243,152,0,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: #EEEEEE;} 

	.fullSlide {height:210px;} 
	.fullSlide .bd li div.pc{ display: none;}
    .fullSlide .bd li div.mo{ display: block;}
    .fullSlide .bd li a{height:210px;}
	.fullSlide .bd li{ background-size: cover;height:210px;} 
	.fullSlide .bd li img{ width: 100%;} 
	.fullSlide .hd{bottom:5px;left:0;height:20px;line-height:20px;}
	.fullSlide .hd ul li{width:10px;height:10px;margin:3px;}
	.toolbar{ display: none;} 
	
	
	
	
	
	
	
	
	
	
	.main_a{ padding:35px 0px 30px;}
	.main_a_{ width: 88%; margin:0 auto;}
	.main_a_ ul{ } 
	.main_a_ ul li{  flex:1; text-align: center;} 
	.main_a_ ul li span{ font-size: 1em; margin-bottom: 5px;} 
	.main_a_ ul li p{  line-height: 150%; font-size: 1em; } 
	.main_a_ ul li p strong{  font-size: 1.5em;  margin-right: 2px;} 
	
	
	
	
	.main_pro{   padding: 30px 0px; background-size: cover;}  
	.main_pro_tit{ width: 88%; } 
	.main_pro_tit h3{  font-size: 1.6em; }
	.main_pro_tit p{  font-size: 0.9em; } 
	.main_pro_tit em{  width: 80px; height: 5px; } 
	.main_pro_{ width: 88%; margin:20px auto 0px;} 
	.main_pro_ ul{display: flex; flex-wrap:wrap; justify-content: space-between; gap:5px;} 
	.main_pro_ ul li{  width: 49%; height: 130px; } 

	.main_pro_icon{  margin: 30px 0px 0px;} 
	.main_pro_icon_{ width: 88%; } 
	.main_pro_icon_ ul{ } 
	.main_pro_icon_ ul li{ text-align: center;} 
	.main_pro_icon_ ul li img{ width: 70px; height:70px; } 
	.main_pro_icon_ ul li p{ font-size: 1em; margin-top: -18px;} 
	
	
	
	
	
	
	.main_about{  margin: 0px 0px 30px; } 
	.main_about_{ width: 88%; } 

	.main_about_left{ float: none; width: 100%; } 
	.main_about_left h2{ font-size: 1.8em; margin: 0px 0px 6px;} 
	.main_about_left h5{ font-size: 1em;  } 
	.main_about_left p{ font-size: 0.9em; line-height: 150%; margin: 15px 0px;} 
	.main_about_left a{ font-size: 1.2em;} 


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


	.main_info{ width: 100%; margin:30px auto 0px;  padding:5% 0 5% 6%; }
	.main_info h6{  font-size: 1.6em; margin-bottom: 10px;} 
	.main_info p{  font-size: 1em;  line-height: 150%;} 
	
	
	
	
	
	.main_e{  padding:30px 0px; } 

	.main_e_tit{margin:0px auto;width: 88%;  } 
	.main_e_tit h3{  font-size: 1.6em; }
	.main_e_tit p{ font-size: 1em; } 

	.main_e_{width:88%; height:auto; margin: 30px auto 0px;} 
	.main_e_ .panel .caption h3{ font-size: 1.5en;} 
	.main_e_ .panel .caption p{ font-size: 1em;} 
        

            .accordion {flex-direction: column; height: auto;}
            .panel {height: 80px;}
            .panel.active {height: 160px;flex: 1 0 auto;}
  
	

	.main_good{ height: 600px;background: url(/images/bg02_m.jpg) no-repeat center; padding: 30px 0px;background-size: cover; } 
	.main_good_{width:88%; } 
	.main_good_ ul{ gap:20px 20px;width:100%; margin-left: 0px; margin-top: 0px;} 
	.main_good_ ul li{flex:auto; text-align: center;} 
	.main_good_ ul li img{  } 
	.main_good_ ul li p{font-size: 1em; color: #FFFFFF;} 
	
	
	
	
	
	


	.main_news{ padding: 30px 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.8em; } 
	.main_news_tit a{  width: 80px;  margin-top: -3.5px;  padding: 3px 0px;} 


	.main_news_{ width:88%; margin: 20px auto 0px;} 
	.main_news_left{ float: none;width: 100%; height:160px; } 
	.main_news_left div{ height: 160px; } 
	.main_news_left a{ padding: 10px; bottom: 0;} 
	.main_news_left a h3{ font-size: 1.2em;} 
	.main_news_left a p{display: none;} 
	.main_news_left a h6{ font-size: 0.8em;} 

	.main_news_right{ float: none; width: 100%; height: auto; margin-top: 20px;} 
	.main_news_right ul li{  padding-bottom:15px; margin-bottom: 15px; } 
	.main_news_right ul li h3 {font-size:1.1em; } 
	.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:360px;  padding: 50px 0px 0px; background-size: cover;} 
	.main_join_tit{ width: 88%; } 
	.main_join_tit h3{  font-size: 1.8em; }
	.main_join_tit p{ font-size: 1.2em;  } 
	.main_join_con{margin:35px 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: 120px;   margin: 30px auto 0px;  font-size: 1em; border-radius: 10px;} 






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

	.main_b_tit{ width: 100%;} 
	.main_b_tit p{ font-size: 1.5em;  } 
	.main_b_tit p span{  margin-left: 5px; font-size: 1em; } 

	.main_b_{ width:100%; margin: 20px auto 0px;} 
	.main_b_ ul{ } 
	.main_b_ ul li{  width: 33%;} 
	.main_b_ ul li img{}
	.main_b_ ul li p{ font-size:0.6em;  margin-top: 5px;} 

	
	
	
	/*内页-通用*/
	.locatn{width:88%;  padding: 10px 0px; font-size: 0.8em} 
	.locatn a{font-size:1em;} 
	/*内页-通用*/
	
	
	/*内页-关于我们*/

	.con_about_{ width: 88%; margin: 30px auto;} 
	.con_about_ span{ font-size: 1.2em;} 
	.con_about_ h2{  font-size:1.6em; margin: 5px 0px 0px;} 
	.con_about_ p{  font-size: 0.9em; line-height: 150%;  margin: 20px 0px 0px 0px;} 

	.con_about_b{ width:88%;margin: 0px auto 20px;} 


	.con_about_a{  width: 88%;} 
	.con_about_a h3{ font-size:1.6em;   margin-bottom: 10px;} 
	.con_about_a p{  font-size: 1em; } 

	.con_about_c{ margin:30px auto;background-size: cover;  padding: 30px 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 {  gap:5px; margin-top: 20px;} 
	.con_about_c_ ul li{ width: 48%;   padding: 15px 0px; } 
	.con_about_c_ ul li img{ width:50px;} 
	.con_about_c_ ul li h6{  font-size: 1em; margin:10px 0px 3px;} 
	.con_about_c_ ul li p{ font-size: 0.8em; line-height: 125%; } 



	.con_about_d{ margin:30px auto;}

	.con_about_d_tit{width: 88%; }
	.con_about_d_tit span{ font-size: 1.2em;}
	.con_about_d_tit h2{font-size: 1.6em; }

	.con_about_d_{ width: 88%; margin: 20px auto 0px;}




	.con_about_g{  width:100%; margin: 30px auto;} 
	.con_about_g_tit{ width:88%; } 
	.con_about_g_tit span{ font-size: 1.2em;} 
	.con_about_g_tit h2{font-size: 1.6em; } 
	.con_about_g_{width:88%;margin:20px auto 0px;} 
	.con_about_g_ ul{display: flex;flex-wrap:wrap; justify-content: space-between; gap:10px 0px;} 
	.con_about_g_ ul li{ width: 100%;} 
	.con_about_g_ ul li h6{   font-size: 1.5em;} 
	.con_about_g_ ul li p{font-size:0.8em;   margin: 5px 0px; } 
	.con_about_g_img{width:88%;margin:20px auto 0px;} 


	/*内页-关于我们*/
	.con_pro{ } 

	.con_pro_{ margin:30px auto; width: 88%;} 
	.con_pro_l{ float: none; width: 100%; height: 180px; } 

	.con_pro_r{ float: none; width:100%; height: auto;  padding: 20px; } 
	.con_pro_r h3{ font-size: 1.5em; margin-bottom: 10px; }
	.con_pro_r p{font-size: 1em; line-height: 150%;} 
	.con_pro_r em{ margin-top: 20px;}
	.con_pro_r em a{   font-size: 1em; padding: 5px 0px; width: 120px; } 




	.con_pro_m{  padding: 30px 0px; } 

	.con_pro_menu{ margin: 0px auto 30px; width: 88%;} 
	.con_pro_menu ul{} 
	.con_pro_menu ul li{ margin-right: 5px; margin-bottom: 5px;}
	.con_pro_menu ul li:nth-child(3){ margin-right: 0px;} 
	.con_pro_menu ul li a{ font-size: 1em; padding: 5px 0px; width: 98px; border-radius: 5px;} 


	.con_pro_m_a{ margin: 30px auto; width: 88%;} 
	.con_pro_m_a .fl{ float: none; width:100%;} 
	.con_pro_m_a .fl h5{ font-size: 1.6em; margin-bottom: 10px; }
	.con_pro_m_a .fl h3{ font-size: 2em; }
	.con_pro_m_a .fl em{  width: 80px; height: 5px; margin: 20px 0px;}
	.con_pro_m_a .fl p{font-size:1em;  margin: 8px 0px;} 
	.con_pro_m_a .fr{ float: none; width: 100%; margin-top: 10px;} 
	.con_pro_m_a .fr img{ width: 100%;} 
	.con_pro_m_img{margin: 20px auto; width: 88%;}
	.con_pro_m_img img{ width: 100%;}

	.con_pro_m_b{ margin: 30px auto; width: 88%;} 
	.con_pro_m_b .fl{  margin: 20px auto;width:100%; } 
	.con_pro_m_b .fl h5{ font-size: 1.6em; margin-bottom:10px; }
	.con_pro_m_b .fl h3{ font-size: 2em; }
	.con_pro_m_b .fl em{ width: 80px; height: 5px; margin: 20px auto;}
	.con_pro_m_b .fl p{font-size:1em; margin: 8px 0px;} 
	.con_pro_m_b .fr{width: 100%;  margin: 20px auto;} 
    .con_pro_m_b .fr img{ width: 100%;} 

	.con_pro_m_c{ margin: 30px auto; width:88%;} 
	.con_pro_m_c .fl{ float: none; width:100%;} 
	.con_pro_m_c .fl h5{ font-size: 1.6em; margin-bottom:10px; }
	.con_pro_m_c .fl h3{ font-size: 2em; }
	.con_pro_m_c .fl em{ width: 80px; height: 5px; margin:20px 0px;}
	.con_pro_m_c .fl p{font-size:1em;  margin: 8px 0px;} 
	.con_pro_m_c .fr{ float: none; width: 100%; } 
    .con_pro_m_c .fr img{ width: 100%;} 

	.con_pro_m_d{ margin: 30px auto; width: 88%;}
	.con_pro_m_d > h3{ font-size: 1.8em;  margin-bottom:20px;}
	.con_pro_m_d ul{ margin-top: 20px;} 
	.con_pro_m_d ul li{ padding: 10px 0px; } 
	.con_pro_m_d ul li h5{font-size: 1.5em; margin-bottom: 5px; } 
	.con_pro_m_d ul li p{font-size:1em; } 



	/*内页-加盟*/

	.con_join{  margin:30px 0px;} 
	.con_join .con_join_tit{width: 88%; } 
	.con_join .con_join_tit span{ font-size:2em;  } 
	.con_join .con_join_tit p{ font-size: 1.6em;} 
	.con_join_{  width:88%; margin:20px auto 0px;} 


	.con_join_ ul{} 
	.con_join_ ul li{ float: none; width: 100%; height:auto; padding:20px; } 
	.con_join_ ul li:nth-child(2){ padding: 0;} 
	.con_join_ ul li:nth-child(3){ padding: 0;} 
	.con_join_ ul li:nth-child(6){ padding: 0;} 
	.con_join_ ul li:nth-child(7){ padding: 0;} 

	.con_join_ ul li h5{ font-size: 1.6em;} 
	.con_join_ ul li p{ font-size: 0.9em; margin: 20px 0px 0px; line-height: 150%;} 



	.con_join_a {  margin: 30px 0px 0px;  padding: 30px 0px; } 
	.con_join_a_tit {width: 88%; } 
	.con_join_a_tit span{   font-size:2em; } 
	.con_join_a_tit p{ font-size: 1.6em; } 
	.con_join_a_ {width: 88%; margin: 20px auto 0px; } 
	.con_join_a_ ul{display: flex;flex-wrap:wrap; justify-content: space-between;} 
	.con_join_a_ ul li{ width: 100%; padding:20px; margin-bottom: 10px;} 
	.con_join_a_ ul li img{  width: 50px; height:50px;} 
	.con_join_a_ ul li h5{  font-size: 1.2em;   margin:15px 0px 5px;} 
	.con_join_a_ ul li p{  font-size: 1em; } 

	.con_join_b { background-size: cover; padding: 30px 0px; } 
	.con_join_b_tit {width: 88%; } 
	.con_join_b_tit span{  font-size:2em; } 
	.con_join_b_tit p{ font-size: 1.6em;} 
	.con_join_b_ {width: 88%; margin: 20px auto 0px; } 
	.con_join_b_ ul{ } 
	.con_join_b_ ul li{ float: left;width: 49%; height: 120px; padding:15px 10px; box-sizing: border-box; margin-bottom: 5px;} 
	.con_join_b_ ul li:nth-child(2n){ float: right;} 	
	.con_join_b_ ul li em{ width: 30px; } 
	.con_join_b_ ul li h5{ font-size: 1.2em;  margin: 10px 0px 5px;} 
	.con_join_b_ ul li p{ font-size: 0.8em; } 


	.con_join_e{ margin: 30px auto; width: 88%;  padding: 20px; } 
	.con_join_txt01{ font-size: 1.2em;  padding:0px 0px 10px 0px; } 
	.con_join_txt02{ margin: 10px 0px;} 
	.con_join_txt02 input{  padding: 10px; font-size: 1em; width:100%; } 

	.con_join_txt03{ margin: 10px 0px;} 
	.con_join_txt03 input{ padding: 10px; font-size: 1em; } 

	.con_join_txt04{ margin: 10px 0px;} 
	.con_join_txt04 textarea{ padding: 10px; font-size: 1em;  height: 90px; } 

	.con_join_txt05{ margin: 20px 0px; } 
	.con_join_txt05 input{ padding: 10px;width: 100%; font-size: 1.2em; }

	/*内页-加盟*/


	
	
/*内页-新闻*/ 

.con_news{width: 88%; margin:30px 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; box-sizing: border-box;} 

.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: 10px 0px; } 
.con_news_ ul li div.fl:hover em{ width: 200px;} 
.con_news_ ul li div.fl span{ line-height: 150%; margin-bottom: 10px; } 


.con_news_ ul li div.fr{float: none; width: 100%; height: auto; } 
.con_news_ ul li img{ height: 100%;} 

.con_news_m{ width: 100%; } 
.con_news_m h1{ font-size:1.6em; line-height: 125%; margin-bottom: 10px;} 
.con_news_m h5{ font-size: 1em; } 
.con_news_m #MyContent{ margin: 20px 0px;} 
.con_news_m #MyContent p{ font-size: 1em; line-height: 150%; margin-bottom: 25px;}
.con_news_m #MyContent p img{ width: 100%;  margin: 25px auto; max-width: 100%;} 




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

/*内页-新闻*/


.con_case {  padding: 30px 0px;} 
.con_case_ {width: 88%; } 
.con_case_ ul{  gap:10px 0px;} 
.con_case_ ul li{ width: 100%; } 
.con_case_ ul li img{  height:100%;  } 
.con_case_ ul li p{  font-size: 1em; padding: 10px 0px; } 



	/*内页-联系我们*/

.con_contact{  width:88%; margin:30px auto; } 
.con_contact .fl{ float: none; width:100%;} 
.con_contact .fl ul{} 
.con_contact .fl ul li{ margin-bottom: 20px;}
.con_contact .fl ul li:first-child{ margin-bottom: 30px;}
.con_contact .fl ul li h2{ font-size: 1.5em;}
.con_contact .fl ul li p{ margin-bottom: 5px; font-size: 1.2em;}
.con_contact .fl ul li span{display: inline-block; font-size: 1.2em;}

.con_contact .fr{ float: none; width: 100%; margin-top: 20px;}
.con_contact .fr #dituContent{width: 100%; height: 300px;} 
/*内页-联系我们*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

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

	.bottom_{ width:88%; margin:0 auto;}
	.bottom_link{ padding-bottom:10px; } 
	.bottom_link .fl{ display:none; } 
	.bottom_link .fr{ float: none; margin-top:0px;text-align: center;} 
	.bottom_link .fr strong{font-size: 1.2em; } 

	.bottom_con{ width:88%; padding:10px 0px;}
	.bottom_con .fl{ float:none; text-align: center;} 
	.bottom_con .fl p{font-size: 1.2em; } 
	.bottom_con .fl h3{font-size: 2em; } 
	.bottom_con .fr{ float: none; } 

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




	.bottom_info{ padding:20px 0px;} 
	.bottom_info_{width:88%; font-size: 0.9em; } 
	.bottom_info_ a{font-size: 1em;}  

	/*css black2 style pagination*/

	div.black2 a{padding:2px 7px;margin:1px;} 
	div.black2 a.curr{padding:2px 7px;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);
  }
}