@charset "utf-8";

@font-face {
	font-family: 'abc';
	src: url('fonts/abc100.woff2') format('woff2'),
		url('fonts/abc100.woff') format('woff'),
		url('fonts/abc100.svg#abc100') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'abc';
	src: url('fonts/abc400.woff2') format('woff2'),
		url('fonts/abc400.woff') format('woff'),
		url('fonts/abc400.ttf')  format('truetype'),
		url('fonts/abc400.svg#abc400') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'abc';
	src: url('fonts/abc700.woff2') format('woff'),
		url('fonts/abc700.woff') format('woff'),
		url('fonts/abc700.svg#abc700') format('svg');
	font-weight: 700;
	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;
}

form > br{display: none;}

html{
	font-size: 14px;font-weight: 400;
	background-color: #fff;
}
body,textarea,input,button,select,em{
	font-family:'abc','微软雅黑',serif;/**/
}
a{text-decoration: none;color: #444;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body, p, input, h1, h2, h3, h4, h5, h6, ul, ol,li, dl, dt, dd, form,figure,img,button{margin: 0; padding: 0;}
.header li{list-style-type: none;}
img{border:none;vertical-align: middle;}
body,ul,li,a,div,nav,header,footer,section,span,p,article,ol,figure,form,input,textarea,em,i,img,input,button,:after,:before{box-sizing: border-box;}
iframe{position: absolute; width: 100% !important;height: 100% !important;left: 0;top: 0;}
.iframe-wrap{position: relative;padding-top: 60.2%;margin: 20px 0;}

body::-webkit-scrollbar-thumb{background-color:#999;}
body::-webkit-scrollbar{width:10px;background-color:#ccc;cursor: pointer;}
body::-webkit-scrollbar-thumb:hover{background-color: #666;}

input,button,textarea{-webkit-appearance: none;border:none;border-radius: 0;}
button,input[type="submit"]{cursor: pointer;}
textarea,input,a,div,img,button,select,i{outline:none;}
em,i{font-style: normal;}

.img img{max-width: 100%;}
.img{background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.img-f,.section.has-bg:after,.banner:after,.gallery-banner:after,.news-banner:after,
.category .img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 1;}
a.full{position: absolute;right: 0;bottom:0;top: 0;left: 0;background-size: cover;background-color:transparent; z-index: 10;}

.pic-list .img:after,.category .img:after{
	content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;opacity: 0;
}
.ie8 .pic-list .img:after,.ie8 .category .img:after{display: none;}

body{
	color: #555;
	line-height: 160%;
	overflow-x: hidden;
	background-color: #f8f8f8;
	margin: 0 40px;
	padding-bottom: 40px;
/*	-webkit-user-select:none; 
	user-select:none; */
}
p{line-height: 170%;}
.cf:after,.section:after{content: '';display: block;height: 0;clear: both;}

.h{font-weight: 400;line-height: 140%;}
h1{font-size: 44px;}
h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 18px;}

blockquote{
	position: relative;
	padding: 0 40px;
	margin: 30px 0;
	font-size: 120%;
	z-index: 2;
}
blockquote:after{
	content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	opacity: 0.1;
	z-index: -1;
}

.text-wrap hr{
	border-top: none;
	border-color: #ddd;
}
/*初始化结束 ————————————————————————————————————————————————————————————————————————————————————*/

.loader{
	position: fixed;
	width: 100%;height: 100%;left: 0;top: 0;background-color: #fff;
	text-align: center;
	background-position: center;background-repeat: no-repeat;
	z-index: 999;
}
.loader.hide{
	/*display: none; */
}
.loader img{
	position: relative;
	display: inline-block;vertical-align: middle;
	max-width: 300px;
}
.home-about,.section.small,.footer .wrap,.pic-list,.pic-list,.type-02.category .item,.home-about .wrap,.count-list .wrap,.news-list,.product-list{
	max-width: 1360px;
	min-width: 1000px;
}
.service,.pic-list{
	max-width: 1390px;
}
.sub-page .news-list:not(.type-02),.product-detail{
	max-width: 1000px;min-width: 0;
}

.header{
	position: fixed;
	top: 0;left: 0;
	width: 100%;
	height: 70px;
	color: #fff;
	background-color:rgba(11,11,11,.5);
	text-align: center;
	z-index: 999;
}
.header-gap{
	height: 70px;
}
.footer-gap{
	height: 40px;width: 100%;left: 0;bottom: 0;
	position: fixed;
	background:#fff;
	z-index: 999;
}
.header .wrap{
	position: relative;
	margin: 0 auto;
}
.header>i{
	position: absolute;
	width: 60px;height: 60px;left: 50%;bottom: 0;margin-left: -30px;line-height: 60px;text-align: center;font-family: 'myicon';font-size: 20px;
	opacity: 0;visibility: hidden;
	z-index: -1;
}
.header,.header > i,.m-header,.m-header:after{
	background-color: #111;
	background-color: rgba(92, 80, 200, 0.64);
}
.header.hide>i{
	opacity: 1;visibility: visible;bottom: -60px;
}
.header.hide:hover{
	top: 0;
}
.header:after{
	content: '';position: fixed;
	display: none;
	height: 90px;width: 100%;left: 0;top: 0;
	z-index: -1;
}
.header.hide:hover:after{
	display: block;
}
.header.hide:hover>i{
	opacity: 0;bottom: 80px;
}
.logo{
	position: absolute;
	left: 40px;top: 0;
	line-height: 70px;font-size: 0;
}
.logo img{
	max-height: 70px;padding: 10px 0;
}
.nav{
	font-size: 0;
}
.nav li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 70px;
}

.nav > li >a:before{
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	left: 50%;
	bottom: 24px;
}
.nav li.on > a:before,.nav > li:hover >a:before{
	width: 100%;left:0;
}
.nav.hover li.on > a:before{
	width: 0;left: 50%;
}
.nav>li:after{
	content: '/';
	position: absolute;
	left: -2px;top: 1px;
	font-size: 14px;
	color: #fff;
	opacity: 0.4;
}
.nav>li:first-child:after{display: none;}
.nav li a{
	position: relative;
	display: block;
	color: #fff;
	margin: 0 20px;
	letter-spacing: 0.5px;
}
.nav .sub{
	position: absolute;
	left: 0;top: 50px;
	width: 240px;
	background-color: #fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,.15);
	border-top: 2px solid;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	text-align: left;
	transform: rotateX(60deg);
	-webkit-transform: rotateX(60deg);
	-moz-transform: rotateX(60deg);
	-ms-transform: rotateX(60deg);
}
.nav li:hover .sub{
	top: 60px;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}
.nav .sub li{
	display: block;top: 0;line-height: 36px;
}
.nav .sub li a{opacity: 0.7;color: #111;}
.nav .sub li:before{
	content: '';position: absolute;width: 0;height: 0;left:5px;top: 50%;border-radius: 4px;
}
.nav .sub li:hover:before{width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;}
.nav .sub li:hover a,.nav .sub li.on a{opacity: 1;}



.service .title{
	position: relative;
	margin-bottom: 60px;
}

/*search -  */
.search-box{
	position: absolute;
	height: 70px;
	right: 40px;top: 0;
	font-size: 0;
	z-index: 9;
}
.search-box form{
	position: absolute;
	right: 0;top: 70px;
	width: 300px;height: 70px;
	opacity: 0;
	padding: 15px 15px 0;
	visibility: hidden;
	background-color:rgba(44,44,44,.4);
	pointer-events: none;
	z-index: 10;
}
.search-box form.open{
	width: 400px;
	opacity: 1;
	right: 0;
	visibility: visible;
	pointer-events: auto;
}
.btn_search{
	position: absolute;visibility: hidden;
}

.search-box form button,.m-search-box form button{
	position: absolute;visibility: hidden;
}
.search-box i,.search-box form:before{
	position: relative;
	display: inline-block;vertical-align: top;height: 70px;line-height: 70px;
	width: 40px;
	font-family: 'myicon';
}
.search-box i.search-open:before{
	content: '';position: absolute;height: 20px;width: 1px;background: #ddd;right: 48px;top:25px;
}
.search-box i:after{
	position: absolute;width: 100%;height: 100%;text-align: center;font-size: 1.2rem;right: 0;
}
.search-box i.search-open:after{
	content: '\e8b6';cursor: pointer;
}
.search-box form:before,.m-search-box form:before{
	content: '\e8b6';
}
.search-box form:before,.m-search-box form:before{
	position: absolute;left: 22px;top: 2px;width: 20px;pointer-events: none;font-size: 1.1rem;
}
.search-box i.search-close:after{
	content: '\e5cd';
}
.search-box i.search-close{
	position: absolute;
	right: 0;top: -70px;background-color: #fff;
	cursor: pointer;
}
.search-box input.search,.m-search-box input.search{
	height: 40px;width: 100%;
	border-color: #ddd;
	padding-left: 34px;
	font-size: 1rem;
	vertical-align: middle;
}
.search-box input.search{
	background: #f3f3f3;
}







/*slider -------------------*/

.slider{
	position: relative;
	background-color: #f0f0f0;
}
.slider.boxed{
	max-width: 1460px;
	margin: 40px auto 0;
}
.slider .item{position: relative;overflow: hidden;background-color: #111;}

.slider .item .img:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-color:#111;}

.slider .img-f{
	transform:scale(1.2,1.2);
	opacity: 0.9;
	z-index: 0;
}
.slider .item.slick-active .img-f,
.first-back.slider .item.slick-cloned:first-child .img-f,
.slider .item:not(.slick-active) + .item.slick-cloned .img-f{
	transform:scale(1,1);
	opacity: 1;
}

.slider .item:after{
	content: '';position: absolute;width: 100%;height: 16%;left: 0;bottom: -16%;background-color: #111;opacity: 0;z-index: 2;
}
.slider.type-02 .item:after{
	height: 20%;
}
.slider.type-03 .item{
	height: 600px;
}
.caption-img{
	position: absolute;
	width: 100%;height: 100%;left: 0;top: 0;
	transform-style: preserve-3d;
	text-align: center;
	z-index: 9;
}
.caption-img:after,.loader:after{
	content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;
}
.slider .caption-img img{
	position: relative;
	display: inline-block;vertical-align: middle;
	max-height: 70%;max-width: 70%;width: auto; 
	transform: scale(0.5,0.5);
	-ms-transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	opacity: 0;
}
.slider .item.slick-current .caption-img img,
.slider .item:not(.slick-active) + .item.slick-cloned .caption-img img,
.first-back.slider .item.slick-cloned:first-child .caption-img img{
	transform: scale(1,1);
	-ms-transform: scale(01,1);
	-webkit-transform: scale(1,1);
	opacity: 1;
}
.slick-dots{
	position: absolute;
	bottom: 2.5%;left: 50%;
	text-align: center;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	font-size: 0;
	z-index: 3;
}
.slick-dots li{
	display: inline-block;vertical-align: top;line-height: 0;
	padding: 2px;
	margin:0 4px;
	border-radius: 50%;
	background-color: rgba(111,111,111,.5);
	cursor: pointer;
}
.slick-dots li.slick-active i{
	opacity: 1;
}
.slick-dots li i{
	display: inline-block;vertical-align: top;
	width: 10px;height: 10px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 12px rgba(11,11,11,.5);
	opacity: 0;
}


.slick-arrow{
	position: absolute;
	width: 44px;height: 44px;line-height: 44px;text-align: center;
	top: 50%;margin-top: -22px;background-color: rgba(100,100,100,.3);cursor: pointer;border-radius: 6px;
	z-index: 9;
}
.slick-arrow:hover{background-color: rgba(66,66,66,.7);}
.slick-arrow:after{position: absolute;left: 0;top: 0;bottom: 0;right: 0;font-size: 24px;font-family: 'myicon';color: #fff;opacity: 1;}
.slick-next{right: 100px;}
.slick-prev{left: 100px;}
.slick-next:after{content: '\e5c8';}
.slick-prev:after{content: '\e5c4';}



.section{
	position: relative;
	margin: 0 auto;
}
.section.center{
	text-align: center;
}
.section.small{
	padding: 6%;
	margin: 50px auto;
}
.section.sub-page{
	padding-bottom: 100px;
}
.section.has-bg{
	padding: 100px 0;
	background:none !important;
	overflow: hidden;
}
.section.gap{
	padding: 100px 0;
}
.section.gap + .section.gap{
	padding-top: 0 !important;
}
.section.has-bg:after{
	content: '';
	background-color: #fff;
	opacity: 0.85;z-index: 1;
}
.banner:after,.gallery-banner:after,.news-banner:after{
	content: '';
	background-color: rgb(255,255,255);
	opacity: 0.15;z-index: 1;
}
.banner:after{
	background-color: rgb(22,26,30);
}
.bg{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: cover;background-position: center;}

.banner{
	position: relative;
	margin-bottom: 80px;min-height: 360px;
	background-color: #f0f0f0;text-align: center;
	color: #fff;
}
/*.banner.about{padding-top: 10%;}*/
.banner.about:after{opacity: 0.2;}
.banner .text{
	position: absolute;top: 48%;left: 0; width: 100%;z-index: 2;opacity: 0;padding: 0 30px;
}
.banner p{
	font-weight: 700;
}
.banner .text >p{
	font-size: 18px;font-weight: 400;line-height: 100%;
}
.page-menu{
	position: absolute;
	width: 100%;height: 72px;bottom: 0;left: 0; margin-bottom: -36px;line-height: 72px;
	z-index: 10;
}
.hide.icon:after{display: none;}
.page-menu .icon{
	display: inline-block;
	width: 72px;height: 72px;
}
.page-menu .icon:hover:after{opacity: 0;visibility: hidden;}
.page-menu .icon:after{
	content:"\e90f";
	position: absolute;width: 72px;height: 72px;left: 50%;top: 0;margin-left: -36px;
	font-family:'myicon';border-radius: 6px;
	font-size: 22px;
	color: #fff;
}
.page-menu .wrap{
	position: absolute;width: 100%;left: 0;top: 0;
	opacity: 0;visibility: hidden;font-size: 0;
}
.page-menu .wrap:after,.page-menu:after{
	content: '';position: absolute;width: 100%;height: 0;top: 50%;left: 0;
}
.page-menu:after{height: 3px;margin-top: -1px;z-index: -1;}
.page-menu .icon:hover .wrap:after{height: 100%;top: 0;}
.page-menu .wrap a{
	position: relative;
	display: inline-block;vertical-align: top;
	padding: 0 20px;color: #fff;
	z-index: 2;
}
.page-menu .wrap a.back{font-family:'myicon';}
.page-menu .icon:hover .wrap{opacity: 1;visibility: visible;}
.page-menu .icon:hover a{padding: 0 30px;}
.page-menu a:hover{background-color: #fff;color: #222;}
.page-menu a.on{opacity: 0.6;pointer-events: none;}

.ctrl-menu{line-height: 64px;border:1px solid rgb(229,230,231);border-right: none;border-left: none;margin-top: 100px;}
.no-text .ctrl-menu{margin-top: 0;}
.ctrl-menu a{display: block;width: 33.55533%;float: left;}
.ctrl-menu a.prev:before,.ctrl-menu a.next:after{font-family:'myicon';display: inline-block;margin: 0 10px;}
.ctrl-menu a.prev:before{content: '\e5c4'}
.ctrl-menu a.next:after{content: '\e5c8'}
.ctrl-menu a.back{text-align: center;float: none;position: absolute;left: 33.5553%;}
.ctrl-menu a.next{text-align: right;float: right;}


.section > .title{
	position: relative;
	text-align: center;
	margin-bottom: 40px;
	z-index: 2;
}
.title h2 i:after{
	content: '';position: absolute;width: 50px;height: 2px;left: 50%;margin-left: -25px;bottom: -15px;background-color: #fff;
}

.home-about{
	position: relative;
	background: #fff;
}
.home-about .wrap{
	margin: 0 auto;
}
.home-about .wrap:after{
	content: '\e978';font-family: 'myicon';position: absolute;right: 20px;top: 20%;font-size: 4vw;opacity: 0.03;color: rgb(11,22,33);
}
.home-about .img{
	position: absolute;
	width: 45%;height: 100%;
	left: 0;top: 0;
	background-size: cover;
}
.home-about h2{
	position: relative;
	max-width: 400px;
	line-height: 140%;
	margin-bottom: 30px;
	z-index: 2;
}
.home-about h2 i{border-bottom: 1px solid #fff;padding-bottom: 2px;}
.home-about .wrap .bg{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-size: cover;background-position: center;
	opacity: 1;
}
.home-about .text{
	padding: 80px 80px 80px calc(45% + 80px);
	font-size: 21px;
}

a.btn i{
	display: inline-block;vertical-align: middle;
	font-size: 11px;line-height: 15px;
}


a.btn{
	position: relative;
	display: inline-block;padding:0 40px;line-height: 56px;
	border: 1px solid rgb(222,224,226);
	letter-spacing: 2px;font-weight: 400;
	/*font-size: 0;*/
	border-radius: 5px;
	z-index: 9;
}
a.btn:after{font-family: 'myicon';vertical-align: middle;display: inline-block;position: relative;font-size: 1rem;}

a.btn-01{line-height: 60px;margin-top: 30px;padding: 0 50px;text-transform: uppercase;}
a.btn-01:after{content: '\e5c8';margin-left: 10px;left: 10px;}
a.btn-01:hover:after{left: 20px;}
a.btn:hover,a.btn:hover:after{color: #fff;}
a.btn-01:hover{border-color: transparent;}



/*？？？？ ————————————————————————————————————————*/

.pic-list h5,
.category-list a:before{
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
}

.pic-list .wrap:hover h5,
.nav>li:hover .sub,
.category-list a:hover:before{
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
}

/*服务 ————————————————————————————————————————*/
.service{
	margin: 0 auto;
    padding: 100px 0;
    text-align: center;
    font-size: 0;
}
.service .item{
	position: relative;
	display: inline-block;vertical-align: top;
	width: 33.3333333%;
	padding: 0 15px;
}
.service .item .h{
	margin: 20px 0 10px;
}
.service .item p{
	padding: 0 30px 30px;
	font-size: 1.125rem;
}
.service .wrap > a{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 10px 30px;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.75rem;
}
.service .wrap > a:hover{
	color: #fff;
}
.service .item .wrap{
	padding: 0 0 30px;
	background: #fff;
}



.count-list{
	position: relative;
	background: rgb(20,24,28);
}
.count-list .wrap{
	position: relative;
	margin: 0 auto;
	padding: 80px 0;
	font-size: 0;
	color: #fff;
	text-align: center;
	z-index: 9;
}
.count-list .item{
	display: inline-block;vertical-align: top;
	width: 33.333333%;
}
.count-list.for-2 .item{width: 50%;}
.count-list.for-4 .item{width: 25%;}
.count-list.for-5 .item{width: 20%;}

.count-list .item i{
	font-size: 60px;
}
.count-list .item h1{
	margin: 10px 0;
}
.count-list .item p{
	font-size: 1rem;opacity: 0.8;
}

/*产品-----------------------------*/
.p-imgs{
	margin-bottom: 40px;
}
.p-imgs img{
	width: 100%;
	height: auto;
}
.p-list img{
	margin-bottom: 30px;
}
.product-detail{
	padding: 50px 20px;
}
.p-slider .slick-prev{
	left: -60px
}
.p-slider .slick-next{
	right: -60px
}

/*新闻-----------------------------*/

.news-list,.product-detail,.product-list{
	position: relative;
	margin: 0 auto;
}
.product-list{
	font-size: 0;
}

.section.news{
	padding: 120px 0;
	text-align: center;
}

.news-box{
	position: relative;
	border-bottom: 1px solid rgba(111,122,133,.2);
	padding: 0 0 30px 0;
	margin-bottom: 30px;
	text-align: left;
	font-size: 0;
}
.news-box:last-child{
	border: none;
	margin-bottom: 0;
}
.news.type-02 .news-box:nth-child(1){
	position: absolute;
	width: 460px;left: 60px;top: 60px;
	border: none;
}
.news.type-02 .news-list{
	padding: 60px 60px 60px 580px;
	background-color: #fff;
}

.news-box .text{
	width: 74%;
	font-size: 1rem;
	padding-right: 6%;
}
.news-list.type-01 .news-box{
	border: none;
	background-color: #fff;
	padding: 40px;
}
.section.news:not(.type-01) .news-box{
	background-color: #fff;
}
.news.type-02 .news-box:nth-child(1) .text{
	padding: 0;
	width: 100%;
}
.news-box .img{
	width: 26%;
	float: right;
}
.news.type-02 .news-box:nth-child(1) .img{
	float: none;width: 100%;
	margin-bottom: 20px;
}
.news-box .img:hover,.product-box .img:hover{
	opacity: 0.8;
}
.news-box h3{
	margin-bottom: 10px;
}
.news-box p{
	font-size: 1.15rem;
	margin-top: 8px;
}
.time{line-height: 20px;margin-top: 8px;}
.time i{display: inline-block;vertical-align: top;}
.time:before{
	content: '\e91c';display: inline-block;vertical-align: top;font-family: 'myicon';margin-right: 6px;position: relative;top: -1px;
}
.news.type-02 .news-box:not(:nth-child(1)) h3{
	font-size: 20px;
}
.news.type-02 .news-box p{
	font-size: 1rem;
}
.news-box .more{
	display: inline-block;
	padding: 10px 30px;
	margin-top: 20px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 11px;
	border: 1px solid rgb(222,224,226);
	letter-spacing: 2px;
}
.news-box .more:hover{
	color: #fff;
	border-color: transparent;
}
.news.type-02 .news-box:not(:nth-child(1)) .more{
	display: none;
}
.news-list.type-02{
	font-size: 0;
}
.news-list.type-02  .news-box,.product-box{
	width: 33.33333%;
	padding: 20px;
	margin-bottom: 30px;
	display: inline-block;vertical-align: top;
	border: none;
}
.news-list.type-02 .news-box .img{
	float: none;width: 100%;
}
.news-list.type-02 .news-box .text{
	width: 100%;padding: 30px;
	background-color: #fff;
}
.news-list.type-02 h3,.product-list h3{
	font-size: 21px;
}
.news-list.type-02 .news-box p{
	font-size: 1rem;
}

.product-detail .title{
	margin-bottom: 30px;
}
.product-list h3{
	
}
.product-box{
	padding: 15px;
	margin-bottom: 0;
}
.product-box img{
	width: 100%;
	height: auto;
}

/*画廊-----------------------------*/
.pic-list{
	position: relative;
	margin: 0 auto;
	z-index: 3;
}
.pic-list .item{
	position: relative;
	float: left;
	width: 33.333333%;
	padding: 15px;
}
.slider ~ .content .pic-list .item:nth-child(1),.slider ~ .content .pic-list .item:nth-child(2),
.slider ~ .content .section.gap .product-box:nth-child(1),.slider ~ .content .section.gap .product-box:nth-child(2){
	width: 50%;
}
.slider ~ .content .pic-list .wrap{
	position: relative;
	padding-top: 60%;
}
.slider ~ .content .pic-list .img{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-color: #222;opacity: 0;
}
.sub-page .pic-list .img img{
	width: 100%;
}

.pic-list .text{
	position: absolute;
	width: 100%;left: 0;bottom: 30px;
	text-align: center;
}
.pic-list h5{
	position: relative;
	top: 20px;
	display: inline-block;
	padding: 0 30px;line-height: 40px;
	color: #fff;
	background-color: #222;border-radius: 4px;
	font-size: 16px;
	opacity: 0;
}
.slider ~ .content .pic-list .item:nth-child(1) h5,.slider ~ .content .pic-list .item:nth-child(2) h5{
	font-size: 20px;line-height: 60px;padding: 0 40px;
}

.pic-list .item.no-hover .img:after{
	opacity: 0.3;
}
.product-box .text{
	background-color: #fff;
	padding: 20px;
}


.pic-list .wrap:hover h5{
	opacity: 1;top: 0;
}

.category-list{
	position: relative;
	top: 46%;
	z-index: 9;
}
.category-list .slick-arrow{visibility: hidden;}
.category-list .item{
	width: 1100px;width: 50vw;
}
.category-list .wrap{
	position: relative;
	padding-top: 40%;
	
}
.category-list .img{
	transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
	-moz-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);
	background-color: #fff;
	cursor: e-resize;
}
.category .img a.full{
	display: none;
}
.category:not(.type-02) .category-list .item:not(.slick-center) .img:hover {
	transform: scale(0.83,0.83);
}
.category-list .slick-center.item .img,.category.type-02 .img{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	cursor: default;
}
.category-list .slick-dots{bottom: -80px;}
.category-list .wrap > a{
	position: relative;
	display: inline-block;
	padding: 20px 30px;
	border-radius: 6px;
	bottom: 30px;font-size: 24px;letter-spacing: 1px;
	opacity: 0;visibility: hidden;
	background-color: rgba(100,100,100,.6);
	color: #fff;
	z-index: 9;
}
.category-list .wrap > a:after{
	content: '\e901';font-family: 'myicon';display: inline-block;vertical-align: middle;margin-left: 20px;margin-right: -10px;font-size: 70%;
}
.category-list .wrap > a:before{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;border-radius: 6px;
}
.category-list .item.slick-center .wrap > a{
	opacity: 1;visibility: visible;
	bottom: 80px;
}
.category .img:after{opacity: 0.2;}
.category .item.slick-center .img:after{opacity: 0;}
.category-list .wrap > a:hover:after{margin-left: 40px;}

.section.has-bg.type-02{
	padding-bottom: 30px;
}
.type-02.category .item{margin: 20px auto 60px;}
.type-02.category .wrap{padding-top: 50%;}
.type-02.category .wrap > a{
	position: absolute;opacity: 1;visibility: visible;z-index: 9;
	transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);
	bottom: 10%
}
.type-02.category .img:after{opacity: 0.3;}
.type-02.category .wrap:hover .img:after{opacity: 0;}


.gallery-banner{
	position: relative;
	background-color: #000;
}
.gallery-banner:after,.news-banner:after{opacity: 0.95;}

.news-banner{
	position: fixed;
	width: 100%;
	left: 0;top: 0;
	background-color: #000;
	overflow: hidden;
	min-height: 600px;
}

.gallery-detail,.news-detail{
	position: relative;
	width: 96%;
	max-width: 800px;
	padding: 90px 0 120px;
	z-index: 2;
}
.news-detail{padding-top: 10%;}
.news-detail{max-width: 960px;}
.news-detail .img img{width: 100%;}
.gallery-detail .title{margin-bottom: 30px;}
.gallery-detail .title p,.news-detail .title{font-size: 14px;}
.sub-page .text-wrap{
	margin: 0 auto;max-width: 1000px;
}
.text-wrap{
	font-size: 18px;line-height: 180%;
}
.product-detail .p-imgs{
	margin-bottom: 0;
}
.product-detail .text-wrap,
.puretext .text-wrap,
.about ~ .section .text-wrap{
	padding: 50px;background-color: #fff;
}
.text-wrap .text{white-space: pre-line;}
.text-wrap ul,.text-wrap ol{white-space: normal;margin-left: 15px;}
.gallery-banner .img{
	position: relative;
	text-align: center;
	padding: 6% 0;padding: 9vh 0;
	z-index: 10;
}
.gallery-banner .img img{
	height: 100%;width: auto;
}
.news-detail .text-wrap{background-color: #fff;padding: 50px;}
.text-wrap p{white-space: pre-line;}
.text-wrap img{max-width: 100%;margin: 30px 0;}

.gallery-banner .slick-track,.gallery-banner .slick-list,
.gallery-banner .img,.gallery-banner .item{
	height: 100%;
}
.gallery-banner .slick-slide img{display: inline;}
.news-detail .ctrl-menu,.product-detail .ctrl-menu{
	border-bottom: none;padding-top: 20px;margin-bottom: -30px;
}
.detail-other-img{display: none;}


.page{margin-top: 60px;text-align: center;font-size: 0;}
.page li{display: inline-block; width: 40px;height: 40px;line-height: 40px;background-color: #f0f0f0;margin: 0 4px;vertical-align: top;}
.page a{display: block;opacity: 0.5;}
.page li.on a{opacity: 1;color: #fff;}
.page li:hover a{opacity: 1;}

.content{
	overflow-x: hidden;
}
.contact.section{
	margin: 100px auto;
	max-width: 1200px;padding: 60px;
	background-color: #fff;
	opacity:0; 
}
.contact .text{
	width: 60%;
	float: left;
	padding-right: 10%;
}
.contact .text > h5,.contact .form > h5{position: relative;margin-bottom: 30px;}
.contact p{white-space: pre-line;}
.contact .text p{margin-bottom: 20px;}
.contact .form{
	width: 40%;
	float: right;
}
input[type='text'],input[type='email']{height: 40px;padding: 0 15px;}
input[type='text'],input[type='email'],textarea{width: 100%;background-color: #fff;border:1px solid rgba(0,0,0,.2);}
textarea{padding: 15px;max-width: 100%;}
form dl{margin-bottom: 10px;}
form dt{margin-bottom: 6px;font-size: 14px;}
form button{padding: 15px 45px;background-color: #999;color: #fff;border-radius: 3px;}
.contact .text > h5:after,.contact .form > h5:after{content: '';position: absolute;left: 0;bottom: -10px;height: 3px;width: 30px;}

.map{
	position: relative;
	min-height: 240px;
	background-color: #eee;
}
.contact i[class^="pe-7s-"]{
	display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 150%;
}
.contact .text div .h{
	margin: 10px 0;
}
.text-banner{
	text-align: center;
	padding: 80px 0;
	margin-bottom: 80px;
	font-size: 48px;
	background-color: rgb(239,240,241);
}

.mfooter{
	width: 100%;
	background-color: rgb(44,45,48);
	position: fixed;
	z-index: 99;
	color: #fff;
	display: none;
	padding: 20px;
	text-align: center;
	margin-top: -20px;
	bottom: 0;
	left: 0;
}


.footer-button{
	position: relative;
	color: #fff;
	text-align: center;
	z-index: 2;
}
.footer .footer-button .wrap{
	position: relative;
	max-width: 1200px;
	padding: 60px 20px;
	z-index: 2;
}
.footer-button .bg{
	opacity: 1;
}
.footer-button a:hover{
	opacity: 0.9;
}

.footer .footer-button a{
	display: inline-block;
	margin-top: 30px;
	color: #111;
	border-radius: 3px;
	background-color: #fff;
	padding: 15px 50px;
}

.footer{background-color: rgb(44,45,48);position: relative;z-index: 99;color: #fff;}
.footer a{opacity: 0.9;color: #fff;}
.footer a:hover{ opacity: 1 ;}
.footer.fixed{
	position: fixed;width: 100%;left: 0;bottom: 0;
}
.footer .wrap{ margin: 0 auto;opacity: 0;padding: 40px 0;}
.foot-extend{
	padding: 3% 0 6%;margin-bottom: 40px;
	font-size: 0;
	border-bottom: 1px solid rgb(64,65,68);
}
.foot_box p:first-child{
	padding-bottom: 20px;margin-bottom: 20px;
	border-bottom: 1px solid rgb(64,65,68);
}

.foot-extend.for-2 .foot_box{width: 50%;}
.foot-extend.for-3 .foot_box{width: 33.333333%;}
.foot-extend.for-4 .foot_box{width: 25%;}
.foot-extend.for-5 .foot_box{width: 20%;}
.foot-extend.for-6 .foot_box{width: 16.666666%;}
.foot_box{
	position: relative;
	display: inline-block;vertical-align: top;
	padding-right: 40px;line-height: 180%;
}
.foot_box:last-child{padding: 0;}
.foot_box a{display: block;}


.social-box{
	position: fixed;
	width: 40px;line-height: 40px;right: 0;bottom:0;
	text-align: center;font-size: 14px;
	opacity: 0;visibility: hidden;
	box-shadow: 0 0 40px rgba(0,0,0,.05);
	z-index: 99;
}
.social-box.show{
	bottom: 0;
}
.social-box.go-top-show{
	bottom: 40px;
}
.social-box a{
	position: relative;
	display: block;
	height: 40px;
	background-color:#fff;
	color: #111;
	cursor: pointer;
	opacity: 1;
}
.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: '\e91a';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: '\e917';font-size: 18px;}
.social-box a.go-top:after{content: '\e5d8';}

.social-box a.facebook:after{content: '\ea90';font-size: 16px;}
.social-box a.twitter:after{content: '\ea96';font-size: 15px;}
.social-box a.linkedin:after{content: '\eaca';font-size: 16px;}
.social-box a.googleplus:after{content: '\ea8b';font-size: 16px;}

.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.facebook:hover,.social-box a.facebook:hover i{background-color: #5266ab}
.social-box a.twitter:hover,.social-box a.twitter:hover i{background-color: #4ebeed}
.social-box a.linkedin:hover,.social-box a.linkedin:hover i{background-color: #379ad0}
.social-box a.googleplus:hover,.social-box a.googleplus:hover i{background-color: #ed2524}


.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: #fff;
	opacity: 0;right: 20px;visibility: hidden;
}

.social-box a:hover i{right: 40px;}
.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;}

.copy{font-size: 14px;text-align: center;color: #bbb;letter-spacing: 1px;}




.feedback{
	position: fixed;
	right: -500px;top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 500px;
	color: #fff;
	z-index: 99;
}
.feedback.show{
	right: 0;
}
.feedback i.toggle{
	position: absolute;
	left: -68px; top: 50%;margin-top: -34px;
	width: 68px;height: 68px;
	cursor: pointer;
}
.feedback i.toggle img{
	width: 100%;height: 100%;
}
.feedback.show i.toggle{
	opacity: 0;
	visibility: hidden;
}
.feedback i.toggle:hover{
	margin-top: -40px;
}
.fb-layer{
	width: 500px;
	background: rgb(90,90,90);background: rgba(88, 88, 88, 0.8);
	box-shadow: 0 2px 35px rgba(0,0,0,.2), 0 0 3px rgba(0,0,0,.1);
	border-left: 4px solid;
	text-align: right;
	opacity: 0;
	padding: 30px;
}
.feedback.show .fb-layer{
	opacity: 1;
}
textarea#feedback-textarea,input#feedback-visitor-info{
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin-bottom: 6px;
	overflow: auto;
}
textarea#feedback-textarea:focus,input#feedback-visitor-info:focus{
	background: rgba(255, 255, 255, 1);
}
input[type="submit"]{
	color: #fff;
	padding: 0 30px;
	height: 40px;
	border-radius: 3px;
}
#abc-feedback h5{
	text-align: left;
}
#abc-feedback p{
	text-align: left;
	padding-right: 60px;
	margin-bottom: 10px;
}
.fb-layer i.close{
	position: absolute;
	right: 10px;top: 10px;
	width: 40px;height: 40px;line-height: 40px;text-align: center;
	cursor: pointer;
}
.fb-layer i.close:after{
	content: '\e5cd';font-family: 'myicon';position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size: 24px;
}
.feedback.successed form{
	display: none;
}
.feedback.successed form{
	display: none;
}
.fb-success{
	text-align: center;
	font-size: 20px;
	padding: 60px 0;
	display: none;
}


/*公用参数 ——————————————————————————————————————————*/

.search-box i:after,.search-box input,.search-box form,.slick-dots li i,.service .wrap > a,.footer-button a,.feedback.show i.toggle,.fb-layer,
.header,.header>i,.slider .item:after,.nav li a,.nav>li>a:before,.slick-arrow:after,.header-other a,.nav .sub,.nav .sub li:before,.slick-dots li button,.go-top,
a.btn,a.btn:after,p.clone-title,.news-box a,.slick-arrow,.pic-list .img,.img:after,.product-box .img,.product-box .h a,
.footer a,.social-box a:after,.social-box a img,.social-box,.social-box i,.copy a,.news-box .img,
.pic-list h5,.category-list .img,.category-list a:before,.category-list a:after,input[type='text'],input[type='email'],textarea,button,
.page-menu .icon:after,.page-menu .wrap,.page-menu .wrap:after,.page-menu .wrap a,.page li a,.ctrl-menu,.ctrl-menu a,
.gallery-banner .img img,.news-box .more{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
a.btn-01:hover,.home-about .img h2:after,.nav .sub li:before,.title h2 i:after,
.pic-list h5,
.social-box a.go-top:hover i,.social-box a.scan:hover i,.social-box a.go-top:hover,.social-box a.scan:hover,
.category-list a:before,.page-menu .icon:after,.page-menu .wrap:after,.page-menu:after,.page li.on,button:hover,.contact h5:after{
	background-color: #766fd0;
}
.home-about .img h2 i,input[type='text']:focus,textarea:focus{
	border-color: #766fd0;
}
.section > .title p,.ctrl-menu a:hover{
	color: #766fd0;
}
.caption-img img,.category-list a{
	transition: all 0.5s 0.4s;
	-webkit-transition: all 0.5s 0.4s;
	-moz-transition: all 0.5s 0.4s;
	-ms-transition: all 0.5s 0.4s;
}
.feedback i.toggle{
	transition: margin 0.3s,opacity 0.5s 0.6s;
	-webkit-transition: margin 0.3s,opacity 0.5s 0.6s;
	-moz-transition: margin 0.3s,opacity 0.5s 0.6s;
	-ms-transition: margin 0.3s,opacity 0.5s 0.6s;
}
.pic-list .img:after{
	transition:opacity 0.4s 0.1s;
	-webkit-transition:opacity 0.4s 0.1s;
	-moz-transition: opacity 0.4s 0.1s;
	-ms-transition: opacity 0.4s 0.1s;
}
.slider .item .img-f,.map{
	transition: transform 1s,opacity 0.4s;
	-webkit-transition: transform 1s,opacity 0.4s;
	-moz-transition: transform 1s,opacity 0.4s;
	-ms-transition: transform 1s,opacity 0.4s;
}
.mobile .slider .item .img-f,.map{
	transition: all 0s !important;
	-webkit-transition:all 0s !important;
}
.news-box .img-f{
	transition: transform 0.4s;
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
}
.text,.nav>li,.category-list .wrap,.category-list a{
	perspective:3000px;
	-webkit-perspective:3000px;
	-moz-perspective:none;
	-ms-perspective:3000px;
}
.feedback{
	transition: all 0.9s;
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
}

.nav li a,.foot_box,.page-menu .wrap a,.page li,.ctrl-menu a,button,input,textarea{
	font-size: 14px;
}



@media screen and (max-width: 1920px) {
	.category-list .item.slick-center a{bottom: 40px;}
	.category-list .wrap > a{padding: 20px 6% 21px;font-size: 18px;}
	.banner{margin-bottom: 60px;}
	.contact.section{margin: 60px auto;}
	
}

@media screen and (max-width: 1680px) {
	h1{font-size: 44px;}
	h2{font-size: 36px;}
	h3{font-size: 30px;}
	h4{font-size: 24px;}
	h5{font-size: 18px;}
	h6{font-size: 16px;}

	body,.nav li a,.foot_box,.page-menu .wrap a,.page li,.ctrl-menu a,button,input,textarea{font-size: 14px}
	.home-about .text,.text-wrap,.news-list.type-02 h3,.product-list h3{font-size: 16px}

	.home-about,.section.small,.footer .wrap,.pic-list,.pic-list,.type-02.category .item,.home-about .wrap,.count-list .wrap,.news-list,.product-list{
		max-width: 1100px;
		min-width: 0;
	}
	.service,.pic-list{
		max-width: 1130px;
	}
	.sub-page .news-list:not(.type-02),.product-detail{
		max-width: 1080px;min-width: 0;
	}
	.sub-page .product-list,.sub-page .pic-list{margin-top: -20px;}


	.pic-list .item{padding: 20px;}

	

}

@media screen and (max-width: 1480px) {
	h1{font-size: 40px;}
	h2{font-size: 32px;}
	h3{font-size: 24px;}
	h4{font-size: 19px;}
	h5{font-size: 15px;}
	h6{font-size: 14px;}

	.home-about,.section.small,.footer .wrap,.pic-list,.pic-list,.type-02.category .item,.home-about .wrap,.count-list .wrap,.news-list,.product-list{
		max-width: 990px;
		min-width: 0;
	}
	.service,.pic-list,.contact.section{
		max-width: 1020px;
	}
	.sub-page .news-list:not(.type-02),.product-detail{
		max-width: 970px;min-width: 0;
	}
	.section.news:not(.type-01) .news-box{border: none;padding: 40px;}



	.banner{min-height: 240px;}


	.nav li a{letter-spacing: 0;margin: 0 14px;}



	.nav .sub{width: 200px;}
	.nav li:hover .sub{top: 45px;}


	.section.has-bg,.section.gap{padding: 100px 0}
	.section.has-bg.type-02{padding-bottom: 20px}

	a.btn-01{line-height: 60px;}

	.pic-list .item{padding: 15px;}
	.pic-list h5{line-height: 48px;}
	.category-list .item{width: 900px;}
	
	
}


.mobile .header{
	display: none;
}
/*手机导航 、、、、、、、、、、、、、、、*/

.m-header{
	position: fixed;display: none;
	width: 100%;height: 50px;left: 0;top: 0;
	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:10px 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: '\e896';
	font-family: 'myicon';
	position: absolute;height: 50px;width: 50px;left: 0;top: 0;color: #fff;
	font-size: 20px;
}
.m-header>i.down:after{content: '\ea0f';font-size: 12px;}
.m-nav{
	display: none;
	position: fixed;
	top: 50px;left: 0;width: 100%;height: calc(100% - 50px);height: -webkit-calc(100% - 50px);
	background-color: rgb(248,249,250);overflow: auto;
	font-size: 14px;line-height: 40px;
	padding: 20px 30px;
	-webkit-overflow-scrolling: touch;
	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%;
	list-style-type: none;
}
li.has-ul:after{
	content: '\e902';height: 36px;width:auto;right: 10px;left: auto;font-size: 16px;
}
.m-header-other{
	margin-top: 20px;
	background-color: rgba(55,55,55,.5);
	text-align: center;
	border-radius: 4px;
}
.m-nav .m-header-other a{display: block;padding: 0;}
.mobile .pic-list h5{opacity: 1;-webkit-transform: rotateX(0deg);top: 0;}
.mobile .loader{display: none !important;}


.page-menu>em{
	position: fixed;display: none;
	z-index: 1;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(11,11,11,.7);visibility: hidden;
}
body.mobile .page-menu{height: 48px;list-style: 48px;margin-bottom: -24px;}
.mobile .page-menu .wrap a{display: block;line-height: 36px;}
.mobile .page-menu .icon:after,.mobile .page-menu .icon{width: 48px;height: 48px;line-height: 48px;}
.mobile .page-menu .icon:after{margin-left: -24px;opacity: 1 !important;visibility:visible !important;}
.mobile .page-menu .icon .wrap:after{height: 120% !important;top:-10% !important; }
.mobile .page-menu .icon .wrap{opacity: 1;display: none;visibility: visible;-webkit-transition: all 0s;z-index: 2;}
.mobile .page-menu>em{display: none;visibility: visible;}

.mobile .section.category{padding-top: 0;padding-bottom: 0;}
.mobile .category-list{top: auto !important;margin: 0 !important}
.mobile .section.category{height: auto !important;}
.mobile .category-list .slick-arrow{visibility: visible;}
.mobile .category-list .item{width: auto;}

.mobile .category-list .wrap > a{opacity: 1;visibility: visible;position: relative;width: 100%;bottom: 0;left: 0;background-color: transparent;color: #111;}
.mobile .category-list a:before{display: none;}
.mobile .category-list .wrap{padding-top: 0;}
.mobile .category-list .img{cursor: default;-webkit-transform: scale(1,1) !important;transform: scale(1,1) !important;padding-top: 45%;position: relative;}

.mobile .gallery-banner{height: auto !important;}
.mobile .gallery-banner .img{padding: 40px 0;}
.mobile .gallery-banner .item{display: inline-block;vertical-align: middle;float: none;}
.mobile .gallery-banner img{height: auto;width: 100%;}

.mobile .pic-list h5{line-height: 36px;}


@media screen and (max-width:1281px ){
	.nav .sub{width: 240px;}
	body{margin: 0;padding:0;}
	.footer-gap{display: none;}
	.logo{left: 20px;}
	.search-box{right: 10px;}

	.contact.section{margin: 70px auto;}
	.gallery-banner{height: 90vh !important;}
	.section > .title{margin-bottom: 40px;}
	.section.small{padding: 4%;margin: 40px auto;}
	.home-about{margin: 60px auto;}
	.home-about .bg{height: 160%;top: -30%;}
	.section.has-bg,.section.gap{padding: 70px 0;}
	.slider.type-03 .item{height: 500px;}

	.social-box.show{bottom: -40px;}
	.social-box.go-top-show{bottom: 0;}
	
}
@media screen and (max-width:1280px) and (min-width: 1025px){
.category-list .slick-dots{bottom: -40px;}
.category-list .item{width: 700px;}
}
@media screen and (max-width:1200px ){
	.header{text-align: right;}
	.nav{margin-right: 70px;}
	
}
@media screen and (max-width: 1023px) {

	h1{font-size: 30px;}
	h2{font-size: 22px;}
	h3,.slider .item p{font-size: 18px;}
	h4{font-size: 15px;}
	h5{font-size: 14px;}
	h6{font-size: 12px;}

	.h p{line-height: 120%}
	.header-gap{height: 50px;}
	.search-box{display: none;}

	.img img{width: 100%;}
	.service .img img{width: auto;margin-top: 20px;}
	.category .img:after,.category .bg{display: none;}
	.category .img a.full{display: block;}

	.slick-arrow{height: 28px;width: 28px;line-height: 28px;margin-top: -14px;}
	.slick-arrow:after{font-size: 14px;}
	.slick-dots li i{width: 4px;height: 4px;}


	.service .item{width: 100% !important;left: 0 !important;padding:20px 0;}
	.service{padding: 50px 20px;}
	.service .title{margin-bottom: 20px;}
	.section.small{margin:40px 0;}
	.title h2 i:after{width: 50px;margin-left: -25px;}

	.slick-prev,.p-slider .slick-prev{left: 10px;}
	.slick-next,.p-slider .slick-next{right: 10px;}
	.slider .item:after{display: none;}
	.slider .item p{height: 21%;}
	.slider .item:after{height: 26%}
	.slider.type-03 .item{height: 400px;}
	.social-box{display: none}

	.home-about{margin: 0;padding: 30px;}
	.home-about .img{position: relative;width: 100%;padding-top: 60%;margin-bottom: 30px;}
	.home-about .wrap .bg{height: 100%;top: 0;}
	.home-about .text{padding: 0;}
	.home-about .img h2 {right: 7%;bottom: 30px;top: auto;text-align: center;}
	a.btn-01{line-height: 40px;padding: 0 30px;font-size: 12px;border-radius: 2px;}

	.pic-list,.product-list{margin:0 15px;}
	.pic-list .item,.product-list .product-box,.news-list.type-02  .news-box{width: 50%;}
	.pic-list .item{margin-bottom: 20px;}
	.pic-list .wrap{padding-top: 0;}
	.slider ~ .content .pic-list .img{position: relative;padding-top: 60%;margin-bottom: 10px;}
	.pic-list .text{position: relative;bottom: 0;}
	.pic-list .text h5{color: #111;background-color: transparent;font-size: 16px !important;}

	.news-list{padding: 0 30px;}
	.news-box p{font-size: 1rem;}

	.news-detail{padding-top: 10% !important;}
	
	.section > .title{margin-bottom: 30px;}
	.section.has-bg,.section.gap{padding: 60px 0;}


	.foot-extend{padding: 10px;}
	.foot_box{width: 50% !important;padding: 10px !important; }

	.contact.section{margin: 40px auto;}

	.text-wrap{padding: 0 20px;}
	.banner{margin-bottom: 40px;}


}
@media screen and (max-width: 768px) {
	h1{font-size: 24px;}
	h2{font-size: 20px;}
	h3{font-size: 18px;}
	h4{font-size: 16px;}
	h5{font-size: 14px;}
	h6{font-size: 12px;}
	body, .nav li a, .foot_box, .page-menu .wrap a, .page li, button, input, textarea{font-size: 14px;}
	blockquote{padding: 0 20px;margin: 15px 0;}
	.home-about .text,.text-wrap,.ctrl-menu a,.foot_box{font-size: 13px;}

	.count-list .item{width: 50% !important;margin: 20px 0;}

	.news-list.type-02 h3, .product-list h3,.slider .item p{font-size: 18px;}

	.slider .item.cap_img p img{padding: 0 10%;}
	.slider.type-03 .item{height: 200px;}
	.slider .item p{min-height: 24%;}
	.banner{min-height: 200px;margin-bottom: 40px;}

	.gallery-detail{padding: 50px 0;}
	.pic-list .item,.news-box,.foot_box,.product-list .product-box{width: 100% !important;}
	.news-list{padding: 0;}
	.news-detail .text-wrap,.product-detail .text-wrap, .puretext .text-wrap, .about ~ .section .text-wrap{
		padding: 20px 20px 30px 20px;
	}
	.news-detail .ctrl-menu, .product-detail .ctrl-menu{padding-top: 0;}

	.contact .text,.contact .form{width: 100%;float: none;padding: 20px}
	.contact.section{padding: 20px;}
	.fb-layer{width: 320px;}
	.feedback{right: -320px;width: 320px;}
	.feedback i.toggle{transform: scale(0.5,0.5) translateX(35%);-webkit-transform: scale(0.5,0.5) translateX(35%);}

	.service .img img{margin-top: 0;}
	.footer{display: none;}
	.mfooter{display: block;}
	

}

.ie8 .category-list .item.slick-center{width: 1000px;margin: 0 100px}
.ie8 .bg{opacity: 1;background-color: #ff0000}
.ie8 .category .bg{display: none;}
.ie8 .page-menu{display: none;}