/* 清除内外边距 */


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

/**/.warp_5 { overflow: hidden;
    width: 100%;  padding: 3% 0 3% 0; background:url(../images/bg1.jpg) no-repeat center top ;  }
	
	
.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 span{ color:#0662af}
.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;}



html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 100%) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

/*优势*/
.super{padding: 30px 0 0px;}
.super_m{width: 100%;height: 496px;margin-top: 40px;}
.super_m ul li{width: 100%;height: 466px;line-height: 0;overflow: hidden;}
.super_m ul li img{width: 100%;height: 466px;}
.super_nav ul li{float: left;width: 33%;height: 285px;padding: 32px 40px 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;background: #024c96;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;z-index: -1;}
.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: 100px;overflow: hidden;padding-top: 10px;}
.super_nav ul li b{color: #024c96;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;}


.poeidsk{ display:none}


.super_m{ display:block}
.super_nav{ display:block}


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

@media all and (max-width:768px){  

.pro_tit{margin:0 2%;}
.pro_tit h2 {
    font-size: 30px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 30px;
}

.pro_tit h2 i {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal;
    margin-top: 3px; line-height:24px
}

.pro_tit em {
    width: 175px;
    height: 70px;
    display: none;
    line-height: 0;
    overflow: hidden;
}
.pro_tit em img {
    width: 175px; height:auto!important
}




.poeidsk{ display:block; width:92%; margin:0 auto}


.super_m{ display:none}
.super_nav{ display:none}

.poeidsk ul li{ width:100%;}
.poeidsk ul li img{ width:100%;}
.poeidsk ul li span{ width:100%; padding:5% 5% 10% 5%; background:#fff; display:block}
.poeidsk ul li span span{  padding:0; }

.poeidsk ul li span em{width: 35px;height: 35px;display: block;line-height: 0;overflow: hidden;-webkit-transition:all .5s;transition:all .5s; margin-top:10px}
.poeidsk ul li span em img{width: 35px;height:auto}
.poeidsk ul li span h5{font-size: 28px;line-height: 40px;height: 70px;overflow: hidden;padding-top: 10px;}
.poeidsk ul li span b{color: #024c96;padding-left: 10px;}
.poeidsk ul li span 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;}

.poeidsk ul li span h5 {
    font-size: 18px;
    line-height: 30px;
    height:auto;
    overflow: hidden;
    padding-top: 10px;
}
.poeidsk ul li span span {
    padding-top: 0px;
    line-height: 22px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
/**/
@-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);
  }
}