@charset "utf-8";


section { display: block; width:75.5%; margin: auto;position: relative;}
.more{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;margin-top: 20px;
background: url("../images/right2.svg") 90% center no-repeat;background-size:20%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.more:hover {background: url("../images/right1.svg") 90% center no-repeat #000;background-size:20%;color:#fff;opacity: 1.0;}


/* banner */
.gh-banner {overflow: hidden;position: relative; width:100%; background: #000;}

.gh-banner-pic div a { position:relative; display:block;}
.gh-banner-pic div li * {color: #fff;overflow:hidden;display: block;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.gh-banner-pic div li { position: relative;}
.gh-banner-pic div li .title { width: 800px;position: absolute;left:12%;top:35%;  z-index: 1;}
.gh-banner-pic div li .title * {filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; }
.gh-banner-pic div li .title h2{ font-size:60px;line-height:60px; color: #000;font-weight:bold;margin-top:10%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-family:'Montserrat-Bold',Arial;}
.gh-banner-pic div li .title h3{ font-size:48px;color: #000;}
.gh-banner-pic div li .title line { height: 2px;width:40px;background: #888;margin:2% 0;}
.gh-banner-pic div li .title h4{ font-size:24px;color: #888;}
.gh-banner-pic div li .title h6 {width: 113px;height: 38px;line-height: 38px;border: solid 1px #888;text-align: center;color: #888;font-size: 14px;
margin-top: 50px;background: url("../images/right3.svg") 90% center no-repeat;background-size:20%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.gh-banner-pic div li .title h6:hover {background: url("../images/right1.svg") 90% center no-repeat #000;background-size:20%;color:#fff;}
.gh-banner-pic div li .pic {width: 100%; height: auto;}
.gh-banner-pic div li .pic img {width: 100%; height: auto;}

.gh-banner-pic div li .center {text-align: center; left: 50%;margin-left: -300px;}
.gh-banner-pic div li .center line { margin:5% auto;}
.gh-banner-pic div li .center h6  {margin: 50px auto auto auto;}
.gh-banner-pic div li .right {text-align: right; left:auto;right:12%;}
.gh-banner-pic div li .right h6,.gh-banner-pic div li .right line  {display: inline-block;}
.gh-banner-pic div li .none {display: none;}

 
.gh-banner .slick-active li .title *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.gh-banner .slick-active li .title h2{margin-top:0;}
.gh-banner .swiper-slide-active li .title *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.gh-banner .swiper-slide-active li .title h2 {transition-delay: 0.4s;margin-top:0;}
.gh-banner .swiper-slide-active li .title h3 {transition-delay: 0.6s;}
.gh-banner .swiper-slide-active li .title line {transition-delay: 0.7s;}
.gh-banner .swiper-slide-active li .title h4 {transition-delay: 0.8s;}
.gh-banner .swiper-slide-active li .title h6 {transition-delay: 1.0s;}
.gh-banner .swiper-slide-active li .title h6:hover {transition-delay:0s;color:#fff;}

.gh-banner .swiper-button-prev,.gh-banner .swiper-button-next {height:50px;width:80px;bottom:0;top:auto;margin-top:0px;opacity: 1.0;display: none;}
.gh-banner .swiper-button-prev { left:auto;right:12%;margin-right:80px;background:url("../images/left3.svg") #fff center no-repeat;background-size:30%;}
.gh-banner .swiper-button-next { right:12%; background:url(../images/right3.svg)  #f1f1f1 center no-repeat;background-size:30%;}
.gh-banner .swiper-button-prev:hover {opacity: 1.0;background:url("../images/left1.svg") #000 center no-repeat;background-size:30%;}
.gh-banner .swiper-button-next:hover {opacity: 1.0;background:url("../images/right1.svg") #000 center no-repeat;background-size:30%;}
.gh-banner .swiper-button-disabled {}
.gh-banner .swiper-pagination {display: block;}




 /* business */
.gh-business {width: 100%;position: relative;overflow: hidden; background: #fff; padding:1.5% 0;}
.gh-business-icon {position: relative;}
.gh-business-icon .icon{width:90%;margin: auto;}
.gh-business-icon .icon  * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-business-icon .icon a{}
.gh-business-icon .icon a i{width:28%;float: left;}
.gh-business-icon .icon a i img {width: 80px;height: 80px;}
.gh-business-icon .icon a span {width: 60%;float: left;padding: 5px 0 5px 10%;}
.gh-business-icon .icon a span h4{color: #000;font-size: 20px;}
.gh-business-icon .icon a span h5{color: #999;font-size: 14px;line-height: 22px;padding-top:5px;}
.gh-business-icon .icon a:hover span h5 {color: #000;}
.h5none { margin-top: 25px;}

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



.gh-business-module {position: relative;margin:3% auto;}
.gh-business-module * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-business-module .title{text-align: center;margin-bottom: 40px;}
.gh-business-module .title h2{font-size:36px;color: #000;font-weight: bold;}
.gh-business-module .title h3{font-size:24px;color: #000;}
.gh-business-module .title line{height: 2px;width:40px;background: #666;margin:10px auto;}
.gh-business-module .module:hover {-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc ;box-shadow:0px 0px 10px #ccc;}
.gh-business-module .module {background: #fff;position: relative;width:66.33%;max-height: 510px;float: left;margin-bottom:1%;margin-right: 1%;}
.gh-business-module .module .pic img{width:100%;height:auto;min-height: 236px;max-height: 236px;}
.gh-business-module .module .text{width: 40%;float: left;padding: 5% 5% 0 5%;}
.gh-business-module .module .text h3{font-size: 20px;color: #000;}
.gh-business-module .module .text line{height: 1px;width: 80px;background: #000;margin: 20px 0;opacity: 0.2;}
.gh-business-module .module .text h4{font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module .module .text li{padding-top:8%;font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.gh-business-module .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.gh-business-module .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.gh-business-module .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.gh-business-module .module .pic{width: 50%;float: left;}
.gh-business-module .module .pic img{width:100%;height:auto;}
.gh-business-module .module 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);}
.gh-business-module .module a:hover {background: #333;}
.gh-business-module .module a:hover .text{}
.gh-business-module .module a:hover .text * {color: #fff;}
.gh-business-module .module a:hover .text line{width:100%;background: #fff;}
.gh-business-module .module a:hover .text h6.more {background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;opacity: 1.0;}
.gh-business-module .module a:hover .text h3 {color: #fff;}
.gh-business-module .module a:hover .text h4 {color: #fff;}


.gh-business-module.module1 .module{background: #fff;position: relative;width:100%;float: left;margin-bottom:1%;margin-right:0;}
.gh-business-module.module1 .module1 {background: #666;}
.gh-business-module.module1 .module1 .pic {width:40%;padding:0;background: #fff;}
.gh-business-module.module1 .module1 .pic img{min-height: auto;max-height: none;}
.gh-business-module.module1 .module1 .text{width: 50%;float: left;padding:5%;}
.gh-business-module.module1 .module1 .text * {color: #fff;}
.gh-business-module.module1 .module1 .text line {background: #fff;}
.gh-business-module.module1 .module1 a .text h6.more{color:#fff;border:solid 1px #fff;background:url(../images/right1.svg) 90% center no-repeat;background-size: 20%;}


.gh-business-module.module2 .module1{background: #fff;position: relative;width:66.33%;max-height: 510px;float: left;margin-bottom:1%;margin-right:1%;}
.gh-business-module.module2 .module1 {background: #666;}
.gh-business-module.module2 .module1 .pic {width:50%;padding:0;background: #fff;float: right;}
.gh-business-module.module2 .module1 .pic img{min-height: 510px;max-height: 510px;}
.gh-business-module.module2 .module .text{width: 40%;float: left;padding:10% 5% 0 5%;}
.gh-business-module.module2 .module1 .text {position: absolute;left: 0;}
.gh-business-module.module2 .module1 .text * {color: #fff;}
.gh-business-module.module2 .module1 .text line {background: #fff;}
.gh-business-module.module2 .module1 a .text h6.more{color:#fff;border:solid 1px #fff;background:url(../images/right1.svg) 90% center no-repeat;background-size: 20%;}
.gh-business-module.module2 .module2 {width: 32.66%;margin-right:0;}
.gh-business-module.module2 .module2 a{height: 510px;}
.gh-business-module.module2 .module2 .text{width:90%;float: none;padding:5% 5% 10% 5%;}
.gh-business-module.module2 .module2 .text h3{font-size: 26px;}
.gh-business-module.module2 .module2 .pic{width:100%;float:none;}
.gh-business-module.module2 .module2 .pic img {height: 310px;min-height: 310px;max-height: 310px;}



.gh-business-module.module3 .module {width:32.66%;float: left;margin-bottom:1%;margin-right: 1%;min-height: auto;max-height: none;}
.gh-business-module.module3 .module a {min-height: 470px;}
.gh-business-module.module3 .module .text{width: 90%;padding:5%;}
.gh-business-module.module3 .module .text h3{font-size: 20px;color: #000;}
.gh-business-module.module3 .module .text line{height: 1px;width:40px;background: #000;margin: 20px 0;opacity: 0.2;}
.gh-business-module.module3 .module .text h4{font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module.module3 .module .text li{padding:8% 0;display: none;}
.gh-business-module.module3 .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.gh-business-module.module3 .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.gh-business-module.module3 .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.gh-business-module.module3 .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.gh-business-module.module3 .module .pic {width:100%;}
.gh-business-module.module3 .module .pic img{width:100%;height:auto;}
.gh-business-module.module3 .module 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);}
.gh-business-module.module3 .module:last-child {margin-right: 0;}


.gh-business-module.module4 .module {width:49.5%;margin-right:1%;min-height: auto;max-height: none;}
.gh-business-module.module4 .module .text li{display: none;}
.gh-business-module.module4 .module .pic {width:35%;}
.gh-business-module.module4 .module .pic img {min-height: 236px;max-height: 236px;}
.gh-business-module.module4 .module .text {}
.gh-business-module.module4 .module.module2,.gh-business-module.module4 .module.module4 {margin-right: 0;}

.gh-business-module.module5 .module {background: #fff;position: relative;width:32.66%;max-height: 510px;float: left;margin-bottom:1%;margin-right: 1%;}
.gh-business-module.module5 .module a {}
.gh-business-module.module5 .module .text{width: 40%;float: left;padding: 5% 5% 0 5%;}
.gh-business-module.module5 .module .text h3{font-size: 20px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gh-business-module.module5 .module .text line{height: 1px;width: 80px;background: #000;margin: 20px 0;opacity: 0.2;}
.gh-business-module.module5 .module .text h4{font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module.module5 .module .text li{padding-top:8% ;font-size:14px;line-height: 24px; color: #fff;opacity: 0.8;}
.gh-business-module.module5 .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.gh-business-module.module5 .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.gh-business-module.module5 .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.gh-business-module.module5 .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.gh-business-module.module5 .module .pic{width: 50%;float: left;}
.gh-business-module.module5 .module .pic img{width:100%;height:auto;}
.gh-business-module.module5 .module 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);}
 
.gh-business-module.module5 .module1 {float: left;width:66.3%;}
.gh-business-module.module5 .module1 .text{background: #1aadae;height:90%;width:44%; padding:10% 3% 0 3%;position: absolute;left: 0;top: 0;z-index: 1;}
.gh-business-module.module5 .module1 .text h3{color: #fff;font-size: 30px;}
.gh-business-module.module5 .module1 .text h4{color: #fff;}
.gh-business-module.module5 .module1 .text li div.tubiao h6 {color: #fff;}
.gh-business-module.module5 .module1 .text line{background: #fff;opacity: 0.5;}
.gh-business-module.module5 .module1 .text .more{margin-top: 50px;border: solid 1px #fff;color: #fff;background: url("../images/right1.svg") 90% center no-repeat;background-size:20%;opacity: 0.5;}
.gh-business-module.module5 .module1 .text .more:hover {background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;}
.gh-business-module.module5 .module1 .pic{float: right;}
.gh-business-module.module5 .module1 .pic img {height: 510px;max-height:510px;}
.gh-business-module.module5 .module2 {margin-right:0;}
.gh-business-module.module5 .module2 a{height: 510px;}
.gh-business-module.module5 .module2 .text{width:90%;float: none;padding:5% 5% 10% 5%;}
.gh-business-module.module5 .module2 .text h3{font-size: 26px;}
.gh-business-module.module5 .module2 .pic{width:100%;float:none;}
.gh-business-module.module5 .module2 .pic img {height: 310px;min-height: 310px;max-height: 310px;}
.gh-business-module.module5 .module5 {margin-right:0;}



.viewmore {clear: both;padding:30px 0 10px 0;}
.viewmore a {display: block;width: 150px;height: 40px;line-height:42px;margin: auto;text-align: center;color: #999;font-size: 14px;text-transform: uppercase;
background: url("../images/right3.svg") 90% center no-repeat #fff;background-size:15%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.viewmore a:hover {background: url("../images/right1.svg") 90% center no-repeat #000;background-size:15%;color:#fff;}



 /* Manufacturing */
.gh-imanufacturing {background-position: center top;background-repeat: no-repeat;background-size:100%;}
.gh-imanufacturing * {color: #fff;overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-imanufacturing-main {padding:200px 0 150px 0;}
.gh-imanufacturing-main .title {}
.gh-imanufacturing-main .title h2{font-size: 48px;font-weight:bold;}
.gh-imanufacturing-main .title h3{font-size: 30px;}
.gh-imanufacturing-main .title line{height: 2px;width: 80px;background: #fff;margin:30px 0;}
.gh-imanufacturing-main .main{ margin-top: 60px;background: #fff;}
.gh-imanufacturing-main .main .left {float: left;position: relative; width:65%;min-height:560px; background: #1aadae;}
.gh-imanufacturing-main .main  a.left:hover {background: #069697;}
.gh-imanufacturing-main .main  a.left: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);}
.gh-imanufacturing-main .main .left ul { padding:5% 5% 5% 5%;}
.gh-imanufacturing-main .main .left .text{}
.gh-imanufacturing-main .main .left .text h4{font-size: 36px;font-weight:bold;}
.gh-imanufacturing-main .main .left .text h5{font-size: 24px;}
.gh-imanufacturing-main .main .left .icon {padding-top: 250px;}
.gh-imanufacturing-main .main .left .icon li{float: left;margin-right: 1%;margin-top: 1%;}
.gh-imanufacturing-main .main .left .icon li i{width: 60px;height: 60px;float: left;}
.gh-imanufacturing-main .main .left .icon li i img {width:100%;height:auto;}
.gh-imanufacturing-main .main .left .icon li h6{min-width:140px;float: left;padding:15px 0 0 10px;opacity: 0.8;text-transform: capitalize;}
.gh-imanufacturing-main .main .left .pic{position: absolute;right:0;top:0;z-index: 1;width:100%;height:100%;}
.gh-imanufacturing-main .main .left .pic img {width:100%;height:100%;opacity: 0.1;float: right;}
.gh-imanufacturing-main .main .right {float: left;width:35%;position: relative;min-height:560px;}
.gh-imanufacturing-main .main .right .text {width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 3;text-align: center;}
.gh-imanufacturing-main .main .right .text i{width: 40px;height: 40px;margin:230px auto auto;}
.gh-imanufacturing-main .main .right .text i img{width:100%;height:auto;}
.gh-imanufacturing-main .main .right .text h4{font-size: 30px;font-weight:bold;margin:10px auto 5px auto;}
.gh-imanufacturing-main .main .right .text h5{font-size: 18px;}
.gh-imanufacturing-main .main .right .pic {width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 2;}
.gh-imanufacturing-main .main .right .pic img {width:100%;height:100%;}
.gh-imanufacturing-main .main a.right: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);}



 
 /* cases */
.gh-case {width: 100%;position: relative;overflow: hidden; background: #f1f1f1;min-height: 800px;}
.lefttext {width:15%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;  background: #3f3f3f;}
.lefttext h2{width: 100%;height:100%;font-size: 250px;font-weight: bold;position: absolute;left:-380px;top:-200px; color:#434343;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.gh-case-main {overflow: hidden;position: relative;}
.gh-case-main .left{width:9%;height:100%;background: #3f3f3f;position:absolute;z-index: 5;}
.gh-case-main .left *{color: #fff;overflow:hidden;display: block;}
.gh-case-main .left .title {width:100%;position: relative;}
.gh-case-main .left .title h2{font-size: 60px;font-weight: bold;position: absolute;left:-80px;top:170px;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.gh-case-main .left .title h3{width: 40px;margin:100px auto;padding-left:30px;text-align: center;}
.gh-case-main .left .title h3 strong {font-size: 30px;font-weight: normal;margin: auto;}
.gh-case-main .left .title h3 line {height: 50px;width: 2px;margin:10px auto;background: #fff;}
.gh-case-main .right {width:87%;padding: 120px 0 80px 0;float: right;position: relative;}
.gh-case-main .right .nav {overflow: hidden;}
.gh-case-main .right .nav *{overflow:hidden;display: block;}
.gh-case-main .right .nav li {float: left;position: relative;height:40px;margin-right:5%;padding-left: 35px;opacity: 0.5; cursor: pointer;}
.gh-case-main .right .nav li i{width: 28px;height: 28px;position: absolute;left: 0px;top: 0px;}
.gh-case-main .right .nav li i img {width:100%;height:auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gh-case-main .right .nav li h4{ font-size: 18px;font-weight: normal;cursor: pointer;}
.gh-case-main .right .nav li line{position: absolute;left:0;bottom: 0px;height: 2px;width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-case-main .right .nav li a:hover  line,.gh-case-main .right .nav li a:hover  line {width:100%;}
.gh-case-main .right .nav li a:hover {opacity: 1.0;}
.gh-case-main .right .nav li a:hover i img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}
.gh-case-main .right .viewmore {position: absolute;left:0.5%;bottom:80px;z-index: 3;}

.gh-case-main .right .nav .m1 line {background: #1aadae;}
.gh-case-main .right .nav .m2 line {background: #3574bb;}
.gh-case-main .right .nav .m3 line {background: #62cf02;}
.gh-case-main .right .nav .m4 line {background: #2134bd;}
.gh-case-main .right .nav li a:hover .m1 {color: #1aadae;}
.gh-case-main .right .nav li a:hover .m2 {color: #3574bb;}
.gh-case-main .right .nav li a:hover .m3 {color: #62cf02;}
.gh-case-main .right .nav li a:hover .m4 {color: #2134bd;}


.casepic {padding: 50px 0;min-height:500px;overflow: hidden;position: relative;}
.caselist {width:98%;background: #fff;margin: 0 auto;}
.caselist *{overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.caselist .pic{}
.caselist .pic img{width:100%;height:auto;min-height: 281px;max-height: 281px;}
.caselist .text {padding:5%;height: 120px;}
.caselist .text h3{font-size: 16px;color: #000;}
.caselist .text h4{font-size: 14px;color: #999;padding: 10px 0;font-weight: normal;}
.caselist .text h6{font-size: 12px;}
.caselist 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);}
.caselist a:hover .text * {color: #fff;} 
.caselist a:hover {background: #000;}
.caselist a:hover h6.more {background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;opacity: 1.0;}

.gh-case-main .right {position: relative;}
.gh-case-main .right .swiper-button-prev,.gh-case-main .right .swiper-button-next {height:50px;width:80px;bottom:0px;top:auto;margin-top:0px;opacity: 1.0;}
.gh-case-main .right .swiper-button-prev { left:auto;right:0;margin-right:80px;background:url("../images/left3.svg") #fff center no-repeat;background-size:30%;}
.gh-case-main .right .swiper-button-next { right:0; background:url(../images/right1.svg)  #999 center no-repeat;background-size:30%;}
.gh-case-main .right .swiper-button-prev:hover {opacity: 1.0;background:url("../images/left1.svg") #000 center no-repeat;background-size:30%;}
.gh-case-main .right .swiper-button-next:hover {opacity: 1.0;background:url("../images/right1.svg") #000 center no-repeat;background-size:30%;}


.cop1 {opacity: 1.0;height: auto;}
.cop0 {opacity: 0;height: 0;min-height: auto; overflow: hidden;}



 /* news */
.gh-news {width: 100%;position: relative;overflow: hidden;padding:5% 0;}
.gh-news *{overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-news .title {}
.gh-news .title h2{font-size:48px;font-weight:bold;}
.gh-news .title h3{font-size:30px;}
.gh-news .left {width:40%;float: left;padding-top: 50px;} 
.gh-news .left .newstop{}
.gh-news .left .newstop .pic{}
.gh-news .left .newstop .pic img{width:100%;height:auto;min-height: 369px;max-height: 369px;}
.gh-news .left .newstop .text {background: #f7f7f7;padding: 5%;}
.gh-news .left .newstop .text h5{ font-size: 12px;color: #999;}
.gh-news .left .newstop .text h3{ font-size: 18px;color: #000;padding: 10px 0;}
.gh-news .left .newstop .text h4{ font-size: 14px;color: #999;}
.gh-news .left .newstop .text h6{ font-size: 14px;}
.gh-news .left .newstop  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);}
.gh-news .left .newstop  a:hover .text {background: #000}
.gh-news .left .newstop  a:hover .text *{color: #fff}
.gh-news .left .newstop  a:hover  h6.more{ background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;opacity: 1.0;}

.gh-news .right {width:58%;float: right;padding-top: 50px;} 
.gh-news .right .news5 {width:100%;position: relative;border-top:1px solid #eaeaea;}
.gh-news .right .news5 li{}
.gh-news .right .news5 li a{border-bottom:1px solid #eaeaea;padding:17px 0;}
.gh-news .right .news5 li a .text{float: left;width:74%;}
.gh-news .right .news5 li a .text h3{font-size: 18px;color: #000;padding: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gh-news .right .news5 li a .text h4{font-size: 14px;color: #999;}
.gh-news .right .news5 li a .date{float: right;width:10%;border-left: 1px solid #999;padding:5px 1%;opacity: 0.3;text-align: center;position: relative;}
.gh-news .right .news5 li a .date h2{font-size: 38px;color: #333; font-weight: bold;}
.gh-news .right .news5 li a .date h5{font-size: 12px;color: #999;}
.gh-news .right .news5 li a .date i {width:100%;height:100%;position: absolute;right:-100px;top: 0;z-index: 1;background: url("../images/right2.svg") center no-repeat #f1f1f1;background-size:50%;}
.gh-news .right .news5 li a:hover {background: #f1f1f1;}
.gh-news .right .news5 li a:hover .text {width:71%;padding-left:3%;}
.gh-news .right .news5 li a:hover .date h2 {color: #000; }
.gh-news .right .news5 li a:hover .text h4 {color: #000;}
.gh-news .right .news5 li a:hover .date i {right: 0;}
.gh-news .right .news5 .viewmore {float: left;clear: both;padding:10px 0 0px 0;}
.gh-news .right .news5 .viewmore a {border: 1px solid #eaeaea;}




 /* iproduct */
.gh-iproduct {width: 100%;position: relative;overflow: hidden;padding:5% 0;background: url("../upload/productbg1.jpg") center top no-repeat;background-size: cover;}
.gh-iproduct .title {}
.gh-iproduct .title * {overflow:hidden;display: block;}
.gh-iproduct .title h2{font-size: 36px;color: #000;font-weight: bold;}
.gh-iproduct .title h3{font-size: 24px;color: #000;}
.gh-iproduct .title line{height: 2px;width:30px;background: #666;margin:20px 0;}
.gh-iproduct-pic {padding:5% 0;position: relative;}
.gh-iproduct-pic .product{width:96%;margin: auto;}
.gh-iproduct-pic .slick-prev { left:-80px;}
.gh-iproduct-pic .slick-next { right:-80px;}

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



 /* icontact */
.gh-icontact {position: relative;}
.gh-icontact * {color: #fff; overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-icontact .title{text-align: center;width:100%;height:100%;position: absolute;left: 0;top:0;z-index: 1;}
.gh-icontact .title h2{font-size: 36px;font-weight: bold;margin-top:5%;}
.gh-icontact .title h3{font-size: 24px;}
.gh-icontact .title line{height: 2px;width:30px;background: #fff;margin:20px auto;opacity: 0.5;}
.gh-icontact .title h4{font-size: 14px;line-height: 24px; opacity: 0.6;width:700px;margin: auto;}
.gh-icontact .title a.contactmore{margin: 30px auto;font-size: 14px;width: 160px;height: 40px;line-height: 40px;border: #fff 1px solid;}
.gh-icontact .title a.contactmore:hover {background: #fff;color: #000;}
.gh-icontact .pic{background: #000;}
.gh-icontact .pic img{width:100%;height:auto;opacity: 0.2;}