/* img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
} */

.smd{ width: 100%; min-width: 1200px; margin: 0 auto;}
.smdin{ width: 1200px; margin:0 auto;}
.swiper{width:100%;height:100%}
/* .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} */
/* .swiper-slide img{display:block;width:100%;height:auto;object-fit:cover} */

:root{--swiper-theme-color: #c00d23;}
.bt{overflow: hidden; text-align: center; padding: 60px 0;}
.bt p{display: block; width: 280px; height: 50px; margin: 0 auto;  background: #952b2f;line-height:50px; color:white; font-size: 32px; letter-spacing:10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.bt span{font-size: 10px; color: #000; display: block; margin:5px auto; line-height: 20px; border-top: 1px solid black; width: 280px;}

/* top */
.layui-nav .layui-this:after,.layui-nav-bar{background:0 0}
.top{height:90px;background:#e35839;transition: all 0.5s; position: relative; }
.top.black{ position: fixed;top: 0; z-index: 999;}
.top .mg16{position:relative}
.top .logo{width:250px;height:90px;float:left; margin-left:20px;}
.top .nav{box-sizing:border-box;text-align: center; width:calc( 100% - 520px); float: left;height: 90px;}
.top .nav li{display: inline-block; padding: 0 30px; line-height:90px;}
.top .layui-bg-white{background:0 0;white-space:nowrap}
.top .layui-bg-white a{font-size:18px;color:white!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: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: 16px;color:#de431e;display:block;padding: 5px 15px; border-radius: 10px;background-color: white; line-height:30px; font-size: 16px; position: relative; font-weight: bold; float: left;margin-left:20px; margin-top: 25px;}
.top .tel400 span{color: black;}
.top .tel400::before{content:'';width: 0;height: 0; width:0; height:0; border-top:5px solid transparent;border-bottom:5px solid transparent; border-right:10px solid white; position: absolute;left: -10px;top: 15px;}
@media screen and (max-width:1620px) {
.top .nav li{ padding: 0 10px;}
}
@media  (max-width:1400px) {
  .top .nav li{ padding: 0}
}
/* banner */
.banner{height:auto;overflow:hidden;position:relative; padding:30px 0; }
.banner .swiper-container{max-width: 100%!important;}
.banner img{ width: 100%; height: auto; min-height: 500px;opacity: 0.3; display: block;}
.banner.black2{padding-top:90px;}
.banner .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px!important;}
.banner .swiper-slide-active img{opacity: 1;}
.banner img{display: block; width: 100%; height:auto;}

.tese3{overflow:visible;}
.tese3 li{float: left; display: block; width:290px; padding: 165px 0; position: relative;}
.tese3 li:nth-child(2){ margin: 0 165px;}
.tese3 li img:first-child{ position: absolute; z-index: 2;transition: all 0.5s; top:165px;}
.tese3 li:hover img:first-child{ top: 450px;}
.tese3 li:nth-child(2):hover img:first-child{ top: -100px;}

.title{text-align: center; padding-bottom: 100px;}
.title span{font-size: 40px;color: black; font-weight: bold;}
.title p{font-size: 40px;color: black; font-weight: bold; display: inline-block; padding-left: 20px;}
.title::before{content:''; display: inline-block; width: 60px; height: 2px; background-color: black;position: relative; top: -15px;}
.title::after{content:''; display: inline-block; width: 60px; height: 2px; background-color: black;position: relative; top: -15px;}

.logo2{background-color: #e35839; padding: 100px;box-sizing: border-box; overflow: hidden; text-align: center;}
.about{height:780px; background: url(../images/bg2.jpg) no-repeat center bottom white; position: relative;box-sizing: border-box; padding-top: 100px;}
.smd.about .swiper-container{ max-width: 1400px;}
.about .swiper-slide{background: none;}
.about .swiper-pagination{ bottom: 50px;text-align: center; width: 100%;}
.about .swiper-pagination span{ width: 140px; height: 40px; border-radius:10px; border: 1px solid black ; color:black; background: none; opacity: 1; font-size: 24px; line-height: 40px; margin: 0 40px!important;font-family:siyuanbold ;}
.about .swiper-pagination span.swiper-pagination-bullet-active{background: #de431e; color: white; border-color: #942b2e;}
.about .ab1{box-sizing: border-box; padding: 60px; text-align: left;}
.about .ab1 p{font-size: 24px; line-height: 50px;  padding:0 100px 30px;}
.about .ab1 p b{font-size: 24px;}
.about .ab1 img{ margin-left:90px ;}
.about .ab2{box-sizing: border-box; padding:60px 140px 0;position: relative; overflow: hidden; width: 1400px;}
.about .ab2::before{content: '';display: block; width:1100px; height: 2px; background-color: black; position: absolute;left:50%; margin-left: -550px; top: 200px;} 
.about .ab2::after{content: '';display: block; width: 1100px; height: 2px; background-color: black; position: absolute;left:50%; margin-left: -550px; top: 300px;}
.about .ab2 li{display: block;width: 210px;height: 190px;float: left;padding:10px;position: relative;margin-right: 50px;text-align: left;top: -63px;}
.about .ab2 li::after{content:'';width: 10px; height: 10px; background-color: black;display: block;border-radius: 50%;position: absolute;bottom: 0; left: 50px}
.about .ab2 li p{ font-size:20px; font-weight: bold;}
.about .ab2 li span{font-size: 40px; font-weight: bold;}
.about .ab2 li:nth-child(5){/* margin-left: 120px; *//* width: 240px; */}
.about .ab2 li:last-child{ margin-right: 0;}
.about .ab2 li:nth-child(n+5){margin-top: 90px;padding-top:50px;}
.about .ab2 li:nth-child(n+5)::after{top: 0; bottom: auto;}



.index_title{text-align: center; padding: 60px 0 30px;}
.index_title p{display: inline-block; background:#e35839; color: white; font-size: 60px; font-weight: bold; padding: 10px 30px; border-top-right-radius: 20px; border-top-left-radius: 20px; letter-spacing:5px;}
.index_title span{display: block; font-size: 20px; line-height: 60px; letter-spacing: 5px; color: #e35839;}

.advantage{height: 1100px; overflow: hidden;}
.advantage .swiper-slide span{display: block; font-size: 26px;line-height: 40px; height: 40px; margin:20px auto 50px; border: 1px solid black;border-radius: 5px;width:250px ;text-align: center; padding: 10px 20px;}
.advantage .swiper-slide span b{ font-size: 26px;padding-left: 10px;}
.advantage .swiper-slide p{display: block; padding: 40px;font-size: 24px;line-height: 50px; box-sizing: border-box; }
.advantage .swiper-slide p b{ font-size: 24px;}

.stores{padding-bottom: 40px; overflow: hidden;}
.stores .swiper-container{padding-bottom: 40px;}
.stores p{display: block; padding: 40px;font-size: 24px;line-height: 50px;font-family: siyuan; box-sizing: border-box;}
.stores p b{ font-size: 24px;}
.stores a{display: block; font-size: 26px;line-height: 40px; height: 40px; margin:0 auto; border: 1px solid black;border-radius: 10px;width:250px ;text-align: center;}

.products{padding-bottom: 40px; overflow: hidden;}
.products .swiper-container{padding-bottom: 60px;}
.products p{display: block; padding: 40px;font-size:36px;line-height: 50px;box-sizing: border-box; text-align: center;}
.products p span{ font-size:20px; padding-left: 10px;}
.products a{display: block; font-size: 26px;line-height: 40px; height: 40px; margin:20px auto 0; border: 1px solid black;border-radius: 10px;width:250px ;text-align: center;}


.join{height:700px; background: url(../images/bg1.jpg);}
.join .swiper-slide{height: 650px;}
.join .jo2 li{display: block;width: 225px; float: left; margin-left: 62px; text-align: center; height: 200px;}
.join .jo2 li p{color: #c59f61; font-weight: bold;font-size: 30px;}
.join .jo2 li span{ font-size: 16px;white-space: nowrap;}
.join .swiper-slide>p{font-size: 30px; padding:65px 20px;display: block; text-align: center;font-family:siyuan}
.join .swiper-slide>p b{ font-size: 30px;}
.join .swiper-pagination{ bottom:0;text-align: center; width: 100%;}
.join .swiper-pagination span{ width: 140px; height: 40px; border-radius:10px; border: 1px solid black ; color:black; background: none; opacity: 1; font-size: 24px; line-height: 40px; margin: 0 40px!important;font-family:siyuanbold ;}
.join .swiper-pagination span.swiper-pagination-bullet-active{background: #de431e; color: white; border-color: #942b2e;}


.join .jo1{display: block; padding: 100px 0; overflow: hidden;}
.join .jo1 li{display: block;width: 300px;height: 60px;border: 1px solid #333;border-radius: 10px;background: white;font-size: 26px;text-align: center;line-height: 60px;float: left;margin: 60px 100px 0 150px;position: relative;box-sizing: border-box;padding-left: 10px;}
.join .jo1 li::before{ content: url(../images/01.png); position: absolute; left: -30px; top: 5px;}
.join .jo1 li:nth-child(2):before{ content: url(../images/02.png);}
.join .jo1 li:nth-child(3):before{ content: url(../images/03.png);}
.join .jo1 li:nth-child(4):before{ content: url(../images/04.png);}
.join .jo1 li:nth-child(5):before{ content: url(../images/05.png);}
.join .jo1 li:nth-child(6):before{ content: url(../images/06.png);}


.newsli { background: #fff; overflow: hidden;clear:both}
.newsli .li{ display: block; width: 285px;  float: left; height: 370px; margin-right: 20px}
.newsli .li:nth-child(4n){ margin-right: 0;}
.newsli .li img{ display: block; width: 285px; height: 185px; background: #f9d1d1;object-fit: cover;}
.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 474px 60px;border:1px solid #000; border-radius: 30px; text-align: center; font-size: 20px; color: #000; line-height: 60px; float: left;}


/* .contact p{display: block; height: 270px; background: url(../images/contactimg.jpg); box-sizing: border-box; padding: 140px 0 0 ; text-align: center;} */
.contact form{display: block; box-sizing: border-box; width: 50%; padding-right: 40px;float: left;}
.contact form label{display: block; width: 80px; height: 40px; background: black; color: white; text-align: center; line-height: 40px; float: left;  ;margin:10px 0 40px; font-size: 20px;}
.contact form input{display: block; width: 440px; height: 60px; background: white; line-height: 40px;float: left; margin-left: 40px;margin-bottom: 30px;border: 1px solid black; box-sizing: border-box;border-radius: 10px; padding: 0 20px;font-size: 20px;}
.contact form textarea{display: block; width:440px; height: 160px; background: white; line-height: 40px;float: left; margin-left: 40px;margin-bottom: 30px;border: 1px solid black; box-sizing: border-box;border-radius: 10px; padding:10px 20px;}
.contact form button{display: block; width: 100%; background-color:black; height:60px; border: 0;border-radius: 10px; cursor: pointer; color: white; font-size: 26px;}

.contact form input[name="tel"]{ width:290px; margin-right:10px;}
.contact form a.code{display: block;width: 140px; float: left; height: 60px; margin-bottom: 30px; line-height: 60px; background: black; font-size: 18px; color: white; cursor: pointer; text-align: center; border-radius: 10px; }


.foot{width: 50%; float: left;}
.foot dl dt{display: block; width: 540px; margin: 0 50px; border-bottom: 1px solid black; height: 70px;line-height: 70px; font-size: 30px;}
.foot dl dd{display: block; width: 540px; margin: 0 50px;line-height: 70px; font-size: 30px; text-align:right;}
.foot dl:first-child dd{font-weight: bold; font-size: 40px;}
.foot dl:nth-child(2) dd{ font-size:22px; line-height: 40px; padding: 10px 0;}
.foot div{ padding: 50px; text-align: center; width: 180px;}
.foot dl:first-child dt::after{content:url(../images/icon1.jpg); position: relative; top: 12px;}
.foot dl:nth-child(2) dt::after{content:url(../images/icon2.jpg); position: relative; top: 12px;}


/*  */
.aboutin{height: auto; overflow: hidden; padding-bottom: 100px;}
.aboutin>p{display: block; font-size: 26px;line-height: 40px; height: 40px; margin:40px auto 100px; border: 1px solid black;border-radius: 5px;width:250px ;text-align: center; padding: 10px 20px;}



.h_auto{height: auto; padding: 80px 0;}
.h_join{height: auto; background: url(../images/bg1.jpg); overflow: hidden;}
.h_join>p{display: block; font-size: 26px;line-height: 40px; height: 40px; margin:40px auto; border: 1px solid black;border-radius: 5px;width:250px ;text-align: center; padding: 10px 20px;}
.h_join .swiper-slide:nth-child(3){height:420px;}
.h_join .jo1{ padding: 0;}
.contact2{background: url(../images/bg1.jpg);overflow: hidden; }
.contact2 .foot{width: 100%; padding: 50px 0 0;}
.contact2 .foot dl{width: 50%; float: left;}

.store{height: 580px; background: url(../images/bg3.jpg); text-align: center; padding: 50px 0; overflow: hidden; box-sizing: border-box;}
.st_show{ padding: 100px 0; text-align: center; }
.st_show p{font-size:40px; font-weight: bold; line-height: 80px; padding-top: 50px;}
.st_show span{font-size:30px;}
.st_show .box{ width: 1200px; height: 1010px;}
.st_show .swiper-container{height: 100%;}
.bgnone{background: none;}

.pro{padding-top: 100px;}
.pro ul{display: block; overflow: hidden;}
.pro li{display: block; width: 300px; float: left; height:350px; overflow: hidden; text-align: center;}
.pro li:first-child img{ width: 180px; padding-top:40px;}
.pro li:nth-child(5){ margin-left: 300px!important;}
.pro li:nth-child(8){ margin-left: 300px!important;}
.pro li p{ font-size:24px; font-weight: bold; line-height: 30px; padding: 10px;}
.pro li span{ font-size:18px; color: #999;}
.pro li.more{box-sizing: border-box; padding-top: 150px; margin: 0;}
.pro li img{display: block; max-width: 300px; height: auto; margin: 0 auto;}


.cont{height: 500px; background: url(../images/bg3.jpg); text-align: center; padding: 50px 0; overflow: hidden; box-sizing: border-box;}
.cont2{ padding: 100px 0;}
.cont2 img{float: left;display: block;width: 500px; box-sizing: border-box; padding: 10px; border: 1px solid black; border-radius: 10px; margin: 20px 50px;}
.cont2 form{display: block; box-sizing: border-box; width: 50%; padding-right: 40px;float: left;}
.cont2 form label{display: block; width: 80px; height: 40px; background: black; color: white; text-align: center; line-height: 40px; float: left;  margin-top: 10px;margin-bottom: 30px; font-size: 20px;}
.cont2 form input{display: block; width: 440px; height: 60px; background: white; line-height: 40px;float: left; margin-left: 40px; margin-bottom: 30px;border: 1px solid black; box-sizing: border-box;border-radius: 10px; padding: 0 20px;font-size: 20px;}
.cont2 form textarea{display: block; width:440px; height: 160px; background: white; line-height: 40px;float: left; margin-left: 40px; margin-bottom: 30px;border: 1px solid black; box-sizing: border-box;border-radius: 10px; padding:10px 20px;}
.cont2 form button{display: block; width: 100%; background-color:black; height:60px; border: 0;border-radius: 10px; cursor: pointer; color: white; font-size: 26px;}
.cont2 form input[name="tel"]{ width:290px; margin-right:10px;}
.cont2 form a.code{display: block;width: 140px; float: left; height: 60px; margin-bottom: 30px; line-height: 60px; background: black; font-size: 18px; color: white; cursor: pointer; text-align: center; border-radius: 10px; }



.jj .foot dl:first-child dt::after{content:url(../images/icon12.jpg); position: relative; top: 12px;}
.jj .foot dl:nth-child(2) dt::after{content:url(../images/icon22.jpg); position: relative; top: 12px;}

.list{ padding-top: 30px;}
.address{ box-sizing: border-box; padding: 40px 0;line-height: 30px;}
.address p{display: inline-block; font-family: tonjay; color: #999;}
.address .layui-breadcrumb a:hover{ color: #e35839!important;}
.address>a{ float: right; display:block; padding:0 15px; background-color: #fff; border-radius: 10px; border: 1px solid #eee; line-height: 33px;}
.address>a:hover{background-color: #e35839; color: white; border-color: #FFB61A;}

#pages{text-align:center;padding-bottom:20px}
#pages a{font-size:16px;padding:12px 22px;color:#0c0c0c;margin:0 2px;text-align:center;background:#e6e6e6;color:#333;display:inline-block;}
#pages span{font-size:16px;display:inline-block;padding:12px 12px}
#pages a.active{text-align:center;background:#e35839;color:#fff;display:inline-block}
#pages a:hover{background:#e35839; color: white;}
#pages a:hover a{color:#fff}


.sxpage{padding: 60px 0; margin-top: 20px; border-top: 1px solid #eee;font-size: 15px;line-height: 60px; text-indent: 2em;}
.sxpage li{background: #f8f8f8;  border-bottom: 1px solid #eee; overflow: hidden;}
.sxpage li>*{display: block;}
.sxpage li>*:first-child{width: 220px;float: left; text-align: center; background-color: #f2f2f2;}
.sxpage li>*:last-child{width:calc(100% - 220px);float: left;}


.list .show {font-size:16px; line-height: 32px; color: #333; padding-top: 40px; padding-bottom: 100px;}
.list .show img{ display: block; margin: 0 auto; width: 750px;}
.list .show p{font-size:16px; line-height: 32px; color: #333; padding-top: 10px; text-indent: 2em;}

.list .btin{ border-bottom: 1px solid #eee; padding: 40px 0 40px; text-align: center;}
.list .btin p{ font-size: 24px; color: #000; font-weight: bold; line-height:60px;}
.list .btin span{ font-size: 16px; color: #666;  }
.subnav{line-height:30px;clear:both; text-align:center}
.subnav ul li{ float:left;padding:10px 10px; display:inline-block;}

.fixbottom2 {
    width: 65px;
    height: 65px;
    position: fixed;
    z-index: 99;
    bottom: 310px;
    right: 0;
  }
  
  .fixbottom2 img {
    border-radius: 10px;
    margin-bottom: 20px;
  }



dl.links a{font-size:12px;color:#999;line-height:1.5}