@charset "utf-8";





/* product */

#iporudct {background: url(../img/iproductbg.jpg) center top no-repeat;background-size: cover;min-height: 900px;}
.gf-iproduct {overflow: hidden;}
.gf-iproduct * {display: block;overflow: hidden;font-weight:normal;}

.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%;margin-left:5%;}
.gf-iproduct-lnav ul{width:100px;height:100px;border: 1px solid #ccc;border-right:none;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 #005bac;border-right:none;}
.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;height:100%;left:0;top: -1px;width:0;padding-top:20%;background: #005bac;z-index: 4;}
.gf-iproduct-lnav ul span i{width:50px;height:50px;float: left;margin:3px 10px 3px 15px;position: relative;z-index:4;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.gf-iproduct-lnav ul span i img{width:100%;display:block;}
.gf-iproduct-lnav ul span h3{color: #fff;font-size: 18px;position: absolute;left:-80%;top:20%;width:200px;}
.gf-iproduct-lnav .slick-slide.slick-current.slick-active span {width:280px;border: 1px solid #005bac;}
.gf-iproduct-lnav .slick-slide.slick-current.slick-active span h3{left:27%;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:6%;float: left;width:70%;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 {width:60%;margin:0 auto;margin-top:20%;}
.gf-iproduct-rpic ul li img {display: block;width:100%;}
.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:48px;line-height:1.5;text-transform: uppercase;font-weight:bold;font-family: Arial;}
.gf-iproduct-rpic ul span h3{color: #000;font-size:18px;line-height:1.8;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;}

/**/
.nbanner{width:100%;overflow:hidden;}
.default__controls{opacity:0;}

.xx44{position:absolute;width:100%;overflow:hidden;left:0%;bottom:85px;}
.xx4{width:320px;text-align:center;}
.ldka{width:100%;overflow:hidden;background:#eeeeee;}
.l2k1{width:55%;overflow:hidden;float:left;}
.l2k2{width:45%;overflow:hidden;float:left;}
.lubo{width:65%;overflow:hidden;margin-left:24%;margin-top:50px;}
.lubo1{width:100%;overflow:hidden;}
.lubo1 h2{color:#333;font-size:32px;line-height:1.5;}
.lubo1 p{color:#454545;font-size:18px;line-height:1.8;}
.lubo1 h4{width:100px;overflow:hidden;text-align:center;font-size:18px;line-height:2;border:1px solid #777;color:#777;border-radius:18px;margin-top:20px;}
.lubo1 h4:hover{color:#fff;background:#005bac;border:1px solid #005bac;}
.lubo2{width:90%;overflow:hidden;}

.lubo2 img{width:100%;display:block;}
.l2k21{position:relative;width:100%;overflow:hidden;}
.l2k21 .default.is-playing .default__button--big {
    opacity: 1;
    visibility: hidden;
}
.l2k21 h5{position:absolute;width:80px;overflow:hidden;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;}
.l2k21 h5 img{width:100%;display:block;}
.l2k22{position:relative;width:100%;overflow:hidden;background:#005bac;padding-bottom:80px;}
.l2k222{margin-top:10px;margin-left:40px;margin-right:40px;overflow:hidden;}
.l2k222 h2{color:#fff;font-size:24px;line-height:2.0;}
.l2k222 p{color:#fff;font-size:15px;line-height:1.8;}

.naoca{width:100%;overflow:hidden;}
.naoca1{width:100%;overflow:hidden;margin-top:60px;}
.naoca1 h2{width:100%;overflow:hidden;text-align:center;font-size:32px;line-height:1.5;color:#333;}
.naoca1 p{width:100%;overflow:hidden;text-align:center;font-size:18px;line-height:1.5;color:#454545;}
.naoca2{width:100%;overflow:hidden;margin-top:40px;}
.naoca21{position:relative;width:16.666%;overflow:hidden;float:left;}
.naoca21 h3{position:relative;width:100%;overflow:hidden;}

.naoca21 h3 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.naoca21:hover h3 img{
transform: scale(1.1);
transition: all 1s ease-out;
}

.naoca21 h2{position:absolute;width:100%;overflow:hidden;left:0%;bottom:0%;font-size:16px;line-height:50px;text-align:center;color:#fff;}


.lybb{width:100%;overflow:hidden;padding-bottom:100px;}