@charset "utf-8";


/* banner */
section { }
section h1,section h2,section h3,section h4,section h5,section h6 { font-weight:normal;}
.hk-banner { margin-top: 80px;overflow: hidden;position: relative;} 
.hk-banner div img { display: block;width:100%;height: auto; }
.hk-b-pcbg  { background-position:center ; background-repeat:no-repeat;background-size:cover; height:100%; position:relative;}
.hk-b-pcbg .left {left:50%;margin-left:-600px;}
.hk-b-pcbg .right {right: 50%;margin-right:-750px;}
.hk-b-pcbg .none { display:none;}
.hk-b-btxt {position:absolute;min-width:800px;height:auto;top:30%;z-index: 4;}
.hk-b-btxt * {margin-left:5%;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.hk-b-btxt h1{font-family: 'AlibabaSans-Medium', Arial, Helvetica; font-size:68px; color: #fff; line-height: 68px;letter-spacing:-2px;}
.hk-b-btxt h2{font-family: 'AlibabaSans-Light', Arial, Helvetica;font-size:64px;color: #fff;line-height: 64px;letter-spacing:-2px;width: 600px}
.hk-b-btxt h4{font-size:24px;color: #00a2ff; padding: 10px 0; overflow:hidden;letter-spacing: 5px;} 
.hk-b-btxt a,.hk-b-btxt a *{-webkit-transition:none;-moz-transition:none;transition:none;}
.hk-b-btxt a{font-size:12px;position:relative; text-align: center;border: 1px solid rgba(255,255,255,0.5);width:100px;height: 25px;line-height: 25px;display: block;color: #d1d3da;margin-top:30px;}
.hk-b-btxt a:hover {border: 1px solid #65c6ff;background:#0b308e;}
.hk-b-btxt a:hover i {background:#65c6ff;}
.hk-b-btxt a i { position:absolute;z-index: 6; width:5px; height:5px;border-radius:100px; background:#ccc;}
.im1 {left: -3px;top: -3px;}
.im2 {left: -3px;bottom: -3px;}
.im3 {right: -3px;top: -3px;}
.im4 {right: -3px;bottom: -3px;}
.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; }


.hk-banner .swiper-slide-active .hk-b-btxt *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0; margin-left:0px;}
.hk-banner .swiper-slide-active .hk-b-btxt h1 {transition-delay: 0.5s; }
.hk-banner .swiper-slide-active .hk-b-btxt h2 {transition-delay: 0.7s;}
.hk-banner .swiper-slide-active .hk-b-btxt h4 {transition-delay: 0.9s;}
.hk-banner .swiper-slide-active .hk-b-btxt a  {transition-delay: 1.2s;}
.hk-banner .swiper-slide-active .hk-b-btxt a:hover {transition-delay: 0.3s;}





/* news */
.hk-inews {padding:9% 0;overflow: hidden;} 
.hk-ititle {}
.hk-ititle h1{ color: #333; font-size:48px; text-transform:uppercase; font-weight:bold;}
.hk-ititle h2{ color: #333; font-size:40px; text-transform:uppercase; font-weight:normal;}
.hk-ititle h4{ color: #333; font-size:24px; position:relative; display:inline-block; padding-bottom: 20px;}
.hk-ititle i,.hk-ititle line {background: #0b308e;position:absolute;}
.hk-ititle i{left:18px; bottom:-2px;height:5px; width:5px; z-index:3;border-radius:100px; border:5px #fff solid;}
.hk-ititle line{left:0;bottom:5px;width:50px;height: 1px;}
.hk-ititle.center  {text-align: center;}
.hk-ititle.center i{left: 50%; margin-left:-7px;}
.hk-ititle.center line{left:50%; margin-left: -25px;}
.white  h1,.white h4{color: #fff;}
.white i,.white line {background: #fff;}
.white i{ border:5px #2d3c97 solid;}
.position-a{position:absolute;left: 50%;top:12%;z-index: 11;width:700px;margin-left: -350px;}



.hk-iews-list {position:relative;overflow: hidden;padding-bottom:20px;padding-right:20px;}
.hk-iews-list-left * {display: block;overflow: hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} 
.hk-iews-list-left {float: left;width:46%;}
.hk-iews-list-top {margin-top:50px;}
.hk-iews-list-top a { background:#e4e7eb;padding: 5px; } 
.hk-iews-list-top a li{float: left;width:50%;}
.hk-iews-list-top a li img{width:100%;height:auto; max-height:200px;}
.hk-iews-list-top a span {float: left;width:41%;padding:3% 4% 3% 5%;font-size:12px;line-height: 20px;color: #666;position:relative;} 
.hk-iews-list-top a span h3{font-size:16px;color: #000;} 
.hk-iews-list-top a span p{padding:3% 0;} 
.hk-iews-list-top a span h5{margin-top:10px;font-size:12px;position:relative; text-align: center;border: 1px solid #ccc;width:90px;height: 25px;line-height: 25px;color: #000;overflow: visible;} 
.hk-iews-list-top a span h5 i { position:absolute;z-index: 6; width:5px; height:5px;border-radius:100px; background:#ccc;}
.hk-iews-list-top a span h6{position:absolute;right:7%;bottom: 0;font-size:12px;color: #999;} 
.hk-iews-list-top a:hover h5 {background:#0b308e;color: #fff}
.hk-iews-list-top a:hover i {background:#0b308e;}
.hk-iews-list-bottom {background: #e4e7eb;padding:13px 5px; margin-top:15px;}
.hk-iews-list-bottom li {}
.hk-iews-list-bottom li a {padding: 1.2% 5%;}
.hk-iews-list-bottom li a h4{ font-size:14px;line-height:24px;float: left;width:80%;}
.hk-iews-list-bottom li a h5{ font-size:14px;line-height:24px;float: left;width:20%;text-align:right;}

.hk-iews-list-right {float: right;width:53%;background: #000;min-height: 560px;position:relative;z-index:10;}
.hk-iews-rnews  {position:relative;display:block;}
.hk-iews-rnews * {display: block;overflow: hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} 
.hk-iews-rnews li{filter:alpha(Opacity=30);-moz-opacity:0.3;opacity:0.3;}
.hk-iews-rnews li img{width:100%;height:560px;}
.hk-iews-rnews span{ text-align:center;position:absolute;top: 0;left: 0;width:100%;height:80%;padding-top:30%;z-index: 7;}
.hk-iews-rnews span h1 { border:#FFF 3px solid;border-radius:100px; width:80px; height:80px; overflow:hidden; position:relative; margin:auto;}
.hk-iews-rnews span h1 i{display:block;width:0;height:0;border-width:20px 0 20px 30px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%; margin-left:-10px; margin-top:-20px;}
.hk-iews-rnews span h1 em{display:block;width:100%;height:100%;background: url(../images/view.png) center no-repeat;}
.hk-iews-rnews span h3{color: #fff;font-size: 18px;padding:20px 0 10px 0;}
.hk-iews-rnews span p{color: #999; width:90%; margin:auto;}
.hk-iews-rnews:hover span h1 {border:#2d3c97 3px solid;background: #2d3c97;}
.hk-iews-rnews:hover img {transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1);}

.hk-iews-list-right .slick-dots li { height:20px; width:10px; margin: 0px 3px; }
.hk-iews-list-right .slick-dots li button {background:#fff; height:10px;width:10px;border-radius:100px;}
.hk-iews-list-right .slick-dots li.slick-active button {background: #2d3c97;border: none; opacity:1.5;}

.hk-crblock {width:300px;height: 300px;position:absolute;right:-20px;bottom:0px;z-index: 8;background: #a6afd2;}



/* business */
.hk-ibusiness {position:relative;overflow:hidden;background: #fff;padding-bottom:100px;}
.hk-ibusiness-top {position:relative;background: #000;}
.hk-ibusiness-top li {}
.hk-ibusiness-top img{display: block;width:100%;height:auto;}
.hk-ibusiness-top .txt{ position:absolute;right: 50%;top:40%;width:400px;height: auto; margin-right: -600px;z-index: 20;}
.hk-ibusiness-top .txt * {color: #fff;display: block;overflow: hidden;} 
.hk-ibusiness-top .txt line{width:40px;height: 3px;background: #76b4ff;} 
.hk-ibusiness-top .txt h1{ font-size:46px;padding: 20px 0px 20px 0px;}
.hk-ibusiness-top .txt h3{ color: #ccc;padding: 20px 0px 10px 0px;line-height: 26px;} 
.hk-ibusiness-top .txt a{font-size:12px;position:relative; text-align: center;border: 1px solid rgba(255,255,255,0.5);width:100px;height: 25px;line-height: 25px;display: block;color: #d1d3da;margin-top:30px;overflow: visible;}
.hk-ibusiness-top .txt a i { position:absolute;z-index: 6; width:5px; height:5px;border-radius:100px; background:#ccc;}
.hk-ibusiness-top .txt a:hover {border: 1px solid #009bf6;background:#009bf6;color: #fff;}
.hk-ibusiness-top .txt a:hover i {background:#65c6ff;}

.hk-ibusiness-nav {position:absolute;width: 1200px;left: 50%;bottom:50px;margin-left: -600px;background: #fff;-moz-box-shadow:0px 10px 30px #ccc;-webkit-box-shadow:0px 10px 30px #ccc ;box-shadow:0px 10px 30px #ccc;}
.ibtype {position:relative;}
.ibtype * {/*-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;*/}
.ibtype li{ font-size: 16px;padding:40px 0; overflow:hidden;text-align:center;line-height: 10px;color: #333; cursor: pointer;}
.ibtype li:hover  {/*background:#a6afd2;color: #fff;*/}
.ibtype .slick-current.slick-active li{ color: #fff;background:#0b308e;}
.ibtype .slick-prev { left:-80px;background-image:url(../images/arrowleft1.png);}
.ibtype .slick-next { right:-80px;background-image:url(../images/arrowright1.png); }




/* supplychain */
.hk-isupplychain {position:relative;overflow:hidden;padding:8% 0;}
.hk-isupplychain-list {overflow:hidden;padding:2% 0 5% 0;position:relative;}
.hk-isupplychain-list div li{position:relative;display: block;}
.hk-isupplychain-list div li * {display: block;overflow: hidden;} 
.hk-isupplychain-list div li img {display: block;width:393px;height:500px;}
.hk-isupplychain-list div li span{position:absolute;width:92.33%;padding:4% 3%;left: 0;bottom:0px;background:rgba(0,0,0,0.8);}
.hk-isupplychain-list div li span line{width:20px;height:2px;background: #fff; display:none;}
.hk-isupplychain-list div li span h3{ color: #fff;font-size: 24px;margin: 5px 0;}
.hk-isupplychain-list div li span h5{ color: #ccc;font-size: 12px;padding-bottom:20px;border-bottom: 1px solid #3d3f49;background: url(../images/jt1.png) right 5px no-repeat;text-transform: uppercase;}
.hk-isupplychain-list div li a:hover span{background:#0b308e;}
.hk-isupplychain-list div li a:hover span h5{border-bottom: 1px solid #3c59a5;}

.hk-isupplychain-list .slick-dots {bottom:0;}
.hk-isupplychain-list .slick-dots li {height:14px; width:10px; margin: 0px 5px; }
.hk-isupplychain-list .slick-dots li button { margin-top:0px;background:#000; height:10px;width:10px; border-radius:100px;border: none; }
.hk-isupplychain-list .slick-dots li.slick-active button {background: #0b308e;}



/* contact */
.hk-icontact {position:relative;overflow:hidden; padding-bottom:150px;background: #1a1a1a;}
.hk-icontact-map { background:#888; position:relative;height: 619px;}
.hk-icontact-map img{display: block;width: 100%;margin-top:50px;height:auto;/*filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; */}

.hk-icontact-address {position:absolute;width: 1000px;left: 50%;bottom:20px;z-index: 10;margin-left: -600px;padding:60px 100px;background: #fff url(../images/mapbg.jpg) right top no-repeat;-moz-box-shadow:0px 0px 30px #666;-webkit-box-shadow:0px 0px 30px #666;box-shadow:0px 0px 30px #666; }

.position-c {position:absolute;right:20.5%;top:10%;z-index: 11;}
.map-logo {width: 140px;height: 111px;position: absolute;left:50%;top: 12%;margin-left: -120px;z-index: 13;background: url(../images/map-logo.png) center no-repeat;}

.hk-icontact-address-title {overflow: hidden;position: relative;width:40%;}
.hk-icontact-address-title h2{display: block; padding:2% 0;overflow: hidden;color:#666;cursor:pointer; clear: both;padding-left: 20px;}
.hk-icontact-address-title h2:hover {color: #0b308e;}
.hk-icontact-address-title .slick-current.slick-active h2{color: #0b308e;font-weight:bold;background: url(../images/jt2.jpg) left center no-repeat;} 

.hk-icontact-address-txt {position:absolute;right:5%;top:40%;z-index: 11;width: 500px;}
.hk-icontact-address-txt .txt { }
.hk-icontact-address-txt .txt h3{font-size: 16px;padding-bottom:5px;color: #0b308e;font-weight:bold;}
.hk-icontact-address-txt .txt li{font-size: 16px;padding: 0 0 0 30px; margin:2% 0;}
.hk-icontact-address-txt .txt li h4 { display:block; padding:5px 0; font-size:14px;}
.hk-icontact-address-txt .txt li.dz1{ background: url(../images/dz1.png) left 5% no-repeat; }
.hk-icontact-address-txt .txt li.dz2{ background: url(../images/dz2.png) left 1% no-repeat; }
.hk-icontact-address-txt .txt li.dz3{ background: url(../images/dz3.png) left 1% no-repeat; }




#allmap {height: 100%;width: 100%;overflow: hidden;}
#allmap .anchorBL {display: none;}