@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width:83.33%;min-width: 1200px;max-width:1920px; margin: 0 auto;}
i,em,b{font-style: normal;}


.tit{font-size:3.125rem;color:#333; font-weight:bold;}
.tit a{ display:block; color:#333;}
.tit em{ display:block; font-size:1.25rem;padding-top:6px; padding-left:15px; position:relative; font-weight:normal;}
.tit em:before{ content:""; position:absolute; top:30%; left:0; width:5px; height:20px; background:#30806b;}
@media (max-width: 1440px) {
.tit{font-size:2.125rem;}
}
/**/


/**/
.guide{ position:relative; padding:18px 0 110px; background:#f7f7f7;}
.guide .content{ position:relative;}
.guide dl{ position:relative;}
.guide dt{ float:left; width:60%; float:right; position:relative; overflow:hidden; margin-right:-10%;}
.guide dt img{ display:block; width:100%;}
.guide dt em{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/guide_v.png) no-repeat center center;}
.guide dd{ width:42.5%; float:left; background:url(../images/guide_vf.png) no-repeat left top;}
.guide dd h3{ font-size:4.5rem; color:#333; padding:4.5rem 0 3.7rem; font-weight:bold;}
.guide dd h3 a{ color:#333;}
.guide dd h3 em{ display:block; }
.guide dd h3 b{ color:#007669;}
.guide dd h3 span{ display:block; font-size:3.7rem; padding-top:1rem; position:relative; margin-top:1rem;}
.guide dd h3 span:before{ content:""; position:absolute; top:0; left:0; width:76px; height:4px; border-radius:5px; background:#30806b;}
.guide dd h3 span i{ display:block; font-size:1.875rem; font-weight:normal;}
.guide dd p{ font-size:16px; line-height:36px; color:#333; }
.gude_d{ background:#fff; padding:50px 200px 50px 170px; margin:0 -200px 0 -170px; width:100%; position:relative; z-index:4;}
.guide_m a{ display:block; width:6.25rem; height:6.25rem; background:url(../images/guide_more.jpg) no-repeat; background-size:100% 100%; position:absolute; bottom:0; right:0; cursor:pointer;}


@media (max-width: 1680px) {
.guide dd h3{ font-size:4rem;}
.guide dd h3 span{font-size:3.4rem; }
}
@media (max-width: 1600px) {
.guide dd h3{ font-size:3.4rem;}
.guide dd h3 span{font-size:2.3rem; }
.guide dd h3 span i{font-size:1.2rem;}
}
@media (max-width: 1440px) {
.guide dd p{ font-size:14px; line-height:30px;}
}
@media (min-width: 1200px) and (max-width: 1400px) {

}

/**/
.g_pro{ min-width:1200px; max-width:1920px; width:100%; margin:6.25rem 0 4rem; overflow:hidden;}
.pro_tit{ margin:6.25rem 0 0; border-top:1px solid #d6d6d6;}
.pro_tit li{ height:7.25rem; border-bottom:1px solid #d6d6d6; font-size:1.5rem; line-height:7.25rem;}
.pro_tit li a{ display:block; color:#333; background:url(../images/pro_arr1.png) no-repeat right center;}
.pro_tit li a:hover,.pro_tit .cur a{ font-weight:bold;background:url(../images/pro_arr2.png) no-repeat right center; color:#30806b;}
.pro_l h5{ margin-top:8.625rem; width:58.22%; height:3.75rem; border-radius:4rem; background:#30806b url(../images/pro_arr3.png) no-repeat 86% center; font-size:1rem; line-height:3.75rem; color:#fff; padding-left:10%; box-sizing:border-box;}
.pro_l h5 a{ display:block; color:#fff; font-weight:normal;}

.m_pro{ width:63.4375%; float:right; overflow:hidden;}
.m_pro li{ width:47.98%; float:left; overflow:hidden; position:relative;}
.m_pro li img{ display:block; width:100%;}
.m_pro li em{ display:block; height:4.625rem; overflow:hidden; font-size:1.125rem; line-height:3.125rem; overflow:hidden; text-align:center;}
.m_pro li:nth-child(2n){ float:right;}
.m_pro li:hover em{ font-weight:bold; color:#30806b;}
.m_pro li:after{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.m_pro li:hover:after{left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;}
@media (max-width: 1440px) {
.pro_l h5{ margin-top:2.625rem;}
}
@media (min-width: 1200px) and (max-width: 1400px) {
}

/**/
.fang{ padding:77px 0; background:#f7f7f7; overflow:hidden;}
.fang_top{ height:9.375rem; overflow:hidden;}
.fang_top .tit{ float:left;}
.fang_top ul{ width:52.5%; float:right; margin-top:1.25rem;}
.fang_top li{ width:14.2857%; float:left; text-align:center; font-size:20px; color:#333; line-height:44px;}
.fang_top li em{ display:block; width:36px; height:33px; margin:0 auto; overflow:hidden;}
.fang_top li em img{display:block; }
.fang_top li:hover a{ font-weight:bold; color:#30806b;}
.fang_top li:hover em img{ margin-top:-33px;transition: 0.5s linear;}

.fang_con dl{ width:24.27%; float:left; overflow:hidden; margin-right:19px; position:relative;}
.fang_con dt{ position:relative; overflow:hidden;}
.fang_con dt img{ display:block; width:100%;}
.fang_con dt em{ display:block; text-align:center; color:#fff; background:url(../images/fang_bg.png) no-repeat center center; background-size:100% auto; position:absolute; bottom:0; left:0; line-height:75px; width:100%; height:75px; font-size:22px; padding-top:2rem;}
.fang_con dd{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(48,128,107,0.9); opacity:0; transition: all .36s ease;
    transform: rotateY(90deg);}
.fang_con dd h3{ text-align:center; padding:6rem 0 1.75rem; font-size:30px; font-weight:normal;}
.fang_con dd h3 a{ color:#fff;}
.fang_con dd p{ margin:0 7%; padding:1.75rem 0; border-bottom:1px solid rgba(255,255,255,0.3); font-size:16px; line-height:27px; color:#fff;}
.fang_con dd p:nth-child(4){ border:0;}
.fang_con dd span{ display:block; margin:4.8rem auto 0; width:12.5rem; height:3.125rem; border-radius:4rem; background:#fff url(../images/pro_arr2.png) no-repeat 80% center; font-size:16px; font-weight:bold; line-height:3.125rem;}
.fang_con dd span a{ color:#30806b; padding-left:3.25rem;}
.fang_con dl:hover dd{ opacity:1;transform:rotateY(0);}
.fang_con dl:hover dt em{ display:none;}
.fang_arr{ margin:3.75rem auto 0; width:670px; height:25px; background:url(../images/fang_line.png) no-repeat center center;}
.fang_arr .fang_l{ display:block; width:25px; height:25px; float:left; background:url(../images/fang_l.png) no-repeat;}
.fang_arr .fang_r{ display:block; width:25px; height:25px; float:right; background:url(../images/fang_r.png) no-repeat;}

@media (max-width: 1680px) {
.fang_con dd h3{ padding:4rem 0 1.75rem; }
.fang_con dd span{ margin:2.8rem auto 0;}
}
@media (max-width: 1600px) {
.fang_con dd h3{ padding:3rem 0 1.75rem; }
}
@media (max-width: 1440px) {
.fang_con dd p{padding:1rem 0;font-size:14px; line-height:24px;}
.fang_con dd span{ margin:1.8rem auto 0;}
}
/**/
.shil{ position:relative; min-width:1200px; max-width:1920px; width:100%; overflow:hidden; margin:4.75rem auto 7rem;}
.shil_top{ height:9.375rem; overflow:hidden;}
.shil_top .tit{ float:left;}
.shil_top ul{ width:26.875%; float:right; margin-top:1.25rem; height:22px;}
.shil_top li{ width:34.33%; float:left; text-align:center; font-size:20px; color:#333;}
.shil_top li a{ display:block; line-height:44px;}
.shil_top li:nth-child(2){ border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
.shil_top li:last-child{ width:31.33%;}
.shil_top li em{ display:block; width:36px; height:33px; margin:0 auto; overflow:hidden;}
.shil_top li em img{display:block; }
.shil_top li:hover a,.shil_top .cur a{ font-weight:bold; color:#30806b;}
.shil_top li:hover em img,.shil_top .cur em img{ margin-top:-33px;transition: 0.5s linear;}

.shil_con1{ position:relative; overflow:hidden;}
.shil_con2 dl{ position:relative;}
.shil_con2 dt{ position:relative; overflow:hidden;}
.shil_con2 dt img{ display:block; width:100%;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.shil_con2 dt:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:28.9375rem; background:url(../images/ys_bg.png) no-repeat center bottom; background-size:100% auto;}
.shil_con2 dd{ width:33.125%; position:absolute; bottom:3.75rem; left:4.375%;}
.shil_con2 dd h3 a{ display:block; font-size:24px; font-weight:bold; color:#fff;}
.shil_con2 dd p{ font-size:16px; line-height:30px; margin:1rem 0; color:#fff;}
.shil_con2 dd span{display:block; font-size:16px; color:#fff; position:relative;}
.shil_con2 dd span a{ display:block; font-size:16px; color:#fff; position:relative; z-index:1;}
.shil_con2 dd span:before{ content:""; position:absolute; bottom:0; left:0; width:3.75rem; height:5px; background:#30806b; z-index:0;}
.shil_con2 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.shil_tit{ width:53.125%; position:absolute; bottom:3.75rem; right:4.375%; z-index:7;}
.shil_tit li{ width:33%; float:left; margin-right:1px;}
.shil_tit li img{ display:block; width:100%; border-radius:5px; border:2px solid #fff; box-sizing:border-box;}
.shil_tit li:hover img{ border:2px solid #30806b;box-sizing:border-box;}
.shil_l{ width:42px; height:42px; border-radius:42px; text-align:center; line-height:42px; font-size:30px; font-weight:bold; color:#30806b; position:absolute; top:33%; left:-20px; background:#fff; font-family:"宋体"; cursor:pointer; z-index:6;}
.shil_r{ width:42px; height:42px; border-radius:42px; text-align:center; line-height:42px; font-size:30px; font-weight:bold; color:#30806b; position:absolute; top:33%; right:-20px; background:#fff; font-family:"宋体";cursor:pointer;z-index:6;}
.shil_l:hover,.shil_r:hover{ background:#30806b; color:#fff;}
@media (max-width: 1680px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1440px) {
}
}
@media (min-width: 1200px) and (max-width: 1400px) {

}

/**/
.yous{position:relative; min-width:1200px; max-width:1920px; width:100%; overflow:hidden; margin:0 auto;}
.yous .tit{ position:absolute; top:6rem; left:8%; color:#fff; z-index:4;}
.yous_zx{ background:#fff url(../images/why_more.png) no-repeat 80% center; width:14.25rem; height:3.75rem; border-radius:5rem; position:absolute; bottom:6.9rem; left:8%; font-size:16px; line-height:3.75rem; color:#fff;z-index:4;}
.yous_zx a{ color:#30806b; padding-left:1.875rem;}
.yous_con p{ position:relative;}
.yous_con p img{ display:block; width:100%; max-height:833px;}
.yous_con p:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/why_bg.png) no-repeat; background-size:100% 100%;}
.yous_tit{ width:50%; height:100%; position:absolute; top:0; right:0;}
.yous_tit dl{ width:50%; height:50%; border-left:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5); box-sizing:border-box; float:left; padding:5rem 5% 0 6%;}
.yous_tit dt{ font-size:2.5rem; color:#fff; position:relative;}
.yous_tit dt em{ display:block; font-size:1.25rem; padding:1.5rem 0 2.125rem;}
.yous_tit dt:before{ content:""; position:absolute; bottom:0; left:0; width:86px; height:2px; background:#fff;}
.yous_tit dd{ margin:2.1875rem 0 0 0;}
.yous_tit dd span{ display:block; width:4.25rem; height:4.25rem; margin-top:1rem; overflow:hidden;}
.yous_tit dd span img{ display:block; width:100%;}
.yous_tit dd p{ color:#fff; font-size:16px; line-height:24px; display:none;}
.yous_tit .cur{ background:#30806b;}
.yous_tit .cur dd span{ display:none;}
.yous_tit .cur dd p{ display:block;}

@media (max-width: 1680px) {
.yous_tit dl{box-sizing:border-box;padding:3rem 5% 0 6%;}
.yous_tit dt{ font-size:2.3rem; }
}
@media (max-width: 1600px) {
.yous_tit dt{ font-size:2rem; }
.yous_tit dt em{ font-size:1rem; padding:1rem 0 1.125rem;}
}
@media (max-width: 1440px) {
	.yous_tit dl{box-sizing:border-box;padding:2rem 5% 0 6%;}
	.yous_tit dt{ font-size:1.8rem; }
.yous_tit dt em{font-size:1rem; padding:0.7rem 0 1rem;}
}
@media (max-width: 1400px) {
}
@media (max-width: 1366px) {
	.yous_tit dd p{font-size:14px; }
}
@media (min-width: 1200px) and (max-width: 1400px) {
}


/**/
@media (min-width: 1200px) and (max-width: 1400px) {
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}




/**/
.new{ padding:5rem 0; min-width:1200px; max-width:1920px; width:100%; overflow:hidden;}
.new_tit{ height:11.25rem;}
.new_tit .tit{ float:left;}
.new_tit ul{ width:16.875%; float:right; margin-top:1.25rem; height:22px;}
.new_tit li{ width:50%; float:left; text-align:center; font-size:20px; color:#333;}
.new_tit li a{ display:block; line-height:44px;}
.new_tit li:nth-child(1){ border-right:1px solid #ddd; box-sizing:border-box;}
.new_tit li em{ display:block; width:36px; height:33px; margin:0 auto; overflow:hidden;}
.new_tit li em img{display:block; }
.new_tit li:hover a,.new_tit .cur a{ font-weight:bold; color:#30806b;}

.new01{ width:27.5%; float:left; overflow:hidden;}
.new01 dt{ overflow:hidden; position:relative;}
.new01 dt:after,.new02 dt:after{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.new01 dt img{ display:block; width:100%;}
.new01 dd h3 a{ display:block; font-size:1.875rem; font-weight:bold; color:#333; margin:1.75rem 0;}
.new01 dd p{ font-size:16px; line-height:30px; color:#333; margin-bottom:1.75rem;}
.new01:nth-child(2){ padding:0 4.3%;border-right:1px solid #ddd;border-left:1px solid #ddd; margin-left:4%;}
.new01:nth-child(2) dd h3 a{ margin-top:0;}
.new01 dl:hover dd h3 a,.new02 dl:hover dd h3 a{ color:#30806b;}
.new01 dl:hover dt:after,.new02 dl:hover dt:after{left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;}

.new02{width:27.5%; float:right; overflow:hidden;}
.new02 dl{ padding:2.1rem 0;border-bottom:1px solid #ddd; box-sizing:border-box;}
.new02 dl:last-child{ border:0; padding-bottom:0;}
.new02 dl:nth-child(1){ padding-top:0;}
.new02 dt{ width:42.567%; float:left; position:relative; overflow:hidden;}
.new02 dt img{display:block; width:100%;}
.new02 dd{ width:50.22%; float:right; overflow:hidden;}
.new02 dd h3 a{display:block; font-size:1.25rem; font-weight:bold; color:#333; padding:0.8rem 0;}
.new02 dd p{font-size:16px; line-height:24px; color:#333;}
@media (max-width: 1600px) {
.new02 dd h3 a{font-size:1rem;}
.new02 dd p{font-size:14px;}
}
@media (max-width: 1440px) {
.new02 dd h3 a{padding:0 0 0.8rem;}
}
@media (min-width: 1200px) and (max-width: 1400px) {
	
}

/**/
.about{min-width:1200px; max-width:1920px; width:100%; overflow:hidden; position:relative;}
.about .tit{ width:100%; text-align:center; color:#fff; position:absolute; top:4.5rem;}
.about .tit a{ color:#fff;}
.about .tit em{ padding:0; color:#fff; line-height:40px;}
.about .tit em:before{ background:none;}
.about dd{ width:77.33%; padding:2.25rem 3% 4rem; background:#fff; margin:-5.6rem auto 5.325rem; position:relative; z-index:9; box-shadow:0 0 0.5rem 0.4rem #ccc; position:relative;}
.about dd h3 a{ display:block; text-align:center; font-size:1.5rem; font-weight:bold; color:#30806b;}
.about dd p{ font-size:16px; line-height:30px; text-align:center; color:#333; margin-top:1.3rem;}
.about dd span{ display:block; width:14.25rem; height:3.75rem; border-radius:4rem; background:#30806b url(../images/pro_arr3.png) no-repeat 82% center; font-size:1rem; line-height:3.75rem; color:#fff; box-sizing:border-box; position:absolute; bottom:-1.875rem; left:50%; margin-left:-7.125rem;}
.about dd span a{ display:block; color:#fff; font-weight:normal; padding-left:18%;}

@media (max-width: 1680px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1440px) {

}


.pic{ min-width:1200px; max-width:1920px; width:100%; overflow:hidden; padding-bottom:70px;}
.pic_con{ position:relative;}
.pic_con1{ overflow:hidden;}
.pic_con1 li{ width:24%; float:left; position:relative; overflow:hidden; margin-right:21px;}
.pic_con1 li img{ display:block; width:100%; border:3px solid #ccc; box-sizing:border-box;}
.pic_con1 li em{ display:block; height:56px;color:#333; text-align:center; line-height:56px; font-size:16px; overflow:hidden;}
.pic_con1 li:hover em{ font-weight:bold; color:#30806b;}
.pic_con1 li:hover img{border:3px solid #30806b; box-sizing:border-box;}
.pic_l{ width:17px; height:28px; position:absolute; top:35%; left:-40px; overflow:hidden;}
.pic_r{ width:17px; height:28px; position:absolute; top:35%; right:-40px; overflow:hidden;}
.pic_l img,.pic_r img{ display:block;}
.pic_l:hover img,.pic_r:hover img{ margin-top:-28px;}


/*友情链接*/
.g_link{ font:16px "Microsoft YaHei UI"; line-height:110px; height:110px; padding-top:64px; background:#30806b url(../images/link_bg.jpg) no-repeat center bottom;}
.g_link a{color:#adc6be; display:inline-block; padding-right:4.5%;}
.g_link a:hover{ text-decoration:underline; color:#fff;}

@media (min-width: 1200px) and (max-width: 1400px) {
	.g_guide .content,.g_pro .content,.baoz .content,.oem .content,.new .content,.coop .content,.g_link .content,.sou .content,.pic .content{ width:1200px; margin:0 auto;}
	}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-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);
  }
}