/*202202171940*/
@import "mobile.base.css";

body{margin: 0px auto;}

section{border-color: #fff;}

.banner{position:relative;}
.banner .banner-box .banner-box-list{width:100%;}
.banner-box a{display:block;}
.banner-box img{width:100%;}

.bbs_link{height:56px;padding: 0; background:#000 url(../images/mobile_bbs.jpg) center center no-repeat;background-size: cover;}
.bbs_link a{display: block; line-height: 56px; text-align: center; font-size: 24px; color: #fff; text-shadow: 0 0 44px #000;}
.bbs_link a i{font-size: 24px;}


/*五块区域*/
.brand {
	width: 100%;    
	padding-top: 10px;
    line-height: 20px;
    background: url(../../images/mod_01_bg.jpg);
    margin: 0 auto;	
	background-color: #ffffff;
    background-image: none;
}
.brand .w {
    width: 100%;
	height: auto;
    margin: 0 auto;

	position: relative;
    z-index: 2;
}

.brand .w ul li {   
    border-right: #cba98f solid 1px;
    text-align: center;
}
.brand ul  {
    width: 100%;   
	margin: 0 auto;
}
.brand ul li {
    width: 19.4%;      
    float: left;
}
.brand .w ul li:last-child{	
    border-right: none;
}
.nums {
    width: 98%;   
    display: inline-block; 
	
}
.brand .w ul li div p {
    color: #cba98f;
    font-size: 13px;
	padding-top: 5px;
	font-weight:bold;
}
.brand ul li p {    
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
}
.nums .nums_1 {
    font-size: 14px;
    color: #333333;
    position: relative;
    display: inline-block;
}
.brand ul li span{	
    line-height: 15px;
    color: #000;
    display: block;
    font-size: 7px;	
	font-weight:bold;
}
.brand ul li:nth-child(5) span {	
	letter-spacing:-1px;
	
}
/*首页关于我们*/
.about_us {
    width: 100%;
    height: auto;
    margin: 15px auto;	
}
.about_img {
	display: inline-block; 	
    width: 100%;
    height: auto;   
}
.about_img p img{	
   /* height: 220px;   */
}

.about_us_text {
	display: inline-block; 
    width: 45%;
    height: 220px;
    background-image: url(/static/assets/images/about_left.png);
    float: left;
}
.us_text {		
    width: 85%;    
    margin: 15px auto;
    /* background-color: #00aaaa; */
}
.us_text_top {
    width: 90%;
    height: auto;
    border-bottom: #8a8989 solid 3px;    
    display: inline-block;
    /* background-color: #0b4d3f; */
    padding-bottom: 5px;
}
.us_text_top p.p1{
    font-size: 27px;
    color: #ffffff;
}
.us_text_top p.p2{
    font-size: 12px;
    color: #ffffff;
}
.us_text_top1 {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
}

/*首页产品*/
.module img {
    width: 50%;
	margin: 0px auto;	
	
}

.product{
	text-align:center;
}
.list{
	width:95%;
margin: 10px 15px 0px 15px;
}
.product ul li a .cover img{
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.product .title{padding: 0 10px 10px; text-align: center;}
.product .title h2{line-height: 18px; font-size: 12px; font-weight: 600;}
.product .title p{line-height: 24px; font-size: 10px;}
.product ul{}
.product ul li{width: 25%; float: left; }
.product ul li a{display: block; position: relative; overflow: hidden;}
.product ul li a{padding: 0 1px;}
/*.product ul li:nth-child(2n+1) a{margin: 0 1px 2px 0;}
.product ul li:nth-child(2n) a{margin: 0 0 2px 1px;}
.product ul li:nth-child(2n+1) a .cover{padding-left: 30px; }
.product ul li:nth-child(2n) a .cover{padding-right: 30px; }
/*.product ul li:nth-child(2n+1) a img{padding-left: 36px; }
.product ul li:nth-child(2n) a img{padding-right: 36px; }*/
.product ul li a h2{position: absolute; writing-mode:vertical-rl; height: 100%; left: -16px; font-size: 12px; padding: 0 8px; text-align: center; background: #9d9c9e; color: #626163; }
.product ul li:nth-child(2) a h2{background: #77675e; color: #bdbcbc;right: 16px; left: auto;}
.product ul li:nth-child(3) a h2{background: #938776; color: #b5b3b0;}
.product ul li:nth-child(4) a h2{background: #63696f; color: #b5b3b0;right: 16px; left: auto;}


.product .more{
    margin-top: 10px;
	height:30px;
}

.product .more a:hover {
    border: #a32526 solid 1px;
    color: #ffffff;
    background-color: #a32526;
}
.product .more a {
    color: #626262;
    border: 1px #626262 solid;
    font-size: 14px;
    border-radius: 3px;
    padding: 4px 7px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*首页招商加盟*/
.join_background {
    width: 100%;
    height: auto;
    background-image: url(../../../static/default/images/join_new.png);
    background-size: cover;
}
.join {
    width: 100%;   
    height: auto;
    padding-top: 10px;
	text-align:center;
}

.join-text{
    width: 85%;   
    height: auto;
    margin:0 auto;	
}
.ws{
	padding:5px 0px 15px
}
.module {
    text-align: center;
    width: 100%;
}
.join-item {
	margin-top:20px;
	text-align:center;
    width: 25%;
    height: auto;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    transition: .6s;
    transition-timing-function: ease-out;   
}

.join-item b {
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    transition: .5s;   
	font-weight:bold;
	font-stretch:ultra-expanded;
}
.join-item h5 {    
    color: #ffffff;
    font-size: 10px;
    padding: 0px 1px;
    ext-overflow: ellipsis;
    overflow: hidden;
    transition: .3s;
    transition-timing-function: ease-out;
}
.join-item p {
    margin-top: 15px;
    opacity: 0;
    color: #666666;
    font-size: 10px;
    line-height: 10px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    display: block;
    padding: 0px 10px;
    transition-timing-function: ease-out;
    transition: .5s;
}

/*首页新闻*/

.news {
    width: 100%; 
	margin: 0px auto;  
	
}

.news .w{
    width:100%;	
	margin:0 auto;
}

.news .w .more{
    text-align:center;
	margin-top: 10px;
	height:30px;
}


.news .w .more a:hover {
    border: #a32526 solid 1px;
    color: #ffffff;
    background-color: #a32526;
}
.news .w .more a {
    color: #626262;
    border: 1px #626262 solid;
    font-size: 14px;
    border-radius: 3px;
    padding: 4px 7px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.news ul {	
	width: 95%;
	height:auto;	
	margin:15px auto;
	background-color:#f3f3f3;
}
.news ul li {	
	width:47%;
    float:left;
	padding:10px 5px;
      
}
.news ul li a {
    color: #333333;
	display: block;
}
.news li span{
 float: right;/*使span元素浮动到右面*/
 text-align: right;/*日期右对齐*/
}

/*首页优秀经销商*/
.dealer_background {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(../../images/contact/hhistory.png) #dcdedd no-repeat center center;
}
.dealer {
    height: auto;
    padding-top: 10px;
    margin-top: 15px;
}
.w3 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.w1600 {
    width: 100%;
    margin: 0 auto;	
}
.picScroll-left {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;   
	text-align:center;	
}
.picScroll-left .hd .prev {
    display: block;
    float: left;    
    margin-top: 30px;
    overflow: hidden;
    cursor: pointer;
}
.picScroll-left .hd .prev img{
    width:30px;
	padding:0 5px
}
.picScroll-left .hd .next img{
    width:30px;
	padding:0 5px
}

.picScroll-left img {
    border: 0 none;
    vertical-align: bottom;
    outline: none;
	
}
.picScroll-left .hd .next {
    display: block;
    float: right;   
    margin-top: 30px;
    overflow: hidden;
    cursor: pointer;
}
.picScroll-left .bd {
    padding-top: 26.5px;
    margin:0 auto;	
	width:83.5%;	
}
.tempWrap {  
	width:93%!important;
	  
}

.picScroll-left .bd ul {
    overflow: hidden;
}
.picScroll-left .bd ul li {
    background-color: #fff;
    border-radius: 5px;
    margin: 0 6.5px 0 3px;
    width: 22%;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: left;
}
.picScroll-left .bd1 a {
    color: #000;
}
.pbox {
    margin: 5px;
	
}
.pbox .pimg {
    margin-top: 5px;
	width:100%;
	height:auto;
}
.pbox .tit {
    border-bottom: 1px solid #1a2031;
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 10px;
}
.pbox .pdes {
    height: 20px;
    color: #666;
    font-size: 14px;
}
.pbox .pes {
    font-size: 16px;
    color: #000;
    margin-top: 9px;
}
.picScroll-left .bd1 a:hover{
	color:#c70103;
	}
.dealer .more{
    margin: 10px 0;
	height:30px;
	text-align:center;
}

.dealer .more a:hover {
    border: #a32526 solid 1px;
    color: #ffffff;
    background-color: #a32526;
}
.dealer .more a {
    color: #626262;
    border: 1px #626262 solid;
    font-size: 14px;
    border-radius: 3px;
    padding: 4px 7px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*底部*/
footer {
    background: #252525;
}

footer .quick {    
    overflow: hidden;
    _zoom: 1;
}
.quick-foot {
    width: 100%;
    height: auto;
}
footer .quick .foot-left {
    width: 40%;
    height: auto;   
    /*border-right: #b5b5b5 solid 1px;*/
    float: left;
    padding: 0 2px 2px 15px;
}
.foot-web-logo {
    width: 70%;
    height: 60px;
}
.foot-text-gs p {
    width: 100%;
    height: 25px;
    color: #ffffff;
    font-size: 12px;   
}
.foot-text-tel {
    width: 100%;   
}
.foot-text-tel p {
    width: 100%;   
    color: #ffffff;
    font-size: 10px; 
    padding-bottom:5px;	
}
.foot-right {
    width: 55%;
    height: auto;
    margin: 0;
    float: right;
}
footer .quick dl:first-child {
    margin-left: 10px;
}
footer .quick dl {
    float: left;
    padding-right:4px;   
    font-size: 12px;
    line-height: 12px;
    color: #fff;
	font-weight:bold;
    text-align: left;
}
footer .quick dt {
    margin-bottom: 20px;
}
footer .quick dt {
    width: 100%;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
}
footer .quick dd {
    margin: 18px 0;
}
footer .quick dd {
    float: left;
}
footer .quick dd a {
    color: #ffffff;
}
footer .quick a, footer .link a {
    font-size: 10px;
    color: #fff;
    display: block;
    float: left;
}
footer .copyright {
    width: 100%;
	margin:20px 0 10px 0;
    background: #111;
    color: #999;
    font-size: 10px;
	border-top: #b5b5b5 solid 1px;
	text-align: center;
	padding: 10px 0;
	color: #ffffff;
}
footer .copyright .content {
    width: 100%;
    margin: 0 auto;
}
.foot-img{
	width:85%;
	display: inline-block;
	margin:5px 0 10px 10px;
}
.foot-img img{
	padding-right:10px;
}

/*关于我们*/
.banner {
    position: relative;
}
.page-link-banner .tex {
    top: 30%;
}
.banner .tex {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    color: #fff;
}
.banner .tex span:nth-child(1) {
    font-size: 18px;
}
.banner .tex span {
    display: block;
}
.banner .tex span:nth-child(2) {
    font-size: 18px;
    margin-top: 15px;
}
.banner .tex span {
    display: block;
}
.text_main {
    width: 85%;
    height: auto;
    margin: 0 auto;
}
.introduction .item-1 {
    width: 100%;
    margin-top: 30px;
    color: #090909;
	padding-bottom:5px;
	border-bottom:1px #000 solid;
}
.col-left {
    float: left;
}
.introduction .item-1 span:nth-child(1){
     font-size: 18px;
	 font-weight:blod;
	 color:#000;
}
.introduction .item-1 span:nth-child(2){
     font-size: 16px;
	 font-weight:blod;
	 color:#c70103;
}
.introduction .item-2 {
    width: 100%;
    height: auto;
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    opacity: 0.9;
    margin: 30px 0;
}

/*产品中心*/
.bbox {
    width: 100%;
}
.boxjia {
	border-top:0;
    background-color: #f5f7f7;
}

.boxjia .container1 {
    max-width: 95%;
    margin: 0 auto;
    padding: 0;
}
.ul-hot1 {
    overflow: hidden;
    margin-top: 10px;
}
.ul-hot1 li {
    overflow: hidden;
    position: relative;  
    background: #fff;
    margin-bottom: 20px;
}
.ul-hot1 .pic {
    height: 192px;
    position: relative;
    overflow: hidden;	
}
.ul-hot1 img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 38%;
    height: auto;
	padding-top:3.2%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.ul-hot1 .txt {
    width: 58%;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 3% 3% 0;
    background-repeat: no-repeat;
    background-position: right 30px bottom 30px;
    font-size: 14px;
    color: #000;  
    background-color: #fff;
}
.ul-hot1 .info {
    font-size: 13px;
    color: #c70103;    
	font-weight:bold;
}
.ul-hot1 .det {
    height: 100%;
    overflow: hidden;
    font-size: 8px;
    line-height: 10px;
	font-weight:bold;
}
.ul-hot1 .det p b{
   color: #c70103;
   font-size: 10px;  
}
/*品牌文化*/
.boxjia .container {
    max-width: 95%;
    margin: 0 auto;
    padding: 0;
}
.ul-hot {
    overflow: hidden;
    margin-top: 10px;
}
.ul-hot li {
    overflow: hidden;
    position: relative;  
    background: #fff;
    margin-bottom: 10px;
}
.ul-hot .pic {
    height: 170px;
    position: relative;
    overflow: hidden;
}
.ul-hot img {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 39%;
    height: 170px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.ul-hot .txt {
    width: 54%;
	height: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: right 30px bottom 30px;
    font-size: 14px;
    color: #c9c9c9;
    line-height: 20px;
    background-color: #333;
}
.ul-hot li:nth-child(3) .txt {    
    line-height: 15px;
   
}
.ul-hot li:nth-child(n) .txt {
    left: 0px;
    right: auto;
    background-position: left 30px bottom 10px;
}
.ul-hot .tit2 {
    font-size: 35px;
    color: #c9c9c9;
    line-height: 2;
    font-weight: 400;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ul-hot .info {
    font-size: 13px;
    color: #fff;    
	font-weight:bold;
}
.ul-hot .det {
    height: 100%;
    overflow: hidden;
    font-size: 9px;
    line-height: 12px;
	font-weight:bold;
}



.about{padding: 0; border: none; background: #e6e7e9;}
.about .video{position: relative;}
.about video{width: 100%; position:absolute; height: 100%; top: 0; left: 0;}
.about ul{ box-shadow: 0 4px 8px rgba(0,0,0,0.3);}
.about ul li{display: table-cell; text-align: center;}
.about ul li:nth-child(2){border-left: 1px rgba(0,0,0,0.1) solid; border-right: 1px rgba(0,0,0,0.1) solid;}
.about ul li a{  padding: 5px 0; display: block;}
.about ul li img{width: 20%;}
.about ul li h2{font-size: 12px;}
.about ul li p{font-size: 9px;}

.menu{border: none; padding: 10px 0 0 0;}
.menu ul li{width: 50%; float: left;}
.menu ul li a{display: block; position: relative; overflow: hidden;}
.menu ul li:nth-child(2n+1) a{margin: 0 5px 10px 10px;}
.menu ul li:nth-child(2n) a{margin: 0 10px 10px 5px;}
.menu ul li a .cover{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.35);top: 0; text-align: center; color: #fff;}
.menu ul li a .cover h2{vertical-align: bottom; padding-top: 25%; font-size: 14px;}
.menu ul li a .cover p{font-size: 10px;}

/*.join{background: #333; color: #fff; border: none; padding: 20px 0 20px 0;}*/
.join dl{ float: left; text-align: center;   font-size: 12px; width: 100%; margin: 3px 0}
.join dl dt{width: 25%; float:left; display: inline-block; text-align: right; vertical-align: top;}
.join dl dd {width: 60%; float:left; margin-left: 5%; display: inline-block;}
.join dl dd input{border-radius: 0; font-size: 12px; width: 100%;background:#333; border-width: 1px; padding: 1px 3px; color: #fff; }
.join dl dd textarea{border-radius: 0; font-size: 12px; width: 100%; height: 48px;background:#333; color: #fff; }
.join dl dd span{width: 60px; display:inline-block; }
.join button{background: #fff; color: #333; border: none; padding: 5px 30px; font-size: 14px;}