@charset "utf-8";
/*******CSS commont*************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-weight:inherit;font-size:inherit;font-family:inherit; border: 0px;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/*******CSS reset*************/
body{ background: #fff; overflow-x: hidden; color:#333; font-size: 12px; font-family:'Microsoft YaHei','微软雅黑',Arial;}
@media (min-width:1200px) 
{
    body{ font-size: 14px; }
}
@media (min-width:1601px) 
{
    body{ font-size: 15px; }
}
a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.3s;}
a:hover{ text-decoration: none; color:#22a54f; }
.left{float:left;}
.right{float:right;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.clear{clear:both;}
.hidden{display:none;}
.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }
 
.imgbox {position:relative;overflow:hidden;width:100%;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.imgbox:hover img{width:110%;transition:.36s width;}
.imgboxs {position:relative;overflow:hidden;width:100%;}
.imgboxs:after {content:'';display:block;padding-top:100%;}
.imgboxs img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.imgboxs:hover img{width:110%;transition:.36s width;}
.simgboxs {position:relative;overflow:hidden;width:100%;}
.simgboxs:after {content:'';display:block;padding-top:185%;}
.simgboxs img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgboxs:hover img{width:110%;transition:.36s width;}
.simgbox {position:relative;overflow:hidden;width:100%;}
.simgbox:after {content:'';display:block;padding-top:39%;}
.simgbox img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgbox:hover img{width:110%;transition:.36s width;}
.simgboxt {position:relative;overflow:hidden;width:100%;}
.simgboxt:after {content:'';display:block;padding-top:44%;}
.simgboxt img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgboxt:hover img{width:110%;transition:.36s width;}
.simgboxts {position:relative;overflow:hidden;width:100%;}
.simgboxts:after {content:'';display:block;padding-top:23.5%;}
.simgboxts img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgboxts:hover img{width:110%;transition:.36s width;}
.simgbox1s{position:relative;overflow:hidden;width:100%;}
.simgbox1s:after {content:'';display:block;padding-top:65.6%;}
.simgbox1s img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.simgbox1s:hover img{width:110%;transition:.36s width;}
@font-face{
     font-family: 'impact';
     src:url('impact.ttf') format('truetype');
} 

/*******Css header*******/
#tops{ position: relative; }
#header{ height: 57px; width: 100%; position: fixed; transition: all 0.5s; top: 0px; left: 0px; z-index: 999;}
.logo{ width: 232px; float: left; padding-top: 5px;}
.logo img{ max-width: 100%; }
.logos{ width: 232px; float: left; padding-top: 5px; display: none;}
.logos img{ max-width: 100%; }
.map_open{ position: absolute; font-size: 26px; right: 15px; color: #fff; height: 47px; line-height: 47px; top: 50%; margin-top: -23px;}
#header.c-head-hide{
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}
#header.c-head-move{
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#header.c-head-hide .logos{display: block;  }
#header.c-head-hide .logo{display: none;}
#header.c-head-hide .map_open{ color: #22a54f; }
@media (min-width:992px) 
{
    #header{ height: 67px; }
    .logo{ padding-top: 10px; }
    .logos{ padding-top: 10px; }
}
@media (min-width:1200px) 
{
    #header{ height: 77px; }
    .logo{ padding-top: 15px; }
    .logos{ padding-top: 15px; }
    .nav{ float: right; height: 56px; line-height: 56px; margin-top: 6px; }
    .nav a{ float: left; margin: 0px 22px; color: #fff; font-size: 16px; position: relative;}
    .nav a::before {
    content: "";
    position: absolute;
    left: 0px; 
    bottom: 0px;
    height: 1px;
    transition: all 0.5s;
    width: 0px;
    }
    #header.c-head-hide{ height:67px; }
    #header.c-head-hide .logo{ padding-top: 10px; }
    #header.c-head-hide .logos{ padding-top: 10px; }
    #header.c-head-hide .nav{ margin-top: 3px; }
    #header.c-head-hide .nav a{ color: #22a54f; }
    .nav a.on,.nav a:hover{ font-weight: bold; }
    .nav a.on::before,.nav a:hover::before {
     width: 100%; background: #fff;
    }
    #header.c-head-hide .nav a.on::before,#header.c-head-hide .nav a:hover::before{
        background: #22a54f;
    }
    #dnav{ float: right; margin-top: 6px;}
    #dnav .nLi{ float: left; position: relative;}
    #dnav li p{ height: 56px; line-height: 56px; padding: 0px 22px; color: #fff; font-size: 16px; }
    #dnav li p a{ color: #fff; display: inline-block; position: relative;}
    #dnav .nLi p a{  color: #fff;  display: inline-block; position: relative;}
    #dnav .nLi p a::before {
    content: "";
    position: absolute;
    left: 0px; 
    bottom: 0px;
    height: 1px;
    transition: all 0.5s;
    width: 0px;
    }
    #dnav .subs{ overflow: hidden; display: none; text-align: center; position: absolute; z-index: 999; padding: 10px 0px 10px 0px; font-size:14px; top: 56px; background:#fff;}
    #dnav .subs a{ width: 100%; height: 38px; line-height: 38px; float: left; color: #333;}
    #dnav .subs a:hover{ background:#22a54f; color: #fff; }
    #dnav .subs a.on{ background:#22a54f; color: #fff;}
    #dnav .nLi.on p a,#dnav .nLi p a:hover{ font-weight: bold; }
    #dnav .nLi.on p a::before,#dnav .nLi p a:hover::before {
     width: 100%; background: #fff;
    }
    #header.c-head-hide #dnav{ margin-top: 3px; }
    #header.c-head-hide #dnav .nLi p a{
        color: #22a54f;
    }
    #header.c-head-hide #dnav .nLi.on p a::before,#header.c-head-hide #dnav .nLi p a:hover::before{
        background: #22a54f; width: 100%;
    }
    #nav_2 .subs{ width: 180px; }
}
@media (min-width:1601px) 
{
    #header{ height: 100px; }
    .logo{ padding-top: 30px;}
    .logos{ padding-top: 30px;}
    .nav{ height: 66px; line-height: 66px; margin-top: 22px; }
    .nav a{ margin: 0px 30px; font-size: 17px;}
    #header.c-head-hide{ height:80px; }
    #header.c-head-hide .logo{ padding-top: 15px; }
    #header.c-head-hide .logos{ padding-top: 15px; }
    #header.c-head-hide .nav{ margin-top: 5px; }
    #dnav{ margin-top: 22px;}
    #dnav li p{ height: 66px; line-height: 66px; padding: 0px 30px; font-size: 17px; }
    #dnav .subs{ top: 66px; font-size: 15px; }
    #dnav .subs a{ height: 42px; line-height: 42px;}
    #header.c-head-hide #dnav{ margin-top: 5px; }
}
.map_closes{ height: 61px; line-height: 61px; overflow:hidden; }
.map_closes a{ text-align: center; float: right; margin-right: 2px; }
.map_closes a .iconfont{ font-size: 30px; color:#22a54f; }
.map_close:hover {
    transform: rotate(90deg);
    border-radius: 50%;
}
#menu_map{ transform: translateY(-100%);transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
    opacity: 0;position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; background: #fff; width: 100%!important; height: 100%!important; overflow:hidden; }
#menu_map.down {
    border-radius: 0% 0% 0% 0%;
    transform: translateY(0);
    opacity: 1;
}
.navp1{ padding: 10px 0px 10px 30px;  }
.navp1 img{ max-width: 90%; }
.navp2{ padding-left: 30px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #22a54f; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; border-bottom: solid 1px #f5f5f5;}
.nav-item p{overflow: hidden;line-height: 46px;max-height:46px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right;  color: #666;}
.nav-item p a{ float: left; }
.nav-item.on{ color: #22a54f; }
.nav-item.on a{ color: #22a54f; }
.nav-item.on p i{ color: #22a54f; }
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size: 14px; display: block;}
.nav-item .msub a.on{ color:#d4231f;}
.nav-item.nav-show .msub{display: block;}
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
#mbanners{ overflow: hidden; }
#mbanners img{ width: 100%; transition: 1s linear 2s;}
#mbanners .swiper-slide-active img,
#mbanners .swiper-slide-duplicate-active img {
    transition: 16s linear;
    transform: scale(1.2, 1.2);
}
#banners{ overflow: hidden; }
#banners img{ width: 100%; transition: 1s linear 2s;}
#banners .swiper-slide-active img,
#banners .swiper-slide-duplicate-active img {
    transition: 16s linear;
    transform: scale(1.2, 1.2);
}
#banners a{ width: 100%; float: left; position: relative;}
#banners .swiper-pagination-bullet {
    opacity: 1;
}
#banners .c-dot {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
}
#banners .swiper-pagination{
    position: relative;
    text-align: left;
}
#banners .loading {
  margin: 0 5px;
  width: 38px;
  height: 38px;
    position: relative;
    border: 4px solid transparent;
    background: transparent;
}
#banners .loading.swiper-pagination-bullet-active {
    border-color: rgba(255,255,255,.2);
}
#banners .loading .c-progress {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
    left: 11px;
    top: 11px;
  line-height: 120px;
  text-align: center;
}
#banners .loading.swiper-pagination-bullet-active .c-progress {
    background-color: #f1c718;
}
#banners .loading .left,
#banners .loading .right {
    opacity: 0;
  width: 19px;
  height: 38px;
  overflow: hidden;
  position: absolute;
  left: -4px;
    top: -4px;
    overflow: hidden;
}
#banners .loading.swiper-pagination-bullet-active .left,#banners .loading.swiper-pagination-bullet-active .right {
    opacity: 1;
}
#banners .loading .right {
    left: auto;
    right: -4px;
    top: -4px;
}
#banners .loading .left:after,
#banners .loading .right:after {
  content: "";
  position: absolute;
    display: block;
    top: 0;
    left: 0;
  width: 19px;
  height: 38px;
    border: 4px solid #fff;
    border-radius: 19px 0 0 19px;
    border-right: 0;
}
#banners .loading .right:after {
  content: "";
    position: absolute;
  display: block;
    border-radius: 0 19px 19px 0;
    border: 4px solid #fff;
    border-left: 0;
}
#banners .loading.swiper-pagination-bullet-active .left:after {
  transform-origin: right center;
  /* animation-iteration-count: infinite; */
  animation-fill-mode: forwards;
  animation-duration: 3.9s;
  animation-timing-function: linear;
  animation-name: spin-left;
}
#banners .loading.swiper-pagination-bullet-active .right:after {
  transform-origin: left center;
  animation-duration: 3.9s;
  /* animation-iteration-count: infinite; */
  animation-timing-function: linear;
  animation-name: spin-right;
}
@keyframes spin-right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1); 
  }
}

@keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2); 
  }
}
.c-zoom {
  -webkit-animation-name: c-zoom;
  animation-name: c-zoom;
}

@media (min-width:1601px) 
{
  #banners img {
    width: 1920px;
  }
}
@media (min-width:1921px) 
{
  #banners img {
    width: 100%;
  }
}

/*******Css home*******/ 
#chan1{ padding: 20px 0px; }
.chan1_imgs{ position: relative; padding-left: 20px; padding-right: 55px; padding-bottom: 15px;}
.chan1_img{ border-radius: 50%; position: relative; z-index: 2;}
.chan1_imgs span{ border-radius: 50%; position: absolute; }
.chan1_imgs_sp1{ width: 150px; height: 150px; background: #22a54f; position: absolute; top: 0px; left: 0px;}
.chan1_imgs_sp2{ width: 130px; height: 130px; background: #b6e1c5; position: absolute; bottom: 0px; right: 50px;}
.chan1_imgs_sp3{ width: 60px; height: 60px; background: #f1c719; position: absolute; top: 40px; right: 0px;}
.chan1_txt{ margin-top: 15px; }
.chan1_tt{ position: relative; background: url(../images/icon1.png) no-repeat left top; padding-left: 20px; padding-top: 5px; padding-bottom: 20px;}
.chan1_tt:after{ width: 50px; height: 1px; background: #22a54f; content: "";
  position: absolute;
    display: block;
    bottom: 0;
    left: 20px; }
.chan1_tt a{ font-size: 20px; font-weight: bold;}
.about_txt{ margin-top: 15px; line-height: 2; color: #888;}
.about_mm{ margin-top: 20px; overflow: hidden;}
.about_mm a{ float: left; border: solid 1px #CACCCB; padding: 10px 28px; color: #7b7e7c;}
.about_mm a:hover{ background: #22a54f; color: #fff;}
@media (min-width:768px) 
{
  .chan1_imgs{ width: 48%; float: right; margin-top: 40px;}
  .chan1_txt{ width: 48%; margin-top: 0px; float: left;}
}
@media (min-width:992px) 
{
  .chan1_imgs{ width: 40%; margin-top: 30px;}
  .chan1_txt{ width: 55%; }
}
@media (min-width:1200px) 
{
  #chan1{ padding: 50px 0px; }
  .chan1_tt{ padding-left: 40px; padding-top: 25px; padding-bottom: 25px; line-height: 1.6;}
  .chan1_tt:after{ left: 40px; }
  .chan1_tt a{ font-size: 25px; width: 500px; display: inline-block; overflow: hidden;} 
  .about_txt{ margin-top: 30px; }
  .about_mm{ margin-top: 35px; }
  .about_mm a{ padding: 12px 32px; }
  .chan1_txt{ width: 53%; }
  .chan1_imgs{ padding-left: 30px; padding-right: 65px; padding-bottom: 20px; }
  .chan1_imgs_sp1{ width: 300px; height: 300px;}
  .chan1_imgs_sp2{ width: 230px; height: 230px; }
  .chan1_imgs_sp3{ width: 80px; height: 80px;}
}
@media (min-width:1601px) 
{
  #chan1{ padding: 120px 0px; }
  .chan1_tt{ padding-left: 50px; padding-top: 30px; padding-bottom: 35px; }
  .chan1_tt:after{ left: 50px; }
  .chan1_tt a{ font-size: 28px; width: 550px; } 
  .about_txt{ margin-top: 40px; }
  .about_mm{ margin-top: 60px; }
  .about_mm a{ padding: 14px 42px; }
  .chan1_imgs{ padding-left: 45px; padding-right: 75px;}
  .chan1_imgs_sp1{ width: 320px; height: 320px;}
  .chan1_imgs_sp2{ right: 70px; }
  .chan1_imgs_sp3{ width: 86px; height: 86px; top: 80px;}
}
#mchan2{ padding: 15px 0px; border-top: solid 1px #CCCCCC; position: relative;}
.chan2{ overflow: hidden; }
.chan2 a{ font-size: 16px; height: 38px; line-height: 38px; width: 50%; float: left; padding-right: 30px; }
.chan2 a i{ float: left; font-size: 20px; margin-right: 10px; }
.chan2 a span{ transition: all 0.1s; float: left;}
.chan2_line{ width: 110px; height: 6px; background: #22a650; position: absolute; top: 0px; left: 0px;}
@media (min-width:768px) 
{
  .chan2 a{ width: 25%; }
  .chan2_line{ width: 120px; }
}
@media (min-width:992px) 
{
  .chan2_line{ width: 135px; }
}
@media (min-width:1200px) 
{
  .chan2_line{ width: 0px; transition: all 0.5s;}
  #chan2{ padding: 25px 0px; border-top: solid 1px #CCCCCC; position: relative;}
  .chan2 a{ font-size: 18px; height: 42px; line-height: 42px; }
  .chan2 a div{ float: left; }
  .chan2 a i{ font-size: 24px; margin-right: 15px;}
  .chan2 a:hover{ color:#22a54f; }
  .chan2 a:hover span{ font-weight: bold; }
}
@media (min-width:1601px) 
{
  #chan2{ padding: 35px 0px;}
  .chan2 a{ font-size: 22px; height: 50px; line-height: 50px; }
  .chan2 a i{ font-size: 28px; margin-right: 25px;}
}
#chan3{ background: #f8f8f8; padding: 10px 0px;}
.products_ta1{ position: relative; padding-bottom: 2px;}
.products_ta1:after{ width: 60px; height: 1px; background: #22a54f; content: "";
  position: absolute;
    display: block;
    bottom: 0;
    left: 0px; }
.products_ta1p1{ font-family: 'impact'; font-size: 40px; color: rgba(41, 155, 92, 0.11);}
.products_ta1p2{ position: absolute; bottom:8px; font-size: 20px; font-weight: bold; }
.products_tt_btn{ padding-top: 18px; }
.products_tt_btn a{ outline: none; width: 60px; text-align: center; height: 32px; line-height: 32px; float: left;}
.products_tt_btn a.sbutton-prev{ border: solid 1px #c6c8c7; color: #7b7e7c;}
.products_tt_btn a.sbutton-next{ background:#22a54f; color: #fff; margin-left: 3px;}
.products_tt_btn a.sbutton-prev:hover{ background:#f1c719; color: #fff; border: solid 1px #f1c719;}
.products_tt_btn a.sbutton-next:hover{ background:#f1c719; color: #fff; }
.products{ overflow: hidden; margin-top: 15px;}
.products a{ width: 100%; float: left; position: relative;}
.products_txt_tt{ z-index: 3; padding: 0px 15px; color: #fff; font-size: 16px; width: 100%; position: absolute; top: 20px; left: 0px; transition: all 0.3s;}
.products_txt_dcs{ bottom: -100%; padding: 0px 15px; position: absolute;  left: 0px; transition: all 0.3s; z-index: 3;}
.products_txt_dc{ line-height: 20px; height: 60px; overflow: hidden; color: #fff;}
.products_txt_mm{ overflow: hidden; margin-top: 15px;}
.products_txt_mm span{ float: left; background: #fff; color: #22a54f; padding: 8px 22px;}
.products a:after{ width: 100%; height: 100%; background: rgba(41, 155, 92, 0.8); content: "";
  position: absolute;
    display: block;
    left: 0px; bottom: -100%; transition: all 0.5s;}
.products a:hover:after {
    bottom: 0;
}
.products a:hover .products_txt_dcs{  bottom: 30px; }
.products a:hover .products_txt_tt{  top: 41%; }
@media (min-width:768px) 
{
  .products a:hover .products_txt_tt{  top: 50%; }
  .products a:hover .products_txt_dcs{  bottom: 60px; }
}
@media (min-width:1200px) 
{
  #chan3{ padding: 30px 0px 10px 0px; }
  .products_ta1p1{ font-size: 60px; }
  .products_ta1p2{ font-size: 25px; bottom:15px;}
  .products_tt_btn{ padding-top: 30px; }
  .products_tt_btn a{ width: 75px; height: 42px; line-height: 42px;}
  .products{ margin-top: 30px; }
  .products_txt_tt{ padding: 0px 25px; font-size: 20px; top: 30px;}
  .products_txt_dcs{ padding: 0px 25px; }
  .products_txt_dc{ line-height: 24px; height: 72px;}
  .products_txt_mm{ margin-top: 25px; }
  .products a:hover .products_txt_tt{  top: 48%; }
}
@media (min-width:1601px) 
{
  #chan3{ padding: 60px 0px 10px 0px; }
  .products_ta1p1{ font-size: 80px; }
  .products_ta1p2{ font-size: 28px; bottom:22px;}
  .products_tt_btn{ padding-top: 40px; }
  .products_tt_btn a{ width: 90px; height: 50px; line-height: 50px;}
  .products{ margin-top: 50px; }
  .products_txt_tt{ padding: 0px 35px; font-size: 22px; top: 40px;}
  .products_txt_dcs{ padding: 0px 35px; }
  .products_txt_dc{ line-height: 28px; height: 84px;}
  .products_txt_mm{ margin-top: 40px; }
  .products a:hover .products_txt_tt{  top: 50%; }
  .products a:hover .products_txt_dcs{  bottom: 80px; }
}
#chan4{ padding: 10px 0px 20px 0px; background: url(../images/bgimg1.jpg) no-repeat top center; background-attachment: fixed; position: relative;}
#chan4:after{ width: 100%; height: 100%; background: rgba(41, 155, 92, 0.8); content: "";
  position: absolute;
    display: block;
    left: 0px; top: 0px;}
#chan4 .container{ position:relative; z-index: 3;}
.chan4_tt_left_tt{ overflow: hidden; }
.chan4_tt_left_tt .products_ta1:after{ background: #fff; }
.chan4_tt_left_tt .products_ta1p1{ color: rgba(255, 255, 255, 0.11); }
.chan4_tt_left_tt .products_ta1p2{ color: #fff; }
.chan4_tt_left_dc{ margin-top: 10px; line-height:2; color: rgba(255, 255, 255, 0.8);}
.chan4_tt_right{ overflow: hidden; margin-top: 15px;}
.chan4_tt_right li{ width: 50%; float: left;  color: #fff;}
.chan4_tt_right_c1{ overflow: hidden;}
.chan4_tt_right_c1 p{ font-size: 40px; font-family: 'impact'; float: left;}
.chan4_tt_right_c1 span{ font-size: 16px; float: left; margin-left: 10px; padding-top: 10px;}
.chan4_tt_right_c1 i{ font-size: 20px; float: left; margin-left: 15px; padding-top: 10px;}
.chan4_tt_right li:nth-child(1){ position: relative; padding-right:25px;}
.chan4_tt_right li:nth-child(1) .chan4_tt_right_line{ position: absolute; top: 10%; right: 0px; width: 1px; height: 80%; background: rgba(255, 255, 255, 0.33); }
.chan4_tt_right li:nth-child(2){ padding-left:25px; }
.chan4_cc{ overflow: hidden; }
.chan4_cc a{ width: 100%; float: left; background: #fff; margin-top: 20px;}
.chan4_cc_c1{ overflow: hidden; position: relative; padding-left: 30%;}
.chan4_cc_c1 i{ color: #22a54f; width: 30%; font-size: 30px; text-align: center; height: 80px; line-height: 80px; position: absolute; left: 0px; top: 50%; margin-top: -40px;}
.chan4_cc_c1_img{ border-left: solid 1px #ddd; }
.chan4_cc_c1_img img{ width: 100%; }
.chan4_cc_c2{ border-top: solid 1px #ddd; height: 40px; line-height: 40px; overflow: hidden;}
.chan4_cc_c2sp1{ float: left; margin-left: 20px; font-size: 16px;}
.chan4_cc_c2sp2{ float: right; margin-right: 15px; color: #7b7e7c;}
@media (min-width:768px) 
{
  .chan4_tt_right li:nth-child(1){ padding-right:35px;}
  .chan4_tt_right li:nth-child(2){ padding-left:35px; }
  .chan4_cc a{ width: 49%; }
  .chan4_cc a.chan4_cca1{ float: right; } 
}
@media (min-width:992px) 
{
  .chan4_tt{ overflow: hidden; }
  .chan4_tt_left{ width: 46%; float: left;}
  .chan4_tt_right{ margin-top: 15px; width: 46%; float: right; }
  .chan4_tt_right_c2{ margin-top: 10px; }
}
@media (min-width:1200px) 
{
  #chan4{ padding: 30px 0px 50px 0px; }
  .chan4_tt_left_dc{ margin-top: 20px; }
  .chan4_tt_right{ margin-top: 25px; }
  .chan4_tt_right li:nth-child(1){ width: 43%;}
  .chan4_tt_right li:nth-child(2){ width: 57%; }
  .chan4_tt_right_c1 p{ font-size: 70px; }
  .chan4_tt_right_c1 span{ margin-left: 20px; padding-top: 20px; font-size: 20px;}
  .chan4_tt_right_c1 i{ margin-left: 20px; padding-top: 20px; font-size: 26px;}
  .chan4_cc a{ margin-top: 35px; }
  .chan4_cc_c1 i{ font-size: 40px; }
  .chan4_cc_c2{ height: 50px; line-height: 50px;}
  .chan4_cc_c2sp1{ margin-left: 30px; font-size: 20px;}
  .chan4_cc_c2sp2{ margin-right: 25px; }
}
@media (min-width:1601px) 
{
  #chan4{ padding: 110px 0px 120px 0px; }
  .chan4_tt_left_dc{ margin-top: 30px; }
  .chan4_tt_right{ margin-top: 32px; }
  .chan4_tt_right li:nth-child(1){ width: 40%; padding-right:45px;}
  .chan4_tt_right li:nth-child(2){ width: 60%; padding-left:45px;}
  .chan4_tt_right_c1 p{ font-size: 100px; }
  .chan4_tt_right_c1 span{ margin-left: 25px; padding-top: 30px; font-size: 22px;}
  .chan4_tt_right_c1 i{ margin-left: 25px; padding-top: 30px; font-size: 30px;}
  .chan4_cc a{ margin-top:100px; width: 48.2%;}
  .chan4_cc_c1 i{ font-size: 60px; }
  .chan4_cc_c2{ height: 62px; line-height: 62px;}
  .chan4_cc_c2sp1{ margin-left: 55px; font-size: 22px;}
  .chan4_cc_c2sp2{ margin-right: 45px; }
}
#chan5{ padding: 10px 0px 20px 0px;  }
.chan5_tt{ overflow: hidden; }
.products_ta2{ border: solid 1px #c6c8c7; color: #7b7e7c; padding: 8px 26px; margin-top: 20px;}
.products_ta2:hover{ background: #22a54f; color: #fff;}
.news{ overflow: hidden; margin-top: 15px;}
.news_tt{ height: 32px; line-height: 32px; font-size: 16px; overflow: hidden;}
.news_dc{ line-height: 20px; height: 40px; color: #888; overflow: hidden; }
.news_mm{ margin-top:15px; color: #999;}
.cxhd{ overflow: hidden; margin-top: 10px;}
.cxhd a{ width: 100%; float: left; margin-top: 15px;}
@media (min-width:768px) 
{
  .cxhd a{ width:49%; }
  .cxhd a:nth-child(2){ float: right; }
}
@media (min-width:1200px) 
{
  #chan5{ padding: 30px 0px 50px 0px; }
  .products_ta2{ padding: 12px 32px; }
  .news{ margin-top: 20px; }
  .news_tt{ height: 38px; line-height: 38px; font-size: 20px; }
  .news_dc{ margin-top: 5px; line-height: 23px; height: 46px;}
  .news_mm{ margin-top: 20px; }
  .cxhd{ margin-top: 25px; }
  .cxhd a{ width: 48.5%; }
}
@media (min-width:1601px) 
{
  #chan5{ padding: 110px 0px 120px 0px; }
  .products_ta2{ padding: 14px 42px; margin-top: 36px;}
  .news{ margin-top: 55px; }
  .news_tt{ height: 45px; line-height: 45px; font-size: 22px; }
  .news_dc{ margin-top: 15px; line-height: 28px; height: 56px;}
  .news_mm{ margin-top:30px; }
  .cxhd{ margin-top: 25px; }
  .cxhd{ margin-top: 70px; }
}
#chan6{ padding: 10px 0px 20px 0px;  background: #f5f5f5; }
.brand{ overflow: hidden; margin-top: 10px;}
.brand_img{ width: 49%; float: left; background: #fff; margin-top: 8px;}
.brand_img:nth-child(2n){ float: right; }
.brand_mm{ margin-top: 10px; overflow: hidden;}
.brand_mm a{ width: 100%; float: left; background: #fff; font-size: 13px; text-align: center; height: 50px; line-height: 50px;} 
.brand_mm a:hover{ background: #22a54f; color: #fff; }
@media (min-width:768px) 
{
  .brand_img{ width: 32%; margin-right: 2%; margin-top: 12px; }
  .brand_img:nth-child(2n){ float: left; }
  .brand_img:nth-child(3n){ float: left; margin-right:0;}
  .brand_mm{ margin-top: 15px; }
}
@media (min-width:992px) 
{
  .brand_img{ width: 15.8%; margin-right: 1%; margin-top: 10px;}
  .brand_img:nth-child(3n){ margin-right:1%;}
  .brand_img:nth-child(6n){ margin-right:0;}
}
@media (min-width:1200px) 
{
  #chan6{ padding: 30px 0px 50px 0px; }
  .brand{ margin-top: 20px; }
  .brand_mm a{ height: 55px; line-height: 55px; font-size: 15px; }
}
@media (min-width:1601px) 
{
  #chan6{ padding: padding: 110px 0px 120px 0px; }
  .brand{ margin-top: 55px; }
  .brand_img{ margin-top: 12px; }
  .brand_mm a{ height: 64px; line-height: 64px; font-size: 16px; }
}

/*******Css footer*******/
#mfooter{ background: #242323; padding: 10px 0px; text-align: center;}
.mfooter_ul{ overflow: hidden; }
.mfooter_ul li{ margin: 10px 0px 0px 0px; }
.mfooter_p1{ font-size: 16px; color: #fff; }
.mfooter_p2{ color: rgba(255, 255, 255, 0.38); margin-top: 5px;}
.mfooter_p2 a{ color: rgba(255, 255, 255, 0.38); }
.mfooter_p2 a:hover{ color: #fff; } 
#fmenu{ background: #242323; padding: 8px 0px; border-top: solid 1px #424141; text-align: center; color: rgba(255, 255, 255, 0.38); margin-bottom: 65px;}
#fmenu a{ color: rgba(255, 255, 255, 0.38); }
#fmenu a:hover{ color: #fff; }
.fmenul{ float: left; width: 15%; text-align: left;}
.fmenum{ float: left; width: 70%;}
.fmenur{ float: right; width: 15%; text-align: right;}
@media (min-width:768px) 
{
  .mfooter_ul li{ width: 33.3%; float: left; padding: 0px 15px;}
  #fmenu{ margin-bottom: 0px; }
}
#footer{ background: #242323; padding: 30px 0px; }
.footer_ul{ overflow: hidden; text-align: center;}
.footer_ul li{ width: 25%; float: left; padding: 0px 25px; position: relative;}
.footer_ul li:after{ width: 1px; height: 80%; background:#424141; content: "";
  position: absolute;
    display: block;
    right: 0px; top: 10%; }
.footer_ul li:last-child:after{ width: 0px; }
.footer_tt p{ width: 50px; height: 50px; line-height: 50px; font-size: 30px; color: #fff; display: inline-block; border-radius: 50%;}
.footer_ul li:nth-child(1) p{ background: #35a12d; }
.footer_ul li:nth-child(2) p{ background: #f1c719; }
.footer_ul li:nth-child(3) p{ background: #35a12d; }
.footer_ul li:nth-child(4) p{ background: #f1c719; }
.footer_ft{ font-size: 18px; color: #fff; margin-top: 15px;}
.footer_dc{ color: rgba(255, 255, 255, 0.38); margin-top: 10px;}
@media (min-width:1601px) 
{
  #footer{padding: 55px 0px; }
  .footer_ul li{ padding: 0px 40px; }
  .footer_tt p{ width: 58px; height: 58px; line-height: 58px; font-size:36px;}
  .footer_ft{ font-size: 22px; margin-top: 20px; }
  .footer_dc{ margin-top: 15px; }
  #fmenu{ padding: 10px 0px; }
}
.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#22a54f; }
.footernav a{ color: #fff; }
.footernav ul li{width: 25%; float: left; text-align: center; }
.footernp1{ font-size:24px;}
.footernp2{ line-height:1.5;}
.footernav ul li.on .footernp1{ animation: swing 1s; }

.page_banner{ width: 100%;margin:0px auto; text-align:center; overflow:hidden;}
.page_banner img{ width: 100%; }
#page_menu{ background: #22a54f; padding: 10px 0px; }
.page_menu_left{ color: #fff; overflow: hidden;}
.page_menu_left span{ float: left; }
.page_menu_left_sp1{ font-family: 'impact'; font-size: 26px; }
.page_menu_left_sp2{ width: 30px; height: 1px; background: #fff; margin-left: 5px; margin-right: 5px; margin-top: 26px;}
.page_menu_left_sp3{ font-size: 17px; font-weight: bold; margin-top: 7px;}
#warp{ margin-bottom: 20px; }
@media (min-width:768px) 
{
  .page_menu_left{ float: left; }
  .page_menu_right{ float: right; height: 37px; line-height: 37px; color: rgba(255, 255, 255, 0.6);}
  .page_menu_right a{ color: rgba(255, 255, 255, 0.6); }
  .page_menu_right a:hover{ color: #fff; }
  .page_menu_right i{ margin-right: 6px; }
}
@media (min-width:1200px) 
{
  #page_menu{ padding: 13px 0px; }
  .page_menu_left_sp1{ font-size: 36px; }
  .page_menu_left_sp2{ margin-top: 38px; }
  .page_menu_left_sp3{ font-size: 20px; margin-top: 14px;}
  .page_menu_right{ height: 51px; line-height: 51px; }
  #warp{ margin-bottom: 50px; }
}
@media (min-width:1601px) 
{
  #page_menu{ padding: 15px 0px; }
  .page_menu_left_sp1{ font-size: 48px; }
  .page_menu_left_sp2{ margin-top: 50px; margin-left: 6px; margin-right: 8px;}
  .page_menu_left_sp3{ font-size: 28px; margin-top: 16px;}
  .page_menu_right{ height: 68px; line-height: 68px; }
  #warp{ margin-bottom: 90px; }
}
#company1{ padding: 20px 0px; }
.company1_tt{ position: relative; font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.company1_tt_bs{ width: 76px; height: 63px; background: url(../images/icon1.png) no-repeat; position: absolute; top: -10px; left: -30px;}
.company1_tt:after{ width: 60px; height: 1px; background:#22a54f; content: "";
  position: absolute;
    display: block;
    left: 0px;  bottom: 0px; }
.company1_cc{ margin-top: 15px; color: #787878; line-height: 2;}
.company1_cc strong{ color:#22a54f; }
.company1_ul{ overflow: hidden; margin-top: 20px;}
.company1_ul li{ float: left; width: 30%; position: relative;}
.company1_ul li:after{ width: 1px; height: 80%; background:#D3D3D3; content: "";
  position: absolute;
    display: block;
    right: 0px;  top: 10%; }
.company1_ul li:nth-child(3):after{ width: 0px; }    
.company1_ul li:nth-child(1){ padding-right: 12px; width:38%;}
.company1_ul li:nth-child(2){ padding-left: 12px; width: 32%; padding-right: 12px; text-align: center;}
.company1_ul li:nth-child(3){ padding-left: 12px; text-align: right;}
.company1_li_c{ text-align: left; display: inline-block; }
.company1_li_c1{ overflow: hidden; }
.company1_li_c1 p{ font-size:30px; font-family: 'impact'; float: left; color:#22a54f;}
.company1_li_c1 span{ font-size: 15px; float: left; margin-left: 8px; padding-top: 10px;}
.company1_li_c1 i{ font-size: 20px; float: left; margin-left: 8px; padding-top: 10px; color:#22a54f;}
#company2{ background: #f5f5f5; padding: 20px 0px 0px 0px;}
#fzlc{ overflow: hidden; margin-top: 15px;}
.fzlc_tt{ font-size: 40px; font-family: 'impact'; color:#22a54f;}
.fzlc_dc{ color: #787878; line-height: 2;}
.fzlc_bm{ position: relative; margin-top: 20px; border-top:solid 1px #ccc;}
.fzlc_bm_line{ transition: all 0.3s; width: 90px; height: 6px; background: #22a650; position: absolute; top: 0px; left: 0px;}
.fzlc_bm .swiper-slide{ cursor: pointer; height: 60px; line-height: 60px; color: #535555; font-size: 16px; font-weight: bold;}
.fzlc_bm .swiper-slide-thumb-active{ color:#22a54f; }
#company3{ background: #21a04e; padding: 20px 0px; color: #fff;}
.company3c1{ min-height: 70px; position: relative; padding-left: 85px;}
.company3c1 i{ font-size: 30px; width: 70px; text-align: center; height: 70px; line-height: 70px; border-radius: 50%; background: #f1c718; position: absolute; top: 50%; margin-top: -35px; left: 0px;}
.company3c1_tt{ font-size: 20px; font-weight: bold; }
.company3c1_dc{ font-size: 15px; margin-top: 8px; line-height: 1.8;}
.company3c2{ min-height: 70px; position: relative; padding-left: 85px; margin-top: 15px;}
.company3c2 i{ font-size: 30px; width: 70px; text-align: center; height: 70px; line-height: 70px; border-radius: 50%; background: #f1c718; position: absolute; top: 50%; margin-top: -35px; left: 0px;}
#company4{ background: #f1c718; padding: 20px 0px; color: #fff;}
.company4c{ min-height: 70px; position: relative; padding-right: 100px; }
.company4c i{ font-size: 30px; width: 70px; text-align: center; height: 70px; line-height: 70px; border-radius: 50%; background: #21a04e; position: absolute; top: 50%; margin-top: -35px; right: 15px;}
.zzry{ overflow: hidden; margin-top: 20px;}
.zzry a{ width: 48%; float: left; background: #f0f0f0; margin: 10px 1%;}
.com_zzry_img{ overflow: hidden; text-align: center; }
.com_zzry_img img{ max-width: 100%; max-height: 100%; transition: all 0.3s; }
.zzry a:hover .com_zzry_img img{ transform:scale(1.05); }
@media (min-width:768px) 
{
  .company1_ul li{ width: 30%; }
  .company1_ul li:nth-child(1){ width: 32%;  padding-right: 15px;}
  .company1_ul li:nth-child(2){ width: 38%; padding-right: 15px; padding-left: 15px;}
  .company1_ul li:nth-child(3){ padding-left: 15px; }
  .company1_li_c1 p{ font-size:40px;  }
  .company1_li_c1 span{ font-size: 16px; margin-left: 15px; padding-top: 10px;}
  .company1_li_c1 i{ font-size: 24px; margin-left: 15px; padding-top: 10px; } 
}
@media (min-width:992px) 
{
  .company3c1{ width: 48%; float: left; min-height: 90px;}
  .company3c2{ width: 48%; float: right; margin-top: 0px; min-height: 90px;}
  .zzry a{ width: 31.3%; }
}
@media (min-width:1200px) 
{
  #company1{ padding: 50px 0px; }
  .company1_tt{ font-size: 25px; padding-bottom: 25px;}
  .company1_tt_bs{ top: -26px; left: -45px;}
  .company1_cc{ margin-top: 25px; }
  .company1_li_c1 p{ font-size:60px;  }
  .company1_li_c1 span{ font-size: 18px; margin-left: 20px; padding-top: 15px;}
  .company1_li_c1 i{ font-size: 28px; margin-left: 20px; padding-top: 15px; }
  #company2{ padding: 50px 0px 0px 0px; position: relative;}
  #fzlc{ margin-top: 25px; }
  .fzlc_tt{ font-size: 60px; }
  .fzlc_bm{ margin-top: 40px; }
  .fzlc_bm .swiper-slide{ height: 80px; line-height: 80px; font-size: 20px;}
  #company3{ padding: 50px 0px; background:#21a04e url(../images/com_bg2.jpg) repeat-y center;}
  .company3c1{ width: 50%; padding-left: 140px; padding-right: 140px; min-height: 110px;}
  .company3c2{ width: 50%; padding-left: 280px; padding-right: 140px; min-height: 110px;}
  .company3c1 i{ width: 100px; height: 100px; line-height: 100px; margin-top: -50px; font-size: 45px;}
  .company3c2 i{ width: 100px; height: 100px; line-height: 100px; left: 140px; margin-top: -50px; font-size: 45px; }
  .company3c1_tt{ font-size: 25px; }
  .company3c1_dc{ font-size: 18px; }
  #company4{ padding: 50px 0px; }
  .company4c i{ width: 100px; height: 100px; line-height: 100px; font-size: 45px; margin-top: -50px; }
  .company4c .company3c1_dc{ width: 600px; }
  .zzry{ margin-top: 25px; }
  .zzry a{ margin: 15px 1%; }
  .fzlc_bg{ width: 334px; height: 320px; background: url(../images/com_bg1.png) no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -160px; right: 45px;}
}
@media (min-width:1601px) 
{
  #company1{ padding: 80px 0px; }
  .company1_tt{ font-size: 28px; padding-bottom: 35px;}
  .company1_cc{ margin-top: 35px; }
  .company1_li_c1 p{ font-size:100px;  }
  .company1_li_c1 span{ font-size: 22px; margin-left: 25px; padding-top: 25px;}
  .company1_li_c1 i{ font-size: 32px; margin-left: 25px; padding-top: 25px; }
  .company1_li_c2{ font-size: 16px; }
  #company2{ padding: 100px 0px 0px 0px; }
  #fzlc{ margin-top: 70px; }
  .fzlc_tt{ font-size: 100px; }
  .fzlc_bm{ margin-top: 110px; }
  .fzlc_bm .swiper-slide{ height: 110px; line-height: 110px; font-size: 22px;}
  #company3{ padding: 110px 0px; }
  .company3c1{ padding-left: 210px; padding-right: 150px; min-height: 110px;}
  .company3c2{ padding-left: 350px; padding-right: 150px; min-height: 110px;}
  .company3c1 i{ width: 136px; height: 136px; line-height: 136px; margin-top: -68px; font-size: 60px;}
  .company3c2 i{ width: 136px; height: 136px; line-height: 136px; margin-top: -68px; font-size: 60px; }
  .company3c1_tt{ font-size: 28px; }
  .company3c1_dc{ font-size: 20px; }
  #company4{ padding: 100px 0px; }
  .company4c i{ width: 136px; height: 136px; line-height: 136px; font-size: 60px; margin-top: -68px; }
  .zzry{ margin-top: 45px; }
  .fzlc_bg{ width:557px; height: 533px; margin-top: -266px;}
}
.dpros{ overflow: hidden; }
.dpros a{ width: 100%; float: left; margin-bottom: 25px;}
.dpros_txt{ position: relative; }
.dpros_txt_sz{ transition: all 0.3s; position: absolute; top: -10px; left: 10px; font-size: 30px; font-family: 'impact';  width: 50px; height: 50px; line-height: 50px; text-align: center; background: #22a54f; color: #fff;}
.dpros_txt_tt{ height: 40px; line-height: 40px; font-size: 17px; font-weight: bold; overflow: hidden; padding-left: 70px;}
.dpros_txt_dc{ margin-top: 10px; line-height: 20px; height: 40px; overflow: hidden; color: #888;}
.dpros_txt_mm{ margin-top: 15px; color:#22a54f;}
.ipros_img{ text-align: center; margin-top: 15px;}
.ipros_img img{ width: 100%; }
@media (min-width:768px) 
{
  .company1_tst{ width: 70%; float: left; padding-right: 30px;}
  .company1_pro{ float: right; border-left: solid 1px #ccc; padding-left: 30px;}
  .dpros_txt_dc{ line-height: 22px; height:22px;}
}
@media (min-width:1200px) 
{
  .dpros a{ margin-bottom: 40px; }
  .dpros_txt_sz{ top: -20px; left: 20px; font-size: 45px; width: 80px; height: 80px; line-height: 80px;}
  .dpros_txt_tt{ height: 60px; line-height: 60px; font-size: 20px; padding-left: 130px; }
  .dpros_txt_dc{ width: 80%; float: left; height: 26px; line-height: 26px;}
  .dpros_txt_mm{ margin-top: 10px; float: right;  height: 26px; line-height: 26px;}
  .ipros_img{ margin-top: 25px; }
  .company1_pro{ padding-left: 40px; }
}
@media (min-width:1601px) 
{
  .dpros a{ margin-bottom: 60px; }
  .dpros_txt_sz{ top: -28px; left: 28px; font-size: 55px; width:100px; height: 100px; line-height: 100px;}
  .dpros_txt_tt{ height: 72px; line-height: 72px; font-size: 24px; padding-left: 160px; }
  .dpros_txt_dc{ margin-top: 15px; height: 32px; line-height: 32px;}
  .dpros_txt_mm{ margin-top: 15px; height: 32px; line-height: 32px;}
  .ipros_img{ margin-top: 45px; }
  .company1_pro{ padding-left: 60px; }
}
.dpros a:hover .dpros_txt_sz{ background: #f1c719; }
.nrlist{ overflow: hidden; }
.nrlist a{ width: 100%; outline:none; overflow: hidden; float: left; border-radius: 8px; margin-bottom: 15px; }
.nrlist a img{ max-width: 100%; transition: all 0.3s;}
.nrlist a:hover img{ transform:scale(1.05); }
.load-over{ margin-top: 10px; text-align: center; color: #22a54f;}
.nrlists{ overflow: hidden; }
.nrlists a{ width: 100%; outline:none; background: #f9f9f9; text-align: center; overflow: hidden; float: left; margin-bottom: 15px; }
.nrlists_img{ overflow: hidden; }
.nrlists a img{ max-width: 100%; transition: all 0.3s;}
.nrlists a:hover img{ transform:scale(1.05); }
.nrlists_txt{ height: 42px; line-height:42px; overflow: hidden; padding: 0px 10px;}
.fddzs{ overflow: hidden; border-top: solid 1px #ccc;}
.fddzs li{ cursor: pointer; transition: all 0.3s; margin-top: 20px; padding-bottom: 15px; padding-left: 35px; border-bottom: solid 1px #ccc; position: relative; background: url(../images/fddz_icon1.png) no-repeat left top;}
.fddzs_tt{ font-size: 18px; }
.fddzs_dc{ margin-top: 6px; color: #454646; line-height: 2;}
.fddzs li:after{ width: 0; height: 1px; background:#22a54f; content: "";
  position: absolute;
    display: block;
    left: 0px;  bottom:0px; transition: all 0.5s;}
.fddzs li:hover:after{ width: 100%; }
.fddzs li:hover{ background: url(../images/fddz_icon2.png) no-repeat left top; }
#brands{ padding: 20px 0px 30px 0px; background: #f8f8f8;}
#brands .brand{ margin-top: 0px; }
.pmess{ margin-top: 20px; overflow: hidden;}
.pmess li{ margin-top: 10px; overflow: hidden;}
.morder_InputText{ outline: none; width: 100%; padding: 0px 15px; background: #fff; border-radius: 3px; height: 42px; line-height: 42px;}
.morder_textarea{ outline: none; width: 100%; padding:15px; background: #fff; border-radius: 3px; height: 96px; line-height: 22px; }
.morder_captcha{ float: left; outline: none; width: 120px; padding: 0px 15px; background: #fff; border-radius: 3px; height: 42px; line-height: 42px;}
.morder_verifyImg{ float: left; height: 42px;}
.morder_But{ margin-top: 15px; width: 100%; float: left; background: #22a54f; color: #fff; font-size: 13px; text-align: center; border-radius: 3px; height: 42px; line-height: 42px;}
@media (min-width:768px) 
{
  .nrlist a{ margin-bottom: 30px; }
  .fddzs li{ width: 47%;float: left; }
  .fddzs li:nth-child(2n){ float: right; }
  .pmess li{ width: 100%; float: left;}
  .pmess li:nth-child(1){ width: 49%; }
  .pmess li:nth-child(2){ width: 49%; float: right;}
  .morder_But{ margin-top: 0px; width: 30%; float: right;}
}
@media (min-width:1200px) 
{
  .nrlists_txt{ height: 52px; line-height:52px; }
  .fddzs li{ margin-top: 40px; padding-bottom: 35px; padding-left: 40px; }
  .fddzs_tt{ font-size: 20px; }
  .fddzs_dc{ margin-top: 8px; }
  #brands{ padding: 50px 0px 60px 0px; }
  .pmess{ margin-top: 25px; }
    .morder_InputText{ padding: 0px 20px; border-radius: 5px; height: 50px; line-height: 50px;}
    .morder_textarea{ padding:20px; border-radius: 5px; height: 115px; line-height: 25px; }
    .morder_captcha{ width: 160px; padding: 0px 20px; border-radius: 5px; height: 50px; line-height: 50px;}
    .morder_verifyImg{ height: 50px;}
    .morder_But{  font-size: 15px; height: 50px; line-height: 50px;}
}
@media (min-width:1601px) 
{
  .nrlists_txt{ height: 62px; line-height:62px; }
  .fddzs li{ margin-top: 60px; padding-bottom: 50px; padding-left:45px;}
  .fddzs_tt{ font-size: 22px; }
  .fddzs_dc{ margin-top: 10px; }
  #brands{ padding: 80px 0px 90px 0px; }
  .pmess{ margin-top: 45px; }
    .pmess li{ margin-top: 15px; }
    .morder_InputText{ height: 60px; line-height: 60px;}
    .morder_textarea{ height: 140px; line-height: 30px; }
    .morder_captcha{ width: 180px; height: 60px; line-height: 60px;}
    .morder_verifyImg{ height: 60px;}
    .morder_But{  font-size: 16px; height: 60px; line-height: 60px;}
}
.nrlists a:hover{ background: #22a54f; color: #fff; }
.morder_But:hover{ background: #f1c718; color: #fff;}
.newslist{ overflow: hidden; }
.newslist a{ width: 100%; float: left; margin-top:20px; background: #f9f9f9;}
.newslist_img{ text-align: center; overflow: hidden;}
.newslist_img img{ max-width: 100%; }
.newslist_txt{ padding: 15px; }
.newslist_txt_tt{ line-height: 1.6; font-size: 14px; font-weight: bold;}
.newslist_txt_dc{ line-height: 1.6; color: #888; margin-top: 10px;}
.newslist_txt_time{ color: #999; height: 20px; line-height: 20px; margin-top: 4px;}
.newslist_txt_time i{ float: left; }
.newslist_txt_time span{ margin-left: 5px; float: left; }
.newslist_txt_mm{ margin-top: 10px; color: #22a54f; position: relative; height: 20px; line-height: 20px;}
.newslist_txt_mm i{ width: 0px; height: 2px; margin-top: 9px; background: #f1c718; transition: all 0.3s; float: left;}
.newslist_txt_mm span{ float: left; }
@media (min-width:1200px) 
{
  .newslist_txt{ padding: 20px 20px 25px 20px; }
  .newslist_txt_tt{ font-size: 16px;}
}
@media (min-width:1601px) 
{
  .newslist_txt{ padding: 25px 25px 30px 25px; }
  .newslist_txt_tt{ font-size: 17px;}
  .newslist_txt_mm{ margin-top: 20px; }
}
.newslist a:hover{ background:#22a54f; color: #fff; }
.newslist a:hover .newslist_txt_dc{ color: rgba(255, 255, 255, 0.9); }
.newslist a:hover .newslist_txt_time{ color: rgba(255, 255, 255, 0.9); }
.newslist a:hover .newslist_txt_mm{ color: #fff;}
.newslist a:hover .newslist_txt_mm i{ width: 40px; margin-right: 10px;}

#warps{ padding-top: 20px; padding-bottom: 25px;}
#page_Title{ line-height:1.8; font-size:16px; text-align:center; }
#page_Titles{ line-height:1.8; font-size:20px; text-align:center; }
.page_Info{ height:36px; line-height: 36px; margin-top: 15px; color:#666;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.page_Infoleft { padding-left: 30px; float: left;}
.page_Infoleft i{ margin-right: 5px; }
#infoImage{ text-align:center; margin:15px 0 15px 0;}
#infoImage img{ max-width:100%;}
.page_Content{ margin:15px auto 0px; line-height:2; font-size: 13px;}
.page_Content img{max-width:100%;}
.page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f5f5f5 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.page_Content table td a { text-decoration:underline; color: #22a54f;}
.page_Content img{ display: inline-block; margin-bottom: 10px;}
@media (min-width:1200px) 
{
    #warps{ padding-top: 40px; background: #f5f5f5;}
    .right_side{ width: 78%; float: left; background: #fff; border-radius: 10px; padding: 25px;}
    .left_side{ width: 20%; float: right; }
    #page_Title{ font-size: 20px; }
    #page_Titles{ font-size: 30px; }
    .page_Info{ height: 44px; line-height: 44px; margin-top: 10px; }
    #infoImage{ margin:25px 0 25px 0; }
    .left_cls{ background: #fff; padding: 20px; border-radius: 10px; }
    .left_cls_tt{ font-size: 22px; font-weight: bold; color: #22a54f;}
    .left_cls_cc{ overflow: hidden; margin-top: 10px;}
    .left_cls_cc a{ width: 100%; float: left; margin-top: 15px;}
    .left_cls_txt{ height: 36px; line-height: 36px; overflow: hidden; text-align: center; }
    .left_contact{ background: #fff; padding: 20px; border-radius: 10px; margin-top: 25px; }
  .left_contact_p1{ font-size: 22px; font-weight: bold; color: #22a54f; }
  .left_contact_p2{ color: #22a54f; font-size: 20px; margin-top: 10px;}
  .left_contact_p3{ line-height: 1.8; color: #888; margin-top: 6px;}
  .left_contact_p4{ color: #22a54f; font-size: 16px; margin-top: 15px; }
  .left_contact_p5{ color: #22a54f; font-size: 20px; font-weight: bold;}
}
@media (min-width:1601px) 
{
    #warps{ padding-top: 60px; }
    .right_side{ padding: 35px; }
    #page_Title{ font-size: 24px; }
    #page_Titles{ font-size: 42px; }
    .page_Info{ height: 50px; line-height: 50px; margin-top: 20px; }
    #infoImage{ margin:35px 0 35px 0; }
    .left_cls_tt{ font-size: 26px; }
    .left_contact_p1{ font-size: 26px;}
    .left_cls_cc{ margin-top: 15px; }
    .left_cls_cc a{ margin-top: 20px; }
    .left_cls_txt{ height: 46px; line-height: 46px;}
}
.contactust{ font-size: 18px; font-weight: bold;}
#contact_main{ margin:15px auto 0px; }
#contact_main a{ color:#22a54f;}
#contact_main p{ padding: 10px;  margin-bottom: 10px; border-bottom: solid 1px #f1f1f1;}
#company_main strong{ color:#22a54f;  }
#contact2{ padding: 25px 0px; background: #f5f5f5; margin-top: 25px;}
.contact1_tt{ text-align: center; font-size: 20px;}
.company2_ft{ text-align: center; margin-top: 5px; color: #888;}
.contact-map {
  overflow: hidden;
}
.contact-map #dituContent {
  width: 100%;
  height: 400px;
}
@media (min-width:1200px) 
{
  .contactust{ font-size: 20px; }
  #contact_main{ margin:25px auto 0px; }
  #contact_main p{ padding: 14px; }
  .contact1_tt{ font-size: 24px; }
  #contact2{ margin-top: 45px; padding: 40px 0px;}
  #contact1 .container{ position: relative; padding-right: 240px;}
  .wxc_img{ width: 120px; text-align: center; color: #666; line-height: 40px; position: absolute; top: 50%; margin-top: -60px; right: 30px;}
  .wxc_img img{ width: 100%; }
}
@media (min-width:1601px) 
{
  .contactust{ font-size: 24px; }
  #contact_main p{ padding: 18px; }
  .contact1_tt{ font-size: 28px; }
  #contact2{ margin-top: 75px; padding: 70px 0px;}
  .contact-map #dituContent {
  width: 100%;
  height: 500px;
}
#contact1 .container{ position: relative; padding-right: 300px;}
.wxc_img{ width: 150px; margin-top: -75px;}

}
#khfw1{ background: #23a551;}
.khfw1_ul{ overflow: hidden; }
.khfw1_ul li{ padding: 25px 15px; border-top: solid 1px rgba(255, 255, 255, 0.3);}
.khfw1_cc_tt{ font-size: 20px; font-weight: bold; color: #fff; padding-left: 30px; position: relative;}
.khfw1_cc_tt i{ width: 16px; height: 16px; background: #f1c719; border-radius: 50%; position: absolute; top: 50%; margin-top: -8px; left: 0px;}
.khfw1_cc_dc{ color: rgba(255, 255, 255, 0.8); line-height: 2; margin-top: 10px;}
@media (min-width:1200px) 
{
  .khfw1_ul li{ height: 510px; padding:55px 25px; width: 25%; float: left; border-top: 0px; border-left:solid 1px rgba(255, 255, 255, 0.3); }
  .khfw1_cc_tt{ font-size: 25px; }
  .khfw1_cc_dc{ margin-top: 20px; }
}
@media (min-width:1601px) 
{
  .khfw1_ul li{ height: 730px; padding:135px 45px;  }
  .khfw1_cc_tt{ font-size: 28px; }
  .khfw1_cc_dc{ margin-top: 35px; }

}
#fzlcs{ position: relative; margin-bottom: 30px; }
#fzlcs .main-timeline{ font-family:sans-serif; }
#fzlcs .main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
#fzlcs .main-timeline:before{
    content: '';
    height: 100%;
    width: 2px;
    border: 2px solid rgba(0,0,0,0.03);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 30px;
}
#fzlcs .main-timeline .timeline{
    width: 50%;
    padding: 100px 70px 0 25px;
    margin: 0 50px 0 0;
    float: left;
    position: relative;
}
#fzlcs .main-timeline .timeline-content{
    padding: 15px 15px 15px 40px;
    border: 2px solid #22a54f;
    border-radius: 15px 0 15px 15px;
    display: block;
    position: relative;
}
#fzlcs .main-timeline .timeline-content:hover{ text-decoration: none; }
#fzlcs .main-timeline .timeline-content:after{
    content: '';
    background-color: #22a54f;
    height: 18px;
    width: 15px;
    position: absolute;
    right: -15px;
    top: -2px;
    clip-path: polygon(100% 0, 0 0, 0 100%);
}
#fzlcs .main-timeline .timeline-year{
    color: #fff;
    background-color: #22a54f;
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    line-height: 98px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    right: -120px;
    top:-85px;
}
#fzlcs .main-timeline .timeline-year:after{
    content: '';
    height: 130px;
    width: 130px;
    border: 8px solid #22a54f;
    border-left-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-20deg);
    position: absolute;
    left: 50%;
    top: 50%;
}
#fzlcs .main-timeline .timeline-icon{
    color: #fff;
    background-color: #22a54f;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -25px;
    transition: all 0.3s;
}
#fzlcs .main-timeline .title{
    color: #222;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}
#fzlcs .main-timeline .description{
    color: #222;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: justify;
    margin: 0 0 5px;
}
#fzlcs .main-timeline .timeline:nth-child(even){
    padding: 100px 25px 0 70px;
    margin: 0 0 0 50px;
    float: right;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-content{
    padding: 15px 40px 15px 15px;
    border-radius: 0 15px 15px 15px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-content:after{
    transform: rotateY(180deg);
    right: auto;
    left: -15px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-year{
    right: auto;
    left: -120px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-year:after{
    transform: translateX(-50%) translateY(-50%) rotate(200deg);
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: -25px;
}
#fzlcs .timeline:nth-child(4n+2) .timeline-content,
#fzlcs .timeline:nth-child(4n+2) .timeline-year:after{
    border-color: #9E005D;
}
#fzlcs .timeline:nth-child(4n+2) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+2) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+2) .timeline-icon,
#fzlcs .timeline:nth-child(4n+2) .timeline-year{
    background-color: #9E005D;
}
#fzlcs .timeline:nth-child(4n+3) .timeline-content,
#fzlcs .timeline:nth-child(4n+3) .timeline-year:after{
    border-color: #f24f0e;
}
#fzlcs .timeline:nth-child(4n+3) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+3) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+3) .timeline-icon,
#fzlcs .timeline:nth-child(4n+3) .timeline-year{
    background-color: #f24f0e;
}
#fzlcs .timeline:nth-child(4n+4) .timeline-content,
#fzlcs .timeline:nth-child(4n+4) .timeline-year:after{
    border-color: #ADC6BF;
}
#fzlcs .timeline:nth-child(4n+4) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+4) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+4) .timeline-icon,
#fzlcs .timeline:nth-child(4n+4) .timeline-year{
    background-color: #ADC6BF;
}
@media screen and (max-width:767px){
    #fzlcs .main-timeline:before{ display: none; }
    #fzlcs .main-timeline .timeline{
        width: 100%;
        padding-top: 80px;
        padding-right: 12px;
        margin-bottom: 20px;
    }
    #fzlcs .main-timeline .timeline:nth-child(even){
        padding-left: 10px;
        padding-top: 80px;
        margin-bottom: 20px;
    }
    #fzlcs .main-timeline .timeline-content,
    #fzlcs .main-timeline .main-timeline .timeline:nth-child(even) .timeline-content{
        background-color: #fff;
        padding-top: 25px;
    }
    #fzlcs .main-timeline .timeline-content:after{ display: none; }
    #fzlcs .main-timeline .timeline-year{
        font-size: 20px;
        line-height: 70px;
        height: 70px;
        width: 70px;
        right: 0;
        top: -65px;
    }
    #fzlcs .main-timeline .timeline-year:after{ display: none; }
    #fzlcs .main-timeline .timeline:nth-child(even) .timeline-year{ left: 3px; }
    #fzlcs .main-timeline .description{ font-size: 13px; }
}
@media screen and (max-width:567px){
    #fzlcs .main-timeline .title{ font-size: 16px; }
}
@media (min-width:1601px) 
{
    #fzlcs .main-timeline .description{ font-size: 16px; line-height: 1.8; }
}
/*******Css prev_next*******/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #22a54f; }
#prev_next li div{ display: inline-block; }