/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com
HMM编写
*/

html {

  overflow-x: hidden;
  font-family:MyFontName;

}
.clearfix{*zoom:1 !important;}


html,

body,

p {

  margin: 0;

  padding: 0;

  border: 0;

}


button{
  border: 0;
   
  background-color: transparent;
   
  outline: none;}
.btn {margin-right: 30px;}
ul,

ol,

li {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.m10{margin-top: 10px;}
.m20{margin-top: 20px;}
.m30{margin-top:30px;}
.m50{margin-top: 50px;}
.m60{margin-top:60px;}
.m80{margin-top: 80px;}
.warp{padding: 100px 0;position: relative;}
.bg_lv{background: #FAFAFA;}
.bg_lu{background-color: #61B45A;}
.bg_ba{background-color: #F9FDF8;}
.block{max-width: 1200px;margin: 0 auto;}
.line{width: 52px;height: 2px;background: #61B45A;}
.view_more{background: #61B45A;font-size: 14px;color: #fff;border-radius: 27px;padding: 20px 40px;width: max-content;}
.view_more a{color: #fff;}
h1 {font-size: 24px;color: #65696C;font-weight: 500;}
h2 {font-size: 16px;color: #65696C;font-weight:550;}
h3{font-size: 14px;color: #65696C;line-height: 1.5;}
h4 {
    font-size: 14px;
    line-height: 1.5
}
p{font-size: 14px;color: #65696C;line-height: 2;}
a {
  text-decoration: none; } /*正常的未被访问过的链接*/ a:link { text-decoration: none; } /*已经访问过的链接*/ a:visited { text-decoration: none; } /*鼠标划过(停留)的链接*/ a:hover { text-decoration: none; } /* 正在点击的链接*/ a:active { text-decoration: none; }


/*
header
*/
.headers{
  position: absolute;
  z-index: 99999;
  top: 0;
  width: 100%;
}

#header {
  position: relative;
  border-bottom: 1px solid rgb(255, 255, 255,.4);

}

.logo {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo img{max-width: 540px;}


#menu {
  width: 860px;
  margin: 0 auto;

}

.nav {
  width: 100%;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav li {
  text-align: center;
  width: 100px;
  float: left;
  z-index: 99999;
}

.nav li a {
  display: block;
  padding: 24px 12px;
  color: #fff;
  font-size: 18px;
  z-index: 99999;
}
/*.nav li .on{*/
/*  color: #68b92e;*/
/*  z-index: 99999;*/
/*  border-bottom: 1px solid #61B45A;*/
/*}*/
/*.nav li:hover a {*/
/*  color: #68b92e;*/
/*  text-decoration: none;*/
/*  z-index: 99999;*/
/*  border-bottom: 1px solid #61B45A;*/
/*}*/

/*.nav li:hover>a {*/
/*  background: url(/images/nav_xx.png) no-repeat center bottom;*/
/*}*/

.nav .sec {
  height: 0;
  color: #fff;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  top:68px;
  z-index: 99999;
  background: rgb(0,0,0,0.3);
}

.nav .sec a {
  color: #fff !important;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  z-index: 99999;
  display: inline-block;
  font-family: "瀹嬩綋";
  padding: 0 10px;
  position: relative;
}
.nav .sec .on2{color: #61B45A !important;}
.nav .sec a+a::before {
  position: absolute;
  width: 1px;
  height: 12px;
  background: #b5b5b6;
  left: 0px;
  top: 15px;
  content: "";
}

.nav .sec a:hover {
  /*color: #68b92e!important;*/
}



.rys{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.ry{display: flex;flex-direction: column;align-items: center;}
.ry p{color: #fff;}
.ry h1{color: #fff;}
.fzlc{display: flex;align-items: center;flex-direction: column;position: relative;}
.fzlc_tips{position: absolute;top: -10px;right: -20px;color: #61B45A !important;}
.fzlc p{color: #65696C;}
.fzlc h1{color: #65696C;}
.showdow{padding: 50px 100px;justify-content: space-around;background-color: #fff;box-shadow: 0px 4px 27px 0px rgba(162, 162, 162, 0.34);border-radius: 20px;}
.fzlc_line{height: 50px;border-left: 1px solid #e6eaec;width: 0;}



.mobiles{width:100%;float:left;position:fixed;top:0;left:0;height:50px;display:none;z-index:9999}

.mobile-inner-header{background-color:#fff;width:100%;height:50px;position:absolute;top:0;left:0;display: flex;align-items: center;}

.mobile-inner-header .logo2{width:150px;margin-left:13px}

.mobile-inner-header .logo2 img{display:block;width:100%}

.mobile-inner-header-icon{color:#fff;height:50px;font-size:25px;text-align:center;right:0;width:50px;top:0;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}

.mobile-inner-header-icon span{position:absolute;top:50%;right:13px;width:24px;height:1px;background-color:#333}

.mobile-inner-header-icon span:nth-child(1){transform:translateY(6px) rotate(0)}

.mobile-inner-header-icon span:nth-child(2){transform:translateY(-6px) rotate(0)}

.mobile-inner-header-icon span:nth-child(3){transform:translateY(0) rotate(0)}

.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}

.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}

.mobile-inner-header-icon-click span:nth-child(3){display:none}

@keyframes clickfirst{0%{transform:translateY(6px) rotate(0)}

100%{transform:translateY(0) rotate(45deg)}

}

@keyframes clicksecond{0%{transform:translateY(-6px) rotate(0)}

100%{transform:translateY(0) rotate(-45deg)}

}

.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}

.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}

@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}

100%{transform:translateY(-7px) rotate(0)}

}

@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}

100%{transform:translateY(7px) rotate(0)}

}

.mobile-inner-nav{background-color:#fff;width:100%;height:calc(100vh - 50px);position:absolute;top:50px;left:0;padding-top:30px;padding-bottom:80px;display:none;overflow-y:auto!important}

.mobile-inner-nav a{display:block;line-height:50px;text-decoration:none;width:90%;margin:0 auto;color:#333;border-bottom:solid 1px #ddd;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300;font-size:16px;border-top:solid 1px #ddd}

.mobile-inner-nav a:hover{color:rgba(51,51,51,.4);border-bottom:solid 1px rgba(51,51,51,.2)}
.mobile-inner-nav li{margin-top:-1px}
/*banner*/
.banner{ width: 100%; }
.banner a{ width: 100%; display: block;height: 100%; position: absolute;left: 0; top: 0; z-index: 22; }
/*.banner .swiper-slide{ height:800px; background-size: cover; }*/
.banner .swiper-slide{ height:372px; background-size: cover; }

.banner .swiper-pagination{ bottom: 40px; display:  table; width: auto;left: 50%;-webkit-transform: translate(-50%,-50%);}
.banner .swiper-pagination .swiper-pagination-bullet{ background: #fff; width: 45px;
  height: 4px;
  background: #FFFFFF;
  border-radius: 2px; margin:0 8px; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; }



/*index-qyjj*/
.qyjj_index{display: flex;align-items: center;justify-content: space-between;}
.qyjj_index .left{max-width: 500px;}
.qyjj_index .right{max-width:600px;}
.qyjj_index .right img{width: 100%;height: auto;}


/*index-adv*/
.adv_menu{display:flex;align-items: center;}
.adv_menu h2{margin-right: 45px;}
.adv_menu .adv_on{color: #61B45A;}
.adv_show{background-color: #fff;width: 100%;display: flex;align-items: center;}
.adv_show .left{max-width: 800px;}
.adv_show .left img{width: 100%;height: auto;}
.adv_show .right{display: flex;flex-direction: column;flex: 1;margin:0 40px;}
.adv_show .right .adv_name{padding-bottom:15px;border-bottom: 1px solid #61B45A;width: max-content;font-size: 14px;color: #65696C;text-align:left;font-weight: bold;z-index: 2;}
.adv_show .right .line{width:100%;border: 1px solid #CBCBCB;height: 0;margin-top:-2px;z-index:1;}
.adv_show .right .descr{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*index-case*/
.title_index{display: flex;flex-direction: column;width: 100%;}
.case_bg{background: url(../images/case_bg.png) no-repeat;background-size: 100% 100%;height: 330px;position: absolute;bottom: 0;width: 100%;z-index: -1;}
.case_index{display: flex;flex-direction: column;align-items: center;width: 100%;}
.cases{display: flex;align-items: center;justify-content: space-between;}
.case{display: flex;flex-direction: column;background: #FFFFFF;border-radius: 20px;width: 330px;position: relative;margin: 10px 0;}
.case img{margin: 0 auto;width: 240px;height: 240px;margin-top: 50px;border-radius: 2%;}

.case .case_info{width: 75%;margin: 0 auto;margin-bottom: 50px;}
.case_info h2{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case_info p{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.case .case_info .more{display: flex;align-items: center;}
.case:hover{box-shadow: 0px 4px 18px 0px rgba(162, 162, 162, 0.34);}
.case:hover .dian{width: 12px;height: 12px;background: #61B45A;border-radius: 50%;position: absolute;top: 20px;right: 20px;}
.case:hover .case_info h2{color: #61B45A;}
.h_line{width: 0px;}
.case:hover .case_info .h_line{width: 68px;height: 0px;border: 1px solid #61B45A;transition:0.5s;}

.news_index{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.new_index{width: 48%;padding: 30px 0 100px 0;border-bottom: 1px solid #EFEFEF;}
.new_index .new_title{display: flex;margin: 0 auto;width: 90%;align-items: center;justify-content: space-between;}
.new_index .new_title h2:nth-child(2){font-weight: 400;}
.new_index .desc{width: 90%;margin-left: 5%;  word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.new_index:hover{background: #FFFFFF;box-shadow: 0px 4px 35px 0px rgba(162, 162, 162, 0.2);border-radius: 20px;}
.new_index:hover h2:nth-child(1){color: #61B45A;}


footer {background:#333; padding: 70px 0;text-align: center;}
footer .footers{display: flex;align-items: center;justify-content: space-between;width: 750px;margin: 0 auto;}
footer .footers .right{display: flex;flex-direction: column;align-items: center;}
footer .footers .left{display: flex;flex-direction: column;align-items: flex-start;}
footer .footers .left img{margin-right: 7px;}
footer .footers .left .name_comp{font-size: 18px;color: #fff;}
footer .p1{ color: rgba(255,255,255,.6);font-size:12px; line-height:2.5;display:flex;align-items: center;}
.copyright{color:rgba(255,255,255,.6); text-align: center;font-size:12px;background:#333;height:50px; line-height: 50px;border-top: 1px solid rgb(255, 255, 255,.3);}
.copyright a{color:rgba(255,255,255,.6);}





/*about*/
.n_banner {
  position: relative;
  width:100%;
  text-align: center;
}
.n_banner img{width: 100%;}
.n_banner h1 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 55%;
  color: #fff;
}
.n_banner h1 span {
  display: block;
  font-weight: normal;
  line-height: 2;
  font-size: 18px;
  text-transform: uppercase;

  font-variant:small-caps

}

.teams{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.team{width:280px;margin-bottom: 20px;}
.team img{width: 100%;height: auto;}

.sort {
  position: absolute;
  bottom: 0px;
  z-index: 99;
  text-align: center;
  display: flex;align-items: center;justify-content: space-between;
  left: 50%;
  transform: translate(-50%, 0);
}
.sort li {
  margin: 0 10px;
  padding: 0 10px;
  line-height: 60px;
  display: inline-block;
  border-top: 1px solid #fff;
  max-width:max-content;
}
.sort li a {
  display: block;
  line-height: 60px;
  font-size:16px;
  color: #fff;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
}
.sort li a i {
  width: 50px;
  height: 40px;
  display: inline-block;
}
.sort li a i img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.contents{width: 100%;margin: 0 auto;display: flex;justify-content: center;}
.qywh h2{line-height: 1.5;margin: 5px 0;}
.qywh p{text-indent:24px}
.videos{width:100% ;height:400px;border-radius: 24px;box-shadow: 0px 4px 27px 0px rgba(162, 162, 162, 0.34)}
.video img{width: 100%;height: auto;}
.mobile_menu{display: none;}

.flex-product {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0px;
}
.flex-product li {
  position: relative;
  margin-bottom: 25px;
}
.flex-product li a {
  display: block;
  overflow: hidden;
}
.flex-product li a img{
  max-width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.flex-product li:nth-child(1) h3{color: #fff;}
.flex-product  h3{
    bottom: 15px;
    text-align: center;
    right: 20px;
    position: absolute;
    bottom: 10px;
    color: #080707;
    font-size: 30px;
  font-weight: normal;
}
.case_img{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.case_img img{height: 200px;width: 100%;}
.case_img p{ padding-top: 5px;font-weight: normal;}
.ts_lb{display: flex;justify-content: center;}

.contact{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.map{height: auto;padding: 30px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 4px 27px 0px rgba(162, 162, 162, 0.34);
  border-radius: 20px;}

.ditu{width:100%;height: 400px;}

.hbs{padding: 20px;box-shadow: 0px 4px 27px 0px rgba(162, 162, 162, 0.34);background-color: #e0e0e0;display: flex;align-items: center;justify-content: center;}
.hbs img{height: 60px;}

.intxt{border: 1px solid rgb(118, 118, 118);}

input,
    textarea {
        width: 100%;
        height: 100%;
        padding: 15px 0;
        font-size: 16px;
        color: #666666;
        padding-left: 10px;
    }
    
    .index-contact-form-top {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
.one {
  width: 48%;
  margin-top: 15px;
}

.two {
  width: 48%;
  margin-top: 15px;
}

.thr {
  width: 100%;
  margin-top: 15px;
}

.for {
  width: 100%;
  margin-top: 15px;
}

.textarea {
  min-height: 200px;
}

.sub {
  padding: 12px 40px;
  background: #007644;
  border-radius: 4px;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  width: max-content;
  border: none;
  margin-right: -10px;
}


.time{border-bottom: 1px solid #f0efef;padding-bottom: 20px;}
.pagelist2 {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 0 0 ;
}
.pagelist2 .p {
  margin-top: 10px;
  font-size: 14px;
  color: #65696C;
  line-height:1.5;
  font-weight: 550;
}
.pagelist {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.pagelist li{padding: 10px  20px;border: 1px solid #65696C;margin-right: 10px;}
.pagelist .active a{color: #fff!important;}
.pagelist .active {border-color: #61B45A;background-color: #61B45A;}



.cases_success{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.mobilesss{display: none;}

.level2{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;

}
.level2_li{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:20px;

}
.level2_li a{
      border: none !important;
}
.level2_a{
  width: max-content !important;
  border-bottom:none !important;
  font-size: 12px !important;
  line-height: 30px !important;
}




.downloads{width:90%;border-bottom:1px solid #f5f5f5;padding:0 5px;display:flex;align-content:center;justify-content:space-between}
.downloads span{font-size:14px;color:#65696C;width:70px;line-height:2.3}
.downloads p{flex:1;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}