/*
	你的代码写在这里
	style.css是style.less生成的，不要直接改动style.css的内容，不然会被style.less覆盖
*/
.f80{ font-size:80px;}
.f72{ font-size:72px;}
.f66{ font-size:66px;}
.f60{ font-size:60px;}
.f54{ font-size:54px;}
.f50{ font-size:50px;}
.f48{ font-size:48px;}
.f46{ font-size:46px;}
.f40{ font-size:40px;}
.f36{ font-size:36px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.Avignon-Bold{ font-family: "Avignon-Bold","微软雅黑","Arial";}

.i_two{background:#f8f8f8;overflow:hidden;/* margin-top:5%; */padding-top:4.5%;padding-bottom:4.5%;}
.i_two .i_two_a{ overflow:hidden; margin-bottom:15px; position:relative;}
.i_two .i_two_a .imgs{ width:57.7%; height:319px; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.i_two .i_two_a .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_two .i_two_a .wrap{height:319px;}
.i_two .i_two_a .txts{ width:38%; position:relative; left:0; transform: translate(0%, -50%); top:50%; overflow:hidden; line-height:1.2; color:#222; font-weight:bold;}
.i_two .i_two_a .txts .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:3.5%; color: #333;}
.i_two .i_two_a .txts .label span{color: #dec2a4;}
.i_two .i_two_b{ overflow:hidden; position:relative;}
.i_two .i_two_b .imgs{ width:38%; height:609px; float:left; overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover; }
.i_two .i_two_b .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_two .i_two_b .txts{  width:57.7%;overflow:hidden; position:absolute; right:0; top:0; }
.i_two .i_two_b .txts img{ display:block; width:215px;}
.i_two .i_two_b .txts .cons{ max-width:650px; margin-top:8%; overflow:hidden; font-size:15px; line-height:22px; color:#414141; padding-left:69px;}
.i_two .i_two_b .txts .cons ul li{ display:block; margin-bottom:6%;}
.i_two .i_two_b .txts .cons .h3{color:#222222;font-size: 25px;font-weight:bold;margin-bottom:10px;line-height:1;}
.i_two .i_two_b .txts .cons .a{display:block;height:46px;line-height:46px;width:150px;background: #2c4e47;text-align:center;overflow:hidden;color:#fff;font-size:15px;position:relative;z-index:0;}
.i_two .i_two_b .txts .cons .a:after{content:"";position:absolute;left:50%;top:0%;height:100%;width:0;background: #dec2a4;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;z-index:-1;}
.i_two .i_two_b .txts .cons .a:hover:after{width:100%; left:0; }


.clearfix:after{content:"";display:block;clear:both;}

.suspension{position:fixed;z-index:55;right:0;bottom:195px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color: #2d4e47;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background: #629489;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d-cart{top:122px;}
.suspension .d-qrcode img,.suspension .d-cart img{width:130px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode,.suspension .d-cart{text-align:center;}
.suspension .d-qrcode .inner-box,.suspension .d-cart .inner-box{padding:20px 0;}
.suspension .d-qrcode p,.suspension .d-cart p{font-size:16px;color:#57585a; line-height:35px;}

.honor{background: url('../images/vbg.png') no-repeat center center;background-size: 100% 100%;width: 100%;}
.video{width: 50%;padding: 0 50px; box-sizing: border-box;line-height: 650px;}
.video video{width:80%;vertical-align: middle; box-sizing: border-box;}
.videotext{width: 45%;position: relative;height: 650px;}
.videotext .mask{background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.videotext .videocont{padding:20px 50px;  color:#fff; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10; }
.videotext h3{font-size: 30px;font-weight: bold;}
.videotext h3{margin-top: 10px;}
.colorgreen{color:#ccea6e;font-size: 30px;font-weight: bold;}
.videolist li{float: left;width: 33.33%;margin-top: 20px;}
.videolist li .small{margin-left: 5px;}
.videolist li .videodesc{font-size: 12px;margin-top: 5px}
.videopic {padding:10px 25px; width: 100%;z-index: 10; margin-top: 20px;position: absolute;bottom: 10px;left: 0;}
.videopic .swiper-slide {width: 25%;height: 100%;text-align: center;}
.ul_imgbox .arrow{position: absolute;top: 50%;margin-top: 30px;width: 20px; height: 20px;z-index: 10;}
.ul_imgbox .arrow-pre {background: url("../images/pre.png") no-repeat center;left: -40px;background-size: 100%;}
.ul_imgbox .arrow-next {background: url("../images/next.png") no-repeat center;right: -40px;background-size: 100%;}
.ul_imgbox img {padding: 1px;}
.ul_imgbox .active-nav img {padding: 0;border: 1px solid #fff;}


.index-sec__item {
 margin-top:130px;
}.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}.respon .basis-sm {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
}
.basis-sm {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

.basis-lg {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}
.alc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.juc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.honor_index{background: url('../images/vbg.jpg') no-repeat center center;background-size: cover;}

.honor_index .container {
    background: rgba(0,0,0,.7);
    width: 100%;
    padding: 30px 50px 30px 0;
    color:#fff;
    height: 100%;
}

.honor_index .ul_numbox {
    padding: 20px 0;
    margin-top: 40px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    box-sizing: border-box;
}
.level {
    font-size: 0;
}
.honor_index .ul_imgbox {
    text-align: center;
    padding-top: 60px;
    position: relative;
}

.honor_index .ul_imgbox li {
    width: 46%;
    vertical-align: top;
    /*padding:  0 5%;*/
    box-sizing: border-box;
}
.level li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 12px;
    vertical-align: middle;
}
.honor_index .ul_numbox li {
    /*width: 33%;*/
    padding: 10px 0;
}

.honor_index .ul_numbox > li:first-child {
      width: 33%;
  }

 .honor_index .ul_numbox > li:nth-child(2) {
      width:25%
  }

  .honor_index .ul_numbox > li:nth-child(3) {
      max-width:45%;min-width:40%;float:right;
  }

  .honor_index .ul_numbox > li:nth-child(4) {
      width: 33%;
  }

  .honor_index .ul_numbox > li:nth-child(5) {
      width:25%
  }

  .honor_index .ul_numbox > li:nth-child(6) {
      max-width:45%;min-width:40%;float:right;
  }

.honor_index .ul_numbox .p_text {
    color: #333;
    height: 70px;
}

.honor_index .ul_imgbox li img {
    display: block;
    width: 100%;
}

.honor_index .ul_imgbox li .p_sectext {
    padding-top: 20px;
}
.honor_index .p_sectext {
    font-size: 14px;
    color: #cacaca;
    line-height: 20px;
}
.honor_index .ul_numbox .span_big {
    font-family: impact;
    font-weight: bold;
    font-size: 50px;
    color:#fff;
}

.honor_index .ul_numbox .span_sred {
    font-size: 16px;
    color: #ccea6e;
    font-weight: bold;
    margin-left: 5px;
}
.honor_index .p_bigtitle {
    
    font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
    font-size: 42px;
}

.footersub{background: #2c4e47;height: 90px;width: 100%;position: fixed;bottom: 0;z-index: 999;}
.footersub .contentbox{line-height: 90px;max-width: 1370px;margin-left: auto;margin-right: auto;}
.footersub .footerman{height: 199px;margin-top: -109px;/* width:13%; */}
.footersub .sheji{color: #ffffff;font-size: 23px;margin: 0 2%;width: 13%;line-height: 23px;margin-top: 20px;letter-spacing: 1px;}
.footersub .sheji em{/* color: #ffd6a8; */font-size: 14px;}
.footersub .message{width: 65%;}
.footersub .message .msglist{float: left;width: 27%;padding: 0 1%;box-sizing: border-box;margin: 25px 0;/* vertical-align: baseline; */}
.footersub .message .msglist input{background:#fff;height: 40px;margin-right: 10px;padding-left:10px;border-radius: 3px;width: 100%;}
.footersub .message button{background: #5a926f;padding: 5px 10px;color: #ffffff;height: 40px;border-radius: 3px;}
.footersub.leave {
    -webkit-transform: translateY(220px);
    -ms-transform: translateY(220px);
    transform: translateY(220px);
}
.footclose{color: #1b3530;font-size: 20px;cursor: pointer;background: #f2cca1;width: 30px;height: 30px;border-radius: 30px;line-height: 30px;text-align: center;margin-top: 29px;}
.subsuccess{text-align: center;background: #0c3860;color: #fff;display: none;position: absolute;top: -100px;left: 50%;transform: translateX(-50%);padding: 15px 20px;}
.fl{ float:left;}
.fr{ float:right;}