@charset "utf-8";
.g-second {width:100%;background:#FFF;padding-bottom:40px}
.g-second .g-main {max-width:1200px;margin:0px 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(../images/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 {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:0px 5px;display:block}
.ninelist1 li .mask-introduce .mask-icon {width:15%;height:100%;position:absolute;bottom:0px;right:0px;transform:translateX(50%) translateY(50%);-webkit-transform:translateX(50%) translateY(50%);background:url(../images/product-icon.png) #01c5fd no-repeat center center}
.g-second .g-main .g-container .g-page {width:100%;margin:30px 0 100px 0px}
.g-second .g-main .g-container .g-page .pagelist {width:43.23%;margin:0px 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}