
@charset "UTF-8";
* {margin:0; padding:0;}
body {font-size:12px; font-family:"微软雅黑";}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
ul,li {list-style:none;}
img {border:0;}



.wrap::before{content:''; width:100%; height:140px; position:absolute; left:0; right:0; top:0; margin:auto;} 
.web{width:100%; display:block;}
.mobile{width:100%; margin:0 auto; background:#fff; display:none;}


.banner{width:960px;height:400px;margin:0px auto;}
.menu {width:960px;margin:0px auto;height:40px;background:#0080ff;margin-bottom:10px;}
.menu ul{height:40px;margin:0px;padding:0px;}
.menu ul li{width:120px;float:left;height:40px;border-right:solid 1px #46a8ff;text-align:center;font-family:"微软雅黑";font-size:16px;line-height:40px;color:#fff;}
.menu ul li a{color:#fff;font-family:"微软雅黑";}
.menu ul li a:hover{color:#fff000;font-family:"微软雅黑";}

.main{height:auto;overflow:hidden;width:960px;margin:0px auto;}
.kc{height:auto;width:880px;margin:0px auto; background:url(../images/img_03_09.jpg) repeat-y center top;padding:15px 40px;font-size:14px;color:#000;line-height:30px;}
.kc a{color:#000;}
.kc a:hover{color:#f00;}
.foot{width:960px;height:auto;overflow:hidden;font-size:12px;line-height:26px;text-align:center;margin:0px auto;margin-top:15px;}
.foot a{color:#000;}
.foot a:hover{color:#f00;}


* {margin:0; padding:0;}
body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
ul,li {list-style:none;}
img {border:0;}
.wrapper {width:950px; margin:0 auto;}
/* qqshop focus */
#focus {width:950px; height:400px; overflow:hidden; position:relative;}
#focus ul {height:400px; position:absolute;}
#focus ul li {float:left; width:950px; height:400px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:950px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:930px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:center;}
#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:120px; background:url(images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}








BODY {padding:0px;margin:0px;}
H1 {padding:0px;margin:0px;}
H2 {padding:0px;margin:0px;}
H3 {padding:0px;margin:0px;}
H4 {padding:0px;margin:0px;}
H5 {padding:0px;margin:0px;}
H6 {padding:0px;margin:0px;}
HR {padding:0px;margin:0px;}

DL {padding:0px;margin:0px;}
DT {padding:0px;margin:0px;}
DD {padding:0px;margin:0px;}
UL {padding:0px;margin:0px;}
OL {padding:0px;margin:0px;}
LI {padding:0px;margin:0px;}
BODY {
	FONT: 12px/1.5 ""; BACKGROUND: #fff; COLOR: #000;
}
H1 {FONT-SIZE: 100%}
H2 {FONT-SIZE: 100%}
H3 {FONT-SIZE: 100%}
H4 {FONT-SIZE: 100%}
H5 {FONT-SIZE: 100%}
H6 {FONT-SIZE: 100%}
ADDRESS {FONT-STYLE: normal;}
EM {FONT-STYLE: normal;}
UL {
	LIST-STYLE-TYPE: none
}
OL {
	LIST-STYLE-TYPE: none
}
A {
	COLOR: #666; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}







.float0831 {
	POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}






/*-----------------------------------------------------------------mobile移动端---------------------------------------------------------------------*/




@media screen and (max-width:750px) {
	.container{max-width:100%;}
	.mobile{width:100%; height:auto; margin:0 auto; background:#fff; display:block;}	
    .mobile .m-banner{width:100%; height:auto;}
    .mobile .m-banner img{width:100%; height:auto;}
	.mobile .m-qy img{width:100%; height:auto;}
	li{list-style:none;}
	
	.wrap::before{content:''; width:100%; height:90px; position:absolute; left:0; right:0; top:0; margin:auto;}
	
    .web{ width:100%; display:none;}

    * {margin:0; padding:0;}
	body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif;}
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {zoom:1;}
	ul,li {list-style:none;}
	img {border:0;}
	.wrapper {width:950px; margin:0 auto;}
	/* qqshop focus */
	#focus {width:750px; height:400px; overflow:hidden; position:relative;}
	#focus ul {height:400px; position:absolute;}
	#focus ul li {float:left; width:750px; height:400px; overflow:hidden; position:relative; background:#000;}
	#focus ul li div {position:absolute; overflow:hidden;}
	#focus .btnBg {position:absolute; width:750px; height:20px; left:0; bottom:0; background:#000;}
	#focus .btn {position:absolute; width:730px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:center;}
	#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:120px; background:url(images/sprite.png) no-repeat 0 0; cursor:pointer;}
	#focus .pre {left:0;}
	#focus .next {right:0; background-position:right top;}

    .kc{height:auto;width:100%; margin:0px auto; background:url(../images/m-img_03_09.jpg) repeat-y center top;padding:15px 15px;font-size:14px;color:#000;line-height:30px;box-sizing: border-box;}
	.kc a{color:#000;}
	.kc a:hover{color:#f00;}


   
	.cont{padding:35px 10px; background:#f5f5f5; overflow:hidden;}
	.news-info{padding:0 12px; overflow:hidden;}
	.news-info .news-cx{padding-left:65px; margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:15px; overflow:hidden; position:relative;}
	.news-info .news-cx:last-of-type{ margin-bottom:0; border-bottom:0; padding-bottom:0; }
	.news-info .news-cx .news-cx-i{position:absolute;top:5px; left:0; width:50px; height:50px; }
	.news-info .news-cx .news-cx-i1{background:url(../images/icon-01.png) 0 0 no-repeat; background-size:100% auto;}
	.news-info .news-cx .news-cx-i2{background:url(../images/icon-02.png) 0 0 no-repeat; background-size:100% auto;}
	.news-info .news-cx .news-cx-i3{background:url(../images/icon-03.png) 0 0 no-repeat; background-size:100% auto;}
	.news-info .news-cx .news-cx-i4{background:url(../images/icon-04.png) 0 0 no-repeat; background-size:100% auto;}
	.news-info .news-cx .news-cx-i5{background:url(../images/icon-05.png) 0 0 no-repeat; background-size:100% auto;}
	.news-info .news-cx .news-cx-i6{background:url(../images/icon-06.png) 0 0 no-repeat; background-size:100% auto;}
	.news-info .news-cx .news-cx-i7{background:url(../images/icon-07.png) 0 0 no-repeat; background-size:100% auto;}
	.news-info .news-cx .news-cx-i8{background:url(../images/icon-08.png) 0 0 no-repeat; background-size:100% auto;}
	 .news-info .news-cx dd{ font-size:14px; color:#202020; line-height:1.4; text-align:justify;}
	.news-info .news-cx dd .news-font{font-size:16px; font-weight:bold; display:block; margin-bottom:3px;}

	.news-info .news-yy{padding:10px 15px 10px 45px; margin-bottom:15px; font-size:14px; color:#202020; line-height:1.4; text-align:justify; background:#dcecff; position:relative; z-index:1; border-radius:20px;}
	.news-info .news-yy::before{content:''; width:24px; height:24px; line-height:24px; border-radius:50%; font-size:12px; color:#202020; text-align:center; background:#fff;  overflow:hidden; position:absolute; left:10px; top:0; bottom:0; margin:auto; z-index:2;}
	.news-info .news-yy:nth-of-type(1)::before{content:'1';}
	.news-info .news-yy:nth-of-type(2)::before{content:'2';}
	.news-info .news-yy:nth-of-type(3)::before{content:'3';}
	.news-info .news-yy:nth-of-type(3){margin-bottom:0;}
	.news-text{padding:15px 12px 0 12px; text-align:justify;}
	.news-text .news-text-i{width:16px; height:16px; margin-right:5px; background:url(../images/icon-wen.png) 0 0 no-repeat; background-size:cover; position:relative; top:2px; display:inline-block;}
	.news-text dt{font-size:16px; font-weight:bold; color:red; line-height:1.5;}
	.news-text dd{margin-top:10px; font-size:15px; color:#565656; line-height:1.5;}
	.news-txt{font-size:15px; color:#565656; line-height:1.5; padding:0 15px; text-align:justify;}






}














