/* 前端：白明明 */

*{ margin:0; padding:0;}

body { background: #f5f5f5; margin:0 auto;max-width: 1920px;  overflow-x: hidden;min-width: 1280px;position: relative; width: 100%;color: #333;font-family:microsoft yahei,arial,微软雅黑; font-size:14px;  line-height:1;padding-top: 120px;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; color: #333;font-family:微软雅黑,microsoft yahei,arial; font-size:14px;  line-height:1;}

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;font-family:microsoft yahei,arial,微软雅黑; font-size:14px;  line-height:1;}

.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;transform: translateZ(0);-webkit-transform: translateZ(0);}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:8px;}

body::-webkit-scrollbar-thumb{ background:#000;outline-offset: -2px;outline: 2px solid #fff;-webkit-border-radius: 4px;border: 2px solid #fff;}

body::-webkit-scrollbar-track{ background:#fff;}

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

/*分页*/

.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}

.a_dw{position: relative;top: -120px;}

.box { padding: 0 260px; box-sizing: border-box; margin: 0 auto;min-width: 1200px; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.page1{clear:both; text-align:center;font-size:18px; line-height: 45px;height: 45px;margin: 50px 0 0;position: relative;z-index: 5;}

.page1 span a{ color:#333;padding:10px 15px; text-decoration:none;}

.page1 span a:hover,.page1 span.current a{  background:#bc0b28; color:#fff;}

.page1 span{margin:2px;font-size: 14px;}

.page2{width: 120px;height: 40px;background: #bc0b28;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;text-align: center;}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.head{position: fixed;width: 100%;height: 140px;top: 0;left: 0;z-index: 10;background: #1a1a1a;box-sizing: border-box;padding: 25px 95px ;}

.head .hlt{float: left;}

.head .hlt *,.head .hrt *{color: #d1ccc7; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.head .hlt a{display: block;float: left;line-height: 40px;font-size: 16px;color: #fff;}

.head .hlt a:nth-child(1){padding-right: 15px;margin-right: 5px; background: url(/static/home/images/6.png) center right no-repeat;}

.head .hlt a:hover{color: #fff;}

.head .hlt .sousuo{float: left;border:1px solid rgba(0,0,0,0);overflow: hidden;border-radius: 30px;cursor: pointer;width: 60px;margin-top: 5px;}

.head .hlt .sousuo a{display: block;width: 30px;height: 30px;float: right;background: url(/static/home/images/1.png) center no-repeat;}

.head .hlt .sousuo input{float: left; display: block;width: 0;background: transparent;color: #000; height: 30px;box-sizing: border-box;border:none;outline: none;padding: 0 10px;}

.head .hlt .sousuo.act{background: #fff;border:1px solid #fff;width: 240px;margin-left: 20px;}

.head .hlt .sousuo.act a{background: url(/static/home/images/1_1.png) center no-repeat;}

.head .hlt .sousuo.act input{width: calc(100% - 40px);}

.head .hrt{float: right;padding-top: 7px;}

.head .hrt a{float: left;width: 25px;height: 25px;border:1px solid #807c79;border-radius: 50%;margin-left: 10px;position: relative;z-index: 2;}

.head .hrt a s{position: absolute;display: block;width: 100%;height: 100%;background: #e5dfd9;border-radius: 50%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: -1;}

.head .hrt a span{display: block;width: 100%;height: 100%;background-size: 110%;}

.weixin span{background: url(/static/home/images/2.png) center no-repeat;}

.xinlang span{background: url(/static/home/images/3.png) center no-repeat;}

.tianmao span{background: url(/static/home/images/4.png) center no-repeat;}

.jingdong span{background: url(/static/home/images/5.png) center no-repeat;}
.instagram span{background: url(/static/home/images/yingyong_hover.png) center no-repeat;}
.facebook span{background: url(/static/home/images/facebook_hover.png) center no-repeat;}

.head .hrt a:hover s{transform: scale(1);-webkit-transform: scale(1);}

.head .hrt a:hover{border:1px solid #e5dfd9;}

.weixin:hover span{background: url(/static/home/images/2_1.png) center no-repeat;} 

.xinlang:hover span{background: url(/static/home/images/3_1.png) center no-repeat;} 

.tianmao:hover span{background: url(/static/home/images/4_1.png) center no-repeat;} 

.jingdong:hover span{background: url(/static/home/images/5_1.png) center no-repeat;} 
.instagram:hover span{background: url(/static/home/images/yingyong.png) center no-repeat;} 
.facebook:hover span{background: url(/static/home/images/facebook.png) center no-repeat;} 

.head .hrt a .ewm{width: 120px;height: 0px;position: relative;left: -50px;top: 10px;overflow: hidden;}

.head .hrt a .ewm img{display: block;width: 120px;height: 120px;}

.head .hrt a:hover .ewm{height: 120px;}

.hen{width: 1150px;position: absolute;top: 20px;left: 50%;margin-left: -510px;z-index: -1;padding-top: 57px;}

.logo{width: 96px;position: absolute;top: 25px;left: 50%;margin-left: -48px;}

.logo img{display: block;width: 100%;}

.hen .hbt a{float: left;line-height: 1;color: #d1ccc7; padding-top: 20px;font-size: 16px;font-weight: bold;letter-spacing:2px;margin-right: 110px;}

.hen .hbt a:last-child{margin-right: 0;}

/* .hen .hbt a:hover,.hen .hbt a.act{color: #fff;} */

.hen .hbt a:hover{color: #fff;}

.head2{position: fixed;width: 100%;top: 140px;left: 0;z-index: 10;background: rgba(255,255,255,0.95);padding: 25px 0;display: none;}

.head2 .ul1{width: 1020px;margin: 0 auto;}

.head2 .ul1 li{min-height: 40px;}

.head2 .ul1 li span{display: block;width: 100px;float: left;font-weight: bold;}

.head2 .ul1 li div{display: block;float: right;width: calc(100% - 100px);}

.head2 .ul1 li span a{font-weight: bold;color: #1a1a1a;font-size: 16px;}

.head2 .ul1 li a{display: block;float: left; color: #666;margin-bottom: 0px;position: relative;left: 0;line-height: 30px;}

.head2 .ul1 li div a{margin-right: 20px;}

.head2 .ul1 li div a:hover {color: #000;left: 5px;}


.boxx .item{
    float: left;
    width: 150px;
    height:50px;
    text-align: center;
    font-size: 16px;
    color: #d1ccc7;
    background-color: #1a1a1a;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 2px;

}
.boxx .item a{display: block;text-align: center;height: 50px;line-height: 50px; font-size:16px;  color: #d1ccc7;font-weight: bold;
    letter-spacing: 2px;}

.item ul{
    display: none;

    font-size: 16px;
    font-family:'仿宋';
    font-weight: 600;
    background-color: #1a1a1a;
    color: rgb(0, 0, 0);
}
.item:hover{color:#fff;}
.item:hover ul{
    display: block;

}
.item ul li:hover{
    color: #fff;
}



/* 首页 */

.swiper1{}

.swiper1 img{display: block;width: 100%;transform: scale(1.2);-webkit-transform: scale(1.2);-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.swiper1 .mimg{display: none;}

.swiper1 .pagination1{bottom: 50px !important;}

.swiper1 .swiper-slide-active img{transform: scale(1);-webkit-transform: scale(1);-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;}

.swiper1 .pagination1 span,.swiper0 .pagination0 span{background: rgba(0,0,0,0);border:1px solid #fff;opacity: 1;}

.swiper1 .pagination1 .swiper-pagination-bullet-active,.swiper0 .pagination0 .swiper-pagination-bullet-active{background: #fff;}

.swiper1 .prev1{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;opacity: 0; width: 16.5%;height: 100%;top: 0;left: 0;margin: 0;background: url(/static/home/images/0_1.png) center no-repeat;}

.swiper1 .next1{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;opacity: 0; width: 16.5%;height: 100%;top: 0;right: 0;margin: 0;background: url(/static/home/images/0_2.png) center no-repeat;}

.swiper1:hover .prev1,.swiper1:hover .next1{opacity: 1;}


.i1{}

.swiper0{margin-top: 100px !important;}

.swiper0 a{display: block;}

.swiper0 img{display: block;width: 100%;}

.i1 img{display: block;width: 100%;}

.swiper0 .mimg{display: none;}

.swiper0 .prev0{width: 50px;height: 50px;left: 10%;background: url(/static/home/images/00.png) center no-repeat;margin-top: -25px;}

.swiper0 .next0{ width: 50px;height: 50px;right: 10%;background: url(/static/home/images/01.png) center no-repeat;margin-top: -25px;}


.i2{text-align: center;}

.i2 .tt{padding: 100px 0 55px;display: inline-block;border-bottom: 1px solid #a0a0a0;margin-bottom: 40px;}

.i2 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.i2 .ul1{}

.i2 .ul1 li{width:21.785%;float: left;margin-right: 4.285%; }

.i2 .ul1 li:nth-child(4){margin-right: 0;}

.i2 .ul1 li .img,.i2 .ul1 li .img img{display: block;width: 100%;overflow: hidden;}

.i2 .ul1 li .txt{line-height: 80px;position: relative;overflow: hidden;z-index: 3;}

.i2 .ul1 li .txt s{display: block;position: absolute;width: 0%;height: 100%;background: #fff;top: 50%;left: 50%;z-index: -1;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.i2 .ul1 li:hover s{width: 100%;}

.i2 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.i3{text-align: center;padding-bottom: 50px;}

.i3 .tt{padding: 100px 0 55px;display: inline-block;border-bottom: 1px solid #a0a0a0;margin-bottom: 40px;}

.i3 .ul1{}

.i3 .ul1 li{float: left;position: relative;margin-bottom: 7px;margin-right: .5%;}

.i3 .ul1 li .img,.i3 .ul1 li .img img{display: block;width: 100%;overflow: hidden;}

.i3 .ul1 .li1{width: 49.57%;}

.i3 .ul1 .li2{width: 24.71%;}

.i3 .ul1 .li3{width: 24.71%;}

.i3 .ul1 li:nth-child(3n){margin-right: 0;}

.i3 .ul1 .li2 .img:nth-child(1){margin-bottom: 1.5%;}

.i3 .ul1 li .img img{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.i3 .ul1 li .img:hover  img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;transform: scale(1.05);-webkit-transform: scale(1.05);}

.i4{height: 520px;text-align: center;}

.i4 .tt{font-size: 50px;color: #fff;text-align: center;padding: 190px 0 35px;}

.i4 .bf{width: 62px;height: 62px;background: url(/static/home/images/7.png) center no-repeat;margin: 0 auto;background-size: cover;cursor: pointer;}

.i5{text-align: center;padding-bottom: 50px;}

.i5 .tt{padding: 100px 0 55px;display: inline-block;border-bottom: 1px solid #a0a0a0;margin-bottom: 40px;}

.i5 .ibox{position: relative;width: 100%;}

.i5 .swiper2{}

.i5 .swiper2 img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;display: block;width: 100%;}

.i5 .swiper2 .swiper-slide *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;text-align: justify;}

.i5 .swiper2 .swiper-slide:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.i5 .swiper2 .swiper-slide .stt{margin: 30px 0 10px;}

.i5 .swiper2 .swiper-slide .stc{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.i5 .ibox .prev2{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 32px;height: 60px;left: -50px;background: url(/static/home/images/8.png) center no-repeat;margin-top: -30px;}

.i5 .ibox .next2{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 32px;height: 60px;right: -50px;background: url(/static/home/images/9.png) center no-repeat;margin-top: -30px;}

.i5 .ibox .prev2:hover{background: url(/static/home/images/8_1.png) center no-repeat;}

.i5 .ibox .next2:hover{background: url(/static/home/images/9_1.png) center no-repeat;}



/* 底部 */

.footer{padding: 70px 0;background: #1a1a1a;}

.footer *{color: #666;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.footer .ul1{float: left;}

.footer .ul1 li{width: 100px;float: left;}

.footer .ul1 li:nth-child(1),.footer .ul1 li:nth-child(7){width: 170px;}
.footer .ul1 li:last-child{width: 180px;}

.footer .ul1 li .ltt a{font-weight: bold;color: #e5dfd9;margin-bottom: 30px;}

.footer .ul1 li .ltc a{font-size: 12px;margin-bottom: 15px;}

.footer .ul1 li a:hover{color: #fff;}

.footer .frt{width: 250px;float: right;}

.footer .ftt{margin-bottom: 40px;}

.footer .ftt a{float: left;width: 40px;height: 40px;border:1px solid #807c79;border-radius: 50%;margin-right: 15px;position: relative;z-index: 2;margin-bottom: 10px;}

.footer .ftt a s{position: absolute;display: block;width: 100%;height: 100%;background: #e5dfd9;border-radius: 50%;top: 0;left: 0;transform: scale(.01);-webkit-transform: scale(.01);z-index: -1;}

.footer .ftt a span{display: block;width: 100%;height: 100%;background-size: 110%;}

.footer .ftt a:hover s{transform: scale(1);-webkit-transform: scale(1);}

.footer .ftt a:hover{border:1px solid #e5dfd9;}

.footer .ftt2{font-size: 12px;margin-bottom: 5px;line-height: 1.8;}

.footer .ftt3 a{width: 83px;float: left;opacity: .4;}

.footer .ftt3 a img{display: block;width: 100%;}

.footer .ftt3 a:hover{opacity: 1;}

.footer .ftt a .ewm{width: 100px;height: 0px;position: relative;left: -30px;top: 10px;overflow: hidden;}

.footer .ftt a .ewm img{display: block;width: 100px;height: 100px;}

.footer .ftt a:hover .ewm{height: 100px;}



.footer2{background: #000;}

.footer2 *{color: #666;line-height: 45px;display: inline-block;}

.footer2 div{display: block;}

.footer2 span{display: block;float: right;}


/* 视频弹窗 */

.tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.9);z-index: 11;display: none;}

.tanchuang .tbox{width: 80%;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.tanchuang .tbox .out{width: 50px;height: 50px;position: absolute;top: 0;right: -70px;background: url(/static/home/images/out.png) center no-repeat;background-size: 100%;cursor: pointer;}

.tanchuang .tbox video{display: block;width: 100%;}

/* 新闻 */

.ne1{position: relative;padding: 95px 0 85px;z-index: 3;background: #ededed;}

.ne1 video{display: block;width: calc(100% - 300px);float: right;}

.ne1 .ner{-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;width: 26%;height: 55vh;background: #383838;position: absolute;top: 0;right: 0;transform: scale(0);-webkit-transform: scale(0);transform-origin:top right;-webkit-transform-origin:top right;display: none;}

.ne1 .ner.act{transition-delay: .3s;-webkit-transition-delay: .3s; transform: scale(1);-webkit-transform: scale(1);}

.ne1 .box .bbox{position: relative;width: 100%;}

.ne1 .box .nlt{line-height: 24px;position: absolute;height: 100%;}

.ne1 .box .nlt .xian{-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;width: 1px;height: 0;background: #333;margin: 10px 0 0 10px;}

.ne1 .box .nlt .xian.act{transition-delay: .3s;-webkit-transition-delay: .3s;height: calc(100% - 240px);}

.ne1 .box .nbf{width: 300px;height: 110px;background: #383838;color: #fff;font-weight: bold;text-align: center;position: absolute;left: 0;bottom: 0;line-height: 110px;}

.ne1 .box .nbf img{display: block;float: right;width: 110px;cursor: pointer;position: absolute;top: 0;right: -110px;}

/* .ne2{background: url(/static/home/images/15.png) center top no-repeat;} */

.ne2{background-size: cover !important;}

.ne2 .ntp{width: 900px;margin: 0 auto;}

.ne2 .ntp .img{display: block;width: 100%;margin-bottom: 40px;}

.ne2 .ntp .ntc{}

.ne2 .ntp .ntc .txt{
  /* width: calc(100% - 350px); */
  display: flex;
  flex-direction: column;
  float: left;box-sizing: border-box;padding: 35px 80px 0;background: url(/static/home/images/14.png) top left no-repeat;margin-top: 75px; line-height: 2;}

/* .ne2 .ntp img{display: block;float: right;width: 300px} */
.ne2 .ntp img{display: block;float: right;width: 100%}


.ne2 .ul1{padding: 40px 0 140px;width: 1140px;margin: 0 auto;}

.ne2 .ul1 li{}

.ne2 .ul1 li .lbox{width: 500px;margin-top: -350px;}

.ne2 .ul1 li:nth-child(2n) .lbox{float: right;}

.ne2 .ul1 li span{display: block;font-size: 95px;color: #e5e5e5;margin-bottom: 30px;}

.ne2 .ul1 li img{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;display: block;width: 100%;}

.ne2 .ul1 li:nth-child(1) .lbox{margin-top: 0px;}

.ne2 .ul1 li .lbox:hover img{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray; }

/* 产品 */

.pr1{padding: 90px 0;text-align: center;}

.pr1 .tt{}

.pr1 .abnt{margin: 40px auto 20px;text-align: center;}


.pr1 .abnt a{display: inline-block; width: 100px;box-sizing: border-box;line-height: 40px;border:1px solid #666;padding: 0 margin: 0 0 10px;}

.pr1 .abnt a:hover,.pr1 .abnt a.act{background: #333;color: #fff;}

.nav{width: 100%;height: 50px;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}

.nav .nav_d1{width: 140px;float: left;position: relative;cursor: pointer;z-index: 3;}

.nav .nav_d1 .ntp{width: 100%;line-height: 50px;border-right: 1px solid #d2d2d2;box-sizing: border-box;}

.nav .nav_d1 .ntp span{display: inline-block;padding-right:15px;background: url(/static/home/images/2_2.png) center right no-repeat; }

.nav .nav_d1:nth-child(1) .ntp span{padding:0 0 0 25px;background: url(/static/home/images/2_3.png) center left no-repeat;}

.nav .nav_d1:nth-child(1) {display: none;}

.nav .nav_d1 .nbt{display: none; padding: 10px 0;border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;position: absolute;left: 0;top: 51px;width: 100%;box-sizing: border-box;background: #f5f5f5;}

.nav .nav_d1 .nbt a{line-height: 34px;}

.nav .nav_d1 .nbt a:hover{background: #e6e6e6;color: #000;}

.pr1 .tt2{margin: 50px 0;}

.pr1 .ul1{}

.pr1 .ul1 *{-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

.pr1 .ul1 li{width: 23.5%;float: left;margin-right: 2%;}

.pr1 .ul1 li:nth-child(4n){margin-right: 0;}

.pr1 .ul1 li .img,.pr1 .ul1 li .img img{display: block;overflow: hidden; width: 100%;position: relative;-webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}

.pr1 .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.pr1 .ul1 li .img:hover  img:nth-child(2){opacity: 1;}

.pr1 .ul1 li .txt{padding: 20px 0 40px;height: 20px;overflow: hidden;text-align: justify;}

.pr1 .ul1 li .txt .li_tt{width: calc(100% - 110px);float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.pr1 .ul1 li .txt .color{width: 96px;float: right;}

.pr1 .ul1 li .txt .color span{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;width: 30px;float: left;height: 8px;margin-left: 3px;cursor: pointer;}

.pr1 .ul1 li .txt .color span:nth-child(1){margin: 0;}

.pr1 .ul1 li .txt .color span.act{height: 16px;}

.blue{background: #d8e3f1;}

.blank{background: #313131;}

.gray{background: #9d8a7c;}

.black_010{background:rgba(0,0,0,1);} 

.white_020{background:rgba(255,255,255,1);} 

.yellow_050{background:rgba(255,255,0,1);} 

.orange_060{background:rgba(255,165,0,1);} 

.pink_114{background:rgba(255,192,203,1);} 

.red_070{background:rgba(255,0,0,1);} 

.red_289{background:rgba(178,34,34,1);} 

.brown_080{background:rgba(128,64,0,1);} 

.purple_090{background:rgba(128,0,128,1);} 

.grey_102{background:rgba(211,211,211,1);} 

.grey_101{background:rgba(128,128,128,1);} 

.green_042{background:rgba(6,235,0,1);} 

.green_046{background:rgba(98,90,5,1);} 

.blue_282{background:rgba(0,128,128,1);} 

.blue_032{background:rgba(173,216,230,1);} 

.blue_031{background:rgba(0,0,139,1);} 


.pr1 .more{width: 300px;line-height: 45px;background: #212121;color: #fff;text-align: center;margin: 80px auto 0;}

.container {
  width: 100%;
}
.coon_1500 {
  position: relative;
  width: 78%;
  margin: 0 auto;
}

.top {
  /*position:relative;*/
  background-color: #000000;
  background-repeat: repeat;
  background-size: auto;
}

.bannerss {
  position: relative;
  /*width: 100%;*/
  /*display:inline-block;*/
  max-width: none;
  height: 886px;
  max-height: none;
  box-shadow: 0px 0px 10px 1px transparent;
  object-fit: fill;
}

.navvv {
    /*width:10%;*/
   /*position: fixed;*/
   /*right:60px;*/
   /*top:200px;*/
   /*width:200px;*/
   /*background:#000;*1
   /*z-index: 200;*/
  /*display: inline-block;*/
  position: absolute;
  bottom: 120px;
  right: 4%;
}

.names {
  font-family: 微软雅黑;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  background-color: transparent;
  line-height: 50px;
  text-decoration: none;
  text-align: left;
  margin-bottom:20px;
  padding-left:10px;
}
.names ul{
    width:120px;
}

.nav_name {
  font-family: 微软雅黑;
  font-size: 14px;
  display: block;
  padding:2px 10px;

  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  background-color: transparent;
  line-height: 26px;
  text-decoration: none;
  text-align: left;
}

.content {
  margin-top: 80px;
  position: relative;
}
.content img {
  /*width: 100%;*/
  max-width: none;
  height: 649px;
  max-height: none;
  opacity: 1;
  box-shadow: 0px 0px 10px 1px transparent;
  object-fit: fill;
}
.content .pic {
  position: relative;
}
.content .details {
  position: absolute;
  right: 0.7rem;
  bottom: 0.7rem;
  padding: 30px;
  font-family: 微软雅黑;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  color: #000000;
  background-color: transparent;
  line-height: 26px;
  text-decoration: none;
  text-align: left;
  background-color: #ffffff;
}

.content .details .details_name {
  font-size: 20px;
  font-weight: bold;
}
.content .details .details_tips {
  font-size: 14px;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content .details .details_more {
  padding: 10px 20px;
  vertical-align: middle;
  display: table-cell;
  font-family: 微软雅黑;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #ffffff;
  /*background-color: #000000;*/
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 0px 10px 0 transparent;
  cursor: pointer;
  border: solid 1px #000;
}
.content .list {
  width: 100%;
}
.content .list .list-top {
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: 微软雅黑;
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  color: #000000;
  background-color: transparent;
  line-height: 30px;
  text-decoration: none;
  text-align: left;
}
.content .list .list-top title {
  float: left;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}
.content .list .list-top .all {
  float: right;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 26px;
  cursor: pointer;
}
.content .all:hover {
  text-decoration: underline;
}
.content .list::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.content .list-content {
  width: 100%;
  margin: 0;
}
.content .list-content::before {
  display: table;
  content: "";
}
.content .list-content::after {
  display: table;
  content: "";
}
.content .row {
  width: 33.33333333%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  margin: 10px 0;
  box-sizing: border-box;
}
.content .in-row {
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.content .in-row::before {
  display: table;
  content: "";
  box-sizing: border-box;
}
.content .in-row::after {
  display: table;
  content: "";
  box-sizing: border-box;
}
.content .good_img {
  text-align: center;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.content .bottom-cont {
  padding: 10px;
}
.content .goods_title {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  color: #333333;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}
.content .y-price {
  display: inline-block;
  font-size: 14px;
  font-family: 微软雅黑;
  font-style: normal;
  color: #000000;
}
.content .mark-price {
  display: inline-block;
  color: #999;
  font-size: 12px;
  margin-left: 10px;
  text-decoration: line-through;
  line-height: 30px;
}

.good-item-search {
  width: calc(100% - 60px);
  float: left;
  font-size: 12px;
  line-height: 22px;
  margin-left: 5px;
  padding: 0;
  background: 0 0;
  border: 0;
  outline: 0;
  border: 1px solid #b6b6b6;
  padding: 6px 5px;
}
.good-btn {
  float: left;
  height: 36px;
  width: 36px;
  font-size: 12px;
  line-height: 36px;
  color: #ffffff;
  text-align: center;
  border-color: #000000;
  background-color: #000000;
  cursor: pointer;
}



/* 详情 */

.por1{padding: 80px 0;min-height: 500px;}

.por1 .ul1{width: calc(100% - 550px);float: left;}

.por1 .ul1 li{display: none;}

.por1 .ul1 li:nth-child(1){display: block;}

.por1 .ul1 li img{display: block;width: 100%;}

.por1 .ul1 li .img1{margin-bottom: 40px;}

.por1 .ul1 li .img2 img{width: calc(50% - 20px);float: left;}

.por1 .ul1 li .img2 img:nth-child(2n){float: right;}

.por1 .prt{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 470px;float: right;position: absolute;top: 120px;right: 260px;}

.por1 .pbox{position: relative;}

.por1 .prt .tt{color: #000;}

.por1 .prt .tt2{color: #000;padding: 30px 0;border-bottom: 1px solid #e5e5e5;}

.por1 .prt .tc1{margin: 25px 0;color: #4c4c4c;}

.por1 .prt .abtn{}

.por1 .prt .color{margin-bottom: 55px;height: 16px;}

.por1 .prt .color span{cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;width: 30px;height: 8px;float: left;margin-right: 10px;}

.por1 .prt .color span.act{height: 16px;}

.por1 .prt .abtn a{display: block;width: 49%;float: left;line-height: 50px;background: #333;text-align: center;}

.por1 .prt .abtn a span{display: inline-block;color: #fff;padding-left: 30px;background: url(/static/home/images/2_5.png) center left no-repeat;}

.por1 .prt .abtn a:nth-child(2n){float: right;}

.por1 .prt .abtn a:nth-child(2n) span{background: url(/static/home/images/2_6.png) center left no-repeat;}

.por1 .prt .abtn a:hover{background: #df3033;}

.por1 .prt.act{position: fixed;top: 200px;}


/* 搜索结果 */

.pr1 .sear1{border:1px solid #ddd;box-sizing: border-box;padding: 0 10px;width: 1000px;margin: 0 auto 50px;}

.pr1 .sear1 span{display: block;width: 60px;height: 60px;float: right;}

.pr1 .sear1 input{font-size: 16px; display: block;width: calc(100% - 60px);float: left;border:none;outline: none;height: 60px;background: transparent;}


/* 线下店铺 */

.banner{position: relative;width: 100%;}

.banner img{display: block;width: 100%;}

.banner .txt{/*position: absolute;width: 100%;top: 0;left: 0;*/text-align: center;}

.banner .txt .tt{font-size: 54px;color: #fff;padding: 20vh 0 5vh;}

.banner .txt .tc{width: 400px;margin: 0 auto;height:100px;}

.banner .txt .tc select{width: 49%;height: 40px !important;float: left;box-sizing: border-box;padding: 0 10px;border-radius: 30px;overflow: hidden;}

.banner .txt .tc select:nth-child(2){float: right;}

.stor1{padding: 80px 0;}

.map{position: relative;}

.map #map{display: block;border:none;width: calc(100% - 450px);float: right; height: 550px;border:1px solid #ddd; position: relative;z-index: 1!important;}

.map .mbox{width: 420px;height: 550px;z-index: 5;box-sizing: border-box;float: left;}

.map .mbox *{color: #fff;}

.map .mbox .abtn{}

.map .mbox .abtn a{display: block;float: left;width: 195px;line-height: 46px;float: left;background: #0f3a5d;font-size: 16px;}

.map .mbox .abtn a:nth-child(2){float: right;}

.map .mbox .abtn a:hover{background: #fff;color: #0f3a5d;}

.map .mbox .abtn2{margin: 30px 0;padding-top: 30px;border-top: 2px solid #0f3a5d;}

.map .mbox .abtn2 select{display: block;float: left;width: 195px;padding: 0 10px ; height: 46px;box-sizing: border-box;border:none; line-height: 46px;float: left;background: #0f3a5d;font-size: 16px;}

.map .mbox .abtn2 select:nth-child(2){float: right;}

.map .mbox ._scroll{width: 100%;height: 550px;position: relative;}

.map .mbox .div_scroll{box-sizing: border-box;padding-right: 20px;}

.map .mbox .div_scroll dd{box-sizing: border-box;width: 100%;padding: 20px ; cursor: pointer;}

.map .mbox .div_scroll dd .dtt{line-height: 1.5;color: #1e2e53;}

.map .mbox .div_scroll dd .dtt span{display: block;float: left;width: 25px;line-height: 26px;font-size: 18px;}

.map .mbox .div_scroll dd .dtt .dr_rt{text-align: justify;float: left;width: calc(100% - 25px);}

.map .mbox .div_scroll dd .dtt *{color: #a8aeb2;}

.map .mbox .div_scroll dd .dtt .de_d1 {color: #666;font-size: 18px;}

.map .mbox .div_scroll dd.active {background: #ebebeb;}

.map .mbox .div_scroll dd.active *,.map .mbox .div_scroll dd.active .de_d1{color: #333;}

.map .mbox .div_scroll dd .h3{display: none;}

.map .mbox ._scroll ._scroll_box{opacity: 1 !important;background: #e3e3e3;width: 1px !important; right: 6px !important;}

.map .mbox ._scroll ._scroll_bar{opacity: 1 !important;background:#a0a0a0 url(../images/6_1.png) center no-repeat; border-radius: 10px;width: 14px !important;}

.map .BMap_Marker .BMapLabel{opacity: 0;}

.map .BMap_Marker.act .BMapLabel{opacity: 1;}

/* .map .BMap_Marker.BMap_noprint {background: url(/static/home/images/dw.png) center no-repeat !important ;} */


/* 男子 */

.man1{padding-top: 70px;}

.man1 .num{width: 20%;float: left;}

.man1 .num img{display: block;width: 100%;}

.man1 .num .xian{display: block;width: 1px;height: 320px;margin: 30px 0 30px 30%;background: #000;}

.man1 .num .tc{font-size: 50px;line-height: 1.2;padding-left: 20%;}

.man1 .img1{width: 45.7%;float: left;}

.man1 .img1 img{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;display: block;width: 100%;position: relative;top: -25px;}

.man1 .img2{width: 30.7%;float: right;}

.man1 .img2 img{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;display: block;width: 100%;display: block;width: 100%;position: relative;}

.man1 .img2 .tt{font-weight: bold;color: #4c4c4c;margin: 25px 0 20px;line-height: 1.5;}

.man1 .img2 .tc{line-height: 1.5;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden}

.man1 .img1:hover img,.man1 .img2:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.man1 .img3{width: 80%;float: right;}

.man2{margin-top: 70px;}

.man2 .tt{position: relative;top: -20px;margin-bottom: 10px;}

.man2 .abnt{}

.man2 .abnt a{display: block;width: 32.85%;float: left;position: relative;overflow: hidden;margin-right: 0.725%;}

.man2 .abnt a:nth-child(3){margin-right: 0;}

.man2 .abnt a img{display: block;width: 100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

.man2 .abnt a .txt{position: absolute;width: 100%;text-align: center;color: #fff;font-weight: bold;top: 50%;left: 0;margin-top: -18px;font-size: 26px;letter-spacing:5px;}

.man2 .abnt a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.man3 .tt{text-align: justify;margin-bottom: 30px;}

.man3 .ul1 li{width: 19.5%;float: left;margin-right: 0.625%;}

.man3 .ul1 li:nth-child(4n){margin-right: 0.625%;}

.man3 .ul1 li:nth-child(5n){margin-right: 0;}

.man3 .ul1 li .txt .color{width: 100%;float: none;height: 16px;}

.man3 .ul1 li .txt .li_tt{width: 100%;margin-top: 10px;}


/* 历史 */

.swiper3{background: #2e2e2e;}

.swiper3 .swiper-slide{width: 80%;}

.swiper3 .swiper-slide .sbox > img{display: block;width: 100%;}

.swiper3 .swiper-slide .sbox{position: relative;overflow: hidden;}

.swiper3 .txt{position: absolute;text-align: center;top: 0;left: 0;width: 100%;z-index: 5;}

.swiper3 .num{margin-top: 20vh;height: 150px;overflow: hidden;position: relative;}

.swiper3 .num .nbox{position: absolute;top: 0;left: 0;width: 100%;}

.swiper3 .num .nbox span{display: inline-block;width: 100px;overflow: hidden;font-size: 160px;font-weight: bold;position: relative;top: 150px; color: #dba93d;}

.swiper3 .en{margin: 20px 0 30px; color: #dba93d;opacity: 0;}

.swiper3 .en.act{opacity: 1;}

.swiper3 .tbox{width: 800px;height: 220px;background: rgba(0,0,0,0.5);margin: 0 auto;box-sizing: border-box;padding: 20px;}

.swiper3 .tbox img{display: block;width: 300px;float: left;height: 180px;}

.swiper3 .tbox .trt{width: 410px;color: #fff;font-weight: bold;line-height: 1.8;text-align: justify;float: left;padding: 30px 0 0 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden}

.swiper3 .swiper-slide{background: #000;}

.swiper3 .swiper-slide img{opacity: .6;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.swiper3 .swiper-slide-active img{opacity: 1;}

.swiper3 .swiper-slide .sbox .ls_d1{position: absolute;width: 100%;left: 0;bottom: 50px;border-bottom: 2px solid rgba(255,255,255,0.6);text-align: center;}

.swiper3 .swiper-slide .sbox .ls_d1 .dtxt1{position: absolute;color: #fff;width: 60px;text-align: center;padding-bottom: 20px;background: url(/static/home/images/5_4.png) center bottom no-repeat;margin-left: -30px; top: -26px;left: 6%;}

.swiper3 .swiper-slide .sbox .ls_d1 .dtxt2{display: none;}

.swiper3 .swiper-slide .sbox .ls_d1 .dtxt3{left: auto;right: 4%;}

.swiper3 .swiper-slide-active .sbox .ls_d1 .dtxt1{background: url(/static/home/images/5_4_1.png) center bottom no-repeat;}

.swiper3 .prev3{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 32px;height: 60px;left: 12%;background: url(/static/home/images/8.png) center no-repeat;margin-top: -30px;}

.swiper3 .next3{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 32px;height: 60px;right: 12%;background: url(/static/home/images/9.png) center no-repeat;margin-top: -30px;}

.swiper3 .prev3:hover{background: url(/static/home/images/8_1.png) center no-repeat;}

.swiper3 .next3:hover{background: url(/static/home/images/9_1.png) center no-repeat;}

.swiper3 .swiper-button-prev.swiper-button-disabled,.swiper3 .swiper-button-next.swiper-button-disabled{opacity: 0;}

.swiper3 .num .nbox.act span{top: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.swiper3 .num .nbox.act span:nth-child(2){transition-delay: .1s;-webkit-transition-delay: .1s;}

.swiper3 .num .nbox.act span:nth-child(3){transition-delay: .2s;-webkit-transition-delay: .2s;}

.swiper3 .num .nbox.act span:nth-child(4){transition-delay: .3s;-webkit-transition-delay: .3s;}

.swiper3 .swiper-slide-active .sbox .ls_d1 .dtxt1{left: 50%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

.swiper3 .swiper-slide-active .sbox .ls_d1 .dtxt3{display: none;}




/* 童装 */

.man2 .ul1 {}

.man2 .ul1 *{-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

.man2 .ul1 li{position: relative;width: 28%;float: left;margin-right: 1%;}

.man2 .ul1 li.li3{margin-right: 0;width: 41.85%;float: right;}

.man2 .ul1 li .img,.man2 .ul1 li .img img{display: block;width: 100%;position: relative;overflow: hidden;}

.man2 .ul1 li .img .txt{font-weight: bold;color: #fff;position: absolute;left: 0;width: 100%;top: 50%;margin-top: -18px;text-align: center;font-size: 26px;}

.man2 .ul1 li .img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.man2 .ul1 li.li3 .ltp .img{width: 49%;float: left;}

.man2 .ul1 li.li3 .ltp .img:nth-child(2){float: right;}

.man2 .ul1 li.li3 .lbt{margin-top: 1.5%;}

.man1 .num2{float: right;}

.man1 .img4{float: left;width: 38%;}

.man1 .img5{float: left;width: 38%;margin-left:4%;}

.man1 .img4 img{top: 0;}

.man1 .img5 img{margin-top: 50px;}

.man1 .num2 .xian{margin-left: 68%;}

.man1 .num2 .tc{text-align: center;padding-left: 36%;}



@media(max-width: 1680px){

	.head{padding: 25px 40px ;}

	.box {padding: 0 40px;}

	.nav .nav_d1{width: 120px}

	.por1 .prt{right: 50px;}

	.swiper3 .swiper-slide .sbox .num{font-size: 100px;margin-top: 10vh;}

	.swiper3 .num{margin-top: 8vh;}

	.swiper3 .swiper-slide .sbox .ls_d1{bottom: 25px;display: ;}

}




@media(max-width: 1440px){

    .f_32{ font-size:30px; }

	.f_34{ font-size:32px; }

	.f_36{ font-size:34px; }

	.f_48{font-size: 36px;}



}

.m_head ,.m_nav ,.swiper4,.swiper5,.mnav,.mcaidan,.banner .mimg,.pr1 .swiperm0 , .man2 .swiperm00 {display: none;}

.swiper3 .swiper-slide .sbox > img.mimg{display: none;}




@media (max-width: 1200px){

  body{min-width: 200px;padding: 0;padding-top: 50px;} 

  .f_16{ font-size:14px; }

  .f_18{ font-size:16px; }

  .f_20{ font-size:18px; }

  .f_22{font-size: 20px;}

  .f_24{ font-size:20px; }

  .f_26{ font-size:22px; }

  .f_28{ font-size:22px; }

  .f_30{ font-size:24px; }

  .f_32{ font-size:24px; }

  .f_34{ font-size:24px; }

  .f_36{ font-size:24px; }

  .f_40{font-size: 24px;}

  .f_48{font-size: 30px;}

  .head{display: none;}  
    
  .m_head{display: block;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 10;background: #000;}

  .m_head .mlt{display: block;float: left;}

  .m_head .mlt img{display: block;height: 25px;margin-top: 12px;}

  .m_head .img{width: 50px;float: right;}

  .m_head .img img{display: block;width: 100%;}

  .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}

  .m_nav.act{right: 0;}

  .m_out{ width: 15%;float: left; }
    
  .m_out img{display: block;width: 100%;} 

  .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}

  .m_nav.act{right: 0;}

  .m_out{ width: 15%;float: left; max-width: 50px;}
    
  .m_out img{display: block;width: 100%;}  

  .wow{opacity: 1;}

  .m_navbox{width: 80%;box-sizing: border-box;float: right;background: #111;height: 100%;box-sizing: border-box;padding: 10px 5% ;overflow: auto; box-sizing: border-box;}

  .m_navbox div,.m_navbox a{color: #fff;display: block;}

  .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;}

  .m_navbox div,.m_navbox a.ltp{font-size: 20px;line-height: 30px;border-bottom: 1px solid #1f1e1e;padding: 10px 0;display: block;}

  .m_navbox li>div:nth-child(1){background: url(/static/home/images/plus.png) center right no-repeat;}

  .m_navbox li.act>div:nth-child(1){background: url(/static/home/images/reduce.jpg) center right no-repeat;}

  .m_navbox div.lbt{padding: 5px 0;display: none;}

  .m_navbox .lange{text-align: center;}

  .m_navbox .lange a{display: inline-block;margin: 0 10px;}

  .m_navbox li.lang {padding-top: 20px;}

  .m_navbox li.lang a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;}
 	
  .box{padding: 0 5%;min-width: 200px;}	

  .swiper1 .mimg{display: block;}

  .swiper1 .pimg{display: none;}

  .swiper1 .pagination1{bottom: 20px !important;}
  
  .i2 .tt{padding: 30px 0 20px;margin-bottom: 30px;}

  .i2 .ul1 li{width: 49%;margin: 0 0 20px 0;}

  .i2 .ul1 li:nth-child(2n){margin-right: 0;float: right;}

  .i2 .ul1 li .txt{line-height: 40px;background: #fff;}

  .i3 .tt{padding: 20px 0 ;margin-bottom: 30px;}

  .i3 .ul1{display: none;}
  
  .swiper4{display: block;padding-bottom: 30px;}

  .swiper4 img{display: block;width: 100%;}

  .swiper4 .pagination4 .swiper-pagination-bullet-active{background: #333;}

  .i3{padding-bottom: 30px;}

  .i4{height: 300px;background: url(/static/home/images/1_15.jpg) center no-repeat ;background-size: cover;}

  .i4 .tt{padding: 100px 0 30px;}

  .i4 .tt{font-size: 26px;}

  .tanchuang .tbox{width: 90%;left: 5%;margin: 0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

  .tanchuang .tbox .out{right: 0;top: -70px;}

  .i5 .tt{padding: 20px 0 ;margin-bottom: 30px;}

  .i5 .swiper2 img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
	
  .footer,.i5 .ibox .prev2,.i5 .ibox .next2{display: none;}	

  .footer2 *{line-height: 22px;text-align: center;}

  .footer2{padding: 15px 0;}

  .footer2 span{float: none;}

  .swiper2{padding-bottom: 40px;}

  .i5{padding-bottom: 10px;}

  .swiper2 .pagination2 .swiper-pagination-bullet-active{background: #333;}

  .ne1{padding: 20px 0;}	

  .ne1 .box .nlt{position: static;}

  .ne1 .box .nlt br{display: none;}

  .ne1 video{position: static;width: 100%;}

  .ne1 .box .nbf{display: none;}

  .ne2 .ntp{width: 100%;}

  .ne2 .ntp .img{margin-bottom: 20px;}
  
  .ne2 .ntp .ntc .txt{width: 100%;padding: 0 ;float: none;margin: 0;padding-top: 30px;background: transparent;}
	
  .ne2 .ntp img{width: 100%;float: none;margin-top: 20px;}	

  .ne2 .ul1{display: none;}
	
  .swiper5{display: block;padding:  30px 0;text-align: center;}	
  
  .swiper5 img{display: block;width: 100%;}

  .swiper5 .lbox span{text-align: center;font-weight: bold;font-size: 20px;margin-bottom: 10px;display: block;}

  .swiper5 .pagination5 .swiper-pagination-bullet-active{background: #333;}

  .nav{display: none;}

  .pr1{padding: 30px 0;}

  .pr1 .abnt,.pr1 .tt2{width: 100%;margin: 30px 0;}

  .mnav{display: block; overflow: auto;position: relative;width: 100%;height: 50px;line-height: 48px;border: 1px solid #ddd;border-right: none;box-sizing: border-box;}

  .mnav .nbox{float: left; margin-right: -999em;}

  .mnav .nbox span{display: block;float: left;width: 150px;text-align: center;border-right: 1px solid #ddd;height: 100%;}	

  .pr1 .ul1 li{width: 49%;margin: 0 0 20px;}

  .pr1 .ul1 li:nth-child(2n){float: right;}

  .pr1 .ul1 li .txt .li_tt{width: 100%;float: none;}

  .pr1 .ul1 li .txt .color{float: none;height: 16px;margin-top: 10px;}

  .pr1 .more{width: 90%;margin: 20px auto 0;}

  .mcaidan{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.7);z-index: 10;}

  .mcaidan .mlt{width: 75%;float: left;height: 100vh;background: #fff;box-sizing: border-box;padding: 50px 20px;overflow: auto;}
 
  .mcaidan .mrt{width: 25%;height: 100vh;float: right;}

  .mcaidan .mlt .ul1{}

  .mcaidan .mlt .ul1 li{display: none;}

  .mcaidan .mlt .ul1 li:nth-child(1){display: block;}

  .mcaidan .mlt .ul1 li a{display: block;width: 49.5%;line-height: 40px;box-sizing: border-box;border:1px solid #ddd;text-align: center;float: left;margin-bottom: 20px;}
	
  .mcaidan .mlt .ul1 li a:nth-child(2n){float: right;}

  .por1{padding: 30px 0;}

  .por1 .prt{position: static;float: none;width: 100%;}

  .por1 .prt .color{margin-bottom: 20px;}
	
  .por1 .prt .tt2{padding: 10px 0;}

  .por1 .ul1{position: static;width: 100%;padding-top: 30px;}	

  .swiper3 .swiper-slide .sbox > img.pimg{display: none;}	

  .swiper3 .swiper-slide .sbox > img.mimg{display: block;height: 520px;}	
  
  .swiper3 .swiper-slide .sbox{width: 100%;overflow: hidden;}

  .swiper3 .swiper-slide .sbox .num{font-size: 30px;margin-top: 5vh;}

  .swiper3 .swiper-slide .sbox .tbox{width: 90%;height: auto;}

  .swiper3 .swiper-slide .sbox .tbox .trt{width: 100%;padding:20px 0 0 0 ;}

  .swiper3 .prev3,.swiper3 .next3{display: none;}

  .swiper3 .pagination3 span{opacity: 1;background: #fff;}

  .swiper3 .pagination3 .swiper-pagination-bullet-active{background: #007aff;}

  .banner .mimg{display: block;}

  .banner .pimg{display: none;}

  .banner .txt .tt{font-size: 20px;padding: 10vh 0 5vh;}

  .banner .txt .tc{width: 90%;}

  .stor1{padding: 30px 0;}

  .map .mbox{width: 100%;float: none;}

  .map .mbox .div_scroll dd{padding: 10px;}

  .map .mbox,.map .mbox ._scroll{height: 300px;}

  .map .mbox .div_scroll{padding: 0;height: 300px;overflow: auto;background: #fff;}
  	
  .map #map{width: 100%;height: 300px;float: none;margin-top: 20px;}	

  .pr1 .sear1{width: 100%;margin-bottom: 20px;}

  .m_navbox li{}

  .m_navbox li.se{padding-top: 20px;}

  .m_navbox li.se input{display: block;width: calc(100% - 40px);float: left;display: block;height: 40px;border:none;outline: none;}

  .m_navbox li.se a{display: block;width: 40px;float: right;padding: 0;}

  .m_navbox li.se a img{display: block;width: 100%;}	

  .swiper3 .num .nbox span{top: 30px;font-size: 30px;width: 30px;}

  .swiper3 .num{height: 30px;}

  .swiper3 .tbox{width: 90%;left: 5%;height: auto;}

  .swiper3 .tbox img,.swiper3 .tbox .trt{width: 100%;float: none;}

  .swiper3 .tbox .trt{padding: 0;margin-top: 15px;}

  .swiper3 .num{margin-top: 5vh;}

  .swiper0 .mimg{display: block;}

  .swiper0 .pimg,.swiper0 .next0,.swiper0 .prev0{display: none;}

  .man1{padding-top: 30px;}

  .man1 .num{width: 100%;float: none;}

  .man1 .num img{width: 20%;display: inline-block;}

  .man1 .num .xian{display: none;}

  .man1 .num .tc{font-size: 24px;padding: 0 20px;display: inline-block;}

  .man1 .num .tc br{display: none;}

  .man1 .img1{width: 100%;float: none;margin-top: 20px;}

  .man1 .img1 img{position: static;}

  .man1 .img2{width: 100%;float: none;margin: 0;}

  .man2 .tt{position: static;margin-top: 20px;}

  .man3 .ul1,.man2 .ul1,.man2 .abnt{display: none;}

  .pr1 .swiperm0,.man2 .swiperm00{display: block;padding-bottom: 30px;}	
	
  .pr1 .swiperm0 img,.man2 .swiperm00 img{display: block;width: 100%;}	

  .pr1 .swiperm0 .txt{width: 100%;margin-top: 20px;line-height: 1.5;}

  .man2 .swiperm00 .txt{position: absolute;width: 100%;top: 45%;left: 0;font-size: 24px;color: #fff;font-weight: bold;text-align: center;}
 
  .man1 .img1 img,.man1 .img2 img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
	
  .pr1 .swiperm0 .paginationm0 .swiper-pagination-bullet-active,.man2 .swiperm00 .paginationm00 .swiper-pagination-bullet-active{background: #333;}	

  .swiper0{margin-top: 30px !important;}	

  .man2{margin-top: 0px;}

  .por1 .ul1 li .img1{margin-bottom: 20px;}

  .por1 .ul1 li .img2 img{width: 100%;float: none;margin-bottom: 20px;}

  .swiper3 .swiper-slide .sbox .ls_d1{bottom: 25px;display: none;}
  
  .content .row {
  width: 100%;
  /*float: left;*/
  padding-right: 15px;
  padding-left: 15px;
  margin: 10px 0;
  box-sizing: border-box;
}
.content .in-row {
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.content .in-row::before {
  display: table;
  content: "";
  box-sizing: border-box;
}
.content .in-row::after {
  display: table;
  content: "";
  box-sizing: border-box;
}
.content .good_img {
  text-align: center;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.content .bottom-cont {
  padding: 10px;
}
.content .goods_title {
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  color: #333333;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}
.content .y-price {
  display: inline-block;
  font-size: 14px;
  font-family: 微软雅黑;
  font-style: normal;
  color: #000000;
}

.content {
  margin-top: 20px;
  position: relative;
}

.content img {
  width: 100%;
  max-width: none;
  height: 320px;
  max-height: none;
  opacity: 1;
  box-shadow: 0px 0px 10px 1px transparent;
  object-fit: fill;
}

.coon div .bannerss {
  position: relative;
  width: none;

  /*display:inline-block;*/
  max-width: none;
  height: 320px;
  max-height: none;
  box-shadow: 0px 0px 10px 1px transparent;
  object-fit: fill;
}

.navvv {
    /*width:10%;*/
   /*position: fixed;*/
   /*right:60px;*/
   /*top:200px;*/
   /*width:200px;*/
   /*background:#000;*1
   /*z-index: 200;*/
  /*display: inline-block;*/
  position: absolute;
  bottom: 120px;
  right: 4%;
}



}

