.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: #999;}
.gh-page-path .left ul.nav a{font-size: 14px;line-height: 20px; color: #999;padding: 10px;min-width: 80px; text-align: center; margin-right:5px;float: left;border: 1px solid #ededed;}
.gh-page-path .left ul.nav a:hover {color: #000;background: #ccc;}
.gh-page-path .left ul.nav a.cur {color: #fff;background: #000;}

.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:4% 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("../image/ss-b.svg") center no-repeat rgba(0,0,0,0.3);background-size:30%;display: none;}
.gh-solution .solution .pic img{width: 100%; height: 320px;}
.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("../image/right2.svg") 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("../image/left-h.svg")  center no-repeat;background-size: 100%;}
.solutiondetail-top .swiper-button-next { background:url("../image/right-h.svg")  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("../image/left2.svg") 20% center no-repeat;background-size:20%;text-indent: 20px;}
.fanye a.prev:hover {background: url("../image/left1.svg") 20% center no-repeat #000;background-size:20%;}
.fanye a.next {float: right;background: url("../image/right2.svg") 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("../image/right1.svg") 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("../image/ss-b.svg") center no-repeat rgba(0,0,0,0.5);background-size:30%;display: none;}
.product .pic img{width: auto; height: 270px;}
.product .pic a{display: flex;justify-content:center;}
.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("../image/left3.svg") center no-repeat;background-size:70%;}
.pagenum a.next {background: url("../image/right3.svg") center no-repeat;background-size:70%;}
.pagenum a.prev:hover {opacity: 1.0;background: url("../image/left1.svg") center no-repeat #000;background-size:70%;}
.pagenum a.next:hover {opacity: 1.0;background: url("../image/right1.svg") center no-repeat #000;background-size:70%;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}


.gh-productdetail {}
.gh-productdetail .left {width:55%;float: left;}
.gh-productdetail .left .pic{width:100%;position: relative;}
.gh-productdetail .left .pic img {display: block;width:100%;height:auto;min-height: 593px;max-height: 593px;}
.gh-productdetail .right {width:40%;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;}
.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: 0px 0 10px 0;font-size: 14px; line-height: 24px;color: #666;border-bottom:#dedede 1px solid; }
.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("../image/left2.svg") 20% center no-repeat;background-size:15%;text-indent: 20px;}
.gh-productdetail .right .button a.bprev:hover{background: url("../image/left1.svg") 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("../image/right2.svg") 80% center no-repeat;background-size:15%;text-indent: -20px;}
.gh-productdetail .right .button a.bnext:hover{background: url("../image/right1.svg") 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("../image/left-h.svg")  center no-repeat;background-size:100%;}
.detailpic .swiper-button-next { background:url(../image/right-h.svg)  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("../image/left-h.svg")  center no-repeat;background-size:100%;}
.gh-other-product .swiper-button-next { background:url(../image/right-h.svg)  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:23%;height:100%;padding:0 5%;position: absolute;}
.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: 14px;line-height: 30px;overflow: hidden;}
.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:-20%;top: 0;width:60%;z-index: 1;}
.manufacturing .main .left i img{width:100%;height:auto;opacity: 0.1;}
.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:68%;float: right;position: relative;background: #fff; min-height: 672px;max-height: 672px;overflow: hidden;}
.manufacturing .main .pic img{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: #ea4a53;}
.bg2 {background: #246cdb;}
.bg3 {background: #4766da;}
.bg4 {background: #61c961;}

.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("../image/left-b.svg")  center no-repeat;background-size:100%;}
.manufacturing .main .pic .swiper-button-next { right:0px;background:url(../image/right-b.svg)  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: 100%;height: 100%;left: 0;top: 0;}
.manufacturing .main .pic .swiper-slide.picimgs2 {position: absolute;width: 40%;height: 50%;right: 0;top: 0;}
.manufacturing .main .pic .swiper-slide.picimgs3 {position: absolute;width: 40%;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: 4px 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("../image/ss-b.svg") 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:48px;font-weight:bold;color: #000;}
.gh-about .atitle h3{font-size:30px;color: #000;}
.gh-about .atitle h3 strong {font-size:30px;color: #000;}
.gh-about .atitle line{height: 2px;width:40px;background: #666;margin:10px auto;}

 

.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("../image/right1.svg") 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("../image/right2.svg") 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: #000;font-weight: bold;}
.history-years .swiper-slide-thumb-active li i{width: 10px;height: 10px;background: #000;}

  

.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 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("../image/left-h.svg")  center no-repeat;background-size:100%;}
.history-text .swiper-button-next { right:0px;background:url(../image/right-h.svg)  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{background: #999;padding:5% 2.4% 0 2.4%;float: left;width:15%;height:200px;margin:0 0.1% 0.5% 0;}
.culture li:hover {background: #0086ed;}
.culture li .title{ }
.culture li .title h2{font-size: 24px;color: #fff;font-weight: bold;}
.culture li .title h3{font-size: 18px;color: #fff;}
.culture li .title line{height:1px;width:40px;background: #fff;margin:20px 0;opacity: 0.5;}
.culture li .title h4{font-size: 14px;line-height: 24px; color: #fff;}
.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:1px;width:40px;background: #999;margin:20px 0;opacity: 0.5;}
.values li .text h6{display: block;font-size: 14px;line-height: 24px; color: #999;}
.values li.values1 {width:39.7%;}
.values li.values2 {width:39.8%;background: #fff;}
.values li.values2 .text {margin-top: 10%;}
.values li.values4 {width:39.7%;background: #565656;}
.values li.values4 .text h3{color: #fff;}
.values li.values5 {width:39.8%;}
.values li.values6 {background: #605068;}
.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("../image/left-h.svg")  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("../image/right-h.svg")  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("../image/left-h.svg")  center no-repeat;background-size:100%;} 
.activities .right .swiper-button-next {background:url("../image/right-h.svg")  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:5% 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: 10px;background: #f1f1f1;   padding: 2em;}
.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;}
 
	
 

.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("../image/right2.svg") 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("../image/add.svg") 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;}




/* 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: #000;}
.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("../image/ss-b.svg") 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("../image/right2.svg") 90% center no-repeat #fff;background-size:20%;}
.gh-cases .cases a:hover {background: #000;}

.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("../image/left2.svg") 20% center no-repeat;background-size:20%;text-indent: 20px;}
.gh-cases-detail .fanye .prev:hover {background: url("../image/left1.svg") 20% center no-repeat #000;background-size:20%;}
.gh-cases-detail .fanye .next {float: right;background: url("../image/right2.svg") 90% center no-repeat;background-size:20%;text-indent: -20px;}
.gh-cases-detail .fanye .next:hover {background: url("../image/right1.svg") 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(../image/logo-b.svg) 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("../image/p1.jpg") center no-repeat #000;background-size: cover;}

#Medical .gh-banner-pic .slick-prev:hover,#Medical .casepic .slick-prev:hover { background:url("../image/left1.svg") #1aadae center no-repeat;background-size:30%;}
#Medical .gh-banner-pic .slick-next:hover,#Medical .casepic .slick-next:hover { background:url("../image/right1.svg") #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(../image/logo-b.svg) 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("../image/p2.jpg") center no-repeat #000;background-size: cover;}
#Laboratory .suspension .a-top {background: #3574bb url(../image/up.svg) center no-repeat;background-size:30%;}

#Laboratory .gh-banner-pic .slick-prev:hover,#Laboratory .casepic .slick-prev:hover { background:url("../image/left1.svg") #3574bb center no-repeat;background-size:30%;}
#Laboratory .gh-banner-pic .slick-next:hover,#Laboratory .casepic .slick-next:hover { background:url("../image/right1.svg") #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(../image/logo-b.svg) 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("../image/p3.jpg") center no-repeat #000;background-size: cover;}
#Preparation .suspension .a-top {background: #6cba45 url(../image/up.svg) center no-repeat;background-size:30%;}

#Preparation .gh-banner-pic .slick-prev:hover,#Preparation .casepic .slick-prev:hover { background:url("../image/left1.svg") #6cba45 center no-repeat;background-size:30%;}
#Preparation .gh-banner-pic .slick-next:hover,#Preparation .casepic .slick-next:hover { background:url("../image/right1.svg") #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(../image/logo-b.svg) 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("../image/p4.jpg") center no-repeat #000;background-size: cover;}
#Electronic .suspension .a-top {background: #1d2b8e url(../image/up.svg) center no-repeat;background-size:30%;}

#Electronic .gh-banner-pic .slick-prev:hover { background:url("../image/left1.svg") #1d2b8e center no-repeat;background-size:30%;}
#Electronic .gh-banner-pic .slick-next:hover { background:url("../image/right1.svg") #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("../image/up.svg") 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;}