@charset "utf-8";
/*** 
 .ispc //PC专用
 .ismobile //移动专用
***/
/*初始化样式表*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font:0.75em/1.5 Arial, Verdana, "Microsoft Yahei","微软雅黑","宋体",Helvetica,sans-serif; -webkit-text-size-adjust:100%; }
h1,h2,h3,h4,h5,h6{ font-weight:400;}
a{ color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
ins{text-decoration: none;}
/*
*{
	transition-property:border-color, background-color, color;
	transition-duration:.3s;
	transition-timing-function:ease-in;
	transition-delay:.1s;
	
}
*/

li{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word}

/*icon 字体样式*/
/*--
@font-face {
  font-family: 'iconfont';
  src: url(//at.alicdn.com/t/font_43068_y46akwwgct.eot);
  src: url('//at.alicdn.com/t/font_43068_y46akwwgct.eot?#iefix') format('embedded-opentype'),
  url(//at.alicdn.com/t/font_43068_y46akwwgct.woff2) format('woff2'),
  url(//at.alicdn.com/t/font_43068_y46akwwgct.woff) format('woff'),
  url(//at.alicdn.com/t/font_43068_y46akwwgct.ttf) format('truetype'),
  url('//at.alicdn.com/t/font_43068_y46akwwgct.svg#iconfont') format('svg');
}
--*/
/*--
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_43068_hl3psbvjkn.woff2?t=1629343136737') format('woff2'),
       url('//at.alicdn.com/t/font_43068_hl3psbvjkn.woff?t=1629343136737') format('woff'),
       url('//at.alicdn.com/t/font_43068_hl3psbvjkn.ttf?t=1629343136737') format('truetype');
}
--*/
@font-face {
  font-family: 'iconfont';  /* Project id 43068 */
  src: url('fonts/font_43068_c2amtvilbm.woff2?t=1631783223188') format('woff2'),
       url('fonts/font_43068_c2amtvilbm.woff?t=1631783223188') format('woff'),
       url('fonts/font_43068_c2amtvilbm.ttf?t=1631783223188') format('truetype');
}

/*--
@font-face {
  font-family: 'iconfont';  
  src: url(//at.alicdn.com/t/font_43068_jdez23largh.eot);
  src: url('//at.alicdn.com/t/font_43068_jdez23largh.eot?#iefix') format('embedded-opentype'),
  url(//at.alicdn.com/t/font_43068_jdez23largh.woff2) format('woff2'),
  url(//at.alicdn.com/t/font_43068_jdez23largh.woff) format('woff'),
  url(//at.alicdn.com/t/font_43068_jdez23largh.ttf) format('truetype'),
  url('//at.alicdn.com/t/font_43068_jdez23largh.svg#iconfont') format('svg');
}--*/
/*.tdy-icon {*/
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color:#a5a5a5;
}
/*避免延时加载时候幻灯片图片盒子被撑高*/
.ismobile .default-slider-2 img[src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC']{
	max-height:20px;
}
/*用户api端下拉刷新*/
#api_body{
	position: absolute;
    background: #fff;
    top: 0;
    z-index: 1;
    width: 100%;
}
#api_top{
	position:fixed;
    width: 100%;
	height:180px;
    text-align: center;
    background: #fff;
    color: #000;
	left: 0;
    top: 0;
	font-size:12px;
    /* display: none; */
    /* z-index: -222; */
}
#api_top #api_top_1{
	line-height: 80px;
}
#api_top #api_top_2{
	position: absolute;
	bottom:10px;
	width:100%;
	color: #dedede;
}
/*文章内容样式初始化*/
.default-article-content{
	text-align: justify;
	font-size:16px;
	line-height: 2.3;
	color: #404040;
}
.default-article-content a{ color:blue;}
.default-article-content ul{ padding-left: 20px;}
.default-article-content li{ list-style-type: inherit;}
.default-article-content h1,
.default-article-content h2,
.default-article-content h3,
.default-article-content h4,
.default-article-content h5,
.default-article-content h6{
	margin-top:1em;
	margin-bottom:1em;
	font-weight:bold;
}
.default-article-content td{
	border:1px solid #333;
}
.default-article-content p{
	/*
	margin-top:1em;
	margin-bottom:1em;
	text-align: justify;
	font-size:16px;
	line-height: 2.3;
	color: #404040;
	*/
	
}
.default-article-content img{
	max-width:100%;
	height:auto !important;
}
.default-article-content video{
	max-width:100%;
}
/*控制网页宽度*/
.wp{ width:1188px; margin:0 auto;}
.w960 .wp, .w960 .w1188{ width:960px;}
.ismobile .wp,
.ismobile .w960 .wp,
.ismobile .w960 .w1188{
	width:auto;
	padding-left: 10px;
    padding-right: 10px;
}
/*浮动设置*/
.l,.left{float:left !important;}
.r,.right{float:right !important;}

/*清除浮动*/
.cl{zoom:1;}
.cl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/*单行文本*/
.s{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}

/*边距*/
.ispc .mr0{ margin-right:0 !important;}

/*快转化 可见*/
.block{ display:block;}
.none{ display:none;}

/*页面加载中*/
#global_showload{background:url("{F file="images/showload.gif?11"}"); position:fixed; z-index:1025; top: 50%; left:50%; width: 130px; height:130px; margin-left:-75px; margin-top:-75px;}
/*图片上传中状态*/
.imgloading{background:url({F file="images/load.gif?11"}); height: 100px; margin-top: -100px; position: relative;}
/*禁止编辑器上传本地视频*/
#videoTab #upload,#videoTab .tabhead span{ display:none;}
/*百度地图默认宽度*/
.ueditor_baidumap{ width:700px;}





/*分页按钮*/
.page{ font-size:14px; line-height:28px;}
.page a{display:block; float:left; padding:0 12px; border:1px solid #dedede; border-radius:3px; margin-right:8px; margin-top:8px;}
.page a.a,.page a:hover{background:#ccc; color:#fff;}
/*默认导航样式*/
.default-pc-nav-menu{}
.default-pc-nav-menu li{ position: relative;}
.default-pc-nav-menu > li li{ position: relative; width: 100%; white-space: nowrap;}
.default-pc-nav-menu ul{ display: none; position: absolute; z-index: 2;}
.default-pc-nav-menu > li > ul{ top: 100%; left: 0;}
.default-pc-nav-menu > li > ul > li > ul{ top: 0; left: 100%;}
.default-pc-nav-menu > li{ float: left;}
.default-pc-nav-menu li a em{ display: none; font-style:initial;}
.default-pc-nav-menu > li:hover > ul{display: block; background-color:#fff;}
.default-pc-nav-menu > li ul > li:hover > ul{ display: block;}
.nav-thumb{ display:none} /*默认隐藏所有的导航图标，免的影响之前的网站*/

/*翻页样式*/
.pagination{
	margin-top:10px;
	padding:0 !important;
	background:rgba(0,0,0,0) !important;
}
.pagination li{
	padding:0 !important;
	margin:0 !important;
	margin-right:8px !important;
	border-radius: 3px !important;
	float:left;
	border: 1px solid #dedede !important;
	width:auto !important;
	overflow:hidden;
	background:#fff;
}
.pagination li a,.pagination li span{
	display:block !important;
	padding: 0 12px !important;
	width:auto !important;
	height:auto !important;
	margin:auto !important;
	line-height: 28px !important;
	border:none !important;
	float:none !important;
	border-radius: 0 !important;
	background:#fff !important;
	color:#666 !important;
}
.pagination li.active span,.pagination li:hover a{
	background: #ccc !important;
    color: #fff !important; 
}
.ismobile .pagination li a,.ismobile .pagination li span{
	font-size: 12px !important;
    width: 26px !important;
    line-height: 26px !important;
    text-align: center;
    padding: 0 !important;
}
.ismobile .pagination li{
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}



/*友情链接默认样式*/
.default-pc-links-text{}
.default-pc-links-text dt,.default-pc-links-text dd{ float: left;}

.default-pc-links-pic li{ float:left;}

/*默认版权样式*/
.default-copyright{
	width:70%;
	line-height: 2;
	color:#666;
	font-size:12px;
}
.default-copyright a {
	color: #FFD400;
	font-size:12px;
}
.default-copyright span{
	display: inline-block;
	white-space:nowrap;
	margin-right: 10px;
}
.default-copyright em{
	font-style:normal;
}
.default-copyright  .t-gonganicp img{
	line-height: 30px;
    display: inline-block;
    margin-top: -3px;
    margin-right: 2px;
}
/*默认发布文章按钮*/
.default-pc-button-publish{
	padding-left:21px;
	background: no-repeat url("{F file="images/publish.png?11"}");
	transition:opacity .3s;
}
.default-pc-button-publish:hover{
	opacity:0.5;
}
/*默认编辑文章 && 删除*/
.default-pc-button-edit a{
	margin-left:10px;
	font-size: 14px;
	color: #ccc;
}
.default-pc-button-edit a:hover{
	color:#000;
}

/*默认背景音乐*/
.default-bgmp3{
	display:block;
	position: fixed;
	bottom: 60px;
	left: 30px;
	z-index:999;
	width:200px;
	max-width:30%;
	
}
.default-bgmp3 audio{
	width:100%; 
	opacity:0.5;
}




.default-append{ display:none;}

/*幻灯片默认样式*/
.default-slider { 
	position: relative; 
	overflow: auto; 
}
.default-slider li { 
	list-style: none; 
}
.default-slider ul li {
	float: left;   
	width: 100%; 
	overflow: hidden;
}
.default-slider ul li img{
	position: relative;
	left: 50%;
	height: auto;
	/*margin-left:-960px;*/
}
.default-slider .dots{
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.default-slider .dots li{ 
	display: inline-block;
  	cursor: pointer;
  	background-color: #fff;
  	margin: 5px;
  	width: 47px;
  	font-size:0;
  	height: 12px;
 }
 .default-slider .dots li{
	*display: inline;
}
 .default-slider .dots li.active{ background-color: #FFE401;}
 .default-slider .next,.default-slider .prev{
	position:absolute; 
	bottom:50%; 
	width:50px; height:100px; 
	margin-bottom:-50px; 
	opacity:0.7; 
	font: 50px/58px Simsun; 
	color:#fff; 
	line-height:100px; 
	text-align:center;
}
.default-slider .next:hover,.default-slider .prev:hover{
	background-color:#000;
}
.default-slider .next{ right:0;}
.default-slider .prev{ left:0;}

.default-pc-sidebar-dl dd a img,
.default-pc-sidebar-ul li a img{
	display:none;
}
.default-pc-sidebar-ul li a span{
	display:none;
}

.default-pc-sidebar-dl{ border:1px solid #dedede;}
.default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd{ border-bottom:1px solid #dedede;}
.default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd a{ display:block; line-height:48px; padding:0 28px;}
/*
.default-pc-contactcard li,.default-pc-contactcard dd{ background: no-repeat; background-position: 0 center; padding-left: 30px;}
.default-pc-contactcard .add{ background-image: url("url()");}
.default-pc-contactcard .tel{ background-image: url("url()");}
.default-pc-contactcard .email{ background-image: url("url()");}
.default-pc-contactcard .fax{ background-image: url("url()");}
*/

/*幻灯片样式*/
.default-slider-2{ position:relative;}
.default-slider-2 .default-slider-box{ position:relative; width:100%; overflow:hidden; }
.default-slider-2 .next, 
.default-slider-2 .prev{ position:absolute;}
.default-slider-2 .dots { 
	position:absolute; 
	width:100%;
	bottom:10px; 
	text-align:center;
}
.default-slider-2 .dots span{
	display: inline-block;
  	background-color: #fff;
  	margin: 5px;
  	width: 47px;
  	font-size: 0;
  	height: 12px;
	cursor:pointer;
}
.default-slider-2 .dots span{ *display: inline } /*IE兼容*/
.default-slider-2 > .dots > span{ *display:inline;}	/*IE兼容*/
.default-slider-2 > .dots > span.active{ background-color:red;}

.default-slider-box > ul > li{ position:relative; overflow:hidden;}
.default-slider-effect-fadeIn > .default-slider-box > ul{ position:relative;}
.default-slider-effect-fadeIn > .default-slider-box > ul > li{ position:absolute; top:0; left:0; display:none;}

/*单屏滚动模式*/
.default-slider-single > .default-slider-box > ul > li img{ position: relative; left:50%;}

.default-slider-direction-left > .default-slider-box > ul > li{ float:left;}
.default-slider-direction-left > .next, 
.default-slider-direction-left > .prev{
	cursor:pointer;
	top:50%; 
	margin-top:-45px; 
	opacity:.1;
	color:#fff;
	line-height:90px;
	font-size:60px;
	background-color:#000; 
}
.default-slider-direction-left > .next:hover, 
.default-slider-direction-left > .prev:hover{
	opacity:1;
}
.default-slider-direction-left > .next{ right:0;}
.default-slider-direction-left > .prev{ left:0;}
.default-slider-direction-left > .thumb{
	
	position: absolute;
	bottom: 10px;
	left:50%;
	padding:0 30px;
	overflow:hidden;
}

.default-slider-direction-left > .thumb  ul > li{ float:left;}
.default-slider-direction-left > .thumb  ul > li img{
	padding:5px;
	margin:5px;
	border:1px #ccc solid;
	background-color: #fff;
}

.default-slider-direction-left > .thumb > .next,
.default-slider-direction-left > .thumb > .prev{
	margin-top: -15px;
	width: 27px;
	width: 20px;
	height: 31px;
	font-size:0;
	background:url(url(/template/index/default/images/slider_thumb_buttom.png)) no-repeat;
}
.default-slider-direction-left > .thumb > .next{
	right:0;
	background-position:-23px 0;
}
.default-slider-direction-left > .thumb > .prev{
	left:0;
	background-position: 0 0;
}
.default-slider-direction-left > .thumb > .next:hover,
.default-slider-direction-left > .thumb > .prev:hover{
	background-position-y:-32px;
}
.default-slider-direction-left > .thumb > .active{ background-color:#333;}
/*设为首页加入收藏*/
#SetHome,
#collection{
	cursor:pointer;
}
/*DIY 按钮*/
.ispc #diystart{
	display:block;
	position:fixed;
	top:0;
	right:50px;
	background-color:#F90;
	color:#fff;
	z-index:99;
	text-align:center;
	padding:5px 10px;
	border-radius:0 0 10px 10px;
	transition:background .5s;
}
.ispc #diystart:hover{
	background-color: #BA3315;
}
/*文章内容页视频默认高度*/
.default-article-content object{
	min-height:500px;
}
/*手机网站底部追加*/
.default-mobile-copyright2{
	text-align:center;
	background-color:#000;
	color:#505050;
	padding-top:20px;
	padding-bottom:30px;
	font-size:12px;
	margin-top:30px;
}
.default-mobile-copyright2 a{
	color:#505050;
}

/*文章评论*/
#default-article-comments{
	margin-top:15px;
}
#default-article-comments .not-login{
	line-height: 100px;
	color: #333;
    background-color: #fff7f7;
    font-size: 16px;
    border: 1px dashed #f5cece;
    text-align: center;
}
#default-article-comments .not-login a{
	color: #36cc42;
    font-weight: bold;
    margin: 0 2px;
}
#default-article-comments .publish .textarea{
	padding:20px;
	background:#f6f6f6;
}

#default-article-comments .publish textarea{
	width: 98%;
    height: 40px;
    padding: 1%;
    border: #dedede 1px solid;
}
#default-article-comments .publish .textarea span {
    display: block;
    width: 35px;
    height: 35px;
	float:right;
	margin:5px;
	cursor:pointer;
	background:url(images/yy18.png) no-repeat;
}
#default-article-comments .publish input[type="submit"]{
	width: 100px;
    height: 35px;
    border: none;
    line-height: 35px;
    text-align: center;
    float: right;
    border-radius: 3px;
    background: #1b75b5;
    color: #fff;
	margin-top:5px;
}

#default-article-comments .best h3 {
    font-size: 16px;
    color: #478fc3;
	line-height:40px;
}
#default-article-comments .best h3 span {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}
#default-article-comments .best h3 em{
	display:block;
	font-style:normal;
	float:right;
	color:#999;
	font-size:12px;
}
#default-article-comments .list{
	margin-top:20px;
}
#default-article-comments .list h2{
	font-size: 14px;
    font-weight: bold;
}

#default-article-comments .item{
	padding:20px 20px;
	background:#f6f6f6;
	border:1px solid #eee;
	margin-top:10px;
}

#default-article-comments .item p {
    font-size: 13px;
    line-height: 1.8;
	text-align: justify;
}


#default-article-comments .item .title{
	line-height:36px;
	margin-bottom:10px;
}
#default-article-comments .item .title img{
	width:30px;
	margin-top:3px;
	height:auto;
	border-radius:50%;
	float:left;
}
#default-article-comments .item .title h5 {
    float: left;
    margin-left: 10px;
    color: #1b75b5;
}
#default-article-comments .item .title p {
    float: left;
    font-size: 12px;
	margin:0;
    margin-left: 10px;
    line-height: 36px;
    color: #999;
}
#default-article-comments .item .title span{
	display:block;
	float:left;
	margin-left:20px;
	width:50%;
	height:36px;
	background:url(images/yy19.png) no-repeat center left;
}

#default-article-comments .item .like{
	margin-top:20px;
}
#default-article-comments .item .like span{
	float:right;
	border:1px solid #ddd;
	border-radius:15px;
	padding:0 7px;
}
#default-article-comments .item .like span a{
	display:block;
	float:left;
	line-height:28px;
	padding:0 10px;
	color: #1b75b5;
	font-style:normal;
	border-right: 1px solid #ddd;
	margin-right:7px;
}

#default-article-comments .item .like span a em{
	font-style: inherit;
	font-size: 12px;
    margin-left: 3px;
}
#default-article-comments .item .like span a.sure i{
	color: #1b75b5;
}
#default-article-comments .item .like span a.deny{
	border-right: none;
	color:#999;
	margin-right:0;
}

#default-article-comments .item .action{
	display:none;
}

#default-article-comments .item .action i{
	margin-right:4px;
}

#default-article-comments .item:hover .action{
	display:block;
	font-size:12px;
}

#default-article-comments .item:hover .action a{
	margin-left:10px;
}


.default-islike{
	color: #1b75b5;
}
.default-islike i{
	color: #1b75b5;
}



/*DIY相关*/
.ispc .diystart{
    display: block;
    position: fixed;
    top: 0;
    right: 50px;
    background-color: #F90;
    color: #fff;
    z-index: 3;
    text-align: center;
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
    transition: background .5s;
}

#diy_tips_box{ position:relative; height:42px;}
#diy_tips{line-height:28px; text-align:center; padding:7px 0; background:#fff; border-bottom:1px dashed #F93; position:fixed; top:0; left:0; width:100%; z-index:1680;}
#diy_tips a{margin-left:12px; color:#1068df;}
#diy_tips a:hover{text-decoration:underline;}

.diy{ position:relative; margin-bottom:1px;}
.diy a{ position:relative; z-index:1;}
.diy-edit-bg {
	background-color: #000;
	opacity: .5;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.diy-edit-but {
	background-color: red;
	display: block;
	padding: 5px;
	position: absolute !important;
	right: 3px;
	top:3px;
	z-index: 1024;
	width: auto;
	height: auto;
}

.diy-edit-but a *,
.diy-edit-but a{color:#fff;}




/*聊天框样式*/
#tdy-chat-box{
	position:fixed;
	right:0;
	bottom:-4px;
	z-index:9999;
}

.tdy-chat-btn{
	width:195px;
	height:42px;
	line-height:42px;
	position:fixed;
	right:0;
	bottom:0;
	background: #e4e5e9;
	opacity: 0.95;
	border-radius: 2px 0px 0px 2px;
}
.tdy-chat-btn .layui-badge{
	position: absolute;
    top: -8px;
    left: 100px;
}
/*限制云视频最大宽度不超过容器*/
.prism-player{
	max-width:100%;
}
/*TP 内部分页样式*/
.pagination{zoom:1;}
.pagination:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/*表单提交报错样式*/
.tdy-form-error{
	border:1px solid red !important;
}
/*加入购物车*/
.tdy-mall-cart-num{
	display: inline-block;
}


@keyframes mymove
{
	0%{
		transform: scale(1);  /*开始为原始大小*/
		opacity: 1;
	}
	10%{
		transform: scale(3);
		opacity: 1;
	}
	20%{
		transform: scale(1);
		opacity: 1;
	}
	30%{
		transform: scale(6);  /*开始为原始大小*/
		opacity: 1;
	}
	40%{
		transform: scale(1);
		opacity: 1;
	}
	99.9%{
		transform: scale(20);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	0%{
		transform: scale(1);  /*开始为原始大小*/
		opacity: 1;
	}
	10%{
		transform: scale(3);
		opacity: 1;
	}
	20%{
		transform: scale(1);
		opacity: 1;
	}
	30%{
		transform: scale(6);  /*开始为原始大小*/
		opacity: 1;
	}
	40%{
		transform: scale(1);
		opacity: 1;
	}
	99.9%{
		transform: scale(20);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}
.tdy-add-mall-cart-num{
	animation:mymove 1s;
	/* transform: scale(100);
	-webkit-transform: scale(100); */
}
/*** 没有数据公共样式***/
.tdy-no-data{
	width: 100%;
    line-height: 400px;
    text-align: center;
    background: #fbf7ea;
    font-size: 16px;
}
/*** 网站公告样式 ***/
.tdy-notice .layui-layer-title{
    text-align: center;
}
.tdy-notice .layui-layer-content{
      padding: 10px;
}
/*** 文章内容没有阅读权限 ***/
.tdy-article-noauth{
	text-align: center;
    line-height: 300px;
    background-color: #fff7f7;
    margin: 10px 0;
    color: #333;
    font-size: 16px;
    border: 1px dashed #f5cece;
}
.tdy-article-noauth a{
	color: #36cc42;
    font-weight: bold;
    margin: 0 2px;
}
/*** DIY 延时加载提示***/
.tdy-diy-lazy{
	float: left;
    width: 100%;
    text-align: center;
	color: #999;
	padding: 10px 0;
}
/*** 门户列表页 ***/
.tdy-potrtal-list{
	overflow-y:hidden;;
}
/*** 门户列表页筛选 ***/
.tdy-screening-select-item h4,
.tdy-screening-list h4{
	float:left;
	font-weight: bold;
    text-align: right;
	margin-right:10px;
	max-width:56px;
	padding:2px;
}
.tdy-screening-list{
	font-size:14px;
	margin-bottom: 10px;
}
.tdy-screening-list a{
	padding:2px 8px;
	display:block;
}
.tdy-screening-list a.a{
	position:relative;
    background: #dedede;
    border-radius: 5px;
}
.tdy-screening-select-item-show a,
.tdy-screening-list a.a span{
	display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #f2acac;
    color: #fff;
    border-radius: 50%;
    width: 12px;
    font-size: 12px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    padding: 4px;
    transform: scale(.6);
	-ms-transform: scale(.6);
	-moz-transform: scale(.6);
	-webkit-transform: scale(.6);
	-o-transform: scale(.6);
}
.tdy-screening-list-item{
	padding: 5px 0;
}
.tdy-screening-list ul{
	float:left;
	width:calc(100% - 80px);
}
.tdy-screening-list li{
	float:left;
}
.tdy-screening-select{
	margin-bottom: 10px;
	
}
.tdy-screening-select-item{
	float:left;
	float: left;
    margin-right: 20px;
	width:auto;
}
.tdy-screening-select-item a{
	padding: 3px;
}
.tdy-screening-select-item h4{
	line-height: 28px;
    font-size: 14px;
}


.tdy-screening-select-item-value{
	float:left;
	background: #fff;
}
.tdy-screening-select-item-show{
	border:1px solid #ccc;
	padding:3px 10px;
	position:relative;
}
.tdy-screening-select-item-show.a{
	border-bottom: 1px solid #fff;
	z-index: 3;
}

.ismobile .tdy-screening-select-item h4{
	display:none;
}
.ismobile .tdy-screening-select-item-show{
    padding: 0px 5px;
	font-size: 12px;
	border:0;
}
.ismobile .tdy-screening-select-item{
    margin-right: 10px;
}
/*
.tdy-screening-select-item-value:hover .tdy-screening-select-item-show{
	position:relative;
	z-index:2;
	border-bottom: 1px solid #fff;
}
*/

.tdy-screening-select-item-sub{
	border:1px solid #ccc;
	position:absolute;
	min-width:100px;
	max-width:800px;
	max-height:200px;
	padding: 10px 10px 50px 10px;
	font-size: 14px;
	margin-top:-1px;
	background: #fff;
	line-height:26px;
	display:none;
	overflow-y:auto;
}
.ismobile .tdy-screening-select-item-sub{
	    box-shadow: #ccc 1px 9px 5px;
		border: 0;
}
/*
.tdy-screening-select-item-value:hover .tdy-screening-select-item-sub{
	display:block;
}
*/
.tdy-screening-select-sub1{
	border-bottom: 1px #ccc dotted;
    padding: 5px 0;
}
.tdy-screening-select-sub1 h5{
	float:left;
	font-weight:bold;
}
.tdy-screening-select-sub1 ul{}
.tdy-screening-select-sub1 ul li{
	float:left;
	margin-right: 10px;
	position: relative;
}
.tdy-screening-select-sub1 ul li h6{
	border:1px solid #fff;
}
.tdy-screening-select-sub1 ul li:hover h6.tdy-screening-ischildren{
	border:1px solid #ccc;;
	border-bottom: 1px solid #fff;
	position:relative;
	z-index:2;
}
.tdy-screening-select-sub3{
	position:absolute;
	z-index:1;
	background: #fff;
    border: 1px #ccc solid;
	margin-top: -1px;
	padding: 10px;
	min-width: 80px;
    max-width: 400px;
	display: none;
}
.tdy-screening-select-sub3 a{
	margin-right:5px;
}
.tdy-screening-select-sub1 ul li:hover .tdy-screening-select-sub3{
	display:block;
}
.tdy-screening-select-sub3 a{
	float:left;
}
/***2级筛选项***/
.screening .tdy-screening-list .tdy-screening-list-sub1{
	margin-left: 56px;
	background: #f5f5f5;
	margin-top: 10px;
	padding: 10px;
}
.screening .tdy-screening-list .tdy-screening-list-sub2{
	margin-left: 56px;
	background: #dcdcdc;
	padding: 10px;
}
.screening .tdy-screening-list .tdy-screening-list-sub1 a{
	font-size:12px;
}
.screening .tdy-screening-list .tdy-screening-list-sub1 li:hover a{
	color: #000;
}
.screening .tdy-screening-list .tdy-screening-list-sub1 a.a{
	background: #dedede;
	color: #000;
}
.screening .tdy-screening-list .tdy-screening-list-sub1 a.a span{
	background: #a9a9a9;
}
/***暂无数据***/
.tdy-nodata{
	background:#fff;
	text-align:center;
	padding:100px;
	font-size:20px;
	color:#a5a5a5;
}
.tdy-nodata .iconfont{
	font-size:100px;
}
/***商城页面默认背景颜色***/
.module-mall{
	background-color:#f5f5f5;
}
/*** 公共点赞 ***/
.tdy-likes .iconfont{
	cursor:pointer;
}
.tdy-likes .iconfont.a{
	color:red;
}
/*** 前往APP ***/
.toappbnt{
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 20px;
	width: 110px;
	font-size: 12px;
	position: fixed;
	bottom: 65px;
	left: 50%;
	margin-left: -55px;
	height: 25px;
	line-height: 25px;
}
.toappbnt img{
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 4px;
}
.toappbnt ins{
	margin-left:29px;
	text-decoration: inherit;
}
.toappbnt .iconfont{
	color:#fff;
}
/**m 文章底部版权**/
.pu-m-copyright{
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 95px;
	margin-top: 30px;
}
.pu-m-copyright .pu-m-copy{
    margin: 5px 0;
}
.pu-m-copyright img{
    width: 50px;
    border-radius: 50%;
    opacity: 0.2;
}
.pu-m-copyright .m-support a,
.pu-m-copyright .m-support{
	font-size:12px;
	color: #ccc;
} 
.h50{height: 51px;}

/*全局手机样式*/
html,body,header,footer{ }
html{ 
	position:relative; margin: 0 auto;
    padding: 0;
    max-width: 640px;overflow-x: hidden;
	/*
	background:url(url());
	*/
}
img{ max-width:100%;}
body{
	/* position: absolute; 
	left:0; 
	top:0; 
	width:100%;*/
	font-size:1em;
	line-height:1.5;
	color:#666;    margin: 0 auto;
    padding: 0;max-width: 640px; position: relative;overflow-x: hidden;
}
h1,h2,h3,h4{ font-weight:400;}

body .w1188,body .wp{
	width:auto;
	padding-left:10px;
	padding-right:10px;
}
.default-mobile-box,.box{ display:block; margin-top:20px; padding:10px; border-radius:5px; border:solid #B4B4B4 1px; background-color:#fff; }

header,footer{
	position:fixed;
	z-index:10;
	width:100%;
	line-height:1;
	
}
header{
	height:50px;
	top:0; 
	left:0; 
	
}
header .bg{
	height:100%;
	background-color:#333;
	opacity:0.8;
}
header .mobile-header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:none;
}
footer .fcontact{
	position:relative;
}
footer .fcontact .bg{
	height:32px;
	background-color:#333; 
	opacity:0.8;
}
footer .fcontact .iconfont{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	font-size:2em;
}
footer .fcontact .iconfont .r{
	font-size: 1.5em;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -24px;
}
header h1 a{
	display:block;
	margin-top: 5px;
	line-height:40px;
	height: 40px;
	font-size:0.65em;
	color:#fff;
    overflow: hidden;
}
header h1 img{
	height: 40px;
    margin-left: 5px;
	margin-right:10px;
}
#mobile-nav{
	position:fixed;
	background-color: #333;
	top: 0;
	height: 100%;
	right: 0px;
	line-height: 2;
	padding: 32px;
	z-index:3;
	color:#fff;
	margin-right:-300px;
}
#mobile-nav h3{ font-size:2em; text-align:center;}
.default-mobile-nav-menu{
	padding-bottom:50px;
}
.default-mobile-nav-menu > li > a{
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #262626;
}
.default-mobile-nav-menu li a em{ display:none;}
.default-mobile-nav-menu  li  a{
	padding: 15px 10px;
  	border-bottom: 1px solid #262626;
  	font-size: 15px;
  	display: block;
  	color: #fff;
}
/*---手机二级导航----*/
	.nav-click .text{
		display:none;
		padding-top:2px !important;
	}
	.default-mobile-nav-menu li ul{
		display:none;
		background-color: #000;
	}
	.default-mobile-nav-menu li{
		position:relative;
	}
	.default-mobile-nav-menu li div{
		position: absolute;
		right:-10px;
		top: 0px;
		width: 110%;
		height: 60px;
		background:url(/template/index/default/images/g46.png) no-repeat center right;
	}
	
.nav-click{
	color: #fff;
	font-size: 2.5em;
	line-height: 1;
	top: 50%;
	position: absolute;
	margin-top: -16px;
	right: 16px;
	width:50px;
}
.nav-click .text{
	font-size: 12px;
    float: left;
    width: 10px;
    line-height: 1;
    padding-top: 7px;
}
.nav-click .action-l{
	display:none;
}
/*
.nav-click span{ background-color:#ccc; display:block; height:6px; width:100%; margin:5px 0; }
*/
body.nav-on{ /*top:20px; transition:all 1s;*/ overflow: hidden;}
body.nav-on .ui-mobile .ui-page-active{overflow:visible;}
body.nav-on .nav-click span{ height:35px; width:6px; margin:0 4px; float:left;}
body.nav-on #mobile-nav{overflow-y:auto;}
/*底部*/
footer{ bottom:0; /* left:0; */ color:#fff; height:32px; overflow:hidden;max-width: 640px;}
footer a{ color:#fff;}

/*分页按钮*/
.default-mobile-page{ margin-top:10px;}
.default-mobile-page a{ background-color:#fff;}
.default-mobile-page a.a{ background-color:#333;}

/*列表页相关栏目列表*/
.default-mobile-list-cats .subtitle{ margin-left:5px; color:#999; font-size:0.7em}
.default-mobile-list-cats h3{ font-weight: 400; font-size: 1.2em; line-height: 2; color:#333;}
.default-mobile-list-cats h3 em{ float:right; margin-top:17px; border:7px solid; border-color:#666 #fff; border-bottom-width:0;}
.default-mobile-list-cats nav{ display:none;}
.default-mobile-list-cats nav ul li{ border-top:1px solid #dedede;}
.default-mobile-list-cats nav ul li a{ display:block; line-height:2; font-size:1.2em;}
.default-mobile-list-cats nav ul li.back img{ height:1em; margin-left:5px;}

/*导航滑动提示*/
.swipe-right-tip,.swipe-left-tip{ position:fixed; top:50%; width:50px; height:50px; z-index:999;}
.swipe-right-tip{ right:5%;  background:url(url()) no-repeat center;}
.swipe-left-tip{ right:95%; background:url(url()) no-repeat center;} 

/*导航 两个字*/
.action-r em,
.action-l em{
	font-size:0.75em;
}

/*动画效果*/
.hd-tl{ -webkit-transition: top 1s ease,left 1s ease; -moz-transition: top 1s ease,left 1s ease; -o-transition: top 1s ease,left 1s ease; -ms-transition: top 1s ease,left 1s ease;}

/*覆盖默认*/
.default-slider-single > .default-slider-box > ul > li img{
	height:auto;
}

/*底部版权*/
.default-mobile-copyright{ height:0; display:none;}
/*隐藏DIY 按钮*/
#diystart{
	display:none;
}
/*53客服被遮挡的 BUG*/
#mobile_minchat_div{
	z-index:999;
}
#mini_chat .close{
	background:none !important;
}
/*视频嵌入 100%宽度*/
.default-article-content iframe{ width:100% !important;}

/*手机内容页被调整过宽度后的高度自适应*/
article .content img{
	height:auto !important;
}
/*去除默认的云视频手机版视频内边距*/
.prism-player .prism-info-display{
	padding:0 !important;
}
/*layui 弹窗关闭按钮*/
.layui-layer-setwin .layui-layer-close2{
	right: -12px;
    top: -12px;
}
.w17{
	width:1700px;
	margin:auto;
}
.wp{
	width:1400px;
}


/*公共头部*/
.header .logo{
	line-height:110px;
}
.header .logo img{
	height:70px;
	width:auto;
}
.header .top01{
	display:block;
	float:right;
	width:286px;
	height:71px;
	margin-top:19px;
	background:url(../images/t01.png) no-repeat center;
	margin-left:90px;
}
.nav01 > li{
	margin-left:76px;
	position:relative;
	padding:33px 0;
}
.nav01 > li a{
	display:block;
	font-size:18px;
	color:#333;
	line-height:22px;
	width:30px;
	text-align:center;
	transition:0.3s;
}
.nav01 > li a em{
	font-size:0;
	display:block;
	position:absolute;
	width:1px;
	height:80px;
	background:#c8a063;
	top:-90px;
	right:-16px;
	transition:0.3s;
	opacity:0;
}
.nav01 > li a em::before{
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	border-radius:5px;
	background:#c8a063;
	bottom:-10px;
	left:-4px;
}
.nav01 > li.a a,.nav01 > li a:hover{
	color:#c8a063;
}
.nav01 > li.a a em,.nav01 > li a:hover em{
	opacity:1;
	top:0;
}


/*banner*/
.banner01{
	max-height:700px;
	overflow:hidden;
	position:relative;
}
.banner01 .banbg{
	display:block;
	width:694px;
	height:404px;
	background:url(../images/ban01.png) no-repeat center;
	position:absolute;
	left:calc(50% - 347px);
	bottom:calc(50% - 200px);
	z-index:4;
}
.banner01 .next,.banner01 .prev{
	padding:0;
	line-height:40px;
	background:rgba(0,0,0,0);
	opacity:0.6;
	font-size:40px;
	transition:0.2s;
	left:40px;
}
.banner01 .next{
	left:inherit;
	right:40px;
}


/*about*/
.about{
	margin-top:100px;
	margin-bottom:80px;
}
.about .a01 .title{
	float:left;
}
.about .a01 .title h1{
	font-size:30px;
	color:#333;
}
.about .a01 .title h2{
	font-size:16px;
	color:#999;
}
.about .a01 .text{
	float:right;
	width:56%;
}
.about .a01 .text p{
	font-size:14px;
	color:#555;
	line-height:26px;
	margin-bottom:40px;
}
.about .a01 .text a{
	display:block;
	width:130px;
	padding-left:20px;
	line-height:20px;
	font-size:14px;
	color:#555;
	position:relative;
	background:url(../images/more.png) no-repeat right center;
	transition:0.3s;
}
.about .a01 .text a:hover{
	width:150px;
}
.about .a01 .text a::before{
	content:"";
	position:absolute;
	width:5px;
	height:14px;
	left:0;
	top:3px;
	background:#ffea3c;
}
.about .a02{
	padding-top:80px;
	border-top:1px solid #eee;
	margin-top:80px;
}
.about .a02 ul li{
	text-align:center;
	float:left;
	width:25%;
	border-right:1px solid #eee;
	box-sizing:border-box;
}
.about .a02 ul li:last-child{
	border:none;
}
.about .a02 ul li img{
	width:66px;
	height:auto;
	transition:0.3s;
}
.about .a02 ul li img:hover{
	transform:translateY(-8px);
}
.about .a02 ul li h3{
	font-size:18px;
	font-weight:bold;
	color:#555;
	margin-top:20px;
}


/*product*/
.product{
	margin-bottom:100px;
	position:relative;
}
.product .cp01{
	background:url(../images/pbg.jpg) no-repeat center;
	padding:70px 0 100px 0;
	position:relative;
	margin-bottom:50px;
}
.product .cp01 .tit{
	text-align:center;
	margin-bottom:140px;
}
.product .cp01 .pinzhi li{
	width:82px;
	position:relative;
	margin:0 50px;
}
.product .cp01 .pinzhi li img{
	width:100%;
	height:auto;
}
.product .cp01 .pinzhi li h3{
	position:absolute;
	font-size:25px;
	color:#fff;
	width:40px;
	text-align:center;
	left:21px;
	bottom:10px;
	line-height: 32px;
}
.chanpin{
	position:absolute;
	bottom:-50px;
	left:calc(50% - 205px);
	width:410px;
}
.chanpin li{
	text-align: center;
}
.chanpin li span{
	display:inline-block;
	margin:auto;
	position:relative;
	line-height:56px;
	padding:0 40px;
	border-radius:28px;
	background:#f3e248;
	font-size:28px;
	color:#333;
	margin-bottom:40px;
	min-width:180px;
	text-align:center;
}
.chanpin li span::after{
	content:"";
	position:absolute;
	width:1px;
	height:40px;
	bottom:-40px;
	left:50%;
	background:#f3e248;
}
.chanpin li span::before{
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	border-radius:7px;
	bottom:-29px;
	left:calc(50% - 7px);
	background:#f3e248;
}
.chanpin li a{
	display:block;
	width:290px;
	padding:60px;
	padding-bottom:50px;
	background:#fff;
	border-radius:205px 205px 0 0;
	position:relative;
}
.chanpin li img{
	width:100%;
	height:auto;
	border-radius:50%;
}
.chanpin li a em{
	display:block;
	position:absolute;
	width:60px;
	height:60px;
	border-radius:30px;
	text-align:center;
	line-height:60px;
	font-size:14px;
	color:#fff;
	background:#f3e248;
	left:calc(50% - 30px);
	top:calc(50% - 30px);
}
/*.chanpin li a::after{
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	border-radius:7px;
	bottom:26px;
	left:calc(50% - 7px);
	background:#f3e248;
}
.chanpin li a::before{
	content:"";
	position:absolute;
	width:1px;
	height:70px;
	bottom:0;
	left:50%;
	background:#f3e248;
}*/
.chanpin02{
	padding:0 40px;
}
.chanpin02 li{
	text-align:center;
}
.chanpin02 li a{
	width: 110px;
    border-radius: 65px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: auto;
    padding: 6px;
    border: 4px solid #fff;
    transition: 0.3s;
}
.chanpin02 li a::before{
	content:"";
	position:absolute;
	width:110px;
	height:110px;
	border-radius: 50%;
	background:#000;
	left:6px;
	top:6px;
	opacity:0;
	transition:0.3s;
}
.chanpin02 li img{
	width:100%;
	height:auto;
	border-radius: 50%;
}
.chanpin02 li a:hover::before,.chanpin02 li.swiper-slide-thumb-active a::before{
	opacity:0.5;
}
.chanpin02 li a:hover,.chanpin02 li.swiper-slide-thumb-active a{
	border-color:#f3e248;
}
.product .next01,.product .prev01{
	display:block;
	position:absolute;
	width:32px;
	line-height:32px;
	border-radius:16px;
	text-align:center;
	background:#f3e248;
	font-size:14px;
	color:#fff;
	bottom:49px;
	left:0;
	z-index: 4;
	outline-color:rgba(0,0,0,0);
}
.product .next01{
	left:inherit;
	right:0;
}


/*招商加盟*/
.joinus{
	background:#f8f8f8;
	padding-top:70px;
	position:relative;
}
.joinus::before{
	content:"";
	position:absolute;
	width:90px;
	height:430px;
	left:0;
	top:50px;
	background:url(../images/join.png) no-repeat center;
}
.tit01{
	text-align:center;
	margin-bottom:50px;
}
.tit01 h1{
	font-size:34px;
	color:#444;
	position:relative;
	line-height:40px;
}
.tit01 h1::after{
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	background:#333;
	top:15px;
	left:calc(50% - 105px);
	transform: rotateZ(45deg);
}
.tit01 h1::before{
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	background:#333;
	top: 15px;
    right: calc(50% - 105px);
    transform: rotateZ(45deg);
}
.tit01 h2{
	font-size: 14px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 2px;
    position: relative;
    line-height: 20px;
    margin-top: 15px;
}
.tit01 h2::after{
	content:"";
	position:absolute;
	width:60px;
	height:1px;
	background:#ccc;
	top:9px;
	left:calc(50% - 160px);
}
.tit01 h2::before{
	content:"";
	position:absolute;
	width:60px;
	height:1px;
	background:#ccc;
	top:9px;
	right:calc(50% - 160px);
}
.join{
	margin-left:150px;
	width:calc(100% - 150px);
	background:#fff;
}
.join .jtitle{
	width:240px;
}
.join .jtitle li{
	background:#eee6da;
	border-bottom:1px solid #fff;
	text-align:center;
	position:relative;
	padding:60px 20px;
	transition:0.3s;
	cursor:pointer;
}
.join .jtitle li::after{
	content:"";
	position:absolute;
	width:24px;
	height:24px;
	background:#eee6da;
	right:0;
	top:calc(50% - 12px);
	opacity:0;
	transform: rotateZ(45deg);
	transition:0.3s;
}
.join .jtitle li h3{
	font-size:28px;
	color:#c8a063;
	line-height:32px;
	margin-bottom:5px;
	transition:0.3s;
}
.join .jtitle li h4{
	font-size:12px;
	color:#c8a063;
	line-height:20px;
	text-transform:uppercase;
	transition:0.3s;
}
.join .jtitle li:hover h3,.join .jtitle li:hover h4
,.join .jtitle li.a h3,.join .jtitle li.a h4{
	color:#333;
}
.join .jtitle li:hover,.join .jtitle li.a{
	background:#ffea3c;
}
.join .jtitle li:hover::after,.join .jtitle li.a::after{
	right:-12px;
	opacity:1;
	background:#ffea3c;
}
.switch{
	display:none;
}
.advantage{
	display:block;
	width: calc(100% - 760px);
    padding: 50px 80px;
	padding-bottom:0;
}
.advantage li{
	width:50%;
	float:left;
	margin-bottom:40px;
}
.advantage li .t01{
	float:left;
	width:58px;
	border:1px solid #c8a063;
	text-align:center;
}
.advantage li .t01 em{
	display:block;
	width:100%;
	line-height:58px;
	background:#c8a063;
	font-size:26px;
	color:#fff;
}
.advantage li .t01 h3{
	font-size:20px;
	color:#c8a063;
	padding: 15px 10px;
    line-height: 26px;
}
.advantage li .t02{
	width:calc(100% - 90px);
	float:right;
	margin-top: 50px;
}
.advantage li .t02 h5,.advantage li .t02 p{
	font-size:14px;
	color:#999;
	line-height:26px;
}
.advantage li .t02 p{
	width:50%;
	float:left;
}
.require{
	width: calc(100% - 760px);
    padding: 90px 80px;
	padding-bottom:0;
}
.require li{
	float:left;
	width:47.5%;
	margin-right:5%;
	margin-bottom:90px;
}
.require li em{
	float:left;
	width:36px;
	line-height:36px;
	display:block;
	border-radius:50%;
	background:#f3e248;
	font-size:15px;
	color:#333;
	font-style:normal;
	text-align:center;
}
.require li p{
	float:right;
	width:calc(100% - 70px);
	font-size:16px;
	color:#555;
	line-height:26px;
}
.process{
	width: calc(100% - 800px);
    padding: 80px 100px;
	padding-bottom:0;
}
.process .protit{
	position:relative;
}
.process .protit::before{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#c8a063;
	left:0;
	top:54px;
}
.process .protit li{
	position:relative;
	float:left;
	width:25%;
}
.process .protit li::before{
	content:"";
	position:absolute;
	width:12px;
	height:18px;
	background:#c8a063;
	right:-6px;
	top:45px;
	background:url(../images/more02.png) no-repeat center;
}
.process .protit li:last-child::before{
	display:none;
}
.process .protit li a{
	display:block;
	width:108px;
	height:108px;
	background:#fff;
	border-radius:50%;
	border:1px solid #c8a063;
	text-align:center;
	vertical-align: middle;
	margin:auto;
	transition:0.3s;
}
.process .protit li h3{
	padding:0 15px;
	font-size:16px;
	color:#c8a063;
	line-height:20px;
	margin-top: 40px;
	transition:0.3s;
}
.process .protit li a:hover ,.process .protit li.a a{
	background:#c8a063;
}
.process .protit li a:hover h3,.process .protit li.a a h3{
	color:#fff;
}
.process .protext{
	margin-top:80px;
}
.process .protext li{
	display:none;
	padding:30px;
	border:1px solid #c8a063;
	border-radius:6px;
}
.process .protext li:first-child{
	display:block;
}
.process .protext li p{
	float: left;
    width: 47%;
    margin-right: 6%;
    margin-bottom: 6px;
    font-size: 14px;
    color: #c8a063;
    line-height: 24px;
}
.process .protext li p:nth-child(2n){
	margin-right:0;
}
.jphone{
	float:right;
	width:360px;
	position:relative;
}
.jphone img{
	width:100%;
	height:auto;
}
.jphone div{
	position:absolute;
	width:calc(100% - 100px);
	padding:0 50px;
	top:0;
	left:0;
	text-align:center;
}
.jphone div em{
	display:block;
	width:80px;
	line-height:80px;
	background:#fff;
	border-radius:50%;
	font-size:40px;
	color:#c8a063;
	margin:120px auto 20px auto;
}
.jphone div h3{
	font-size:36px;
	color:#fff;
	font-weight:bold;
	line-height: 40px;
}
.jphone div h4{
	font-size:30px;
	color:#fff;
	font-weight:bold;
}
.jphone div a{
	display:block;
	width:100%;
	text-align:center;
	line-height:50px;
	border:1px solid #fff;
	font-size:16px;
	color:#fff;
	transition:0.3s;
	margin-top:30px;
}
.jphone div a:hover{
	background:#fff;
	color:#c8a063;
}


/*news*/
.news{
	margin:80px auto;
}
.news li{
	float:left;
	width:31%;
	margin-right:3.5%;
	background:#fff;
	padding-bottom:25px;
	transition:0.4s;
	overflow:hidden;
}
.news li:last-child{
	margin-right:0;
}
.news li a{
	display:block;
}
.news li span{
	display:block;
	padding:0 20px;
	border:1px solid #eee;
	box-sizing:border-box;
	position:relative;
	transition:0.4s;
}
.news li span::before{
	content:"";
	position:absolute;
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	background:#f3e248;
	left:-1px;
	top:-100%;
	transition:0.5s;
	opacity:0;
}
.news li img{
	width:100%;
	height:auto;
	position:relative;
	top:20px;
	z-index:2;
}
.news li div{
	width:calc(100% - 60px);
	margin-left:30px;
	margin-top:40px;
}
.news li h3{
	font-size:18px;
	color:#555;
	transition:0.4s;
}
.news li p{
	font-size:14px;
	color:#aaa;
	line-height:22px;
	height:44px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:15px;
}
.news li h4{
	font-size:14px;
	color:#aaa;
}
.news li h4 em{
	margin-right:5px;
	color:#bfbfbf;
}
.news li:hover{
	box-shadow:0 0 12px rgba(0,0,0,0.08);
}
.news li:hover span::before{
	opacity:1;
	top:-1px;
}
.news li:hover span{
	border-color:rgba(0,0,0,0);
}
.news li:hover h3{
	color:#c8a063;
}
.more01{
	display:block;
	margin:auto;
	margin-top:40px;
	width:260px;
	text-align:center;
	line-height:50px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	transition:0.3s;
}
.more01 h3{
	display:inline-block;
	margin-right:15px;
	line-height:50px;
	font-size:15px;
	color:#aaa;
	letter-spacing:1px;
	transition:0.3s;
}
.more01 em{
	display:inline-block;
	line-height:50px;
	color:#aaa;
	transition:0.3s;
}
.more01:hover{
	border-color:#c8a063;
	width:330px;
}
.more01:hover h3,.news .more01:hover em{
	color:#c8a063;
}


/*门店地址*/
.adress{
	position:relative;
	border-top:6px solid #c8a063;
}
.adress .all li{
	position:relative;
	display:none;
}
.adress .all li:first-child{
	display:block;
}
.adress .all img{
	width:100%;
	height:auto;
}
.adress .all li .text{
	text-align:center;
	width:100%;
	height:200px;
	position:absolute;
	left:0;
	top:135px;
	background:url(../images/store.png) no-repeat center;
}
.adress .all li .text a{
	display:block;
	width: 180px;
    height: 180px;
    position: absolute;
    top: 10px;
    left: calc(50% - 95px);
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(0,0,0,0.32);
    overflow: hidden;
}
.adress .all li .text a div{
	position:absolute;
	width:100%;
	height: 120px;
	padding:30px 0;
	top:0;
	left:0;
	background:rgba(200,160,99,0.5);
	border-radius:50%;
}
.adress .all li .text a div em{
	font-size:45px;
	color:#fff;
}
.adress .all li .text a div h3{
	font-size:14px;
	color:#fff;
	line-height:20px;
}
.adress .tab01{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:2;
}
.adress .tab01 li{
	float:left;
	width:25%;
	text-align:center;
	box-sizing:border-box;
	border-right:1px solid rgba(255,255,255,0.2);
	cursor:pointer;
	background:#c8a063;
	transition:0.3s;
	position:relative;
}
.adress .tab01 li::before{
	content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #c8a063;
    top: 0;
    left: calc(50% - 9px);
    opacity: 0;
    transform: rotateZ(45deg);
    transition: 0.3s;
}
.adress .tab01 li:last-child{
	border:none;
}
.adress .tab01 li em{
	display:inline-block;
	line-height:74px;
	font-size:20px;
	color:#fff;
	margin-right:10px;
	transition:0.3s;
}
.adress .tab01 li h3{
	display:inline-block;
	line-height:74px;
	font-size:16px;
	color:#fff;
	transition:0.3s;
}
.adress .tab01 li:hover::before,.adress .tab01 li.a::before{
	top:-9px;
	opacity:1;
	background:#fff;
}
.adress .tab01 li:hover,.adress .tab01 li.a{
	background:#fff;
}
.adress .tab01 li:hover em,.adress .tab01 li.a em
,.adress .tab01 li:hover h3,.adress .tab01 li.a h3{
	color:#c8a063;
}


/*公共底部*/
.footerbox{
	background:url(../images/fbg.jpg) no-repeat center;
}
.footer{
	padding:70px;
	position:relative;
}
.footer .logo img{
	height:70px;
	width:auto;
}
.footer .fnav{
	border-top:1px solid rgba(255,255,255,0.1);
	border-bottom:1px solid rgba(255,255,255,0.1);
	padding:15px 5px;
	margin:20px 0;
}
.footer .fnav li{
	float:left;
	margin-right:42px;
}
.footer .fnav li:last-child{
	margin-right:0;
}
.footer .fnav li a{
	font-size:16px;
	color:#fff;
	transition:0.2s;
}
.footer .f01 h4{
	font-size:14px;
	color:#fff;
	line-height:36px;
}
.footer .f01 h4 em{
	font-style:normal;
	font-size:30px;
	color:#ffea3c;
	position: relative;
    top: 5px;
}
.footer .fnav li a:hover{
	color:#ffea3c;
}
.footer .f02{
	position:absolute;
	width:240px;
	left:calc(50% - 120px);
	top:100px;
}
.footer .f02 img{
	width:100%;
	height:auto;
}
.footer .f03{
	width:310px;
}
.footer .f03 h3{
	position:relative;
	font-size:20px;
	color:#ffea3c;
	line-height:24px;
	margin-bottom:30px;
	float:left;
	width:100%;
}
.footer .f03 h3::after{
	content:"";
	position:absolute;
	width:100px;
	height:1px;
	background:rgba(255,255,255,0.10);
	top:11px;
	left:120px;
}
.footer .f03 div{
	float:left;
	width:140px;
	text-align:center;
	margin-right:30px;
}
.footer .f03 div:last-child{
	margin-right:0;
}
.footer .f03 div img{
	width:100%;
	height:auto;
	border-radius:5px;
}
.footer .f03 div h4{
	font-size:14px;
	color:#fff;
	margin-top:10px;
}
.jishu{
	padding:30px 0;
	border-top:1px solid rgba(255,255,255,0.1);
}
.jishu p{
	width:100%;
	font-size:14px;
	color:#666;
	text-align:center;
}
.jishu p a{
	color:#666;
	transition:0.2s;
}
.jishu p a:hover{
	color:#fff;
}


/*新闻列表页--------------------------------------------------------------*/
.nybanner img{
	width:100%;
	height:auto;
}
.lnews{
	margin-bottom:100px;
}
.pub01{
	text-align:right;
	margin-bottom:8px;
}
.lnews .all li{
	padding:30px 0;
	border-bottom:1px solid #eee;
}
.lnews .all li:first-child{
	padding-top:0;
}
.lnews .all li a{
	display:block;
}
.lnews .all li span{
	float:left;
	display:block;
	overflow:hidden;
	width:26%;
	border-radius: 10px;
}
.lnews .all li img{
	width:100%;
	height:auto;
	transition:0.5s;
}
.lnews .all li .text{
	float:left;
	width:calc(74% - 290px);
	margin-left:80px;
	transition: 0.4s;
}
.lnews .all li h3{
	font-size: 20px;
    color: #333;
    transition: 0.4s;
    margin-top: 15px;
}
.lnews .all li p{
	font-size: 14px;
    color: #666;
    margin-top: 20px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 60px;
}
.lnews .all li h4{
	font-size: 14px;
    color: #999;
}
.lnews .all li .more{
	float: right;
    width: 130px;
    text-align: center;
    border-left: 1px solid #eaeaea;
    padding: 30px 0;
    margin-top: 48px;
}
.lnews .all li .more em{
	display: block;
    margin: auto;
    width: 32px;
    border-left: 2px solid #999;
    line-height: 20px;
    font-size: 20px;
    color: #999;
    margin-bottom: 10px;
	transition: 0.4s;
}
.lnews .all li .more h5{
	font-size:14px;
	color:#666;
}
.lnews .all li:hover img{
	transform:scale(1.07);
}
.lnews .all li:hover .text{
	margin-left:95px;
}
.lnews .all li:hover h3{
	color:#c8a063;
}
.lnews .all li:hover .more em{
	color:#c8a063;
	border-color:#c8a063;
}


/*产品列表页--------------------------------------------------------------*/
.lshow{
	margin-bottom:80px;
}
.lshow .all li{
	float:left;
	width:31%;
	margin-right:3.5%;
	margin-bottom:3.5%;
}
.lshow .all li a{
	display:block;
	position:relative;
	border:1px solid #000;
}
.lshow .all li a span{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
}
.lshow .all li img{
	width:100%;
	height:auto;
	transition:0.6s;
}
.lshow .all li a div{
	position:absolute;
	right:-10px;
	bottom:30px;
}
.lshow .all li a div::before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	border:1px solid #f3e248;
	left:-10px;
	top:-10px;
}
.lshow .all li a div h3{
	float:left;
	padding:0 30px;
	line-height:50px;
	background:#000;
	color:#f3e248;
	font-size:18px;
	font-weight:bold;
	position:relative;
	z-index:2;
	min-width:190px;
}
.lshow .all li a div em{
	float:left;
	display:block;
	line-height:50px;
	width:50px;
	text-align:center;
	background:#f3e248;
	color:#000;
	font-size:18px;
	position:relative;
	z-index:2;
}
.lshow .all li:hover a img{
	transform:scale(1.08);
}
.openall{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:5;
	left:0;
	top:0;
	background:rgba(0,0,0,0.7);
}
.openall .text{
	position:absolute;
	left:calc(50% - 375px);
	top:calc(50% - 250px);
	width: 460px;
	margin:auto;
    height: 200px;
	border:5px solid #f3e248;
	padding: 50px 50px 50px 240px;
    border-radius: 40px;
    background: #fff;
    box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.21);
}
.openall .text div{
	position:absolute;
	left: -185px;
    top: -26px;
	width:320px;
	border:5px solid #fff;
	overflow:hidden;
	border-radius:8px;
	box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.23);
	transform: rotateZ(-4deg);
	-ms-transform:rotateZ(-4deg);
	-moz-transform:rotateZ(-4deg);
	-webkit-transform:rotateZ(-4deg);
	-o-transform:rotateZ(-4deg);
}
.openall .text h3{
	display: inline-block;
    margin-bottom: 25px;
    padding: 8px 28px;
    border-radius: 20px;
    background: #929292;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
}
.openall .text p{
	font-size: 16px;
    line-height: 30px;
    max-height: 90px;
    overflow: hidden;
}
.openall .text span{
	display:block;
	width:48px;
	height:48px;
	background:url(../images/close.png) no-repeat center;
	cursor:pointer;
	position:absolute;
	right:30px;
	top:30px;
}
.pagination{
	text-align:center;
}
.pagination li{
	transition:0.2s;
	display:inline-block;
	float:none;
	margin:0 4px !important;
}
.pagination li a, .pagination li span{
	line-height: 30px !important;
	font-size: 14px;
	transition:0.2s;
}
.pagination li.active span, .pagination li:hover a {
    background: #f3e248 !important;
    color: #000 !important;
}
.pagination li.active, .pagination li:hover{
	border-color: #f3e248 !important;
}


/*联系我们列表页------------------------------------------------------------*/
.lcontact{
	background:#f7f7f4;
}
.tit02{
	text-align:center;
	padding:60px 0 50px 0;
}
.tit02 span{
	margin:auto;
	position:relative;
}
.tit02 span b{
	font-size:36px;
	color:#000;
	text-transform:uppercase;
	position:relative;
	z-index:2;
}
.tit02 span::after{
	content:"";
	position:absolute;
	width:100%;
	height:12px;
	left:0;
	bottom:-3px;
	background:#f3e248;
}
.tit02 h2{
	font-size:18px;
	color:#000;
}
.contact01{
	background:#fff;
	padding:40px 0;
}
.contact01 img{
	float:left;
	height:100px;
	width:auto;
	margin:0 120px;
	margin-top:32px;
}
.contact01 div{
	float:left;
	padding:30px 0 30px 80px;
	border-left:1px solid #eee;
}
.contact01 div h3{
	font-size:26px;
	color:#000;
	font-weight:bold;
}
.contact01 div span{
	display:block;
	width:60px;
	height:4px;
	margin:25px 0;
	background:#c8a063;
}
.contact01 div h4{
	font-size:18px;
	color:#000;
}
.contact02{
	margin:20px auto 60px auto;
}
.contact02 div{
	float:left;
	background:#fff;
	width:calc(100% / 3 - 14px);
	margin-right:21px;
	padding:30px 0;
}
.contact02 div:last-child{
	margin-right:0;
}
.contact02 div em{
	display:block;
	float:left;
	margin-left:30px;
	font-size: 26px;
	color:#c8a063;
	line-height:30px;
}
.contact02 div h3{
	float:left;
	margin-left:10px;
	font-size:18px;
	color:#000;
	line-height:30px;
}


/*新闻展示内容页------------------------------------------------------------*/
.vnews{
	background:#f7f7f4;
	padding:60px 0 80px 0;
}
.vnews .text{
	background:#fff;
	padding-top:50px;
}
.article,.vnews .pub01{
	padding:0 120px;
}
.vndate{
	text-align:center;
	margin-bottom:40px;
}
.vndate h1{
	font-size:24px;
	color:#c8a063;
	font-weight:bold;
	margin-bottom:10px;
}
.vndate h4{
	font-size:14px;
	color:#999;
}
.vndate h4 em{
	margin-right:8px;
}
.fanye{
	margin-top:50px;
	background:#c8a063;
}
.fanye a{
	display:block;
	width:50%;
	padding:0 40px;
	box-sizing:border-box;
	font-size:16px;
	color:#fff;
	line-height:60px;
}
.fanye a em{
	font-size:12px;
	color:#fff;
	margin-right:6px;
}
.fanye a.next01{
	text-align:right;
}
.fanye a.next01 em{
	margin-right:0;
	margin-left:6px;
}


/*招商加盟页面-------------------------------------------------------------*/
.join01{
	margin:80px auto;
}
.tit03{
	text-align:center;
	margin-bottom:50px;
}
.tit03 h1{
	font-size:28px;
	color:#000;
	font-weight:bold;
}
.tit03 span{
	display:block;
	width:26px;
	height:4px;
	background:#f3e248;
	margin:15px auto;
}
.tit03 h2{
	font-size:14px;
	color:#666;
}
.join01 ul li{
	float:left;
	width:calc(25% - 45px);
	margin-right:60px;
	text-align:center;
	padding:80px 60px;
	padding-bottom:30px;
	box-sizing:border-box;
	transition:0.4s;
	position:relative;
	background:#f5f5f5;
}
.join01 ul li:last-child{
	margin-right:0;
}
.join01 ul li div{
	width:60px;
	height:60px;
	margin:auto;
	overflow:hidden;
	margin-bottom:30px;
}
.join01 ul li img{
	width:100%;
	height:auto;
	transition:0.4s;
}
.join01 ul li h3{
	font-size:20px;
	color:#000;
}
.join01 ul li span{
	display:block;
	width:24px;
	height:4px;
	background:#c8a063;
	margin:20px auto;
}
.join01 ul li p{
	font-size:14px;
	color:#666;
	line-height:30px;
	height:210px;
	position:relative;
	z-index:2;
}
.join01 ul li ins{
	display:block;
	width:40px;
	height:40px;
	margin:auto;
	margin-top:60px;
	background:url(../images/j02.png) no-repeat top center;
	transition:0.4s;
	position:relative;
	z-index:2;
}
.join01 ul li::before{
	content:"";
	position:absolute;
	width:100%;
	height:160px;
	background:url(../images/j01.png) no-repeat bottom center;
	background-size:100% auto;
	left:0;
	bottom:0;
	transition:0.4s;
}
.join01 ul li:hover{
	background:#c8a063;
}
.join01 ul li:hover img{
	transform:translateY(-60px);
	-ms-transform:translateY(-60px);
	-moz-transform:translateY(-60px);
	-webkit-transform:translateY(-60px);
	-o-transform:translateY(-60px);
}
.join01 ul li:hover h3,.join01 ul li:hover p{
	color:#fff;
}
.join01 ul li:hover span{
	background:#f3e248;
}
.join01 ul li:hover::before{
	opacity:0.15;
}
.join01 ul li:hover ins{
	background:url(../images/j02.png) no-repeat bottom center;
}
.join02{
	padding:60px 0;
	background:#f5f5f5 url(../images/joinbg.jpg) no-repeat center;
}
.join02 ul li{
	float:left;
	width:calc(50% - 20px);
	margin-right:40px;
	background:#fff;
	text-align:center;
	padding-bottom:20px;
}
.join02 ul li:last-child{
	margin-right:0;
}
.join02 ul li span{
	display:block;
	width:100%;
	overflow:hidden;
}
.join02 ul li img{
	width:100%;
	height:auto;
	transition:0.5s;
}
.join02 ul li h3{
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-top:20px;
	width:92%;
	margin-left:4%;
}
.join02 ul li p{
	font-size: 13px;
    color: #666;
    width: 92%;
    margin-left: 4%;
    margin-top: 4px;
}
.join02 .t01{
	margin-top:60px;
	text-align:center;
}
.join02 ul li span:hover img{
	transform:scale(1.06);
	-ms-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-webkit-transform:scale(1.06);
	-o-transform:scale(1.06);
}
.join03{
	margin:80px auto;
}
.join03 .text{
	border-top:4px solid #eee;
}
.join03 li{
	float:left;
	width:calc(20% - 40px);
	margin-right:50px;
	position:relative;
	margin-top:70px;
	box-shadow:1px 1px 12px rgba(0,0,0,0.1);
	border-radius:0 0 10px 10px;
}
.join03 li:last-child{
	margin-right:0;
}
.join03 li span{
	display:block;
	width:100%;
	text-align:center;
	line-height:52px;
	background:#c8a063;
	font-size:28px;
	color:#fff;
	font-weight:bold;
	border-radius:10px 10px 0 0;
	position:relative;
}
.join03 li span::before{
	content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #c8a063;
    transform: rotateZ(45deg);
	-ms-transform:rotateZ(45deg);
	-moz-transform:rotateZ(45deg);
	-webkit-transform:rotateZ(45deg);
	-o-transform:rotateZ(45deg);
    left: calc(50% - 8px);
    top: -8px;
}
.join03 li::before{
	content: "";
    position: absolute;
	width:8px;
	height:8px;
	background:#fff;
	border:6px solid #c8a063;
	border-radius:10px;
	left:calc(50% - 10px);
	top:-82px;
}
.join03 li::after{
	content: "";
    position: absolute;
	width:1px;
	height:60px;
	background:#c8a063;
	left:50%;
	top:-62px;
}
.join03 li p{
	background:#fff;
	padding:30px 40px;
	font-size:14px;
	color:#666;
	line-height:28px;
	text-align:center;
	height:84px;
	border-radius:0 0 10px 10px;
}
.join04{
	background:#f5f5f5;
	padding:60px 0 80px 0;
}
.join04 .text{
	background:url(../images/lcbg.jpg) no-repeat center;
}
.join04 .text .t01{
	border-bottom:1px solid rgba(255,255,255,0.1);
}
.join04 .text .t01 li{
	float:left;
	width:25%;
	text-align:center;
	border-right:1px solid rgba(255,255,255,0.1);
	box-sizing:border-box;
	padding:20px 0;
	transition:0.2s;
	cursor:pointer; 
}
.join04 .text .t01 li:last-child{
	border:none;
}
.join04 .text .t01 li h3{
	font-size:18px;
	color:#fff;
	margin-top:8px;
}
.join04 .text .t01 li:hover,.join04 .text .t01 li.a{
	background:#c8a063;
}
.join04 .text .t02{
	padding:60px 100px;
}
.join04 .text .t02 li{
	display:none;
	height:120px;
}
.join04 .text .t02 li:first-child{
	display:block;
}
.join04 .text .t02 li p{
	float:left;
	width:50%;
	font-size:16px;
	color:#fff;
	line-height:40px;
}
.join05{
	margin:80px auto;
}
.join05 ul li,.join06 ul li{
	background:#eee;
	vertical-align: middle;
	padding:15px 80px;
}
.join05 ul li:first-child,.join06 ul li:first-child{
	background:#f3e248;
}
.join05 ul li:nth-child(2n),.join06 ul li:nth-child(2n){
	background:#fff;
}
.join05 ul li h3,.join05 ul li h4,.join05 ul li p{
	float:left;
	width:24%;
	margin-right:2%;
	font-size:15px;
	color:#333;
	line-height:24px;
}
.join05 ul li p{
	width:48%;
	margin-right:0;
}
.join05 ul li:first-child h3,.join05 ul li:first-child h4,.join05 ul li:first-child p,.join06 ul li:first-child h3{
	font-size:18px;
	color:#000;
	font-weight:bold;
}
.join06{
	margin-bottom:80px;
}
.join06 ul li{
	padding: 15px 20px;
}
.join06 ul li h3{
	float:left;
	width:calc(25% - 30px);
	padding:0 15px;
	font-size:15px;
	color:#333;
	line-height:24px;
	text-align:center;
}
.join06 p{
	font-size:15px;
	color:#333;
	margin-bottom:20px;
}
.join06 p.p02{
	margin:20px auto auto 0;
}
.advantage01 ul li h3{
	text-align:left;
}
.join07{
	margin-bottom:80px;
}
.join07 ul li{
	float:left;
	width:23.5%;
	margin-right:2%;
}
.join07 ul li:last-child{
	margin-right:0;
}
.join07 ul li a{
	display:block;
}
.join07 ul li span{
	display:block;
	width:100%;
	overflow:hidden;
}
.join07 ul li img{
	width:100%;
	height:auto;
	transition:0.4s;
}
.join07 ul li h3{
	font-size: 16px;
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
	color:#333;
	transition:0.3s;
}
.join07 ul li p{
	font-size: 14px;
    color: #888;
    line-height: 24px;
}
.join07 ul li:hover img{
	transform:scale(1.06);
	-ms-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-webkit-transform:scale(1.06);
	-o-transform:scale(1.06);
}
.join07 ul li:hover h3{
	color:#c8a063;
}
.applybox{
	margin-top:80px;
}
.applybox .layui-form-pane .layui-form-label{
	display:none;
}
.applybox .layui-form-pane .layui-input-block {
    margin-left: 0;
    left: 0;
}
.applybox .layui-form-item{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
	clear: inherit;
}
.applybox .default-form-field_adress{
	margin-right:0;
}
.applybox .default-form-field_text{
	margin-right:0;
	width:100%;
}
.applybox .layui-btn{
	float:left;
	margin-left:calc(50% - 110px);
    height: 42px;
    line-height: 42px;
    padding: 0 80px;
    background-color: #f3e248;
	color:#000;
    font-size: 15px;
}
.applybox .layui-input, .layui-textarea{
	line-height:40px;
	height:50px;
	padding:5px 15px;
	box-sizing:border-box;
	border-color:#f1f1f1;
	background:#f7f7f7;
	font-size:14px;
	outline-color:#f3e248 !important;
}
.applybox .layui-form-pane .layui-form-text .layui-textarea{
	min-height:150px;
	padding-top: 12px;
}
.applybox .layui-input:focus, .applybox .layui-textarea:focus
,.applybox .layui-input:hover, .applybox .layui-textarea:hover{
	border-color: rgba(0,0,0,0) !important;
}
.applybox .layui-btn:hover{
	color:#000;
}



/*关于我们页面-------------------------------------------------------------*/
.lab01{
	margin:80px auto;
}
.lab01 .tit03 p{
	margin-top:50px;
	width: 86%;
    margin-left: 7%;
	font-size:14px;
	color:#333;
	line-height:32px;
	margin-bottom:20px;
}
.lab01 .tit03 a{
	font-size: 16px;
    color: #c8a063;
}
.lab01 ul li{
	float:left;
	width:calc(25% - 15px);
	margin-right:20px;
	text-align:center;
	background:#f5f5f5;
	padding:30px 0;
	transition:0.3s;
}
.lab01 ul li:last-child{
	margin-right:0;
}
.lab01 ul li h3{
	font-size:24px;
	color:#000;
	transition:0.3s;
}
.lab01 ul li h4{
	font-size:14px;
	color:#666;
	transition:0.3s;
}
.lab01 ul li:hover{
	background:#c8a063;
}
.lab01 ul li:hover h3,.lab01 ul li:hover h4{
	color:#fff;
}
.lab02{
	background:#f5f5f5;
	padding:60px 0 80px 0;
}
.lab02 .tit03 h2{
	line-height:24px;
	width:74%;
	margin:auto;
}
.lab02 ul li{
	float:left;
	width:23.5%;
	margin-right:2%;
	background:#fff;
	padding:60px 30px 60px 30px;
	box-sizing:border-box;
	transition:0.4s;
}
.lab02 ul li:hover{
	box-shadow:0 0 16px rgba(0,0,0,0.08);
	transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-o-transform:translateY(-10px);
}
.lab02 ul li:last-child{
	margin-right:0;
}
.lab02 ul li div{
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #ccc;
}
.lab02 ul li h3{
	float:left;
	font-size:20px;
	color:#000;
	line-height:30px;
	width:90px;
	transition:0.4s;
}
.lab02 ul li:hover h3{
	color:#c8a063;
}
.lab02 ul li span{
	display:block;
	float:right;
	padding-top:40px;
	line-height:20px;
	font-size:12px;
	color:#999;
	position:relative;
	text-align:center;
}
.lab02 ul li span::before{
	content:"";
	position:absolute;
	width:32px;
	height:40px;
	top:0;
	left:0;
	background:url(../images/j02.png) no-repeat top center;
}
.lab02 ul li p{
	font-size:14px;
	color:#333;
	line-height:24px;
}
.lab02 ul li img{
	width:100%;
	height:auto;
	margin-top:40px;
}


/*门店展示列表页------------------------------------------------------------*/
.lstore{
	margin-bottom:80px;
}
.lstore .all li{
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
	background:#fff;
	box-shadow:0 0 14px rgba(0,0,0,0.08);
	text-align:center;
}
.lstore .all li .img{
	position:relative;
	overflow:hidden;
}
.lstore .all li span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	transition:0.3s;
}
.lstore .all li span::before{
	content:"查看地图";
	position:absolute;
	width:100%;
	line-height:30px;
	top:calc(50% - 15px);
	left:0;
	font-size:16px;
	color:#fff;
	text-align:center;
}
.lstore .all li img{
	width:100%;
	height:auto;
	transition:0.4s;
}
.lstore .all li .text{
	padding:20px;
}
.lstore .all li a{
	display:block;
	overflow:hidden;
}
.lstore .all li h3{
	font-size: 17px;
    color: #000;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.lstore .all li h4{
	font-size:15px;
	color:#666;
}
.lstore .all li h4 em{
	margin-right:5px;
	color: #c8a063;
}
.lstore .all li:hover span{
	opacity:1;
	background:rgba(200,160,99,0.9);
}
.lstore .all li:hover img{
	transform:scale(1.06);
	-ms-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-webkit-transform:scale(1.06);
	-o-transform:scale(1.06);
}
.ueditor_baidumap {
    width: 100%;
	max-width:100%;
	overflow:hidden;
}


/*视频展示列表页----------------------------------------------------------------------*/
.lvideo .all li span{
	background:rgba(200,160,99,0) url(../images/play.png) no-repeat center;
	background-size:60px;
}
.lvideo .all li span::before,.lvideo .all li:hover span::before{
	display:none;
}
.lvideo .all li:hover span{
	background:rgba(200,160,99,0.7) url(../images/play.png) no-repeat center;
	background-size:60px;
}
.lvideo .all li h4 {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 2px;
}



/*不同尺寸下修改------------------------------------------------------------------------------------------*/
@media screen and (max-width:1780px){
	.w17{
		width:calc(100% - 80px);
		padding-left:40px;
		padding-right:40px;
	}
	.wp {
		width: 1120px;
	}
	.banner01 li img{
		width:100%;
		height:auto;
		margin-left:0 !important;
		left:0 !important;
	}
	.nav01 > li{
		margin-left:60px;
		padding: 30px 0;
	}
	.nav01 > li a em{
		right:-14px;
	}
	.nav01 > li a{
		font-size:16px;
		line-height:20px;
	}
	.header .logo {
		line-height: 100px;
	}
	.header .logo img{
		height:64px;
	}
	.header .top01 {
		width: 230px;
		height: 60px;
		margin-top: 20px;
		margin-left: 60px;
		background-size: 100% auto;
	}
	.nav01 > li a em{
		height:70px;
	}
	.about .a01 .text {
		width: 62%;
	}
	.about .a02 {
		padding-top: 60px;
		margin-top: 60px;
	}
	.about .a02 ul li img{
		width:54px;
	}
	.about .a02 ul li h3 {
		font-size: 16px;
		margin-top: 14px;
	}
	.about {
		margin-top: 80px;
		margin-bottom: 60px;
	}
	.product .cp01 .pinzhi li {
		margin: 0 35px;
	}
	.chanpin li a {
		width: 280px;
		padding: 50px;;
	}
	.chanpin {
		left: calc(50% - 190px);
		width: 380px;
	}
	.chanpin li span{
		line-height:50px;
		font-size:24px;
	}
	.product .cp01 .tit{
		margin-bottom:140px;
	}
	.chanpin02 li a::before,.chanpin02 li a{
		width:96px;
		height:96px;
	}
	.product .cp01{
		padding:60px 0;
		margin-bottom:40px;
	}
	.product .cp01 .pinzhi li h3 {
		font-size: 22px;
		bottom: 38px;
		line-height: 28px;
	}
	.product{
		margin-bottom:70px;
	}
	.join .jtitle li{
		padding:60px 15px;
	}
	.join .jtitle {
		width: 220px;
	}
	.advantage{
		width: calc(100% - 680px);
		padding: 50px;
		padding-bottom: 0;
	}
	.require,.process{
		width: calc(100% - 700px);
		padding: 60px;
		padding-bottom: 0;
	}
	.require li p {
		width: calc(100% - 60px);
		font-size: 15px;
	}
	.process{
		padding-top:80px;
	}
	.process .protext {
		margin-top: 70px;
	}
	.advantage li .t01{
		width:50px;
	}
	.advantage li .t01 h3 {
		font-size: 18px;
		padding: 15px 10px;
		line-height: 24px;
	}
	.adress .tab01 li h3{
		line-height:64px;
		font-size:14px;
	}
	.advantage li .t02 h5, .advantage li .t02 p{
		font-size:13px;
	}
	.adress .tab01 li em{
		line-height:64px;
	}
	.footer .logo img{
		height:70px;
	}
	.footer .fnav li{
		margin-right:34px;
	}
	.footer .fnav li a{
		font-size:14px;
	}
	.footer .f01 h4{
		font-size:13px;
	}
	.footer .f02{
		width: 210px;
		left: calc(50% - 105px);
	}
	.footer .f03 div{
		width:120px;
	}
	.footer .f03 {
		width: 270px;
	}
	.footer{
		padding:60px 0;
	}
	.news li h3{
		font-size:16px;
	}
	.tit01 h1{
		font-size:28px;
	}
	.tit01 h2{
		margin-top:6px;
	}
	.tit01,.tit03{
		margin-bottom:40px;
	}
	.lab01 .tit03 p {
		margin-top: 30px;
		width: 100%;
		margin-left: 0;
		font-size: 13px;
		line-height: 28px;
		margin-bottom: 12px;
	}
	.lab01 .tit03 a{
		font-size:14px;
	}
	.lab01 ul li h3{
		font-size:20px;
	}
	.lab01 ul li h4{
		font-size:11px;
	}
	.lab01 ul li{
		padding:24px 0;
	}
	.lab01 {
		margin: 60px auto;
	}
	.lab02 ul li{
		padding: 50px 25px 42px 25px;
	}
	.lab02 ul li h3 {
		font-size: 18px;
		line-height: 26px;
		width: 80px;
	}
	.lab02 ul li span {
		padding-top: 36px;
		line-height: 16px;
	}
	.lab02 ul li div {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.lab02 ul li p {
		font-size: 13px;
		line-height: 22px;
	}
	.lab02 ul li img{
		margin-top:30px;
	}
	.lab02{
		padding:60px 0;
	}
	.join01 ul li {
		width: 23.5%;
		margin-right: 2%;
		padding: 50px 30px;
		padding-bottom: 30px;
	}
	.join01 ul li div{
		margin-bottom:20px;
	}
	.join01 ul li h3{
		font-size:18px;
	}
	.join01 ul li ins{
		margin-top:50px;
	}
	.join02 ul li{
		width: calc(50% - 15px);
		margin-right: 30px;
	}
	.join02 ul li p{
		font-size: 12px;
		width: 94%;
		margin-left: 3%;
	}
	.tit03 h1{
		font-size:24px;
	}
	.tit03 span{
		margin:10px auto;
	}
	.join02 .t01{
		margin-top:40px;
	}
	.join02{
		padding:50px 0;
	}
	.join03 li p {
		padding: 20px;
		font-size: 12px;
		line-height: 22px;
		height: 66px;
	}
	.join03{
		margin-top:60px;
	}
	.advantage li .t02{
		width: calc(100% - 75px);
	}
	.advantage li .t01 em{
		line-height:50px;
	}
	.join04 .text .t02 li p {
		font-size: 14px;
		line-height: 34px;
	}
	.join04 .text .t01 li img{
		width:40px;
		height:auto;
	}
	.join04 .text .t01 li h3 {
		font-size: 16px;
		margin-top: 5px;
	}
	.join04 .text .t01 li{
		padding:16px 0;
	}
	.join04 .text .t02 {
		padding: 50px 80px;
	}
	.join05 ul li:first-child h3, .join05 ul li:first-child h4, .join05 ul li:first-child p, .join06 ul li:first-child h3{
		font-size:18px;
	}
	.join05 ul li h3, .join05 ul li h4, .join05 ul li p{
		font-size:14px;
		line-height:22px;
	}
	.join05 {
		margin: 60px auto;
	}
	.lstore .all li h3{
		font-size:15px;
	}
	.lstore .all li h4{
		font-size:13px;
	}
	.tit02 span b{
		font-size:32px;
	}
	.lnews .all li .text {
		width: calc(74% - 260px);
		margin-left: 60px;
	}
	.lnews .all li:hover .text {
		margin-left: 75px;
	}
	.lnews .all li h3 {
		font-size: 17px;
		margin-top: 5px;
	}
	.lnews .all li p {
		margin-top: 15px;
		margin-bottom: 50px;
	}
	.lnews .all li .more{
		margin-top:33px;
	}
	.contact01 img {
		height: 86px;
		margin: 0 90px;
		margin-top: 40px;
	}
	.contact01 div h3{
		font-size:22px;
	}
	.contact01 div{
		padding: 30px 0 30px 60px;
	}
	.contact02 div h3{
		font-size:16px;
		margin-left: 6px;
	}
	.contact02 div em {
		margin-left: 25px;
		font-size: 22px;
	}
	.fanye a{
		font-size:15px;
	}
	.article, .vnews .pub01 {
		padding: 0 80px;
	}
	.adress .all li .text{
		background-size: auto 140px;
		top: calc(50% - 120px);
	}
	.adress .all li .text a {
		width: 150px;
		height: 150px;
		top: 25px;
		left: calc(50% - 75px);
	}
	.adress .all li .text a div{
		padding:15px 0;
	}
	
	
	
}
@media screen and (max-width:1400px){
	.advantage li .t02 p{
		width:100%;
		font-size: 12px;
		line-height: 24px;
	}
	.advantage li .t02{
		margin-top: 10px;
	}
	.advantage li .t02 {
		width: calc(100% - 70px);
	}
	.advantage {
		width: calc(100% - 660px);
		padding: 50px 40px;
		padding-bottom: 0;
	}
	.join {
		margin-left: 80px;
		width: calc(100% - 80px);
	}
	.joinus::before{
		width:80px;
		height:400px;
		background-size:100% auto;
	}
	.banner01 .banbg{
		width:450px;
		left: calc(50% - 225px);
		background-size:100%;
	}
	.nav01 > li{
		margin-left:50px;
	}
	.nav01 > li a em {
		right: -8px;
	}
	
	
}
@media screen and (max-width:1300px){
	.header .top01{
		height:60px;
	}
	.nav01 > li{
		margin-left:48px;
	}
	.banner01 .banbg{
		width:540px;
		left: calc(50% - 270px);
		background-size:100% auto;
	}
	.require li{
		margin-bottom:40px;
	}
	.require, .process {
		width: calc(100% - 660px);
		padding: 60px 40px 0 40px;
	}
	.process .protit li a {
		width: 90px;
		height: 90px;
	}
	.process .protit li h3 {
		padding: 0 15px;
		font-size: 15px;
		margin-top: 30px;
	}
	.process .protit li::before{
		display:none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}

	.mbmenu{
		background: #fff;
		position:absolute;
		top: 0;
		width: 100%;
		/* height: calc(100% - 50px); */
		right: -200%;
		z-index:105;
		padding-top:50px;max-width: 640px;min-height: 880px;
	}
	.mbmenu ul li a{
		padding: 15px 20px;
		border-bottom: 1px solid #eee;
		text-align: center;
		color:#000;
		border-top:0;
	}
	.mbmenu ul li ul{
		background:#f7f7f7;
	}
	.ismobile .wp, .ismobile .w960 .wp, .ismobile .w960 .w1188,.w16{
		width: auto;
		padding-left: 14px;
		padding-right: 14px;
	}
	.mheader{
		border-bottom:1px solid #eee;position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9; max-width: 640px;
	}
	.mheader .h01 {
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,0.20);
	}
	.mheader .h01 .logo{
		margin-left: 10px;
		float: left;
		line-height: 50px;
	}
	.mheader .h01 .logo img{
		height:32px;
	}
	.mheader .h01 span,.topclose{
		display: block;
		line-height: 30px;
		margin-right: 10px;
		font-size: 26px;
		color: #000;
		float: right;
		margin-top: 10px;
	}
	.topclose{
		float: none;
		position: absolute;
		right: 6px;
		top: 0;
		font-size: 20px;
	}
	.erweima{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.50);
		display: none;
		z-index: 8;
	}
	.erweima-1{
		position: absolute;
		top: calc(50% - 120px);
		left: calc(50% - 120px);
	}
	.erweima-1 img{
		width: 240px;
		height: auto;
	}
	.erweima-1 span{
		display: block;
		width: 26px;
		height: 26px;
		position: absolute;
		top: -13px;
		right: -13px;
		background: url(../images/close01.png) no-repeat center;
		background-size: 100%;
		cursor: pointer;
	} 
	.banner01 .banbg {
		width: 74%;
		left: 13%;
		bottom: 0;
		background-size: 100% auto;
		background-position: bottom;
	}
	.banner01{
		height:auto;
	}
	.banner01 .next, .banner01 .prev{
		font-size:24px;
		line-height: 30px;
		margin-top: -15px;
		left:10px;
	}
	.banner01 .next {
		left: inherit;
		right: 10px;
	}
	
	.banner01a .next, .banner01a .prev{
		font-size:24px;
		line-height: 30px;
		margin-top: -15px;
		left:10px;
	}
	.banner01a .next {
		left: inherit;
		right: 10px;
	}
	
	.about .a01 .title {
		width: 100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #eee;
	}
	.about .a01 .text {
		width: 100%;
	}
	.about .a01 .title h1 {
		font-size: 22px;
	}
	.about .a01 .title h2 {
		font-size: 12px;
	}
	.about {
		margin: 30px auto;
	}
	.about .a01 .text a{
		width:120px;
		background-size: 16px;
	}
	.about .a01 .text p {
		font-size: 12px;
		line-height: 24px;
		margin-bottom: 22px;
	}
	.about .a02 {
		padding-top: 20px;
		margin-top: 30px;
	}
	.about .a02 ul li h3 {
		font-size: 12px;
		margin: auto;
		margin-top: 8px;
		width: 60px;
		font-weight: normal;
	}
	.about .a02 ul li img {
		width: 30px; 
	}
	.about .a01 .text a:hover {
		width: 120px;
	}
	.product ul li{
		display:block;
		float:left;
		width:48.5%;
		margin-right:3%;
		margin-bottom:3%;
	}
	.product ul li:nth-child(2n){
		margin-right:0;
	}
	.product ul li a {
		display: block;
		border-radius: 4px;
		overflow: hidden;
	}
	.product ul li img{
		width:100%;
		height:auto;
	}
	.product ul li:nth-child(1),.product ul li:nth-child(2),.product ul li:nth-child(3),.product ul li:nth-child(4){
		display:block;
	}
	.product ul li h3{
		line-height:30px;
		font-size:14px;
		background:#fff;
		color:#444;
		padding:0 10px;
		text-align:center;
	}
	.product {
		margin-bottom: 0;
		background: #f7f7f7;
		padding: 30px 14px;
	}
	.tit01 h1 {
		font-size: 20px;
		line-height: 30px;
	}
	.tit01 h1::before,.tit01 h1::after{
		width: 6px;
		height: 6px;
		top: 11px;
		right: calc(50% - 64px);
	}
	.tit01 h1::after{
		left: calc(50% - 64px);
	}
	.tit01 h2 {
		margin-top: 3px;
		font-size:12px;
	}
	.tit01 h2::before,.tit01 h2::after{
		width: 40px;
		top: 9px;
		right: calc(50% - 120px);
	}
	.tit01 h2::after{
		left: calc(50% - 120px);
	}
	.tit01, .tit03 {
		margin-bottom: 25px;
	}
	.pmore{
		margin:auto;
		display:block;
		margin-top:12px;
		line-height:34px;
		width:130px;
		text-align:center;
		font-size:12px;
		color: #333;
		background: #ffea3c;
		border-radius: 17px 0 17px 0;
	}
	.mjoin a{
		display:block;
	}
	.mjoin img{
		width:100%;
		height:auto;
	}
	.news {
		margin: 30px auto 40px auto;
	}
	.news li {
		width: 100%;
		margin-right: 0;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom:1px solid #eee;
	}
	.news li div {
		width: calc(100% - 132px);
		margin-left: 0;
		margin-top: 0;
		float: right;
	}
	.news li span {
		padding: 0;
		border: none;
		float: left;
		width: 120px;
	}
	.news li img{
		top:0;
	}
	.news li h3 {
		font-size: 14px;
	}
	.news li p {
		font-size: 11px;
		line-height: 18px;
		height: 36px;
		margin-top: 4px;
		margin-bottom: 6px;
	}
	.news li h4,.news li h4 em{
		font-size: 12px;
	}
	.adress .tab01{
		position:inherit;
	}
	.adress .tab01 li{
		width:50%;
	}
	.adress .tab01 li:nth-child(2n){
		border:none;
	}
	.lab01 {
		margin: 30px auto;
	}
	.tit03 h1 {
		font-size: 20px;
	}
	.tit03 h2 {
		font-size: 12px;
	}
	.tit03 span {
		width: 20px;
		height: 3px;
		margin: 8px auto;
	}
	.lab01 .tit03 p {
		margin-top: 20px;
		font-size: 12px;
		line-height: 22px;
	}
	.lab01 ul li {
		width: calc(50% - 5px);
		margin-right: 10px;
		margin-bottom:10px;
		padding: 14px 0;
	}
	.lab01 ul li:nth-child(2n),.lab02 ul li:nth-child(2n),.lshow .all li:nth-child(2n),.join01 ul li:nth-child(2n){
		margin-right:0;
	}
	.lab01 ul li h3 {
		font-size: 16px;
	}
	.lab01 ul li:hover {
		background: #f5f5f5;
	}
	.lab01 ul li:hover h3{
		color:#000;
	}
	.lab01 ul li:hover h4{
		color:#666;
	}
	.lab02 {
		padding: 30px 0;
	}
	.lab02 .tit03 h2 {
		line-height: 22px;
		width: 100%;
	}
	.lab02 ul li{
		width:calc(50% - 5px);
		margin-right:10px;
		margin-bottom:10px;
	}
	.lab02 ul li {
		padding: 25px 15px 25px 15px;
	}
	.lab02 ul li h3 {
		font-size: 15px;
		line-height: 22px;
		width: 65px;
	}
	.lab02 ul li span {
		padding-top: 26px;
	}
	.lab02 ul li span::before{
		height:32px;
		background-size:28px;
	}
	.lab02 ul li div {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.lab02 ul li p {
		font-size: 11px;
		line-height: 18px;
	}
	.lab02 ul li img {
		margin-top: 15px;
	}
	.lab02 ul li:hover {
		box-shadow: none;
		transform: translateY(0);
	}
	.lab02 ul li:hover h3 {
		color: #000;
	}
	.tit02 {
		padding: 30px 0 25px 0;
	}
	.tit02 span b {
		font-size: 24px;
	}
	.tit02 h2 {
		font-size: 15px;
		margin-top: 2px;
	}
	.lshow .all li {
		width: calc(50% - 5px);
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.pub01{
		display:none;
	}
	.lshow .all li a div::before{
		display:none;
	}
	.lshow .all li a div{
		position:inherit;
		right: 0;
		bottom: 0;
	}
	.lshow .all li a div h3 {
		padding: 0 10px;
		line-height: 36px;
		font-size: 14px;
		min-width: inherit;
		width: calc(100% - 56px);
	}
	.lshow .all li a div em {
		line-height: 36px;
		width: 36px;
		font-size: 16px;
	}
	.openall .text {
		left: 15px;
		top: 20%;
		width: calc(100% - 78px);
		height: auto;
		border: 4px solid #f3e248;
		padding: 35px 20px;
		border-radius: 12px;
	}
	.openall .text h3 {
		margin-bottom: 20px;
		padding: 6px 22px;
		font-size: 15px;
	}
	.openall .text span {
		width: 28px;
		height: 28px;
		right: 15px;
		top: 35px;
		background-size: 100%;
	}
	.openall .text p {
		font-size: 14px;
		line-height: 24px;
		max-height: 72px;
		height: 72px;
	}
	.openall .text div{
		display:none;
	}
	.pagination li {
		margin: 0 2px !important;
	}
	.lshow {
		margin-bottom: 30px;
	}
	.lshow .all li:hover a img {
		transform: scale(1);
	}
	.join01 {
		margin: 30px auto;
	}
	.join01 ul li {
		width: calc(50% - 5px);
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 30px 10px;
		padding-bottom: 15px;
	}
	.join01 ul li div {
		width: 40px;
		height: 40px;
		margin-bottom: 12px;
	}
	.join01 ul li h3 {
		font-size: 15px;
	}
	.join01 ul li span {
		width: 20px;
		height: 3px;
		margin: 12px auto;
	}
	.join01 ul li p {
		font-size: 12px;
		line-height: 22px;
		height: 154px;
	}
	.join01 ul li ins {
		width: 32px;
		height: 32px;
		margin-top: 25px;
		background-size: 100%;
	}
	.join01 ul li:hover::before {
		opacity: 1;
	}
	.join01 ul li:hover img {
		transform: translateY(0);
	}
	.join01 ul li:hover h3{
		color:#000;
	}
	.join01 ul li:hover p{
		color:#666;
	}
	.join01 ul li:hover span {
		background: #c8a063;
	}
	.join01 ul li:hover ins{
		background:url(../images/j02.png) no-repeat top center;
		background-size:100%;
	}
	.join01 ul li:hover {
		background: #f5f5f5;
	}
	.join02 {
		padding: 30px 0 10px 0;
	}
	.join02 ul li {
		width: 100%;
		margin-right: 0;
		padding-bottom: 10px;
		margin-bottom:10px;
	}
	.join02 ul li h3 {
		font-size: 15px;
		margin-top: 10px;
	}
	.join02 .t01 {
		margin-top: 0;
	}
	.join02 .t01 img{
		width:86%;
		height:auto;
		max-width:560px;
	}
	.join03{
		margin:30px auto;
	}
	.join03 li::before,.join03 li::after{
		display:none;
	}
	.join03 li{
		width:100%;
		margin-top:0;
		margin-bottom:20px;
		margin-right: 0;
		box-shadow: 1px 1px 12px rgba(0,0,0,0.06);
	}
	.join03 .text {
		border-top: none;
	}
	.join03 li p {
		padding: 15px;
		font-size: 12px;
		line-height: 20px;
		height: auto;
	}
	.join03 li span::before{
		display:none;
	}
	.join03 li span{
		line-height:40px;
		font-size:20px;
	}
	.join04 {
		padding: 30px 0 40px 0;
	}
	.join04 .text{
		padding: 0 !important;
	}
	.join04 .text .t01 li img{
		width:28px;
	}
	.join04 .text .t01 li h3 {
		font-size: 12px;
	}
	.join04 .text .t02 li p {
		font-size: 12px;
		line-height: 26px;
		width:100%;
	}
	.join04 .text .t02 li{
		height:auto;
	}
	.join04 .text .t02 {
		padding: 20px 15px;
	}
	.join05 ul li:first-child h3, .join05 ul li:first-child h4, .join05 ul li:first-child p, .join06 ul li:first-child h3 {
		font-size: 12px;
	}
	.join05 ul li, .join06 ul li {
		padding: 10px 15px;
	}
	.join05 ul li h3, .join05 ul li h4, .join05 ul li p {
		font-size: 12px;
		line-height: 18px;
	}
	.join05 {
		margin: 40px auto 30px auto;
	}
	.join06{
		margin-bottom:40px;
	}
	.join07 ul li{
		width:calc(50% - 10px);
		margin-right:20px;
		margin-bottom:20px;
	}
	.join07 ul li:nth-child(2n){
		margin-right:0;
	}
	.join07 {
		margin-bottom: 20px;
	}
	.join07 ul li p {
		font-size: 12px;
		line-height: 20px;
	}
	.join07 ul li:hover img {
		transform: scale(1);
	}
	.join07 ul li:hover h3 {
		color: #333;
	}
	.join06 ul li h3 {
		width: calc(25% - 16px);
		padding: 0 8px;
		font-size: 12px;
		line-height: 18px;
	}
	.applybox {
		margin-top: 30px;margin-bottom: 30px;
	}
	.applybox .layui-input, .applybox .layui-textarea {
		line-height: 40px;
		height: 40px;
		padding: 0 12px;
		font-size: 12px;
	}
	.applybox .layui-form-pane .layui-form-text .layui-textarea {
		min-height: 120px;
		padding-top: 10px;
	}
	.applybox .layui-btn {
		height: 38px;
		line-height: 38px;
		font-size: 12px;
	}
	.lstore .all li {
		width: calc(50% - 5px);
		margin-right: 10px;
		margin-bottom: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,0.06);
	}
	.lstore .all li:nth-child(2n){
		margin-right:0;
	}
	.lstore .all li .text {
		padding: 12px 10px;
	}
	.lstore .all li h3 {
		font-size: 13px;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	.lstore .all li h4 {
		font-size: 12px;
	}
	.lstore .all li a {
		border-radius: 4px;
	}
	.lstore .all li:hover span{
		opacity:0;
	}
	.lvideo .all li span,.lvideo .all li:hover span{
		background: url(../images/play.png) no-repeat center;
		background-size:56px;
		opacity:1;
	}
	.lvideo .all li h4 {
		font-size: 10px;
	}
	.lstore .all li:hover img,.lnews .all li:hover img{
		transform: scale(1);
	}
	.lstore {
		margin-bottom: 40px;
	}
	.lnews .all li span {
		width: 120px;
		border-radius: 4px;
	}
	.lnews .all li .text {
		width: calc(100% - 132px);
		margin-left: 12px;
	}
	.lnews .all li h3 {
		font-size: 14px;
		margin-top: 0;
	}
	.lnews .all li p {
		margin-top: 5px;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}
	.lnews .all li{
		padding:20px 0;
	}
	.lnews .all li:hover .text {
		margin-left: 12px;
	}
	.lnews .all li:hover h3 {
		color: #333;
	}
	.lcontact .adress{
		display:none;
	}
	.contact01 img{
		width:210px;
		height:auto;
		margin-left:calc(50% - 105px);
		margin-top:20px;
	}
	.contact01 div {
		padding: 20px 10px;
		width: calc(100% - 20px);
		border: none;
		text-align: center;
	}
	.contact01 {
		padding: 0;
		margin: 0 14px;
	}
	.contact01 div h3 {
		font-size: 16px;
	}
	.contact01 div span {
		width: 30px;
		margin: 15px auto;
	}
	.contact01 div h4{
		font-size:14px;
	}
	.contact02 {
		margin: 15px auto 0 auto;
	}
	.contact02 div h3 {
		font-size: 15px;
		margin-left: 5px;
	}
	.lcontact{
		padding-bottom:30px;
	}
	.vnews{
		padding:30px 0;
	}
	.vndate h1 {
		font-size: 18px;
		margin-bottom: 2px;
	}
	.vndate{
		margin-bottom:15px;
	}
	.vnews .text{
		padding-top:20px;
	}
	.article{
		padding: 0 15px;
	}
	.default-article-content p {
		font-size: 14px;
	}
	.default-article-content{
		line-height:2;
	}
	.fanye{
		margin-top:30px;
	}
	.fanye a {
		width: 50%;
		padding: 0 10px;
		font-size: 12px;
		line-height: 40px;
	}
	.news li:hover {
		box-shadow: none;
	}
	.news li:hover span::before {
		opacity: 0;
		top: -100%;
	}
	.news li:hover h3 {
		color: #555;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	

@media screen and (max-width:480px){   
	.contact02 div {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
		padding: 20px 0;
	}
	.lstore .all li{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.join07 ul li{
		width:100%;
		margin-right:0;
	}
	.applybox .layui-form-item{
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	.applybox .layui-btn {
		margin-left: 0;
		padding: 0;
		width: 100%;
	}
	.join06 ul li{
		padding:10px 0;
	}
	
}