/* 清除内外边距 */
@charset "utf-8";
body, h1,  h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}



* h1,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*表单弹框*/
.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}



/**/
body{margin: 0 auto;overflow-x: hidden; width: 100%;}
.content{ max-width:1500px; margin:0 auto; width:90%}

/**/.warp_5 { overflow: hidden;
    width: 100%;  padding: 3% 0 7% 0; background:url(../images/bg1.jpg) no-repeat center top ; background-size:cover  }
	
	
.about_pic{ float:left; width:45%}
.product{padding: 20px 0 140px;}
.pro_tit{height: 80px;}
.pro_tit h2{font-size: 48px;color: #333;line-height: 50px; font-weight:bold; margin:0; margin-bottom:30px}
.pro_tit h2 b{ font-weight:bold;background: linear-gradient(to bottom,#59bc68,#006ea1);
    -webkit-background-clip: text;
    color: transparent;}

.pro_tit h2 span{ color:#ff8b00}

.pro_tit h2 a{color: #333;}
.pro_tit h2 a:hover,.pro01 a:hover,.pro_l a:hover span{color: #ff8b00;}
.pro_tit h2 i{display: block;font-size: 20px;color: #666;font-weight: normal; margin-top:3px}
.pro_tit em{width: 275px;height: 70px;display: block;line-height: 0;overflow: hidden;}
.pro_tit em img{width: 275px;height: 70px;}
.pro01{padding: 50px 0 0;height: 115px;}
.pro_list{width: 350px;float: left;padding: 0 0 0 50px;position: relative;}
.pro_list:before{content: "";width: 1px;height: 62px;background: #e9dab8;position: absolute;top: 8px;left: 0;}
.pro01 h3{height: 40px;line-height: 40px;overflow: hidden;padding-bottom: 5px;}
.pro01 h3 a{font-size: 24px;color: #000;}
.pro01 ul li{float: left;height: 30px;line-height: 30px;overflow: hidden;padding-right: 25px;}
.pro01 ul li a{font-size: 16px;color: #333;}
.pro_l{width: 400px;height: 654px;line-height: 0;position: relative;overflow: hidden;}
.pro_l img{width: 400px;height: 654px;}
.pro_l img,.super_m ul li img,.news dl dt img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_l:hover img,.super_m ul li img:hover,.news dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro_l a{display: block;width: 100%;height: 100%;position: relative;}
.pro_l a:before{content: "";width: 100%;height: 100%;background: url(../images/cp_k.png) no-repeat;position: absolute;bottom: 0;left: 0;z-index: 3;}
.pro_l span{display: block;width: 320px;position: absolute;bottom: 35px;left: 40px;z-index: 5;font-size: 30px;color: #fff;line-height: 40px;height: 80px;font-weight: bold;background: url(../images/cp_ico01.png) no-repeat 0 bottom;}
.pro_l i{display: block;font-size: 14px;color: #fff;float: right;font-weight: normal;}
.pro_r{width: 800px;height: 654px;background: #f3f3f3;position: relative;}
.pro_r:before{content: "";width: 710px;height: 1px;background: #ebebeb;position: absolute;top: 50%;left: 45px;}
.pro_r:after{content: "";width: 1px;height: 560px;background: #ebebeb;position: absolute;top: 47px;left: 50%;}
.pro_r ul li{width: 400px;height: 314px;float: left;line-height: 0;overflow: hidden;position: relative;padding: 13px 0 0;}
.pro_r ul li img{width: 400px;height: 300px;}
.pro_r ul li span{display: block;font-size: 14px;color: #333;height: 30px;line-height: 30px;position: absolute;bottom: 20px;left: 0;width: 400px;text-align: center;}
.pro_r ul li a{display: block;width: 400px;height: 327px;text-align: center;line-height: 327px; position: absolute;top:0;transform: scale(0);transition:1s;opacity: 0;-webkit-transition:all .5s;transition:all .5s;background: rgba(137,185,40,0.9);font-size: 22px;color: #fff;}
.pro_r ul li:hover a,.pro_r ul li.cur a{transform: scale(1);opacity: 1;}
.pro_r ul li:hover span,.pro_r ul li.cur span{display: none;}

/*产品优势*/
.pro_adv{background: #f3f3f3;padding: 75px 0 85px;}
.six_l{width: 240px;margin-left: -45px;}
.pro_adv dl{width: 210px;height: 72px;padding: 16px 0 0 30px;cursor: pointer;margin-top: 40px;}
.pro_adv dl dt{float: left;width: 55px;height: 60px;line-height: 0;overflow: hidden;}
.pro_adv dl dt img{width: 55px;height: 120px;}
.pro_adv dl dd{float: left;font-size: 24px;color: #333;line-height: 26px;padding:8px 0 0 15px;}
.pro_adv dl dd i{display: block;font-size: 12px;color: rgba(51,51,51,0.2);font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.pro_adv dl{
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;}
.pro_adv dl:before{
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #ff8b00;
	  border-radius: 3rem;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}


/*优势*/
.super{padding: 90px 0 65px;}
.super_m{max-width: 1500px;height: 596px;margin-top: 40px; width:100%}
.super_m ul li{width:100%;height: 566px;line-height: 0;overflow: hidden;}
.super_m ul li img{width: 100%;height: 566px;}
.super_nav ul li{float: left;width: 33.33%;height: 285px;padding: 2% 5% 0;position: relative;font-size: 14px;color: #333;z-index: 1;box-sizing: border-box;}
.super_nav ul li:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;left: 0;}
.super_nav ul li:after{content: "";width: 100%;height: 0;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;z-index: -1; background:url(../pro_css2/gg.jpg) no-repeat center top; background-size:cover
}
.super_nav ul li em{width: 55px;height: 60px;display: block;line-height: 0;overflow: hidden;-webkit-transition:all .5s;transition:all .5s;}
.super_nav ul li em img{width: 55px;height: 120px;}
.super_nav ul li h5{font-size: 28px;line-height: 40px;height: 70px;overflow: hidden;padding-top: 10px;}
.super_nav ul li b{color: #00a7ac;padding-left: 10px;}
.super_nav ul li span{padding-top: 20px;line-height: 22px;color: #666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.super_nav ul li.on,.super_nav ul li.on b{color: #fff;}
.super_nav ul li.on:after{height: 375px;}
.super_nav ul li.on em{margin-top: -50px;}
.super_nav ul li.on em img{margin-top: -60px;}
.super_nav ul li.on span{padding-top: 40px;color: #fff;}
.super_nav ul li:first-child:before{background: none;}





/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}










/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  
.pro_tit h2 {
    font-size: 25px;}

.super {
    padding: 40px 0 65px;
}.pro_tit h2 i {
    display: block;
    font-size: 17px;
    color: #666;
    font-weight: normal;
    margin-top: 0px;
    line-height: 26px;
}.pro_tit em{ display:none}

.super_m ul li img {
    width: 100%;
    height: 156px;transform: scale(1.1)
}
.super_m {
  
    height: 216px;}
.super_nav ul li h5 {
    font-size: 20px;
    line-height: 30px;
    height: 70px;
    overflow: hidden;
    padding-top: 10px;
}.super_nav ul li.on em img {
    margin-top: -40px;
}
.super_nav ul li em img {
    width: 35px;
    height: 80px;
}.super_nav ul li em {
    width: 35px;
    height: 40px;
}.super_nav ul li b {
   
    padding-left: 0px;
}
.super_nav ul li.on span {
    padding-top: 0px;
    color: #fff;
}.super_nav ul li span{ }

.super_nav ul li {
    float: left;
    width: 33.33%;
    height: 235px;}


.super_m {
    height: 216px;
}.super_nav ul li.on em {
    margin-top: -10px;
}.super_nav ul li {
    float: left;
    width: 33.33%;
    height: 255px;
    padding: 13% 5% 9%;
    position: relative;
    font-size: 14px;
    color: #333;
    z-index: 1;
    box-sizing: border-box;
    overflow: hidden;
}.super_m {
    height: 146px;
}
.super_nav ul li span {
    padding-top: 0px;}

.syba{ height:650px!important}




}