
/*--通用--*/
body{font-size:14px;color:#333;line-height:1.6;min-width:320px;background:#fff;}
.block{width:1300px;margin:auto;}
.block1{width:1300px;margin:auto;}
.scmbtn{display:none;}
.prev{cursor: pointer;}
.next{cursor: pointer;}


body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}
.body{position:relative;background:#efeff4;box-sizing:border-box;}
.body.page{padding-top:130px;}
.home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.home body{height:100%;overflow:hidden;padding:0;}
.body_home{height:100%;overflow:hidden;}


.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none;}

.body_b.showdiv{top:0;}


.header{position:fixed;left:0%;top:0;right:0%;z-index:100;transition:all 0.7s ease-out 0s;}
.header{opacity:0;transform:translateY(-100%);}
.header.showdiv{opacity:1;transform:none;}
.body_home.showdiv .header{transform:none;opacity:1;}

.header .d2{transition:all 0.3s ease-out 0s;height:110px; background:rgba(177,19,25,0.8); }

.header2{position:fixed;left:0;right:0;top:0;z-index:98;background:#fff;opacity:0;transform:translateY(-100%);transition:all 0.5s ease-out 0s;box-shadow:0 0 30px rgba(0,0,0,0.15);}
.body_b .header2{opacity:0;transform:translateY(-100%);}
.body_b.showdiv .header2{transition:all 0.7s ease-in-out 0.5s;transform:none;opacity:1;}
.header2.showdiv{opacity:1;transform:none;}
.header2 .d1{background:#94070a;color: #d39797;line-height:45px;height:45px;font-size:14px;transition:all 0.2s ease-out 0s;overflow:hidden;}

.header2 .d2{transition:all 0.3s ease-out 0s;height:85px;height:85px;background:#fff;}
.header2 .block1{position:relative;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;}
.header2 .logo{height:100%;width:200px;}
.header2 .logo img{max-height:65%;vertical-align:middle;max-width:none;display:inline-block;}
.header2 .logo a:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.header2 .nav_main{text-align: center;font-size:18px;}
.header2 .nav_main a{margin:0 25px;display:inline-block;position: relative;}



.nav_mobile{display:none;}

.body_home .banner{position:relative;height:100%;overflow:hidden;}
.body_home .banner .slick-list{height:100%;}
.body_home .banner .slick-track{height:100%;}
.body_home .banner .slick-slide>div{height:100%;}
.body_home .banner .frame{height:100%;}
.body_home .banner .frame video{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.body_home .banner .child{background-size:cover;color:#fff;background-position:center center;height:100%;position:relative;overflow:hidden;background-color:#000;}

.body_home .banner .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0.8);text-align: center;opacity:0;width:50%;}
.body_home .banner .showdiv .text{transform:translate(-50%,-50%) scale(1);opacity:1;transition:all 2s ease-out 0.5s;}
.body_home .banner .navg{position: absolute;right:44%;bottom:50px;color: #fff;text-align: center;line-height:1;}
.body_home .banner .navg li{margin:0 10px;font-family:Arial;cursor: pointer;vertical-align: middle;display:inline-block; background:rgba(177,19,25,0.6);
    padding: 5px;
    border-radius: 15px;}
.body_home .banner .navg li.slick-active{font-size:22px;}
.body_home .banner .navg li:after{content:"";border-top:1px solid #fff;display: inline-block;vertical-align: middle;width:0px;margin-left:5px;transition:all 0.5s ease-out 0s;}
.body_home .banner .navg li.slick-active:after{width:60px;}
.body_home .banner .tit{position:absolute;left:50px;bottom:60px;right:50px;background:rgba(0,0,0,0.5);height:80px;line-height:80px;color: #fff;display:flex;display:-ms-flexbox;justify-content:justify;justify-content:space-between;}


.block .logo{  float:left; width:34%;}
.block .nav_main{ float: right; width:66%}
@media screen and  (max-width:1000px) {
.block .logo{ width:100%; float:none;}
.block .nav_main{width: 100%; float: none;}
.js{ display: none}
}


