.mg{ width: 100%; min-width: 1200px; margin: 0 auto;}

.mgin{width: 1200px; margin:0 auto;}

.mg16{ width: 1200px; margin: 0 auto;}

/* top */

.layui-nav .layui-this:after, .layui-nav-bar{ background: none;}

.top{ height: 90px; background: none; position: fixed; z-index: 999; transition: all .5s; top: 0;}

.top.black{ background: #f9d1d1;}

.top .mg16{ position: relative;}

.top .logo{ width:200px; height: 25px; float: left; margin: 33px 0 0 0; position: absolute; left: 0}

.top .nav{width: calc( 100% - 450px );padding:15px 0;box-sizing: border-box;margin: 0 auto;}

.top .layui-bg-white{background:none;white-space:nowrap;}

.top .layui-bg-white a{font-size: 18px;color: black!important;}

.top .layui-nav .layui-nav-more{display: none;}

.top .layui-nav dd a{line-height:50px;font-size: 16px;}

/* .top .layui-nav dl::before{content:'';display:inline-block;width:0;height:0;border-left:15px solid transparent;border-right: 15px solid transparent;border-bottom:20px solid white; position: absolute; top: -15px; left: 50%; margin-left: -15px;} */

.top .layui-nav dl::before{content:'';display:inline-block;width:20px;height:20px;-webkit-transform:rotate(45deg);

-moz-transform:rotate(45deg); border-left:1px solid #eee;border-top:1px solid #eee;position: absolute; top: -11px; left: 50%; margin-left: -11px; background-color: #fff;}

.top .tel400{ font-size: 20px; color:black; font-weight: bold; width: 280px; float: left; background-color:white; text-align: center; line-height: 40px; margin: 25px 0 0 0; border-radius: 20px; position: absolute; right: 0; top: 0;}

/* banner */

/* .banner{  height:calc( 100vh - 90px);max-height: 1060px;min-height: 760px; overflow: hidden; position: relative;} */

.banner{ height:850px; overflow: hidden; position: relative; padding-top:100px ;}

.banner .swiper-container{ position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 850px; box-sizing: border-box; padding: 20px 0;}

.banner .swiper-slide{text-align: center;}

.banner .swiper-slide img{ width: 1362px; margin: 10px auto; opacity: .7;transform: scale(0.95,0.95); background-color: #000; display: inline-block;}

.banner .swiper-slide-active img{ opacity: 1;transform: scale(1,1);}

/* .banner .swiper-slide img{ position: relative; left: 50%; margin-left: -950px; top: 50%; margin-top:-530px; transform: scale(0.7,0.7); transition: all 1s;transition-delay: .5s;} */

/* .banner .swiper-slide.swiper-slide-active img{transform: scale(.9,.9)} */

.banner .swiper-container{ height: 100%; background-color: #f8f8f8;}

.banner .swiper-slide { overflow: hidden;}

/* .btnbg>div{width: 120px; height: 114px; position: absolute; left: 50%; top: 50%; background: url(../images/bgbt.png); z-index: 99; margin-left: -520px; margin-top: 120px; background-size: 100% 100%;}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content: url(../images/left.jpg); margin: 20px;}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: url(../images/right.jpg);}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:50px;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 50px;} */

/* about */

.about{ overflow: hidden; height: 450px; position: relative; background: url(../images/index2.jpg) no-repeat center center; }

/* .about>img{ position: absolute; left:50%; margin-left: -960px; top: 0;}  */

.about .mg12{ position: relative;}

.about .mg12 a>img{position: absolute;left: 50%;margin-left:-175px;top: 140px;z-index: 22; transition: all .5s;width:350px}



@media screen and (max-width:1620px) {

/* .top .logo{ margin-left: 20px;} */

/* .top .tel400{ margin-right: 20px;} */

/* .top .nav{width: calc( 100% - 20px );} */

/* .top .layui-bg-white a{ padding: 0 13px; margin: 0 5px;} */

/* .about .mg12 a>img{ margin-left: -250px; top:400px;} */

}

@media  (max-width:1201px) and (max-width:1619px) {

/* .top .layui-bg-white a{ padding: 0 13px; margin:0} */

/* .top .nav{width: 680px;} */

}

/* box3 */

.box3{ height: auto; background-color: #fff; padding: 40px 0 60px;}

.box3 ul{display: block;overflow: hidden;}

.box3 li{display: block;width: 400px;float: left;text-align: center;}

.box3 li img:first-child{display: inline-block; width: 360px;}

.box3 li p{ font-size: 16px; line-height: 32px; padding-bottom: 50px;}

.box3 li img:last-child{display: inline-block; width: 60px;}

/* show */

.show a.right{ float: right;}

.showin{ padding: 80px 0 40px;}

.showin img{ border-radius: 100px;display:block; width: 1200px; height: auto;}

.showin .swiper-pagination{  text-align: center; width: 1200px; position: relative; left: 50%; margin-left: -600px;}

.showin .swiper-pagination span{ margin:45px 10px;}

:root{--swiper-theme-color: #000!important;}

/* news */

.news a.right{ float: right;}

.newsin { padding: 50px 0; overflow: hidden;}

.newsin li{ display: block; width: 270px; float: left; margin: 20px; height: 410px;}

.newsin li img{ display: block; width: 270px; height: 176px;}

.newsin li:first-child{ margin-left: 0;}

.newsin li:last-child{ margin-right: 0;}

.newsin li p{ font-size: 16px; line-height: 40px; color: #000; font-weight: bold; padding-top: 50px; height:80px;}

.newsin li span{display: block;font-size: 14px;line-height: 32px;color: #333; height:64px;}

.newsin li b{font-size: 14px;line-height: 40px;color: #000;}

.newsin li b::before{ content: url(../images/time.jpg); padding-right:10px; position: relative; top: 2px;}

.newsin li a:last-child{float: right;line-height: 40px;font-size: 14px; font-weight: bold;}

/* foot */

.foot{ height: 800px; background: url(../images/footbg.jpg) repeat-x; background-size: 100% 100%; }

.foot .mg16:first-child{ border-top: 1px solid #000;box-sizing: border-box; padding-top: 90px; overflow:hidden ;}

.foot .f_l{ width: 500px; float: left;}

.foot .f_l p{ font-size: 15px; line-height: 40px;  color: #000;margin-bottom: 30px; margin-top: 60px;}

.foot .f_l label{ display:block; width: 50px; float: left; height: 30px; font-size: 15px; color: #000;margin-bottom: 30px}

.foot .f_l input{ display:block; width: 450px; float: left; height: 30px; box-sizing: border-box; border:1px solid #000; border-radius: 15px; padding: 0 15px; margin-bottom: 30px}

.foot .f_l textarea{ display:block; width: 450px; float: left; height: 120px; box-sizing: border-box; border:1px solid #000; border-radius: 15px; padding:15px; margin-bottom: 30px}

.foot .f_l  button{ display: block; width: 160px; height: 30px;line-height: 30px; background: #000; border-radius: 15px;color: #fff; font-size: 17px; color: #fff; margin: 0 auto; border: 0; cursor: pointer;}

.foot .f_r{ width: 550px; float: right;}

.foot .f_r dt{display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold; color: #000; border-bottom: 1px solid #000; margin-bottom: 20px;}

.foot .f_r dd{ text-align: right;}

.foot .f_r dd p{ font-size:30px; font-weight: bold; color: #000; line-height: 60px;}

.foot .f_r dd:last-child p{font-size: 18px;line-height: 40px;margin-bottom: 70px;}

.foot .mg16:last-child{ border-top: 1px solid #000;box-sizing: border-box; padding-top: 20px; overflow:hidden ;margin-top:60px;}

.foot .mg16:last-child a{font-size: 16px;display: inline-block;margin-left: 75px;}

.foot .mg16:last-child span{font-size: 16px;float: right;}

@media screen and (max-width:1620px) {

.mg16{ width: 1200px;}

.box3 ul{ padding:100px 0}

.box3 li{width: 400px;}

.box3 li img{ max-width: 400px;}

.showin img{ width: 1200px;}

.newsin li{ width:255px; margin: 0 30px;}

.newsin li img{ display: block; width: 100%;}

}

/* news */

.layui-nav .layui-nav-item.active{background-color: #fff; line-height: 40px; margin: 10px 30px; border-radius: 20px;}

.t90{ padding-top: 90px;}

.newsin li:nth-child(4){ margin-right: 0;}

.newsin li:nth-child(5){ margin-left: 0;}

.page{text-align: center; margin: 20px auto;}

.page>*{ display: inline-block;  height: 40px; margin: 0 5px;padding: 0 15px; font-size: 16px; color: #000; line-height:40px}

.page>span{ background: #f9d1d1; border-radius: 5px;}

.foot.noborder .mg16:first-child{ border-top: 0;}

/* newshow */

.newshow .address{ padding: 60px 0;}

.newshow .mgin>h1{ font-size: 22px; font-weight: bold; color: #000; text-align: center; line-height: 60px;}

.newshow .mgin>center{ display: block; text-align: center; font-size: 15px; line-height:30px; color: #666;}

.newshow .mgin>div{ padding: 60px 0; margin-top: 20px; border-top: 1px solid #eee; font-size: 18px;line-height: 40px;}

.newshow .mgin>div p{ text-indent: 2em; font-size: 15px;}

.newshow .mgin>div img{ margin: 20px auto; display: block; max-width: 640px;}

.newshow .mgin>div .new640 img{margin:0 auto}

.sxpage{padding: 60px 0; margin-top: 20px; border-top: 1px solid #eee;font-size: 15px;line-height: 40px; text-indent: 2em;}

/* about */

.nav2{ background: none;}

.nav2 .mg16{ position: relative;}

.nav2 li{ margin: 0 30px;}

.nav2 .layui-nav .layui-nav-item.active{background-color: #f9d1d1}

.nav2 .barbtn{ font-size: 20px; width: 90px; position: absolute; right: -15px; top: 0;}

.nav2 .barbtn>img{ width: 60px;height: 60px; padding: 15px;}

.nav2 .mg16{ position: relative;}

.nav2-in{ display:none; width:80px; position: absolute; top: 0; background: #fff; right:-30px; padding-bottom: 60px; text-align: center; padding: 0 20px 20px;}

.nav2-in dd{ display: block; padding: 40px 0; border-bottom: 1px solid #000; }

.nav2-in dd:last-child{ border-bottom: 0;}

.nav2-in dd img{ width: 80px; cursor: pointer;}

.nav2-in a{ display: block; text-align: center; line-height: 60px; font-size: 18px;}



/* about1 */

.about2953{ padding: 120px 0; height: 500px;}

.about2953 img{float: left;}

.about2953 dl{display:block; width: calc( 100% - 500px); float: left; box-sizing: border-box; padding:30px 70px}

.about2953 dl img{ margin-top: 50px;}

.about2953 dd{ font-size: 16px; line-height:32px; border-bottom: 1px solid #000; padding-bottom: 30px; padding-top: 10px;}





/* about2 */

.about2954{ overflow: hidden; position: relative;}

.about2954>img{ position: relative; left: 50%; margin-left: -960px; z-index: 1;}

.nav2 .ab2 .layui-nav .layui-nav-item.active{background: #fff;}

.ab2_box{width: 470px; height: 400px; position: absolute; text-align: center; box-sizing: border-box; padding:30px 0;background: #fff; left: 50%; top: 50%; margin-top: -280px; margin-left: 300px; z-index: 2;}

.ab2_box p{ font-size: 16px; line-height: 32px; font-weight: bold;}



/* about3 */

.about2955 dl{ display: block; float: left;}

.about2955 dd{display: block; width: 330px; float: left; height: 60px; line-height: 30px; font-size: 17px; color: #333;}

.about2955 img{ position: relative; display: block; float: left;}

.about2955 .mg16{ overflow: hidden;}

.about2955 .mg16 dl:first-child{ margin-top: 170px; margin-bottom: 20px;}

.about2955 .mg16 dl:first-child dd:first-child{ margin-left: 85px; margin-right: 45px;}

.about2955 .mg16 dl:first-child dd:last-child{ margin-left:30px; width: 370px;}

.about2955 .mg16 dl:last-child{ margin-top: 20px; margin-bottom: 130px;}

.about2955 .mg16 dl:last-child dd:first-child{ margin-left: 150px; margin-right: 45px;}

.about2955 .mg16 dl:last-child dd:last-child{ margin-left: 55px; width: 250px;}

.wrapper {width: 1920px;height: 140px;overflow: hidden; max-width: 100%; margin: 20px auto;}

.box {display: inline-block; width: 120px; height: 120px;position: absolute; text-align: center;}

.box img{ display: inline-block; width: auto; height: 120px; margin: 0 auto; float: none;}

.boxes {position: relative;left: 0;}



/* product1 */

.product1 {overflow: hidden; padding: 120px 0 0; font-size: 20px; line-height: 40px;position: relative; }

.product1 .mg16{ padding-bottom: 100px; overflow: hidden;}

.product1 .mg16 .pr_l{ width:300px;float: left; }

.product1 .mg16 .pr_l dt::after{ content: url(../images/mapicon.jpg); bottom: 80px; position: absolute;}

.product1 .mg16 .pr_l dd{ padding-top: 30px; position: relative; font-size: 15px;}

.product1 .mg16 .pr_l dd.active::after{ content: ''; position: absolute; left: 130px;display:inline-block;width:0;height:0;border-top: 5px solid transparent;border-left: 10px solid black;border-bottom: 5px solid transparent; top: 50%; margin-top:8px;}

.product1 .mg16 .pr_l dd a:hover{ color: #000; font-weight:bold;}

.product1 .mg16 .pr_r{ width:900px;float: left;}

.product1 dt{ display: inline-block; border-bottom: 1px solid #000}

.product1 .mg16 .pr_r dt{display: block; font-size: 16px;}

.product1 .mg16 .pr_r dd{ display: block; width: 900px; overflow: hidden;}

.product1 .mg16 .pr_r .swiper-container{ padding:60px 0 140px}

.product1 .mg16 .pr_r .swiper-button-next,.product1 .mg16 .pr_r .swiper-container-rtl .swiper-button-prev{ bottom: 0; top: auto;}
.product1 .mg16 .swiper-button-prev,.product1 .mg16 .swiper-container-rtl .swiper-button-next{ bottom: 0; top: auto; right: 120px; left: auto;}


.product1 .mg16 .pr_r img{ display: block; width: 100%; height: auto;}

.product1 .mg16 .pr_r{text-align: center;}

.product1 .mg16 .pr_r p{font-size: 16px; color: #000; line-height: 16px;}

.product1 .mg16 .pr_r span{font-size: 12px; color: #666;}



/* store */

.product1 .mg16 .pr_l dd.st_all{ padding: 0; margin-top: 60px; height: 90px; line-height: 90px;text-align: right; box-sizing: border-box; padding-right:50px ; position: relative;}

.product1 .mg16 .pr_l dd.st_all::before{ content: ''; display: block; width: 100%; height: 1px; background-color: black;}

.product1 .mg16 .pr_l dd.st_all::after{ content: ''; display: block; width: 100%; height: 1px; background-color: black;}

.product1 .mg16 .pr_l dd.st_all a::before{ content:url(../images/right.jpg); position: absolute; left: -10px; top: 50%;margin-top:-30px}

.product1 .pr_4 img{float: right; max-width:100%; display: block; height: auto;}

.product1 .mg16 .pr_l dd.st_title{ position: absolute; bottom:240px; display: block; width: 260px;}

/* @media screen and (max-width:1620px) {

  .product1 .mg16 .pr_l dd.st_title{ bottom: 240px; width: 300px; box-sizing: border-box; padding-right: 50px;}



} */



/* storeall */

.t200{ margin-top: 200px;}

.storeall .mg16{height: 900px; background:url(../images/bgmap.jpg) no-repeat center center;  position: relative;}

.storeall .mg16 *{ color: #000!important; font-size: 15px;}

.storeall .mg16>p{ position: absolute; top:-60px; font-size: 18px; font-weight: bold; color: #000;}

.layui-tree-entry{height: auto; display: inline-block; z-index: 111; font-size: 20px; line-height:30px; padding: 15px 0;}

.layui-tree-entry:hover{ background: none;}

.layui-tree-spread>.layui-tree-entry .layui-tree-iconArrow:after{    border-color: transparent transparent transparent #000;}

.layui-tree-pack{ position: absolute; top: 0; left: 90px; z-index: 22;padding-left: 120px;}

.layui-tree-txt p{ padding-bottom: 20px; font-weight: bold;}

.layui-tree-pack .layui-tree-pack{ padding-left: 240px; max-height: 700px; overflow-y: auto; width: 500px;}

.layui-tree-pack .layui-tree-pack .layui-tree-txt span{ color: #666!important; border-bottom: 1px solid #666;}



.layui-tree-pack .layui-tree-pack .layui-tree-main{width: 400px; overflow: hidden;white-space:normal}

.layui-tree-pack .layui-tree-pack .layui-tree-main .layui-tree-iconClick{display: none;}



.layui-tree-iconClick{ float: right; margin: 8px ;}



.storeall .st_all{ padding: 0; height: 90px; line-height: 90px;text-align: left; box-sizing: border-box;  position: absolute; width: 225px; right: 0; top: 0; z-index: 33;}

.storeall .st_all::before{ content: ''; display: block; width: 100%; height: 1px; background-color: black;}

.storeall .st_all::after{ content: ''; display: block; width: 100%; height: 1px; background-color: black;}

.storeall .st_all a::before{ content:url(../images/left.jpg); position: absolute; right: -20px; top: 50%;margin-top:-30px;}

.storeall .st_all a{ font-size: 15px;  padding-left: 2em; display: block;}

.layui-tree-set{ position: static;}



/* join1 */

.join16{background: url(../images/bgjoin.jpg) no-repeat center center; height: 700px; box-sizing: border-box; padding-top: 160px;}

.join16 .mg16{display:flex; text-align: center;}
.join16 .mg16 .mg16>div{ position: relative;}
.join16 .mg16 .mg16>div::after{ content: '*具体以实际门店为主'; position: absolute; bottom: -30px; display: block; width: 100%; text-align: center;}


.join16 .mg16 div img{display:inline-block; width: 310px; height:auto;}

.join16 .mg16 div:nth-child(2){flex:1;}

@media screen and (max-width:1620px) {

  .join16 .mg16 div img{display:inline-block; width: 380px; height:500px;}

}





/* join2 */

.join19 .boxco{ overflow: hidden; padding-left: 250px;}

.join19 .boxco>div{ width: 260px; height: 77px; background: url(../images/boxco.png) no-repeat; font-size: 16px; font-weight: bold; color: #000; line-height: 77px; text-align: center; float: left; margin-bottom: 95px; background-size: 260px 77px;}



/* join3 */

.join22{ overflow: hidden; padding-bottom: 85px; padding-top: 150px;}

.join22 .mg16>div{ width: 50%;float: left;}

.join22 .left img{ display: block; width:calc( 100% - 40px) ; height: auto;}

.join22 .right img{ margin-left: 40px; margin-top: 0}

.join22 .right form{ display: block; width: 100%; box-sizing: border-box; padding: 0 40px;}

.join22 .right form p{ font-size: 16px; color: #000; line-height:40px;  padding: 30px 0;}

.join22 .right form label{ display: block; width: 60px; float: left; line-height: 40px; height: 40px;font-size: 16px; font-weight: bold;}

.join22 .right form input,.join22 .right form textarea{ display: block; width:calc( 100% - 60px) ; float: left; box-sizing: border-box;line-height: 40px; min-height: 40px; padding: 20px; font-size: 16px; margin-bottom: 40px; border-radius: 10px; border:1px solid #333}

.join22 .right form input{ padding: 0 20px;}

.join22 .right form button{ display: block; width: 200px; height: 40px; background-color: #000; color: #fff; font-size: 20px; border: 0;line-height: 40px; border-radius: 10px; position: relative; left: 50%; margin-left: -100px; cursor: pointer;}

.join22 .right .ok{ display: none;}

.join22 .right .ok p{width: 360px; height: 120px; border-radius: 60px; border: 1px solid #000; text-align: center; line-height: 120px; font-size: 20px; font-weight: bold; margin:120px auto;}

.join22 .right .ok span{ font-size: 18px; display: block; text-align: center;}

@media screen and (max-width:1620px) {

  .join22 .left img{ margin-top: 80px;}

  .join22 .right img{ margin-top: 0;}

}

.foot.he2{ height: 480px; background-position:  bottom;}

.foot .f_i{ display:flex; width: 100%;}

.foot .f_i dl:nth-child(2){flex:1; padding:0 190px;}

.foot .f_i dt{display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold; color: #000; border-bottom: 1px solid #000; margin-bottom: 20px;}

.foot .f_i dd{ text-align: right;}

.foot .f_i dd p{ font-size:20px; font-weight: bold; color: #000; line-height: 60px;}

.foot .f_i dl:nth-child(2)  p{ font-size:30px; line-height: 40px; margin-bottom: 70px;}

.foot .f_i img{ display: block;height: auto; width: 107px; height: 137px;}



.black .layui-nav-item.active a{ background-color: #fff; border-radius: 20px;}

.product1 .mg16 .pr_r{text-align: center;}
.product1 .mg16 .pr_r p{font-size: 16px; color: #000; line-height: 16px;}
.product1 .mg16 .pr_r span{font-size: 12px; color: #666;}

.product2>div>p{ display: block; width: 5em; position: absolute; padding: 10px; background-color: #000; color: #fff; box-sizing: border-box; margin-right: 40px; text-align: center; border-radius: 10px; font-size: 14px; line-height: 20px;}
.product2>div:nth-last-child(1)>p{ margin-left:80px;}

.layui-form  input.tel{width: 320px!important; border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.layui-form  a.code{width: 140px!important; display: block; height: 42px; float: left; margin-bottom: 40px; background:black; color: white; border-top-right-radius:10px; border-bottom-right-radius:10px; text-align: center; line-height: 42px; cursor: pointer; font-size: 20px;}

.foot .f_l{ width: 549px; float: left;}
.foot .f_l .form_yzm a.code{ margin-bottom: 30px; height: 30px; line-height: 30px; font-size: 16px;}