@charset "utf-8";
.btest{float:left;*display:inline;background:#83bb40}
.banner{*zoom:1}
.banner:after,.banner:before{content:"";display:table}
.banner:after{clear:both}
.banner img{margin:0 auto;max-width:100%;width:auto;height:auto;display:block}
.g-second{width:100%;background:#fff}
.g-second .g-main{max-width:1200px;margin:0 auto;margin-top:2.6%;*zoom:1}
.g-second .g-main:after,.g-second .g-main:before{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:100%;font-size:23px;font-weight:400;line-height:23px;color:#494444}
.g-second .g-main .g-sidebar .line{width:100%;border-top:2px solid #83bb40;margin-top:20px;margin-bottom:10px}
.g-second .g-main .g-sidebar .g-nav .list{width:98%;margin-left:2%}
.g-second .g-main .g-sidebar .g-nav .list .title{font-size:20px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(../hl_left.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;display:block}
.g-second .g-main .g-sidebar .g-nav .list .titletwo{line-height:20px;background-position:left 17px}
.g-second .g-main .g-sidebar .g-nav .list .active{background:url(../hl_down.png) no-repeat left 20px}
.g-second .g-main .g-sidebar .g-nav .list ul li{padding-left:26px;margin-top:13px;display:none}
.g-second .g-main .g-sidebar .g-nav .list ul li a{background:url(../hl_sleft.png) no-repeat left center;padding-left:16px;font-size:14px;line-height:16px;color:#999}
.g-second .g-main .g-sidebar .g-nav .list ul li a:hover{color:#000}
.g-second .g-main .g-sidebar .hot{width:100%;padding-top:60px;line-height:20px;font-size:14px;color:#666}
.g-second .g-main .g-sidebar .hot .hot-list li{font-size:20px;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;*display:inline}
.g-second .g-main .g-container h1{font-size:25px;font-weight:400;line-height:25px;color:#494444;table-layout:fixed;overflow:hidden}
.g-second .g-main .g-container .proIntro{font-size:14px;line-height:22px;color:#454545}
.g-second .g-main .g-container .line{border-top:2px solid #fbfaf8;margin-top:18px}
.g-second .g-main .g-container .pro-list .p-odd{width:95.56%;margin-left:4.4%;background:#fbfaf7;height:275px;position:relative;z-index:1;margin-top:50px}
.g-second .g-main .g-container .pro-list .p-odd .img-url{width:40.25%;height:275px;display:block;position:absolute;top:-20px;left:-40px}
.g-second .g-main .g-container .pro-list .p-odd .img-url img{max-width:100%;max-height:275px;width:auto;height:auto}
.g-second .g-main .g-container .pro-list .p-odd .info{width:59.9%;position:absolute;left:39.09%;top:30px;table-layout:fixed;overflow:hidden}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:24px;font-weight:400;line-height:25px;color:#494444}
.g-second .g-main .g-container .pro-list .p-odd .info p{width:90%;font-size:13px;line-height:20px;margin-top:8px;color:#000}
.g-second .g-main .g-container .pro-list .p-odd .info h3{width:90%;font-size:18px;line-height:20px;margin-top:8px;color:#000;word-break:break-word}
.g-second .g-main .g-container .pro-list .p-odd .info .more{width:30.5%;height:40px;font-size:18px;line-height:40px;text-align:center;display:block;color:#fff;margin-top:5.7%;margin-left:65.04%}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv{background-color:#83bb40;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv:before{background-color:#676568;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv:hover{color:#fff;text-decoration:underline}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv:focus{color:#fff}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv:active{color:#fff}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.g-second .g-main .g-container .pro-list .p-odd .info .mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.g-second .g-main .g-container .pro-list .p-even{width:95.56%;margin-left:0}
.g-second .g-main .g-container .pro-list .p-even .img-url{left:64.38%}
.g-second .g-main .g-container .pro-list .p-even .info{left:4.6%}
.g-second .g-main .g-container .pro-list .p-even .info .more{margin-left:0}
.g-second .g-main .g-container .g-page{width:100%;margin:30px 0}
.g-second .g-main .g-container .g-page .pages{width:43.23%;margin:0 auto;*zoom:1}
.g-second .g-main .g-container .g-page .pages:after,.g-second .g-main .g-container .g-page .pages:before{content:"";display:table}
.g-second .g-main .g-container .g-page .pages:after{clear:both}
.g-second .g-main .g-container .g-page .pages span{width:10.25%;*display:inline;margin-right:3.9%;font-size:14px;line-height:32px}
.g-second .g-main .g-container .g-page .pages a{width:10.25%;*display:inline;margin-right:3.9%;color:#333;font-size:14px;line-height:32px;text-align:center}
.g-second .g-main .g-container .g-page .pages .ctxt{color:#fff;background:#83bb40;text-align:center;font-size:14px;line-height:32px;padding:5px 10px}
@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:15px}
.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}
.g-second .g-main .g-container .pro-list .p-odd{height:260px}
.g-second .g-main .g-container .pro-list .p-odd .info{top:20px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:28px;line-height:28px}
.g-second .g-main .g-container .pro-list .p-odd .info p{font-size:12px}
}
@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}
.g-second .g-main .g-container .pro-list .p-odd{height:260px}
.g-second .g-main .g-container .pro-list .p-odd .info{top:30px}
.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 .g-page .pagelist{width:62.23%}
}
@media screen and (max-width:840px){
.g-second .g-main .g-container .pro-list .p-odd{height:228px}
.g-second .g-main .g-container .pro-list .p-odd .info{top:11px}
.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 p{font-size:12px;line-height:17px;margin-top:4px}
.g-second .g-main .g-container .g-page .pagelist{width:62.23%}
}
@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 .r-text{margin-top:10px}
.g-second .g-main .g-container .r-text img{max-width:16px;max-height:16px;top:2px}
.g-second .g-main .g-container .r-text span{font-size:14px;line-height:20px}
.g-second .g-main .g-container .pro-list .p-odd{height:208px}
.g-second .g-main .g-container .pro-list .p-odd .info{left:38.09%}
.g-second .g-main .g-container .pro-list .p-odd .info .more{font-size:14px;line-height:30px;height:30px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:22px}
.g-second .g-main .g-container .pro-list .p-odd .img-url{top:-14px;left:-32px}
.g-second .g-main .g-container .pro-list .p-even .info{left:0}
.g-second .g-main .g-container .pro-list .p-even .img-url{left:62.3%}
.g-second .g-main .g-container .g-page .pagelist{width:85.23%}
}
@media screen and (max-width:480px){
.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 .r-text{margin-top:10px}
.g-second .g-main .g-container .r-text img{max-width:16px;max-height:16px;top:2px}
.g-second .g-main .g-container .r-text span{font-size:14px;line-height:20px}
.g-second .g-main .g-container .pro-list .p-odd{width:100%;height:150px;z-index:1;margin:50px auto 0;*zoom:1}
.g-second .g-main .g-container .pro-list .p-odd:after,.g-second .g-main .g-container .pro-list .p-odd:before{content:"";display:table}
.g-second .g-main .g-container .pro-list .p-odd:after{clear:both}
.g-second .g-main .g-container .pro-list .p-odd .img-url{left:-3%}
.g-second .g-main .g-container .pro-list .p-odd .info{left:42%}
.g-second .g-main .g-container .pro-list .p-odd .info .more{font-size:12px;line-height:30px;height:30px;margin-left:0;margin-top:8px;z-index:9}
.g-second .g-main .g-container .pro-list .p-odd .info p{height:34px;overflow:hidden}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:18px}
.g-second .g-main .g-container .pro-list .p-even .info{left:4%}
.g-second .g-main .g-container .pro-list .p-even .img-url{right:-4%;left:inherit}
.g-second .g-main .g-container .g-page .pagelist{width:85.23%}
}
.g-second .g-main .g-container .ninelist1{width:100%;*zoom:1}
.g-second .g-main .g-container .ninelist1:after,.g-second .g-main .g-container .ninelist1:before{content:"";display:table}
.g-second .g-main .g-container .ninelist1:after{clear:both}
.g-second .g-main .g-container .ninelist1 li{width:31.05%;display:inline-block;margin-left:1%;margin-top:2.2%;margin-right:1%}
.g-second .g-main .g-container .ninelist1 li a{position:relative;display:block;text-align:center}
.g-second .g-main .g-container .ninelist1 li a img{max-width:100%;max-height:100%;width:auto!important}
.g-second .g-main .g-container .ninelist1 li a .mark{width:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:absolute;bottom:0;left:0;padding:5% 0;table-layout:fixed;overflow:hidden}
.g-second .g-main .g-container .ninelist1 li a .mark span{font-size:14px;line-height:18px;color:#fff;margin-left:9.9%;display:block}
.g-second .g-main .g-container .ninelist1 li a .mark h3{font-size:14px;line-height:18px;color:#fff;margin-left:9.9%;display:block;font-weight:400}
@media screen and (max-width:440px){
.g-second .g-main .g-container .ninelist1 li a .mark{height:30px}
}
.proCateTags{clear:both;padding:0;margin:0;position:relative}
.proCateTags h3{border-bottom:2px solid #83bb40;font-size:14px;line-height:32px;margin-top:-28px;padding:0 0 15px 0;position:relative;width:100%!important}
.keywords{margin:80px auto}
.keywords a{margin-right:0;color:#333;font-size:16px;line-height:20px;display:block;border-bottom:1px solid #eee;padding:10px 0 10px 0;text-transform:capitalize}
.keywords a:hover{text-decoration:underline}
.con-us{margin-left:0}
.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}
.pro-body{clear:both;margin:0 auto;padding:10px 0;font-size:14px;line-height:20px}