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

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

*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; margin: 0px; padding: 0px; font-family: "微软雅黑"; overflow-x: hidden;} 
h1,h2,h3,h4,h5,h6,strong{} 
a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#84bf31;} 
a:visited {text-decoration:none;color:#000000;} 

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

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

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



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

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

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


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

.nav_{ width:85%; margin:0px auto;  padding:18px 0px; transition: all 0.6s;} 
.nav_l{ float:left; width:33.33%; margin-top: 5px;} 
.nav_l > ul { } 
.nav_l > ul > li {float:left; position:relative; margin-right: 50px;} 
.nav_l > ul > li:last-child{ margin-right: 0px;} 
.nav_l > ul > li > a{ font-size: 18px; font-weight: lighter; color: #FFFFFF;} 
.nav_l > ul > li > a:hover{border-bottom:#FFFFFF 1px solid;padding-bottom: 5px;} 

.nav_logo{float:left; width:33.33%; text-align: center;} 
.nav_logo img{ display: block; width: 230px; margin: 0px auto;} 

.nav_r {float: right;width:33.33%; margin-top: 5px;} 
.nav_r > ul { } 
.nav_r > ul > li {float:right; position:relative; margin-right: 50px;} 
.nav_r > ul > li:first-child{ margin-right: 0px; margin-top: -3px;} 
.nav_r > ul > li > a{ font-size: 18px; font-weight: lighter; color: #FFFFFF;} 
.nav_r > ul > li > a:hover{border-bottom:#FFFFFF 1px solid; padding-bottom: 5px;} 
.nav_r > ul > li > i{ color: #FFFFFF; border: #FFFFFF 1px solid; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; margin-left: 10px;} 

/*内页导航*/
.nav_n{ width:100%; position: fixed; background: #FFFFFF; z-index: 999999; margin: 0px; padding: 0px;transition: all 0.6s; box-shadow: 0px 1px 10px 1px #EEEEEE;} 

.nav_n_{ width:85%; margin:0px auto;  padding:18px 0px; transition: all 0.6s;} 
.nav_n_l{ float:left; width:33.33%; margin-top: 5px;} 
.nav_n_l > ul { } 
.nav_n_l > ul > li {float:left; position:relative; margin-right: 50px;} 
.nav_n_l > ul > li:last-child{ margin-right: 0px;} 
.nav_n_l > ul > li > a{ font-size: 18px; font-weight: lighter; color: #000000;} 
.nav_n_l > ul > li > a:hover{border-bottom:#000000 1px solid;padding-bottom: 5px;} 

.nav_n_logo{float:left; width:33.33%; text-align: center;} 
.nav_n_logo img{ display: block; width: 230px; margin: 0px auto;} 

.nav_n_r {float: right;width:33.33%; margin-top: 5px;} 
.nav_n_r > ul { } 
.nav_n_r > ul > li {float:right; position:relative; margin-right: 50px;} 
.nav_n_r > ul > li:first-child{ margin-right: 0px; margin-top: -3px;} 
.nav_n_r > ul > li > a{ font-size: 18px; font-weight: lighter; color: #000000;} 
.nav_n_r > ul > li > a:hover{border-bottom:#000000 1px solid; padding-bottom: 5px;} 
.nav_n_r > ul > li > i{ color: #000000; border: #000000 1px solid; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; margin-left: 10px;} 


/* 基础样式 */
:root {  --transition-speed: 0.5s;}


/* 全屏下拉菜单样式 */
.dropdown-megamenu {position: fixed; top: 60px; left: 0; width: 100%; background: #FFFFFF;opacity: 0;visibility: hidden;  transform: translateX(-30px); transition: all var(--transition-speed) ease;z-index: 999; padding: 50px 0; box-shadow: 0px 15px 15px -15px #CCCCCC;} 
.dropdown:hover .dropdown-megamenu {opacity: 1; visibility: visible; transform: translateX(0);} 

/* 网格布局 */
.megamenu-a { width:85%; margin:0px auto;}
.megamenu-a .fl{ float: left;border-right: #DDDDDD 1px solid;padding-right: 80px; width: 50%;box-sizing: border-box;} 
.megamenu-a .fc{ float: right; width:45%;} 
.megamenu-a h5{ font-size: 20px; color: #000000; font-weight: lighter;} 
.megamenu-a h6{ clear: both; font-size: 20px; color: #000000; font-weight: lighter; margin-top: 25px; padding-top: 25px; border-top: #DDDDDD 1px solid;}
.megamenu-a ul{ display: flex;flex-wrap:wrap;justify-content: space-between; margin-top: 20px; width: 100%;} 
.megamenu-a ul li{flex: 1; text-align: center;} 
.megamenu-a ul li img{width: 40px;} 
.megamenu-a ul li p{ font-size: 14px;font-weight: lighter; margin-top:5px; color: #000000;} 
.megamenu-a ul li:hover p{color: #84bf31;} 

.megamenu-a .fc .lt{ float: left; width:45%;} 
.megamenu-a .fc .lt img{ width: 100%;height: 360px; object-fit: cover;} 
.megamenu-a .fc .lt p{ font-size: 20px;font-weight: lighter; color: #000000; margin: 10px 0px 12px;} 
.megamenu-a .fc .lt span{display: block;font-size: 16px;font-weight: lighter;color: #999999;} 
.megamenu-a .fc .lt a:hover span{color: #84bf31;} 
.megamenu-a .fc .rt{float: right; width:45%;} 
.megamenu-a .fc .rt .txt{ width: 100%;} 
.megamenu-a .fc .rt .txt p{ font-size: 20px;font-weight: lighter; color: #000000;margin: 10px 0px 12px;} 
.megamenu-a .fc .rt .txt a{display: block;font-size: 16px;font-weight: lighter;color: #999999;} 
.megamenu-a .fc .rt .txt a:hover{color: #84bf31;} 

.slider-top-container {  width: 100%;height: 360px;margin: 0 auto; position: relative;overflow: hidden;}
.slider-top {display: flex; transition: transform 0.5s ease;height: 100%;}
.slider-top img { width: 100%;height: 100%; object-fit: cover;}
.slider-top-nav { position: absolute; bottom: 20px;left: 50%;transform: translateX(-50%);display: flex; gap: 10px;}
.slider-top-nav button { width: 12px;height: 12px; border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.5);cursor: pointer;}
.slider-top-nav button.active {background: #FFFFFF;}



.megamenu-b { width:85%; margin:0px auto;}
.megamenu-b .fl{ float: left; width: 40%;} 
.megamenu-b h5{ font-size: 20px; color: #000000; font-weight: lighter;} 
.megamenu-b h6{ clear: both; font-size: 20px; color: #000000; font-weight: lighter; margin-top: 25px; padding-top: 25px; border-top: #DDDDDD 1px solid;}
.megamenu-b ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; margin-top: 20px; gap:0px 50px;} 
.megamenu-b ul li{ text-align: center;} 
.megamenu-b ul li img{width: 40px;} 
.megamenu-b ul li p{ font-size: 14px;font-weight: lighter; margin-top:5px; color: #000000;} 
.megamenu-b ul li:hover p{color: #84bf31;} 

.megamenu-c { width:85%; margin:0px auto;} 
.megamenu-c ul{ display: flex;flex-wrap:wrap;justify-content:flex-end; gap:0 50px;} 
.megamenu-c ul li{ text-align: center;} 
.megamenu-c ul li img{width: 180px;} 
.megamenu-c ul li p{ font-size: 18px;font-weight: lighter; margin-top:10px;color: #000000;} 
.megamenu-c ul li:hover p{color: #84bf31;} 


.megamenu-d { width:85%; margin:0px auto;}
.megamenu-d ul{ display: flex;flex-wrap:wrap;justify-content:flex-end; gap:0 50px;} 
.megamenu-d ul li{ text-align: center;} 
.megamenu-d ul li img{width: 300px;} 
.megamenu-d ul li p{ font-size: 18px;font-weight: lighter; margin-top:10px;color: #000000;} 
.megamenu-d ul li:hover p{color: #84bf31;} 


.megamenu-e { width:85%; margin:0px auto;}
.megamenu-e ul{ display: flex;flex-wrap:wrap;justify-content:flex-end; gap:0 30px;} 
.megamenu-e ul li{ text-align: center; background: #FCFCFC; padding: 15px; box-sizing: border-box; border-radius: 10px; overflow: hidden;} 
.megamenu-e ul li img{width: 100px;display: block;} 
.megamenu-e > ul > li > span{display: block;font-size: 12px; color: #999999; margin: 5px 0px 2px;} 
.megamenu-e ul li p{ font-size: 16px;font-weight: lighter;color: #000000;}
.megamenu-e ul li:first-child{ padding-top: 35px; text-align: left;} 
.megamenu-e ul li:first-child span{display: block;font-size: 16px;font-weight: lighter; color: #999999;} 
.megamenu-e ul li:first-child h3{ font-size: 24px;font-weight: normal; margin-top:5px;color: #000000;} 
.megamenu-e ul li:hover p{color: #84bf31;} 
.megamenu-e ul li:last-child{padding-top: 35px; text-align: left; } 
.megamenu-e ul li:last-child h5{font-size: 16px;font-weight: lighter;color: #000000; margin-bottom: 10px;} 
.megamenu-e ul li:last-child .i1{display: block;border: #CCCCCC 1px solid; background: none; height: 30px; width: 220px; padding: 5px; box-sizing: border-box;} 
.megamenu-e ul li:last-child .i2{ display: block; background: #84bf31; border: none; margin-top: 5px; color: #FFFFFF;font-size: 16px;font-weight: lighter; padding: 5px 15px; box-sizing: border-box;} 



.megamenu-f { width:85%; margin:0px auto;}
.megamenu-f ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; margin-top: 0px; gap:0px 60px;} 
.megamenu-f ul li{ text-align: center;} 
.megamenu-f ul li img{width: 50px;} 
.megamenu-f ul li p{ font-size: 18px;font-weight: lighter; margin-top:10px; color: #000000;} 
.megamenu-f ul li:hover p{color: #84bf31;} 











/* 为每个菜单项添加延迟动画 */
















/* fullSlide */
.banner-container { width: 100%;height: 990px;position: relative;overflow: hidden;} 
.banner-bg{width: 100%; height: 100%;  background:url(/images/index01.jpg) no-repeat center; background-size: cover;} 


.banner-slide {position: absolute; width: 100%; height: 100%; opacity: 0;transition: opacity 1s ease-in-out;} 
.banner-slide.active { opacity: 1; } 
.banner-slide video, .banner-slide img { width: 100%;height: 100%;object-fit: cover; z-index: 1; position: absolute;} 

.banner-progress-container {position: absolute;bottom: 0px;left: 0;width: 100%;height: 5px;background: rgba(255, 255, 255, 0.3);z-index: 10;}
.banner-progress-bar { height: 100%;background: #FFFFFF; width: 0%;transition: width 0.1s linear;}
.banner-controls { position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);display: flex;z-index: 10;}
.banner-control { width: 15px; height: 15px; border-radius: 50%;background: rgba(255, 255, 255, 0.5);margin: 0 5px; cursor: pointer;transition: all 0.3s ease;}
.banner-control.active { background: rgba(255, 255, 255, 1);transform: scale(1.2);}
.banner-arrow {position: absolute;top: 50%;transform: translateY(-50%); width: 50px;height: 50px;background: rgba(0, 0, 0, 0.3);color: #FFFFFF; display: flex;align-items: center; justify-content: center;border-radius: 50%;cursor: pointer;z-index: 99; font-size: 20px;user-select: none;opacity: 0;transition: opacity 0.3s ease;}
.banner-container:hover .banner-arrow {opacity: 1;}
.banner-arrow.prev { left: 10px;} 
.banner-arrow.next {right: 10px;} 

.banner-txt1{ width: 100%; height: 800px; padding-top: 180px; box-sizing: border-box; text-align: center; position: absolute; z-index: 99; background: url(/images/bg01.png) no-repeat center top;} 
.banner-txt1_tit{width: 85%; margin: 0px auto; text-align: center;} 
.banner-txt1_tit h3{ color: #000000; font-size: 50px; font-weight: normal; line-height: 100%;letter-spacing: 3px;} 
.banner-txt1_tit p{color: #000000; font-size: 18px;font-weight: lighter; margin: 20px 0px 0px;}  

.banner-txt1_txt{width: 60%; margin: 50px auto; } 
.banner-txt1_txt ul{ display: flex; flex-wrap:wrap; justify-content: space-between; margin: 30px 0px;} 
.banner-txt1_txt ul li{ text-align: center;} 
.banner-txt1_txt ul li h3{ font-size: 24px; color: #000000;} 
.banner-txt1_txt ul li h3 span{display:inline-block; font-size: 48px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.banner-txt1_txt ul li p{font-size: 18px;color: #000000;font-weight: lighter; margin-top: 10px;} 

.banner-txt1_a{width: 85%; margin: 80px auto 0px; text-align: center;} 
.banner-txt1_a a{display:inline-block; width: 200px; font-size: 16px; font-weight: lighter; color: #000000; text-align: center; margin: 0px  20px; padding: 12px 0px; border: #000000 1px solid; border-radius: 15px;} 
.banner-txt1_a a:hover{background: #84bf31;border: #84bf31 1px solid; color: #FFFFFF;}

.banner-txt2{ position: absolute; z-index: 20;width: 100%; text-align: center; top: 22.5%;} 
.banner-txt2 h3{ font-size: 60px; color: #FFFFFF; font-weight: normal;letter-spacing: 3px;} 
.banner-txt2 h5{ font-size: 55px; color: #000000;font-weight: normal;letter-spacing: 5px;} 

.banner-txt3{ position: absolute; z-index: 20;width: 100%; text-align: center; top: 25%;} 
.banner-txt3 h3{ font-size: 50px; color: #FFFFFF; letter-spacing: 5px;} 
.banner-txt3 p{ font-size: 24px;font-weight: lighter; color: #FFFFFF; margin: 15px 0px 30px;} 
.banner-txt3 a{display:inline-block; width: 160px; font-size: 16px; font-weight: lighter; color: #FFFFFF; text-align: center; margin: 0 auto; padding: 12px 0px; border: #FFFFFF 1px solid; border-radius: 15px;} 
.banner-txt3 a:hover{background: #84bf31;border: #84bf31 1px solid;} 







.main_info{ width: 100%; height: 1000px; margin: 0px; position: relative; overflow: hidden; background:url(/images/index02.jpg) no-repeat center; background-size: cover;} 

.main_info_video{ width: 100%; height: 100%; position: absolute; z-index: 1;} 
.main_info_video video{ width: 100%; height: 100%; object-fit: cover;} 

.main_info_{ position: absolute; z-index: 20;width: 100%; text-align: center; top: 20%;} 
.main_info_ h3{ font-size: 50px; color: #FFFFFF;} 
.main_info_ p{ font-size: 26px;font-weight: lighter; color: #EEEEEE; margin: 20px 0px 120px;} 
.main_info_ a{ display: inline-block; width: 160px; font-size: 20px; font-weight: lighter; color: #FFFFFF; text-align: center; margin: 0 auto; padding: 10px 0px; border: #FFFFFF 1px solid; border-radius: 15px;} 
.main_info_ a:hover{ background: #84bf31;border: #84bf31 1px solid;} 
.main_info_ a:nth-of-type(2){ margin-left: 50px;} 






.main_a{width: 85%; margin: 50px auto 0px; text-align: center;} 
.main_a a{display:inline-block; width: 160px; font-size: 18px; font-weight: lighter; color: #000000; text-align: center; margin: 0 auto; padding: 12px 0px; border: #000000 1px solid; border-radius: 15px;} 
.main_a a:hover{background: #84bf31;border: #84bf31 1px solid; color: #FFFFFF;} 

.main_pro_a{ width: 100%; padding: 100px 0px;  margin: 0px; background:#F2F2F2;} 

.main_pro_a_tit{width: 85%; margin: 0px auto; text-align: center;} 
.main_pro_a_tit h3{ color: #000000; font-size: 40px;line-height: 100%;} 
.main_pro_a_tit p{color: #666666; font-size: 18px;font-weight: lighter; margin: 20px 0px 0px;} 

.main_pro_a_{width: 85%; margin: 50px auto 0px;} 
.main_pro_a_ .fl{ float: left; width: 29%; height: 700px; border-radius:20px; position: relative;overflow: hidden;} 
.main_pro_a_ .fl img{ position: absolute;width:100%; height: 100%; object-fit: cover; z-index: 9;} 
.main_pro_a_ .fl div{ position: absolute; z-index: 999;width:100%; text-align: center; padding: 50px; box-sizing: border-box;} 
.main_pro_a_ .fl div h5{ font-size: 28px; color: #FFFFFF;font-weight: normal;} 
.main_pro_a_ .fl div p{font-size: 18px;color: #FFFFFF;font-weight: lighter; margin-top: 10px; line-height: 150%;} 

.main_pro_a_ .fc{ float: left; width: 22.4%; margin-left: 1.2%;} 
.main_pro_a_ .fz{ float: left; width: 22.4%;margin-left: 1.2%;} 
.main_pro_a_ .fr{ float: right; width:22.6%;} 
.main_pro_a_ ul{} 
.main_pro_a_ ul li{ background: #FFFFFF; border-radius:20px; overflow: hidden; width: 100%;padding:30px; box-sizing: border-box;} 
.main_pro_a_ .fc ul li:first-child{ height: 240px;margin-bottom: 5%;} 
.main_pro_a_ .fc ul li:last-child{margin-bottom:0; height: 442px;} 
.main_pro_a_ .fz ul li:first-child{ height: 442px;margin-bottom: 5%;} 
.main_pro_a_ .fz ul li:last-child{margin-bottom:0; height: 240px;} 
.main_pro_a_ .fr ul li:first-child{ height: 240px;margin-bottom: 5%;} 
.main_pro_a_ .fr ul li:last-child{margin-bottom:0; height: 442px;} 
.main_pro_a_ ul li p{ font-size: 18px;font-weight: lighter; } 
.main_pro_a_ ul li img{display: block;width: 90%; margin: 0 auto; } 




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

.main_pro_b_tit{width: 85%; margin: 0px auto; text-align: center;}
.main_pro_b_tit h3{ color: #000000; font-size: 40px;line-height: 100%;} 
.main_pro_b_tit p{color: #666666; font-size: 18px;font-weight: lighter; margin: 20px 0px 0px;} 

.main_pro_b_{width: 85%; margin: 50px auto 0px;} 
.main_pro_b_ .fl{ float: left; width: 40%; height:470px; border-radius:20px;overflow: hidden;} 
.main_pro_b_ .fl img{ width:100%; height: 100%; object-fit: cover; z-index: 9;} 

.main_pro_b_ .fr{ float: right; width: 59%;} 
.main_pro_b_ .fr ul{} 
.main_pro_b_ .fr ul li{ float: left; background: #F2F2F2; border-radius:20px; overflow: hidden; width: 32.66%;height: 231px; margin-right: 1%; padding: 20px; box-sizing: border-box; margin-bottom: 1%;} 
.main_pro_b_ .fr ul li:nth-child(3n){ float: right; margin-right: 0;} 
.main_pro_b_ .fr ul li p{ font-size: 18px;font-weight: lighter; } 
.main_pro_b_ .fr ul li img{display: block;width: 90%; margin: 0 auto;} 




.main_pro{ width: 100%; margin: 100px 0px 80px; padding:0px;} 
.main_pro_tit{width: 85%; margin: 0px auto; text-align: center;}
.main_pro_tit h3{ color: #000000; font-size: 40px;line-height: 100%;} 
.main_pro_tit p{color: #666666; font-size: 18px;font-weight: lighter; margin: 20px 0px 0px;} 

.silder-box-1{ width:100%; margin: 50px auto 0px; position: relative;} 
.main_pro_{width: 85%;margin:0px auto;} 
.main_pro_ ul{} 
.main_pro_ ul li{ width: 390px; height: 300px; border-radius:20px; overflow: hidden;background: #F2F2F2;padding:30px; box-sizing: border-box;} 
.main_pro_ ul li p{font-size: 18px;font-weight: lighter;} 
.main_pro_ ul li img{ width: 100%;} 

.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:4%; top:42%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center;font-size: 28px; color: #999999;} 
.silder-button-1.btl:hover{background: #84bf31;border: #84bf31 1px solid;  color: #FFFFFF;} 
.silder-button-1.btr{right:4%;top:42%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center;font-size: 28px; color: #999999;} 
.silder-button-1.btr:hover{background: #84bf31;border: #84bf31 1px solid;  color: #FFFFFF; } 






.main_honor{ width: 100%; margin: 80px 0px; padding:0px; position: relative;} 
.media-container { width: 100%;height: 820px; position: relative; overflow: hidden; z-index: 1;}
#myVideo, #myImage {width: 100%;height: 100%; object-fit: cover;position: absolute;top: 0;left: 0;transition: opacity 0.5s ease;}
#myImage {opacity: 0;pointer-events: none;}
#myImage img{ width: 100%; height: 100%; object-fit: cover;} 
#myImage div{ position: absolute; width: 100%; text-align: center; top: 15%; z-index: 99;} 
#myImage div h5{ font-size: 36px; color: #000000;} 
#myImage div p{ font-size: 18px;font-weight: lighter; color: #333333; margin: 15px 0px 30px;} 
#myImage div a{display:inline-block; width: 160px; font-size: 16px; font-weight: lighter; color: #333333; text-align: center; margin: 0 auto; padding: 12px 0px; border: #333333 1px solid; border-radius: 15px;} 
#myImage div a:hover{background: #84bf31;border: #84bf31 1px solid; color: #FFFFFF;} 
.controls {position: absolute; z-index: 10; bottom: 50px; width: 100%; text-align: center;}
.controls button { padding: 10px 0px; width: 180px; font-size: 18px; font-weight:lighter; background: none; border: #FFFFFF 1px solid; border-radius: 15px; color: #FFFFFF;cursor: pointer;transition: background 0.3s;}
.controls button:hover {background: #84bf31; border: #84bf31 1px solid;color: #FFFFFF;}



.main_news{ width: 100%; margin: 80px 0px;} 
.main_news_tit{  width: 85%; margin: 0px auto; text-align: center;} 
.main_news_tit h3{ font-size: 36px; color: #000000;} 
.main_news_tit p{ font-size: 18px;font-weight: lighter; color: #333333; margin: 15px 0px 30px;} 


.main_news_{ width: 85%; margin: 50px auto;} 
.main_news_ .fl{float: left;width: 28%; margin-right:1.2%; background: #F2F2F2;border-radius: 20px;overflow: hidden;}  
.main_news_ .fl .img{ width: 100%; height:280px; overflow: hidden;} 
.main_news_ .fl .img img{ width: 100%; height:100%; object-fit: cover;} 
.main_news_ .fl .txt{width: 100%; height: 200px; padding: 30px; box-sizing: border-box;} 
.main_news_ .fl .txt h5{ font-size: 18px; font-weight: normal; width: 90%; line-height: 125%;} 
.main_news_ .fl .txt h5 a:hover{color:#84bf31;} 
.main_news_ .fl .txt span{display: block; font-size: 14px; margin: 10px 0px 15px;color: #999999;} 
.main_news_ .fl .txt p{font-size: 14px;line-height: 150%; color: #999999;font-weight: lighter;} 
.main_news_ .fr{float: right;width: 41.6%; height: 480px; background: #F2F2F2;border-radius: 20px; padding: 50px; box-sizing: border-box;  overflow: hidden;} 
.main_news_ .fr ul{ } 
.main_news_ .fr ul li{ padding-bottom: 30px;}
.main_news_ .fr ul li:last-child{ padding-bottom: 0px;} 
.main_news_ .fr ul li img{ display: block; float: left;width: 30%; height: 105px; object-fit: cover;} 
.main_news_ .fr ul li div{ float: right; width: 65%;} 
.main_news_ .fr ul li h5{ font-size: 16px; font-weight: normal; }
.main_news_ .fr ul li p{font-size: 12px;line-height: 150%; color: #666666;margin: 5px 0px;font-weight: lighter;}
.main_news_ .fr ul li span{display: block; font-size: 12px; color: #999999;}
.main_news_ .fr ul li a:hover h5{color:#84bf31;} 









/********************************20250725首页************************************/








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


.n_banner{ width:100%;margin: 0px; padding: 0px; text-align: center; position: relative;} 
.n_banner img{width: 100%; display: block; margin: 0 auto;z-index: 9;} 
.n_banner div{ position: absolute; z-index: 9999; width: 100%; text-align: center; top: 400px;} 
.n_banner div h5{color: #FFFFFF; font-size: 50px;font-weight: lighter;}
.n_banner div em{display: block; background: #84bf31; height: 3px; border-radius: 2px; width: 80px; margin: 20px auto 0px;}




.con_about_a{width:1280px;  margin: 50px auto 0px;  z-index: 99; } 
.con_about_a .fl{ float: left; width: 35%; margin-top: 36px;} 
.con_about_a .fl p{ font-size: 50px; color:#FFFFFF;font-weight: lighter; text-transform: uppercase; opacity: 0.2;} 
.con_about_a .fl h5{font-size: 66px; color: #FFFFFF; font-weight: normal; margin-bottom:150px;} 
.con_about_a .fl img{ width: 100%;} 
.con_about_a .fr{ float: right; width: 55%;} 
.con_about_a .fr p{ color: #000000;font-weight: lighter;margin: 30px 0px; line-height: 175%; font-size:18px; text-align: justify;} 

.con_about_a_info{width:1280px; margin: 0px auto; padding: 0;} 
.con_about_a_info ul{ display: flex; flex-wrap:wrap; justify-content: space-between; margin: 30px 0px;} 
.con_about_a_info ul li{ text-align: center;} 
.con_about_a_info ul li h3{ font-size: 24px; color: #000000;font-weight: lighter; } 
.con_about_a_info ul li h3 span{display:inline-block; font-size: 50px;} 
.con_about_a_info ul li p{font-size: 18px;color: #000000;font-weight: lighter; margin-top: 10px;} 



.con_about_b{  width: 100%; height:750px; margin: 100px 0px; background:url("/images/a02.jpg") no-repeat center; } 
.con_about_b_{width: 100%; margin: 0px; padding: 0px;} 
.con_about_b_ ul{display: flex;} 
.con_about_b_ ul li{ flex:1; height: 750px; border-right: #FFFFFF 1px solid; text-align: center; padding: 300px 100px 0px 100px; box-sizing: border-box; transition: all 0.6s;} 
.con_about_b_ ul li h5{ font-size: 50px;color: #FFFFFF;font-weight: lighter;  margin-bottom: 150px;transition: all 0.6s;} 
.con_about_b_ ul li p{ color: #FFFFFF; font-size: 20px; font-weight: lighter;line-height: 175%; opacity: 0;transition: all 0.6s;} 

.con_about_b_ ul li:hover{ background: rgba(0,0,0,0.5);padding: 200px 100px 0px 100px;} 
.con_about_b_ ul li:hover h5{ margin-bottom: 30px;} 
.con_about_b_ ul li:hover p{opacity: 0.8;} 





.about-container {position: relative; width: 100%;height: 900px;overflow: hidden; margin: 100px 0px;}

.about-slider { display: flex;width: 300%; /* 三张图片的宽度 */height: 100%;transition: transform 0.5s ease-in-out;}
.about-slide { width: 33.333%; /* 每张图片占1/3宽度 */height: 100%;flex-shrink: 0;}
.about-slide img {width: 100%; height: 100%;object-fit: cover;}
.about-controls {position: absolute; bottom: 20px;left: 50%;transform: translateX(-50%); display: flex;gap: 10px;}
        
.about-control-btn {width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);border: none;cursor: pointer;transition: background-color 0.3s;}
.about-control-btn.active {background-color: white;}
.about-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.3);color: #FFFFFF;border: none;border-radius: 50%;font-size: 20px;cursor: pointer;display: flex;justify-content: center;align-items: center;transition: background-color 0.3s;}
.about-btn:hover {background-color: rgba(0, 0, 0, 0.5);}
.about-prev {left: 20px;}
.about-next {right: 20px;}


.con_about_d{width:100%; position: absolute; z-index: 9999; text-align: center; top:15%;}
.con_about_d_tit{ text-align: center;} 
.con_about_d_tit h5{ font-size:40px; color: #000000;font-weight: lighter;} 
.con_about_d_tit em{ display: block; background: #84bf31; height: 3px; border-radius: 2px; width: 80px; margin: 20px auto 0px; } 
.con_about_d_info{width:800px; margin: 0px auto; padding: 0;} 
.con_about_d_info ul{ display: flex; flex-wrap:wrap; justify-content: space-between;margin: 30px 0px;} 
.con_about_d_info ul li{flex:1; text-align: center;  padding: 0px 30px; box-sizing: border-box; border-radius: 20px;} 
.con_about_d_info ul li h3{ font-size: 24px; color: #000000;font-weight: lighter; } 
.con_about_d_info ul li h3 span{display:inline-block; font-size: 50px;} 
.con_about_d_info ul li p{font-size: 18px;color: #000000;font-weight: lighter; margin-top: 10px;} 






.timeline-container {width: 1380px;margin: 0 auto; position: relative;}

.con_about_c_tit{ text-align: center;} 
.con_about_c_tit h5{ font-size:40px; color: #000000;font-weight: lighter;} 
.con_about_c_tit em{ display: block; background: #84bf31; height: 3px; border-radius: 2px; width: 80px; margin: 20px auto 0px; } 

.timeline-wrapper { position: relative; overflow: hidden;}
.timeline {display: flex;transition: transform 0.5s ease;padding: 50px 50px 20px 50px;position: relative; }
.timeline-item { width: 305px;padding: 0 50px; position: relative;flex-shrink: 0;}
.timeline-date { color: #000000;text-align: center; font-weight: lighter; margin: 0 auto 25px; font-size:50px;}   
.timeline-content {padding: 30px;background: #FFFFFF; border-radius: 8px;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); position: relative;text-align: center; }
.timeline-content h2{font-size: 20px; color: #000000;font-weight: normal; margin-bottom: 15px;} 
.timeline-content p{font-size: 18px; color: #333333;font-weight: lighter; line-height: 175%;} 
.timeline-content::after {content: ''; position: absolute; right: -10px;top: 50%;margin-top: -10px; width: 0; height: 0;border-left: 10px solid #84bf31;border-top: 10px solid transparent;   border-bottom: 10px solid transparent;     }
.timeline-content:hover{background: #84bf31;} 
.timeline-content:hover h2{color: #FFFFFF;} 
.timeline-content:hover p{color: #FFFFFF;} 

.nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            z-index: 10;
            border: none;
            font-size: 20px;
            color: #84bf31;
}
        
.nav-arrow:hover {  background-color: #84bf31;color: white;}
.nav-arrow.prev { left: 10px;}
.nav-arrow.next {right: 10px;}
.nav-arrow.disabled { opacity: 0.5;cursor: not-allowed;background-color: rgba(255, 255, 255, 0.5);}
.timeline-indicators {display: flex;justify-content: center;margin-top: 0px;} 
.indicator { width: 12px;height: 12px;border-radius: 50%; background-color: #ccc;margin: 0 5px;cursor: pointer; transition: background-color 0.3s;}
.indicator.active {background-color: #84bf31;}
        




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

.con_about_c_info{width:880px; margin: 0px auto; padding: 0;} 
.con_about_c_info ul{ display: flex; flex-wrap:wrap; justify-content: space-between;margin: 30px 0px;} 
.con_about_c_info ul li{flex:1; text-align: center;  padding: 0px 30px; box-sizing: border-box; border-radius: 20px;} 
.con_about_c_info ul li h3{ font-size: 18px; color: #000000;font-weight: lighter; } 
.con_about_c_info ul li p{font-size: 28px;color: #000000;font-weight: lighter; margin-top: 10px;} 

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

.slider-container {position: relative; width: 1280px; margin: 0 auto;}
.slider-wrapper { overflow: hidden; margin: 0 40px; /* 为箭头留出空间 */}
.slider-track {  display: flex;  transition: transform 0.5s ease;}
.card {  flex: 0 0 calc(33.333% - 20px);  min-width: calc(33.333% - 20px);  margin: 0 10px;  box-shadow: 0 4px 8px rgba(0,0,0,0.1);  border-radius: 8px;  overflow: hidden;  background: #FFFFFF;  transition: all 0.3s ease;}
.card img {  width: 100%;  height: 280px;  object-fit: cover;}
.card .content {  padding: 15px; text-align: center;}
.card p {  color: #666666;  font-size: 16px; font-weight: lighter;}
.slider-arrow {  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 40px;  height: 40px;  border-radius: 50%;  border: #333333 1px solid; color: #333333;
font-size: 18px;  cursor: pointer;  z-index: 10;  display: flex;  align-items: center;  justify-content: center;}
.slider-arrow:hover { color:#FFFFFF;background-color:#84bf31; border: #84bf31 1px solid; }
.slider-arrow:disabled {  opacity: 0.3;  cursor: not-allowed;}
.prev-arrow {  left: 0;}
.next-arrow {  right: 0;}










.con_about_e{width:100%; margin: 80px 0px;} 
.con_about_e_tit{ text-align: center;} 
.con_about_e_tit h5{ font-size:40px; color: #000000;font-weight: lighter;} 
.con_about_e_tit em{ display: block; background: #84bf31; height: 3px; border-radius: 2px; width: 80px; margin: 20px auto 0px; } 

.con_about_e_info{width:800px; margin: 0px auto; padding: 0;} 
.con_about_e_info ul{ display: flex; flex-wrap:wrap; justify-content: space-between;margin: 30px 0px;} 
.con_about_e_info ul li{flex:1; text-align: center;  padding: 0px 30px; box-sizing: border-box; border-radius: 20px;} 
.con_about_e_info ul li h3{  font-size: 28px;color: #000000;font-weight: lighter; } 
.con_about_e_info ul li p{font-size: 18px;color: #000000;font-weight: lighter; margin-top: 10px;} 

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







.con_pro{width:100%;margin:0px; padding: 0;}
.con_pro_{width:1280px; padding: 80px 0px;  margin:0px auto; border-bottom: #EEEEEE 1px solid;} 

.con_pro_menu{margin: 0px auto;} 
.con_pro_menu h3{ float: left; font-size: 40px; color: #000000;} 
.con_pro_menu ul{ margin-top: 15px; float: right;display: flex; flex-wrap:wrap; justify-content:flex-end; gap:35px;} 
.con_pro_menu ul li{} 
.con_pro_menu ul li a{font-size: 18px;  font-weight: lighter;} 
.con_pro_menu ul li a:hover{color: #84bf31;} 

.con_pro_con{ margin:35px auto 0px;} 
.con_pro_con ul{display: flex; flex-wrap:wrap; justify-content:flex-start; gap:50px 15px;} 
.con_pro_con ul li{ width: 32.5%;} 
.con_pro_con ul li div{padding: 20px; height: 310px; box-sizing: border-box; background:#FCFCFC;} 
.con_pro_con ul li div img{ width: 100%; height: 100%; object-fit: contain;} 
.con_pro_con ul li h5 {font-size: 18px; color: #000000; margin:20px 0px 10px;} 
.con_pro_con ul li:hover div{ box-shadow: 0 0 10px 1px #EEEEEE;} 

.con_pro_a{ margin: 35px auto 0px; width: 1280px;} 
.con_pro_a a{ font-size: 28px; font-weight: lighter;} 






.con_pro_list{width:100%;margin:0px; padding: 100px 0px; background: #F9F9F9;} 

.con_pro_list_{ width: 78%; margin: 0 auto;} 
.con_pro_tit h3{display: inline-block;font-weight: lighter;} 
.con_pro_tit h3 a{font-size: 36px; color: #000000;} 
.con_pro_tit h3 a:hover{ color: #84bf31;} 

.con_pro_list_menu{margin: 30px auto 50px;} 
.con_pro_list_menu ul{ display: flex; flex-wrap:wrap; justify-content:flex-start; gap:20px;} 
.con_pro_list_menu ul li{} 
.con_pro_list_menu ul li a{display: inline-block;font-size: 20px;  font-weight: lighter; background: #F2F2F2; padding: 10px 30px; border-radius:10px;} 
.con_pro_list_menu ul li a:hover{background: #84bf31; color: #FFFFFF;} 

.con_pro_list_menu_a{margin: -30px auto 50px; padding-top: 20px; border-top: #EEEEEE 1px solid;} 
.con_pro_list_menu_a ul{ display: flex; flex-wrap:wrap; justify-content:flex-start; gap:20px;} 
.con_pro_list_menu_a ul li{} 
.con_pro_list_menu_a ul li a{display: inline-block;font-size: 20px;  font-weight: lighter; background: #F2F2F2; padding: 10px 30px; border-radius:10px;} 
.con_pro_list_menu_a ul li a:hover{background: #84bf31; color: #FFFFFF;} 

.con_pro_list_con{ margin:35px auto 0px;} 
.con_pro_list_con ul{display: flex; flex-wrap:wrap; justify-content:flex-start; gap:20px; margin-bottom: 50px;} 
.con_pro_list_con ul li{ width: 32.33%; background:#FFFFFF; border-radius: 15px; overflow: hidden;padding: 20px; box-sizing: border-box; text-align: center;} 
.con_pro_list_con ul li img{ width: 100%; height: 315px; object-fit: cover;} 
.con_pro_list_con ul li h5 {font-size: 20px; color: #000000; margin:20px 0px 10px; font-weight: lighter;} 
.con_pro_list_con ul li p {font-size: 16px; color:#666666;font-weight: lighter;} 
.con_pro_list_con ul li:hover div{ box-shadow: 0 0 10px 1px #EEEEEE;} 

.con_ser_{ margin-top: 50px;} 
.con_ser_ h5{font-size: 28px;font-weight: lighter; color: #000000; margin-bottom: 10px;} 
.con_ser_ .i1{border: #CCCCCC 1px solid; background: none; height: 50px; width: 500px; padding: 5px; box-sizing: border-box;} 
.con_ser_ .i2{background: #84bf31; border: none;  color: #FFFFFF;font-size: 16px;font-weight: lighter; padding: 5px 30px; height: 50px; box-sizing: border-box; margin-top: -5px;} 
.con_ser_txt{ font-size: 20px; color: #000000; margin:20px 0px; font-weight: lighter;} 

.con_pro_m{width:100%;margin:0px; padding: 100px 0px 0px;} 
.con_pro_m_{width: 78%; margin: 80px auto;} 

.con_pro_m_menu{width: 78%; margin: 80px auto 50px;} 
.con_pro_m_menu h2{font-size: 50px; color: #000000; margin:0px 0px 20px; font-weight: lighter;} 
.con_pro_m_menu ul{ display: flex; flex-wrap:wrap; justify-content:flex-start; gap:20px;} 
.con_pro_m_menu ul li{} 
.con_pro_m_menu ul li a{display: inline-block;font-size: 20px;  font-weight: lighter; background: #F2F2F2; padding: 10px 30px; border-radius:10px;} 
.con_pro_m_menu ul li a:hover{background: #84bf31; color: #FFFFFF;} 

.con_pro_m_ .fl{float: left;width: 50%; overflow: hidden; background: #FCFCFC;} 
.con_pro_m_ .fl img{ width: 100%;} 

.con_pro_m_ .fr { float: right; width: 40%;} 
.con_pro_m_ .fr h1{ font-size: 40px; font-weight: normal;} 
.con_pro_m_ .fr h6{ font-size: 24px; font-weight: lighter;} 
.con_pro_m_ .fr p{ font-size: 20px; font-weight: lighter; margin: 20px 0px;} 

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

.con_pro_more_tit{ width: 78%; text-align: center; margin: 0 auto 50px;} 
.con_pro_more_tit h5{ font-size:40px; color: #000000;font-weight: lighter;} 
.con_pro_more_tit em{ display: block; background: #84bf31; height: 3px; border-radius: 2px; width: 80px; margin: 20px auto 0px; } 

.con_pro_more ul{display: flex; flex-wrap:wrap; justify-content:flex-start; gap:20px; width: 78%; margin: 0 auto;} 
.con_pro_more ul li{ width: 32.33%; background:#FFFFFF; border-radius: 15px; overflow: hidden;padding: 20px; box-sizing: border-box; text-align: center;} 
.con_pro_more ul li img{ width: 100%; height: 275px; object-fit: cover;} 
.con_pro_more ul li h5 {font-size: 18px; color: #000000; margin:20px 0px 10px; font-weight: lighter;} 
.con_pro_more ul li p {font-size: 16px; color:#666666;font-weight: lighter;} 
.con_pro_more ul li:hover div{ box-shadow: 0 0 10px 1px #EEEEEE;} 







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

.con_ser_tit{ width: 78%; margin: 0 auto;} 
.con_ser_tit h3{display: inline-block; margin-right: 30px;font-weight: lighter;font-size: 36px; color: #000000;} 









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



.con_case_menu{margin: 80px auto 50px; width: 78%;} 
.con_case_menu h5{font-size: 50px; color: #000000; margin:0px 0px 30px; font-weight: lighter;} 
.con_case_menu ul{ display: flex; flex-wrap:wrap; justify-content:flex-start; gap:20px;} 
.con_case_menu ul li{} 
.con_case_menu ul li a{display: inline-block;font-size: 20px;  font-weight: lighter; background: #F2F2F2; padding: 10px 30px; border-radius:10px;} 
.con_case_menu ul li a:hover{background: #84bf31; color: #FFFFFF;} 

.con_case_{margin: 0px auto; width: 78%;} 
.con_case_ ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:70px 40px; margin-bottom: 50px;} 
.con_case_ ul li { position: relative;} 
.con_case_ ul li div{ width: 465px; height: 280px; overflow: hidden;} 
.con_case_ ul li div img{   width: 100%; height: 100%; object-fit: cover; z-index: 9;} 
.con_case_ ul li div i{ position: absolute; display: block; z-index: 99;color:#FFFFFF; opacity: 0.5; top: 35%; left: 45%;} 
.con_case_ ul li p{ font-size: 22px; color: #000000; margin-top: 15px; font-weight: lighter;} 








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

.con_news_{ width: 75%; margin: 60px auto; border-radius: 10px; overflow: hidden;} 
.con_news_ .fl{ float: left; width: 35%; height: 300px;} 
.con_news_ .fl img{ width: 100%; height: 100%; object-fit: cover;} 
.con_news_ .fr{ float: right; background: #FFFFFF; width: 65%;height: 300px; padding: 50px; box-sizing: border-box;} 
.con_news_ .fr h5{} 
.con_news_ .fr h5 a{font-size: 28px; color: #000000;font-weight: normal;line-height: 125%;} 
.con_news_ .fr h5 a:hover{ color: #84bf31;} 
.con_news_ .fr p{font-size: 18px; color:#666666;font-weight: lighter; margin:25px 0px; line-height: 150%;} 
.con_news_ .fr span{ display: inline-block;font-size: 18px; color:#666666;font-weight: lighter;} 
.con_news_ .fr > a{display: inline-block; margin-left: 20px;font-size: 18px; color:#84bf31;font-weight: lighter;} 
.con_news_ .fr > a:hover{ color: #000000;} 







.con_news_m{width:100%;margin:0px; padding: 200px 0px 0px;} 
.con_news_m_{ width: 1200px;  margin: 0 auto 80px;} 

.con_news_m_ .tit{ padding-bottom: 30px; border-bottom: #EEEEEE 1px solid;} 
.con_news_m_ .tit h6{font-size: 18px; color:#666666;font-weight: lighter;} 
.con_news_m_ .tit h1{font-size: 36px; color:#000000;font-weight:normal; line-height: 125%;} 
.con_news_m_ .tit p{font-size: 18px; color:#666666;font-weight: lighter;} 
.con_news_m_ .tit p span{ display: inline-block; margin-right: 20px;} 

.con_news_m_ .con p{font-size: 18px; color:#000000;font-weight: lighter; line-height: 175%; margin: 35px 0px;word-wrap: break-word;}
.con_news_m_ .con img{ max-width: 1200px;} 


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

.con_news_more_tit{ width: 78%; text-align: center; margin: 0 auto 50px;} 
.con_news_more_tit h5{ font-size:40px; color: #000000;font-weight: lighter;} 
.con_news_more_tit em{ display: block; background: #84bf31; height: 3px; border-radius: 2px; width: 80px; margin: 20px auto 0px; } 

.con_news_more ul{ width: 1200px; margin: 0 auto;} 
.con_news_more ul li{ margin:15px 0px;} 
.con_news_more ul li a {display: inline-block;font-size: 20px; color: #000000; font-weight: lighter;} 
.con_news_more ul li span {display: inline-block; font-size: 18px; color:#666666;font-weight: lighter; margin-left: 20px;} 
.con_news_more ul li a:hover{color:#84bf31;} 




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

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

.con_contact_ ul{ display: flex;flex-wrap:wrap; gap:20px;} 
.con_contact_ ul li{ width: 49%; background: #FFFFFF; text-align: center; padding: 50px 0px; border-radius: 10px; overflow: hidden;} 
.con_contact_ ul li img{ width: 90px;} 
.con_contact_ ul li p{font-size: 18px; font-weight: lighter;color: #666666;margin-top:15px;} 
.con_contact_ ul li h3{font-size: 36px;font-weight: lighter;margin-top:15px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 
.con_contact_ ul li h5{font-size: 24px; font-weight: lighter; margin-top: 20px;} 
.con_contact_map{  width:100%; margin: 80px auto 0px;} 
#dituContent{width: 100%; height: 600px;} 
.con_contact_ ul li:hover{ background: #EEEEEE;} 


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



.videolist:hover{ cursor: pointer; }
.videos{ display:none; width: 100%; height: 100%;  background: rgba(0,0,0,0.85); position:fixed; left:0; top:0;z-index:999999; box-sizing: border-box; text-align: center;}
.videos video{ width: 1200px; height: 675px; border:#000000 15px solid;background: rgba(0,0,0,0.95);  position: relative;top:50%;transform:translateY(-50%);} 
.vclose { position:absolute;right:15%; top:10%; cursor: pointer; }


.bottom{ width:100%; background:#F2F2F2; margin: 0px; padding:50px 0px;}
.bottom_{ width:85%; margin:0px auto;}

.bottom_l{ float: left;} 
.bottom_l ul{ display: flex; flex-wrap:wrap; justify-content: space-between; gap:50px;} 
.bottom_l ul li{} 
.bottom_l ul li h5{ font-size: 18px; color: #000000; margin-bottom: 15px; font-weight: normal;} 
.bottom_l ul li p { margin: 8px 0px;} 
.bottom_l ul li p a{ font-size: 14px; color: #666666;} 
.bottom_l ul li p a:hover{ color: #84bf31;} 

.bottom_r{ float: right;} 
.bottom_r ul{ display: flex; flex-wrap:wrap; justify-content: space-between; gap:20px;} 
.bottom_r ul li{ text-align: center;} 
.bottom_r ul li img{ width:100px;} 
.bottom_r ul li span{display: block;font-size: 12px; color: #999999; margin: 5px 0px 2px;} 
.bottom_r ul li p{ font-size: 14px; color: #000000;} 


.bottom_b{ width: 85%; text-align: center;margin:20px auto 0px;padding: 20px 0px 0px; font-size: 14px; border-top:#DDDDDD 1px solid; color: #999999;text-transform: uppercase;} 
.bottom_b a{ color: #999999;} 
.bottom_b a:hover{color: #84bf31;} 


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

/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center; margin-bottom: 50px;}
div.black2 a{border:#CCCCCC 1px solid;padding:8px 16px;margin:1px;color:#666666;text-decoration:none; font-size: 20px; font-weight: lighter; border-radius: 5px;}
div.black2 a:hover{color:#FFFFFF;background-color:#84bf31;border:#84bf31 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#84bf31;border:#84bf31 1px solid;}
div.black2 a.curr{padding:8px 16px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#84bf31;border:#84bf31 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 

#fenye{padding:10px;margin:10px;text-align:center; margin-bottom: 50px;}
#fenye a{border:#CCCCCC 1px solid;padding:8px 16px;margin:1px;color:#666666;text-decoration:none; font-size: 20px; font-weight: lighter; border-radius: 5px;}
#fenye a:hover{color:#FFFFFF;background-color:#84bf31;border:#84bf31 1px solid;}
#fenye a:active{color:#FFFFFF;background-color:#84bf31;border:#84bf31 1px solid;}
#fenye a.curr{padding:8px 16px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#84bf31;border:#84bf31 1px solid;} 
#fenye a.curr font{ color: #FFFFFF;} 

@media screen and (min-width:1500px) and (max-width:1700px){
	
	.nav_{ width:88%;  padding:18px 0px;} 
	.nav_n_{ width:88%;  padding:18px 0px;} 
	
	.nav_l > ul > li {  margin-right: 40px;} 
	.nav_r > ul > li {  margin-right: 40px;} 
	.nav_n_l > ul > li { margin-right: 40px;} 
	.nav_n_r > ul > li {  margin-right: 40px;} 
	
	.megamenu-a { width:88%;}
	.megamenu-a .fl{padding-right: 70px;}
	.megamenu-b { width:88%;}
	.megamenu-c { width:88%;}
	.megamenu-d { width:88%;}
	.megamenu-e { width:88%;}
	.megamenu-f { width:88%;}
	
	.banner-container { height: 800px; } 
    .banner-txt1{ height: 650px; padding-top: 150px; } 
	
	
	.n_banner div{ top: 360px;} 
	.banner-txt1_tit{width: 88%;} 
	.banner-txt1_a{width: 88%;} 
	.banner-txt1_txt{width: 66%;} 
	.main_a{width: 88%;} 
	.main_pro_a_tit{width: 88%;} 
	.main_pro_a_{width: 88%;}
	.main_pro_b_tit{width: 88%; }
	.main_pro_b_{width: 88%;  } 
	.main_pro_tit{width: 88%;  }
	.main_pro_{width: 88%; } 
	
	.con_case_menu{ width:88%;}
	.con_case_{width: 88%;} 
	.con_case_ ul{ } 
	.con_case_ ul li div{ width: 435px; height: 262px;} 
	
	
	.con_pro_list_{ width:88%; }
	.con_pro_list_con ul li{ width: 32.32%;} 
	.con_pro_list_con ul li img{  height: 293px;} 
	
	.con_pro_m_{width: 88%;} 
	.con_pro_m_menu{width: 88%;} 
	.con_pro_more_tit{ width: 88%; } 
	.con_pro_more ul{ width:88%;} 
	.con_pro_more ul li{ width: 32.15%;} 
	.con_pro_more ul li img{ height: 265px;} 
	
	.con_news_{ width: 88%;} 
	
	.main_news_tit{  width: 88%;} 
    .main_news_{ width: 88%;} 
	.bottom_{ width:88%;}
	.bottom_l ul{gap:40px;}
    .bottom_b{ width: 88%;} 
	
	.videos video{ width:1000px; height:563px;} 
} 

@media screen and (min-width:1400px) and (max-width:1500px){
	
	.nav_{ width:92%;  padding:16px 0px;} 
	.nav_n_{ width:92%;  padding:16px 0px;} 
	
	.nav_l > ul > li {  margin-right: 35px;} 
	.nav_r > ul > li {  margin-right: 35px;} 
	.nav_n_l > ul > li { margin-right: 35px;} 
	.nav_n_r > ul > li {  margin-right: 35px;} 
	
	.megamenu-a { width:92%;}
	.megamenu-a .fl{padding-right: 60px;}
	.megamenu-b { width:92%;}
	.megamenu-c { width:92%;}
	.megamenu-d { width:92%;}
	.megamenu-e { width:92%;}
	.megamenu-f { width:92%;}
	.n_banner div{ top: 300px;} 
	
	.banner-container { height: 800px; } 
    .banner-txt1{ height: 650px; padding-top: 150px; } 
	
	.banner-txt1_tit{width: 92%;} 
	.banner-txt1_a{width: 92%;} 
	.banner-txt1_txt{width: 72%;} 
	.main_a{width: 92%;} 
	.main_pro_a_tit{width: 92%;} 
	.main_pro_a_{width: 92%;}
	.main_pro_b_tit{width: 92%; }
	.main_pro_b_{width: 92%;  } 
	.main_pro_tit{width: 92%;  }
	.main_pro_{width: 92%; } 
	
	.con_case_menu{ width:92%;}
	.con_case_{width: 92%;} 
	.con_case_ ul{ } 
	.con_case_ ul li div{ width: 405px; height: 243px;} 
	
	.con_pro_list_{ width:92%; }
	.con_pro_list_con ul li{ width: 32.25%;} 
	.con_pro_list_con ul li img{  height: 273px;} 
	
	.con_pro_m_{width: 92%;} 
	.con_pro_m_menu{width: 92%;} 
	.con_pro_more_tit{ width: 92%; } 
	.con_pro_more ul{ width:92%;} 
	.con_pro_more ul li{ width: 32.15%;} 
	.con_pro_more ul li img{ height: 250px;} 
	
	.con_news_{ width: 92%;} 
	
	.main_news_tit{  width: 92%;} 
    .main_news_{ width: 92%;} 
	.bottom_{ width:92%;}
	.bottom_l ul{gap:35px;}
    .bottom_b{ width: 92%;} 
	
	.videos video{ width:900px; height:506px;} 
	
} 

@media screen and (min-width:1300px) and (max-width:1400px){
	
	.nav_{ width:96%;  padding:14px 0px;} 
	.nav_n_{ width:96%;  padding:14px 0px;} 
	
	.nav_l > ul > li {  margin-right: 25px;} 
	.nav_r > ul > li {  margin-right: 25px;} 
	.nav_n_l > ul > li { margin-right: 25px;} 
	.nav_n_r > ul > li {  margin-right: 25px;} 
	
	.megamenu-a { width:96%;}
	.megamenu-a .fl{padding-right: 50px;}
	.megamenu-b { width:96%;}
	.megamenu-c { width:96%;}
	.megamenu-d { width:96%;}
	.megamenu-e { width:96%;}
	.megamenu-f { width:96%;}
	.n_banner div{ top: 260px;} 
	
	
	.banner-container { height: 680px; } 
    .banner-txt1{ height: 550px; padding-top: 100px; } 
	
	.banner-txt1_tit{width: 96%;} 
	.banner-txt1_a{width: 96%;} 
	.banner-txt1_txt{width: 78%;} 
	.main_a{width: 96%;} 
	.main_pro_a_tit{width: 96%;} 
	.main_pro_a_{width: 96%;}
	.main_pro_b_tit{width: 96%; }
	.main_pro_b_{width: 96%;  } 
	.main_pro_tit{width: 96%;  }
	.main_pro_{width: 96%; }
	
	.con_case_menu{ width:96%;}
	.con_case_{width: 96%;} 
	.con_case_ ul{ } 
	.con_case_ ul li div{ width: 400px; height: 240px;} 
	
	.con_pro_list_{ width:96%; }
	.con_pro_list_con ul li{ width: 32.15%;} 
	.con_pro_list_con ul li img{  height: 270px;} 
	
	.con_pro_m_{width: 96%;} 
	.con_pro_m_menu{width: 96%;} 
	.con_pro_more_tit{ width: 96%; } 
	.con_pro_more ul{ width:96%;} 
	.con_pro_more ul li{ width: 32.2%;} 
	.con_pro_more ul li img{ height: 245px;} 
	
	
	.con_news_{ width: 96%;} 
	
	.main_news_tit{  width: 96%;} 
    .main_news_{ width: 96%;} 
	.bottom_{ width:96%;}
	.bottom_l ul{gap:30px;} 
    .bottom_b{ width: 96%;} 
	
	
	.videos video{ width:800px; height: 450px;} 
} 




.mobile-inner{ display: none;} 
.hei{ display: none;} 

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

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

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


	
	
		/* fullSlide */
	.banner-container { height: 680px; } 
	.banner-arrow { top: 50%; width: 36px;height: 36px;background: rgba(0, 0, 0, 0.25); font-size: 1em;}
	.banner-arrow.prev { left: 5px;} 
	.banner-arrow.next {right: 5px;} 

	.banner-txt1{  height: auto; padding-top: 120px; background: url(/images/bg01_m.png) no-repeat center bottom; background-size: cover;} 
	.banner-txt1_tit{width: 90%; } 
	.banner-txt1_tit h3{ font-size: 1.6em;letter-spacing: 1px;} 
	.banner-txt1_tit p{ font-size: 1em; margin: 20px 0px 0px; line-height: 150%;}  

	.banner-txt1_txt{width: 90%; margin: 0px auto 0px; } 
	.banner-txt1_txt ul{margin:20px 0px; gap:0px 0px;} 
	.banner-txt1_txt ul li { flex: auto;} 
	.banner-txt1_txt ul li h3{ font-size: 1em; } 
	.banner-txt1_txt ul li h3 span{ font-size: 1.5em;} 
	.banner-txt1_txt ul li p{font-size: 0.8em;  margin-top: 5px;} 
	.banner-txt1_a{width: 90%; margin: 30px auto 0px; } 
	.banner-txt1_a a{  width: 80px; font-size: 1em;  margin: 0px 10px; padding: 8px 0px; } 


	.banner-txt2{ top: 25%;} 
	.banner-txt2 h3{ font-size: 1.6em; letter-spacing: 1px;width: 90%; margin: 0 auto; line-height: 125%;} 
	.banner-txt2 h5{ font-size: 1.6em; letter-spacing: 1px;width: 90%; margin: 0 auto; line-height: 125%;} 

	.banner-txt3{top: 25%;} 
	.banner-txt3 h3{ font-size: 2em; letter-spacing: 1px;} 
	.banner-txt3 p{ font-size: 1.2em; margin: 10px 0px 20px;} 
	.banner-txt3 a{ width: 80px; font-size: 1em;  padding: 8px 0px; } 


	
	.main_info{ height: 320px; } 
	.main_info_{ top: 15%;} 
	.main_info_ h3{ font-size: 2em; } 
	.main_info_ p{ font-size: 1em; margin: 10px auto 50px; line-height: 150%; width: 80%; } 
	.main_info_ a{ width: 100px; font-size: 1em; padding: 8px 0px;} 
	.main_info_ a:nth-of-type(2){ margin-left: 10px;} 
	
	
	.main_a{width: 90%; margin: 20px auto 0px; } 
	.main_a a{  width: 100px; font-size: 1em; padding: 8px 0px; } 

	
	
	.main_pro_b{  margin: 50px 0px 50px; } 
	.main_pro_b_tit{width: 90%; }
	.main_pro_b_tit h3{ font-size: 2.5em; } 
	.main_pro_b_tit p{ font-size: 1.2em; line-height: 125%;} 
	.main_pro_b_{width: 90%; margin: 30px auto 0px;} 
	.main_pro_b_ .fl{ float: none; width: 100%; height:200px; } 
	.main_pro_b_ .fr{ float: none; width: 100%; margin-top: 10px;} 
	.main_pro_b_ .fr ul{} 
	.main_pro_b_ .fr ul li{  width: 49%;height: 160px; margin-right: 0; padding:20px 10px 0px; margin-bottom: 10px;} 
	.main_pro_b_ .fr ul li:nth-child(2n){ float: right; margin-right: 0;} 
	.main_pro_b_ .fr ul li:nth-child(3){ float: left; margin-right: 0;} 
	.main_pro_b_ .fr ul li p{ font-size: 1em; text-align: center; margin-bottom: 10px;} 
	.main_pro_b_ .fr ul li img{ width: 100%; } 
	
	
	
	
	
	.main_pro_a{  padding: 50px 0px; } 

	.main_pro_a_tit{width: 90%; } 
	.main_pro_a_tit h3{  font-size: 2.5em; } 
	.main_pro_a_tit p{font-size: 1.2em; line-height: 125%;} 

	.main_pro_a_{width: 90%; margin: 30px auto 0px;} 
	.main_pro_a_ .fl{ float: none; width: 100%; height: 360px; margin-bottom: 10px;} 
	.main_pro_a_ .fl div{  padding: 20px; } 
	.main_pro_a_ .fl div h5{ font-size: 1.6em; } 
	.main_pro_a_ .fl div p{font-size: 1em; line-height: 125%;} 

	.main_pro_a_ .fc{ float: none; width: 100%; margin-left: 0;} 
	.main_pro_a_ .fz{ float: none; width: 100%;margin-left: 0;} 
	.main_pro_a_ .fr{ float: none; width:100%;} 
	.main_pro_a_ ul{} 
	.main_pro_a_ ul li{ float: left;width: 49%; height: 160px; padding:20px 10px 0px; margin-bottom: 10px;}
	.main_pro_a_ ul li:nth-child(2n){ float: right; margin-right: 0;} 
	.main_pro_a_ .fc ul li:first-child{ height: 160px;margin-bottom: 10px;} 
	.main_pro_a_ .fc ul li:last-child{margin-bottom:10px; height: 160px;} 
	.main_pro_a_ .fz ul li:first-child{ height: 160px;margin-bottom: 10px;} 
	.main_pro_a_ .fz ul li:last-child{margin-bottom:10px; height: 160px;} 
	.main_pro_a_ .fr ul li:first-child{ height: 160px;margin-bottom: 10px;} 
	.main_pro_a_ .fr ul li:last-child{margin-bottom:10px; height: 160px;} 
	.main_pro_a_ ul li p{ font-size: 1em;text-align: center; margin-bottom: 10px;} 
	.main_pro_a_ ul li img{ height:75%; object-fit:contain;} 
	
	
	
	
	.main_pro{  margin: 50px 0px 50px; } 
	.main_pro_tit{width: 90%; }
	.main_pro_tit h3{font-size: 2.5em; } 
	.main_pro_tit p{ font-size: 1.2em; line-height: 125%;} 

	.silder-box-1{  margin: 30px auto 0px; } 
	.main_pro_{width: 90%; } 
	.main_pro_ ul{} 
	.main_pro_ ul li{ width: 320px; height: 260px; padding:20px; } 
	.main_pro_ ul li p{font-size: 1em; } 
	.main_pro_ ul li img{ width: 100%;} 

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





	.main_honor{ margin: 50px 0px;  } 
	.media-container { height: 260px; }
	#myImage div{  top: 15%; } 
	#myImage div h5{ font-size: 1.5em; } 
	#myImage div p{ display: none;} 
	#myImage div a{display: none;} 
	.controls { bottom: 15px; }
	.controls button { padding: 8px 0px; width: 120px; font-size: 1em;}
	
	
	
	
	
	
	
	.main_news{  margin: 50px 0px;} 
	.main_news_tit{  width: 90%;  } 
	.main_news_tit h3{ font-size: 1.6em; } 
	.main_news_tit p{ font-size: 1.2em;  margin: 10px 0px 20px;} 

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

	.main_news_{ width: 90%; margin: 30px auto;} 
	.main_news_ .fl{ width: 49%; margin-right:0;} 
	.main_news_ .fl:nth-of-type(2) { float: right; margin-bottom: 10px;} 
	.main_news_ .fl .img{   height:160px;} 
	.main_news_ .fl .txt{ height: 120px; padding: 15px; } 
	.main_news_ .fl .txt h5{ font-size: 1em; width: 100%; line-height: 125%;} 
	.main_news_ .fl .txt span{ font-size: 1em; margin: 5px 0px 0px; } 
	.main_news_ .fl .txt p{display: none;} 
	.main_news_ .fr{float: none;clear: both;width: 100%; height: auto; padding:20px; } 
	.main_news_ .fr ul{ } 
	.main_news_ .fr ul li{ padding-bottom: 15px;}
	.main_news_ .fr ul li img{  width: 40%; height: 80px; } 
	.main_news_ .fr ul li div{   width: 55%;} 
	.main_news_ .fr ul li h5{ font-size: 1em;  }
	.main_news_ .fr ul li p{display: none;}
	.main_news_ .fr ul li span{ font-size: 1em; }

	
	
	
	
	

	.z_banner{ } 
    .z_banner img{ height: 160px; object-fit: cover;} 
	

	.con_about_a{width:90%;  margin: 30px auto 0px; } 
	.con_about_a .fl{ display: none; } 
	.con_about_a .fr{ float: none; width: 100%;} 
	.con_about_a .fr p{  margin: 20px 0px; line-height: 150%; font-size:1em; } 

	.con_about_a_info{width:90%; } 
	.con_about_a_info ul{  margin: 20px 0px; gap:15px 0px;} 
	.con_about_a_info ul li{  width:33.33%; } 
	.con_about_a_info ul li h3{ font-size: 1.2em; } 
	.con_about_a_info ul li h3 span{ font-size: 1.8em;} 
	.con_about_a_info ul li p{font-size: 1em; margin-top:5px;} 



	.con_about_b{ height:auto; margin: 50px 0px; background-size: cover;} 
	.con_about_b_{ } 
	.con_about_b_ ul{display: block;} 
	.con_about_b_ ul li{ flex:none; height: 160px; width: 100%; border-bottom: #FFFFFF 1px solid;border-right:none;  padding: 40px 20px 0px 20px;} 
	.con_about_b_ ul li h5{ font-size: 1.6em;  margin-bottom: 10px; } 
	.con_about_b_ ul li p{ font-size: 1em; line-height: 150%; opacity: 0.6; } 

	.con_about_b_ ul li:hover{ background: rgba(0,0,0,0.5);padding: 50px 20px 0px 20px;} 
	.con_about_b_ ul li:hover h5{ margin-bottom: 30px;} 
	.con_about_b_ ul li:hover p{opacity: 0.6;} 





	/*
		.timeline-date {width: 100px;font-size: 14px; }
		.nav-arrow {width: 30px;height: 30px;font-size: 16px; }
	*/




	.timeline-container {width: 90%; padding: 0px 0px;}
	.con_about_c_tit h5{ font-size:1.6em; } 
	.con_about_c_tit em{ width: 60px; margin: 10px auto 0px; } 

	.timeline { padding: 20px 20px 5px 20px; }
	.timeline-item { width: 280px;padding: 0px 10px; }
	.timeline-date { margin: 0 auto 10px; font-size:2em;}   
	.timeline-content {padding: 20px; }
	.timeline-content h2{font-size: 1.2em; margin-bottom: 8px;} 
	.timeline-content p{font-size: 1em; line-height: 150%;} 
	.timeline-content::after {content: ''; position: absolute; right: -10px;top: 50%;margin-top: -10px; width: 0; height: 0;border-left: 10px solid #84bf31;border-top: 10px solid transparent;   border-bottom: 10px solid transparent;     }


	.nav-arrow {width: 30px;height: 30px;font-size: 1em; }
	.indicator { width: 8px;height: 8px; }
	
	
	
	
	
	
	.about-container { height: 260px;  margin: 50px 0px;}
	.about-controls { gap: 5px;}

	.about-control-btn {width: 10px;height: 10px;}
	.about-btn { width: 30px;height: 30px; font-size: 1em;}
	.about-prev {left: 10px;}
	.about-next {right: 10px;}


	.con_about_d{ top:5%;}
	.con_about_d_tit h5{ font-size:1.6em;  } 
	.con_about_d_tit em{  width: 60px; margin: 10px auto 0px; } 
	.con_about_d_info{width:85%; } 
	.con_about_d_info ul{  margin: 10px 0px;} 
	.con_about_d_info ul li{flex:1; padding: 0px 10px; } 
	.con_about_d_info ul li h3{ font-size: 1em;  } 
	.con_about_d_info ul li h3 span{ font-size: 1.5em;} 
	.con_about_d_info ul li p{font-size: 0.8em; margin-top:5px;} 
	
	
	
	
	
	.con_about_e{  margin: 50px 0px;} 
	.con_about_e_tit h5{ font-size:1.6em; } 
	.con_about_e_tit em{  width: 60px; margin: 10px auto 0px;} 

	.con_about_e_info{width:100%; } 
	.con_about_e_info ul{ margin: 10px 0px;} 
	.con_about_e_info ul li{flex:auto; padding: 0px 10px;} 
	.con_about_e_info ul li h3{ font-size: 1.2em;} 
	.con_about_e_info ul li p{font-size: 1em; margin-top: 5px;} 

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






	.con_about_c{ margin: 50px 0px 0px; padding: 50px 0px; } 

	.con_about_c_info{width:90%;  } 
	.con_about_c_info ul{ margin: 20px 0px;} 
	.con_about_c_info ul li{flex:1; padding: 0px 10px; } 
	.con_about_c_info ul li h3{ font-size: 1em; } 
	.con_about_c_info ul li p{font-size: 1.2em; margin-top: 5px;} 

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

	.slider-container { width: 100%; } 
	.slider-wrapper {  margin: 0 20px; /* 为箭头留出空间 */} 
	.card {  flex: 0 0 calc(100% - 20px);  min-width: calc(100% - 20px); } 
	.card img { height: 188px;} 
	.card .content {  padding: 5px; } 
	.card p {  font-size: 1em; } 
	.slider-arrow {   width: 30px;  height: 30px; font-size: 1em;  } 


	/* 响应式设计 */



	
	/* 搜索 */
	.con_ser_{ margin-top: 50px;} 
	.con_ser_ h5{font-size: 1.6em; margin-bottom: 5px;} 
	.con_ser_ .i1{ height: 30px; width: 200px; } 
	.con_ser_ .i2{ font-size: 1.2em; padding: 5px 20px; height: 30px;  margin-top: -2px;} 
	.con_ser_txt{ font-size: 1.2em;  margin:20px 0px; line-height: 150%;} 
	/* 搜索 */
	
	
	
	/* 服务 */
	.con_ser{ margin:50px 0px; } 
	.con_ser_tit{ width: 90%; } 
	.con_ser_tit h3{ margin-right: 10px; font-size: 1.6em; } 
	
	/* 服务 */
	
	
	
	
	
	
	
	
	
	
	
	.con_pro_{width:90%; padding: 50px 0px;} 

	.con_pro_menu h3{ float: none; font-size: 1.8em; } 
	.con_pro_menu ul{ margin-top:10px; float: none; gap:10px;justify-content:flex-start;} 
	.con_pro_menu ul li a{font-size: 1em; } 


	.con_pro_con{ margin:20px auto 0px;} 
	.con_pro_con ul{display: flex; flex-wrap:wrap; justify-content:space-between; gap:15px 0px;} 
	.con_pro_con ul li{ width: 48.5%;} 
	.con_pro_con ul li div{padding: 10px; height: 120px; background:#F8F8F8;} 
	.con_pro_con ul li h5 {font-size: 1em; margin:5px 0px 0px;} 

	.con_pro_a{ margin: 20px auto 0px; width: 100%;} 
	.con_pro_a a{ font-size: 1.5em; } 





	.con_pro_list{ padding: 50px 0px;} 

	.con_pro_list_{ width: 90%; } 
	.con_pro_tit h3{ } 
	.con_pro_tit h3 a{font-size: 1.8em; } 


	.con_pro_list_menu{margin: 10px auto 20px;} 
	.con_pro_list_menu ul{  gap:5px;} 
	.con_pro_list_menu ul li{} 
	.con_pro_list_menu ul li a{ font-size: 1em;   padding: 3px 10px; } 

	.con_pro_list_menu_a{margin: -10px auto 20px; padding-top: 10px;} 
	.con_pro_list_menu_a ul{ gap:5px;} 
	.con_pro_list_menu_a ul li{} 
	.con_pro_list_menu_a ul li a{ font-size: 1em;  padding: 3px 10px;} 

	.con_pro_list_con{ margin:30px auto 0px;} 
	.con_pro_list_con ul{ justify-content: space-between; gap:10px 0px; margin-bottom: 20px;} 
	.con_pro_list_con ul li{ width: 49%; padding: 10px; } 
	.con_pro_list_con ul li img{  height: 115px;} 
	.con_pro_list_con ul li h5 {font-size: 1em;  margin:10px 0px 5px; } 
	.con_pro_list_con ul li p {font-size: 0.8em;} 

	
	
	
	.con_pro_m{ padding: 50px 0px 0px;} 
	.con_pro_m_{width: 90%; margin: 50px auto;} 

	.con_pro_m_menu{width: 90%; margin: 60px auto 20px;} 
	.con_pro_m_menu h2{font-size: 1.8em; margin:0px 0px 20px; } 
	.con_pro_m_menu ul{  gap:5px;} 
	.con_pro_m_menu ul li{} 
	.con_pro_m_menu ul li a{font-size: 1em;   padding: 3px 10px;} 


	.con_pro_m_ .fl{float: none;width: 100%; } 

	.con_pro_m_ .fr { float: none; width: 100%; margin-top: 20px;} 
	.con_pro_m_ .fr h1{ font-size: 1.6em; } 
	.con_pro_m_ .fr h6{ font-size: 1.4em; } 
	.con_pro_m_ .fr p{ font-size: 1.2em;  margin: 10px 0px;} 

	.con_pro_more{   padding: 30px 0px 50px; } 

	.con_pro_more_tit{ width: 90%;  margin: 0 auto 20px;} 
	.con_pro_more_tit h5{ font-size:1.5em;  } 
	.con_pro_more_tit em{  width: 60px; margin: 20px auto 0px; } 

	.con_pro_more ul{ justify-content:space-between; gap:10px 0px; width: 90%; } 
	.con_pro_more ul li{ width: 49%; padding: 10px; } 
	.con_pro_more ul li img{ height: 115px;} 
	.con_pro_more ul li h5 {font-size: 1em;  margin:10px 0px 0px; } 
	.con_pro_more ul li p {font-size:0.8em; } 

	
	
	
	
	.n_banner{  } 
	.n_banner img{ height: 260px; object-fit: cover;} 
	.n_banner div{ top: 135px;} 
	.n_banner div h5{ font-size: 1.8em; }
	.n_banner div em{  width: 60px; }

	.con_case{ margin: 50px 0px; }

	.con_case_menu{margin: 30px auto 30px; width: 90%;} 
	.con_case_menu h5{font-size: 1.8em; margin:0px 0px 20px; } 
	.con_case_menu ul{  gap:5px;} 
	.con_case_menu ul li{} 
	.con_case_menu ul li a{ font-size: 1em;  padding: 3px 9px; } 

	.con_case_{margin: 0px auto; width: 90%;} 
	.con_case_ ul{ gap:20px 0px; margin-bottom: 30px;} 
	.con_case_ ul li { } 
	.con_case_ ul li div{ width: 100%; height: 188px; } 
	.con_case_ ul li div i{  top: 35%; left: 45%;} 
	.con_case_ ul li p{ font-size: 1.2em;  margin-top: 10px; } 
	
	
	
	
	
	.con_news{  } 

	.con_news_{ width: 90%; margin: 35px auto;  } 
	.con_news_ .fl{ float: none; width: 100%; height: 200px;} 
	.con_news_ .fr{ float: none; width: 100%;height: auto; padding: 15px; } 
	.con_news_ .fr h5 a{font-size: 1.2em;  } 
	.con_news_ .fr p{font-size: 0.9em; margin:15px 0px; } 
	.con_news_ .fr span{  font-size: 1em; } 
	.con_news_ .fr > a{ margin-left: 10px;font-size: 1em; } 



	.con_news_m{ padding: 110px 0px 0px;} 
	.con_news_m_{ width: 90%;  margin: 0 auto 50px;} 

	.con_news_m_ .tit{ padding-bottom: 20px;  } 
	.con_news_m_ .tit h6{font-size: 1.2em;  } 
	.con_news_m_ .tit h1{font-size: 1.5em;  } 
	.con_news_m_ .tit p{font-size: 1em;  } 
	.con_news_m_ .tit p span{  margin-right: 10px;} 

	.con_news_m_ .con p{font-size: 1em; line-height: 150%; margin: 20px 0px; }
	.con_news_m_ .con img{  width: 100%; max-width: 100%;} 


	.con_news_more{ padding: 30px 0px 50px; } 

	.con_news_more_tit{ width: 90%; margin: 0 auto 30px;} 
	.con_news_more_tit h5{ font-size:1.2em;  } 
	.con_news_more_tit em{  width: 60px; margin: 10px auto 0px; } 

	.con_news_more ul{ width: 90%; } 
	.con_news_more ul li{ margin:8px 0px;} 
	.con_news_more ul li a { font-size: 1em; line-height: 150%;} 
	.con_news_more ul li span { font-size: 1em;   margin-left: 10px;} 





	.con_contact{   padding: 50px 0px 0px; } 

	.con_contact_{  width: 90%;} 
	.con_contact_ .con_contact_info{} 

	.con_contact_ ul{  gap:20px 0px;} 
	.con_contact_ ul li{ width: 100%; padding: 20px 0px; } 
	.con_contact_ ul li img{ width: 50px;} 
	.con_contact_ ul li p{font-size: 1.2em;  margin-top:10px;} 
	.con_contact_ ul li h3{font-size: 1.8em; margin-top:10px;} 
	.con_contact_ ul li h5{font-size: 1.2em;  margin-top: 15px;} 
	.con_contact_map{   margin: 30px auto 0px;} 
	#dituContent{ height: 300px;} 

	
	


	/*css black2 style pagination*/
	div.black2 a{ padding:3px 9px;margin:1px; font-size: 0.8em; } 
	div.black2 a.curr{padding:3px 9px; margin:1px; } 

	.videos video{ width: 100%; height:220px; border:none; top:50%; } 
	.vclose { right:2%; top:25%;  } 
	
	
	.bottom{  padding:35px 0px;} 
	.bottom_{ width:90%; } 

	.bottom_l{ float: none;} 
	.bottom_l ul{   gap:30px 50px;} 
	.bottom_l ul li:nth-child(6){ display: none;} 
	.bottom_l ul li h5{ font-size: 1.2em;  margin-bottom: 10px; } 
	.bottom_l ul li p { margin: 5px 0px;} 
	.bottom_l ul li p a{ font-size: 1em; } 

	.bottom_r{ float: none; margin-top: 30px;} 
	.bottom_r ul{ gap:0px;} 
	.bottom_r ul li img{ width:75px;} 
	.bottom_r ul li span{ font-size: 0.8em; } 
	.bottom_r ul li p{ font-size: 0.8em; } 


	.bottom_b{ width: 90%; text-align: left; font-size: 0.9em;  line-height: 125%;} 
	
}

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