@charset "utf-8";

/* 分页 */
.Pages{text-align: center;margin-top: 2%;}
.Pages a{line-height: 45px; color: #666; font-style: normal; display: inline-block; transition: all .3s; background-color: #f6f6f6; vertical-align: top;}
.Pages a.a_cur,
.Pages a:hover{background-color: #f08519; color: #fff;}

.Pages a.page-num-current,
.Pages a:hover{background-color: #f08519; color: #fff;}

.Pages .a_prev{width: 45px; font-size: 0; height: 45px; margin-right: 20px; background: url(/template/default/images/prev-icon01.png)no-repeat center #f6f6f6;}
.Pages .a_next{width: 45px; font-size: 0; height: 45px; margin-left: 20px; background: url(/template/default/images/next-icon01.png)no-repeat center #f6f6f6;}

.Pages .num a{width: 45px; text-align: center; margin-right: 20px;}
.Pages .num a:last-child{margin-right: 0;}

.Pages .page-num a{width: 45px; text-align: center; margin-right: 20px;}
.Pages .page-num a:last-child{margin-right: 0;}
span.page-num{ line-height:45px;}

.Pages .a_prev:hover{background: url(/template/default/images/prev-icon01-on.png)no-repeat center #f08519;}
.Pages .a_next:hover{background: url(/template/default/images/next-icon01-on.png)no-repeat center #f08519;}

@media(max-width: 640px){
    .Pages .num{display: none;}
}


/* menu */
.menunav{background-color: #f9f9f9; line-height: 80px; font-family: 'Light'; color: #999;}
.menunav i{font-style: normal;}
.menunav a{color: #555;}
.menunav .left{float: left;}
.menunav .location{float: right; padding-left: 33px; background: url(/template/default/images/home-icon.png)no-repeat left center;}
.menunav dd{display: inline-block; margin-right: 33px;}
.menunav dd:last-child{margin-right: 0;}
.menunav dd a{display: block; position: relative; transition: all .3s;}
.menunav dd:hover a,
.menunav dd.aon a{color: #f08519;}
.menunav dd a::before{content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #f08519; transform: translateX(-50%); transition: all .3s;}
.menunav dd:hover a::before,
.menunav dd.aon a::before{width: 100%;}
.menunav .location a{padding: 0 15px;}
.menunav .location a:first-child{padding-left: 0;}
.menunav .location span{padding-left: 15px; }
@media(max-width: 1400px){
    .menunav dd{margin-right: 30px;}
    .menunav .location a{padding: 0 10px;}
    .menunav .location span{padding-left: 10px;}
}
@media(max-width: 1024px){
    .menunav{line-height: 50px;}
    
    .menunav .left{width: 100%; text-align: center;}
}



/* product-list */
.product-list{padding-bottom: 3.57%;}
.product-list h1{opacity: 0; position: absolute;}
.product-list .screen{padding: 5% 0 4%; position: relative; border-bottom: 1px solid #ededed;}
.product-list .screen dl{display: inline-block; vertical-align: top; width: calc(100% - 430px);}
.product-list .screen .tit{display: inline-block; vertical-align: top; margin-right: 90px; line-height: 40px;}
.product-list .screen dl{line-height: 40px;}
.product-list .screen dd{display: inline-block; margin-right: 6.07%;}
.product-list .screen dd:last-child{margin-right: 0;}
.product-list .screen .tit{font-family: 'Light'; color: #999;}
.product-list .screen dd a{font-family: 'Light'; color: #333; transition: all .3s;}
.product-list .screen dd:hover a,
.product-list .screen dd.aon a{color: #f08519;}
.product-list .screen-search{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 300px; height: 46px; background-color: #fff; border: 1px solid #ededed; padding-left: 16px;}
.product-list .screen-search .btn{width: 18px; height: 18px; background: url(/template/default/images/search-icon02.png)no-repeat center; margin-top: 13px; cursor: pointer; display: inline-block;}
.product-list .screen-search input{border: none; line-height: 43px; display: inline-block; vertical-align: top; padding: 0; width: calc(100% - 34px); padding-left: 5px; font-size: 14px; font-family: 'Light'; background-color: none;}
.product-list .screen-search input::placeholder,
.product-list .screen-search input::-webkit-input-placeholder{color: #999;}
@media(max-width: 1024px){
    .product-list .screen .tit{display: block;}
    .product-list .screen dl{width: 100%;}
    .product-list .screen-search{top: 23%; transform: translateY(0);}
}
@media(max-width: 640px){
    .product-list .screen-search{position: initial;}
}

.product-list .list{margin: 0 -14px; padding: 3.57% 0 5.14%;}
.product-list .list li{width: 25%; float: left; padding: 0 14px; margin-bottom: 28px;}
.product-list .pic{padding-top: 64.75%;padding: 40%; border: 1px solid #ededed; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative;}
.product-list .list li:hover .pic{background-size: 110%;}
.product-list .label{position: absolute; top: 0; left: 0; width: 72px; height: 72px;}
.product-list .brand{background: url(/template/default/images/brand-icon.png)no-repeat center;}
.product-list .new{background: url(/template/default/images/new-icon.png)no-repeat center;}
.product-list .star{background: url(/template/default/images/star-icon.png)no-repeat center;}
.product-list .content{border: 1px solid #ededed; padding: 20px;}
.product-list .tit{font-size: 18px; color: #333;text-align: center;}
.product-list .txt{font-size: 14px; color: #999; font-family: 'Light'; padding: 4.24% 0 7.27%;}
.product-list .buy{padding-left: 22px; color: #f08519; background: url(/template/default/images/buy-icon.png)no-repeat left center; font-size: 14px;}
@media(max-width: 1024px){
    .product-list .list li{width: 33.333%;}
    .product-list .content{padding: 15px;}
}
@media(max-width: 640px){
    .product-list .list li{width: 50%;}
    .product-list .tit{font-size: 16px; color: #333;}
    .product-list .txt{font-size: 13px; color: #999;padding: 4% 0 6%;}
}



/* product-detail */
.product-detail{padding-top: 80px;}
.product-detail h1{opacity: 0; position: absolute;}
.product-detail .nav-bar{background-color: #f9f9f9; line-height: 80px;}
.product-detail .pro-name{float: left; font-size: 18px; font-family: 'Medium'; color: #333;}
.product-detail .pro-nav{float: right;}
.product-detail .pro-nav dd{display: inline-block; margin-left: 35px;}
.product-detail .pro-nav dd:first-child{margin-left: 0;}
.product-detail .pro-nav dd a{display: block; font-family: 'Light'; color: #999; position: relative;}
.product-detail .pro-nav dd.on a{color: #f08519;}

.product-detail .jump{position: absolute; top: -80px; left: 0; opacity: 0;}
@media(max-width: 1024px){
    .product-detail .jump{top: -110px;}
}
@media(max-width: 640px){
    .product-detail .pro-name{display: none;}
    .product-detail .pro-nav{float: none; width: 100%; text-align: center;}
    .product-detail .pro-nav dd{margin-left: 18%;}
    .product-detail .pro-nav dd.on a::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #f08519;}
    .product-detail .jump{top: -55px;}
}

.product-detail .part1{margin: 2.85% 0 8.57%;}
.product-detail .part1 .left{width: 60%; float: left;}
.product-detail .part1 .box{width: 17.6%; float: left; padding-right: 4.6%; margin: 0px 0 -20px; position: relative; overflow: hidden; overflow-y: auto;}
.product-detail .part1 .slider-for{width: 82.4%; float: left; padding-left: 4.8%;}
.product-detail .part1 .slider-for img{width: 100%;}
.product-detail .part1 .slider-nav li{margin: 20px 0; cursor: pointer; transition: all .3s; overflow: hidden;}
.product-detail .part1 .slider-nav li:first-child{margin-top: 0;}
.product-detail .part1 .slider-nav li:last-child{margin-bottom: 0;}
.product-detail .part1 .slider-nav li.aon{border: 1px solid #f08519;}
.product-detail .part1 .slider-for .pic{padding-top: 75%; background-size: 90%; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
.product-detail .part1 .slider-nav .pic{padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
/* .product-detail .part1 .box::before,
.product-detail .part1 .box::before{background-color: #f0f0f0; z-index: 1; height: calc(100% - 20px);} */
.product-detail .part1 .box::-webkit-scrollbar{width: 1px; height: 100%; background-color: #f9f9f9;}
.product-detail .part1 .box::-webkit-scrollbar-button{display: none;}
.product-detail .part1 .box::-webkit-scrollbar-thumb{background-color: #f08519;}
.product-detail .wap{display: none;}

.product-detail .part1 .right{padding-left: 7%; width: 40%; float: left;}
.product-detail .part1 .txt{color: #999; line-height: 23px;}
.product-detail .part1 .label{display: inline-block; width: 42px; line-height: 23px; text-align: center; color: #fff; background-color: #f08519; margin-right: 20px; font-size: 12px; vertical-align: top;}
.product-detail .part1 .tit{font-size: 32px; padding: 5.35% 0; line-height:1.5;}
.product-detail .part1 .subtit{font-size: 20px; color: #6b6b6b;}
.product-detail .part1 .shop{padding-top: 17.5%; line-height: 80px;}
.product-detail .part1 .shop li{border-top: 1px solid #ededed; background: url(/template/default/images/next-icon01.png)no-repeat 95% center;}
.product-detail .part1 .shop li:last-child{border-bottom: 1px solid #ededed;}
.product-detail .part1 .shop .shop-name{padding-left: 66px; font-size: 14px; color: #999; background-repeat: no-repeat; background-position: left center; text-align:left;}
@media(max-width: 1024px){
    .product-detail .part1 .left{width: 100%; float: none;}
    .product-detail .part1 .right{width: 100%; float: none; padding-top: 30px; padding-left: 0;}
    .product-detail .part1 .tit{padding: 2% 0;}
    .product-detail .part1 .shop{padding-top: 3%;}
}
@media(max-width: 640px){
.product-detail .part1 .tit{font-size: 20px; }
    .product-detail .part1 .left{display: none;}
    .product-detail .wap{display: block;}
    .product-detail .wap .pic{padding-top: 74.666%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
    .product-detail .wap .slick-dots button{width: 28px; background-color: #e0e0e0;}
    .product-detail .wap .slick-dots button::before{background-color: #f08519;}
}

/* .product-detail .long-pic img{width: 100%!important; height: auto!important; padding-bottom: 7.14%;} */

.product-detail .title{font-size: 40px; color: #333; text-align: center;}
.product-detail .part2 { padding:5.2% 0 0;}
.product-detail .part2 .subtit{font-size: 20px; color: #333; padding: 1% 0 3%; text-align: center;}
.product-detail .part2 ul{margin: 0 -2px;}
.product-detail .part2 li{width: 25%; float: left; padding: 0 2px; margin-bottom: 4px;}
.product-detail .part2 .pic{width: 100%; padding-top: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative;}
.product-detail .part2 .tit{position: absolute; width: calc(100% - 3px); height: 30%; left: 2px; bottom: 0; font-size: 24px; text-align: center; color: #fff; padding-top: 8%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.product-detail .xiangqing{padding: 4.28% 0 7.85%;margin: 0 -5px; font-size:16px; line-height:1.8;width: 100%;max-width: 1000px;margin: 0 auto;}
.product-detail .xiangqing table{ width:100%; max-width:1000px;}
.product-detail .xiangqing img{ display:block; margin:0 auto;}

@media(max-width: 640px){
    .product-detail .part2 ul{margin: 0 -15px;}
    .product-detail .part2 li{width: 50%; padding: 0 15px; margin-bottom: 30px;}
}

.product-detail .part3{padding: 5.2% 0 5.2%;}
.product-detail .part3 .bg{background-size: cover; background-repeat: no-repeat; background-position: center;}
.product-detail .part3 .title{padding-top: 7.14%;}
.product-detail .part3 ul{padding: 4.28% 0 7%; margin: 0 20px;}
.product-detail .part3 li{width: 16.666%; float: left; padding: 10px;}
.product-detail .part3 .item{text-align: center; padding: 19.51% 0 24.39%; background-color: rgba(255, 255, 255, .3); border-radius: 6px;}
.product-detail .part3 .icon{width: 50%; padding-top: 50%; margin: 0 auto; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.product-detail .part3 .tit{font-size: 24px; color: #333; padding: 14.63% 2% 4.87% 2%;}
.product-detail .part3 .txt{padding: 0 2%; font-size: 12px; color: rgba(51, 15, 15, .5); text-transform: uppercase;}
@media(max-width: 768px){
    .product-detail .part3 li{width: 33.333%;}
}
@media(max-width: 640px){
    .product-detail .part3 li{width: 50%; padding: 3% 2%;}
	.product-detail .part3 ul{padding: 4.28% 0 7%; margin: 0 10px;}
	.product-detail .part3 .item{ padding: 10% 0; }
}

.product-detail .part4 ul{padding: 4.28% 0 7.85%; margin: 0 -5px;}
.product-detail .part4 li{width: 25%; float: left; padding: 0 5px;}
.product-detail .part4 .item{position: relative;}
.product-detail .part4 .pic{width: 100%; padding-top: 41.17%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.product-detail .part4 .content{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .2); text-align: center;}
.product-detail .part4 .tit{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); color: #fff; font-size: 24px;}
@media(max-width: 640px){
    .product-detail .part4 ul{margin: 0 -2.17%;}
    .product-detail .part4 li{width: 50%; padding: 0 2.17%; margin-bottom: 4.34%;}
}

.product-detail .part5 .wap{display: none;}
.product-detail .part5 img{width: 100%;}
@media(max-width: 640px){
    .product-detail .part5 .wap{display: block;}
    .product-detail .part5 .pc{display: none;}
}

.product-detail .part6{padding: 7.14% 0; color: #333;}
.product-detail .part6 li{position: relative;}
.product-detail .part6 .content{width: 50%; position: absolute; top: 50%; transform: translateY(-50%); padding-right: 20%;}
.product-detail .part6 .pic{float: right; width: 50%;}
.product-detail .part6 li:nth-child(even) .pic{float: left;}
.product-detail .part6 li:nth-child(even) .content{right: 0; padding-left: 13%; padding-right: 0;}
.product-detail .part6 .tit{font-size: 40px; padding-bottom: 3%;}
.product-detail .part6 .txt{font-size: 20px; line-height: 1.8;}
@media(max-width: 640px){
    .product-detail .part6 .content{ padding-right: 10%;}
    .product-detail .part6 li:nth-child(even) .content{padding: 0 4% 0 6%;}
}

.product-detail .part7{background-color: #f9f9f9; padding: 0 0 6.25%;}
.product-detail .part7 .left{width: 30%; float: left; font-size: 30px; color: #333;}
.product-detail .part7 .right{width: 70%; float: right;}
.product-detail .part7 .data{padding: 5.71% 0; border-bottom: 1px solid #ebebeb; position: relative;}
.product-detail .part7 .ul1 li{width: 20%; float: left; margin-bottom: 3%; margin-right: 2%;}
.product-detail .part7 .ul1 .tit{min-height: 60px; margin-bottom: 30px; font-size: 20px;}
.product-detail .part7 .ul1 .pic{padding-top: 63.5%; background-size: contain; background-repeat: no-repeat; background-position: left;}
.product-detail .part7 .ul2 li{float: left; margin-right: 4%;}
.product-detail .part7 .ul2 li:last-child{margin-right: 0;}
.product-detail .part7 .ul2 .tit{font-size: 24px; margin-bottom: 30px;}
.product-detail .part7 .ul3 .tit{font-size: 24px;}
.product-detail .part7 .ul3 .txt{color: #666; padding-top: 5px; line-height: 30px;}
.product-detail .part7 .ul3 li{float: left; margin-right: 15%; margin-bottom: 2%;}
.product-detail .part7 .ul3 li:last-child{margin-right: 0;}

.product-detail .part7 .ul4 li{float: left; width:25%; margin-bottom: 2%;}
.product-detail .part7 .ul4 li:last-child{margin-right: 0;}
.product-detail .part7 .ul4 .pic{text-align: center;}
.product-detail .part7 .ul4 .tit{ font-size: 20px; padding-top: 10px; text-align: center;}
.product-detail .part7 .more{color: #f08519; font-size: 24px; display: inline-block; margin: 0 auto; display: inline-block; cursor: pointer; padding: 0 70px; line-height: 24px; position: relative;}
.product-detail .part7 .more::before{content: ''; background: url(/template/default/images/detail-left-icon.png)no-repeat center; position: absolute; width: 26px; height: 24px; left: 0; top: 0;}
.product-detail .part7 .more::after{content: ''; background: url(/template/default/images/detail-right-icon.png)no-repeat center; position: absolute; width: 26px; height: 24px; right: 0; top: 0;}
.product-detail .part7 .data07{text-align: center; padding-top: 5%;}
@media(max-width: 1024px){
    .product-detail .part7 .ul1 .tit{min-height: 48px;}
}
@media(max-width: 768px){
    .product-detail .part7 .left{width: 100%; float: none; padding-bottom: 3.57%;}
    .product-detail .part7 .right{width: 100%; float: none;}
}
@media(max-width: 640px){
    .product-detail .part7 .ul1 li{width: 33.333%; margin-bottom: 5%;}
    .product-detail .part7 .ul1 .tit{margin-bottom: 15px;}
    .product-detail .part7 .ul2 li{margin-right: 0;}
    .product-detail .part7 .ul2 li img{width: 50%;}
    .product-detail .part7 .ul3 li{width: 50%; margin-right: 0; margin-bottom: 15px;}
    
    .product-detail .part7 .ul4 li{width: 25%; margin-right: 0; margin-bottom: 15px; padding: 0 5px;}
    .product-detail .part7 .more{font-size: 16px; padding: 0 50px;}
}

.product-detail .part8{padding: 5.2% 0 0;}
.product-detail .part8 .subtit{text-align: center; font-size: 20px; color: #333; padding-bottom: 1.5%;}
.product-detail .part8 .ul{margin: 0 -14px; padding-top: 5.71%;}
.product-detail .part8 .ul .li{width: 25%; float: left; padding: 0 14px;}
.product-detail .part8 .pic{padding-top: 75.89%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.product-detail .part8 .content{padding: 30px; border: 1px solid #ededed;}
.product-detail .part8 .tit{font-size: 18px; color: #333;}
.product-detail .part8 .txt{color: #999; margin: 4.46% 0 6.69%;}
.product-detail .part8 .buy{color: #f08519; padding-left: 24px; background: url(/template/default/images/buy-icon.png)no-repeat left center; font-size: 14px;}
@media(max-width: 1024px){
    .product-detail .title{font-size: 30px;}
    .product-detail{padding-top: 110px;}
    .product-detail .part2 .tit,
    .product-detail .part3 .tit,
    .product-detail .part7 .ul1 .tit,
    .product-detail .part7 .ul2 .tit,
    .product-detail .part7 .ul3 .tit,
    .product-detail .part7 .ul4 .tit,
    .product-detail .part4 .tit{font-size: 16px;}
    .product-detail .part7 .left,
    .product-detail .part6 .tit{font-size: 16px;}
    .product-detail .part6 .txt{font-size: 14px;}
}
@media(max-width: 768px){
    .product-detail .part8 .content{padding: 15px;}
    .product-detail .part8 .tit{font-size: 14px;}
}
@media(max-width: 640px){
.product-detail .title{font-size: 18px;}
    .product-detail{padding-top: 55px;}
    .product-detail .part8 .ul .li{ transition: all .3s;}
    .product-detail .part8 .ul .li.slick-current{opacity: 1;}
    .product-detail .part8 .ul{padding-bottom: 60px;}
    .product-detail .part8 .slick-dots{bottom: 0;}
    .product-detail .part8 .slick-dots button{background-color: #e0e0e0;}
    .product-detail .part8 .slick-dots button::before{background-color: #f08519;}
}
@media(max-width: 480px){
    .product-detail .part8 .ul .li{width: 50%;}
    .product-detail .part1 .subtit{font-size: 15px;}
    .product-detail .part6 .content{padding-right: 5%;}
    .product-detail .part6 li:nth-child(even) .content{padding: 0 2% 0 3%;}
    .product-detail .part6 .tit{font-size: 16px;}
    .product-detail .part2 .tit{font-size: 12px; height: 37%;}
    .product-detail .part6 .txt{font-size: 12px;}
    .product-detail .pro-nav dd{margin-left: 8%;}
}


/* 人才招聘 */
.page-box {
	position: relative;
	padding: 20px 0 30px;
}


.job-box .top {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	padding: 0 20px 0 30px;
	align-items: center;
	height: 60px;
}

.job-box .top div {
	width: 13.41%;
	line-height: 30px;
	font-size: var(--fs16);
	padding-right: 30px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.job-box .top div span {
	display: none;
}

.job-box .top div.name {
	width: 19.8%;
}

.job-box .top div.apartment {
	width: 19.66%;
}

.job-box .top div.company {
	width: 26.32%;
}

.job-box .top div.number {
	width: 19.1%;
}

.job-box .top .icon {
	width: 13px;
	height: 13px;
	padding-right: 0;
}

.job-box .top .date {
	flex: 1;
	overflow: hidden;
}

.job-box .name img {
	vertical-align: middle;
	margin-left: 10px;
	width: 30px;
	position: relative;
	top: -2px;
}

.job-box .detail {
	box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
}

.job-box>.top {
	background: #dcdcdc;
}

.job-box>.top div {
	color: #333;
	font-size: 18px;
	font-weight: 700;
}

.job-box ul li {
	cursor: pointer;
}

.job-box ul li:last-child {
	border: none;
}

.job-box ul li:first-child .top {
	border-top: 1px solid #e5e5e5;
}

.job-box ul li.on .top:before {
	opacity: 1;
	visibility: visible;
}

.job-box ul li.on .top div {
	color: #fff;
}

.job-box ul li.on .icon {
	background-image: url(/template/default/img/j-down.png) !important;
}

.job-box ul li .top {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
}

.job-box ul li:hover .top  {
	 
	  background-image: linear-gradient(120deg,#fd7638,#ffab50,#fd7638);
	  
}

.job-box ul li .top div {
	color: #666;
}

.job-box ul li .icon {
	background-image: url(/template/default/img/j-right.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}

.job-box ul li .detail {
	display: none;
	padding: 20px 20px 25px 30px;
	background: #fff;
}

.job-box ul li .desc {
	 
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 36px;
}

.job-box ul li .desc:last-child {
	margin-bottom: 0;
}

.job-box ul li .caption {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 20px;
	margin-top:20px;
}

@media screen and (min-width: 1024px) {
	.job-box ul li:hover .top div {
		color: #fff;
	}

	.job-box ul li:hover .top:before {
		opacity: 1;
		visibility: visible;
	}

	.job-box ul li:hover .icon {
		background-image: url(/template/default/img/j-right2.png);
	}
}

@media screen and (max-width: 1600px) {
	.page-box {
		padding: 20px 18px;
	}
}

@media screen and (max-width: 1440px) {
	.page-box {
		padding-bottom: 17px
	}
}

@media screen and (max-width: 1004px) {
	.page-box {
		padding: 20px 0 25px;
	}

	.job-box>.top {
		display: none;
	}

	.job-box .top {
		position: relative;
		height: auto;
		padding: 20px 24px 25px 30px;
	}

	.job-box .top div {
		height: auto;
		width: 100%;
		line-height: 30px;
		margin: 0;
	}

	.job-box .top div.name {
		width: 100%;
	}

	.job-box .top div.apartment {
		width: 100%;
	}

	.job-box .top div.company {
		width: 100%;
	}

	.job-box .top div.number {
		width: 100%;
	}

	.job-box .top div span {
		display: inline-block;
		margin-right: 20px;
	}

	.job-box .top .name {
		font-size: 18px;
		color: #333;
		margin-bottom: 20px;
		width: 100%;
	}

	.job-box .top .name img {
		width: 30px;
	}

	.job-box .top .icon {
		position: absolute;
		right: 30px;
		top: 0;
		z-index: 10;
		height: 100%;
		margin-left: 0;
		width: 50px;
	}

	.job-box ul li {
		border-bottom: none;
	}

	.job-box ul li .top {
		display: block;
	}

	.job-box ul li .top div {
		height: auto;
		font-size: 16px;
	}

	.job-box ul li .detail {
		padding: 60px 40px;
	}

	/* .job-box ul li .desc {
		line-height: 24px;
		margin-bottom: 0.4rem;
	}
 */
	.job-box ul li .caption {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 20px;
	}
}


/* 加盟 */
.content_jiameng{padding: 5vw 0 4.45vw 0;}

.title_biaoti{color: #FFFFFF;text-align: center;background-position: top;}
.title_biaoti h3{font-size: 24px;font-weight: 300;line-height: 1;padding: 2.3vw 0 1vw 0;}
.title_biaoti h5{font-size: 40px;font-weight: 500;line-height: 1;}
.title_biaoti p{font-size: 16px;font-weight: 500;line-height: 1;padding-bottom: 80px; color:#000;}
.title_biaoti h4{font-size: 20px;line-height: 40px;}

.anchor {background: #00000030;position: absolute;width: 100%;bottom: 0;z-index: 9;}
.anchor ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 32.5px;
    align-items: center;
}
.anchor ul li a{display: flex;align-items: center;color: #fff;font-size: 16px;overflow: hidden;transition: .5s;}
.anchor ul li .subtit{padding-left: 13px;}
.anchor ul li a img{max-height: 35px; width: auto;}
/* .anchor ul li a:hover{transform: scale(1.05);transition: .5s;} */

.saidao {background: url('/template/default/images/1.jpg');background-size: cover;background-position: center;}
.saidao ul{
   /*max-width: 1760px;*/margin: auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-top: 10vw;
}

.saidao ul li{
    width: 24.5%;
    background: linear-gradient(0deg, #000000, #333131);
    opacity: 0.8;
    color: #fff;
    padding: 2.5vw;
}
.saidao ul li hr{
    width: 40px;
    margin: auto;
    opacity: 0.3;
}
.saidao ul li .subtit{font-size: 24px;padding: 1.5vw 0 1vw 0;}
.saidao ul li h5{
    font-size: 16px;
    line-height: 30px;
    padding-top: 1vw;
}

.Franchise{background: url('/template/default/images/7.png');background-size: cover;background-position: top;}

.Franchise .form-new{margin: 3% 0;}
.Franchise .form-new .title{width: 50%; float: left; text-align: center; color: #fff;}
.Franchise .form-new .title h4{font-size: 18px;padding-top: 2%;}
.Franchise .form-new .title h2{font-size: 36px; margin: 3% 0;}
.Franchise .form-new form{width: 50%; float: left;}
.Franchise .form-new .box{width: 100%; line-height: 50px; margin-bottom: 2.14%;}
.Franchise .form-new textarea{ border: 1px solid #323232; color: #fff; line-height: 50px; background: none; resize: none; line-height: 1.5; padding: 10px; height: 50px; overflow: hidden;}
.Franchise .form-new input{height: 50px; border: 1px solid #323232; color: #fff; line-height: 50px; background: none; padding: 0 10px;}
.Franchise .form-new select{display: block!important; border: none; background: none; width: 100%; height: 50px; border: 1px solid #323232; color: #fff; padding: 0 10px;}
.Franchise .form-new select option{color: #333;}
.Franchise .form-new .box:first-child input{width: calc((100% - 19px) / 2); float: left;}
.Franchise .form-new .phone{float: right!important;}
.Franchise .form-new .box:nth-child(2){display: flex; justify-content: space-between;}
.Franchise .form-new .box:nth-child(2) .select{width: calc((100% - 23px) / 3);}
.Franchise .form-new .area{margin-right: 0;}
.Franchise .form-new .text{width: calc(98% - 150px);}
.Franchise .form-new .btn_submit{background-color: #f08519; text-align: center; color: #fff; cursor: pointer; width: 150px; vertical-align: top; float: right;}
.Franchise .form-new .input::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.Franchise .form-new .input:-moz-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new .input:-ms-input-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new .text::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.Franchise .form-new .text:-moz-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new .text:-ms-input-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new span{font-size: 18px;}
.Franchise .form-new .num{font-size: 30px; padding-left: 10px;}
@media(max-width: 960px){
    .Franchise .form-new form{width: 100%; float: none; margin-top: 6%;}
    .Franchise .form-new .title{width: 100%; float: none;}
}
@media(max-width: 640px){
    .Franchise .form-new .title h2{font-size: 24px}
    .Franchise .form-new span{font-size: 16px;}
    .Franchise .form-new .num{font-size: 20px;}
}

.form-box-top{position: relative;background: url('/template/default/images/form-bg.jpg') no-repeat;}
.form-box-top .form-new{padding: 4% 0; }
 
.form-box-top .form-new .title{width: 100%; text-align: center; color: #fff;}
.form-box-top .form-new .title h4{font-size: 18px;padding-top: 2%;}
.form-box-top .form-new .title h2{font-size: 36px; margin: 3% 0;}
.form-box-top .form-new form{width: 90%; margin: auto; max-width: 620px; padding-top: 2%;}
.form-box-top .form-new .box{width: 100%; line-height: 50px; margin-bottom: 2.14%;}
.form-box-top .form-new textarea{ border: 1px solid rgba(255,255,255,.1); color: #fff; line-height: 50px; background: none; resize: none; line-height: 1.5; padding: 10px; height: 50px; overflow: hidden;}
.form-box-top .form-new input{height: 50px; border: 1px solid rgba(255,255,255,.1); color: #fff; line-height: 50px; background: none; padding: 0 10px;}
.form-box-top .form-new select{display: block!important; border: none; background: none; width: 100%; height: 50px; border: 1px solid rgba(255,255,255,.1); color: #fff; padding: 0 10px;}
.form-box-top .form-new select option{color: #333;}
.form-box-top .form-new .box:first-child input{width: calc((100% - 19px) / 2); float: left;}
.form-box-top .form-new .phone{float: right!important;}
.form-box-top .form-new .box:nth-child(2){display: flex; justify-content: space-between;}
.form-box-top .form-new .box:nth-child(2) .select{width: calc((100% - 23px) / 3);}
.form-box-top .form-new .area{margin-right: 0;}
.form-box-top .form-new .text{width: calc(98% - 150px);}
.form-box-top .form-new .btn_submit{background-color: #f08519; text-align: center; color: #fff; cursor: pointer; width: 150px; vertical-align: top; float: right;}
.form-box-top .form-new .input::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.form-box-top .form-new .input:-moz-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new .input:-ms-input-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new .text::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.form-box-top .form-new .text:-moz-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new .text:-ms-input-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new span{font-size: 18px;}
.form-box-top .form-new .num{font-size: 30px; padding-left: 10px;}
@media(max-width: 960px){
    .form-box-top .form-new form{width: 100%; float: none; margin-top: 6%;}
    .form-box-top .form-new .title{width: 100%; float: none;}
}
@media(max-width: 640px){
    .form-box-top .form-new .title h2{font-size: 24px}
    .form-box-top .form-new span{font-size: 16px;}
    .form-box-top .form-new .num{font-size: 20px;}
    .form-box-top .form-new form{margin-top: 2%;}
.form-box-top .form-new input,
.form-box-top .form-new select{height: 40px; line-height: 40px;}
.form-box-top .form-new textarea{height: 40px;}
}


.Franchise_1{display: flex;color: #fff;}
.Franchise_1 .ul1{width: 20%;padding-top: 1.5%;}
.Franchise_1 .image{width: 60%;}
.Franchise_1 .image2{display: none;}
.Franchise_1 .ul2{width: 20%;padding-top: 1.5%;}

.Franchise_1 ul li h1{
    font-size: 48px;
    font-weight: 600;
    color: #f08519;
    padding-bottom: 10px;
    line-height: 1;
}
.Franchise_1 ul li h2{
    line-height: 30px;
    font-size: 16px;
    padding-bottom: 10px;
}


.Franchise_1 .ul1 li:nth-child(1){
    background: url('/template/default/images/46.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -116%;
    margin-left: 82%;
    padding-bottom: 8%;
    position: relative;
}
.Franchise_1 .ul1 li:nth-child(2){
    background: url('/template/default/images/47.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -76%;
    margin-left: 32%;
    padding-top: 22%;
    position: relative;
}
.Franchise_1 .ul1 li:nth-child(3){
    background: url('/template/default/images/48.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -76%;
    margin-left: 12%;
    padding-top: 18%;
    position: relative;
}
.Franchise_1 .ul1 li:nth-child(4){
    background: url('/template/default/images/49.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -121%;
    margin-left: 70%;
    padding-top: 30%;
    position: relative;
}

.Franchise_1 .ul2 li:nth-child(1){
    background: url('/template/default/images/50.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -128%;
    margin-right: 109%;
    padding-bottom: 9%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.Franchise_1 .ul2 li:nth-child(2){
    background: url('/template/default/images/51.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -82%;
    margin-right: 15%;
    padding-top: 21%;
    padding-right: 11%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.Franchise_1 .ul2 li:nth-child(3){
    background: url('/template/default/images/52.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -81%;
    margin-right: 46%;
    padding-top: 32%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.Franchise_1 .ul2 li:nth-child(4){
    background: url('/template/default/images/53.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -134%;
    margin-right: 53%;
    margin-top: 23%;
    padding-top: 4%;
    padding-right: 30%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}


.Advantages{color: #fff;position: relative;}
.Advantages .title {text-align: center;}
.Advantages .title h2{font-size: 36px;padding: 2vw;}
.Advantages .title h4{font-size: 18px; padding-bottom: 3vw;}
.Advantages .slick-dots{position: unset;padding: 2.5vw 0 0.5vw 0;}

.Advantages .slick-dots button{width: 80px;}
.Advantages .lunbo>div>div>li{margin: 0 1px;}

.Advantages .cebianlan .slick-current{color: #fff;}
.Advantages .cebianlan {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 100px;
}


.Advantages  .cebianlan li{
    padding: 10px 0;
    color: #999999;
    position: relative;
}
.Advantages  .cebianlan li.prevshow::after,.Advantages  .cebianlan li.nextshow::after{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    opacity: 0.3;
    left: 4px;
    top: calc(50% - 2px);
}
.Advantages  .cebianlan li.slick-current::after{
    content: '';
    position: absolute;
    background: url('/template/default/images/106.png');
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
    left: 0;
    opacity: 1;
}
.Advantages>ul>div>div.slick-track:before, .Advantages>ul>div>div.slick-track:after{display: none;}

@media (min-width:1650px) {
    .Advantages  .cebianlan .slick-list.draggable{
        padding: 0px 0px 120px !important;
    }
    .Advantages .cebianlan li{
        width: 100% !important;
        text-align: end;
    }
}
@media(max-width:1800px){
.Advantages .cebianlan {left: 1%;}
}
@media(max-width:1650px){
    .Advantages .cebianlan {
        position: unset;
        width: unset;
        max-width: 1400px;
        margin: auto;
        width: 92%;
    }
    .Advantages .cebianlan li{
        text-align: center;
        padding: 20px 0;
    }
    .Advantages .cebianlan li::before{
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ccc;
        z-index: 0;
        opacity: .5;
    }
    .Advantages .cebianlan li.prevshow::after, .Advantages .cebianlan li.nextshow::after{
        left: calc(50% - 2px);
        top: 4px;
        z-index: 1;
    }
    .Advantages  .cebianlan li::after{
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #FFFFFF;
        opacity: 0.3;
        left: calc(50% - 2px);
        top: 4px;
        z-index: 1;
    }
    .Advantages  .cebianlan li.slick-current::after{
        content: '';
        position: absolute;
        background: url('/template/default/images/106.png');
        width: 14px;
        height: 14px;
        top: 0;
        left: calc(50% - 7px);
        z-index: 1;
    }
    
}
@media(max-width:768px){
    .Advantages .cebianlan {
        padding-top: 60px;
        margin-bottom: -60px;
    }
}


.Franchise_2{display: flex; flex-wrap: wrap;}
.Franchise_2 .intro_2{font-size: 16px;line-height: 30px;}
.Franchise_2 .column{width: 50%;}
.Franchise_2 .column.is3{display: flex;justify-content: space-between;}
.Franchise_2 .column.is3.show{display: none;}

.Franchise_2 .column.is3 img{width: 49.5%;}
.Franchise_2 .column .ul_2{
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3vw 0 2vw 0;
    border-bottom: 0.1px solid #ccc;
}
.Franchise_2 .column .ul_2 h1{font-size: 24px;line-height: 36px;}
.Franchise_2 .column .ul_2 h2{font-size: 14px;line-height: 36px;}
.Franchise_2 .column .ul_3{display: flex; flex-wrap: wrap;padding-top: 3.66vw;}
.Franchise_2 .column .ul_3 h1{padding-bottom: 10px;}
.Franchise_2 .column .ul_3 h2{font-size: 16px;line-height: 25px;}
.Franchise_2 .column .ul_3 li{min-width: 24%;}
.Franchise_2 .column .ul_4{display: flex; flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    background: url('/template/default/images/16.png');
}
.Franchise_2 .column .ul_4 h1{font-size: 14px;}
.Franchise_2 .column .ul_4 h1 b{font-size: 36px;padding-right: 10px;font-weight: 300;}
.Franchise_2 .column .ul_4 h2{font-size: 16px; line-height: 2;}

.Franchise_3{display: flex; flex-wrap: wrap;justify-content: space-between;}
.Franchise_3 .column_1:nth-child(1){width: 45%;}
.Franchise_3 .column_1:nth-child(2){width: 50%;}
.Franchise_3 .column_1 .columns{display: flex; flex-wrap: wrap;padding: 5vw 0 2vw 0;background: url('/template/default/images/63.png');background-size: 100% 100%;}
.Franchise_3 .column_1 .column{width: 50%;display: flex; flex-wrap: wrap;align-items: center;}
.Franchise_3 .column_1 .column div:nth-child(1){width: 25%;padding-right: 10%;}
.Franchise_3 .column_1 .column h1{ font-size: 20px; color: #FFFFFF;padding-bottom: 15px;line-height: 1;}
.Franchise_3 .column_1 .column h2{font-size: 16px;
    color: #FFFFFF;
    opacity: 0.5;
}
.Franchise_3 .column_1 .intro{ font-size: 16px; line-height: 36px;padding: 3vw 0;}
.Franchise_3 .column_1 .column img{width: 45px;}
.Franchise_3 .column_1 .column {padding-bottom: 3vw;}


.Franchise_4 .columns{display: flex;flex-wrap: wrap;}
.Franchise_4>.columns>div:nth-child(1){width: 50%;}
.Franchise_4>.columns>div:nth-child(2){width: 25%;}
.Franchise_4>.columns>div:nth-child(3){width: 25%;}
.Franchise_4 .columns .columns .list{width: 50%;}
.Franchise_4 .columns .list{
    position: relative;
    padding: 5px;
}
.Franchise_4 .columns .list::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
}
.Franchise_4 .list .intro{
    position: absolute;
    bottom: 0;
    padding: 3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
}
.Franchise_4 .intro2{
    line-height: 36px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    padding-top: 3vw;
}
.Franchise_4 .list .intro h1{
    padding-bottom: 20px;
    font-size: 20px;
    color: #FFFFFF;
}
.Franchise_4 .list .intro h2{
    padding-bottom: 20px;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.5;
    display: none;
}

.Franchise_5 .list1 {position: relative;}
.Franchise_5 .list1>img.image2{display: none;}
.Franchise_5 .list1::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
}
.Franchise_5 .list1 .columns{
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    align-items: flex-end;
    bottom: 0;
    padding: 2vw 0;
    width: 100%;
    border-top: 1px solid #ffffff17;
    z-index: 2;
}
.Franchise_5 .list1 .columns .column{display: flex;align-items: center; padding: 1% 0;}
.Franchise_5 .list1 .columns h1{ font-size: 62px;color: #FFFFFF;opacity: 0.05;}
.Franchise_5 .list1 .columns h2{ font-size: 16px;color: #FFFFFF;line-height: 30px;padding-left: 1.5vw;}

.Franchise_5 .list2 .columns{display: flex; color: #FFFFFF;padding-top: 3.2vw;}
.Franchise_5 .list2 .columns .column{width: 50%;}
.Franchise_5 .list2 .columns .column.image2{display: none;}
.Franchise_5 .list2 .columns .column:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: url(/template/default/images/74.png);
}
.Franchise_5 .list2 .columns h1{ font-size: 20px;}
.Franchise_5 .list2 .columns h2{font-size: 16px; padding: 1.8vw 0 1.5vw 0;}
.Franchise_5 .list2 .columns h3{font-size: 16px; opacity: 0.5;}
.Franchise_5 .list2 .columns .image{text-align: center;}
.Franchise_5 .list2 .columns .image div{ opacity: 0.5;font-size: 14px;padding-top: 10px;color: #FFFFFF;}

.Franchise_6 .ul li{position: relative;padding: 0 5px;}
.Franchise_6 .ul li h1{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
    display: flex;
    align-items: flex-end;
    padding: 20px;
    font-size: 20px;
    color: #FFFFFF;
}
.Franchise_6 .image{padding-top: 3vw;}
.Franchise_6 .image .image2{display: none;}


.Franchise_7 .ul li{position: relative;padding: 0 5px;}
.Franchise_7 .ul li h1{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
}
.Franchise_7 .image{padding-top: 3vw;}
.Franchise_7 .image .image2{display: none;}

.Support {background: url('/template/default/images/34.png');background-size: cover;background-position: center;}
.Support .title_biaoti h3,.Support .title_biaoti h5{color: #333333;}
.Support .title_biaoti h4{color: #666666;}

.Support .Support_ul{ display: flex; justify-content: space-between; flex-wrap: wrap;padding-top: 4.45vw;}
.Support .Support_ul li{position: relative;text-align: center;width: 17%;}
.Support .Support_ul li img{height: 43px;}
.Support .Support_ul li:before{
    position: absolute;
    bottom: 6px;
    right: -110px;
    content: '';
    background: url(/template/default/images/27.png);
    height: 7px;
    width: 167px;
    opacity: .2;
}
.Support .Support_ul li:nth-child(n+6){padding-top: 5.2vw;}
.Support .Support_ul li:nth-child(n+6):before{
    background: url(/template/default/images/29.png);
}
.Support .Support_ul.is1 li:nth-child(5n):before{
    display: none;
}
.Support .Support_ul.is1 li:nth-child(5):before{
    position: absolute;
    bottom: -75px;
    right: calc(50% - 3.5px);
    content: '';
    background: url(/template/default/images/28.png);
    height: 52px;
    width: 7px;
    opacity: 1;
    display: block;
}
.Support .Support_ul h6{ 
    font-size: 18px;
    color: #333333;
    padding: 1vw 0 2vw 0;
}
.Support .Support_ul h7{
    font-size: 18px;
    color: #ECCBCC;

}


.Value .title_biaoti h3,.Value .title_biaoti h5{color: #333333;}
.Value .title_biaoti h4{color: #666666;}
.Value{background: url('/template/default/images/31.png') no-repeat;background-position-x: right;background-position-y: top;}
.Value .columns {background: url('/template/default/images/33.png') no-repeat;background-position-x: right;background-position-y: bottom;display: flex;justify-content: space-between;align-items: center;}
.Value .columns>div:nth-child(2){width: 45%;}
.Value .columns>div:nth-child(1) {width: 50%;}
.Value .columns>div.image2 {display: none;}
.Value .columns h4{display: flex;align-items: center;}
.Value .columns p{font-size: 30px;color: #f08519;line-height: 48px;}
.Value .columns h6{font-size: 24px;padding-bottom: 1vw;line-height: 30px;}
.Value .columns ul li span{background: url('/template/default/images/32.png') no-repeat;background-size: cover;background-position: right;font-size: 12px;color: #333333;padding: 8px 8px 8px 15px;margin-right: 15px;}
.Value .columns ul li {font-size: 18px; color: #333333;}
.Value .columns ul li h3{font-size: 16px; color: #666666;padding: .5vw 0 1vw 0;}


.Process {background: url('/template/default/images/36.png');background-size: cover;background-position: top;height: 870px;}
.Process .auto14{position: relative;}
.Process .title_biaoti h3,.Process .title_biaoti h5{color: #333333;}
.Process ul {}
.Process ul li{position: absolute;width: 176px;}
/* .Process ul li h6::before{content: '';position: absolute;width: 8px;height: 8px;background: #f08519;border-radius: 50%;} */
.Process ul li h6{font-size: 20px;color: #f08519;padding-bottom: 12px;position: relative;font-weight: 600;}
.Process ul li h7{font-size: 16px;color: #333333;}

.Process ul li:nth-child(12){
    top: 0%;
    right: 0%;
}
.Process ul li:nth-child(11) {
    top: 53%;
    right: 2%;
}
.Process ul li:nth-child(10){
    top: 99%;
    right: 6.5%;
}
.Process ul li:nth-child(9){
    top: 150%;
    right: 12.5%;
}
.Process ul li:nth-child(8){
    top: 192%;
    right: 22.5%;
}
.Process ul li:nth-child(7){
    top: 225%;
    right: 33.5%;
}
.Process ul li:nth-child(6){
    top: 225%;
    left: 33.5%;
}
.Process ul li:nth-child(5){
    top: 192%;
    left: 22.5%;
}
.Process ul li:nth-child(4){
    top: 150%;
    left: 12.5%;
}
.Process ul li:nth-child(3){
    top: 99%;
    left: 6.5%;
}
.Process ul li:nth-child(2){
    top: 53%;
    left: 2%;
}
.Process ul li:nth-child(1){
    top: 0%;
    left: 0%;
}
.Process ul li{text-align: end;}
.Process ul li:nth-child(n + 7){text-align: left;}

 


.JoinUs{background: url('/template/default/images/44.png');background-size: cover;background-position: center;}

.JoinUs .columns .column h1{
    padding-bottom: 1.5vw;
    color: #fff;
    font-size: 36px;
    display: flex;
    align-items: center;
}
.JoinUs .columns .column h1 span{
    font-size: 20px;
    padding: 0 20px;
}
.JoinUs .show{display: block !important;}
.JoinUs .form_table{width: 45%;}
.JoinUs tr{padding-bottom: 20px;}
.JoinUs table td {display: flex;}
.JoinUs tr:nth-child(1) td input{
    border: 1px solid #FFFFFF40;
    background: #00000010;
    padding: 22px 19px;
    font-size: 16px;
    color: #FFFFFF;
    width: 100%;
    margin-right: 10px ;
    margin-bottom: 20px;
}
.JoinUs select{
    border: 1px solid #FFFFFF40;
    background: #00000010;
    padding: 22px 19px;
    font-size: 16px;
    color: #FFFFFF;
    width: 33.33%;
    margin-right: 10px ;
    margin-bottom: 20px;
}
.JoinUs option{color: #000;}
.JoinUs textarea{
    border: 1px solid #FFFFFF40;
    background: #00000010;
    padding: 22px 19px;
    font-size: 16px;
    color: #FFFFFF;
    width: 100%;
    margin-right: 10px ;
    margin-bottom: 20px;
    height: 140px;
}
.JoinUs input::-webkit-input-placeholder {color: #fff;}
.JoinUs input::-webkit-input-placeholder{color: #fff;}
.JoinUs input::-moz-placeholder{color: #fff;}
.JoinUs input:-moz-placeholder{color: #fff; }
.JoinUs input:-ms-input-placeholder{color: #fff;}


.JoinUs textarea::-webkit-input-placeholder {color: #fff;}
.JoinUs textarea::-webkit-input-placeholder{color: #fff;}
.JoinUs textarea::-moz-placeholder{color: #fff;}
.JoinUs textarea:-moz-placeholder{color: #fff; }
.JoinUs textarea:-ms-input-placeholder{color: #fff;}

.JoinUs .form_err{color: #fff;position: absolute;padding: 22px 19px;font-size: 16px;}

.JoinUs .btn{background: #f08519;font-size: 16px;color: #FFFFFF;padding: 17px;width: 150px;border: none;}




@media(max-width:1400px){
    .anchor ul{padding: 20px;}
    .Franchise_1 ul li{zoom: .9;}
    .Process ul{zoom: .8;}
    .Process{height: 700px;}
}

@media(max-width:1250px){.Franchise_1 ul li{zoom: .8;}.Process{height: 650px;zoom: .9;}}
@media(max-width:1150px){.Franchise_1 ul li{zoom: .75;}}
@media(max-width:1080px){.Franchise_1 ul li{zoom: .7;}}
@media(max-width:1000px){
    .Franchise_1 .ul1,.Franchise_1 .ul2,.Franchise_1 .image{width: 100%;}
    .Franchise_1 ul li{
        zoom: 1;
        margin-right: unset !important;
        margin-left: unset !important;
        margin-top:  unset !important;
        padding: unset !important;
        background: unset !important;
        border-bottom: 1px solid #B4894C20;
        margin-bottom: 30px;
        justify-content: unset !important;
    }
    .Franchise_1{display: block;}
    .Franchise_1 .image{display: none;}
    .Franchise_1 .image2{display: block;text-align: center;}
}

@media(max-width:1024px){
    .anchor ul{
        width: 1000px;
    }
    .anchor .auto-1400>div{overflow: hidden;overflow-x: scroll;}
    .saidao ul{flex-wrap: wrap;justify-content: space-evenly;}
    .saidao ul li{width: 48%;margin-bottom: 1.5%;}
    .title_biaoti h3{padding-top: 50px;}
    .title_biaoti h5{padding-bottom: 65px;line-height: 2;font-size: 28px;}
    .Advantages .title h2{font-size: 24px;}
    .Franchise_2 .intro_2{font-size: 14px;}
    .Franchise_2 .column .ul_2 h1{font-size: 20px;}
    .Franchise_2 .column .ul_2 h2{font-size: 12px;}
    .Franchise_2 .column .ul_3{padding-top: 2.66vw;}
    .Franchise_2 .column .ul_3 h1 img{max-height: 40px;}
    .Franchise_2 .column .ul_2{padding: 2vw 0 1vw 0;}

    .Franchise_3 .column_1 .columns{padding: 3vw 0 1vw 0;}
    .Franchise_3 .column_1 .column h2,.Franchise_3 .column_1 .intro{font-size: 14px;}

    .Support .Support_ul li:before{right: -60px; width: 88px;background-position-x: right;}
    .Support .Support_ul.is1 li:nth-child(5):before{bottom: -33px;height: 25px;background-position-y: bottom;}

    .Value .columns p{font-size: 24px;}
    .Value .columns h6{font-size: 18px;padding-bottom: 2vw;line-height: 25px;}
    .Value .columns ul li h3{font-size: 14px;}
    .Value .columns{align-items: center;}

    .Process{height: unset;background: url(/template/default/images/88.png);background-size: cover;}
    .Process ul{zoom: 1;display: flex; flex-wrap: wrap;}
    .Process ul li{
        text-align: center;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        position: unset;
        padding-bottom: 2.5vw;
        width: 33.3%;
    }
    .Process ul li:nth-child(n + 7){text-align: center;}

  

    .JoinUs .form_table{width: 65%;}
    .JoinUs .btn{padding: 7px; width: 128px;}
}
@media(max-width:768px){
    .content_jiameng{padding: 5.2% 0 6.25%;}

    .title_biaoti h5,.title_biaoti h3{font-size: 28px;}
    .title_biaoti h4{font-size: 14px;line-height: 28px;}
	
	 .title_biaoti h5{padding-bottom: 20px;}

    .saidao {background: url(/template/default/images/97.jpg);background-size: cover; background-position: center;}
    .saidao ul li .subtit{font-size: 20px;padding: 18px 0;}
    .saidao ul li h5{font-size: 14px; line-height: 30px;}
    .saidao ul li {padding: 25px 2.5vw;}
    .saidao ul{padding-top: 20px;width: 100%;}
	
	

    .Franchise {background: #000;}

    .Franchise_1 ul li h1{font-size: 34px;}
    .Franchise_1 ul li h2{font-size: 14px;}
    .Franchise_1 ul{margin: 0 -2%;}
    .Franchise_1 ul li{margin-bottom: 15px; display: inline-block!important; width: 50%; padding: 0 2%!important; vertical-align: top;}
    
    .Franchise_2 .column{width: 100%;}
    .Advantages {background: url(/template/default/images/93.png);background-size: contain;}
    .Advantages .title{padding-top: 90px;}
    .Advantages .title h2{font-size: 18px;}
    .Advantages .title h4{font-size: 16px;}

    .Franchise_2 .intro_2,.Franchise_2 .column .ul_3 h2{font-size: 12px;}
    .Franchise_2 .intro_2{line-height: 1.8;}
    .Franchise_2 .column .ul_2{width: 100%;zoom: .9;}
    .Franchise_2 .column .ul_2 h1{font-size: 16px; line-height: 1.5;}
    .Franchise_2 .column .ul_2 h2{line-height: 1.5; padding-bottom: 2%;}
    .Franchise_2 .column .ul_3 li{min-width: 32%;}
    .Franchise_2 .column .ul_4{padding: 44px 0;}
    .Franchise_2 .column .ul_4 h1 b{font-size: 20px;}
    .Franchise_2 .column .ul_4 h2{font-size: 12px;}
    .Franchise_2 .column.is3{display: none;}
    .Franchise_2 .column.is3.show{display: flex;justify-content: space-between;}
    
    .Advantages .slick-dots button{width: 33px;}

    .Franchise_3 .column_1:nth-child(1),.Franchise_3 .column_1:nth-child(2){width: 100%;}
    .Franchise_3 .column_1 .columns{zoom: .7;padding: 30px 0;}
    .Franchise_3 .column_1 .column{padding-bottom: 40px;}
    .Franchise_3 .column_1 .intro{font-size: 12px; line-height: 1.8;}

    .Support {background: url('/template/default/images/95.png');background-size: cover;background-position: center;}
    .Support .Support_ul h6{  font-size: 16px; padding: 3vw 0; }
    .Support .Support_ul{zoom: .8;padding-top: 40px;}
    .Support .Support_ul li img{height: 28px;}
    .Support .Support_ul li:nth-child(n+6){padding-top: 40px;}
    .Support .Support_ul li:before{right: -30px;width: 50px;}


    .Franchise_4>.columns>div:nth-child(1){width: 100%;}
    .Franchise_4>.columns>div:nth-child(2),.Franchise_4>.columns>div:nth-child(3){width: 50%;}
    .Franchise_4 .list .intro h1{padding-bottom: 10px;font-size: 14px;}
    .Franchise_4 .list .intro h2{padding-bottom: 10px;font-size: 12px;}
    .Franchise_4 .intro2{font-size: 12px; line-height: 1.8;}

    .Franchise_5 .list1 .columns{flex-wrap: wrap;}
    .Franchise_5 .list1 .columns .column{width: 50%;}
    .Franchise_5 .list1 .columns h1{font-size: 30px;color: #FFFFFF;opacity: 0.5;}
    .Franchise_5 .list1 .columns h2{font-size: 12px;line-height: 1.5;}
    .Franchise_5 .list2 .columns{flex-wrap: wrap;}
    .Franchise_5 .list2 .columns .column:nth-child(1)，.Franchise_5 .list2 .columns .column:nth-child(2){width: 100%;}
    .Franchise_5 .list2 .columns .column:nth-child(1){zoom: .8;padding: 25px 10px; width: 100%;}
    .Franchise_5 .list2 .columns .column{width: 100%;}
    .Franchise_5 .list2 .columns h3{font-size: 14px;}
    .Franchise_5 .list2 .columns h2{font-size: 15px;padding: 0 0 15px 0;}
    .Franchise_5 .list2 .columns h1{font-size: 16px;}
    .Franchise_5 .list2 .columns .image img{max-height: 70px;}
    .Franchise_5 .list2 .columns .image div{font-size: 12px;}
    .Franchise_5 .list2 .columns .column.image2{display: block;}
    .Franchise_5 .list2 .columns .column.image1{display: none;}
    .Franchise_5 .list1>img.image2{display: block;}
    .Franchise_5 .list1>img.image1{display: none;}

    .Franchise_6 .ul li h1{padding: 10px; font-size: 14px;}
    .Franchise_6 .image .image1{display: none;}
    .Franchise_6 .image .image2{display: block;}
    .Franchise_7 .image .image1{display: none;}
    .Franchise_7 .image .image2{display: block;}

    .Value {background: url(/template/default/images/96.png) no-repeat;background-position-x: right; background-position-y: top;}
    .Value .columns{display: block;}
    .Value .columns>div:nth-child(1),.Value .columns>div:nth-child(2){width: 100%;}
    .Value .columns p{font-size: 20px;}
    .Value .columns h6{font-size: 16px;padding-bottom: 30px;}
    .Value .columns ul li h3{font-size: 12px;padding: 10px 0 20px 0;}
    .Value .columns h4{font-size: 14px;}
    .Value .columns>div.image1 {display: none;}
    .Value .columns>div.image2 {display: block;}
    .Value .columns ul li span{padding: 6px 6px 6px 15px;}

    .Process ul{padding-left: 20px;border-left: 7px solid #fff;}
    .Process ul li{text-align: left;width: 45%; padding-bottom: 25px;position: relative;}
    .Process ul li:nth-child(n + 7){text-align: left;}
    .Process ul li h6{padding-bottom: 8px; font-weight: bold;}
    .Process ul li::after{
        content: '';width: 10px ;height: 10px; border-radius: 50px; position: absolute;left: -28px;top: 4px;   
        background: red;
        z-index: 1;
    }
    .Process ul li:nth-child(1)::after{opacity: .1;}
    .Process ul li:nth-child(2)::after{opacity: .2;}
    .Process ul li:nth-child(3)::after{opacity: .3;}
    .Process ul li:nth-child(4)::after{opacity: .4;}
    .Process ul li:nth-child(5)::after{opacity: .5;}
    .Process ul li:nth-child(6)::after{opacity: .6;}
    .Process ul li:nth-child(7)::after{opacity: .7;}
    .Process ul li:nth-child(8)::after{opacity: .8;}
    .Process ul li:nth-child(9)::after{opacity: .9;}
    .Process ul li:nth-child(10)::after{opacity: 1;}
    .Process ul li:nth-child(11)::after{opacity: 1;}
    .Process ul li:nth-child(12)::after{opacity: 1;}

    .Process ul li:nth-child(2n){margin-left: 10%;}
    .Process ul li:nth-child(2n)::before{content: ''; background-color: #fff; width: 7px; height: 100%; left: -26px; position: absolute;}
    .Process ul li:nth-child(2n)::after{left: -28px;}
 

    .JoinUs .form_table{width: 100%;}
    .JoinUs select,.JoinUs tr:nth-child(1) td input,.JoinUs textarea,.JoinUs .form_err{padding: 10px;font-size: 12px;}
    .JoinUs textarea{height: 90px;}
    .JoinUs .columns .column h1{font-size: 22px;padding-bottom: 20px;}
    .JoinUs .columns .column h1 span{font-size: 15px;}
    .JoinUs{background: url('/template/default/images/94.png');background-size: cover;background-position: center;}
    .JoinUs table td.tijiap{justify-content: center;}


}



/* news */
.news{padding: 4.6875% 0 3.57%;}
.news h1{opacity: 0; position: absolute;}
.news .top-list{position: relative; margin-bottom: 3.57%;}
.news .li{background-color: #f9fafc;}
.news .left{width: 48.5%; float: left;}
.news .content{width: 51.5%; float: left; padding: 7.14% 5.38% 0 5.71%;}
.news .pic{width: 100%; padding-top: 69.41%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.news .li:hover .pic{background-size: 110%;}
.news .date{font-size: 18px; color: #666; font-family: 'Light';}
.news .title{font-size: 26px; color: #333; font-family: 'Medium'; padding: 7.07% 0;}
.news .txt{color: #666; line-height: 2; text-align: justify;}
.news .slick-dots{left: 48.5%; display: inline-block; width: 51.5%; padding-left: 5.71%; text-align: left; bottom: 10%;}
.news .slick-dots li button{background-color: #dedede; width: 80px;}
.news .slick-dots li button::before{background-color: #f08519;}

.news .list li{background-color: #f9fafc; margin-bottom: 2.14%;}
.news .list .left{width: 27%; float: left;}
.news .photo{width: 100%; padding-top: 69.21%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.news .list li:hover .photo{background-size: 110%;}
.news .list li:last-child{margin-bottom: 7.14%;}
.news .content1{width: 73%; float: left; padding: 5% 0 0 5.71%; position: relative;}
.news .text{float: left; width: 76.5%; padding-right: 8.94%; border-right: 1px solid #d1d2d4;}
.news .tit{font-size: 20px; color: #333; font-family: 'Medium';}
.news .txt1{color: #666; line-height: 2; margin-top: 3%;}
.news .date1{width: 23.5%; float: left; text-align: center; color: #333;}
.news .day{font-size: 50px;}
@media(max-width: 1400px){
    .news .content{padding-top: 4%;}
    .news .content1{padding-top: 3%;}
}
@media(max-width: 1024px){
    .news .title{padding: 3% 0; font-size: 22px;}
    .news .txt1{margin-top: 1%;}
    .news .tit{font-size: 20px;}
    .news .slick-dots li button{width: 60px;}
    .news .day{font-size: 48px;}
    .news .ym{font-size: 14px;}
    .news .content1{padding-left: 3%;}
    .news .text{padding-right: 4%;}
}
@media(max-width: 768px){
    .news .txt1,
    .news .txt{line-height: 1.5; }
	 .news .tit{font-size: 16px;}
    .news .slick-dots{bottom: 6%;}
}
@media(max-width: 640px){
    .news .top-list{margin-bottom: 70px;}
    .news .slick-dots{width: 100%; padding-left: 0; text-align: center; bottom: -30px; left: 0;}
    .news .content1,
    .news .list .left,
    .news .left,
    .news .content{width: 100%; float: none;}
    .news .content{padding: 4%;}
    .news .content1{padding: 5%;}
    .news .list li{margin-bottom: 20px;}
}
@media(max-width: 480px){
    .news .text{float: none; width: 100%; border-right: none;}
    .news .date1{position: absolute; right: 0; bottom: 100%; background-color: #f9fafc; width: 75px; height: 75px; display:none;}
    .news .day{font-size: 45px;}
}


/* news-detail */
.news-detail{ padding-bottom:5%;}
.news-detail .news-title{ background-color: #f5f5f5; text-align: center; padding: 4.94% 0 3.8%;}
.news-detail .title{font-size: 30px; color: #333;}
.news-detail .date{color: #999; padding-top: 1.666%;}
.news-detail .content{padding: 1% 0 6%; border-bottom: 1px solid #ededed;}
.news-detail p{color: #333; line-height: 2; padding: 1% 0;}
.news-detail .box{padding-left: 24px; margin: 5% 0 3%; border-left: 5px solid #f08519;}
.news-detail .tit{font-size: 24px; color: #333;}
.news-detail .subtit{font-size: 18px; color: #999; letter-spacing: 10px; padding-top: 1%;}
.news-detail img{width: auto!important; height: auto!important;}
.news-detail .link-box{margin: 4.16% 0 0; position: relative;}
.news-detail .np a{color: #666; line-height: 2; display: block;}
.news-detail .share-box{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.news-detail .share-box .txt{color: #666; font-family: 'Light'; margin: auto; display: inline-block; vertical-align: middle; margin-right: 16px;}
.news-detail .share-box ul{padding-top: 10px; display: inline-block; vertical-align: middle;}
.news-detail .share-box li{margin-bottom: 10px; width: 40px; height: 40px; margin-left: 16px; border-radius: 50%; display: inline-block; border: 1px solid #dedede; background-color: #fff; vertical-align: middle;}
.news-detail .share-box a{display: block; width: 100%; height: 100%;}
.news-detail .qq{background: url(/template/default/images/qq-icon01.png)no-repeat center;}
.news-detail .wx{background: url(/template/default/images/wx-icon.png)no-repeat center; position: relative;}
.news-detail .wx .qrcode{display: none; position: absolute; left: 50%; bottom: 120%; background-color: #fff; padding: 10px; width: 140px; height: 140px; z-index: 20; transform: translateX(-50%);}
.news-detail .wb{background: url(/template/default/images/wb-icon.png)no-repeat center;}
@media(max-width: 1024px){
    .news-detail .news-title{margin-top: 110px;}
    .news-detail .title{font-size: 28px;}
}
@media(max-width: 960px){
    .news-detail .share-box{position: initial; transform: translateY(0);}
}
@media(max-width: 640px){
    .news-detail .news-title{margin-top: 55px;}
	.news-detail .title{font-size: 20px;}
}


/* contact */
.contact{padding-top: 5.2%;}
.contact .list1{padding-bottom: 6.25%;}
.contact h1{text-align: center; color: #333; font-size: 36px;}
.contact .list{max-width: 1200px; margin: 0 auto; padding: 5% 0; border-bottom: 1px solid #ededed;}
.contact .list li{width: 33.333%; float: left; text-align: center;}
.contact .list li:first-child{text-align: left; border-right: 1px solid #ededed;}
.contact .list li:last-child{text-align: right; border-left: 1px solid #ededed;}
.contact .list .box{display: inline-block; text-align: center;}
.contact .list .icon{width: 70px; height: 70px; margin: auto;}
.contact .list .txt{padding-top: 15px;}
.contact .list1{padding-top: 5%; max-width: 1200px; margin: 0 auto;}
.contact .list1 li{width: 25%; float: left; text-align: center; line-height: 1.8; border-right: 1px solid #ededed;}
.contact .list1 li:last-child{border-right: none;}
.contact .list1 li a{color: #333; transition: all .3s;}
.contact .list1 li:hover a{color: #f08519;}
@media(max-width: 640px){
    .contact h1{font-size: 24px;}
    .contact .list li{width: 100%; text-align: center!important; padding: 3% 0; border: none!important;}
    .contact .list1 li{width: 50%; margin: 3% 0;}
    .contact .list1 li:nth-child(2){border-right: none;}
    .contact .list .icon{width: 10.14vw; height: 10.14vw;}
}
@media(max-width: 480px){
    .contact .list1 li{width: 100%;}
    .contact .list1 li{border: none;}
}

.index-case{background-color: #f9f9f9; padding: 3.125% 0;}
.index-case ul{margin: 0 -2px;}
.index-case li{width: 33.333%; float: left; padding: 0 2px;}
.index-case a{display: block; background-color: #fff; padding: 14.22% 15.08%;}
.index-case .content{position: relative; padding-right: 90px;}
.index-case .icon{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.index-case .tit{font-size: 20px; font-family: 'Medium'; color: #000;}
.index-case .txt{font-size: 14px; color: #666; font-family: 'Light'; display: inline-block; padding-right: 15px; background: url(/template/default/images/more-icon.png)no-repeat right center; margin-top: 2%;}
@media(max-width: 1200px){
    .index-case .icon img{max-width: 75px;}
    .index-case .content{padding-right: 75px;}
}
@media(max-width: 1024px){
    .index-case li{width: 100%; margin-bottom: 10px;}
    .index-case a{padding: 40px;}
}
@media(max-width: 640px){
    .index-case .icon{text-align: right;}
    .index-case .icon img{width: 60%;}
    .index-case a{padding: 30px 20px;}
}


/************* 相册列表 *************/
.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }
.picScale img{max-width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.picScale img:hover{ transform: translate(-50%,-50%) scale(1.1); }
.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.fancybox-overlay{ z-index: 99999!important; }
.honor-list { padding: 60px 0;}
.honor-list ul{overflow:hidden;margin:0 -28px; align-items: stretch; justify-content: flex-start;}
.honor-list li{width:25%;float:left;text-align:center;padding:0 28px;margin-bottom:46px}
.honor-list li a{ display:block;text-align:center;position:relative;overflow:hidden; }
.honor-list li a:hover .pic{border-color:#68a592}
.honor-list li a:hover .pic::after,.honor-list li a:hover .pic::before{opacity:1;filter:alpha(opacity=100)}
.honor-list li a:hover .pic::after{ padding-top:36px; }
.honor-list li a:hover img{ transform: translate(-50%,-50%) scale(1.3,1.3); }
.honor-list li a:hover .tit{ color:#ffab50; }
.honor-list li .clickpic{ width:100%;height:100%;position:absolute;top:0;left:0;z-index:50;opacity:0;filter:alpha(opacity=0); }
.honor-list li .clickpic img{ height:100%; }
.honor-list li .pic{ border:solid 1px #ccc;padding:6px;position:relative;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.honor-list li .pic span{ display:block;overflow:hidden;padding-bottom: 70%; }
.honor-list li .pic::after,
.honor-list li .pic::before{ width:100%;position:absolute;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.honor-list li .pic::before{ content:" ";height:100%;top:0;background:url(/template/default/images/honor-list-filter.png);z-index:10; }
.honor-list li .pic::after{ content:"点击审查大图";top:50%;transform:translate(0,-50%);z-index:20;background:url(/template/default/images/honor_icon.png) no-repeat center 0;color:#fff;padding-top:200px; }
.honor-list li img{ width:100%;display:block;transition-duration:.8s; transform: translate(-50%,-50%) scale(1.1,1.1);  }
.honor-list li .tit{height:20px;line-height:20px;font-size:18px;color:#666;margin-top:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;transition-duration:.4s}
@media only screen and (max-width:1400px){
  .honor-list ul{margin: 0 -20px;}
  .honor-list li{ padding: 0 20px; }
}
@media only screen and (max-width:1200px){
  .honor-list{padding: 70px 0 50px;}
  .honor-list ul{margin: 0 -15px;}
  .honor-list li{ width: 33.33%; padding: 0 15px; margin-bottom: 30px;}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
  .honor-list{padding: 60px 0 40px;}
  .honor-list ul{ margin:0 -5px; }
  .honor-list li{ width:50%;padding:0 5px;margin-bottom:20px}
  .honor-list li .pic{ padding:4px; }
  .honor-list li .tit{ margin-top:10px;font-size: 16px; }
}
@media only screen and (max-width:480px){
  .honor-list{padding: 40px 0 40px;}
}



/* yazj-list */
.yazj-list{ background-color: #f9f9f9;clear: both;display: block; overflow: hidden; padding-bottom:3.57%;}
.yazj-list .yazj{ margin: 0 -14px;
    padding: 3.57% 0 5.14%;}
.yazj-list .item{padding: 0 14px; margin-bottom: 30px; width: 20%; float:left;}
.yazj-list .item .pic{ position:relative; padding-bottom:68%;}
.yazj-list .item .pic img{
	max-width: 100%;
	max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s;}
.yazj-list  .tit{ vertical-align: top; line-height: 40px;}
			.yazj-list  dl{line-height: 40px;margin-top: 2%;}
			.yazj-list  dd{display: inline-block; margin-right: 1.2%;}
			.yazj-list  dd:last-child{margin-right: 0;}
			.yazj-list  .tit{font-family: 'Light'; color: #999;}
			.yazj-list  dd a{font-family: 'Light'; color: #333; transition: all .3s;}
			.yazj-list  dd:hover a,
			.yazj-list  dd.aon a{color: #f08519;}
.yazj-list .content{padding: 7.14%; background-color: #fff;}
.yazj-list .tit{color: #333; height:45px;}
.yazj-list .date{color: #999; font-family: 'Light'; font-size: 14px; padding-top: 10px;}

.yazj-list .load{text-align: center; padding: 3.92% 0;}
.yazj-list .load img{animation: rotate infinite 2s linear;}
.yazj-list .load .txt{padding-top: 1%; font-family: 'Light'; color: #666;}
@keyframes rotate{
    100%{transform: rotate(360deg);}
}
@media(max-width: 1024px){
    .yazj-list{padding-top: 110px;}
    .yazj-list .item{width: 33.333%;}
	.yazj-list  .tit{display: block;}
	.yazj-list  dl{width: 100%;}
}
@media(max-width: 640px){
    .yazj-list{padding-top: 55px;}
    .yazj-list .yazj{margin: 0 -10px;}
    .yazj-list .item{width: 50%; margin-bottom: 10px; padding: 0 5px;}
}



.service-policy{padding: 5.2% 0 0;}
.servtit1{font-size: 30px; font-family: 'Medium'; text-align: center; padding-bottom: 1%;}
.service-policy .top-list{text-align: center;}
.service-policy .top-list li{width: 15.35%; display: inline-block; background-color: #f9f9f9; margin-right: 1.78%; cursor: pointer; padding: 2.57% 0; border-radius: 6px; transition: all .3s;}

.service-policy .top-list .active{display: none;}
.service-policy .top-list li:last-child{margin-right: 0;}
.service-policy .top-list .tit{padding-top: 11.62%; font-family: 'Light'; color: #666; transition: all .3s;}
.service-policy .top-list li.on,
.service-policy .top-list li:hover{background-color: #f08519;}
.service-policy .top-list li.on .tit,
.service-policy .top-list li:hover .tit{color: #fff;}
.service-policy .top-list li.on .normal,
.service-policy .top-list li:hover .normal{display: none;}
.service-policy .top-list li.on .active,
.service-policy .top-list li:hover .active{display: block;}
@media(max-width: 1024px){
    .service-policy .top-list .tit{font-size: 14px;}
}
@media(max-width: 640px){
    .service-policy .top-list li{width: 20%;}
    .service-policy .top-list .icon img{width: 30%;}
    .service-policy .top-list .tit{font-size: 12px;}
	.servtit1{font-size: 24px; font-family: 'Medium'; text-align: center; padding-bottom: 1%;}
}

.service-policy .main-list{}
.service-policy .box2 .tit1{font-size: 24px; font-family: 'Medium'; text-align: center; padding-bottom: 4.28%;}
.service-policy li .box2:nth-last-child(2){background-color: #ccc;}
.service-policy .box{padding: 3.57% 0; border-bottom: 1px dotted #ccc;}
.service-policy .box:first-child{padding-top: 0;}
.service-policy .box:last-child{padding-bottom: 0; border: none; padding-bottom: 6.25%;}
.service-policy .box .tit1{font-size: 24px; font-family: 'Medium'; display: inline-block; position: relative; z-index: 2; margin-bottom: 1%;}
.service-policy .box .num{font-family: 'Oswald'; font-size: 3.43vw; color: #f9f9f9; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); z-index: -1; font-style: italic;}
.service-policy .box .subtit{font-size: 20px; padding-bottom: 0.71%;}
.service-policy .box p{line-height: 30px; color: #666; font-size: 16px;}
.service-policy .box dd{line-height: 30px; padding: 0.71% 0; color: #666; font-size: 16px;}
.service-policy .box .red{color: #f08519;}
.service-policy .box .grey{color: #999;}
.service-policy .box .phone{padding-left: 4.07%; background: url(/template/default/images/phone-icon02.png) no-repeat left center; margin-top: 3%; background-size: 1.875vw;}
.service-policy .box .txt{font-size: .729vw; font-weight: lighter;}
.service-policy .box .number{font-size: 1.45vw; color: #f08519; line-height: 1.6;}

.service-policy .box1{padding-top: 7.14%;}
.service-policy .box1:first-child{padding-top: 0;}
.service-policy .box1:last-child{padding-bottom: 6.25%;}
.service-policy .box1 .tit1{font-size: 1.56vw; font-family: 'Medium'; text-align: center;}
.service-policy .box1 .subtit{font-size: 18px; color: #666; text-align: center; padding-top: 1.42%;}
.service-policy .box1 table{width: 100%; margin-top: 2.85%;}
.service-policy .box1 td{font-size: 18px; color: #666; font-family: 'Light'; border: 1px solid #ededed;}
.service-policy .box1 td:first-child{width: 32.8%; text-align: center; line-height: 55px;}
.service-policy .box1 td:nth-child(2){width: 25.7%; text-align: center; line-height: 55px;}
.service-policy .box1 tr:first-child{background-color: #f9f9f9;}
.service-policy .box1 tr:first-child td{ color: #333; font-family: 'Medium'; text-align: center;}
.service-policy .box1 dl{padding-left: 6.89%;}
.service-policy .box1 dd{line-height: 36px;}
.service-policy .box1 .one{width: 20.7%!important;}
.service-policy .box1 .two{width: 22.1%!important;}
.service-policy .box1 .three{width: 15.2%!important; text-align: center!important;}
.service-policy .box1 .four{text-align: left!important; padding-left: 2.85%; line-height: 36px!important;}
.service-policy .box1 .table-box::-webkit-scrollbar{width: 1px; height: 3px;}
.service-policy .box1 .table-box::-webkit-scrollbar-thumb{border-radius: 6px; background-color: #f08519;}
.service-policy .box1 .table-box::-webkit-scrollbar-track{border-radius: 6px; background-color: #F3F4F8;}
.service-policy .box1 .table-box::-webkit-scrollbar-button{display: none;}
@media(max-width: 640px){
    .service-policy .box1 .table-box{overflow-x: auto;}
    .service-policy .box1 table{width: 1000px;}
	.service-policy .box p{line-height: 30px; color: #666; font-size: 14px;}
	.service-policy .box .tit1{font-size: 18px;}
	.service-policy .box dd{font-size: 14px;}
	.service-policy .box .subtit{font-size: 16px;}
	.service-policy .box2 .tit1{font-size: 18px;}
}
.service-policy .box2:nth-child(even) {background-color: #f9f9f9;}
.service-policy .box2{padding: 4.16% 0 5.2%;}
.service-policy .box2 .ul1{position: relative;}
.service-policy .box2 .ul1 li{width: 12.5%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul1 img{height: 38px; width: auto;}
.service-policy .box2 .ul1 aside{margin: 17.14% 0; position: relative;}
.service-policy .box2 .ul1 aside::before{content: ''; background-color: #e5e5e5; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.service-policy .box2 .ul1 i{width: 9px; height: 9px; border-radius: 50%; background-color: #000; display: inline-block; line-height: 1;}
.service-policy .box2 .ul1 .txt{font-size: 18px;}
@media(min-width: 961px){
    .service-policy .box2 .ul1 li:nth-child(-n+8){padding-bottom: 7.85%;}
    .service-policy .box2 .ul1::before{content: ''; width: 0; height: 0; position: absolute; right: 0; top: 50%; border: 8px solid transparent; border-top-color: #e5e5e5; transform: translateX(50%);}
    .service-policy .box2 .ul1 li:nth-child(8)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 69%; position: absolute; bottom: 0; right: 0;}
    .service-policy .box2 .ul1 li:last-child::before{content: ''; background-color: #e5e5e5; width: 1px; height: 45%; position: absolute; top: 0; right: 0;}
}
@media(max-width: 960px){
    .service-policy .box2 .ul1 li:nth-child(-n+12){padding-bottom: 7.85%;}
    .service-policy .box2 .ul1 li{width: 25%;}
    .service-policy .box2 .ul1 li:nth-child(12)::before,
    .service-policy .box2 .ul1 li:nth-child(4)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 61%; position: absolute; bottom: 0; right: 0;}
    .service-policy .box2 .ul1 li:nth-child(8)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 32%; position: absolute; top: 0; right: 0;}
    .service-policy .box2 .ul1 li:nth-child(16)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 45%; position: absolute; top: 0; right: 0;}
    .service-policy .box2 .ul1 li:nth-child(5)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 68%; position: absolute; bottom: 0; left: 0;}
    .service-policy .box2 .ul1 li:nth-child(9)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 40%; position: absolute; top: 0; left: 0;}
}
@media(max-width: 640px){
    .service-policy .box2 .ul1 img{height: 30px;}
}

.service-policy .box2 .ul2 li{width: 25%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul2 li::before{content: ''; background: url(/template/default/images/dot-icon01.png) no-repeat center; width: 28%; height: 2%; background-size: 100%; right: 0; top: 19%; transform: translateX(50%); position: absolute;}
.service-policy .box2 .ul2 li:last-child::before{content: none;}
.service-policy .box2 .ul2 .pic{width: 5.2vw; height: 5.2vw; border-radius: 6px; border: 1px solid #e8e8e8; display: inline-block; position: relative;}
.service-policy .box2 .ul2 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 65%;}
.service-policy .box2 .ul2 .num{font-size: 16px; font-weight: bold; padding: 10.47% 0 7.85%;}
.service-policy .box2 .ul2 .tit{font-size: 16px; padding-bottom: 7.85%;}
.service-policy .box2 .ul2 .txt{font-size: 16px; color: #999; min-height: 2.18vw; font-weight: lighter;}
/*
@media(min-width: 961px){
    .service-policy .box2 .ul2 li:nth-child(-n+6){margin-bottom: 8.57%;}
    .service-policy .box2 .ul2 li:nth-child(6)::before{right: 22%; top: 125%; transform: translateX(-50%) rotate(90deg);}
}
*/

  /*  .service-policy .box2 .ul2 li:nth-child(5)::after{content: ''; background: url(/template/default/images/dot-icon01.png) no-repeat center; width: 28%; height: 2%; background-size: 100%; position: absolute;right: 22%; top: 125%; transform: translateX(-50%) rotate(90deg);}*/
	
    .service-policy .box2 .ul2 li:nth-child(4)::before{right: 22%; top: 125%; transform: translateX(-50%) rotate(90deg);}
    .service-policy .box2 .ul2 li:nth-child(8)::before{content: none;}
    .service-policy .box2 .ul2 li:nth-child(-n+8){margin-bottom: 8.57%;}
@media(max-width: 960px){
    .service-policy .box2 .ul2 .pic{width: 10vw; height: 10vw;}

    .service-policy .box2 .ul2 li{width: 25%;}
}


.service-policy .box2 .ul3 li{width: 14.28%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul3 .pic{width: 5.2vw; height: 5.2vw; border-radius: 6px; border: 1px solid #e8e8e8; display: inline-block; position: relative;}
.service-policy .box2 .ul3 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 65%;}
.service-policy .box2 .ul3 .tit{font-size: 18px; padding-top: 9%;}
.service-policy .box2 .ul3 li::before{content: ''; background: url(/template/default/images/dot-icon01.png) no-repeat center; width: 33%; height: 4%; background-size: 100%; right: 0; top: 31%; transform: translateX(50%); position: absolute;}
.service-policy .box2 .ul3 li:last-child::before{content: none;}

.service-policy .box2 .ul4 li{width: 20%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul4 .pic{width: 5.2vw; height: 5.2vw; border-radius: 6px; border: 1px solid #e8e8e8; display: inline-block; position: relative;}
.service-policy .box2 .ul4 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 65%;}
.service-policy .box2 .ul4 .tit{font-size: 18px; padding-top: 9%;}
.service-policy .box2 .ul4 li::before{content: ''; background: url(/template/default/images/dot-icon01.png) no-repeat center; width: 23%; height: 3.5%; background-size: 100%; right: 0; top: 31%; transform: translateX(50%); position: absolute;}
.service-policy .box2 .ul4 li:last-child::before{content: none;}



.service-search .part2{padding: 5.2% 0 6.25%; background-color: #fff;}
.service-search .part2 .box{text-align: center; padding-bottom: 4.28%;}
.service-search .part2 select{width: 90%; max-width: 600px; height: 60px; border: 1px solid #eee; background-color: #fff; margin: auto; padding: 0 1.5%;}
.service-search .same{margin: 0 -1px; margin-bottom: 4.28%;display: flex;flex-wrap: wrap;}
.service-search .same li{width: 33.33%; float: left; padding: 0 1px; margin-bottom: 2px;}
.service-search .same .item{background-color: #f5f5f5; padding: 8.57%; transition: all .3s; color: #333;}
.service-search .same .item:hover{background-color: #ffab50;
    background-image: linear-gradient(120deg,#fd7638,#ffab50,#fd7638); color: #fff;}
.service-search .same .tit{font-size: 20px; font-family: 'Medium';}
.service-search .same .addr{font-size: 14px; font-family: 'Light';  margin: 3% 0 3%; transition: all .3s;}
.service-search .same .name{font-size: 15px; font-family: 'Light';  margin: 3% 0 3%; transition: all .3s;}
.service-search .same .phone{font-size: 15px; font-family: 'Light';  margin: 3% 0 3%; transition: all .3s;}
.service-search .same .ny{font-size: 15px; font-family: 'Light';  margin: 3% 0 3%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.service-search .same .item:hover .detail{color: #fff; background: url(/template/default/images/more-icon01.png)no-repeat right center;}
.service-search .more{width: 150px; line-height: 50px; color: #fff; text-align: center; font-size: 14px; font-family: 'Light'; margin: auto; background-color: #f08519; cursor: pointer;}
.service-search .cover{position: fixed; width: 100%; height: 100%; top: 0; left: 0; min-width: 320px; background-color: rgba(0, 0, 0, .5); z-index: 200; display: none;}
.service-search .cover ul{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 92%; max-width: 1120px; background-color: #fff;}
.service-search .cover li{position: relative;}
.service-search .slick-prev{left: -100px;}
.service-search .slick-next{right: -100px;}
.service-search .cover .pic{width: 64%; float: left;}
.service-search .cover .content{width: 36%; float: left; padding: 8.92% 3.57% 0 4.46%;}
.service-search .cover .tit{font-size: 30px; color: #333; font-family: 'Medium'; padding-bottom: 5%;}
.service-search .cover .info > div{padding: 2% 0;}
.service-search .cover span{display: inline-block; vertical-align: top; line-height: 30px; color: #333; font-family: 'Light';}
.service-search .cover .addr span:nth-child(2){width: calc(100% - 48px);}
.service-search .func{position: absolute; width: 36%; line-height: 70px; background-color: #f5f5f5; right: 0; bottom: 0;}
.service-search .func > div{display: inline-block; color: #f08519; padding-left: 5%; margin-left: 7.5%; cursor: pointer;}
.service-search .func .copy{background: url(/template/default/images/copy-icon.png)no-repeat left center;}
.service-search .func .guide a{color: #f08519;}
.service-search .func .guide{background: url(/template/default/images/guide-icon.png)no-repeat left center; margin-left: 12.5%;}
.service-search .func .send{background: url(/template/default/images/send-icon.png)no-repeat left center;}
.service-search .link{padding-top: 5.71%; margin: 0 -21px;}
.service-search .link li{width: 50%; float: left; padding: 0 21px; margin-bottom: 40px;}
.service-search .link .pic{padding-top: 58.82%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.service-search .link .content{padding: 30px 40px; background-color: #f5f5f5; position: relative;}
.service-search .link .tit{font-size: 24px; color: #f08519; font-family: 'Medium';}
.service-search .link .txt{font-size: 18px; color: #999; font-family: 'Light'; margin-top: 1%;}
.service-search .link .qrcode{position: absolute; right: 40px; bottom: 30px; width: 25%; max-width: 140px;}
@media(max-width: 1400px){
    .service-search .slick-arrow{top: 110%;}
    .service-search .slick-prev{left: calc(50% - 50px);}
    .service-search .slick-next{right: calc(50% - 50px);}
    .service-search .cover .content{padding: 4%;}
}
@media(max-width: 1024px){
    .service-search .same li{width: 33.333%;}
    .service-search .link .qrcode{right: 0; bottom: 100%;}
    .service-search .cover .pic{width: 100%; float: none;}
    .service-search .cover .content{width: 100%; float: none; padding-bottom: 80px;}
    .service-search .cover .pic img{width: 100%;}
    .service-search .cover .tit{padding-bottom: 0%;}
    .service-search .cover .info > div{padding: 0;}
    .service-search .func{width: 100%;}
    .service-search .func > div{padding-left: 20px;}
    .service-search .title{font-size: 28px;}
}
@media(max-width: 768px){
    .service-search .nearby .li{padding: 0 5px; opacity: 0.3; transition: all .3s;}
    .service-search .nearby .li.slick-current{opacity: 1;}
    .service-search .nearby .tit{padding-bottom: 3%;}
    .service-search .nearby{margin-bottom: 15%;}
    .service-search .slick-dots{bottom: -7%;}
    .service-search .slick-dots li button{background-color: #f5f5f5;}
    .service-search .slick-dots li button::before{background-color: #f08519;}
    .service-search .link .content{padding: 15px 20px;}
    .service-search .link .tit{font-size: 20px;}
    .service-search .link .txt{font-size: 14px;}
}
@media(max-width: 640px){
    .service-search .link li{width: 100%;}
    .service-search .same li{width: 50%;}
    .contain-ban select{padding-left: 5px;}
    .contain-ban .title{font-size: 26px;}
    .contain-ban select,
    .contain-ban .input-box input{line-height: 50px; height: 50px;}
    .service-search .func .guide{margin-left: 7.5%;}
    .service-search .func > div{font-size: 14px;}
    .service-search .cover .tit{font-size: 24px;}
	
	.service-policy .box2 .ul2 .tit{font-size: 14px; }
	
	.service-search .same .tit{font-size: 16px; }
 
.service-search .same .ny{font-size: 14px;}

.service-search .same .item{ padding: 8.57% 0; }

}


/* service-home */
.service-home{padding: 5.2% 0 6.25%;}
.service-home h1{opacity: 0; position: absolute;}
.service-home .title{font-size: 40px; font-family: 'Medium'; color: #333; text-align: center;}
.service-home .subtit{font-size: 20px; font-family: 'Light'; color: #333; text-align: center; padding: 2.14% 0 4.28%;}
.service-home .list1{margin: 0 -20px;display: flex;flex-wrap: wrap;}
.service-home .list1 .li{padding: 0 20px;width: 25%;}
.service-home .list1 a{display: block; position: relative;}
.service-home .list1 .pic{padding-top: 131.81%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.service-home .list1 .li:hover .pic{background-size: 110%;}
.service-home .list1 .content{position: absolute; left: 0; bottom: 0; bottom: 0; padding: 9.09%; background-color: rgba(0, 0, 0, .5); width: 100%; color: #fff; transition: all .3s;}
.service-home .list1 .li:hover .content{background-color: rgba(171,30,33, .5);}
.service-home .list1 .tit{font-size: 24px;}
.service-home .list1 .txt{font-family: 'Light'; min-height: 48px; margin: 2% 0;}
.service-home .list1 .more{font-size: 14px; font-family: 'Light'; display: inline-block; padding-right: 15px; background: url(/template/default/images/more-icon01.png)no-repeat right center;}

.service-home .list2{margin-top: 2.85%; background-color: #F1F1F1;}
.service-home .list2 li{padding: 4.57%; width: 25%; float: left; text-align: center;}
.service-home .list2 .pic{padding-top: 120px; width: 100%; max-width: 120px; margin: auto; background-repeat: no-repeat; background-position: center; background-color: rgba(255, 255, 255, .2); border-radius: 6px; transition: all .3s;}
.service-home .list2 .tit{padding-top: 30px; color: #333; font-size: 24px; transition: all .3s;}
.service-home .list2 a{display: block; position: relative;}
.service-home .list2 a:hover .pic{background-color: #fff;}
.service-home .list2 .qrcode{position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); background-color: transparent; width: 180px; height: auto; padding: 5px; border-radius: 5px; display: none;  z-index: 10;;}
.service-home .list2 .qrcode img{width: 100%; width: 180px; padding: 10px; background-color: #fff; border-radius: 6px;}
.service-home .list2 .qrcode .txt{padding-top: 25px; color: #333; font-size: 24px; display: none;}
.service-home .list2 .qrcode::before{content: ''; width: 0; position: absolute; top: 97%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top: 8px solid #fff;}
@media(max-width: 1300px){
    .service-home .list2 .qrcode .txt,
    .service-home .list2 .tit{font-size: 20px;}
}
@media(max-width: 768px){
	.service-home .list1 .li{width: 50%;margin-bottom: 4%;}
	 
    .service-home .list2 li{width: 50%;}
    .service-home .list2{background-size: cover;}
}
@media(max-width: 640px){
	.service-home .list1 .li{width: 50%;}
	.service-home .list1 .pic{padding-top: 108%;}
 

    .service-home .list2 .tit{font-size: 16px;}
    .service-home .list1 .li{padding: 0 5px;   transition: all .3s;}
    .service-home .list1 .li.slick-current{opacity: 1;}
    .service-home .list2{margin-top: 4.28%;}
    .service-home .slick-dots{bottom: 3%;}
    .service-home .title{font-size: 24px;}
    .service-home .subtit{font-size: 14px;}
    .service-home .list1 .tit{font-size: 18px;}
    .service-home .list1 .txt{font-size: 14px; min-height: 40px;}
    .service-home .list1 .content{padding: 5% 5% 8% 5%;}
    .service-home .list1 .more{font-size: 12px;}
}

	.down{padding: 3% 0 5%;}
			/* downlist */
			.downlist ul li{padding: 25px 0;display: flex;flex-wrap: nowrap;justify-content: space-between;border-bottom: 1px solid  #ececec;color: #666; font-size:16px;}
			.downlist ul li:hover{color: #f28101;}
			.downlist ul li.hd{padding: 10px 0;background: #f7f7f7;border-bottom: 0;}
			.downlist ul li.hd:hover{color: #666;}
			.downlist ul li .num{width: 10%;text-align: center;}
			.downlist ul li .title{width: 40%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
			.downlist ul li .time{width: 40%;}
			.downlist ul li .download{width: 10%;text-align: center;}
			.downlist ul li .download i{display: inline-block;width: 22px;height: 20px;background: url(/template/default/images/add-icon.png)no-repeat center;}
			@media only screen and (max-width:640px){
			
				.downlist ul li{padding: 10px 0; font-size:14px;}
			 
				.downlist ul li .title{width: 55%; }
				.downlist ul li .time{width: 25%;}
}

			
			.form_box {
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 5.2% 0;
			}

			.form_box .form_wrap {
				padding: 20px;
				width: 96%;
				max-width: 1400px;
				background: #f9f9f9;
				box-sizing: border-box;
			}

			.form_box .form_wrap .hd_img {
				padding-bottom: 30px;
				margin-bottom: 30px;
				border-bottom: 2px dashed #adb0c1;
				max-width: 1000px;
				margin: 0 auto;
				width: 90%;
			}

			.form_box .form_wrap .hd_img img {
				width: 100%;
				max-width: 500px;
			}

			.form_box .form_wrap .hd_img .des {
				text-align: center;
			}

			.form_box .form_wrap .hd_img .des .form-name {
				margin: 10px 0 14px;
				font-size: 30px;
				color: #ff6600;
			}

			.form_box .form_wrap .after_service {
				max-width: 1000px;
				margin: 0 auto;
				width: 100%;
				margin-top: 20px;
			}

			#after-sale-form .box-content {
				margin-bottom: 30px;
			}

			#after-sale-form .box-content .form-label {
				display: inline-block;
				margin-bottom: 8px;
				font-size: 18px;
				font-weight: 600;
			}

			#after-sale-form .box-content .post-select {
				padding: 0 10px;
				width: 100%;
				box-sizing: border-box;
				height: 50px;
				line-height: 36px;
				border: 1px solid #e0e0e0;
				border-radius: 2px;
			}

			#after-sale-form .box-content .three_select {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				margin-bottom: 12px;
			}

			#after-sale-form .box-content .three_select select {
				padding: 0 10px;
				width: 32%;
				height: 50px;
				border-color: #e0e0e0;
				color: #757575;
				box-sizing: border-box;
			}

			#after-sale-form .box-content .radio_box input {
				-webkit-appearance: auto;
				display: inline-block;
				vertical-align: middle;
			}

			#after-sale-form .box-content .radio_box .control-item {
				padding: 0 10px;
				width: 100%;
				margin-bottom: 1%;
				box-sizing: border-box;
				border: 1px solid #e0e0e0;
				height: 50px;
				line-height: 50px;
			}

			#after-sale-form .box-content .radio_box .control-item label {
				cursor: pointer;
			}

			#after-sale-form .box-content .controls-file {
				padding: 10px;
				border: 1px solid #e0e0e0;
				box-sizing: border-box;
			}

			#after-sale-form .box-content .tats {
				margin-bottom: 10px;
			}

			#after-sale-form .box-content .layui-input {
				display: block;
				padding: 0 10px;
				width: 100%;
				height: 50px;
				line-height: 36px;
				border-radius: 2px;
				border: 1px solid #e0e0e0;
				box-sizing: border-box;
			}

			#after-sale-form .box-content .post-textarea {
				display: block;
				padding: 10px;
				width: 100%;
				resize: none;
				border: 1px solid #e0e0e0;
				box-sizing: border-box;
				height: 110px;
				font-family: initial;
			}

			#after-sale-form .form-submit {
				margin-top: 20px;
				margin-bottom: 40px;
				border: 1px solid #e0e0e0;
				width: 150px;
				height: 50px;
				line-height: 40px;
				text-align: center;
				color: #fff;
				background: #ff6600;
				cursor: pointer;
			}

			#after-sale-form .bottom {
				text-align: center;
			}

			@media only screen and (max-width:678px) {
				.form_box .form_wrap .hd_img .des .form-name {
					font-size: 24px;
				}

				#after-sale-form .box-content .radio_box .control-item {
					width: 100%;
				}

				#after-sale-form .box-content .layui-input {
					width: 100%;
				}

				.form_box .form_wrap {
					padding: 10px;
				}

				.uploadImgs-add {
					width: 58px;
					height: 58px;
					line-height: 58px;
				}

				#after-sale-form .box-content .radio_box .control-item {
					padding: 0 8px;
				}

				#after-sale-form .box-content .post-select {
					padding: 0 8px;
				}

				#after-sale-form .box-content .controls-file {
					padding: 8px;
				}

				#after-sale-form .box-content .post-textarea {
					padding: 0 8px;
				}

				#after-sale-form .box-content .form-label {
					font-size: 14px;
				}

				#after-sale-form .box-content .layui-input {
					padding: 0 8px;
				}
			}