@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px;}
body.ov{ overflow: hidden; }
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#469c35}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ padding: 30px 0; }

.top{ margin: auto; height: 80px; position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 9999; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.top .w1200{ padding-top: 15px; }
.logo{ float: left;}
.nav{ float:right; font-size: 16px;  }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;padding-bottom: 30px;}
.nav li a{ display: block;  padding:0 20px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold;  }
.nav li a:hover{  color: #469c35;}
.nav li.on a{color: #469c35; }
.nav li:last-child a{ background: #469c35; color: #fff; margin-top: 5px; height: 40px; line-height: 40px; border-radius: 50px; }
.nav li:last-child a:hover{ background: #0B57A7; }

.web_dian{ height: 80px; }
.box{ padding:0.8rem 0;  background-repeat: no-repeat; background-position: center; background-size: cover; }
.box1{ background: #f2f2f2; }

.index_dh{ margin: auto; }
.index_dh h2{ font-size: 0.34rem; font-weight: bold; display: inline-block; }
.index_dh b{ font-size: 0.24rem; color: #999;  font-family: Arial;  padding-left: 5px; text-transform:uppercase; }


.pic_list{ margin:auto; width: 1400px; position: relative; padding:40px 0; }
.pic_list li{ background: #fff; }
.pic_list li .pic1 span{padding-top:66%;}
.pic_list li .text{ margin:auto; text-align: center; padding:20px 20px 0 20px; transition: all 0.5s; }
.pic_list li .text h3{ font-size: 20px; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pic_list li .text p{ color:#999; margin:10px auto; }
.pic_list li .text em{ display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 40px; margin:auto; border:#469c35 1px solid; color: #469c35;  opacity: 0;  transition: all 0.5s; }
.pic_list li:hover .text{transform: translateY(-40px);}
.pic_list li:hover .text em{  opacity: 1; }
.pic_list li:hover .bak{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic_list .swiper-button-next, .pic_list .swiper-button-prev{ background: #469c35; width: 0.7rem; height: 0.7rem; border-radius: 100%; outline:none;   }
.pic_list .swiper-button-next:after, .pic_list .swiper-button-prev:after{ font-size: 20px; color: #fff;  }



.pic_list .swiper-pagination{ bottom: 0; outline:none;}
.pic_list .swiper-pagination-bullet{ background: #469c35; opacity: .3; width: 15px; height: 10px; border-radius: 10px; outline:none;}
.pic_list .swiper-pagination-bullet-active{ background: #469c35; width: 25px; opacity: 1;}



.box2{ padding: 1rem 0; }
.box2 .w1200{display: flex; align-items: center;}
.about_l{ float: left; width: 50%; margin-right: 7%;  }
.about_r{ overflow: hidden; width: 43%; position: relative; padding-bottom: 20px; }
.about_dh{ margin:auto; }
.about_dh h2{ font-size: 0.36rem; display: inline-block; font-weight: bold; margin-right: 10px; }
.about_dh span{ font-family: Arial; font-size: 0.24rem; color: #999; text-transform:uppercase; }
.about_con{ font-size: 16px; line-height:2; margin:45px auto; color: #666; }
.more{ margin:auto; }
.more a{ display: block; width: 170px; height: 50px; line-height: 50px; font-size: 16px; background: #469c35; color: #fff; text-align: center; border-radius: 50px; transition: all 0.5s;}
.more a em{ display: block; float: left; margin-left: 20px; }
.more a i{ display: block; float: right; margin-right:10px; width: 36px; height: 36px; line-height:36px; background: #fff; border-radius: 100%; color: #469c35; text-align: center; margin-left: 30px; font-size: 26px; margin-top: 7px; }

.more a:hover{transform: translateX(10px);}
.about_r .pic{ margin-right: 20px; border-radius: 10px; z-index: 1;}
.about_r .pic span{ padding-top: 120%; border-radius: 10px; }
.about_r i{background: #469c35; display: block; width: calc(100% - 20px); height:calc(100% - 20px);; border-radius: 10px; right: 0; top: 20px; position: absolute; z-index: 0;}

.box3{ padding-bottom: 0; }
.fangan_list{ margin:30px auto; position: relative; }
.fangan_list li{ float: left; width: 48%; margin-bottom: 4%; background: linear-gradient(to right, #64bb53 50%, #469c35 100%); border-radius: 10px;}
.fangan_list li:nth-child(2n) { float: right;background: linear-gradient(to right, #3f8bfd 50%, #2662d7 100%);  }

.fangan_list li a{ display: block; color: #fff; padding: 30px;  }
.fangan_list li a .tit{ margin:auto; display: flex; align-items: center;  }
.fangan_list li a .tit h3{ font-size: 20px; width: calc(100% - 42px); }
.fangan_list li a .tit .span{ display: block; width: 42px; }
.fangan_list li a .tit .span img.icon2{ display: none }

.fangan_list li:nth-child(2n) .tit .span img.icon1{ display: none }
.fangan_list li:nth-child(2n) .tit .span img.icon2{ display: block; }

.fangan_list li a p{ line-height: 1.8; margin:20px auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 75px; }
.fangan_list li a em{ width: 120px; height: 40px; line-height: 40px; display: block; text-align: center; border: #fff 1px solid; border-radius: 40px; }

.fangan_list .line{ width: 80px; padding: 2px 0; position: absolute; left: 50%; margin-left:-40px;  }
.fangan_list .line i{display: block; width: 70px; height:5px; border-radius: 5px; background: #83A9E5;  margin:auto; position: relative; z-index: 2;}
.fangan_list .line:before{ content: ""; width: 13px; height: 13px; background: #fff; border-radius: 100%; position: absolute; left: 0; top: -2px; z-index: 1; }
.fangan_list .line:after{ content: ""; width: 13px; height: 13px; background: #fff; border-radius: 100%; position: absolute; right: 0; top: -2px; z-index: 1; }

.fangan_list .line1{top: 15%;}
.fangan_list .line2{top: 25%;}
.fangan_list .line3{bottom: 35%;}
.fangan_list .line4{bottom: 25%;}

.news_box{margin:30px auto;}
.news_l{ float: left; width: 75%; }
.news_l li{ float: left; width: 47%; margin-right:3%; background: #fff;  border-radius: 10px; transition: all 0.5s;}
.news_l li .pic { margin:auto; border-top-left-radius:10px; border-top-right-radius:10px;   }
.news_l li .pic span{ padding-top: 71.4%; }
.news_l li .text{ padding: 25px 20px; }
.news_l li h3{ font-size: 18px; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_l li em{ display: block; color: #999; margin:10px auto; }
.news_l li p{ line-height: 1.8; height: 75px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666;}
.news_r{ overflow: hidden; background: #fff; border-radius: 10px; padding: 15px; }
.news_r li{ margin:20px auto; }
.news_r li h3{font-size: 18px; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_r li em{display: block; color: #999; margin:10px auto 0 auto;}
.news_l li:hover{transform: translateY(-5px); -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}

.hezuo{ margin:30px auto 0 auto; }
.hezuo li{ /*float: left; width: 19.6%; margin-left:0.5%;*/ background: #fff; /*margin-bottom: 0.5%;*/ margin-bottom:10px; }
/*.hezuo li .pic1 { width: 90%; margin:auto; }*/
.hezuo li .pic1 span{ padding-top: 40%; }
.hezuo li.li1{ margin-left:0; }
.hezuo li:hover{-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.hezuo .mySwiper{ padding-bottom:40px;}


.foot_box{ background: #000; margin: auto; padding:50px 0px 20px 0; color: #999; }
.f_lxwm{ margin:30px auto; }
.f_lxwm p{ margin:15px auto; color: #999; font-size: 15px;  }
.f_lxwm p i{ color: #fff;padding-right: 10px; }
.f_lxwm_l{ float: left; width: 48%; margin-right: 2%; }
.f_lxwm_r{ overflow: hidden; }
.foot{ border-bottom:#262626 1px solid; padding-bottom:20px; margin-bottom:20px; }
.foot_l{ width: 60%; margin-right:5%; }
.mess{ overflow: hidden; }
.copy a{color: #999; }
.copy{ text-align: center; color: #999;  }

.foot_but{ margin:30px auto; }
.foot_nav{ width: 60%; font-size: 16px;}
.wei{ overflow: hidden; }
.foot_dh{  color: #fff; font-size: 18px;}
.foot_nav dl{ margin:10px auto; }
.foot_nav dl dd{ float: left; width: 40%; margin-bottom: 10px; }
.foot_nav dl dd a{ color: #999; }
.wei img{ border-radius: 10px; }


.mess p{ margin:30px auto; background: #202020;  border-radius: 5px;}
.mess p input{ background: none; border: none; height: 50px; line-height: 50px; text-indent: 10px; color: #fff; font-size: 16px; width: 100%; }
.mess dd{background: #202020; padding: 10px;  border-radius: 5px;}
.mess dd textarea{background: none; border: none; width: 100%; height: 100px; font-size: 16px; color: #fff;}
.mess p input.button{ background: #469c35; text-align: center; border-radius: 5px; font-weight: bold; }

.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 20%; }

.wzdh{ background: #fff; border-bottom: #ddd 1px solid; height: 60px;  line-height: 60px; }
.n_dh1{ float: left; }
.n_dh1 a{ display: inline-block; height: 58px; line-height: 58px;  padding: 0 10px; margin-right: 10px; /*border-bottom: #469C35 3px solid;*/ font-size: 16px; }
.n_dh1 a.on{ font-weight: bold; color: #469C35; border-bottom: #469C35 3px solid; }
.route{  float: right; color: #666; }
.route a{color: #666;}
.route a:hover{ color: #469C35; }
.route1{ float: none; }


.left{ width: 21.5%; margin-right: 30px; }
.right{ overflow: hidden; }
.n_name{ margin:auto; border-bottom: #ddd 1px solid; line-height: 45px; height: 45px; }
.n_name h2{ display: inline-block; border-bottom: #2c70da 1px solid;  font-size: 24px; }

.n_dh{ margin:auto;   }
.n_dh a{ border-bottom: #ddd 1px solid; height: 50px; line-height: 50px; font-size: 16px; display: block; }
.n_dh a i{ padding-right: 5px; }
.n_dh a.on { color: #469C35; font-weight: bold; }

.lxwm{ margin:20px auto; }
.lxwm p{ margin:10px auto; font-size: 16px; line-height: 1.8; }

.pic_list1{}
.pic_list1 li{ float: left; width: 31.33%; margin-left: 3%; margin-bottom: 3%;}
.pic_list1 li a{ display: block; }
.pic_list1 li .pic1{ border: #eee 1px solid; }
.pic_list1 li .pic1 span{ padding-top:66%; }
.pic_list1 li .pic1 i{ position: absolute; display: block; width: 50px; height: 50px;  background: rgba(70,156,53,0.9); color: #fff; top: 50%;  left: 50%; transform: translate(-50%, -50%) scale(0);font-size: 26px; text-align: center; line-height: 50px; border-radius: 100%; transition: all 0.5s; }
.pic_list1 li.li1{ margin-left:0px; }
.pic_list1 li h3{ font-size: 14px; margin:auto; padding: 10px; text-align: center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; min-height: 22px; }
.pic_list1 li:hover .pic1:before{ content: ""; width: 100%; height: 100%; background:rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; z-index: 1;  }
.pic_list1 li:hover .pic1 i{ transform: translate(-50%, -50%) scale(1); z-index: 2;  }


.job_list{}
.job_list li{ margin:0 auto 30px auto; }
.job_list li .tit{ height: 50px; line-height: 50px; border-bottom: #ddd 1px solid; font-size: 16px; }
.job_list li .tit h3{ float: left; font-size: 24px; font-weight: bold; }
.job_list li .tit h3 i{ display: inline-block; width: 10px; height: 25px; background: #469c35; margin-right: 10px; position: relative; top: 4px; }
.job_list li .tit_r{ float:right; }
.job_list li .tit_r span{ margin-left:20px; color: #666; }
.job_list li .text{ margin:20px auto; line-height: 1.8; font-size: 16px; }


.fangan_list_n{ margin:20px auto; }
.fangan_list_n li{ float: left; width: 48%; margin-bottom: 4%;  border-radius: 10px; background: #fff; }
.fangan_list_n li:nth-child(2n) { float: right;  }
.fangan_list_n li a{ display: block; color: #333; padding: 30px;  }
.fangan_list_n li a .tit{ margin:auto; display: flex; align-items: center;  }
.fangan_list_n li a .tit h3{ font-size: 20px; width: calc(100% - 42px); }
.fangan_list_n li a .tit .span{ display: block; width: 42px; }
.fangan_list_n li a .tit .span img.icon2{ display: none }
.fangan_list_n li:hover{background: linear-gradient(to right, #64bb53 50%, #469c35 100%);}
.fangan_list_n li:hover .tit .span img.icon1{ display: none }
.fangan_list_n li:hover .tit .span img.icon2{ display: block; }

.fangan_list_n li a p{ line-height: 1.8; margin:20px auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 75px; }
.fangan_list_n li a em{ width: 120px; height: 40px; line-height: 40px; display: block; text-align: center; border: #64bb53 1px solid; border-radius: 40px; color: #64bb53; }
.fangan_list_n li a:hover{ color: #fff; }
.fangan_list_n li a:hover em{  border: #fff 1px solid; border-radius: 40px; color: #fff; }



.lxwm_big{display: flex; align-items: center; margin:20px auto; }

.map{ float: left; width: 50%; margin-right:5%;  }
.map iframe{ border:#fff 5px solid; width: calc(100% - 10px)!important; }
.lxwm_n{ overflow: hidden; width: 45%; }
.lxwm_n h1{ font-size: 26px; margin:0 auto 20px auto; color: #469c35; font-weight: bold; }
.lxwm_n .dan_con{ font-size: 18px; }
.lxwm_n .dan_con p{ margin:10px auto; }
.job_list li .tit_r.wap{ display: none; }
.wap{ display: none; }

.product{ margin:20px auto 30px auto; }
.pic_ll{ float: left; width: 40%; margin-right: 2%; }
/*.pic_ll .pic11{ text-align: center; display: flex; align-items: center;  height: 310px; }*/
/*.pic_ll .pic11 img{ display: block; margin:auto; max-height: 310px; }*/
.pic_ll .pic1{ /*width: 80%; */margin:auto; }
.pic_ll .pic1 span{ padding-top: 100%; }
.pic_rr{ overflow: hidden; }
.pic_rr h1{ font-size: 24px; color: #0F75BC; font-weight: bold; }
.pic_rr span{ display: block; color: #999; font-size: 15px; }
.pic_rr .con{ margin:15px auto; line-height: 2; color: #666;  }
/*.pic_rr p{ margin:5px auto;line-height: 2; color: #666; }
.pic_rr p b{ color: #000; }*/

.pic_dk_dh{ margin:auto; border-bottom: #eee 1px solid; }
.pic_dk_dh a{ float: left; display: block; margin-right: 10px; background: #f3f3f3; color: #3A3A3A; padding:10px 25px; font-size: 16px; }
.pic_dk_dh a:hover,.pic_dk_dh a.on{ background: #0F75BC; color: #fff; }
.pic_dk_con{ margin:20px auto; font-size: 16px; line-height: 1.8; }
.pic_dk_con .con{ display: none; }
.pic_dk_con .con.block{ display: block; }


.dan_con table,.tong_connr table,.pic_dk_con .con table{border-right: #000 1px solid!important; border-bottom:  #000 1px solid!important;}
.dan_con td,.tong_connr td,.pic_dk_con .con td{  padding:5px; border: none!important; border-left: #000 1px solid!important; border-top: #000 1px solid!important;  font-size: 15px!important;}




.pic_list1 .test {
    width:100%;
    height:100%;
    background-color:#000;
    position:fixed;
    top:0;
    left:0;
    z-index:99990;
    opacity:0.6;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=30);
    display:none;
}
.pic_list1 .log_window {
    width: 100%; height: 100%;
    margin: auto;
    position: fixed;
    z-index:99999;
    top: 0; left: 0; overflow: auto;
    display:none;
}

.pic_list1 .log_window .log_box{ display: flex; align-items: center;  position: absolute; left: 0; top:20px; height: calc(100% - 20px);;  width: 100%;}
.pic_list1 .log_window .log_box .log_nr{width:1000px; max-width: 90%; background:#fff; margin:auto;}
.pic_list1 .log_window .con{ padding:0 20px 40px 20px; position: relative;  }
.pic_list1 .log_window .pic1{ float: left; width: 40%; margin-right: 3%; }
.pic_list1 .log_window .pic1 span{ padding-top: 100%; }
.pic_list1 .log_window .text{ overflow: hidden; }
.pic_list1 .log_window .text .tit{ margin:auto; }
.pic_list1 .log_window .text .tit h3{ font-size: 22px; font-weight: bold; }
.pic_list1 .log_window .text .tit span{ color: #999; font-size: 16px; display: block; margin:auto; }
.pic_list1 .log_window .text .tit p{ font-size: 18px; font-weight: bold; margin-top: 10px; }
.pic_list1 .log_window .text .text_con{ margin:10px auto 20px auto;  }
.pic_list1 .log_window .text .text_con ul li{ margin:5px auto; float: none; width: 100%; }
.pic_list1 .log_window .text .text_con ul li:before{font-family:"iconfont"; content: "\e617";   font-size: 12px; margin:0 2px 0 0px; }
.pic_list1 .log_window .gb{ text-align: right; padding: 10px;   }

.pic_list1 .log_window .gb i{ font-size: 20px; }