@charset "utf-8";
/* CSS Document  */

@media screen and (max-width: 1920px) {



}


/* 1680 */
@media screen and (max-width: 1680px) {


 


}


/* 1440 */
@media screen and (max-width: 1440px) {

.hk-page-banner-content .logoicon {top:12%;}


}



/* 1366 */
@media screen and (max-width: 1366px) {
	

.logoicon { display:none;}
.hk-page-banner-content h1 {top:25%;}
.hk-page-path li {padding:1.5% 3%;}




}



/* 1280 */
@media screen and (max-width: 1280px) {

.hk-b-btxt {min-width:600px;top:30%;}	
.hk-b-btxt h1{font-size:48px;line-height: 48px;letter-spacing:-2px;}
.hk-b-btxt h2{font-size:44px;line-height: 44px;letter-spacing:-2px;width:auto;}
.hk-b-btxt h4{font-size:24px;padding: 10px 0;letter-spacing: 5px;} 
.ibtype li{ font-size: 16px;padding:20px 0;}
.hk-ibusiness {padding-bottom:80px;}
.hk-ibusiness-top .txt{width:400px;margin-right: -550px;top:43%;}
.hk-ibusiness-top .txt h1{ font-size:36px;padding: 20px 0px 10px 0px;}
.hk-page-nav a { padding:1.3% 0;font-size: 14px;}
.hk-page-banner-content .logoicon img {max-width:100%;height:auto;max-height:60px;}
.hk-page-brand-product {width:90%;padding-top:3%;margin: auto;}
.hk-page-brand-product .slick-prev { left:-10px;margin-top: -30px;}
.hk-page-brand-product .slick-next { right:-10px;margin-top: -30px;}
.hk-page-path li {padding:1% 3%;}
.hk-page-path li a {font-size: 14px;margin-left: 3%;}
.hk-page-path a.return {padding-left:30px;font-size: 14px;left:3%;top:30%;}
.hk-page-news-top a li{width:35%;}
.hk-page-news-top a span{width:55%; padding:5% 5% 1% 5%;}
.hk-page-news-top a span h5 {padding-top: 5%;}
.hk-page-news-top a span h6 {margin-top: 40px;}
.hk-ibusiness-top .txt h1{ padding: 10px 0px 10px 0px;}
.hk-ibusiness-top .txt h3{padding: 10px 0px 0px 0;} 




}


/* 1152 */
@media screen and (max-width: 1152px) {


 


}


/* 1024 */
@media screen and (max-width: 1024px) {

 
	
}



/* 860 */
@media screen and (max-width: 860px) {


header,.pcpic,.hk-b-btxt,.aside-wrap,.hk-footer-r,.hk-crblock,.hk-page-path  {display:none!important;} 
.nav_mobile,.mbpic,.cd-nav-container header { display:block!important;}
.hk-banner { margin-top: 49px;} 
.slick-dots {  bottom:20px;}
content { width: 100%;}
.hk-footer-l {float: none;width:100%;text-align: center;}
.hk-footer-l a {display: inline-block;padding-bottom:20px;}
.hk-footer-l line i {left: 50%;margin-left: -10px;}
.hk-footer-l li h5 {float: none;}
.hk-footer-l li h5 img{width:auto;margin: auto auto 5px auto;}
.hk-footer-copy li.left,.hk-footer-copy li.right {float: none;text-align: center;}
.hk-footer-l li h3 { padding-bottom: 20px; }


.hk-ititle {text-align: center;}
.hk-ititle h1,.hk-ititle h2{ font-size:28px; }
.hk-ititle h4{padding-bottom: 20px; }
.hk-ititle i{left: 50%; margin-left:-7px;}
.hk-ititle line{left:50%; margin-left: -25px;}
.white i {border: 5px #001c65 solid;}
.hk-page-brand .hk-pl-brand .hk-ititle h4{padding-bottom: 20px;padding-top:10px; font-size: 14px;width:90%;margin: auto;}
.hk-page-brand .hk-pl-brand .hk-ititle h2{font-size: 24px;}

.hk-inews {padding: 9% 0 0 0;}
.hk-iews-list {padding-right:0px;padding-bottom:0px;}
.hk-iews-list-left,.hk-iews-list-top a li {float: none;width:100%;}
.hk-iews-list-top {margin-top:20px;}
.hk-iews-list-top a span {float: none;width:91%;padding: 3% 4% 3% 5%;}
.hk-iews-list-top a span h6 {bottom: 5%;}
.hk-iews-list-right {float: none;width:100%;min-height:auto;}
.hk-iews-list-top a li img {max-height: none;}
.hk-iews-rnews li img{width:100%;height:auto;}
.hk-iews-rnews span{height:80%;padding-top:20%;;}
.hk-iews-rnews span p {width: 90%;margin: auto;}
.hk-iews-rnews span h1 { width:60px; height:60px;border:#FFF 1px solid;}
.hk-iews-rnews span h1 em {background: url(../images/view.svg) center no-repeat;background-size: 80%;}
.hk-iews-list-right .slick-dots {bottom: 5%;}
.position-a{left: 5%;top:9%;width:90%;margin-left:0px;}
.hk-ititle.position-a h1 { font-size:24px;}
.hk-ibusiness-nav {width: 90%;left:5%;bottom:50px;margin-left:0px;}
.hk-ibusiness-top .txt{ right: 5%;top:40%;width:90%; margin-right:0px;}
.ibtype li{ line-height:20px;}
.hk-isupplychain-list {padding: 2% 0 50px 0; width:90%;margin: auto;}
.hk-isupplychain-list div li img {display: block;width:100%;height:auto;}
.hk-isupplychain-list div li span {width:96%;padding:4% 2%;}
.hk-isupplychain-list div li span line{display: none;}
.hk-isupplychain-list div li span h3 {font-size:16px;}
.hk-isupplychain-list div li span h5{ font-size:10px;background:none;padding-bottom:10px;}
.hk-icontact-address {width: 86%;left: 2%;bottom:20px;margin-left:0px;padding:10% 5% 5% 5%;}
.hk-icontact-address .hk-ititle{display:none!important;}
.hk-icontact-address-title {width:100%;}
.hk-icontact-address-title h2{padding:0 1%; clear: both;width:89%;display: block;text-align: center;border: 1px solid #ccc; margin: 1px; font-size: 16px; line-height: 30px;background: #fff;}
.hk-icontact-address-title .slick-current.slick-active h2{background:#0b308e; color: #fff;} 
.hk-icontact-address-txt {position:relative;right:auto;top:auto;width: 100%;padding:8% 0 0 0;}
.hk-icontact-address-txt .txt li {font-size: 13px;padding: 1.5% 0 1.5% 30px;}
.hk-icontact-address-txt .txt li h4 { font-size:13px;}
.hk-icontact {padding-bottom: 100px;}
.hk-icontact-map { height:500px;}


.hk-page-banner {max-height:auto;min-height:auto;margin-top:50px;background: #0b308e;padding:5% 0 2% 0; }
.hk-page-banner-content {width: 100%;left:auto;top:auto;height:auto; margin-left:0px;position:relative; }
.hk-page-banner-content h1{ font-size: 32px;position:relative;right:auto;top:auto;text-align: center;color: #fff;padding-bottom:10px;}
.hk-page-banner img {display: none;}
.hk-page-nav {display: none!important;}
.hk-page-nav {position:relative;width: 100%;margin-left:0px;left:auto;bottom:auto;text-align: center;}
.hk-page-nav a { padding:1% 3%;display:inline-block; width:auto;float: none;font-size: 14px;margin:0.1%;border: 1px solid #ccc;}
.hk-page-nav a.cur {color:#fff;background:#65c6ff;}
.mb-rolling-top {display: block!important;}
.pc-rolling-top {display: none!important;}
.num3 a{width:auto!important;}
.num4 a{width:auto!important;}
.num5 a{width:auto!important;}
.num6 a{width:auto!important;}
.num7 a{width:auto!important;}


#S2,#S3,#S4,#S5,#S6 {padding:50px 0;}
.hk-page-about {padding:0;}
.hk-pl-about { float: none;width:100%;padding:0px 0 5% 0;}
.hk-pl-about-pic {width:100%;padding-bottom:0px;}
.hk-pl-about-pic div li {min-height:auto;}
.hk-pl-about-pic img {width:100%;max-height:none;height: auto;}
.hk-pl-about-txt {position:relative;width:90%;height:auto;padding:5%;right:auto;bottom:auto; background:#6c1685;}
.hk-pr-about { float: none;width:100%;padding-top:10%;}
.hk-pr-about-txt {width:90%;font-size: 14px;line-height: 24px;padding: 20px 0 50px 0;margin: auto;}
.hk-pr-about-txt h3{text-align: center;}
.hk-about-ehonor {width:90%;padding:3% 5%;min-height:460px;}
.hk-about-ehonor div li img {max-height:auto; min-height:auto;}
.hk-about-ehonor div li {width:70%;margin:40px auto;}
.hk-about-ehonor .slick-slide.slick-current.slick-active.slick-center  li{width:70%;margin:40px auto;}
.hk-about-development div li {width:100%;}
.hk-about-development div li h4 {padding:1% 5%;font-size: 13px;}
.hk-about-development-time div li {width:100%;padding:10px 0 50px 0;margin-top: 35px;}
.hk-about-development-time div li h1 { font-size:20px;}
.hk-about-development-time div li h4 { font-size:10px; }
.hk-about-development-time .slick-list {width: 100%;}
.hk-about-development-time .slick-slide.slick-current.slick-active.slick-center  li h1 { font-size: 26px;}
.hk-about-culture div {float: left;width:50%;}
.hk-about-culture div h3 {font-size:14px;}
.hk-about-culture div img {max-height:auto;min-height:auto;}
.hk-about-culture div li span h4{ font-size: 12px;margin-top:20px;}
.hk-about-culture div li span h2 {font-size: 16px;width:90%;}
.hk-about-culture div li span line { margin:15px auto; }
.hk-about-organization {width:96%;padding:3% 2%;}
.hk-about-partner li {margin:15px  0;width:29.7%;}
.hk-about-partner li img{max-height:auto;}

.logoicon {display: none;}
.hk-page-brand {width:100%;padding:8% 0 0 0;}
.hk-pl-brand { float: none;width:100%;padding-bottom:0px ;}
.hk-pl-brand-txt {font-size:14px;line-height: 24px;padding:20px 3%}
.hk-pr-brand {float: none;width:100%;}
.hk-page-brand-contact {width:96%;padding:0;margin:2% 2%;}
.hk-page-brand-contact-l {float: none;width:90%;padding:5%;}
.hk-page-brand-contact-l h2{font-size: 24px;padding-bottom:20px;}
.hk-page-brand-contact-l li {font-size: 12px;padding:20px 0 1% 30px;}
.hk-page-brand-contact-l li h3 { font-size:18px; }
.hk-page-brand-contact-l li h4 { font-size:12px;padding: 10px 0;}
.hk-page-brand-contact-r {float: none;width:100%;height:405px;} 

.hk-page-product-list div {width: 49%;float: left;margin-right:1%; margin-bottom: 1%;}
.hk-page-product-list div li a h3{padding: 20px 0;font-size:16px;}
.hk-page-path {position:relative;width: 100%;margin-left:0px;left:auto;bottom:auto;}
.hk-page-path a.return {display: none;}
.hk-page-path li {padding:0;text-align: center;}
.hk-page-path li a {padding:1% 3%;display:inline-block; width:auto;float: none;font-size: 14px;margin:0.5%;border: 1px solid #ccc;}
.hk-page-path li a.cur {color:#fff;background:#65c6ff;}
.hk-page-product-detail-pic {float: none;width:100%;}
.hk-page-product-detail-txt {float: none;width:96%;}
.hk-page-product-detail-pic-small .slick-prev {background-size:70%;}
.hk-page-product-detail-pic-small .slick-next {background-size:70%;right:-55px;}
.hk-page-product-detail-parameter-main table {display: none!important;}
.mpdpm-txt {display: block!important;}
.mpdpm-txt table {display: block!important;}
.mpdpm-txt table tr td{width:49%;}

.hk-page-case-txt {padding:2% 0;width:90%;}
.hk-page-case-list ul li {float: none;width:100%;}
.hk-page-case-list ul li img{max-width: 100%;max-height:auto;}
.hk-page-case-list ul span {float: none;width:90%; padding:5%;}
.hk-page-case-list ul span h3{ font-size: 24px;padding-bottom:2%;}
.hk-page-case-list ul span h4{ font-size: 14px;line-height: 24px;padding-top:2%;}
.hk-page-case-list ul.c2 li,.hk-page-case-list ul.c2 span{float: none;}

.hk-page-news-top a li{float: none;width:100%;}
.hk-page-news-top a li img{max-width: 100%;max-height:auto;}
.hk-page-news-top a span{float: none;width:90%; padding:5%;}
.hk-page-news-top a span h2{ font-size: 18px;padding-bottom:1%; }
.hk-page-news-top a span h4{ font-size: 14px;line-height: 24px; }
.hk-page-news-top a span h5{ font-size: 14px;line-height: 24px;padding-top:5%; }
.hk-page-news-list {padding: 1% 0 1% 0;}
.hk-page-news-list a{width: 100%;float:none;margin-right:0;}
.pnews_detail { padding:5% 2%;}
.pnewstitle span {width:100%;display: block;}
.pnewstitle span h3 {margin: 0;}
.pagefaye a.fl ,.pagefaye a.fr{ width:100%;}
.pagefaye a.fl{ float:none;}
.pagefaye a.fr{ float:none; text-align:left;}
.pagefaye a.fl i{margin-right:0px;}
.pagefaye a.fr i{margin-left:0px; }
.pagefaye a.fh { position:relative; width:auto; height:auto; left:auto; margin-left:0px; top:auto;text-align:left;}
.pagefaye a i { display:none; }

 
.hk-page-job {width:100%;padding:8% 0 0 0;}
.hk-page-job-list {width:100%;padding:4% 0 0 0 ;}
.hk-page-job-top {padding:5% 0;width:95%;}
.hk-page-job-top div {text-align: left}
.hk-page-job-top-pic {border:none;min-height:auto;}
.sideMenu h3 strong {display: none;}
.sideMenu h3 strong:nth-child(1){width:80%;display: block;font-size: 16px;}
.white_content {padding:50px 5% 5% 5%;top: 50%;left:0;width:100%;height: 300px;margin-left:0px;margin-top: -150px;}


.sideMenu h3{background: url(../images/pro_left.svg) 95% center no-repeat #ccc;background-size: 8%;}
.sideMenu .nLi.on h3 { background:url(../images/pro_down.svg) 95% center no-repeat #052f7c;background-size: 8%;}
.sideMenu ul li h3:hover{background: url(../images/pro_down.svg) 95% center no-repeat #666;background-size: 8%;}
.sideMenu .nLi.on h3:hover {background: url(../images/pro_down.svg) 95% center no-repeat #5b6c9a;background-size: 8%;}
.hk-page-news-list a span h6{ background: url(../images/next.svg) right center no-repeat;}
.hk-icontact-address-txt .txt li.dz1{ background: url(../images/dz1.svg) -0.5% 1% no-repeat; background-size:8%;}
.hk-icontact-address-txt .txt li.dz2{ background: url(../images/dz2.svg) left  10% no-repeat; background-size:7%;}
.hk-icontact-address-txt .txt li.dz3{ background: url(../images/dz3.svg) left  10% no-repeat; background-size:7%;}
.hk-page-brand-contact-l li.dz1 {background: url(../upload/dz1.svg) left 20px no-repeat;background-size:6%;}
.hk-page-brand-contact-l li.dz2 {background: url(../upload/dz2.svg) left 20px no-repeat;background-size:6%;}
.hk-page-brand-contact-l li.dz3 {background: url(../upload/dz3.svg) left 20px no-repeat;background-size:6%;}

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

.job1,.job3 {background: none!important;}
.job3 { padding: 50px 0  0px 0!important; }

.hk-pr-brand-pic li img{min-height:auto;}


}
 


/* 1280x800 */
@media screen and (min-width:1280px) and (max-height: 800px) {



}


/* 1280x640 */
@media screen and (min-width:1280px) and (max-height: 640px) {



}


/* 1024x640 */
@media screen and (min-width: 1024px) and (max-height: 640px) {




}


/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {
  


}


/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {


}

/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {




}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {




}


/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {


}

/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

}


/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {


}

.pc{ display: block}
.mb{ display:none}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  
#S2, #S3, #S4, #S5, #S6 {
    padding: 0px 0;
}
content {
    width: 100%;
    height: 240px;
}.pc{ display:none }
.mb{ display:block}
}