@charset "utf-8";
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, 
textarea, iframe, table, th, td {margin: 0;padding: 0;list-style:none;}
body{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	color: #666666;

	background-color: #000000;
}


a{
	text-decoration:none;
	cursor:pointer;
	color: #666666;
}
a:hover{text-decoration:underline;color: #f10000;}

.ixb{width:100%; float:left;}
.lt{float:left; display:inline;}
.rt{float:right; display:inline;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.mc{ margin:0 auto;}
.nop p,dd{ padding:0; float:left;}
.nov{overflow:hidden;}

.w90{width:1154px; margin:0 auto; zoom:1;}



@media only screen and (min-width: 321px) and (max-width: 1024px) {
.w90{width:98%; margin:0 auto; zoom:1;}
}
@media only screen and (min-width: 1024px) {
.w90{width:1154px; margin:0 auto; zoom:1;}
}



.w15{width:15%;}
.w70{width:70%;}
.w100{width:100%;}
.w50{width:50%;}
.w25{width:25%;}
.w33{width:33.2%;}
.w16{width:16.52%;}
.w30{width:30%;}
.w34{width:33.35%;}
.w20{width:20%;}

.w80{width:75%;}

.w120{width:33.2%;}
.w68{width:66.8%;}

.w15{width:14%;}
.w190{width:50%;}
.w769{width:100%;}
 
.imu img{width:70%;}

.noa{overflow:hidden;}



.p30{ padding:30px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p8{ padding:8px;}
.p5{ padding:5px;}
.p6{ padding:6px;}
.p7{ padding:7px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt75{ padding-top:75px;}
.pt220{ padding-top:220px;}

.mt20{  margin-top:20px;}
.mt30{  margin-top:30px;}

.ls2{ padding-left:2px;}
.ls3{ padding-left:3px;}
.ls10{ padding-left:10px;}
.ls7{ padding-left:7px;}
.ls15{ padding-left:15px;}
.ls18{ padding-left:18px;}
.ls20{ padding-left:20px;}
.ls21{ padding-left:21px;}
.ls22{ padding-left:22px;}
.ls23{ padding-left:23px;}
.ls24{ padding-left:24px;}
.ls25{ padding-left:25px;}
.ls26{ padding-left:26px;}
.ls27{ padding-left:27px;}
.ls28{ padding-left:28px;}
.ls30{ padding-left:30px;}
.ls40{ padding-left:40px;}
.ls50{ padding-left:50px;}
.ls60{ padding-left:60px;}
.ls110{ padding-left:110px;}

.rs5{ padding-right:5px;}
.rs10{ padding-right:10px;}
.rs7{ padding-right:7px;}
.rs15{ padding-right:15px;}
.rs20{ padding-right:20px;}
.rs25{ padding-right:25px;}
.rs30{ padding-right:30px;}
.rs35{ padding-right:35px;}
.rs45{ padding-right:45px;}
.rs50{ padding-right:50px;}
.rs55{ padding-right:55px;}
.rs60{ padding-right:60px;}
.rs65{ padding-right:65px;}

.r2 a{ padding-right:30px; padding-left:10px;}

.pm5{ margin-top:5px;}
.pm10{ margin-top:10px;}
.pm20{ margin-top:20px;}
.pm25{ margin-top:25px;}
.pm45{ margin-top:45px;}

.bm3{ padding-bottom:3px;}
.bm5{ padding-bottom:5px;}
.b10{ padding-bottom:10px;}
.b15{ padding-bottom:15px;}
.b20{ padding-bottom:20px;}
.b30{ padding-bottom:30px;}
.b40{ padding-bottom:40px;}

.m10{ margin-bottom:20px;}

.ht15{line-height:15px;}
.ht19{line-height:19px;}
.ht20{line-height:20px;}
.ht21{line-height:21px;}
.ht22{line-height:22px;}
.ht23{line-height:23px;}
.ht24{line-height:24px;}
.ht25{line-height:25px;}
.ht28{line-height:28px;}
.ht30{line-height:30px;}
.ht35{line-height:35px;}
.ht38{line-height:38px;}
.ht40{line-height:40px;}
.ht42{line-height:42px;}
.ht45{line-height:45px;}
.ht50{line-height:50px;}
.ht51{line-height:51px;}
.ht52{line-height:52px;}
.ht53{line-height:53px;}
.ht54{line-height:54px;}
.ht60{line-height:60px;}

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f16 a{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}

.pa{color: #FFFFFF; }
.pa a{color: #FFFFFF; }
.ho{color: #f20000; }
.ho a{color: #f20000; }

.wei{color: #a9a9a9; }
.wei a{color: #a9a9a9; }

.hei{color: #000000; }
.hei a{color: #000000; }


 
.mtg{position:absolute;background-color:#ae0000;
	z-index:-1;  
	width:100%; float:left;}
.mtc{background-color:rgba(15, 15, 15, 0.85);z-index:1;width:100%; float:left;}	

	
	
	
	
.xpian{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
}
 
 
.inu{ width:100%;height:192px; }

.inu a{ width:33%; float:left; padding-left:40px;}
 

.ind{ width:382px;height:192px; }
.ind a{ width:93%; float:left; text-align:center;font-size:24px; padding-top:40px;}
 

.hog{background-color:#ae0000;}
.fbg{
	background-color: #5B5B5B;
}

.header{ width:100%; height:0px; margin:0 auto; text-align:center;} 
.tlm{ height:58px; width:100%; margin:0px auto; background-color: rgba(0, 0, 0, 0.75); line-height:58px; padding-top:10px;} 
.navFix{ position:fixed; left:0; top:0; _position:absolute; top:expression((offsetParent.scrollTop)+0); z-index:3;}

#header-container{  position: fixed;
  top: 0;
  width: 100%;
  z-index: 777;
}
#top-header {
height:58px; width:100%; margin:0px auto; background-color: rgba(0, 0, 0, 0.75); line-height:58px; padding-top:10px;
}


.nav
{
    height: 30px; padding-top:15px; float:right;
}
.nav li
{
    line-height: 1.2;
    float: left;
    position: relative; padding-left:30px;
    padding-bottom: 12px;
}

.nav li a
{
    font-size: 14px;
    color: #FFFFFF;
    height: 18px;
    display: block;
}
.nav li a:hover
{
    font-size: 14px;
    color: #f10000;
    height: 18px;
    display: block;
}


.nav ul ul
{
	background-color:rgba(30, 30, 30, 0.95);
    width: 190px;
    padding: 10px 0 10px;
    position: absolute;
    left:5px;
    top: 29px;
    z-index: 9999;
    display: none;
}


.nav ul ul li
{
    margin: 0;
    padding: 8px 0 8px 24px;
    width: 87.5%;overflow:hidden;
}



 

.nav ul .changewidth li
{
    float: none;
    width: 100%;
}

.nav ul ul li:hover
{   
	background-color:rgba(20, 20, 20, 0.95);
    padding-top: 8px;
}
.nav ul ul li a
{
    font-size: 14px;
    color: #fff;
}
.nav ul ul li a:hover
{
    color: #f10000 !important;
}
.nav ul ul:before
{
    content: "";
    border-bottom: 12px solid rgba(30, 30, 30, 0.95);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -12px;
    left: 50px;
}
.nav ul li:hover ul
{
    display: block;
}





.flm{
	width:100%;
	float:left;
}
.flm ul{ width:100%; float:left; list-style:none;}
.flm ul li{
	width: 100%;
	float: left;
	line-height: 25px;
}
.flm ul li a{
	float: left;
	padding-left: 0px;
	color: #000000;
}
.flm ul li a:hover{
	float: left;
	color: #f20000;
}



.news{
	width:100%;
	float:left;
}
.news ul{ width:100%; float:left; list-style:none;}
.news ul li{ padding-left:10px;
	width: 100%;
	float: left;
	padding-top: 1px;
	background-image: url(../images/d.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.news ul li a{
	float:left; padding-left:0px;
}
.news ul li a:hover{
	float:left;
}
.news ul li p{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}
  



.liebiao{
	width:100%;
	margin:0;
	padding:0px;
	float:left;
	
}
.liebiao ul{
    width:100%;
	margin:0;
	padding:0px;
	float:left;
}
.liebiao ul li{
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0px; padding-left:40px;
	float: left;
}
.liebiao ul li a{
   float:left;color:#ec0000;
	
}
.liebiao ul li a:hover{
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}




.liebiao ul li.no a{
     float: left;
	color: #FFFFFF;
	text-decoration: none;
}

 
.liebiao ul li.no a:hover{
     float: left;
	color: #ec0000;
	text-decoration: none;
}

 

#outerShow {
background-color:#FFFFFF;Z-INDEX: -10; POSITION: absolute; MARGIN: -660px auto auto; WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top;  OVERFLOW: hidden; LEFT: 0px
}
.divbg {
	MIN-WIDTH: 1240px; TEXT-ALIGN: left; MARGIN: auto; WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; FLOAT: left; HEIGHT: 660px
}
#showStore {
	TEXT-ALIGN: center; MARGIN: auto
}
#showStore A {	POSITION: absolute; WIDTH: 100%;
}

#bgimg_show {
	POSITION: relative; TEXT-ALIGN: center; MARGIN: auto auto 0px; WIDTH:100%; OVERFLOW: hidden
}
#bgimg_show A DIV {
	MARGIN: auto; WIDTH: 100%; HEIGHT: 660px; CURSOR: pointer
}
#bgimg_show UL {
	POSITION: absolute; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
#bgimg_show UL LI {
	POSITION: relative; WIDTH: 100%;; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; FLOAT: left; OVERFLOW: hidden
}
#bgimg_show UL LI A {
	WIDTH: 100%; 
}
#bgimg_show .btn {
	Z-INDEX: 100; POSITION: absolute; TEXT-ALIGN: center; PADDING-BOTTOM: 15px;  WIDTH: 100%; BOTTOM: 0px; PADDING-RIGHT: 10px; HEIGHT:13px; PADDING-TOP: 5px; text-align:center;
}
#bgimg_show .btn SPAN {
	BACKGROUND-IMAGE: url("../images/lunpobubiao-2.png"); Z-INDEX: 100; WIDTH: 16px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; MARGIN-BOTTOM: 10px; HEIGHT: 16px; MARGIN-LEFT: 10px; CURSOR: pointer; _display: inline; _zoom: 1; _font-size: 0;
}
#bgimg_show .btn SPAN:hover {
	BACKGROUND-IMAGE: url("../images/lunpobubiao-2.png"); WIDTH: 16px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
#bgimg_show .btn SPAN.on {
	BACKGROUND-IMAGE: url("../images/lunpobubiao.png"); WIDTH: 16px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px;
}
#bgimg_show .preNext {
	BACKGROUND-IMAGE: url("../images/sprite_left.png"); Z-INDEX: 100; POSITION: absolute; WIDTH: 100px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; HEIGHT: 650px; TOP: 0px; CURSOR: pointer
}

#bgimg_show .next {
	BACKGROUND-IMAGE: url("../images/sprite_right.png"); Z-INDEX: 100; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right center; RIGHT: 0px
}

 
 
 /**图片随机缩放样式**/
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
 
 
.grid {
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	
	height:100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 43%;
	left: 0%; 
	width:80%;
	height: 100%;

}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}



/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #000;
}

figure.effect-ruby img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover img {
	opacity: 0.1;
	
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}


figure.effect-ruby p {

	border: 0px solid #fff;
	opacity: 0;
	font-size:14px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 



figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}








.sdm_news_right_lr{
	width: 100%;
	margin: 0;
	padding-top: 25px;
	padding-bottom: 15px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #212121;
}
.sdm_news_right_left{
    width:6%;
	margin:0;
	padding:0;
	float:left;
}
.sdm_news_right_left1{
	width: 100%;
	margin: 0;
	float: left;
	font-size: 30px;
	text-align: center;
	line-height: 70px;
	color:#FFFFFF;
	background-color: #DB0000;
}
.sdm_news_right_left2{
	width:100%;
	margin:0;
	padding:0;
	float:left;
	background-color: #DB0000;
}
.sdm_news_right_left2 a{
	width:100%;
	margin:0;
	padding:0;
	float:left;
	text-align: center;
	line-height:18px;
	color:#ffffff;
	background-color: #474747;
	font-family: Arial;
}
.sdm_news_right_left2 a:hover{
	color: #fffd00;
	text-decoration: none;    
}
.sdm_news_right_r{
    width:92%;font-size:14px;
	float:right;color:#474747;
	line-height:18px;
}

.cew_news{width:100%;float:left; padding-bottom:10px;}
.cew_news ul{width:100%; margin:0px; list-style:none; float:left; padding:0px;}
.cew_news ul li{
	padding:0px;
	margin:0px;
	float:left;
}
 
.cew_news ul li DD{
	color:#666666;
	float:left;
	padding-right:20px; margin:0px;
	line-height:22px;
}
.cew_news ul li DD a{
	color:#909090;
	float:left;
	font-size:16px;
	font-weight: lighter;
}
.cew_news ul li DD a:hover{color:#FFFFFF;}
.cew_news ul li DT{color:#373737;float:right;font-size:14px;}




.pagination {
    width:100%;font-size:12px;
    margin:0px auto;
	padding-top:25px;
	padding-bottom:15px;
	font-family:arial;
	height:35px;
	line-height:35px;
	overflow: hidden;
}
.pagination a {
	
	padding-right: 6px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin: 0px 1px;
	color: #666666;
	padding-top: 5px;
	text-decoration: none;
}
.pagination a:hover {
	
	color: #FFFFFF;
	background-color: #FF0000;
}
div.pagination a:active {
	
	color: #FF0000;
	background-color: #454545;
}
.pagination span.current {
	
	padding-right: 6px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin: 0px 1px;
	color: #929292;
	padding-top: 2px;
}
.pagination span.disabled {
	background-color: #454545;
}







/* qqshop focus */
#focus {width:1154px; height:550px; overflow:hidden; position:relative;}
#focus ul {height:550px; position:absolute;}
#focus ul li {float:left; width:1154px; height:550px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1154px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:240px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.imt img{
	border: 1px solid #313131; 
}

.h100{ height:280px;}
.h80{ height:70px;}









.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }