body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font-size:12px;font-family: "Microsoft YaHei"!important; font-size: 100%;color:#333; -webkit-text-size-adjust: none; }
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; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ 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:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:""; clear:both; height:0; display:block; visibility:hidden; }
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1340px; margin: 0 auto }
.head{ position: absolute; left: 0; top: 50px; height:84px;transition: all 0.5s ease 0s; /*  border-bottom: 1px solid rgba(255,255,255,0.2); */ width: 100%; z-index: 999;   }
.head.fixed{ position: fixed; background:rgba(0,0,0,0.3); transition: all 0.5s ease 0s; height: 70px; }
.head_inner{ padding:0 9.37vw;  }
h1{ float: left; line-height: 84px; transition: all 0.5s ease 0s;  }
.nav_ul{ float: left; margin-left: 4.83vw; }
.nav_ul li{ float: left; margin-left:1.4vw; }
.nav_ul li a{  transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;position: relative; display: block; height: 84px; line-height: 84px; font-size:16px;  color: #fff; padding: 0 9px; }
.nav_ul li a:after{ position: absolute; left: 0; bottom: 16px; height:2px; transition: all 0.5s ease 0s; background: #ff5317; content: ''; width: 0;  }
.nav_ul li:hover a:after{ width: 100%; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color: #ff5317;  transition: all 0.5s ease 0s;}
.call{ float: right;/* border-left: 1px solid rgba(255,255,255,0.2);  */padding-left: 0vw;}
.call dt{ float: left; line-height: 84px;transition: all 0.5s ease 0s; margin-right: 6px; }
.call dd{ float: left; /* padding-top: 25px; */transition: all 0.5s ease 0s; }
.call_num{ display: block; height:84px; line-height: 84px; overflow: hidden; font-size:22px; color: #ff5317; font-weight: bold;   }
.call_make{ display: block; height:16px; line-height: 16px; overflow: hidden; font-size:14px; color: #fff;  }
.lan{ display: block; float: left;transition: all 0.5s ease 0s; height: 84px; line-height: 84px; margin-left: 3vw; font-weight: bold;  font-size:1.01vw; color: #fff; }
.lan:hover{ color: #ff5317;  transition: all 0.5s ease 0s; }
.head.fixed h1{ line-height: 70px; transition: all 0.5s ease 0s; }
.head.fixed .nav_ul li a{ height: 70px; line-height: 70px; transition: all 0.5s ease 0s; }
.head.fixed .call dt{ line-height: 70px; transition: all 0.5s ease 0s; }
.head.fixed .call dd{ padding-top: 18px;  transition: all 0.5s ease 0s; }

.foot{ background: url(../images/footbj.jpg) center top no-repeat; height:529px; position: relative; background-size: cover!important;  border-top:8px solid #ff6a06;   }
.foot_end{ width: 60px; height: 60px; border-radius: 5px; text-align: center; color: #fff; display: block; position: absolute; z-index: 99; right: 0; top: -60px; line-height: 60px; background: #ff6a06; font-size: 16px; }
.a_banner{background-size: cover!important;}
.footlogo{ height:200px; line-height: 200px; float: left;  }
.footcall{ float: right;height:200px; line-height: 200px;  font-size: 36px; font-weight: bold; color: #fff; }
.footcall img{ margin-right:20px;  }
.foot_inner{ float: left; width:700px;  }
.foot_nav{ width: 16.6%; float: left; }
.foot_em{ display: block; height:46px; margin-bottom: 20px; line-height: 46px; font-size: 18px; color: #fff; font-weight: bold; overflow: hidden; position: relative;  }
.foot_em:after{ position: absolute; left: 0; bottom: 0; width:20px; height: 1px; background: #8c351a; content: '';  }
.foot_nav a{ display: block; font-size: 16px; color: #c2c4c7; transition: all 0.5s ease 0s; height:24px; line-height: 24px; overflow: hidden;  }
.foot_nav a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_div{ float: right; width: 570px; }
.follow{ float: right; padding-top: 68px; }
.follow_tit{ float: left; margin-right:14px; line-height: 90px;  }
.follow_img{ float: left; }
.follow_img img{ width: 90px; height: 90px; overflow: hidden; }
.mode{ float: left; width: 324px; }
.mode_tit{ display: block; position: relative; height:48px; line-height: 44px; font-size:24px; font-weight: bold; color: #fff; overflow: hidden; margin-bottom: 18px;   }
.mode_tit:after{ position: absolute; left: 0; bottom: 0; width:50px; height: 2px; background: #8c351a; content: '';  }
.mode_div dt{ float: left; margin-right:12px; height: 20px; line-height: 20px; overflow: hidden;  }
.mode_div dd{ float: left; width: 290px;  overflow: hidden;}
.dd_tit{ display: block; float: left; height: 20px; line-height: 20px; font-size: 16px; color: #fff; overflow: hidden; }
.dd_inner{display: block; float: left; line-height: 20px; font-size: 16px; color: #fff; width: 238px;  overflow: hidden;}
.mode_div{ margin-bottom: 20px; }
.mode_div:nth-last-child(1) dd{ width: auto; }
.mode_div:nth-last-child(1) dd .dd_inner{ width: auto; }
.foot_bottom{background: url(../images/footbj.png) center top repeat; height: 52px; line-height: 52px; overflow: hidden; text-align:  center; color: #fff; font-size:16px; }
.foot_bottom a{ color: #fff; padding: 0 10px; }
.foot_top{ margin-bottom: 70px; }
.site{ height: 45px; overflow: hidden;  position: absolute; left: 0; width: 100%; bottom: 20px; }
.site_ul{ float: left; }
.site_ul li{ float: left; margin-right:10px;  }
.site_ul li a{ display: block; font-size:20px;background: url(../images/catabj.png) center bottom repeat; color: #fff; height:45px; width: 162px; border-radius: 5px; line-height: 45px; text-align: center;   }
.site_ul li a:hover,.site_ul li a.for{ background: #ff5317; transition: all 0.5s ease 0s; }
.wrap{background:#0040a9 url(../images/bodybj.jpg) center bottom no-repeat; padding-bottom: 130px;  }
.los{ font-size: 14px; color:#fff; height:20px; line-height: 20px; overflow: hidden;  float: right; color: rgba(255,255,255,0.6); padding-top: 28px;  }
.los a{color: rgba(255,255,255,0.6);background: url(../images/los.png) right center no-repeat; padding: 0 10px;transition: all 0.5s ease 0s;}
.los a:hover{ color: #ff5317; transition: all 0.5s ease 0s; }
.los a:nth-last-child(1){ background: none; }
.wrap_box{ border-radius: 5px; background: #fff; padding:60px 44px;  }
.wrap_banner{ height: 659px; position: relative; }
.news_dl{ margin-bottom:30px;  }
.news_dl dt{ float: left; margin-right:44px; width:408px; height: 280px; overflow: hidden;  }
.news_dl dt img{ width:408px; height: 280px; overflow: hidden; }
.news_dl dd{ float: left; width: 704px; }
.news_tit{ display: block; height:88px; line-height: 88px; overflow: hidden; font-size:24px; font-weight: bold;   }
.news_tit:hover{ color: #003ea9; transition: all 0.5s ease 0s; }
.news_zi{ height:90px; line-height: 30px; overflow: hidden; font-size:16px; margin-bottom: 20px;    }
.newstime{ height:40px; line-height: 40px; font-size:16px; color: #96999f; padding-left: 34px; overflow: hidden;background: url(../images/time1.png) left center no-repeat;   }

.news_ul a{ display: block; height:56px;overflow: hidden; background: #fff;  }
.news_title{ display: block; transition: all 0.5s ease 0s;float: left; font-size: 16px; width: 80%; box-sizing: border-box; overflow: hidden; height: 56px; line-height: 56px;background: url(../images/news2.png) 13px center no-repeat; padding-left: 32px; }
.newsbox{ background: #ebf0f8 }
.news_time{ display: block;transition: all 0.5s ease 0s; float: right; padding-right: 20px; box-sizing: border-box; font-size: 14px; width: 15%; color: #a9abad; text-align: right; box-sizing: border-box; overflow: hidden; height: 56px; line-height: 56px;}
.news_ul a:hover .news_title,.news_ul a:hover .news_time{ color: #003ea9; transition: all 0.5s ease 0s; }
.news_ul li:nth-child(even) a{ background: none; }
.release{ padding-bottom: 34px; margin-bottom: 30px; background: url(../images/news_info.png) center bottom no-repeat; text-align: center; }
.release h3{ height:48px; line-height: 48px; overflow: hidden; font-size: 24px;  }
.release .rele_span{ height: 38px; line-height: 38px; color: #888888; font-size: 14px; overflow: hidden; }
.xin_see:after{ background: #1451c0;content:"";display:block; width: 0;transition: all 0.5s ease 0s; height: 34px; border-radius: 20px; z-index: 9; position: absolute; left: 0; top: 0; }
.xin_see:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.xin_see:hover a{ color: #fff;background: url(../images/newssee1.png) 94px center no-repeat; transition: all 0.5s ease 0.2s;  }
.xin_see:hover{transition: all 0.5s ease 0.2s; color: #fff; border: 1px solid #1451c0;background: url(../images/newssee1.png) 94px center no-repeat; }
.retrun{ float: right;transition: all 0.5s ease 0s;background: url(../images/end.png) 106px center no-repeat;  width: 148px; height: 44px; line-height: 44px; border-radius: 5px; margin-bottom:60px;  border: 1px solid #adb3c3; text-indent:40px;   font-size: 14px; color: #888888;  }
.retrun:hover{transition: all 0.5s ease 0s;background: url(../images/aboutsee1.png) 106px center no-repeat; color:  #ff6a06; border: 1px solid  #ff6a06;}
.piece{ padding:50px 0; border-top: 1px solid #e4e7eb; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; color: #888888; font-size: 14px; }
.piece_i{ color: #888888 }
.piece a:hover{ color: #0043a9; transition: all 0.5s ease 0s; }
.pro_ul{ margin:0 0 0 -29px;  }
.pro_ul li{ float: left; width:398px; margin: 0 0 46px 29px; box-shadow: 0 0 10px #cdd1d8; border-radius: 5px;  }
.proimg{ display: block; width: 398px; height:258px; overflow: hidden;  }
.proimg img{ width: 398px;transition: all 1s ease 0s;  height:258px; overflow: hidden; border-radius: 5px; }
.pro_tit{ display: block; transition: all 0.5s ease 0s; height:60px; line-height: 60px;border-radius: 0 0 5px 5px; text-align: center; overflow: hidden; background: #ffffff; font-size: 16px; color: #666666;  }
.pro_ul li:hover .proimg img{ transition: all 1s ease 0s; transform: scale(1.1); }
.pro_ul li:hover .pro_tit{background: #0040a9; color: #fff; transition: all 0.5s ease 0s;}

.pro_jie{background:#0344c3 url(../images/int.jpg) left center no-repeat; margin-bottom: 30px;  height: 52px; line-height: 52px; display: block; color: #fff; font-size: 20px; font-weight: bold; text-indent:10px; border-radius: 5px;  }
.pro_int{ padding-top: 30px;}
.link_ul{ margin:0 0 0 -38px;  }
.link_ul li{ float: left; margin: 0 0 33px 38px; width: 176px; height: 84px; overflow: hidden; border-radius: 10px;}
.link_ul li a{ display: block; }
.link_ul li img{ width: 176px; height: 84px; overflow: hidden; }
.join_dl{ padding:58px 20px 26px; border-bottom: 1px solid #aaaaaa  }
.join_dl dt{ height:44px; line-height: 44px; overflow: hidden; font-size: 22px; margin-bottom: 16px;  }
.join_div{ height: 38px; transition: all 0.5s ease 0s; overflow: hidden;background: url(../images/join2.png) left center no-repeat; padding-left: 30px; margin-bottom: 30px; }
.join_inner{height: 38px; overflow: hidden;background: url(../images/join3.png) right center no-repeat; }
.join_tit{ display: block; height: 38px; line-height: 38px;  font-size:14px; color: #666666; float: left; width: 25%;  }
.join_see{ display: block; transition: all 0.5s ease 0s; width: 114px; height: 38px; line-height: 38px; border-radius: 38px; background: #d3def0; text-align: center; color: #003ea9; font-size: 14px; }
.join_dl:hover .join_div{background: url(../images/join1.png) left center no-repeat; transition: all 0.5s ease 0s; }
.join_dl:hover .join_see{ background: #ff5317; color: #fff; transition: all 0.5s ease 0s; }

.flexslider {position: relative;width: 100%;height:auto; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: auto;}
.slides li { position:relative; width:100%; height:auto; float: left; }
.slides {width:100%; height:auto;}
.flex-control-nav {display: none; }
.flex-direction-nav{ display: block;  }
.flex-prev{ font-size: 0; z-index: 999;  position: absolute; right: 10px; top: 50%; margin-top: -30px; display: block; width:30px;background: url(../images/banner_right.png) center center no-repeat; height: 60px;  }
.flex-next{ font-size: 0; z-index: 999;   position: absolute; left: 10px; top: 50%; margin-top: -30px; display: block; width:30px;background: url(../images/bannerleft.png) center center no-repeat; height: 60px;   }

.us{background: url(../images/indexbj1.jpg) center top no-repeat; height: 937px;  }
.into{background: url(../images/bj1.png) center top repeat; width: 590px; height:710px; border-radius: 10px; float: left; margin-top: 112px; padding: 0 40px; box-sizing: border-box;  }
.into_en{ display: block; font-size: 40px; color: #fff; height:136px; line-height: 136px; overflow: hidden; text-transform: uppercase; position: relative;  }
.into_en:after{ content: ''; position: absolute; left: 0; bottom: 0; width:90px; height: 4px; background: #fb6c04  }
.into_cn{ display: block; height: 118px; line-height: 118px; overflow: hidden; color: #fff; font-size:44px; }
.into_word{ font-size: 18px; color: #fff; height:84px; overflow: hidden; line-height: 28px; margin-bottom: 36px;  }
.into_ul li{ float: left; margin-right:30px;  }
.into_img{ display: block; width:58px; height: 58px;border: 1px solid rgba(255,255,255,0.2);  line-height: 58px; text-align: center; border-radius: 5px;  }
.into_img img{transition: all 0.5s ease 0s; }
.into_tit{ display: block;  font-size: 18px; color: #fff; height:46px; line-height: 46px; overflow: hidden;  }
.into_ul{ padding-bottom: 34px; border-bottom: 1px solid #5586de; margin-bottom: 10px; }
.aboutsee{ display: block; width:160px; height: 44px; line-height: 44px; border-radius: 5px; text-indent: 34px; background: #ff6a06 url(../images/aboutsee.png) 118px center no-repeat; color: #fff; font-size: 18px;  }
.bopp{ float: right; width:640px; margin-right:70px; padding-top: 230px;  }
.boppimg{  text-align: center; margin-bottom: 32px;  }
.bopp_word{ font-size: 16px; text-align: center; height:84px; line-height: 28px; overflow: hidden; color: #fff;  }
.boppimg img{ width: 262px; height: 262px; overflow: hidden; border-radius: 262px; }
.into_ul li:hover .into_img img{ transition: all 0.5s ease 0s; transform: translateY(-5px); }




.aboutsee{ position: relative; overflow: hidden; z-index: 1; transition: all 0.5s ease 0s; }
.aboutsee::before,
.aboutsee::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.aboutsee::before {
	background: #f4be9a;
}
.aboutsee::after {
	background: #fff  url(../images/aboutsee1.png) 118px center no-repeat;
}
.aboutsee:hover {
	color: #ff6a06;
}
.aboutsee:hover::before,
.aboutsee:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.aboutsee:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}










.ject{background: url(../images/indexbj2.jpg) center top no-repeat; height: 940px;}
.cpp_tit{ font-size: 30px; font-weight: bold; height:46px; line-height: 46px; text-align: center; overflow: hidden; color: #fff; margin-bottom: 10px;  }
.cpp_img { overflow: hidden; width: 640px; height:363px;  }

.cpp_img img{ width: auto; height: auto; max-width: 100%; transition: all 1s ease 0s; }
.tech{background: url(../images/indexbj3.jpg) center top no-repeat; height: 940px;  }
.cpptit{ font-size: 30px; font-weight: bold; color: #fff; height:68px; line-height: 68px; text-align: center;  }
.tech .boppimg img{ width: auto; height: auto; max-width: 100% }
.tech .boppimg { margin: 0 }
.cpp_img:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.jour{background: url(../images/indexbj4.jpg) center top no-repeat; height: 950px;    }
.seek{ padding: 100px 0 50px 0; }
.seek_left{ float: left; }
.seek_en{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size:20px; color: #666666; text-transform: uppercase;   }
.seek_en img{ margin-right:10px;  }
.seek_cn{ display:block; height:60px; line-height: 60px; font-size:42px; color: #1e2749; overflow: hidden;  }
.seek_right{ float: right; }
.seek_ul{ padding-top: 60px; }
.seek_ul li{ float: left; }
.seek_ul li a{ display: block; height: 24px;background: url(../images/jour5.png) right center no-repeat; line-height: 24px; font-size: 18px; color: #1e2749; padding: 0 22px; }
.seek_ul li:nth-last-child(1) a{ background: none; padding-right: 0; }
.seek_ul li.on a{ color: #ff6a06 }
.adv_left{ float: left; width: 700px; height: 490px; overflow: hidden;  }
.advimg{position: relative;}
.adv_img{width: 700px; height: 490px; overflow: hidden; display: block;}
.adv_img img{width: 700px; height: 490px; overflow: hidden;transition: all 1s ease 0s;}
.advimg:hover .adv_img img{ transform: scale(1.1); transition: all 1s ease 0s; }
.adv_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: url(../images/jourbj.png) center bottom no-repeat; }
.pack{ position: absolute; left: 0; bottom: 20px; padding:0 40px; box-sizing: border-box; width: 100%;  }
.pack_tiem{ display: block; font-size: 16px; color: #fff; height:38px; line-height: 38px; background: url(../images/jour3.png) left center no-repeat; padding-left: 26px; }
.pack_tit{ display: block; height:46px; line-height: 46px; overflow: hidden; color: #fff; font-weight: bold; font-size:24px;   }
.pack_see{ display: block; height:30px; line-height: 30px; font-size: 14px; color: #fff; width: 80px;background: url(../images/jour2.png) right center no-repeat;   }
.adv_right{ float: right; width:610px;  }

.adv_dl{ margin-bottom:20px;  }
.adv_dl dt{ float: left; width: 180px;height: 150px; overflow: hidden;  }
.adv_dl dt img{width: 180px;height: 150px; overflow: hidden;transition: all 1s ease 0s;}
.adv_dl dt:hover img{ transform: scale(1.1); transition: all 1s ease 0s;}
.adv_dl dd{ float: left; width:430px; background: #fff; padding:0 20px;  box-sizing: border-box;height: 150px;  }
.up_time{ display: block; height:44px; line-height: 44px; overflow: hidden;background: url(../images/jour4.png) left center no-repeat; font-size:16px; color: #697182; padding-left:24px;    }
.up_tit{ display: block; height: 42px; line-height: 42px; overflow: hidden; font-size:16px; font-weight: bold;  }
.up_div{ height:48px; line-height: 24px; overflow: hidden; font-size:14px; color: #9d9d9d;   }
.newssee{ font-size: 16px; display: block; margin: 60px auto 0; transition: all 0.5s ease 0s; width: 198px; height: 52px; line-height: 52px;background: url(../images/jour6.png) 137px center no-repeat;  border: 1px solid #b4b9c5; border-radius: 5px; text-indent: 52px; }
.newssee:hover{ color: #ff5317; transition: all 0.5s ease 0s; border: 1px solid #ff5317;background: url(../images/aboutsee1.png) 137px center no-repeat;   }
.coop{background: url(../images/indexbj5.jpg) center top no-repeat; height: 405px;    position: relative;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    background-attachment: fixed; }
.coop .seek_en,.coop .seek_cn{ color: #fff; }
.coop_div{ height:90px; position: relative;  }
.coop_scroll{ position: absolute; left: 0; height: 88px; width: 1340px; overflow: hidden; overflow: hidden; }
.coop_ul{ width: 10000px; }
.coop_ul li{ float: left; width:176px; height: 84px; overflow: hidden; border-radius: 5px; margin-right: 18px;  }
.coop_ul li img{width:176px; height: 84px; overflow: hidden; }
.coopsee{ position: absolute; right: 60px; top:-88px;background: url(../images/coop.png) left top no-repeat; display: block;  }
.coop_left{ background-position: 0 0; width:60px; height: 60px; transition: all 0.5s ease 0s;  }
.coop_right{background-position: -70px 0; width:60px; height: 60px; transition: all 0.5s ease 0s;right: 0; top:-88px;}
.coop_left:hover{background-position: 0 -63px; transition: all 0.5s ease 0s;}
.coop_right:hover{background-position: -68px -63px; transition: all 0.5s ease 0s;}

.adv{ display: none; }


 .swiper-container {
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }

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

	  overflow:hidden;
    }
	
	.slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  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;
	  color:#fff;
	}

	.slide-inner img{ width: 100%; height: 100%; }

.swiper-button-next{ font-size: 0!important;  position: absolute!important; right: 182px!important; top: 50%!important; margin-top: -60px!important; display: block!important; width:60px!important;background: url(../images/banner_right.png) center center no-repeat!important; height: 120px!important;  }
.swiper-button-prev{ font-size: 0!important;  position: absolute!important; left: 182px!important; top: 50%!important; margin-top: -60px!important; display: block!important; width:60px!important;background: url(../images/bannerleft.png) center center no-repeat!important; height: 120px!important;   }
.swiper-button-prev:after,.swiper-button-next:after{ display: none!important; }


.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);
    display: none;
}

.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: 66px;
    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: #ff6a06
    }

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


    .flexslider{ display: none; }