@charset "utf-8";





/* about */



.hk-page-banner { position:relative;width:100%;max-height:250px;margin-top: 80px;overflow:hidden;}

.hk-page-banner img {display: block;width: 100%;height: auto;}

.hk-page-banner-content {width: 1200px;position: absolute;left:50%;top:0;height: 100%; z-index: 20;margin-left: -600px;}

.hk-page-banner-content h1{ font-size: 32px;position: absolute;right:0;top:30%;overflow:hidden;color: #a3a7b6;  text-transform: uppercase;font-weight:normal;}

.hk-page-banner-content .logoicon {position: absolute;left:0;top:20%;width:93px;text-align: left;}

.hk-page-banner-content .logoicon img {display:inline-block;max-width:100%;height:auto;max-height:80px;width: auto;opacity: 0.5;}

.hk-page-nav {position: absolute;width: 1200px;margin-left: -600px;left:50%;bottom:0;background: #0b308e;}

.hk-page-nav a { padding:2% 0;overflow: hidden;color: #fff;display: block; text-align: center;width:11.111%;float: left;font-size: 16px; line-height:16px;}

.hk-page-nav a.cur {color:#0b308e;background: #fff;}

.hk-page-nav a:hover  {background:#65c6ff;}

.num1 a{width:100%!important;}

.num2 a{width:50%!important;}

.num3 a{width:33.33%!important;}

.num4 a{width:25%!important;}

.num5 a{width:20%!important;}

.num6 a{width:16.66%!important;}

.num7 a{width:14.285%!important;}

.num8 a{width:12.5%!important;}

.num9 a{width:11.111%!important;}

.num10 a{width:10%!important;}





.fix-header .pc-rolling-top { top: 0; }

.pc-rolling-top {position:fixed;width:100%;max-height:50px;height:50px;left:0;top: -50px;z-index: 999;background: #fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; text-align: center;overflow: hidden;}

.pc-rolling-top * {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.pc-rolling-nav  {width:1200px;margin: auto;background: #fff; position: relative; text-align: center;font-size: 0;}

.pc-rolling-nav a { padding:0;height:50px;line-height: 50px; background: #fff; color: #000;font-size: 16px; display: inline-block;width:11.111%;}

.pc-rolling-nav a.cur {color:#fff;background: #0b308e;}





.fix-header .mb-rolling-top { top: 0;left:0;position:fixed;z-index: 999;}

.mb-rolling-top {width:100%;height:50px;background: #fff;border-bottom:1px solid #ccc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-align: center;overflow: hidden;display: none;}

.mb-rolling-top * {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.mb-rolling-nav {width:100%;background: #fff; position:absolute;left:0;bottom:0px; z-index: 35; text-align: center;}

.mb-rolling-nav div {width:auto; min-width: 12%; }

.mb-rolling-nav a { padding:0;height:50px;line-height: 50px; background: #fff; color: #000;font-size: 14px; display: block;width:100%;}

.mb-rolling-nav a.cur {/*color:#fff;background: #0b308e;*/}

.mb-rolling-nav .slick-slide.slick-active.slick-current a{}

.mb-rolling-nav .active a{ color:#fff;background: #65c6ff;}











.hk-page-about { position:relative;width:100%;padding:8% 0;overflow:hidden;}

.hk-pl-about { float: left;width:45%;position:relative;padding:0px 50px 60px 0;overflow:hidden;}

.hk-pl-about-pic {width:540px;padding-bottom: 30px;position:relative;overflow:hidden;}

.hk-pl-about-pic div li {background:#CCC;min-height:475px;}

.hk-pl-about-pic img {display: block;width:100%;height:auto;max-height:475px;}

.hk-pl-about-pic .slick-dots {bottom: 0px;}

.hk-pl-about-pic .slick-dots li { height:20px; width:10px; margin: 0px 3px; float: left;}

.hk-pl-about-pic .slick-dots li button {background:#999; height:10px;width:10px;border-radius:100px;}

.hk-pl-about-pic .slick-dots li.slick-active button {background: #2d3c97;border: none; opacity:1.5;}

.hk-pl-about-txt {position: absolute;width:240px;height: 140px;padding:80px 20px 10px 20px;line-height: 24px;right:0;bottom:0;overflow:hidden; background: url(../images/b02.jpg); color:#fff;}

.hk-pr-about { float: right;width:47%;position:relative;overflow: hidden;}

.hk-pr-about-txt { font-size:14px;color: #666;line-height: 24px; overflow: hidden;padding: 20px 0;text-align: justify;}

.hk-pr-about-txt h3{ font-size: 24px;color: #000;padding-bottom: 20px;padding-top: 10px;}



.hk-about-ehonor {position:relative;width:90%;padding:3% 5%;min-height: 540px;overflow:hidden;}

.hk-about-ehonor div li{background:#788eb7;width:80%;margin:40px auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.hk-about-ehonor div li * {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.hk-about-ehonor div li img {display: block;width:90%;height:auto;margin:auto;padding: 5%;max-height: 370px; min-height:370px;}

.hk-about-ehonor div li h3 {padding-bottom:5%;text-align:center;font-size: 14px;color:#fff;}

.hk-about-ehonor .slick-slide.slick-current.slick-active.slick-center  li{background:#052f7c;width:100%;margin:0;}

.hk-about-ehonor .slick-slide.slick-current.slick-active.slick-center  li img {display: block;width:90%;height:auto;margin:auto;padding: 5%;max-height:470px;}

.hk-about-ehonor .slick-slide.slick-current.slick-active.slick-center  li h3{font-size: 18px;}

.hk-about-ehonor .slick-prev { left:0px;opacity: 0.5;}

.hk-about-ehonor .slick-next { right:0px;opacity: 0.5;}

.hk-about-ehonor .slick-prev:hover {opacity: 1.0;}

.hk-about-ehonor .slick-next:hover {opacity: 1.0;}

.hk-about-ehonor .slick-dots {bottom: 0px;}

.hk-about-ehonor .slick-dots li { height:20px; width:10px; margin: 0px 3px;}

.hk-about-ehonor .slick-dots li button {background:#999; height:10px;width:10px;border-radius:100px;}

.hk-about-ehonor .slick-dots li.slick-active button {background: #2d3c97;border: none; opacity:1.5;}



.ptb6 {padding:5% 0; }

.hk-about-development {position:relative;width:100%;padding:3% 0;overflow:hidden;}

.hk-about-development div li {margin: auto;width:70%;text-align:center;color:#fff;}

.hk-about-development div li h3 {padding:1% 0;font-size: 24px;}

.hk-about-development div li img {display: block;width:100%;height:auto;margin:auto;padding:1% 0;max-height: 240px;}

.hk-about-development div li h4 {padding:1% 0;font-size: 14px;line-height: 26px;}

.hk-about-development .slick-prev { left:0px;background-image:url(../images/arrowleft1.png);opacity: 0.5;}

.hk-about-development .slick-next { right:0px;background-image:url(../images/arrowright1.png);opacity: 0.5;}

.hk-about-development .slick-prev:hover {opacity: 1.0;}

.hk-about-development .slick-next:hover {opacity: 1.0;}



.hk-about-development-time { position:relative;width:100%;height: 130px;overflow:hidden; background:url(../images/timeline.png) center 80%  repeat-x;}

.hk-about-development-time div li {margin:auto;width:70%;padding:20px 0 85px 0;overflow:hidden; color:#fff;text-align:center;cursor: pointer;}

.hk-about-development-time div li * {display: block;overflow: hidden;}

.hk-about-development-time div li h1 { font-size:30px;color: #747b97;font-weight:bold;}

.hk-about-development-time div li h4 { color: #747b97; }

.hk-about-development-time div li i { display: none;width:10px; height:10px;border-radius:100px; background:#fff;margin:15px auto;}

.hk-about-development-time .slick-slide.slick-current.slick-active.slick-center  li  { padding:0;}

.hk-about-development-time .slick-slide.slick-current.slick-active.slick-center  li h1 { font-size: 56px; color: #fff;}

.hk-about-development-time .slick-slide.slick-current.slick-active.slick-center  li h4 { color: #fff;}

.hk-about-development-time .slick-slide.slick-current.slick-active.slick-center  li i { display: block;}

.hk-about-development-time .slick-list {width: 1200px; margin:auto;}



.hk-about-culture {position:relative;width:100%;padding:3% 0;overflow:hidden;}

.hk-about-culture div {position: relative;float: left;width: 33.33%;}

.hk-about-culture div:hover li{display: block;}

.hk-about-culture div:hover h3{display: none;}

.hk-about-culture div * {display: block;overflow: hidden;}

.hk-about-culture div li{position: absolute;width: 90%;height: 90%;padding: 5%;z-index: 5;background: rgba(10,48,142,0.9); display: none; color: #fff;text-align:center;}

.hk-about-culture div li span {border: 1px solid #3b59a7;width: 99%;height: 99%;}

.hk-about-culture div li span h4{ font-size: 16px;margin-top:100px;}

.hk-about-culture div li span line { width:20px;height:2px;background: #fff; margin: 25px auto; }

.hk-about-culture div li span h2 {font-size: 24px;width: 86%;margin: auto;}

.hk-about-culture div img {display: block;width:100%;height:auto;margin:auto;max-height: 400px;min-height: 400px;}

.hk-about-culture div h3 {position: absolute;width:90%;left:5%;bottom:5%;z-index: 4;padding-bottom:15px;border-bottom: 1px solid #494b5b; color: #fff;font-size: 20px;background: url(../images/add.png) right center no-repeat;}

.hk-about-culture div h3 line {width:20px;height:2px;background: #fff; margin: 5px 0;}



.hk-about-organization {position:relative;width:100%;padding:3% 0;overflow:hidden;}

.hk-about-organization img {display: block;max-width: 100%;}



.hk-about-partner {position:relative;width:100%;padding:3% 0;overflow:hidden; text-align:center;}

.hk-about-partner li {display: inline-block;margin:15px  0;width: 19.7%;}

.hk-about-partner li img{display:inline-block;max-width:100%;height:auto;max-height:93px;margin:auto;}

.hk-about-partner li:hover {-moz-box-shadow:0px 0px 30px #000d4c;-webkit-box-shadow:0px 0px 30px #000d4c;box-shadow:0px 0px 30px #000d4c; }











/* brand */



.hk-page-brand {width:100%;padding:8% 0;overflow:hidden;}

.hk-pl-brand { float: left;width:45%;position:relative;overflow: hidden; }

.hk-pl-brand-txt {font-size:14px;color: #666;line-height: 24px; overflow: hidden;padding-top:40px;text-align: justify;}

.hk-pr-brand {float: right;width:50%;position:relative;overflow: hidden;}

.hk-pr-brand-pic {}

.hk-pr-brand-pic li{ float: left;width: 50%; height:auto;  }

.hk-pr-brand-pic li img{display: block;width:100%;height:auto;margin:auto;max-height:220px;min-height:220px;}



.hk-page-brand-product {width:100%;padding-top:3%;overflow:hidden;}

.hk-page-brand-product div li {width: 98%; margin:auto;overflow:hidden;}

.hk-page-brand-product div li * {display: block;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.hk-page-brand-product div li a {}

.hk-page-brand-product div li a i{max-height:385px;}

.hk-page-brand-product div li a img{width:100%;height:auto;margin:auto;max-height:385px;}

.hk-page-brand-product div li a h3 {padding: 20px 0;text-align: center;font-size: 18px;color: #fff;}

.hk-page-brand-product div li a h4 {padding: 20px 0;text-align: center;font-size: 18px;color: #000;}

.hk-page-brand-product div li a:hover img {transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1);}

.hk-page-brand-product div li a:hover h3 {background: #65c6ff;}

.hk-page-brand-product .slick-prev { left:-100px;background-image:url(../images/arrowleft1.png);opacity: 0.5;margin-top: -30px;}

.hk-page-brand-product .slick-next { right:-100px;background-image:url(../images/arrowright1.png);opacity: 0.5;margin-top: -30px;}

.hk-page-brand-product .slick-prev:hover {opacity: 1.0;}

.hk-page-brand-product .slick-next:hover {opacity: 1.0;}



.hk-page-brand-contact {width:99%;overflow:hidden;background: #001a71;padding:0.5%;margin-top:2%}

.hk-page-brand-contact ul{}

.hk-page-brand-contact-l {float: left;width:30%;padding:3% 2.5%;overflow: hidden;}

.hk-page-brand-contact-l * {display: block;overflow: hidden; color: #fff;}

.hk-page-brand-contact-l h2{font-size: 24px;padding-bottom: 30px;}

.hk-page-brand-contact-l li {font-size: 16px;padding:20px 0 1% 30px;border-top:1px solid #0c2a7f;}

.hk-page-brand-contact-l li h3 { font-size:18px; }

.hk-page-brand-contact-l li h4 { font-size:14px;padding: 10px 0;}

.hk-page-brand-contact-l li.dz1 {background: url(../images/dz1.png) left 20px no-repeat;}

.hk-page-brand-contact-l li.dz2 {background: url(../images/dz2.png) left 20px no-repeat;}

.hk-page-brand-contact-l li.dz3 {background: url(../images/dz3.png) left 20px no-repeat;}

.hk-page-brand-contact-r {float: left;width:65%;height:405px;background: #999;position: relative;} 

.hk-page-brand-contact-r img{display: block;}







/* product */



.hk-page-product {width:100%;padding:4% 0;overflow:hidden;}

.hk-page-product * {display: block;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.hk-page-product-list {width: 101%;}

.hk-page-product-list div {width: 32.33%;float: left;margin-right:1%; margin-bottom: 1%;box-sizing: border-box;}

.hk-page-product-list div li {width: 100%; margin:auto;overflow:hidden;}

.hk-page-product-list div li a {}

.hk-page-product-list div li a i{max-height:385px;}

.hk-page-product-list div li a img{width:100%;height:auto;margin:auto;max-height:385px;min-height:385px;}

.hk-page-product-list div li a h3{padding: 20px 0;text-align: center;font-size: 22px;line-height: 22px;color: #000;}

.hk-page-product-list div li a:hover img {transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1);}

.hk-page-product-list div li a:hover h3 {background: #0b308e;color: #fff;}



.hk-page-num { text-align:center;padding: 2% 0;overflow: hidden;}

.hk-page-num a{ border:1px solid #808080;width:35px;height: 35px;line-height: 35px;color:#808080;font-size: 14px; margin: 5px;display: inline-block;vertical-align: top;}

.hk-page-num a:hover{border:1px solid #808080;background: #808080;color:#fff;}

.hk-page-num a.cur,.hk-page-num a.on  {background: #0b308e;color: #fff;}

.hk-page-num a.prev {background: url(../images/prev.png) center no-repeat;}

.hk-page-num a.next {background: url(../images/next.png) center no-repeat;}

.hk-page-num a.prev:hover{background: url(../images/prev1.png) center no-repeat #808080;border:1px solid #808080;color:#fff;}

.hk-page-num a.next:hover{background: url(../images/next1.png) center no-repeat #808080;border:1px solid #808080;color:#fff;}



.hk-page-path {position: absolute;width: 1200px;margin-left: -600px;left:50%;bottom:0;background: #0b308e;}

.hk-page-path  * {display: block;overflow:hidden;} 

.hk-page-path a.return {background: url(../images/prev1.png) left center no-repeat ;padding-left:30px;font-size: 16px;position: absolute;left:3%;top:35%;z-index: 3;color: #fff;}

.hk-page-path li {padding:2% 3%;color: #fff;text-align: right;}

.hk-page-path li a {font-size: 16px; display: inline-block;color: #ccc;margin-left: 3%;}

.hk-page-path li a.cur ,.hk-page-path li a:hover {color: #fff;}



.hk-page-product-detail {background: #fff;overflow: hidden;padding:2%;}

.hk-page-product-detail-pic { float: left;width:50%;}

.hk-page-product-detail-pic-big {border:1px solid #f1f1f1;overflow: hidden;}

.hk-page-product-detail-pic-big div li{}

.hk-page-product-detail-pic-big div li img{display:block;max-width:100%;height:auto;max-height:530px;margin:auto;}

.hk-page-product-detail-pic-small {position: relative; margin: 10px auto;width:85%;}

.hk-page-product-detail-pic-small div li {border:1px solid #f1f1f1;width:90%; margin: auto;cursor: pointer;}

.hk-page-product-detail-pic-small div li:hover {border:1px solid #ccc;}

.hk-page-product-detail-pic-small div li img{display:block;max-width:100%;height:auto;max-height:96px;margin:auto;}

.hk-page-product-detail-pic-small .slick-prev { left:-50px;background-image:url(../images/arrowleft.png);opacity: 0.3;}

.hk-page-product-detail-pic-small .slick-next { right:-60px;background-image:url(../images/arrowright.png);opacity: 0.3;}

.hk-page-product-detail-pic-small .slick-prev:hover {opacity: 1.0;}

.hk-page-product-detail-pic-small .slick-next:hover {opacity: 1.0;}

.hk-page-product-detail-pic-small .slick-slide.slick-current.slick-active  li  {border:1px solid #0b308e;}



.hk-page-product-detail-txt {float: right;width:46%;}

.hk-page-product-detail-txt * {display: block;overflow:hidden;} 

.hk-page-product-detail-txt .title {border-bottom:1px solid #ccc;padding: 20px 0;}

.hk-page-product-detail-txt .title h3{font-size: 28px;color: #000;}

.hk-page-product-detail-txt .title h4{font-size: 14px;color: #808080;}

.hk-page-product-detail-txt .color {padding: 20px 0;}

.hk-page-product-detail-txt .color h3{font-size: 14px;color: #000;}

.hk-page-product-detail-txt .color li{padding: 20px 0;}

.hk-page-product-detail-txt .color li a{border:1px solid #ccc;padding:10px 0; text-align: center;width:40%;font-size: 14px;margin:1% 2% 1% 0px;float: left;}

.hk-page-product-detail-txt .color li a i {background: #fff;width:15px;height: 15px;border:1px solid #ccc;display: inline-block;vertical-align: middle;border-radius:100px;margin:0 5px;}

.hk-page-product-detail-txt .color li a span {display: inline-block;vertical-align: middle;}

.morebtn {font-size:12px;position:relative; text-align: center;border: 1px solid #ccc;width:100px;height: 25px;line-height: 25px;display: block;color: #000;margin-top:30px;overflow: visible;margin: 2px;}

.morebtn i { position:absolute;z-index: 6; width:5px; height:5px;border-radius:100px; background:#ccc;}

.morebtn:hover {border: 1px solid #0b308e;background:#0b308e;color: #fff;}

.morebtn:hover i {background:#0b308e;}



.hk-page-product-detail-parameter {clear: both;border-top:1px solid #ccc;padding:30px 0 0px 0;margin-top:50px;}

.hk-page-product-detail-parameter h3 {font-size: 20px;color: #000;}

.hk-page-product-detail-parameter-main {padding:30px 0 0px 0;font-size: 14px; line-height: 24px; color: #666; } 

.hk-page-product-detail-parameter-main img{max-width: 100%;} 

.hk-page-product-detail-parameter-main table {background: #f2f2f2;}

.hk-page-product-detail-parameter-main table tr {}

.hk-page-product-detail-parameter-main table tr td{padding:2%; vertical-align: top;border-left:2px solid #fff;border-bottom:2px solid #fff;}

.hk-page-product-detail-parameter-main table tr:nth-child(2) {background: #e6e6e6;}

.mpdpm-txt {display: none!important;background: #e6e6e6;padding:5%; }

.mpdpm-txt table {background: none;}

.mpdpm-txt table tbody,.mpdpm-txt table tr {width:100%;display: block;}

.mpdpm-txt table tr td{padding:2% 0; vertical-align: top;border-left:none;border-bottom:none;width:50%;display: inline-block;}

.mpdpm-txt table tr:nth-child(2) {background:none;}



.hk-page-product-other {width:100%;padding:8% 0;overflow:hidden;}











/* case */



.hk-page-case {width:100%;padding:8% 0 ;overflow:hidden;}

.hk-page-case * {display: block;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.hk-page-case-txt {padding:2% 0;overflow:hidden;font-size: 14px; line-height: 24px;color: #666;width:80%;margin: auto;}

.hk-page-case-list {}

.hk-page-case-list ul {background: #fff;}

.hk-page-case-list ul li {float: left;width:50%;}

.hk-page-case-list ul li img{max-width: 100%;max-height: 320px;}

.hk-page-case-list ul span.txt {float: left;width:40%; padding:5% 5% 1% 5%;}

.hk-page-case-list ul span i{width: 79px;height: 79px;}

.hk-page-case-list ul span h3{ font-size: 24px;color: #000;padding-bottom:2%;}

.hk-page-case-list ul span h4{ font-size: 14px;color: #666666;line-height: 24px;padding-top:2%;}

.hk-page-case-list ul.c2 li,.hk-page-case-list ul.c2 span{float: right;}











/* news */



.hk-page-news {width:100%;padding:6% 0 ;overflow:hidden;}

.hk-page-news * {display: block;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.hk-page-news-top {}

.hk-page-news-top a{ background: #e4e7eb; }

.hk-page-news-top a li{float: left;width:45%;}

.hk-page-news-top a li img{max-width: 100%;max-height: 560px;}

.hk-page-news-top a span{float: left;width:45%; padding:7% 5% 1% 5%;}

.hk-page-news-top a span h2{ font-size: 24px;color: #000;padding-bottom:1%; }

.hk-page-news-top a span h4{ font-size: 14px;color: #666666;line-height: 24px; }

.hk-page-news-top a span h5{ font-size: 14px;color: #666666;line-height: 24px;padding-top:10%; }

.hk-page-news-top a span h6{font-size:12px;position:relative; text-align: center;border: 1px solid #ccc;width:100px;height: 25px;line-height: 25px;display: block;color: #000;margin-top:40px;overflow: visible;}

.hk-page-news-top a:hover span h6 {border: 1px solid #0b308e;background:#0b308e;color: #fff;}

.hk-page-news-top a:hover span h6 i {background:#0b308e;}

.hk-page-news-top a:hover li img{transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1);}

.hk-page-news-top a span h6 i { position:absolute;z-index: 6; width:5px; height:5px;border-radius:100px; background:#ccc;}



.hk-page-news-list {width:101%;padding:5% 0 1% 0 ;overflow:hidden;}

.hk-page-news-list a{background: #e4e7eb;width: 32.33%;float:left;margin-right:1%;margin-bottom:1% }

.hk-page-news-list a li{width:100%;}

.hk-page-news-list a li img{max-width: 100%;max-height: 350px; min-height:350px;}

.hk-page-news-list a span{padding:5%;}

.hk-page-news-list a span h3{font-size: 18px;color: #000;padding-bottom:2%;}

.hk-page-news-list a span h4{ font-size: 14px;color: #666666;line-height: 24px;padding-bottom:5%;}

.hk-page-news-list a span h6{ font-size: 12px;color: #666666; background: url(../images/next.png) right center no-repeat;}

.hk-page-news-list a:hover {background: #103380;}       

.hk-page-news-list a:hover span h3,.hk-page-news-list a:hover span h4,.hk-page-news-list a:hover span h6{color: #fff;}

.hk-page-news-list a:hover span h6{background: url(../images/next1.png) right center no-repeat;}



.pnews_detail { padding:50px;background:#f7f7f7;overflow:hidden; position:relative;}

.pnewstitle { text-align:center;border-bottom:#e5e5e5 1px solid;padding-bottom:20px; display:block}

.pnewstitle h1{padding-bottom:20px; display:block; color:#000;font-size: 26px;}

.pnewstitle span{color:#999;font-size:14px; }

.pnewstitle span h3{font-size:14px;display:inline-block;padding:0 10px;margin:0 20px;}

.pnewsdetail { font-size:14px; line-height:26px; color:#666; overflow:hidden; padding:30px 0px;}

.pnewsdetail img { max-width:100%; height:auto;}

.pagefaye {border-top:#e5e5e5 1px solid;padding:30px 0px 0px 0px; position:relative;}

.pagefaye *{ vertical-align: middle; overflow:hidden;}

.pagefaye a { display:block; color:#666; font-size:14px; line-height:24px; padding:5px 0;}

.pagefaye a i { display:inline-block; font-size:18px; color:#666; font-family:"宋体"; font-style:normal;}

.pagefaye a:hover {color:#009bf6; text-decoration:underline;}

.pagefaye a.fl ,.pagefaye a.fr{ width:49%;}

.pagefaye a.fl{ float:left;}

.pagefaye a.fr{ float:right; text-align:right;}

.pagefaye a.fl i{margin-right:10px;}

.pagefaye a.fr i{margin-left:10px; }

.pagefaye a.fh { position:absolute; width:100px; height:40px; left:50%; margin-left:-50px; top:31px; z-index:3; text-align:center;}



.hk-page-news-other-list {position: relative;width:100%;padding:8% 0 ;overflow:hidden;}

.hk-page-news-other {width:90%;padding:2% 0 1% 0 ;position: relative; margin: auto;}

.hk-page-news-other div li {width:98%;margin: auto;}

.hk-page-news-other a {background: #e4e7eb;width:100%;display: block; }

.hk-page-news-other a * {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.hk-page-news-other a i {width:100%;}

.hk-page-news-other a i img{max-width: 100%;width:100%;max-height: 310px;height: auto;}

.hk-page-news-other a span{padding:5%;display: block;overflow:hidden;}

.hk-page-news-other a span * {display: block;overflow:hidden;}

.hk-page-news-other a span h3{font-size: 14px;color: #000;padding-bottom:2%;}

.hk-page-news-other a span h4{ font-size: 12px;color: #666666;line-height: 24px;padding-bottom:5%;}

.hk-page-news-other a span h6{ font-size: 12px;color: #666666; background: url(../images/next.png) right center no-repeat;}

.hk-page-news-other a:hover {background: #103380;}       

.hk-page-news-other a:hover span h3,.hk-page-news-other a:hover span h4,.hk-page-news-other a:hover span h6{color: #fff;}

.hk-page-news-other a:hover span h6{background: url(../images/next1.png) right center no-repeat;}

.hk-page-news-other .slick-prev { left:-60px;}

.hk-page-news-other .slick-next { right:-60px;}





/* job */



.hk-page-job {width:100%;padding:6% 0 ;overflow:hidden;}

.hk-page-job-top {padding:2% 0;overflow:hidden;font-size: 14px; line-height: 24px;color: #666;width:80%;margin: auto;}

.hk-page-job-top-pic {background: #d9d9d9;border:20px solid #d9d9d9; clear:both;min-height:200px;}

.hk-page-job-top-pic img{max-width: 100%;max-height: 460px;display: block;}

.hk-page-job-list {width:100%;padding:4% 0 8% 0 ;overflow:hidden;}

.hk-page-job-list div ul * {display: block;overflow: hidden;}

.hk-page-job-list ul { width:98%;margin: auto;}

.hk-page-job-list ul li { margin-bottom: 20px;cursor:pointer;}

.hk-page-job-list ul li img{max-width: 100%;width:100%;max-height: 250px;}

.hk-page-job-list ul li h4 {font-size: 16px;color: #999;background: #fff;text-align: center;line-height: 50px;}

.hk-page-job-list ul li:hover h4{background: #103380;color: #fff;}       

.hk-page-job-list .slick-dots {bottom: 60px;}

.hk-page-job-list .slick-dots li { height:20px; width:10px; margin: 0px 3px;}

.hk-page-job-list .slick-dots li button {background:#999; height:10px;width:10px;border-radius:100px;}

.hk-page-job-list .slick-dots li.slick-active button {background: #65c6ff;border: none; opacity:1.5;}



.hk-page-jobs {padding:3% 0;overflow:hidden;}

.sideMenu{ width:100%; margin:10px 0; clear:both; overflow:hidden;}

.sideMenu h3{overflow:hidden;padding:10px 5%; font-size: 14px;color: #000;cursor: pointer;position: relative;background: url(../images/pro_left.png) 95% center no-repeat #ccc;}

.sideMenu h3 strong{float:left;font-size: 14px; line-height:40px;display:block; font-weight:normal;width:20%;}

.sideMenu .nLi.on h3 { background:url(../images/pro_down.png) 95% center no-repeat #da2827;color: #fff;}

.sideMenu ul .nLi {margin-bottom:10px;background:#e7e7e7; }

.sideMenu ul .nLi.on .subb{ display: block; margin-bottom:10px; }

.sideMenu ul .subb{ line-height: 26px; font-size:14px; overflow:hidden;color:#000;padding:3%;}

.sideMenu ul .nLi .subb{display: none;}

.sideMenu ul li h3:hover{background: url(../images/pro_down.png) 95% center no-repeat #666;}

.sideMenu ul li h3:hover strong { color:#FFF;}

.sideMenu .nLi.on h3:hover {background: url(../images/pro_down.png) 95% center no-repeat #da2827;}



.sent-resume{font-size:12px;position:relative; text-align: center;border: 1px solid #0b308e;width:100px;height: 25px;line-height: 25px;display: block;color: #d1d3da;margin-top:20px;overflow: visible;background: #4d60a5;}

.sent-resume:hover {border: 1px solid #009bf6;background:rgba(0,0,0,0.5);}

.sent-resume i { position:absolute;z-index: 6; width:5px; height:5px;border-radius:100px; background:#0b308e;}

.sent-resume:hover i {background:#65c6ff;}

.white_content {display: none;position: fixed;box-sizing: border-box;padding: 50px;top: 50%;left: 50%;width: 600px;height: 300px;margin-left: -300px;margin-top: -150px;background-color: #fff;z-index: 1002;overflow: hidden;}

.guanbi {position: absolute;right: 20px;top: 20px;color: #000;cursor: pointer;font-size: 14px;}

.inputs {border: #CCC 1px solid;display: inline-block;margin: 10px 0px;padding: 15px 5% 15px 5%;width: 90%;font-size: 16px;}

.filename {float: left;border: #CCC 1px solid;display: block;padding: 15px 5% 15px 5%;width: 60%;font-size: 16px;}

.grayBtn {float: left;border: #CCC 1px solid;display: block;padding: 14px 20px 15px 20px;background-color: #666;color: #fff;font-size: 16px;cursor: pointer;font-size: 16px;margin-left: 10px;}

.tjbtn {cursor: pointer;font-size: 16px;cursor: pointer;border: none;background-color: #5b6d9b;color: #fff;text-align: center;padding: 15px 20px !important;}

.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}

.white_content label{ display: none; }