@charset "UTF-8";
@font-face {  /*首选*/
	font-family: 'tt';
	src:url('tt7.woff') format('woff');
}
body::-webkit-scrollbar-thumb{background-color:rgba(122,122,122,.7);}
body::-webkit-scrollbar-thumb:hover{background-color:rgba(66,66,66,1);}
body::-webkit-scrollbar{width:20px;background-color:rgba(66,66,66,7);}

* { margin:0; padding:0; } 
html,body{height: 100%;}
li,a,div,nav,header,footer,section,span,p,input,textarea,button{box-sizing: border-box;}
object{width: 100%;height: 100%;transform: scale(1.2)}
iframe{max-width: 100%;margin: 20px 0;}
input,button,textarea{font-family: "tt",Arial, "微软雅黑";}
body{
  color: #fff;
  font-family: "tt",Arial, "微软雅黑";
  font-size: 14px;
  background-color: #999;
}
img{border: none;vertical-align:middle;}
ul,li{
	list-style-type: none;
}
a{
  color: #fff;
  text-decoration: none;
  border: none;
  transition: 0.4s;
}
/*a:hover{ color: #666; }*/
p{font-size: 14px;line-height: 22px; font-weight: 100;color: #f2f2f2;}
.cf:after{content: "";display: block;height: 0;clear: both;}

h2,h3,h4,h5{font-weight: 100;}
h2{font-size: 30px;line-height: 36px;margin-bottom: 16px;}
h3{font-size: 30px;line-height: 36px;margin-bottom: 10px;margin-top: 10px;}
h4{font-size: 24px;line-height: 30px;margin-bottom: 10px;margin-top: 10px;}
h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;margin-top: 10px;}



/*-------------------- -------------------- -------------------- 基本框架 -------------------- -------------------- -------------------- */
.slider_full{opacity: 0.5;filter:alpha(opacity=50);}
.slider_full,.news_bg{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;top: 0;
	background-size: cover;
	z-index: 1;
}
.home~.body_bg{display: none;}

.news_bg{transform: scale(1.5);display: none;opacity: 0.5;filter:alpha(opacity=50);}
.slider_full li{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-size: cover;
	background-position: center;
	opacity: 0;
}
/*.slider_full li.rslides1_on{
	transform: scale(1);
}*/
.content{
	position: relative;
	left: 65%;
	width: 35%;
	padding: 100px 60px 20px 60px;
	box-sizing: border-box;
	z-index: 2;
}
.body_bg{
	position: fixed;
	height: 100%;
	width: 35%;
	top: 0;right: 0;
	background-color: #222;
	opacity: 0.3;filter:alpha(opacity=30);
	z-index: 1;
}
.home{width: 100%;padding: 0;left: 0;position: relative;z-index: 2;}
.news_detail_,.content.detail_{width:70%;left:30%;}
.content.detail_{width: 100%;left: 0;padding: 0 10%;}

.detail_ .page-title ul{
	position: fixed;
	bottom: 0;
	float: right;
}

.body_bg2{width:70%;}
.side{
	position: fixed;
	top: 0;left: 0;
	/*padding: 50px;*/
	width: 20%;
	height: 100%;
	z-index: 99;
	box-sizing: border-box;
}
.side-info{
	position: absolute;
	bottom: 200px;
}
.side-info p{
	font-size: 18px;
	width: 100%;
	line-height: 28px;
	font-weight: 700;
}
.nav{
	position: fixed;
	display: none;
	left: 0;
	top: 47%;
	font-size: 0;
}
.nav li{
	position: relative;
	margin-bottom: 1px;
}
.nav li a{
	position: relative;
	font-size: 14px;
	line-height: 48px;
	letter-spacing: 2px;
	color: #fff;
	background: #222;
	background: rgba(34,34,34,.8);
	display: inline-block;
	height: 48px;
	padding: 0 20px;
	z-index: 99;
}
.nav li a:before{
	content: '';
	position: absolute;
	width: 0;height: 100%;
	left: 0;top: 0;
	background-color: #ccc;
	transition: 0.4s;
	opacity: 0;
	z-index: -1;
}
.nav li a:hover:before{width: 100%;opacity: 1;}
.on:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 100%;
	z-index: 100;
}
.nav ul.sub{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	transition: 0.4s;
}
.nav ul.sub li{margin-left: 1px;display: none;float: left;transition: 0.4s;margin-bottom: 0;}

.m_nav{
	display: none;
	text-align: center;
}
.m_nav li{line-height: 24px;font-size: 12px;}
.m_nav ul.sub li a{color: #777;}
.m_nav ul.sub{margin-bottom: 10px;}








.logo{
	padding: 10px;
}
.logo img{
	max-width: 100%;
	max-height: none;
	margin-bottom: 10px;
}


.m_list{display: none;}

.page-title {
	padding-bottom: 30px;
	z-index: 999;
	box-sizing: border-box;
}
.page-title li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 1px;
	background-color: #444;
	height: 36px;line-height: 36px;
	background-color: rgba(55,55,55,.7);
	z-index: 99;
	transition: 0.4s;
}
.page-title li.no_a{padding: 0 20px;}
.page-title li a{
	font-size: 16px;
	letter-spacing: 1px;
	padding: 0 20px;
	display: inline-block;
}
.page-title li.sub-on{
	background-color: rgba(88,88,88,.7);
}
/*.page-title li:before{
	content: "  / ";
	display: inline-block;
	font-size: 30px;
	text-align: center;
	width: 20px;
	color: #f0f0f0;
}*/
/*.page-title li:first-child:before{
	display: none;
}*/
.page-info,.page-info-btn{
	position: absolute;
	width: 100%;
	text-align: right;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #ccc;
	z-index: 99;
}
.page-info-btn{top: auto;position: fixed;left: auto;right: 0;bottom: 0;}
/*.page-info:after,.page-info-btn:after{
	content: "";
	display: inline-block;
	width: 20px;
 }*/
.btn-back,.btn-prev,.btn-next{
	position: relative;
	display: inline-block;
	margin-left: 1px;
	top: 0;
	right: 0;
	float: right;
	width: 48px;
	height: 48px;
	background-color: #111;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 99;
	opacity: 0.7;
	transition: 0.4s;
}
.btn-back{background-image: url(../imgcssjs/icon-back.png);}
.btn-prev{background-image: url(../imgcssjs/icon-prev.png);}
.btn-next{background-image: url(../imgcssjs/icon-next.png);}

.btn-back:hover,.btn-prev:hover,.btn-next:hover{
	background-color: #444;
	opacity: 1;
}



.page{
	margin: 40px auto;
	text-align: center;
}
.page li{
	display: inline-block;
	background-color: #f0f0f0;
}
.page_on a{
	background-color: #e3e3e3;
}

.page li a{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #111;
	box-sizing: border-box;
	transition: 0.5s;
}
.page li a:hover{color: #fff;background-color: #000;}

.page-title li a{color: #bbb;}
.page-title li:hover{}

.page-title .sub-on a,.page-title .sub-on{color: #ddd;}

iframe{max-width: 100%;margin: 30px 0;}

.btn-nav{
	position: relative;
	display: none;
	width: 90%;
	height: 40px;
	margin: 0 auto;
	z-index: 999;
	cursor: pointer;
	background-image: url(../imgcssjs/nav-icon1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	box-sizing: border-box;
}


/*-------------------- -------------------- -------------------- home -------------------- -------------------- -------------------- */
.big-list{
	margin-bottom: 40px;
}
.big-box{
	position: relative;
	width: 100%;
	/*background-size: 100% auto;*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.big-box img{
	width: 100%;
}
.big-list .big-box img{display: none;}
.big-box-info{
	position: absolute;
	margin-top: -20px;
	display: none;
	bottom: 60px;
	right: 0;
}
.big-box-info span{
	position: relative;
	height: 56px;line-height: 56px;
	padding: 0 40px;
	display: inline-block;
	font-size: 15px;
	letter-spacing: 2px;
	color: #fff;
	background-color: #000;
	background-color: rgba(0,0,0,.2);
	z-index: 80;
}
.big-box-info span:after{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	background-color: #bc10f1;
	opacity: 0;
	filter:alpha(opacity=0); 
	z-index: -1;
	transition: 0.4s;
}
.big-box span:hover:after{
	width: 100%;
	opacity: 0.9;
	filter:alpha(opacity=90); 
}
.big-box-over{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #212121;
	opacity: 0;
	filter:alpha(opacity=20); 
	transition: 0.4s;
}
/*.big-list:hover .big-box:not(:hover) .big-box-over{
	opacity: 0.6;
	filter:alpha(opacity=60); 

}*/
/*.big-box:hover .big-box-over{
	opacity: 0;
	filter:alpha(opacity=0); 
}*/

/*-------------------- -------------------- -------------------- gallery -------------------- -------------------- -------------------- */


.page-title p{
	position: relative; 
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	padding: 20px 30px 0 0;
	box-sizing: border-box;
}
.gallery,.detail-img,.news-detail,.text-page{
	position: relative;
	z-index: 2;
}
.detail-img{
	/*margin-bottom: 60px;*/
}
.detail-img img{width: 100%;margin-bottom: 20px;margin-top: 10px;}


.gallery:after,.detail-img:after,.text-box:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.pic-box{
	position: relative;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
}
.pic-box img{
	width: 101%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-filter: grayscale(0);
	transition: 0.4s;
}
.pic-box:hover img{
	-webkit-filter: grayscale(100%);
}
.box-over{
	position: absolute;
	bottom: 0;
	height: 0;
	width: 100%;
	background-color: #bc10f1;
	opacity: 0;
	filter:alpha(opacity=0); 
	transition: 0.4s;
}
.pic-box:hover .box-over{height: 36px;opacity: 0.9;filter:alpha(opacity=90); }
.pic-box p{
	position: absolute;
	padding: 0 12px;
	width: 100%;
	height: 36px;line-height: 36px;
	left: 0;
	bottom: 0;
	color: #f4f4f4;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	transition: 0.4s;
	z-index: 9;
}
.pic-box:hover p{
	letter-spacing: 4px;
/*	opacity: 1;
	filter:alpha(opacity=100); */
}
/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */

.news-list{
	position: relative;
}
.news-box{
	position: relative;
	margin-bottom: 60px;
}
.news-list-img{
	position: relative;
}
.news-list-img img{
	width: 100%;
	transition: 0.6s;
}
.news-list-img:after{
	content: '';
	position: absolute;
	width: 100%;height: 100%;top: 0;left: 0;
	opacity: 0.3;filter:alpha(opacity=30);
	background-color: #333;
	transition: 0.6s;
}
.news-box:hover .news-list-img:after{opacity: 0;filter:alpha(opacity=0);}
.news-list-info{
	position: relative;
}

.news-list-title{
	position: relative;
}

.news-box:after{
	content: "";
	display: block;
	clear: both;
}
.news-list-title h4{
	color: #f2f2f2;
	font-size: 21px;
	margin-bottom: 10px;
	transition: 0.2s;
}
.news-list-title p{
	color: #ddd;
	font-size: 14px;
	line-height: 20px;
}
.news-list-info span{
	position: absolute;
	display: none;
	bottom: 0;
	right: 0;
	padding: 30px 40px;
	width: 100%;
	color: #000;
	text-indent: 20px;
	border-top:1px solid #f0f0f0; 
	border-top:1px solid rgba(0,0,0,.04); 
	z-index: 99;
	box-sizing: border-box;
	transition: 0.2s;
}
.news-list-info span:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 36px;
	height: 36px;
	background-image: url(../imgcssjs/icon-more.png);
}
.news-list-info span:hover:before{
	background-image: url(../imgcssjs/icon-more2.png);
}
.news-list-info span:hover {
	color: #fff;
	background-color: #000;
}
.news-list-info h4:hover {
	opacity: 0.8;
}
.news-detail img{
	width: auto;
	max-width: 100%;
	margin-bottom: 20px;
}
.news-detail .banner-img img{width:100%;margin-bottom: 30px;}
.banner-img~p img{margin:20px 0;width: 100%;}

.news-detail p{
	width: 98%;
	margin-bottom: 50px;
}

.news-time{font-size: 12px;color: #ddd;padding-bottom: 8px;}
.share{padding: 0 10px;background-color: #fff;}

/*-------------------- -------------------- --------------- contact & about ------------------ -------------------- -------------------- */
.text-box{
	/*margin-top: 30px;*/
}
.text-left{
	position: relative;
}
.text-left>p,.text-box p{
	white-space: pre-line;
}
.text-left em,.text-page p em{font-size: 21px;margin-bottom: 20px;font-style: normal;display: inline-block;}
.text-left h3,.text-left h2,.text-left h4{margin-top: 0;}
.text-right img{
	width: 100%;
}
.text-right{
	position: relative;
	margin-bottom: 30px;
}
.text-left:after,.text-right:after{
	content: "";
	display: block;
	clear: both;
}


.form{margin-top: 40px;}
.form input,.formText{
	border: 2px solid #ddd;
	background-color: transparent;
	background-color: rgba(11,11,11,.3);
	color: #ddd;
	font-size: 14px;
	line-height: 24px;
	width: 100%;
	padding: 0 10px;
	text-align: left;
	margin: 0 auto;
	outline:medium;
	transition: 0.4s;
}
.formText{
	text-align: left;
}
#myform{font-size: 0;}
dl.small {
	width: 50%;
	display: inline-block;
}
dl.small.left{
	width: 48%;
	margin-right: 2%;
}
.form textarea{
	height: 100px;
	max-width: 100%;
}
.form input:focus,.form textarea:focus{ 
	background-color:rgba(11,11,11,.8); 
	border: 2px solid #bc10f1;
}
.form dt{
	margin-top: 10px;
	color: #ddd;
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 4px;
}
.formBtn button{
	display: block;
	padding: 10px; 
	width:100%;
	background: #ddd;
	color: #222;
	margin: 30px auto;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}
.formBtn button:hover{
	color: #fff;
}

/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
.footer{
	position: fixed;
	bottom: 0;left: 0;
	width: 50%;
	padding: 0 20px;
	/*background-color: rgba(11,11,11,.2);*/
	z-index: 99;

}

.footer p a {color: #ddd;}
.footer p{ color:#ddd !important;font-size: 12px;max-width: 90%;height: 40px;line-height: 40px;display: inline-block;}
.follow {line-height: 40px;height: 40px;}
.follow a{ color: #ddd;height: 24px;display: inline-block;vertical-align: middle;}
.follow span{
	opacity: 1;
	padding: 0px;
	filter:alpha(opacity=100); 
	transition: 0.4s;
}
.follow span:hover{
	opacity: 0.7;
	filter:alpha(opacity=70); 
}
.s-qq, .s-weibo, .s-taobao, .s-tt, .s-renren{display: inline-block; width: 24px;height: 24px;background-repeat: no-repeat; background-position: center;background-size: 100%;}
.s-qq{ background-image: url(../imgcssjs/qq.png);}
.s-renren{ background-image: url(../imgcssjs/renren.png);}
.s-taobao{ background-image: url(../imgcssjs/taobao.png);}
.s-weibo{ background-image: url(../imgcssjs/weibo.png);}
.s-tt{ background-image: url(../imgcssjs/tt.png);}

.follow {
position: relative;
display: inline-block;
}

.detail_info.page-title{
	position: fixed;
	right: 0;bottom: 0;
	padding: 0;
}
.detail_info.page-title .page-info-btn,.detail_info.page-title ul{
	position: relative;
	width: auto;
	float: right;
}
.detail_info.page-title li{
	margin-bottom: 0;
	height: 48px;line-height: 48px;
	background-color: rgba(17,17,17,.7);
}
.content.detail_ .section{
	text-align: center;
}

.detail_ .detail-img{text-align: center;}
.detail_ .detail-img img{margin: 0 auto;max-width: 100%;width: auto;height:auto;margin: 15px 0;}

.p_title{display: block;}
.p_title li{font-size: 21px;margin-bottom: 10px;}



/*-------------------- -------------------- -------------------- 响应式 -------------------- -------------------- -------------------- */

@media screen and (max-width: 1439px){
	.content{padding: 50px 30px 10px 30px;}
	.page-title li a {font-size: 12px;padding: 0 10px;}

	.news_detail_{width: 65%;left: 35%;}
	.body_bg2{width: 65%;}

}


/*----------------------------------------------------1023-----------------------------------------------------*/
@media screen and (max-width: 959px){

.p_title li{font-size: 14px;}

html,body{overflow: auto !important;height: auto !important;}
.m_list{display: block;}
.big-list,#fp-nav{display: none;}
.m_slider_item img{width: 100%;}
.m_slider_item{text-align: center;}
.m_slider_item span{
	display: block;
	background: #222;
	padding: 10px 0;
	font-size: 12px;
}

.body_bg{width: 100% !important;opacity: 0.6;filter:alpha(opacity=60);}

.content{padding-top: 20px !important;}

iframe{width: auto;height: auto;}

.logo img{	max-height: 60px;}
.side{
	position: relative;
	width: 100%;
	height: auto;
	left: 0;
	padding: 10px;
	padding-bottom: 0;
	background-color: #222;
}
.side-info p {
	display: none;
	font-size: 14px;
	line-height: 22px;
}
.logo { padding:0; text-align: center; }
.btn-nav{display: block;border-bottom: 1px solid rgba(0,0,0,.1);border-top: 1px solid rgba(0,0,0,.1);}

.nav{display: none !important;}

.page-title{margin-bottom: 20px;padding-bottom: 0;}
.page-title ul{
	text-align: center;
}

.content{
	left: 0;
	width: 100%;
	top: 0;
	padding: 20px;
}
.page-title { width: 100%; position: relative;}
.page-info, .page-info-btn {top: 34px;}
.page-info{display: none;}

.footer {
	width: 100%;
text-align: center;
height: 24px;line-height: 24px;
background-color: #222;
}
.follow{display: none;}
.footer p {font-size: 10px;line-height: 24px;height: 24px;}


/*---------------------gallery------------------------------*/



.detail-img img { width: 100%; max-width: 100%; }
.pic-box{ width: 50%; }
.page-title p { padding: 24px 0 0 0;font-size: 12px;}
.news-detail img {width: 100%;}
/*.news-detail{top: 60px;}*/

.page-info-btn {top: 36px; text-align: right;right: 0;left: auto;width: 140px;}

.btn-back, .btn-prev, .btn-next {width: 30px;height: 30px;right: auto;}
.page-info:after, .page-info-btn:after {width: 0;}
.btn-back{}
.btn-next{}
.box-over{display: none;}

.detail_info.page-title{bottom: 8px;}
.detail_info.page-title li {height: 30px;font-size: 12px;line-height: 30px;}
.detail_info.page-title li.no_a {padding: 0 10px;}
.detail_info .page-info-btn{top: 0;}


/*---------------------news---------------------------------*/
.news-list-info span {padding: 20px 30px;}
.news-detail{width: 100%;}

.page-title p {margin-top: 40px;}
.news-detail .banner-img img{width: 100%;}


/*---------------------about & contact----------------------*/
.text-left,.text-right{
	float: none;
	width: 100%;
	height: auto;
	padding: 0;
	text-align: center;
}

.text-box{margin-top: 0;}


/*---------------------home---------------------------------*/
.text-left>p, .text-box p{text-align: left;}

.big-box {margin-bottom: 20px;}
.big-box-info span:after{display: none;}

.news-box{margin-bottom: 30px;}
.text-left em, .text-page p em{font-size: 14px;}
.news-list-title p{font-size: 12px;}
.news-list-img,.news-list-info { width: 100%; }
.news-list-info span { display: none; }
.news-list-title h4 {height: auto;overflow: auto;font-size: 14px;}
}

/*----------------------------------------------------600-----------------------------------------------------*/
@media screen and (max-width: 600px){

p {font-size: 12px;}
.text-box {margin-top: 0;}
.logo img {max-width: 50%;}
.nav li a {font-size: 12px;}
.pic-box {width: 100%;}
.page li a {width: 30px;height: 30px;line-height: 30px;}

/*.page-info-btn{display: none;}*/
.big-box-info span {padding: 4px;font-size: 12px;}
.big-box-info {bottom: 40px;}
}