/*header */
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;}
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:1000px; margin: auto;clear: both;}


#top{
 height: 73px;
 position: relative;
 top:10px;
}
#top .logo{
	width: 368px;
	float: left;
}
#top .logo a{
	background: url("/img/logo.png") no-repeat;
	display: block;
	width: 368px;
	height: 39px;
	text-indent: -9999em;
	margin-top: 10px;
}
#top nav{float: right;
}
#top nav a{
	display: block; 
	width:80px; 
	height: 57px; 
	text-align: center;
	float: left;
	line-height: 60px;
	color: #4c4c4c;
	margin-left: 27px;
}
#top nav a.current{	
	text-decoration: none;
	border-bottom:3px solid #f66660;
	color:#f66660;
}

#top nav a:hover{
	border-bottom:3px solid #f66660;
	color: #f66660;
}


#top .products_info
{
	width: 800px;
	height: 300px;
	margin-left: 32.5%;	
	background: #293841;
	opacity: 0.7;
	position: absolute;
	top: 60px;
    z-index: 10;
	display: none;
	box-shadow: 0 3px 5px #a6a6a6;	
	overflow: hidden;
}





#top .products_info a.a1{
	font-size: 12px;
	display: block;
	color: #333;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
#top .products_info a.a2{
	font-size: 12px;
	display: block;
	color: #333;
	height: 40px;
	text-align: center;
	line-height: 20px;
}
#top .products_info a.a1:hover{
	color: #da261e;
	text-decoration: underline;
}
#top .products_info a.a2:hover{
	color: #da261e;
	text-decoration: underline;
}

#top .pro{
	display: block;
	height: 57px;
	width: 80px;
	
}



.proinfo1{
	width: 248px;
	height: 100%;
	float: left;
	border-left:1px solid #555555;
}
.proinfo1 ul{
	margin:18px 0 0 18px;
}
.proinfo1 li{
	color: #e0e0e0;
	line-height: 40px;
	font-family: Microsoft Yahei;
	font-size: 14px;
}
.proinfo1 a{
	color: #e0e0e0;
}
.proinfo1 li:hover{
	color: #ffffff;
}

#top .imgcpjt1{
	margin-left:10px;
	opacity: 1;
	z-index: 2;
}
#top .imgcpjt2{
	margin-left: -8px;
	opacity: 0;
}


#banner{
	width: 100%;
	position: relative;
	clear: both;
	overflow: hidden;
	height: 520px;
	margin-top: -3px;
}

@media screen and (max-width: 1200px) {
    #banner{
		width: 1200px;
	}
}




/*.bannerii {width:100%;height:420px;background:#cccccc;overflow:hidden;position:relative;margin:0 auto;}*/
/*#banner img{display: block;width: 100vw;height: 420px;}
	#banner ul { position:absolute;left:0;top:0;z-index:5;overflow: hidden;margin:0 auto;}
	#banner ul li { display:block;height:420px;float:left;overflow: hidden;margin:0 auto;width: 100vw;}
	#banner .connn { position:absolute; left:45%; bottom:3%;z-index:6; }
	#banner .connn a { float:left; margin-right:15px; display:block; width:8px; height:8px; border-radius:100%; background:#494052;z-index:6;cursor: pointer;}
	#banner .connn a.active { background:#fff;box-shadow:0px 0px 5px 5px #494052;}
	#banner .u { width:40px;height:53px; cursor: pointer;opacity: 0.7;}
	#banner .left { position:absolute; top:40%;left:-10%;z-index:7;background:url(/img/ximi_04.gif);display: block}
	#banner .right { position:absolute; top:40%;right:-10%;z-index:7;background:url(/img/ximi_05.gif);display: block;}
	#banner .left:hover{background: url("/img/ximi_03.gif");}
	#banner .right:hover{background: url("/img/ximi_09.gif");}*/


	#sz815_focusindex { height: 420px; overflow: hidden; position: relative; width:100% }
#sz815_focusindex li { height: 420px; overflow: hidden; position: absolute; width: 100%; }
#sz815_focusindex li a { display: block; height: 420px; position: absolute; width: 100%; z-index:2 }
#sz815_focusindex .btn { position: absolute; width: 100%; height: 30px; bottom: 0; text-align: center; z-index: 9 }
#sz815_focusindex .btn span { display: inline-block; _display: inline; _zoom: 1; width: 10px; height: 10px; _font-size: 0; margin: 5px 10px; cursor: pointer; background: #494052; z-index: 9; border-radius: 50% }
#sz815_focusindex .btn span.on {  background:#fff;box-shadow:0px 0px 5px 5px #494052; z-index: 9 }
#sz815_focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 200px;  cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
#sz815_focusindex .pre { left: -10%; z-index: 9 ;background: url(/images/ximi_04.gif) no-repeat left bottom;}
#sz815_focusindex .nextbb { right: -10%; background-position: right bottom; z-index: 9;background: url(/images/ximi_05.gif) no-repeat left bottom; }
#sz815_focusindex .pre:hover{background: url(/images/ximi_03.gif) no-repeat left bottom;}
#sz815_focusindex .nextbb:hover{background: url(/images/ximi_09.gif) no-repeat left bottom;}

#sz815_focusindex:hover .preNext { opacity: 0.5; }
#sz815_focusindex:hover .pre { left: 0%; }
#sz815_focusindex:hover .nextbb { right: 0%; }
#sz815_focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }
.sz815_xz_banner1 { background: url(/images/Banner4.jpg) no-repeat center; }
.sz815_xz_banner2 { background: url(/images/Banner1.jpg) no-repeat center; }
.sz815_xz_banner3 { background: url(/images/Banner2.jpg) no-repeat center; }
.sz815_xz_banner4 { background: url(/images/Banner3.jpg) no-repeat center; }
.sz815_xz_banner5 { background: url(/images/Banner6.jpg) no-repeat center; }
.sz815_xz_banner9 { background: url(/images/Banner9.jpg) no-repeat center; }
.navbb{

	width:100px;

	height:14px;

	position:absolute;

	bottom:10px;

	right:20px;

	z-index: 2;

	left: 50%;

	margin-left: -50px}

	.navbb dl{
		list-style: none;
		margin-top:-30px;
	}

.navbb dl dd{

	list-style-type:none;

	width:12px;

	height:12px;

	float:left;

	margin-right:5px;

	cursor:pointer;

    border:1px solid #fff;}

.navbb dl .bg{

	background:#ff7300;

	width:14px;

	height:14px;

	border:none;}




/*content:*/
#indexmain{margin-top: 34px;}
#indexmain .left_main{
	width: 226px;
	float: left;
}
#indexmain .wrap h3{
	color: #333333;
	font-size: 18px;
	height: 34px;
	line-height: 34px;
	padding-bottom:5px;
	font-weight: 300;
	position: relative;
}
#indexmain .wrap h3 span{
  display: inline-block;
  width: 136px;
  height: 1px;
  background: #f2f2f2;
  position: absolute;
  top: 16px;
  right: 0px;
}
#indexmain .left_main .intro p{
	color: #808080;
	line-height: 28px;
}
#indexmain .left_main .intro p a{
	float: right;
	
}
#indexmain .left_main .weixin a{
	display: block;
	width: 164px;
	border: 2px solid #e5e5e5;
	padding: 30px;
	margin-top: 25px;
}
#indexmain .left_main .weixin p{
	font-size: 22px;
	color: #000;
	line-height: 55px;
	position: relative;
}
#indexmain .left_main .weixin p span{
	background: url("/img/icon1.png")/*tpa=http://www.ximigame.com/css/images/icon1.png*/ no-repeat;
	width: 115px;
	height: 55px;
	display: inline-block;
	top: -12px;
	z-index: 10;
	position: absolute;
	*top:-25px;
}
#indexmain .left_main .kf{margin-top: 25px;}
#indexmain .left_main .kf li{
	margin-bottom: 10px;
	position: relative;
}
#indexmain .left_main .kf li a{
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 0px;
}
#indexmain .left_main .kf li a img{
	border-radius: 50px;
}
#indexmain .left_main .kf .message{
	color: #4c4c4c;
	margin-left: 90px;
	padding-top: 10px;
	*margin-top: -20px;
}
#indexmain .right_main{
	width: 731px;
	float: right;
}
#indexmain .right_main h3 span{width: 628px;}
#indexmain .right_main .product li{
   height: 236px;
   float: left;
   margin-right: 3px;
   margin-top: 13px;
}
#indexmain .right_main .product li a{
	height: 236px;
	width: 241px;
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
#indexmain .right_main .product li a img{
	margin-bottom: 5px;
}
#indexmain .right_main .product li a{
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
#indexmain .right_main .product li a:hover{
    background: #ff4d4d;
    color: #fff;
}
#indexmain .right_main .product li a:hover .intro{
	color: #fff;
}
#indexmain .right_main .product li a .intro{
	color: #a6a6a6;
}


/****product****/
.inner_banner{
	width: 100%;
	height: 288px;
}
@media screen and (max-width: 1200px) {
   .inner_banner{
		width: 1200px;
	}
}


.banner1{
	background:url("/img/inner_banner1.jpg")/*tpa=http://www.ximigame.com/css/images/inner_banner1.jpg*/ center no-repeat;
	margin-top:-3px;
	
	
}
.banner2{
	background: url("/img/lixiwomen_03.jpg")/*tpa=http://www.ximigame.com/css/images/inner_banner2.jpg*/ center no-repeat;
	margin-top:-3px;
}
.banner3{
	background: url("/img/inner_banner3.jpg")/*tpa=http://www.ximigame.com/css/images/inner_banner3.jpg*/ center no-repeat;
	margin-top:-3px;
	
}
.banner4{
	background: url("/img/chanpin_03.jpg")/*tpa=http://www.ximigame.com/css/images/inner_banner4.jpg*/ center no-repeat;
	margin-top:-3px;
}
.banner5{
	background: url("/img/inner_banner5.jpg")/*tpa=http://www.ximigame.com/css/images/inner_banner5.jpg*/ center no-repeat;
	margin-top:-3px;
	
}
.iMain .iTitle{
	height: 35px;
	border-bottom: 1px solid #f2f2f2;
}
.iMain .iTitle h3{
	background: #ee3847;
	color: #fff;
	line-height: 35px;
	width: 126px;
	font-weight: normal;
	text-align: center;
	float: left;
}
.iMain .iTitle p{
	color: #999;
	font-size: 12px;
	padding-left: 189px;
	line-height: 35px;
}
.iMain .iTitle p a{color: #999;}
.iMain .iDetail nav{
 float: left;
 margin-top: 15px;
 width: 160px;
 overflow: hidden;
} 
.iMain .iDetail nav li{
	height: 35px;
	line-height: 35px;
	padding-left: 30px;
}
.iMain .iDetail .join li{
	padding-left: 10px;
}
.iMain .iDetail nav li a{
	color: #808080;
}
.iMain .iDetail .join li a{
	margin-left: 20px;
}
.iMain .iDetail .join h3{
	padding-left: 30px;
}
.iMain .iDetail nav li a:hover,.iMain .iDetail nav li a.current{
    color: #333;
    border-bottom: 1px solid #333;
}

.iMain .iDetail .iContent{
	width: 811px;
	float: right;
}
.iMain .iContent .item dt{
	display: inline;
	float: left;
	margin-right: 34px;
}
.iMain .iContent .item dd{
	overflow: hidden;
	padding-top: 108px;
}
.iMain .iContent .item dd li{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #666;
}
.iMain .iContent .item dd li em{
	font-style: normal;
	color: #1a1a1a;
}
.iMain .iContent .item dd li a{
	display: block;
	width: 155px;
	height: 42px;
	color: #666;
	font-size: 20px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 5px;
	float: left;
	line-height: 42px;
	margin-top: 30px;
}
.iMain .iContent .item dd li a.dl{
	margin-right: 3px;
}
.iMain .iContent .item dd li a.dl:hover{
	color: #fff;
	background: url("/img/ahover.jpg")/*tpa=http://www.ximigame.com/css/images/ahover.jpg*/ no-repeat;
	border-color: #fff;
}
.iMain .iContent .item dd li a.gw:hover{
	color: #fff;
	background: url("/img/ahover1.jpg")/*tpa=http://www.ximigame.com/css/images/ahover1.jpg*/ no-repeat;
	border-color: #fff;
}
.iMain .iContent .product-desc h3{
    font-size: 20px;
    font-weight: normal;
    color: #000;
    line-height: 30px;
    padding: 30px 0;
}
.iMain .iContent .product-desc h3 span{
  display: inline-block;
  width: 400px;
  height: 1px;
  background: #f2f2f2;
  float: right;
  margin: 16px 0;
}
.iMain .iContent .product-desc h3 em{
	font-style: normal;
	color: #999;
	background: url("/img/icon2.png")/*tpa=http://www.ximigame.com/css/images/icon2.png*/ no-repeat left;
	padding-left: 20px;
	font-size: 14px;
}
.iMain .iContent .product-desc p{
	color: #333;
	line-height: 24px;
    padding: 5px 0;
    text-indent: 2em;
}
.iMain .iContent .contact p
{
	padding-left: 146px;
}
.iMain .iContent .joins{padding-left: 60px;}
.iMain .iContent .news p,.iMain .iContent .news h4{
	font-family: "宋体";
}
.iMain .iContent .news h4{
	padding: 10px 0;
}
.iMain .iContent .product-desc img{
	padding: 30px 0 10px 0;
}
.iMain .iContent .product-desc h5{
	text-align: center;
	line-height: 24px;
	font-weight: normal;
}
.iMain .iContent .product-desc table{
	border-spacing: 0;
	border-collapse: collapse;
	margin: 5px auto;
	font-family: "宋体"
}
.iMain .iContent .product-desc table td{
	padding: 8px;
	text-align: center;
}
/*** news***/
.iMain .iContent .news_desc{
	margin-top: 20px;
}
.iMain .iContent .news_desc ul{
	padding: 40px 0px;
	border-bottom: 1px solid #e1e1e1;
	height: 115px;
}
.iMain .iContent .news_desc li{
	width: 390px;
	overflow: hidden;
	float: left;
}
.iMain .iContent .news_desc li .nIcon{
	display: block;
	width: 148px;
	height:115px;
	float: left;
}
.iMain .iContent .news_info{
	float: right;
	width: 226px;
	height: 120px;
	overflow: hidden;
}
.iMain .iContent .news_info  a{
    color: #000;
    font-size: 20px;
    line-height: 26px;
}
.iMain .iContent .news_info  .tIcon{
    background: url("/img/icon2.png")/*tpa=http://www.ximigame.com/css/images/icon2.png*/ no-repeat left;
    padding-left: 20px;
    color: #999;
    margin-bottom: 8px;
}
.iMain .iContent .news_info p{
	font-size:12px;
	line-height: 20px;
}


.agent-pc #mcontact.module .module_container { padding: 120px 5px }
.agent-pc #mcontact .container_header { float: left; margin-right: 280px; width: 190px }
.agent-pc #mcontact .module_container:after { clear: both; display: block; content: '' }
.agent-pc #mcontact .container_content { position: relative; float: left; max-width: 700px }
.agent-pc #indexPage #contactlist #contactform { display: none }
.agent-pc #contactinfo:after { clear: both; display: block; content: '' }
.agent-pc #contactinfo h3 { margin-bottom: 25px; color: #444; font-weight: 100; font-size: 1pc; line-height: 24px }
.agent-pc #mcontact #contactinfo p { float: left; margin-top: 14px; padding-right: 60px; width: 290px; height: auto; color: #999; font-size: 9pt; line-height: inherit }
.agent-pc #mcontact #contactinfo div { position: absolute; left: -250px; margin-top: 10px }
.agent-pc #mcontact #contactinfo div:after { position: absolute; top: -56px; left: 0; overflow: hidden; height: 20px; color: #9c9c9c; content: '关注'; font-size: 1pc; line-height: 20px }
.agent-pc #mcontact #contactinfo div a { margin-right: 10px; width: 36px; height: 36px; border: 1px solid hsla(0, 0%, 100%, .07); border-radius: 0; background-color: transparent; color: #9b9b9b; font-size: 1pc }
.agent-pc #mcontact #contactinfo div a:hover { border: 1px solid #00C0FF; border-color: #999; border-radius: 0; background-color: #999 }
.agent-pc #mcontact #contactinfo div a:hover i { color: #fff }