@charset "utf-8";
.g-second {width:100%;background:#FFF;padding-bottom:40px;}
.g-second .g-main {max-width:1200px;margin:0 auto;margin-top:3.6%;*zoom:1;}
.g-second .g-main:before, .g-second .g-main:after {content:"";display:table;}
.g-second .g-main:after {clear:both;}
.g-second .g-main .g-sidebar {width:22%;float:left;*display:inline;margin-left:2%;}
.g-second .g-main .g-sidebar h3 {width:98%;font-size:23px;font-weight:bold;line-height:23px;color:#032b36;}
.g-second .g-main .g-sidebar .line {width:98%;border-top:2px solid #01c5fd;margin-top:20px;}
.g-second .g-main .g-sidebar .hot {width:100%;padding-top:20px;}
.g-second .g-main .g-sidebar .hot .hot-list li {font-size:16px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(hl_fire.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;margin-left:2%;}
.g-second .g-main .g-container {width:73.16%;margin-left:21px;float:left;overflow:hidden;margin-bottom:40px;}
.g-second .g-main .g-container h3 {font-size:25px;font-weight:bold;line-height:25px;color:#032b36;table-layout:fixed;overflow:hidden;}
.g-second .g-main .g-container .proIntro {font-size:14px;line-height:22px;color:#201f1a;}
.ninelist1 {width:100%;*zoom:1;}
.ninelist1:before, .ninelist1:after {content:"";display:table;}
.ninelist1:after {clear:both;}
.ninelist1 li {background:#f6f6f6;height:250px;width:31.05%;float:left;margin-right:2.2%;margin-top:2.2%;position:relative;text-align:center;}
.ninelist1 li img {max-width:100%;max-height:250px;}
.ninelist1 li .mask-introduce {width:80%;background:rgba(0, 0, 0, 0.7);border-right:2px solid #01c5fd;position:absolute;top:60%;left:-86%;z-index:30;padding:10px 0px;display:none;}
.g-second .g-main .ninelist1 li .mask-introduce h3 {width:80%;height:auto;color:#fbfbfb;font-size:14px;line-height:1.2;padding:0 5px;display:block;}
.ninelist1 li .mask-introduce .mask-icon {width:15%;height:100%;position:absolute;bottom:0;right:0;transform:translateX(50%) translateY(50%);-webkit-transform:translateX(50%) translateY(50%);background:url(product-icon.png) #01c5fd no-repeat center center;}
.g-second .g-main .g-container .g-page {width:100%;margin:30px 0 100px 0;}
.g-second .g-main .g-container .g-page .pagelist {width:43.23%;margin:0 auto;*zoom:1;}
.g-second .g-main .g-container .g-page .pagelist:before, .g-second .g-main .g-container .g-page .pagelist:after {content:"";display:table;}
.g-second .g-main .g-container .g-page .pagelist:after {clear:both;}
.g-second .g-main .g-container .g-page .pagelist li {width:10.25%;float:left;*display:inline;margin-left:3.9%;}
.g-second .g-main .g-container .g-page .pagelist li a {color:#ababab;font-size:14px;line-height:32px;text-align:center;display:block;}
.g-second .g-main .g-container .g-page .pagelist li .a-color {color:#000;}
.g-second .g-main .g-container .g-page .pagelist .page-li:hover {background:#01c5fd;color:#FFF;}
.g-second .g-main .g-container .g-page .pagelist .pageactive {background:#01c5fd;color:#FFF;}
@media screen and (max-width:768px){.ninelist1 li {width:47.8%}}
@media screen and (max-width:1004px) and (min-width:960px) {.g-second .g-main .g-sidebar h3 {font-size:19px;line-height:19px;}
.g-second .g-main .g-sidebar .list .title {font-size:16px;line-height:16px;}
.g-second .g-main .g-sidebar .list li a {font-size:14px;}
.g-second .g-main .g-sidebar .hot .hot-list li {font-size:14px;}
.g-second .g-main .g-container h3 {font-size:19px;line-height:19px;}
.g-second .g-main .g-container .r-text {margin-top:15px;}
.g-second .g-main .g-container .r-text span {font-size:14px;line-height:22px;}
.ninelist1 li a .mask-introduce span {font-size:12px;}
.ninelist1 li a .mask-introduce .mask-icon {background-size:60%;}}
@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:95%;margin-top:4%;}
.g-second .g-main .g-container h3 {text-align:center;}
.ninelist1 li git a a .mask-introduce span {font-size:12px;}
.ninelist1 li git a a .mask-introduce git add .mask-icon {background-size:60%;}}
@media screen and (max-width:640px) and (min-width:480px) {.g-second .g-main .g-container h3 {font-size:20px;line-height:20px;}
.g-second .g-main .g-container .g-page .pagelist {width:85.23%;}}
@media screen and (max-width:480px) and (min-width:320px) {.g-second .g-main .g-sidebar {width:89%;}
.g-second .g-main .g-container {width:89%;}
.g-second .g-main .g-container h3 {font-size:19px;line-height:20px;}
.g-second .g-main .g-container .g-page .pagelist {width:85.23%;}}
.ninelist1 li a {display:table-cell;vertical-align:middle;}