@charset "utf-8";


/* banner */
body{
	border-style: solid;border-width: 5px;border-image: url(/uploads/image/shpicture/border.jpg) 5 5 round repeat;box-sizing:border-box
}

.gf-banner { overflow: hidden;position: relative;} 
.gf-banner div img { display: block;object-fit: cover;}
/*.gf-b-pcbg { max-height: 940px; background-position:center ; background-repeat:no-repeat;background-size:cover;background-color: #000; width:100%;height:100%;position:relative;overflow: hidden;}*/
.gf-b-pcbg {  background-position:center ; background-repeat:no-repeat;background-size:cover;background-color: #000; width:100%;position:relative;overflow: hidden;}
.gf-b-pcbg a {display:block;height: calc(100vh - 67px);}
.gf-b-btxt {position:absolute;width:970px;height:auto;top:35%;left:43%;margin-left: -370px;z-index:60; text-align: center;}
.gf-b-btxt * {margin-left:5%;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;font-weight:normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-b-btxt h1{font-size:68px;line-height: 78px;color: #fff;}
.gf-b-btxt h2{font-size:18px;line-height:24px;color: #fff; margin: 20px 0; padding: 10px 0;}
.gf-b-btxt h2 sup{ font-size:5px;vertical-align:super;}
.gf-b-btxt h6{font-size:12px;color: #fff; padding: 10px 0;border-radius:100px;border: 1px solid #fff;width:120px;overflow:hidden; clear: both;display:inline-block;}
.gf-b-pcbg h6:hover { background:#005bac;color: #fff;border: 1px solid #005bac;}

.b0img {position: relative;z-index: -1;}
.top20 {top:20%;}
.gf-b-pcbg video {display: block;width:100%;position:absolute;left:0px;top:0px;z-index: 54;}

.pcpic {}
.mpic { display:none; background-repeat:no-repeat; background-position:center top; background-size:cover; width:100%; height:100%;}
.mbpic {display:none!important;width:100%;height: auto; }

.gf-banner .slick-slide.slick-current.slick-active .gf-b-btxt *{filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0; margin-left:0px;}
.gf-banner .slick-slide.slick-current.slick-active .gf-b-btxt h1 {transition-delay: 0.5s;}
.gf-banner .slick-slide.slick-current.slick-active .gf-b-btxt h2 {transition-delay: 0.7s;}
.gf-banner .slick-slide.slick-current.slick-active .gf-b-btxt h6 {transition-delay: 0.9s;}
.gf-banner .slick-slide.slick-current.slick-active .gf-b-btxt h6:hover { background:#005bac;color: #fff;border: 1px solid #005bac;transition-delay: 0s;}

.gf-banner .b4-1 {width: 1000px;height: 579px;position: absolute;left:50%;bottom:-600px;margin-left:-500px;z-index: 4;display: block;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}
.gf-banner .slick-slide.slick-current.slick-active .b4-1 {bottom:0px;transition-delay: 0.5s;}

.pcpic-1 {display: block;width:100%;height:auto;position: relative;z-index: 55;}
.pcpic-2 {display: block;width:100%;height:100%;position: absolute;left:0px;top:0px;z-index: 56;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;animation:opacitys 2s infinite 1s linear;}
@keyframes opacitys {0% {filter:alpha(opacity=0);-moz-opacity:0;opacity: 0; }100% {filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0; }}
@keyframes rotate {0% {transform: perspective(400px) rotatez(20deg) rotatex(-40deg) rotatey(0);}100% {transform: perspective(400px) rotatez(20deg) rotatex(-40deg) rotatey(-360deg);}}
.stars {transform: perspective(500px);transform-style: preserve-3d;position: absolute;bottom: 0;perspective-origin: 50% 100%;left: 50%;animation: rotate 90s infinite linear;}
.star {width: 1px;height: 2px;background: #f7f7b6;position: absolute;top: 0;left: 0;transform-origin: 0 0 -300px;transform: translate3d(0, 0, -300px);backface-visibility: hidden;}

.scrolldown { display: block;width:30px;height: 50px;position: absolute;z-index: 80;left:50%;bottom:6%;margin-left: -15px;-webkit-animation: piaofu 2s ease infinite;animation: piaofu 2s ease infinite;}
.scrolldown span {width:30px;height:10px;display: block; background: url(/uploads/image/shfonts/jt-d.svg) center no-repeat;filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.scrolldown span:nth-child(2) {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.scrolldown span:nth-child(1) {filter:alpha(opacity=20);-moz-opacity:0.2;opacity: 0.2;}
@keyframes piaofu{0%{bottom:6%;}50%{bottom:4%;}  100%{bottom:6%;}}

.gf-b-more {position:absolute;width:135px;height:auto;top:80%;left:10%;z-index:60; text-align: center;}
.gf-b-more h6{font-size:12px;color: #fff; padding: 10px 0;border-radius:100px;border: 1px solid #fff;width:120px;overflow:hidden; clear: both;display:inline-block;}
.gf-b-more h6:hover { background:#005bac;color: #fff;border: 1px solid #005bac;}




/* zhuanti */

.gf-zhuanti {overflow: hidden;}
.gf-zhuanti * {display: block;overflow: hidden;font-weight:normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
.gf-zhuanti-l {width:50%;float: left;background: #f4f4f4;position: relative;max-height: 960px;}
.gf-zhuanti-l img {display: block;width:100%;height: auto;}
.gf-zhuanti-l span {position: absolute;left:20%;top:14%;width:100%;height:100%;z-index: 33;}
.gf-zhuanti-l span h2{font-size: 60px;color:#000;}
.gf-zhuanti-l span h3{font-size: 18px;color:#666;padding-top: 1% ;}
.gf-zhuanti-l span h6{font-size: 12px;color: #333;border: 1px solid #999;padding: 10px 0;border-radius:100px;width:120px;overflow:hidden; clear: both;text-align: center;margin-top:3%;}
.gf-zhuanti-l a:hover span {top:12%;}
.gf-zhuanti-l a:hover span h6{color: #fff; background:#005bac;border: 1px solid #005bac;}
.gf-zhuanti-l a:hover img {margin-left: -3%;}

.gf-zhuanti-r {width:50%;float: left;position: relative;max-height: 960px;}
.gf-zhuanti-r li {position: relative;background: #e7f1fa;}
.gf-zhuanti-r li img {display: block;width:100%;height: auto;}
.gf-zhuanti-r li span {position: absolute;left:10%;top:28%;width:100%;height:100%;z-index: 33;}
.gf-zhuanti-r li span h2{font-size: 30px;color:#000;}
.gf-zhuanti-r li span h3{font-size: 14px;color:#666;padding-top:2% ;width:40%;}
.gf-zhuanti-r li span h3 sup { vertical-align:baseline;}
.gf-zhuanti-r li span h6{font-size: 12px;color: #333;border: 1px solid #ccc;padding: 10px 0;border-radius:100px;width:120px;overflow:hidden; clear: both;text-align: center;margin-top:3%;}
.gf-zhuanti-r li a:hover span {top:15%;}
.gf-zhuanti-r li a:hover span h6 {color: #fff; background:#005bac;border: 1px solid #005bac;}
.gf-zhuanti-r li.whitetxt * {color: #fff;}
.gf-zhuanti-r li.whitetxt  a:hover span h6 {color: #000; background:#fff;border: 1px solid #fff;}
.gf-zhuanti-r li.blacktxt {}
.gf-zhuanti-r li.blacktxt a:hover  * {color: #fff;}
.gf-zhuanti-r li.blacktxt a:hover span h6 {color: #000; background:#fff;border: 1px solid #fff;}
.imgshow {}
.imghover {filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;position: absolute;left:0;top: 0;z-index: 3;}
.gf-zhuanti-r li a:hover .imghover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0;}




/* product */

#iporudct {background: url(/uploads/image/shimages/iproductbg.jpg) center top no-repeat;background-size: cover;min-height: 998px;}
.gf-iproduct {overflow: hidden;}
.gf-iproduct * {display: block;overflow: hidden;font-weight:normal;}
.gf-iproduct-lbox { width:7%;height:100%;background: #005bac;position: absolute;left:0px;top:0px;z-index: 1;}
.gf-iproduct-ltitle {margin-top:7%;position: relative;padding:0 0 0 100px;margin-left:10%;float: left;}
.gf-iproduct-ltitle h1{ position: absolute;left:-80px;top:110px;z-index: 1;font-size: 60px;font-family: arial;text-transform: uppercase;font-weight:bold;color:#005bac;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.gf-iproduct-ltitle span{width:50px;text-align: center;}
.gf-iproduct-ltitle span h3{font-size: 30px;color:#005bac;line-height: 30px; }
.gf-iproduct-ltitle span line { width:2px;height: 260px; background:#d1d1d1;position: relative;margin:20px auto;}
.gf-iproduct-ltitle span line i { width:2px;height: 40px;background:#005bac; position: absolute;left:0;top: 0;z-index: 1;}

.gf-iproduct-lnav {margin-top:7%;float: left;width:20%;height:93%;position: relative;padding-left:1%;}
.gf-iproduct-lnav ul{width:100px;height:100px;border: 1px solid #ccc;position: relative;overflow: visible; cursor: pointer; margin:2px;clear: both;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-iproduct-lnav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-iproduct-lnav ul:hover {border: 1px solid #cd001a;}
.gf-iproduct-lnav ul li {}
.gf-iproduct-lnav ul li img {display: block;width:80%;height: auto;margin:10%;}
.gf-iproduct-lnav ul span {position: absolute;left:0;top: -1px;width:0;height:60%;padding-top:40%;background: #cd001a;z-index: 4;}
.gf-iproduct-lnav ul span i{width:15px;height: 15px;background: #990014;float: left;margin:3px 10px 3px 28px;border-radius:100px;position: relative;z-index:4;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;}
.gf-iproduct-lnav ul span i:after{content:"";background:#fff;width: 5px;height:5px;position: absolute; top:50%; left:50%; border-radius:100px;margin-left:-2.5px;margin-top:-2.5px;z-index:6;}
.gf-iproduct-lnav ul span h3{color: #fff;font-size: 18px;position: absolute;left:-80%;top:40%;width:75%;}
.gf-iproduct-lnav .slick-slide.slick-current.slick-active span {width:360px;border: 1px solid #cd001a;}
.gf-iproduct-lnav .slick-slide.slick-current.slick-active span h3{left:20%;transition-delay: 0.1s;}
.gf-iproduct-lnav .slick-slide.slick-current.slick-active span i {filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0;transition-delay: 0.5s;}

.gf-iproduct-rpic {margin-top:9%;float: left;width:60%;height:93%;position: relative;}
.gf-iproduct-rpic ul{position: relative;}
.gf-iproduct-rpic ul * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gf-iproduct-rpic ul li {margin-top: 13%;}
.gf-iproduct-rpic ul li img {display: block;width:auto;height: 593px; margin: auto;}
.gf-iproduct-rpic ul span {position: absolute;left:50%;top:0px;width:800px;margin-left: -400px;z-index: 4; text-align: center;}
.gf-iproduct-rpic ul span h1{color: #005bac;font-size: 60px;line-height: 60px;text-transform: uppercase;font-weight:bold;font-family: arial;}
.gf-iproduct-rpic ul span h3{color: #000;font-size: 20px;margin:10px auto;}
.gf-iproduct-rpic ul span a{color: #000;font-size: 12px; padding: 10px 0;border: 1px solid #ccc;border-radius:100px;width:120px;overflow:hidden; clear: both;display:inline-block;margin:10px auto;}
.gf-iproduct-rpic ul span a:hover { color: #fff;background:#005bac;}


/* i3box */
.i3box {overflow: hidden;}
.i3box * {display: block;overflow: hidden;font-weight:normal;color: #fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.i3box li { width: 33.33%;float: left;position: relative;background: #000;}
.i3box li a{}
.i3box li a img{display: block;width:100%;height: auto;max-height: 440px;}
.i3box li a span { position: absolute;width:86%;height:93%;left:0;bottom:0;z-index: 3;padding:7% 7%;}
.i3box li a span h2{font-size: 36px;text-transform: uppercase;font-weight:bold;margin-top:60%;font-family: arial;}
.i3box li a span h3{font-size: 30px;}
.i3box li a span h4{font-size: 16px;margin-top:5%;display: none;}
.i3box li a span h6{font-size: 14px;position: relative;padding-right:70px;margin-top:10%;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;}
.i3box li a span h6 line{ width:0px;height: 1px;background: #fff; margin-left: 20px;display: inline-block;vertical-align: middle;}
.i3box li a:hover span {background: rgba(0,0,0,0.5);}
.i3box li a:hover span h2{margin-top:10%;}
.i3box li a:hover span h4{display: block;}
.i3box li a:hover span h6{margin-top:35%;filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.i3box li a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.i3box li a:hover span h6 line{ width:100px;transition-delay: 0.3s; }



/* news */
#inews {padding:3% 0;overflow: hidden;}
.inewstitle {position: relative;margin:auto;text-align: center;}
.inewstitle *{font-weight:normal;display: block;overflow: hidden;}
.inewstitle h1{font-size: 72px;color:#eee;font-weight:bold;font-family: arial;}
.inewstitle h3{font-size: 28px;color:#000;position: absolute;left:0px;top:25px;z-index: 1;width: 100%;}
.inews {padding:2% 0;overflow: hidden;width:101%;}
.inews div {width:32.33%;float: left;margin-right:1%;}
.inews a{background: #eee;width:100%;margin: auto;overflow: hidden;display: block;position: relative;}
.inews a * {display: block;overflow: hidden;font-weight:normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.inews a li{}
.inews a li img{display: block;width:100%;height: auto;max-height: 270px;}
.inews a span {padding:4%;}
.inews a span h3{font-size: 20px;color: #005bac;}
.inews a span h4{font-size: 14px;color: #333;line-height: 24px;padding: 10px 0 20px 0;}
.inews a span h6{font-size: 12px;color: #666;float: left;}
.inews a span h6 line{ height: 1px;width: 50px;background: #ccc;margin-left: 20px;display: inline-block;vertical-align: middle;}
.inews a span h5 {font-size: 12px;color: #666;float: right;}
.inews a:hover {background:#005bac;}
.inews a:hover * {color: #fff;}
.inews a:hover line{ background: #fff;width: 100px;transition-delay: 0.1s; }
.inews a:hover li img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}