body{font-family:'Microsoft Yahei' !important; }

*{font-family:'Microsoft Yahei';}

a{ color:#333; text-decoration:none;cursor: pointer;}

ul{ padding-left:0px;}

ul li{ list-style:none;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

em{ font-style:normal;}

.clear{clear: both;}

.cl:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}

.fl{float: left;}

.fr{float: right;}

img{border: none;}





.common-width{ width:1400px; margin:0 auto;}

.longiTop { z-index: 9999;zoom: 1; position: fixed; left: 0px; top: 0px; width: 100%; background:url(../images/bj.png) repeat; }

.longi-header { width: 100%; z-index: 4; height: 100px; transition: all .5s;  }

.logo { float: left; display: block; width: 280px; height:auto; display: block; margin: 5px 0px 8px 0; }

.logo img { width: 280px; height:auto; display: block; }

.right-search{ float:right;}

.searchright .search .text{color: #cbcbcb;}

.pc_nav { height: 60px; line-height: 60px;transition: all .3s; }

.pc_nav li { display: inline-block; font-size: 16px; height: 30px; line-height:46px; transition: all .5s; float: left; text-align: center; margin-right:53px;}

.pc_nav li a { display: block; color:#333; position: relative; }

.pc_nav li a.gaoliang, .pc_nav li a:hover{ color: #fe0000; border-bottom:3px solid #fe0000; text-decoration:none; }

.pc_nav li  .active{ color: #fe0000; text-decoration:none; }

#menu,.YUYAN{ display:none;}

.right-important{ float:right;}



.change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;}

.change_height.longi-header{ height:90px; transition: all .5s;background-color:#fff; border-bottom:1px solid #f3f3f3;box-shadow: 1px 1px 3px #ccc;}

.change_height.longi-header .pc_nav { height: 40px; line-height: 40px; transition: all .5s; }

.change_height.longi-header .pc_nav li { display: inline-block; font-size: 16px; height: 35px; line-height:37px; float: left; text-align: center; margin-right:53px;}

.change_height .subNavBox { top: 90px;}

.change_height .logo { margin: 0px 0px; transition: all .5s;  margin-top:5px;}

.change_height .logo img { width: 270px; height:auto; display: block;}

.change_height .rightnav { margin-top:15px; transition: all .5s; }

.change_height .searchright .search .sub{ top:0;}



/*nav导航盒子*/

div.rightnav{ width: 100px; height:36px; line-height: 36px; text-align: center;  font-size: 12px; position: relative;z-index:99999;margin-right:-10px;margin-top:15px;}

/*nav-main*/

ul.nav-main{ width: 100%;  height: 100%; list-style-type: none; display:block;}

ul.nav-main span{ display: inline-block;  margin-left: 4px;  width: 8px; height: 8px;  background: url('../images/header_dot01.png') no-repeat;}

/*#li-1,#li-3{ display:none;}*/

/*图标向上旋转*/

.hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);

}

/*图标向下旋转*/

.hover-down{  transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);}

/*导航条设置*/

ul.nav-main>li{float: left; height:35px; line-height:35px; display: inline-block; color: #666; cursor: pointer;width: 88px;  margin-left:10px;}

/*隐藏盒子设置*/

div.hidden-box{ width: 95px;  position: absolute; display:none;background:url(../images/bj.png) repeat; top: 35px;}

.hidden-box>ul li{ list-style-type: none; color: #666; cursor: pointer;}

.hidden-box>ul li a{color: #666; }

.hidden-box li a:hover{ color: #fe0000;}

/*隐藏盒子位置设置*/

.hidden-loc-index{ left: 0px;}

.hidden-loc-us{/* left: 10px;*/ left: 100px;}

.hidden-loc-info{left: 200px;}



.searchright{ float:right;}

.searchright .search{width: 26px; position: relative;}

.searchright .search.phone{display: none;}

.searchright .search .sub{width: 26px;height: 26px;background: url(../images/search_btn.png) no-repeat right center;border:0;position: absolute;top:5px;right: 5px; z-index:1; text-indent: -9999px;}

.searchright .search .text{width:273px;height:26px;line-height:26px; font-size:12px; background:none; border:1px solid #ccc; position: absolute;top:5px;right: 0px; z-index:0; text-indent: 10px; }

.searchright .search:hover .text{width: 273px;border:1px solid #ccc;}



.subNavBox a:link, .subNavBox a:visited { color: #646464; }

.subNavBox a:active, .subNavBox a:hover { color: #646464; }

.subNavBox { 
	position: absolute; left: 0px; top: 100px; width: 100%; left: 0px;text-align: left; 
	background:url(../images/bj01.png) repeat; border-top:1px solid #eee; height: 0; overflow: hidden; 
	box-shadow: 1px 1px 3px #ccc;
}

.subNavBox .subNav { display: none; height: 389px; }

.subNavBox a .bot { width: 0px; position: absolute; left: 50%; bottom: 0px; height: 1px; background-color: #fe0000; transition: 0.5s; -webkit-transition: 0.5s; }

.subNavBox a:hover .bot { width: 74px; margin-left: -37px; }

.subNavBox .subConPage a:link, .subNavBox .subConPage a:visited { color: #646464; }

.subNavBox .subConPage a:active, .subNavBox .subConPage a:hover { color: #fe0000; }


/*在线客服·固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_conct .yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_conct .yb_bar .yb_top{background:#ff4a00 url(/statics/images/rightbar.png) no-repeat 0 0;}
.yb_conct .yb_bar .yb_phone{background:#ff4a00 url(/statics/images/rightbar.png) no-repeat 0 -57px;}
.yb_conct .yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(/statics/images/rightbar.png) no-repeat 0 -113px;}
.yb_conct .yb_bar .yb_ercode{background:#ff4a00 url(/statics/images/rightbar.png) no-repeat 0 -169px;}
.yb_conct .hd_qr{padding:0 29px 25px 29px;}
.yb_conct .yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}




/*=========mF_tab--========*/

.subNavtavs01,.subNavtavs02,.subNavtavs03,.subNavtavs04,.subNavtavs05,.subNavtavs06{ width:1000px; margin:10px 0; text-align:left;}

.subNavtavs01 .tab,.subNavtavs02 .tab,.subNavtavs03 .tab,.subNavtavs04 .tab,.subNavtavs05 .tab,.subNavtavs06 .tab{ height:35px !important; line-height:35px !important; overflow:hidden; color:#ddd; margin-bottom:0px;}

.subNavtavs01 .tab a,.subNavtavs02 .tab a,.subNavtavs03 .tab a,.subNavtavs04 .tab a,.subNavtavs05 .tab a,.subNavtavs06 .tab a{ display:block; font-size:14px; padding:0px; margin:0px 30px; display:inline-block; color:#555;}

.subNavtavs01 .tab a:hover,.subNavtavs02 .tab a:hover,.subNavtavs03 .tab a:hover,.subNavtavs04 .tab a:hover,.subNavtavs05 .tab a:hover,.subNavtavs06 .tab a:hover{ height:26px !important; line-height:26px !important; border-bottom:2px solid #fe0000; color:#fe0000; text-decoration:none; }

.subNavtavs01 .tab a.on,.subNavtavs02 .tab a.on,.subNavtavs03 .tab a.on,.subNavtavs04 .tab a.on,.subNavtavs05 .tab a.on,.subNavtavs06 .tab a.on{ height:26px !important; line-height:26px !important; border-bottom:2px solid #fe0000; color:#fe0000; text-decoration:none;}

.subNavtavs01 .content,.subNavtavs02 .content,.subNavtavs03 .content,.subNavtavs04 .content,.subNavtavs05 .content,.subNavtavs06 .content{ overflow:hidden; padding:10px;}

.subNavtavs01 .content dd,.subNavtavs02 .content dd,.subNavtavs03 .content dd,.subNavtavs04 .content dd,.subNavtavs05 .content dd,.subNavtavs06 .content dd{ display:none;}



.Navtavs-left{ width:450px; height:128px; float:left; margin-left:20px;}

.Navtavs-left p{ line-height:26px; height:52px;font-size:14px;overflow: hidden; padding:0;  color:#777;}

.Navtavs-left a{ font-size:12px; color:#999;padding-top: 20px;}

.Navtavs-left a:hover{color:#fe0000; border-bottom:none !important;}

.Navtavs-right{ width:200px; height:128px; float:left; margin-left:30px;}

.Navtavs-right img{width:200px; height:128px;}


.subNavtavs01{ margin-left:12%; }

.subNavtavs02{ /*margin-left:20.5%;*/}

.subNavtavs03{ margin-left:21%;}

.subNavtavs04{ margin-left:18.7%;}

.subNavtavs05{ margin-left:22.6%;}

.subNavtavs06{ margin-left:39.6%;}




/***分类导航菜单****/

.topmenu{ width:100%; height:42px; margin:50px auto; text-align:center;}

.topmenu a{ padding:0 35px; margin:0 8px; height:42px; line-height:42px; font-size:16px; color:#666; text-align:center; display:inline-block; border:1px solid #eaeaea;}

.topmenu a.gaoliang,.topmenu a:hover{ height:42px; line-height:42px;color:#fff; background:#fe0000; border:1px solid #fe0000;}










/***内页banner共用样式****/

.common-banner{ width:100%; height:100%;}

.common-banner img{width:100%;}



.tanceng-bg{ width:100%; height:100%; background:url(../images/bg1.png) repeat-y; position:fixed; z-index:1}

.tanceng-div{ width:350px; height:310px; margin:0px auto; margin-top:10%; background:#fff; padding:20px 50px;  font-size:16px; z-index:2}

.tanceng-div .close-btn{ float:right;}

.tanceng-div p{ padding-left:25px; line-height:30px; padding-top:50px;}

.tanceng-bom { color:#c42b1d; margin-top:50px;}

.tanceng-bom a{width:145px; height:40px; line-height:40px;  background:#c42b1d; color:#fff; font-size:16px; text-align:center; display:inline-block; margin:0px 10px;}





/*banner样式*/

.banner{width: 100%;}

#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}

#owl-demo .item{ display: block; position:relative;}

#owl-demo img.bannerimg { display: block; width: 100%;min-height: 150px;max-height: 460px;}



.banner-font{ position:absolute; left:20%; top:40%;margin-left: 100px;opacity: 0;transition: all 1.5s;}

#owl-demo .owl-item.active .banner-font{margin-left: 0;opacity: 1;}

.banner-font p img.banner-font01{ width:649px; height:61px; }

.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; }

/*手机站网站群*/
.phone_zc{
	display: none;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 7px;
	right: 58px;
	z-index: 9999;
	/*overflow: hidden;*/
}
.phone_zc .xla{
	height:35px;
	line-height:35px;
	display: inline-block;
	color: #666;cursor: pointer;
	width: 88px;margin-left:10px;
}
.phone_zc .xla span{ display: inline-block;  margin-left: 2px;  width: 8px; height: 8px;  background: url('../images/header_dot01.png') no-repeat;}
.phone_zc .hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.phone_zc .lb{ width: 100px;text-align: center;padding: 10px 0;  position: absolute; display:none;background:url(../images/bj.png) repeat; top: 35px;left: -10px;}
.phone_zc .lb ul li{ list-style-type: none; color: #666; cursor: pointer;line-height: 24px;font-size: 14px;}
.phone_zc .lb ul li a{color: #666; }
.phone_zc .lb li a:hover{ color: #fe0000;}





@media only screen and (min-width:1024px) and (max-width:1400px) {

	

	

.longi-header{ height: 90px;}

.pc_nav li { font-size: 14px; margin-right:42px; line-height:36px;}

.change_height.longi-header .pc_nav li { font-size: 14px; margin-right:42px;}

.logo { width: 103px;height:auto; margin: 5px 0px 5px 0; }

.logo img { width: 260px; height:auto;}

.subNavBox { top: 90px;}

.change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;}

.change_height.longi-header{ height:80px;}

.change_height.longi-header .pc_nav { height: 30px; line-height: 30px;}

.change_height.longi-header .pc_nav li { font-size: 14px; margin-right:42px; line-height:27px; height: 30px;}

.change_height .subNavBox { top: 80px;}

.change_height .logo img { width:250px; height:auto;}

.change_height .searchright .search .sub{ top:0px;}

.change_height .searchright .search .text{top: 0px;}



.subNavtavs01{ margin-left:150px;}

.subNavtavs02{}

.subNavtavs03{ margin-left:275px;}

.subNavtavs04{ margin-left:223px;}

.subNavtavs05{ margin-left:275px;}

.subNavtavs06{ margin-left:460px;}

}


@media screen and (max-width:1080px) {

.banner-font{ position:absolute; left:10%; top:30%;}

.banner-font p img.banner-font01{ width:500px; height:47px; }

.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }


.yb_conct {display:none;}

}	



@media screen and (max-width:1036px) {
.yb_conct {display:none;}
.searchright .search.phone{display: none;}

.searchright .search { display: none;}

.subNavtavs01{ margin-left:-20px;}

.subNavtavs02{ }

.subNavtavs03{ margin-left:115px;}

.subNavtavs04{ margin-left:56px;}

.subNavtavs05{ margin-left:50px;}

.subNavtavs06{ margin-left:50px;}

/*手机站网站群*/
.phone_zc{
	display: block;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 21px;
	right: 116px;
	
	/*overflow: hidden;*/
}

}





@media only screen and (max-width:861px) {
.yb_conct {display:none;}
.banner-font{ position:absolute; left:10%; top:30%;}

.banner-font p img.banner-font01{ width:400px; height:38px; }

.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }

/*手机站网站群*/
.phone_zc{
	display: block;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 17px;
	right: 106px;
	
	/*overflow: hidden;*/
}

}



@media screen and (max-width:481px) {
.yb_conct {display:none;}
.banner-font{ position:absolute; left:10%; top:30%;}

.banner-font p img.banner-font01{ width:300px; height:28px; }

.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }

/*手机站网站群*/
.phone_zc{
	display: block;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 6px;
	right: 80px;
}


}

@media screen and (max-width:340px) {

	

.banner-font{ position:absolute; left:10%; top:30%;}

.banner-font p img.banner-font01{ width:210px; height:20px; }

.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }



}







@media screen and (max-width:1024px){
.yb_conct {display:none;}
.longiTop {  position:inherit; width: 100%; background:#fff; }

.longi-header{ height:80px; background-color:#fff;  transition: all .5s;}

.logo { width: 230px;  display: block; margin: 10px 0px 10px 0; }

.logo img { width:230px; height:auto;}

.change_height.longi-header{ height:80px; transition: all .5s;}
	
.change_height .logo img { width:230px; height:auto; transition: all .5s;}	

.banner{ margin-top:80px;}

.right-important{ display:none;}

.navi_head{display:none;}

.subNavBox{display:none;}

#menu,.YUYAN{ display:block;}

a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 30px;

		right: 70px;

	}

	.phone_nav a

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 30px;

		right: 30px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #fe0000;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #fe0000;

		display: block;

		height: 2px;

		margin: 6px 0;

	}

	



}	





@media only screen and (min-width:640px) and (max-width:768px) {

.yb_conct {display:none;}
    
  
    .longiTop {  position:fixed; width: 100%; background:#fff; }
	
    .longi-header{  height:70px; background-color:#fff; transition: all .5s;}

	.logo { width: 220px; display: block; margin: 10px 0px 0px 0; transition: all .5s;}

    .logo img { width: 220px; height:auto; transition: all .5s;}
	
	.change_height.longi-header{ height:70px; transition: all .5s;}
	
    .change_height .logo img { width:220px; height:auto; transition: all .5s;}	
	
	.banner{ margin-top:70px;}

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 25px;

		right: 60px;

		font-size:15px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 27px;

		right: 25px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #fe0000;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #fe0000;

		display: block;

		height: 2px;

		margin: 6px 0;

	}



.boxitem.item2 .itemtxt .t { margin-bottom: 0;}

.boxitem .itemtxt .t { padding-top: 20%;}

.boxitem .itemtxt .c { line-height:16px;}

}



@media only screen and (min-width:480px) and (max-width:640px) {
.yb_conct {display:none;}
	.banner{ margin-top:60px;}

    .longi-header{ background-color:#fff; height:60px; transition: all .5s;}

	.logo { width: 200px; display: block; margin: 10px 0px 0px 0; transition: all .5s;}

    .logo img { width: 200px; height:auto; transition: all .5s;}
	
	.change_height.longi-header{ height:60px; transition: all .5s;}
	
    .change_height .logo img { width:200px; height:auto; transition: all .5s;}		

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 13px;

		right: 45px;

		font-size:15px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 15px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #fe0000;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #fe0000;

		display: block;

		height: 2px;

		margin: 6px 0;

	}



	

}

@media only screen and (min-width:400px) and (max-width:480px) {
.yb_conct {display:none;}
    .banner{ margin-top:50px;}

	.longi-header{ background-color:#fff; height:50px; transition: all .5s;}

	.logo { width: 180px; display: block; margin: 5px 0px 0px 0; transition: all .5s;}

    .logo img { width: 180px; height:auto; transition: all .5s;}	
	
	.change_height.longi-header{ height:50px; transition: all .5s;}
	
    .change_height .logo img { width:180px; height:auto; transition: all .5s;}	

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 13px;

		right: 45px;

		font-size:15px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 15px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #fe0000;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #fe0000;

		display: block;

		height: 2px;

		margin: 6px 0;

	}

	

	

}

@media only screen and (min-width:360px) and (max-width:400px) {
.yb_conct {display:none;}
	.banner{ margin-top:50px;}

	.longi-header{ width:100%; background-color:#fff; height:50px; transition: all .5s;}

	.logo { width: 160px; display: block; margin: 5px 0px 0px 0; transition: all .5s;}

    .logo img { width:160px; height:auto; transition: all .5s;}	
	
	.change_height.longi-header{ height:50px; transition: all .5s;}
	
    .change_height .logo img { width:160px; height:auto; transition: all .5s;}	

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 14px;

		right: 40px;

		font-size:13px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 15px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #fe0000;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #fe0000;

		display: block;

		height: 2px;



		margin: 5px 0;

	}

	

	

}



@media only screen and (min-width:320px) and (max-width:360px) {
	.yb_conct {display:none;}
	.banner{ margin-top:50px;}

    .longi-header{ width:100%; background-color:#fff; height:50px; transition: all .5s;}

	.logo { width: 160px; display: block; margin: 5px 0px 0px 0; transition: all .5s;}

    .logo img { width:160px; height:auto; transition: all .5s;}
	
	.change_height.longi-header{ height:50px; transition: all .5s;}
	
    .change_height .logo img { width:160px; height:auto; transition: all .5s;}	

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 16px;

		right: 40px;

		font-size:13px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 19px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #fe0000;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #fe0000;

		display: block;

		height: 2px;

		margin: 4px 0;

	}

	

}



@media only screen and (max-width:320px){
.yb_conct {display:none;}
	.banner{ margin-top:50px;}

	.longi-header{ background-color:#fff; height:50px;transition: all .5s;}

	.logo { width: 150px; display: block; margin: 5px 0px 0px 0; transition: all .5s;}

    .logo img { width: 150px; height:auto;transition: all .5s;}	

	.change_height.longi-header{ height:50px; transition: all .5s;}
	
    .change_height .logo img { width:150px; height:auto; transition: all .5s;}	
	/*手机站网站群*/
	.phone_zc {
	    display: block;
	    width: 78px;
	    position: absolute;
	    height: 34px;
	    top: 7px;
	    right: 68px;
	}
	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 16px;

		right: 28px;

		font-size:13px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 19px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #fe0000;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #fe0000;

		display: block;

		height: 2px;

		margin: 4px 0;

	}

	

	

}

/***分页****/

.n-page{ text-align:center; clear:both; margin:20px;}

.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}

.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#fe0000; border:#fe0000 1px solid;}

.n-page a:hover{ color:#FFF; background-color:#fe0000; border:#fe0000 1px solid;}

/******************* ********************/



#goodcover{

    display: none;

    position: fixed;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 133%;

    background-color: black;

    z-index: 1001;

    -moz-opacity: 0.8;

    opacity: 0.50;

    filter: alpha(opacity=80);

}

#code {

    width: 777px;

    height:auto;

    background-color: #fff;

    padding: 10px;

    position:fixed;

    display: none;

    left:50%;

    top:50%;
	
	/*left:30%\9;

    top:20%\9;
	
	left:50%\0;

    top:50%\0;*/

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    overflow:hidden;

    z-index: 1002;

}

@media(max-width:640px){

    #code{

        overflow-y: scroll;

    }

}

.close {

    width: 770px;

    height: 20px;

    position: absolute;

}



@media(max-width:777px){

    #code{

        width: 100%;

        height:490px;

    }

    .close{

        width: 92%;

        position: absolute;

    }

}

@media(max-width:400px){

    #code{

        height:375px;

    }

}

#closebt {

    float: right;

    font-size: 0;

    width: 32px;

    height:32px;

    display: inline-block;

    background: url("../images/close.png") center no-repeat;

}

#closebt img {

    width: 20px;

}

.goodtxt {

    text-align: center;

}

.goodtxt p {

    height: 35px;

    line-height: 35px;

    font-size: 28px;

    color: #000;

    font-weight: 600;

}

@media(max-width:640px){

    .goodtxt p{

        margin: 0;

        font-size: 22px;

    }

}





/***底部信息****/
.footer{ width:100%; height:auto; background-color: #272727; position:relative;}
.footer .huiding{ width: 132px; position: absolute;left: 50%;margin-left: -66px;top: -38px;z-index: 2;cursor: pointer;}
.footer .huiding img{ width: 100%;}
.footer-u{ width:100%; height:auto; padding:30px 0;}
.tit{ margin-bottom: 32px; font-size: 24px; color: #f2f2f2;}
.tit span{ margin-top:15px; display: block; width: 50px; height: 2px; background: #646464; }
.box{ width: 42%;}
.box .con{ max-width: 300px; line-height: 22px; color:#909090;}
.box .con a{ color:#494949; padding-top:10px; display:block; }
.box .con a:hover{ color:#e62129; }
.box .interlink{ margin: 20px 0;}
.box .interlink span{ float: left; display: inline-block; height: 34px; line-height: 34px;  margin-right: 15px; color:#909090;}
.box .drop-down{ float: left; width: 184px; height: 34px; line-height: 34px; position:relative; background: #323232;}
.box .drop-down>a{ display: block; padding:0 40px 0 12px; color: #b8b8b8; font-weight:bold; background:url(../images/interlink_icon.png) 160px 13px no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box .drop-down.active>a{ color: #de272f;}
.box .drop-down div{ display: none; position: absolute; bottom:34px; left:0; width: 100%; padding: 5px 0; background: #3f3f3f; border-radius: 3px 3px 0 0;}
.box .drop-down div a{ 
	display: block; padding: 0px 12px; line-height: 30px; height: 30px; 
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #aaa;
}
.box .drop-down div a:hover{ color: #de272f;}
.newsletter{ width:320px;}
.newsletter .con{}
.newsletter .con ul{overflow: hidden;}
.newsletter .con ul li{ height: 34px; line-height: 34px;width: 50%;float: left;}
.newsletter .con ul li a{ font-size:16px; color:#909090; }
.newsletter .con ul li span{ font-size:12px; display:inline-block; padding-right:8px; position:relative; top:-2px;} 
.newsletter .con ul li:hover a{ color:#e62129;} 
 
.follow{max-width: 150px;margin-right: 5%;width: 200px;margin-top: 20px;}
.follow ul{ margin-left: -20px; }
.follow li{ float: left; margin-left: 20px; margin-bottom: 20px;position: relative;}
.follow li a{ display: block; height: 48px; width: 48px; font-size: 0;}
.follow li .weixin{ background-image:url(../images/icon_weixin_hover.png);}
.follow li .weixin:hover{ background-image:url(../images/icon_weixin_hover.png);}
.follow .li_weixin span {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -10px;
    width: 0px;
    height: 0px;
    border-style: solid dashed dashed dashed;
    border-color: transparent #FFFFFF transparent transparent;
    border-width: 10px;
}
/*.follow .li_weixin:hover span {
    display: inline-block;
}*/
.follow .li_weixin div {
    display: block;
    position: absolute;
    bottom: 50%;
    left: 60px;
    margin-bottom: -80px;
    width: 140px;text-align: center;
}
/*.follow .li_weixin:hover div {
    display: block;
}*/
.follow .li_weixin div img{
	height: 140px;
}

.footer-d{ width:100%; height:auto; overflow:hidden; border-top:1px solid #ff0000;}
.footer-d a {color:#999;}
.footer-d-l{ font-size:14px; color:#999; padding:30px 0 10px 0; float:left;}
.footer-d-r{ font-size:18px; float:right;}
.footer-d-r-tel{ color:#ff0000; padding-top:30px;}
.footer-d-r-tel img{ padding-right:6px;}

.footer-d-n-a{ width:100%; height:auto; overflow:hidden; border-top:1px solid #ff0000;padding-bottom: 20px;}
.footer-d-n-b{ width:100%; height:auto; overflow:hidden; border-top:1px solid #ff0000;}
.footer-d-n-b a {color:#999;}


@media only screen and (max-width:1456px) {
	.tit{ margin-bottom: 22px; font-size: 18px;}
	.box .drop-down{font-size: 14px;}
	.newsletter .con ul li a{font-size: 14px;}
	.follow{margin-right: 7%;}
}

@media only screen and (max-width:861px) {
	.box { width: 100%;}
	.newsletter { width: 100%;}
	.follow { max-width: 100%; margin-top:10px;}
	.follow.fr{ float:left !important;}
	.footer-d-n-a,.footer-d-n-b {display:none;}

}

@media screen and (max-width: 767px){
	.tit { margin-bottom: 10px; font-size: 16px; color: #f2f2f2;}
	.newsletter .con ul li { height: 28px; line-height: 28px;}
	.newsletter .con ul li { font-size: 14px;}
	.follow li{margin-top: 40px;}
	.follow.fr{height: 170px;}
	.footer-d-n-a,.footer-d-n-b {display:none;}
	.footer-d-r{width: 100%;padding-bottom:20px;}
	.footer-d-l{padding: 20px 0 10px;}
	.footer-d-r-tel{padding-top: 10px;font-size: 16px;}
}