/*全局样式*/
@charset "utf-8";
html {
    overflow-x: hidden;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,
select {margin: 0;padding: 0}
body {font: 14px "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;}
*{margin:0; padding:0;}
a {text-decoration: none !important;cursor: pointer !important;color: #000;}
a:focus {outline: none !important;}
ul,li,dl,dt,dd{list-style-type:none;}
i{font-style:normal}
ul {margin: 0;}
li {list-style: none;}
img{max-width:100%;}
.container-fluid {max-width: 1230px !important;}
.tr5 {transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s}
.tr2 {transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.overflow { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial}
.bjcover{background-position: 50% 50%; background-size: cover;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.vertical_centerbox{display: table;table-layout:fixed;height: 100%;}
.vertical_center{display: table-cell;vertical-align: middle;}

body{position:relative;z-index:111;}
.banner{position:fixed;left: 0;right: 0;top:0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{height:100%;position: relative;}
.banner .swiper-slide{position: relative;z-index: 1;}
.banner .swiper-slide:after{content:"";width: 100%;height: 100%;background: rgba(0,0,0,.22);position: absolute;left: 0;top:0;z-index: 1;}
.banner .swiper-slide-active{animation:run1 30s linear infinite;}
@keyframes run1{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
.banner .img{position: absolute;left: 0;top:calc(50% - 80px);transform:translateY(-50%);z-index: 2;right: 0;}
.banner .img .txt1{font-size:30px;line-height:40px;color: #fff;letter-spacing:2px;font-weight:200;}
.banner .img .txt1 span{text-indent: 2em;display: block;}
.banner .img .ttbox{display: inline-block;}
.banner .img .txt2{font-family:Arial;letter-spacing: 2px;font-weight: bold;font-size: 22px;line-height: 28px;float: right;color: #fff;position:relative;right: -38px;margin-top: 10px;}
.banner .swiper-pagination{bottom:180px;text-align: left;max-width: 1230px;margin: 0 auto;right: 0;padding-left: 15px;}
.banner .swiper-pagination span{width:12px;height: 12px;background: rgba(255,255,255,.0);opacity: 1;position: relative;}
.banner .swiper-pagination span:after{content: "";width: 6px;height: 6px;background: #fff;position:absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;border-radius: 50%;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(255,255,255,.5);}





header{position: fixed;left: 0;right: 0;top:4.6vh;width: 100%;z-index:111;}
header .logo{float: left;line-height: 60px;height: 60px;font-size: 0;position: relative;z-index: 2;max-width: calc(100% - 60px);}
header .logo img{max-height: 99%;}
header nav{float: right;}
header nav ul{font-size: 0;}
header nav ul li{display: inline-block;}
header nav ul li a{display:block;font-size: 14px;line-height: 60px;color: #fff;padding-left: 50px;}
header nav ul li a:hover{color: #fff;}
header nav ul li a.active{color: #fff;}


.footer{position: fixed;left: 0;right: 0;bottom: 0;width: 100%;z-index: 2;}
.footer1{padding: 8px 0 0 0;background: rgba(0,0,0,.5);}
.footer1 .box{padding-left:30px;position: relative;border-bottom: 1px solid rgba(255,255,255,.4);padding-bottom:8px;}
.footer1 .box .img1{display:block;position: absolute;left: 0;top:0;bottom: 6px;margin: auto 0;width: 11px;}
.footer1 .box .swiper-container{height: 40px;padding-right:55px;}
.footer1 .box .list{display: block;position: relative;padding-left: 0;padding-right: 100px;}
.footer1 .box .list .tt1{line-height:40px;color: #fff;font-size: 14px;}
.footer1 .box .list .tt2{position: absolute;right: 0;top:0;line-height:40px;color: #fff;font-size: 14px;}
.footer1 .box .list:hover{padding-left:6px;}

.footer1 .swiper-button-prev{width:19px;height: 19px;border: 1px solid rgba(255,255,255,.5);background: rgba(255,255,255,.3) url("../images/tu2.png") no-repeat center center;left: inherit;right: 0;bottom: 0;top:inherit;}
.footer1 .swiper-button-next{width:19px;height: 19px;border: 1px solid rgba(255,255,255,.5);background: rgba(255,255,255,.3) url("../images/tu2.png") no-repeat center center;left: inherit;right: 0;bottom: 21px;top:inherit;transform:rotate(180deg)}
.footer1 .swiper-button-prev:hover,.footer .swiper-button-next:hover{border-color: #fff;background-color: rgba(255,255,255,.5);}
.footer2{padding:3px 0 8px 0;background: rgba(0,0,0,.5);}
.footer2 .tt1{color: rgba(255,255,255,.6);line-height: 30px;float: left;font-size: 14px;}
.footer2 .tt2{float: right;font-size: 0;}
.footer2 .tt2 a{display:inline-block;font-size: 14px;color: rgba(255,255,255,.6);padding-left:22px;position: relative;line-height: 30px;transition: all 0.2s;}
.footer2 .tt2 a:nth-child(n+2):after{content:"";width: 2px;height: 14px;background: #999999;border-left: 1px solid #babbbc;position: absolute;left: 10px;top:1px;bottom: 0;margin: auto 0;}
.footer2 .tt2 a:hover{color: #fff;transition: all 0.2s;}
.img1box2{position: fixed;right: 0;bottom: 180px;z-index: 1;left: 0;width: 100%;}
.img1box2 img{float: right;display: block;width:60px;}
.banner .img3{display:none;}











/*媒体查询开始*/
@media (min-width:1199px){
    .ma
    {transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);-webkit-transform:scale(1.06);cursor:pointer;}
}

@media (max-width:1199px){
    .banner .img1{max-width:580px;} 
}
@media (max-width:991px) {
    .footer1 .box .list:hover{padding-left:0;}
    .footer1 .box{border:0;}
    .footer2{display:none;}
    .banner .swiper-pagination{bottom: 110px;}
    .img1box2{bottom:110px;}
    header nav ul li a{padding-left: 40px;}
    .banner .img{top:calc(50% - 50px)}
    .banner .img1{max-width:520px;}
    .banner .img2{max-width:220px;}
    .img1box1{height: 140px;}
    header{top:3vh;}
}

@media (max-width:767px) {
.footer1 .box{padding-left: 30px;}
.footer1 .box .swiper-container{height: 72px;padding-right:30px;}
.footer1 .box .list{padding: 0;}
.footer1 .box .list .tt1{line-height:24px;padding: 0;height: auto;max-height: 48px; text-overflow:inherit;white-space:inherit;}
.footer1 .box .list .tt2{position: relative;right: inherit;top:inherit;line-height: 24px;}
.footer1 .swiper-button-prev{bottom: 13px;}
.footer1 .swiper-button-next{bottom: 35px;}
 .banner .img{top:calc(50% - 20px)}
header{top:3vh;}
.banner .swiper-pagination{bottom: 140px;}
.img1box2{bottom: 144px;}
.lanmu{width: 30px;font-size: 0;height: 21px;position: absolute;right: 15px;top:20px;cursor: pointer;z-index: 2;}
.lanmu i{display: inline-block;width: 100%;height: 3px;background: #fff;border-radius: 3px;transition: all 0.6s;}
.lanmu i:nth-child(2), .lanmu i:nth-child(3){width: 40%;margin:6px 0;}
.lanmu i:nth-child(2){margin-right: 10%;}
.lanmu i:nth-child(3){margin-left: 10%;}
.lanmu.active i:nth-child(1) {transform: rotate(45deg) translateY(4px) translateX(5px);}      
.lanmu.active i:nth-child(4){transform: rotate(-45deg) translateY(-8px) translateX(8px);}
.lanmu.active i:nth-child(2){transform: translateX(-30px);opacity: 0;}
.lanmu.active i:nth-child(3){transform: translateX(30px);opacity: 0;}
.nav{position: fixed;top:0;left:-100%;background: rgba(0,0,0,.6);width: 100%;z-index: 1;height: 100%;line-height: 65px;padding-top: calc(3vh + 80px);box-shadow: 0 0 10px 0 lightgray;}
.nav ul li{display: block;position: relative;}
.nav ul li a{color: #fff;line-height: 42px;text-align: center;width: 100%;font-size: 14px;border-bottom: 1px solid rgba(0,0,0,.1);z-index: 2;position: relative;padding: 0 10px;}
.nav ul li::after{content:"";display: block;width:0;height: 100%;background:#fff;position: absolute;top:0;left: 0;z-index: 1;}
.nav ul li:hover::after{width: 100%;transition: all 0.4s;}
.nav ul li:hover a{font-weight:inherit;color: #333;}
.nav ul li.active::after{width: 100%;transition: all 0.4s;}
.nav ul li.active a{font-weight:inherit;color: #333;}
.nav li:nth-child(1){transition: 0.4s ease-in-out 0.1s;}
.nav li:nth-child(2){transition: 0.4s ease-in-out 0.2s;}
.nav li:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
.nav li:nth-child(4){transition: 0.4s ease-in-out 0.4s;}
.nav li:nth-child(5){transition: 0.4s ease-in-out 0.5s;}
.nav li:nth-child(6){transition: 0.4s ease-in-out 0.6s;}
.nav li:nth-child(7){transition: 0.4s ease-in-out 0.7s;}
.nav li:nth-child(8){transition: 0.4s ease-in-out 0.8s;}
.nav li:nth-child(9){transition: 0.4s ease-in-out 0.9s;}
.nav.active{left: 0;}
.nav li{transform: translateY(100px);opacity: 0;}
.nav.active li{transform: translateY(0);opacity: 1;}
.banner .img1{max-width:80%;}
.banner .img2{max-width:120px;}
  

    
.banner .img .txt1{font-size: 25px;line-height: 32px;}
.banner .img .txt1 span{text-indent:0;}
.banner .img .txt2{float: left;right: inherit;margin-top: 6px;}
.img1box2{display:none;}
.banner .img3{display:block;margin-top: 20px;} 
    
    
    
}
@media (max-height:600px) {
 .banner .img1{max-width:96%;max-height: 120px;}
    
}

@media (max-width:479px) {
.banner .img1{max-width:96%;}
.banner .img .txt1{font-size:24px;}
.banner .img .txt2{font-size:18px;line-height: 24px;}
    
}