.g-top-recomd {
  padding: 0 15px;
  box-sizing: border-box;
  background: #fff;
  margin-top:15px;
}
.g-top-recomd .m-recomd-top {
  width: 100%;
  height: auto;
  padding: 20px 0;
  display: block;
  overflow: hidden;
}
.g-top-recomd .m-recomd-top a {
  width: 87px;
  height: auto;
  float: left;
  margin: 0 0 0 20px;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-top a:first-child {
    margin: 0;
}
.g-top-recomd .m-recomd-top a img {
  width: 100%;
  height: 87px;
  border-radius: 14px;
  display: block;
  overflow: hidden;
}
.g-top-recomd .m-recomd-top a strong {
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  text-align: center;
  margin: 12px 0 0;
  display: block;
  overflow: hidden;
}
.g-top-recomd .m-recomd-top a:hover strong {
  color: #0099ff;
}
.g-top-recomd .m-recomd-foot dl {
  width: 100%;
  height: auto;
  margin: 20px 0 0;
  display: block;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot dl dt {
  width: 86px;
  height: auto;
  float: left;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot dl dt strong {
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background: #89c3ff;
  border-radius: 3px 0 0 3px;
  float: left;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot dl dt i {
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 6px solid #89c3ff;
  float: left;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot dl dd {
  width: 1070px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  font-weight: normal;
  color: #eaeaea;
  float: left;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot dl dd a {
  width: auto;
  color: #666;
  float: left;
  margin: 0 15px;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot dl dd i {
  font-style: normal;
  float: left;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot dl:nth-child(2) dt strong {
  background: #9ba3f6;
}
.g-top-recomd .m-recomd-foot dl:nth-child(2) dt i {
  border-left: 6px solid #9ba3f6;
}
.g-top-recomd .m-recomd-foot dl:nth-child(3) dt strong {
  background: #ffa9a9;
}
.g-top-recomd .m-recomd-foot dl:nth-child(3) dt i {
  border-left: 6px solid #ffa9a9;
}
.g-top-recomd .m-recomd-foot {
  width: auto;
  height: 37px;
  padding: 0 0 20px 0;  
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
.g-top-recomd .m-recomd-foot:first-of-type{
  border-top: 1px solid #eaeaea;

}
.g-top-recomd .m-recomd-foot li {
  width: auto;
  height: 26px;
  line-height: 26px;
  float: left;
  margin: 10px 0 0;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot li a {
  width: auto;
  float: left;
  margin: 0 12px;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot li a:hover {
  color: #0099ff;
}
.g-top-recomd .m-recomd-foot li i {
  width: 1px;
  height: 18px;
  background: #eaeaea;
  font-style: normal;
  margin: 4px 0 0;
  float: left;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot li.g-tech-boss {
  width: 86px;
  height: auto;
  float: left;
  display: inline;
  overflow: hidden;
  clear: both;
}
.g-top-recomd .m-recomd-foot li.g-tech-boss span {
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background: #89c3ff;
  border-radius: 3px 0 0 3px;
  float: left;
  display: inline;
  overflow: hidden;
}
.g-top-recomd .m-recomd-foot li.g-tech-boss i {
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 6px solid #89c3ff;
  float: left;
  display: inline;
  overflow: hidden;
  background: none;
  margin: 0;
}
.g-plate-one {
  margin-top: 10px;
}
.g-plate-one .m-left-box {
  width: 435px;
  height: 763px;
  margin: 0;
  background: #fff;
  padding: 0;
}
/*杞挱*/
.slidebox {
  width: 388px;
  height: 240px;
  overflow: hidden;
  position: relative;
  float: left;
  display: inline;
}
.slidebox .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  bottom: 11px;
  z-index: 1;
}
.slidebox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.slidebox .hd ul li {
  float: left;
  margin-right: 2px;
  width: 15px;
  height: 10px;
  line-height: 14px;
  text-align: center;
  background: #ccc;
  cursor: pointer;
}
.slidebox .hd ul li.on {
  background: #55c75d;
  color: #fff;
}
.slidebox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}
.slidebox .bd li {
  zoom: 1;
  vertical-align: middle;
  height: 240px;
  position: relative;
}
.slidebox .bd h3 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  text-indent: 15px;
  background-color: #f5f5f5;
}
.slidebox .bd img {
  width: 100%;
  height: 200px;
  display: block;
}
/*鐑偣鏂伴椈*/
.c_new {
  width: 378px;
  margin: 20px 0 0 10px;
  float: left;
  display: inline;
  overflow: hidden;
}
.c_new ol {
  width: 388px;
  float: left;
  display: inline;
  overflow: hidden;
  margin: 10px 0 0 0;
}
.c_new ol li {
  position: relative;
  height: 27px;
  margin-top: 10px;
  width: 388px;
  float: left;
}
.c_new ol li i {
  border-left: 2px solid #45b3f8 !important;
}
.c_new ol li i,
.c_new ol li span {
  width: 50px;
  height: 30px;
  display: block;
  position: absolute;
  left: 0;
  text-align: center;
  line-height: 30px;
  background: #f5f5f5;
  border-left: 2px solid #55c75d;
}
.c_new ol li a {
  position: absolute;
  left: 60px;
  top: 5px;
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
/*  */
.g-ivtab {
  overflow: hidden;
  padding: 20px 20px 15px 19px;
  width: 400px;
}
.g-ivtab .g-ivtab-top {
  border-left: 1px solid #e2e2e2;
  overflow: hidden;
}
.g-ivtab .g-ivtab-bd .g-tab-con ul {
  overflow: hidden;
  clear: both;
}
.g-ivtab .g-ivtab-top ul li {
  display: block;
  float: left;
  border: 1px solid #e2e2e2;
  border-left: 0;
  width: 97px;
  height: 36px;
  font-size: 14px;
  color: #565656;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.g-ivtab .g-ivtab-top ul li.b-bottom{
	border-top:0;
	border-right:0;
	height:37px;
	cursor: default;
}
.g-ivtab .g-ivtab-top ul li.m-hover {
  color: #00aaff;
  font-weight: bold;
  border-top: 2px solid #00aaff;
  border-bottom: 0;
  background: #fff;
  line-height: 34px;
}
.g-ivtab .g-ivtab-bd {
  overflow: hidden;
  padding-top: 5px;
}
.g-ivtab .g-ivtab-bd .g-tab-con li {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  padding: 6px 0 0;
  margin-bottom: 6px;
  float: left;
  width: 100%;
  overflow: hidden;
}
.g-ivtab .g-ivtab-bd .g-tab-con li span {
  padding-right: 5px;
  color: #999;
  float: right;
}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type {
  display: block;
  float: left;
  
  margin-right: 10px;
  line-height: 22px;
  text-align: left;
  overflow: hidden;
  position: relative;
  font-style: normal;
}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a {
  font-size: 14px;
  color: #999;
}
.g-ivtab .g-ivtab-bd .g-tab-con li p {
  float: left;
  width: 250px;
  overflow: hidden;
  height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g-ivtab .g-ivtab-bd .g-tab-con li p img {
  display: inline-block;
  float: left;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 8px;
}
.g-ivtab .g-ivtab-bd .g-tab-con li p a {
  color: #333;
}
.g-ivtab .g-ivtab-bd .g-tab-con li a:hover {
  color: #FF4939;
}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a:hover {
  color: #FF4939;
}
.g-ivtab .g-ivtab-bd .g-tab-con p.u-dashed {
  border-top: 1px dashed #ddd;
  margin: 10px 0 0;
  height: 10px;
  padding: 0;
  overflow: hidden;
}
.g-ivtab .g-ivtab-bd .g-tab-con li.m-cen-sod {
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
  margin-bottom: 9px;
  padding-bottom: 17px;
}
.box {
  margin-bottom: 15px;
  background:#fff;
}
.index-weeknews-t {
  font-size: 20px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-weeknews-t em {
  display: inline-block;
  background-color: #39C;
  color: #fff;
  font-size: 16px;
  padding: 0 10px;
  vertical-align: top;
  border-radius: 4px;
  margin-right: 10px;
}
.index-weeknews-b {
  margin-top: 20px;
}
.index-weeknews-info {
  height: 100px;
  overflow: hidden;
  background-color: #f8f8f8;
}
.index-weeknews-info .img {
  width: 150px;
  height: 100%;
  float: left;
}
.index-weeknews-info .img img {
  width: 100%;
  height: 100%;
  object-position: cover;
  object-fit: cover;
}
.index-weeknews-info .txt {
  line-height: 20px;
  padding: 10px 10px 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index-weeknews-games {
  margin-top: 15px;
  width: 380px;
  overflow: hidden;
}
.index-weeknews-games li {
  float: left;
  width: 60px;
  margin-right: 15px;
}
.index-weeknews-games li .img {
  width: 56px;
  height: 56px;
  margin: 0 auto;
}
.index-weeknews-games li .img img {
  width: 100%;
  height: 100%;
  object-position: cover;
  object-fit: cover;
}
.index-weeknews-games li .title {
  text-align: center;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
  font-size: 12px;
}
.w-360 {
  width: 360px;
  margin-top:20px;
}


.m-logo {    width: 226px;    height: 67px;    margin: 8px 0 0;}
.m-search{ width:626px; height:auto; float: right; margin: 10px 0 0; display:inline; overflow:hidden}
.m-search form{ width: 635px; height: 38px;}
.m-search .keyword_input{ float: left;  width: 550px; height: 34px; padding: 0; margin: 0; text-indent: 6px; border-radius: 0; border: 2px solid #04bc06; font-size:14px; color:#666}
.m-search .schbtn{ float: left; width: 72px; height: 38px;  background: none repeat scroll 0 0 #3fb019; border: 0 none; color: #fff; cursor: pointer; font-size: 14px;}
.m-search p{ padding: 6px 0 0;    height: 20px;    overflow: hidden;    width: 620px; font-size: 12px;}
.m-search p a{ padding: 0 5px 0 0; font-weight: normal;}
.g-nav {background-color: #63B73D; }
.g-nav a {height: 46px; line-height: 46px; display: inline-block; padding: 0 34px; color: #fff; border-right: 1px #55a831 solid; font-family: "microsoft yahei"; font-size: 16px;}
.g-nav .m-onnav a { padding:0 44px 0 45px; }
.g-nav a:hover,.g-nav .m-navindex a{ background-color: #45af42; text-decoration: none }
.g-weizhi { height: 36px; line-height: 36px; font-size: 12px; color: #666 }
.g-weizhi i { padding-left: 23px; background:url(../images/weizhi.png) no-repeat; }
.g-foot { background-color: #fff;  border-top: 2px solid #ECECEC;  }
.g-foot div { height: 90px; text-align: center; }
.g-foot div p.m-linksa { height: 32px; line-height: 32px; padding-top: 5px; }
.g-foot div p.m-banquan {  font-size: 12px; color: #999; padding: 5px 0 }
.g-foot div p.m-banquan2 {  font-size: 12px; color: #666; padding: 5px 0;  }
/* 澶撮儴搴曢儴缁撴潫 */

/*榛戣壊搴曢儴*/
.g-footer{ clear:both; padding:10px 0; margin:0; background-color:#292929;}
.g-footer p{ padding:3px 0; text-align:center; color:#666; font-size:12px;}
.g-footer p a{ padding:0 6px;color: #666}

/* CSS Document */
.clearfix:before,.clearfix:after,.g-top:before,.g-top:after,.g-header:before,.g-header:after,.g-container:before,.g-container:after,.g-footer:before,.g-footer:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after,#topNav:after,#ppShow:after,#ivtab:after,#focus:after,#focus-side h2:after,#favorites .content:after,.cmbox .title:after,#friendlink ul:after{clear:both;}
.clearfix,#topNav,#ppShow,#ivtab,#focus,#focus-side h2,#favorites .content,.cmbox .title,#friendlink ul{*zoom:1;}
#topNav,#page,#container{width:960px;display:block;margin:0 auto;clear:both;}
.autocomplete-suggestions { background: none repeat scroll 0 0 #fff; border: 1px solid #3fb019;}
.autocomplete-suggestions .autocomplete-suggestion { padding: 3px 0; text-indent: 1em; cursor:hand;}
.hide{ display:none;}
* {	transition:top .4s ease 0s;}

/*Header*/
.g-nav a:hover, .g-nav .m-navindex a{ color:#fff;}

/*Main*/
.g-container{ margin-top:15px;}
.m-box{ padding:15px 0 10px; margin-top:15px; background-color:#fff;}
.m-box .m-box-left{ float:left; width:320px; margin:0 0 0 15px; overflow:hidden;}
.m-box .m-box-center{ float:left; width:444px; height:659px; margin-left:30px; overflow:hidden;}
.m-box .m-box-right{ float:right; width:300px; margin-right:15px; overflow:hidden;}
.u-tit{ height:30px; line-height:30px; margin-bottom:10px;}
.u-tit span{ font-size:16px;}
.u-tit a{ *position: absolute; *right: 0; float:right; font-size:12px; font-weight:normal;}
.u-tit b{  display: block; float:left; width:80px; line-height: 29px; padding-left: 5px; font-size:16px;}

.m-jx{ position: relative; }
.f-rolling{ position:relative; width:100%; height:133px; border-bottom:1px solid #eee; background-color:#fff; overflow:hidden}
.m-jx .f-rolling-mask{ width:1069px; margin:0 auto; overflow:hidden;}
.m-jx .f-rolling-btn{ display:block; position:absolute; top:52px; width:25px; height:40px; background: url(../images/new_icon.png) no-repeat 0 0; cursor:pointer;}
.m-jx .f-rolling-btn-prev{ left:0;}
.m-jx .f-rolling-btn-prev:hover{ background-position:0 -43px;}
.m-jx .f-rolling-btn-next{ right:0; background-position:-29px 0;}
.m-jx .f-rolling-btn-next:hover{ background-position:-29px -43px;}
.m-jx ul{ background-color:#fff;}
.m-jx li{ float: left; width: 102px; margin: 23px 34px 14px 2px; overflow: hidden; text-align: center;}
.m-jx li img{ display: block; width: 100px; height: 62px; margin: 0 0 11px;}
.m-jx i{ position: absolute; top: 0; width: 42px; height: 42px;  text-indent: -999em;}
.g-photo{ width:320px; height:292px; overflow:hidden;}
.m-tj{ margin-top:12px;}
.m-tj .u-tit{ height:42px; margin-bottom:10px; border-bottom:2px solid #eeeeee;}
.m-tj .u-tit span{ display:block; float:left; width:120px; height:42px; font-size:18px; color:#333333; font-weight:bold; border-bottom:2px solid #45af42;}
.m-tj .u-tit span i{ display:block; float:left; width:23px; height:23px; margin:6px 15px 0 0; background:url(../images/new_icon.png) no-repeat -180px -3px;}
.m-tj .u-tit .more{ font-size:14px; color:#999999;}
.m-tj .u-tit .more i{ color:#45af42;}
.m-tj ul{ background:url(../images/sline.png) no-repeat 0 0;}
.m-tj ul li{ padding:2px 0;}
.m-tj ul li a,.m-tj ul li a:hover{ text-decoration:none;}
.m-tj ul li .show{ display:none; width:290px; height:92px; margin:0 0 8px 20px; background:url(../images/icon_bg.png) no-repeat 0 0;}
.m-tj ul li .show img{ display:block; float:left; width:91px; height:65px; margin:17px 10px 0 13px;}
.m-tj ul li .show div{ padding:14px 12px 0; font-size:12px; color:#999999; text-decoration:none;}
.m-tj ul li .name{ height:25px; padding:0 0 0 20px; font-size:14px; overflow:hidden; background:url(../images/dian.png) no-repeat 0 9px;}
.m-tj ul li span{ float:right; line-height:22px;}
.m-tj ul li:hover .name{ text-decoration:underline;}
.m-tj ul li.active .name{ background:url(../images/dian3.png) no-repeat 0 9px;}
.m-tj ul li.active .show{ display:block;}
.m-tuw{ width:320px; overflow:hidden;}
.m-tuw li{ position:relative; float:left; width:142px; margin:16px 16px 0 0; border:1px solid #cfcfcf; overflow:hidden;}
.m-tuw li img{ display:block; width:140px; height:87px; padding:1px; }
.m-tuw li span{ position:absolute; bottom:2px; left:2px; display:block; width:140px; height:28px; line-height:28px; text-align:center; background:url(../images/tm_bg.png) repeat-x; color:#fff;}
.m-list{ width:332px; padding:16px 0 0; overflow:hidden;}
.m-list li{ float:left; width:145px; height:32px; line-height:32px; margin-right:13px; background: url(../images/dian2.png) no-repeat 0 15px; overflow:hidden;}
.m-list li a{ padding:0 0 0 18px; font-size:14px; font-weight:normal;}

.m-gx .u-tit{ *position: relative; border-bottom:1px solid #e7e7e7;}
.m-gx .u-tit span{ *display: inline-block; *height: 23px; *line-height: 23px; padding:3px 0; color:#04bc06; border-bottom:2px solid #04bc06; }
.m-gx .u-tit span.gx{ padding-left:111px; font-size:14px; color:#666666; border:none; background:none;}
.topnews{  width: 388px; line-height: 24px; margin: 0 auto; font-size: 14px; overflow: hidden; text-align: center;}
.topnews h2{ height:30px; line-height:0; margin-top:7px; margin-bottom: 8px; overflow:hidden;}
.topnews h2 a { position: relative; top: 2px; z-index: 1; width: auto;  height: auto; line-height: 30px; padding-bottom: 2px; color: #ff0000; font-size: 22px;
 font-weight: bold; overflow: hidden; text-align:center;}
.topnews a { display: inline-block; position: relative; top: 3px; z-index: 1; width: 11em; height: 14px; line-height: 14px; font-size: 14px; overflow-y: hidden; color:#999999;}
.topnews span{ padding:0 10px;}
.topnews span a:hover{ color:#45af42;}
.m-tab{ height:48px; margin-top: 24px; margin-bottom: 20px; }
.m-tab ul.tabnav{ width:476px;}
.m-tab ul.tabnav li{ position:relative; float:left; width:90px; height:38px; line-height:35px; margin:3px 10px 0; cursor:pointer; border:1px solid #eeeeee; border-radius:8px; font-size:16px;}
.m-tab ul.tabnav li.hover{ color:#fff; background-color:#45af42;}
.m-tab ul.tabnav li i{ display:block; float:left; width:29px; height:29px; margin:0 4px 0 8px; background:url(../images/new_icon.png) no-repeat 0 0;}
.m-tab ul.tabnav li i.one{ background-position:-208px -62px;}
.m-tab ul.tabnav li.hover i.one{ background-position:-208px -31px;}
.m-tab ul.tabnav li i.two{ background-position:-242px -63px;}
.m-tab ul.tabnav li.hover i.two{ background-position:-242px -31px;}
.m-tab ul.tabnav li i.three{ background-position:-272px -63px;}
.m-tab ul.tabnav li.hover i.three{ background-position:-272px -33px;}
.m-tab ul.tabnav li i.four{ background-position:-175px -30px;}
.m-tab ul.tabnav li.hover i.four{ background-position:-174px -61px;}
.m-tab ul.tabnav li i.five{ background-position:-11px -712px;}
.m-tab ul.tabnav li.hover i.five{background-position: -11px -673px;}
.m-tab ul.tabnav li .sj { display:none; position: absolute; left: 38px; top: 21px;}
.m-tab ul.tabnav li.hover .sj{ display:block;}
.m-gx .tabcon li{ height: 32px; line-height: 29px; overflow: hidden;}
.m-gx .tabcon li.cur{ height:80px;}
.tabcon{ margin:10px 0 0 0; overflow:hidden}
.tabcon li.green,.tabcon li.red,.tabcon li.blue{ margin-bottom:5px;}
.tabcon li.red,.tabcon li.blue{ margin-top:9px;}
.m-gx .f-diannao{ background:url(../images/line.png) no-repeat 2px 206px;}
.m-gx .tabcon li .app-img span{ float:left;}
.m-gx .tabcon li span { display: inline;  position: relative;  top: 1px; float: right;  padding-left: 10px; color: #666;}
.m-gx .tabcon li i { display: inline; float: left; width: 60px; height: 17px; line-height: 17px; margin: 6px 7px 0 0; padding: 0 10px 0 0; border-right: 1px solid #999; font-style: normal; overflow: hidden;  text-align: right;}
.m-gx .tabcon li i a{ font-size:12px;}
.m-gx .tabcon li img { position: relative; top: -1px; width: 20px; height: 20px; margin-right: 9px;}
.m-gx .tabcon li a { font-size: 14px; overflow: hidden;}
.tabcon	li.green a{ width: auto; height: auto; line-height: 30px; padding-bottom: 2px; padding-left: 75px; background:url(../images/g.png) no-repeat 23px 0; color: #606060; font-size: 16px; font-weight: bold; overflow: hidden;}
.tabcon	li.red a{ width: auto; height: auto; line-height: 30px; padding-bottom: 2px; padding-left: 75px; background:url(../images/r.png) no-repeat 23px 0; color: #606060; font-size: 16px; font-weight: bold; overflow: hidden;}
.tabcon	li.blue a{ width: auto; height: auto; line-height: 30px; padding-bottom: 2px; padding-left: 75px; background:url(../images/b.png) no-repeat 23px 0; color: #606060; font-size: 16px; font-weight: bold; overflow: hidden;}
.m-zjgx,.m-hj,.m-phj{ margin-bottom:6px;}
.m-phj{ position:relative; height:338px; margin-top:20px; padding-top:11px; border-top:1px solid #dddddd; overflow:hidden;}
.m-phj .tabnav{ position:absolute; right:0; top:19px; font-size:14px;}
.m-phj .tabnav em{ padding:0 9px; color:#CCC;}
.m-phj .tabnav .hover{ color:#45af42;}
.m-zjgx .u-tit span{ padding:0 0 0 9px; border-left:4px solid #04bc06; font-weight:bold; color:#333333;}
.m-hj .u-tit span,.m-phj .u-tit span{ padding:0 0 0 9px; border-left:4px solid #04bc06; font-weight:bold; color:#333333;}
.m-zjgx .u-tit .change{ float: right; height: 18px; line-height: 16px; margin:7px 0 0; cursor: pointer; padding: 1px 9px 1px 21px; }

.m-zjgx .u-tit .change:hover{ color:#45af42; }
.m-zjgx .u-tit .change img { margin-right: 5px; }
.m-zjgx li { height: 29px; line-height: 26px; padding: 0 2px 0 0; background: url(../images/dian.gif) no-repeat 0 13px; overflow: hidden;}
.m-zjgx li.active{ height:126px;}
.m-zjgx li a{ font-size:14px;}
.m-zjgx li.active a{ display: block; height: 30px; font-size:16px; overflow:hidden;}
.m-zjgx li .showbox{ width:300px; height:92px; background:url(../images/icon_bg.png) no-repeat 0 0;}
.m-zjgx li .showbox img{ display:block; float:left; width:65px; height:65px; margin:16px 9px 0 14px;}
.m-zjgx li .showbox .fl{ padding:12px 0 0; font-size:12px; color:#999999;}
.m-zjgx li .showbox .fl span{ padding-right:10px;}
.m-zjgx li .showbox .js{ padding:0 17px 0 0; line-height:18px;}
.m-hj .m-tuw li,.m-phj .m-tuw li{ margin:5px 10px 0 0;}
.m-title{ height: 66px; line-height: 65px; padding: 0; margin:0 0 24px; border-bottom: 3px solid #1192fc; color: #000; font-weight:normal;}
.g-container .az{ }
.g-container .ios{ }
.g-container .gx{ }
.m-title h3 { display: inline; float: left; padding: 0 10px; font-family:"Microsoft YaHei"; font-size: 24px; font-weight: bold;}
.m-title h3 em{ display:block; float:left; width:29px; height:32px; background:url(../images/new_icon.png) no-repeat;}
.m-title .more{ line-height:73px; font-size:14px; color:#999999;}
.m-title span { float: right; position: relative; height: 45px; line-height: 45px; margin:15px 20px 0 74px; font-size: 14px;}
.m-title span i {display: inline;  float: left; width: 75px; height: 28px; line-height: 28px; margin-top: 7px; color: #666; cursor: pointer; font-style: normal; text-align: center;}
.m-title span i a{ float:none;}
.m-title span i a:visited{ color:#ff0000; text-decoration: none;}
.m-title span i.hover{ color: #00aaff;}
.m-title span i.hover a,.m-title span i a:hover{ color:#00aaff; text-decoration:none;}
.m-title span em{ float:left; line-height:42px; padding:0 7px; color:#d0d0d0;}
.m-title span > a{ float:right;color:#a2a2a2}
.m-box-left2{ float:left; width:812px; overflow:hidden;margin-left:25px;}
.m-box-left2 dl { display: inline; float: left; width: 150px; margin-bottom:28px; margin-right:15px; padding-bottom:11px; }
.m-box-left2 dl:nth-child(n+6){margin-bottom: 0;}
.m-box-left2 dl dt { height: 35px; line-height: 35px; margin-bottom: 7px; text-align: center; background: none repeat scroll 0 0 #f9f9f9; color: #000; font-size: 16px;}
.m-box-left2 dl dd { height:26px; margin-top: 7px;}
.m-box-left2 dl dd a{ font-size:14px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;}
.m-box-left2 dl dd a img{ display:inline-block; float:left; width:22px; height:22px; margin:0 12px 0 9px;}
.m-box-right2{ float:right; width:300px; margin-right: 15px;}
.m-box-right2 .u-tit span{ display:block; float:right; width:56px; border:none;}
.m-box-right2 .u-tit span i{ display:block; float:left; width:26px; height:26px; line-height:26px; text-align:center; font-size:12px; background-color:#ededed;}
.m-box-right2 .u-tit span i.hover{ background-color:#04bc06; color:#fff;}
.m-box-right2 ul li .single{ height: 22px; line-height: 22px; padding: 3px 0; *padding:0; overflow: hidden;}
.m-box-right2 ul li .single .num { float: left; width: 20px; height: 20px; line-height: 20px; margin: 2px 10px 0 0; padding:0; text-align: center; background: none repeat scroll 0 0 #b9b9b9;
 color: #fff; overflow: hidden;}
.m-box-right2 ul li .single a { float: left; width: 172px; height: 22px; line-height: 22px; font-size:14px; overflow: hidden; }
.m-box-right2 ul li .single .star-bar { float: right;  display: block; width: 70px; height: 12px; margin-top: 6px; background: url(../images/xin5.png) no-repeat 0 0;
 overflow: hidden;}
.m-box-right2 ul li .single span{ width:58px; color:#999999;}
.m-box-right2 ul li .app-img{ display:none; position: relative; height: 50px; padding: 5px 0 5px 0;}
.m-box-right2 ul li .app-img .pic { float:left;  width: 65px; height: 65px; margin:0 12px 0 0; overflow: hidden;}
.m-box-right2 ul li .app-img .pic img { width: 65px; height:65px;}
.m-box-right2 ul li .app-img .name { display: block; width: 165px; height: 25px; line-height: 25px; color:#333; font-size:14px; font-weight:bold; overflow: hidden; }
.m-box-right2 ul li .app-img .name:hover{ color:#45af42;}
.m-box-right2 ul li .app-img .ext { display: block; line-height: 19px; padding:0; color:#999999;}
.m-box-right2 ul li .app-img .btn { position: absolute; top: 10px; right: 0;  width: 70px; height: 25px; line-height: 25px; padding:0; font-weight: bold; text-align: center;font-size:12px; box-shadow:none; background: none repeat scroll 0 0 #45b823; color: #fff; text-shadow:none;}
.m-box-right2 ul li.cur .app-img{ display:block;}
.m-box-right2 ul li.cur .app-img .num{ float: left; width: 20px; height: 20px; line-height: 20px; margin: 2px 10px 0 0; padding: 0; background: #b9b9b9 none repeat scroll 0 0; color: #fff; overflow: hidden; text-align: center;}
.m-box-right2 ul li.cur .single{ display:none;}
.m-azlist{ width:827px; overflow:hidden;}
.m-azlist li{ display: inline; position: relative; float: left; width: 110px; height: 147px; margin: 0 8px 6px 0; overflow: hidden;}
.m-azlist li a { display: block; height: 110px; padding: 10px 10px 0; border: 1px solid #fff; text-align: center; font-size:14px; overflow:hidden;}
.m-azlist li a.down{ display:none;}
.m-azlist li.hover a.down{ position:absolute; z-index:2; bottom:10px; left:10px; display:block; width: 72px; height: 32px; line-height: 32px; padding:0; margin:0; background-color: #ff7800; color: #fff;}
.m-azlist li a img { display: block; width: 80px; height: 80px; margin:0 auto 8px; border-radius: 12px; }
.m-azlist li span { display: block; height: 32px; line-height: 16px; color: #999999; text-align:center;}
.m-azlist li .mask{ position:absolute; top:147px; left:0; width:110px; height:147px; background-color:#88df61;}
.m-azlist li .mask .tu{ display:block; width:80px; height:80px; margin:10px auto 7px;}
.m-azlist li .mask .name{ height:20px; font-size:14px; color:#fff;}
.m-azlist li .mask .btn{ width:58%; height:20px; margin:0 auto; padding:0; background-color:#fff; font-size:12px; border-radius:4px;}
.m-azlist2{ width:725px; margin:8px 0 18px; overflow:hidden;}
.m-azlist2 li{ position:relative; float:left; width:224px; margin:0 11px 0 0; overflow:hidden; text-align:center;}
.m-azlist2 li img{ width:223px; height:122px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;	-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);}
.m-azlist2 li img:hover{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;	transform:scale(1.2); -webkit-transform:scale(1.2);	-moz-transform:scale(1.2); -o-transform:scale(1.2);}
.m-azlist2 li span{ position:absolute; bottom:0px; display:block; width:224px; height:25px; line-height:25px; background:url(../images/tmbg.png) repeat-x; color:#fff;}
.m-nlist{ width:1177px; padding:0; margin:0; overflow:hidden;display: none;}
.m-nlist li{ float: left; _display:inline; width: 357px; height: 28px; line-height: 28px; margin: 0 32px 0 0; overflow: hidden; }
.m-nlist li em { float: right; color: #999; font-style: normal;}
.m-nlist li span { padding-right: 4px;}
.m-nlist li span a{ color: #999;}
.m-nlist li a {	font-size:14px; color: #333;}
.m-nlist li a:hover{ color:#0099ff;}
.m-hz p{ height:30px; line-height:30px; padding:0 0 0 13px; background-color:#f5f5f5; border-left:4px solid #45b823; font-size:14px;}
.m-hz ul{ width:1000px; overflow:hidden;}
.m-hz ul li{ float:left; width:144px; height:73px; margin:11px 19px 0 0; overflow:hidden; text-align:center;}
.m-hz ul li img{ display:block; width:141px; height:53px; margin:0 0 2px; border:1px solid #dddddd;}
.m-link { margin: 15px auto 0; background-color:#323232;}
.m-link p{ width:1170px; padding:19px 0; margin:0 auto;}
.m-link p i{ display:block; width:72px; height:28px; line-height:28px; margin-right:6px; padding:0 0 0 16px; text-align:center; border-left:8px solid #45af42; font-size:18px; color:#fff;}
.m-link .m-linka{ position:relative; width:1170px; margin:0 auto; padding:8px 0; overflow:hidden;}
.m-link .m-linka a{ float:left; width:114px; height: 27px; overflow: hidden; padding:0 14px 0 0; color:#cccccc;}

#hd{ position:relative; width:257px; height:224px; overflow:hidden;}
#hd p{ position:absolute; z-index:3; top:81px; width:36px; height:37px; background:url(../images/jticon.png) no-repeat; cursor:pointer;}
#hd p.anleft{ background-position:0 0;}
#hd p.anleft.hover{ background-position:0 -40px;}
#hd p.anright{ right:0; background-position:0 -80px;}
#hd p.anright.hover{ background-position:0 -120px;}
#hd ul{ position:absolute; width:1028px; height:224px;}
#hd ul li{ position:relative; float:left;}
#hd ul li span{ position:absolute; bottom:0; left:0; width:257px; height:30px; line-height:30px; text-align:center; background:url(../images/tmbg.png) repeat; color:#fff;}

.m-cy{  overflow: hidden; background-color:#fff;}
.m-cy .m-box-left2 div{ width:852px; overflow:hidden;}
.m-azbb{ height: 563px; background-color:#fff; overflow: hidden;}
.m-cy .m-gx{ width:273px; padding:0 0 0 27px; border-left:1px solid #eeeeee; overflow:hidden;}
.m-cy .m-gx .u-tit{border:none;}
.m-cy .m-gx .u-tit b{ width:217px; font-weight:bold;}
.m-cy .m-gx .u-tit b i{ color:#45af42;}
.m-cy .m-gx .tabcon{ background:none;}
.m-cy .m-gx .tabcon li{ padding:4px 0; border-bottom:1px solid #eeeeee;}
.m-cy .m-gx .tabcon li.cur{ padding:0;}
.m-pg{  background-color:#fff; overflow:hidden;}
.m-gx2{ height:392px; margin-top:15px; background-color:#fff; overflow:hidden;}
.m-apple{ height:563px; margin-top:12px; background-color:#fff; overflow:hidden;}
.m-gx2 .m-box-left2{ _display:inline; width:100%;}
#fav-soft .m-gx{ height:409px; overflow:hidden;}




.anbutton a{ position: absolute; top: 81px; width: 36px; height: 37px; text-indent:-999em; background: url(../images/jticon.png) no-repeat scroll 0 0; cursor: pointer; z-index: 3;}
.anbutton a.f-rolling-btn-next{ right: 0; background-position: 0 -80px;}

#gotoBox { display:none; position: fixed; bottom: 220px; left: 50%; width: 41px; cursor: pointer; margin-left: 602px; margin-top: -50px;}
#gotoBox a.cur { color: #5fb733;}
#gotoBox a { margin-bottom: 7px;}
#gotoBox i, #gotoBox a { display: block; width: 30px; height: 36px; line-height: 36px; padding: 3px 5px; background: none repeat scroll 0 0 #f8f7f7; border: 1px solid #e5e4e4; font-style: normal; text-align: center; border-radius:3px;}
#gotoBox i{ background:url(../images/topicon.png) no-repeat scroll 7px 14px #dcdcdc;}
#gotoBox i.hover{ background:url(../images/topicon.png) no-repeat scroll 7px 14px #45b823;}
.m-linee { border-bottom: 1px #ccc dotted; padding-bottom: 10px;}
.pull-right a.hot{ color:#289613  }
.pull-right a.hot:hover{ color:#0099ff  }
.g-recomd-label{  height:auto; display:block; overflow:hidden; background:#fff;margin:auto; position:relative; zoom:1; z-index:100; padding:14px 0;}
.g-recomd-label .g-recomd-label-one em{ width:67px; height:25px; line-height:25px; float:left; overflow:hidden; background:#000; font-size:12px; font-weight:normal; font-family:"microsoft yahei"; color:#fff; text-indent:7px; font-style:normal}
.g-recomd-label .g-recomd-label-one b{ float:left; width:878px; height:25px; line-height:25px; overflow:hidden; color:#5a5a5a; font-weight:normal; margin:0 0 0 4px; display:inline;}
.g-recomd-label .g-recomd-label-one b a{ font-size:12px; font-weight:normal; color:#595959; padding:0 9px; display:inline; overflow:hidden; border-right:1px solid #ccc; font-family:"microsoft yahei"}
.g-recomd-label .g-recomd-label-one b a:hover{ color:#ff3300; text-decoration:underline;}
.g-recomd-label .g-recomd-label-two em{ width:67px; height:25px; line-height:25px; float:left; overflow:hidden; background:#000; font-size:12px; font-weight:normal; font-family:"microsoft yahei"; color:#fff; text-indent:7px;font-style:normal}
.g-recomd-label .g-recomd-label-three em{ width:67px; height:25px; line-height:25px; float:left; overflow:hidden; background:#000; font-size:12px; font-weight:normal; font-family:"microsoft yahei"; color:#fff; text-indent:7px;font-style:normal}
.g-recomd-label div{  height:36px; line-height:39px; margin:0;  overflow:hidden;}
.g-recomd-label .g-label-0 em{ width:100px; height:27px; line-height:27px; margin:5px 0 0; display:inline; float:left;overflow:hidden; background:url(../images/new_icon.png) no-repeat -65px -1px; font-size:14px; font-weight:normal; font-family:"microsoft yahei"; color:#fff; text-indent:7px; font-style:normal; text-align:center;}
.g-recomd-label .g-label-0 a{ height:14px; line-height:14px;margin:6px 0 6px 0;  font-size:13px; font-weight:normal; color:#595959; padding:0 14px; display:inline; overflow:hidden; border-right:1px solid #ccc; font-family:"simsun"; overflow:hidden}
.g-recomd-label .g-label-0 a:hover{ color:#f30; text-decoration:underline;}
.g-recomd-label .g-label-0 i{ font-size:12px; font-weight:normal; color:#ccc; display:inline; font-style:normal;}

.g-recomd-label .g-label-1 em{ width:100px;  height:27px; line-height:27px; margin:5px 0 0; font-size:14px; background:url(../images/new_icon.png) no-repeat -65px -34px; text-align:center;}
.g-recomd-label .g-label-1 a{ width:auto;height:14px; line-height:14px;margin:6px 0 6px 0; font-size:13px; font-weight:normal; color:#595959; padding:0 14px; display:inline; overflow:hidden; border-right:1px solid #ccc; font-family:"simsun"; overflow:hidden}
.g-recomd-label .g-label-1 a:hover{ color:#ff3300; text-decoration:underline;}
.g-recomd-label .g-label-1 i{ font-size:12px; font-weight:normal; color:#ccc; display:inline; font-style:normal;}


.g-recomd-label .g-label-2 em{ width:100px;  height:27px; line-height:27px; margin:5px 0 0; font-size:14px; background:url(../images/new_icon.png) no-repeat -65px -67px; text-align:center;}
.g-recomd-label .g-label-2 a{ height:14px; line-height:14px;margin:6px 0 6px 0; font-size:13px; font-weight:normal; color:#595959; padding:0 14px; display:inline; overflow:hidden; border-right:1px solid #ccc; font-family:"simsun";overflow:hidden}
.g-recomd-label .g-label-2 a:hover{ color:#ff3300; text-decoration:underline;}
.g-recomd-label .g-label-2 i{ font-size:12px; font-weight:normal; color:#ccc; display:inline; font-style:normal; font-family:"simsun"}


.g-recomd-label .g-label-3 em{ width:100px;  height:27px; line-height:27px; margin:5px 0 0; font-size:14px; background:url(../images/new_icon.png) no-repeat -65px -100px; text-align:center;}
.g-recomd-label .g-label-3 a{ height:14px; line-height:14px;margin:6px 0 6px 0; font-size:13px; font-weight:normal; font-style:normal; color:#595959; padding:0 14px; display:inline; overflow:hidden; border-right:1px solid #ccc; font-family:"simsun"; overflow:hidden}
.g-recomd-label .g-label-3 a:hover{ color:#ff3300; text-decoration:underline;}
.g-recomd-label .g-label-3 i{ font-size:12px; font-weight:normal; color:#ccc; display:inline; font-style:normal;}

.g-label-0,.g-label-1,.g-label-2 { padding-bottom: 3px; }

.m-softfl{ background-color:#fff; overflow:hidden;}
.m-softfl .m-softfl-list ul{ width:1200px; overflow:hidden;}
.m-softfl .m-softfl-list li{ float:left; width:357px; margin:0 19px 20px 15px;}
.m-softfl .m-softfl-list li .tu{ float:left; width:100px; height:60px;}
.m-softfl .m-softfl-list li p{ float:left; width:253px; height:60px; border:1px solid #eeeeee;}
.m-softfl .m-softfl-list li p a{ display:block; float:left; width:69px; height:20px; margin:8px 0 0 13px; overflow:hidden; font-family: "simsun";}

.m-scrollbar{ position:relative;  background-color:#fff;}
.m-scrollbar .m-scrollbar-box{ width:1063px; height:200px; margin:0 auto; overflow:hidden;}
.m-scrollbar .m-scrollbar-box li{ position:relative; float:left; width:250px; height:155px; margin-top:23px; margin-right:22px; overflow:hidden;}
.m-scrollbar .m-scrollbar-box li img{ width:250px; height:155px;}
.m-scrollbar .m-scrollbar-box li .intro{ position:absolute; left:0; bottom:-110px; padding:0 11px; height:155px; background:url(../images/tm_bg.png) repeat 0 0;}
.m-scrollbar .m-scrollbar-box li .intro .name{ height:46px; line-height:47px; font-size:18px; font-weight:bold; text-align:center; color:#fff;}
.m-scrollbar .m-scrollbar-box li .intro .brief{ height:88px; font-size:14px; color:#fff; overflow:hidden;}
.m-scrollbar .m-scrollbar-btn{ display:block; position:absolute; top:45px; width:40px; height:89px; background:url(../images/new_icon.png) no-repeat; cursor:pointer;}
.m-scrollbar .left{ left:-12px; background-position:-5px -192px;}
.m-scrollbar .left:hover{ background-position:-5px -289px;}
.m-scrollbar .right{ right:-12px; background-position:-58px -192px;}
.m-scrollbar .right:hover{ background-position:-58px -289px;}


.m-cy .m-title h3 em{ margin:16px 12px 0 0; background-position:-8px -141px;}
.m-softfl .m-title h3 em{ margin:16px 12px 0 0; background-position:-52px -141px;}
.m-azbb .m-title h3 em{ margin:16px 12px 0 0; background-position:-50px -141px;}
.m-pg .m-title h3 em{ margin:16px 12px 0 0; background:url(../images/remen.png);}
.m-apple .m-title h3 em{ margin:16px 12px 0 0; background-position:-140px -141px;}
.m-gx2 .m-title h3 em{ width:31px; margin:16px 12px 0 0; background-position:-187px -141px;}


.g-photo .m-banner-tu { height:216px; overflow:hidden;}
.g-photo .m-banner-tu li.active { display: block; position: relative; width: 320px; height: 216px;}
.g-photo .m-banner-tu li { display: none; position: relative;}
.g-photo .m-banner-tu li img{ width: 350px; height: 216px;}
.g-photo .m-banner-stu{ height:59px; background-color:#000;}
.g-photo .m-banner-stu li { float: left; width: 75px; height: 56px; padding: 7px 0 0 4px;}
.g-photo .m-banner-stu li.active{ background:url(../images/banner_hover.png) no-repeat 1px -1px;}
.g-photo .m-banner-stu li img{ width: 72px; height: 44px;}
element.style {
}
.g-photo .m-banner-tu li span { display: block; position: absolute; bottom: 0; left: 0; width: 754px; height: 34px; line-height: 34px; background: url(../images/tm_bg.png) repeat 0 0; font-size: 16px; font-weight: bold; color: #fff; text-indent: 1em;}

#pcgame .m-box-left2{ height:279px; overflow:hidden;}

.m-gx .f-tblist { background:none;}
.m-gx .f-tblist li { height: 26px; line-height: 26px; padding: 0 2px 0 0; margin-bottom:6px; background: url(../images/dian.gif) no-repeat 0 13px; overflow: hidden;}
.m-gx .f-tblist li.active{ height:126px;}
.m-gx .f-tblist li a{ font-size:14px;}
.m-gx .f-tblist li.active a{ display: block; height: 30px; font-size:16px; overflow:hidden;}
.m-gx .f-tblist li .showbox{ width:446px; height:92px; background: #fafafa;}
.m-gx .f-tblist li .showbox img{ display:block; float:left; width:65px; height:65px; margin:16px 9px 0 14px;}
.m-gx .f-tblist li .showbox .fl{ padding:12px 0 0; font-size:12px; color:#999999;}
.m-gx .f-tblist li .showbox .fl span{ float:none; padding-right:10px; padding-left:0; color:#999999;}
.m-gx .f-tblist li .showbox .js{ padding:0 17px 0 0; line-height:18px;}


.f-recom img{ width:400px; height:213px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;	-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);}
.f-recom img:hover{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;	transform:scale(1.1); -webkit-transform:scale(1.1);	-moz-transform:scale(1.1); -o-transform:scale(1.1);}

.gun{ animation: loading 1s; -webkit-animation: loading 1s;}
.m-addsun  span { margin-right: 10px; color: #999 }
@keyframes loading
{
    from { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
    to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}
 
@-webkit-keyframes loading
{
   from { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
   to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}	


.g-project-cont{ width:1200px; height:auto; display:block; overflow:hidden; position:relative; zoom:1; margin:15px auto 0;}
.m-show-box{width:100%;margin:auto; background:#fff; display:block; overflow:hidden; position:relative; zoom:1}
.g-project-cont .m-show-window{  height:160px; margin:auto; background:#fff; display:block; overflow:hidden; position:relative; zoom:1;padding: 3px 10px;}
.g-project-cont .m-show-window ul{ width:1000px; height:178px; display:block; overflow:hidden; position:absolute; left:10px; top:0;}
.g-project-cont .m-show-window ul li{ width:278px; height:155px; float:left; margin:0 0 0 22px; display:inline;}
.g-project-cont .m-show-window ul li:first-child{
    margin: 0;
}
.g-project-cont .m-show-window ul li a{ width:100%; height:155px; display:block; overflow:hidden; position:relative; zoom:1}
.g-project-cont .m-show-window ul li a img{ width:100%; height:155px; display:block; overflow:hidden}
.g-project-cont .m-show-window ul li a em{ width:100%; height:155px; background:rgba(0,0,0,.5); display:block; overflow:hidden; position:absolute; left:0; top:109px; z-index:10;}
.g-project-cont .m-show-window ul li a em .u-project-name{ width:100%; height:46px; line-height:46px; font-size:17px; font-weight:bold; color:#fff; text-align:center; display:block; overflow:hidden;}
.g-project-cont .m-show-window ul li a em span{ width:230px; height:auto; max-height:92px; padding:5px 10px 0; display:block; overflow:hidden;}
.g-project-cont .m-show-window ul li a em span p{ width:100%; height:auto; line-height:22px; font-size:14px; font-weight:normal; color:#fff; display:block; overflow:hidden}
.g-project-cont .m-show-window ul li a em span img{ display:none}
.g-project-cont .m-show-window ul li a:hover em{ top:0;}

.g-project-cont dl{ width:40px; height:90px; display:block; overflow:hidden; position:absolute; left:0; top:45px; z-index:10; cursor:pointer}
.g-project-cont dl dt{ width:0px; border-left:10px solid transparent; border-right:0px; border-bottom:10px solid #656161; display:block; overflow:hidden}
.g-project-cont dl dd{ width:40px; height:80px; background:#a2a2a2; display:block; overflow:hidden; margin:0;}
.g-project-cont dl dd i{ width:22px; height:22px; border-top:3px solid #fff; border-right:3px solid #fff; display:block; overflow:hidden; transform:rotate(-135deg); margin:29px 0 0 14px;}
.g-project-cont .u-right-btn{ left:inherit; right:0; top:45px; z-index:10}
.g-project-cont .u-right-btn dt{ border-left:0px; border-right:10px solid transparent; border-bottom:10px solid #656161; margin:0 0 0 29px;}
.g-project-cont .u-right-btn dd i{ transform:rotate(45deg); margin-left:3px;}


.g-top-scroll{ width:1170px; height:auto; display:block; overflow:hidden; position:relative; zoom:1; margin:12px auto 0;}
.g-top-scroll .m-show-box{width:1170px; height:133px; margin:0; background:#fff; display:block; overflow:hidden; position:relative; zoom:1}
.g-top-scroll .m-show-window{ width:1120px; height:133px; margin:auto; display:block; overflow:hidden; position:relative; zoom:1}
.g-top-scroll .m-show-window ul{ width:1000px; height:112px; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.g-top-scroll .m-show-window ul li{ width:100px; height:auto; float:left; margin:23px 10px 0 28px; display:inline;}
.g-top-scroll .m-show-window ul li a{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1}
.g-top-scroll .m-show-window ul li a img{ width:100%; height:62px; display:block; overflow:hidden}
.g-top-scroll .m-show-window ul li a strong{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#333; text-align:center; margin:10px 0 0; display:block; overflow:hidden}
.g-top-scroll .m-show-window ul li a:hover strong{ color:#45af42}

.g-top-scroll dl{ width:25px; height:40px; display:block; overflow:hidden; position:absolute; left:0; top:45px; z-index:10; cursor:pointer}
.g-top-scroll dl dt{ display:none}
.g-top-scroll dl dd{ width:25px; height:40px; background:#d9d9d9; border-radius:4px;; display:block; overflow:hidden; margin:0;}
.g-top-scroll dl dd i{ width:14px; height:14px; border-top:2px solid #fff; border-right:2px solid #fff; display:block; overflow:hidden; transform:rotate(-135deg); margin:14px 0 0 8px;}
.g-top-scroll .u-right-btn{ left:inherit; right:0; top:45px; z-index:10}
.g-top-scroll .u-right-btn dt{ border-left:0px; border-right:10px solid transparent; border-bottom:10px solid #656161; margin:0 0 0 29px;}
.g-top-scroll .u-right-btn dd i{ transform:rotate(45deg); margin-left:3px;}

.m-tj .m-tjbox{ background:none;}
.m-tj .m-tjbox li{ float:left; width:106px; margin:0 0 14px;}
.m-tj .m-tjbox li img{ display:block; width:60px; height:60px; margin:0 auto 6px;}
.m-tj .m-tjbox li p{ width:100%;}
.m-tj .m-tjbox li p strong{ display:block; height: 20px; font-size:14px; font-weight:normal; text-align:center; overflow: hidden;}
.m-tj .m-tjbox li p span{ display:none; float:none; height:18px;}

.color-green{
    color:#45af42;
}
.tab_item{
    display: none;
}




.mask {
  position       : fixed;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
  background     : rgba(0, 0, 0, .5) url('../images/index_page.png') no-repeat center center;
  z-index        : 11111;
  background-size: 900px 350px;
  display        : none;
  justify-content: center;
  align-items    : center;
}

.mask .close {
  color        : #fff;
  display      : inline-block;
  font-size    : 20px;
  line-height  : 25px;
  width        : 28px;
  height       : 28px;
  text-align   : center;
  border-radius: 50%;
  border       : 1px solid #fff;
  margin-top   : 487px;
  position     : relative;
  cursor       : pointer;
}

.mask .close::before {
  content   : '';
  position  : absolute;
  display   : inline-block;
  width     : 1px;
  height    : 54px;
  top       : -54px;
  left      : 13px;
  background: #fff;
}