@charset "utf-8";


.con_main img {max-width: 100%;}
 

.gh-page-banner {width:100%;position: relative;overflow: hidden;background: #000;}
.gh-page-banner .title {position: absolute;left:12.5%;top:52%;z-index: 3;}
.gh-page-banner .title *{color: #fff;}
.gh-page-banner .title h2{font-size: 48px;font-weight: bold;opacity: 0.3;}
.gh-page-banner .title h3{font-size: 30px;}
.gh-page-banner .title.black *{color: #000;}
.gh-page-banner .pic {}
.gh-page-banner .pic img{width: 100%; height: auto;}


.gh-page-path {width:100%;position: relative;overflow: hidden;background: #fff;padding:10px 0;}
.gh-page-path * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-page-path .left {float: left;}	
.gh-page-path .left ul.path{padding:15px 0;color: #999; }
.gh-page-path .left ul.path * {display: inline-block;vertical-align: middle;}
.gh-page-path .left ul.path span {color: #999; }
.gh-page-path .left ul.path i {font-family: "宋体";font-size: 12px;}
.gh-page-path .left ul.path a{font-size: 12px;color: #999;margin: 0 5px;}
.gh-page-path .left ul.path a:hover {color: #000;}
.gh-page-path .left ul.path a.cur {color:#1aadae;}

.gh-page-path .left ul.nav{padding:1px 0;color: #000000;}
.gh-page-path .left ul.nav a{font-size: 14px;line-height: 20px; color: #000000;padding: 10px;min-width: 80px; text-align: center; margin-right:5px;float: left;}
.gh-page-path .left ul.nav a:hover {color: #fff;background: #167c46;}
.gh-page-path .left ul.nav a.cur {color: #fff;background: #167c46;}

.gh-page-path .right {float: right;}
.gh-page-path .right ul.path{padding:13px 0;color: #999; }
.gh-page-path .right ul.path * {display: inline-block;vertical-align: middle;}
.gh-page-path .right ul.path span {color: #999; }
.gh-page-path .right ul.path i {font-family: "宋体";font-size: 12px;}
.gh-page-path .right ul.path a{font-size: 12px;color: #999;margin: 0 5px;}
.gh-page-path .right ul.path a:hover {color: #000;}
.gh-page-path .right ul.path a.cur {color:#000;}




.gh-page-main {width:100%;position: relative;overflow: hidden;background: #f7f7f7;padding:2% 0;}



/* solution */
.gh-solution {-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;}
.gh-solution * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-solution .solution {background: #fff;width:100%;margin:0 0 10px 0;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;}
.gh-solution .solution .pic{ position: relative;background: #000;}
.gh-solution .solution .pic i{width:80px;height:80px;position: absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;z-index:3;border-radius:100%;background: url("../images/ss-b.png") center no-repeat rgba(0,0,0,0.3);background-size:30%;display: none;}
.gh-solution .solution .pic img{width: 100%; height: auto;min-height:auto;max-height:none;}
.gh-solution .solution a:hover .pic  i {display: block;}
.gh-solution .solution a:hover .pic  img {opacity: 0.5;}
.gh-solution .solution .text {padding:5%;}
.gh-solution .solution .text h3{font-size: 24px;line-height: 24px;color: #000;}
.gh-solution .solution .text h4{font-size: 14px;color: #999;line-height: 24px;height: 48px;margin: 10px 0;}
.gh-solution .solution .text .more{}
.gh-solution .solution a:hover .text *{color: #fff;}
.gh-solution .solution a:hover .text .more {border: solid 1px #fff;color: #000; opacity: 1.0;}
.gh-solution .solution a:hover .text .more {background: url("../images/right2.png") 90% center no-repeat #fff;background-size:20%;}
.gh-solution .solution.yl1 a:hover {background: #1aadae;}
.gh-solution .solution.sy2 a:hover {background: #3574bb;}
.gh-solution .solution.zy3 a:hover {background: #62cf02;}
.gh-solution .solution.dz4 a:hover {background: #2134bd;}
.gh-solution .solution.dz4 {margin-right: 0;}

.gh-solutiondetail {overflow: hidden;padding-bottom: 70px;}

.solutiontop {position: relative;}
.solutiontop * {display: block;overflow: hidden;}
.solutiontop .text {width: 90%;padding:10% 5%;text-align: center;background: rgba(0,0,0,0.8);}
.solutiontop .text h2 {font-size: 30px;font-weight:bold;color: #fff;}
.solutiontop .text h3 {font-size: 20px;color: #fff;}
.solutiontop .text line {height: 1px;width:40px;background: #fff;margin:20px auto;opacity: 0.5;}
.solutiontop .text h4 {font-size: 14px;line-height: 24px; color: #ccc;margin: auto;}


.solutiondetail-top-text {overflow: hidden;position: relative;}
.solutiondetail-top-text li{ position: relative;}
.solutiondetail-top-text li * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.solutiondetail-top-text li .text {width: 100%;height:auto;padding:5% 0 3% 0;z-index: 1;text-align: center;}
.solutiondetail-top-text li .text h2 {font-size: 40px;font-weight:bold;color: #000;}
.solutiondetail-top-text li .text h3 {font-size: 30px;color: #000;}
.solutiondetail-top-text li .text line {height: 1px;width:40px;background: #999;margin:20px auto;opacity: 0.5;}
.solutiondetail-top-text li .text h4 {font-size: 14px;line-height: 24px; color: #666;width:80%;margin: auto;}
.solutiondetail-top-text li .text h4 * {display: inline-block;overflow: visible;}
/* .solutiondetail-top-text li .text h4 ul ,.solutiondetail-top-text li .text h4 ul li{text-align: left;display: list-item;text-align: -webkit-match-parent;list-style-type: disc;} */
.solutiondetail-top-text li .text h4 p { display:block;margin: 0}



.solutiondetail-top {overflow: hidden;position: relative;}
.solutiondetail-top li{ position: relative;}
.solutiondetail-top li * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.solutiondetail-top li .text {position: absolute;width: 100%;height:80%;padding:10% 0;left: 0;top: 0;z-index: 1;text-align: center;background: rgba(0,0,0,0.8);display: none;}
.solutiondetail-top li .text h2 {font-size: 40px;font-weight:bold;color: #fff;}
.solutiondetail-top li .text h3 {font-size: 30px;color: #fff;}
.solutiondetail-top li .text line {height: 1px;width:40px;background: #fff;margin:20px auto;opacity: 0.5;}
.solutiondetail-top li .text h4 {font-size: 14px;line-height: 24px; color: #ccc;width:50%;margin: auto;}
.solutiondetail-top li .pic {text-align: center;}
.solutiondetail-top li .pic ul{width: 100%;display: table;}
.solutiondetail-top li .pic ul li{display:table-cell;vertical-align: middle;height: 570px;}
.solutiondetail-top li .pic img{width:auto; height: auto;margin: auto;}
.solutiondetail-top li .pic img.pcshow{max-width:100%;max-height: 570px;}
.solutiondetail-top li:hover .text{}
.solutiondetail-top .swiper-button-prev,.solutiondetail-top .swiper-button-next {width: 50px;height: 50px;}
.solutiondetail-top .swiper-button-prev { background:url("../images/left-h.png")  center no-repeat;background-size: 100%;}
.solutiondetail-top .swiper-button-next { background:url("../images/right-h.png")  center no-repeat;background-size: 100%;}
.solutiondetail-top .swiper-button-prev:hover {opacity: 1.0;}
.solutiondetail-top .swiper-button-next:hover {opacity: 1.0;}
.solutiondetail-top .swiper-button-disabled {display:none;}

.solutiondetail-pic {position: absolute;width:970px;left:50%;margin-left: -485px; bottom:0px;z-index: 33;overflow: hidden;} 
.solutiondetail-pic li{width:96%;height:auto; text-align: center;background: #fff;margin: auto;cursor: pointer;}
.solutiondetail-pic li div.table {padding:1%;display: table;width: 98%;}
.solutiondetail-pic li div.table-cell {display: table-cell;vertical-align: middle;height:108px;min-height: 108px;max-height: 108px;}
.solutiondetail-pic li img{width:auto;max-width: 100%;max-height: 100%;display: block;margin: auto; -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} 
.solutiondetail-pic li h4{padding: 5px 13px;font-size: 14px;color: #999;display: none;} 
.solutiondetail-pic .swiper-slide-thumb-active li img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}
.solutiondetail-pic .swiper-slide-thumb-active li h4{color: #000;}

 

.gh-solution-text {}
.gh-solution-text * {display: block;overflow: hidden;}
.gh-solution-text .left{float: left;width:47%;}
.gh-solution-text .left .pic{}
.gh-solution-text .left .pic img{width: 100%; height: auto;min-height: 430px;max-height: 430px;}
.gh-solution-text .right{float: left;width:48%;padding-left:4%;}
.gh-solution-text .right .title{}
.gh-solution-text .right .title h2{font-size: 40px;font-weight:bold;color: #000;}
.gh-solution-text .right .title h3{font-size: 30px;color: #000;}
.gh-solution-text .right .title line{height: 1px;width:40px;background: #000;margin:20px 0;opacity: 0.3;}
.gh-solution-text .right .text { font-size: 14px;line-height: 24px; color: #666;}
.gh-solution-text .right .text * {display: inline-block;vertical-align: middle}
.gh-solution-text .right .text p {display: block;}
.gh-solution-text .text {}
.gh-solution-text .text .title{}
.gh-solution-text .text .title h2{font-size: 40px;font-weight:bold;color: #000;}
.gh-solution-text .text .title h3{font-size: 30px;color: #000;}
.gh-solution-text .text .title line{height: 1px;width:40px;background: #000;margin:20px 0;opacity: 0.3;}
.gh-solution-text .text .txt { font-size: 14px;line-height: 24px; color: #666;}
.gh-solution-text .text .txt img {display: inline-block;max-width: 100%;height: auto;}

.gh-solution-text .fanye {clear: both;margin-top:50px;padding-top:40px;border-top: 1px #E4E4E4 solid;}
.gh-solution-text .fanye a {font-size: 14px;float: left;width:50%;}
.gh-solution-text .fanye a:nth-child(2) {float: right;text-align: right;}

.fanye a.prev,.fanye a.next,.fanye a.return {width: 113px;height: 35px;line-height: 37px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;font-size: 12px;opacity: 0.3;}
.fanye a.prev:hover,.fanye .next:hover,.fanye .retur:hover {opacity: 1;color: #fff;background-color: #000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.fanye a.prev {float: left;background: url("../images/left2.png") 20% center no-repeat;background-size:20%;text-indent: 20px;}
.fanye a.prev:hover {background: url("../images/left1.png") 20% center no-repeat #000;background-size:20%;}
.fanye a.next {float: right;background: url("../images/right2.png") 90% center no-repeat;background-size:20%;text-indent: -20px;}
.fanye a.next:nth-child(2) {float: right;text-align: center;}
.fanye a.next:hover {background: url("../images/right1.png") 90% center no-repeat #000;background-size:20%;}
.fanye a.return {position: absolute;left:50%;margin-left: -56.5px;}

.gh-solution-more {padding: 5% 0;overflow: hidden;line-height: 24px;text-transform: none;}
.gh-solution-more * {text-transform: none;}
.gh-solution-more img {max-width: 100%;}
.gh-solution-more strong {font-weight: bold;}
.gh-solution-more strong *{font-weight: bold;}
.gh-solution-more  ul,.gh-solution-more ul li{display: list-item;text-align: -webkit-match-parent;list-style-type: disc;}
.gh-solution-more  ul{margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}


/* product */
.gh-product {width:101%;overflow: hidden;}
.product * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.product {background: #fff;float: left;width: 18.77%;border: 1px solid #fff;margin:0.5% 1% 0.5% 0;}
.product .pic{ position: relative;background: #fff;}
.product .pic i{width:80px;height:80px;position: absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;z-index:3;border-radius:100%;background: url("../images/ss-b.png") center no-repeat rgba(0,0,0,0.5);background-size:30%;display: none;}
.product .pic img{width: 100%; height: auto;min-height: 274px;max-height: 274px;}
.product .pic a:hover i {display: block;}
.product .pic a:hover img {opacity: 0.2;}
.product .text {padding:5%;text-align: center;border-top: 1px solid #ededed;min-height: 50px;}
.product .text h3{font-size: 12px;color: #999;text-overflow:ellipsis;white-space:nowrap;word-break: keep-all;}
.product .text h4{font-size: 16px;color: #000;line-height: 24px; margin: 10px 0 0px 0;text-overflow:ellipsis;white-space:nowrap;word-break: keep-all;}
.product:hover {border: 1px solid #000;}
.product:hover .text{border-top: 1px solid #000;background: #000;}
.product:hover .text * {color: #fff;}


.pagenum { padding:3% 0 1% 0; overflow:hidden; clear:both;text-align: center;}
.pagenum a{ display:inline-block;vertical-align: top;width:35px; height:35px; line-height:35px;text-align:center; border:#ccc 1px solid; color:#999; overflow:hidden; margin:0 2px;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#000; color:#FFF;}
.pagenum a.prev {background: url("../images/left3.png") center no-repeat;background-size:70%;}
.pagenum a.next {background: url("../images/right3.png") center no-repeat;background-size:70%;}
.pagenum a.prev:hover {opacity: 1.0;background: url("../images/left1.png") center no-repeat #000;background-size:70%;}
.pagenum a.next:hover {opacity: 1.0;background: url("../images/right1.png") center no-repeat #000;background-size:70%;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}


.gh-productdetail {background-color:#fff;
    overflow: hidden;
    border-radius: 0 0 60px 0;}
.gh-productdetail .left {width:39%;float: left;padding:2.5%;}
.gh-productdetail .left .pic{width:100%;position: relative;}
.gh-productdetail .left .pic img {display: block;width:100%;height:auto;}
.gh-productdetail .right {width:56%;float:right;}
.gh-productdetail .right * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-productdetail .right .title {padding:0;}
.gh-productdetail .right .title h2{font-size: 36px;font-weight: bold;}
.gh-productdetail .right .title h3{font-size: 30px;color:#167c46; padding-top:10%;}
.gh-productdetail .right .title line{height: 1px;width: 80px;background: #dedede;margin:20px 0;display: block;}
.gh-productdetail .right .title h4{font-size: 14px; line-height: 24px;color: #666;}
.gh-productdetail .right .text {padding: 20px 20px 10px 0;font-size: 16px; line-height: 30px;color: #666;}
.gh-productdetail .right .text h5{padding:13px 0;font-size: 14px;color: #666;position: relative; display:block;}
.gh-productdetail .right .text h5::after {content: '';width:85%;height: 1px;background: #dedede;position: absolute;right: 0px;top:50%;margin-top:-0.5px; display:block;}
.gh-productdetail .right .text p { display:block;margin: 0}
.gh-productdetail .right .text ul ,.gh-productdetail .right .title h4 ul{display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.gh-productdetail .right .text ul li,.gh-productdetail .right .title h4 ul li{display: list-item;text-align: -webkit-match-parent;list-style-type: disc;}
.gh-productdetail .right .button {padding: 30px 0;}
.gh-productdetail .right .button a{width: 28%;height: 45px;line-height: 47px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;font-size: 14px;opacity: 0.5; float: left;}
.gh-productdetail .right .button a:hover {color: #fff;opacity: 1.0;}
.gh-productdetail .right .button a.bprev{background: url("../images/left2.png") 20% center no-repeat;background-size:15%;text-indent: 20px;}
.gh-productdetail .right .button a.bprev:hover{background: url("../images/left1.png") 20% center no-repeat #000;background-size:15%;}
.gh-productdetail .right .button a.bsend{margin: 0 2%;background: #f8ac3f;border: solid 1px #f8ac3f;color: #000;opacity: 1.0;}
.gh-productdetail .right .button a.bsend:hover{background: #e48600;color: #fff;}
.gh-productdetail .right .button a.bnext{background: url("../images/right2.png") 80% center no-repeat;background-size:15%;text-indent: -20px;}
.gh-productdetail .right .button a.bnext:hover{background: url("../images/right1.png") 80% center no-repeat #000;background-size:15%;}


.detailpic .swiper-button-prev,.detailpic .swiper-button-next {width: 50px;height: 50px;opacity: 0.5;}
.detailpic .swiper-button-prev { background:url("../images/left-h.png")  center no-repeat;background-size:100%;}
.detailpic .swiper-button-next { background:url(../images/right-h.png)  center no-repeat;background-size:100%;}
.detailpic .swiper-button-prev:hover,.detailpic .swiper-button-next:hover {opacity: 1.0;}
.detailpic .swiper-button-disabled {display: none;}


.gh-page-technology {}
.gh-technology-nav {background: #f7f7f7;}

.tab_main {position: relative; verflow:hidden; clear:both;}
.tab_main * { -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.tab{ width:75%; margin:auto; text-align:center;}
.tab li{ padding:1.5% 0; width:15%; font-size:18px;border-top: 3px solid #f7f7f7;color:#666; text-align:center;float: left;display: block;overflow: hidden; cursor:pointer;position:relative;}
.tab li:hover {background:#999;border-top: 3px solid #999;color:#000;}
.tab li.on { border-top: 3px solid #333;background: #fff; color:#000;font-weight: bold;}
.con{ margin:auto;position:relative;clear:both; background:#FFF; min-height:300px; }
.con_main{ width:75%; margin:auto;padding:50px 0;display: block;overflow: hidden;}
.con_main .productmain * {display: block;overflow: hidden;}

.graph {background: #f7f7f7;}
.graph .left {width:25%;float: left;min-height: 640px; background: #575757;position: relative;}
.graph .left .title {padding:10% 15%;margin-top: 50px;}
.graph .left .title h2{font-size: 36px;color: #fff;font-weight: bold;}
.graph .left .title h3{font-size: 24px;color: #fff;margin-top: 10px;}
.graph .left .title line{height:2px;width: 80px;background: #999;margin:40px 0;}
.graph .left .pic {position:absolute;right:-18%;bottom: 0px;width:100%;height: 300px;z-index: 3;opacity: 0.2;}
.graph .left .pic img{width:100%;height:auto;}
.graph .right {width:67%;float: left;padding:4%;}
.graph .right img {max-width:100%;max-height: 522px;}

.characteristics {padding:8% 5%;background: #575757;margin-top: 70px; text-align: center;}
.characteristics .title {}
.characteristics .title h2{font-size: 36px;color: #fff;font-weight: bold;}
.characteristics .title h3{font-size: 24px;color: #fff;}
.characteristics .title line{height:2px;width:40px;background: #999;margin:10px auto;}
.characteristics .icon {padding:3% 0;text-align: center;}
.characteristics .icon li{width:14%;margin:1%;padding:3% 0; background: #fff;display: inline-block;vertical-align: top;}
.characteristics .icon li i{width: 70px;height: 70px;margin: auto;border:3px #ccc solid;border-radius:100%;}
.characteristics .icon li i img{width:50%;height:auto;margin:25%;}
.characteristics .icon li h4{font-size: 16px;padding-top: 10px;}

 
.application {margin-top: 70px;position: relative;}
.application li{float: left;margin-bottom:10px;margin-right: 10px;height: 284px;background: #5b5b5b;}
.application li .title{padding:13% 9%;}
.application li .title h2{font-size: 36px;color: #fff;font-weight: bold;}
.application li .title h3{font-size: 24px;color: #fff;}
.application li .title line{height:2px;width:40px;background: #999;margin:20px 0;}
.application li .title h6{font-size: 14px;color: #ccc;}
.application li img {width:100%;height:100%;}
.application li.a1{width: 40%;}
.application li.a2{width: 20%;}
.application li.a3{width: 38.5%;height: 578px;position: absolute;right: 0;top: 0;margin-right:0px;}
.application li.a4{width: 40%;}
.application li.a5{width: 20%;background: #949494;}


.gh-other-product {position: relative;overflow: hidden;}
.gh-other-product .title{text-align: center;}
.gh-other-product .title h2{font-size: 36px;color: #333;font-weight: bold;}
.gh-other-product .title h3{font-size: 24px;color: #333;}
.gh-other-product .title line{height:2px;width:40px;background: #999;margin:20px auto;display: block;}
.otherpic {padding:2% 0;}
.otherpic .product {width:97%;border: 1px solid #fff;margin:0 auto;}
.otherpic .slick-prev { left:-5%;margin-top: 30px;}
.otherpic .slick-next { right:-5%;margin-top:30px;}

.gh-other-product .swiper-button-prev,.gh-other-product .swiper-button-next {width: 50px;height: 50px;opacity: 0.5;margin-top: 20px; display: none}
.gh-other-product .swiper-button-prev { background:url("../images/left-h.png")  center no-repeat;background-size:100%;}
.gh-other-product .swiper-button-next { background:url(../images/right-h.png)  center no-repeat;background-size:100%;}
.gh-other-product .swiper-button-prev:hover,.gh-other-product .swiper-button-next:hover {opacity: 1.0;}
.gh-other-product .swiper-button-disabled {display: none;}


.solutiontop {display: none}
.d-table {display: table;width: 100%;height: 100%;}
.d-table-cell {display:table-cell;vertical-align: middle;}


/* manufacturing */
.gh-manufacturing {overflow: hidden;}
.gh-manufacturing .manufacturing:last-child {margin-bottom: 0;}
.manufacturing {margin-bottom:80px;}
.manufacturing .main{position: relative;overflow: hidden;}
.manufacturing .main .left{width:27%;height:100%;padding:0 5%;position: absolute;border-radius: 60px 0 0 0;}
.manufacturing .left * {color: #fff; overflow: hidden; }
.manufacturing .main .left .title{}
.manufacturing .main .left .title h2{font-size: 48px;font-weight: bold;}
.manufacturing .main .left .title h3{font-size: 30px;}
.manufacturing .main .left .title line{height:1px;width:80px;background: #fff;margin:20px 0;opacity: 0.5;display: block;}
.manufacturing .main .left .title h4{font-size: 16px;line-height: 30px;overflow: hidden;padding-top:20px;}
.manufacturing .main .left .title h4 img {max-width: 100%;}
.manufacturing .main .left .title h4 p { display: block; margin: 0;}
.manufacturing .main .left .title h4 ul ,.manufacturing .main .left .title h4 ul li{text-align: left;display: list-item;text-align: -webkit-match-parent;list-style-type: disc;}

.manufacturing .main .left i {position: absolute;right:0;bottom: 0;width:30%;z-index: 1;}
.manufacturing .main .left i img{width:100%;height:auto;}
.manufacturing .main .left ul {width:100%;}
.manufacturing .main .left ul li{ width:30%;margin:1% 2% 1% 0;border: #5a76de solid 1px;float: left;}
.manufacturing .main .left ul li img{width:100%;height:auto;}
.manufacturing .main .pic{width:63%;float: right;position: relative;background: #fff; min-height: 672px;max-height: 672px;overflow: hidden;}
.manufacturing .main .pic img{width:100%;height:100%; display:block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.manufacturing .main .pic a {width:100%;height:100%;overflow:hidden; display:block;}
.manufacturing .main .pic a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.bg1 {background: #188f5e;}
.bg2 {background: #565656;}
.bg3 {background: #188f5e;}
.bg4 {background: #61c961;}
.zizhi{margin-top:100px;}
.manufacturing .main .pic .swiper-button-prev,.manufacturing .main .pic .swiper-button-next {width: 50px;height: 50px;opacity: 0.5;}
.manufacturing .main .pic .swiper-button-prev { left:0px; background:url("../images/left-b.png")  center no-repeat;background-size:100%;}
.manufacturing .main .pic .swiper-button-next { right:0px;background:url(../images/right-b.png)  center no-repeat;background-size:100%;}
.manufacturing .main .pic .swiper-button-prev:hover,.manufacturing .main .pic .swiper-button-next:hover {opacity: 1.0;}
.manufacturing .main .pic .swiper-button-disabled {display: none;}

.manufacturing .main .pic .swiper-slide.picimgs1 {position: absolute;width: 54.3%;height: 100%;left: 8px;top: 0;}
.manufacturing .main .pic .swiper-slide.picimgs2 {position: absolute;width: 44.5%;height: 50%;right: 0;top: 0;}
.manufacturing .main .pic .swiper-slide.picimgs3 {position: absolute;width: 44.5%;height: 50%;right: 0;bottom: 0;}
.manufacturing .main .pic .swiper-slide.picimgs2::before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-left: 4px solid #fff;}
.manufacturing .main .pic .swiper-slide.picimgs3::before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-left: 4px solid #fff;border-top: 8px solid #fff;}


/* qualification */
.gh-qualification {}
.gh-qualification * {display: block;overflow: hidden; }
.qualification {width:100%;}
.qualification li{width:32.88%;position: relative;float: left;text-align: center;margin-right: 5px;margin-bottom:5px;}
.qualification li a {}
.qualification li .text{position: absolute;width:100%;height:100%;left: 0;top: 0;z-index:2;}
.qualification li .text .pic{padding:10% 0 10% 0;position: relative;z-index: 5;border: 2px #ccc solid;}
.qualification li .text .pic img{display:inline-block;max-width:98%;height: 160px;}
.qualification li .text h5{width:287px;height: 36px;line-height:36px;background: #333;display: block;color:#fff;font-size: 14px;margin: auto;}
.qualification li .text .icon {display: none;position: absolute;width:100%;height:100%;left:0;top:0;z-index:5;background: rgba(0,0,0,0.5);}
.qualification li .text .icon i{width:80px;height:80px;position: absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;z-index:3;border-radius:100%;background: url("../images/ss-b.png") center no-repeat rgba(0,0,0,0.5);background-size:30%;}
.qualification li a:hover .text .icon {display: block;z-index: 9;}
.qualification li .picbg {}
.qualification li .picbg img{width:100%;height:auto;}
.qualification li .title {position: absolute;width:100%;height:100%;left: 0;top: 0;z-index:4;background: #0077c9;padding-top:25%;} 
.qualification li .title h2{font-size: 30px;color:#fff;font-weight: bold;}
.qualification li .title h3{font-size: 24px;color:#fff;}
.qualification li .title i {position: absolute;width:100%;height:100%;left: 0;top:-20%;z-index:1;}
.qualification li .title i img{width:100%;height:auto;opacity: 0.08;}

.qualification li .text {position: relative;width: 100%;height: 100%;left:auto;top: auto;z-index: 2;}
.qualification li {width: 19.5%;margin-right: 5px;background: #fff;margin-bottom: 5px;}
.qualification li .text h5 { padding: 10px 0;}
.gh-qualification .atitle{text-align: center;margin-bottom: 40px;}
.gh-qualification .atitle h2 {font-size: 48px;font-weight: bold;color: #000;}
.gh-qualification .atitle h3,.gh-qualification .atitle h3 strong {font-size: 30px;color: #000;}
.qualification li .picbg{ display: none;}


/* about */
.gh-about {}
.gh-about .atitle {text-align: center;margin-bottom: 40px;}
.gh-about .atitle h2{font-size:40px;font-weight:bold;color: #000;}
.gh-about .atitle h3{font-size:30px;color: #000;}
.gh-about .atitle h3 strong {font-size:30px;color: #167c46;font-weight:bold}
.gh-about .atitle line{height: 2px;width:40px;background: #666;margin:10px auto;}
.gh-about .about1{
    background-image: url(../images/about1.jpg);padding:40px;}
 .gh-about .about1_1{border: 1px solid #626262;color:#fff;padding:20px;font-size:18px;line-height:40px;}
.about1_2{margin-top:30px;    overflow: hidden;}
.about1_2 li{color:#fff;text-align:center;float:left;width:25%;position: relative;}
.about1_2 li .title{font-size:56px;line-height:74px;}
.about1_2 li .title span{font-size:40px;}
.about1_2 li .title_value{font-size:16px;}
.about1_2 li i{
    position: absolute;
    left: 68%;
    top: 0;
	font-size:32px;
   
   }
.about {width:100%;position: relative;}
.about * {color: #fff;display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.about .pic {background: #000;}
.about .pic img{width:100%;height:auto;opacity: 0.5;}
.about .main {position: absolute;width:100%;height:100%;left: 0;top: 0;z-index: 1;}
.about .main .column {width:25%;height:100%;float: left;position: relative;background: rgba(0,0,0,0.2);}
.about .main .column:after {content: '';height:100%;width:1px;background:rgba(255,255,255,0.2);position: absolute;right: 0px;top: 0px;z-index: 1;}
.about .main .column a {padding:30% 10% 10% 10%;width:80%;;height:80%;margin: auto;}
.about .main .column .title {margin-top:20%;}
.about .main .column .title i{width:40px;height: 40px;margin:20px 0 20px -1px;}
.about .main .column .title i img{width:100%;height:auto;}
.about .main .column .title h2{font-size: 24px;font-weight: bold;}
.about .main .column .title h3{font-size: 20px;}
.about .main .column .title line{height:1px;width:80px;background: #fff;margin:20px 0;opacity: 0.5;}
.about .main .column .text {font-size: 14px;line-height:24px;text-align: justify;height: 0px;opacity: 0;}
.about .main .column .smore {margin-top:20px;}
.about .main .column .smore * {display: inline-block;vertical-align: middle;}
.about .main .column .smore i{width: 30px;height: 30px;background: url("../images/right1.png") center no-repeat;background-size:80%;border: 1px solid #fff;border-radius:100%;}
.about .main .column .smore h6{margin: 0 10px;display: none;}
.about .main .column:hover {background: rgba(0,0,0,0.3);}
.about .main .column a:hover .text{height:180px;opacity: 0.7;text-overflow: ellipsis;overflow: hidden;}
.about .main .column a:hover .title {margin-top:0;}
.about .main .column a:hover .smore {margin-top:80px;}
.about .main .column a:hover .smore i{background: url("../images/right2.png") center no-repeat #fff;background-size:80%;}
.about .main .column a:hover .smore h6{display:inline-block;}


.history {}
/*.history * {-webkit-transition:none;-moz-transition:none;transition:none;}*/
.history-years {position: relative;}
.history-years:after {content: '';width:100%;height: 1px;background: #ccc;position: absolute;left: 0;top:45px;z-index:1;}
.history-years li {text-align: center;cursor: pointer;padding-top: 10px;}
.history-years li h5{font-size: 18px;margin:5px auto;color: #999;display: block;}
.history-years li i{width: 10px;height: 10px;background: #ccc;border-radius:100%;display: block;margin: auto;}
.history-years li:hover h5{color: #000;}
.history-years .swiper-wrapper {z-index: 33;position: relative;}
.history-years .swiper-slide-thumb-active li {padding-top:2px;}
.history-years .swiper-slide-thumb-active li h5{font-size: 24px;color: #167c46;font-weight: bold;}
.history-years .swiper-slide-thumb-active li i{width: 15px;height: 15px;background: #167c46;}

  

.history-text {padding: 20px 5%;width:70%;margin:50px auto auto;position: relative;overflow:hidden;}
.history-text::before {}
.history-text li {background: #fff;padding: 20px;overflow: hidden;display: block;min-height: 248px;}
.history-text .pic {width:40%;float: left;}
.history-text .pic img{display: block; width:100%;height:auto;height: 248px;}
.history-text .text{width:50%;padding:3%;float: left;color: #666;}
.history-text .text h2{font-size: 44px;line-height: 44px;display: block;overflow: hidden;font-weight: bold;color: #000;}
.history-text .text line{height:1px;width:80px;background: #666;margin:20px 0;opacity: 0.5;display: block;overflow: hidden;}
.history-text .text h3 {font-size:18px;color: #666;line-height: 26px;}
.history-text .text h3 p{margin:3px 0;}
.history-text .text h4 {font-size:14px;color: #666;line-height: 26px;}
.history-text .slick-prev { left:-5%;}
.history-text .slick-next { right:-5%;}

.history-text .swiper-button-prev,.history-text .swiper-button-next {width: 50px;height: 50px;opacity: 0.5;}
.history-text .swiper-button-prev { left:0px; background:url("../images/left-h.png")  center no-repeat;background-size:100%;}
.history-text .swiper-button-next { right:0px;background:url(../images/right-h.png)  center no-repeat;background-size:100%;}
.history-text .swiper-button-prev:hover,.history-text .swiper-button-next:hover {opacity: 1.0;}
.history-text .swiper-button-disabled {display: none;}



.market-distribution {position: relative;}
.market-distribution * {color: #fff;display: block;overflow: hidden;}

.market-distribution .pic{}
.market-distribution .pic img{width:100%;height:auto;}
.market-distribution .leftadd {position: absolute;width:20%;left:5%;bottom:15%;z-index:3;}
.market-distribution .leftadd li{padding: 5px 0;text-transform: capitalize;font-size: 14px;}
.market-distribution .leftadd li i{width: 10px;height: 10px;background: #fff;border-radius:100%;display: inline-block; margin-right: 10px;}
.market-distribution .mapadd {position: absolute;width:100%;height:100%;left:0;bottom:0;z-index:2;}
.market-distribution .mapadd ul {width:100%;height:100%;position: relative;}
.market-distribution .mapadd ul li{position: absolute;width: 50px;height: 50px;z-index: 10;cursor: pointer;overflow: visible;opacity: 0.5;}
.market-distribution .mapadd ul li i{width:15px;height: 15px;background: #fff;border-radius:100%;margin:21px;}
.market-distribution .mapadd ul li:hover {opacity: 1.0;}
.market-distribution .maptext {width: 860px;height: 215px;position: absolute;right:5%;bottom:5%;z-index:4;overflow: visible;}
.market-distribution .maptext ul {position: relative;width:100%;height:100%;overflow: visible;}
.market-distribution .maptext .addmain {position:absolute;left: 0;top:0;width:100%;height:100%;overflow: visible;display:block;opacity: 0;z-index: -1;}
.market-distribution .maptext .op1 {opacity: 1!important;display: block;z-index: 4!important;}
.market-distribution .maptext .op0 {opacity: 0!important;display: block;z-index: -1!important;}
.market-distribution .maptext .addmain::before {content: '';width:0;height:0;position: absolute;top:-29px;left:20%; border-left:24px solid transparent;border-right:24px solid transparent;}
.market-distribution .maptext .addmain .main {position: relative;padding:3%;height: 76%;}
.market-distribution .maptext .addmain .main * {display: inline-block;}
.market-distribution .maptext .addmain .main table {display: table;table-layout:auto;}
.market-distribution .maptext .addmain .main table *{vertical-align: middle;border-color: inherit;}
.market-distribution .maptext .addmain .main table tbody {display: table-row-group;}
.market-distribution .maptext .addmain .main table tr {display: table-row;}
.market-distribution .maptext .addmain .main table td {display: table-cell;}
.market-distribution .maptext .addmain .title {width:68%;float: left;}
.market-distribution .maptext .addmain .title h2 {font-size: 24px;color: #000;font-weight: bold;}
.market-distribution .maptext .addmain .title line {height:1px;width:80px;background: #000;margin:10px 0;}
.market-distribution .maptext .addmain .title h5 {font-size: 14px;line-height: 24px; text-transform: capitalize;color: #000;}
.market-distribution .maptext .addmain .khlogo {width:68%;float: left;}
.market-distribution .maptext .addmain .khlogo li {float: left;width:24%;margin-right:5px;margin-bottom:5px; background: #fff;line-height: 50px;text-align: center;color: #000;}
.market-distribution .maptext .addmain .pic {width:32%;float: right;position: relative;}
.market-distribution .maptext .addmain .pic li {float: left;width:48%;background: #fff;margin-right:5px;margin-bottom:5px;}
.market-distribution .maptext .addmain .pic li img{display: block; width:100%; height: auto;min-height:50px;max-height: 50px;}
.market-distribution .maptext .addmain .pic .slick-prev { left:-1%;background-size:50%;}
.market-distribution .maptext .addmain .pic .slick-next { right:-1%;background-size:50%;}
.market-distribution .mapadd li.cur .bwdhs{display: block;}
.market-distribution .mapadd li.cur {opacity: 1.0}	 

.bwdhs { width:100%;margin:auto;display: none;}
.bwdhs h1,.bwdhs h2,.bwdhs h3,.bwdhs h4 { z-index:-1;margin:0; padding:0;background: none;border:#fff 4px solid;display:block;position:absolute;left:50%;top:50%;-moz-border-radius: 100% / 100%;-webkit-border-radius: 100% / 100%;border-radius:100% / 100%;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.bwdhs h1 {width:10px;height:10px;margin-left:-5px; margin-top:-5px;}
.bwdhs h2 {width:50px;height:50px;margin-left:-25px;margin-top:-25px;}
.bwdhs h3 {width:10px;height:10px;margin-left:-5px;margin-top:-5px;}
.bwdhs h4 {width:50px;height:50px;margin-left:-25px;margin-top:-25px;}
.bwdhs h1{animation:myfirst 1s linear 0s infinite normal;-webkit-animation:myfirst 1s linear 0s infinite normal;}
.bwdhs h2{animation:myfirst 2s linear 0s infinite normal;-webkit-animation:myfirst 2s linear 0s infinite normal;}
.bwdhs h3{animation:myfirst 3s linear 0s infinite normal;-webkit-animation:myfirst 3s linear 0s infinite normal;}
.bwdhs h4{animation:myfirst 4s linear 0s infinite normal;-webkit-animation:myfirst 4s linear 0s infinite normal;}
@keyframes myfirst{
	0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
	50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
	100% {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
} 
@-webkit-keyframes myfirst {
	0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
	50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
	100% {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
} 

.lunbologo {width: 100%;}
.lunbologo img {display: block;width: 100%;height: auto;max-height:80px;}
.lunbologo .swiper-wrapper {display: flex!important;}


.culture {}
.culture * {color: #fff;display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.culture li{padding:5% 1.4% 0 1.4%;float: left;width:22%;height:200px;margin:0 0.2% 0.5% 0;background-color:#fff;}
.culture li:hover {background: #167c46;color:#fff;}
.culture li:hover .title h2{color:#fff;}
.culture li:hover .title h3{color:#fff;}
.culture li:hover .title line{color:#fff;}
.culture li:hover .title h4{color:#fff;}
.culture li .title{ }
.culture li .title h2{font-size: 16px;color: #167c46;padding:5px 0}
.culture li .title h3{font-size: 18px;color: #167c46;padding:5px 0}
.culture li .title line{height:1px;width:40px;background: #fff;margin:20px 0;opacity: 0.5;}
.culture li .title h4{font-size: 22px;line-height:40px; color: #333333;padding:20px 0 0 0}
.culture li .title h4 * {margin: 0;}
.values {}
.values li {width:20%;height:420px;float: left;position: relative;}

.values li .pic {width:100%;height:100%;position: relative;}
.values li .pic img{width:100%;height:100%;}
.values li .text {padding:10%;}
.values li .text h3{font-size: 24px;color: #000;}
.values li .text line{display: block; height:2px;width:24px;background: #167c46;margin:10px 0;}
.values li .text h6{display: block;font-size:28px;line-height:45px; color: #333333;}
.values li.values1 {width:39.7%;}
.values li.values2 {width:39.8%;background: url("../images/linian1.jpg")}
.values li.values2 .text {margin-top: 10%;}
.values li.values3 .text {
    margin-top: 10%;
}
.values li.values3 .text h6 {
    color:#167c46
}


.values li.values4 {width:39.7%;height:298px;}
.values li.values4 .text h3{color: #fff;}
.values li.values5 {width:39.8%;height:298px;}
.values li.values6 {background: #605068;height:298px;}
.values li.values6 .text {margin-top:10%;}
.values li.values6 .text h3{color: #fff;font-weight: bold;}
.values li.values6 .text line{width:80px;background: #fff;}

.activities {position: relative;}
.activities .left {width: 30%;height:585px;float: left;background: #f7f7f7;}
.activities .left .title {padding:10% 15% 5% 15%;text-align: center;}
.activities .left .title h2{font-size: 24px;color: #000;font-weight: bold;}
.activities .left .title h3{font-size: 18px;color: #000;margin: 10px auto;}
.activities .left .pic {padding:8% 5% 10% 5%;overflow: hidden;position: relative;} 
.activities .left .pic .leftpic {height: 370px;position: static;}
.activities .left .pic li {background: #fff;margin-bottom: 10px;padding:1%;cursor: pointer;overflow: hidden;} 
.activities .left .pic li img{display: block; width:50%;height:auto;float: left;} 
.activities .left .pic li h4 {width:40%;float: left;padding:9% 5% 0 5%;color: #000;font-size: 14px;line-height: 22px;} 
.activities .left .swiper-button-prev {left:50%;background:url("../images/left-h.png")  center no-repeat;background-size:100%;right: auto;top:3%;bottom: auto;margin-left: -20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);} 
.activities .left .swiper-button-next {left:50%;background:url("../images/right-h.png")  center no-repeat;background-size:100%;right: auto;top: auto;bottom:0;margin-left: -20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);} 
.activities .left .swiper-slide-thumb-active li {background: #ccc;}
.activities .left .pic .leftpic .swiper-button-disabled {display: none;}

.activities .right {width:70%;float: left;background: #000;}
.activities .right li {}
.activities .right li img{display: block;max-height: 600px;width:100%;height:auto;margin: auto;}
.activities .right .swiper-button-prev,.activities .right .swiper-button-next {width: 50px;height: 50px;}
.activities .right .swiper-button-prev {background:url("../images/left-h.png")  center no-repeat;background-size:100%;} 
.activities .right .swiper-button-next {background:url("../images/right-h.png")  center no-repeat;background-size:100%;} 
.activities .right .swiper-button-disabled {display: none;}

.activitieslist { text-align:center;position: relative;}
.activitieslist .title{}
.activitieslist .title h2{font-size: 48px;font-weight: bold;color: #000;}
.activitieslist .title h3{font-size: 30px;color: #000;}
.activitieslist .alist { padding:2% 0 ; overflow:hidden;-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em; }
.activitieslist .alist .pic{-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;overflow: hidden; }
.activitieslist .alist .pic li{margin-bottom: 40px;background: #fff;  }
.activitieslist .alist .pic li img{ display:block; width:100%; height:auto;}
.activitieslist .alist .pic li h4{padding:3% 0; overflow:hidden; color:#333; font-size:14px; display:block;background-color:#eeeeee}
 
	
 

.news-top {}
.news-top * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.news-top .title{padding-bottom:20px;}
.news-top .title h3{font-size: 24px;color: #000;}
.news-top .news {}
.news-top .news li {float: left;width:32.8%;margin-right:0.5%;background: #fff;}
.news-top .news li:last-child {margin-right:0;}
.news-top .news li .pic {background: #000;height: 303px;}
.news-top .news li .pic img{width:100%;height:auto;min-height: 303px;max-height: 303px;}
.news-top .news li a:hover {background: #000;}
.news-top .news li a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.news-top .news li a:hover .text * {color: #fff;}
.news-top .news li .text {padding:5%;}
.news-top .news li .text h6{font-size: 12px;color: #999;}
.news-top .news li .text h3{font-size: 18px;color: #000;margin: 10px auto;}

.newslist {}
.newslist * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.newslist .title{padding-bottom:20px;}
.newslist .title h3{font-size: 24px;color: #000;}
.newslist li {width:46%;float: left;}
.newslist li a{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:17px 0;margin-top: -1px;}
.newslist li a .text{float: left;width:85%;}
.newslist li a .text h3{font-size: 18px;color: #000;padding: 10px 0;}
.newslist li a .text h4{font-size: 14px;color: #999;}
.newslist li a .date{float: right;width:10%;border-left: 1px solid #999;padding:5px 1%;opacity: 0.3;text-align: center;position: relative;}
.newslist a .date h2{font-size: 38px;color: #333; font-weight: bold;}
.newslist li a .date h5{font-size: 12px;color: #999;}
.newslist li a .date i {width:100%;height:100%;position: absolute;right:-100px;top: 0;z-index: 1;background: url("../images/right2.png") center no-repeat #fff;background-size:50%;}
.newslist li a:hover {background: #f1f1f1;}
.newslist li a:hover .date h2 {color: #000; }
.newslist li a:hover .text{width:83%;padding-left:2%;}
.newslist li a:hover .text h4 {color: #000;}
.newslist li a:hover .date i {right: 0;}
.newslist li:nth-child(1) a,.newslist li:nth-child(2) a{margin-top:0px;}
.newslist li.n1 {clear: both;}
.newslist li.n2 {float: right;}
.newslist .pagenum{float: left;}


.newsdetail {}
.newsdetail * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.newsdetail .left{background: #fff;float: left;width:65%;padding:3% 4%;}
.newsdetail .left .title{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.newsdetail .left .title h3{display: block;font-size: 26px;color: #000;padding-bottom: 10px;}
.newsdetail .left .title h5 {display: block;font-size: 12px;color: #999;}
.newsdetail .left .detail {color: #000;font-size: 14px;line-height: 24px;}
.newsdetail .left .detail img {max-width: 100%!important;height: auto;}
.newsdetail .left .detail strong {font-weight: bold;}
.newsdetail .left .detail ul,.newsdetail .left .detail ol {list-style-type: disc;list-style: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.newsdetail .left .detail li {list-style: disc;}
.newsdetail .left .detail ol li {list-style: decimal;}
.newsdetail .left .detail p {margin: 5px 0;}


.newsdetail .left .fanye {margin-top: 20px;padding-top: 20px;border-top: 1px solid #ccc;}
.newsdetail .left .fanye a {color: #999;}
.newsdetail .left .fanye a:hover {color: #000;}
.newsdetail .left .fanye a:first-child{float: left;}
.newsdetail .left .fanye a:last-child{float: right;}
.newsdetail .right {float: right;width:24%;}
.newsdetail .right h2 {font-size: 22px;color: #000;padding-bottom: 10px;}
.newsdetail .right li {width:100%;margin-bottom:2%;background: #fff;}
.newsdetail .right li .pic{}
.newsdetail .right li a .pic  img{width:100%;height:auto;}
.newsdetail .right li a:hover .pic  img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.newsdetail .right li .text {padding:5%;}
.newsdetail .right li .text h6{font-size: 12px;color: #999;}
.newsdetail .right li .text h3{font-size: 14px;color: #000;margin: 10px auto;}




/* contact */
.gh-contact {}
.gh-contact * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.message {}
.message .left{width: 30%;float: left;}
.message .left .title{}
.message .left .title h2{font-size:40px;color: #000;}
.message .left .title h3{font-size:30px;color: #000;}
.message .left .title line{height:1px;width:80px;background: #000;margin:20px 0;opacity: 0.5;}
.message .left .pic {padding-top:0px;font-size: 14px;line-height: 26px; color: #666;}
.message .left .pic * { display:inline-block; vertical-align:bottom;}
.message .left .pic p { display:block;}
.message .left .pic img {display: inline-block;margin-right: 10px;width:80px;height: 80px;background: #fff;padding: 5px;} 
.message .right {width:40%;float: left;padding-left:10%;}
.message .right li{padding-top: 10px; position: relative;margin-bottom:20px;}
.message .right li h4 {position: absolute;left:5%;top: 0;z-index: 3;color: #999;padding: 0 20px; font-size: 14px;background: #f7f7f7;}
.message .right li input{border: 1px solid #ccc; height: 40px;line-height:40px;width:93%;padding: 0 3%; background: none;outline: none;text-transform: none;}
.message .right li textarea {border: 1px solid #ccc; height:90px;line-height:40px;width:93%;padding: 0 3%;background: none;outline: none;}
.message .right li .btn{width:30%;float: left;margin-right: 20px; cursor: pointer; height: 50px;line-height:50px;font-size: 16px;}
.message .right li .btn:hover {background: #000;color: #fff;}

.contact2 {}
.contact2 * {color: #fff;}
.contact2 li{width:50%;float: left;position: relative;}
.contact2 li .pic{}
.contact2 li .pic img{width:100%;min-height: 526px;max-height: 526px;height: 526px;}
.contact2 li .text{position: absolute;width: 100%;height:100%;left: 0;top: 0;z-index: 1;}
.contact2 li .text .title{margin:18% 0 0 24%;}
.contact2 li .text .title h2{font-size: 36px;font-weight: bold;}
.contact2 li .text .title h3{font-size: 24px;}
.contact2 li .text .title line{height:1px;width:40px;background: #fff;margin:20px 0;opacity: 0.5;}
.contact2 li .text .title h5{font-size: 16px;line-height: 28px;}
.contact2 li .text .title a {display: inline-block;vertical-align: bottom;}
.contact2 li .text .title a:hover {color: #fff;text-decoration: underline;}
.contact2 li:last-child .text .title{margin:18% 0 0 10%;}
.yzm {width: 100px;position: absolute;right: 10px;top: 20px;}
.yzm * {display: inline-block;vertical-align: middle;}
.mtj20 {margin-top: -20px;}


.address {width:23.4%;min-height: 575px;float: left;background: #f7f7f7; margin-right:0.5%;padding:0.5%;}
.address .pic {}
.address .pic img{width:100%;min-height: 246px;max-height: 246px;height: 246px;}
.address .title{padding:5% 5% 0 5%;}
.address .title h3{font-size: 22px;color: #000;font-weight: bold;}
.address .title h4{font-size:18px;color: #666;}
.address .title line{height:1px;width:40px;background: #000;margin:20px 0;opacity: 0.5;}
.address .text {padding:0 5%;font-size:12px;line-height: 24px; color: #666;}
.address .text  a {display: inline-block;vertical-align: bottom;}
.address .text  a:hover {color: #fff;text-decoration: underline;}
.address .moremap {padding:0 5% 10% 5%;}
.address .moremap a{width:100px;height:30px;line-height:30px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;text-indent:10px; font-size: 12px;opacity: 0.3;margin-top: 20px;position: relative;}
.address .moremap a::before {content: '';width:15px;height:15px;background: url("../upload/add.png") center no-repeat;background-size:100%;position: absolute;left:13%;top: 23%;}
.address .moremap a:hover {background: #fff;opacity: 1.0;border: solid 1px #fff;}
.address:hover {background: #666;}
.address:hover * {color: #fff;}
.address:hover .title * {color: #fff;}
.address:hover .title line{background: #fff;}
.address:hover .moremap a {background: #fff;opacity: 1;}

.wangluo img{width: 100%;
    height: auto;}

.cangku img{width: 100%;
    height: auto;}

/* cases */
.gh-cases {}
.gh-cases * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-cases .cases {background: #fff;float: left;width: 32.33%;margin:0.5% 1% 0.5% 0;}
.gh-cases .cases .pic{ position: relative;background: #167c46;}
.gh-cases .cases .pic i{width:80px;height:80px;position: absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;z-index:3;border-radius:100%;background: url("../images/ss-b.png") center no-repeat rgba(0,0,0,0.3);background-size:30%;display: none;}
.gh-cases .cases .pic img{width: 100%; height: auto;min-height: 319px;max-height: 319px;}
.gh-cases .cases a:hover .pic  i {display: block;}
.gh-cases .cases a:hover .pic  img {opacity: 0.5;}
.gh-cases .cases .text {padding:5%;height:145px;}
.gh-cases .cases .text h3{font-size: 24px;color: #000;}
.gh-cases .cases .text h4{font-size: 14px;color: #999;line-height: 24px;margin: 0px 0;}
.gh-cases .cases .text h5{font-size: 12px;color: #999;line-height: 22px;margin: 10px 0;text-overflow:ellipsis;white-space:nowrap;word-break: keep-all;}
.gh-cases .cases .text .more{}
.gh-cases .cases a:hover .text *{color: #fff;}
.gh-cases .cases a:hover .text .more {border: solid 1px #fff;color: #000; opacity: 1.0;}
.gh-cases .cases a:hover .text .more {background: url("../images/right2.png") 90% center no-repeat #fff;background-size:20%;}
.gh-cases .cases a:hover {background: #167c46;}

.gh-cases-detail {background: #fff;padding:3% 5%;overflow: hidden;}
.gh-cases-detail .title {padding-bottom:20px;margin-bottom: 20px;border-bottom: solid 1px #f1f1f1;}
.gh-cases-detail .title * {overflow:hidden;display: block;}
.gh-cases-detail .title h4{font-size: 14px;color: #999;}
.gh-cases-detail .title line{height:1px;width:40px;background: #666;margin:10px 0;opacity: 0.5;}
.gh-cases-detail .title h3{font-size: 24px;color: #000;}
.gh-cases-detail .detail {font-size: 14px;line-height: 24px; color: #333;}
.gh-cases-detail .detail img{max-width:100%;height: auto;}
.gh-cases-detail .fanye {padding-top:20px;margin-top: 20px;border-top: solid 1px #f1f1f1;position: relative;}
.gh-cases-detail .fanye a {width: 113px;height: 35px;line-height: 37px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;font-size: 12px;opacity: 0.3;
-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.gh-cases-detail .fanye a:hover{opacity: 1;color: #fff;background-color: #000;}
.gh-cases-detail .fanye .prev {float: left;background: url("../images/left2.png") 20% center no-repeat;background-size:20%;text-indent: 20px;}
.gh-cases-detail .fanye .prev:hover {background: url("../images/left1.png") 20% center no-repeat #000;background-size:20%;}
.gh-cases-detail .fanye .next {float: right;background: url("../images/right2.png") 90% center no-repeat;background-size:20%;text-indent: -20px;}
.gh-cases-detail .fanye .next:hover {background: url("../images/right1.png") 90% center no-repeat #000;background-size:20%;}
.gh-cases-detail .fanye .return {position: absolute;left:50%;margin-left: -56.5px;}



/* Medical color */

#Medical {}
#Medical .header .logo {background: url(../images/logo-b.png) center no-repeat #1aadae;background-size:100%;}
#Medical .nav2 h1{background: #00787b;}
#Medical .tab li.on {border-top: 3px solid #1aadae;}
#Medical .product:hover {border: 1px solid #1aadae;}
#Medical .product:hover .text{border-top: 1px solid #1aadae;background: #1aadae;}
#Medical .characteristics {background: url("../upload/p1.jpg") center no-repeat #000;background-size: cover;}

#Medical .gh-banner-pic .slick-prev:hover,#Medical .casepic .slick-prev:hover { background:url("../images/left1.png") #1aadae center no-repeat;background-size:30%;}
#Medical .gh-banner-pic .slick-next:hover,#Medical .casepic .slick-next:hover { background:url("../images/right1.png") #1aadae center no-repeat;background-size:30%;}

#Medical .nav2 ul li a:hover, #Medical .nav2 ul li a.cur,#Medical * .title h2,#Medical .gh-banner-pic div li .title h1,#Medical .gh-page-path .right ul.path a.cur,#Medical .solutiondetail-top li .text h2 ,#Medical .address .title h3,#Medical .solutiontop .text h2,#Medical .solutiondetail-top-text li .text h2 {color: #1aadae;}

#Medical .gh-banner-pic div li .title line,#Medical .lefttext,#Medical .gh-case-main .left,#Medical .application li, #Medical .graph .left,#Medical .gh-page-path .left ul.nav a.cur,#Medical .pagenum a.cur,#Medical .pagenum a.on,#Medical .gh-business-module .module a:hover,#Medical .caselist a:hover,#Medical .gh-cases .cases a:hover,#Medical .address:hover  {background: #1aadae;}

#Medical .gh-case-main .left .title h2,#Medical .gh-page-banner .title h2,#Medical .graph .left .title h2,#Medical .application li .title h2,#Medical .application li .title h6,#Medical .address:hover .title h3  {color: #fff;}

#Medical .gh-imanufacturing-main .main .left,#Medical .white_content .btn .submit,#Medical .gh-solution .solution a:hover {background: #1aadae;}



/* Laboratory color */
#Laboratory{}
#Laboratory .header .logo {background: url(../images/logo-b.png) center no-repeat #3574bb;background-size:100%;}
#Laboratory .nav2 h1{background: #28578c;}
#Laboratory .tab li.on {border-top: 3px solid #3574bb;}
#Laboratory .product:hover {border: 1px solid #3574bb;}
#Laboratory .product:hover .text{border-top: 1px solid #3574bb;background: #3574bb;}
#Laboratory .characteristics {background: url("../upload/p2.jpg") center no-repeat #000;background-size: cover;}
#Laboratory .suspension .a-top {background: #3574bb url(../images/up.png) center no-repeat;background-size:30%;}

#Laboratory .gh-banner-pic .slick-prev:hover,#Laboratory .casepic .slick-prev:hover { background:url("../images/left1.png") #3574bb center no-repeat;background-size:30%;}
#Laboratory .gh-banner-pic .slick-next:hover,#Laboratory .casepic .slick-next:hover { background:url("../images/right1.png") #3574bb center no-repeat;background-size:30%;}

#Laboratory .nav2 ul li a:hover, #Laboratory .nav2 ul li a.cur,#Laboratory * .title h2,#Laboratory .gh-banner-pic div li .title h1,#Laboratory .address:hover ,#Laboratory .gh-page-path .right ul.path a.cur,#Laboratory .solutiondetail-top li .text h2 ,#Laboratory .address .title h3,#Laboratory .gh-page-path .left ul.path a.cur,#Laboratory .solutiontop .text h2,#Laboratory .solutiondetail-top-text li .text h2 {color: #3574bb;}

#Laboratory .gh-banner-pic div li .title line,#Laboratory .lefttext,#Laboratory .gh-case-main .left,#Laboratory .application li, #Laboratory .graph .left,#Laboratory .gh-page-path .left ul.nav a.cur,#Laboratory .module1 .text,#Laboratory .suspension .a.active,#Laboratory .suspension .a:hover,#Laboratory .address:hover,#Laboratory .pagenum a.cur,#Laboratory .pagenum a.on,#Laboratory .gh-business-module .module a:hover,#Laboratory .caselist a:hover,#Laboratory .gh-cases .cases a:hover  {background: #3574bb;}

#Laboratory .gh-case-main .left .title h2,#Laboratory .gh-page-banner .title h2,#Laboratory .graph .left .title h2,#Laboratory .application li .title h2,#Laboratory .application li .title h6,#Laboratory .address:hover .title h3  {color: #fff;}

#Laboratory .gh-imanufacturing-main .main .left,#Laboratory .white_content .btn .submit,#Laboratory .gh-solution .solution a:hover  {background: #3574bb;}


/* Preparation color */ 
#Preparation{}
#Preparation .header .logo {background: url(../images/logo-b.png) center no-repeat #6cba45;background-size:100%;}
#Preparation .nav2 h1{background: #2a7d00;}
#Preparation .tab li.on {border-top: 3px solid #6cba45;}
#Preparation .product:hover {border: 1px solid #6cba45;}
#Preparation .product:hover .text{border-top: 1px solid #6cba45;background: #6cba45;}
#Preparation .characteristics {background: url("../upload/p3.jpg") center no-repeat #000;background-size: cover;}
#Preparation .suspension .a-top {background: #6cba45 url(../images/up.png) center no-repeat;background-size:30%;}

#Preparation .gh-banner-pic .slick-prev:hover,#Preparation .casepic .slick-prev:hover { background:url("../images/left1.png") #6cba45 center no-repeat;background-size:30%;}
#Preparation .gh-banner-pic .slick-next:hover,#Preparation .casepic .slick-next:hover { background:url("../images/right1.png") #6cba45 center no-repeat;background-size:30%;}

#Preparation .nav2 ul li a:hover, #Preparation .nav2 ul li a.cur,#Preparation * .title h2,#Preparation .gh-banner-pic div li .title h1,#Preparation .address:hover ,#Preparation .gh-page-path .right ul.path a.cur,#Preparation .solutiondetail-top li .text h2 ,#Preparation .address .title h3,#Preparation .gh-page-path .left ul.path a.cur,#Preparation .solutiontop .text h2,#Preparation .solutiondetail-top-text li .text h2 {color: #6cba45;}

#Preparation .gh-banner-pic div li .title line,#Preparation .lefttext,#Preparation .gh-case-main .left,#Preparation .application li, #Preparation .graph .left,#Preparation .gh-page-path .left ul.nav a.cur,#Preparation .suspension .a.active,#Preparation .suspension .a:hover,#Preparation .address:hover,#Preparation .pagenum a.cur,#Preparation .gh-business-module .module a:hover,#Preparation .caselist a:hover,#Preparation .gh-cases .cases a:hover  {background: #6cba45;}

#Preparation .gh-case-main .left .title h2,#Preparation .gh-page-banner .title h2,#Preparation .graph .left .title h2,#Preparation .application li .title h2,#Preparation .application li .title h6,#Preparation .address:hover .title h3  {color: #fff;}

#Preparation .gh-imanufacturing-main .main .left,#Preparation .white_content .btn .submit,#Preparation .gh-solution .solution a:hover  {background: #6cba45;}



/* Electronic color */ 
#Electronic{}
#Electronic .header .logo {background: url(../images/logo-b.png) center no-repeat #1d2b8e;background-size:100%;}
#Electronic .nav2 h1{background: #172272;}
#Electronic .tab li.on {border-top: 3px solid #1d2b8e;}
#Electronic .product:hover {border: 1px solid #1d2b8e;}
#Electronic .product:hover .text{border-top: 1px solid #1d2b8e;background: #1d2b8e;}
#Electronic .characteristics {background: url("../upload/p4.jpg") center no-repeat #000;background-size: cover;}
#Electronic .suspension .a-top {background: #1d2b8e url(../images/up.png) center no-repeat;background-size:30%;}

#Electronic .gh-banner-pic .slick-prev:hover { background:url("../images/left1.png") #1d2b8e center no-repeat;background-size:30%;}
#Electronic .gh-banner-pic .slick-next:hover { background:url("../images/right1.png") #1d2b8e center no-repeat;background-size:30%;}

#Electronic .nav2 ul li a:hover,#Electronic .nav2 ul li a.cur,#Electronic * .title h2,#Electronic .gh-banner-pic div li .title h1,#Electronic .address:hover ,#Electronic .gh-page-path .right ul.path a.cur,#Electronic .address .title h3,#Electronic .gh-page-path .left ul.path a.cur,#Electronic .solutiontop .text h2,#Electronic .solutiondetail-top-text li .text h2 {color: #1d2b8e;}

#Electronic .gh-banner-pic div li .title line,#Electronic .lefttext,#Electronic .gh-case-main .left,#Electronic .application li, #Electronic .graph .left,#Electronic .gh-page-path .left ul.nav a.cur,#Electronic .suspension .a.active,#Electronic .suspension .a:hover,#Electronic .address:hover,#Electronic .pagenum a.cur,#Electronic .gh-business-module .module a:hover,#Electronic .caselist a:hover,#Electronic .gh-cases .cases a:hover,#Electronic .gh-business-module.module5 .module1 .text {  background: #1d2b8e;}

#Electronic .gh-case-main .left .title h2,#Electronic .gh-page-banner .title h2,#Electronic .graph .left .title h2,#Electronic .application li .title h2,#Electronic .application li .title h6,#Electronic .address:hover .title h3,#Electronic .gh-banner-pic div li .title.white *,#Electronic .solutiondetail-top li .text h2  {color: #fff;}
#Electronic .gh-banner-pic div li .title.white h4{color: #fff!important;}
#Electronic .gh-banner-pic div li .title.white line {background: #fff;}

#Electronic .gh-imanufacturing-main .main .left ,#Electronic .white_content .btn .submit,#Electronic .gh-solution .solution a:hover {background: #1d2b8e;}



/* 共用 */
#Medical .gh-page-banner .title.black h2,#Laboratory .gh-page-banner .title.black h2,#Preparation .gh-page-banner .title.black h2,#Electronic .gh-page-banner .title.black h2  {color: #000;}
#Medical .graph .left .title line,#Electronic .graph .left .title line ,#Preparation .graph .left .title line ,#Laboratory .graph .left .title line  {background: #fff;}
#Medical .lefttext h2,#Laboratory .lefttext h2,#Preparation .lefttext h2,#Electronic .lefttext h2 {color: #fff;opacity: 0.1;}
#Medical .suspension a.a-top:hover,#Laboratory .suspension a.a-top:hover,#Preparation .suspension a.a-top:hover,#Electronic .suspension a.a-top:hover{background:#000 url("../images/up.png") center no-repeat;background-size:30%;}

#Medical .gh-solution .solution .pic img,#Laboratory .gh-solution .solution .pic img,#Preparation .gh-solution .solution .pic img,#Electronic .gh-solution .solution .pic img{min-height: auto;max-height: none;}







#Medical .cd-nav-container,
#Laboratory .cd-nav-container,
#Preparation .cd-nav-container,
#Electronic .cd-nav-container 
{position: absolute;left:-50%;top: 0px;z-index:991;}

#Medical.notouch  .cd-nav-container.is-visible,
#Laboratory.notouch .cd-nav-container.is-visible,
#Preparation.notouch .cd-nav-container.is-visible,
#Electronic.notouch  .cd-nav-container.is-visible
{left:230px;}

#Medical .cd-nav-trigger.cur,
#Laboratory .cd-nav-trigger.cur,
#Preparation .cd-nav-trigger.cur,
#Electronic .cd-nav-trigger.cur
{margin-left: 280px;}


#Medical.notouch .scrollheader .cd-nav-container.is-visible,
#Laboratory.notouch .scrollheader .cd-nav-container.is-visible,
#Preparation.notouch .scrollheader .cd-nav-container.is-visible,
#Electronic.notouch .scrollheader .cd-nav-container.is-visible
{left:230px;}

.zeren li{float: left;
    width: 31.5%;
    margin-right: 1.8%;margin-bottom:1.8%;
    background: #e1ebe6;    border-radius: 60px 0 0 0;text-align:center;position: relative;}
	

.zeren li h3{line-height:270px;color:#d3e1d9;opacity: 0.5;font-size:240px;font-weight: bold;}

.zeren li h4{overflow: hidden;
    position: absolute;
    top: 35%;
    left: 10%;right:10%;font-size:22px;text-align:center;line-height:36px;color:#333333}

.cp_nr{overflow: hidden;border-top: 1px solid #eeeeee;margin-top:40px;}
.cp_nr img{max-width: 100%;
    height: auto;}

.cp_nr1{overflow: hidden;padding-top:20px;font-size:16px;}

.cp_nr1 strong {
    font-size: 16px;
    margin: 10px 0;
	font-weight: bold;
}

.cp_nr1 img{max-width: 100%;
    height: auto;}

.home_nav{text-align:center;}
.home_nav ul{margin:50px 0 0 0;}
.home_nav ul li{display:inline-block;width:auto;position:relative;margin-bottom:10px;margin-left:10px;}
.home_nav ul li a{display:block;padding:10px 35px;color:#333;font-size:14px;background:#fff;margin:0 2px;border-radius:2px;border:1px solid #E7E7E7;}
.home_nav ul .hover a,.home_nav ul li a:hover{display:block;color:#fff;font-size:14px;background:#188f5e;margin:0 2px;}

.home_nav ul li dl{display:none;background:#188f5e;padding:2px 0;margin:16px 0 0 0;z-index:999;}
.home_nav ul .hover dl{display:none;text-align:left;position:absolute;top:20px;left:3px;}
.home_nav ul .hover dl dt a{display:block;font-weight:normal;color:#fff;background:#188f5e;min-width:200px;border:0;}
.home_nav ul .hover dl dt a:hover{background:#fff;color:#333;border:0;}

.pagelist ul{text-align:center;margin:20px 0;font-size:16px;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#188f5e;background:#188f5e;color:#fff;}
.pagelist li.active a{border-color:#188f5e;background:#188f5e;color:#fff;}
.disabled{color: #666;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 6px 15px;}
	.current{color: #666;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 6px 15px;}

.inner_container{min-height:600px;padding:20px 0;}
.inner_container h1{text-align:center;font-size:30px;font-weight:400;margin:0 0 20px 0;padding:0;}

.page_show a{color:#06C;}
.page_show a:hover{color:#f30;}

/*新闻相关*/
.news_show{padding-top:20px;}

.news_show .info{margin:15px 0;padding:15px 15px;font-size:14px;color:#999999;text-align:center;border-bottom: 1px solid #999999;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}

.news_show .intro{font-size:16px;text-align:left;}

.news_show .intro img{max-width:100%;height:auto;}
.news_show .prenext{margin-top:30px;text-align:center;overflow: hidden;}
.news_show .prenext p{font-weight:bold;}
.news_show .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;font-size: 14px;}
.news_show .prenext a span{font-size:18px;margin-right:10px;}
.news_show .prenext a em{font-style:normal;font-size:18px;}
.news_show .prenext a:hover{background:#167c46;border-color:#167c46;color:#fff;}
.news_show .prenext a:hover span{color:#fff;}
.news_show .prenext .pre{float: left;}
.news_show .prenext .next{float: right;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#167c46;color:#fff;border-color:#167c46;}


.news_show_list{}
.news_show_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;}
.news_show_list li .date{float: left; width: 86px;height: 80px;}
.news_show_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#2384d5;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}
.news_show_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}
.news_show_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}
.news_show_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}

.zhaopin{width: 100%;
    position: relative;
    overflow: hidden;background: #f8f8f8;padding:50px 0;}

.zhaopin h2{font-size:36px;color:#188f5e}
.zhaopin1{margin-top:50px;}
.zhaopin1 li{background-color:#fff;border-radius: 10px;padding:20px;overflow: hidden;margin:20px 0;}

.zhaopin1_left{float:left;width:30%;}
.zhaopin1_left h3{font-size:32px;color:#333333;text-align:left;padding-right:10%;padding-top:5%}
.zhaopin1_left h3 span{margin-left:15px;}

.zhaopin1_left dl{margin-top:20px;color:#999999;font-size:18px;padding-left:5px;}
.zhaopin1_left dl dd{padding:10px 0;}
.zhaopin1_right{width:60%;float:right;border-left: 1px solid #eeeeee;padding-left:5%;padding-top:2%;}
.gangwei{padding:10px 0;font-size:16px;}
.zhaopin1_right h4{font-size:18px;padding-bottom:25px;}

.ny_contact{overflow: hidden;margin-bottom:20px;}
.ny_contact_left{width:44.5%;float:left;overflow: hidden;margin-right:1%;background-color:#fff;border-radius: 60px 0 0 0;padding:0 2.5%}
.ny_contact_left h2{padding:20px 20px;font-size:30px;color:#188f5e}
.ny_contact_right{width:44.5%;float:left;overflow: hidden;background-color:#fff;border-radius: 0 0 60px 0;padding:0 2.5%}
.ny_contact_right h2{padding:20px 20px;font-size:30px;color:#188f5e}
.liuyan{padding:5px 20px;overflow: hidden;}

.liuyan .liuyan_1{width: 95%;
    height: 50px;
    line-height: 50px;
    padding: 0 2%;
    overflow: hidden;
    background: none;
    color: #666666;
    border: 1px solid #eeeeee;
    outline: none;margin-bottom:20px;font-size:16px;}
.liuyan_2{width: 95%;
    height: 100px;
    line-height: 25px;
    padding: 0 2%;
    overflow: hidden;
    background: none;
    color: #666666;
    border: 1px solid #eeeeee;
    outline: none;margin-bottom:37px;font-size:16px;}
.tijiao{padding:10px 40px; background-color:#167c46;color:#fff;margin-bottom:20px;}
.gh-cases{ overflow: hidden;}


.gh-page-main  {padding: 3% 0  1% 0;}
	.gh-page-path form#search {position: relative;display: block;}
	.searchinput {float: left;width: 200px;line-height: 40px;border: 1px solid #ccc;padding: 0 20px;}
	.searchsubmit {display: block;width:50px;height: 42px;background:#fff;border: 1px solid #ccc;float: left;margin-left: 10px;color: #666;cursor: pointer;}
	.searchsubmit:hover {background:#167c46;color: #fff;}
	.searchnone {text-align: center;font-size: 16px;color: #666;padding: 5% 0;}
	.searchtitle {font-size: 14px;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;color: #000;font-weight: bold;}
	.search-news {}
	.searchnews {padding:10px 0 10px 0;overflow: hidden;border-bottom: 1px dashed #ccc;}
	.search-news a {display: block;}
	.search-news a .text {overflow: hidden;}
	.search-news a .text h3{font-size: 14px;font-weight: bold;color: #000;}
	.search-news a .text h4{font-size: 12px;color: #999;padding: 10px 0;overflow: hidden;}
	.search-news a:hover .text h3{text-decoration: underline;}

.inner_container{
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
}

.news_list{}
.news_list li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:12px 0 12px 0;}
.news_list li .date{background:#167c46;color:#fff;display:inline-block;margin-right:20px;float:left;text-align:center;font-size:30px;width: 70px;font-weight: bold}
.news_list li .date em{display:block;font-style:normal;font-weight: normal; font-size:14px;background:#eee;margin-top:5px;color: #888}
.news_list li div{color:#999;font-size:12px;margin-left:95px;line-height:22px;}
.news_list li div a{display:block;font-size:18px;color:#333;margin-bottom:5px;}
.news_list li div a:hover{color:#f30;}


.col-md-3{color: #fff;
    text-align: center;
    float: left;
    width: 25%;
    position: relative;}

.counter{
	
	text-align: center;
	position: relative;
}
.counter .counter-content{
	font-size: 40px;
    line-height: 74px;
   
    text-align: center;
   position: relative;
    color: #fff;
   
	
}
.counter i{position: absolute;
    left: 69%;
    top: 0;
    font-size: 32px;}
.counter .counter-content:before{
	
}
.counter .counter-content:after{
	
}
.counter .counter-icon{
	display: block;
	font-size: 50px;
	color: #f19f48;
	line-height: 50px;
	
}
.counter .counter-value{
	    font-size: 60px;
    color: #fff;
    
	
	
}
.counter .title{
	display: inline-block;
	font-size: 16px;
	    color: #fff;
	width:185px;
	
	text-align:center;
	
	
	
	
	margin: 0;
}
.counter.red .counter-content:before{
	border-color: #ef5f61;
	border-bottom-color: transparent;
}
.counter.red .counter-content:after{ border-top-color: #ef5f61; }
.counter.red .counter-icon{ color: #ef5f61; }
.counter.red .title{ background: #ef5f61; }
.counter.blue .counter-content:before{
	border-color: #4d9fcf;
	border-bottom-color: transparent;
}
.counter.blue .counter-content:after{ border-top-color: #4d9fcf; }
.counter.blue .counter-icon{ color: #4d9fcf; }
.counter.blue .title{ background: #4d9fcf; }
.counter.purple .counter-content:before{
	border-color: #a98ceb;
	border-bottom-color: transparent;
}
.counter.purple .counter-content:after{ border-top-color: #a98ceb; }
.counter.purple .counter-icon{ color: #a98ceb; }
.counter.purple .title{ background: #a98ceb; }

.shijian3{font-size: 60px;
    color: #ae0327;
    font-family: Impact;
    line-height: 100px;
    text-shadow: 1px 1px 1px #333;}

/*大事记start*/
.event_box{position:relative;}
.event_box .parHd {width:100%;display:inline-block;height:180px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;float:left;position: relative;height:180px;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:100%;height:4px;background:#cccccc;position:absolute;right:0;top:48%;z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;font-size:24px;color:#ccc;margin:0 30px;position:relative;width:120px;!important;height:100%;}
 .parHd li .line{background-color:#ccc;}
.parHd li:after{content:'';width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;border-radius:50px;background-color:#cccccc}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}

div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;bottom:25%;z-index:999}
.sPrev{left:-18px;}
.sNext{right:8px;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;position:absolute;top:-12px;left:48px;z-index:21;background-color:#167c46;border-radius:50px;}
.parHd li span,.parHd li.clone span{display:none;}

.slideBox{animation: bounceInLeft 1s infinite forwards cubic-bezier(0.215, 0.610, 0.355, 1.000);  animation-iteration-count:1;padding: 20px 2%;
    background: #fff;
   width:94.5%;
    overflow: hidden;
    display: none;
    min-height: 248px;
	border: 1px solid #cccccc;
}

.lc1,.lc3,.lc5,.lc7,.lc9,.lc11,.lc13,.lc15,.lc17,.lc19,.lc21,.lc23,.lc25,.lc27,.lc29,.lc31{top:42%;}
.act.line{background-color:#167c46!important}
.act dd{color:#167c46!important}
.lc1 span,.lc3 span,.lc5 span,.lc7 span,.lc9 span,.lc11 span,.lc13 span,.lc15 span,.lc17 span,.lc19 span,.lc21 span,.lc23 span,.lc25 span,.lc27 span,.lc29 span,.lc31 span{top:20%}
.lc1 .line,.lc3 .line,.lc5 .line,.lc7 .line,.lc9 .line,.lc11 .line,.lc13 .line,.lc15 .line,.lc17 .line,.lc19 .line,.lc21 .line,.lc23 .line,.lc25 .line,.lc27 .line,.lc29 .line,.lc31 .line{width:2px;    margin: 0 auto;height:32px;margin-bottom:10px;}

.lc2,.lc4,.lc6,.lc8,.lc10,.lc12,.lc14,.lc16,.lc18,.lc20,.lc22,.lc24,.lc26,.lc28,.lc30{bottom:15%;}
.lc2 dd,.lc4 dd,.lc6 dd,.lc8 dd,.lc10 dd,.lc12 dd,.lc14 dd,.lc16 dd,.lc18 dd,.lc20 dd,.lc22 dd,.lc24 dd,.lc26 dd,.lc28 dd,.lc30 dd{position: absolute;top:15%;text-align:center;width:100%;}
.lc2:after,.lc4:after,.lc6:after,.lc8:after,.lc10:after,.lc12:after,.lc14:after,.lc16:after,.lc18:after,.lc20:after,.lc22:after,.lc24:after,.lc26:after,.lc28:after,.lc30:after{top:50%!important;left:30%;}
.lc2 span,.lc4 span,.lc6 span,.lc8 span,.lc10 span,.lc12 span,.lc14 span,.lc16 span,.lc18 span,.lc20 span,.lc22 span,.lc24 span,.lc26 span,.lc28 span,.lc30 span{top:20%}

.lc2 .line,.lc4 .line,.lc6 .line,.lc8 .line,.lc10 .line,.lc12 .line,.lc14 .line,.lc16 .line,.lc18 .line,.lc20 .line,.lc22 .line,.lc24 .line,.lc26 .line,.lc28 .line,.lc30 .line{width:2px;    background-color:#167c46;height:32px;   position: absolute;top:32%;
left:49%;
}
.lc2.act span,.lc4.act span,.lc6.act span,.lc8.act span,.lc10.act span,.lc12.act span,.lc14.act span,.lc16.act span,.lc18.act span,.lc20.act span,.lc22.act span,.lc24.act span,.lc26.act span,.lc28.act span,.lc30.act span{
    
    top: 50%!important;   
}













.slideBox .pic {
    width: 30%;
    float: left;
}
.slideBox .pic img {
    display: block;
    width: 100%;
    height: auto;
  
}
.slideBox .text {
    width: 60%;
    padding: 3%;
    float: left;
    color: #666;
	text-align:left;
}

.slideBox .text h2 {
    font-size: 44px;
    line-height: 44px;
    display: block;
    overflow: hidden;
    font-weight: bold;
    color: #000;
}
.slideBox .text line {
    height: 1px;
    width: 80px;
    background: #666;
    margin: 20px 0;
    opacity: 0.5;
    display: block;
    overflow: hidden;
}
.slideBox .text h3 {
    font-size: 18px;
    color: #666;
    line-height: 26px;
}
.slideBox .text h3 p {
    margin: 3px 0;
}






.china-map{width:100%;height:620px;background:url(../images/cangku1.jpg) center no-repeat;position:relative;background-repeat: no-repeat;
    background-size: 100%;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left: 47.7%;top: 35.7%;}
.postition-2{left:54.6%;top:50%}
.postition-3{left:58.7%;top:73%}
.postition-4{left:61%;top:53.5%}
.postition-5{left:60.2%;top:62.5%}
.postition-6{left:62.5%;top:64.5%}
.postition-7{left:63%;top:69%}

.postition-8{left:63.6%;top:78%}
.postition-9{left:64.6%;top:74%}
.postition-10{left:64.5%;top:54.5%}
.postition-11{left:67%;top:48%}
.postition-12{left:67%;top:66.5%}
.postition-13{left:68%;top:75%}
.postition-14{left:68.4%;top:60%}
.postition-15{left:68.6%;top:43%}
.postition-16{left:70.3%;top:63%}

.postition-17{left:71.5%;top:39.5%}
.postition-18{left:72.3%;top:56%}
.postition-19{left:73.5%;top:59%}
.postition-20{left:72%;top:67%}
.postition-21{left:75%;top:35.5%}
.postition-22{left:77%;top:29.5%}
.postition-23{left:78.5%;top:21%}


.douhao{width:0}

.cangku1{display: none;}






.china-map1{width:100%;height:620px;background:url(../images/wangluo.jpg) center no-repeat;position:relative;background-repeat: no-repeat;
    background-size: 100%;}
.region-list.active .area-box_sj .dot{background:#009fd9}
.region-list.active .area-box_sj .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box_sj .dot{background:#f90}
.region-list.waite .area-box_sj .pulse{border-color:#f90}

.area-box_sj .dot{position:absolute;left:0;width:15px;height:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box_sj .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:4px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.postition1-1{left: 73%;top: 280px;}
.postition1-2{left: 53%;top: 200px;}
.postition1-3{left: 24%;top: 230px;}
.postition1-4{left: 52%;top: 360px;}
.postition1-5{left: 77%;top: 490px;}

.region-list.red .area-box_sj .dot{background:#d40000}
.region-list.red .area-box_sj .pulse{border-color:#d40000;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #d10c0b,0 0 20px #d40000 inset;-moz-box-shadow:0 0 12px #d10c0b,0 0 20px #d40000 inset;box-shadow:0 0 12px #d40000,0 0 20px #d40000 inset}

.region-list.lvse .area-box_sj .dot{background:#63affd}
.region-list.lvse .area-box_sj .pulse{border-color:#63affd;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #d10c0b,0 0 20px #63affd inset;-moz-box-shadow:0 0 12px #63affd,0 0 20px #63affd inset;box-shadow:0 0 12px #63affd,0 0 20px #63affd inset}