@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(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 0;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 0;}
.g-page .pagelist {width:43.23%;margin:0 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:0;}
.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%;}}