@font-face {
	font-family:'myriad';
	src: url(../fonts/MYRIADPRO-REGULAR.OTF);
}

@font-face {
	font-family:'Semibold';
	src: url(../fonts/MyriadPro-Semibold.otf);
}
@font-face {
	font-family:'Lato';
	src: url(../fonts/LATO-LIGHT.WOFF.TTF),url(../fonts/Lato-Light.otf),url(../fonts/Lato-Light.eot),url(../fonts/Lato-Light.svg);
}
.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

html{height:100%;}
body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{font-family:'Lato'; font-size:14px; color:#262626;width: 100%;height:100%;}
a{color:#666; text-decoration:none;}
a:hover{}
img{ border:0;max-width: 100%;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {/* WebKit browsers */  color:#b7b7b7;  }
input:-moz-placeholder, textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */  color:#b7b7b7;  }
input::-moz-placeholder, textarea::-moz-placeholder {/* Mozilla Firefox 19+ */  color:#b7b7b7;  }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {/* Internet Explorer 10+ */  olor:#b7b7b7;  }

.row{text-align: center;}
.header{width: 100%;height:60px;; text-align: center;position: fixed;z-index:999;position: relative;background-color: #d4d8dc00;}
.nav{width: 100%; }
.nav ul{display: -webkit-box; display: flex;display: -ms-flexbox;display: -webkit-flex;    justify-content: center;
-ms-flex-pack :center;
display: -moz-box;position: relative;}
.nav li{width:150px;position:relative;padding-left:2%;padding-right:2%;}
.nav ul li a{font-size: 20px;text-decoration: none;color:#28b5a8;font-weight:bold;position:relative;}
.nav li:nth-child(3){margin-right:8%;}
.nav li:nth-child(4){margin-left:8%;}
.banner_center{width: 40%;position: absolute; top: 50%;transform: translate(0,-50%);max-width: 580px;}
.banner{position: relative;height:100%;overflow:hidden;background-color: #d4d8dc;}
.banner-fide{width:40%; position: absolute;right:0;bottom: 30%;}
.banner-fide img{max-width:70%!important;}
.banner-wist{    margin-left: 5%;text-align: left;}
.banner-wist span{font-weight: bold;}
.banner-wist strong{font-size:30px;color: #28b5a8;}
.banner h1{color:#787a7c;font-size: 34px; margin-bottom:15px;}
.banner p{color:#28b5a8;font-size: 25px;line-height:40px;font-weight: lighter;}
.banner_center a{color:#28b5a8;}
.header-top{width:100%;height:90px;}
.logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.mobnav{width: 100%;height: 110px;background-color:#84c8c4;position: absolute;bottom: 0px;}
.mobnav ul{display:-ms-flexbox;display: flex;flex-wrap: nowrap; justify-content:space-around;-ms-flex-pack:justify;padding: 2%;}
.mobnav li img{ width:60px;}
.mobnav a{text-decoration: none;color: white;font-size: 18px;}
.mobnav a:hover{text-decoration: none;color:#787a7c;}
.top_center{display:flex;display:-ms-flexbox;text-align:left;padding:8px;position: relative;}
.top_center p{font-size:15px!important;line-height:30px!important;color: black;margin-right: 3%;}
.top_center a{margin-right: 10px;}
.top_center a:hover{    color: #28b5a8;transition: 300ms;}
.home{background-color:#ebebeb;padding-bottom:2%;overflow: hidden;}
.home_top{position: relative;text-transform: uppercase;padding: 5% 0  1% 0;}
.home_top_rs{position:absolute;top:45%;width:100%;}
.home_top h3{font-size:100px;font-weight:bolder;color:#ebebeb; text-shadow:-1px 0 #d4d8dc, 0 1px #d4d8dc,1px 0 #d4d8dc,0 -1px #d4d8dc;z-index:1;font-family:'微软雅黑';}
.home_top h4{font-size:60px;font-weight:bolder;color:#29b6a9;font-family:'微软雅黑';}
.home_main{display: flex;display:-ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;justify-content: center;-ms-flex-pack: center;}
.home_main a{color:white;}
.home_main h4{font-size: 25px;color: white;text-align: left;padding:8% 5%;}
#home_main_a{font-size: 15px;color: white;border: solid 1px white;display: block;width:80%;height:40px;line-height:40px;position: absolute;z-index: 10;left: 0;
 right: 0;bottom: 20%;margin: auto;}
.home_main_ts{width: 350px;overflow: hidden;}
.home_main_ts_bg1 {width: 33%;height: 100%;background: #4d4d4d;z-index: -20; position: absolute;}
.home_main_ts_bg {width: 33%;height: 100%;  background: #4d4d4d;position: absolute; right: 0;}
.part-1>.home_main_ts img{ position: relative;}
.part-2>.home_main_ts img{position: relative;}
.part-3>.home_main_ts img{position: relative;}
.part-4>.home_main_ts img{ position: relative;}
div[class|="part"]:hover .part_img{transform: translateZ(0) scale(1.1);
    -webkit-transform: translateZ(0) scale(1.1);
    -ms-transform: translateZ(0) scale(1.1);
    transition: 600ms;}

div[class|="part"]{width: 30%;height: 250px;margin: 0.5% 0.5%;display: inherit;position: relative;}
.home_main_rs{width:45%;height:100%; text-align: center;position:relative;}
.part-1>.home_main_rs{background-color: #4d4d4d;}
.part-2>.home_main_rs{background-color:#4d4d4d;}
.part-3>.home_main_rs{background-color: #354e64;}
.part-4>.home_main_rs{background-color: #354e64;}
.home_main_bt{width:100%;padding-top: 2%;}
.home_main_bt a{margin:auto;display: block;height:63px;width:200px;border-radius:40px;line-height:63px;font-size:24px;color: white;background-color:#84c8c4;position: relative;top:8%;}
.home_main_bt a:hover{text-decoration: none;color: white;background: #4b807d;}



.prolist dl{overflow: hidden;width:25%;}
.prolist dt{overflow: hidden;}

.prolist dl:hover  img{transform: translateZ(0) scale(1.1);
-webkit-transform: translateZ(0) scale(1.1);
-ms-transform: translateZ(0) scale(1.1);transition: 600ms;}
.prolist dd{background: #e4e4e4a8; line-height: 50px;height: 50px;width: 100%;}

.home_rst{background-image: url(../images/bj.png);background-position:center;}
.home_rest_main{width: 68%;position: relative;margin: 0 auto;padding-bottom: 3%;}
.home_rest_main p{line-height: 40px;font-size:20px;text-align: left;font-weight:lighter;padding-top:3%;padding-bottom:5%;color: #969898;}
.home_rest_main span{color:#28b5a8;}
.home_rest_main a{display: block;height:63px;width:220px;border-radius:40px;line-height:63px;font-size:24px;color: white;background-color:#84c8c4;position: relative;left: 50%;transform: translate(-50%);}
.home_rest_main a:hover{text-decoration: none;color: white;background: #4b807d;}
.erji{width:250px;text-align:left;z-index:999;position:absolute;display:none; left:0; background:#fff;white-space:nowrap;padding: 10px 10px 0;}
.erji a{display:block;width:100%!important;color:#646969!important;font-size:14px!important;margin-bottom:10px; padding:0 10px; border-radius:3px; line-height:30px;}
.erji a:hover{background:#84c8c4;}

.header_rb{background-color:#84c8c4;}
.home_top_rb h4{color: white;}
.home_top_rb{position:absolute;top:45%;width:100%;}
.home_rb_sli{display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;padding-bottom:5%;}
.home_rb_sli-1{width:35%;height:350px;margin-top:5%;margin-right:3%;position:relative;}
.home_rb_sli-1 h5{    line-height: 28px;font-size: 18px;font-weight: bold;color: white;}
.home_rb_sli-1 p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);    font-size: 18px;color:white;}
.home_rb_sli-1 span{font-size: 80px;color: white;}
.home_rb_sli-1 h4{bottom: 10%;white-space: nowrap;width: auto;font-size: 15px;position: absolute;left: 50%; transform: translate(-50%);color:white;}
.home_rb_sli-1 a{color:white;}
.home_rb_sli-2{width:50%;height:350px;margin-top:5%;text-align:left;}
.home_rb_sli-2 h5{font-size:18px;color:white;font-weight:bold;margin-bottom: 20px;line-height:28px;}
.home_rb_sli-2 p{color:white;font-size:15px;font-weight: 100;line-height:28px;margin-bottom: 20px;}
.home_rb_sli-2 a{font-size:15px;color:white;font-weight: 100;}
.home_rb_sli-2 i{font-size:12px;}
.carousel{height:500px;}
.carousel li{width:50px!important;border-radius: 0!important;}


.footer{background-color:#f9f9f9;}
.footer p{color:black!important;}
.footer h4{color:black!important;}
.footer_main{display: flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack :center;}
div[class|="fpart"]{width:16%;padding:2% 2% 0 2%;color: #646969;margin-bottom: 1%;}
.footer_last{width: 100%;height:50px;background-color:#d8dbda;}
.footer_main span{    display: block;font-size:16px;color:#84c8c4;text-transform: uppercase;padding-bottom: 5%;}
.footer_main p{font-size:14px;color: #8a8e8e;}
.fpart-2 a{font-size:14px;color:black;}
.fpart-2 li{margin-top: 1%;}
.fpart-2 a:hover{color:#84c8c4;text-decoration:none;}
.fpart-3 p{font-size:17px;color:#646969;}
.fpart-3 h4{margin-top:5%;font-size:14px;}
.fpart-4 li{margin-right:3%;}
.fpart-4 a:hover{color:#28b5a8;    transition: 300ms;}
.fpart-4 img{height:30px;}
.fpart-4 ul{display:flex;display:-ms-flexbox; justify-content: flex-end;-ms-flex-pack :end;}
.footer_last{text-align: center;line-height:50px;}
.footer_last p{color:#84c8c4;font-size:14px;}

.nybanner{width:100%;height:280px;text-align: center;padding-top:6%;padding-bottom:2%;margin-bottom:2%;background-image:url(../images/back2.png);background-size:100% 100%;}
.nybanner h2{font-size:50px;color:white;text-transform:uppercase;font-weight: bold;letter-spacing: 3px;}

.wid{margin:0 auto; width:70%;padding-bottom: 1%;overflow: hidden;}
.mid_cont{ line-height:30px;    display: -ms-flexbox; display: flex;}
.mid_cont img{max-width:100%;}
.contact{width:50%;padding: 0 1% 1% 1%; padding-left: 25px;}
.contact h2{border-bottom:3px #84c8c4 solid; display:inline-block; line-height:32px; font-size:22px;margin-bottom: 35px;color: #949191;padding-bottom: 5px;}
.contact p{ font-size:16px; color:#000;}
.contact p img{ vertical-align:middle; margin-right:15px; margin-bottom:2px; width:30px;}
.contact-map{width: 100%; height: 260px;overflow:hidden;}
.from{width:50%;padding-right:25px;color:#9c9e9e;}
.from h3{border-bottom:3px #84c8c4 solid; display:inline-block; line-height:32px; font-size:22px;    margin-bottom: 35px;    color: #949191;padding-bottom: 5px;}
.from p{ line-height:30px; margin-bottom:20px;}
.from_cont{ margin-top:30px; text-align:center;}
.from input{width: 100%;    height: 42px;
    border: 1px #f3f3f361 solid;
    border-radius: 3px;
    line-height: 40px;
    background: #f3f3f361;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 12px;
    margin-bottom: 10px;
    outline: none;
}
.from textarea{margin-bottom:10px; width:100%; height:170px;border:1px #f3f3f361 solid; border-radius:3px;padding:10px;background:#f3f3f361; box-sizing:border-box;font-size:12px;outline:none;}
.from a{ display:inline-block; padding:0 20px; line-height:40px; background:#84c8c4; color:#fff; border-radius:3px; font-size:16px;  float:right; cursor:pointer;}
.from a:hover{ background:#4b807d;}
.mid_right{display: -webkit-box;line-height:30px;width:auto;display:-ms-flexbox;}
.mid_title{color: #999a9a;margin-top:3%; padding-bottom:20px;}

.prolist{display: flex;display:-ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;width:auto;}
.prolist dl{margin:3%!important;}

.info{width:100%;padding-top:8%;}
.info p{font-size:14px;color: #949191;padding: 0 20px 20px 20px;}
.mid_left{ float:left; width:25%;    text-align: left;color:#646969;margin-right:1%;}
.mid_left h3{font-size: 1.5em;font-weight: bold;margin:0;padding:4%;background:url(../images/jbbj.jpg) repeat-y;}
.left_dh li{margin:2% 0;}
.left_dh li a{font-size: 15px;background: url(../images/tb.png) no-repeat 7px 10px;display:block; padding:10px 0px 10px 30px;}
.left_dh li a:hover{background:#e2e4e7;color:white;text-decoration:none;}
.mid_left h5{border-bottom:1px solid white;font-size:1.5em;font-weight: bold;line-height:29px;margin:10% 0 4%;
padding-bottom:2%;}
.left_lx{ list-style:none;padding:4% 3%;}
.left_lx img{width:25px; margin-right:3%;vertical-align:middle;}
.left_lx li{list-style:none; line-height:40px;font-size:14px;border-bottom:dashed 1px white;}
.left_lx li a{ font-weight:bold;}
.default-nav{font-size:18px;text-align:left;}
.right_wz{ float:right;line-height:47px; font-size:12px; font-weight:100;font-family:"微软雅黑";}
.right_wz a{ color:#9ab943;}
.content{ line-height:30px;overflow:hidden;width: 100%;}
.content p{font-weight: lighter;margin-bottom:15px;font-size:17px;line-height: 35px;color:#85868c;}
.content span{color:#28b5a8}


.pro_left {float: left;text-align: left;margin-right:5%;margin-bottom: 3%;width:200px;}
.pro_left_logo{display:flex;display:-ms-flexbox;}
.pro_left_logo img{width: 50px;height:50px;background: #28b5a8;}
.pro_left_logo h3{font-size:24px;padding: 10px;color: #28b5a8;}
.pro-ul li{width: 200px; margin-top: 30px;position: relative;}
.pro-ul a{width: 200px;color:black;display:block;}
.pro-ul a:hover{color:#b5b5b5;}
.pro-ul span{right: 0;position: absolute;}
.pro_left h5{margin-top: 35px;width: 200px; height: 50px;color: white;background: #28b5a8;text-align: center; font-size: 24px;line-height: 50px;}
.pro-cs img{width:30px;height:30px;}
.pro-cs li{margin-top: 30px;display: -ms-flexbox;}
.pro-cs li{display:flex;display: -ms-flexbox;}

.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#262626; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:black; background: #fff; border-color:#84c8c4; text-decoration: none;}
.blue22{color: white;background: #84c8c4;border: solid 0px #8e8a8a;width: 60px;    border-radius: 3px;height:30px;}
.blue22:hover{    background: #28b5a8;}
#send{margin-bottom: 2%; padding: 2%;border: solid 1px #d4d4d4;}
.feedck #send{padding: 5%;}
.fpart-4{position: absolute;right: 5%;}
.clearfix{margin-bottom: 1%;}
b, strong{color: #999a9a; font-size: 15px;}
div#send {text-align: left;}
.procont-d{width:50%;margin-bottom: 1%;}
.procont_pic_kz{font-size: 20px; width: 100%;font-size: 20px;margin: auto;text-align: left;}
.procont_pic_wsz{font-size: 16px!important; width: 70%;font-size: 20px;margin: auto;text-align: left;}
.procont_pic_wsz p{color: #999a9a;padding:5px 10px;    border: solid 1px #d4d4d4;}
.procont_pic img{height: auto;width:60%;}
.procont-mian{padding-bottom:3%;margin-top: 7%;display:flex;display:-ms-flexbox;}
.send_main td{padding-bottom:1%;color: #000;font-size: 15px;}
.sendh2_title { font-size: 24px;margin-bottom: 2%;color: #999a9a;}

.mid_right_cont{width:100%;}
.news_list dl{margin-top:2%;width: 100%;overflow: hidden;color: #908a8a;border-bottom: 1px dotted #ccc;padding-bottom: 15px;font-weight: lighter;display:flex;display:-ms-flex;display:-webkit-flex;align-items: center;}
.news_list h4{font-size:24px;margin-bottom:15px;}
.news_list a{color: #908a8a;font-size:18px;font-weight:bold;}
.news_list a:hover{color:#28b5a8;}
.news_img {margin-right:5%;width:20%;}
.cont {height: 80px;font-size:15px;}
.mid_right_cont{width:100%;}
.news_cont{color:#908a8a;min-height: 300px;font-weight: lighter;font-size:15px;}
.news_tel {text-align: center;font-size: 24px;color:#908a8a; padding-bottom: 10px;margin-bottom: 15px; border-bottom: 1px #ccc dashed;font-weight: lighter;}
.news_tel span{font-size:12px;}
.new_lr { border-top: 1px dotted #ccc;padding: 5px;margin-top: 10px;color:#908a8a;font-size:15px;}
.wz {text-align: left;font-size: 15px;color:#85868c;padding-bottom: 15px;font-weight: lighter;border-bottom: dotted 1px #ccc;margin-bottom: 10px;width:100%}
.wz a{color:#908a8a;}
.down_a:hover .down_img{opacity:1;}

.fastyle{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 45px!important;opacity: 0.5;color: white;}
.down_li:hover .fastyle{opacity:0.9;}
/*--------------------*/
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: #d8dbda;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/*--------------------*/

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



.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #28b5a8;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 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;
}
.prolist dl:hover .hvr-sweep-to-right {
  color: white;
}
.prolist dl:hover  .hvr-sweep-to-right:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.hvr-underline-from-left {
padding-bottom: 15px;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #28b5a8;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav li:hover .hvr-underline-from-left:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}



.act{
    border-bottom: solid 4px; 
}
@keyframes scaleDraw {

        /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
        0% {
            transform: scale(1.2);
            /*开始为原始大小*/
        }

        100% {
            transform: scale(0.9);
            
            
        }
    }

.post {

        -webkit-animation-name: scaleDraw;
        /*关键帧名称*/
        -webkit-animation-timing-function: ease-in-out;
        /*动画的速度曲线*/
        -webkit-animation-iteration-count: infinite;
        /*动画播放的次数*/
        -webkit-animation-duration: 25s;
        /*动画所花费的时间*/
       
    }
.nav_tb{display:none;}
@media screen and (max-width: 480px) {
.home_rst{background-size: 100% 100%;}
#home_main_a{width:70%;font-size:12px;overflow: hidden;bottom:10%;height: 30px;line-height: 30px;}
.mobnav{height:60px;}
.banner h1{font-size:20px;}
.home_top h1{font-size:50px;}
.banner p{font-size:15px;line-height:25px;}
.banner_center{top:30%;width: 80%;}
.banner-fide{width:100%;text-align: center;bottom:15%;}
.mobnav li img {width: 40%;}
.mobnav a{font-size:12px;}
.home_top h4{font-size:25px;}
.home_rb_sli{display:block;}
.home_rb_sli-1{width:100%;}
.home_rb_sli-2{width:100%;}
.home_rb_sli-2 h1{line-height:20px;px;}
div[class|="part"]{width:90%;ight: 200px;}
.home_rest_main p{font-size:15px;line-height: 25px;}
.home_main h4{font-size:15px;}
.home_main_rs{padding-top:15px;}
.home_main_bt a {display: block;height: 40px;width: 110px!important;border-radius: 20px;line-height: 40px;font-size: 12px;color: white;background-color: #84c8c4;position: relative;top: 8%;}
.home_rest_main a{display: block;height: 40px;width: 110px!important;border-radius: 20px;line-height: 40px;font-size: 12px;color: white;background-color: #84c8c4;position: relative;top: 8%;}
.home_rest_main{width:90%;}
.carousel-indicators{width:60%;}
.carousel li{width: 20%!important;}
.footer_main{justify-content: space-around;-ms-flex-pack:  space-around;position: relative;}
.fpart-5,.fpart-2{display:none;}
.fpart-5 a{color:black!important;}
.fpart-5 span{color:black!important;}
div[class|="fpart"]{width:50%;}
.fpart-4{bottom: 20%;right: 5%;left: 0;}
.fpart-4 ul{justify-content:start;  -ms-flex-pack: start;}
#header2{display:none;}
.nav li:nth-child(3){margin-right:0px;}
.nav li:nth-child(4){margin-left:0px;}
.nav ul{display:block;background: white;}
.nav li{width:auto;line-height:30px;}
.logo{left: 5%;    transform: translate(-5%,-50%);z-index: 999;}
#cn{display:none;}
#bot_nav{line-height:30px!important;}
.erji{text-align:center;position:static;width:auto;}
.erji i{display:none;}
.pro_left{display:none;}
.nav_tb { position: absolute;display: block;right: 2%;top: 50%;transform: translate(0,-50%);;z-index: 999;}
.nav_tb img{width:70%;}
.nav{display:none;padding-top:89px;height:auto;overflow: auto;}
.erji a{margin-bottom:0;}
.swiper-container a{font-size:12px;}
.content p{line-height: 15px!important;;font-size: 12px!important;;}
.company-top{display: block!important;}
.company-top_1{width:100%!important;}
.company-top img{width:100%!important;}
.nybanner h2{font-size:30px!important;}
.mid_cont{display:unset;}
.from{width:100%;}
.contact{width:100%;}
.contact h2{margin-top:50px;}
.wid{width:90%;}
.home_top h3{font-size:50px;}
.procont-mian{display:block;}
.home_tt{display:none;}
}