@charset "utf-8";

/* CSS Document */

html{color:#333;background:#fff}

body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,dl,dt,dd,input,textarea{

    margin:0;

    padding:0;

    list-style:none;

    border:0;

    text-decoration:none;@charset "utf-8";

/* CSS Document */

html{color:#333;background:#fff}

body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,dl,dt,dd,input,textarea{

    margin:0;

    padding:0;

    list-style:none;

    border:0;

    text-decoration:none;

    font-family:"microsoft yahei";

    font-weight: normal;

    font-size:14px;

}

table{border-collapse:collapse;border-spacing:0}

a{ text-decoration:none;}

a:hover{text-decoration: none !important;}

a:focus {text-decoration: none!important;}

fieldset,img{border:0}

ol,ul{list-style:none}

.w-100{width:100%; height:auto; overflow:hidden;}

.w-1260{width:1260px; margin:0 auto; overflow:hidden;}

.w-1260-1{width:1260px; margin:0 auto;}

#w-1200{width:1260px; margin:0 auto; overflow:hidden;}

#w-1200-1{width:1260px; margin:0 auto;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.mt-10{ margin-top:10px;}

.mt-15{ margin-top:15px;}

.mt-20{margin-top: 20px;}

.mt-30{margin-top:30px;}

.mt-35{ margin-top:35px;}

.mt-40{/* margin-top:40px; */}

.mt-50{ margin-top:55px;}

.mt-60{ margin-top:60px;}

.mt-65{ margin-top:65px;}

.mt-70{ margin-top:60px;}

.mt-80{ margin-top:80px;}

.mt-90{ margin-top:90px;}

.mt-100{ margin-top:100px;}

.t-align-c{ text-align:center;}

.clearfix:after {content:""; display: block; clear:both; }



.margin0{margin:0 0px;}

.margin3{margin:0 3px;}

.margin5{margin:0 5px;}

.margin8{margin:0 8px;}

.margin-20{margin:0 -20px;}

.padding0{padding:0px;}

.padding3{padding:0 3px;}

.padding8{padding:0 8px;}

.padding-8{padding-right: 3px;padding-left:3px;}

.padding-15{padding:0 -15px !important;}

.padding0-sm15{padding:0px;}

.padding6{padding:6px;}

.padding15-8{padding:15;}

.case-padding{padding:5px;}

#w-70{margin:0 auto;width: 67%;overflow: hidden;}

#w-90{margin:0 auto;width: 1290px;overflow: hidden;}

#w-80{margin:0 auto;width: 80%;overflow: hidden;}

#w-1260{margin:0 auto;width: 1260px;overflow: hidden;}

#pro-w{margin:0 auto;width: 80%;overflow: hidden;}

#w-1260-1{margin:0 auto;width: 1260px;}

.p-img{width: 100%;}



/*====================top====================*/

.yx-top-bg{
  width: 100%;
  height: auto;
  background: url(../images/bgd.jpg);
}

/*====================top====================*/

.top-bg{

  padding:6px 0px;

  width: 100%;

  background-color: #f6f6f6;

  border-bottom: 1px solid #eeeeee;

}

.top-l{

  overflow: hidden;

}

.top-l .tit{

float: left;

width: 88px;

height: 26px;

background-color: #81b90f;

border-radius: 3px;

text-align: center;

line-height: 26px;

font-size: 14px;

color: #fff;
}

.top-l p{

  display: inline-block;

  padding-left: 20px;

  font-size: 14px;

  color: #272636;

  line-height: 26px;

}

.top-menu{

  padding-top:1px;

  text-align: right;

  overflow: hidden;

}

.top-menu a{

  margin-top: 5px;

  display: inline-block;

  height: 14px;

  padding:0px 10px;

  font-size: 14px;

  color: #6e6e6e;

  border-right:1px solid #6e6e6e;

  line-height: 14px;

}

.top-menu a:last-child{

  border-right: none;

}

.top-phone{

  text-align: right;

}

/*.top-bg{

  width: 100%;

  height: 110px;

  position: fixed;

  top:0px;

  left:0px;

  z-index: 111111;

  background-color: #fff;

  ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);

  transition: all 0.3s;

}

.top-bg-hover{

  background-color:#fff;

  -webkit-box-shadow: 0px 5px 8px rgba(102,102,102,0.35);

  box-shadow: 0px 5px 8px rgba(102,102,102,0.35);

  transition: all 0.3s;

}

.ch-logo{

  position: relative;

}

.qt-topphone{

  width: 100%;

  height: 38px;

  vertical-align: middle;

}

.qt-topphone img{

  display: inline-block;

  float: right;

  vertical-align: middle;

  margin-top: 8px;

}

.qt-topphone p{

  display: inline-block;

  padding-left: 15px;


  float: right;

  font-size: 22px;

  color: #010101;

  font-weight: bold;

  line-height: 38px;

  vertical-align: middle;

}*/

.ch-logo{

  position: relative;

}

/*====================menu====================*/

.menu-bg{

  width: 100%;

  height: auto;

}

.pc-menu li{

  position: relative;

  z-index: 200;

  float: left;

  width: 11%;

  padding:0px 0.1% 0px  0.1%;

  color: #222222;

  list-style: none;

  transition: all 0.3s ease-out;

}

.pc-menu-bg1{

/*  background: url(../images/menu-bg1.png) top right no-repeat;*/

}

.pc-menu-bg1:hover{

  background: none;

}

.pc-menu li:hover{

 /* background-color: #fd5f20;*/

}

.pc-menu li a{

  position: absolute;

  z-index: 1000;

  display: block;

  height: 150px;

  line-height: 150px;

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  text-align: center;

  text-transform: capitalize;

  position: relative;

}

.pc-menu li:hover a{

  color:#fff;

}

.pc-menu li .active{

  background-color: #ff3131;

  color: #fff !important;

}

.pc-menu li:after {

  position: absolute;

  left: 50%;

  top: 0px;

  z-index: 10;

  background: url(../images/menu-bg.png) repeat-x #ff3131;

  background-position: 50px 50px;

  content: "";

  height: 150px;

  transition: all 0.4s ease 0s;

  width: 0%;

}

.pc-menu li:hover:after {

  width: 100%;

  left: 0px;

  background-position: 0px 0px;

}

.pc-menu li ul{

  position: absolute;

  top:150px;

  left:0px;

  z-index: 111111111;

  z-index: 1000;

  margin:0px;

  margin-left:0px;

  padding:15px 15px 30px 15px;

 /* width:230px;*/

  display: none;

  background-color: #fff;

  overflow: hidden;

}

.pc-menu li ul a{

  display: block;

  margin:0 auto;

  padding:0px;

  height: 30px;

  font-size: 15px;

  color: #333 !important;

  text-align: center;

  line-height: 30px;

  text-decoration: none;

  border-bottom: 1px solid #d7d7d7;

}

.pc-menu li ul a:hover{

  color: #ee0f0f !important;

}

.pc-menu li ul a:hover:after{

  content: "";

  height: 0px;

  left: 0;

  position: absolute;

  transition: all 0.2s ease 0s;

  width: 0%;

}

/*导航*/

.header-nav{

  position: relative;

  z-index: 11111111;

}

.header-nav .nav-list>li{/*float:left;*/padding:18px 0;position:relative;display: inline-block;}

.header-nav .nav-list>li>a{padding: 0 51px;font-size: 18px;position:relative;color: #fff;}

.header-nav li.active>a,.header-nav .nav-list>li>a:hover{color:#f6ff00;}

.header-nav .nav-list>li>a:after{content:'';position:absolute; right:0px; width:1px;height:10px;background-color:#ddd;top:50%;margin-top:-5px; /*margin-left:25px;*/}

.header-nav .nav-list>li:last-child>a:after{display:none;}

.header-nav .header-contact{margin-top:32px; no-repeat left center;padding-left:42px;}

.header-nav .header-contact>p{color:#444;font-size:14px;margin-bottom:0;line-height:18px;}

.header-nav .header-contact>.fr p:first-child{font-size:12px;color:#bbb;line-height: 12px;}

.top-icon{width:12px;height:12px;position:absolute;margin-left:-18px;vertical-align:middle;margin-top:6px;}

.icon-follow{background:url("../images/top_icons2.png") no-repeat left center;}

.icon-global{background:url("../images/top_icons3.png") no-repeat left center;}

.dropdown-menu{border-radius:0;margin-top:0;border-top-color:#ddd;min-width:auto;display:block;display: none\9;display: block\9\0;-webkit-transform:scale(1.2,0);transform:scale(1.2,0);opacity:0;-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .2s ease-out;-webkit-transition:-webkit-all .2s ease-out;transition:-webkit-all .2s ease-out;transition:all .2s ease-out;transition:all .2s ease-out,-webkit-all .2s ease-out;-webkit-box-shadow:0px 5px 8px rgba(102,102,102,0.35);box-shadow:0px 5px 8px rgba(102,102,102,0.35);padding:17px 26px;}

.dropdown-menu > li:not(:last-child){border-bottom:1px solid #d7d7d7;}

.dropdown-menu > li>a{padding:5px 0;font-size:14px;line-height:28px;}

.dropdown-menu > li>a:hover{color:#ee0f0f;background-color:transparent;}

.dropdown-active{display: block\9;-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1;}



.chanpin_list_wrap{ -webkit-transition: all .2s ease-out;-webkit-transition: -webkit-all .2s ease-out;transition: -webkit-all .2s ease-out;transition: all .2s ease-out;transition: all .2s ease-out,-webkit-all .2s ease-out;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;position: absolute;z-index: 99;left: 0;right: 0; top:97px; background-color: #fff;padding-top:30px;padding-bottom:22px;}

.chanpin_list_wrap .chanpin_list{/* margin:0 15px; */text-align:center;}

.chanpin_list_wrap .chanpin_list h3{border-bottom:1px solid #ddd;padding-bottom:15px;color: #333;margin-top: 20px;margin-bottom: 10px;font-size:16px;font-weight:bold;}

.chanpin_list_wrap ul{padding-left:0;}

.chanpin_list_wrap ul li{line-height:24px;}

.chanpin_list_wrap ul li .pro_list_item a{color:#999;font-size:14px;margin:0 10px 14px;line-height:14px;display:inline-block;}

.chanpin_list_wrap ul li .pro_list_item a.active{color:#FF9900}

.chanpin_list_wrap li span{color:#3671CF;width:80px;border-right:1px solid #e4e4e4;line-height:14px;margin-right:15px;float:left;}

.chanpin_list_wrap li a{color:#777;}

.chanpin_list_wrap li a:hover{color:#f90;}

.chanpin_list_wrap li span>a{color:inherit;}

.chanpin_list_wrap li span>a:hover{color:inherit;}

.chanpin_list_wrap .pro_list_item{overflow:hidden;}

.hide{display:none;}

/*====================手机站menu====================*/

.ph-menu {

  display: block;

  width: 100%;

  padding: 10px 0px;

  font-size: 14px;

  color: #333;

  text-align: center;

}



.iphone {

  position: relative;

  top: 0px;

  left: 0px;

  width: 100%;

}



.iphone-tit {

  padding: 10px 0px;

  width: 100%;

  font-size: 22px;

  text-transform: uppercase;

  color: #fff;

  text-align: center;

}



.iphone__screen {

  position: fixed;

  z-index: 100000000;

  top: 0px;

  left: 0px;

  width: 100%;

  /*height:100%;*/

  overflow: hidden;

}



.iphone__content {

  position: relative;

  width: 100%;

  height: 100%;

}



.nav {

  position: absolute;

  z-index: 100;

  opacity: 0;

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav--active .nav {

  opacity: 1;

  background-color: #333;

}



.nav__list {

  margin: 0;

  padding: 10px;

  padding-top: 30px;

}



.nav__item {

  margin: 0 auto;

  width: 90%;

  padding: 7px;

  list-style-type: none;

  text-align: left;

}



.nav__item:after {

  content: '';

  display: block;

  position: relative;

  bottom: -8px;

  width: 50%;

  height: 1px;

  background: rgba(255, 255, 255, 0.3);

}



.nav__link {

  font-size: 15px;

  text-transform: uppercase;

  text-decoration: none;

  color: #FFFFFF;

  opacity: 1;

  -webkit-transition: opacity 300ms ease-in-out;

  transition: opacity 300ms ease-in-out;

}



.nav__trigger {

  display: block;

  position: relative;

  z-index: 111111;

  position: fixed;

  top: 20px;

  right: 19px;

  padding: 10px;

  padding-bottom: 15px;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 8px;

}



.nav--active .nav__trigger {

  opacity: 0.5;

}



.nav__icon {

  display: inline-block;

  position: relative;

  width: 30px;

  height: 5px;

  background-color: #FFFFFF;

  -webkit-transition-property: background-color, -webkit-transform;

  transition-property: background-color, -webkit-transform;

  transition-property: background-color, transform;

  transition-property: background-color, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav__icon:before,

.nav__icon:after {

  content: '';

  display: block;

  width: 30px;

  height: 5px;

  position: absolute;

  background: #FFFFFF;

  -webkit-transition-property: margin, -webkit-transform;

  transition-property: margin, -webkit-transform;

  transition-property: margin, transform;

  transition-property: margin, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav__icon:before {

  margin-top: -10px;

}



.nav__icon:after {

  margin-top: 10px;

}





/*====================手机站menu2====================*/

.ph-menu2 {

  height: auto;

  padding: 5px;

  background-color: #2c2c2c;

  overflow: hidden;

}



.ph-menu2 li {

  float: left;

  width: 25%;

  height: auto;

  -webkit-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -ms-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s;

}



.ph-menu2 li a {

  display: block;

  margin: 2px auto;

  padding: 6px 0px;

  width: 96%;

  font-size: 14px;

  color: #ffffff;

  text-align: center;

  text-decoration: none;

  border: 1px solid #fff;

  border-radius: 5px;

}



/*====================手机站 end menu2====================*/



/* 样式一*/

.style-1 .nav {

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  width: 100%;

  height: 100%;

}



.style-1 .nav--active {

  height: 100%;

}



.style-1 .nav__link {

  opacity: 0;

  -webkit-transition-delay: 500ms;

  transition-delay: 500ms;

}



.style-1 .nav--active .nav__link {

  opacity: 1;

}



.style-1 .nav--active .nav {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}



.style-1 .nav--active .nav__icon {

  background: rgba(0, 0, 0, 0);

}



.style-1 .nav--active .nav__icon:before {

  margin-top: 0;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.style-1 .nav--active .nav__icon:after {

  margin-top: 0;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



/*====================end手机站menu====================*/

.hy-logo{

  margin-top: 0px;

}

/*====================title====================*/

  /*标题*/

.tit01{

margin-bottom: 15px;

margin-top: 50px;

width: 100%;

overflow: hidden;
}

.tit01 h2{

  display: block;

  margin:5px 0px;

  color: #f95106;

  font-size: 36px;

  font-weight: lighter;

  text-align: center;

  font-weight: bold;

}

.tit01 p{

  color: #474956;

  line-height: 35px;

  font-size: 18px;

  color: #474956;

  font-weight: lighter;

  font-family: arial;

  text-transform: uppercase;

  text-align: center;

  letter-spacing: 0px;

}

.tit01 span{

  display: block;

  text-align: center;

  font-size: 16px;

  color: #666;

}

.tit01 .line{

  margin:0px auto;

  margin-top: 12px;

  width: 30px;

  height: 2px;

  background-color: #9d9b9b;

}

.tit02{

  padding: 15px 0px;

  border-bottom: 1px solid #ebebeb;

  overflow: hidden;

}

.tit02 .tit2-l{

  float: left;

  width: 60%;

}

.tit02 .tit2-l h2{

  display: block;

  font-size: 22px;

  color: #373737;

  font-weight: bold;

  letter-spacing: 2px;

}

.tit02 .tit2-l p{

  display: block;

  margin-top: 7px;

  font-size: 12px;

  color: #afafaf;

  text-transform: uppercase;

}

.tit02 .morea a{

  display: block;

  margin-top: 25px;

  float: right;

  width: 40%;

  font-size: 14px;

  color: #343434;

  text-align: right;

  text-transform: uppercase;

}



.tit03{

width: 100%;

overflow: hidden;

margin: 50px 0px;
}

.tit03 h2{

  width: 100%;

  font-size: 31px;

  color: #000000;

  text-align: center;

  letter-spacing: 0px;

}

.tit03 .zi01{

  display: block;



  margin-top: 10px;

  text-align: center;

  font-size: 15px;

  color: #b1b1b1;

  letter-spacing: 0px;

}

.tit03 .zi02{

  display: block;

  margin-top: 10px;

  text-align: center;

  font-size: 15px;

  color: #818181;

  letter-spacing: 7px;

}

.tit03 .zi03{

  display: block;

  margin-top: 0px;

  text-align: center;

  font-size: 15px;

  color: #b1b1b1;

  letter-spacing: 0px;

}



.m-tit{

  padding:15px;

  font-size: 32px;

  color: #333;

  font-weight: bold;

  text-align: center;

}

.m-tit2{

  padding:10px 0px;

}

.m-tit2 strong{

  display: block;

  font-size: 50px;

  color: #fe0000;

  text-align: center;

  font-weight: bold;

  letter-spacing: 8px;

}

.m-tit2 p{

  display: block;

  text-align: center;

  font-size: 27px;

  color: #252525;

  letter-spacing: 3px;

}



.ny-tit01{

  margin-bottom: 15px;

  width: 100%;

  overflow: hidden;

}

.ny-tit01 h2{

  display: block;

  margin:5px 0px;

  color: #ee0f0f;

  font-size: 36px;

  font-weight: lighter;

  text-align: center;

  font-weight: bold;

}

.ny-tit01 p{

  color: #474956;

  line-height: 35px;

  font-size: 18px;

  color: #474956;

  font-weight: lighter;

  font-family: arial;

  text-transform: uppercase;

  text-align: center;

  letter-spacing: 0px;

}

.ny-tit01 span{

  display: block;

  text-align: center;

  font-size: 16px;

  color: #666;

}

.ny-tit01 .line{

  margin:0px auto;

  margin-top: 12px;

  width: 30px;

  height: 2px;

  background-color: #9d9b9b;

}

/*end 标题*/



/*====================middle====================*/

.pro-bg{

padding-bottom: 50px;

background: url(../images/bga.jpg);

overflow: hidden;
}
.pro-bg1{

padding-bottom: 60px;

background: url(../images/bga.jpg);

overflow: hidden;
}
.wl-part1-w{

  background-color: #ee0f0f;

  padding:30px 30px;

  overflow: hidden;

}

.wl-p1-hot img{

  display: inline-block;

  margin-right: 20px;

  vertical-align: middle;

}

.wl-p1-hot .hot-pro{

  display: inline-block;

  vertical-align: middle;

}

.wl-p1-hot .hot-pro a{

  display: block;

  float: left;

  padding:0px 7px;

  font-size: 15px;

  color: #fff;

  border-right:1px solid #fff;

}

.h-input1{

  float: left;

  width: 80%;

  height: 40px;

  border:1px solid #dcdcdc;

  background-color: #fff;

  font-size: 14px;

  color: #666;

  line-height: 40px;

  text-indent: 15px;

}

.h-input2{

  float: right;

  width:20%;

  height: 40px;

  background-color: #333;

  text-align: center;

  font-size: 15px;

  color: #fff;

  line-height: 40px;

}





/*分类*/





.gl-proc{

    padding:15px 0px;

    text-align: center;

}

.gl-proc li{

  display: inline-block;

  text-align: -webkit-match-parent;

}

.gl-proc li a{

display: inline-block;

font-size: 16px;

margin: 5px;

width: auto;

border: #659806 1px solid;

padding: 8px 12px;

color: #fff;

border-radius: 3px;

transition: all 0.5s;

background: #84bb1f;
}

.gl-proc li:hover a{
  background-color: #ffffff;
  color: #4a4a4a;
}

/*part2*/

.part2-bg{

  padding:15px 0px;

  background: url(../images/bgd.jpg);

}

.part2-l{

  float: left;

  width: 20%;

}

.part2-l p{

  display: block;

  text-align: center;

  font-size: 52px;

  color: #1e1918;

  font-weight: bold;

}

.part2-l span{

  display: block;

  text-align: center;

  font-size: 26px;

  color: #1e1918;

  font-weight: bold;

}

.part2-r{

  float: left;

  width: 80%;

}

.part2-r li{

  float: left;

  width: 20%;

  text-align: center;

}

.part2-r li img{

  display: inline-block;

}

.part2-r li p{

  display: block;

  margin-top: 5px;

  text-align: center;

  font-size: 15px;

  color: #434343;

}





/*产品*/

.jy-pro{

margin-bottom: 30px;


position: relative;

border: 1px solid #84bb1fb8;

background-color: #fff;
}


.jy-pro:before{
  content: "";
  position: absolute;
  bottom:0px;
  left:0px;
  z-index: 1;
  width: 100%;
  height:0px;
  background-color: #84bb1f;
  transition: all 0.3s ease-out;
}

.jy-pro:hover:before{

 height: 100%;

}

.jy-pro .tu{

  position: relative;

  z-index: 10;

  margin:5px;

  height: auto;

  overflow: hidden;

}

.jy-pro .tu img{

  width: 100%;

  transition: all 0.5s ease-out;

  -webkit-transform: scale(1, 1); 

     -moz-transform: scale(1, 1); 

  -webkit-transition: all 0.5s ease-out; 

     -moz-transition: all 0.5s ease-out; 

}

.jy-pro:hover .tu img{

  transition: all 0.5s ease-out;

  -webkit-transform: scale(1.1, 1.1); 

     -moz-transform: scale(1.1, 1.1); 

  -webkit-transition: all 0.5s ease-out; 

     -moz-transition: all 0.5s ease-out; 

}

.jy-pro h3{

display: block;

position: relative;

z-index: 10;

padding: 8px 0px;

text-align: center;

font-size: 20px;

/* font-weight: bold; */

color: #333;

transition: all 0.3s ease-out;
}





.jy-pro .linea{

  display: block;

  position: relative;

  z-index: 10;

  margin:0 auto;

  margin-bottom: 10px;

  width: 50px;

  height: 2px;

  background-color: #666;

  transition: all 0.3s ease-out;

}

.jy-pro p{

display: block;

position: relative;

z-index: 10;

height: 21px;

font-size: 14px;

color: #666;

line-height: 150%;

text-align: center;

overflow: hidden;

transition: all 0.3s ease-out;
}

.jy-pro .more{
  display: block;
  position: relative;
  z-index: 10;
  margin:15px auto;
  padding:5px;
  width: 30%;
  background-color: #84bb1f;
  text-align: center;
  font-size: 15px;
  color: #fff;
  transition: all 0.3s ease-out;
  border-radius: 3px;
}

.jy-pro:hover .more{

  background-color: #171615;

}

.jy-pro:hover h3,.jy-pro:hover p{

  color: #fff;

}

.jy-pro:hover .linea{

  background-color: #fff;

}



/*案例展示*/

.case{

  margin-bottom: 20px;

  position: relative;

  width: 100%;

  height: auto;

  overflow: hidden;

}



.case img{

  width: 100%;

}

.case .uptu{

position: absolute;

top:100%;

left:0%;

z-index: 10;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.33);

ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);

transition: all 0.3s ease-out;
}

.case:hover .uptu{

  top:0px;

  left:0px;

  width: 100%;

  height: 100%;

  border-radius: 0px;

}

.case .case1-tit{

  position: absolute;

  top:-50%;

  left:0px;

  z-index: 100;

  width: 100%;

  padding:0px 15px;

  opacity: 0;

  transition: all 0.5s ease-out;

}

.case:hover .case1-tit{

  opacity: 1;

  top:40%;

}

.case .case1-tit a h3{

display: block;

margin:0 auto;

width: 70%;

padding:10px;

font-size: 18px;

color: #fff;

background-color: #84bb1f;

text-align: center;

/* border-radius: 10px; */

border: 1px solid #ffffff70;
}

/*简介*/

.about-w{

  width: 100%;

  height: 711px;

  background: url(../images/about-bg.jpg) top center no-repeat;

  overflow: hidden;

}

.about-tit{

  margin-top: 35px;

}

.about-tit h2{

  display: inline-block;

  font-size: 46px;

  color: #373737;

  font-weight: bold;

}

.about-tit .xian{

  display: inline-block;

  padding:0px 10px 0px 15px;

  font-size: 46px;

  color: #000;

}

.about-tit  p{

  display: inline-block;

  font-size: 20px;

  color: #d1d1d1;

}

.about-tit .xian2{

margin-top: 20px;

width: 60px;

height: 3px;

background-color: #84bb1f;
}

.about-bt{

margin-top: 57px;
}

.about-bt h3 strong{

  display: block;

  margin-bottom: 18px;

  font-size: 38px;

  color: #e3530a;

  font-weight: bold;

}

.about-bt p{

  display: block;

  margin-bottom: 15px;

  font-size: 26px;



  color: #1d1d1d;

  font-weight: bold;

  line-height: 150%;

}

.about-bt span{

display: block;

font-size: 17px;

color: #c30303;

/* font-weight: bold; */

line-height: 150%;
}

.about-cont{

margin-top: 30px;

width: 100%;

height: 217px;

font-size: 15px;

color: #1d1d1d;

line-height: 175%;

overflow: hidden;
}

.about-cont p,

.about-cont p a,

.about-cont a{

font-size: 15px;

color: #1d1d1d;

line-height: 175%;
}

.about-more a{

display: block;

margin-top: 20px;

padding:10px 0px;

width: 145px;

border-radius: 5px;

background-color: #84bb1f;

text-align: center;

font-size: 14px;

color: #fff;
}

/*优势*/

.ad-ys-tit{

  text-align: center;

}

.ad-ys-tit img{

  display: block;

  margin:0 auto;

}

.ad-ys-tit p{

  display: block;

  text-align: center;

  font-size: 41px;

  color: #171516;

  font-weight: bold;

}

.ad-ys-tit .zia{

  font-size: 41px;

  color: #f95106;

  font-weight: bold;

}

.ad-ys-tit span{

  display: block;

  margin-top: 10px;

  text-align: center;

  font-size: 17px;

  color: #a6a6a6;

  text-transform: uppercase;

  letter-spacing: 0px;

}

.ad-ys-tit-lin{

  margin-top: 5px;

  width: 100%;

  height: 7px;

  background: url(../images/xian-bg.jpg);

}



/*优势*/

.ys-bg{

  width: 100%;

  height: 768px;

  background: url(../images/bg4.jpg) top center no-repeat;

  overflow: hidden;

}

.ys-tit{

  margin-top: 50px;

}

.ys-tit .zi1{

  font-size: 30px;

  color: #000;

  text-transform: uppercase;

}

.ys-tit h2{

  font-size: 30px;

  color: #fb5106;

  font-weight: bold;

}

.ys-tit .line1{

  margin-top: 30px;

  width: 56px;

  height: 3px;

  background-color: #fb5106;

}

.ys-tit .con1{

  margin-top: 25px;

  font-size: 16px;

  color: #5b5a5a;

  line-height: 190%;

}

.ys-tit .con1 p,

.ys-tit .con1 p a{

  font-size: 16px;

  color: #5b5a5a;

  line-height: 190%;

  font-weight: bold;

}

.ys-bg1{

  background-color: #e5e5e5

}

.ys-bg1:hover{

  background-color: #e1383f;

}

.ys-bg2{

  background-color: #eeeeee

}

.ys-bg2:hover{

  background-color: #e1383f;

}

.ys-mt{

  margin-top: 35px;

}

.ys{

  padding:82px 25px;

  min-height: 672px;

  transition: all 0.3s ease-out;

}

.ys:hover{

  padding:72px 25px 92px 25px;

}

.ys *{

  transition: all 0.3s ease-out;

}

.ys h2{

  display: block;

  font-size: 26px;

  color: #000;

  font-weight: bold;

}

.ys:hover h2{

  color: #fff;

}

.ys p{

  padding-top: 23px;

  font-size: 18px;

  color: #000;

  line-height: 175%;

}

.ys:hover p{

  color: #fff;

}

.ys img{

  width: 100%;

}



/*新闻*/

/*新闻1*/

.qt-news1{



}

.qt-news1 .tua{

  position: relative;

}

.qt-news1 .tua img{

  width: 100%;

}

.qt-news1 .tua .datea{

  position: absolute;

  z-index:100;

  left:50%;

  margin-left: -76px;

  bottom:0px;

  width: 152px;

  height: 52px;

  background-color: #eeeeee;

  border-radius: 5px 5px 0px 0px;

  text-align: center;

  font-size: 17px;

  line-height: 52px;

}

.qt-news1 .bt{

padding: 15px 25px;

background: #84bb1f;

margin-top: 15px;
}

.qt-news1 .bt a h3{

display: block;

font-size: 18px;

color: #ffffff;

width: 100%;

line-height: 38px;

text-align: left;

overflow: hidden;

transition: all 0.3s ease-out;
}

.qt-news1:hover .bt a h3{

color: #fff700;
}

.qt-news1 .bt p{

display: block;

font-size: 14px;

color: #ffffff;

width: 100%;

line-height: 26px;

text-align: left;

overflow: hidden;
}

.qt-news2{}

.qt-news2 li{

  position: relative;

  z-index: 1;

  padding:27px 0px;

  border-bottom: 1px dashed #bfbfbf;

  overflow: hidden;

}

.qt-news2 li .n2-l{

  position: relative;

  z-index: 10;

  float: left;

  width: 23%;

  text-align: center;

}


.qt-news2 li .n2-l p{

  display: block;

  margin-top: 0px;

  font-size: 42px;

  color: #272f42;

  font-weight: bold;

  text-align: center;

}

.qt-news2 li .n2-l span{

  display: block;

  font-size: 14px;

  color: #84878d;

  text-align: center;

}

.qt-news2 li .n2-r{

  position: relative;

  z-index: 10;

  float: right;

  width: 75%;

  height: auto;

}

.qt-news2 li .n2-r a h3{

  display: block;

  font-size: 18px;

  color: #1b1b1b;

  letter-spacing: 0px;

}

.qt-news2 li .n2-r p{

  display: block;

  margin-top: 15px;

  height: 38px;

  font-size: 14px;

  color: #626262;

  line-height: 150%;

  overflow: hidden;

}

/*.qt-news2 li:first-child{

  padding-top: 0px;

}*/

.qt-news2 li:before {

content: "";

position: absolute;

top: 0px;

left: 0px;

z-index: 1;

width: 0px;

height: 100%;

background-color: #84bb1f8f;

transition: all 0.8s ease-out;
}

.qt-news2 li:hover:before{

 width: 100%;

}

.qt-news2 li:hover .n2-l p,

.qt-news2 li:hover .n2-l span,

.qt-news2 li:hover .n2-r a h3,

.qt-news2 li:hover .n2-r p{

  color: #fff;

}



.qt-zhishi{

  padding:35px 0px;

}

.qt-zhishi .zs-tit{

  margin-bottom: 15px;

}

.qt-zhishi .zs-tit h2{

  font-size: 20px;

  color: #1b1b1b;

  font-weight: bold;

}

.qt-zhishi .zs-tit p{

  margin-top: 5px;

  margin-bottom: 15px;

  font-size: 15px;

  color: #9e9e9e;

}

.qt-zhishi li{

  padding:13px 19px; 

  margin-bottom: 15px;

  background-color: #eeeeee;

  border:1px solid #e5e5e5;

  overflow: hidden;

}

.qt-zhishi li .zh-tit{

  margin-bottom: 5px;

}

.qt-zhishi li .zh-tit .tm{

  float: left;

  width: 23px;

  height: 23px;

  background-color: #fe0000;

  border-radius: 50%;

  text-align: center;

  line-height: 23px;

  font-size: 15px;

  color: #fff;

}

.qt-zhishi li .zh-tit .maohao{

  display: inline-block;

  width: 15px;

  float: left;

  font-size: 15px;

  color: #000;

}

.qt-zhishi li .zh-tit .tm-r a h3{

  display: inline-block;

  margin-top: 3px;

/*  width: 80%;*/

  float: left;

  font-size: 15px;

  color: #000;

  line-height: 120%;

}

.qt-zhishi li .zh-nr{

  margin-top: 10px;

}

.qt-zhishi li .zh-nr .tm{

  float: left;

  width: 23px;

  height: 23px;

  background-color: #0090ff;

  border-radius: 50%;

  text-align: center;

  line-height: 23px;

  font-size: 15px;

  color: #fff;

}

.qt-zhishi li .zh-nr .maohao{

  display: inline-block;

  float: left;

  width: 15px;

  font-size: 15px;

  color: #000;

}

.qt-zhishi li .zh-nr p{

  display: inline-block;

  margin-top: 3px;

  width: 80%;

  float: left;

  font-size: 15px;

  color: #5c5c5c;

  line-height: 120%;

  word-wrap:break-word;

}

/*====================end middle====================*/

/*====================foot====================*/

.foot-w{

  padding-bottom: 30px;

  width: 100%;

  background: #242424;

  height: auto;

}

.foot-ditu{

  text-align: left;

}

.foot-ditu img{

  width: 100%;

}



.foot-ad-lx{

margin-left: 16px;

float: left;

width: 100%;

padding-top: 23px;
}

.foot-ad-lx h2{

display: block;

margin-top: 20px;

margin-bottom: 16px;

font-size: 21px;

color: #fff;

font-weight: bold;
}

.foot-ad-lx p{

display: block;

font-size: 15px;

color: #cfcfcf;

line-height: 26px;
}

.foot-ad-lx .foot-menu{

  

}

.foot-ad-lx .foot-menu a{

display: block;

float: left;

padding:2px 0px;

width: 14%;

font-size: 15px;

color: #cfcfcf;
}



.foot-ewm-w{

  margin-top: 30px;

  text-align: center;

}

.foot-ewm-w li{

float: left;

width: 33%;

padding:3%;
}

.foot-ewm-w li img{

  display: block;

  margin:0 auto;

}


.foot-ewm-w li p{

display: block;

text-align: center;

font-size: 15px;


color: #cfcfcf;

margin-top: 20px;
}





.ad-bq-w{

  width: 100%;

  background-color: #000;

  overflow: hidden;

}



.gl-bq{

  padding:15px 15px;

  vertical-align: middle;

}

.gl-bq p img{

  display: inline-block;

  vertical-align: middle;

}

.gl-bq p,

.gl-bq p strong,

.gl-bq p p{

  color: #7b7b7b;

  text-align: center;

  line-height: 24px;

  font-size: 14px;

  vertical-align: middle;

}

.gl-bq a{

  display: inline-block;

  font-size: 14px;

  color: #7b7b7b;

  text-align: center;

  line-height: 24px;

}


    font-family:"microsoft yahei";

    font-weight: normal;

    font-size:14px;

}

table{border-collapse:collapse;border-spacing:0}

a{ text-decoration:none;}

a:hover{text-decoration: none !important;}

a:focus {text-decoration: none!important;}

fieldset,img{border:0}

ol,ul{list-style:none}

.w-100{width:100%; height:auto; overflow:hidden;}

.w-1260{width:1260px; margin:0 auto; overflow:hidden;}

.w-1260-1{width:1260px; margin:0 auto;}

#w-1200{width:1260px; margin:0 auto; overflow:hidden;}

#w-1200-1{width:1260px; margin:0 auto;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.mt-10{ margin-top:10px;}

.mt-15{ margin-top:15px;}

.mt-20{margin-top: 20px;}

.mt-30{/* margin-top:30px; */}

.mt-35{ margin-top:35px;}

.mt-40{/* margin-top:40px; */}

.mt-50{ margin-top:55px;}

.mt-60{ margin-top:60px;}

.mt-65{ margin-top:65px;}

.mt-70{ margin-top:60px;}

.mt-80{ margin-top:80px;}

.mt-90{ margin-top:90px;}

.mt-100{ margin-top:100px;}

.t-align-c{ text-align:center;}

.clearfix:after {content:""; display: block; clear:both; }



.margin0{margin:0 0px;}

.margin3{margin:0 3px;}

.margin5{margin:0 5px;}

.margin8{margin:0 8px;}

.margin-20{margin:0 -20px;}

.padding0{padding:0px;}

.padding3{padding:0 3px;}

.padding8{padding:0 8px;}

.padding-8{padding-right: 3px;padding-left:3px;}

.padding-15{padding:0 -15px !important;}

.padding0-sm15{padding:0px;}

.padding6{padding:6px;}

.padding15-8{padding:15;}

.case-padding{padding:5px;}

#w-70{margin:0 auto;width: 67%;overflow: hidden;}

#w-90{margin:0 auto;width: 1290px;overflow: hidden;}

#w-80{margin:0 auto;width: 80%;overflow: hidden;}

#w-1260{margin:0 auto;width: 1260px;overflow: hidden;}

#pro-w{margin:0 auto;width: 80%;overflow: hidden;}

#w-1260-1{margin:0 auto;width: 1260px;}

.p-img{width: 100%;}



/*====================top====================*/

.yx-top-bg{
  width: 100%;
  height: auto;
  background: url(../images/bgd.jpg);
}

/*====================top====================*/

.top-bg{

  padding:6px 0px;

  width: 100%;

  background-color: #f6f6f6;

  border-bottom: 1px solid #eeeeee;

}

.top-l{

  overflow: hidden;

}

.top-l .tit{

float: left;

width: 88px;

height: 26px;

background-color: #81b90f;

border-radius: 3px;

text-align: center;

line-height: 26px;

font-size: 14px;

color: #fff;
}

.top-l p{

  display: inline-block;

  padding-left: 20px;

  font-size: 14px;

  color: #272636;

  line-height: 26px;

}

.top-menu{

  padding-top:1px;

  text-align: right;

  overflow: hidden;

}

.top-menu a{

  margin-top: 5px;

  display: inline-block;

  height: 14px;

  padding:0px 10px;

  font-size: 14px;

  color: #6e6e6e;

  border-right:1px solid #6e6e6e;

  line-height: 14px;

}

.top-menu a:last-child{

  border-right: none;

}

.top-phone{

  text-align: right;

}

/*.top-bg{

  width: 100%;

  height: 110px;

  position: fixed;

  top:0px;

  left:0px;

  z-index: 111111;

  background-color: #fff;

  ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);

  transition: all 0.3s;

}

.top-bg-hover{

  background-color:#fff;

  -webkit-box-shadow: 0px 5px 8px rgba(102,102,102,0.35);

  box-shadow: 0px 5px 8px rgba(102,102,102,0.35);

  transition: all 0.3s;

}

.ch-logo{

  position: relative;

}

.qt-topphone{

  width: 100%;

  height: 38px;

  vertical-align: middle;

}

.qt-topphone img{

  display: inline-block;

  float: right;

  vertical-align: middle;

  margin-top: 8px;

}

.qt-topphone p{

  display: inline-block;

  padding-left: 15px;


  float: right;

  font-size: 22px;

  color: #010101;

  font-weight: bold;

  line-height: 38px;

  vertical-align: middle;

}*/

.ch-logo{

  position: relative;

}

/*====================menu====================*/

.menu-bg{

  width: 100%;

  height: auto;

}

.pc-menu li{

  position: relative;

  z-index: 200;

  float: left;

  width: 11%;

  padding:0px 0.1% 0px  0.1%;

  color: #222222;

  list-style: none;

  transition: all 0.3s ease-out;

}

.pc-menu-bg1{

/*  background: url(../images/menu-bg1.png) top right no-repeat;*/

}

.pc-menu-bg1:hover{

  background: none;

}

.pc-menu li:hover{

 /* background-color: #fd5f20;*/

}

.pc-menu li a{

  position: absolute;

  z-index: 1000;

  display: block;

  height: 150px;

  line-height: 150px;

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  text-align: center;

  text-transform: capitalize;

  position: relative;

}

.pc-menu li:hover a{

  color:#fff;

}

.pc-menu li .active{

  background-color: #ff3131;

  color: #fff !important;

}

.pc-menu li:after {

  position: absolute;

  left: 50%;

  top: 0px;

  z-index: 10;

  background: url(../images/menu-bg.png) repeat-x #ff3131;

  background-position: 50px 50px;

  content: "";

  height: 150px;

  transition: all 0.4s ease 0s;

  width: 0%;

}

.pc-menu li:hover:after {

  width: 100%;

  left: 0px;

  background-position: 0px 0px;

}

.pc-menu li ul{

  position: absolute;

  top:150px;

  left:0px;

  z-index: 111111111;

  z-index: 1000;

  margin:0px;

  margin-left:0px;

  padding:15px 15px 30px 15px;

 /* width:230px;*/

  display: none;

  background-color: #fff;

  overflow: hidden;

}

.pc-menu li ul a{

  display: block;

  margin:0 auto;

  padding:0px;

  height: 30px;

  font-size: 15px;

  color: #333 !important;

  text-align: center;

  line-height: 30px;

  text-decoration: none;

  border-bottom: 1px solid #d7d7d7;

}

.pc-menu li ul a:hover{

  color: #ee0f0f !important;

}

.pc-menu li ul a:hover:after{

  content: "";

  height: 0px;

  left: 0;

  position: absolute;

  transition: all 0.2s ease 0s;

  width: 0%;

}

/*导航*/

.header-nav{

  position: relative;

  z-index: 11111111;

}
.service{background: url(../images/ban.jpg) no-repeat center;background-attachment: fixed;height: 438px;}
.service p{
    font-size: 45px;
    color: white;
    line-height: 36px;
    text-align: center;
    padding-top: 180px;
    text-shadow: 1px 1px 5px #807f7f;
}
.header-nav .nav-list>li{/*float:left;*/padding:18px 0;position:relative; display: inline-block;}

.header-nav .nav-list>li>a{padding: 0 51px;font-size: 18px;position:relative;color: #fff;}

.header-nav li.active>a,.header-nav .nav-list>li>a:hover{color:#f6ff00;}

.header-nav .nav-list>li>a:after{content:'';position:absolute; right:0px; width:1px;height:10px;background-color:#ddd;top:50%;margin-top:-5px; /*margin-left:25px;*/}

.header-nav .nav-list>li:last-child>a:after{display:none;}

.header-nav .header-contact{margin-top:32px; no-repeat left center;padding-left:42px;}

.header-nav .header-contact>p{color:#444;font-size:14px;margin-bottom:0;line-height:18px;}

.header-nav .header-contact>.fr p:first-child{font-size:12px;color:#bbb;line-height: 12px;}

.top-icon{width:12px;height:12px;position:absolute;margin-left:-18px;vertical-align:middle;margin-top:6px;}

.icon-follow{background:url("../images/top_icons2.png") no-repeat left center;}

.icon-global{background:url("../images/top_icons3.png") no-repeat left center;}

.dropdown-menu{border-radius:0;margin-top:0;border-top-color:#ddd;min-width:auto;display:block;display: none\9;display: block\9\0;-webkit-transform:scale(1.2,0);transform:scale(1.2,0);opacity:0;-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .2s ease-out;-webkit-transition:-webkit-all .2s ease-out;transition:-webkit-all .2s ease-out;transition:all .2s ease-out;transition:all .2s ease-out,-webkit-all .2s ease-out;-webkit-box-shadow:0px 5px 8px rgba(102,102,102,0.35);box-shadow:0px 5px 8px rgba(102,102,102,0.35);padding:17px 26px;}

.dropdown-menu > li:not(:last-child){border-bottom:1px solid #d7d7d7;}

.dropdown-menu > li>a{padding:5px 0;font-size:14px;line-height:28px;}

.dropdown-menu > li>a:hover{color:#ee0f0f;background-color:transparent;}

.dropdown-active{display: block\9;-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1;}



.chanpin_list_wrap{ -webkit-transition: all .2s ease-out;-webkit-transition: -webkit-all .2s ease-out;transition: -webkit-all .2s ease-out;transition: all .2s ease-out;transition: all .2s ease-out,-webkit-all .2s ease-out;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;position: absolute;z-index: 99;left: 0;right: 0; top:97px; background-color: #fff;padding-top:30px;padding-bottom:22px;}

.chanpin_list_wrap .chanpin_list{/* margin:0 15px; */text-align:center;}

.chanpin_list_wrap .chanpin_list h3{border-bottom:1px solid #ddd;padding-bottom:15px;color: #333;margin-top: 20px;margin-bottom: 10px;font-size:16px;font-weight:bold;}

.chanpin_list_wrap ul{padding-left:0;}

.chanpin_list_wrap ul li{line-height:24px;}

.chanpin_list_wrap ul li .pro_list_item a{color:#999;font-size:14px;margin:0 10px 14px;line-height:14px;display:inline-block;}

.chanpin_list_wrap ul li .pro_list_item a.active{color:#FF9900}

.chanpin_list_wrap li span{color:#3671CF;width:80px;border-right:1px solid #e4e4e4;line-height:14px;margin-right:15px;float:left;}

.chanpin_list_wrap li a{color:#777;}

.chanpin_list_wrap li a:hover{color:#f90;}

.chanpin_list_wrap li span>a{color:inherit;}

.chanpin_list_wrap li span>a:hover{color:inherit;}

.chanpin_list_wrap .pro_list_item{overflow:hidden;}

.hide{display:none;}

/*====================手机站menu====================*/

.ph-menu {

  display: block;

  width: 100%;

  padding: 10px 0px;

  font-size: 14px;

  color: #333;

  text-align: center;

}



.iphone {

  position: relative;

  top: 0px;

  left: 0px;

  width: 100%;

}



.iphone-tit {

  padding: 10px 0px;

  width: 100%;

  font-size: 22px;

  text-transform: uppercase;

  color: #fff;

  text-align: center;

}



.iphone__screen {

  position: fixed;

  z-index: 100000000;

  top: 0px;

  left: 0px;

  width: 100%;

  /*height:100%;*/

  overflow: hidden;

}



.iphone__content {

  position: relative;

  width: 100%;

  height: 100%;

}



.nav {

  position: absolute;

  z-index: 100;

  opacity: 0;

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav--active .nav {

  opacity: 1;

  background-color: #333;

}



.nav__list {

  margin: 0;

  padding: 10px;

  padding-top: 30px;

}



.nav__item {

  margin: 0 auto;

  width: 90%;

  padding: 7px;

  list-style-type: none;

  text-align: left;

}



.nav__item:after {

  content: '';

  display: block;

  position: relative;

  bottom: -8px;

  width: 50%;

  height: 1px;

  background: rgba(255, 255, 255, 0.3);

}



.nav__link {

  font-size: 15px;

  text-transform: uppercase;

  text-decoration: none;

  color: #FFFFFF;

  opacity: 1;

  -webkit-transition: opacity 300ms ease-in-out;

  transition: opacity 300ms ease-in-out;

}



.nav__trigger {

  display: block;

  position: relative;

  z-index: 111111;

  position: fixed;

  top: 20px;

  right: 19px;

  padding: 10px;

  padding-bottom: 15px;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 8px;

}



.nav--active .nav__trigger {

  opacity: 0.5;

}



.nav__icon {

  display: inline-block;

  position: relative;

  width: 30px;

  height: 5px;

  background-color: #FFFFFF;

  -webkit-transition-property: background-color, -webkit-transform;

  transition-property: background-color, -webkit-transform;

  transition-property: background-color, transform;

  transition-property: background-color, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav__icon:before,

.nav__icon:after {

  content: '';

  display: block;

  width: 30px;

  height: 5px;

  position: absolute;

  background: #FFFFFF;

  -webkit-transition-property: margin, -webkit-transform;

  transition-property: margin, -webkit-transform;

  transition-property: margin, transform;

  transition-property: margin, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav__icon:before {

  margin-top: -10px;

}



.nav__icon:after {

  margin-top: 10px;

}





/*====================手机站menu2====================*/

.ph-menu2 {

  height: auto;

  padding: 5px;

  background-color: #2c2c2c;

  overflow: hidden;

}



.ph-menu2 li {

  float: left;

  width: 25%;

  height: auto;

  -webkit-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -ms-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s;

}



.ph-menu2 li a {

  display: block;

  margin: 2px auto;

  padding: 6px 0px;

  width: 96%;

  font-size: 14px;

  color: #ffffff;

  text-align: center;

  text-decoration: none;

  border: 1px solid #fff;

  border-radius: 5px;

}



/*====================手机站 end menu2====================*/



/* 样式一*/

.style-1 .nav {

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  width: 100%;

  height: 100%;

}



.style-1 .nav--active {

  height: 100%;

}



.style-1 .nav__link {

  opacity: 0;

  -webkit-transition-delay: 500ms;

  transition-delay: 500ms;

}



.style-1 .nav--active .nav__link {

  opacity: 1;

}



.style-1 .nav--active .nav {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}



.style-1 .nav--active .nav__icon {

  background: rgba(0, 0, 0, 0);

}



.style-1 .nav--active .nav__icon:before {

  margin-top: 0;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.style-1 .nav--active .nav__icon:after {

  margin-top: 0;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



/*====================end手机站menu====================*/

.hy-logo{

  margin-top: 0px;

}

/*====================title====================*/

  /*标题*/

.tit01{

margin-bottom: 35px;

margin-top: 50px;

width: 100%;

overflow: hidden;
}

.tit01 h2{

  display: block;

  margin:5px 0px;

  color: #f95106;

  font-size: 36px;

  font-weight: lighter;

  text-align: center;

  font-weight: bold;

}

.tit01 p{

  color: #474956;

  line-height: 35px;

  font-size: 18px;

  color: #474956;

  font-weight: lighter;

  font-family: arial;

  text-transform: uppercase;

  text-align: center;

  letter-spacing: 0px;

}

.tit01 span{

  display: block;

  text-align: center;

  font-size: 16px;

  color: #666;

}

.tit01 .line{

  margin:0px auto;

  margin-top: 12px;

  width: 30px;

  height: 2px;

  background-color: #9d9b9b;

}

.tit02{

  padding: 15px 0px;


  border-bottom: 1px solid #ebebeb;

  overflow: hidden;

}

.tit02 .tit2-l{

  float: left;

  width: 60%;

}

.tit02 .tit2-l h2{

  display: block;

  font-size: 22px;

  color: #373737;

  font-weight: bold;

  letter-spacing: 2px;

}

.tit02 .tit2-l p{

  display: block;

  margin-top: 7px;

  font-size: 12px;

  color: #afafaf;

  text-transform: uppercase;

}

.tit02 .morea a{

  display: block;

  margin-top: 25px;

  float: right;

  width: 40%;

  font-size: 14px;

  color: #343434;

  text-align: right;

  text-transform: uppercase;

}



.tit03{

width: 100%;

overflow: hidden;

margin: 50px 0px;
}

.tit03 h2{

  width: 100%;

  font-size: 31px;

  color: #000000;

  text-align: center;

  letter-spacing: 0px;

}

.tit03 .zi01{

  display: block;



  margin-top: 10px;

  text-align: center;

  font-size: 15px;

  color: #b1b1b1;

  letter-spacing: 0px;

}

.tit03 .zi02{

  display: block;

  margin-top: 10px;

  text-align: center;

  font-size: 15px;

  color: #818181;

  letter-spacing: 7px;

}

.tit03 .zi03{

  display: block;

  margin-top: 0px;

  text-align: center;

  font-size: 15px;

  color: #b1b1b1;

  letter-spacing: 0px;

}



.m-tit{

  padding:15px;

  font-size: 32px;

  color: #333;

  font-weight: bold;

  text-align: center;

}

.m-tit2{

  padding:10px 0px;

}

.m-tit2 strong{

  display: block;

  font-size: 50px;

  color: #fe0000;

  text-align: center;

  font-weight: bold;

  letter-spacing: 8px;

}

.m-tit2 p{

  display: block;

  text-align: center;

  font-size: 27px;

  color: #252525;

  letter-spacing: 3px;

}



.ny-tit01{

  margin-bottom: 15px;

  width: 100%;

  overflow: hidden;

}

.ny-tit01 h2{

  display: block;

  margin:5px 0px;

  color: #ee0f0f;

  font-size: 36px;

  font-weight: lighter;

  text-align: center;

  font-weight: bold;

}

.ny-tit01 p{

  color: #474956;

  line-height: 35px;

  font-size: 18px;

  color: #474956;

  font-weight: lighter;

  font-family: arial;

  text-transform: uppercase;

  text-align: center;

  letter-spacing: 0px;

}

.ny-tit01 span{

  display: block;

  text-align: center;

  font-size: 16px;

  color: #666;

}

.ny-tit01 .line{

  margin:0px auto;

  margin-top: 12px;

  width: 30px;

  height: 2px;

  background-color: #9d9b9b;

}

/*end 标题*/



/*====================middle====================*/

.pro-bg{

padding-bottom: 50px;

background: url(../images/bga.jpg);

overflow: hidden;
}
.pro-bg1{

padding-bottom: 60px;

background: url(../images/bga.jpg);

overflow: hidden;
}
.wl-part1-w{

  background-color: #ee0f0f;

  padding:30px 30px;

  overflow: hidden;

}

.wl-p1-hot img{

  display: inline-block;

  margin-right: 20px;

  vertical-align: middle;

}

.wl-p1-hot .hot-pro{

  display: inline-block;

  vertical-align: middle;

}

.wl-p1-hot .hot-pro a{

  display: block;

  float: left;

  padding:0px 7px;

  font-size: 15px;

  color: #fff;

  border-right:1px solid #fff;

}

.h-input1{

  float: left;

  width: 80%;

  height: 40px;

  border:1px solid #dcdcdc;

  background-color: #fff;

  font-size: 14px;

  color: #666;

  line-height: 40px;

  text-indent: 15px;

}

.h-input2{

  float: right;

  width:20%;

  height: 40px;

  background-color: #333;

  text-align: center;

  font-size: 15px;

  color: #fff;

  line-height: 40px;

}





/*分类*/





.gl-proc{

padding: 0px 0px 30px;

text-align: center;
}

.gl-proc li{

  display: inline-block;

  text-align: -webkit-match-parent;

}

.gl-proc li a{

display: inline-block;

font-size: 16px;

margin: 5px;

width: auto;

border: #659806 1px solid;

padding: 10px 30px;

color: #fff;

border-radius: 3px;

transition: all 0.5s;

background: #84bb1f;

width: 193px;
}

.gl-proc li:hover a{
  background-color: #ffffff;
  color: #4a4a4a;
}

/*part2*/

.part2-bg{

  padding:15px 0px;

  background: url(../images/bgd.jpg);

}

.part2-l{

  float: left;

  width: 20%;

}

.part2-l p{

  display: block;

  text-align: center;

  font-size: 52px;

  color: #1e1918;

  font-weight: bold;

}

.part2-l span{

  display: block;

  text-align: center;

  font-size: 26px;

  color: #1e1918;

  font-weight: bold;

}

.part2-r{

  float: left;

  width: 80%;

}

.part2-r li{

  float: left;

  width: 20%;

  text-align: center;

}

.part2-r li img{

  display: inline-block;

}

.part2-r li p{

  display: block;

  margin-top: 5px;

  text-align: center;

  font-size: 15px;

  color: #434343;

}





/*产品*/

.jy-pro{

margin-bottom: 30px;

position: relative;

border: 1px solid #84bb1fb8;

background-color: #fff;
}


.jy-pro:before{
  content: "";
  position: absolute;
  bottom:0px;
  left:0px;
  z-index: 1;
  width: 100%;
  height:0px;
  background-color: #84bb1f;
  transition: all 0.3s ease-out;
}

.jy-pro:hover:before{

 height: 100%;

}

.jy-pro .tu{

  position: relative;

  z-index: 10;

  margin:5px;

  height: auto;

  overflow: hidden;

}

.jy-pro .tu img{

width: 288px;

transition: all 0.5s ease-out;

-webkit-transform: scale(1, 1);

-moz-transform: scale(1, 1);

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

height: 210px;
}

.jy-pro:hover .tu img{

  transition: all 0.5s ease-out;

  -webkit-transform: scale(1.1, 1.1); 

     -moz-transform: scale(1.1, 1.1); 

  -webkit-transition: all 0.5s ease-out; 

     -moz-transition: all 0.5s ease-out; 

}

.jy-pro h3{

display: block;

position: relative;

z-index: 10;

padding: 8px 0px;

text-align: center;

font-size: 20px;

/* font-weight: bold; */

color: #333;

transition: all 0.3s ease-out;
}





.jy-pro .linea{

  display: block;

  position: relative;

  z-index: 10;

  margin:0 auto;

  margin-bottom: 10px;

  width: 50px;

  height: 2px;

  background-color: #666;

  transition: all 0.3s ease-out;

}

.jy-pro p{

display: block;

position: relative;

z-index: 10;

height: 21px;

font-size: 14px;

color: #666;

line-height: 150%;

text-align: center;

overflow: hidden;

transition: all 0.3s ease-out;
}

.jy-pro .more{
  display: block;
  position: relative;
  z-index: 10;
  margin:15px auto;
  padding:5px;
  width: 30%;
  background-color: #84bb1f;
  text-align: center;
  font-size: 15px;
  color: #fff;
  transition: all 0.3s ease-out;
  border-radius: 3px;
}

.jy-pro:hover .more{

  background-color: #171615;

}

.jy-pro:hover h3,.jy-pro:hover p{

  color: #fff;

}

.jy-pro:hover .linea{

  background-color: #fff;

}



/*案例展示*/

.case{

  margin-bottom: 20px;

  position: relative;

  width: 100%;

  height: auto;

  overflow: hidden;

}



.case img{

width: 313px;

height: 225px;
}

.case .uptu{

position: absolute;

top:100%;

left:0%;

z-index: 10;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.33);

ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);

transition: all 0.3s ease-out;
}

.case:hover .uptu{

  top:0px;

  left:0px;

  width: 100%;

  height: 100%;

  border-radius: 0px;

}

.case .case1-tit{

  position: absolute;

  top:-50%;

  left:0px;

  z-index: 100;

  width: 100%;

  padding:0px 15px;

  opacity: 0;

  transition: all 0.5s ease-out;

}

.case:hover .case1-tit{

  opacity: 1;

  top:40%;

}

.case .case1-tit a h3{

display: block;

margin:0 auto;

width: 70%;

padding:10px;

font-size: 18px;

color: #fff;

background-color: #84bb1f;

text-align: center;

/* border-radius: 10px; */

border: 1px solid #ffffff70;
}

/*简介*/

.about-w{

  width: 100%;


  height: 711px;

  background: url(../images/about-bg.jpg) top center no-repeat;

  overflow: hidden;

}

.about-tit{

  margin-top: 35px;

}

.about-tit h2{

  display: inline-block;

  font-size: 46px;

  color: #373737;

  font-weight: bold;

}

.about-tit .xian{

  display: inline-block;

  padding:0px 10px 0px 15px;

  font-size: 46px;

  color: #000;

}

.about-tit  p{

  display: inline-block;

  font-size: 20px;

  color: #d1d1d1;

}

.about-tit .xian2{

margin-top: 20px;

width: 60px;

height: 3px;

background-color: #84bb1f;
}

.about-bt{

margin-top: 57px;
}

.about-bt h3 strong{

  display: block;

  margin-bottom: 18px;

  font-size: 38px;

  color: #e3530a;

  font-weight: bold;

}

.about-bt p{

  display: block;

  margin-bottom: 15px;

  font-size: 26px;



  color: #1d1d1d;

  font-weight: bold;

  line-height: 150%;

}

.about-bt span{

display: block;

font-size: 17px;

color: #c30303;

/* font-weight: bold; */

line-height: 150%;
}

.about-cont{

margin-top: 30px;

width: 100%;

height: 217px;

font-size: 15px;

color: #1d1d1d;

line-height: 175%;

overflow: hidden;
}

.about-cont p,

.about-cont p a,

.about-cont a{

font-size: 15px;

color: #1d1d1d;

line-height: 175%;
}

.about-more a{

display: block;

margin-top: 20px;

padding:10px 0px;

width: 145px;

border-radius: 5px;

background-color: #84bb1f;

text-align: center;

font-size: 14px;

color: #fff;
}

/*优势*/

.ad-ys-tit{

  text-align: center;

}

.ad-ys-tit img{

  display: block;

  margin:0 auto;

}

.ad-ys-tit p{

  display: block;

  text-align: center;

  font-size: 41px;

  color: #171516;

  font-weight: bold;

}

.ad-ys-tit .zia{

  font-size: 41px;

  color: #f95106;

  font-weight: bold;

}

.ad-ys-tit span{

  display: block;

  margin-top: 10px;

  text-align: center;

  font-size: 17px;

  color: #a6a6a6;

  text-transform: uppercase;

  letter-spacing: 0px;

}

.ad-ys-tit-lin{

  margin-top: 5px;

  width: 100%;

  height: 7px;

  background: url(../images/xian-bg.jpg);

}



/*优势*/

.ys-bg{

  width: 100%;

  height: 768px;

  background: url(../images/bg4.jpg) top center no-repeat;

  overflow: hidden;

}

.ys-tit{

  margin-top: 50px;

}

.ys-tit .zi1{

  font-size: 30px;

  color: #000;

  text-transform: uppercase;

}

.ys-tit h2{

  font-size: 30px;

  color: #fb5106;

  font-weight: bold;

}

.ys-tit .line1{

  margin-top: 30px;

  width: 56px;

  height: 3px;

  background-color: #fb5106;

}

.ys-tit .con1{

  margin-top: 25px;

  font-size: 16px;

  color: #5b5a5a;

  line-height: 190%;

}

.ys-tit .con1 p,

.ys-tit .con1 p a{

  font-size: 16px;

  color: #5b5a5a;

  line-height: 190%;

  font-weight: bold;

}

.ys-bg1{

  background-color: #e5e5e5

}

.ys-bg1:hover{

  background-color: #e1383f;

}

.ys-bg2{

  background-color: #eeeeee

}

.ys-bg2:hover{

  background-color: #e1383f;

}

.ys-mt{

  margin-top: 35px;

}

.ys{

  padding:82px 25px;

  min-height: 672px;

  transition: all 0.3s ease-out;

}

.ys:hover{

  padding:72px 25px 92px 25px;

}

.ys *{

  transition: all 0.3s ease-out;

}

.ys h2{

  display: block;

  font-size: 26px;

  color: #000;

  font-weight: bold;

}

.ys:hover h2{

  color: #fff;

}

.ys p{

  padding-top: 23px;

  font-size: 18px;

  color: #000;

  line-height: 175%;

}

.ys:hover p{

  color: #fff;

}

.ys img{

  width: 100%;

}



/*新闻*/

/*新闻1*/

.qt-news1{



}

.qt-news1 .tua{

  position: relative;

}

.qt-news1 .tua img{

  width: 100%;

}

.qt-news1 .tua .datea{

  position: absolute;

  z-index:100;

  left:50%;

  margin-left: -76px;

  bottom:0px;

  width: 152px;

  height: 52px;

  background-color: #eeeeee;

  border-radius: 5px 5px 0px 0px;

  text-align: center;

  font-size: 17px;

  line-height: 52px;

}

.qt-news1 .bt{

padding: 15px 25px;

background: #84bb1f;

margin-top: 15px;
}

.qt-news1 .bt a h3{

display: block;

font-size: 18px;

color: #ffffff;

width: 100%;

line-height: 38px;

text-align: left;

overflow: hidden;

transition: all 0.3s ease-out;
}

.qt-news1:hover .bt a h3{

color: #fff700;
}

.qt-news1 .bt p{

display: block;

font-size: 14px;

color: #ffffff;

width: 100%;

line-height: 26px;

text-align: left;

overflow: hidden;
}

.qt-news2{}

.qt-news2 li{

  position: relative;

  z-index: 1;

  padding:27px 0px;

  border-bottom: 1px dashed #bfbfbf;

  overflow: hidden;

}

.qt-news2 li .n2-l{

  position: relative;

  z-index: 10;

  float: left;

  width: 23%;

  text-align: center;

}


.qt-news2 li .n2-l p{

  display: block;

  margin-top: 0px;

  font-size: 42px;

  color: #272f42;

  font-weight: bold;

  text-align: center;

}

.qt-news2 li .n2-l span{

  display: block;

  font-size: 14px;

  color: #84878d;

  text-align: center;

}

.qt-news2 li .n2-r{

  position: relative;

  z-index: 10;

  float: right;

  width: 75%;

  height: auto;

}

.qt-news2 li .n2-r a h3{

  display: block;

  font-size: 18px;

  color: #1b1b1b;

  letter-spacing: 0px;

}

.qt-news2 li .n2-r p{

  display: block;

  margin-top: 15px;

  height: 38px;

  font-size: 14px;

  color: #626262;

  line-height: 150%;

  overflow: hidden;

}

/*.qt-news2 li:first-child{

  padding-top: 0px;

}*/

.qt-news2 li:before {

content: "";

position: absolute;

top: 0px;

left: 0px;

z-index: 1;

width: 0px;

height: 100%;

background-color: #84bb1f8f;

transition: all 0.8s ease-out;
}

.qt-news2 li:hover:before{

 width: 100%;

}

.qt-news2 li:hover .n2-l p,

.qt-news2 li:hover .n2-l span,

.qt-news2 li:hover .n2-r a h3,

.qt-news2 li:hover .n2-r p{

  color: #fff;

}



.qt-zhishi{

  padding:35px 0px;

}

.qt-zhishi .zs-tit{

  margin-bottom: 15px;

}

.qt-zhishi .zs-tit h2{

  font-size: 20px;

  color: #1b1b1b;

  font-weight: bold;

}

.qt-zhishi .zs-tit p{

  margin-top: 5px;

  margin-bottom: 15px;

  font-size: 15px;

  color: #9e9e9e;

}

.qt-zhishi li{

  padding:13px 19px; 

  margin-bottom: 15px;

  background-color: #eeeeee;

  border:1px solid #e5e5e5;

  overflow: hidden;

}

.qt-zhishi li .zh-tit{

  margin-bottom: 5px;

}

.qt-zhishi li .zh-tit .tm{

  float: left;

  width: 23px;

  height: 23px;

  background-color: #fe0000;

  border-radius: 50%;

  text-align: center;

  line-height: 23px;

  font-size: 15px;

  color: #fff;

}

.qt-zhishi li .zh-tit .maohao{

  display: inline-block;

  width: 15px;

  float: left;

  font-size: 15px;

  color: #000;

}

.qt-zhishi li .zh-tit .tm-r a h3{

  display: inline-block;

  margin-top: 3px;

/*  width: 80%;*/

  float: left;

  font-size: 15px;

  color: #000;

  line-height: 120%;

}

.qt-zhishi li .zh-nr{

  margin-top: 10px;

}

.qt-zhishi li .zh-nr .tm{

  float: left;

  width: 23px;

  height: 23px;

  background-color: #0090ff;

  border-radius: 50%;

  text-align: center;

  line-height: 23px;

  font-size: 15px;

  color: #fff;

}

.qt-zhishi li .zh-nr .maohao{

  display: inline-block;

  float: left;

  width: 15px;

  font-size: 15px;

  color: #000;

}

.qt-zhishi li .zh-nr p{

  display: inline-block;

  margin-top: 3px;

  width: 80%;

  float: left;

  font-size: 15px;

  color: #5c5c5c;

  line-height: 120%;

  word-wrap:break-word;

}

/*====================end middle====================*/

/*====================foot====================*/

.foot-w{

  padding-bottom: 30px;

  width: 100%;

  background: #242424;

  height: auto;

}

.foot-ditu{

  text-align: left;

}

.foot-ditu img{

  width: 100%;

}



.foot-ad-lx{

margin-left: 16px;

float: left;

width: 100%;

padding-top: 23px;
}

.foot-ad-lx h2{

display: block;

margin-top: 20px;

margin-bottom: 16px;

font-size: 21px;

color: #fff;

font-weight: bold;
}

.foot-ad-lx p{

display: block;

font-size: 15px;

color: #cfcfcf;

line-height: 26px;
}

.foot-ad-lx .foot-menu{

  

}

.foot-ad-lx .foot-menu a{

display: block;

float: left;

padding:2px 0px;

width: 14%;

font-size: 15px;

color: #cfcfcf;
}



.foot-ewm-w{

  margin-top: 30px;

  text-align: center;

}

.foot-ewm-w li{

float: left;

width: 33%;

padding:3%;
}

.foot-ewm-w li img{

  display: block;

  margin:0 auto;

}


.foot-ewm-w li p{

display: block;

text-align: center;

font-size: 15px;


color: #cfcfcf;

margin-top: 20px;
}





.ad-bq-w{

  width: 100%;

  background-color: #000;

  overflow: hidden;

}



.gl-bq{

  padding:15px 15px;

  vertical-align: middle;

}

.gl-bq p img{

  display: inline-block;

  vertical-align: middle;

}

.gl-bq p,

.gl-bq p strong,

.gl-bq p p{

  color: #7b7b7b;

  text-align: center;

  line-height: 24px;

  font-size: 14px;

  vertical-align: middle;

}

.gl-bq a{

  display: inline-block;

  font-size: 14px;

  color: #7b7b7b;

  text-align: center;

  line-height: 24px;

}