@charset "utf-8";
.g-second {margin-top:40px}
.g-main {*zoom:1;max-width:1200px;margin:20px auto}
.g-main:before, .g-main:after {content:"";display:table}
.g-main:after {clear:both}
.g-sidebar {width:22%;float:left;*display:inline;margin-left:2%}
.g-sidebar h3 {width:98%;margin-left:2%;font-size:23px;font-weight:bold;line-height:23px;color:#032b36}
.g-sidebar .line {width:98%;margin-left:2%;border-top:2px solid #01c5fd;margin-top:20px}
.g-sidebar .hot {width:100%;padding-top:80px}
.g-sidebar .hot .hot-list li {font-size:20px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(../images/fire.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;margin-left:2%}
.g-container {margin-left:21px;width:70%;background:#f8fafb;float:left;*display:inline;padding:15px 15px 0px;margin-bottom:8%}
.g-container h3 {font-size:28px;color:#0a303a}
.list-item {height:45px;line-height:45px;border-bottom:1px dashed #e7e8e9}
.list-item a {font-size:16px}
.list-item a:hover {color:#3cccfd;font-weight:bold}
.list-item .item-title {float:left;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list-item .item-time {float:right;font-size:12px}
.g-page {width:100%;margin:30px 0px}
.g-page .pagelist {width:43.23%;margin:0px auto;*zoom:1}
.g-page .pagelist:before, .g-page .pagelist:after {content:"";display:table}
.g-page .pagelist:after {clear:both}
.g-page .pagelist li {width:10.25%;float:left;*display:inline;margin-left:3.9%}
.g-page .pagelist li a {color:#ababab;font-size:14px;line-height:32px;text-align:center;display:block}
.g-page .pagelist li .a-color {color:#000}
.g-page .pagelist .page-li:hover {background:#01c5fd;color:#FFF}
.g-page .pagelist .pageactive {background:#01c5fd;color:#FFF}
@media screen and (max-width:960px) {.g-second .g-main .g-sidebar {float:none;width:95%}
.g-second .g-main .g-sidebar .hot {padding-top:30px}
.g-second .g-main .g-container {float:none;width:85%;margin:4% auto 8%}
.g-second .g-main .g-container h3 {text-align:center}
.g-second .g-main .g-container .pro-list .p-odd {height:260px}
.g-second .g-main .g-container .pro-list .p-odd .bg-icon {left:-3px;top:-3px;width:50px;height:50px}
.g-second .g-main .g-container .pro-list .p-odd .info {top:0px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url {font-size:26px;line-height:26px}
.g-second .g-main .g-container .pro-list .p-odd .info .pro-title {font-size:20px;color:#032b36;line-height:30px}
.g-second .g-main .g-container .pro-list .p-odd .info .pro-subtitle {margin-bottom:20px;font-size:20px;color:#000;text-transform:capitalize}
.g-second .g-main .g-container .pro-list .p-odd .info .more {margin-top:2.7%;width:32.5%}
.g-second .g-main .g-container .g-page .pagelist {width:62.23%}}
@media screen and (max-width:900px) {.g-container {width:66%}}
@media screen and (max-width:700px) {.g-container {width:66%}
.list-item .item-title{max-width:50%}}
@media screen and (max-width:550px) {.g-container h3 {font-size:20px}
.item-title, .item-time {font-size:14px}
.item-title {max-width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.item-time {max-width:35%}
.g-second .g-main .g-container .g-page .pagelist {width:100%}}