@charset "utf-8";
.sub-section .main .g-container {width:100%;float:left;*display:inline;overflow:hidden;}
.sub-section .main .g-container .proIntro {font-size:14px;line-height:20px;color:#666;}
.sub-section .main .g-container .pro-list {padding-bottom:50px;}
.sub-section .main .g-container .pro-list .p-odd {width:100%;height:266px;margin-left:4.4%;background:#fbfaf7;position:relative;z-index:1;margin-top:50px;*zoom:1;}
.sub-section .main .g-container .pro-list .p-odd:before, .sub-section .main .g-container .pro-list .p-odd:after {content:"";display:table;}
.sub-section .main .g-container .pro-list .p-odd:after {clear:both;}
.sub-section .main .g-container .pro-list .p-odd .img-url {width:346px;display:block;float:left;*display:inline;margin-top:20px;margin-left:-40px;}
.sub-section .main .g-container .pro-list .p-odd .img-url img {max-width:100%;max-height:266px;}
.sub-section .main .g-container .pro-list .p-odd .info {width:58.9%;float:left;*display:inline;margin-top:40px;padding-left:20px;table-layout:fixed;overflow:hidden;}
.sub-section .main .g-container .pro-list .p-odd .info .tit-url {font-size:18px;font-weight:normal;line-height:24px;color:#494444;}
.sub-section .main .g-container .pro-list .p-odd .info p {width:90%;font-size:13px;line-height:17px;margin-top:8px;color:#666;}
.sub-section .main .g-container .pro-list .p-odd .info .more {width:32.5%;height:30px;font-size:18px;line-height:30px;text-align:center;display:block;color:#FFF;margin-top:5.7%;background:#ea5506;}
.sub-section .main .g-container .pro-list .p-odd:nth-child(2n) {width:100%;margin-left:0px;*zoom:1;}
.sub-section .main .g-container .pro-list .p-odd:nth-child(2n):before, .sub-section .main .g-container .pro-list .p-odd:nth-child(2n):after {content:"";display:table;}
.sub-section .main .g-container .pro-list .p-odd:nth-child(2n):after {clear:both;}
.sub-section .main .g-container .pro-list .p-odd:nth-child(2n) .img-url {float:right;*display:inline;margin-right:-40px;}
.sub-section .main .g-container .g-page {width:100%;margin:30px 0;}
.sub-section .main .g-container .g-page .pagelist {width:43.23%;margin:0 auto;*zoom:1;}
.sub-section .main .g-container .g-page .pagelist:before, .sub-section .main .g-container .g-page .pagelist:after {content:"";display:table;}
.sub-section .main .g-container .g-page .pagelist:after {clear:both;}
.sub-section .main .g-container .g-page .pagelist li {width:10.25%;float:left;*display:inline;margin-left:3.9%;}
.sub-section .main .g-container .g-page .pagelist li a {color:#ababab;font-size:14px;line-height:32px;text-align:center;display:block;}
.sub-section .main .g-container .g-page .pagelist li .a-color {color:#000;}
.sub-section .main .g-container .g-page .pagelist .pageOne {background:#ea5506;color:#FFF;}
.sub-section .main .g-container .g-page .pagelist .page-li:hover {background:#ea5506;color:#FFF;}
.sub-section .main .g-container .g-page .pagelist .pageactive {background:#ea5506;color:#FFF;}
.sub-section .main .g-container .ninelist {width:100%;*zoom:1;}
.sub-section .main .g-container .ninelist:before, .sub-section .main .g-container .ninelist:after {content:"";display:table;}
.sub-section .main .g-container .ninelist:after {clear:both;}
.sub-section .main .g-container .ninelist li {width:31.05%;height:250px;float:left;*display:inline;margin-left:1.5%;margin-top:2.2%;position:relative;}
.sub-section .main .g-container .ninelist li a {position:relative;display:block;}
.sub-section .main .g-container .ninelist li a img {max-width:100%;max-height:250px;}
.sub-section .main .g-container .ninelist li .mark {width:100%;height:250px;background:#000;background:rgba(0, 0, 0, 0.7);position:absolute;top:0;left:0;display:none;}
.sub-section .main .g-container .ninelist li .mark .z-ct {margin-top:10%;}
.sub-section .main .g-container .ninelist li .mark .z-ct span {font-size:16px;line-height:20px;color:#FFF;display:block;text-align:center;}
.sub-section .main .g-container .ninelist li .mark .z-ct a {width:145px;margin:0 auto;display:block;height:30px;font-size:18px;line-height:30px;text-align:center;background:#5180f7;color:#FFF;margin-top:10px;}
.sub-section .main .g-container .ninelist li:hover .mark {display:block;}
.proCateTags{clear:both;padding:0px;margin:0px;position:relative;}
.proCateTags h3{border-bottom:2px solid #face13;font-size:21px;line-height:32px;margin-top:-55px;padding:0 0 15px 0px;position:absolute;width:100%!important;}
.keywords{margin:80px auto 20px;}
.keywords a {margin-right:0px;color:#333;font-size:16px;line-height:20px;display:block;border-bottom:1px solid #EEE;padding:10px 0px 10px 0px;text-transform:capitalize;}
.keywords a:hover{text-decoration:underline;}
@media screen and (max-width:520px) {.sub-section .main .g-container .g-page .pagelist {width:85.23%;}}
@media screen and (max-width:1200px) {.sub-section .main .g-container .pro-list .p-odd .info {width:49.9%;}
.sub-section .main .g-container .pro-list .p-odd .info .tit-url {font-size:16px;line-height:20px;}
.sub-section .main .g-container .pro-list .p-odd .info p {font-size:12px;margin-top:4px;}
.sub-section .main .g-container .pro-list .p-odd .info .more {font-size:14px;margin-top:2.7%;}}
@media screen and (max-width:990px) and (min-width:768px) {.sub-section .main .g-container .pro-list .p-odd {margin-left:0;padding-bottom:20px;height:506px;}
.sub-section .main .g-container .pro-list .p-odd .img-url,.sub-section .main .g-container .pro-list .p-odd:nth-child(2n) .img-url {width:346px;float:none;margin-left:0;margin:0 auto;}
.sub-section .main .g-container .pro-list .p-odd .info {width:346px;float:none;margin:0 auto;margin-top:40px;}}
@media screen and (max-width:710px) {.sub-section .main .g-container .r-text {width:90%;margin:0 auto;margin-top:20px;}
.sub-section .main .g-container .pro-list .p-odd {margin-left:0;padding-bottom:20px;height:506px;}
.sub-section .main .g-container .pro-list .p-odd .img-url,.sub-section .main .g-container .pro-list .p-odd:nth-child(2n) .img-url {width:346px;float:none;margin-left:0;margin:0 auto;}
.sub-section .main .g-container .pro-list .p-odd .info {width:346px;float:none;margin:0 auto;}
.sub-section .main .g-container .pro-list .p-odd .info h3 {width:90%;font-size:18px;line-height:20px;margin-top:8px;color:#666;font-weight:normal;}
.sub-section .main .g-container .ninelist li .mark .z-ct h3 {font-size:16px;line-height:20px;color:#FFF;display:block;text-align:center;}}
.rollPro1 {width:100%;margin:10px auto;overflow:hidden;}
.rollPro1 h2{padding-bottom:10px;}
.rollPro1 li {width:30%;float:left;margin-right:5%;text-align:center;}
.rollPro1 li:nth-of-type(3) {margin-right:0%;}  
.rollPro1 li:nth-of-type(6) {margin-right:0%;}  
.rollPro1 li:nth-of-type(9) {margin-right:0%;} 
.rollPro1 li:nth-of-type(12) {margin-right:0%;} 
.rollPro1 li .pbox {border:1px solid #EEE;padding:4px;height:150px;}
.rollPro1 li .pbox img {max-width:100%;max-height:150px;}
.rollPro1 li p {height:40px;line-height:20px;overflow:hidden;margin:10px auto;}