@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: #333333;

}





a{

	text-decoration: none;

	cursor: pointer;

	color: #333333;

}

a:hover{text-decoration:underline;color: #6c9df3;}



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



.ixb{width:100%; float:left;}

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



.w10{width:10%;}

.w15{width:13%;}

.w70{width:70%;}

.w65{width:65%;}

.w100{width:100%;}



.w25{width:26%;}

.w20{width:20%;}

.w30{width:30%;}

.w33{width:33.23333%;}

.w50{width:50%;}



.w80{width:75%;}

.w80{width:75%;}

.w96{width:96%;}



.w18{width:18%;}

 .w76{width:74%;}

 

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

.ls5{ padding-left:6px;}

.ls6{ padding-left:6px;}

.ls7{ padding-left:7px;}

.ls10{ padding-left:10px;}

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



.rs1{ padding-right:1px;}

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

.b100{ padding-bottom:100px;}



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





.imt img{

	border: 1px solid #313131; 

}



.pat{

	border: 1px solid #f5f5f5;

}





.h100{ height:280px;}

.h80{ height:70px;}



.pa{color: #FFFFFF; }

.pa a{color: #FFFFFF; }

.lan{color: #3ea7f0; }

.lan a{color: #3ea7f0; }



.wei{color: #a9a9a9; }

.wei a{color: #a9a9a9; }



.hei{color: #000000; }

.hei a{color: #000000; }





 

.mtg{background-color:#f7f7f7;

	z-index:-1;  

	width:100%; float:left;}

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



.rp p{

	float:right;

}	

	

.bxi{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ededed;

}



.pxi{

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #e3e3e3;

}



.xpian{

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #333;

}

 

 

.inu{ width:382px;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;}

 

.nbg{

	background-color: #f2f2f2;

}

.hog{background-color:#ae0000;}

.fbg{

	background-color: #272727;

}



.hbg{background-color: #000000;}

.unt{

	background-image: url(../images/in1.png);

	background-repeat: no-repeat;

	background-position: left top;

}

.w1200 { width: 1200px; position: relative; height: auto; margin: 0 auto; overflow: hidden; z-index: 1; }/*0113*/



.heto{ width:100%; height:380px; } 

.toh{ width:100%; height:150px; } 



.header{ width:100%;float:left; } 

.tlm{

	height: 50px;

	width: 100%;

	margin: 0px auto;

	

	line-height: 50px;

	background-image: url(../images/th.png);

	background-repeat: repeat;

} 



.mlm{ float:left; width:230px; } 



.navFix{ position:fixed;  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:left;

}

.nav li

{

    line-height: 1.2;

    float: left;

    position: relative;

    padding-bottom: 12px; padding-right:50px;

}



.nav li a

{

	font-size: 16px;

	color: #333333;

	height: 18px;

	display: block;

}

.nav li a:hover

{

    font-size: 16px;

    color: #6c9df3;

    height: 18px;

    display: block;

}





.nav ul ul

{

	background-color: #09F;

    width: 190px;

    padding: 10px 0 10px;

    position: absolute;

    left:-25px;

    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

{   

    padding-top: 8px;

}

.nav ul ul li a

{

    font-size: 14px;

    color: #ffffff;

}

.nav ul ul li a:hover

{font-size: 14px;

    color: #ffffff;

}

.nav ul ul:before

{

    content: "";

    border-bottom: 12px solid rgba(108, 157, 243, 0.75);

    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: #b7b7b7;

}

.flm ul li a:hover{

	float: left;

	color: #6c9df3;

}







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

	color:#0093ff;

}

.news ul li p{

	float:right;

	font-family: Arial, Helvetica, sans-serif;

}

  





.liebiao{

	width:100%;

	margin:0;

	padding:0px;

	float:left; background-color: #f7f7f7; padding-bottom:40px; padding-top:10px;

	

}

.liebiao ul{

    width:100%;

	margin:0;

	padding:0px;

	float:left;

}

.liebiao ul li{

	width:80%;font-size:14px; padding-left:20px;

	height:40px;

	line-height:40px;

	margin:0;

	

	float:left;

	

}

.liebiao ul li a{

	display: block;

	line-height: 40px;

	margin: 0px;

	color: #676767;

	text-decoration: none;

	text-align: center;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

}

.liebiao ul li a:hover{

  

	color:#0093ff;

}



.liebiao li b{ float:right;}





.liebiao ul li.no a{

    display: block;

	margin: 0px;

	color:#0093ff;  

	text-decoration: none;

	

	text-align:center;

}





 



#outerShow {

background-color:#FFFFFF;Z-INDEX: -10; POSITION: absolute; MARGIN: -464px 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: 464px

}

#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: 464px; 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: 450px; 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

}



 

 

 /**图片随机缩放样式**/



 

 

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

}





@media screen and (max-width: 69.5em) {

	.grid figure {

		width: 50%;

	}	



	.grid figure figcaption {

		font-size: 90%;

	}

}





@media screen and (max-width: 41.5em) {



	.grid figure {

		width: 100%;

	}

}















.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:75px;

	margin:0;

	padding:0;

	float:left;

}

.sdm_news_right_left1{

	width: 55px;

	margin: 0;

	float: left;

	font-size: 30px;

	text-align: center;

	line-height: 70px;

	color:#FFFFFF;

	background-color: #DB0000;

}

.sdm_news_right_left2{

	width:55px;

	margin:0;

	padding:0;

	float:left;

	background-color: #DB0000;

}

.sdm_news_right_left2 a{

	width:55px;

	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:1075px;font-size:14px;

	margin:0 auto;

	padding:0px;

	float:left;color:#474747;

	line-height:18px;

}







.cew_news{width:100%;float:left;}

.cew_news ul{width:100%; margin:0px; list-style:none; float:left; padding:0px;}

.cew_news ul li{

	padding: 0px;

	margin: 0px;

	float: left;

	font-size: 14px;

	line-height: 35px;

	width:100%;

}

 .cew_news ul li a{

	color: #333333;

}

  .cew_news ul li a:hover{

color:#0093ff;

}



 

.cew_news ul li DD{

	color: #999999;

	float: left;

	margin: 0px;

	line-height: 22px;

	font-size: 12px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #E6E6E6;

	padding-top: 10px;width:100%;

}



.cew_news ul li b{

	color: #CCCCCC;

	float: right;

	font-size: 12px;

	font-weight: normal;

}









.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: #FFFFFF;

	padding-top: 5px;

	text-decoration: none;

}

.pagination a:hover {

	

	color: #FFFFFF;

	background-color: #65baeb;

}

div.pagination a:active {

	

	color: #FFFFFF;

	background-color: #65baeb;

}

.pagination span.current {

	

	padding-right: 6px;

	padding-left: 5px;

	padding-bottom: 4px;

	margin: 0px 1px;

	color: #303030;

	padding-top: 2px;

}

.pagination span.disabled {

	background-color: #d9d9d9;

}















/* 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;}







#div1 a{

 display:block;/*这个属性是必须的*/

 font-size:14px;

 line-height:50px;

 text-decoration:none;

 color:#333;

}

#div1 a:hover {

	color: #008ae2;

	

}

.shell{ width:100%; }

 

#div1{

 height:50px;

 overflow:hidden;

}







.box{position:relative;}

.wenzi{position:absolute;  bottom:0%; width:100%; text-align:center; line-height:50px;z-index:1;background-color:rgba(0, 0, 0, 0.75);color: #FFFFFF;}





.xim img {

	opacity:1;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: scale(1);

	transform: scale(1);

}

.xim:hover img {

	opacity: 0.5;

	-webkit-transform: scale(1.15);

	transform: scale(1.15);

}



.xim img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}

.im img{width:95%;}