@charset "utf-8";
/**********menu begin****************/
*{margin:0;padding:0;}
body{font:12px "宋体",arial, serif;color:#4b4a4a;line-height:22px}
a,a:link,a:visited{color:#039; cursor:pointer;}
a:hover ,a:action {color:red; cursor:pointer;}/*鼠标停留或点击的时候链接的颜色为红色*/  
a{text-decoration: none;}
img{border:0;}
li{list-style-type:none;}
.header_bg{background:url(../../images/menu_bg.png) repeat;width:100%;height:40px;margin:auto;padding:0px}

.nav{position:relative;left:0px;width:1000px;height:30px;margin:auto;color:#4b4a4a;z-index:100}
.nav .list{list-style-type:none;margin-left:0px;}
.nav .list li{float:left;position:relative;height:30px;line-height:26px;z-index:100}
.nav .list li .game_hover{width:85px;float:left;display:block;margin-top:0px;height:30px;padding-top:0px;padding-left:5px;color:#ffffff;;font-weight:bold;text-decoration:none;font-size:12px;}

/*.nav .list li .game_hover_current,px
.nav .list li .game_hover:hover{background:url(../images/menuhoverbg.png);color:#575757;margin-top:0px;padding:0 9px 0 9px;border:1px solid #eee;border-bottom:0;}*/
.nav .list li .game_hover_current,
.nav .list li .game_hover:hover{
    background-color: transparent;
    background-image: url(../../images/menuhoverbg.png);
    background-position: 0 -85px;
    background-repeat: no-repeat;
    z-index:100;
    color: #b00;
}
.nav .list li .game_hover_current,
.nav .list li .game_hover:hover{
    background-color: transparent;
    background-image: url(../../images/menuhoverbg.png);
    background-position: 100% -18px;
    background-repeat:no-repeat;
    color: #b00;
	width:90px;
	z-index:100;
	border-left:1px solid #4b4a4a;
	
}
.nav_li_l a:hover ,a:action {color:red; cursor: default;}/*鼠标停留或点击的时候链接的颜色为红色*/  
.hover_cont{display:none;position:absolute;width:auto;height:auto; top:30px;border:0px solid #fff;border-top:0;border-bottom-width:2px;
background:url(../../images/submenubg.png) repeat-x scroll 0 0 #fff;z-index:1000;   border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);}
.hover_cont .nav_cont{padding:15px;padding-bottom:0;z-index:100}
.hover_cont .nav_li{display:inline-block;width:100%;height:100%;*height:auto;*margin-top:7px;padding-bottom:5px;*padding-bottom:12px;border-bottom:1px dashed #ccc;z-index:1000}
.hover_cont .nav_li_l{float:left;min-width:50px;weight:auto;color:#000;font-weight:bold;}
.hover_cont .nav_li_l a{color:#000}
.hover_cont .nav_li_r{float:left;color:#000;font-family:"宋体";font-size:10px;line-height:26px;}
.nav_li_r_fixwidth{padding-left:100px;float:left}
.bjgl div{float:left;color:#000;font-family:"宋体";font-size:10px;line-height:26px;min-width:30px;padding-left:5px}
.hover_cont .nav_li_r a{padding:0 1px 0 1px;color:#000;font-size:12px;text-decoration:none;}
.hover_cont .nav_li_r a:hover{color:red;}
.hover_cont .nav_li_r a.orange{color:#f60;}

.nav .list .commlist{width:380px;right:0;left:-90px;z-index:100}


.page_center_bg{
 /* width:100%;*/
  min-height:600px;
  background-image:url(../../images/content_bg.png);
  margin:auto;
  border-left:1px solid #eeeeff;
  border-right:1px solid #eeeeff;	
  background-repeat: repeat-x;
}

.topmenu{
  width:100%;
  height:100px;
  background:url(../../images/tops_bg.png) repeat;
  /*border-bottom:1px solid #ee*/
  margin:auto;
}
.topscommlogo{
  width: 950px;
  margin:auto;
  height:55px;
  background:url(../../images/topscomm_logo.png) no-repeat;
}



.topscommlogo2{
  width: 950px;
  margin:auto;
  height:55px;
  background:url(../../images/topscomm_logo_en.png) no-repeat;
}

.vline {
    background-color: #ffffff;
    border-left: 1px solid #cfcfcf;
    margin: 0 45px;
    min-height: 200px;
    height:auto;
    top: 0;
    width: 1px;
}

.line {
    background:url("../../images/dot.jpg") center repeat-x;
    clear: both;
    height: 1px;
    margin: 2px auto auto;
    padding-left: 2px;
    padding-top: 3px;
    width: 410px;
}

.line_fg{
  width:96%;
  margin:auto;
  height:1px;
  background-color:#18283f;
}

.product_li{
	height:27px;
}


.contentDiv{
   width:400px;
   border:1px solid #C4C4C4;
   float:left;
   margin:2px;
   background:#fff;
   height:319px;
url("../../images/jiantou3.png") no-repeat scroll left 3px center rgba(0, 0, 0, 0)
}

.contentDiv2{
   width:400px;
   border-left:1px solid #C4C4C4;
   float:left;
   margin:2px;
   background:#fff;
   height:319px;
url("../../images/jiantou3.png") no-repeat scroll left 3px center rgba(0, 0, 0, 0)
}

.contenDivLeft{
   width:400px;
   border-left:
   1px solid #eef;
   border:0px solid #4b4a4a;
   float:left;
   padding-right:5px;
   padding-left:5px;
   background:#fff
}

.contenDivCenter{
   width:400px;
   border-left:1px solid #eef;
   border-right:1px solid #eef;
   float:left;
   padding-right:5px;
   padding-left:5px;
}


.contenDivRight{
   width:400px;
   border-left:
   1px solid #eef;
   border-right:0px solid #eef;
   float:left;
   padding-right:5px;
   padding-left:5px;
   background:#fff
}


.contenTitleDiv{
  width:100%;
  background:url(../../images/topbg_fore.jpg) repeat;
  height:30px;
  border-bottom:2px solid #ff0033;
}
.fontTitle{
  color:#248bdd;
  font-size:14px;
  font-weight:bold;
  padding-top:2px;
  text-shadow: 1px 1px 0 #fff;
  
}
.bottom{
 height:60px;
 width:100%;
 background:#c6c6c6;
 padding-top:5px;
}

.content{margin:15px auto 0 auto;width:980px;height:500px;background:#ccc;}


.areaItem{
  width:49%;
  float:left;
  font-size:14px;
  font-weight:normal;
  padding-top:3px;
  background:url(../../images/jiantou3.png) no-repeat left 1px center;
}

.areaItem a{
    color: #000;
    font: 13px "宋体",arial,serif;
}
.newsRow{
  width:80%;
  float:left;
  font-size:11px;
  font-weight:normal;
  margin-top:3px;
  float:left;
  color:#4b4a4a;
  background:url(../../images/jiantou3.png) no-repeat left 11px center;
}
.newsRow a{
   color: #4b4a4a;
    font: 13px "宋体",arial,serif;

}
.newsRow a span{
   padding-left:0px;
}

.dateRow{
  font-weight:normal;
  margin-top:3px;
  float:right;
  width:80px;
  color:#4b4a4a;
  font: 13px "宋体",arial,serif;
}

.productClass li{
  width:98%;
  background:url(../../images/topbg_fore.jpg) repeat;
  height:29px;
  border-bottom:1px solid #eef;
  padding-left:5px;
  padding-top:2px;
  text-align:left;
}

.productClass li a span{
   color: #4b4a4a;
    font: 12px "宋体",arial,serif;
	margin-top:10px;
}

.productfont{
 border:1px solid #eeeeff;
 width:150px;
 float:left;
 margin:3px;
 color:#000000	
}

.companyAreaDiv1{
   width:100%;
   height:150px;
   position:relative;
}
.companyAreaDiv2{
  width:360px;
  height:150px;
  position:relative;
  margin:0 auto;
  overflow:hidden;
  position:relative;
  display:none;
  background:#c1c1c1;
}
.companyAreaDiv3{
	width:36px;
	height:150px;
	overflow:hidden;
	position:relative;
}

.companyAreaList{position:absolute;}
.companyAreaList li{float:left;text-align:center;height:320px;}
.companyAreaList_two{position:absolute;z-index:10;top:100px;}
.companyAreaList_two li{float:left;text-align:center;}
.companyAreaList_two li img{margin-left:-330px;}




/***************index image begin******************************/
#warpper,#warpper2,#warpper3,warpper4{width:100%;height:320px;position:relative;}
#focus,#focus2,#focus3,#focus4{width:800px;height:320px;position:relative;margin:0 auto;overflow:hidden;position:relative; display:none; background:#c1c1c1;}
/* focusWarp */
.focusWarp{width:800px;height:320px;overflow:hidden;position:relative;}
.imgList{position:absolute;}
.imgList li{float:left;text-align:center;height:320px;}
.imgList_two{position:absolute;z-index:10;top:100px;}
.imgList_two li{float:left;text-align:center;}
.imgList_two li img{margin-left:0px;margin-top:-100px}
.imgBtn{position:absolute;bottom:10px;z-index:10;}
.btnWarp{overflow:hidden;}
/* 默认圆点样式 */
.imgBtn li{width:19px;height:20px;float:left;font-size:14px;margin-right:10px;background:url(../../images/btnBg_03.png) no-repeat right top;_background:url(../../images/btnBg_03.gif) no-repeat right top;text-align:center;line-height:18px;cursor:pointer;}
.imgBtn li.hover{background:url(../../images/btnBg_03.png) no-repeat left top;_background:url(../../images/btnBg_03.gif) no-repeat left top;}
/* 圆点样式结束 */
.sizeBox{width:300px; position:absolute;z-index:10;top:0;left:0;}
.prev,.next{display:block;height:77px;width:36px;position:absolute;top:120px;z-index:100;background:url(../../images/prevNext.png) no-repeat;outline:none;*background:url(../../images/prevNext.gif) no-repeat;background:url(../../images/prevNext.gif) no-repeat\0;}
.prev{left:50%;}
.next{right:50%;background-position:right top;}
.thumPrev,.thumNext{width:20px;height:20px;display:block;background:url(../../images/sprevNext.png) no-repeat;_background:url(../../images/sprevNext.gif) no-repeat;margin-top:10px;margin-right:10px; outline:none;}
.thumNext{background-position:right top;}
/**************index image  end***********************************/






/*******单页和列表****************************/
.sg_imgbgout{width:1024px;margin:auto;height:220px;position:relative;}
.sg_imgbg{width:800px;height:220px;position:relative;margin:0 auto;overflow:hidden;position:relative; display:none; background:url(../../images/webbj.png)}
/* focusWarp */
.sg_imgwarp{width:800px;height:220px;overflow:hidden;position:relative;}
.sg_imgList{position:absolute;}
.sg_imgList li{float:left;text-align:center;height:220px;}
.sg_imgList_two{position:absolute;z-index:10;top:100px;}
.sg_imgList_two li{float:left;text-align:center;}
.sg_imgList_two li img{margin-left:-400px;margin-top:-100px}

.sgContentTitle{
   width:98%;
  background:#FFF;
  height:30px;
  margin:auto;
  border-bottom:2px solid #124d7c;
}

.menu_button{
  width:250px;
}

.menu_button_ul{
 width:250px;
 /*padding-top:5px;*/
 min-height:400px;
 background:#fff;
}
.menu_button_ul li{
  color:#000;
  font-size:14px;
  font-weight:bold;
  margin:2px;
  width:245px;
}


.menu_button_ul li div{
  color:#000;
  font-size:13px;
  font-weight:bold;
  width:245px;
}


.buttonCss_white{
    background: -moz-linear-gradient(center top , #fff, #ededed) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b7b7b7;
    color: #606060;
}

.buttonCss_white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.buttonCss_white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.buttonCss {
    border-radius: 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}


.button_minimal {
  background: #ffe;
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color:#333;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 8px 0 9px;
  text-align: left;
  text-shadow: 0 1p 0 #fff;
  width: 150px; }
.button_minimal:hover {
    background:#0066FF;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #ffe;
    cursor: pointer;
  }
  .button_minimal:hover a{
    color: #ffe;
    cursor: pointer;
  }
.button_minimal:active {
    background:#0066CC;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #ffe; 
}


.menu_item2{
  width:80%;
  font-size:11px;
  font-weight:normal;
  margin-top:2px;
  margin-bottom:3px;
  padding:4px;
  color:#4b4a4a;
}

.menu_item2 a{
   color: #4b4a4a;
   font: 12px "宋体",arial,serif;
   padding-left:10px;

}

.proListDiv{
  width:30%;
  float:left;
  padding:2px;
  border:1px solid #C4C4C4;
  margin:5px;
  height:200px;
}

.proListImgTable{
   width:100%;
   margin:0 auto;
}
.proListImg{
  height:150px;
}

.proListNotes{
   width:100%;
   margin:auto;
   padding:5px;
   text-align:center;
   color:#4b4a4a;
   font-size:14px;
   font-weight:bold;
}

.leftMenuTable{
  width:100%;
  min-height:600px;
  height:auto;
  border: 1px solid #c4c4c4;	
}


.leftmenu{
  width:250px;
  float:left;
  /*border:1px solid #C4C4C4;*/
}

.leftmenuImgBg{
  width:250px;
  height:200px;
}

.leftMenuTd{
   background:url(../../images/leftmenubg.png) no-repeat bottom;
   border-spacing: 1px;
   border-color: #C0C0C0;
   border-right: 1px solid #c4c4c4;
}

.listNewsContentDiv{
  /* background:url(../../images/listNewBg.jpg) no-repeat bottom;*/
   width:760px;
   min-height:600px;
   height:auto;
   float:left;
  /* border:1px solid #C4C4C4;*/

}
.listNewsOutDivBg{
  width:100%;
  padding-top:5px;
}

.listNewsDiv{
  width:100%;
  margin:auto;
  margin:3px;
  color:#4b4a4a;
  font-size:13px;
  font-weight:bold;
}

.listNewsRow{
  width:80%;
  float:left;
  font-size:13px;
  font-weight:normal;
  margin-top:3px;
  color:#4b4a4a;
}

.listNewsRow a{
  color:#4b4a4a;
}
.listNewsDateRow{
  font-weight:normal;
  margin-top:3px;
  float:right;
  width:80px;
  color:#4b4a4a;
  font: 13px "宋体",arial,serif;
}

.listNewsDivBg{
  width:90%;
  height:500px;
  margin:auto;
}

.listNewsLine{
   background:#eef;
   height: 1px;
   width: 100%;
   clear:both;
   margin-top:6px;
}


.contentTitle{
   padding:5px;
   font-size:13px;  
}

.contentDetail{
   padding:5px;	
}

.sgContentTitleLeft{
	width:340px;
	float:left;
	padding-top:10px;
	color:#248bdd;
	font-size:14px;
	font-weight:bold
}

.sgContentTitleRight{
	/*width:530px;*/
	float:right;
	padding-top:10px;
	text-align:right;
	color:#403d3d;
}

.faqTable{
    height: 20px;
    line-height: 20px;
    vertical-align: middle;	
}


.faqTable input{
   height:20px;
}

.faqAskTitle{
  color: #235ca7;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}


.buttonBg{
	font-family:Geneva, Arial, Helvetica, sans-serif;
   height:17pt;
   color:#FFFFFF;
   border: 1px solid #fff;
   border-style:double;
   border-width: 1px;
   background:#ffffff;
   background-image:url(../../images/buttonbg.png);
   padding-top:2px;
   padding-right:2px;
   padding-bottom:2px;
   padding-left:2px;
   text-align:center;
   cursor:pointer;
   font-weight:bold;
}

.classContentTitle{
	font-size:12px;
	color:#039;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.classContentDetail{
	width:97%;
	margin:auto;
	padding:3px;
	color:#333;
	line-height:150%;
}

.articleContentTitle{
	font-size:12px;
	color:#039;
	font-weight:bold;
	text-align:center;
}


.articleContentConpyright{
	width:100%;
	margin:auto;
	text-align:center;
	padding:10px;
	color:#999;
}


.articleContentConpyright span{
	min-width:50px;
}

.articleContentDetail{
	width:97%;
	margin:auto;
	padding:3px;
	color:#333;
	line-height:150%;
}




/**********************/
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom:1;}
img{border:0;}
.min_wrapper{width:300px;margin:0 auto;padding-bottom:50px;}
/*h1{height:50px;line-height:50px;font-size:22px;font-weight:normal;font-family:"Microsoft YaHei",SimHei;margin-bottom:20px;}*/
/* focus */
#min_focus{width:300px;height:160px;overflow:hidden;position:relative;}
#min_focus ul{height:380px;position:absolute;}
#min_focus ul li{float:left;width:300px;height:160px;overflow:hidden;position:relative;background:#000;}
#min_focus ul li div{position:absolute;overflow:hidden;}
#min_focus .btnBg{position:absolute;width:800px;height:20px;left:0;bottom:0;background:#000;}
#min_focus  .btn{position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#min_focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#min_focus  .btn span.on{background:#fff;}
#min_focus  .preNext{width:45px;height:100px;position:absolute;top:90px;background:url(../../images/jiantou2.png) no-repeat 0 0;cursor:pointer;}
#min_focus .pre{left:0;}
#min_focus  .next{right:0;background-position:right top;}
/************************************/

/*****样式*********/
.sunMenuImgClass{
   height:220px;
}