body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{ width: 1200px; margin: 0 auto; }

/* head */
.head{ position: absolute; left: 0; top: 0; width: 100%; z-index: 9999 }
h1{ float: left; line-height: 105px; }
.head_right{ float: right; padding-top: 18px; }
.call{ float: right; background: url(../images/call.png) left center no-repeat; padding-left: 20px; color: #ea0000; font-size:16px; height: 26px; line-height: 26px;  }
.call_i{ font-size: 18px; font-weight: bold; }
.nav_ul{ float: left; }
.nav_ul li{ float: left; margin-left:22px; }
.nav_ul li a{ display: block; font-size: 16px; padding: 0 10px; color:#fff; height: 46px; line-height: 46px; position: relative; }
.lan{ float: right; height: 46px; margin-left: 30px; line-height: 46px; color: #fff; text-transform: uppercase; font-size: 14px; padding-left:32px;background: url(../images/head.png) left center no-repeat;  }
.nav_ul li a:after{ position: absolute; left: 0;  bottom: 0; width: 0; height: 2px; background: #e4000b; transition: all 0.5s ease 0s; content: '' }
.nav_ul li a:hover:after{ width: 100%; transition: all 0.5s ease 0s;}

/* foot */
.leave{background: url(../images/footbj.jpg) center top no-repeat; height: 385px;}
.leave_left{ float: left; width:550px; padding-top: 132px; }
.leave_cn{ display: block; height:50px; line-height: 50px; overflow: hidden; color: #fff; font-size:36px;   }
.leave_en{ display: block; height:56px; line-height: 56px; overflow: hidden; color: #fff; font-size:60px; text-transform: uppercase; font-family: 'Arial'   }
.leave_right{ float: right; width:630px; padding-top: 74px;  }
.leave_div{ margin-bottom:18px; height: 57px; overflow: hidden;  }
.leave_txt{ border: none; float: left; background: #ffffff; height: 57px; line-height: 57px; padding:0 20px; box-sizing: border-box; font-size: 16px; color: #c6c6c6; border-radius: 5px;  }
.leave_call{ width:381px;  }
.leave_area{ background:#fff; margin-bottom:18px; border: none; padding: 10px 20px 0; box-sizing: border-box;font-size: 16px; color: #c6c6c6; border-radius: 5px; height: 88px; line-height: 24px; width: 100% }
.leave_name{ margin-right: 10px; }
.leave_sub{ color: #fff; transition: all 0.5s ease 0s; background: #ffa200; border: 1px solid #ffa200; border-radius: 5px; font-size: 20px; text-align: center; height:55px; line-height: 55px; width: 228px; float: right;  }
.code{ float: left; height: 57px; line-height: 57px; display: block; }
.leave_sub:hover{ background: none; color: #ffa200; transition: all 0.5s ease 0s; }
.foot_inner{ background: #2b1011 }

.foot_nav{ float: left; width: 760px; }
.foot_em{ display: block; font-size: 16px; height:36px; line-height: 36px; overflow: hidden; color: #fff; margin-bottom: 20px;  }
.foot_nav a{ display: block; height:30px; line-height: 30px; overflow: hidden; transition: all 0.5s ease 0s;font-size: 14px; color: #fff;  }
.foot_nav a:hover,.add a:hover{ color: #e2000a; transition: all 0.5s ease 0s; }
.foot_inner{ padding: 50px 0; }
.foot_nav li{ float: left; width:16.6%;  }
.add_i{display: block; height:30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #fff;}
.what{ float: right; width:100px; padding-top: 62px;  }
.what_img{ width: 100px; height: 100px; overflow: hidden; }
.what_img img{width: 100px; height: 100px; overflow: hidden; }
.what_tit{ display: block; color:#fff; height: 40px; line-height: 40px; text-align: center; }
.foot_add{ float: left; }
.add{ text-align: center; height:64px; line-height: 64px; color: #fff; font-size: 14px; background: #080303  }
.add a{ margin-left:10px; color: #fff; transition: all 0.5s ease 0s;  }


.site{ text-align: right; font-size: 14px; color: #a5a5a5; height: 94px; line-height: 94px;  }
.site a{  color: #a5a5a5; transition: all 0.5s ease 0s; }
/*.site_i{background: url(../images/site.png) left top no-repeat; padding-left: 34px; display: inline-block;}*/
.site a:hover{ color: #e2000a; transition: all 0.5s ease 0s; }
.catalog{  margin-bottom: 40px;  overflow: hidden; }
.catalog li{ float: left; margin:0 14px 16px 0;  }
.catalog li a{ display: block; width:196px; height: 48px; line-height: 48px; background: #e6e6e8; transition: all 0.5s ease 0s; border-radius: 5px; text-align: center; font-size: 18px; color: #666666;  }
.catalog li a:hover,.catalog li a.on{ color: #fff; background: #e2000a; transition: all 0.5s ease 0s; }

.us{ padding:60px 0 110px 0; }
.exp_ul li{ width:25%; text-align:center; float:left; position:relative; height: 100px; }
.us_tit{ font-size: 18px; height:46px; line-height: 46px; overflow: hidden; text-align: center; color: #666666  }
.counter{ color: #e2000a; font-size:60px; height: 66px; line-height: 66px; margin-right: 6px; display: inline-block; }
.us_m{ font-size: 14px; color: #666666;display: inline-block; }
.us_m .sup{ font-size: 14px; color: #666666;  }
.news_dl{ margin-bottom:44px; box-shadow: 0 0 10px #ededed; padding: 14px;  }
.news_dl dt{ float: left; width:348px; height: 216px; overflow: hidden; margin-right: 40px;  }
.news_dl dt img{width:348px; height: 216px; overflow: hidden;transition: all 1s ease 0s; }
.news_dl dd{ float: left; width:780px;  }
.news_tit{ font-size: 24px; transition: all 0.5s ease 0s; font-weight: bold; display: block; height:76px; line-height: 76px; overflow: hidden;  }
.news_zi{ height: 72px; line-height: 24px; font-size:14px; color: #666666; overflow: hidden;  }
.news_time{ display: block; height: 67px; line-height: 67px; overflow: hidden; padding-left:34px; color: #e2000a; font-size: 16px; background: url(../images/news.png) left center no-repeat; }
.news{ padding-bottom: 50px; }
.news_dl:hover  dt img{ transition: all 1s ease 0s; transform: scale(1.1); }
.news_dl:hover .news_tit{ transition: all 0.5s ease 0s; color: #e2000a; }
.release{ padding-bottom: 16px; margin-bottom: 30px;  border-bottom: 1px solid #dbdbdb; text-align: center; }
.release h3{ height:64px; line-height: 64px; overflow: hidden; font-size: 24px; font-weight: bold;  }
.release .rele_span{ height: 50px; line-height: 50px; color: #666666; font-size: 14px; overflow: hidden; }
.retrun{ float: right; border: 1px solid #e2000a; transition: all 0.5s ease 0s;  font-size: 14px; color: #fff; margin-bottom: 60px; width: 128px; height: 36px; line-height: 36px;  border-radius: 5px; text-indent: 30px; background: #e2000a  url(../images/end.png) 95px center no-repeat }
.piece{ padding:30px 0; border-top: 1px solid #dbdbdb; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; font-size: 16px; }
.piece a:hover{ color: #e2000a; transition: all 0.5s ease 0s; }
.retrun:hover{ color: #e2000a; transition: all 0.5s ease 0s;background:url(../images/end1.png) 95px center no-repeat }

.pro_ul{ margin:0 0 0 -30px;  }
.pro_ul li{ float: left; margin: 0 0 34px 30px; width:380px; height: 326px; overflow: hidden; position: relative;  }
.pro_img{ display: block;width:380px; height: 326px; overflow: hidden;  }
.pro_img img{width:380px; height: 326px; overflow: hidden; transition: all 1s ease 0s;}
.black{ position: absolute; left: 0; transition: all 0.5s ease 0s;  top: -100%; width: 100%; height: 100%;background:url(../images/probj.png) left center repeat }
.red{position: absolute; left: 0; transition: all 0.5s ease 0s;  top: 100%;width: 100%; height: 58px; line-height: 58px; text-align: center; color: #fff; font-size: 24px; background:url(../images/probj1.png) left center repeat}
.pro{ padding-bottom: 60px; }
.pro_ul li:hover .red{ margin-top: -29px; top: 50%; transition: all 0.5s ease 0s; }
.pro_ul li:hover .black{ transition: all 0.5s ease 0s; top: 0;}
.pro_ul li:hover .pro_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.pro_info{ padding:0 0 60px 0;  }

.join{ padding-bottom: 50px; }
.recu{ padding:0;}
.recu ul{ cursor:pointer;background: #f7f7f7;  transition: all 0.5s ease 0s;height: 60px;line-height: 60px; margin-bottom: 20px;}
.pos dd { padding:0 ;}
.pos dd li{padding-right: 70px;margin: 0; padding-left: 17px; font-size: 14px; display: inline-block; text-align:center; color:#666666;  }
.Requirement{  display:none; padding: 0 21px; margin-bottom: 40px; }
.join_h3{ font-size:22px; height:82px;background: url(../images/join2.jpg) left center no-repeat;  line-height: 82px;  overflow: hidden; padding-left:20px;  }
.join_em{ color: #666666; height: 30px; line-height: 30px; display: block; margin-top: 30px; }

.join_see{ width: 148px; height: 38px; line-height: 38px; transition: all 0.5s ease 0s; border: 1px solid #14375f; background: #14375f; color: #fff; border-radius: 38px; text-align: center; display: block; margin: 20px auto 0; font-size: 12px; }
.join_see:hover{ background: none; color: #14375f; transition: all 0.5s ease 0s; padding: 0 10px;  }
.rement{ border: 1px solid #d2d2d2; background: #fff; }
.rement_left{ float: left; width:585px;height: 434px;line-height: 30px; font-size: 14px; color: #666666;   padding: 0 56px 0 46px; box-sizing: border-box; }
.rement_right{ float: left; width:571px; height:436px; background: url(../images/join.jpg) left top no-repeat;  background-size: cover;   }
.rement_inner{ background: #fff; margin-top:60px;  height: 307px; line-height: 30px; font-size: 12px; color: #666666;  box-shadow:-12px 0 20px -5px #dbdbdb; padding: 30px 40px 0 46px; box-sizing:border-box;}
.rement_h3{ font-size: 18px; height: 92px; line-height: 92px; font-weight: bold; color: #333; }
.recu ul.act{ padding: 20px 0; transition: all 0.5s ease 0s; box-shadow: 0 0 5px #ebebeb; background:#fff url(../images/join1.jpg) 32px center no-repeat; padding-left: 157px; }
.joinem{ font-size: 14px; font-weight: bold; }
.rement_he{overflow-y:auto; height: 250px;}
.mess{ padding: 0 0 0 300px; }
.mess_tit{ font-size: 18px;  height: 70px; line-height: 70px; margin-bottom: 30px; }
.mess_txt{ margin-bottom:28px; width: 602px; height: 50px; line-height: 50px; padding: 0 30px; box-sizing: border-box; border: none; background: #eff1f3; border-radius: 50px; font-size: 18px; color: #a7a7a7  }
.mess_area{margin-bottom:28px; width: 602px; height: 152px; line-height: 24px; padding: 10px 30px; box-sizing: border-box; border: none; resize: none; background: #eff1f3; border-radius: 10px; font-size: 18px; color: #a7a7a7  }
.mess_div{width: 602px; height: 50px;background: #eff1f3; border-radius: 50px;margin-bottom:28px; }
.mess_code{ width:480px; float: left; margin-right:16px;   }
.mess_img{ float: left; line-height: 50px; }
.mess_sub{margin-bottom:120px; width: 602px; height: 50px; text-align: center;  transition: all 0.5s ease 0s;line-height: 50px;  box-sizing: border-box; background: #e2000a; border: 1px solid #e2000a; border-radius: 50px; font-size: 18px; color: #fff  }
.mess_sub:hover{ background: none; color: #e2000a; transition: all 0.5s ease 0s; }
.look_ul{ margin:0 0 100px 0;  }
.look_ul li{ width: 25%; float: left; height:118px; overflow: hidden; line-height: 118px; border: 1px solid  #cfcfcf; border-left: none; border-top: none; box-sizing: border-box;  }
.look_ul li img{height: 118px; overflow: hidden; width: 100%;transition: all 0.5s ease 0s;}          
.look_ul li:hover img {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg); transition: all 0.5s ease 0s;}    
            
.swiper-pagination{ display: none!important; }



.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


.deve{background: url(../images/devebj.jpg) left top no-repeat; padding-top: 82px; margin-bottom: 100px;}
.deve_year{ display: block;  transition: all 0.5s ease 0s;font-size: 18px; width: 100%; margin-bottom: 20px; font-weight: bold; height: 115px; line-height:55px;background: url(../images/deve2.png) center bottom no-repeat;  }

.deve_div{ line-height: 34px; font-size: 16px; width: 100%; text-align: left; }
.swiper-button-prev{background: url(../images/deve1.jpg) left top no-repeat!important; width: 40px!important; height: 40px!important; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none!important; }
.swiper-button-next{background: url(../images/deve2.jpg) left top no-repeat!important; width: 40px!important; height: 40px!important; }
.swiper-slide{ background: none!important; }
.swiper-button-next, .swiper-button-prev{ top: 64px!important; }
.deve_box:hover .deve_year,.swiper-slide-active .deve_box .deve_year{background: url(../images/deve1.png) center bottom no-repeat; font-size: 24px; color: #e2000a; transition: all 0.5s ease 0s; }

.indexflexslider {position: relative;width: 100%;/* height:100% */;overflow: hidden; text-align: center; clear: both;}
.indexflexslider .slides li .banner_img{ width: 100%; /* height:100% */;    transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.indexflexslider .slides li { position:relative; width:100%; /* height:100% */; float: left; }
.indexflexslider .slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards; }
.indexflexslider .slides {width:100%; /* height:100% */;}
.indexflexslider .flex-control-nav {display: none; }
.indexflexslider  .flex-direction-nav,.flex-prev{ display: block; }
 .flex-prev{ position: absolute; left: 50px; top: 50%; display: block; font-size: 0; background: url(../images/banner_left.png) center center no-repeat; width: 54px; height: 54px; margin-top: -27px; z-index: 99; }
.flex-next{ position: absolute; right: 50px; top: 50%; display: block; font-size: 0; background: url(../images/banner_right.png) center center no-repeat; width: 54px; height: 54px; margin-top: -27px; z-index: 99; }
 
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* @-webkit-keyframes scale-bg{
    from{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes scale-bg{
    from{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
} */

.main{height: 100%; position: relative; z-index: 1;}


.cd-color-2{background: url(../images/indexbj1.jpg) center top no-repeat; height: 900px;}


.index_tit{ text-align: center; margin-bottom: 30px; }
.index_en{ font-size: 18px; color: #fff; font-style:italic; font-size: 'Arial'; height: 26px; line-height: 26px;text-transform: uppercase; }
.index_cn{ display: block; font-size: 36px; font-weight: bold; color: #fff; height:48px; line-height: 48px;   }
.comp{ font-size: 16px; color: #fff; height: 84px; overflow: hidden; line-height:28px; text-align: center;  margin-bottom: 38px; }
.comp_see{ display: block; transition: all 0.5s ease 0s; border: 1px solid #ea000a; font-size: 14px; color: #fff; font-size: 'Arial'; width: 136px;height: 40px; line-height: 40px; background: #ea000a; text-align: center; border-radius: 5px; margin: 0 auto 88px; }
.comp_see:hover{ background: none; color: #ea000a; transition: all 0.5s ease 0s; }
.cd-color-2 .exp_ul li{ width: 25%; float: left;background: url(../images/comline.png) right center no-repeat; }
.cd-color-2 .exp_ul li:nth-last-child(1){ background: none; }
.comp_div{ width: 229px; height: 160px; margin: 0 auto;  position: relative; }
.cd-color-2 .counter{ text-align: center; height: 90px; line-height: 90px; position: relative; z-index: 99; font-size: 66px; font-weight: bold; color: #fff; }
.comp_tit{ display: block; text-align: center; font-size: 18px; color:#fff; height:44px; line-height: 44px; position: relative; z-index: 99; overflow: hidden; text-align: center;  }
.comp_div:after{ width: 0; height: 0;  content: ''; transition: all 0.5s ease 0s; position: absolute; left: 50%; top: 50%;background: url(../images/comimg1.jpg) right center no-repeat; }
.cd-color-2 .exp_ul li:hover .comp_div:after{ width: 229px;margin: -80px 0 0 -114.5px; height: 160px; transition: all 0.5s ease 0s; }
.cd-color-2 .us_m{ color: #fff;  position: relative; z-index: 999 }
.indexbox{position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}

.cd-color-3{ background: #f1f2f4; }
.powder_ul{ margin-bottom: 44px; }
.powder_ul li{ float: left; width: 25%; text-align: center; }
.powder_img{ display: block;transition: all 0.5s ease 0s; height: 398px; text-align: center; }
.powder_tit{ display: block; font-size:24px; height:76px; line-height: 76px; overflow: hidden;   }
.powder_ul li:hover .powder_img{ transform: translateY(-20px); transition: all 0.5s ease 0s; }
.cd-color-3 .index_cn,.cd-color-3 .index_en,.cd-color-4 .index_cn,.cd-color-4 .index_en,.cd-color-6 .index_cn,.cd-color-6 .index_en{ color: #222222 }
.raw_ul{ text-align: center; margin-bottom: 90px; }
.raw_ul li{ display: inline-block; margin: 5px 10px; }
.raw_ul li a{ display: block; height: 46px; line-height: 46px; border-radius: 5px; transition: all 0.5s ease 0s;  width: 200px; text-align:center; color: #666666; background: #d6d6d9; font-size: 18px;}
.raw_ul li.on a{ background: #e2000a; color: #fff; transition: all 0.5s ease 0s; }
.industry_ul li{ float: left; width: 20%; box-sizing: border-box; overflow: hidden; position: relative; }
.ind_img{ width: 100%; text-align: center; display: block;}
.ind_img img{ width: 100%; height: auto; overflow: hidden; transition: all 1s ease 0s; }
.ind_blank{ position: absolute; left: 0; bottom: -100%; transition: all 0.5s ease 0s; width: 100%; height: 100%;background: url(../images/probj.png) right center repeat; }
.ind_red{position: absolute; left: 0; top: -50%; margin-top: -24px; width: 100%; line-height: 58px; text-align: center; font-size: 24px; color: #fff; height: 58px;background: url(../images/probj1.png) right center repeat;}
.industry_ul li:hover .ind_blank{ bottom: 0; transition: all 0.5s ease 0s; }
.industry_ul li:hover .ind_red{ top: 50%; transition: all 0.5s ease 0s; }
.industry_ul li:hover .ind_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.industry_ul{ display: none; }
.cd-color-4{background: url(../images/indexbj2.jpg) center top no-repeat; height: 540px; border-bottom: 4px solid #cd1628;}
.cd-color-4 .index_tit{ padding-top: 88px; }
.core{ text-align: center; }
.core_one{ font-size: 14px; height:36px; line-height: 36px; overflow: hidden; display: block; color: #787878  }
.core_two{ display: block; height:40px; line-height: 40px; overflow: hidden; font-size: 16px; color: #585858  }
.core_three{ display: block; height:46px; line-height: 46px; font-size: 18px; overflow: hidden; color: #222222; margin-bottom: 30px;  }
.core_ul li{background: url(../images/core6.png) right 100px no-repeat; float: left; padding-right: 80px; width:20%; box-sizing: border-box; }
.core_ul li:nth-last-child(1){ background: none }
.core_tit{ display: block; font-size: 16px; font-weight: bold; height:48px; line-height: 24px; overflow: hidden; text-align: center; color: #222222;  }
.core_img{ margin-bottom: 30px; display: block; text-align: center; padding-top: 48px; height: 162px; box-sizing: border-box; }
.core_ul li:nth-last-child(1) .core_img{ padding: 0; }
.cd-color-5{background: url(../images/indexbj3.jpg) center top no-repeat; height: 888px;}
.scope_tit{ font-size: 16px; color: #fff; text-align: center; height:34px; line-height: 34px; overflow: hidden; display: block; margin-bottom: 68px;  }
.scope{background: url(../images/scope1.png) center top no-repeat; height: 577px; position: relative;}
.scope_title{ position: absolute; left: 208px; top: -20px; }
.scope_cn{ font-size: 24px; color:#fff; display: block; height: 36px; line-height: 36px; text-indent: 80px; }
.scope_en{ display: block; height:24px; line-height: 24px; font-size: 16px; color: #fff; text-transform: uppercase; text-indent: 80px;  }
.scope_img{background: url(../images/scope2.png) center top no-repeat; width: 95px; height: 121px; display: block;}
.nanmeizhou{left: 308px; top: 170px;}
.feizhou{left: 535px; top: 70px;}
.ouzhou{right: 292px; top: -50px; left: inherit;}
.yazhou{right: 230px; top: 18px; left: inherit;}
.dayangzhou{right: 70px; top: 235px; left: inherit;}
.cd-color-6{background: url(../images/indexbj4.jpg) center top no-repeat; height: 737px; padding-top: 84px; box-sizing: border-box;}
.cd-color-6 .index_tit{ margin-bottom: 50px; }
.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  background-attachment: fixed;
}
.cd-scrolling-bg {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  z-index: 2;
}

.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.active {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.active .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.active .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #ea000a
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }

.logoanv { float: left; }

.scope_phone{ display: none; }
/* 
video{    object-fit: fill!important;
    background: none!important;} */

video{ width: 100%; height: auto; }

.cd-color-1{ min-height: auto; }