@charset "utf-8";
/* CSS Document */
ul{ list-style-type:none; margin:0px; padding:0px; }
html{ font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; padding:0px; margin:0px; overflow-x: hidden; }
body{ margin:0px; padding:0px; overflow-x:hidden; }
.clear{ width:100%; clear:both; }
a{ text-decoration:none; color:#444; }
a:hover{ text-decoration:none; color:#650000; }
.products_fl .hover{ background:#b3692d; display:block; width:100%; height:100%; color:#fff; border-radius:5px; }
#location { width:100%; background:#e6e6e6;padding:15px 0px; }
.location{ width:100%; max-width:1200px; margin:0px auto;  }
.location img{ padding-right:10px; }
/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background:none;
	opacity: 1;
	border-radius: 5px;
	z-index: 10;
	font-size:40px;
	color:#fff;
	font-family:"宋体";
	font-weight:bold;
	cursor:pointer;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 15%;
}
.preImg{ left:15%; }
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left:5px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}

@media only screen and (max-width: 768px){
.nav{ display:none; }
.products_f li {
    width: 96%;
    float: left;
    overflow: hidden;
    position: relative;
    background: #e40211;
    height: 360px;
    margin-left: 2%;
    margin-bottom:10px;
}
 .tabList{word-break: break-all; width:100%;float:left; padding:0px 15px !important; text-align:center; }
.products_f li .products_tites{ width:100%;text-align: center; /*background:rgba(0,0,0,0.2);*/height:100%; position:absolute; left:0px; top:0px; display:block; }
#head{ width:80%; float:left; padding-left:15px; padding-top:15px; padding-bottom:10px; }
.tel{ display:none; }
.head_ad{ width:100%; padding-top:5px; }
.head_ad{ display:none; }

.news_tite{ font-size:30px; text-align:center; color:#000; font-weight:bold; line-height:50px; }
.news_English{ font-size:16px; text-align:center; color:#666; margin-bottom:5px; }

#about{
    width: 90%;
    height: auto;
    margin: 20px auto;
    }
.about{ width:100%; max-width:1200px; margin:0 auto; }
.about_text{ width:100%; text-align:center; line-height:25px; font-size:14px; }
.about_text strong{ line-height:30px !important; display:block; width:100%; padding:0px; margin:0px !important; }
#pinpai{ width:100%; }
#distpicker_addr>div {
    display: inline-block!important;
    width: 31%;
	margin-right:5px;
}
#distpicker_addr>div select{width:100%;height: 30px;}
#bottom{width:100%;background:#660000;padding-bottom: 20px;}
.bottom{ width:100%; max-width:1200px; display:block; margin:0px auto; height:auto; clear:both; }
.bottom_nav{ width:100%; text-align:center; padding-top: 15px; }
.bottom_nav li{width:23%;display:inline-block;line-height: 35px;}
.bottom_nav li a{display:block;width:100%;font-size: 14px;color:#fff;}
.bottom_nav li a:hover{ background:#b3692d; text-decoration:none;  }
.bottom_text{ width:100%; text-align:center;  padding-left: 9%; }
.bottom_logo{ width:80%; float:none; margin:0 auto; }
.bottom_logo img{ width:100% !important; }
.bottom_bq{width: 100%;float:none;}
.bottom_emm{width:95%;float:none;text-align:center;padding-top:30px;display: none;}
.bottom_bq H1{ width:100%; font-size: 30px; text-align:left; color:#fff; background:url(../images/w_phone.png) left center no-repeat; padding-left:50px; }
.bottom_bq H1 a{ color:#fff; }
.bottom_bq H2{font-size: 12px;color: #9d2929;line-height:25px;text-align:left;}
.bottom_emm img{  width:110px; margin-right:15px; }
.bottom_ntext{ width:30%; float:left; }
.bottom_ntext{width: 90%;float:left;}
.bottom_ntext h1{ width:100%; color:#feda3e; font-size:24px; text-align:center;     line-height:0.8; }
.bottom_ntext h2{ width:100%; color:#fff; font-size:15px; line-height:25px;  text-align:center; }
.bottom_ntext h2 span{ font-size:12px; }
.bottom_ntext h3{ width:100%; color:#feda3e; font-size:24px; text-align:center;     margin-top: 0px;
    margin-bottom: 0px; }
.bottom_ntext h4{ width:100%; color:#fff; font-size:14px; line-height:25px;  text-align:center; }
.bottom_xtt{ width:100%; text-align:center; margin-bottom:10px; }
.bottom_xtt div { width:40%; height:1px; display:inline-block; background:#be7c23; }

/**旗下品牌css***/
#pinpai{ width:100%; }
.products_f{ width:100%;}
.products_f ul{ width:100%; list-style-type:none;    display: block;
    margin: 0px;
    padding: 0px; }
.products_f li{width:92%;float:left;overflow:hidden;position:relative;background:#b3692d;height: 420px;margin-left:4%;}
.products_f li .products_tites{ width:100%;text-align: center; /*background:rgba(0,0,0,0.2);*/height:100%; position:absolute; left:0px; top:-30px;  }
.products_f li .products_tites a{ width:100%; display:block;  padding:0px 0px 30px; color:#fff; text-decoration:none; background:#efefef;  }
.products_f li .products_tites a img{ position:relative; top:60px; }
.products_f li .products_tites  span{
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 22px;
    padding: 10px 10%;
    word-break: break-all;
    display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    height: 280px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 40px;
    font-size: 14px;
    }
.products_f li .products_tites p{ width:100%; display:block; font-size:18px; padding-top:0px; color:#fff; line-height:40px; text-decoration:none; }
.products_f .products_pics{ width:100%;  }
.products_f .products_pics img{ width:100%;
-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;
transition: transform 2s ease-out; display:none; }
.products_f li .products_tites span.two_01 { color:#fff; }

/**广告 css **/
#zbps_ad{ width:100%; padding:30px 0px; background:#f5f5f5; margin-top:30px; }
.zbps_ad{ width:100%; max-width:1200px; margin:0 auto; }
.zbps_ad_left{ width:92%; margin-left:4%; float:left; margin-bottom:30px; }
.zbps_ad_left h1{font-size: 20px;}
.zbps_ad_left h2{font-size: 28px;margin-top:15px;}
.zbps_ad_left h3{font-size: 16px;color: #4d4d4d;}
.zbps_ad_left .zbps_list { width:100%; padding-top:20px; }
.zbps_ad_left .zbps_list ul li{width:100%;font-size: 14px;color: #4d4d4d;float:left;background:url(../images/hook.png) left center no-repeat;padding-left:35px;line-height:35px;}
.zbps_ad_right { width:100%; float:right; }



/*** 新闻资讯 css***/
#news{ width:100%; }
.news{ width:100%; max-width:1200px; margin: 50px auto 10px; }
.news_tite{font-size: 18px;text-align:center;color:#000;font-weight:bold;line-height: 30px;}
.news_English{font-size: 12px;text-align:center;color:#666;margin-bottom: 10px;}
.news_xx{ width:100%; height:auto; text-align:center; margin:0px auto; background:none;}
.news_xx .tab{ overflow:hidden;}
.news_xx .tab a{ display:inline-block; padding:10px 30px; margin:0px 10px; float:none; font-size:18px; background:#e6e6e6; border-radius:30px; text-decoration:none; color:#333;}
.news_xx .tab a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.news_xx .tab a.on{ background:#b3692d; color:#fff; text-decoration:none;}
.news_xx .content{ overflow:hidden; padding:15px;}
.news_xx .content li{ display:none;}
.news_list{ width:100%; padding-top:20px; }
.news_list_l{ width:100%; float:left; margin-right:0%; margin-bottom:30px; }
.news_img{width: 35%;float:left;}
.news_tite_l{width: 61%;float:right;}
.news_tite_t{
  width:100%;
  font-size: 14px;
  color:#000;
  text-align:left;
  font-weight: bold;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
.news_tite_t a{ color:#000; }
.news_tite_t a:hover{ color:#b3692d; }
.news_tite_tt{
  font-size: 12px;
  color:#666;
  text-align:left;
  line-height:24px;
  padding-top:10px;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  display: none;
  }
.date{width:100%;text-align:left;color:#666;font-size:14px;padding-top: 15px;}
.news_more{ width:100%; text-align:center; }
.news_more a{ display:inline-block; padding:10px 50px; font-size:18px; margin-bottom:20px; color:#666; border:dashed 1px #dddddd; text-decoration:none; }
.news_more a:hover{ background:#b3692d; color:#fff; text-decoration:none; }

/**加盟申请***/

#join_zb{ width:100%; background:#e8ecef; padding-bottom:30px; padding-top:10px; height:auto; }
.join_zb{ width:100%; max-width:1200px; margin:0 auto; }
.join_tite{width:100%;text-align:center;font-size: 18px;color:#000;line-height: 40px;padding-bottom: 10px;font-weight:  bold;}
.join_bd{ width:100%;  overflow:hidden; }
.join_text{font-size: 14px;color: #444;width:90%;margin:0 auto;text-align:center;line-height: 22px;padding-top: 10px;}

#form{ width:90%; margin:0 auto; }
#submit{ height:45px; line-height:45px; text-align:center; }
#join_towbrand,#join_name,#join_phone {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
	margin-bottom:15px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/**产品展示 css **/
#produsts{ width:100%; }
.produsts{ width:92%;  margin:20px auto; }
.produstslist{width: 105.8%;}
.produstslist ul{ width:100%; display:block; list-style-type:none; margin:0px; padding:0px; }
.produstslist ul li {width: calc((100% - 40px)/2);display:inline-block;margin-right: 15px;margin-bottom:30px;}
.produstslist ul li .produsts_img{ width:100%; overflow:hidden; }
.produstslist ul li .produsts_img img { width: 100%;
-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;
transition: transform 2s ease-out; }
.produstslist ul li:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.produstslist ul li .produsts_tite{ width:100%; font-size:16px; padding:5px 0px 0px; text-align:center; }
.produstslist ul li .produsts_tite a{ color:#1a1a1a; font-weight:bold; line-height:40px; text-decoration:none; }
.produstslist ul li:hover{ box-shadow:#ccc 0 0 20px 0; }
.products_fl ul{ padding:0px; margin:0px; }
.products_titeimg{ width:100%; text-align:center; padding:0px 20px; }
.products_fl{ width:100%; text-align:center; margin:20px 0px 50px; }
.products_fl ul li{ display:inline-block; width:22%; line-height:35px; margin-right:5px; background:#e6e6e6; text-align:center; border-radius:5px; }
.products_fl ul li a{ color:#000; display:block; width:100%; font-size:14px; }
.products_fl ul li:hover { background:#b3692d; }
.products_fl ul li:hover a{ background:#b3692d; color:#fff; text-decoration:none; }
.products_titeimg {width:100%;text-align:center;padding-top: 25px;}
.products_titeimg img{ width:100%; }
.products_titeimg h1{ font-size:18px; color:#000; text-align:center; width:100%; clear:both; }


/*** 加盟案例 css***/

#join_case{ width:100%; }
.join_case{width:90%;margin: 0px auto;}
.location{ width:100%; margin:15px 0px;}
.join_caselist{width:100%;margin-top: 20px;}
.join_caselist ul{ width:100%; display:block; list-style-type:none; margin:0px; padding:0px; }
.join_caselist ul li { width: calc((100% - 0px)/1); display:inline-block; margin-right:0px; margin-bottom:20px; }
.join_caselist ul li .join_img{width:35%;overflow:hidden;float:left;}
.join_caselist ul li .join_imgr {width: 61%;float:  right;}
.join_caselist ul li .join_img img { width: 100%;
-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;
transition: transform 2s ease-out; }
.join_caselist ul li:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.join_caselist ul li .join_tite{width:100%;font-size: 14px;/* padding:5px 15px 0px; */text-align:left;line-height: 40px;}
.join_caselist ul li .join_tite a{
    color:#1a1a1a;
    font-weight:bold;
    line-height: 20px;
    text-decoration:none;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
.join_caselist ul li .join_text{font-size: 12px;color:#999;/* padding:0px 15px 10px; */text-align:left;width:100%;padding: 5px 0px 0px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 49px;display: none;}
.join_caselist ul li:hover{ box-shadow:#ccc 0 0 20px 0; }
.join_caselist ul li .join_more{width:100%;font-size: 12px;color:#4d4d4d;/* padding:0px 15px 15px; */}
 .join_caselist ul li .join_more a{ float:right; color:#4d4d4d; float:right; display:inline-block; margin-right:30px; text-decoration:none; }

/*** 联系我们 css***/
/* #contact{ width:100%; background:url(../images/contact.png) center top no-repeat;  padding:0px 0px 50px; background-size:100% 100%;   } */
/* @media screen and (max-width:320px){

#contact {background: url("https://www.1000zun.com/static/index/images/contact.png") center no-repeat;padding:0px 0px 50px; background-size:100% 100%;}

} */
.contact{ width:100%; margin:0 auto; }
.contactleft{ width:90%; float:none; margin:0 auto; padding:20px 0px 0px;  }
.contactleft h1{font-size: 26px;color:#fff;font-weight:  normal;}
.contactleft h2{ font-size: 16px; color:#fff; }
.contact_tex{width:100%;font-size: 12px;color:#fff;line-height:30px;padding-top:20px;}
.contactright{ width:90%; float:none; border-left:dashed 0px #fff; margin:0 auto; }
.contactright h1{font-size: 20px;color:#fff;display: inline-block;}
.contactright h2 {
    font-size: 14px;
    color: #fff;
    display: inline-block;
}
.contactright label{ font-size:14px; color:#fff; line-height:35px; width:100%; color:#fff; font-size:14px; text-indent:10px; }
.contactright input{ border:1px solid #fff; background:none; height:40px; line-height:40px; width:90%; color:#fff; font-size:14px; text-indent:10px; }
.contactright select { border:1px solid #fff; background:none; height:40px; line-height:40px; width:100%; color:#fff; font-size:14px; text-indent:10px; }
.contactright option { height:60px; line-height:60px; width:90%; color:#000; font-size:14px; text-indent:20px; }
#submit {
    margin-top: 0;
    background: #582330;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    background: #fff;
    margin-top: 40px;
    font-size: 16px;
    color: #4d4d4d;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

/**详情页 css **/
#article{width:100%;padding: 20px;}
.article{ width:100%; max-width:1200px; margin:0 auto; }
.articletite{width:100%;text-align:center;font-size: 18px;font-weight:bold;line-height:40px;color:#1a1a1a;}
.articlezz{ width:100%; text-align:center; padding:10px 0px; }
.articlezz span{ display:inline-block; padding:0px 5px; color:#999; font-size:14px; }
.articletext { width:100%; overflow:hidden; }
.articletext img{ width:100% !important; height:auto !important; }

	.c-banner{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 100%;
		height: auto;
		position: absolute;
		left:0%;
		margin-left:0px;
	}
	.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 5px;
	text-align: center;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 70%;
	margin-top: -53px;
	background:none;
	opacity: 1;
	border-radius: 5px;
	z-index: 10;
	font-size:20px;
	color:#fff;
	font-family:"宋体";
	font-weight:bold;
	cursor:pointer;
	
}
.c-banner .nexImg{
	right: 10%;
}
.preImg{ left:10%; }
#location {
    width: 100%;
    background: #e6e6e6;
    padding: 5px 0px;
}
.location{ width:95%;  margin:0px auto; display:none;  }
}
@media only screen and (min-width: 769px){
	.head-right{ display:none; }
#head{ width:100%; clear:both; height:auto; }
.head{ width:100%; max-width:1200px; display:block; margin:0px auto; height:auto; clear:both; }
.logo{ width:20%; float:left; padding:40px 0px; margin-right:1%; }
.head_ad{ width:40%; float:left; padding:35px 0px 0px; line-height:30px; }
.head_ad strong {color: #b3692d;}
.tel{ width:38%; float:right; text-align:right; padding:30px 0px 0px; }
.nav{ width:100%; background:#660000; height:60px; }
#bottom{ width:100%; background:#660000; padding-bottom:50px; }
.bottom{ width:100%; max-width:1200px; display:block; margin:0px auto; height:auto; clear:both; }
.bottom_nav{ width:100%; text-align:center; }
.bottom_nav li{width: 9.7%;display:inline-block;line-height:50px;}
.bottom_nav li a{ display:block; width:100%; font-size:16px; color:#fff; }
.bottom_nav li a:hover{ background:#b3692d; text-decoration:none;  }
.bottom_logo{width: 30%;float:left;}
.bottom_bq{ width:30%; float:left; }
.bottom_emm{width: 25%;float:right;}
.bottom_bq H1{ width:100%; font-size: 30px; color:#fff; background:url(../images/w_phone.png) left center no-repeat; padding-left:50px; }
.bottom_bq H2{ font-size:14px; color:#fff; line-height:25px; }
.bottom_emm img{ float:right;  margin-left:15px; }
.bottom_ntext{width: 45%;float:left;}
.bottom_ntext h1{ width:100%; color:#feda3e; font-size:24px; text-align:center;     line-height:0.8; }
.bottom_ntext h2{ width:100%; color:#fff; font-size:15px; line-height:25px;  text-align:center; }
.bottom_ntext h2 span{ font-size:12px; }
.bottom_ntext h3{ width:100%; color:#feda3e; font-size:24px; text-align:center;     margin-top: 0px;
    margin-bottom: 0px; }
.bottom_ntext h4{ width:100%; color:#fff; font-size:14px; line-height:25px;  text-align:center; }
.bottom_xtt{ width:100%; text-align:center; margin-bottom:10px; }
.bottom_xtt div { width:40%; height:1px; display:inline-block; background:#be7c23; }

#about{ width:100%; height:auto; margin:50px 0px; }
.about{ width:100%; max-width:1200px; margin:0 auto; }
.about_text{ width:100%; text-align:center; line-height:25px; font-size:14px; }
#pinpai{ width:100%; }


#zbps_ad{ width:100%; padding:50px 0px; background:#f5f5f5; }
.zbps_ad{ width:100%; max-width:1200px; margin:0 auto; }
.zbps_ad_left{ width:50%; float:left; }
.zbps_ad_left h1{ font-size:30px; }
.zbps_ad_left h2{ font-size:36px; margin-top:15px; }
.zbps_ad_left h3{ font-size:18px; color: #4d4d4d; }
.zbps_ad_left .zbps_list { width:100%; padding-top:20px; }
.zbps_ad_left .zbps_list ul li{ width:50%; font-size:16px; color: #4d4d4d; float:left; background:url(../images/hook.png) left center no-repeat; padding-left:35px; line-height:35px; }
.zbps_ad_right { width:45%; float:right; }

/**旗下品牌***/
.products_f{ width:100%;}
.products_f ul{ width:100%; list-style-type:none;    display: block;
    margin: 0px;
    padding: 0px; }
.products_f li{ width:50%; float:left; overflow:hidden;  position:relative; background:none; height:auto; margin-left:0%; }
.products_f li .products_tites{ width:100%;text-align: center; /*background:rgba(0,0,0,0.2);*/height:100%; position:absolute; left:0px; top:0px; display: none; }
.products_f li .products_tites a{ width:100%; display:block;  padding:70px 0px 30px; color:#fff; text-decoration:none; }
.products_f li .products_tites  span{ width:100%;display:block; text-align:center; font-size:16px; color:#fff; line-height:25px; padding:10px 15%; }
.products_f li .products_tites p{ width:100%; display:block; font-size:18px; padding-top:0px; color:#fff; line-height:40px; text-decoration:none; }
.products_f li:hover .products_tites{     background-color: rgba(25,21,4,0.9); display:block;}
.products_f .products_pics{ width:100%; }
.products_f .products_pics img{ width:100%;-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;
transition: transform 2s ease-out; }
.products_f li:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.products_f li .products_tites span.two_01 { color:#666; }
.products_f li:hover .products_tites a.one_1{ color:#fff; }
.products_f li:hover .products_tites span.two_01 { color:#fff; }

/**门店展示***/


/*** 新闻资讯 css***/
#news{ width:100%; }
.news{ width:100%; max-width:1200px; margin:50px auto; }
.news_tite{ font-size:30px; text-align:center; color:#000; font-weight:bold; line-height:50px; }
.news_English{ font-size:16px; text-align:center; color:#666; margin-bottom:45px; }
.news_xx{ width:100%; height:auto; text-align:center; margin:0px auto; background:none;}
.news_xx .tab{ overflow:hidden;}
.news_xx .tab a{ display:inline-block; padding:10px 30px; margin:0px 10px; float:none; font-size:18px; background:#e6e6e6; border-radius:30px; text-decoration:none; color:#333;}
.news_xx .tab a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.news_xx .tab a.on{ background:#b3692d; color:#fff; text-decoration:none;}
.news_xx .content{ overflow:hidden; padding:10px;}
.news_xx .content li{ display:none;}
.news_list{max-width: 1200px;padding-top:50px;}
.news_list_l{width:45%;float:left;margin-right:2%;padding:10px;margin-bottom:30px;overflow: hidden;min-height: 155px;}
.news_list_l:hover{ box-shadow:#ccc 0 0 20px 0; }
.news_img{ width:35%; float:left; }
.news_tite_l{ width:61%; float:right; }
.news_tite_t{ width:100%; font-size:18px; color:#000; text-align:left; font-weight: bold; padding-top:10px; word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden; }
.news_tite_t a{ color:#000; }
.news_tite_t a:hover{ color:#b3692d; }
.news_tite_tt{ font-size:14px; color:#666; text-align:left; line-height:24px; padding-top:10px; word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden; }
.date{ width:100%; text-align:left; color:#666; font-size:14px; padding-top:20px; }
.news_more{ width:100%; text-align:center; }
.news_more a{ display:inline-block; padding:10px 50px; font-size:18px; margin-top:15px; color:#666; border:dashed 1px #dddddd; text-decoration:none; }
.news_more a:hover{ background:#b3692d; color:#fff; text-decoration:none; }

#join_zb{ width:100%; background:#e8ecef; padding-bottom:30px; padding-top:10px; height:auto; }
.join_zb{ width:100%; max-width:1200px; margin:0 auto; }
.join_tite{ width:100%; text-align:left; font-size:24px; color:#000; line-height:60px; }
.join_bd{ width:100%; height:50px; overflow:hidden; }
.join_text{ font-size:16px; color:#666; width:100%; text-align:left; line-height:30px; word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
#form {
    display: flex;
}
#form input, #form select {
    /* background: transparent; */
    margin-bottom: 30px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    width: 90%;
    padding: 0 10px;
    border-radius: 5px;
}
#form input, #form select {
    /* background: transparent; */
    margin-bottom: 30px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    width: 90%;
    padding: 0 10px;
    border-radius: 5px;
}
#submit{ margin-top: 0;background: #582330;color: #fff;border-radius: 5px; text-align:center; width: 90%;
    background: #fff;
    margin-top: 40px;
    font-size: 16px;
    color: #4d4d4d;
    text-align: center;
    height: 40px;
    line-height: 40px; cursor:pointer; }
#distpicker_addr>div {
    display: inline-block!important;
    width: 29.5%;
}
#form>div:nth-child(4) {
    flex: 2;
}
#form>div {
    flex: 1;
}

  /*** 产品展示 css***/
 
#produsts{ width:100%; }
.produsts{ width:100%; max-width:1200px; margin:30px auto; }
.produstslist{ width:102.2%; }
.produstslist ul{ width:100%; display:block; list-style-type:none; margin:0px; padding:0px; }
.produstslist ul li { width: calc((100% - 100px)/4); display:inline-block; margin-right:20px; margin-bottom:20px; }
.produstslist ul li .produsts_img{ width:100%; overflow:hidden; }
.produstslist ul li .produsts_img img { width: 100%;
-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;
transition: transform 2s ease-out; }
.produstslist ul li:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.produstslist ul li .produsts_tite{ width:100%; font-size:16px; padding:10px 15px 10px; text-align: center; }
.produstslist ul li .produsts_tite a{ color:#1a1a1a; font-weight:bold; line-height:40px; text-decoration:none; }
.produstslist ul li:hover{ box-shadow:#ccc 0 0 20px 0; }
.products_fl{ width:100%; text-align:center; margin:40px 0px 50px; }
.products_fl ul li{  margin-right:10px; display:inline-block; text-align:center; }
.products_fl ul li a{ color:#000; display:inline-block; padding:8px 35px; background:#e6e6e6;  border-radius:5px; width:100%; height:100%; font-size:16px; }
.products_fl ul li a:hover{ background:#b3692d; color:#fff; text-decoration:none; }
.products_titeimg {width:100%;text-align:center;padding-top: 25px;}
.products_titeimg h1{ font-size:24px; color:#000; text-align:center; width:100%; clear:both; }

/*** 加盟案例 css***/

#join_case{ width:100%; }
.join_case{width:100%;max-width:1200px;margin: 20px auto 20px;}
.join_caselist{width: 103.5%;margin-top: 35px;}
.join_caselist ul{ width:100%; display:block; list-style-type:none; margin:0px; padding:0px; }
.join_caselist ul li { width: calc((100% - 100px)/4); display:inline-block; margin-right:15px; margin-bottom:20px; background:#f7f7f7; }
.join_caselist ul li .join_img{ width:100%; overflow:hidden; min-height:190px; }
.join_caselist ul li .join_img img { width: 100%;
-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;
transition: transform 2s ease-out; }
.join_caselist ul li:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.join_caselist ul li .join_tite{width:100%;font-size: 15px;padding: 10px 15px 0px;min-height: 60px;}
.join_caselist ul li .join_tite a{
    color:#1a1a1a;
    font-weight:bold;
    line-height: 25px;
    text-decoration:none;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
.join_caselist ul li .join_text{font-size:14px;color:#999;padding:0px 15px 10px;display: none;}
.join_caselist ul li:hover{ box-shadow:#ccc 0 0 20px 0; }
.join_caselist ul li .join_more{width:100%;font-size:14px;color:#4d4d4d;padding: 10px 15px 15px;}
 .join_caselist ul li .join_more a{ float:right; color:#4d4d4d; float:right; display:inline-block; margin-right:0px; text-decoration:none; }

/*** 联系我们 css***/
#contact{ width:100%; background:url(../images/contact.png) center no-repeat;  padding:100px 0px; }
.contact{ width:100%; max-width:1200px; margin:0 auto; }
.contactleft{ width:40%; float:left; padding-right:5%;  }
.contactleft h1{ font-size: 40px; color:#fff; }
.contactleft h2{ font-size: 26px; color:#fff; }
.contact_tex{ width:100%; font-size:14px; color:#fff; line-height:30px; padding-top:50px; }
.contactright{ width:50%; float:right; border-left:dashed 1px #fff; padding-left:10%; }
.contactright h1{font-size: 20px;color:#fff;display:  inline-block;}
.contactright h2 {
    font-size: 14px;
    color: #fff;
    display: inline-block;
}
.contactright label{ font-size:14px; color:#fff; line-height:35px; width:100%; color:#fff; font-size:14px; text-indent:10px; }
.contactright input{ border:1px solid #fff; background:none; height:40px; line-height:40px; width:90%; color:#fff; font-size:14px; text-indent:10px; }
.contactright select { border:1px solid #fff; background:none; height:40px; line-height:40px; width:90%; color:#fff; font-size:14px; text-indent:10px; }
.contactright option { height:60px; line-height:60px; width:90%; color:#000; font-size:14px; text-indent:20px; }
/* /
/ */
@media screen and (max-width:320px){

#contact {background: url("https://www.1000zun.com/static/index/images/contact.png" center no-repeat;)}

}
/*  */
/**详情页 css **/
#article{ width:100%; }
.article{ width:100%; max-width:1200px; margin:20px auto; }
.articletite{ width:100%; text-align:center; font-size:24px; font-weight:bold; line-height:40px; color:#1a1a1a; }
.articlezz{ width:100%; text-align:center; padding:10px 0px; }
.articlezz span{ display:inline-block; padding:0px 5px; color:#999; font-size:14px; }
.articletext { width:100%; overflow:hidden; }
.page_zb{ width:100%; max-width:1200px; margin:0 auto 50px; }

}


    .tabClick{ width:100%;  overflow: hidden; text-align:center; }
    .tabClick li{ display: inline-block;
    padding: 10px 30px;
    margin: 0px 10px;
    float: none;
    font-size: 18px;
    background: #e6e6e6;
    border-radius: 30px;
    text-decoration: none;
    color: #333;}
    .tabClick li.active{ color: #fff; background:#b3692d; transition: 0.1s; font-weight: bold}
    .tabCon{ overflow: hidden; }
    .tabBox{ position: relative; }
    .tabList{word-break: break-all;  float:left;  text-align:center; }
    .lineBorder{ height: 2px; overflow: hidden;  }
    .lineDiv{ background: none; height: 0px; width: 25%;}

 
}


    .tabClick{ width:100%;  overflow: hidden; text-align:center; }
    .tabClick li{
    display: inline-block;
    padding: 10px 30px;
    margin: 0px 10px;
    float: none;
    font-size: 14px;
    background: #e6e6e6;
    border-radius: 30px;
    text-decoration: none;
    color: #333;
    }
    .tabClick li.active{ color: #fff; background:#b3692d; transition: 0.1s; font-weight: bold}
    .tabCon{ overflow: hidden; }
    .tabBox{ position: relative; }
    .tabList{word-break: break-all;  float:left;  text-align:center;  }
    .lineBorder{ height: 2px; overflow: hidden;  }
    .lineDiv{ background: none; height: 0px; width: 25%;}