@charset "utf-8";
@font-face {
	font-family:'Montserrat';
	src:url('fonts/Montserrat-Regular.eot');
	src:url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Regular.woff') format('woff'),
		url('fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family:'myicon';
	src:url('fonts/icomoon.eot?gfq5xx');
	src:url('fonts/icomoon.eot?gfq5xx#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?gfq5xx') format('truetype'),
		url('fonts/icomoon.woff?gfq5xx') format('woff'),
		url('fonts/icomoon.svg?gfq5xx#icomoon') format('svg');
	font-weight: 100;
	font-style: normal;
}



html,body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form{ margin: 0; padding: 0; list-style: none;}
img{border:none;border:0;vertical-align: middle;}
iframe{max-width: 100%;}
textarea,input,a,div,img{outline:none;}
li,ul,a,div,nav,header,footer,form,section,span,p,img,input,i,input,em,textarea{box-sizing: border-box;}
input,button,textarea{font-family:'Montserrat','黑体',serif;}

body{position: relative;color: #333;font-family:'Montserrat','黑体',serif;font-size: 14px;background-color: #fff;}



a{-webkit-tap-highlight-color:rgba(0,0,0,0);color: #333;text-decoration: none;vertical-align: middle;}
em,i{font-style: normal;}
p{line-height: 180%;}

h3{margin-bottom: 16px;}
h2{font-size: 36px;line-height: 40px;}
h3{font-size: 30px;line-height: 36px;}
h4{font-size: 22px;line-height: 28px;letter-spacing: 1px;}
h5{font-size: 18px;line-height: 22px;letter-spacing: 1px;}

.cf:after,.page-nav .wrap:aftel{content: '';display: block;clear: both;}
.full{
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	z-index: 99;
}
.btn,
form button{
	display: inline-block;
	vertical-align: top;
	width: 180px;height: 40px;line-height: 36px;
	text-align: center;
	border: 2px solid #111;
	color: #111;
	background-color: #fff;
}
form button{
	font-size: 14px;
	height: auto;
	cursor: pointer;
}
.btn:before,
form button:before{
	content: '\ea0a';
	position: relative;
	left: -10px;
	font-size: 10px;
	font-family: 'myicon';
	color: #111;
}
form button:before{
	content: '\f27a';
	font-size: 16px;
}
.btn:hover,
.btn:hover:before,
form button:hover,
form button:hover:before{
	color:#fff;
}
.bg{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
}
.section > .wrap{
	width: 70%;
	max-width: 1360px;
	margin: 0 auto;
}
.mobanvip{
	font-size: 18px;
}
.mobanvip .text{
	white-space: pre-line;
	line-height: 170%;
}
.mobanvip .text img{
	max-width: 100%;
}

/*导航 ——————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/
.gap{
	height: 140px;
}
.header.small + .gap{
	height: 60px;
}
.header{
	position: fixed;
	top: 0;left: 0;
	width: 100%;height: 140px;
	text-align: center;
	font-size: 0;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,.05);
	z-index: 999;
}
.header.small{
	top: -80px;
}
.logo{
	height: 80px;
	line-height: 80px;
}
.logo img{
	height: 100%;
	padding: 20px 0;
}
.nav{
	height: 60px;
	line-height: 60px;
}
.nav>li{
	position: relative;
	display: inline-block;
	padding: 0 40px;
}
.nav>li>a{
	position: relative;
	display: block;
	font-size: 16px;
	color: #111;
}
.nav>li>a:before{
	content: '';
	position: absolute;
	right: 0;bottom: 0;
	width: 0;height: 4px;
}
.nav>li.on a:before,
.nav>li>a:hover:before{
	right: auto;
	width: 100%;
	left: 0;
}
.nav ul.sub{
	position: absolute;
	top: 80px;left: 50%;
	width: 240px;
	line-height: 50px;
	margin-left: -120px;
	background-color: rgba(0,0,0,.5);
	visibility: hidden;
	border-radius: 3px;
	overflow: hidden;
	opacity: 0;
}
ul.sub li{
	position: relative;
}
.nav>li:hover ul.sub{
	top: 60px;
	visibility: visible;
	opacity: 1;
}
.nav .sub li a{
	position: relative;
	display: block;
	font-size: 16px;
	color: #fff;
}
.nav .sub li a:before{
	content: '';
	position: absolute;
	left: 15%;bottom: 0;
	width: 70%;height: 1px;
	background-color: rgba(155,155,155,.4);
}
.nav .sub li:last-child a:before{
	display: none;
}

.slider{
	position: relative;
	width: 100%;
	font-size: 0;
}
.slider .item{
	position: relative;
}
.slider .img,
.bg,
.home-box .img{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.slider .text{
	position: absolute;
	left: 10%;bottom: 10%;
	color: #fff;
	padding: 20px 60px 24px;
	background-color: rgba(111,111,111,.4);
	opacity: 0;
}
.slider .slick-active .text{
	opacity: 1;
	left: 0;
}
.slider .text p{
	line-height: 148%;
	font-size: 48px;
	font-size: 1.8vw;
	line-height: normal;
}
.slider .text em{
	display: block;
	font-size: 16px;
	margin-top: 10px;
	line-height: 100%;
}
.slick-dots{
	position: absolute;
	left: 0;bottom: 30px;
	width: 100%;
	text-align: center;
	z-index: 100;
}
.slick-dots li{
	display: inline-block;
	vertical-align: top;
	padding: 6px;
	cursor: pointer;
}
.slick-dots li div{
	width: 10px;height: 10px;
	background-color: #ddd;
	opacity: 0.6;
}
.slick-dots li.slick-active div,
.slick-dots li:hover div{
	background-color: #fff;
	opacity: 1;
}

.section{
	position: relative;
	padding-top: 120px;
	padding-top: 8vh;
}
.section.home-pic{
	width: 100%;
}
.section .title{
	text-align: center;
	color: #111;
	margin-bottom: 60px;
}
.section .title p{
	position: relative;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 35px;
	margin-bottom: 2vh;
}
.section .title p:before,
.section .title p:after{
	content: '';
	position: absolute;
	width: 50px;height: 11px;
	top: 50%;margin-top: -5px;
	background-image: url(../img/bd-back.png);
	opacity: 0.2;
}
.section .title p:after{
	left: 110%;
}
.section .title p:before{
	right: 110%;
}

.pic-list{
	width: 80%;
	max-width: 1360px;
	min-width: 960px;
	margin: 0 auto;
}
.slick.pic-list{
	width: 100%;
	max-width: 100%;
}
.pic-box{
	position: relative;
	z-index: 1;
}
.pic-box .wrap{
	position: relative;
}
.for-3 .pic-box{
	width: 31.333333%;
	margin: 0 1%;
}
.for-4 .pic-box{
	width: 23%;
	margin: 0 1%;
}
.slick .pic-box{
	width: 23vw;
	margin: 0 10px;
}
.pic-box .img,
.news-box .img{
	position: relative;
	padding-top: 66%;
	text-align: center;
	overflow: hidden;
}
.pic-box .bg:before,
.news-box .bg:before{
	content: '';
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-color: rgba(0,0,0,.3);
	opacity: 0;
}
.news-box .bg:before{
	height: 0;
}
.news-box .img:before{
	content: '\e114';
	position: absolute;
	top: 52%;left: 0;
	width: 100%;height: 100%;
	margin-top: -16px;
	font-family: 'myicon';
	font-size: 32px;
	color: #fff;
	opacity: 0;
	z-index: 1;
}
.news-box:hover .bg:before{
	height: 100%;
}
.pic-list .pic-box:hover .bg,
.gallery-list .wrap:hover .bg,
.news-box:hover .bg{
	transform: scale(1.1,1.1);
}
.pic-box h5{
	position: relative;
	top: -20px;width: 70%;
	padding: 20px;
	background-color: #fff;
}
.pic-box em{
	position: absolute;
	width: 100%;
	top: 50%;left: 0;
	margin-top: -38px;
	text-align: center;
	color: #fff;
	opacity: 0;
}
.pic-box em:before{
	content: '\ea0a';
	position: relative;
	left: -10px;
	font-family: 'myicon';
	color: #fff;
}
.pic-list .pic-box:hover .bg:before,
.gallery-list .wrap:hover .bg:before,
.pic-list .pic-box:hover em,
.gallery-list .wrap:hover em,
.news-box:hover .bg:before{
	opacity: 1;
}
.news-box:hover .img:before{
	opacity: 1;top: 50%;
}
.slick-arrow{
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;line-height: 50px;
	text-align: center;
	margin-top: -60px;
	font-family: 'myicon';
	background-color: #111;
	color: #fff;
	cursor: pointer;
	z-index: 10;
}
.slick-prev{
	left: 0;
}
.slick-next{
	right: 0;
}
.slick-prev:before{
	content: '\ea40';
}
.slick-next:before{
	content: '\ea3c';
}

.section .wrap{
	position: relative;
}
.home-box{
	position: relative;
	margin-bottom: 10%;
}
.home-box .img{
	padding-top: 36%;
}
.home-box .text{
	position: absolute;
	left: 0;
	bottom: -8vh;
	width: 45%;
	padding: 30px 40px;
	padding-left: 0;
	background-color: #fff;
}
.home-box h4{
	padding-bottom: 10px;
}
.home-box p,
.news-box .text p,
.home-about p,
.category p{
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 160%;
}
.home-box:nth-child(2n) .text{
	right: 0;left: auto;
	padding-left: 40px;
	padding-right: 0;
}

.section.home-news{
	position: relative;
	overflow: hidden;
	margin-bottom: 120px;
}

.home-news .title{
	position: absolute;
	top: 0;left: 0;
	width: 180px;
	text-align: left;
}
.home-news .title p{
	margin-bottom: 4px;
}
.home-news .title p:before{
	display: none;
}
.home-news .title h2{
	padding-bottom: 30px;
	border-bottom: 3px solid #111;
}
.home-news .title em{
	display: inline-block;
	width: 100%;
	padding: 40px 0;
}
.home-news .wrap{
	padding-left: 260px;
}
.home-news-box{
	position: relative;
	width: 200%;
	padding: 25px 80px;
	border: 2px solid #111;
	border-top: none;
}
.home-news-box:nth-child(1){
	border-top:2px solid #111;
}
.home-news-box .text{
	width: 45%;
}
.home-news-box:before{
	content: '\ea3c';
	position: absolute;
	width: 40px;height: 40px;line-height: 40px;text-align: center;
	top: 50%;left: 20px;
	margin-top: -20px;
	font-family: 'myicon';
	font-size: 24px;
}
.home-news-box a{
	position: absolute;
	top: 20px;left: 0;width: 50%;height: 70%;
	cursor: pointer;
}
.home-news-box h3,.home-news-box p{
	position: relative;
	left: 0;
}
.home-news-box:hover h3,.home-news-box:hover p{
	left: 30px;
}

.home-about{
	position: relative;
	width: 100%;
	padding: 120px 0;
	background-color: #f4f6f6;
}
.home-about .text{
	position: relative;
	margin: 0 260px;
	padding-top: 10vh;
	padding-bottom: 10vh;
}
@media screen and (max-width: 1680px){
	.home-about .text{
		margin: 0;
	}
}
.home-about .img{
	position: absolute;
	top: 0;left: 0;
	width: 35%;height: 100%;
}
.home-about h4,.home-about p,.home-about .btn{
	margin-left: 45%;
}
.home-about h4{
	padding-bottom: 30px;
}
.home-about p{
	padding: 30px 0 40px;
	border-top: 1px solid #d4d4d4;
}

.banner{
	position: fixed;
	top: 0;left: 0;
	height: 70%;
	height: 70vh;
	height: calc(55vh + 140px);
	width: 100%;
}
.banner .img{
	padding-top: 140px;
}
.page-nav{
	position: relative;
	margin: 0 auto;
	text-align: center;
	background-color: rgb(136,136,136);
	background-color: rgba(136,136,136,.5);
	overflow: hidden;
}
.page-nav .wrap{
	position: relative;
	width: 3000px;
	margin-top: 0;
	overflow: hidden;
	font-size: 0;
}
.page-nav.no-touch .wrap{
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
}
.ie9 .page-nav.no-touch .wrap{
	left: 0 !important;
}
.page-nav .wrap a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	margin: 0 10px;
	font-size: 15px !important;
	font-weight: bold;
	/*white-space: nowrap;*/
	color: #fff;
}
.page-nav:not(.no-touch) .wrap a{
	float: left;
}
.page-nav a:hover{
	color: #ddd;
}
.page-nav a.current{
	padding-bottom: 36px;
}
.page-nav a.current:before{
	content: '';
	position: absolute;
	width: 2500px;height: 16px;
	left: 50%;bottom: 0;
	margin-left: -1250px;
	background-image: url(../img/page_nav_bg.png);
	background-position: center;
	pointer-events: none;
}
.sub-page,
.detail-wrap{
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.sub-page{
	padding-top: 300px;
}
.text-page{
	top: -80px;
	margin-top: 360px;
	margin-top: 28vh;
}
.mobanvip{
	padding: 0 10%;
	overflow: hidden;
	margin-bottom: 120px;
	background-color: #fff;
}
.mobanvip .title{
	margin-bottom: 0;
}
.mobanvip .title h3{
	font-size: 42px;line-height: 100%;
	padding: 50px 0 30px;
}
.mobanvip .title p:before,
.mobanvip .title p:after{
	width: 200px;height: 1px;
	top: 50%;margin-top: -0.5px;
	background-image: none;
	background-color: #d4d4d4;
	opacity: 0.5;
}
.mobanvip img{
    max-width: 100%;
    margin: 30px 0;
}

.section.category{
	padding-top: 40px;
}
.category .wrap{
	margin-bottom: 120px;
}
.category .img{
	padding-top: 36%;
}
.category .text{
	position: absolute;
	left: 0;
	bottom: -6vh;
	width: 30%;
	padding: 40px 60px;
	padding-left: 0;
	background-color: #fff;
}
.category h4{
	position: relative;
	padding-bottom: 40px;
}
.category h4:before{
	content: '';
	position: absolute;
	width: 60px;height: 3px;
	left: 0;bottom: 20px;
}
.category .wrap:nth-child(2n) .text{
	right: 0;left: auto;
	padding-left: 60px;
	padding-right: 0;
}

.news-page{
	max-width: 1360px;
}
.news-page .mobanvip{
	padding: 0 4%;
	margin-bottom: 0;
}
.news-page .mobanvip .text{
	white-space: normal;
}
.news-page .title p{
	margin-bottom: 56px;
}

.news-list{
	font-size: 0;
}
.news-box{
	position: relative;
	display: inline-block;vertical-align: top;
	width: 33.333333%;
	padding: 20px;
	z-index: 1;
}
.news-box .text{
	position: relative;
	width: 100%;
	margin: 30px 0;
	padding-left: 115px;
	border-top: 1px solid #d4d4d4;
}
.news-box .time{
	position: absolute;
	width: 100px;height: 100%;
	top: 0;left: 0;
	padding: 36px 15px 0 0;
	text-align: right;
	font-size: 14px;
	border-right: 1px solid #d4d4d4;
}
.news-box h5{
	padding: 25px 0 10px;
}
.news-box p{
	font-size: 14px;
	color: #8f8f8f;
}
.news-box a.full{
	margin: 20px;
}

.news-detail{
	padding-top: 6vh;
	padding-bottom: 10px;
	background-color: #fafafa;
}
.ctrl-menu{
	position: relative;
	font-size: 18px;
	top: 6vh;
	z-index: 99;
}
.ctrl-menu a{
	position: absolute;
	line-height: 24px;
}
.ctrl-menu .prev{
	left: 20px;
}
.ctrl-menu .prev:before{
	content: '\ea40';
	font-family: 'myicon';
	padding-right: 10px;
}
.ctrl-menu .prev:hover{
	left: 40px;
}
.ctrl-menu .next{
	right: 20px;
}
.ctrl-menu  a:after{
	line-height: 24px;
}
.ctrl-menu .next:after{
	content: '\ea3c';
	display: inline-block;
	vertical-align: top;
	font-family: 'myicon';
	padding-left: 10px;
}
.ctrl-menu .next:hover{
	right: 40px;
}
.detail-wrap .title p{
	margin-bottom: 20px;
}
.news-detail .img img{
	width: 100%;
}
.img img{
	max-width: 100%;
}
.news-detail .mobanvip{
	padding: 40px 60px 60px;
}

.gallery-list .pic-box{
	position: relative;
	padding: 15px;
	float: left;
	width: 33.3333333%;
	text-align: center;
	overflow: hidden;
}

.gallery-list .pic-box .img{
	padding-top: 400px;
}
.gallery-list .pic-box:nth-child(7n+1){
	width: 66.666666%;
}
.gallery-list .pic-box:nth-child(7n+2){
	width: 33.333333%;
}
.gallery-list .pic-box:nth-child(7n+3),
.gallery-list .pic-box:nth-child(7n+4){
	width: 50%;
}


.gallery-list .pic-box h5{
	position: absolute;
	left: 0;bottom: 0;top: auto;
	width: 100%;height: 62px;line-height: 62px;
	padding: 0;
	background-color: rgba(255,255,255,.5);
}
.gallery-list .pic-box i{
	padding: 0 20px;
}
.gallery-list .pic-box em:before{
	content: '\e986';
	left: 0;
	font-size: 32px;
}
.gallery-list .wrap:hover h5{
	color: #fff;
}

.gallery-detail .detail-wrap{
	max-width: 960px;
}
.sub-slider{
	font-size: 0;
	margin-bottom: 40px;
}
.thumb{
	padding: 10px 0;
}
.sub-slider .img .item{
	position: relative;
	background-color: #fefefe;
	overflow: hidden;
}
.thumb .item{
	position: relative;
	height: 160px;
	background-color: #555;
}
.sub-slider .item img{
	position: absolute;
	top: 50%;left: 50%;
	width: auto;height: 100%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	max-width: none;
}
.ie8 .sub-slider .item img{
	top: 0;left: 0;
}
.thumb .item img{
	width: 100%;height: auto;
}
.thumb .item.slick-current img{
	opacity: 0.4;
}
.sub-slider .slick-arrow{
	margin-top: -25px;
	font-size: 38px;
	font-family: 'myicon';
	color: #fff;
	background-color: rgba(0,0,0,0);
}
.sub-slider .slick-prev:before,
.sub-slider .slick-next:before{
	display: none;
}
.sub-slider .slick-prev:after{
	content: '\f104';
}
.sub-slider .slick-next:after{
	content: '\f105';
}

.contact{
	margin-bottom: 120px;
}
.map{
	position: relative;
	height: 100%;
	z-index: 2;
}
#contact-map{
	height: 300px;
}
.has-map.banner + .section.contact{
	padding-top: 300px !important;
}
.BMap_cpyCtrl,.anchorBL{
	display: none !important;
}
.contact h3{
	margin-top: 16px;
}
.contact .text-wrap{
	padding: 20px 0 60px;
}
.contact h5{
	padding-bottom: 20px;
}
.contact .text,
.form dt{
	font-size: 16px;
}
.contact .form {
	display: block;
	width: 70%;
}
.myform{
	width: 100%;
}
.form dt,
.form dd{
	padding-bottom: 15px;
}
dd{
	display: block;
}
input[type='text'], textarea {
	width: 70%;
	color: #111;
	border: 2px solid #d4d4d4;
}
textarea{
	width: 100%;
	padding: 15px;
}
input[type='text'] {
	height: 40px;
	padding: 0 15px;
}


.page{
	position: relative;
	padding: 80px 0;
	text-align: center;
	font-size: 0;
}
.page li{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #d4d4d4;
	margin: 0 4px;
	vertical-align: top;
}
.page a{
	display: block;
	color: #fff;
	font-size: 16px;
}
.page li:first-child,
.page li:last-child{
	font-size: 20px;
}
.page li:hover,
.page li.on{
	background-color: #ccc;
}


.footer{
	position: relative;
	padding: 60px 0 50px;background-color: #111;
}
.footer .wrap{
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.foot-extend{
	position: relative;
	margin-bottom: 30px;
	
}
.foot-box{
	display: inline-block;
}
.foot-box a{
	color: #fff;
	margin: 0 30px;
}
.bottom p{
	color: #474747;
}
.copy a{
	color: #555;
	vertical-align: inherit;
}

.social-box{
	position: fixed;
	width: 48px;line-height: 48px;right: 20px;bottom:0;
	text-align: center;font-size: 14px;
	color: #fff;opacity: 0;visibility: hidden;
	z-index: 99;
}
.social-box.show{
	bottom: 0;
}
.social-box.go-top-show{
	bottom: 30px;
}
.social-box a{
	position: relative;
	display: block;
	height: 48px;
	color: #555;
	background-color:#666;background-color:rgba(242,242,242,.9);
	margin-bottom: 1px;
	cursor: pointer;
}
.social-box a:after{
	font-family: 'myicon';position: absolute;width: 100%;height: 100%;left: 0;font-size: 22px;text-align: center;
}
.social-box a.qq:after{content: '\f1d6';font-size: 16px;}
.social-box a.taobao:after{content: '\e903';font-size: 24px;}
.social-box a.tt:after{content: '\f1d5';}
.social-box a.weibo:after{content: '\f18a';font-size: 18px;}
.social-box a.scan:after{content: '\e900';font-size: 18px;}
.social-box a.go-top:after{content: '\f106';}

.social-box a.qq:hover,.social-box a.qq:hover i{background-color: #4fb5ef}
.social-box a.taobao:hover,.social-box a.taobao:hover i{background-color: #f78a1f}
.social-box a.tt:hover,.social-box a.tt:hover i{background-color: #25bdd8}
.social-box a.weibo:hover,.social-box a.weibo:hover i{background-color: #f37245}

.social-box a.taobao:after{content: '\e903';font-size: 24px;}
.social-box a.tt:after{content: '\f1d5';}
.social-box a.weibo:after{content: '\f18a';font-size: 18px;}

.social-box a:hover,.social-box a:hover i,.social-box a:hover:after{color: #fff;}

.social-box a img{
	position: absolute;opacity: 0;visibility: hidden;
	padding: 10px;right: 140%;bottom: 0;
	background-color: #fff;border-radius: 6px;
	max-width: 160px;
}
.social-box i{
	position: absolute;
	display: block;width: 110px;
	background-color: #eee;
	opacity: 0;right: 20px;visibility: hidden;
}

.social-box a:hover i{right: 48px;}
.social-box a.scan:hover img,.social-box a:hover i,.social-box.show{opacity: 1;visibility: visible;}

a.go-top{opacity: 0;visibility: hidden;}
.go-top-show a.go-top{opacity: 1;visibility: visible;}


/*手机导航 、、、、、、、、、、、、、、、*/

.m-header{
	position: relative;display: none;
	height: 50px;
	background-color: #fff;
	z-index: 9999;
}
.m-header:after,.has-ul em{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;
}
.has-ul em{
	z-index: 1;
}
.mobile .m-header{
	display: block;
}
.m-nav li a{
	position: relative;
	display: inline-block;padding-right: 50px;vertical-align: top;
	z-index: 2;
}
.m-logo{
	float: left;
	height: 50px;
}
.m-logo img{height: 100%;display: block;padding:14px 20px;}
.m-logo a{display: block;height: 100%;}
.m-header>i{
	float: right;
	position: relative;
	height: 50px;width: 50px;line-height: 50px;text-align: center;
	font-size: 0;cursor: pointer;
}
.m-header>i:after,li.has-ul:after{
	content: '\e9bd';
	font-family: 'myicon';color: #888;
	position: absolute;height: 50px;width: 50px;left: 0;top: 0;
	font-size: 20px;
}
.m-header>i.down:after{content: '\ea0f';font-size: 16px;}
.m-nav{
	display: none;
	position: relative;
	width: 100%;
	background-color: rgb(250,250,250);
	overflow: auto;
	font-size: 12px;line-height: 36px;
	padding: 20px 30px;
	box-shadow: 0 10px 30px rgba(0,0,0,.1);
	z-index: 2;
}
.m-nav li ul{
	margin-left: 30px;
	display: none;
	padding-bottom: 10px;
}
.m-nav>li{
	position: relative;
	border-bottom: 1px solid rgba(99,99,99,.1);
	padding-right: 30%;
}
.m-nav>li:last-child{
	border: none;
}
li.has-ul:after{
	content: '\f107';height: 36px;width:auto;right: 10px;left: auto;font-size: 16px;
}
li.has-ul.open:after{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
@media screen and (max-width: 1023px){
	.m-header{display: block;}
}





@media screen and (max-width: 1281px){
	.slick .pic-box{width: 32vw;}
	.home-box .text{width: 70%;}
	.news-box{margin-bottom: 2%;}
	.social-box{right: 0;}
	.page{padding: 60px 0;}
	.category .text{width: 60%;padding: 20px 30px;padding-left: 0;}
	.category h4{
		padding-bottom: 20px;
	}
	.category h4:before{
		bottom: 10px;
	}
	.gallery-list .pic-box .img{padding-top: 320px}
}

@media screen and (max-width: 1023px){
	.header,.gap{display: none;}
	.section > .wrap{width: 80%;}

	.section.category{padding-top: 0}

	.pic-list{min-width: 100%;}
	.slick .pic-box{width: 48vw;}
	.slider .text p{font-size: 16px;}
	.page {padding: 40px 0;}
	.banner .img{padding-top: 50px;}

	h3{font-size: 20px;line-height: 26px;margin-bottom: 0;}

	.home-box{margin-bottom: 10px;}
	.home-box .text{position: relative;width: 100%;bottom: 0;padding: 10px 0;}
	.home-box h4{padding-bottom: 0; font-size: 14px;}
	.home-box:nth-child(2n) .text{padding-left: 0;}

	.section.home-news{margin-bottom: 80px;}
	.home-news .wrap{padding-left: 0;}
	.home-news .title{position: relative;width: 100%;text-align: center;}
	.home-news .title h2{padding-bottom: 0;border-bottom: none;}
	.home-news .title em{padding: 20px 0;}
	.home-news .title p:before{display: block;}
	.home-news-box{padding: 25px 80px 25px 60px;}
	.home-news-box:before{left: 10px;font-size: 18px;}
	.home-news-box:hover h3,.home-news-box:hover p{left: 10px;}

	.home-about{padding: 80px 0;}
	.home-about .text{padding-top: 0;padding-bottom: 0;text-align: center;}
	.home-about .img{position: relative;width: 50%;height: 0;padding-top: 65%;margin: 40px auto;}
	.home-about h4,.home-about p,.home-about .btn{margin-left: 0;}
	.home-about h4{padding: 20px 20px 0;}
	.home-about p{width: 60%;margin:30px auto 0;}

	.section.sub-page{max-width: 100%;}
	.mobanvip .title h3{font-size: 24px;padding: 30px 0;}
	.page-nav .wrap{max-width: none;margin: 0 auto;width: 3000px;font-size: 0;overflow: visible;}
	.page-nav .wrap a{margin: 0}
/*	.page-nav:not(.no-touch) .wrap a{font-size: 14px;display: block;float: left;}*/
	.page-nav.no-touch .wrap{
		width: 100% !important;
	}
	.mobanvip{margin-bottom: 60px;}

	.contact{margin-bottom: 0;}
	.contact .form{width: 100%;}

	.news-box{width: 48%;}

	.gallery-list .pic-box{width: 100% !important;}
	.gallery-list .pic-box .img{padding-top: 65%}
	.gallery-list .pic-box h5{position: relative;}
	.news-page .title p{margin-bottom: 36px;}

	.news-detail.section .title {margin-bottom: 40px;}
	.news-detail .detail-wrap h2{font-size: 24px;}

	.sub-slider{margin-bottom: 20px;}
	.sub-slider .img .item{height: 450px;}
	.thumb .item{height: 100px;}

	/*.news-box .text p{font-size: 12px;}*/
	.news-box{width: 100%;margin: 0 0 40px 0;}
	.news-box .text{margin: 20px 0;}
	.news-box .time{padding-top: 30px;}
	.news-box h5{padding-top: 20px;}
	.news-page h3,.sub-page h3{margin-bottom: 0;}

	.category .wrap{width: 100%;}
	.category h4{padding-bottom: 20px;}
	.category h4:before{bottom: 10px;}
	.category .text{width: 60%;padding: 20px 30px;padding-left: 30px;}
	
	.text-page{margin-top: 20px;}
	.foot-box a{margin: 0;display: block;text-align: center;padding: 10px 0;}
	.social-box{display: none;}
	.bottom p{padding-top: 20px;}


	.category .img{padding-top: 42%;}
	.category .wrap{margin-bottom: 0;margin-bottom: 40px;}
	.category .text{width: 100%;position: relative;bottom: 0;text-align: center;}
	.category h4:before{display: none;}
	.category .wrap:nth-child(2n) .text{right: auto;left: 0;padding-left: 0;}

	.ctrl-menu{font-size: 12px;top: 1vh}
}
@media screen and (max-width: 768px){
	.thumb .item{height: 60px;}
	#contact-map{
		height: 150px;
	}
	.news-box {margin: 0;}
	.has-map.banner + .section.contact{
		padding-top: 150px !important;
	}
}

@media screen and (max-width: 376px){
	.slider .text{padding: 10px 20px 14px;}
	.slick-dots{bottom: 10px;}
	.slider .text em{font-size: 11px;}

	.section{padding-top: 50px;padding-top: 6vh;}
	.section .title {margin-bottom: 20px;}
	.section .title p{font-size: 14px;margin-bottom: 10px;}
	.wrap{width: 100%;}
	.pic-list{min-width: 100%;}
	.pic-box h5{padding: 10px 10px 0;}
	.mobanvip .title h3,.news-page h3{font-size: 18px;}

	h2{font-size: 18px;line-height: 100%;}
	h3{font-size: 14px;line-height: 120%;margin-bottom: 16px;}
	h5{font-size: 14px;}
	h4{font-size: 16px;}
	p {line-height: 120%;}

	.slick .pic-box{width: 80vw;}
	.section.home-news{margin-bottom: 60px;}
	.slick-arrow{opacity: 0;}

	.home-box .text{text-align: center;}
	.home-box{margin-bottom: 30px;}

	.home-news-box .text{width: 60%;}

	.home-about{padding: 60px 0;}
	.home-about .img{width: 70%;padding-top: 90%;margin: 20px auto;}
	.home-about p{width: 80%;margin:20px auto 0;}

	
	.ctrl-menu .prev{left: 0;}
	.ctrl-menu .next{right: 0;}
	.mobanvip {font-size: 16px;}
	.ctrl-menu{font-size: 12px;}
	.news-detail .detail-wrap h2{font-size: 18px;}
	.news-detail .mobanvip{padding: 20px 20px 30px;}

	.sub-slider .img .item{height: 210px;}
	.thumb .item{height: 60px;}

	
}



/*常用参数 ——————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/

.header,.nav>li>a,
.nav>li>a:before,
.nav ul.sub,
.slick-dots li div,
.pic-box .bg:before,
.pic-box em,
.pic-box h5,
.home-box h4,
.slick-arrow,
.btn,
.btn:before,
form button,
form button:before,
.home-news-box h3,
.social-box,
.social-box a,
.social-box i,
.social-box a:after,
.foot-box a,
.home-news-box:before,
.gap,
.news-box .bg:before,
.news-box h5,
.page li,
.ctrl-menu .prev,
.ctrl-menu .prev:before,
.ctrl-menu .next,
.ctrl-menu .next:after,
.gallery-list .pic-box h5,
input[type='text'],textarea
{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.page-nav a,
.thumb .item img{
	transition: opacity 0.3s;
}
.sub li{
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
}

.home-news-box .img:after,
.news-box .img:before{
	transition: all 0.3s 0.2s;
}

.home-news-box p{
	transition: all 0.3s 0.1s;
}

.pic-box .bg,
.news-box .bg{
	transition: all 5s;
}

.slider .text{
	transition: all 1s 0.4s;
}

.nav>li>a:before,
.btn:hover,
form button:hover,
.go-top:hover,
.nav .sub li:hover,
.social-box a.scan:hover,.social-box a.scan:hover i,
.social-box a.go-top:hover,.social-box a.go-top:hover i,
.page li.on,
.category h4:before,
.gallery-list .wrap:hover h5{
	background-color:  #e2d483;
}
.btn:hover,
form button:hover,
input[type='text']:focus,
textarea:focus{
	border-color: #e2d483;
}
.nav>li>a:hover,
.pic-list .pic-box:hover h5,
.home-box:hover h4,
.slick-arrow:hover,
.foot-box a:hover,
.home-news-box:hover:before,
.news-box:hover h5,
.ctrl-menu .prev:hover,
.ctrl-menu .prev:hover:before,
.ctrl-menu .next:hover,
.ctrl-menu .next:hover:after,
.m-header>i:after,li.has-ul:after{
	color: #d2bd47;
}

