.header{width: 100%;height: 100px;background-color: #ffffff}
.header_top{width: 100%;height: 100px}
.header_bottom{width: 100%;height:60px;background-color: #bae0ef}
.within{max-width: 1600px;min-width:1200px;height: 100%;margin: auto}
.df-c{display: flex;align-items: center;justify-content: space-between}
.index_middle{width: 100%;display: flex;justify-content: space-between;margin: 10px 0}
.index_menu_title{width: 100%;padding-bottom: 15px;margin-top: 20px;border-bottom: 1px solid #e5e5e5;display: flex;justify-content: space-between;align-items: center;background: url("../images/jdzx_03.png") no-repeat left bottom;background-size: 88px 10px}
.index_menu_title h3{font-size: 22px;font-weight: bold;color: #424242}
.index_menu_title i{font-size: 25px;color: #dedede;cursor: pointer}

.index_logo{cursor: pointer}
.search_switch{display: inline-block}
.index_switch{display: flex;align-items: center;justify-content: end}
.index_switch p{display: flex;cursor: pointer}
.index_switch span{display: block;height: 15px;width: 1px;background-color: #cecece;margin: 0 13px}
.index_search{margin-top: 15px;display: flex;align-items: center}
.index_search_input{border: 1px solid #eeeeee;width: 204px;height: 38px;padding: 0 7px}
.index_search_input input{border: none;outline: none;font-size: 14px;background-color: unset;width: 100%;height: 100%}
.index_search_btn{height: 40px;width: 60px;border: none;outline: none;background-color: #fd5d5d;cursor: pointer;box-shadow: unset}
.index_search_btn i{font-size: 25px;color: #ffffff}

.index_navigation{height: 100%;display: flex;align-items: center}
.index_nav{height: 100%;width: 185px;position: relative;z-index: 999;display: flex;justify-content: center;}
.index_nav>p{height: 97px;position: absolute;text-align: center;line-height: 100px;cursor: pointer;font-size: 18px;color: #000000;z-index: 999}
.index_nav:hover >p{ border-bottom:#009944 3px solid;color:#009944}
.nav_on >p{ border-bottom:#009944 3px solid;color:#009944 }
.index_nav_child{background-color: rgba(255, 255, 255,0.8);width: 190px;position: absolute;top: 30%;opacity: 0;visibility: hidden;transition: all 0.7s;font-size: 18px;}
.index_nav:hover .index_nav_child{opacity: 1;visibility: initial;top: 100%}
.index_nav_child p{padding: 0 15px;cursor: pointer;display: flex;justify-content: center;align-items: center;transition: all 0.7s;margin-top: 1px;}
.index_nav_child p:hover{background-color: #19a356;}
.index_nav_child p a{border-bottom:#d5d4d4 1px solid;display: block;line-height: 55px;width: 100%;text-align: center}
.index_nav_child p a:hover{color: #fff}
.index_nav_child p:first-child{margin-top: 0;}
.index_nav_child p:last-child a{border-bottom: none}

.right_float_menu{background-color: #ffffff;position: fixed;z-index: 999;width: 90px;border-radius: 7px;border: 1px solid #d0d0d0;right: 10px;top: 70%;transform: translate(0,-50%)}
.float_btn{border-bottom: 1px solid #d0d0d0;cursor: pointer;text-align: center;padding: 15px 0;transition: all 0.5s;position: relative}
.float_btn p{margin-top: 10px;font-size: 14px;color: #333333;transition: all 0.5s;}
.float_btn:hover{background-color: #7fadbf}
.float_btn:hover p{color: #ffffff}
.float_hide{position: absolute;min-width: 130px;min-height: 50px;right: 90%;top: 50%;transform:translate(0,-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffff;font-size: 18px;color: #ffffff;visibility: hidden;opacity: 0;transition: all 0.7s;}
.float_btn:hover .float_hide{visibility: initial;opacity: 1;right: 100%;background-color: #7fadbf}

.footer{width: 100%;overflow: hidden}
.footer a:hover{color: #009944;}
.footer_top,.footer_bottom{width: 100%}
.footer_top{padding: 50px 0 45px 0;background-color: #f6f6f6;height: 160px;}
.footer_bottom{height: 4px;display: flex;background-color: #009944;}
.footer_bottom_left{width: 50%;}
.footer_bottom_right{width: 50%;border-left: 15px solid transparent;border-bottom: 4px solid #0173e4;}

.footer_top_main{max-width: 1600px;min-width:1200px;height: 100%;margin: auto;display: flex;justify-content: space-between;align-items: start}

.float_left{display: flex;}

.footer_qrcode{display: inline-block;text-align: center;width: 130px;padding-right: 28px;border-right: 1px solid #dfdfdf;}
.footer_qrcode p{font-size: 14px;color: #595959;}
.footer_qrcode p:first-child{width: 130px;height: 130px;}
.footer_qrcode p:first-child img{width: 100%;height: 100%}
.footer_qrcode p:last-child{margin-top: 10px}

.footer_nav{text-align: right;color: #8e8d8d;}
.footer_nav p:first-child{padding: 10px 0 30px 0}
.footer_nav p:nth-child(2){padding-bottom: 15px}
.footer_nav p a{color: #8e8d8d;}

.footer_info{display: inline-block;padding-left: 28px;}
.footer_info p{font-size: 18px;color: #8e8d8d;margin-top: 10px;}
.footer_info p:first-child{margin-top: 0;}
.footer_info p:nth-child(2){color: #0173e4;font-size: 34px;}
.footer_info p:nth-child(3){color: #272727;}
.footer_icon_list{display: flex;justify-content: left;margin-top: 10px;}
.footer_icon_list a{display: block;margin-right: 5px;border: 1px solid #b5b5b5;border-radius: 50%;width: 30px;height: 30px;text-align: center;line-height: 32px;color: #b5b5b5;}
.footer_icon_list a i{font-size: 20px;}
.footer_icon_list a:last-child{position: relative;}
.footer_icon_list a:last-child i{font-size: 14px;top: -2px;left: 2px;position: absolute;}
.footer_icon_list a:hover{border-color: #009944;}

.index_swiper{width: 100%;max-height: 820px;font-size: 0}
.swiper-container{width: 100%;height: 100%;overflow: hidden}
.index_switch_page {
  bottom: 25px !important;
}

.index_switch_page span {
  background: url("../images/swiper_icon1.png") center no-repeat;
  opacity: 1;
  width: 40px !important;
  height: 40px !important;
}

.index_switch_page span.swiper-pagination-bullet-active {
  background: url("../images/swiper_icon.png") !important;
}
.index_banner_bg_img{
  /* opacity: 1;
    transform: scale(1.1);
    transition-duration: 500ms;*/
  animation-name: scaleDraw;
  /*关键帧名称*/
  animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 7s;
  /*动画所花费的时间*/
  position: relative;
}
.index_banner_bg{
  height: 825px;
  position: absolute;
  top: 0;
  width: 100%;
}
@keyframes scaleDraw {
  0% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}


.index_banner_content h1{
  opacity: 0.939064; transform: translateZ(0px) translateY(-1.14255%);font-size: 38px;
  text-align: center;
  font-style: normal;
  color: #fff;
  padding: 15% 15% 0 15%;
  font-weight: 550;
  letter-spacing: 5px;
  text-transform: uppercase;
}
.index_banner_content p{
  opacity: 0.939064; transform: translateZ(0px) translateY(-1.14255%);
  font-size: 16px;
  font-style: normal;
  color: #fff;
  padding-top: 30px;
}
.show_product_pagination {
  bottom: 20px !important;
}

.show_product_pagination span {
  background: none;
  border:1px solid #009944;
  opacity: 1 !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 5px !important;
}

.show_product_pagination span.swiper-pagination-bullet-active {
  background: #009944 !important;
}
.swiper-button-next1,.swiper-button-prev1{
  color: #009944 !important;
}
.smallImg{position:relative; height:78px; margin-top:20px; width:488px; overflow:hidden;float:left;}
#imageMenu {height:92px; width:488px; overflow:hidden; margin-left:0; float:left;}
#imageMenu ul{width:498px; }
#imageMenu li {height:78px; width:92px; overflow:hidden; float:left; text-align:center; margin-right:7px;}
#imageMenu li img{width:90px; height:67px;cursor:pointer;padding-top:10px;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:90px; height:67px; padding-top:10px;}
#imageMenu li#onlickImg,#imageMenu li:hover{ width:92px; height:78px; background:url(../images/zy_cpbg.png) no-repeat 0 top;}

.bigImg{position:relative; float:left;  border:1px solid #dce7d9; overflow:hidden;}

.bigImg #winSelector{width:300px; height:200px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=40); -moz-opacity:0.40; opacity:0.40; background-color:#fff; border:1px solid #fff;}

#bigView{position:absolute;border: 1px solid #dce7d9; overflow: hidden; z-index:999;}
#bigView img{position:absolute;max-width: 1500px!important;max-height: 1500px !important;}

.index_product_main{width: 100%;display: flex;justify-content: space-between}
.product_left{width: 264px;}
.product_right{width: 920px;display: none}
.index_show_product{display: block}
.product_title{width: 100%;cursor: pointer;position: relative}
.product_title img{max-width: unset}
.product_title p{position: absolute;left: 50%;top: 22%;transform: translate(-50%,0);font-size: 25px;color: #424242;z-index: 99;width: 100%;text-align: center}
.product_child_item{width: calc(100% - 62px);padding: 14px 30px;display: flex;justify-content: space-between;align-items: center;border-left: 1px solid #ececec;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;background-color: #fefefe;cursor: pointer;transition: all 0.7s;}
.product_child_item:hover{background-color: #cce9f5}
.product_child_item:hover .item_name p{color: #8e8d8d}
.product_child_item:hover i{color: #8e8d8d}
.item_name{display: inline-block;width: 85%}
.item_name p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_name p:first-child{font-size: 15px;color: #2f2f2f;margin-bottom: 10px;transition: all 0.7s;}
.item_name p:last-child{font-size: 12px;color: #c2c2c2;transition: all 0.7s;}
.product_child_item i{font-size: 25px;color: #d3d3d3;transform: rotateY(180deg);display: inline-block;font-weight: bold;transition: all 0.7s;}
.item_row{width: 100%;margin-bottom: 15px;display: flex}
.item_row:last-child{margin-bottom: 0}
.item_list{width: 300px;height: 306px;margin-right: 10px;position: relative;overflow: hidden;cursor: pointer}
.item_list:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.item_list:last-child{margin-right: 0}
.item_list img{width: 100%;height: 100%;object-fit: cover}
.item_list p{width: calc(100% - 20px);padding: 0 10px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fefefe;background-color: rgba(0,0,0,0.5);position: absolute;bottom: 0;transition: all 0.7s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_list:hover p{background-color: rgba(0,0,0,0.8)}
.index_this_product{background-color: #cce9f5}
.index_this_product .item_name p{color: #8e8d8d}
.index_this_product i{color: #8e8d8d}
.not-product{font-size: 25px;text-align: center;font-weight: bold;color: #8e8d8d;}

.index_news{width: 584px;overflow: hidden}
.news_swiper{width: 100%;height: 275px;padding: 10px 0}
.news_swiper .swiper-slide{width: 100%;height: 45px!important;border-bottom: 1px dashed #f3f3f3;display: flex;justify-content: space-between;align-items: center;cursor: pointer}
.news_title{width: 80%;display: inline-block;font-size: 15px;color: #2f2f2f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left!important;}
.list_dot{width: 6px;height: 6px;background-color: #d9d9d9;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 10px}
.news_date{font-size: 15px;color: #919090}
.news-infolist span,.news-infolist:hover span i{transition: all 0.7s;}
.news-infolist:hover span{color: #fd5d5d}
.news-infolist:hover span i{background-color: #fd5d5d}

.index_about{width: 581px;overflow: hidden}
.about_img{width: 100%;height: 135px;margin: 24px 0 5px}
.about_introduce{font-size: 15px;color: #2f2f2f;line-height: 2em;text-align: justify;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical}

.index_brand{width: 100%;margin: 35px 0 10px}
.brand_list{padding: 20px 25px;width: calc(100% - 50px);background-color: #ecf5f8;margin: 20px 0;}
.brand_row{width: 100%;display: flex}
.brand_row:nth-child(2){margin-top: 20px}
.brand_info{margin-right: 19px;cursor: pointer}
.brand_info:last-child{margin-right: 0}
.brand_info p:first-child{width: 215px;height: 90px;overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #ffffff}
.brand_info p:last-child{width: 215px;font-size: 15px;color: #333333;text-align: center;margin-top: 15px}

.inner_bg{width: 100%;}
.inner_bg .category_name{width: 100%;color: white;font-size: 53px;padding-top: 85px;text-align: center}
.inner_bg .category_name2{width: 100%;color: white;font-size: 24px;padding: 10px 0 85px 0;text-align: center}

.inner_menu{width: 100%;height: 74px;background-color: #f6f6f6}
.inner_menu > div{height: 100%}
.inner_menu p{padding: 15px 0;font-size: 15px;color: #494848;background-color: #d6d6d6;cursor: pointer;transition: all 0.7s;min-width: 120px;max-width: 150px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 15px}
.inner_menu p:last-child{margin-right: 0}
.inner_menu p.this_on{color: #000000;background-color: #bae0ef}
.inner_menu p:hover{color: #000000;background-color: #bae0ef}

.top_menu{display: flex;justify-content:center;height: 50px;color: #6b6868;text-align: center;padding: 45px 0;}
.top_menu .top_menu_sub{min-width: 300px;}
.top_menu .top_menu_sub .top_menu_sub_name{border-right: 1px solid #d2d2d2;height: 20px;line-height: 20px;width: 100%}
.top_menu .top_menu_sub:last-child .top_menu_sub_name{border-right: none}
.top_menu a{padding-bottom: 23px;margin:0 8px;height: 20px;display: block;color: #6b6868;width: calc(100% - 16px);font-size: 22px;}
.top_menu .this_on,.top_menu a:hover{border-bottom: 2px solid #009944;color: #009944;font-weight: bold;}
.top_menu .this_on span,.top_menu a:hover span{color: #0173e4;}

.bread_crumb_nav{color: #6b6868;background:url("../images/index.png") no-repeat left center;padding-left: 30px}
.bread_crumb_nav a{color: #6b6868}
.bread_crumb_nav a:hover{color: #009944;}



.details_title{width: 100%;border-bottom: 1px solid #e8e8e8;height: 98px;position: relative;margin-bottom: 30px}
.details_title p{font-size: 36px;color: #000000;position: absolute;left: 50%;bottom: 30%;transform: translate(-50%,0)}
.details_content{font-size: 15px;color: #000000;text-align: justify;line-height: 2em;margin-bottom: 30px}

.contact_map{width: 100%;display: flex;justify-content: space-between;}
.contact_map .map_box{width: calc(50% - 20px)}
.contact_map .map_box .map_ifrm{height: 430px;}
.contact_map .map_box .map_title{font-size: 24px;text-align: center;color: #fff;background-color: #009944;padding: 20px 10px;}
.contact_map .map_box:last-child .map_title{background-color: #0173e4}

.contact_info{width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 40px 0;height: 160px;border: 1px solid #ececec;}
.contact_info_details{width: 100%;}
.contact_qrcode{width: 10%}
.list_row{width: 100%;display: flex;}
.contact_txt{width: calc(100% / 3);border-right: 1px solid #ececec;display: flex;padding: 50px 40px;}
.list_row .contact_txt:last-child{border: none}
.contact_icon1 ,.contact_icon2 ,.contact_icon3{width: 56px;height: 56px;}
.contact_icon1{background: url("../images/contact_icon1.png")}
.contact_icon2{background: url("../images/contact_icon2.png")}
.contact_icon3{background: url("../images/contact_icon3.png")}
.contact_box{padding-left: 20px;}
.contact_name{font-size: 20px;color: #009944;margin-bottom: 15px;font-weight: bold}
.contact_value{font-size: 16px;color: #333333}

.info_list{width: 100%;height: 250px;overflow: hidden;border-bottom: 1px solid #e8e8e8;padding: 60px 0;display: flex;justify-content: space-between;cursor: pointer;transition: all 0.7s;}
.info_list:hover{background-color: #eaf6fa}
.list_datetime{width: 90px;color: #cccccc;text-align: center;}
.list_datetime div:first-child{border-bottom: 1px solid #cccccc;font-size: 30px;padding: 50px 0 15px 0}
.list_datetime div:last-child{font-size: 18px;padding-top: 20px;font-weight: bold}

.list_img{width: 380px;height: 250px;overflow: hidden;text-align: center}
.list_img img{width: 100%;height: 100%;object-fit: cover}
.info_list:hover .list_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.list_txt{width: 900px;padding: 0 10px;height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.list_txt_w{width: calc(100% - 20px);padding: 0 10px;height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.list_txt_title{font-size: 28px;font-weight: bold;color: #1c1c1c;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_txt_content{width: 100%;font-size: 16px;color: #a1a1a1;overflow: hidden;display: -webkit-box;text-align: justify;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 2em}
.list_txt_datetime{width: 100%;display: flex;justify-content: space-between;}
.list_txt_datetime span:first-child{font-size: 16px;color: #9b9b9b}
.list_txt_datetime span:last-child{font-size: 16px;color: #a1c8d8}
.list_txt_show_btn{width: 160px;height: 50px;color: #999999;border: 1px solid #e9e9e9;text-align: center;line-height: 50px;font-size: 18px;}

.info_list:hover .list_datetime,.info_list:hover .list_txt_title{color: #009944;}
.info_list:hover .list_datetime div:first-child{border-color: #009944;}
.info_list:hover .list_txt_show_btn{background-color: #009944;color: white;}

.case_box{display: flex;max-width: 1130px;height: 420px;padding-bottom: 30px;}
.case_box:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.case_box img{width: 100%;height: 100%;object-fit: cover}
.case_left{width: 50%;height: 420px;overflow:hidden;display: flex;justify-content: center;align-items: center; }
.case_right{width: calc(50% - 100px);height: 300px;overflow:hidden; padding: 60px 50px;display: flex;flex-direction: column;justify-content: space-between;background-color: #f6f6f6;}
.case_txt_title{font-size: 28px;font-weight: bold;color: #1c1c1c;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case_line{position: relative;}
.case_title_line{width: 120px;border-bottom: 3px solid #009944;z-index: 2;position: relative;}
.case_title_line2{width: 100%;border-bottom: 1px solid #e3e3e3;position: absolute;top:2px}
.case_txt_content{width: 100%;font-size: 16px;color: #a1a1a1;overflow: hidden;display: -webkit-box;text-align: justify;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 2em}
.case_txt_show_btn{width: 160px;height: 50px;background-color: #009944;color: white;border: 1px solid #e9e9e9;text-align: center;line-height: 50px;font-size: 18px;}

/*.case_right:hover,.case_right:hover .case_title_line2{background-color: #009944;}
.case_right:hover .case_txt_title{color: #fff;}
.case_right:hover .case_txt_show_btn{background-color:#f6f6f6;color: #a1a1a1;}
.case_right:hover .case_title_line{border-color: #f8ffc8;}

.case_right:hover .case_txt_content{color:#f8ffc8;}*/



.honour{background: url("../images/honour.png") top left no-repeat;width:calc(20% - 15px);height: 285px;background-size: 187%}
.picture_row{width: 100%;display: flex;justify-content: space-between;transition: all 0.7s;}
.picture_row:not(:last-child){margin-bottom: 10px}
.picture_info{width: calc(25% - 17px);cursor: pointer;transition: all 0.7s;}
.picture_img{width: 100%;height: 400px;background-color: #f1f1f1;overflow: hidden;text-align: center;display: flex;align-items: center;justify-content: center;transition: all 0.7s;}
.picture_img img{max-height: unset;height: 100%;width: 100%;object-fit: cover}
.picture_title{width: 100%;font-size: 22px;color: #232323;padding: 20px 0;transition: all 0.7s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #dddddd;}
.picture_info:hover .picture_img{box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}
.picture_info:hover .picture_title{color: #7fadbf;}
.picture_info:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.product_main{display: flex;justify-content: space-between;padding-top: 50px;}
.product_category{max-width: 330px;width:25%;border: 1px solid #f0f0f0;height: 100%;margin-right: 35px;}
.product_box{max-width: 1130px;width: 100%;}
.product_head{display: flex;justify-content: space-between;border-bottom: 1px solid #f0f0f0;padding-bottom:25px;}
.product_cate_title{font-size: 28px;font-weight: bold;}
.product_search{display: flex;align-items: center}
.product_search_input{width: 135px;height: 25px;}
.product_search_input input{border: none;outline: none;font-size: 14px;background-color: unset;width: 100%;height: 100%;color: #a7a7a7}
.product_search_input input::placeholder{color: #a7a7a7}
.product_search_btn{height: 24px;width: 24px;border: none;outline: none;background: url("../images/product_search.png") center center no-repeat;cursor: pointer;box-shadow: unset}

.product_row{width: 100%;display: flex;justify-content: space-between;transition: all 0.7s;padding-top:35px;}
.product_info{width: calc(33.33% - 15px);cursor: pointer;transition: all 0.7s;}
.product_img{width: 100%;padding-bottom: 100%;position: relative;background-color: #f1f1f1;overflow: hidden;text-align: center;display: flex;align-items: center;justify-content: center;transition: all 0.7s;}
.product_img img{position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; /*根据父容器的尺寸裁剪和缩放图片，以填充整个容器，并保持长宽比例不变。*/
  object-position: center; /*指定对象的位置，如果不设置，则默认是center*/
  background-size: cover; /*背景图片的大小，如果不设置，则默认是auto*/
  background-position: center;
  top: 50%;
  left: 50%;transform: translate(-50%, -50%);/*将元素移动到中心*/}
.product_title{width: 100%;font-size: 20px;text-align:center;color: #232323;padding-top: 25px;transition: all 0.7s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_info:hover .product_img{box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}
.product_info:hover .product_title{color: #27c346;}
.product_info:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1) translate(-45%, -45%);}

.menu_head{padding:30px 35px;border-bottom: 1px #f0f0f0 solid;line-height:20px;font-size:18px;cursor:pointer;position:relative;margin:0;display: flex;justify-content: space-between;}
.product_category .menu_head:last-of-type {border-bottom: none;}
.menu_head a {display:block;color:#353535;font-size: 20px;height:20px;}
.menu_head a:hover{ text-decoration: underline;}
.menu_head .menu_arrow{background:url(../images/right.png) center right no-repeat;width: 30px;}
.current{background-color:#009944;}
.current a,.current_down a{color:#fff;}
.current_down{background:#009944;}
.current_down .menu_arrow{background:url(../images/down.png) center right no-repeat;}

.menu_body{display:none;padding:25px 35px;max-width:260px;height:auto;overflow:hidden;line-height:38px;background-color:#fff;border-bottom: 1px #f0f0f0 solid;}
.menu_body li{padding-bottom: 20px}
.menu_body li:last-child{padding:0}
.menu_body a{display:block;max-width:235px;height:45px;line-height:45px;padding-left:20px;background-color:#f8f8f8;color: #353535;text-decoration:none;}
.menu_body .on ,.menu_body a:hover{color:#0173e4;background-color: #dcecfc;text-decoration:none;}

.four_picture_info{width: 290px;cursor: pointer;transition: all 0.7s;}
.three_picture_info{width: 380px;cursor: pointer;transition: all 0.7s;}
.three_picture_info .picture_img{height: 537px!important;background-color: #f7f7f7!important;}
.three_picture_info .picture_img img{object-fit: contain}
.four_picture_info .picture_img{height:194px!important;background-color: unset!important;}
.four_picture_info:hover .picture_img,.three_picture_info:hover .picture_img{box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}
.four_picture_info:hover,.three_picture_info:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.brand_list_row{width: 100%;display: flex;justify-content: space-between;transition: all 0.7s;}
.brand_list_row:not(:last-child){margin-bottom: 15px}
.brand_list_info{width: calc(20% - 15px);height:285px;cursor: pointer;background-color: #f9f9f9;}
.brand_cover_bg{background-color: #00994499;width: calc(100% - 15px);height: 180px;top: 40px;left: 15px;position: absolute;display: none;}
.brand_cover{background: url("../images/magnifier.png") center center no-repeat;width: 100%;height: 100%}
.brand_img{height: 180px;/*background-color: #f7f7f7;*/line-height: 94px;text-align: center;/*overflow: hidden;*/transition: all 0.7s;padding: 40px 15px 0 15px;position: relative;}
.brand_title{/*width: 100%;*/text-align: center;font-size: 15px;color: #333333;margin: 20px 10px;transition: all 0.7s;}
/*.brand_list_info:hover .brand_img{box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}*/
/*.brand_list_info:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}*/
.brand_list_info:hover .brand_title{color: #fff;z-index: 99;}
.brand_list_info:hover {background-color: #009944}
.brand_list_info:hover .brand_cover_bg{display: block;}

.recruit_info{width: 100%;margin-bottom: 15px;}
.recruit_introduce{height: 70px;background-color: #f3f3f3;display: flex;justify-content: space-between;padding: 0 50px;}
.recruit_introduce .introduce_txt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 70px;font-weight: bold;font-size: 20px;color: #000;text-align: left;width: 18%;}
.recruit_introduce .introduce_info{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 70px;color: #666666;font-size: 16px;text-align: left;width: 18%}

.recruit_bth{width: 28px;height: 70px;background: url("../images/plus.png") center center no-repeat;}
.recruit_content{padding: 45px 50px;width: calc(100% - 100px);font-size: 16px;color: #4c4c4c;display: none;background-color: #fbfbfb;}
.recruit_content p{height: 40px;line-height: 40px;}
.introduce_list{width: 100%}
.introduce_list p{font-size: 15px;color: #606060;padding-bottom: 20px}
.introduce_list p span{font-weight: bold}
.introduce_show_out{background-color: #009944;color: #9dd7b7}
.introduce_show_out .introduce_info{color: #9dd7b7}
.introduce_show_out .introduce_txt{color: #fff}
.show_out{background: url("../images/minus.png") center center no-repeat;}

.page{width: 100%;margin: 40px 0 10px;display: flex;justify-content: center;position: sticky;top: 100%;}
.page a{display: block;width: 42px;height: 42px;border:1px solid #e9e9e9;text-align: center;line-height: 42px;margin-right: 15px;font-size: 15px;color: #898989;transition: all 0.7s;border-radius: 50%;}

.page a:last-child{margin-right: 0;transform: rotateY(180deg)}
.page a:not(:last-child,:first-child,.on):hover{background-color: #009944;color: #ffffff}
.page a.on{background-color: #009944;color: #ffffff}
.page a:hover{background-color: #009944;color: #ffffff}
.page a.on,.page a.none{cursor: not-allowed;}

.search_title{width: 100%;}
.search_text{width: 100%;padding:50px 0 40px 0;}
.search_text p{width: 700px;height: 70px;background-color: #f5f5f5;padding: 0 30px;display: flex;justify-content: space-between;align-items: center;border-radius: 40px;margin: auto}
.search_text p input{font-size: 18px;color: #000000;border: none;outline: none;background-color: transparent;width: 80%;}
.search_text p i{font-size: 25px;color: #009944;cursor: pointer}
.search_tips{padding: 20px;width: calc(100% - 40px);font-size: 18px;color: #fff;background-color: #009944;margin-bottom: 20px}
.search_tips *{font-size: 18px;}
.search_null{width: 100%;font-size: 20px;text-align: center;font-weight: bold}

.content_title{width: 100%;padding:50px 0 29px 0;border-bottom: 1px solid #e8e8e8;text-align: center;}
.content_title h1{font-size: 30px;color: #1c1c1c;font-weight: bold;margin-bottom: 25px}
.content_title p span{font-size: 15px;color: #999999}
.content_title p span:not(:last-child){margin-right: 30px}
.content_title_line{width: 80px;border-bottom: 3px solid #009944;}
.content_main{width: 100%;overflow: hidden;font-size: 15px;color: #484848;padding: 20px 0;min-height: 300px}
.content_main *,.product_content *{font-size: 15px;color: #484848;line-height: 2em;margin: 0!important;padding: 0!important;white-space: unset !important;}
.content_main p,product_content p{font-size: 15px;color: #484848;line-height: 2em}

.product_parameter{width: 100%;display: flex;justify-content: space-between;margin-bottom: 60px;padding-top: 50px;}
.parameter_swiper{width: 40%;max-height: 570px;overflow: hidden}
.parameter_info{width: 57%;}
.parameter_info_title{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #cecece;font-weight: bold;font-size: 30px;color: #000000}
.parameter_info_introduce{width: 100%;}
.introduce-detail{width: 100%;line-height: 2em;font-size: 15px;text-align: justify;padding: 40px 0;color: #9d9c9c;word-wrap: break-word;min-height: 185px;}
.introduce-value{width: 100%;display: flex;margin-top: 20px;justify-content: space-between;display: none;}
.introduce-value_list{width: 49%;}
.introduce-value_list p{width: 100%;display: flex;align-items: start;justify-content: space-between}
.introduce-value_list p:not(:last-child){margin-bottom: 20px}
.introduce-value_list p span{display: inline-block}
.introduce-value_list p span:nth-child(1){font-size: 15px;color: #7fadbf;width: 25%;text-align: left}
.introduce-value_list p span:nth-child(2){font-size: 15px;color: #464545;width: 75%;}
.parameter_info_btn{width: 100%;display: flex;margin-top: 20px;}
.parameter_info_btn div{font-size: 18px;color: #ffffff;display: flex;justify-content: center;align-items: center;cursor: pointer}
.parameter_info_btn div i{font-size: 20px;color: #ffffff;margin-right: 10px}
.product_phone{background-color: #009944;width: 188px;height: 55px;}
.product_phone i{background:url("../images/phone.png") center center no-repeat;width: 21px;height: 25px;display: block;}
.product_service{background-color: #0173e4;margin-right: 20px;width: 160px;height: 55px;}
.product_content{width: 100%;padding: 50px 0;overflow: hidden;font-size: 15px;color: #484848;min-height: 300px}
.show_line{width: 100%;border-bottom: 1px solid #e4e4e4;position: relative;}
.show_line div{font-size: 28px;color: #2e2e2e;display: inline-block;position: absolute;width: 260px;height: 30px;background-color: #fff;text-align: center;top: -15px;left: calc(50% - 95px);line-height: 30px;}
.show_line div span{margin-left: 7px;font-size: 14px;font-weight: normal;color: #939393}
.other_swiper{width: 100%;margin-top: 40px}
.other_slide{width: 290px!important;cursor: pointer}
.other_slide p:first-child{width: 100%!important;height: 276px;display: flex!important;align-items: center;justify-content: center}
.other_slide p:last-child{width: 100%;text-align: center;padding: 20px 0;font-size: 15px;color: #232323;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.contact{padding: 50px 0 30px 0;}
.contact .input-box{display: flex;justify-content: space-between;}
.contact .input-box input,.contact .code-box input{height: 40px;border: 1px solid  #d2d2d2;background-color: #f9f9f9;padding-left: 15px;width: calc(25% - 40px);}
.contact .input-box input::placeholder,.contact .textarea-box textarea::placeholder{color: #999999;font-size: 16px;}
.contact .textarea-box{padding: 20px 0}
.contact .textarea-box textarea{border: 1px solid  #d2d2d2;background-color: #f9f9f9;padding: 12px 18px;height: 135px;width: calc(100% - 36px);; }
.contact .code-box{padding-bottom: 20px}
.contact .codeimg{height: 42px}
.contact .btn-box{display: flex;justify-content: space-between}
.contact .btn-box input{width: calc(50% - 15px);height: 50px;color: #fff;font-size: 16px;text-align: center;border: none;}
.contact .btn-box .contact-btn-sub{background-color: #009944}
.contact .btn-box .contact-btn-reset{background-color: #999999}

.pan{padding: 20px 40px;width: calc(100% - 80px);position: sticky;top: 100%;background-color: #f5f5f5;display: flex;justify-content: space-between;align-items: center;}
.return_list{font-size: 16px;color: #009944;height: 20px;text-align: center;line-height: 20px;cursor: pointer;background: url("../images/return_list.png") center left no-repeat;padding-left: 30px}
.page_switch{width: 84%;}
.page_switch p{width: 100%;font-size: 15px;color: #3f3f3f;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page_switch p:first-child{margin-bottom: 20px}
.pan div{cursor: pointer;}
.pan div:hover{color: #009944}
.pan span{color: #999999}

.course_tree{width: 100%;display: flex;align-items: center;justify-content: center;background: url("../images/timeline_bg.png") top center no-repeat;overflow-x: scroll; }
.course_circular{width: 30px;height: 30px;border-radius: 50%;background-color: #ececec;display: inline-block;position: relative}
.course_circular p{position: absolute;width: 20px;height: 20px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #a1c8d8}
.course_timeline{width: 100%;display: flex;align-items: center;position: relative;flex-direction: column;}
.course_timeline:after{content: '';position: absolute;width: 100%;height: 2px;background-color: #a1c8d8;top: 50%;transform: translate(-50%,0)}
.data_time{width: 100px;height: 40px;font-size: 20px;color: #000000;background-color: #a1c8d8;display: flex;align-items: center;justify-content: center}
.course_thing{width: 38%;position: relative;padding: 20px;border-radius: 7px;border: 1px solid #e8e8e8}
.course_thing p{width: 100%;overflow: hidden;font-size: 18px;}
.thing_one{color: #85b3c6;}
.thing_two{color: #484848;font-size: 15px;line-height: 2em;margin-top: 5px}
.thing-hid{visibility: hidden}
.course_thing:after{
  content: '';
  border-width: 20px;
  border-style: solid;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
}
.course_thing:before{
  content: '';
  border-width: 20px;
  border-style: solid;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  z-index: 999;
}
.thing-left:after{
  border-color: transparent transparent transparent #e8e8e8;
  left: 100%;
}
.thing-left:before{
  border-color: transparent transparent transparent #ffffff;
  left: 99.7%;
}

.thing-right:after{
  border-color: transparent #e8e8e8 transparent transparent;
  right: 100%;
}
.thing-right:before{
  border-color: transparent #ffffff transparent transparent;
  right: 99.7%;
}

.picture_page{width: 100%;border-radius: 4px;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;padding: 5px 0;background-color: #f8f8f8}
.switch_page{display: flex;align-items: center;justify-content: center}
.switch_page a{border: 1px solid #333333;display: flex;align-items: center;justify-content: center;width: 33px;height: 22px;border-radius: 3px}
.switch_page a:last-child{margin: 0 10px 0 5px}
.switch_page a span{color: #333333}
.switch_page a.none{border-color: #cecece;cursor: not-allowed;}
.switch_page a.none span{color: #cecece}
.icon_right{transform: rotateY(180deg)}
.page_num{margin: 0 15px;font-size: 15px;}
.page_detail{font-size: 15px;color: #333333}

.timeline-bg {
    width: 100%;
    min-height: 550px;
    background: url(../images/timeline_bg.png) center -50px no-repeat;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}
.timeline-box{
  width: 100%;overflow-x: scroll;display: flex;justify-content: space-between;height: 500px;
}
.timeline-box::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}
.left_arrow,.right_arrow{width: 45px;height: 45px;display: inline-block;position: absolute;top: 220px;border: 1px solid #dedede;border-radius: 50%;z-index: 99;color: #dedede;text-align: center;font-size: 20px;line-height: 45px;background-color: #fff;}
.right_arrow{transform: rotate(180deg);right: 0;line-height:39px;}
.left_arrow:hover,.right_arrow:hover{color: #27c346;border-color: #27c346;}

.timeline-container {
  width: 90vw;
  margin: 0 auto;
  position: relative;
  height: 290px;
}
.timeline-axis {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #dedede;
  z-index: 1;
  transform: translateY(-50%);
}
.timeline-tick {
  position: absolute;
  width: 1px;
  background: #dedede;
  z-index: 2;
  left: 0;
}
.timeline-tick.time-main {
  background: #dedede;
}
.timeline-item {
  position: absolute;
  width: 270px;
  z-index: 3;
  text-align: left;
}
.timeline-item.up {
  top: 28px;
}
.timeline-item.down {
  top: 240px;
}
.timeline-dot {
  width: 11px;
  height: 11px;
  border: 1px solid #27c346;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 2px; /* 再往右一点，视觉更居中 */
  z-index: 4;
  top: 10px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-item.up .timeline-dot {
  /*top: 100%;*/
}
.timeline-item.down .timeline-dot {
  top: 10px;
}
.timeline-year {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-left: 25px;
  margin-bottom: 6px;
  margin-top: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.timeline-year.current {
  color: #009944;
}
.timeline-item:hover .timeline-year{
  color: #009944;
}
.timeline-company {
  font-size: 14px;
  color: #666;
  margin-left: 22px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.6;
  display: flex;
  align-items: center;
}
.timeline-company-dot {
  width: 6px;
  height: 6px;
  background: #009944;
  border-radius: 50%;
  margin-right: 6px;
  flex-shrink: 0;
  margin-top: 2px;
}
@media (max-width: 900px) {
  .timeline-container { width: 98vw; }
  .timeline-item { width: 120px; font-size: 12px; }
  .timeline-year { font-size: 16px; }
}