@charset "utf-8";

@font-face {
	font-family:'Montserrat';
	src:url('fonts/Montserrat-Regular.eot');
	src:url('fonts/Montserrat-Regulard41d.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/icomoondf59.eot?gfq5xx');
	src:url('fonts/icomoondf59.eot?gfq5xx#iefix') format('embedded-opentype'),
		url('fonts/icomoondf59.ttf?gfq5xx') format('truetype'),
		url('fonts/icomoondf59.woff?gfq5xx') format('woff'),
		url('fonts/icomoondf59.svg?gfq5xx#icomoon') format('svg');
	font-weight: 100;
	font-style: normal;
}

body,textarea,input,button,select,em{
	font-family:'Montserrat','微软雅黑',serif;/**/
}
a{text-decoration: none;color: #fff;-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;}
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%;margin: 20px 0;}

body::-webkit-scrollbar-thumb{background-color:#999;}
body::-webkit-scrollbar{width:20px;background-color:#222;cursor: pointer;}
body::-webkit-scrollbar-thumb:hover{background-color: #eee;}

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

.img img{max-width: 100%;}
.img{background-size: cover;background-position: center;background-repeat: no-repeat;}
.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,.service .item:after,.category .img:after,.related-box:after{
	content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #141516;opacity: 0;
}
.ie8 .pic-list .img:after,.ie8 .service .item:after,.ie8 .category .img:after,.ie8 .related-box:after{display: none;}
.service .item:after,.related-box:after{
	width: 102%;height: 102%;top: -1%;left: -1%;
}
body{
	color: #d2d6d8;
	line-height: 160%;
	overflow-x: hidden;
	background-color: #111;
}
p{line-height: 180%;}
.cf:after,.section:after,
.news-box:after{content: '';display: block;height: 0;clear: both;}

/*初始化结束 ————————————————————————————————————————————————————————————————————————————————————*/

.loader{
	position: fixed;
	width: 100%;height: 100%;left: 0;top: 0;background-color: #040506;
	background-image: url(../images/loader.gif);background-repeat:no-repeat;background-position: center;
	z-index: 9999999;
}
.header,.inner,.section.small,.footer .wrap,.pic-list,.type-02.category .item{
	max-width: 1600px;
	min-width: 1000px;
	width: 85%;
}
.pic-list{
	max-width: 1660px;
	min-width: 1060px;
}

.header{
	position: fixed;
	top: 30px;left: 50%;
	height: 90px;
	color: #fff;
	background-color:#222;
	background-color:rgba(11,11,11,.5);
	border-radius: 6px;
	opacity: 0;
	z-index: 999;
}
.header.hide{
	top: -90px;
}
.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;
}
.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: 30px;
}
.header.hide:hover>i{
	opacity: 0;bottom: 80px;
}
.logo{
	display: inline-block;line-height: 90px;
}
.logo img{
	max-width: 250px;padding: 15px;padding-left: 30px;
}
.nav{
	float: right;
	font-size: 0;
	margin-right: 30px;
}
.nav li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	top: 15px;
	line-height: 60px;
}
.nav li.on a,.nav>li:hover >a{
	opacity: 0.7;
}
.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{
	display: block;
	color: #fff;
	padding: 0 20px;
	letter-spacing: 2px;
}
.nav .sub{
	position: absolute;
	left: 0;top: 50px;
	width: 320px;
	background-color: #222;
	background-color: rgba(33,33,33,.85);
	padding: 20px;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	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;}
.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;}
.header-other{
	float: right;
	margin-right: 30px;
}
.header-other img{
	display: none;
}
.header-other a,.header-other{
	color: #222;
}
.header-other a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	top: 25px;
	line-height: 40px;
	padding: 0 25px;
	background-color: #fff;
	border-radius: 3px;
}

.header-other a:hover{opacity: 0.8;}

.slider{
	position: relative;
	background-color: #343536;
}
.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.4;
	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 .item.on:after{opacity: 0.3;bottom: 0;}
.slider .item p{
	position: absolute;
	color: #fff;
	font-size: 60px;font-size: 1.8vw;height: 16%;
	left: 0;bottom: -6%; width: 100%;
	text-align: center;
	opacity: 0;
	z-index: 3;
}
.slider.type-02 .item p{
	height: 20%;
}
.slider .item.cap_img p{
	width: 100%;height: 100%;
	bottom: 50% !important;
	transform: translateY(50%);-webkit-transform: translateY(50%);-ms-transform: translateY(50%);-moz-transform: translateY(50%);
}
.slider .item.cap_img p img{
	display: inline;position: relative;
	max-height: 70%;max-width: 50%;
    top: 52%;
    transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);
}
.slick-dots{
	position: absolute;
	width: 100%;
	bottom: 2.5%;left: 0;
	text-align: center;
	font-size: 0;
	z-index: 3;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	width: 50px;height: 8px;
	vertical-align: top;
	margin: 0 4px;padding:7px;
	cursor: pointer;
}
.slick-dots li button{
	position: absolute;width: 100%;height: 2px;
	background-color: #ddd;left: 0;top: 6px;border: 2px solid transparent;
	box-shadow: 0 0 20px rgba(255,255,255,0);
	opacity: 0.5;
}
.slick-dots li.slick-active button{background-color: #fff;opacity: 1;}
.slick-dots li:hover button{box-shadow: 0 0 20px rgba(255,255,255,.8);opacity: .9;}
.slick-arrow{
	position: absolute;
	width: 60px;height: 60px;line-height: 60px;text-align: center;
	top: 50%;margin-top: -30px;background-color: rgba(33,33,33,.3);cursor: pointer;border-radius: 6px;
	z-index: 9;
}
.slider .slick-arrow{width: 80px;height: 80px;line-height: 80px;margin-top: -40px;background-color: transparent;}
:not(.slider) .slick-arrow:hover{background-color: rgba(33,33,33,.7);}
.slick-arrow:after{position: absolute;left: 0;top: 0;bottom: 0;right: 0;font-size: 40px;font-family: 'myicon';color: #fff;opacity: 0.7;}
.slick-next{right: 20px;}
.slick-prev{left: 20px;}
.slick-next:after{content: '\f105';}
.slick-prev:after{content: '\f104';}
.slick-arrow:hover:after{opacity: 1;}



.section{
	position: relative;
	margin: 0 auto;
}
.section.small{
	padding: 6%;
	margin: 50px auto;
}
.section.sub-page{
	padding-bottom: 100px;
}
.section.has-bg{
	padding: 130px 0;
	background:none !important;
	overflow: hidden;
}
.section.has-bg:after{
	content: '';
	background-color: #141516;
	opacity: 0.7;z-index: 1;
}
.banner:after,.gallery-banner:after,.news-banner:after{
	content: '';
	background-color: #141516;
	opacity: 0.4;z-index: 1;
}

.bg{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.banner{
	position: relative;
	margin-bottom: 100px;min-height: 360px;
	background-color: #000;text-align: center;
}
.banner.about{padding-top: 10%;}
.banner.about:after{opacity: 0.2;}
.banner .text{
	position: absolute;top: 50%;left: 0; width: 100%;z-index: 2;opacity: 0;padding: 0 30px;
}


.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:"\f00b";
	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;
	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;}

.ctrl-menu{line-height: 64px;border:2px solid #232323;border-right: none;border-left: none;margin-top: 100px;}
.no-text .ctrl-menu{margin-top: 0;}
.ctrl-menu a{display: block;width: 33.33333%;float: left;}
.ctrl-menu a.prev:before,.ctrl-menu a.next:after{font-family:'myicon';display: inline-block;margin: 0 10px;vertical-align: top;}
.ctrl-menu a.prev:before{content: '\ea40'}
.ctrl-menu a.next:after{content: '\ea3c'}
.ctrl-menu a.back{text-align: center;float: none;position: absolute;left: 33.3333%;}
.ctrl-menu a.next{text-align: right;float: right;}
.ctrl-menu:hover{border-color: #282828;}


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

.home-about{
	position: relative;
	margin: 100px auto;
}
.home-about .img{
	position: absolute;
	width: 35%;height: 100%;
	left: 0;top: 0;
	background-size: cover;
}
.home-about .img h2{
	position: absolute;
	width: 85%;
	right: -15%;top: -5px;
	text-align: right;line-height: 140%;
	z-index: 2;
}
.home-about .img h2 i{border-bottom: 6px solid #fff;font-weight: 700;padding-bottom: 3px;}
.home-about .bg{
	position: absolute;width: 100%;height: 180%;top: -40%;left: 0;
	background-size: cover;background-position: center;
	opacity: 0.6;
}
.home-about .text{
	padding-left: 45%;
	font-size: 21px;
}
a.btn{
	position: relative;
	display: inline-block;padding:0 40px;line-height: 56px;
	background-color: #343536;font-size: 14px;letter-spacing: 2px;
	border-radius: 5px;
}
a.btn:after{font-family: 'myicon';vertical-align: middle;display: inline-block;position: relative;}

a.btn-01{line-height: 72px;margin-top: 30px;padding: 0 60px;}
a.btn-01:after{content: '\ea3c';margin-left: 10px;left: 10px;}
a.btn-01:hover:after{left: 30px;}



/*服务 ————————————————————————————————————————*/
.service .item,.related-box{
	position: relative;
	float: left;
	overflow: hidden;
}
.service.for-3 .item{width: 33.333333%;}
.service.for-4 .item,.related-box{width: 25%;}
.service .item .img,.related-box .img{
	position: relative;
	padding-top: 70%;
	opacity: 0;
}
.service:hover .item:not(:hover):after,
.related-list .related-box:after{opacity: 0.7;}
.related-box:hover:after{opacity: 0;}

.service .item:hover .img,.related-box:hover .img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.ie9 .service .item:hover .img{
	-ms-transform: scale(1,1);
}

.service .text{
	position: absolute;
	bottom: -40px;left: 0;right: 0;
	padding: 5%;margin: 60px;
	opacity: 0;
	z-index: 2;
}
.related-box h5{
	position: absolute;
	width: 100%;
	bottom: 40px;left: 0;
	text-align: center;
	opacity: 0;
	z-index: 4;
}
.related-box:hover h5,.mobile .related-box h5{opacity: 1;}
.related-box h5 i{display: inline-block;position: relative;padding: 0 30px;line-height: 50px;}
.service .text:after,.related-box h5 i:after{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #222;opacity: 0.8;
	border-radius: 6px;
	z-index: -1;
}
.service .text:hover:after{opacity: 0.95;}
.service h5{margin-bottom: 15px;}
.service h5:empty{display: none;}
.service .only-title{text-align: center;}
.service .only-title .text{padding: 4% 6%;left: 50%;margin:0 0 60px 0;right: auto; }
.service .only-title h5{margin-bottom: 0;text-align: center;}
.service .text em{opacity: 0.8;}
.service .no-text .text{margin: 0;top: 0;bottom: 0;}
.service .no-text .text:after{background-color: transparent !important;}
.service a{display: block;}

.service .text,
.news-box .img-f,
.pic-list h5,
.category-list a:before,
.related-box h5 i{
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
}
.service .item:hover .text,
.news-box:hover .img-f,
.pic-list .wrap:hover h5,
.nav>li:hover .sub,
.category-list a:hover:before,
.related-box:hover h5 i,
.mobile .related-box h5 i{
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
}
.service .only-title .text{
	transform: rotateX(90deg) translateX(-50%);
	-webkit-transform: rotateX(90deg) translateX(-50%);
	-moz-transform: rotateX(90deg) translateX(-50%);
	-ms-transform: rotateX(90deg) translateX(-50%);
}
.service .only-title.item:hover .text{
	transform: rotateX(0deg) translateX(-50%);
	-webkit-transform: rotateX(0deg) translateX(-50%);
	-moz-transform: rotateX(0deg) translateX(-50%);
	-ms-transform: rotateX(0deg) translateX(-50%);
}

.service .item:hover{z-index: 2;}
.service p.clone-title{
	position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding-bottom: 50px;
	font-size: 18px;color: #fff;
	z-index: 1;
}
.service p.clone-title:after{content: '';position: absolute;width: 40px;height: 3px;bottom: 44px;left: 50%;margin-left: -20px;background-color: #fff;}
.service .item:hover p.clone-title{
	opacity: 0;bottom: 80px;
}



.news-box{
	position: relative;
	max-width: 990px;left: 0;
	margin: 40px auto;padding: 150px 100px;
	background-color: #171819;
	border-radius: 4px;
}
a.more{
	position: relative;
	display: block;
	max-width: 990px;
	margin: 40px auto;
	line-height: 64px;
	text-align: center;
	color: #c4c5c6;
	z-index: 2;
}
a.more:after{content: ''; position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #343536;z-index: -1;border-radius: 4px;}
.section.has-bg{text-align: center;}
.section.has-bg a.more{display: inline-block;max-width: none;padding:0 100px;}
a.more:hover{color: #fff;border-color: transparent;}
a.more:hover:after{
	-webkit-animation-name:moveit;
	-moz-animation-name:moveit;
	-ms-animation-name:moveit;
	-webkit-animation-duration:1s;
	-moz-animation-duration:0.7s;
	-ms-animation-duration:0.7s;
}
@-webkit-keyframes moveit{
	0%{transform: rotateX(0deg)}
	20%{transform: rotateX(90deg)}
	40%{transform: rotateX(-40deg)}
	60%{transform: rotateX(0deg)}
	75%{transform: rotateX(20deg)}
	100%{transform: rotateX(0deg)}
}
.news-box .text{
	position: relative;
	z-index: 9;
}
.news-box h3{
	float: left;
	font-size: 24px;
	width: 37%;
	line-height: 150%;
}
.news-box p{
	width: 63%;
	float: left;
	padding-left: 6%;
	color: #eee;
	opacity: 0.85;
}
.news-box h3 i{
	display: block;
	font-size: 14px;
}
.news-box .img-f{
	opacity: 0;
}

.news-box>a{
	position: absolute;
	height: 100%;right: 0;top: 0;
	text-align: center;
	background-color: #000;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: 0;
	width: 0;
	font-family: 'myicon';
}
.news-box>a:before{content: '';display: inline-block;vertical-align: middle; width: 0;height: 100%;}
.news-box>a:after{content: '\f105';display: inline-block;vertical-align: middle;width: 100%;font-size: 30px;opacity: 0;position: relative;left: 0;}
.news-box:hover>a:after{opacity: 1;}
.news-box>a:hover:after{left: 5px;}


.demo{height: 800px;}

.pic-list{
	position: relative;
	margin: 0 auto;
	z-index: 3;
}
.pic-list .item{
	position: relative;
	float: left;
	width: 33.333333%;
	padding: 30px;
}
.pic-list .wrap{
	position: relative;
	padding-top: 60%;
}
.pic-list .img{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-color: #333;opacity: 0;
}

.service .item:after{opacity: 0.3}
.service .item:hover:after{opacity: 0}
.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 40px;line-height: 60px;
	background-color: #333;border-radius: 4px;
	opacity: 0;
}
/*.pic-list:hover .wrap:not(:hover) .img:after{
	opacity: 0.5;
}*/
.pic-list .item.no-hover .img:after{
	opacity: 0.5;
}

.pic-list .wrap:hover .img{
	transform: scale(1.05,1.05);
}
.pic-list .wrap:hover h5{
	opacity: 1;top: 0;
}

.category-list{
	position: relative;
	top: 50%;
	z-index: 9;
}
.category-list .slick-arrow{visibility: hidden;}
.category-list .item{
	width: 1100px;width: 50vw;
}
.category-list .wrap{
	position: relative;
	padding-top: 60%;
	
}
.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: #000;
	cursor: pointer;
}
.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 a{
	position: relative;
	display: inline-block;
	padding: 28px 6% 30px;
	border-radius: 6px;
	bottom: 30px;font-size: 24px;letter-spacing: 1px;
	opacity: 0;visibility: hidden;
	background-color: rgba(66,66,66,.8);
	z-index: 9;
}
.category-list a:after{
	content: '\ea3c';font-family: 'myicon';display: inline-block;vertical-align: middle;margin-left: 20px;margin-right: -10px;font-size: 70%;
}
.category-list a:before{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;border-radius: 6px;
}
.category-list .item.slick-center a{
	opacity: 1;visibility: visible;
	bottom: 80px;
}
.category .img:after{opacity: 0.5;}
.category .item.slick-center .img:after{opacity: 0;}
.category-list 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 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.88;}

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

.gallery-detail,.news-detail{
	position: relative;
	width: 96%;
	max-width: 800px;
	padding: 100px 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%;
}
.text-wrap .text{white-space: pre-line;}
.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: #181818;padding: 60px;padding-bottom: 70px;}
.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{
	border-bottom: none;padding-top: 20px;margin-bottom: -40px;
}


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


.contact.section{
	margin: 100px auto;
	max-width: 1000px;padding: 20px;
	opacity:0; 
}
.contact .text{
	width: 45%;
	float: left;
	padding-right: 10%;
}
.contact h5{position: relative;margin-bottom: 30px;}
.contact p{white-space: pre-line;}
.contact .form{
	width: 55%;
	float: right;
}
input[type='text']{height: 40px;padding: 0 15px;}
input[type='text'],textarea{width: 100%;background-color: #333;color: #fff;border:2px solid transparent;}
input[type='text']:focus,textarea:focus{background-color: #222;}
textarea{padding: 15px;max-width: 100%;}
form dl{margin-bottom: 10px;}
form dt{margin-bottom: 6px;font-size: 14px;}
form button{padding: 20px 60px;background-color: #333;color: #fff;}
.contact h5:after{content: '';position: absolute;left: 0;bottom: -10px;height: 3px;width: 30px;}

.map{
	position: relative;
	min-height: 240px;
	background-color: #000;
	opacity: 0.4;
}
.map:hover,.mobile .map{
	opacity: 1;
}

.footer{background-color: #151515;padding: 40px 0;position: relative;z-index: 99;}
.footer.fixed{
	position: fixed;width: 100%;left: 0;bottom: 0;
}
.footer .wrap{ margin: 0 auto;opacity: 0; }
.foot-extend{
	padding: 3% 0 6%;margin-bottom: 40px;
	font-size: 0;
	border-bottom: 1px solid #333;
}
.foot_box p:first-child{
	padding-bottom: 20px;margin-bottom: 20px;
	border-bottom: 1px solid #333;color: #fff;
}

.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: 48px;line-height: 48px;right: 40px;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: 40px;
}
.social-box a{
	position: relative;
	display: block;
	height: 48px;
	color: #ccc;
	background-color:#666;background-color:rgba(44,44,44,.85);
	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: #333;
	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;}

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




/*公用参数 ——————————————————————————————————————————*/
.service .item,.pic-list .wrap{
	background-color: #000;
	background-color: rgba(0,0,0,.5);
}

.header.move,.header>i,.slider .item:after,.nav li a,.slick-arrow:after,.header-other a,.nav .sub,.nav .sub li:before,.slick-dots li button,.go-top,
a.btn,a.btn:after,.service .text:after,p.clone-title,.news-box>a:after,a.more,a.more:after,.slick-arrow,.pic-list .item,.pic-list .img,.img:after,
.footer a,.social-box a:after,.social-box a img,.social-box,.social-box i,.copy a,
.pic-list h5,.service .item:after,.category-list .img,.category-list a:before,.category-list a:after,input[type='text'],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,.related-box .img,.related-box h5 i,.related-box h5 i:after,.related-box h5,.related-box:after{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
}
a.btn-01:hover,.home-about .img h2:after,.nav .sub li:before,.title h2 i:after,
.service .text:hover:after,.service p.clone-title:after,.news-box>a,a.more:hover:after,.section.has-bg a.more:hover: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,.related-box:hover h5 i:after,button:hover,.contact h5:after{
	background-color: #766fd0;
}
.home-about .img h2 i,input[type='text']:focus,textarea:focus{
	border-color: #766fd0;
}
.news-box h3 i,.section > .title p,.ctrl-menu a:hover{
	color: #766fd0;
}
.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;
}
.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,.service .img,.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,.mobile .service .img,.map{
	transition: all 0s !important;
	-webkit-transition:all 0s !important;
}
.news-box .img-f,.service .text{
	transition: transform 0.4s;
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
}
.service .item,.more,.text,.nav>li,.category-list .wrap,.category-list a,.related-box h5{
	perspective:3000px;
	-webkit-perspective:3000px;
	-moz-perspective:none;
	-ms-perspective:3000px;
}

body,.nav li a,.foot_box,.page-menu .wrap a,.page li,.ctrl-menu a,button,input,textarea{
	font-size: 16px;
}
h1,h2,h3,h4,h5{font-weight: 100;line-height: 120%;color: #fff;}
h1{font-size: 50px;}
h2{font-size: 40px;}
h3{font-size: 32px;}
h4{font-size: 26px;}
h5{font-size: 21px;}
h6{font-size: 18px;}

@media screen and (max-width: 1920px) {
	.service .text{margin: 40px;}
	.category-list .item.slick-center a{bottom: 40px;}
	.category-list a{padding: 20px 6% 21px;font-size: 18px;}
}

@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{font-size: 16px}


	.pic-list .item{padding: 20px;}
	.pic-list h5{line-height: 56px;}
	.service .text{margin: 30px;}
	.service .only-title .text{margin:0 0 30px 0;}
	.service p.clone-title{padding-bottom: 40px;}
	.service p.clone-title:after{bottom: 34px;}
}

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

	.header{height: 70px;}
	.header.hide{top: -70px;}
	.logo{line-height: 70px;}
	.nav li{line-height: 40px;}
	.nav li a{letter-spacing: 1px;}
	.header-other{margin-right: 15px;}
	.header-other a{top: 15px;padding: 0 18px;}
	.nav .sub{width: 200px;}
	.nav li:hover .sub{top: 45px;}

	.section.has-bg{padding: 110px 0}
	.section.has-bg.type-02{padding-bottom: 20px}

	a.btn-01{line-height: 60px;}
	.social-box.go-top-show{bottom: 20px;}
	.social-box{right: 20px;}
	.slick-arrow{height: 48px;width: 48px;line-height: 48px;}
	.slick-arrow:after{font-size: 24px;}

	.service .text{margin: 20px;}
	.service h5{margin-bottom: 8px;}
	.service p.clone-title{padding-bottom: 30px;}
	.service p.clone-title:after{bottom: 24px;}
	.pic-list .item{padding: 15px;}
	.pic-list h5{line-height: 48px;}
	.news-detail{padding-top: 15%;}
	.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: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';
	position: absolute;height: 50px;width: 50px;left: 0;top: 0;color: #fff;
	font-size: 20px;
}
.m-header>i.down:after{content: '\ea0f';font-size: 16px;}
.m-nav{
	display: none;
	position: fixed;
	top: 50px;left: 0;width: 100%;height: calc(100% - 50px);height: -webkit-calc(100% - 50px);
	background-color: rgb(22,22,22);overflow: auto;
	font-size: 12px;line-height: 36px;
	padding: 20px 30px;
	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,.3);
	padding-right: 30%;
}
li.has-ul:after{
	content: '\f107';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 .news-box{left: 0 !important;background-color: transparent;}
.mobile .news-box .img-f{opacity: 0.6!important}
.mobile .news-box>a{left:0 !important;right: auto !important;width: 100% !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: 50px;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 a{opacity: 1;visibility: visible;border-radius: 0;padding: 54% 0 6% 0;position: absolute;width: 100%;bottom: 0;left: 0;background-color: transparent;}
.mobile .category-list a:before{display: none;}
.mobile .category-list .img{cursor: default;-webkit-transform: scale(1,1) !important;transform: scale(1,1) !important;}

.mobile .gallery-banner{height: auto !important;}
.mobile .gallery-banner .img{padding: 8%;padding-top: calc(8% + 50px);padding-top: -webkit-calc(8% + 50px)}
.mobile .gallery-banner img{height: auto;width: 100%;}

.mobile .pic-list .text{bottom: 10px;}
.mobile .pic-list h5{line-height: 36px;background-color: rgba(11,11,11,.3) !important;}


@media screen and (max-width:1281px ){
	.nav .sub{width: 240px;}
	.pic-list{min-width: 960px;padding: 15px;}
	.header,.inner,.section.small,.footer .wrap,.pic-list,.type-02.category .item{min-width: 960px;}
	.banner{margin-bottom: 70px;}
	.contact.section{margin: 70px auto;}
	.related-box{width: 50%;}
	.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{padding: 70px 0;}
}
@media screen and (max-width: 1023px) {
	h1{font-size: 30px;}
	h2{font-size: 22px;}
	h3,.news-box h3,.slider .item p{font-size: 18px;}
	h4{font-size: 15px;}
	h5{font-size: 14px;}
	h6{font-size: 12px;}
	.text h2 {font-size: 5vw;}

	.header,.inner,.section.small,.footer .wrap,.pic-list,.type-02.category .item{
		max-width: 1600px;
		min-width: 0;
		width: 100%;
	}
	.section.small{margin:40px 0;}
	.title h2 i:after{width: 50px;margin-left: -25px;}

	.slider .slick-arrow{ width: 40px;height: 40px;line-height: 40px; margin-top: -20px; }
	.slick-prev{left: 10px;}.slick-next{right: 10px;}
	.slick-dots li{width: 25px}
	.slick-dots{bottom: 0;}
	.slider .item:after{display: none;}
	.slider .item p{height: 21%;}
	.slider .item:after{height: 26%}
	.social-box{display: none}
	.slider .item.cap_img p img{padding: 0 20%;}

	.home-about{margin: 0;}
	.home-about .img{position: relative;width: 100%;padding-top: 60%;margin-bottom: 30px;}
	.home-about .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;}
	.service .item:hover .text{opacity: 1;bottom: 0}
	.service.for-3 .item,.service.for-4 .item,.related-box{width: 50%;}

	.pic-list{padding: 15px; }
	.pic-list .item{width: 50%;}
	
	.section > .title{margin-bottom: 30px;}
	.section.has-bg{padding: 60px 0;}
	a.more{margin: 20px 0;line-height: 48px;}
	.section.has-bg a.more{padding: 0 50px;}

	.news-box{padding: 8%}
	.news-box>a{width: 100%;background-color: transparent !important;z-index: 99;}
	.news-box>a:after,.news-box>a:before{display: none;}
	.news-box .img-f{position: relative;opacity: 1;-webkit-transform: rotateX(0deg);padding-top: 60%;margin-bottom: 30px;}
	.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: 678px) {
	h1{font-size: 26px;}
	h2{font-size: 18px;}
	h3,.news-box h3,.slider .item p{font-size: 16px;}
	h4{font-size: 13px;}
	h5{font-size: 12px;}
	h6{font-size: 11px;}
	body, .nav li a, .foot_box, .page-menu .wrap a, .page li, .ctrl-menu a, button, input, textarea{font-size: 12px;}
	.home-about .text, .text-wrap{font-size: 13px;}

	.slider{margin-top: 50px;}
	.slider .item.cap_img p img{padding: 0 10%;}
	.slider .item p{min-height: 24%;}
	.banner{min-height: 240px;margin-bottom: 50px;}
	.news-box{padding: 6%}
	.news-detail{padding-top: 20%;width: 100%;}
	.gallery-detail, .news-detail{padding: 20% 0 50px;}
	.news-detail .text-wrap{padding: 30px;}
	.pic-list .item{width: 100%;}
	.news-box h3,.news-box p{width: 100%;float: none;padding: 0;}
	.foot_box{font-size: 10px;}

	.contact .text,.contact .form{width: 100%;float: none;padding: 20px}
	.service.for-3 .item,.service.for-4 .item, .related-box{width: 100%;}
}

.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;}