
*{ margin: 0; padding: 0;line-height:1.5;font-size: 20px; color: #333;}
@font-face {
  font-family: tonjay;
  src:url(../fonts/gilroy-bold-webfont.ttf)
  }
body{ width:640px; margin: 0 auto;font-family: '苹方','微软雅黑','Microsoft Yahei','宋体'; font-weight: normal; background: #f8f8f8;}
div, h1, h2, h3, h4, h5, h6, p,span,a,input,textarea,select,span,i,b, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {margin: 0;padding: 0;border: 0; outline:none;}
input{ padding:0; margin:0; outline:none;}
li{list-style-type:none;list-style:none;}
img {max-width: 100%; display:inline-block;border:0;vertical-align:middle; height: auto;object-fit:cover}
a{text-decoration: none;}
.cx640{ width: 640px; float: left; box-sizing: border-box; background: #fff; overflow: hidden;}
.swiper-container{width:100%;height:100%;}
:root{--swiper-theme-color: #f9d1d1;}
.mg640{ width: 640px; margin: 0 auto; background-color: #fff;}
.fixtop{height: 85px; background-color: #f9d1d1; position: fixed; top: 0;z-index: 99; }
.fixtop>img{ display: block; margin: 30px; float: left;}
.fixtop>a.tel{  font-size: 15px; background-color: #fff;
  color:#000;display: inline-block; padding: 5px 15px; font-weight: bold; border-radius: 15px; margin:25px 0 0 26px;}
.fixtop>.r_btn{width: 100px;height: 85px;float: right; box-sizing: border-box; padding: 30px; cursor: pointer;}
.fixtop>.r_btn span{ display: block; width: 40px; height: 2px; background-color: #000; margin-bottom:8px;}
.fixtop>.r_btn span:nth-child(2){ width: 35px; margin-left: 5px;}

.tc_nav{ position: fixed; z-index: 999; background: #f9d1d1; height: 100vh; box-sizing: border-box; padding: 60px 100px; display: none;}
.tc_nav>img{ float: right; display: block; padding-bottom:80px;}
.tc_nav ul{ display: block; overflow: hidden; width: 100%;}
.tc_nav li a{ display: block; font-size: 30px; line-height: 90px; border-top: 1px solid #000;}
.tc_nav>a{ font-size: 20px; display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%;border:1px solid #000 ; margin: 50px auto; font-weight: bold;}

.banner{ height: 400px; padding-top: 85px; overflow: hidden;}
.btt1{ overflow: hidden; padding-bottom: 50px;}
.btt1>img{ display: block; margin: 50px auto; background-color: #fff}
.btt1 li{ display: block; width: 50%; float: left; text-align: center;}
.btt1 li img:nth-child(2){ padding: 10px 0;}
.btt1 li p{ font-size:16px;}

.about{ background: #f6f6f6;}
.bt{ height: 160px; background-color: #fff; text-align: center;}
.bt p{ font-size:30px; color: #000; line-height: 160px;}
.bt p b{ font-size: 33px; font-weight: bold; position: relative; padding-right: 20px; top:2px; font-family: tonjay;}
.bt p::after{ content: url(../images/jian.png); position: relative; left: 10px; top: 5px;}
.about .swiper-pagination{ bottom:30px;}
.about .swiper-pagination-bullet{width: auto; background: none; height: auto; border-radius:10px; padding: 5px 15px; margin: 0 40px!important; opacity: 1;}
.about .swiper-pagination-bullet-active{ background: #f9d1d1;}
.about .bgin .swiper-slide:first-child{background: #f6f6f6;  padding: 0 40px; box-sizing: border-box; height:960px;}
.about .bgin .swiper-slide:first-child p{ color: #000; line-height: 50px;font-size:19px;}
.about .bgin .swiper-slide:first-child img{ display: block; margin: 50px auto 30px;}
.about .bgin .swiper-slide:nth-child(2){ background:url(../images/bg3.jpg); height: 960px;}
.about .bgin .swiper-slide:nth-child(2) p{color: #000;line-height: 45px;font-size: 18px;width: 380px;height: 430px;text-align: center;margin: 360px 0 0 25px;background: #fff;box-sizing: border-box;padding-top: 10px;}
.about .bgin .swiper-slide:nth-child(3){ background:url(../images/bg4.jpg); height: 960px; position: relative;}
.about .bgin .swiper-slide:nth-child(3) li{ display: block;  position: absolute;}
.about .bgin .swiper-slide:nth-child(3) li span{ font-size: 17px; color: #333;}
.about .bgin .swiper-slide:nth-child(3) li p{ font-size: 22px; color: #000; font-weight: bold;}
.about .bgin .swiper-slide:nth-child(3) li:first-child{ top: 128px; left: 110px;}
.about .bgin .swiper-slide:nth-child(3) li:nth-child(2){ top: 92px; left: 370px;}
.about .bgin .swiper-slide:nth-child(3) li:nth-child(3){ top: 318px; left: 170px;}
.about .bgin .swiper-slide:nth-child(3) li:nth-child(4){ top: 285px; left: 370px;}
.about .bgin .swiper-slide:nth-child(3) li:nth-child(5){top: 509px;left: 80px;}
.about .bgin .swiper-slide:nth-child(3) li:nth-child(6){ top: 466px; left: 370px;}

.store{height: 570px; background: #fff;}
.store .stbox{ width: 590px; overflow: hidden;}
.store .stbox img{ border-radius: 20px;}
.store .stbox .swiper-pagination{ display: block; margin:20px auto; position: relative;}
.store .stbox .swiper-pagination span{ margin: 0 5px;}
.store .more{display: block; width: 250px; height: 60px; border: 1px solid #000; border-radius: 35px; text-align: center; margin: 0 auto; line-height:60px;}
.store2{height: 700px; background: #fff;}
.store2 .stbox2{ width: 640px; overflow: hidden;}
.store2 .stbox2 .swiper-pagination{ display: block; margin:20px auto; position: relative;}
.store2 .stbox2 .swiper-pagination span{ margin: 0 5px;}
.store2 .more{display: block; width: 250px; height: 60px; border: 1px solid #000; border-radius: 35px; text-align: center; margin: 0 auto; line-height:60px;}




.jmin{ height: 560px; background: url(../images/bg5.jpg) no-repeat;}
.jmin dl{ display: block; width:320px; height: 425px; background-color: #fff; margin: 40px auto; box-sizing: border-box; padding: 25px 25px 45px; position: relative; overflow: hidden;}
.jmin dl dt{ font-size: 30px;color: #000; display: block; line-height: 60px; height: 60px; border-bottom: 2px solid #000; text-align: center;}
.jmin dl dd{ display: block; height: 30px;padding-top: 30px; border-bottom: 1px solid #333; line-height: 30px; position: relative; width: 270px;}
.jmin dl dd::after{content: '✔';  position: absolute;right: 0;}
.jmin dl dd:last-child{ position: absolute; bottom: 50px;}
.jmin dl dd:last-child span{float: right;}
.jmin dl dd:last-child:after{content: '具体以实际门店为主'; position: absolute; bottom: -30px; font-size: 12px;left: 50%;margin-left: -4em;}
.jmin .swiper-pagination{bottom: 30px;}
.jmin .swiper-pagination-bullet{width: auto; background: none; height: auto; border-radius:10px; padding: 5px 15px; margin: 0 40px!important; opacity: 1;}
.jmin .swiper-pagination-bullet-active{ background: #f9d1d1;}



.join{ height: auto;  overflow: hidden;}
.join .swiper-container{ padding-bottom: 120px;background: #f6f6f6;}
.join .swiper-slide{ background: #f6f6f6;}
.join .swiper-slide:first-child{ text-align: center; padding: 40px 0 0;}
.join .swiper-slide:first-child p{ display:inline-block; width: 235px; height: 75px; background: #fff; margin: 20px; line-height: 75px; border-radius: 37.5px; border: 1px solid #000;}
.join .swiper-slide:last-child form{ display:block; padding: 40px;}
.join .swiper-slide:last-child form{ display: block; width: 100%; box-sizing: border-box; padding: 0 40px;}
.join .swiper-slide:last-child form p{font-size: 20px;color: #000;line-height:40px;padding: 30px 0;}
.join .swiper-slide:last-child form label{display: block;width: 100px;float: left;line-height: 70px;height: 70px;font-size: 20px;}
.join .swiper-slide:last-child form input,.join .swiper-slide:last-child form textarea{display: block;width: calc( 100% - 100px);float: left;box-sizing: border-box;line-height: 70px;min-height: 70px;font-size: 16px;margin-bottom: 40px;border-radius: 10px;border:1px solid #333;padding: 0 20px;}
.join .swiper-slide:last-child form input{ padding: 0 20px;}
.join .swiper-slide:last-child form button{display: block;width: 460px;height: 60px;background-color: #000;color: #fff;font-size: 24px;border: 0;line-height: 60px;border-radius: 10px;position: relative;left: 100px;cursor: pointer;}
.join .swiper-pagination{bottom: 30px;}
.join .swiper-pagination-bullet{width: auto; background: none; height: auto; border-radius:10px; padding: 5px 15px; margin: 0 40px!important; opacity: 1;}
.join .swiper-pagination-bullet-active{ background: #f9d1d1;}

.newsli { background: #fff; overflow: hidden;}
.newsli .li{ display: block; width: 285px;  float: left; margin-left: 20px; height: 370px;}
.newsli .li img{ display: block; width: 285px; height: 185px; background: #f9d1d1;}
.newsli .li p{ font-size: 22px; line-height:40px; font-weight: bold; padding:10px 0; color: #000; height: 40px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsli .li span{ font-size:16px; line-height:24px; color: #666;}
.newsli .li span:nth-child(4){ font-weight:bold; color: #000; display: block; padding-top: 10px;}
.newsli .li span:nth-child(4)::before{content:url(../images/time.png); float: left; padding-right: 10px; position: relative; top: 2px;}
.newsli .more{ display: block; width: 250px; height: 60px; margin: 20px 195px 60px; float: left; border:1px solid #000; border-radius: 30px; text-align: center; font-size: 20px; color: #000; line-height: 60px;}

.foot{ height: 890px; background: url(../images/bgbottom.jpg) repeat-x;}
.foot .bt2{ width: 600px; height: 220px; margin: 0 20px; border-top: 1px solid #000;}
.foot .bt2 b{ font-size:36px; color: #000; line-height:50px; font-weight: bold; padding-top: 90px; display: block; padding-left: 25px;font-family: tonjay; }
.foot .bt2 p { font-size: 30px;  position: relative; top:2px; padding-left: 25px;}
.foot .bt2 p::before{ content: url(../images/jian.png); position: relative; left: 0; top: 5px; padding-right: 10px;}
.foot .lin1{width: 470px; height: auto; margin-left: 45px;}
.foot .lin1 p{ font-size: 18px; color: #000; font-weight: bold; display: block; border-bottom: 1px solid #000;line-height: 40px; margin-top: 40px;font-family: tonjay;}
.foot .lin1 b{ font-size: 30px; font-weight: bold; color: #000;display: block; text-align: right; line-height: 50px; padding-top: 20px; letter-spacing: 3px;font-family: tonjay;}
.foot .lin1 span{ font-size:16px; color: #333;display: block; text-align: right; }
.foot .lin1:nth-child(3) b{ font-size:20px; font-weight: normal; letter-spacing: 1px;}
.foot .lin1:nth-child(3) span{ font-size: 20px;}
.foot .lin1:nth-child(3) span::before{content: url(../images/logo.png); position: relative; top: 5px; padding-right: 10px;}
.foot .rwm{ margin:90px 45px;}

.fixbottom{ width:95px; height:240px; position: fixed; z-index: 99; bottom: 0; right: 0;}
.fixbottom img{ border-radius: 50%; margin-bottom: 20px;}

/*  */

.bt3{ height: 60px; background-color: #f9d1d1; box-sizing: border-box; padding: 0 0 0 30px;}
.bt3 p{ font-size:26px; color: #000; line-height: 60px;}
.bt3 p b{ font-size: 26px; font-weight: bold; position: relative; padding-right: 20px; top:2px;font-family: tonjay;}
.bt3 p::after{ content: url(../images/jian.png); position: relative; left: 10px; top: 5px;}
.bt3 a{ display: block; width: 90px; height: 60px; float: right; position: relative;}
.bt3 a::after{content: '';display: inline-block;width: 15px;height: 15px;border-left: 1px solid #000;border-bottom: 1px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; top:22px; right: 30px;}


.storeshow{ box-sizing: border-box; padding:30px 30px; height:860px;}
.storeshow>p{ color:#ea9595; font-weight: bold; line-height: 60px;}
.demo-tree-more{ position: relative;}
.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;}
.layui-tree-txt p{padding-bottom:20px;font-weight:bold}
.layui-tree-pack .layui-tree-pack{padding-left:40px;max-height:700px;overflow-y:auto;width:380px}
.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:300px;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}

/*  */
.productshow .btin a{ display: block;width: 33.33%; float: left; text-align: center; padding: 50px 0; position: relative;}
.productshow .btin a.active{ color: #000; font-weight: bold;}
.productshow .btin a.active::after{ content: '';width: 0;height: 0;border: 10px solid;border-color:  transparent  transparent black transparent ; position: absolute; left: 50%; margin-left: -10px; bottom: 30px;}
.productshow .pr_list{ overflow: hidden;}
.productshow .pr_list>a{display: block; width: 33.33%; float: left; height: 400px; text-align: center; position: relative; padding: 30px 0;}
.productshow .pr_list>a:nth-child(3n)::after{ content: ''; display:block; width: 600px; height: 1px; background: #000; right:20px; position:absolute; bottom:0;}
.productshow .pr_list p{ color: #000; line-height: 26px; padding-bottom: 10px;}
.productshow .pr_list img{display: block; width: 213px; height: 292px;}
.productshow .pr_list span{ font-size: 12px; text-transform:uppercase; line-height:16px; display: block;}
/*  */
.newsin{padding:30px 0 0;overflow:hidden}
.newsin li{display:block;width:270px;float:left;margin:0 0 32px 32px;height:410px;border-bottom:1px solid #000}
.newsin li img{display:block;width:270px;height:176px}
.newsin li p{font-size:20px;line-height:40px;color:#000;font-weight:bold;padding-top:20px;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.newsin li span{display:block;font-size:16px;line-height:32px;color:#666;height:64px; overflow: hidden;}
.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}
.page{box-sizing:border-box;padding:0 30px 30px;text-align:center}
.page a{display:inline-block;width:auto;height:60px;min-width:60px;background:#f2f2f2;line-height:60px;border-radius:10px;font-size:18px;padding:0 1px}
.page a.a1{background:none}
/*  */
.detail h3{font-size:30px;color:#000;text-align:center;line-height:60px;padding:40px 60px 20px}
.detail center{display:block;text-align:center;font-size:18px;line-height:30px;color:#666;padding-bottom:30px}
.detail div{padding:40px;margin-top:20px;border-top:1px solid #eee;font-size:22px;line-height:50px}
.detail div p{text-indent:2em;font-size:15px}
.detail div img{margin:20px auto;display:block;max-width:560px}
.sxpage{padding:40px;box-sizing:border-box;margin-top:20px;border-top:1px solid #eee;font-size:15px;line-height:50px}
.sxpage li{overflow:hidden;display:block;margin-bottom:20px;line-height:50px}
.sxpage a{display:block;width:480px;float:right;font-size:24px;line-height:50px}
/*  */



.contact form{ display: block; width: 100%; box-sizing: border-box; padding: 40px 40px 120px;}
.contact form p{font-size: 20px;color: #000;line-height:40px;padding: 30px 0;}
.contact form label{display: block;width: 100px;float: left;line-height: 70px;height: 70px;font-size: 20px;}
.contact form input,.contact form textarea{display: block;width: calc( 100% - 100px);float: left;box-sizing: border-box;line-height: 70px;min-height: 70px;font-size: 16px;margin-bottom: 40px;border-radius: 10px;border:1px solid #333; padding: 0 20px;}
.contact form input{ padding: 0 20px;}
.contact form button{display: block;width: 460px;height: 60px;background-color: #000;color: #fff;font-size: 24px;border: 0;line-height: 60px;border-radius: 10px;position: relative;left: 100px;cursor: pointer;}

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