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: 1340px; margin: 0 auto; }
.head{ padding: 0 160px 0 0; position: relative; }
.head_inner{ background: url(../images/head1.png) left top no-repeat; z-index: 999; position: absolute; left: 0; top: 0; height: 102px; float: left; width: 740px; }
h1{ padding-left:258px;  line-height: 102px;float: left; }
.nav_ul{ float: left; margin: 0 20px 0 118px;}
.nav_ul li{ float: left; margin-left: 20px; position: relative;  }
.nav_ul li a{ display: block; font-size: 16px; height: 78px; line-height: 78px; padding: 0 6px; position: relative; transition: all 0.5s ease 0s;}
.nav_ul li a:hover,.nav_ul li.cur a{ color: #cc020e; transition: all 0.5s ease 0s; }
.nav_ul li a:after{ width: 0; height:3px; transition: all 0.3s ease 0s; background: #cc020e; position: absolute; left: 0; bottom: 12px; content: ''; display: block; }
.nav_ul li a:hover:after,.nav_ul li.cur a:after{ width: 100%; transition: all 0.3s ease 0s; }

.subnav{ position: absolute; left: -150px; top: 78px; display: none; width: 100%; box-sizing: border-box; z-index: 999;}
.subnav_inner{background: url(../images/navbj1.png) left top repeat; width: 100%}
.nav_ul li .subnav a{ float: left; color: #fff; font-size: 14px; background: url(../images/line1.jpg) right center no-repeat; padding: 0 20px; line-height: 56px; width: auto; height: 56px;}
.nnav_ulav li .subnav a:hover{ color: #115097; background: none; padding: 0;  }
.cur .subnav{ display: block;}
.nav_ul li a.cur{}
.nav_ul li .subnav a:after{ width: 0; height: 0 }
.nav_ul li .subnav a:nth-last-child(1){ background: none; }
.subnav_box{padding: 0 0 0 90px; background: url(../images/navbj.png) left top no-repeat; width: 100%;  box-sizing: border-box;}
.lan{ background: url(../images/line.jpg) left center no-repeat; height: 78px; float: left;}
.lan a{ display: block;transition: all 0.5s ease 0s; height: 78px; padding-left: 28px; line-height: 78px; font-size: 14px; color: #7e7e7e;}
.head_div{ float: right; }
.lan a:hover{ color: #cc020e; transition: all 0.5s ease 0s; }
.lan a img{ margin-right:10px;transition: all 0.5s ease 0s;  }
.lan a:hover img{ transform: rotate(360deg);transition: all 0.5s ease 0s; }
.foot_top{ background: #333333; padding: 42px 0 46px 0; }
.address{ float: left; width:290px;  }
.address li{ font-size: 14px; height:30px; line-height: 30px; overflow: hidden; color: #b8b8b8  }
.column{ float: left; width: 670px; margin: 0 112px; }
.foot_nav{ float: left; width: 20%; padding-right: 5px; box-sizing: border-box; }
.foot_em{ display: block; height: 28px; line-height: 28px; font-size: 16px; overflow: hidden;color: #b8b8b8; margin-bottom: 10px; }
.foot_nav a{ display: block;transition: all 0.5s ease 0s; height: 28px; line-height: 28px; font-size: 14px; color: #979797 }
.what{ float: left; width:100px; padding-top: 15px;  }
.what_img img{ width: 100px; height: 100px; overflow: hidden; }
.what_tit{ height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #c0c0c0 }
.foot_bottom{ text-align: center; height:60px; line-height: 60px; overflow: hidden; font-size: 14px; color: #d3d3d3; background: #252324;  }
.foot_bottom a{ color: #d3d3d3;transition: all 0.5s ease 0s; margin-left: 10px;}
.foot_img{ margin: -4px 0 0 0; }
.foot_bottom a:hover,.foot_nav a:hover{ color: #fff; transition: all 0.5s ease 0s; }

.brief{ width: 50%;background: url(../images/indexbj1.jpg) left top no-repeat; height: 701px; float: left; }
.brief_inner{ float: right; width: 676px; margin-right: 98px;  padding-top: 138px; }
.brief_tit{ display: block; margin-bottom: 38px; font-size: 36px; font-weight: bold; height:54px; line-height: 54px; overflow: hidden;background: url(../images/index1.png) left center no-repeat; padding-left: 40px;    }
.brief_div{ padding: 0 0 0 40px; font-size:16px; line-height:30px; overflow: hidden; height:210px; margin-bottom: 52px;    }
.brief_see{ display: block; background: #cc020e; font-size: 18px;transition: all 0.5s ease 0s; color: #fff; margin-left: 40px; width:216px; height: 60px; line-height: 60px; text-align: center; border-radius: 60px;  }
.brief_see:hover{ padding: 0 10px; transition: all 0.5s ease 0s; }
.found{ float: right; width: 50%; height: 701px; padding-right: 286px; box-sizing: border-box; }
.found_inner{ padding:101px 0 0 0px; width: 558px; box-sizing: border-box; position: relative; float: right; }
.found_dl dt{ float: left; width: 231px; height: 231px; overflow: hidden; margin-right: 40px; }
.found_dl dt img{width: 231px; height: 231px; overflow: hidden;}
.found_dl dd{ float: left; width:280px; padding-top: 46px;  }
.found_num{ display: block; height:70px; line-height: 70px; font-size: 60px; font-weight: bold; color: #041839  }
.found_tit{ display: block; height:30px; line-height: 30px; overflow: hidden; font-size:16px; color: #979ba3;   }
.found_dl:nth-child(1){ margin-bottom: 116px; }
.establish{ position: absolute; left: 159px; top:272px;  width: 231px; height: 231px; background: #cc020e;  }
.est_tit{ display: block; font-size:18px; color: #e9b0b2; padding: 28px 0 0 20px; height:40px; line-height: 40px;   }
.est_div{ height: 72px; line-height: 72px; color: #fff; padding-left: 20px; display: block; font-weight: bold; font-size: 60px }
.est_div sub{ font-size: 18px; font-weight: normal; margin: -10px 0 0 -10px;}
.est_en{ display: block; height: 88px; font-weight: bold; font-size: 64px; line-height: 88px; text-transform: uppercase; overflow: hidden; padding-left: 20px; color: #d1333a; }
.found_dl:nth-child(2){ position: relative; z-index: 999; }

.info{ background: #fafafa; padding: 82px 286px 94px 210px; }
.index_tit{ font-size: 36px; font-weight: bold; height:74px; line-height: 74px; padding-left: 38px; float: left; color: #041839; background: url(../images/index1.png) left center no-repeat; }
.info_ul{ float: right; margin-top:34px;  }
.info_ul li{ float: left; margin-left:14px;  }
.info_ul li a{ display: block; transition: all 0.5s ease 0s; width:160px; height: 50px; font-size: 16px; background: #cdcdcd; line-height: 50px; text-align: center; border-radius: 5px;  color: #f5f5f5;  }
.info_ul li.on a{ color: #fff; background: #cc030f; transition: all 0.5s ease 0s; }
.info_div{ margin-bottom: 26px; }
.info_last{ width: 50%; float: left; padding: 98px 0 0 38px; box-sizing: border-box; }
.info_dl dt{ float: left; width: 60px;  transition: all 0.5s ease 0s;height: 60px; background: #cdcdcd; border-radius: 5px; margin-right:3%; text-align: center; }
.info_day{ display: block; height: 24px; line-height: 24px; overflow: hidden;  font-size:24px; color: #ffffff; padding-top: 8px;  }
.info_time{ display: block; height:20px; line-height: 20px; overflow: hidden; color: #f4f4f4; font-size: 14px;  }
.info_dl dd{ float: left; width:80%  }
.info_title{ display: block; height:30px; transition: all 0.5s ease 0s; line-height: 30px; overflow: hidden; font-size:18px;   }
.info_word{ height: 30px; line-height: 30px; overflow: hidden; font-size:14px;  color: #888888;  }
.info_line{ height: 36px; width: 1px; background: #d4d4d4; margin: 10px 30px; }
.info_video{ float: right; width: 50%;background: url(../images/infobj.jpg) right top no-repeat; padding: 42px 90px 0 80px; box-sizing: border-box;}
.video_inner{ width: 554px; height: 476px;  position: relative; }
.video_see{ display: block; box-shadow: 0 0 10px #ececec; position: absolute;left: -74px; top: 50%;background:#fff url(../images/video.png) center center no-repeat; margin:-71px 0 0 0; width: 142px; height: 142px;  }
.info_inner{ margin-bottom: 78px; }
.info_more{ font-size: 18px; display: block;transition: all 0.5s ease 0s; margin: 0 auto; background: #ececec; width:217px; height: 60px; line-height: 60px; border-radius: 60px; text-align: center; color: #888888  }
.info_more:hover{ transition: all 0.5s ease 0s; background: #cc020e; color: #fff; padding: 0 10px; }
.info_dl:hover .info_title{ color: #cc020e; transition: all 0.5s ease 0s; }
.info_dl:hover  dt{ background: #cc020e; transition: all 0.5s ease 0s; }

.info_he{ display: none; }
.found_dl:nth-child(2) dt{ margin: 0; float: right; }
.show_div{ padding: 0 286px 0 218px; }
.index_show{ font-size: 16px; height:36px; line-height: 36px; padding-left: 38px; overflow: hidden;  color: #041839 }
.showtit .index_tit{ float: none; }
.show{ padding: 70px 0 0 0; }
.show_see{ float: right;transition: all 0.5s ease 0s; margin-top: 35px; width: 96px; height: 28px; line-height: 28px; border-radius: 28px; border: 1px solid #d2d2d2; color: #cccccc; text-align: center; }
.show_see:hover{transition: all 0.5s ease 0s; background: #cc020e; color: #fff; border: 1px solid #cc020e;}
.showtit{ float: left; }
.show_ul{ text-align: center; margin-bottom:66px;  }
.show_ul li{ display: inline-block; margin: 0 5px; position: relative;}
.show_ul li a{ display: block; position: relative; color: #041839; font-size: 18px; padding: 0 20px; text-align: center; height:54px; line-height: 54px; overflow: hidden;   }
.show_ul li a:after{left: 0; bottom: 0; transition: all 0.5s ease 0s; width: 0; height:3px; background: #cc020e; content: ''; position: absolute; display: block; }
.show_ul li.on a{ color: #cc020e;background: url(../images/on.jpg) 6px center no-repeat;  }
.show_ul li.on a:after{ width: 100%; transition: all 0.5s ease 0s; }
.imgul{ margin-bottom:68px;  }
.imgul li{ width: 25%; float: left; position: relative;overflow: hidden;}
.imgul li .showimg { width: 100%; height: auto; }
.imgul li img{ width: auto; transition: all 1s ease 0s; height: auto; max-width: 100% }
.show_hover{ position:absolute;transition: all 0.5s ease 0s; text-align: center; z-index: 99; color:#fff; line-height: 64px; font-size: 18px; left: 0; bottom: -64px; width: 100%; height: 64px;background: url(../images/imgbj.png) left top repeat; }
.imgul li:after{position:absolute;transition: all 0.5s ease 0s; content: '';  left: 0; top: 0; width: 100%; height: 100%;background: url(../images/imgbj.png) left top repeat; }
.imgul li:hover:after{ top: 0; height: 0; transition: all 0.5s ease 0s; }
.imgul li:hover .show_hover{ bottom: 0; transition: all 0.5s ease 0s; }
.imgul li:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }


.show_inner{ padding-bottom:86px;  }
.catalog{ background: #140001; height: 48px; overflow: hidden; }
.catalog_ul li{ float: left; margin-right: 30px; }
.catalog_ul li a{ display: block; height: 48px; position: relative; line-height: 48px;   font-size:16px; color:#fff; width: 115px; text-align: center;  }
.catalog_ul li a.for,.catalog_ul li a:hover{ background: #cc020e;  }
.catalog_ul li a:after{ position: absolute; opacity: 0; right: 0px;background: url(../images/catabj.jpg) left center no-repeat;  top: 0; height: 48px; width: 12px; content: ''; }
.catalog_ul li a.for:after,.catalog_ul li a:hover:after{ opacity: 1;  right: -12px;}
.site_inner{ float: right; height: 32px; line-height: 32px; padding-left:22px;  color: #666666;background: url(../images/site.jpg) left center no-repeat; }
.site{ padding: 20px 0 44px 0; }
.site_inner a{ color: #666666;transition: all 0.5s ease 0s;  margin-left: 8px; background: url(../images/site1.jpg) right center no-repeat; display: inline-block; padding:0 18px 0 0; }
.site_inner a:hover{ color: #cc020e; transition: all 0.5s ease 0s; }
.site_inner a:nth-last-child(1){ background: none; }
.news_dl{ margin-bottom:32px; box-shadow: 0 0 10px #f1f1f1; padding: 24px;  }
.news_dl dt{ float: left;transition: all 0.5s ease 0s; width:60px;height: 60px; background: #cdcdcd; text-align: center; border-radius: 5px; margin-right: 23px; }
.news_day{ display: block; transition: all 0.5s ease 0s;font-size: 24px; padding-top: 7px; height:28px; line-height: 28px; color: #fff;  }
.news_year{ display: block;transition: all 0.5s ease 0s; height:20px; line-height: 20px; overflow: hidden; color: #fff;  }
.news_dl dd{ float: left; width:1200px; position: relative; transition: all 0.5s ease 0s; }
.news_img{ position: absolute;transition: all 0.5s ease 0s; left: 0; top: 0; width:198px; height: 113px; overflow: hidden; border-radius: 5px; }
.news_img img{width:198px; height: 113px; overflow: hidden;border-radius: 5px;transition: all 0.5s ease 0s; }
.news_inner{ margin-left:230px;transition: all 0.5s ease 0s;  }
.news_tit{ display: block; height: 54px; line-height: 54px; font-size: 18px; overflow: hidden; }
.news_word{ height:48px; line-height: 24px; overflow: hidden; font-size:14px; color: #888888   }
.news_dl:hover dt{ background: #cc020e;transition: all 0.5s ease 0s; }
.news_dl:hover .news_day,.news_dl:hover .news_year{ color: #fff; transition: all 0.5s ease 0s; }
.news_dl:hover .news_img{width:282px; height: 161px; overflow: hidden;transition: all 0.5s ease 0s;}
.news_dl:hover .news_img img{width:282px; height: 161px; overflow: hidden;transition: all 0.5s ease 0s;}
.news_dl:hover dd{ padding: 12px 0 42px 0;transition: all 0.5s ease 0s; }
.news_dl:hover .news_inner{ margin-left:308px; transition: all 0.5s ease 0s;  }

.pages_inner{ text-align: center; padding: 80px 0; }
.pages_inner a{ display: inline-block; margin: 0 5px; border-radius: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #666666 }
.pages_inner a.on,.pages_inner a:hover{ background: #cc020e; color:#fff; transition: all 0.5s ease 0s; }
.pages_inner .pages_home{ width:64px; background: #eeeeee;  }

.release{ padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #d2d2d2; text-align: center; }
.release h3{ height:70px; font-weight: bold; line-height: 70px; overflow: hidden; font-size: 30px;  }
.release .rele_span{ height: 56px; display: block; line-height: 56px; color: #666666; 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:#cc020e url(../images/end.png) 92px center no-repeat; margin-bottom: 40px; text-indent: 30px; font-size: 14px; color: #fff;  width: 130px; height: 38px; line-height: 38px; }
.piece{ padding:50px 0; border-top: 1px solid #f7f7f7; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; color: #666; font-size: 14px; }
.piece_i{ color: #666666 }
.piece a:hover{ color: #cc020e; transition: all 0.5s ease 0s; }

.case_ul{ margin: 0 0 0 -10px; }
.case_ul li{ float: left; margin: 0 0 54px 10px; width: 440px; height: 355px; overflow: hidden; position: relative; }
.case_img{width: 440px; height: 355px; overflow: hidden; }
.case_img img{width: 440px; height: 355px; overflow: hidden; }
.jn_div{ position: absolute; left: 0; width: 100%; bottom: 0; height:60px;line-height: 60px;background: url(../images/imgbj.png) left center repeat; text-align: center; font-size: 18px; overflow: hidden; color:#fff;  }
.case_ul li .case_tit{ position: relative; z-index: 99; }
.jn_div i {
    position: absolute;
    z-index: -1;
    left: 0;
    top: -100%;
    width: 25%;
    height: 100%;
    background: #cc020e;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.case_ul li:hover .jn_div i {
    top: 0;
    z-index: 9;
}
.jn_div .col-go-2 {
    left: 25%;
    -o-transition: .3s .1s;
    -moz-transition: .3s .1s;
    transition: .3s .1s;
}
.jn_div .col-go-3 {
    left: 50%;
    -o-transition: .3s .2s;
    -moz-transition: .3s .2s;
    transition: .3s .2s;
}
.jn_div .col-go-4 {
    left: 75%;
    -o-transition: .3s .3s;
    -moz-transition: .3s .3s;
    transition: .3s .3s;
}

.honor_ul{ margin:0 0 0px -15px;  }
.honor_ul li{ float: left; width:243px; margin: 0 0 34px 15px; overflow: hidden; height: 347px; border: 1px solid #dcdcdc; padding:5px;  }
.honor_ul li img{ width:243px; height: 347px; transition: all 1s ease 0s;  overflow: hidden;}
.about{ position: relative;padding: 0 0 50px 0; }
.honor_ul li:hover img{ transform:  scale(1.1); transition: all 1s ease 0s; }
.contdiv{ width:1230px; margin: 0 auto 80px;  }
.tact_mess{ float: left; width:676px; height: 646px; overflow: hidden; background: url(../images/contbj.jpg) left top no-repeat; }
.mess_tit{ font-size: 14px; color: #fff; height:32px; line-height: 32px; overflow: hidden; text-align: center; padding-top: 60px; margin-bottom: 30px;  }
.mess_form{ padding:0 0 0 158px;  }
.mess_txt{ margin-bottom:22px; height: 50px; line-height: 50px; font-size: 18px; color: #d0cccc; background: #fff; border-radius: 50px; padding: 0  30px; text-align: center; box-sizing: border-box; width:402px; border: none;  }
.area_mess{margin-bottom:22px; height: 120px; resize: none; line-height: 30px; font-size: 18px; color: #bebebe; background: #fff; border-radius: 10px; padding: 0  30px; box-sizing: border-box; width:402px; border: none; }
.mess_div{ background: #fff; border-radius: 50px; height: 50px; width:402px; margin-bottom:22px; }
.code_txt{ width: 300px; }
.code_img{ margin-top: -20px; }
.mess_sub{ width: 402px; text-align: center;transition: all 0.5s ease 0s; height:48px; line-height: 48px; background: #e79800; border: 1px solid #e79800; text-align: center; cursor: pointer; font-size: 18px; color: #fff; border-radius: 50px;  }
.mess_sub:hover{ transition: all 0.5s ease 0s; background: none; color: #e79800; }
.mode{ float: left; width:550px; box-shadow: 0 0 10px #f3f3f3; height: 646px; background: #f9faff;  }
.mode_bottom{ width: 550px; height: 261px; overflow: hidden; }
.mode_bottom img{width: 550px; height: 261px; overflow: hidden; }
.mode_top{ padding:39px 70px 0; }
.mode_tit{ font-size: 24px; font-weight: bold; height:56px; line-height: 56px;  }
.mode_tit img{ margin-right:16px;  }
.mode_ul li{ height: 58px; line-height: 58px; overflow: hidden; font-size: 16px;  }
.mode_ul li img{ margin-right: 16px; }

.join_dl{ border-bottom: 1px solid #aaaaaa; padding:40px 18px 27px;  }
.join_dl dt a{ display: block;transition: all 0.5s ease 0s; font-size: 24px; height:42px; line-height: 42px; overflow: hidden; margin-bottom:16px;   }
.join_left{ height:36px; float: left; transition: all 0.5s ease 0s;  line-height: 36px;background: url(../images/join1.png) left center no-repeat; padding-left: 30px; overflow: hidden; margin-bottom:30px; font-size: 14px; color: #666666   }
.join_i{ margin-right:100px;  }
.join_see{ float: right;background: url(../images/join2.png) left center no-repeat; width: 17px; height: 42px;  display: block; }
.join_more{ font-size: 14px;transition: all 0.5s ease 0s; height: 38px; line-height: 38px; border-radius: 38px; color: #666666; text-align: center; width:114px; background: #eaeaea; display: block;  }
.join_info{ padding-bottom: 50px; }
.join_dl:hover  dt a{ color: #cc020e; transition: all 0.5s ease 0s; }
.join_dl:hover .join_more{ color: #fff; background: #cc020e; transition: all 0.5s ease 0s; }
.join_dl:hover .join_left{background: url(../images/join.png) left center no-repeat; transition: all 0.5s ease 0s; }




.indexflexslider {position: relative;width: 100%;height:auto; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: auto;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.slides li { position:relative; width:100%; height:auto; float: left; }
.slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards; }
.slides {width:100%; height:auto;}
.flex-control-nav {display: block; width: 100%; text-align: center; z-index: 99;  position: absolute; left: 0; bottom: 40px; }
.flex-control-nav li{ display: inline-block; margin: 0 10px; }
.flex-control-nav li a{ display: block;background: url(../images/tab.png) left top no-repeat; font-size: 0; width: 20px; height: 22px; transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{background: url(../images/tab1.png) left top no-repeat; }
.flex-direction-nav,.flex-prev{ display: none; }



@-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);
	}
}

.show_inner{ display: none; }

.begin h1{ padding-left: 158px; }
.begin .found{ padding-right: 150px; }
.begin .info{ padding: 82px 150px 94px; }
.begin .show_div{padding: 0px 150px 0px; }

.all h1{ padding-left: 20px; }
.all .found{ padding-right: 50px; }
.all .info{ padding: 82px 50px 94px; }
.all .show_div{padding: 0px 50px 0px; }
.all .head{ padding-right: 20px; }
.all .head_inner{ width: 500px; background: url(../images/head1.png) right top no-repeat; background-size: cover; }
.all .brief_inner{ width: 550px; }
.all .subnav{ left: -140px; }



.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: #fff
    }

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