@media (min-width:100px) and (max-width: 780px){
    .hidden-xs{display:none;}
}
@media (min-width:780px){
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {height: 100%;overflow: hidden;font-size: 14px;font-family: Microsoft Yahei,Helvetica, Arial, sans-serif;}
body, html,h1,h2,h3,h4,h5,h6,p{font-weight: 300;padding: 0;margin: 0;}
ul,li,ol,dl,dt{list-style: none;padding:0;margin: 0;}
a{text-decoration: none;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
/*顶部*/
header{position: fixed;top: 0;left: 0;width: 100%;background: transparent;z-index: 999;margin-top:15px;}
header .header{width:95%;margin:0 auto;}
header .logo{float: left;width:20%;margin-left:30px;}
header .logo img{width:150px;height:40px;}
header .nav{float: right;width:91px;margin-right:30px; background: url(../img/dakai.png) no-repeat right center;background-size:15px auto; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;color: #990b14;cursor: pointer;}
header .nav span{display:inline-block;line-height:40px;vertical-align:middle;margin-right:10px;}
header .nav img{width:15px;vertical-align:middle;}
header .nav:hover{color:#990b14;}
#menu-nav-wrap {background: rgba(0,0,0,.5);color: rgba(255, 255, 255, 0.25);font-family: "montserrat-regular", sans-serif;
font-size:12px;line-height: 1.6;padding: 2rem;height: 100%;width:250px;position: fixed;
right: 0;top: 0;visibility: hidden;z-index: 9999;overflow-y: auto;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;
-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;padding-top:7%;}
.menu-is-open #menu-nav-wrap{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);visibility: visible;-webkit-overflow-scrolling: touch;}
.menu-is-open .nav{-webkit-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px);visibility: visible;-webkit-overflow-scrolling: touch;background: url(../img/guanbi.png) no-repeat right center;background-size:15px auto; }
#menu-nav-wrap li {padding:15px 0;}
#menu-nav-wrap li a{color: #fff;font-size:14px;line-height: 36px;}
#menu-nav-wrap li span{padding:0 5px 0 20px;font-size: 14px;display: inline-block;margin-right:15px;border-top:5px solid transparent;}
#menu-nav-wrap li.current a,#menu-nav-wrap li:hover a{color: #cf3a43;}
#menu-nav-wrap li.current span,#menu-nav-wrap li:hover span{border-color: #cf3a43;}
.navbg{position: fixed;display: none;z-index: 999;width: 100%;height: 100%;}


#container, .section {height: 100%;position: relative;}
#section0,  #section1,  #section2,  #section3 {color: #fff;}
#section0 {background: url(../img/banner.jpg) no-repeat center;background-size: cover;}

#section1 {background: url(../img/banner1.jpg) no-repeat center;background-size: cover;}
#section1 .home{color:#929292;border-bottom: solid 1px #929292;}
#section1 .midle{width:42%;padding-top:120px;margin-left:5%;}
#section1 .midle .intro h1{color:#333;font-weight:bold;text-align:right;font-size:24px;}
#section1 .midle .intro h1 span{display:inline-block;vertical-align:middle;}
#section1 .midle .intro h1 img{width:40px;vertical-align:middle;margin-left:10px;height:2px;}
#section1 .midle .intro .introtext{width:85%;margin:0 auto;margin-top:20px;margin-bottom:40px;}
#section1 .midle .intro .introtext p{font-size:15px;line-height:42px;color:#333333;text-align: justify;text-indent:2em;letter-spacing:1px;height:294px; width:100%;overflow: hidden;text-overflow: ellipsis;}
#section1 .classify{width:50%;margin-left:8%;height:80px;background-color:#990b14;}
#section1 .classify ul{width:100%;line-height:80px;}
#section1 .classify ul li{float:left;width:33%;text-align:center;line-height:80px;}
#section1 .classify ul li a{color:#FFFFFF;font-size:18px;}
#section1 .classify .more{width:200px;height:60px;background-color:#FFFFFF;text-align:center;}
#section1 .classify .more a{color:#990B14;font-size:18px;line-height:60px;}
#section1 .home a{color:#929292;}

#section2 {background: url(../img/banner2.jpg) no-repeat center;background-size: cover;}
#section2 .midle{width:60%;margin:0 auto;padding-top:120px;}
#section2 .midle .intro h1{color:#FFFFFF;font-weight:bold;text-align:center;font-size:24px;}
#section2 .midle .intro h1 span{display:inline-block;vertical-align:middle;}
#section2 .midle .intro h1 img{width:40px;vertical-align:middle;margin-left:10px;height:2px;}
#section2 .midle .intro h5{font-size:14px;text-align:center;margin-top:10px;color: rgba(255,255,255,0.5);letter-spacing:2px;}
#section2 .midle .new{margin-top:60px;}
#section2 .midle .newleft{float:left;width:45%;}
#section2 .midle .newleft img{width:100%;height:350px;}
#section2 .midle .newright{width:53%;float:right;}
#section2 .midle .newright ul{width:100%;}
#section2 .midle .newright ul li{width:100%;margin-bottom:23px;}
#section2 .midle .newright ul li .newsleft{float:left;width:70px;height:100px;background-color:#FFFFFF;padding:0 5px;border-radius:2px;}
#section2 .midle .newright ul li .newsleft p{color:#333333;text-align:center;margin:0;line-height:50px;font-size:14px;}
#section2 .midle .newright ul li .newsleft .rq{font-size:24px;border-bottom:1px solid rgba(0,0,0,0.2);font-style:italic;}
#section2 .midle .newright ul li .newsright{width:83%;float:right;}
#section2 .midle .newright ul li .newsright h3{font-size:16px;line-height:36px;height:36px;overflow:hidden;width:100%;text-overflow: ellipsis;margin-bottom:10px;}
#section2 .midle .newright ul li .newsright h3 a{font-size:16px;color:#FFFFFF;line-height:36px;height:36px;overflow:hidden;width:100%;text-overflow: ellipsis;}
#section2 .midle .newright ul li .newsright p{font-size:14px;line-height:28px;height:56px;overflow:hidden;width:100%;text-overflow: ellipsis;}
#section2 .midle .newright ul li .newsright p a{font-size:14px;color:#FFFFFF; line-height:28px;height:56px;overflow:hidden;width:100%;text-overflow: ellipsis;letter-spacing:1px;}
#section2 .midle .newright ul li:hover .newsleft p{color:#e11a27;}
#section2 .midle .newright ul li:hover h3 a{color:#e11a27;}
#section2 .midle .more{width:120px;height:45px;background-color:#FFFFFF;text-align:center;margin:0 auto;margin-top:40px;border-radius:1px;}
#section2 .midle .more a{color:#990B14;font-size:14px;line-height:45px;}

#section3 {background: url(../img/banner3.jpg) no-repeat center;background-size: cover;}
#section3 .midle{width:100%;margin:0 auto;padding-top:120px;}
#section3 .midle .intro h1{color:#FFFFFF;font-weight:bold;text-align:center;font-size:24px;}
#section3 .midle .intro h1 span{display:inline-block;vertical-align:middle;}
#section3 .midle .intro h1 img{width:40px;vertical-align:middle;margin-left:10px;height:2px;}
#section3 .midle .intro h5{font-size:14px;text-align:center;margin-top:10px;color: rgba(255,255,255,0.5);letter-spacing:2px;}
#section3 .flashSaleDeals {width:75%;height:400px;position: relative;overflow: hidden;margin:0 auto; margin-top:70px;}
#section3 .flashSaleDeals ul li{float:left;height:400px;}
#section3 .flashSaleDeals ul li .xsq_deal_wrapper{width:270px;height:400px;margin:0 15px;float:left;position:relative;}
#section3 .dealImg{width:270px;height:400px;}
#section3 .midle ul li .protext{position: absolute;width:270px;height: 100%;opacity: 0;left: 0;top: 0;background: rgba(160,46,53,0.8);text-align:center;line-height:400px;}
#section3 .midle ul li .protext a{border-bottom:1px solid rgba(255,255,255,0.8);text-align:center;color:#FFFFFF;font-size:16px;padding-bottom:5px;}
#section3 .midle ul li .xsq_deal_wrapper:hover .protext{opacity: 1;cursor: pointer;}
#section3 .zuo{width:50px;height:50px;background-image:url(../img/zh.png);background-size:100% 100%;background-repeat: no-repeat;display:block;position:absolute;left:100px;top:50%;}
#section3 .you{width:50px;height:50px;background-image:url(../img/yh.png);background-size:100% 100%;background-repeat: no-repeat;display:block;position:absolute;right:100px;top:50%;}

#section4 {background: url(../img/banner4.jpg) no-repeat center;background-size: cover;}
#section4 .midle{width:62%;float:right;padding-top:100px;margin-right:3%;}
#section4 .midle ul{width:100%;}
#section4 .midle ul li{width:23%;margin-left:1%;margin-right:1%;margin-bottom:20px;position:relative;float:left;}
#section4 .midle ul li img{width:225px;height:225px;margin:0;}
#section4 .midle ul li .protext{position: absolute;width:225px;height: 100%;opacity: 0;left: 0;top: 0;background: rgba(160,46,53,0.8);text-align:center;line-height:225px;}
#section4 .midle ul li .protext a{border-bottom:1px solid rgba(255,255,255,0.8);text-align:center;color:#FFFFFF;font-size:16px;padding-bottom:5px;}
#section4 .midle ul li:hover .protext{opacity: 1;cursor: pointer;}
#section4 .midle .more{width:120px;height:45px;background-color:#990B14;text-align:center;margin:0 auto;margin-top:40px;border-radius:1px;}
#section4 .midle .more a{color:#FFFFFF;font-size:14px;line-height:45px;}
#section4 .page{border-bottom:1px solid #929292;}
#section4 .page a{color:#929292;}

#section5 {background: url(../img/banner5.jpg) no-repeat center;background-size: cover;position:relative;width:100%;height:100%;}
#section5 .midle{width:50%;margin:0 auto;padding-top:120px;}
#section5 .midle .intro h1{color:#FFFFFF;font-weight:bold;text-align:center;font-size:24px;}
#section5 .midle .intro h1 span{display:inline-block;vertical-align:middle;}
#section5 .midle .intro h1 img{width:40px;vertical-align:middle;margin-left:10px;height:2px;}
#section5 .midle .intro ul{width:50%;height:86px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}
#section5 .midle .intro ul li{width:33%;float:left;text-align:center;}
#section5 .midle .intro ul li a{width:100%;display:block;color:#FFFFFF;}
#section5 .midle .intro ul li img{height:35px;display:block;margin:0 auto;}
#section5 .midle .intro ul li span{display:block;font-size:16px;margin-top:30px;}
#section5 .midle .more{width:120px;height:45px;background-color:#FFFFFF;text-align:center;margin:0 auto;border-radius:1px;position:absolute;bottom:100px;left:45%;}
#section5 .midle .more a{color:#990B14;font-size:14px;line-height:45px;}

#section6 {background: url(../img/banner6.jpg) no-repeat center;background-size: cover;position:relative;width:100%;height:100%;}
#section6 .midle{width:100%;height:300px;background-color:rgba(153,11,20,0.8);margin: auto;position: absolute;  top: 0; left: 0; bottom: 0; right: 0;}
#section6 .intro{width:60%;margin:0 auto;}
#section6 .intro .contact{width:100%;padding:30px 0;}
#section6 .intro .contact .conleft{width:70%;float:left;}
#section6 .intro .contact .conleft h1{color:#FFFFFF;font-weight:bold;text-align:left;font-size:24px;height:31px;line-height:31px;}
#section6 .intro .contact .conleft h1 span{display:inline-block;vertical-align:middle;}
#section6 .intro .contact .conleft h1 img{width:30px;vertical-align:middle;margin-left:10px;height:1px;}
#section6 .intro .contact .conleft .conbot{margin-top:40px;}
#section6 .intro .contact .conleft .conbot p{margin:0;line-height:50px;font-size:15px;color:#FFFFFF;}
#section6 .intro .contact .conleft .conbot p .con1{display:inline-block;width:40%;}
#section6 .intro .contact .conright{width:30%;float:right;text-align:right;}
#section6 .intro .contact .conright h1{color:#FFFFFF;font-weight:bold;text-align:right;font-size:24px;height:31px;line-height:31px;}
#section6 .intro .contact .conright h1 span{display:inline-block;vertical-align:middle;}
#section6 .intro .contact .conright h1 img{width:30px;vertical-align:middle;margin-left:10px;height:1px;}
#section6 .intro .contact .conright .concent{margin-top:40px;}
#section6 .intro .contact .conright .concent a{color:#FFFFFF;font-size:15px;vertical-align: middle;}
#section6 .intro .contact .conright .concent a img{width:50px;margin-left:10px;vertical-align: middle;}
#section6 .intro .contact .conright .ewmimg{width:120px;height:120px;margin-top:10px;}

.section .home,.section .page{color:#EEEEEE; border-bottom: solid 1px #EEEEEE;text-align: center;position: absolute;padding:7px;font-size:12px;}
.section .home a,.section .page a{color:#EEEEEE;}

.section .home{left: 0;top:20%;}
.section .page{right: 0;bottom:13%;cursor: pointer;}
@-webkit-keyframes sectitle0 {  
  0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes sectitle0 {  
  0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@-webkit-keyframes sec0 { 
  0% {-webkit-transform: translateX(100%);transform: translateX(100%);}
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes sec0 {
  0% {-webkit-transform: translateX(100%);transform: translateX(100%);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

@media (max-width: 900px){
    .section .home, .section .page{display: none;}
    .intro,#section0 .intro{width:80%;}
    #menu-nav-wrap{width:280px;}
    .menu-is-open .nav {
      -webkit-transform: translateX(-290px);
      -ms-transform: translateX(-290px);
      transform: translateX(-290px);
      visibility: visible;
      -webkit-overflow-scrolling: touch;
    }
    .section h3{font-size: 32px;}
    .section h5{font-size: 24px;}
    #section1 .swiper-container{width: 90%;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -30px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-30px;}
    #section3 .news .news_li{width: 48%;margin-right: 2%;}

    header{padding-top: 20px;}
}
@media (max-width: 480px){
  #menu-nav-wrap {
    width: 200px;
    padding:1rem;
    font-size: 1rem;
    padding-top: 20%;
  }
  header .nav{text-indent: -999px;}
  header .logo{
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .menu-is-open .logo {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
    -webkit-overflow-scrolling: touch;
  }
  .menu-is-open .nav {
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    visibility: visible;
    -webkit-overflow-scrolling: touch;
  }
  #menu-nav-wrap li{padding: 0;}
  #menu-nav-wrap li span{padding-left: 20px;}
}
}