.g-nav{ margin-bottom: 10px; }
.mbx{ height: 40px; }
.m-center{ overflow: hidden; }
.m-center-l{ float: left; width: 600px; height: 301px; margin-bottom: 20px;}
.m-center-l img{ display: block; width: 600px; height: 301px;}
.m-center-r{ float: right; width: 540px; }
.m-center-r h1{ height: 51px; padding: 0; margin: 0; font-size: 28px; }
.m-center-r .info{ line-height: 28px; margin-bottom: 12px; font-size: 14px; color: #666666; word-wrap: break-word; text-align: justify; }
.m-center-r .infos p{ float: left; line-height: 20px; margin-right: 37px; font-size: 16px; }
.m-center-r .infos .num{ color: #ff5555; }
.m-center-r .infos .num i { display: inline-block; width:20px; height:20px; margin-right: 6px; background: url("../images/topic_06.png") no-repeat center; white-space:nowrap; letter-spacing: -1em; text-indent: -99em; color: transparent; *text-indent: 0; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.m-center-r .infos .num i:before { content: '\3000';}
.m-center-r .infos .time{ color: #a0a0a0; }
.m-center-r .infos .time i { display: inline-block; width:22px; height:22px; margin-right: 6px; background: url("../images/topic_03.png") no-repeat center; white-space:nowrap; letter-spacing: -1em; text-indent: -99em; color: transparent; *text-indent: 0; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.m-center-r .infos .time i:before { content: '\3000';}
.m-center-c{ clear: both; }
.m-recommend{ width: 1200px;}
.m-recommend li{ float: left; width: 376px; height: 199px; margin-right: 15px; margin-bottom: 20px;}
.m-recommend li a{ position: relative; display:block; width: 376px; height: 199px; margin-top: 3px; margin-left: 2px; margin-right: 15px; margin-bottom: 20px; border: 1px solid #ededed; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.m-recommend li:hover a{ margin-top:-10px;}
.m-recommend li a,.m-recommend li a:hover{ text-decoration:none;}
.m-recommend li .sub{ position: absolute; left: -3px; top: -5px; z-index: 2; width: 86px; height: 88px; }
.m-recommend li .info{ padding-left: 83px; overflow: hidden;}
.m-recommend li .info .infoleft{ float: left; width: 150px; }
.m-recommend li .info .infoleft .title{ height: 20px; line-height: 20px; margin: 19px 0; font-size: 16px; color: #333333; overflow: hidden;}
.m-recommend li:hover .info .infoleft .title{ color:#ff5555;}
.m-recommend li .info .infoleft .list{ width: 300px; overflow: hidden;}
.m-recommend li .info .infoleft .list span{ display: block; float: left; width: 88px; font-size: 12px; color: #666666;}
.m-recommend li .info .infoleft .list .one{ padding: 0 0 0 18px; background: url("../images/topic_22.png") no-repeat 0 9px; }
.m-recommend li .info .infoleft .list .two{ padding: 0 0 0 18px; background: url("../images/topic_24.png") no-repeat 0 9px; }
.m-recommend li .info .infoleft .list .three{ padding: 0 0 0 18px; background: url("../images/topic_28.png") no-repeat 0 9px; }
.m-recommend li .info .infoleft .list .four{ padding: 0 0 0 18px; background: url("../images/topic_29.png") no-repeat 0 9px; }
.m-recommend li .info .inforight{ float: right; width: 84px; margin-right: 17px; }
.m-recommend li .info .inforight .icon{ margin-top: 19px; }
.m-recommend li .info .inforight .icon img{ display: block; width: 80px; height: 80px; border-radius: 10px;}
.m-recommend li .info .inforight .ewm{ display: none; }
.m-recommend li .info .inforight .ewm img{ display: block; width: 80px; height: 80px; border: 1px solid #ededed; border-radius: 10px;}
.m-recommend li .info .inforight .btn{ display: block; width: 57px; height: 24px; line-height: 24px; margin: 10px auto 0; border: 1px solid #e8e8e8; text-align: center; font-size: 12px; }
.m-recommend li:hover .info .inforight .btn{ background-color:#ff5555; color:#fff;}
.m-recommend li .tips{ line-height: 23px; padding: 0 16px; font-size: 12px; color: #999999; }
.m-recommend li .tips span{ color: #ff5555; }

.m-lists{ width: 1200px;}
.m-lists li{ position: relative; float: left; width: 376px; height: 199px; margin-right: 15px; margin-bottom: 20px;}
.m-lists li a{ display:block; width: 376px; height: 199px; margin-top: 3px; margin-left: 2px; margin-right: 15px; margin-bottom: 20px; border: 1px solid #ededed;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.m-lists li:hover a{ margin-top: -10px;}
.m-lists li a,.m-lists li a:hover{ text-decoration:none;}
.m-lists li .sub{ position: absolute; left: -3px; top: -5px; z-index: 2; width: 86px; height: 88px; }
.m-lists li .info{ padding-left: 16px; overflow: hidden;}
.m-lists li .info .infoleft{ float: left; width: 150px; }
.m-lists li .info .infoleft .title{ height: 20px; line-height: 20px; margin: 19px 0; font-size: 16px; color: #333333; overflow: hidden;}
.m-lists li:hover .info .infoleft .title{ color:#ff5555;}
.m-lists li .info .infoleft .list{ width: 300px; overflow: hidden;}
.m-lists li .info .infoleft .list span{ display: block; float: left; width: 88px; font-size: 12px; color: #666666;}
.m-lists li .info .infoleft .list .one{ padding: 0 0 0 18px; background: url("../images/topic_22.png") no-repeat 0 9px; }
.m-lists li .info .infoleft .list .two{ padding: 0 0 0 18px; background: url("../images/topic_24.png") no-repeat 0 9px; }
.m-lists li .info .infoleft .list .three{ padding: 0 0 0 18px; background: url("../images/topic_28.png") no-repeat 0 9px; }
.m-lists li .info .infoleft .list .four{ padding: 0 0 0 18px; background: url("../images/topic_29.png") no-repeat 0 9px; }
.m-lists li .info .inforight{ float: right; width: 84px; margin-right: 17px; }
.m-lists li .info .inforight .icon{ margin-top: 19px; }
.m-lists li .info .inforight .icon img{ display: block; width: 80px; height: 80px; border-radius: 10px;}
.m-lists li .info .inforight .ewm{ display: none; }
.m-lists li .info .inforight .ewm img{ display: block; width: 80px; height: 80px; border: 1px solid #ededed; border-radius: 10px;}
.m-lists li .info .inforight .btn{ display: block; width: 57px; height: 24px; line-height: 24px; margin: 10px auto 0; border: 1px solid #e8e8e8; text-align: center; font-size: 12px; }
.m-lists li:hover .info .inforight .btn{ background-color:#ff5555; color:#fff;}
.m-lists li .tips{ line-height: 23px; padding: 0 16px; font-size: 12px; color: #999999; }
.m-lists li .tips span{ color: #ff5555; }

 .g-cnxh{ clear:both; width:1168px; margin:0 auto 25px; border:1px solid #d3d3d3;}
 .g-cnxh .tit{ height:49px; line-height:49px; padding:0 62px; font-size:24px;}
 .m-slider{ overflow:hidden;}
 .m-slider .m-slider-l{ display:block; float:left; width:35px; height:35px; margin:68px 12px 0 15px; background:url(../images/newlist_icon.png) no-repeat -194px -16px  #333; border-radius:30px;}
 .m-slider .m-slider-l:hover{ background:url(../images/newlist_icon.png) no-repeat -194px -16px #ff5555;}
 .m-slider ul{ float:left; width:1048px; height:217px; overflow:hidden;}
 .m-slider ul li{ position:relative; float:left; width:248px; height:200px; margin:0 19px 0 0;}
 .m-slider ul li img{ display:block; width:246px; height:172px;}
 .m-slider ul li span{ position:absolute; left:23px; bottom:5px; display:block; width:202px; height:54px; line-height:54px; text-align:center; background:url(../images/tmbg.png) repeat-x 0 0;}
 .m-slider ul li:hover span{ background:#ff5555;}
 .m-slider ul li span b{font-weight:normal; color:#fff;}
 .m-slider .m-slider-r{ display:block; float:left; width:35px; height:35px; margin:68px 12px 0 7px; background:url(../images/newlist_icon.png) no-repeat -251px -16px #333; border-radius:30px;}
 .m-slider .m-slider-r:hover{ background:url(../images/newlist_icon.png) no-repeat -251px -16px #ff5555;}