html,body{ min-width: 100vw; min-height: 100vh;}

.warp{ width: 100%; max-width: 1920px; min-width: 1380px; position: relative; margin: 0 auto; background:#FFF;}

.HomeTop{position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 135px;border-bottom: 1px solid #FFF;background: url("../images/Home_ico_1.png");transition: height 0.5s;}
.HomeTop .Logo{ margin-top: 40px; margin-left: 100px;transition: all 0.5s;}
.HomeTop .Logo img{ height:58px; transition:height 0.5s; }
.HomeTop .TopNav{height: 120px;padding-top: 15px;width: 1280px;width: calc(100% - 640px);transition: all 0.5s;}
.HomeTop .TopNav li{ position: relative; overflow: hidden; float: left; height: 100%; font-size: 22px; transition: all 0.5s;}
.HomeTop .TopNav li + li{margin-left: 18px;margin-left: calc((100% - 64px - 40px) / 8 - 108px);}
.HomeTop .TopNav li a{ display: inline-block; padding: 0 10px; height: 117px; line-height: 120px; color: #FFF;transition: height,line-height 0.5s;}
.HomeTop .TopNav li.on a,
.HomeTop .TopNav li:hover a{ border-bottom: 3px solid #FFF;}
@media screen and (max-width:1600px ) {
    .HomeTop .Logo{margin-left: 50px;}
    .HomeTop .TopNav{width: calc(100% - 500px);}
}

.InterTop{position: fixed;z-index: 99;left:0;top:0;width: 100%;height: 135px;transition: all 0.5s;}
.InterTop .Logo{margin-top: 40px;margin-left: 40px;transition: all 0.5s;}
.InterTop .Logo img{ height:58px; transition:height 0.5s;}
.TopUnit{height: 50px;padding-top: 5px;margin-top: 40px;margin-right: 60px;transition:all 0.5s;}


.TopUnit .NavBtns{ }
.TopUnit .NavBtns li{height: 50px;width: 50px;text-align: center;line-height: 50px;float: left;margin-left: 10px;position: relative;}
.TopUnit .NavBtns li a{cursor: pointer;color: #FFF;font-size: 36px;}

.TopUnit .NavBtns li .Menus{width: 36px;height: 28px;position: absolute;left: 7px;top: 8px;}
.TopUnit .NavBtns li .Menus i{display: block;height: 28px;box-sizing: border-box;border-top: 3px solid #FFF;position: relative; transition:border 0.3s;}
.TopUnit .NavBtns li .Menus i::before,
.TopUnit .NavBtns li .Menus i::after{content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 3px;background-color: #FFF;transition: all 0.3s;transform-origin: right center;}
.TopUnit .NavBtns li .Menus i::before{bottom: 12px;transform-origin: left center;}
.TopUnit .NavBtns li:hover .Menus i{ border-color:transparent !important; }
.TopUnit .NavBtns li:hover .Menus i::before{transform: rotate(45deg);width: 27px; left: 0;bottom: 22px; border-radius: 5px;}
.TopUnit .NavBtns li:hover .Menus i::after{transform: rotate(-45deg);width: 27px; left: auto;right: 0;bottom: 22px; border-radius: 5px;}



.HomeTop.fold{ height:80px; }
.HomeTop.fold .Logo{ margin-top:20px; }
.HomeTop.fold .Logo img{ height:40px; }
.HomeTop.fold .TopNav{height: 80px;padding-top: 0;width: 1050px;}
.HomeTop.fold .TopNav li + li{margin-left:30px;margin-left: calc((100% - 64px - 40px) / 8 - 108px);}
.HomeTop.fold .TopNav li a{ height:77px; line-height:80px;}

.InterTop.fold{height:80px;background-color: rgba(0,0,0,0.5) !important;}
.InterTop.fold .Logo{margin-top:20px;background: url(/images/logo.png) no-repeat left;background-size: auto 100%;}
.InterTop.fold .Logo img{height:40px;opacity: 0;}
.InterTop.fold .TopUnit{margin-top: 0px;}
.InterTop.fold .TopUnit .NavBtns li a{ color:#FFF;}
.InterTop.fold .TopUnit .NavBtns li .Menus i{ border-color:#FFF;}
.InterTop.fold .TopUnit .NavBtns li .Menus i::before,
.InterTop.fold .TopUnit .NavBtns li .Menus i::after{ background-color:#FFF;}




.NavAlert{width: 370px;padding: 28px 30px;position: fixed;top: 0;right: 0;background-color: #000;z-index: 99;max-height: 100vh;overflow-y: overlay;}
.NavAlert.close{ transform: translateY(-100%);}
.NavAlert>.h{ height: 50px;}
.NavAlert>.h span{ display: block; position: relative; height: 50px;}
.NavAlert>.h span img{ display: block; height: 100%;}
.NavAlert>.h i.h_close{display: block;width: 48px;height: 48px;cursor: pointer;background: url("../images/Header_ico_6.png") no-repeat center;border: 1px solid transparent;transition: border 0.3s;}
.NavAlert>.h i.h_close:hover{border-color: #444343;}
.NavAlert>.se{ height: 44px; padding: 15px 15px 15px 45px; border-bottom: 1px solid #000a18; }
.NavAlert>.se>a{ display: block; position: absolute; left: 0; top: 15px; width: 42px; height: 44px; z-index: 1; background: url("../images/Header_ico_7.png") no-repeat center;}
.NavAlert>.se>input{ display: block; width: 100%; border: none; background: no-repeat; height: 100%; line-height: 44px; font-size: 16px; color: #FFF; position: relative; z-index: 1;}
.NavAlert>.se>em{ display: block; position: absolute; left: 45px; top: 25px; font-size: 16px; color: #606469; line-height: 1.5; z-index: 0; transition: all 0.3s;}
.NavAlert>.se>em.on,
.NavAlert>.se>input:focus+em{ top: 8px; font-size:12px; }
.NavAlert .NavList{}
.NavAlert .NavList li{ position: relative; border-bottom: 1px solid transparent;}
.NavAlert .NavList li::after{ content: ''; position: absolute; width: 0; left: 0; bottom: 0; border-bottom: 1px solid #FFF; transition: width 0.3s;}
.NavAlert .NavList li a{display: block;font-size: 20px;color: #606469;line-height: 30px;padding: 12px 50px;}
.NavAlert .NavList li.on::after,
.NavAlert .NavList li:hover::after{ width: 100%;}
.NavAlert .NavList li.on a,
.NavAlert .NavList li:hover a{ color: #FFF;}
.NavAlert>.BT{font-size: 12px;color: #606469;text-align: center;margin:20px 0 40px;height: 25px;line-height: 25px;position: relative;}
.NavAlert>.BT .ZhEnSlide{ float:left; border:1px solid #b6b6b6; }
.NavAlert>.BT .ZhEnSlide a{display:inline-block;width: 60px;cursor: pointer;color: #FFF;}
.NavAlert>.BT .ZhEnSlide a + a{ border-left:1px solid #b6b6b6;}
.NavAlert>.BT .ZhEnSlide a.on{ background-color:#767676; color:#000;}
.NavAlert>.BT .siteBt{ float:right; }



.PageTop .PageTit{position: absolute;overflow: hidden;left: 38%;top: 0;width: 400px;height: 134px;background: url("../images/Header_ico_3.png");}
.PageTop .PageTit::before,
.PageTop .PageTit::after{ content:''; display: block; width: 14px; height: 14px; position: absolute; z-index: 0;}
.PageTop .PageTit::before{ left: 10px; top: 11px; background: url("../images/Header_ico_4.png") no-repeat left top;}
.PageTop .PageTit::after{ right: 13px; bottom: 12px; background: url("../images/Header_ico_5.png") no-repeat right bottom;}
.PageTop .PageTit h1{ display: block; font-size: 46px; font-weight: bold; color: #FFF; text-align: center; margin-top: 40px;}
.PageTop .PageTit p{ display: block; font-size: 22px; font-weight: bold; margin-top: 36px; color: #FFF; text-align: right; padding: 0 60px; font-style: italic;}


.Main{ }

.Border{ border:1px solid #f1f1f1;}