/* CSS Document */



header,section,nav,body,h1,ul,li,h3,p,h5,h4{margin: 0;padding: 0;}



article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}



ul,li{list-style: none;}



a{text-decoration: none; color: none;}



img{border: 0px;}



.clear{clear: both;}



body{font: 14px/1.5 "Microsoft Yahei",Arial,Tahoma,Helvetica,Geneva,sans-serif; color: #4c4c4c;}



header{background-color: #fff;width:100%;}



.wrap{width:1200px; margin: auto;clear: both;}



.main{width:1200px; margin: auto;clear: both;}







#kefu{



width:100%;



position:relative;



clear:both;



height:580px;



background-color:#F6F6F6;



}



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

    #kefu{

		width: 1200px;

	}

}







#kefu .wanjia{



width: 80%;



float: left;



margin-left: 14px;



}







#kefu .wanjia h3{



width:50%;



margin-top:30px;



font-size:18px;



font-family:Microsoft YaHei;



}



#kefu .wanjia p{



width:50%;



margin:5px 20px 20px 0px;



font-size: 14px;



color: #999999;



}







#kefu .tubiao{



float:right;



width:auto;



margin:30px 14px 0 0;



}











#kefu .wrap a {



	text-decoration: none;



}







.sliderkefu{width:100%;height: 475px;position: relative;overflow: hidden; z-index: 1;margin: 0 auto; }



.img{position: absolute;top: 0;left: 0;}



.des{position: absolute;bottom: 0;left: 0;z-index: -2;background: #ccc}



.des li{float: left;width: 1200px;}



.img li{float: left;}



.num{position: absolute;bottom: 10px;width: 100%;text-align: center;font-size: 0;}



.num li{width: 10px;height: 10px;background:rgba(0,0,0,0.5);display: block;border-radius: 100%;display: inline-block;margin: 0 5px;cursor: pointer;}



.prev{cursor: pointer;}



.next{cursor: pointer;}



















.slider, .slider-panel img, .slider-extra {



	width: 650px;



	height: 413px;



}



.slider {



	width: 1200px;



	height: 420px;



	text-align: center;



	margin: 0px auto;



	position: relative;



}



.slider-panel, .slider-nav, .slider-pre, .slider-next {



	position: absolute;



	z-index: 8;



}



.slider-panel {



	position: absolute;



}



.slider-panel img {



	border: none;



}



.slider-extra {



	position: relative;



}



.slider-nav {



	margin-left: -51px;



	position: absolute;



	left: 50%;



	bottom: 4px;



}



.slider-nav li {



	background: #3e3e3e;



	border-radius: 50%;



	color: #fff;



	cursor: pointer;



	margin: 0 2px;



	overflow: hidden;



	text-align: center;



	display: inline-block;



	height: 18px;



	line-height: 18px;



	width: 18px;



}



.slider-nav .slider-item-selected {



	background: blue;



}



.slider-page a{



	background: rgba(0, 0, 0, 0.2);



	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);



	color: #fff;



	text-align: center;



	display: block;



	font-family: "simsun";



	font-size: 22px;



	width: 28px;



	height: 62px;



	line-height: 62px;



	margin-top: -31px;



	position: absolute;



	top: 50%;



}



.slider-page a:HOVER {



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



	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);



}



.slider-next {



	left: 100%;



	margin-left: -28px;



}











.kf-single{



	position: relative;



	width:100%;



	height: 320px;



}







.kf-single-img1{



	z-index: 1;



	opacity: 1;



}







.kf-single-img2{



	z-index: 2;



	opacity: 0;



}







.kf-single-total{



	position: absolute;



	right: 0;



	top: 0;



}







.hover:hover  .kf-single-img2{



	opacity: 1;



}







.kefufff{color:#000000;}



.kefuggg{color:#7f7f7f;}



.hover:hover .kefufff{



	color: #ffffff;



}



.hover:hover .kefuggg{



	color: #ffffff;



}











.hover:hover .ggg{



	opacity: 1;



}







.bottom-color{
	width:275px;height: 100px;color: black;


}


.hover:hover .bottom-color{

	/*background-color: #f66660;*/
	background:url(/images/index_kfwx.png);
}











.ggg{



	z-index: 3;



	opacity: 0;



}











.game-single{



	width: 220px;



	height: 210px;



	margin-left: 50px;



}











.game-hover{



	float: left;



}







.game-hover:hover .game-single{



	box-shadow:  0px 5px 20px #f3f3f3;



}























#game{



width:100%;



height:478px;



clear:both;



position:relative;



background-color:#FFFFFF;



}



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

    #game{

		width: 1200px;

	}

}



#game .youxi{



float:left;



width:100%;







}















#game .youxi h3{



margin-top:40px;



font-size: 18px;



font-weight: Microsoft YaHei;



color: #333333;



}



#game .youxi p{



	font-size: 14px;



	color: #999999;



}











#game .gamecp{



	width: 1200px;



	height: 240px;



	display: -webkit-flex;



	display: flex;











	justify-content: space-between;



	flex-direction: row;



	flex-wrap:wrap;







	overflow: hidden;







}







#game .gamecp li{







width:210px;



height:200px;



margin-top:30px;



overflow: hidden;







}


#game .gamecp a{
	height:240px;
}







#game  .gamecp li:hover{



box-shadow:  0px 5px 20px #f3f3f3;



}







#game  .gamecp img:hover{



transform: scale(1.2); 



}











#game .wrap li img{



width:210px;



height:142px;



cursor: pointer;  



transition: all 0.4s; 







}







#game .wrap li p{



font-size:12px;



color:#999999;



text-align:center;



text-decoration:none;



line-height: 40px;



}







#news{



position:relative;



width:100%;



height:520px;



clear:both;



background-color:#F6F6F6;



}



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

    #news{

		width: 1200px;

	}

}





#news .wrap .xinwen h3{



padding-top:40px;



font-size: 18px;



font-family: Microsoft YaHei;



color: #333333;



}



#news .wrap .xinwen p{



color:#999999;



font-size: 14px;



font-family: Microsoft YaHei;







}







#news .wrap .left h4{



	font-size: 16px;



	font-family: Microsoft YaHei;



	color: #494949;



	font-weight: normal;







}



#news .wrap .left p{



	font-size: 12px;



	font-family: Microsoft YaHei;



	color: #999999;



	font-weight: normal;



}















#news .wrap .left {



width:40%;



margin-top:30px;



float:left;



}







#news .wrap .left .riqi{



margin-top:25px; 



width:70px; 



height:38px;



border-right:1px solid #e6e6e6;



float:left;







}



#news .wrap .left .duanluo{



width:75%; 



float:left;



margin-left:25px;



margin-top:25px;



}







#news .wrap .right{



width:60%;



margin-top:30px;



float:left;



}



#news .wrap .right ul{



margin-left:30px;



border-top:1px solid #eaeaea;



}



#news .wrap .right li{



border-bottom:1px solid #eaeaea;







height:80px;



padding:30px 0 1px 0;







}



#news .wrap .right .xwlb{



width:80%; float:left







}















#news .wrap .right li h4{



font-size:16px;



font-weight: normal;



font-family: Microsoft YaHei;



color: #494949;



}



#news .wrap .right li p{



margin:5px 0 0 20px;



font-weight: normal;



font-size: 12px;



color: #9a9a9a;



}







#footer{



width:100%;



height:312px;



position:relative;



clear:both;



background-color:#363636;



}





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

    #footer{

		width: 1200px;

	}

}











#footer h4{



color:#ffffff;



font-size:18px;







}



#footer p{



color:#737373;



font-size:12px;



line-height:30px;



}







#footer .wrap .fleft{



width:335px;



height:210px;



float:left;



position:relative;



margin-top:38px;



}







#footer .wrap .fright{



width:170px;



height:210px;



float:left;



position:relative;



margin-top:38px;



margin-left: 10px;







}







#footer .wrap .fright a{



color:#737373;



}











#footer .wrap .fright ul{



width:100%;



height:auto;



margin-top:15px;



}



#footer .wrap .fright li{



width:auto;



height: auto;



line-height: 25px;



}







#footer .wrap .weixin{



width:268px;



height:210px;



float:left;



position:relative;



margin-top:38px;



margin-left: 102px;



}



.weixin ul{



	width: 100%;



	height: auto;



}



.weixin li{



	list-style: none;width: auto;height: auto;float: left;text-align: center;margin-left: 6.5px;



}



















#footer li{



	list-style-image: url(../images/ftjt.png);



	margin-left: 12px;



	font-size: 14px;



	font-family: Microsoft YaHei;



	color: #7c7c7c;



	line-height: 25px;



}











#footer ul{



	margin-top: 15px;



}







.fwzc{



	float: left;



	position: relative;



	width: 180px;



	height: 210px;



	margin:38px 0 0px 135px;



	











}







.fwzc a{



	color: #7c7c7c;



}











.footdd{
	clear: both;
	width: 100%;

	height: 65px;

    background-color: #181818;

	color: #737373;
	font-size: 12px;
	padding-top:25px;

}

.footdd .shengming{

	width: 100%;line-height: 20px;text-align: center;
}




.footdd a{



	color: #737373;



}













#dibu{



width:100%;



height:35px;



clear:both;



background-color:#323232;



}







#dibu p{



padding-top:7px;



color:#737373;



font-size:12px;







}







#lmain{



width:100%;



height:700px;



clear:both;



position:relative;



}

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

   #lmain{

		width: 1200px;

	}

}











#lmain .main .listdh{



width:100%;



height:67px;



margin-top:-67px;



background-color:#FFFFFF;



border-bottom:1px solid #f7f7f7;



}



#lmain .main .listdh .left{



width:40%;



height:auto;



float:left;



padding:10px 0 0 30px;



}







#lmain .main .listdh .left h3{



font-size:18px;



font-family: Microsoft YaHei;



color:#333333;



font-weight: normal;



}



#lmain .main .listdh .left a{color:#333333;}











#lmain .main .listdh .left p{



font-size:12px;



font-family: Microsoft YaHei;



color:#cccccc;



font-weight: normal;



}











#lmain .main .listdh .right{



width:50%;



height:auto;



float:right;



}



#lmain .main .listdh .right p{



font-size:12px;



font-family: Microsoft YaHei;



float:right;



color:#999999;



padding:28px 30px 0 0;



}







#lmain .main .listdh .right a{



	color:#999999;



}











#lmain .main .left{



width:22%;



height:auto;



float:left;



}







#lmain .main .left a{



	color:#999999;



}















#lmain .main .left .leftgs{



width:50%;



height:30px;



padding:20px 0 0 0;



border-bottom:1px solid #f7f7f7;



margin-left:15px;







}







#lmain .main .left .lefthy{



width:50%;



height:40px;



padding:10px 0 0 19px;



margin-left: 15px;



color: #999999;



}







#lmain .main .left .leftaa{



width:50%;



height:30px;



padding:20px 0 0 12px;



border-bottom:1px solid #f7f7f7;



margin-left:20px;



color: #999999;



}



#lmain .main .left .leftbb{



width:50%;



height:40px;



padding:10px 0 0 15px;



}







#lmain .main span{











width: 100%;









}















#lmain .main .right{



width:78%;



height:auto;



float:left;



}







#lmain .main .right ul{



width:100%;



height:auto;







}







#lmain .main .right li{



width:100%;



height:195px;



border-bottom:  1px solid #f6f6f6;



}







#lmain .main .right img{



width:298px;



height:133px;



}







#lmain .main .image{



	margin-top:30px;



	width: 35%;



	height: auto;



	float: left;







}



#lmain .main .liebiao{



	width: 45%;



	height: auto;



	float: left;



	margin: 40px 0 0 20px;



}







#lmain .main .liebiao h4{



font-size:18px;



font-family: Microsoft YaHei;



font-weight:normal;



margin-bottom: 20px;



color: #494949;







}



#lmain .main .liebiao p{



	font-family: Microsoft YaHei;



	font-size: 12px;



	color: #999999;



	padding-left: 5px;



}







#lmain .main .shijian{



	width: 10%; float: right; margin-top: 40px;



}







#lmain .main .pagelist{



	width: 100%;



	text-align: center;







	



}











#lmain .main .pagelist li{



width: auto;



height: auto;



color:#FFFFFF;



background-color:#4C4C4C; 



padding:10px;



float: left;



margin:0 0 100px 10px;







}







#lmain .main .pagelist a{



	color:#FFFFFF;



}



















#lmain .main .lxmain{



	width: 100%;



	height: 400px;



	position: relative;



	clear: both;



}







#lmain .main .lxmain h3{



	font-size:24px;



	color: #7f7f7f;



	font-family:Microsoft YaHei;



}







#lmain .main .lxmain p{



	margin-top:30px;



	color: #999999;



	font-size: 14px;



	font-family:Microsoft YaHei;



}











.lxleft{



	width: 25%;



	height: 400px;



	float: left;



	margin:80px 0 0 115px;



}











.lxmiddle{



	width: 20%;



	height: 400px;



	float: left;



	margin:80px 0 0 115px;



}


.lxright{



	width: 20%;

        height: 400px;

        float: left;

        margin:80px 0 0 115px;



				}



.jrmain{



	width: 100%;



	height: 700px;



	position: relative;



	clear: both;



}







.jrleft{



	width: 20%;



	height: 600px;



	float: left;



	margin-top:30px;



}







.jrleft ul{



margin-top:30px;







}







.jrleft a{



	color: inherit;



	width: 100%;



	height: auto;



	padding-left: 20px;



}







.jrleft a.current1{



	border-left:3px solid #f66660;



	color: #333333;



}















.jrleft h4{







	margin-top:50px; 



	margin-left: 20px;



}











.jrleft li{



	color:#999999;	



    margin: 15px 0 0 10px;



	font-size:14px;



	line-height: 20px;



	padding-bottom: 15px;		



	border-bottom: 1px solid #f6f6f6;

}



.jrleft li:hover{

	cursor:pointer; 

}













.jrleft span{



	margin-left: 0px: 



}







.jrright{



	width: 70%;



	height: 600px;



	float: left;



	



	padding-left: 60px;



	margin-top: 30px;











}



.jrright p{



	margin-top:30px; 



	line-height: 30px;



	color:#666666;



	font-size: 14px;



}







.jion-body p{



	line-height: 15px;



}



.jion-body span{



	display: block;







}











.cpleft{



	width: 20%;



	height: auto;



	position: relative;



	clear: both;



	float:left;



	margin-top:30px; 



}







.cpleft ul{



	



	margin-top:30px; 



}



.cpleft li{



	width: 60%;



	height: 20px;



	margin:10px 0 0 10px; 



	padding:0 0 10px 20px;



	border-bottom: 1px solid #f7f7f7;



	font-family: Microsoft YaHei;



	font-size:14px;



	color: #999999;







}



.cpleft a{



	color:#999999;



}



.cpleft span{



	text-decoration: none;



	border-left:3px solid #f66660;



	color:#323232;

	padding-left:15px;

	font-size:14px;



}















.cpright{



	width: 70%; height: auto; margin: 30px; float: right;



}



.cptitle{



	width: 100%;



	height: 110px;



	border-bottom: 1px solid #f6f6f6;	



}



.cptitle h1{



	font-size: 24px;



	font-family: Microsoft YaHei;	



}



.cptitle h4{



	font-size: 14px;



	font-family: Microsoft YaHei;	







}



.cprleft{



	margin: 30px 0 0 30px;



	width: 50%;



	height: 110px;



}



.cprleft h1{



	font-size: 18px;



	padding: 20px 0 0 10px;



	color: #333333;







}



.cprleft h4{



	padding-left: 10px;



	color: #999999;



	font-family:Microsoft Yahei;

	font-weight: normal;





}



.cprright{



	width: 35%;



	height: 110px;



	float: right;



	margin-top:-100px;



}







.cprright ul{



	width: 45%;



	margin-top:-10px; 



}







.cprright li{



	width: 119px;



	height: 40px;



	background-color: #FF564F;



	color: #FFFFFF;



	margin-bottom:15px; 



	text-align: center;



	line-height: 42px;	



	font-family: Microsoft YaHei;



	font-size: 14px;



}



.cprright a{



	color:#FFFFFF;



	cursor: pointer;



}







.cprright .imgsys{



	width: 48%;



	float: right;



	margin-top:-107px;



}



.cpbody{



	width: 60%;



}



.cpbody p{



	font-family: Microsoft YaHei;



	



	color: #666666;







}



.product-body{



	margin:20px 0 0 10px;



}



.product-body p{



	font-size: 14px;



	padding-bottom:20px; 



}







.product-body h3{



	margin-bottom: 24px; 



	font-weight: normal;



}







.newbody{



	width: 90%;



	height: auto;



	display: block;



	padding-top: 20px;



	position: relative;



}







.newbody h1,h2,h3,h4{



	font-family: Microsoft YaHei;



	color: #333333;



	font-weight: blod;



}



.newbody h1{



	font-size: 32px;



}



.newbody h2{



	font-size: 24px;



}



.newbody h3{



	font-size: 18px;



}



.newbody h4{



	font-size: 14px;



}



.newbody a{



	text-decoration: none;



	



}











.newbody .title{



	width: 100%;



	height: 115px;



	border-bottom: 1px solid #ebebeb;



}







.newbody .title span{



	margin:20px 20px 0 0;



	font-size: 12px;



	font-family: Microsoft YaHei;



	font-weight: normal;



}







.bodyzw{



	width:100%;



	height: auto;



	margin:50px 0 100px 0;



}







.bodyzw p{



	font-size: 16px;



	font-weight: normal;



	font-family: Microsoft YaHei;



	margin-bottom: 20px;



	line-height: 30px;



}

.bodyzw a{

	color:#4c4c4c;

}







.bodyzw span{

	border:none;

}







.jiongz{



	width: 80px;height: 600px;float: left;margin:30px 0 0 0;



}



.jionff{



	width: 85%;height: 600px;margin:30px 0 0 0;float: left;



}



.jiongz li{



	font-family: Microsoft YaHei;



	font-weight: bold;



	font-size: 14px;



	color: #333333;











}



.jionff li{



	list-style-type: decimal;



	font-family: Microsoft YaHei;



	font-weight: normal;



	font-size: 14px;



	color: #666666;



	margin-bottom: 12px;







}







.ckqbhj{



	



	width: 1200px;



	height: auto;



	position: relative;



	padding-top: 50px;



	



}



.ckqbhj a{



	color: #999999;



	text-decoration: none;



}



.ckqb:hover{



	color: #ffffff;



}







.ckqb{



	height:44px;



	width:174px;



	position:absolute;



	z-index: 1;



	color: #999999;



	font-family: Microsoft YaHei;



	font-size: 14px;



	font-weight:normal;



	text-align: center;



	line-height: 45px;



	margin-left: 42%;
	border:1px solid #ededed;



}



.ckqbdh{



	background:#fb1b1b;



	height:45px;



	width:0px;



	position:absolute;



	z-index: 0;



	margin-left: 42%;



}



.Box {position: relative;padding-top: 103px;}



      .Box .content {width: 1200px;}



      .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}



      .Box .Box_con {position: relative;}



      .Box .Box_con .btnl {position: absolute;}



      .Box .Box_con .btn {display: block;width: 61px;height: 42px;position: absolute;top: -65px;cursor: pointer;}



      .Box .Box_con .btnl {background: url(../images/index_10.jpg) no-repeat center;right: 62px;}



      .Box .Box_con .btnr {background: url(../images/index_11.jpg) no-repeat center;right: 0px;}







      .Box .Box_con .conbox {position: relative;overflow: hidden;}



      .Box .Box_con .conbox ul {position: relative;list-style: none;width: 1200px;height: 420px;overflow: hidden;}



      .Box .Box_con .conbox ul li {float: left;width: 275px;height: 420px;overflow: hidden;margin-right: 30px;}



      .Box .Box_con .conbox ul li:first-child {margin-left: 0;}



      .Box .Box_con .conbox ul li img {display: block;width: 275px;height: 320px;}



          



      .Box .BoxSwitch {margin-top: 30px;text-align: center;}



      .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}



      .Box .BoxSwitch span.cur {background: red;}