*{

	margin: 0;

	padding: 0;

}

a{

	text-decoration: none;

}

ul,li{

	list-style: none;

}

body{

	background: #f5f5f5;

}

em{

	font-style: normal;

}





/**************************wrap************************/

.indexNav{

	width: 100%;

	background:#1f991d;

}

.wraps{

	width: 1200px;

	height: 88px;

	margin: 0 auto;

}

.wraps .wraps-left{

	width:605px;

	height: 80px;

	float:left;

}

.wraps .wraps-left a{

	display: block;

	width: 70px;

	height:65px;

	padding-top: 15px;

	margin: 0 11px 0 39px;

	float:left;

}

.wraps .wraps-left a:hover p{

	font-weight: 900;

}

.wraps .wraps-left a span{

	display: block;

	width:36px;

	height:36px;

	border-radius:40px;

	margin: 0 0 8px 17px;

	background:#f5f5f5;

	padding: 2px;

}

.wraps .wraps-left a span i{

	display: block;

	width:36px;

	height:36px;

	border-radius:36px;

	background:url(/shuowan../img/img88.png) no-repeat 2px -78px;

	-ms-transition:0.5s transform;

	-webkit-transition:0.5s transform;

	-o-transition:0.5s transform;

	-moz-transition:0.5s transform;

}

.wraps .wraps-left a:hover i{

	-ms-transform: rotateY(1turn); 

	-webkit-transform: rotateY(1turn); 

	-moz-transform: rotateY(1turn); 

	-o-transform: rotateY(1turn); 

}

.wraps .wraps-left a p{

	font-size: 15px;

	line-height: 15px;

	color:#f1f8f2;

	text-align: center;

}

.wraps .wraps-left a .span2 i{

	background-position: -134px -78px;

}

.wraps .wraps-left a .span3 i{

	background-position: -262px -78px;

}

.wraps .wraps-left a .span4 i{

	background-position: -375px -78px;

}

.wraps .wraps-left a .span5 i{

	background-position: -478px -78px;

}

.wraps .wraps-right{

	width: 545px;

	height: 80px;

	float:right;

}

.wraps .wraps-right .one{

	display: block;

	width: 140px;

	height: 80px;

	float: left;

	text-align: left;

}

.wraps .wraps-right .one li{

	float:left;

}

.wraps .wraps-right .one li a{

	display: block;

	margin:20px 24px 0 0 ;

	font-size: 15px;

	line-height: 15px;

	color: #f1f8f2;

}

.wraps .wraps-right .one li .none{

	margin-right: 0;

}

.wraps .wraps-right div{

	float: left;

	width:50px;

	height: 80px;

	background: url(/shuowan../img/img.png) no-repeat -305px -96px;

}

.wraps .wraps-right .two{

	width:155px;

}

.wraps .wraps-right .two li a{

	display: block;

	width: 54px;

	margin:0 ;

	font-size: 15px;

	line-height: 15px;

	color: #f1f8f2;

	margin-top:20px;

}

.wraps .wraps-right .two li .none{

	width:47px;

}

.wraps .wraps-right .three{

	width: 150px;

}

.wraps .wraps-right .three li a{

	display: block;

	width:82px;

	margin:0 ;

	font-size: 15px;

	line-height: 15px;

	color: #f1f8f2;

	margin-top:20px;

}

.wraps .wraps-right .three li .none{

	width:67px;

}

.wraps .wraps-right li a:hover{

	font-weight: 900;

}

/******************switch**********************************/

.switch{

	width: 100%;

}

.switch{

	width: 1200px;

	height: 354px;

	margin:60px auto 0px;

	background: white;

}

.switch-nav{

	display: block;

	width: 1200px;

	height: 45px;

	background: #f2f2f2;

}

.switch-nav li{

	float:left;

	font-size: 14px;

	line-height: 45px;

}

.switch-nav li a{

	display: block;

	width:140px;

	height: 45px;

	color: #666666;

}

.switch-nav .current{

	width: 141px;

	font-weight:900 !important;

	background:#ffffff url(/shuowan../img/yinying.png) no-repeat right top;

}

.switch-nav .current a{

	color:#4DB748 !important;

}

.switch-nav .current a .rm{

	background-position: 20px -18px;

}

.switch-nav .current a .zx{

	background-position:-33px -18px;

}

.switch-nav .current a .wu{

	background-position:-107px -18px;

}

.switch-nav .current a .dj{

	background-position:-192px -18px;

}

.switch-nav .current a .wy{

	background-position:-273px -18px;

}

.switch-nav .current a .tx{

	background-position:-347px -18px;

}

.switch-nav li a i{

	display: block;

	width:48px;

	height:45px;

	float: left;

}

.switch-nav li a div{

	width:0px; 

	height:0px;

	border-left: 5px solid transparent; 

	border-right:5px solid transparent;

    border-bottom:7px solid #fff; 

    margin-top: -6px; 

    margin-left:65px;

    display: none;

}

.switch-nav li a .rm{

	background:url(/shuowan../img/img88.png) no-repeat 20px 14px;

}

.switch-nav li a .zx{

	background:url(/shuowan../img/img88.png) no-repeat -33px 14px;

}

.switch-nav li a .wu{

	background:url(/shuowan../img/img88.png) no-repeat -107px 14px;

}

.switch-nav li a .dj{

	background:url(/shuowan../img/img88.png) no-repeat -192px 14px;

}

.switch-nav li a .wy{

	background:url(/shuowan../img/img88.png) no-repeat -273px 14px;

}

.switch-nav li a .tx{

	background:url(/shuowan../img/img88.png) no-repeat -347px 14px;

}

.list{

	width: 1200px;

	height:308px;

	background: white;

}

.list-n{

	display: none;

}

.nav-wrap{

	width: 1200px;

	height: 152px;

	margin-top: 15px;

	margin-bottom: 18px;

}

.nav-wrap dl{

	display: block;

	width: 130px;

	height: 148px;

	float:left;

	margin-right:14px;

	border: 2px solid #fafafa;

	background: #fafafa;

}

.nav-wrap .box{

	margin-left: 15px;

}

.nav-wrap .box2{

	margin-right: 15px;

}

.nav-wrap dl dt{

	margin:17px 17px 8px 17px;

}

.nav-wrap dl dd{

	font-size: 14px;

	line-height: 14px;

	color: #666;

	text-align: center;

}

.nav-wrap dl:hover{

	border: 2px solid #b8dfb6;

}

.nav-wrap dl:hover dd{

	color: #4db748;

}

.nav-list{

	width: 1200px;

	height: 96px;

}

.nav-list .nav-list-left{

	width: 572px;

	height: 96px;

	float:left;

	margin-left: 15px;

}

.nav-list-left .left-top{

	width: 572px;

	height: 44px;

}

.nav-list-left .ff{

	margin-bottom: 8px;

}

.nav-list-left .left-top b{

	width: 92px;

	height: 44px;

	float:left;

	background: #96d265;

	font-size: 14px;

	line-height: 44px;

	color: white;

	text-align: center;

}

.nav-list-left .bg b{

	background:#fcaf62;

}

.nav-list-left .bg3 b{

	background:#8c97cb;

}

.nav-list-left .bg4 b{

	background:#5dc9ea;

}

.nav-list-left .left-top ul{

	display: block;

	width:474px;

	height: 44px;

	float:right;

}

.nav-list-left .left-top ul li{

	float:right;

}

.nav-list-left .left-top ul li a{

	display: block;

	width: 92px;

	height:20px;

	border: 1px solid white;

	font-size: 12px;

	line-height:20px;

	color: #666;

	text-align: center;

	background: #fafafa;

	overflow: hidden;

}

.nav-list-left .left-top ul li a:hover{

	color: #4db748;

	border: 1px solid #b8dfb6;

}

.nav-list .nav-list-right{

	width: 572px;

	height: 96px;

	float:right;

	margin-right: 15px;

}

.list2{

	width: 1200px;

	height:308px;

	background: white;

}

.list2 .list-wrap{

	width: 1200px;

	height: 170px;

	clear: both;

}

.list2 .list-wrap dl{

	width:185px;

	height:142px;

	background:#f5f5f5;

	float:left;

	margin: 15px 0 0 12px;

}

.list2 .list-wrap .box5{

	margin-left: 15px;

}

.list2 .list-wrap dl dt{

	width: 185px;

	height: 110px;

	position: relative;

}

.list2 .list-wrap dl dt div{

	width: 185px;

	height: 110px;

	position: absolute;

	top: 0;

	background-color: rgba(0,0,0,0.5);

	display: none;

}

.list2 .list-wrap dl dt div b{

	display: block;

	margin: 40px 10px 0 15px ;

	font-size: 12px;

	line-height: 16px;

	color: white;

	height: 32px;

	overflow: hidden;

}

.list2 .list-wrap dl dd{

	width: 185px;

	height: 32px;

}

.list2 .list-wrap dl dd b{

	width: 120px;

	height: 30px;

	margin-left: 10px;

	font-size: 14px;

	line-height: 30px;

	color: #555555;

	float:left;

	font-weight: 100;

}

.list2 .list-wrap dl dd p{

	width: 50px;

	height: 20px;

	float: left;

	color: #ff5557;

	font-size: 12px;

	line-height: 20px;

	text-align: center;

	margin-top: 5px;

}

.list2 .list-wrap dl:hover dt div{

	display: block;

}

.list2 .list-wrap dl:hover dd b{

	color:#ff5557 ;

}

.list2 .list-wrap dl:hover dd p{

	background:#ff5557 ;

	color: white;

}

.list-nav{

	width: 1170px;

	height: 110px;

	border-top: 1px dashed #e6e6e6;

	margin-left: 15px;

}

.list-nav ul{

	width: 1170px;

	height: 28px;

	display: block;

	margin-top:9px;

}

.list-nav ul li{

	float: left;

}

.list-nav ul li a{

	font-size: 12px;

	line-height: 28px;

	color: #666666;

	margin: 0 18px;

	position: relative;

}

.list-nav ul li a:hover{

	color: #50b648;

}

.list-nav ul li a i{

	width: 14px;

	height: 16px;

	display: block;

	position: absolute;

	top:-10px;

	left:30px;

	background: url(/shuowan../img/img.png) no-repeat;

}

.list-nav ul li a i.sw2{

	background-position:-21px 0px;

}

.list-nav ul li a i.lg{

	background-position:-43px 0px;

}

.list-nav ul .box3{

	width:64px ;

	height: 28px;

	border-right: 1px solid #4db748;

	text-align: center;

	background: #f5f5f5;

	line-height: 28px;

}

.list3-wrap{

	width: 1200px;

	height:205px;

	clear: both;

}

.list3-wrap dl{

	display: block;

	width: 220px;

	height: 80px;

	background: #f5f5f5;

	border: 1px solid #f5f5f5;

	position: relative;

	float: left;

	margin: 15px 0 0 15px;

}

.list3-wrap dl dt{

	width: 60px;

	height: 60px;

	margin: 9px 0 9px 9px;

	float:left;

}

.list3-wrap dl dd{

	float:right;

	width: 148px;

	height: 80;

}

.list3-wrap dl dd b{

	display: block;

	width:100px;

	height: 14px;

	font-size: 14px;

	line-height: 14px;

	color: #666666;

	margin-top:25px;

	margin-bottom: 5px;

	text-indent:4px;

	font-weight: 100;

	overflow: hidden;

}

.list3-wrap dl dd i{

	display: block;

	width:70px;

	height: 12px;

	background:url(/shuowan../img/rankstar.png) no-repeat;

	margin-left: 5px;

}

.list3-wrap dl dd .s01{ background-position: 0 0px;}

.list3-wrap dl dd .s02{ background-position: 0 -10px;}

.list3-wrap dl dd .s03{ background-position: 0 -23px;}

.list3-wrap dl dd .s04{ background-position: 0 -37px;}

.list3-wrap dl dd .s05{ background-position: 0 -51px;}

.list3-wrap dl dd .s06{ background-position: 0 -62px;}

.list3-wrap dl dd .s07{ background-position: 0 -76px;}

.list3-wrap dl dd .s08{ background-position: 0 -86px;}

.list3-wrap dl dd .s09{ background-position: 0 -100px;}

.list3-wrap dl dd .s010{ background-position: 0 -113px;}

.list3-wrap dl dd span{

	width: 68px;

	height: 22px;

	font-size: 12px;

	line-height: 22px;

	color: #999999;

	background: white;

	position: absolute;

	bottom: 0;

	right: 0;

	text-align: center;

}

.list3 .list3-wrap dl:hover{

	border: 1px solid #4db749;

}

.list3 .list3-wrap dl:hover dd b{

	color: #4db749;

}

.list3 .list3-wrap dl:hover dd span{

	color: white;

	background: #4db748;

}

.list3-nav{

	width: 1170px;

	height: 70px;

	margin-left: 15px;

	border-top: 1px dashed #E6E6E6;

}

.list3-nav ul{

	width: 1170px;

	height: 12px;

	margin:22px 0;

}

.list3-nav ul li{

	float:left;

}

.list3-nav ul li a{

	font-size: 12px;

	line-height: 12px;

	color: #666666;

	margin-right:40px;

	display: block;

	width: 100px;

	height: 12px;

	position: relative;

	text-indent: 15px;

	overflow: hidden;

}

.list3-nav ul li a i{

	display: block;

	width: 4px;

	height:4px;

	border-radius:4px;

	border: 1px solid #9e9e9e;

	position: absolute;

	top:3px;

	left: 2px;

}

.list3-nav ul li a span{

	display: block;

	width: 14px;

    height: 16px;

    position: absolute;

    top: -10px;

    left: 30px;

    background: url(/shuowan../img/img.png) no-repeat;

}

.list3-nav ul li a span.sw2{

	background-position: -21px 0px;

}

.list3-nav ul li a span.sw3{

	background-position: -43px 0px;

}

.list3-nav ul li .box6{

	width: 168px;

}

.list3-nav ul li .box7{

	width: 156px;

}

.list3-nav ul li .box8{

	width:113px;

}

.list3-nav ul li .box9{

	width:147px;

}

.list3-nav ul li .box10{

	width:124px;

}

.list3-nav ul li .box11{

	width:106px;

}

.list3-nav ul li .box12{

	width:133px;

}

.list3-nav ul li .box13{

	width:86px;

}

.list3-nav ul li:hover a{

	color: #4db749;

}

.list3-nav ul li:hover i{

	border: 1px solid #4db749;

	background:#4db749 ;

}

.list4 ul{

	display: block;

	width: 1200px;

	height: 130px;

	clear: both;

}

.list4 ul li{

	float:left;

}

.list4 ul li a{

	display: block;

	width: 184px;

	height: 98px;

	margin: 15px 0 0 12px;

	position: relative;

	border: 1px solid #f1f1f1;

	border-radius: 5px;

}

.list4 ul li .box14{

	margin-left: 15px;

}

.list4 ul li a .bg5{

	width: 182px;

	height: 97px;

	position: absolute;

	top: 0;

	left: 0;

	background-color: rgba(0,0,0,0.5);

	border: 1px solid #7f7f7f;

	border-radius: 5px;

	display: none;

}

.bg5 .bg5-top{

	width: 184px;

	height: 70px;

	border-bottom: 1px dashed #cccccc;

	font-size: 14px;

	line-height: 110px;

	color: white;

	text-indent: 10px;

}

.bg5 .bg5-bottom{

	width: 184px;

	height: 26px;

}

.bg5 .bg5-bottom b{

	font-size: 12px;

	line-height: 26px;

	color: white;

	text-indent: 10px;

	width: 100px;

	height: 26px;

	display: block;

	float:left;

}

.bg5 .bg5-bottom p{

	font-size: 12px;

	line-height: 26px;

	color:ff5557;

	text-indent: 10px;

	width:56px;

	height: 26px;

	display: block;

	float:right;

	text-align: center;

}

.list4 ul li a:hover .bg5{

	display: block;

}

.list4-wrap{

	width: 1200px;

	height: 152px;

}

.list4-wrap dl{

	width: 130px;

	height: 150px;

	display: block;

	border: 2px solid #fafafa;

	margin-left: 15px;

	background: #fafafa;

	float: left;

}

.list4-wrap dl dt{

	width:96px;

	height:96px;

	margin: 15px 0 0 15px;

}

.list4-wrap dl dd{

	width: 130px;

	height: 37px;

	font-size: 14px;

	line-height: 32px;

	color: #666;

	text-align: center;

}

.list4-wrap dl:hover{

	border: 2px solid #b8dfb6;

}

.list4-wrap dl:hover dd{

	color: #4db748;

}



/************************content*********************************/

.content{

	width: 1200px;

	height: 624px;

	margin: 0 auto;

	background: white;

}

.content-left{

	width: 464px;

	height: 624px;

	float:left;

	margin-left: 15px;

}

.left-pic{

	width: 464px;

	height: 278px;

}

.swiper-container {

  width:464px;

  height:280px;

  color: #fff;

}

.swiper-slide .title {

	display: block;

  font-style: italic;

  font-size: 42px;

  margin-bottom: 0;

  line-height: 45px;

  position: relative;

}

.swiper-slide .title p{

	display: block;

	width: 334px;

	height: 42px;

	color: white;

	text-align: center;

	position: absolute;

	left: 0;

	bottom:0;

	font-style: normal;

	font-size: 16px;

	text-align: center;

	background-color: rgba(16,124,19,0.8);

}

.swiper-slide p {

  font-style: italic;

  font-size: 25px;

}

.pagination {

  position: absolute;

  z-index: 20;

  right:0;

  bottom:0;

  background-color: rgba(0,0,0,0.5);

  width: 130px;

  height: 42px;

  text-align: center;

}

.swiper-pagination-switch {

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 8px;

  background:white;

  margin-right:8px;

  opacity: 0.8;

  cursor: pointer;

  margin-top: 16px;

  text-align: center;

}

.swiper-active-switch {

  background: #4db749;

}

.content-left .ss li a{

	display: block;

	width: 464px;

	height: 46px;

	font-size: 14px;

	line-height: 46px;

	color: #555555;

	margin-top:16px;

	overflow: hidden;

	text-indent: 5px;

	background: #f5f5f5;

}

.content-left .ss li a img{

	float:left;

}

.content-left .ss li .box15{

	margin-top: 20px;

}

.content-left .ss li a:hover{

	background: #ff7f00;

	color: white;

}

.content-left .ss li a img{

	transition: width 1s;

}

.content-left .ss li a:hover img{

	width: 146px;

}

.content-center{

	width:364px ;

	height: 624px;

	float:left;

	margin-left:25px;

}

.center-header{

	width: 364px;

	height: 150px;

	border-bottom: 1px dashed #e6e6e6;

}

.center-header div{

	width: 364px;

	height: 75px;

	background: white;

	position: relative;

}

.center-header div em a{

	display: block;

	width: 364px;

	height: 36px;

	font-size: 18px;

	line-height: 36px;

	color: #ff5557;

	text-align: center;

	margin-bottom: 0;

	font-style: normal;

	overflow: hidden;

}

.center-header div .headerNew{

	width: 165px;

	height: 18px;

	font-size: 14px;

	line-height: 18px;

	color: #555555;

	float:left;

	text-align: center;

	font-weight: 100;

	overflow: hidden;

}

.center-header div span{

	display: block;

	width: 2px;

	height: 18px;

	background: #999999;

	float: left;

	margin: 0 10px;

}

.center-header div p{

	border: none;

}

.center-header div b:hover{

	color: #4DB749;

}

.center-header div p:hover{

	color: #4DB749;

}

.content-center .center-main{

	width: 364px;

	height: 454px;

	margin-top: 20px;

}

.content-center .center-main ul a{

	display: block;

	width: 364px;

	height:14px;

	display: block;

	margin-top: 13px;

}

.content-center .center-main ul a b{

	font-size: 14px;

	line-height: 14px;

	width:324px;

	height:14px;

	color:#555555;

	float: left;

	display: block;

	font-weight: 100;

	overflow: hidden;

}

.content-center .center-main ul a span{

	display: block;

	width: 40px;

	height: 14px;

	float:left;

	font-size: 12px;

	line-height: 14px;

	color: #999999;

}

.content-center .center-main ul .fh{

	display: block;

	width: 364px;

	height: 24px;

	font-size: 12px;

	line-height: 24px;

	color: #4db748;

	margin: 0;

}

.content-center .center-main ul .fh b{

	width: 48px;

	height: 24px;

	background: #4db748;

	font-size: 12px;

	line-height: 24px;

	color: white;

	text-align: center;

	display: block;

	float: left;

}

.content-center .center-main ul .fh span{

	width: 316px;

	height: 24px;

	float:left;

	font-size: 16px;

	line-height: 24px;

	color: #4db748;

	text-indent: 5px;

	overflow: hidden;

}

.content-center .center-main .fm{

	margin-top: 25px;

}

.content-center .center-main ul a:hover b{

	color: #4db748;

}

.content-center .center-main ul a:hover span{

	color: #4db748;

}

.content-center .center-main ul li:hover .fh b{

	color: white;

}

.content-right{

	width:285px;

	height: 624px;

	float:left;

	margin-left:32px;

}

.col-3 {

	width:285px;

}

.col-3 .str-wrap {

	position:relative;

	overflow:hidden;

	height:362px;

}

.col-3 .str-wrap ul {

	position:absolute;

	top:0;

	margin-top:-10px;

	width:100%;

	-webkit-transition:all .3s;

	-moz-transition:all .3s;

	-ms-transition:all .3s;

	-o-transition:all .3s;

	transition:all .3s;

}

 .col-3 .str-wrap ul li {

 	margin-top:10px;

 	height:114px;

 	width:100%;

 	overflow:hidden;

 	-webkit-transition:all .3s;

 	-moz-transition:all .3s;

 	-ms-transition:all .3s;

 	-o-transition:all .3s;

 	transition:all .3s;

 }

.col-3 .str-wrap ul li a {

	display:block;

	width:100%;

}

.col-3 .str-wrap ul li a.normal {

	height:114px;

}

.col-3 .str-wrap ul li a.stretch {

	height:362px;

}

.col-3 .str-wrap ul li a img {

	width:100%;

	height:100%;

}

.col-3 .gift-list {

	margin-top:20px;

	margin-right:-18px;

}

.col-3 .gift-list li {

	height:44px;

	line-height:44px;

	padding:0 18px 0 10px;

}

.col-3 .gift-list li i {

	font-size:20px;

	color:#999;

	vertical-align:middle;

}

.col-3 .gift-list li span {

	display:inline-block;

	vertical-align:middle;

	text-align:center;

}

.col-3 .gift-list li span.name {

	width:80px;

	white-space:nowrap;

	overflow:hidden;

	font-size:14px;

	color:#000;

	padding:0 10px;

	text-align:left;

}

.col-3 .gift-list li span.num {

	color:#ff5557;

	font-size:12px;

}

.col-3 .gift-list li span.btn {

	width:45px;

	height:20px;

	line-height:20px;

	font-size:12px;

	color:#a0a0a0;

	border:1px solid #d9d9d9;

	float:right;

	margin-top:12px;

}

.col-3 .gift-list li:hover {

	background:#f0f0f0;

}

.col-3 .gift-list li:hover .name {

	color:#3fb13a;

}

.col-3 .gift-list li:hover .btn {

	background:#3fb13a;

	color:#fff;

	border-color:#3fb13a;

}

.content-right .right-box{

	width: 285px;

	height: 380px;

}

.right-box dt{

	width:285px;

	height: 40px;

	position: relative;

}

.right-box dt i{

	display: block;

	width: 3px;

	height: 3px;

	background:#999999;

	position: absolute;

	top: 17px;

	left: 8px;

}

.right-box dt b{

	font-size: 14px;

	line-height: 40px;

	color: #555555;

	position: absolute;

	top:0px;

	left: 24px;

	font-weight: 100;

}

.right-box dt p{

	font-size: 14px;

	line-height: 40px;

	color: #ff5557;

	position: absolute;

	left: 152px;

}

.right-box dt span{

	display: block;

	width: 48px;

	height: 20px;

	border: 1px solid #cccccc;

	font-size: 12px;

	line-height: 20px;

	color: #999999;

	text-align: center;

	position: absolute;

	top: 10px;

	left: 206px;

}

.right-box dd{

	width: 285px;

	height:86px;

	position: relative;

	display: none;

	background: #F5F5F5;

}

.right-box dd i{

	display: block;

	width: 3px;

	height: 3px;

	background:#999999;

	position: absolute;

	top: 42px;

	left: 8px;

}

.right-box dd img{

	position: absolute;

	top: 12px;

	left: 20px;

}

.right-box dd b{

	font-size: 14px;

	line-height: 40px;

	color: #555555;

	position: absolute;

	top:15px;

	left:95px;

	font-weight: 100;

}

.right-box dd b:hover a{

	color: #4DB749;

}

.right-box dd p{

	font-size: 14px;

	line-height: 40px;

	color: #ff5557;

	position: absolute;

	left:95px;

	top:36px;

}

.right-box dd span{

	display: block;

	width: 48px;

	height: 20px;

	border: 1px solid #3fb13a;

	font-size: 12px;

	line-height: 20px;

	color:white;

	text-align: center;

	position: absolute;

	top:34px;

	left: 206px;

	background: #3fb13a;

}

.right-box dt.on{

	display: none;

}

.right-box dt.on + dd{

	display: block;

}

/*********************newGame*******************************/

.newGame{

	width: 1200px;

	height:590px;

	margin: 0 auto;

	margin-bottom: 25px;

	background: white;

}

.newGame-left{

	width: 346px;

	height: 590px;

	float: left;

	margin-left: 15px;

}

.newGame-left h3{

	width:156px ;

	height: 25px;

	margin-top: 17px;

	margin-bottom: 0;

}

.newGame-left h3 b{

	width: 10px;

	height: 25px;

	background:#4db748;

	display: block;

	float:left;

}

.newGame-left h3 p{

	width: 90px;

	height: 25px;

	float:left;

	font-size: 18px;

	line-height:25px;

	color: #555555;

	margin-left:15px;

	font-weight: 100;

}

.newGame-left h4{

	width:346px;

	height: 47px;

	background: url(/shuowan../img/ssj4.png) no-repeat left bottom;

}

.newGame-left h4 b{

	display: block;

	width:64px;

	height: 47px;

	font-size: 16px;

	line-height: 46px;

	color: #999999;

	float: left;

	margin-right: 20px;

	cursor: default;

	font-weight: 100;

}

.newGame-left h4 .b-on{

	background: url(/shuowan../img/ssj3.png)no-repeat center bottom;

	color: #555555;

}

.newGame-left-top{

	width:346px;

	height: 30px;

	margin-top: 10px;

	background: #f5f5f5;

}

.newGame-left-top b{

	width:84px;

	float:left;

	font-size: 12px;

	line-height: 30px;

	text-align: center;

	color: #555555;

	font-weight: 100;

}

.newGame-left-top p{

	width:110px;

	float:left;

	font-size: 12px;

	line-height: 30px;

	text-align: center;

	color: #555555;

}

.newGame-left-top span{

	width:92px;

	float:left;

	font-size: 12px;

	line-height: 30px;

	text-align: center;

	color: #555555;

}

.newGame-left-top i{

	display: block;

	height: 30px;

	width:60px;

	float:left;

	font-size: 12px;

	line-height: 30px;

	text-align: center;

	color: #555555;

	font-style: normal;

}

.newGame-left ul{

	display: block;

	width:346px;

	height: 464px;

}

.newGame-left ul li{

	display: block;

	width: 346px;

	height: 44px;

	color: #666;

	border-top: 1px dashed #cccccc;

	float:left;

}

.newGame-left ul li b{

	width:84px;

	font-size: 12px;

	line-height:44px;

	text-align: center;

	float:left;

	font-weight: 100;

}

.newGame-left ul li p a{

	display: block;

	width:110px;

	font-size: 12px;

	line-height:44px;

	text-align: center;

	font-weight: 100;

	float:left;

	overflow:hidden;

	height:33px;

}

.newGame-left ul li span{

	width:92px;

	height: 44px;

	font-size: 12px;

	line-height:44px;

	text-align: center;

	float:left;

	display: block;

	overflow: hidden;

}

.newGame-left ul li i a{

	display: block;

	height: 44px;

	width:60px;

	font-size: 12px;

	line-height:44px;

	text-align: center;

	background: url(/shuowan../img/img.png) no-repeat -293px -17px;

	float: left;

}

.newGame-left ul li:hover p a{

	color: #4DB748;

}

.newGame-left ul li:hover span{

	color: #4DB748;

}

.newGame-left ul li:hover b{

	color: #4DB748;

}

.newGame-center{

	width: 396px;

	height: 590px;

	margin-left: 25px;

	margin-right: 25px;

	float: left;

}

.newGame-center-header{

	width: 396px;

	height: 44px;

	margin-top: 44px;

	border-bottom: 1px solid #cccccc;

}

.newGame-center-header b{

	display: block;

	width: 64px;

	font-size: 16px;

	line-height:44px;

	height: 44px;

	color: #555555;

	border-bottom: 1px solid #4db748;

	cursor: default;

	font-weight: 100;

}

.center-video{

	width: 396px;

	height: 282px;

	border-bottom: 1px dashed #e5e5e5;

}

.center-video dl{

	width: 125px;

	margin-top:10px;

	float:left;

}

.center-video .vider-one{

	margin-left:10px;

	margin-right: 10px;

}

.center-video dl dt{

	width: 125px;

	height: 75px;

	position: relative;

}

.center-video dl dt b{

	display: block;

	width: 125px;

	height: 75px;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.5) url(/shuowan../img/img.png) no-repeat -118px -112px;

}

.center-video dl dd{

	width: 125px;

	height: 49px;

	font-size: 14px;

	line-height:22px;

	color: #555555 !important;

	overflow: hidden;

}

.center-video dl:hover dt b{

	background: url(/shuowan../img/img.png) no-repeat -198px -112px;

}

.center-video dl:hover dd a{

	color: #4DB749;

}

.center-information a{

	display: block;

	width: 396px;

	height:102px ;

	position: relative;

	margin-top: 15px;

}

.center-information a div{

	width: 170px;

	height: 102px;

	overflow: hidden;

}

.center-information a div img{

	transition: all 0.6s;  

}

.center-information a:hover img{

	transform: scale(1.2);  

}

.center-information a:hover b{

	color: #4DB749;

}

.center-information b{

	width: 214px;

	height:38px;

	font-size: 16px;

	line-height:38px;

	color: #555555;

	position: absolute;

	top: 0;

	left: 180px;

	font-weight: 100;

	overflow: hidden;

}

.center-information p{

	width: 214px;

	height: 64px;

	position: absolute;

	top: 38px;

	left: 180px;

	font-size: 12px;

	line-height:20px;

	color: #999999;

	text-align: left;

	overflow: hidden;

}

.newGame-center ul{

	display: block;

	width: 396px;

	height: 104px;

}

.newGame-center ul li{

	float:left;

}

.newGame-center ul li a{

	width: 188px;

	height: 14px;

	display: block;

	font-size: 14px;

	line-height:14px;

	color: #666666;

	text-indent:5px;

	position: relative;

	margin-top: 11px;

	overflow: hidden;

	margin-right: 10px;

}

.newGame-center ul li .fmt{

	margin-top: 13px;

}

.newGame-center ul li a i{

	width:3px;

	height: 3px;

	background: #999999;

	display: block;

	position: absolute;

	top: 5px;

}

.newGame-center ul li a:hover{

	color: #4db748;

}

.newGame-center ul li a:hover i{

	background:#4db748;

}

.newGame-right{

	width:380px;

	height: 590px;

	float:left;

}

.newGame-right-hope a{

	display: block;

	width: 380px;

	height:84px;

	margin-top:12px;

	background: #f5f5f5;

}

.newGame-right .first{

	margin-top: 9px;

}

.newGame-right-hope .hope-left{

	width:20px;

	height:84px;

	float:left;

}

.hope-left i{

	display: block;

	width: 20px;

	height:16px;

	font-size: 12px;

	line-height:16px;

	color: white;

	background: #cccccc;

	margin-top: 32px;

	text-align: center;

	font-style: normal;

}

.first i{

	background: #f02323;

}

.second i{

	background: #ff7f00;

}

.third i{

	background: #4db748;

}

.newGame-right-hope .hope-center{

	width:274px;

	height: 84px;

	float:left;

	position: relative;

}

.hope-center img{

	margin: 12px 15px 12px 20px;

}

.hope-center b{

	font-size: 14px;

	line-height:14px;

	color: #555555;

	position: absolute;

	left: 95px;

	top: 22px;

	font-weight: 100;

}

.hope-center p{

	position: absolute;

	left: 95px;

	top:44px;

	font-size: 12px;

	line-height:12px;

	color: #999999;

}

.hope-right{

	width: 84px;

	height: 84px;

	float:left;

	position: relative;

}

.hope-right .ring{

	width:44px; 

	height:44px;

	border-radius: 50%; 

	background: #f1f3f6; 

	overflow: hidden;

	top:20px;

	left:20px;

	position: absolute; 

	transition: all  0.3s ease 0s;

	-moz-transition:all  0.3s ease 0s;

	-webkit-transition:all  0.3s ease 0s;

	-o-transition:all  0.3s ease 0s;

}

.hope-right .ring .num{

	width:34px ;

	height:34px ;

	top: 5px;

	left: 5px; 

	line-height:34px;

	font-size:16px;

	font-weight:bold ;

	color:#3fb13a ; 

	position: absolute;

	background: #fff;

	text-align: center;

}

.ring > div{

	width: 100%; 

	height:100%; 

	position: absolute; 

	left: 0px; top:0px;  

	transform:rotate(0deg); 

	border-radius: 50%;

}

.ring .g1{

	background:#3fb13a ; 

	transform:rotate(0deg);

	clip:rect(0px 60px 60px 30px);

}

.ring .g2{

	background:#3fb13a ; 

	transform:rotate(-72deg);

	clip:rect(0px 30px 60px 0px);

}

.ring .gray{

	background:#f1f3f6;

	clip:rect(0px 30px 60px 0px); 

	display: none;

}

/*10-0分*/

.ring.c10 .g2{transform:rotate(0deg);}

.ring.c99 .g2{-ms-transform:rotate(-3.6deg);transform:rotate(-3.6deg)}

.ring.c98 .g2{-ms-transform:rotate(-7.2deg);transform:rotate(-7.2deg)}

.ring.c97 .g2{-ms-transform:rotate(-10.8deg);transform:rotate(-10.8deg)}

.ring.c96 .g2{-ms-transform:rotate(-14.4deg);transform:rotate(-14.4deg)}

.ring.c95 .g2{-ms-transform:rotate(-18deg);transform:rotate(-18deg)}

.ring.c94 .g2{-ms-transform:rotate(-21.6deg);transform:rotate(-21.6deg)}

.ring.c93 .g2{-ms-transform:rotate(-25.2deg);transform:rotate(-25.2deg)}

.ring.c92 .g2{-ms-transform:rotate(-28.8deg);transform:rotate(-28.8deg)}

.ring.c91 .g2{-ms-transform:rotate(-32.4deg);transform:rotate(-32.4deg)}

.ring.c9 .g2{transform:rotate(-36deg);}

.ring.c8 .g2{transform:rotate(-72deg);}

.ring.c7 .g2{transform:rotate(-108deg);}

.ring.c6 .g2{transform:rotate(-144deg);}

.ring.c5 .g2{transform:rotate(-180deg);}

.ring.c4 .g2{display: none}.ring.c4 .gray{display:block; transform:rotate(-36deg);}

.ring.c3 .g2{display: none}.ring.c3 .gray{display:block; transform:rotate(-72deg);}

.ring.c2 .g2{display: none}.ring.c2 .gray{display:block; transform:rotate(-108deg);}

.ring.c1 .g2{display: none}.ring.c1 .gray{display:block; transform:rotate(-144deg);}

.ring.c0 .g2{display: none}.ring.c0 .gray{display:block; transform:rotate(-180deg);}

.newGame-right .newGame-right-hope:hover .hope-left{

	background: #cccccc;

}

.newGame-right .hope-left{

	transition: background 1s;

}

.newGame-right  .first:hover .hope-left{

	background: #f02323;

}

.newGame-right  .second:hover .hope-left{

	background: #ff7f00;

}

.newGame-right  .third:hover .hope-left{

	background: #4db748;

}

.newGame-right .newGame-right-hope:hover .hope-center b{

	color: #4db748;

}

.newGame-right .newGame-right-hope:hover .hope-right .ring{

	-webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}



/***********************newDivision*************************************/

.newDivision{

	width: 1200px;

	height:548px ;

	margin: 0 auto;

	background:white;

}

.newDivision-top{

	width:1100;

	height:47px;

	margin-left: 15px;

	padding-top: 17px;

}

.newDivision-top h3{

	width:1200px ;

	height: 25px;

}

.newDivision-top h3 b{

	width: 10px;

	height: 25px;

	background:#4db748;

	float:left;

}

.newDivision-top h3 p{

	width: 90px;

	height: 25px;

	float:left;

	font-size: 18px;

	line-height:25px;

	color: #555555;

	margin-left:12px;

	font-weight: 100;

}

.newDivision-bottom{

	width: 1200px;

	height: 484px;

}

.bottom-main{

	width:280px;

	height:462px;

	float:left;

	margin-left: 15px;

	background: #f5f5f5;

}

.bottom-main-pic a{

	display:block;

	width:280px;

	height:168px;

	overflow: hidden;

}

.bottom-main-pic a img{

	transition: all 0.6s;  

}

.bottom-main-pic a:hover img{

	transform:scale(1.1);

}

.bottom-pic a{

	display: block;

	width:280px;

	height:46px;

	position: relative;

}

.bottom-pic i{

	display: block;

	width: 60px;

	height: 60px;

	position: absolute;

	top:-20px;

	left:26px;

	border: 3px solid #f5f5f5;

	border-radius: 14px;

}

.bottom-pic b{

	font-size: 14px;

	line-height:14px;

	color: #555555;

	position: absolute;

	top: 10px;

	left:105px;

	font-weight: 100;

}

.bottom-pic p{

	font-size: 12px;

	line-height:12px;

	color: #999999;

	position: absolute;

	top:29px;

	left:105px;

}

.bottom-pic div{

	font-size: 14px;

	line-height:14px;

	color: #555555;

	position: absolute;

	top:8px;

	left:228px;

}

.bottom-pic div span{

	color: #ff5557;

}

.bottom-pic a:hover b{

	color: #4DB749;

}

.bottom-main .bottom-new{

	display: block;

	width:280px;

	height:100px;

	padding-top: 15px;

	border-bottom: 1px dashed #cccccc;

	margin-left: 0;

}

.bottom-main .bottom-new li a{

	width: 250px;

	height: 14px;

	display: block;

	font-size: 14px;

	line-height:14px;

	color: #666666;

	text-indent:15px;

	position: relative;

	margin-top: 15px;

	margin-left: 20px;

	overflow: hidden;

}

.bottom-main .bottom-new li .fmt{

	margin-top: 0;

}

.bottom-main .bottom-new li a i{

	width:3px;

	height: 3px;

	background: #4db748;

	display: block;

	position: absolute;

	top: 5px;

	left:0;

}

.bottom-main .bottom-new li a:hover{

	color: #4db748;

}

.bottom-video{

	width:280px;

	height: 144px;

	border-bottom: none;

}

.bottom-main .bottom-video ul{

	display: block;

	width: 280px;

	height:50px;

}

.bottom-main .bottom-video ul li{

	float:left;

}

.bottom-main .bottom-video ul li a{

	display: block;

	font-size: 12px;

	line-height:12px;

	color: #999999;

	width:92px;

	height: 12px;

	border-right: 1px solid #999999;

	text-align: center;

	margin-top:12px;

}

.bottom-main .bottom-video ul li .video-two{

	border: none;

}

.bottom-main .bottom-video ul li a:hover{

	color: #4DB749;

}

.bottom-video dl{ 

	margin-left:9px;

}

.bottom-video dl dd{

	display:none;

}





/**************************information*************************************/

.information{

	width: 1200px;

	height: 484px;

	margin:25px auto 0;

	background: white;

}

.information-top li{

	float:left;

}

.information-top li a{

	font-size: 12px;

	line-height:12px;

	color: #999999;

	margin:9px 8px 0 8px;

	position: relative;

	display: block;

	font-weight: 100;

}

.information-top li:hover a{

	color: #4DB749;

}

.information-top li a span{

	width: 3px;

	height: 3px;

	background: #999999;

	display: block;

	position: absolute;

	top:6px;

	left:-8px;

}

.information-bottom{

	width: 1200px;

	height:392px;

}

.bottom-headline{

	width:345px;

	height: 392px;

	float:left;

	margin-left: 15px;

}

.bottom-headline h4{

	width: 345px;

	height: 28px;

	background: url(/shuowan../img/ssj4.png) no-repeat left bottom;

}

.bottom-headline h4 b{

	display: block;

	width:64px;

	height: 28px;

	font-size: 16px;

	font-family: "微软雅黑";

	color: #555555;

	font-weight:100;

	cursor: default;

	border-bottom: 1px solid #4DB749;

}

.bottom-headline-pic{

	width:345px;

	height: 236px;

	background:#f5f5f5;

	margin-top: 10px;

}

.bottom-headline-pic .swiper-container {

  width:345px;

  height:234px;

  color: #fff;

}

.bottom-headline-pic .swiper-slide .title {

  display: block;

  font-style: italic;

  font-size: 42px;

  margin-bottom: 0;

  line-height: 45px;

  position: relative;

  width: 345px;

  height: 207px;

}

.bottom-headline-pic .swiper-slide .title p{

	display: block;

	width: 345px;

	height:34px;

	color: white;

	text-align: center;

	position: absolute;

	left: 0;

	bottom:0;

	font-style: normal;

	font-size: 14px;

	line-height: 34px;

	background-color: rgba(0,0,0,0.5);

}

.bottom-headline-pic .pagination {

  position: absolute;

  right:0;

  bottom:0;

  width:345px;

  height:27px;

  background-color: #999999;

}

.bottom-headline-pic .swiper-pagination-switch {

  display: inline-block;

  width:46px;

  height:3px;

  background:#cccccc;

  opacity: 0.8;

  cursor: pointer;

  margin-top: 14px;

}

.bottom-headline-pic .swiper-active-switch {

  background: #4db749;

}

.bottom-headline ul{

	display: block;

	width: 346px;

	height: 146px;

}

.bottom-headline ul li a{

	display: block;

	font-size: 14px;

	line-height:14px;

	color: #555555;

	padding-top: 15px;

	overflow: hidden;

}

.bottom-headline ul li a:hover{

	color: #4DB749;

}

.bottom-new{

	width:396px;

	height: 392px;

	margin-left: 25px;

	float: left;

}

.bottom-new h4{

	width: 396px;

}

.bottom-new h4 b{

	color: #999999 !important;

}

#bottom-new b{

	float:left;

	margin-right: 18px;

	border: none;

	color: #555555;

	font-weight: 100;

}



#bottom-new .b-n2{

	background: url(/shuowan../img/ssj3.png) no-repeat center bottom;

	color: #555555 !important;

}

.bottom-new-top{

	width: 396px;

	height: 196px;

	border-bottom: 1px dashed #cccccc;

	margin-top: 10px;

}

.bottom-new-top dl{

	width:190px;

	height: 196px;

	float:left;

}

.bottom-new-top .dlm2{

	margin-right:16px;

}

.bottom-new-top dl dt{

	width: 190px;

	height: 114px;

	overflow: hidden;

}

.bottom-new-top dl dt img{

	transition: all 0.6s;

}

.bottom-new-top dl:hover dt img{

	transform: scale(1.1);

}

.bottom-new-top dl dd{

	width: 190px;

	height: 82px;

}

.bottom-new-top dl dd b{

	font-size: 14px;

	line-height:28px;

	color: #555555;

}

.bottom-new-top dl dd p{

	font-size: 12px;

	line-height:16px;

	color: #999999;

	text-align: left;

}

.bottom-new-top dl:hover dd b{

	color: #4DB749 !important;

}

.bottom-new ul{

	display: block;

	width: 396px;

	height:185px;

}

.bottom-new ul li .kong{

	display: block;

	width: 100px;

	height:10px;

	background: url(/shuowan../img/information5.png) no-repeat 8px center;

}

.bottom-new ul li a{

	overflow: visible;

}

.bottom-new ul li b{

	width:396px;

	height:18px;

	background: url(/shuowan../img/information4.png) no-repeat 8px center;

	font-size: 14px;

	line-height:18px;

	color: #555555;

	text-indent:25px;

}

.bottom-new ul li .b6{

	margin-top: 14px;

	background: url(/shuowan../img/information3.png) no-repeat left top;

}

.bottom-new ul li .b7{

	margin-top: 14px;

}

.bottom-new ul li b span{

	color: #a9a9a9;

}

.bottom-new ul li b:hover{

	background: url(/shuowan../img/information3.png) no-repeat top left;

	color: #4DB749 !important;

}

.bottom-new ul li b:hover span{

	color: #4DB749;

}

.bottom-new ul li:hover .kong{

	background: url(/shuowan../img/information5.png) no-repeat 8px center;

}

.bottom-news{

	width: 380px;

	height:400px;

	float: left;

}

.bottom-news h4{

	width: 380px;

}

#bottom-news b{

	float:left;

	margin-right: 18px;

	border: none;

	font-weight: 100;

	color: #999999;

}

#bottom-news .b-n1{

	background: url(/shuowan../img/ssj3.png) no-repeat center bottom;

	color: #555555 !important;

}

#bottom-news b:hover .btn_c{

	display: block;

}

.bottom-news dl{

	display: block;

	width:380px;

	height: 276px;

	margin-top: 0;

}

.bottom-news dl dt{

	width: 380px;

	height: 18px;

	background: url(/shuowan../img/information6.png) no-repeat left center;

	margin-top: 11px;

	font-size: 14px;

	line-height:18px;

	color: #555555;

	text-indent:15px;

	cursor: hand;
	
	overflow:hidden;

}

.bottom-news dl dd{

	width:380px;

	height: 90px;

	margin-top: 12px;

	display: none;

}

.bottom-news dl dd img{

	float:left;

	width: 150px;

	margin-left:15px;

}

.bottom-news dl dd b{

	font-size: 12px;

	line-height:16px;

	color: #999999;

	width:160px;

	height: 90px;

	float:right;

	margin-top: 10px;

	margin-left: 10px;

}

.news dt.on{

	background: url(/shuowan../img/information7.png) no-repeat left center;

}

.news dt.on a{

	color: #4DB749;

}

.news dt.on + dd{

	display: block;

}

.news-pic{

	width: 380px;

	height:72px;

}

.news-pic .img2{

	float:left;

	position: relative;

}

.news-pic img{

	margin-right:6px;

}

.news-pic .bgb{

	position: absolute;

	left: 0;

	top: 0;

	width:120px;

	height: 72px;

	background-color:rgba(0,0,0,0.4);

	display: none;

	color: white !important;

}

.news-pic .bgb b{

	margin-top:20px;

	color: white !important;

	font-size: 14px;

	line-height:16px;

	width:100px;

	margin-left: 10px;

    height: 32px;

    overflow: hidden;

}

.news-pic .img2:hover .bgb{

	display: block;

}



/***************************gameBBS**********************************************/

.gameBBS{

	width: 1200px;

	height:412px;

	background:white;

	margin: 0 auto;

}

.gameBBS-left{

	width:346px ;

	height: 412px;

	float:left;

	margin-left: 15px;

}

.gameBBS-top{

	margin-left: 0;

	width: 346px;

}

.gameBBS-top h3{

	width: 346px;

}

.left-bbs{

	width: 346px;

	height: 64px;

	border-top: 1px dashed #cccccc;

	margin-bottom: 20px;

}

.bbs-two{

	margin:0;

	border: none;

}

.gameBBS-left .bbs-two b{

	margin-top: 0;

}

.left-bbs b{

	display: block;

	width: 346px;

	height: 16px;

	overflow: hidden;

	font-size: 14px;

	line-height:16px;

	font-weight: 100;

	color: #555555;

	text-indent: 34px;

	background: url(/shuowan../img/imgs.png) no-repeat 0px -124px;

	margin-top: 20px;

}

.left-bbs p{

	font-size: 14px;

	line-height:45px;

	color: #555555;

	text-indent: 34px;

}

.left-bbs p span{

	color: #ff5557;

	

}

.left-bbs:hover b{

	color: #4DB749;

	background: url(/shuowan../img/imgs.png) no-repeat 0px -171px;

}

.left-footer{

	width: 346px;

	height:40px;

	background: #f5f5f5;

	font-size: 14px;

	line-height:40px;

	color: #555555;

}

.left-footer p{

	display: block;

	width: 282px;

	height: 40px;

	overflow: hidden;

	float:left;

	text-indent: 10px;

}

.left-footer b{

	display: block;

	width:60px;

	height: 40px;

	float:right;

	font-weight: 100;

}

.footer-one{

	margin-bottom: 10px;

}

.left-footer:hover a{

	color: #4DB749;

}

.gameBBS-center{

	width: 396px;

	height: 412px;

	margin: 0 25px;

	float:left;

}

.center-pic{

	width: 396px;

	height:198px;

}

.video{

	overflow:hidden;

}

.video li {

	width:56px;

	height:198px;

	position:relative;

	float:left;

	overflow:hidden;

	margin-right:1px;

	-webkit-transition:all .5s linear 0s;

	-moz-transition:all .5s linear 0s;

	-ms-transition:all .5s linear 0s;

	-o-transition:all .5s linear 0s;

	transition:all .5s linear 0s;

}

.video li img {

	position:absolute;

	width:280px;

	height:196px;

	left:-140px;

	-webkit-transition:all .5s linear 0s;

	-moz-transition:all .5s linear 0s;

	-ms-transition:all .5s linear 0s;

	-o-transition:all .5s linear 0s;

	transition:all .5s linear 0s;

}

.video li .v-bar {

	height:25px;

	background:deepskyblue;

	line-height:25px;

	font-size:12px;

	color:#fff;

	text-align:center;

	position:absolute;

	bottom:0;width:396px;

}

.video li.on {

	width:280px;

}

.video li.on img {

	left:0;

}

.video li.on p{

	color: white;

	display: block;

}

.video li p{

	width:280px;

	height:34px;

	font-size: 14px;

	line-height:34px;

	color:#756D62; 

	text-align: center;

	background-color: rgba(0,0,0,0.5);

	position: absolute;

	top:162px;

	left: 0;

	display: none;

}

.center-footer{

	width: 396px;

	height:152px;

}

.center-footer dl{

	width:120px;

	height: 112px;

	margin: 16px 18px 0 0;

	float: left;

}

.center-footer .dlm{

	margin-right: 0;

}

.center-footer dl dd{

	width: 120px;

	height: 72px;

}

.center-footer dl dt{

	width: 120px;

	height: 40px;

	font-size: 14px;

	line-height:20px;

	color: #555555;

	overflow: hidden;

}

.center-footer dl:hover dt a{

	color: #4DB749;

}

.gameBBS-right{

	width:380px;

	height: 412px;

	float: left;

}

.right-bk{

	width: 380px;

	height:84px;

}

.right-bk-left{

	width: 190px;

	height: 84px;

	float: left;

	position: relative;

}

.right-bk .right-bk-left img{

	display: block;

	margin:12px;

}

.right-bk-left b{

	position: absolute;

	top:14px;

	left: 84px;

	font-size: 14px;

	line-height:14px;

	font-weight: 100;

	color: #555555;

}

.right-bk-left p{

	position: absolute;

	top:38px;

	left: 84px;

	font-size: 12px;

	line-height:12px;

	color: #999999;

}

.right-bk-left .p2{

	top:56px;

}

.right-bk-left p span{

	color: #ff5557;

}

.right-bk-left:hover{

	background: #f5f5f5;

}

.right-bk-left:hover b{

	color: #4DB749;

}

.right-bks{

	width: 380px;

	height:80px ;

	border-top:1px dashed #cccccc;

	position: relative;

}

.last1{

	border: none;

}

.last2{

	margin-top: 8px;

}

.right-bks img{

	margin: 10px 0 10px 12px;

}

.right-bks b a{

	position: absolute;

	width: 110px;

	top:20px;

	left: 90px;

	font-size: 14px;

	line-height:14px;

	color: #555555;

	font-weight: 100;

	border: none;

	text-align: left;

}

.right-bks p{

	position: absolute;

	top:22px;

	left: 200;

	font-size: 12px;

	line-height:12px;

	color: #999999;

}

.right-bks .p3{

	left:262px;

}

.right-bks p span{

	color: #ff5557;

}

.right-bks a{

	display: block;

	width:68px;

	height: 24px;

	border: 1px solid #4DB749;

	position: absolute;

	top:45px;

	left: 90px;

	font-size: 14px;

	line-height:24px;

	color: #4DB749;

	text-align: center;

}

.right-bks .p4{

	left: 165px;

	color: #fcaf62;

	font-size: 14px;

	line-height:24px;

	border: 1px solid #fcaf62;

}

.right-bks a.p6:hover {

	background: #4DB749;

	color: white;

}

.right-bks a.p4:hover{

	background: #fcaf62;

	color: white;

}

.right-bks:hover b a{

	color: #4DB749;

	background: white;

}

.tab_d{

	display: none;

}



/******************billboard****************************/

.billboard{

	width: 1200px;

	height: 560;

	margin:0 auto;

	margin-top: 25px;

	background: white;

}

.rank{

	height:560px;

	width:386px;

	float:left;

	}

#wy{

	margin: 0 21px;

}

/*通用标题*/

.headLine{

	width:100%; 

	height:35px; 

	font-size:17px; 

	color:#333; 

	background:#fff; 

	position:relative; 

	overflow:hidden; 

	padding: 10px 0px;

}

.headLine .titleName{

	border-left:10px solid #4db748; 

	padding:0px 10px; 

	line-height:25px; 

	position:absolute; 

	left:15px; 

	top:15px; 

	z-index:2; 

	background:#fff;

}

.headLine .line{

	position:absolute; 

	width:100%; 

	height:1px; 

	background:#e1e1e1; 

	top:24px; 

	left:-20px; 

}

.headLine .more{ 

	float:right; 

	margin-right:15px; 

	line-height:35px; 

	position: relative; 

	padding: 0px 10px; 

	z-index: 99; 

	background: #fff;

}

.headLine .more a{ 

	font-size:12px; 

	color:#999;

}

.headLine .more a:hover{ 

	color:#4db748;

}

.rank .listWave dt .name{

	width: 180px;

}

.rank .listWave dd{

	padding-top: 20px; 

	padding-bottom: 20px;

	font-size:0px;

	display: none;

	cursor: hand;

}

.rank .listWave dd img{

	width: 96px; 

	height: 96px;

}

.rank .listWave dd .info{

	width: 190px;

	height: 90px;

}

.rank .listWave dd .info .name{

	font-size:16px ;

	line-height:16px;

	color: #333;

}

.rank .listWave dd .info .star{

	display: inline-block;

	background: url(/shuowan../img/rankstar.png) no-repeat;

	width: 70px;

	height: 12px;

	position: absolute;

	top:38px;

	left:55px;

}

.rank .listWave dd .info .s01{ background-position: 0 0px;}

.rank .listWave dd .info .s02{ background-position: 0 -10px;}

.rank .listWave dd .info .s03{ background-position: 0 -23px;}

.rank .listWave dd .info .s04{ background-position: 0 -37px;}

.rank .listWave dd .info .s05{ background-position: 0 -51px;}

.rank .listWave dd .info .s06{ background-position: 0 -62px;}

.rank .listWave dd .info .s07{ background-position: 0 -76px;}

.rank .listWave dd .info .s08{ background-position: 0 -86px;}

.rank .listWave dd .info .s09{ background-position: 0 -100px;}

.rank .listWave dd .info .s010{ background-position: 0 -113px;}

.rank .listWave dd .info .item{

	font-size:12px ;

	color:#999 ;

	line-height:12px ;

}

.rank .listWave dd .info .item em{

	color:#666 ;

	font-style: normal;

}

.rank .listWave dd .info .item i{

	margin-bottom:5px;

	width:120px;

	height:12px;

	display:block;

	color:#666 ;

	font-style: normal;

}

.rankList{

	background: #fff;

}

.rankList li{

	position: relative;

}

.rankList .icon{

	width:10px ;

	height:10px ;

	 margin: 0px 15px;

}

.rankList .up{

	background-position:-374px -170px;

}/*上升*/

.rankList .des{

	background-position: -340px -170px;

}/*下降*/

.rankList .fair{

	background-position: -472px -353px;

}/*持平*/

.rankList li *{

	vertical-align: middle; 

	display: inline-block; 

	line-height: 60px; 

	overflow: hidden; 

	text-overflow: ellipsis; 

	white-space: nowrap;

}

.rankList li .name{

	width:100px ; 

	font-size: 14px;

	color: #666;

}

.rankList li .type{

	width:90px ; 

	font-size: 12px;

	color: #999;

}

.rankList li .size{

	width:90px ; 

	font-size: 12px;

	color: #999;

}

.rankList li:hover{

	background:#f5f5f5;

}

.rankList li:hover *{

	color: #4db848 !important;

}

/*波浪效果列表--listWave*/

.icon{

	display: inline-block; 

	background: url("/shuowan../img/bg-version2.png") no-repeat; 

	vertical-align: middle; 

	text-align: center;

}

.listWave{

	background: #fff;

}

.listWave .NO{

	height: 30px; 

	width: 30px; 

	font-size:14px; 

	color:#aaa; 

	text-align: center; 

	line-height:30px ; 

	display: inline-block; 

	margin-left: 10px;

}

.listWave .ls{

	color: #4DB749;

}

.listWave .icon{

	width:10px ;

	height:10px ; 

	margin: 0px 15px;

}

.listWave .up{

	background-position:-374px -170px;

}/*上升*/

.listWave .des{

	background-position: -340px -170px;

}/*下降*/

.listWave .fair{

	background-position: -472px -353px;

}/*持平*/

.listWave dt{

	height: 40px; 

	line-height: 30px; 

	cursor: pointer;

}

.listWave dt *{

	vertical-align: middle; 

	overflow: hidden; 

	text-overflow: ellipsis; 

	white-space: nowrap;

}

.listWave dt .name{

	display: inline-block; 

	width:130px ; font-size: 

	14px;color: #333; 

	font-weight: bold;

}

.listWave dt .type{

	display: inline-block; 

	width:90px ; 

	font-size: 12px;

	color: #999;

}

.listWave dd{

	position: relative;

	background: #fafafa; 

	padding: 10px 0px;

}

.listWave dd img{

	width: 64px; 

	height: 64px; 

	display: inline-block; 

	margin-right: 10px;

	vertical-align: middle;

}

.listWave dd .info{

	display: inline-block; 

	width:140px;

	font-size: 14px;

	position: absolute;

	top:25px;

	right: 0;

	vertical-align: middle;

}

.listWave dd .name{ 

	line-height:30px; 

	color: #333; 

	font-weight: bold;

}

.listWave dd .type{ 

	color: #999; 

	font-size: 12px;

}

.listWave dt.on{

	display: none;

}

.listWave dt.on + dd{

	display: block;

}



/******************blogroll*****************************/

.blogroll{

	width: 1200px;

	height:124px;

	margin: 0px auto 25px;

	background: white;

}

.blogroll-left{

	width:45px;

	height: 106px;

	background: #4DB749;

	padding: 18px 0 0 25px;

	float:left;

}

.blogroll-left b{

	display: block;

	width: 16px;

	height:80px;

	color: white;

	font-size: 16px;

	font-weight: bold;

	font-family: "微软雅黑";

}

.blogroll ul{

	width:1104px;

	display: block;

	float:right;

	margin-top:10px;

}

.blogroll ul li{

	float:left;

}

.blogroll ul li a{

	display: block;

	font-size: 12px;

	line-height:26px;

	color: #999999;

	margin-right: 12px;

}

.blogroll ul li:hover a{

	color:#4DB749;

}



/***************右侧导航栏*********************/

.sideNav {

	width:70px;

	border:1px solid #dedede;

	border-bottom:0;

    position: fixed;

    left: 50%;

    margin-left: 630px;

    top: 50%;

    margin-top: -250px;

	background:#fff;

	display:none;

}

.sideNav li {

	border-bottom:1px solid #dedede;

	cursor:pointer;

	text-align:center;

	height:52px;

}

.sideNav li.rightnav1 {

	position: relative;

}

.sideNav li.rightnav2 {

	position: relative;

}

.sideNav li a {

	font-size:12px;

	color:#999;

	display:block;

	width:100%;

	height:100%;

	line-height: 8px;

}

.sideNav li .syb{

	width: 110px;

	height: 110px;

	background:white;

	position: absolute;

	top:-25px;

	left:-119px;

	display: none;

	border: 1px solid #e1e1e1;

	border-right: none;

}

.sideNav li .syb::after{

	content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    border: 1px solid #e1e1e1;

    border-bottom: 0;

    border-left: 0;

    background: #fff;

    right: -7px;

    top: 40px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}

.sideNav li .wechat{

	width: 110px;

	height: 110px;

	background:white;

	position: absolute;

	top:-25px;

	left:-119px;

	display:none;

	border: 1px solid #e1e1e1;

	border-right: none;

}

.sideNav li .wechat::after{

	content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    border: 1px solid #e1e1e1;

    border-bottom: 0;

    border-left: 0;

    background: #fff;

    right: -7px;

    top: 40px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}

.sideNav li .wrap {

	width:25px;

	height:25px;

	padding:12px 8px;

	-webkit-transition:all .3s linear 0s;

	-moz-transition:all .3s linear 0s;

	-ms-transition:all .3s linear 0s;

	-o-transition:all .3s linear 0s;

	transition:all .3s linear 0s;

}

.sideNav li .ico {

	display:block;

	width:25px;

	height:25px;

	background-image:url(/shuowan../img/imgs.png);

	background-repeat:no-repeat ;

	margin-left: 22px;

}

.sideNav li .rightnav {

	display:block;

	width:25px;

	height:25px;

	background-image:url(/shuowan../img/rightnav.png);

	background-repeat:no-repeat ;

	margin-left: 22px;

}

.sideNav li .i1 {

	background-position:8px -40px;

	margin:0 0 0 13px;

}

.sideNav li .i2 {

	background-position:-54px 5px;

}

.sideNav li .i3 {

	background-position:-329px 5px;

}

.sideNav li .i4 {

	background-position:-120px 5px;

}

.sideNav li .i5 {

	background-position:-675px 5px;

}

.sideNav li .i6 {

	background-position:-485px 5px;

}

.sideNav li .i7 {

	background-position:-90px -30px;

}

.sideNav li .i8 {

	background-position:-188px -63px;

	width: 70px;

	height: 50px;

	margin-left: 0px;

}

.sideNav li .i9 {

	background-position:0px -69px;

}

.sideNav li .i10 {

	background-position:-96px -69px;

}

.sideNav li:hover,.sideNav li.on {

	background:#4db848;

}

.sideNav li:hover a,.sideNav li.on a {

	color:#fff;

}

.sideNav li.close.on .wrap {

	-webkit-transform:rotate(360deg);

	-moz-transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	-o-transform:rotate(360deg);

	transform:rotate(360deg);

}

.sideNav li:hover .i2,.sideNav li.on .i2 {

	background-position:5px 5px;

}

.sideNav li:hover .i3,.sideNav li.on .i3 {

	background-position:-253px 5px;

}

.sideNav li:hover .i4,.sideNav li.on .i4 {

	background-position:-404px 5px;

}

.sideNav li:hover .i5,.sideNav li.on .i5 {

	background-position:-187px 5px;

	}

.sideNav li:hover .i6,.sideNav li.on .i6 {

	background-position:-582px 5px;

}

.sideNav li:hover .i7,.sideNav li.on .i7 {

	background-position:-117px -30px;

}

.sideNav li:hover .i8,.sideNav li.on .i8 {

	background-position:-188px 10px;

	}

.sideNav li.rightnav1:hover .syb{

	display: block;

}

.sideNav li.rightnav2:hover .wechat{

	display: block;

}

.sideNav li:hover .i9,.sideNav li.on .i9 {

	background-position:0px 2px;

}

.sideNav li:hover .i10,.sideNav li.on .i10 {

	background-position:-96px 2px;

}

.sideNav li:hover.close,.sideNav li.on.close {

	background:#fff;

}

.sideNav.fixed {

	position:fixed;

}
/**index shuowan soft by leo**/
.divide {text-align:center;margin:25px 0}
.divide span {font-size:18px;color:#333;padding:0 5px}
.azbb {text-align:center;font-size:14px;color:#333}
.azbb a {float:left;padding:0 26px}
.azbb a:first-child {border-right:1px solid #f5f5f5}
.azbb .ico {width:84px;height:84px;margin-bottom:5px;display:inline-block;vertical-align:middle;background:url(/shuowan../img/bg-android.png) no-repeat}
.azbb .i1 {background-position:-5px -150px}
.azbb .i2 {background-position:-120px -150px}



/*底部*/



.footer p{

	width: 1200px;

}