@import "iconfont.css";
.c99{color: #999;}.c66{color: #666;}
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
a:hover{text-decoration:none;}
h3,p{margin:0;}
html,body{overflow-x:hidden !important;width:100%;}
html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
body{font-family:Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;min-width: 320px;background-color: #fff;text-transform: capitalize;}
a,a:hover {color: #333;cursor:pointer;}
a:hover {color: #116f97;}
ul,li {padding: 0;margin: 0;list-style: none;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.container{max-width: 1100px;padding: 0 15px;margin:0 auto;position: relative;}
.wow { visibility: hidden; }
.tac {text-align: center;}
.rel {position: relative;}
.abs {position: absolute;}
img {max-width: 100%}
h1,h2,h3 {margin: 0;padding: 0}

.inline-box { font-size: 0px; text-align: center; }
.inline-box li, .inlineb { display: inline-block; vertical-align: middle; *display: inline;*zoom:1;}
.tar {text-align: right;}
div:focus{
	outline:none;
}
.tables { display: table; table-layout: fixed; width: 100%; height: 100%;margin: 0;}
.tables li, .cell {display: table-cell;vertical-align: middle;}


.jbox {display: inline-block;width: 0;height: 0;border:5px solid transparent;border-left-color: #000;margin-left: 3px;vertical-align: middle;}
.pics {height: 100%;width: 100%;object-fit: cover;top:0;left:0;z-index: -1;}



.trsAll {-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transition-duration: 1.4s;
-o-transition-duration: 1.4s;
transition-duration: 1.4s;
}
.c1 {color: #76bb12;}




.header {position: fixed;top:0;left:0;width: 100%;z-index: 100;
    height: 83px;
    background: #116f97;
    border-bottom: #76bb12 solid 2px;line-height: 83px;
}
.header .container {}
.header .menu-btn {float: right;margin: 10px 0 10px 10px;height: 16px;width: 24px;position: relative;}
.header .menu-btn span {display: block;height: 2px;background-color: #fff;position: absolute;left: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .menu-btn span:nth-of-type(1) {top: 0;}
.header .menu-btn span:nth-of-type(2) {top: 50%;margin-top: -1px;}
.header .menu-btn span:nth-of-type(3) {bottom: 0;}
.header .menu-btn.active span:nth-of-type(1) {-webkit-transform:rotate(45deg);transform:rotate(45deg);top: 7px;}
.header .menu-btn.active span:nth-of-type(2) {opacity: 0;}
.header .menu-btn.active span:nth-of-type(3) {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom: 7px;}

.top_h {height: 83px;}


.logo {width: 190px;left:50%;margin-left: -125px;}
.logo img {height: 107px;}


.navs {float: left;text-align: center;width: 85%;height: 83px;}
.navs li {
    float: left;
    position: relative;
    margin-right: 4%;
}
.navs li a {display: block;font-size: 14px;color: #fff;width: 106px;}
.navs li.on a {background: #77bb13;color: #fff;}
.navs li.hover a {background: url(../images/nav_on.png) no-repeat bottom center;}

.navs li ul {position: absolute;top:83px;left:0;background: #77bb13;width: 130%;padding: 2px 0 0 0;display: none;}
.navs li ul li {float: none;height: 40px;line-height: 40px;margin-right: 0;overflow: hidden;}
.navs li ul li a {width: 100%;}
.navs li ul li a:hover {background: #116f97;}

.navs > li:nth-child(4) {margin-left: 21%;}
.so {margin-right: 10px;}
.so .inp {background: none;
    border: 0px;
    border-bottom: 1px solid #FFFFFF;
    width: 88px;height: 19px;line-height: 19px;
}
.so .mit {height: 19px;width: 19px;background: url(../images/ico_so2.png) no-repeat center center;background-size: 16px 16px;border:0;vertical-align: middle;}

.header-h {height: 60px;line-height: 60px;}
.header-h .logo {margin-left: -100px;}
.header-h .logo img {height: 80px;}
.header-h .navs li ul {top:60px;}



#menu .lan {text-align: center;}
#menu .lan a {display: inline-block;}


/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important!}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 20px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

/* Dots */
.slick-slider {}
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

.banner .slick-dots {bottom:20px;z-index: 1;}
.banner .slick-dots li {text-indent: -100px;overflow: hidden;background: #fff;border-radius: 50%;opacity: 0.5;width: 10px;height: 10px;}
.banner .slick-dots li.slick-active {opacity: 1;}



.home_f1, .home_f3, .home_f5 {padding: 80px 0}
.home_f1 .it {width: 20%;float: left;}
.home_f1 .it ul {width: 90%;margin: 0 auto;}
.home_f1 .it ul a {display: block;background: #479fcd;height: 200px;border-radius: 8px;color: #fff;text-align: center;font-size: 16px;padding-top: 40px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.home_f1 .it ul a .x {height: 12px;background: url(../images/i_x.png) no-repeat center center;width: 100%;margin:20px 0;}
.home_f1 .it ul a:hover {background: #81c024}

.t1 {margin-bottom: 30px;}
.t1 h4 {font-size: 24px;}
.t1 h4 img {margin: 0 20px;}
.t1 .en {color: #969696;}


.home_f2 .sub a {margin: 0 10px;}
.home_f2 .p {text-align: center;color: #969696;line-height: 30px;margin: 30px 0;}

.more a {border-radius: 6px;width: 100px;height: 40px;background: #116f97;display: block;margin: 0 auto;color: #fff;line-height: 40px;}
.more a:hover {background: #77bb13;}


.home_f3 .set .info {background: url(../images/bg1.jpg) no-repeat center center;background-size: cover;color: #fff;padding: 14px 30px;}
.home_f3 .set .info ul li {font-size: 22px;line-height: 38px}
.home_f3 .set .more {margin-top: 20px;}
.home_f3 .set .more a {border:1px solid #fff;background: none;color: #fff;}
.home_f3 .set .more a:hover {background: #77bb13;border-color: #77bb13}
.home_f3 .list ul {margin-left: -25px;}
.home_f3 .list li {float: left;width: 50%;}
.home_f3 .list li a {margin: 0 3px 12px 3px;display: block;position: relative;}
.home_f3 .list li .abs {top:0;left:0;color: #fff;height: 100%;width: 100%;text-align: center;background: #81be22;opacity: 0.9;display: none;}
.home_f3 .list li .abs span {display: block;opacity: 1;color: #fff;background: url(../images/i_so.png) no-repeat top center;padding-top: 60px;}


.home_f4 {color: #fff;background: #81be22}
.home_f4 .info {background: #4daddf;}
.home_f4 .list {background: #81be22;}
.home_f4 .info .right {padding: 30px 0;margin-right: 40px;}
.home_f4 .info .right .t {font-size: 32px;margin-bottom: 10px;}
.home_f4 .info .right .t span {font-size: 14px;}
.home_f4 .info .right .t p {color: #b4c3cd;font-size: 14px;}
.home_f4 .info .right ul {}
.home_f4 .info .right ul li {overflow: hidden;position: relative;height: 63px;padding-left: 63px;line-height: 63px}
.home_f4 .info .right ul li img {position: absolute;left:0;}
.home_f4 .list .box .t {font-size: 16px;margin-bottom: 10px;}
.home_f4 .list .box .t span {display: block;color: #b4c3cd;}
.home_f4 .list .box {padding: 20px 40px}
.home_f4 .list .box .zs_list {width: 230px;}


.zs_list .slick-dots {bottom:-30px;}
.zs_list .slick-dots li {text-indent: -100px;overflow: hidden;background: #fff;border-radius: 50%;opacity: 0.5;width: 10px;height: 10px;}
.zs_list .slick-dots li.slick-active {opacity: 0.5;background: #000}


.news_list .it {margin-bottom: 20px;}
.news_list .it .info {display: block;margin: 0 14px;}
.news_list .pic {margin-bottom: 10px;}
.news_list .pic img {width: 100%;}
.news_list p {margin: 10px 0;color: #999;font-size: 12px;line-height: 1.8}
.news_list .more a {height: 30px;line-height: 30px;width: 90px;border-radius: 5px;}


.subnav {
    height: 49px;
    border: 1px solid #dcdcdc;line-height: 48px;width: 100%;text-align: center;border-top: 0;border-right: 0;
}

.subnav li {vertical-align: top;}
.subnav li a {display: block;border-right: 1px solid #dcdcdc;color: #58a5db;font-size: 14px;overflow: hidden;}
.subnav li.on a, .subnav li a:hover {background: #77bb13;color: #fff;}
.cont {padding: 50px 0;line-height: 2;font-size: 15px;}

.brand {padding: 20px 0 0 0;color: #666;}
.brand a {color: #666;margin: 0 10px;}
.brand span {color: #58a5db;margin: 0 10px;}

.page {font-size: 0;text-align: center;padding: 0 0 50px 0}
.page a, .page span {display:inline-block;*display: inline;*zoom: 1;font-size: 14px;background: #f6f6f6;border:1px solid #eee;padding: 4px 12px;text-transform: uppercase;margin: 0 5px}
.page a:hover, .page a.on {background: #004ea1;color: #fff;}

.news_lists {padding-top: 20px;}
.news_lists .pic {width: 190px;height: 110px;display: block;float: left;margin-right: 20px;margin-bottom: 50px;}
.news_lists .t {font-size: 16px;height: 80px;margin-top: 10px;}
.news_lists .time {color: #999;}

.s_page {line-height: 30px;border-top: 1px solid #ddd;padding: 20px 0 50px 0}
.cont h2 {margin-bottom: 20px;text-align: center;background: #eee;padding: 15px 10px;margin-top: -30px;}

.pro_list {padding: 10px 0 30px 0;margin: 0 -15px;}
.pro_list li {float: left;width: 33.33333%;overflow: hidden;}
.pro_list li a {display: block;border:1px solid #ddd;padding: 15px;margin: 15px;}
.pro_list li a img {height: 240px;width: 100%;}
.pro_list li a .t {padding-top: 15px;font-size: 16px;}
.pro_list li a:hover {border-color: #77bb13;border-width: 5px;padding: 11px}

.act_box {padding: 20px 0 50px 0}
.dt img {max-width: none;}
.dt .cname {font-size: 15px;margin-bottom: 15px;}
.dt {border-right: 1px solid #ddd;padding-right: 30px;margin-right: 0px;}
.act_box .act .name {color: #76bb12;font-size: 18px;padding: 15px 0}
.act_box .act .p {color: #666;margin-bottom: 10px;}

.feed_box {padding: 20px 0 50px 0}
.feed {margin: 0 50px;}
.feed dt {position: absolute;left:0;font-size: 16px;color: #999;font-weight: normal;}
.feed dd {margin-left:80px;margin-bottom: 20px;}
.feed dd .inp,
.feed dd textarea {background: #f5f5f5;padding: 10px;border:0;width: 100%;}
.feed .mit {
    background: #479fcd;
    color: #FFFFFF;
    width: 105px;
    height: 40px;
    border-radius: 8px;border:0;display: block;margin: 0 auto;
}
.message_right {
    width: 380px;
    height: 345px;
    background: #f1ffdc;border-left: 5px solid #d6eab8
  }
.message_right ul {padding: 30px 50px;background: url(../images/ico_tel3.jpg) no-repeat 100px 100px;text-align: right;}
.message_right ul .en {font-size: 27px;color: #77bb13;}
.message_right ul .cn {color: #77bb13;margin-bottom: 50px;}
.message_right ul .name {color: #0089d1;margin: 10px 0;}
.message_right ul .p {color: #666;}



.business{position:fixed;top: 50%;right: 0;z-index: 9999;width: 50px;}
.business_top{float: left;width: 49px;height: 45px;background: #000000;color: #FFFFFF;position: relative; cursor:pointer;}
.business_top img{position: absolute;left: 44%;top: 20%}
.business_top li{float: left; text-align: center;width: 12px;margin-top: 15px;color: #FFFFFF}

.margin_top1{margin-top: 1px;}


/*qq*/
.business_no{float: left;width: 48px;height: 45px;background: #479fcd url("../images/i_qq.png") no-repeat center;cursor:pointer;position: relative;}
.business_yes{float: left;width: 49px;height: 45px;cursor:pointer;position: relative;background: #479fcd;color: #FFFFFF;text-align: center;line-height: 45px;margin-left: -1px;display: none  }
.business_kefu{position:absolute;width: 80px;top: 0;left: -80px;background: #479fcd}
.business_1{float: left;width: 80px;height: 63px;background-image: url("../images/i_qq.png");background-position:50% 10px;background-repeat:no-repeat;}
.business_1 a{float: left;width: 80px;margin-top:25px;text-align: center;color: #FFFFFF;text-decoration: none}
.business_2{float: left;width: 80px;height: 63px;background: url("../images/i_qq.png");background-position:50% 10px;background-repeat:no-repeat;}
.business_1 a:hover{text-decoration:underline}
.business_2 a{float: left;width: 80px;margin-top:30px;text-align: center;color: #FFFFFF;text-decoration: none}
.business_2 a:hover{text-decoration:underline}

/*�绰*/
.business_telephone{float: left;width: 48px;height: 45px;position: relative;}
.business_no1{float: left;width: 48px;height: 45px;background: #479fcd url("../images/i_tel.png") no-repeat center;cursor:pointer;}
.business_yes1{position:absolute;width: 160px;height: 45px;left: -112px;background-image: url("../images/i_tel.png");background-position:10% 10px;background-repeat:no-repeat;background-color:#479fcd ;cursor:pointer;line-height: 45px;text-indent: 45px;color: #FFFFFF;display: none}


.business_qr{float: left;width: 48px;height: 45px;background: #479fcd url("../images/i_code.png") no-repeat center;cursor:pointer;position: relative;}
.business_yes2{position:absolute;width: 171px;height: 154px;left:-168px;top:-105px;background:url("../images/business_qr1.png") no-repeat; display: none}
.business_li{width: 130px; height: 152px;background:url("../images/i_code.jpg") no-repeat center;line-height: 280px;text-align: center;margin: 0 auto;}
.business_li1{width: 130px; height: 152px;background:url("../images/i_code.jpg") no-repeat center;line-height: 280px;text-align: center;margin: 0 auto;}

.zs_list {padding: 15px 0 0 0}
.zs_list .it a {display: block;padding: 10px;}
.zs_list .it a span {display: block;font-size: 14px;padding: 15px 0 0 0;height: 50px;}






.bottom_box {background: url(../images/bg_bottom.jpg) no-repeat center center;color: #fff;background-size: cover;}
.bottom_box a {color: #fff;}
.bottom_box .copyright {border-top: 1px solid #000;padding: 10px 0;}
.bottom_box .box {padding: 30px 0}
.bottom_box .box .t {font-size: 18px;}
.bottom_box .box .t span {display: block;text-transform: capitalize;opacity: 0.6;font-size: 14px;}
.bottom_box .box .p {padding: 10px 0;line-height: 30px}
.bottom_box .box .p img {margin-right: 10px;}
.bottom_box .box .m span {display: block;margin-top: 10px;}
.bottom_box .box .m {margin-top: 10px;}




.cloud img {
  -webkit-animation: scale_img 30s infinite ease-out alternate;
  -moz-animation: scale_img 30s infinite ease-out alternate;
  -ms-animation: scale_img 30s infinite ease-out alternate;
  animation: scale_img 30s infinite ease-out alternate;
}
@-webkit-keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  100% {
    transform:scale(1.2) translateX(0px);
  }
}
@keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  100% {
    transform:scale(1.2) translateX(0px);
  }
}
@media (min-width:768px) {
	
}

@media (min-width:992px) {
  .vertical-middle-sm {display: table;}
   .vertical-middle-sm > div, .vertical-middle-sm > li {
      display: table-cell;
      height: 100%;
      min-height: 100%;
      float: none !important;vertical-align: middle;
    }
}



@media (min-width:1200px) {
  .container {width: 1100px;}
}
@media (max-width:1200px) {
}

@media (min-width:1441px) {
}
@media (max-width:1024px){
	



}
@media (max-width:991px) {
  .header {height: 40px;line-height: 37px;}
  .header-h .logo {margin-left: 0;}
  .logo {position: relative;left:0;margin-left: 0;width: auto;float: left;}
  .logo img {height: 50px;}
  .header-h .logo img {height: 50px;}
  .top_h {height: 40px;}
  .home_f1, .home_f3, .home_f5 {padding: 40px 0}
  .home_f1 .it {float: none;width: auto;height: auto;}
  .home_f1 .it ul {width: auto;margin: 10px 0;}
  .home_f1 .it ul a {height: auto;padding: 25px 30px;overflow: hidden;}
  .home_f1 .it ul a li {float: left;line-height: 30px;margin-right: 20px;}
  .home_f1 .it ul a li.x {display: none;}
  .t1 img {width: 70px;}
  .home_f3 .list ul {margin: 0 -3px;margin-top: 10px;}
  .home_f4 .info .right {float: none;max-width: 100%;padding: 30px;margin: 0;}
  .home_f4 .list {}
  .zs_list .slick-dots  {position: relative;bottom:0;margin-top: 10px;}
  .banner img {height: 200px;object-fit: cover;}
  .home_f4 .list .box .zs_list {margin: 0 auto;}
  .home_f4 .list .box .t {text-align: center;}
  .bann img {height: 120px;object-fit: cover;}
  .news_lists .col-md-6 {overflow: hidden;}
  .news_lists .pic {width: 120px;height: auto;margin-bottom: 25px;}
  .news_lists .t {height: 40px;}
  .pro_list li a {padding: 10px;margin: 10px;}
  .pro_list li a:hover {padding: 6px;}
  .pro_list li a img {height: 150px}
  .dt {padding: 0;margin: 0;border:0;margin-bottom: 20px;}
  .dt #dituContent {height: 300px !important}
}

@media (max-width: 821px){

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


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

}
@media (max-width:640px){
  .pro_list li {width: 50%;}
  .pro_list li a {padding: 0;margin: 5px;}
  .pro_list li a .t {padding: 10px 0;font-size: 14px;}
  .pro_list li a:hover {border-width: 1px;padding: 0;}
  .feed {padding: 0;margin: 0;}
}

@media (max-width:520px){
 
}
@media (max-width:480px){

}

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

}
.mm-page__blocker{z-index: 2000;}