﻿body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}

.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{width: 1200px;margin:0 auto;}


.section{overflow: hidden;}

.section1_banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 50px;}
.section1_banner,.section1_banner .swiper-container,.section1_banner .swiper-slide {width: 100%;height: 100%;}
.section1_banner .swiper-pagination-bullet {width: 45px;height: 4px;display: inline-block;border-radius: 0%;background: #015aaa;opacity: 1;}
.section1_banner .swiper-pagination-bullet-active {background: #00913a;}
.section1_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}

header{position: absolute; background: #fff; height:100px; padding-top:10px;left:0;z-index: 1000;width: 100%}
.logo{float: left;margin-left: 100px; }
.nav{float: left; margin-left:10%; margin-top:10px;}
.nav li{float: left;margin-left: 60px;}
.nav li a{color: #000}
.nav li span{color: #000;font-size: 16px;}
.nav li p{font-size: 10px;text-transform: uppercase;text-align: right;margin-top:2px}
.nav li:first-child span{letter-spacing: 10px;display: inline-block;margin-right: -10px}

.l-sy-div5{ float:right; padding-top:10PX; margin-right:1%; width:180px;}
.l-sy-div6{
    width:40px; padding-top:10PX; float:left;
}
.l-sy-div6 img{  width: 100%;}
.l-sy-span2{
    display: block; padding-top:2PX; float:right;
    font-size: 20px;
    line-height: 46px;
    color: #000;
    font-family: "din";
}

/*第二屏*/






.in_honor li{ float:left; width:24%; margin-left:1%;}
.in_honor li img{ width:100%;}


.section2{background: url('../images/bg2.jpg') no-repeat center top;position: relative;}
.sec2_bot{position:absolute;bottom: 0;left:0;width: 100%;height: 200px;}
.sec2_bot .sec2_bot_bg img{display: block;width: 100%;height: 100%}
.section3{background: url('../images/bg3.jpg') no-repeat center top;background-size: cover;position: relative;}



.sec2_top_tit{width: 100%;background: url('../images/sec2_top_tit_bg.png') no-repeat center top 0px;text-align: center;padding-top: 10px}
.sec2_top_zh{font-size: 36px;color: #545454;padding-bottom: 5px;}
.sec2_top_zh span{color: #2370b2}
.sec2_top_eng{font-size: 14px;color: #00913a;background: url('../images/tit.png') no-repeat center top;padding-top: 10px;text-transform: uppercase;}
.sec2_top{width: 1195px;margin:0 auto;height:calc(100% - 226px);position: relative; margin-top:4%;}
.data{padding-bottom: 30px;padding-top: 35px;}
.data li{float: left;text-align: center;width:220px;margin:0px;font-size: 15px;color: #404040;}
.data li .number span{font-size: 22px;font-weight: bold;display: inline-block;}
.data li p{text-align: center;}
.data ul{width: 1145px;margin:0 auto;}
.sec2_li_tit{text-align: center;color: #0670bf;font-size: 29px;}
.sec2_li_info{font-size: 15px;color: #010101;line-height: 2.5;margin-top: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.more{width: 56px;margin:25px auto 0;}
.sec2_list{padding-top: 40px;border-top: 1px solid #e0e0e0;}
.sec2_list .swiper-container{padding-bottom: 50px}
.sec2_list .swiper-pagination-bullet {width: 38px;height: 5px;display: inline-block;border-radius: 4px;opacity: 1;border:1px solid #687fae;background: transparent;}
.sec2_list .swiper-pagination-bullet-active {background: #687fae;}
.sec2_list .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.sec2_top_nr{position: absolute;top:50%;left:0%;transform:translateY(-50%);width: 100%;}
.sec2_bot_info{position:absolute;top:50%;left:0;width: 100%;text-align: center;font-size: 33px;color: #ffffff;transform:translateY(-50%); }
.sec2_bot_info img{margin-top: 20px}
.nav2{position: absolute;top:40px;right: 60px;z-index: 1001;}
.nav3{position: absolute;top:40px;left: 60px;z-index: 1001;}
.w-nav-full {
    width: 220px;
    height: 100vh;
    position: absolute;
    top: 0px;
    right: -400px;
    background:rgba(255,255,255,1);
    z-index: 1111;
    padding-top: 200px;
    transition: 1s;
}
.w-nav-full a{color: #333;transition: 1s;display: block;width: 150px;height: 43px}
.w-nav-full a:hover{padding-right: 0}
.w-nav-full.show {
    right: 0px;
    transition: 1s;

}

.w-nav-full div:nth-child(1) ~ div {
    
    width: 150px;
    text-align: center;
    margin:0 auto;
    font-size: 15px;
    color: #333333;
    overflow: hidden;
     transition: .3s;
    transitino-delay: 1s;
}

.w-nav-full div:nth-child(1) ~ div  {
    color: #534545;
    position: relative;
    top: 100px;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

.w-nav-full.show div:nth-child(1) ~ div  {
    top: 0px;
    opacity: 1;
    transition: 1s;
    transition-delay: 0s;
    margin-bottom: 30px;
    height: 43px;
    line-height: 2;
    /*overflow: hidden;*/
}
}

.w-nav-full.show div:nth-child(1) ~ div:hover a{}
.w-nav-full.show div:hover a{color:#00913a;display: block;}
.w-nav-full.show div:nth-child(1) ~ div:hover a{color:#00913a!important}

.w-nav-full.show div:nth-child(1) ~ div:nth-child(2)  {
    transition-delay: 0.2s;
}

.w-nav-full.show div:nth-child(1) ~ div:nth-child(3)  {
    transition-delay: 0.4s;
}

.w-nav-full.show div:nth-child(1) ~ div:nth-child(4)  {
    transition-delay: 0.6s;
}

.w-nav-full.show div:nth-child(1) ~ div:nth-child(5)  {
    transition-delay: 0.8s;
}

.w-nav-full.show div:nth-child(1) ~ div:nth-child(6)  {
    transition-delay: 1s;
}

.w-nav-full.show div:nth-child(1) ~ div:nth-child(7)  {
    transition-delay: 1.2s;
}
.w-nav-full.show div:nth-child(1) ~ div:nth-child(8)  {
    transition-delay: 1.4s;
}
.w-nav-full.show div:nth-child(1) ~ div:nth-child(9)  {
    transition-delay: 1.6s;
}

.w-nav-full .close {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: url(../images/close.png) center no-repeat #00913a;
    cursor: pointer;
    transition: 1s;
}

.w-nav-full .close:hover {
    animation: nav_close_ani 5s infinite both;
}

@keyframes nav_close_ani {
    0% {
        transform: rotate(90deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(270deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.open_lc {
  -webkit-animation-name: open_lc;
  animation-name: open_lc;
}
.close_lc {
  -webkit-animation-name: close_lc;
  animation-name: close_lc;
}
@-webkit-keyframes open_lc {
  from {
   height: 25px;
  }

  to {
   height: 688px;
  }
}

@keyframes open_lc {
  from {
    height: 25px
  }

  to {
     height: 688px;
  }
}

@-webkit-keyframes close_lc {
  from {
    height: 688px;
  }

  to {
    height: 25px;
  }
}

@keyframes close_lc {
  from {
    height: 688px;
  }

  to {
     height: 25px;
  }
}
/*第三屏*/
.sec_lanmu{position: absolute;left:99px;top:50px;z-index: 1001;}
.sec_lanmu_eng{text-transform: uppercase;font-size: 24px;color: #ffffff;}
.sec_lanmu_eng span{font-size: 36px;font-weight: bold;display: inline-block;margin-right: 10px}
.sec_lanmu_zh{font-size: 32px;color: #fde200}
.sec3_more{font-size: 13px;color: #fdfdfd;text-transform: uppercase;margin-top: 50px;display: block;}
.sec3_list .sec3_ul_list{width: 741px;position: absolute;top:50%;left:-25px;transform:translateY(-50%);}
.sec3_list .sec3_ul_list ul{display:none}
.sec3_list ul li{float: left;margin:10px;position: relative;width: 350px;height:245px;}
.sec3_list{position: relative;height: 100%}
.section3 .main{height: 100%;position: relative;}
.sec3_list ul li a{border:2px solid #fff;display: block;overflow: hidden;}
.sec3_list ul li img{display: block;width: 100%;}
.sec3_type{position: absolute;right: 0;top:50%;transform:translateY(-50%);width: 275px;height: 561px;}
.sec3_type li{color: #fff;font-size: 18px;background: url('../images/sec3_type.png') no-repeat center left;padding-left: 125px;position: absolute;width: 300px;cursor: pointer;}
.sec3_type li p{font-size: 11px;text-transform: uppercase;}
.sec3_type li:nth-child(1){top:0;right: 10px;width: 300px;}
.sec3_type li:nth-child(2){top:103px;right:40px;width: 300px}
.sec3_type li:nth-child(3){top:212px;right:78px;width: 300px}
.sec3_type li:nth-child(4){top:320px;right:133px;width: 300px}
.sec3_type li:nth-child(5){top:427px;right:234px;width: 300px}
.sec3_type li:nth-child(6){top:534px;right:326px;width: 300px}

.section3_bg {
    background: -webkit-linear-gradient(45deg, #014ba4 0%, #00913a 23%, #01722e 67%, #003864 100%);
    background: -moz-linear-gradient(45deg, #014ba4 0%, #00913a 23%, #01722e 67%, #003864 100%);
    background: -o-linear-gradient(45deg, #014ba4 0%, #00913a 23%, #01722e 67%, #003864 100%);
    background: linear-gradient(45deg, #014ba4 0%, #00913a 23%, #01722e 67%, #003864 100%);
    width: 500%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    animation: color1 10s linear infinite;
}
.section3_nr{position: absolute;top:43%;left:50%;transform:translate(-50%,-50%);width: 1273px;z-index: 1001;}

/*第四屏*/
.section4 ul{height: 100%}
.section4 ul li{height: 100%;float: left;width: 25%;position: relative;}
.section4 ul li .sect4_bg{width: 100%;height: 100%;position:relative;}
.section4 ul li .sect4_bg img{display: block;width: 100%;height: 100%;position: absolute;bottom: 0;top:0;left: 0;right: 0}
.sec4_op{position: absolute;bottom:0%;height: 100%;background: rgba(0,0,0,0.4);width: 100%;z-index: 1000;}
.sec4_op_info{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;}
.sec4_op_tit{color: #fff;font-size: 37.28px;margin-top: 24px;padding-bottom: 10px}
.icon{width: 89px;height: 89px;border:1px solid #fff;border-radius: 100%;margin:0 auto;}
.line{width: 146px;height: 2px;background: #fff;}
.line2{width: 0px;height: 2px;background: #00913a;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.section4 ul li:hover .line2{width: 146px;}
.section4 ul li:hover .sec4_op_tit{color:#00913a }
.section4 ul li:hover .icon{border:1px solid #00913a;}
.section4 ul li:nth-child(1) .icon{background: url('../images/icon1.png') no-repeat center center;}
.section4 ul li:nth-child(2) .icon{background: url('../images/icon2.png') no-repeat center center;}
.section4 ul li:nth-child(3) .icon{background: url('../images/icon3.png') no-repeat center center;}
.section4 ul li:nth-child(4) .icon{background: url('../images/icon4.png') no-repeat center center;}

.section4 ul li:nth-child(1):hover .icon{background: url('../images/icon11.png') no-repeat center center;}
.section4 ul li:nth-child(2):hover .icon{background: url('../images/icon22.png') no-repeat center center;}
.section4 ul li:nth-child(3):hover .icon{background: url('../images/icon33.png') no-repeat center center;}
.section4 ul li:nth-child(4):hover .icon{background: url('../images/icon44.png') no-repeat center center;}

/*第五屏*/
.section5{background: url('../images/bg5.jpg') no-repeat center top;position: relative;background-size: cover}
.section5_bg {
    background: -webkit-linear-gradient(45deg, #009933 0%, #00913a 33%, #01722e 67%, #024f21 100%);
    background: -moz-linear-gradient(45deg, #009933 0%, #00913a 33%, #01722e 67%, #024f21 100%);
    background: -o-linear-gradient(45deg, #009933 0%, #00913a 33%, #01722e 67%, #024f21 100%);
    background: linear-gradient(45deg, #009933 0%, #00913a 33%, #01722e 67%, #024f21 100%);
    width: 500%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    animation: color1 10s linear infinite;
}
@keyframes color1{0%{left: 0;}50%{left: -400%;}100%{left: 0;}}
.sec_lanmu_zh{color: #fff}
.section5_nr{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 1273px;z-index: 1001;}
.sec5_left{width: 615px;float: left;color: #fff;position: relative;}
.sec5_left a{color: #fff;}
.sec5_right{width: 604px;float: right;}
.sec5_left .sec5_date{text-align: center;width: 80px;position: absolute;top:392px;left:-135px;font-style: italic}
.sec5_left .sec5_date .md{font-size: 31px;color: #ffffff;}
.year{font-size: 23px;}
.sec5_r{width: 100%;padding-top: 35px}
.sec5_tit{font-size: 22px;color: #ffffff;padding-bottom: 15px}
.sec5_jian{font-size: 16px;line-height: 31px;}
.sec5_right .sec5_date{width: 60px;color: #fff;text-align: right;float: left;padding-top: 20px;font-style: italic}
.sec5_right .sec5_date .md{font-size: 21px;}
.sec5_right .sec5_date .year{font-size: 15px;color: #00913a;}
.sec5_right .sec5_r{width: 533px;float: right;padding:15px 20px;}
.sec5_right .sec5_tit{font-size: 18px;color: #ffffff;padding-bottom: 10px}
.sec5_right .sec5_jian{font-size: 14px;line-height:26px;color: #fff}
.sec5_right li{margin-bottom: 40px;}

.sec5_right ul{position: relative;}
.sec5_line{height: 500px;width: 1px;background: #00913a;position: absolute;top:-15px;left:70px;}
.sec5_more{color: #fff;font-size: 13px;display: inline-block;float: right;margin-top: 15px}
/*第六屏*/
.section6{position: relative;}
.sec6_top{width:100%;height:calc(100% - 370px);position: relative;background: rgba(205,205,205,0.7);}
.sec6_bot{width: 100%;background: url('../images/sec6_bot.jpg') no-repeat;height: 370px;position:absolute;bottom: 0;left:0;overflow: hidden;}
#allmap {
  height: 100%;

}
#allmap .BMap_mask{
  background: url('../images/yy.png') no-repeat center!important;background-size: cover!important;
 /* background: -webkit-radial-gradient(#f4f4f4, #e7e7e7,#888585,#716e6e)!important;
  background: -o-radial-gradient(#f4f4f4, #e7e7e7,#888585,#716e6e)!important;
  background: -moz-radial-gradient(#f4f4f4, #e7e7e7,#888585,#716e6e)!important;
  background: radial-gradient(#f4f4f4, #e7e7e7,#888585,#716e6e)!important;opacity: 0.5!important; */
}
.sec6_bot_main{width: 1400px;margin:0 auto;}
.sec6_bot1{padding-top: 75px}
.sec6_bot1_l1 img{width: 164px;height: 112px;}
.sec6_bot1_l2{font-size: 35px;color: #ffffff}
.sec6_bot1_l3{color: #ffffff;font-size: 16px;letter-spacing: 13px;margin-top: 5px}
.sec6_bot1_right li{float: left;min-width: 267px;background: url('../images/bor1.png') no-repeat center right;padding-left: 26px}
.sec6_bot1_btt {float: left;min-width: 133px;margin-left: 26px}
.sec6_bot1_btt img{width: 133px;}

.sec6_bot1_left{float: left;}
.sec6_bot1_right{float: right;}
.sec6_bot1_bt{font-size: 10px;color: #ffffff;text-transform: uppercase;}
.sec6_bot1_bt span{font-size: 18px;}
.sec6_bot1_nr{font-size: 16px;color: #fff;height: 35px;line-height: 35px;margin-top:7px}
.sec6_bot1_nr b{font-family: Impact;font-size: 31.8px;}
.sec6_bot1_right li:nth-child(3){background: transparent;} 
.sec6_bot1_right li:nth-child(1) .sec6_bot1_bt{background: url('../images/tel.png') no-repeat center left;padding-left: 39px}
.sec6_bot1_right li:nth-child(2) .sec6_bot1_bt{background: url('../images/email.png') no-repeat center left;padding-left: 39px}
.sec6_bot1_right li:nth-child(3) .sec6_bot1_bt{background: url('../images/addr.png') no-repeat center left;padding-left: 39px}

.form-control{transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;width: 100%;height: 35px;line-height: 35px;padding-left: 5px;background: transparent;border:0;border-bottom: 1px solid #00913a;color:#fff;padding-right: 15px;}
.sec6_bot2 form li{position: relative;height: 35px;line-height: 35px;float: left;margin-right: 30px}
.sec6_bot2 form li label {
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 5px;
    top: -3px;
    transition: 0.1s ease all;
    -moz-transition: 0.1s ease all;
    -webkit-transition: 0.1s ease all;
}
.sec6_bot2 form li i{color: #fff;position: absolute;right: 5px;top: 2px;font-style: normal;}
/*.sec6_bot2 form li .form-control:focus ~ label, .sec6_bot2 form li .form-control[value]:not([value=""]) ~ label {
  top: -25px;
  font-size: 14px;
  color: #fff;
  font-weight: 500; 
}*/

.sec6_bot2 form li label.focus_label{
  top: -27px;
  font-size: 14px;
  color: #fff;
  font-weight: 500; 

}
.sec6_bot2 form li .form-control{width: 313px;}

.sec6_bot2 form li .form-control:focus, .sec6_bot2 form li .form-control[value]:not([value=""]) {
    border-bottom-color: #00913a;
    color: #fff;
}

.sec6_bot2{padding-top:30px;}
.sub_btn{width: 116px;height: 36px;text-align: center;line-height: 34px;background: #fff;border-radius: 30px;color: #00913a;font-size: 16px;border:0px;}
.sec6_bot2 form li #lc_content{width: 460px}
.opacity{opacity: 0}

.section4 li{position: relative;overflow: hidden;}
.section4 .sect4_bg{transition:all 0.8s;-webkit-transition:all 0.8s;}
.section4 li:hover .sect4_bg{transform:scale(1.15);}

.sub_btn{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, white, white, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 99% 50%;
  background-size: 300% 300%;
  border: 1px solid white;
}
.sub_btn:hover{
  color:#fff;
  background-position: 1% 50%;
}
.sec5_right li .sec5_r{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, rgba(0,154,58,1), rgba(0,154,58,1), rgba(0,154,58,0), rgba(0,154,58,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
}
.sec5_right li:hover .sec5_r{background-position: 99% 50%;}

.more img{transition:all 0.8s;-webkit-transition:all 0.8s;border-radius: 50%}
.more:hover img{transform: rotate(270deg);}


.sec3_list ul li img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  transition:all 1s;
}

.sec3_list ul li:hover img{
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sec3_more{display: block;position: relative;;width:104px;height:36px;line-height: 36px;}
.sec3_more u{position:absolute;bottom:0;left:0;display:block;width:104px;height:36px;margin:0 auto;text-align: center;display:block;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;
  -ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;border:1px solid #fff;}
.sec3_more u.cl{clip:rect(0px,104px,0px,18px);}
.sec3_more u.cr{clip:rect(35px,104px,104px,0px);}
.sec3_more:hover u.cl{clip:rect(0px,104px,104px,18px);}
.sec3_more:hover  u.cr{clip:rect(0px,18px,104px,0px);}
.sec3_more span{display: block;-webkit-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.sec3_more:hover span{padding-left: 32.5px;}

.sec3_type li .sec3_type_bg,.sec3_type li.sec3_type_on .sec3_type_bg{position: absolute;left: 0;top:17px;background: url('../images/sec3_type_bg.png') no-repeat center left;width: 0px;height: 11px;-webkit-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.section3 .sec_lanmu_zh{color: #fff; font-weight:bold;}
.sec3_type li:hover .sec3_type_bg,.sec3_type li.sec3_type_on .sec3_type_bg{width: 112px}
.sec3_type li:hover,.sec3_type li.sec3_type_on {color: #fff}
.section5 .sec_lanmu_zh span{color: #fde200}
.section6 .sec_lanmu_eng,.section6 .sec_lanmu_zh{color:rgba(0,145,58,0.8);}



.sec5_left .sec5_pic{position: relative;overflow: hidden;width: 615px;height: 357px;display: block;}
.sec5_left .sec5_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;width:100%;}
.sec5_left:hover .sec5_pic img{transform:scale(1.15);width:100%;}

.sec5_more{display: block;position: relative;;width:104px;height:36px;line-height: 36px;}
.sec5_more u{position:absolute;bottom:0;left:0;display:block;width:104px;height:36px;margin:0 auto;text-align: center;display:block;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;
  -ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;border:1px solid #fff;}
.sec5_more u.cl{clip:rect(0px,104px,0px,18px);}
.sec5_more u.cr{clip:rect(35px,104px,104px,0px);}
.sec5_more:hover u.cl{clip:rect(0px,104px,104px,18px);}
.sec5_more:hover  u.cr{clip:rect(0px,18px,104px,0px);}
.sec5_more span{display: block;-webkit-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;text-align: right;text-transform: uppercase;}
.sec5_more:hover span{padding-right: 32.5px;}

.Vbtn-4 {
  position: relative;
  transition: all 150ms linear 0s;
}
.Vbtn-4:hover, .Vbtn-4:active {
  
  transition: all 150ms linear 0s;
}
.Vbtn-4:after, .Vbtn-4:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
  bottom: 0px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 280ms ease-in-out;
  transition: all 280ms ease-in-out;
  width: 0;
}
.Vbtn-4:hover:after, .Vbtn-4:hover:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-color: #fff;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
  width: 100%;
}

.Vbtn-4:hover:before {
  bottom: auto;
  top: 0;
  width: 100%;
}

.w-nav-full.show div a.Vbtn-4:after {border:1px solid rgba(17, 133, 252, 0);}
.w-nav-full.show div a.Vbtn-4:before {border:1px solid rgba(17, 133, 252, 0);}
.w-nav-full.show div a.Vbtn-4:hover:after, .w-nav-full.show div a.Vbtn-4:hover:before {border:1px solid rgba(0, 145, 58, 1);width: 70%}

.nav li p{letter-spacing: 0;transition: all 150ms linear 0s;padding-bottom: 10px}
.nav li:hover p{letter-spacing:2px;text-align: center;}
.nav li span{padding-top:5px;display: block;}
.nav li:hover{text-align: center;}

.sec2_bot{background: url('../images/sec2_video.png') no-repeat center bottom;}

@media  (max-height: 850px){
  .sec2_bot {height: 150px;}
  .sec2_top { height: calc(100% - 150px);}
  .more{display: none;}
  .sec3_list .sec3_ul_list{top:150px;transform: translateY(0%);}
  .sec_lanmu{top:30px;}
  .section5_nr{top:150px;transform: translate(-50%,0%);}
  .w-nav-full{padding-top: 150px}
}

@media  (max-height: 700px){
 .sec2_bot{display: none;}.sec2_top { height: 100%;}
 .w-nav-full.show div:nth-child(1) ~ div{margin-bottom: 15px}
 .sec3_more{margin-top: 10px}
 .sec6_bot{height: 300px}.sec6_top{height: calc(100% - 300px);}.sec6_bot1{}
 .sec5_right li{margin-bottom: 10px}
 .sec5_left .sec5_jian{display: none;}

 .sec3_type li:nth-child(1){top:0;right: 10px;width: 300px;}
 .sec3_type li:nth-child(2){top:93px;right:40px;width: 300px}
 .sec3_type li:nth-child(3){top:200px;right:78px;width: 300px}
 .sec3_type li:nth-child(4){top:310px;right:133px;width: 300px}
 .sec3_type li:nth-child(5){top:417px;right:234px;width: 300px}
 .sec3_type li:nth-child(6){top:515px;right:330px;width: 300px}

}

@media  (max-width:1400px){
  .nav li{margin-left: 40px}
  .logo{margin-top: 0;margin-left: 50px}
  .sec5_left .sec5_date{display: none;}
  .sec6_bot_main{width: 1200px}
  .sec6_bot1_left{width: 400px}
  .sec6_bot1_right {width: 800px}
  .sec6_bot1_l2{font-size: 28px;}.sec6_bot1_l3{font-size: 12px;}
  .sec6_bot1_right li:nth-child(2){min-width: 180px;padding-right: 20px}
  .sec6_bot2 form li .form-control{width: 280px}
  .sec6_bot2 form li #lc_content{width: 380px}
}

.sec6_bot1_nr a{color: #fff}





.in_honor li{ float:left; width:24%; margin-left:1%;}
.in_honor li img{ width:100%;}


.section7{background: url('../images/bg4.jpg') no-repeat center top;position: relative;background-size: cover;}

.sec3_top_nr{position: absolute;top:35%;left:0%;transform:translateY(-50%);width: 100%;}
.sec3_bot_info{position:absolute;top:50%;left:0;width: 100%;text-align: center;font-size: 33px;color: #ffffff;transform:translateY(-50%); }
.sec3_bot_info img{margin-top: 20px}
.sec3_top_tit{width: 100%;text-align: center;}
.sec3_top_zh{font-size: 36px;color: #545454;padding-bottom: 5px;}
.sec3_top_zh span{color: #2370b2}
.sec3_top_eng{font-size: 14px;color: #2370b2;background: url('../images/tit.png') no-repeat center top;padding-top: 10px;text-transform: uppercase;}
.sec3_top{width: 1195px;margin:0 auto;height:calc(100% - 226px);position: relative; margin-top:4%;}

.sec4_top_tit{width: 100%;background: url('../images/sec2_top_tit_bg.png') no-repeat center top 0px;text-align: center;padding-top: 10px}
.sec4_top_zh{font-size: 36px;color: #fff;padding-bottom: 5px;}
.sec4_top_zh span{color: #fff}
.sec4_top_eng{font-size: 14px;color: #2370b2;background: url('../images/tit.png') no-repeat center top;padding-top: 10px;text-transform: uppercase;}
.sec4_top{width: 1195px;margin:0 auto;height:calc(100% - 226px);position: relative; margin-top:4%;}


.mr_frbox{height:480px;width:1200px; margin:0px auto; margin-top:30px;}
.mr_frUl{height:480px;width:1200px;}
.mr_frUl ul li{display:inline;float:left;height:480px;width:285px;margin-right:10px;overflow:hidden; margin-top:10px;}
.mr_frUl ul li img{display:block;margin-bottom:7px;}


  .Box {position: relative;}
  .Box .content {width: 1200px;margin: 0 auto;}
  .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
  .Box .Box_con {position: relative;}
  .Box .Box_con .btnl {position: absolute;}
  .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
  .Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: -72px;}
  .Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
  .Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
  .Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
  .Box .Box_con .conbox {position: relative;overflow: hidden; margin-top:10px;}
  .Box .Box_con .conbox ul {position: relative;list-style: none;}
  .Box .Box_con .conbox ul li p {width: 285px;height:50px; line-height:50px;background:#efefef; color:#000; font-size:17px; text-align:center;}
  
  .Box .Box_con .conbox ul li {float: left;width: 285px;height: 335px; text-align:center;margin-left: 20px;overflow: hidden;}
  .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
  .Box .Box_con .conbox ul li img {display: block;width: 285px;height: 285px;transition: all 0.5s;background:#efefef;}
  
  .Box .BoxSwitch {margin-top: 30px;text-align: center;}
  .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
  .Box .BoxSwitch span.cur {background: red;}

.in_prod_ul{ width:400px; margin:0px auto; border:1px solid red; line-height:60px; height:60px; padding-bottom:30px; padding-top:30px; position:relative;}
.in_prod_ul a{color:#1847b2; font-size:15px; font-weight:bold; width:100px; text-align:center; margin:0px auto;}


.pro_type{ width:100%; margin:0px auto;text-align:center; padding-bottom:50px;padding-top:30px;}
.pro_type a{display:inline-block;line-height:50px;min-width:120px;padding:0 20px;margin:0 10px;background:#fff;font-size:15px; text-align:center;color:#00913a;}
.pro_type a:hover{background:#fff;color:#00913a;}


.sec3_top_tit{width: 100%;background: url('../images/sec2_top_tit_bg.png') no-repeat center top 0px;text-align: center;padding-top: 10px}
.sec3_top_zh{font-size: 36px;color: #fff;padding-bottom: 5px;}
.sec3_top_zh span{color: #2370b2}
.sec3_top_eng{font-size: 14px;color: #fff;background: url('../images/tit.png') no-repeat center top;padding-top: 10px;text-transform: uppercase;}
.sec3_top{width: 1195px;margin:0 auto;height:calc(100% - 226px);position: relative; margin-top:4%;}








