@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}

html,body{  font-family: "Microsoft YaHei","Arial";  color:#272727; font-size:12px; background-color:#ffffff;  }

html{overflow-x:hidden;}

body a{outline:none;blr:expression(this.onFocus=this.blur());}


/*gundong*/
::-webkit-scrollbar
{
width: 5px;
height:5px;
}

::-webkit-scrollbar-track
{
border-radius: 0px;
background: #c6c6c6;
}

::-webkit-scrollbar-thumb
{
border-radius: 5px;
background:#000;
}

::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
background:#000;
}

@keyframes animate {
            0% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1.00);
            }
  }

/*loadding*/
.loading_content {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 1;
    position: fixed;
    background-image: linear-gradient(to bottom right, #000,#000);
}
.loading_center{
	position:absolute;
	left:50%;
	top:50%;
  display: table; text-align: center;
  margin-left: -200px;
  margin-top: -190px;

}

.loading_center img{ width: 400px; height: auto;}
.dongtai_load{
  height: 40px;
  margin: 0 auto;

}
.dongtai_load span{
  display: inline-block;
  width: 8px;
  height: 100%;
  border-radius: 4px;
  background: #fbc7a0;
  -webkit-animation: load 1s ease infinite;
  animation: load 1s ease infinite;
}
@-webkit-keyframes load{
  0%,100%{
    height: 40px;
    background: #dfa173;
  }
  50%{
    height: 70px;
    margin: -15px 0;
    background: #c2804e;
  }
}
.dongtai_load span:nth-child(2){
  -webkit-animation-delay:0.2s;
  animation-delay:0.2s;
}
.dongtai_load span:nth-child(3){
  -webkit-animation-delay:0.4s;
  animation-delay:0.4s;
}
.dongtai_load span:nth-child(4){
  -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
}
.dongtai_load span:nth-child(5){
  -webkit-animation-delay:0.8s;
  animation-delay:0.8s;
}


@media screen and (max-width:560px){
.loading_center img{ width: 250px;}

.loading_center{
  margin-left: -125px;
  margin-top: -150px;
}
}



/*nav*/
.nav_container{ width:100%; height:103px;background:rgba(255,255,255,0.7);  z-index:9;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;  border-top: 7px solid #271000; position: fixed; top: 0; left: 0;}

.nav_content{ width:1680px; margin:0 auto 0 auto;}

.nav_content img.logo{ height:72px; float:left; margin-top:14px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav{ float:right;}

.nav ul li{ float:left; font-size:20px; letter-spacing:1px; padding:0 2.2vw;}

.nav ul li a{ color:#2c2c2c; line-height:103px; display:block; height:103px;box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;border-bottom:3px solid transparent;}
.nav ul li a:hover,.nav ul li a.cur{  border-bottom:3px solid #271000;}

.fixedhead{ height:90px;border-top: 5px solid #271000;box-shadow: 0 7px 21px #cfcfcf;}
.fixedhead img.logo{height: 68px;
    margin-top: 10px;}

.fixedhead .nav ul li a{line-height: 90px;
    height: 90px;}


@media screen and (max-width:1700px){
.nav_content{ width:96%;}
}
@media screen and (max-width:1450px){
.nav_container{  height:90px;border-top: 5px solid #271000;}
.nav_content img.logo{ height: 68px;margin-top: 10px;}
.nav ul li a{ height:90px; line-height:90px;}
.nav ul li{ font-size:20px;}
}
@media screen and (max-width:980px){
.nav ul li{    padding: 0 1.5vw;}
.nav ul li{ font-size: 18px;}
}


/*手机端导航*/
.header2 { width:100%; height:5vh; background:rgba(255,255,255,0.7); color:#dcdcdc; position:fixed;padding:1.5vh 0; overflow:hidden; z-index: 10; border-bottom:1px solid #271000; display: none;}
.header2 img { height:4vh; display:block; margin:0 auto;}
.header2 .top_dh { width:20%;position: relative; float:left;top: 50%;transform: translateY(-50%); }
.header2 .mobile_logo { width:60%; display:block; float:left; text-align:center; color:#FFF; font-weight:normal;position: relative;top: 50%;transform: translateY(-50%); }
.header2 .mobile_logo img { height:6vw;}
.header2 .top_ss { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.nav_bg_m { position:fixed; left:-50%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background-image: linear-gradient(to bottom right, #000, #000);
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
  background-size:cover;
   padding-top:8vh;

}
.nav_gb_m { position:fixed; right:-100%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background:rgba(0,0,0,0.8);
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
   background-size:cover;    padding-top:8vh;
}
.nav_gb_m img{ width:20px; z-index:11; right:5vw; top:12vh; position:absolute;}
.mobile_logo2 { width:100%;    margin: 5vh auto 2vh auto;}
.mobile_logo2 img { width: 65%; margin:0 auto; display:block;}
.nav_mobile { display:block; width:100%; text-align:center; overflow:hidden;margin-top: 5vh;}
.nav_mobile li { width: 90%;position: relative;font-size: 16px; letter-spacing:1px; overflow:hidden; margin:2vh auto;}
.nav_mobile li a { color:#fff;  width: 100%; display:block;    padding: 1vh 0;}
.nav_mobile li a.cur { color:#fff; border-bottom: 1px solid #fff;}

.mobile_nav_img{ width: 60%; position: absolute; left:20%; bottom:5vh;}
.mobile_nav_img img{ display:block; width: 100%; height:auto;}



@media screen and (max-width:900px){
.nav_container{ display:none;}
.header2{ display:block;}
}
@media screen and (max-width:680px){
.header2 .mobile_logo img { height:8vw;}
}
@media screen and (max-width:500px){
.header2 .mobile_logo img { height:10vw;}
}

/*banner*/

.banner_content{ width:100%; height:100vh; position:relative;}
.banner,.mbanner{ width: 100%;
        height: 100vh;}

.banner .swiper-slide,.mbanner .swiper-slide {
        background-position: center;
        background-size: cover;
    }
.bannerfenye .swiper-pagination-bullet{ width:18px; height:18px; margin:0 5px;background:#fff; opacity: 0.4; bottom: 50px;}
.bannerfenye .swiper-pagination-bullet-active{ background:#fff; opacity: 1;}
.swiper-container-horizontal>.bannerfenye {
        bottom: 40px!important;}

.banner-next,.banner-prev{width: 64px; height: 120px;position: absolute; top: 50%; margin-top: -60px;z-index: 2; opacity: 0.6;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.banner-next:hover,.banner-prev:hover{ opacity: 1;}
.banner-next{  background: url(../images/banner_prev.png) no-repeat center center;background-size: 100%; left: 6%; }
.banner-prev{background: url(../images/banner_next.png) no-repeat center center; background-size: 100%; right: 6%;}
.banner .swiper-slide video{ width:55%; border: none;height: auto; border-radius: 10px; position: absolute; left: 50%; top: calc(50% + 51.5px);    transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); border: 8px solid #0d0d0d;}


.mbanner{ display:none;}
.mbanner-next,.mbanner-prev{width:40px;height:75px;position:absolute;z-index:2; bottom:3vh;}

.mbanner-next{ background:url(../images/banner_next.png) no-repeat center center;right:3%; background-size: 100%;}
.mbanner-prev{ background:url(../images/banner_prev.png) no-repeat center center; background-size: 100%;left:3%;}
.mbannerfenye .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px;background:#fff; opacity: 0.4;}
.mbannerfenye .swiper-pagination-bullet-active{ background:#fff; opacity: 1;}
.swiper-container-horizontal>.mbannerfenye {
        bottom: 3vh!important;}

.mbanner .swiper-slide video{ width:94%; height: auto; border-radius: 10px; position: absolute; left: 50%; top: calc(50% + 4vh);    transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); }


@media screen and (max-width:1450px){
.banner .swiper-slide video{top: calc(50% + 45px); width: 60%;}
.banner-next,.banner-prev{ width: 40px; height: 75px; margin-top: -37.5px;}
}
@media screen and (max-width:900px){
.banner{ display:none;}
.mbanner{ display:block;}
}


/* footer */
.footer_container{ width: 100%; background: #545454; padding-top: 2.5%; box-sizing: border-box;}
.footer_content{ width: 1680px; margin: 0 auto; color: #fff;}
.footer_contact_left{ text-align: center;}
.footer_contact_left img{ display: block; width: 130px; height: auto; margin: 0 auto;}
.footer_contact_left h3{ font-size: 24px; font-weight: normal; line-height: 1.5em; letter-spacing: 0.6px; margin: 15px 0 8px;}
.footer_contact_left p{ font-size: 14px; line-height: 1.5em; background: url(../images/footer_icon1.png) no-repeat left 3px; padding-left: 22px; letter-spacing: 1px; box-sizing: border-box; display: inline-block; margin: 0 8px;}
.footer_contact_left p.address{background: url(../images/footer_icon3.png) no-repeat left 2px;}
.footer_contact_left p.youxiang{background: url(../images/footer_icon4.png) no-repeat left 3px;}
.footer_contact_left h3.umag{ margin-top: 35px;}

.footer_content_list{ display: table; margin: 25px auto 0;}
.footer_content_list ul{ float:left; margin-left: 4.5vw;}
.footer_content_list ul:first-child{ margin-left: 0;}
.footer_content_list ul li{ font-size: 14px; line-height: 1.5em; margin-bottom: 10px; letter-spacing: 1px;padding-left: 30px;}
.footer_content_list ul li a,.footer_content_bottom a{color:#fff;}

.footer_content_list ul li:first-child{ font-size: 16px; background: url(../images/footer_icon.png) no-repeat left center; line-height: 1.5em; padding-left: 30px;}
.footer_content_list ul li:first-child a{color: #fff;}

.footer_line{ width: 100%; height: 1px; background: #fff; margin-top: 1%;}

.footer_content_bottom{ width: 1680px; color: #fff; margin: 1.5% auto 0; box-sizing: border-box; padding-bottom: 1.2%; text-align: center;}
.footer_content_bottom p{ font-size: 14px; line-height: 1.5em; margin-top: 10px; letter-spacing: 0.6px;}
.footer_content_bottom p span{ margin-right: 20px;}

@media screen and (max-width:1680px){
.footer_content,.footer_content_bottom{width: 96%;}
}
@media screen and (max-width:900px){
.footer_contact_left p{ display: block; text-align: left; margin-top: 6px; margin-left: 0;}
.footer_content_bottom p{ text-align: left;}
.footer_content_bottom p span{display: block; margin-top: 3px;}
.footer_content_list { display: block;}
.footer_content_list ul{ float: none; width: 100%; margin-left: 0;}
.footer_content_list ul li:first-child{ padding-left: 25px;}
.footer_line{ margin-top: 2%;}
.footer_contact_left h3{margin: 20px 0 15px;}
.footer_content_list{ margin-top: 15px;}
}
@media screen and (max-width:560px){
.footer_container{ padding-top: 6%;}
.footer_contact_left h3{ font-size: 18px; margin-top: 10px;}
.footer_content_bottom p span{display: block; margin-bottom: 3px;}
.footer_content_bottom{ padding-bottom: 2%;}
.footer_line{ margin-top: 4%;}
.footer_contact_left img{ width: 100px;}
}