@charset "utf-8";

@font-face {
font-family: 'ruo';
src: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/Russo One.eot);
src: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/Russo One.eot?#iefix) format('embedded-opentype'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/Russo One.woff2) format('woff2'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/Russo One.woff) format('woff'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/Russo One.ttf) format('truetype'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/Russo One.svg#oss) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'sscb';
src: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/SairaSemiCondensedBlack.eot);
src: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/SairaSemiCondensedBlack.eot?#iefix) format('embedded-opentype'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/SairaSemiCondensedBlack.woff2) format('woff2'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/SairaSemiCondensedBlack.woff) format('woff'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/SairaSemiCondensedBlack.ttf) format('truetype'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/SairaSemiCondensedBlack.svg#oss) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: '732a';
src: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/732CAI978_2.eot);
src: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/732CAI978_2.eot?#iefix) format('embedded-opentype'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/732CAI978_2.woff2) format('woff2'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/732CAI978_2.woff) format('woff'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/732CAI978_2.ttf) format('truetype'),
url(//www.hbkygs.com/wp-content/themes/kunyuantheme/fonts/732CAI978_2.svg#oss) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
* {
padding: 0;
margin: 0;
}
html,
body {
color: #333333;
font-family: Arial,'Microsoft YaHei', 'FontAwesome', 'Glyphicons Halflings' !important;
font-size: 62.5%;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fff;
}
html {
overflow: -moz-scrollbars-none;
}
html::-webkit-scrollbar {
width: 0px;
background: none;
}
a {
text-decoration: none;
border: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
}
a:hover,
a:focus {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'sscb';
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
font-weight: bold;
}
div{ }
.clear {
display: block;
clear: both;
}
.clearfix {
display: block;
clear: both;
}
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
outline: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
max-width: 100%;
height: auto;
}
.container{
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
@media (min-width: 1600px) {
.container {
width: 1340px !important;
}
}
@media (min-width: 1920px) {
.container {
width: 1450px !important;
}
}
@media (min-width: 2048px) {
.container {
width: 75.52%;
width: 1546px !important;
}
}
@media (min-width: 3840px) {
.container {
width: 2900px !important;
}
}
#headdiv{
width: 100%;
height: 120px;
padding: 0 42px;
background-color: transparent;
position:fixed;
z-index: 10;
margin-bottom: 0;
border-radius: 0;
border: none;
}
#headdiv::after{
content: '';
display: block;
clear: both;
}
.navbar{
transition: background-color 0.3s, color 0.3s;
}
.navbar.navScroll {
background-color: #fff !important;
color: black;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.logo { float: left;
position: relative;
z-index: 6;
margin-top: 24px;
width: 280px;
height: 52px;
}
.logo a {
display: block;
height: 100%;
max-width: 100%; overflow: hidden;
}
.logo a img{
height: 100%;
width: auto;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.navbar .logo a img:nth-of-type(2){
display: none;
}
.navbar.navScroll {
background-color: #fff !important;
color: black;
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.navbar.navScroll a {
color: black;
}
.navbar.navScroll a:hover{
color:#1168ae;
}
.navbar.navScroll .navdiv>ul>li.has_sub>a::after{
color: black;
}
.navbar.navScroll .navdiv>ul>li.has_sub>a:hover::after{
color:#1168ae;
}
.navbar.navScroll .logo a img:nth-of-type(2){
display: block;
}
.navbar.navScroll .logo a img:nth-of-type(1){
display: none;
}
#mobileNavButton {
float: right;
display: none;
position: relative;
z-index: 6;
}
#mobileNavButton a {
font-size: 1.8rem;
color: #000;
}
#mobileNavButton a i {
color: #fff;
}
.navbar.navScroll #mobileNavButton a {
color: #000;
}
.navbar.navScroll #mobileNavButton a i {
color: #000;
}
.language{
float: right;
padding-left: 0px;
margin-top: 36px;
margin-left: 25px;
}
.language a{
display: block;
width: 28px;
height: 28px;
}
.navbar .language a img:nth-of-type(2){
display: none;
}
.navbar.navScroll .language a img:nth-of-type(1){
display: none;
}
.navbar.navScroll .language a img:nth-of-type(2){
display: block;
}
.searchdiv{
float: right;
padding-left: 34px;
}
.searchdiv a{
font-size: 18px;
color:#fff;
vertical-align: middle;
}
.searchdiv a::before{
content: '\f002';
font-family: 'FontAwesome';
font-size: 2.4rem;
color:#fff;
padding: 32px 8px;
display: inline-block;
vertical-align: middle;
}
.searchdiv a:hover{
color:#1168ae;
}
.searchdiv a:hover::before{
color:#1168ae;
}
.navbar.navScroll .searchdiv a::before{
color:black;
}
.navbar.navScroll .searchdiv a:hover::before{
color:#1168ae;
} .navdiv {
width: 52.57%;
margin: 0 auto;
}
.navdiv>ul{
width: 100%;
text-align: center;
}
.navdiv>ul>li{
display: inline-block;
list-style: none;
padding: 10px 16px;
padding: 28px 16px;
padding: 39px 16px;
position: relative;
}
.navdiv>ul>li>a{
font-size: 1.6rem; color: #fff;
}
.navdiv>ul>li.has_sub>a::after{
content: '\f107';
font-family: 'FontAwesome';
font-size: 1.6rem;
color:#fff;
padding-left: 7px;
}
.navdiv>ul>li ul{
display: block;
margin-top: 10px;
position: absolute;
left: 0;
background-color: #fafafa;
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);
}
.navdiv>ul>li ul li{
width: 240px;
padding: 8px 8px 8px 21px;
border-top: 1px solid #f0f0f0;
list-style: none;
text-align: left;
position: relative;
}
.navdiv>ul>li ul li a{
display: block;
position: relative;
width: 100%;
padding-left: 12px;
font-size: 15px;
font-size: 14px; color:#0091d2;
color:#151515;
line-height: 1.2;
}
.navdiv>ul>li ul li a::before{
content: "\f105";
font-family: 'FontAwesome';
font-size: 1.5rem;
color:#0091d2;
color:#151515;
position: absolute;
left: 0px;
top: 0px;
}
.navdiv>ul>li ul li ul{
position: absolute;
left: 240px;
}
.navdiv>ul>li ul,
.navdiv>ul>li ul ul,
.navdiv>ul>li ul ul ul{
display: none;
} .navdiv>ul>li>a:hover{
color:#000;
}
.navdiv>ul>li.has_sub>a:hover::after{
color:#000;
}
.navdiv>ul>li.has_sub:hover ul{
display: block;
}
.navdiv>ul>li.has_sub:hover ul ul{
display: none;
}
.navdiv>ul>li.has_sub:hover ul ul ul{
display: none;
}
.navdiv>ul>li.has_sub ul li:hover{
background-color: #0091d2;
background-color: #1168ae;
}
.navdiv>ul>li.has_sub ul li:hover a{
color:#fff;
}
.navdiv>ul>li.has_sub ul li:hover a::before{
color:#fff;
}
.navdiv>ul>li.has_sub ul li.has_sub:hover ul{
display: block;
top: 0;
margin-top: 0;
}
.navdiv>ul>li.has_sub ul li.has_sub:hover ul li a{
color:#0091d2;
color:#1168ae;
}
.navdiv>ul>li.has_sub ul li.has_sub:hover ul li a::before{
color:#0091d2;
color:#1168ae;
}
.navdiv>ul>li.has_sub ul li.has_sub ul li:hover{
background-color: #0091d2;
background-color: #1168ae;
}
.navdiv>ul>li.has_sub ul li.has_sub ul li:hover a{
color:#fff;
}
.navdiv>ul>li.has_sub ul li.has_sub ul li:hover a::before{
color:#fff;
}
.indexabout{
width:100%;
padding: 100px 0;
margin: 0 auto;
}
.indexaboutLeft{
float: left;
width: 50%;
}
.indexaboutLeft a{
display: block;
width: 100%;
overflow: hidden;
}
.indexaboutLeft a:hover img{
transform: scale(1.125);
-webkit-transform: scale(1.125);
}
.indexaboutLeft video{
display: block;
width: 100%;
height: auto;
}
.indexaboutRight{
float: left;
width: 50%;
padding-left: 4.8275%;
}
.indexaboutTopic h3{
font-size: 3.0rem;
padding: 0px 0 45px;
}
.indexaboutRight p{
font-size: 1.6rem;
text-align: justify;
}
.indexaboutButton{
margin-top: 30px;
}
.indexaboutButton a{
display: block;
width:206px;
height: 50px;
border-radius: 5px;
text-align: center;
font-size: 1.6rem;
background-color: #fccf00;
color:#000;
line-height: 48px;
}
.indexaboutButton a:hover{
background-color: rgba(0,0,0,1);
color:#fccf00;
border: 2px solid #fccf00;
}
.indexCustomize{
width: 100%;
height: 60vh;
background: linear-gradient(rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)), url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/id01.jpg);
background-size: cover;
background-position: center;
text-align: center;
margin: 0 auto;
}
.indexCustomizeContent{
transform: translateY(142%);
margin: 0 auto;
text-align: center;
}
.indexCustomizeContent p{
font-family: 'sscb';
font-size: 2.4rem;
font-weight: 700;
color:#fff;
padding: 0 20%;
}
.indexCustomizeContent a{
display: block;
margin: 45px auto;
width:270px;
height: 50px;
border-radius: 5px;
text-align: center;
font-size: 1.8rem;
background-color: rgba(0,0,0,0.75);
color:#fccf00;
border: 1px solid #fccf00;
line-height: 48px;
}
.indexCustomizeContent a:hover{
background-color: #fccf00;
color:#000;
}
.indexTopProducts{
width: 100%;
padding: 100px 0;
}
.indexToproductTopic{
margin-bottom: 45px;
}
.indexToproductTopic h3{
font-size: 3.0rem;
font-weight: 700;
text-align: center;
}
.indexTopProductList{
width: 100%;
}
.iproductItem {
width: 100%;
background-color: #fff;
border-radius: 0px;
border-left:1px solid #fccf00;
border-top:1px solid #fccf00;
border-right:1px solid #fccf00;
border-bottom:12px solid #fccf00;
overflow: hidden;
}
.itemcontainerPic {
width: 100%;
height: 0px;
padding-bottom: 100%;
background-color: #fff;
position: relative;
margin: 0 auto;
overflow: hidden;
}
.itemcontainerPic a {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.itemcontainerPic a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.itemcontainerPic a:hover img{
transform: scale(1.125);
-webkit-transform: scale(1.125);
-moz-transform: scale(1.125);
-o-transform: scale(1.125);
}
.itemcontainerBtn{
display: block;
width: 100%;
background-color: #fccf00;
}
.itemcontainerBtn a{
display: block;
width: 100%;
height: 50px;
padding: 0 15px;
text-align: center;
font-size: 1.8rem;
color:#181400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 48px;
}
.itemcontainerBtn a:hover{
text-decoration: underline;
}
.swiper-pagination {
position: static!important;
margin-top: 30px;
}
.indexThreeModal{
width: 100%;
padding: 60px;
background-color: #ececec;
}
.indexThreeModalItem{
float: left;
width: 31.1111%;
margin-right: 3.33%;
position: relative;
overflow: hidden;
}
.indexThreeModalItem:nth-of-type(3){
margin-right: 0%;
}
.modalTxt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 70px;
text-align: center;
background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);
background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);
background-image: -ms-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);
background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);
background-image: linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);
}
.modalTxt span{
font-family: 'sscb';
font-size: 3.0rem;
color:#fff;
font-weight: 700;
line-height: 70px;
}
.indexThreeModalItem a:hover img{
transform: scale(1.25);
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
}
.indexThreeModalItem ul{
margin: 0;
width: 100%;
background-color: #fff;
border-top:2px solid #fccf00;
}
.indexThreeModalItem ul li{
list-style: none;
border-bottom:2px solid #fccf00;
padding: 5.50%;
}
.indexThreeModalItem ul li h3{margin-bottom: 20px;}
.indexThreeModalItem ul li h3 a{
font-family: 'FontAwesome', 'sscb', Arial;
font-size: 3.0rem;
color:#1168ae;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.indexThreeModalItem ul li h3 a::before{
content: '\f178';
font-size: 0rem;
color:#1168ae;
margin-right: 0px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.indexThreeModalItem ul li h3 a:hover{
color:#000;
}
.indexThreeModalItem ul li h3 a:hover::before{
font-size: 3.0rem;
margin-right: 8px;
color:#000;
}
.indexThreeModalItem ul li p{
font-size: 1.4rem;
color:#000;
}
.footer{
width: 100%;
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/pattern01.png) repeat #181818;
padding: 70px 0;
}
.footerUp{
width: 100%;
}
.footerList{
float: left;
width: 24.3333%;
padding-right: 10%;
}
.footerList h3{
font-size: 2.4rem;
color:#fff;
margin-bottom: 30px;
}
.footerList ul{
padding-left: 15px;
}
.footerList ul li{
margin-bottom: 10px;
}
.footerList ul li::marker{
color:#fccf00;
}
.footerList ul li a{
font-size: 1.4rem;
color:#1168ae;
}
.footerList ul li a:hover{
color:#fff;
}
.focusus{
float: right;
width: 27%;
}
.focusus h3{
font-size: 2.4rem;
color:#fff;
margin-bottom: 30px;
}
.codediv{
width: 100%;
}
.codediv img{
width: 150px;
margin-right: 18px;
}
.followIco{
width: 100%;
margin-top: 10px;
}
.followIco a{
font-size: 18px;
color:#1168ae;
display: inline-block;
margin-right: 6px;
margin-bottom: 6px;
width: 32px;
height: 32px;
background-color: transparent;
text-align: center;
border: 1px solid #1168ae;
border-radius: 50%;
line-height: 30px;
}
.followIco a:hover{
border-color:#fff;
background-color: #fff;
color:#000;
}
.footerline{
width: 100%;
height: 1px;
font-size: 0;
background-color: #333;
margin: 25px 0;
}
.copyright p{
font-size: 14px;
color:#fff;
}
.copyright a{
font-size: 14px;
color:#fff;
}
.copyright a:hover{
color:#1168ae;
}
.copyright p span{
margin-left: 30px;
} .servicesidebar {
position: fixed;
z-index: 99999;
right: 0px;
bottom: 60px;
}
.sidebarwrap {
position: relative;
padding: 10px 8px;
border-radius: 28px;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sideemail {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
border-bottom: 1px solid #e7e9ed;
}
.sideemail a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sideemail a i{font-size: 21px;}
.sideemail a:hover {
color:#0091d2;
color:#2e7ae5;
}
.sideemailwrap {
display: none;
position: absolute;
top: -2px;
left: -201px;
width: 210px;
background-color: transparent;
}
.sideemail .sideemailcontent {
padding: 20px;
width: 196px;
text-align: left;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sideemail .sideemailcontent p {
font-size: 14px;
color: #333;
margin: 0;
word-break: break-all;
}
.sideemail:hover .sideemailwrap {
display: block;
}
.sidephone {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
border-bottom: 1px solid #e7e9ed;
}
.sidephone a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sidephone a i{font-size: 24px;}
.sidephone a:hover {
color:#0091d2;
}
.sidephone .sidephonewrap {
display: none;
position: absolute;
top: 30px;
left: -201px;
width: 210px;
background-color: transparent;
}
.sidephone .sidephonecontent {
padding: 20px;
width: 196px;
border-radius: 10px;
text-align: left;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sidephone .sidephonecontent p {
font-size: 14px;
color: #333;
margin: 0;
}
.sidephone:hover .sidephonewrap {
display: block;
}
.sidechar {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
border-bottom: 1px solid #e7e9ed;
}
.sidechar a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sidechar a i{font-size: 21px;}
.sidechar a:hover {
color:#01c000;
}
.sidechar .sideweixinwrap{
display: none;
position: absolute;
top: 30px;
left: -165px;
width: 172px;
background-color: transparent;
}
.sidechar .sideweixincontent{
padding: 20px;
width: 160px;
border-radius: 10px;
text-align: left;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sidechar .sideweixincontent img{
width: 120px;
}
.sidechar:hover .sideweixinwrap {
display: block;
}
.sidetoup {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
}
.sidetoup a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sidetoup a:hover {
color:#0091d2;
}
#HBox {
width: 300px;
height: 270px;
margin: 0 auto;
box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
display: none;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
margin: -120px 0 0 -150px;
z-index: 100000
}
#searchform {
padding: 50px 15px 10px;
font-size: 0px;
}
#searchform #searchtxt {
width: 245px;
height: 42px;
border: 1px solid #d00743;
padding-left: 15px;
font-size: 1.6rem;
vertical-align: top;
border-radius: 4px 0 0 4px;
}
#searchform button {
width: 42px;
height: 42px;
border: none;
background-color: #d00743;
color: #fff;
cursor: pointer;
vertical-align: top;
border-radius: 0 4px 4px 0;
}
#searchform button i {
font-size: 2.0rem;
line-height: 1.75;
}
main{
position: relative;
z-index: 1;
} .header-back {
width: 100%; height: auto;
overflow: hidden;
}
.header-back img {
width: 100%;
height: 100%;
object-fit: cover; animation: myzoomIn 10s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
transform-origin: center center; 
transform: scale(1.12);
}
@keyframes myzoomIn {
0% {
transform: scale(1);
}
100% {
transform: scale(1.12);
}
} .carousel { width: 100%;
height: auto;
}
.carousel-caption {
z-index: 10;
}
.carousel .item { background-color: #777;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
opacity: 1;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.carousel-control.left,
.carousel-control.right {
background: none;
}
.carousel-control {
width: 6%;
}
.carousel-control span:before {
padding: 10px 13px;
border: 1px solid #fff;
border-radius: 50%;
margin-right: -10px;
}
.carousel-inner .container {
position: relative;
}
.carousel-inner {
overflow: visible;
}
.carousel-caption {
width: 100%;
position: absolute;
top: 29.4vh;
left: 0;
bottom: auto;
right: auto;
text-align: left;
}
.carousel-caption.t296{
top: 29.6vh;
}
.carousel-caption.blank {
top: 39.78vh;
}
.carousel-image {
position: absolute;
left: auto;
top: auto;
right: 42px;
bottom: 42px;
z-index: 3;
}
.carousel-image img{
display: block;
width: 480px;
height: 70px;
width: 25vw;
height: auto;
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #ae002b;
border-color: #ae002b;
}
.carousel-caption h1 {
font-weight: 700;
font-size: 38px;
font-size: 3vw;
color:#fff;
text-transform: uppercase;
text-shadow: none;
}
.carousel-caption h1 span{
padding-left: 16px;
padding-left: 0.833vw;
font-weight: normal;
}
.carousel-caption h1.bline::after{
content: '';
display: block;
width: 238px;
height: 5px;
background-color: #fff;
margin-top: 20px;
margin-bottom: 38px;
margin-top: 1.041vw;
margin-bottom: 1.979vw;
}
.carousel-caption p {
text-transform: uppercase;
text-shadow: none;
font-size: 24px;
font-size: 1.20vw;
line-height: 42px;
line-height: 1.625;
margin-top: 26px;
margin-top: 1.354vw;
}
.carousel-caption p i{
padding-right: 10px;
}
.caption-link-a{
display: inline-block;
background-color: #ae002b;
color:#fff;
font-size: 0px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
line-height: normal;
border-radius: 5px;
}
.caption-link-a span{
padding: 12px 46px;
padding: 0.625vw 2.3958vw;
font-size: 21px;
font-size: 1.09375vw;
display: inline-block;
border-right: 1px solid #fff;
}
.caption-link-a i{
font-size: 21px;
font-size: 1.09375vw; padding-left: 0.9375vw;
padding-right: 0.9375vw !important;
}
.caption-link-a:hover{
background-color: #000;
color:#fff;
}
.caption-link {
color: #fff;
margin-left: 10px;
text-transform: capitalize;
text-transform: uppercase;
font-weight: 400;
}
.caption-link:hover {
text-decoration: none;
color: inherit;
}
.carousel-indicators{
display: none;
} .servicesidebar {
position: fixed;
z-index: 99999;
right: 0px;
bottom: 60px;
}
.sidebarwrap {
position: relative;
padding: 10px 8px;
border-radius: 28px;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sideemail {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
border-bottom: 1px solid #e7e9ed;
}
.sideemail a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sideemail a i{font-size: 21px;}
.sideemail a:hover {
color:#0091d2;
color:#2e7ae5;
}
.sideemailwrap {
display: none;
position: absolute;
top: -2px;
left: -201px;
width: 210px;
background-color: transparent;
}
.sideemail .sideemailcontent {
padding: 20px;
width: 196px;
text-align: left;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sideemail .sideemailcontent p {
font-size: 14px;
color: #333;
margin: 0;
word-break: break-all;
}
.sideemail:hover .sideemailwrap {
display: block;
}
.sidephone {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
border-bottom: 1px solid #e7e9ed;
}
.sidephone a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sidephone a i{font-size: 24px;}
.sidephone a:hover {
color:#0091d2;
}
.sidephone .sidephonewrap {
display: none;
position: absolute;
top: 30px;
left: -201px;
width: 210px;
background-color: transparent;
}
.sidephone .sidephonecontent {
padding: 20px;
width: 196px;
border-radius: 10px;
text-align: left;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sidephone .sidephonecontent p {
font-size: 14px;
color: #333;
margin: 0;
}
.sidephone:hover .sidephonewrap {
display: block;
}
.sidechar {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
border-bottom: 1px solid #e7e9ed;
}
.sidechar a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sidechar a i{font-size: 21px;}
.sidechar a:hover {
color:#01c000;
}
.sidechar .sideweixinwrap{
display: none;
position: absolute;
top: 30px;
left: -165px;
width: 172px;
background-color: transparent;
}
.sidechar .sideweixincontent{
padding: 20px;
width: 160px;
border-radius: 10px;
text-align: left;
background-color: #fff;
box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sidechar .sideweixincontent img{
width: 120px;
}
.sidechar:hover .sideweixinwrap {
display: block;
}
.sidetoup {
width: 24px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
box-sizing: content-box;
}
.sidetoup a {
width: 100%;
height: 100%;
display: block;
font-size: 21px;
text-align: center;
color:#333333;
}
.sidetoup a:hover {
color:#0091d2;
}
#HBox {
width: 300px;
height: 270px;
margin: 0 auto;
box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
display: none;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
margin: -120px 0 0 -150px;
z-index: 100000
}
#searchform {
padding: 50px 15px 10px;
font-size: 0px;
}
#searchform #searchtxt {
width: 245px;
height: 42px;
border: 1px solid #d00743;
padding-left: 15px;
font-size: 1.6rem;
vertical-align: top;
border-radius: 4px 0 0 4px;
}
#searchform button {
width: 42px;
height: 42px;
border: none;
background-color: #d00743;
color: #fff;
cursor: pointer;
vertical-align: top;
border-radius: 0 4px 4px 0;
}
#searchform button i {
font-size: 2.0rem;
line-height: 1.75;
}
.hexinkinds{
width: 100%;
margin: 0 auto;
padding-bottom: 100px;
background-color: #f7f7f7;
}
.hexinkindstop{
padding-top: 100px;
padding-bottom: 60px;
text-align: center;
}
.hexinkindstop h2{
font-size: 3.6rem;
}
.hexinkindstop h2 a{
font-size: 3.6rem;
color:#ae002b;
padding-left: 12px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.hexinkindstop h2 a:hover{
padding-left: 17px;
}
.teseWrap{
width: 100%;
font-size: 0;
}
.teseWrap::after{
content: '';
display: block;
clear: both;
}
.teseItem{
display: block;
float: left;
width: 32.38%;
margin-right: 1.42857%;
margin-bottom: 20px;
text-align: center;
}
.teseItem:nth-of-type(3n){
margin-right: 0;
}
.teseItem a{
display: block;
width: 100%;
height: 0px;
padding-bottom: 87.72%;
position: relative;
background-color: #fff;
border: 2px solid #fff;
border-radius: 5px;
box-shadow: 0 0 40px rgba(0,0,0,0.05);
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.iconItem{
width: 5.2vw;
margin: 0 auto;
margin-top: 15%;
}
.iconItem img{
width: 100%;
}
.teseItem a .iconItem img:nth-of-type(1){
display: block;
}
.teseItem a .iconItem img:nth-of-type(2){
display: none;
}
.teseItem h3{
margin: 8.69% auto 8.04%;
text-align: center;
font-size: 2.4rem;
font-weight: bold;
color:#000;
}
.teseItem p{
padding: 0 7.17%;
font-size: 1.6rem;
text-align: left;
color:#999999;
}
.teseItem a:hover{
border-color:#1166ab;
box-shadow: 0 0 40px rgba(0,0,0,0.30);
transform: translateY(-10px);
}
.teseItem:hover .iconItem img:nth-of-type(1){
display: none;
}
.teseItem:hover .iconItem img:nth-of-type(2){
display: block;
}
.appdiv{
width: 100%;
padding-bottom: 116px;
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/i-005.jpg) center top no-repeat;
background-size: cover;
}
.morediv{
width: 100%;
text-align: center;
margin: 0 auto;
margin-top: 100px;
}
.iabout{
display: block;
clear: both;
width: 100%;
padding: 100px 0 72px;
}
.iaboutleft{
width: 50%;
float: left;
}
.iaboutleft a{
display: block;
width: 100%;
min-height: 30px;
}
.iaboutleftbg{
width: 100%;
background-color: #1168ae;
border-radius: 15px;
}
.iaboutleftimg{
position: relative;
width: 100%;
border-radius: 15px;
transform: translateX(10px) translateY(10px);
overflow: hidden;
}
.iaboutleft a:hover .iaboutleftimg img{
transform: scale(1.125);
-webkit-transform: scale(1.125);
-moz-transform: scale(1.125);
-o-transform: scale(1.125);
}
.iaboutright{
width: 50%;
float: left;
}
.iaboutrightwrap{
width: 100%;
padding-left: 14.285%;
}
.iaboutrighttop{
margin-top: 40px;
}
.iaboutrighttop small{
display: block;
font-size: 1.6rem;
color:#1168ae;
padding-bottom: 14px;
}
.iaboutrighttop h2{
font-size: 3.6rem;
margin-bottom: 72px;
}
.iaboutrighttop h2 a{
font-size: 3.6rem;
color:#ae002b;
padding-left: 12px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.iaboutrighttop h2 a:hover{
padding-left: 17px;
}
.iaboutdesc{
margin-bottom: 90px;
}
.iaboutdesc p{
font-size: 1.6rem;
color:#333;
text-align: justify;
line-height: 1.8;
}
.iaboutdesc p strong{
padding-right: 7px;
}
.iaboutModal{
width: 100%;
}
.iaboutModal a{
display: block;
width: 100%;
min-height: 30px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.iaboutModal a:hover{
transform: translateY(-10px);
}
.iaboutModal a ul{
width: 100%;
display: block;
}
.iaboutModal a ul::after{
content: '';
display: block;
clear: both;
}
.iaboutModal a ul li{
width: 50%;
float: left;
list-style: none;
margin-bottom: 12px;
}
.iaboutModal a ul li dl{
display: block;
width: 100%;
}
.iaboutModal a ul li dl::after{
content: '';
display: block;
clear: both;
}
.iaboutModal a ul li dl dt{
display: block;
float: left;
width: 70px;
height: 70px;
}
.iaboutModal a ul li dl dd{
display: block;
float: left;
padding-top: 10px;
padding-left: 16px;
}
.iaboutModal a ul li dl dd h3{
font-size: 3.6rem;
font-family: 'oss';
}
.iaboutModal a ul li dl dd p{
font-size: 1.5rem;
color:#999999;
}
.iaboutequipment{
width: 100%;
padding: 72px 0 52px;
background-color: #d2e4f0;
}
.iaboutequipmentBox{
width: 100%;
}
.iaboutequipmentBox::after{
content: '';
display: block;
clear: both;
}
.iaboutitem{
width: 48.57%;
float: left;
margin-right: 1.4285%;
margin-bottom: 20px;
border-radius: 15px;
overflow: hidden;
-webkit-transition: all 0.6s ease 0s, -webkit-transform 1s ease 0.2s, opacity 1s ease 0.2s;
transition: all 0.6s ease 0s, transform 1s ease 0.2s, opacity 1s ease 0.2s;
}
.iaboutitem:nth-of-type(3){
margin-right: 0;
}
.iaboutitem a{
display: block;
width: 100%;
height: 0;
padding-bottom: 58.8888%;
position: relative;
overflow: hidden;
font-size: 0;
}
.iaboutitempic{
position: absolute;
width: 100%;
height: 100%;
}
.iaboutitempic img{ max-height: 100%;
width: auto;
max-width: none;
}
.iaboutitemtxt{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 80px;
background-color: rgba(255,255,255,0.95);
padding-left: 30px;
padding-top: 30px;
}
.iaboutitemtxt span{
position: absolute;
right: 20px;
bottom: 30px;
display: block;
width: 76px;
height: 24px;
border-radius: 12px;
background-color: #999;
color:#fff;
text-align: center;
font-size: 2.1rem;
line-height: 24px;
}
.iaboutitem a:hover .iaboutitemtxt span{
background-color: #1168ae;
}
.iaboutitemtxt h4{
font-size: 1.6rem;
font-weight: normal;
}
.iaboutitem:nth-of-type(2){
width: 24.2857%;
}
.iaboutitem:nth-of-type(3){
width: 24.2857%;
}
.iaboutitem:nth-of-type(2) a{
padding-bottom: 117.71771%;
}
.iaboutitem:nth-of-type(3) a{
padding-bottom: 117.71771%;
}
.inews{
width: 100%;
padding: 0px 0 100px;
}
.inewssettop{
width: 52.57%;
float: left;
}
.inewssettopwrap{
width: 100%;
}
.inewssettopwrap a{
display: block;
width: 100%;
height: 0;
padding-bottom: 45.45%;
position: relative;
background-color: #f7f7f7;
border-radius: 10px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
overflow: hidden;
}
.inewssettopwrap a dl{
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.inewssettopwrap a dl::after{
content: '';
display: block;
clear: both;
}
.inewssettopwrap a dl dt{
width: 58.3333%;
float: left;
height: 100%;
overflow: hidden;
}
.inewssettopwrap a dl dt img{
width: 100%;
height: 100%;
object-fit: cover;
}
.inewssettopwrap a dl dd{
width: 41.6666%;
float: left;
padding: 5%;
}
.inewssettopwrap a dl dd h3{
font-size: 1.8rem;
margin-top: 2%;
margin-bottom: 25px;
}
.inewssettopwrap a dl dd p{
font-size: 1.4rem;
color:#454545;
margin-bottom: 0;
}
.inewssettopwrap a dl dd span{
font-size: 2.1rem;
color:#1168ae;
margin-top: 15%;
}
.inewssettopwrap a:hover{
background-color: #1168ae;
transform: translateY(-10px);
}
.inewssettopwrap a:hover dl dt img{
transform: scale(1.125);
}
.inewssettopwrap a:hover dl dd h3{
color:#fff;
}
.inewssettopwrap a:hover dl dd p{
color:#fff;
}
.inewssettopwrap a:hover dl dd span{
color:#fff;
}
.inewsrightlist{
width: 47.43%;
float: left;
}
.inewsrightlist ul{
display: block;
width: 100%;
padding-left: 9%;
margin-bottom: 0;
}
.inewsrightlist ul li{
width: 100%;
list-style: none;
margin-bottom: 11%;
}
.inewsrightlist ul li:nth-of-type(2){
margin-bottom: 0;
}
.inewsrightlist ul li a{
display: block;
width: 100%;
min-height: 30px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.inewsrightlist ul li a dl{
width: 100%;
margin-bottom: 0;
}
.inewsrightlist ul li a dl::after{
content: '';
display: block;
clear: both;
}
.inewsrightlist ul li a dl dt{
width: 35.86%;
float: left;
border-radius: 10px;
overflow: hidden;
}
.inewsrightlist ul li a dl dd{
width: 64.13%;
float: left;
padding-left: 5%;
}
.inewsrightlist ul li  a dl dd h3{
font-size: 1.8rem;
margin-top: 2%;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.inewsrightlist ul li  a dl dd p{
font-size: 1.4rem;
color:#454545;
margin-bottom: 0;
}
.inewsrightlist ul li  a dl dd span{
font-size: 2.1rem;
color:#1168ae;
margin-top: 2%;
}
.inewsrightlist ul li a:hover{
transform: translateY(-10px);
}
.inewsrightlist ul li a:hover dl dd h3{
color:#1168ae;
}
.ipartner{
width: 100%;
padding: 100px 0 100px;
background-color: #f7f7f7;
}
.ipartnertop h2{
font-size: 3.6rem;
margin-bottom: 48px;
}
.ipartnertop h2 a{
font-size: 3.6rem;
color:#ae002b;
padding-left: 12px;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.ipartnertop h2 a:hover{
padding-left: 17px;
}
.ipartnerico {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
list-style: none;
padding: 0;
margin: 0;
}
.ipartnerico li {
flex: 0 0 16%;
flex: 0 0 12.5%;
box-sizing: border-box;
margin-right: 5%;
margin-bottom: 5%;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.ipartnerico li img{
width: 100%;
}
.ipartnerico li:nth-of-type(6n){
margin-right: 0%;
}
.ipartnerico li:hover{
transform: translateY(-10px);
box-shadow: 0 0 40px rgba(0,0,0,0.25);
}
.footerdiv{
width: 100%;
padding-top: 100px;
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/i-007.jpg) center center no-repeat;
background-size: cover;
}
.footernavleft{
float: left;
width: 67.14%;
}
.footernavleft::after{
content: '';
display: block;
clear: both;
}
.footernavleftmodel{
float: left;
padding-right: 11.0%;
}
.footernavleftmodel h3{
font-size: 2.1rem;
color:#fff;
margin-bottom: 35px;
}
.footernavleftmodel ul li{
list-style: none;
margin-bottom: 16px;
}
.footernavleftmodel ul li a{
font-size: 1.5rem;
color:#fff;
line-height: 1.36;
}
.footernavleftmodel ul li a:hover{
text-decoration: underline;
}
.footerfollow{
float: right;
width: 190px;
}
.followlinks{
margin-top: 35px;
text-align: right;
}
.followlinks a{
display: inline-block;
width: 36px;
height: 36px;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
margin: 4px;
line-height: 31px;
}
.followlinks a img{
width: 28px;
height: 28px;
object-fit: contain;
}
.footetdown{
clear: both;
width: 100%;
background-color: rgba(0,0,0,0.75);
text-align: left;
padding: 35px 0;
margin: 70px auto 0;
}
.footetdown p{
font-size: 1.5rem;
color:#fff;
}
.footetdown p span{
padding-left: 45px;
}
.footetdown a{
font-size: 1.5rem;
color:#fff;
}
.footetdown a:hover{
text-decoration: underline;
}
.topicbanner{
width: 100%;
height: 700px;
height: 600px;
background-color: #333333;
display: flex;
align-items: center;
}
.topicbanner h2{
font-size: 5.4rem;
color:#fff;
}
.topicbanner h2::after{
content: '';
display: block;
width: 106px;
height: 5px;
margin-top: 15px;
border-radius: 3px;
background-color: rgb(227,55,30);
}
.about-banner{
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/about-bg.jpg) center center no-repeat;
background-size: cover;
}
.product-banner{
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/product-bg.jpg) center center no-repeat;
background-size: cover;
}
.service-banner{
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/support-bg.jpg) center center no-repeat;
background-size: cover;
}
.solutions-banner{
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/solutions-bg.jpg) center center no-repeat;
background-size: cover;
}
.project-banner{
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/project-bg.jpg) center center no-repeat;
background-size: cover;
}
.info-banner{
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/info-bg.jpg) center center no-repeat;
background-size: cover;
}
.contact-banner{
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/contact-bg.jpg) center center no-repeat;
background-size: cover;
}
.aboutinfobox{
margin: 90px 0;
}
.aboutinfoleft{
float: left;
width: 100%;
padding-right: 0%;
}
.aboutinfoleft h3{
margin-bottom: 30px;
}
.aboutinfoleft p{
font-size: 1.6rem;
color:#454545;
line-height: 1.8;
}
.aboutinfoleft p a{
text-decoration: underline;
font-weight: 600;
}
.aboutinfopic{
width: 40%;
float: right;
}
.aboutinfopic img{
border-left:12px solid #e3371e;
border-left:12px solid #fccf00;
border-radius: 30px;
}
.aboutequements{
padding: 90px 0;
background-color: #ececec;
}
.aboutequements h3{
margin-bottom: 30px;
}
.roll{width: 100%; height: 280px; overflow: hidden; position: relative;}
.roll ul{ width: 100%; height: 280px; position:relative;}
.roll ul li{ float: left; margin: 15px; margin-right: 6px; list-style: none;}
.roll ul li img{display: inline-block; height:240px; width: auto; border:10px solid #f9f9f9; border-radius: 15px;}
.roll ul li a:hover img{ border-color:#fccf00;}
.wenhua{
width: 100%;
padding: 100px 0;
background-color: #fff;
}
.wenhuaBox{
width: 100%;
}
.wenhuaItem{
width: 31.862%;
float: left;
margin-right: 2.207%;
margin-bottom: 30px;
}
.wenhuaItem:nth-of-type(3){
margin-right: 0;
}
.wenhuaItemTxt{
padding-left: 10%;
margin-bottom: 30px;
}
.wenhuaItem:nth-of-type(2) .wenhuaItemTxt{
margin-top: 30px;
}
.wenhuaItemTxt h3{
margin-bottom: 12px;
}
.wenhuaItemTxt p{
font-size: 1.5rem;
}
.wenhuaItem img{
border-radius: 8px;
}
.productInfo{
width: 100%;
padding: 70px 0;
}
.productInfoItem{
float: left;
width: 31.862%;
margin-bottom: 20px;
margin-right: 2.20%;
background-color: #fff;
border:3px solid #fff;
box-shadow: 0 0 30px rgba(0,0,0,0.12);
border-radius: 0 0 15px 15px;
overflow: hidden;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.productInfoItem:nth-of-type(3n){
margin-right: 0;
}
.productInfoThumbnail{
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
.productInfoThumbnail a{
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.productInfoThumbnail a img{
width: 100%;
height: 100%;
object-fit: cover;
}
.productInfoTitle{
width: 100%;
padding: 0 15px;
margin-top: 15px;
text-align: center;
margin-bottom: 15px;
}
.productInfoTitle a{
display: block;
width: 100%;
height: 40px;
font-size: 1.5rem;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color:#000;
line-height: 20px;
}
.productInfoItem:hover{
border-color:#1168ae;
background-color: #1168ae;
box-shadow: 0 0 30px rgba(0,0,0,0.38);
transform: translateY(-10px);
}
.productInfoItem:hover .productInfoThumbnail a img{
transform: scale(1.25);
-webkit-transform: scale(1.25);
}
.productInfoItem:hover .productInfoTitle a{
color:#fff;
}
.pagediv {
clear: both;
margin: 20px 0px 50px 0px;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
font-family: "Helvetica";
}
.pagediv a {
display: inline-block;
font-size: 15px;
border: #e4e4e4 1px solid;
padding: 10px 16px;
margin: 2px;
color: #000;
text-decoration: none;
background-color: #e4e4e4;
font-family: "Helvetica";
}
.pagediv a:hover,
.pagediv a:focus {
font-size: 15px;
border: #1168ae 1px solid;
padding: 10px 16px;
color: #fff;
background-color: #1168ae;
}
.pagediv .current,
.pagediv .thisclass,
.pagediv .pageinfo,
.pagediv span {
border: #1168ae 1px solid;
font-size: 15px!important;
padding: 10px 16px;
color: #fff;
margin: 2px;
background-color: #1168ae;
display: inline-block;
font-family: "Helvetica";
}
.pagediv .pageinfo {
background-color: #e4e4e4;
border: #e4e4e4 1px solid;
color: #333;
font-size: 13px;
padding: 12px 16px;
vertical-align: top;
font-family: "Helvetica";
font-size: 1.2rem!important;
}
.gbicolist{
width: 100%;
padding: 70px 0;
}
.gbicolist ul{
margin-bottom: 0;
}
.gbicolist ul::after{
content: '';
display: block;
clear: both;
}
.gbicolist ul li{
list-style: none;
width: 23.448%;
float: left;
margin-right: 2%;
margin-bottom: 12px;
border-radius: 8px;
border:3px solid #dedede;
padding: 1.5%;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.gbicolist ul li:nth-of-type(4n){
margin-right: 0;
}
.gbicolist ul li p{
float: left;
width: 64%;
padding-right: 8%;
font-size: 1.5rem;
}
.gbicolist ul li span{
width: 36%;
float: right;
}
.gbicolist ul li span img{
width: 100px;
}
.gbicolist ul li:hover{
border-color:#1168ae;
transform: translateY(-5px);
}
.gbicolist ul li.active{
animation: border-blink 1s infinite;
}
.daochilist{
width: 100%;
padding: 70px 0;
}
.daochilist ul{
margin-bottom: 0;
}
.daochilist ul::after{
content: '';
display: block;
clear: both;
}
.daochilist ul li{
list-style: none;
width: 48.96%;
float: left;
margin-right: 2%;
margin-bottom: 12px;
border-radius: 8px;
border:3px solid #dedede;
padding: 1.5%;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
}
.daochilist ul li:nth-of-type(2n){
margin-right: 0;
}
.daochilist ul li .daochiTxt{
float: left;
width: 62%;
padding-right: 8%;
}
.daochilist ul li .daochiTxt h4{
color:#000;
margin-bottom: 14px;
}
.daochilist ul li .daochiTxt p{
display: block;
width: 100%;
height: 105px;
font-size: 1.4rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
color:#000;
line-height: 21px;
}
.daochilist ul li span{
width: 38%;
float: right;
}
.daochilist ul li span img{
width: 100%;
}
.daochilist ul li:hover{
border-color:#1168ae;
transform: translateY(-5px);
}
.daochilist ul li.active{
animation: border-blink 1s infinite;
}
@keyframes border-blink {
0% {
border-color: #1168ae; }
50% {
border-color: #ff0; }
100% {
border-color: #1168ae; }
}
a.returnbtn{
display: block;
width: 160px;
height: 42px;
background-color: #fccf00;
border:2px solid #fccf00;
border-radius: 5px;
font-size: 1.5rem;
color:#000;
text-align: center;
margin: 30px auto 70px;
line-height: 40px;
}
a.returnbtn:hover{
background-color: #000;
color:#fccf00;
border-color:#fccf00;
}
.productInfoContainer{
width: 100%;
padding: 70px 0;
}
.productInfoContainer div, .productInfoContainer p, .productInfoContainer td{
font-size: 1.5rem;
padding: 8px 0;
}
.productInfoContainer th{
font-size: 1.6rem;
padding: 8px 0;
}
.newssContainer{
width: 100%;
padding: 70px 0;
}
.newssContainer div, .newssContainer p, .newssContainer td{
font-size: 1.5rem;
padding: 8px 0;
}
.newssContainer th{
font-size: 1.6rem;
padding: 8px 0;
}
.productlist{
width: 100%;
padding: 70px 0;
}
.productlist li{
list-style: none;
width: 23.448%;
margin-right: 2%;
margin-bottom: 25px;
float: left;
background-color: #fff;
border-radius: 0px;
border-left: 1px solid #fccf00;
border-top: 1px solid #fccf00;
border-right: 1px solid #fccf00;
border-bottom: 12px solid #fccf00;
overflow: hidden;
}
.productlist li:nth-of-type(4n){
margin-right: 0;
}
.productlisttxt {
display: block;
width: 100%;
background-color: #fccf00;
}
.productlisttxt a{
display: block;
width: 100%;
height: 50px;
padding: 0 15px;
text-align: center;
font-size: 1.8rem;
color:#181400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 48px;
}
.productlisttxt a:hover{
text-decoration: underline;
}
.productlistpic {
width: 100%;
height: 0px;
padding-bottom: 100%;
background-color: #fff;
position: relative;
margin: 0 auto;
overflow: hidden;
}
.productlistpic a {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.productlistpic a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.productlistpic a:hover img{
transform: scale(1.125);
-webkit-transform: scale(1.125);
-moz-transform: scale(1.125);
-o-transform: scale(1.125);
}
.product{
width: 100%;
padding: 70px 0;
background-color: #ececec;
}
.productContainer{
width: 100%;
margin: 0 auto;
}
.productBigPics{
width: 36%;
float: left;
background-color: #fff;
}
.productBigShow{
width: 100%;
margin-bottom: 10px;
}
.productBigShow a{
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.productBigShow a img{
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: contain;
}
.productBigShow a:hover img{
transform: scale(1.125);
-webkit-transform: scale(1.125);
}
.productBigList{
display: block;
padding: 10px;
background-color: #fff;
margin: 10px auto 20px;
text-align: center;
}
.productBigList li{
list-style: none;
display: inline-block;
text-align: center;
}
.productBigList li a{
display: inline-block;
width: 102px;
height: 102px;
border: 1px solid #000;
margin-right: 5px;
margin-bottom: 5px;
}
.productBigList li a:hover{
border-color:#1168ae;
}
.productRight{
width: 64%;
float: right;
padding-left: 1.5%;
}
.productName{
width: 100%;
background-color: #fff;
padding: 30px;
font-size: 2.1rem;
color:#000;
font-weight: 700;
margin-bottom: 20px;
}
.productShortDescription{
width: 100%;
background-color: #fff;
padding: 15px 30px;
margin-bottom: 20px;
font-size: 1.6rem;
color:#454545;
}
.productShortDescription p, .productShortDescription span, .productShortDescription li{
font-size: 1.6rem;
color:#454545;
}
.productShortDescription ul{
padding-left: 18px;
}
.productShortDescription a{
font-size: 1.8rem;
color:#1168ae;
text-decoration: underline;
}
.productShortDescription a:hover{
color:#000;
font-weight: 700;
text-decoration: none;
}
.productSizePhoto{
width: 55%;
float: left;
background-color: #fff;
padding: 15px; margin-bottom: 20px;
}
.productPropertyIco{ background-color: #fff;
padding: 15px;
margin-bottom: 20px;
}
.productPropertyIco a{
display: inline-block;
padding: 2px;
}
.productPropertyIco a img{
width: 80px;
height: 80px;
}
.productParameter{
width: 100%;
background-color: #fff;
}
.productParameter td{
font-size: 1.4rem;
padding: 3px 0; }
.productCutType{
width: 100%;
margin: 30px 0;
background-color: #fff;
padding: 30px;
font-size: 0px;
}
.productCutType h4{
font-size: 1.8rem;
margin-bottom: 20px;
}
.productCutType a{
width: 15.747549%;
display: inline-block;
border: 1px solid #000;
margin-right: 1.1%;
}
.productCutType a:nth-of-type(6){
margin-right: 0;
}
.productCutType a:hover{
border-color:#fff;
box-shadow: 0 0 20px rgba(0,0,0,0.45);
}
.responseBtnGroup{ margin: 0 auto;
}
.responseBtnGroup a{
display: inline-block;
width: 160px;
height: 42px;
background-color: #fccf00;
border:2px solid #fccf00;
border-radius: 5px;
font-size: 1.5rem;
color:#000;
text-align: center;
margin: 30px 15px 70px 0;
line-height: 40px;
}
.responseBtnGroup a:hover{
background-color: #000;
color:#fccf00;
border-color:#fccf00;
}
.formboxwhite{
width: 100%;
padding: 50px 18.96%;
background-color: #fff;
}
.formbox {
width: 100%; border-radius: 12px;
margin: 0 auto;
background-color: #fff;
position: relative;
overflow: hidden;
}
.formLeft{
width: 50%;
float: left;
}
.formLeftWrap{
width: 100%;
padding: 12.50%;
}
.formLeftWrap h3 {
font-size: 2.1rem;
color: #000;
margin-bottom: 35px;
}
input#c_name{
width: 100%;
height: 40px;
border:1px solid #333;
font-size: 1.5rem;
padding-left: 15px;
border-radius: 4px;
margin-bottom: 15px;
}
input#c_mobile
{
width: 100%;
height: 40px;
border:1px solid #333;
font-size: 1.5rem;
padding-left: 15px;
border-radius: 4px;
margin-bottom: 15px;
}
input#c_email{
width: 100%;
height: 40px;
border:1px solid #333;
font-size: 1.5rem;
padding-left: 15px;
border-radius: 4px;
margin-bottom: 15px;
}
input#c_mobile:focus, input#c_mobile:active, input#c_name:focus, input#c_name:active, input#c_email:focus, input#c_email:active{
outline-color:#1168ae;
}
textarea#c_message{
width: 100%;
height: 120px;
border:1px solid #333;
font-size: 1.5rem;
padding-left: 15px;
border-radius: 4px;
margin-bottom: 10px;
}
textarea#c_message:focus, textarea#c_message:active{
outline-color:#1168ae;
}
.fileslabel{
display: block;
border:1px solid #333;
width: 100%;
height: 40px;
line-height: 38px;
color:#333;
font-size: 1.5rem;
background-color: #f4f6ee;
cursor: pointer;
border-radius: 4px;
padding-left: 15px;
margin-bottom: 15px;
}
label.fileslabel:hover, label.fileslabel:focus, label.fileslabel:active{
outline-color:#1168ae;
border-color:#1168ae;
}
.formLeftWrap p{
margin-top: 15px;
margin-bottom: 30px;
font-size: 1.5rem;
color:#777;
}
input#getpricebtn{
width: 160px;
height: 40px;
border: none;
font-size: 1.5rem;
font-weight: 700;
color:#fff;
background-color:#1168ae;
text-align: center;
cursor: pointer;
border-radius: 4px;
}
input#getpricebtn:hover{
background-color: #181818;
color:#fccf00;
}
.formRight{
width: 50%;
float: right;
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/productcustomize_bg.jpg) left top no-repeat;
background-size: cover;
}
.frommask{
height: 100%;
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/wline.svg) -1px top no-repeat;
background-size: contain;
}
.servicebox{
width: 100%;
padding: 70px 0;
transition: all 0.4s ease;
} .servicecategory {
display: flex;
flex-direction: row; justify-content: space-around; align-items: stretch; list-style: none;
padding: 0;
margin: 0;
width: 100%;
position: relative;
transition: all 0.4s ease;
} .servicecategory li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; flex: 1; margin: 1px; box-sizing: border-box;
border-right: 1px solid #ddd; position: relative;
transition: all 0.4s ease;
}
.servicecategory li:not(:last-child) {
border-right: 1px solid #ddd; }
.servicecategory li:last-child {
border-right: none; } .servicecategory li a {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
padding: 20px;
text-align: center; opacity: 0.7; transition: all 0.4s ease;
height: 100%; }
.servicecategory li a .s_category_ico{
transition: all 0.4s ease;
} .servicecategory li a .s_category_ico img {
width: 60%; height: auto; max-width: 100%; image-rendering: -webkit-optimize-contrast; image-rendering: optimizeQuality; } .servicecategory li a h3 {
margin: 10px 0;
font-size: 3.0em;
color:#000;
transition: all 0.4s ease;
} .servicecategory li a p {
margin: 10px 0;
padding: 0 15px;
font-size: 1.4rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
text-overflow: ellipsis;
transition: all 1s ease; } .servicecategory li a .s_category_more {
margin-top: 25px;
color: #1168ae;
font-weight: bold;
font-size: 1.5rem;
opacity: 0;
transition: all 0.4s ease;
}
.servicecategory li a:hover {
opacity: 1; 
}
.servicecategory li a:hover h3{
color:#1168ae;
}
.servicecategory li a:hover p {
-webkit-line-clamp: unset; 
overflow: visible;
white-space: normal;
}
.servicecategory li a:hover .s_category_more {
opacity: 1;
}
.hide-preContainer-box {
width: 100%;
padding-top: 78px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.qualitybox{
width: 100%;
padding: 70px 0;
}
.qualitybox h4 {
font-family: Arial;
font-size: 1.6rem;
font-weight: normal;
color: #666;
margin-bottom: 35px;
line-height: 1.45;
}
.qualitybox dl {
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #f5f5f5;
display: flex;
flex-wrap: wrap;
align-items: center;
border-radius: 24px;
transition: all 0.4s ease;
overflow: hidden;
}
.qualitybox dl::after {
content: '';
display: block;
clear: both;
}
.qualitybox dl dd {
width: 50%;
order: 2; }
.qualitybox dl dt {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
order: 1; }
.qualitybox dl:nth-of-type(even) dd {
order: 1; }
.qualitybox dl:nth-of-type(even) dt {
order: 2; }
.textWrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center; padding: 10%;
}
.textWrap h3{
font-size: 3.0rem;
color:#1168ae;
margin-bottom: 30px;
}
.textWrap p{
font-size: 1.5rem;
color:#454545;
text-align: left;
}
.qualitybox dl:hover{
background-color: #1168ae;
}
.qualitybox dl:hover .textWrap h3, .qualitybox dl:hover .textWrap p{
color:#fff;
}
.qualitybox dl:hover dd img{
transform: scale(0.9);
}
.p_service{
width: 100%;
padding: 50px 18.96%;
background-color: #fff;
margin-bottom: 70px;
}
.p_service, .p_service div, .p_service p, .p_service span, .p_service td, .p_service dd, .p_service dt, .p_service li{
font-size: 1.5rem;
color:#454545;
line-height: 1.68;
}
.p_service h3, .p_service h4, .p_service h5{
margin-top: 35px;
margin-bottom: 18px;
}
.news{
width: 100%;
background-color: #ececec;
}
.newsInfo{
width: 100%;
background-color: #fff;
padding: 50px 54px 0px;
margin: 0 auto;
}
.newsItem {
width: 31.373333%;
float: left;
margin-right: 2.94%;
margin-bottom: 70px;
border-bottom: 1px solid #e2e0e0;
}
.newsItem:nth-of-type(3n) {
margin-right: 0;
}
.newsThumbnail {
width: 100%;
height: 0;
padding-bottom: 53.84%;
padding-bottom: 66.5%;
position: relative;
overflow: hidden;
background-color: #edeaea;
}
.newsThumbnail a {
display: block;
text-align: center;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.newsThumbnail a img {
max-width: 100%;
max-height: 100%;
margin: auto;
}
.newsTitle {
width: 100%;
padding: 24px 6.5% 45px;
}
.newsTitle a {
display: block;
width: 100%;
height: 54px;
font-size: 1.8rem;
color: #333333;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 27px;
}
.newsDate {
width: 100%;
padding: 0px 6.5% 38px;
color: #999;
font-size: 1.6rem;
}
.newsDate i {
margin-right: 7px;
}
.newsItem:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
border-bottom: 1px solid #fccf00;
}
.newsItem:hover .newsThumbnail a img {
transform: scale(1.12);
-ms-transform: scale(1.12);
-moz-transform: scale(1.12);
-webkit-transform: scale(1.12);
-o-transform: scale(1.12);
}
.newsItem:hover .newsTitle a {
color: #1168ae;
}
.newsviewTop {
width: 100%;
padding-top: 20px;
margin-bottom: 40px;
}
.newsviewTop h3 {
margin-top: 0px;
margin-bottom: 25px;
text-align: center;
font-size: 3.0rem;
color: #000000;
}
.newsviewTop p {
text-align: center;
font-size: 1.6rem;
color: #999;
}
.newsviewTop p span {
padding-left: 38px;
padding-right: 38px;
font-size: 1.6rem;
}
.newsviewTop p span i {
padding-right: 7px;
}
.newsContent,
.newsContent div,
.newsContent p,
.newsContent span,
.newsContent i,
.newsContent em,
.newsContent li,
.newsContent dt,
.newsContent dd,
.newsContent td {
font-size: 1.5rem;
color: #555555;
line-height: 2;
}
.newsContent img {
display: block;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.updowndiv {
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
padding-top: 14px;
padding-bottom: 14px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
.updowndiv dl {
display: block;
width: 100%;
font-size: 0;
margin-bottom: 0;
}
.updowndiv dl dt {
display: inline-block;
width: 50%;
padding: 0px;
box-sizing: border-box;
font-size: 1.5rem;
color: #999999;
}
.updowndiv dl dt span {
font-weight: 700;
margin-right: 15px;
font-size: 1.5rem;
}
.updowndiv dl dt a {
font-size: 1.5rem;
color: #000000;
}
.updowndiv dl dt a:hover {
color: #fccf00;
}
.updowndiv dl dd {
display: inline-block;
width: 50%;
padding: 0px;
box-sizing: border-box;
font-size: 1.5rem;
color: #999999;
}
.updowndiv dl dd span {
font-weight: 700;
margin-right: 15px;
font-size: 1.5rem;
}
.updowndiv dl dd a {
font-weight: 700;
font-size: 1.5rem;
color: #000000;
}
.updowndiv dl dd a:hover {
color: #f9440a;
}
.contactbox{
width: 100%;
padding: 50px 0;
}
.contactInfo {
display: block;
float: left;
width: 40%;
padding: 0px 45px 0px 0;
min-height: 450px;
background-color: #fff;
}
.contacttxtwrap {
width: 100%;
padding: 30px;
background-color: #fff;
}
.contacttxtwrap h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 32px;
color: #000;
}
.contacttxtwrap ul li {
list-style: none;
font-size: 16px;
color: #333;
border-bottom: 1px dotted #ccc;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 8px;
}
.contacttxtwrap ul li span::before,
.contacttxtwrap ul li a::before {
color: #1168ae;
}
.contacttxtwrap ul li:last-child { }
span.a_address {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
span.a_address::before {
content: "\f041";
font-family: FontAwesome;
font-size: 24px;
position: absolute;
left: 0;
top: -5px;
display: block;
height: auto;
color: #151515;
}
a.a_tel {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
a.a_tel::before {
content: "\f098";
font-family: FontAwesome;
font-size: 16px;
position: absolute;
left: 0;
top: 0px;
display: block;
height: auto;
color: #151515;
}
a.a_mobile {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
a.a_mobile::before {
content: "\f232";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
left: 0;
top: -3px;
display: block;
height: auto;
color: #151515;
}
a.a_weixin {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
a.a_weixin::before {
content: "\f1d7";
font-family: FontAwesome;
font-size: 16px;
position: absolute;
left: 0;
top: -3px;
display: block;
height: auto;
color: #151515;
}
span.a_fax {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
span.a_fax::before {
content: "\f1ac";
font-family: FontAwesome;
font-size: 16px;
position: absolute;
left: 0;
top: 0px;
display: block;
height: auto;
color: #151515;
}
a.a_email {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
a.a_email::before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 16px;
position: absolute;
left: 0;
top: 0px;
display: block;
height: auto;
color: #151515;
}
span.a_zipcode {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
span.a_zipcode::before {
content: "\f277";
font-family: FontAwesome;
font-size: 16px;
position: absolute;
left: 0;
top: 0px;
display: block;
height: auto;
color: #151515;
}
a.a_web {
padding-left: 25px;
font-size: 16px;
color: #333;
position: relative;
display: block;
line-height: 1.3;
}
a.a_web::before {
content: "\f0ac";
font-family: FontAwesome;
font-size: 16px;
position: absolute;
left: 0;
top: 0px;
display: block;
height: auto;
color: #151515;
}
.baidumap {
display: block;
float: left;
width: 60%;
height: 450px;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
background: url(//www.hbkygs.com/wp-content/themes/kunyuantheme/images/googlemap.jpg) center center no-repeat;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
.baidumap a {
display: block;
width: 100%;
height: 100%;
}
#jindutiao {
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
left: 0;
top: 0;
display: none;
}
.beijingceng {
width: 200px;
height: 32px;
background-color: #151515;
border-radius: 16px;
overflow: hidden;
position: relative;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.secaiceng {
width: 1%;
height: 100%;
background-color: green;
}
.shuzhiceng {
display: block;
width: 100%;
text-align: center;
color: orange;
font-size: 1.5rem;
line-height: 30px;
position: absolute;
left: 0;
top: 0;
}
@media (width:320px) {
.indexCustomizeContent {
transform: translateY(132%) !important;
}
.indexCustomizeContent p {
font-size: 1.4rem !important;
}
.servicesidebar{
display: none;
}
}
@media (max-width:767px) {
#headdiv {
height: 60px;
padding: 0 12px;
}
.logo{
width: 108px;
height: 40px;
margin-top: 10px;
}
.language ul>li{
padding: 17px 8px;
}
.language ul li a{
font-size: 12px;
}
.language ul>li>a::before {
content: '\f0ac';
font-family: 'FontAwesome';
font-size: 1.8rem;
padding-right: 6px;
}
.searchdiv a::before {
content: '\f002';
font-family: 'FontAwesome';
font-size: 1.8rem;
padding: 17px 8px;
}
#mobileNavButton{
display: block;
padding-left: 8px;
padding-top: 17px;
}
#mobileNavButton a i {
color: #fff;
} .m_nav {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 60px;
z-index: 6;
}
.m_nav>ul {
display: block;
width: 100%;
margin-bottom: 0; border-bottom: 1px solid #d00743;
background-color: #fff;
position: relative;
top: 0px;
z-index: 3;
}
.m_nav ul {
display: block;
width: 100%;
margin-bottom: 0;
position: relative;
top: 0px;
z-index: 3;
background-color: #fff;
}
.m_nav ul li {
display: block;
width: 100%;
border-top: 1px solid #ececec;
text-align: left;
overflow: visible;
position: relative;
}
.m_nav ul li ul {
display: none;
}
.m_nav ul li ul li ul {
display: none;
}
.m_nav ul li a {
display: block;
width: 100%;
padding: 10px 0px 10px 30px;
color: #333;
font-size: 1.4rem; line-height: 1.1;
position: relative;
}
.m_nav ul li a i {
margin-right: 8px;
}
.m_nav ul li.has_sub {
pointer-events: none;
}
.m_nav ul li.has_sub a {
padding: 10px 50px 10px 30px;
pointer-events: auto;
}
.m_nav ul li.has_sub::after {
content: "\f105";
display: block;
width: 50px;
height: 36px;
font-size: 16px;
font-family: FontAwesome;
color: #fff;
background-color: #ccc;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 10;
cursor: pointer;
pointer-events: auto;
line-height: 36px;
}
.m_nav ul li.has_sub.on::after {
content: "\f107";
}
.m_nav ul li ul {
padding-left: 30px;
}
.m_nav ul li ul li a::before {
content: "\f0da";
font-size: 14px;
font-family: FontAwesome;
color: #454545;
position: absolute;
left: 16px;
top: 10px;
}
.m_nav ul li ul li ul {
padding-left: 30px;
}
.m_nav ul li ul li.has_sub {
pointer-events: none;
}
.m_nav ul li ul li.has_sub a {
padding: 10px 50px 10px 30px;
pointer-events: auto;
}
.m_nav ul li ul li.has_sub::after {
content: "\f105";
display: block;
width: 50px;
height: 36px;
font-size: 16px;
font-family: FontAwesome;
color: #fff;
background-color: #ccc;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 10;
cursor: pointer;
pointer-events: auto;
line-height: 36px;
}
.m_nav ul li ul li.has_sub.on::after {
content: "\f107";
}
.carousel-caption {
padding: 0 30px;
top: 29.4vh;
top: 20vh;
}
.carousel-caption.t296{
top: 23vh;
}
.carousel-caption.blank {
top: 34vh;
}
.carousel-caption h1 {
font-size: 7vw;
}
.carousel-caption h1 span{
padding-left: 16px;
padding-left: 1vw;
font-weight: normal;
}
.carousel-caption h1.bline::after{
content: '';
display: block;
width: 106px;
height: 5px;
background-color: #fff;
margin-top: 15px;
margin-bottom: 24px;
}
.carousel-caption p{
font-size: 13px;
}
.caption-link-a{
margin-top: 30px;
}
.caption-link-a span {
padding: 9px 40px;
font-size: 14px;
}
.caption-link-a i {
font-size: 14px;
padding-left: 15px;
padding-right: 15px !important;
}
.carousel-image {
right: 12px;
bottom: 80px;
}
.carousel-image img{
width: 50vw;
}
.carousel-control{
display: none;
}
.carousel-indicators{
display: block;
}
.header-back {
width: auto;
height: 100vh;
overflow: hidden;
}
.servicesidebar{
display: none;
}
.language {
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
}
.indexabout {
width: 100%;
padding: 20px 0;
margin: 0 auto;
}
.indexaboutLeft {
float: right;
width: 100%;
}
.indexaboutRight {
float: left;
width: 100%;
padding-left: 0%;
}
.indexaboutTopic h3 {
font-size: 1.8rem;
padding: 25px 0 15px;
}
.indexaboutRight p {
font-size: 13px;
}
.indexaboutButton {
margin-top: 20px;
margin-bottom: 20px;
}
.indexaboutButton a {
height: 36px;
font-size: 14px;
line-height: 34px;
}
.indexCustomize {
height: 50vh;
}
.indexCustomizeContent {
transform: translateY(65%);
}
.indexCustomizeContent p {
font-size: 1.6rem;
font-weight: 700;
color: #fff;
}
.indexCustomizeContent a {
display: block;
margin: 32px auto;
width: 206px;
height: 36px;
border-radius: 5px;
text-align: center;
font-size: 1.4rem;
background-color: rgba(0, 0, 0, 1);
color: #fccf00;
border: 1px solid #fccf00;
line-height: 34px;
}
.indexTopProducts {
width: 100%;
padding: 20px 0;
}
.indexToproductTopic h3 {
font-size: 1.8rem;
}
.indexToproductTopic {
margin-bottom: 20px;
}
.itemcontainerBtn a{
font-size: 13px;
}
.indexThreeModal {
width: 100%;
padding: 20px 15px;
background-color: #ececec;
}
.indexThreeModalItem {
float: left;
width: 100%;
margin-right: 0%;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.modalTxt span {
font-size: 1.8rem;
}
.indexThreeModalItem ul li h3 a {
font-size: 1.8rem;
}
.indexThreeModalItem ul li p {
font-size: 13px;
}
.indexThreeModalItem ul li h3 a:hover::before{
font-size: 1.8rem;
margin-right: 8px;
color:#000;
}
.footer {
background: #181818;
padding: 30px 0;
}
.footerList {
float: left;
width: 50%;
padding-right: 1%;
margin-bottom: 20px;
}
.footerList h3 {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
}
.footerList ul li a {
font-size: 13px;
color: #1168ae;
}
.focusus {
float: left;
width: 50%;
}
.focusus h3 {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
}
.codediv img {
width: 130px;
margin-bottom: 10px;
}
.copyright p {
font-size: 13px;
color: #fff;
}
.copyright p span{
float: none !important;
display: block;
margin-left: 0px;
}
.hexinkinds {
padding-bottom: 20px;
}
.hexinkindstop {
padding-top: 30px;
padding-bottom: 20px;
text-align: center;
}
.hexinkindstop h2{
font-size: 18px;
}
.hexinkindstop h2 a{
font-size: 18px;
}
.teseItem {
width: 47.826%;
margin-right: 4.347%;
}
.teseItem:nth-of-type(3n){
margin-right: 4.347%;
}
.teseItem:nth-of-type(2n){
margin-right: 0;
}
.teseItem a {
padding-bottom: 150.0%;
}
.iconItem{
width: 48px;
}
.teseItem h3{
margin: 8.69% auto 8.04%;
font-size: 15px;
}
.teseItem p{
font-size: 12px;
}
.appdiv {
padding-bottom: 30px;
}
.morediv {
margin: 0 auto;
margin-top: 0px;
}
.inews {
width: 100%;
padding: 0px 0 20px;
}
.inewssettop {
width: 100%;
margin-bottom: 20px;
}
.inewssettopwrap a {
height: auto;
padding-bottom: 0;
position: relative;
}
.inewssettopwrap a dl {
position: static;
height: auto;
margin-bottom: 0;
}
.inewssettopwrap a dl dt {
width: 100%;
float: left;
height: auto;
overflow: hidden;
}
.inewssettopwrap a dl dd {
width: 100%;
}
.inewssettopwrap a dl dd h3 {
font-size: 15px;
margin-top: 2%;
margin-bottom: 15px;
}
.inewssettopwrap a dl dd p {
font-size: 12px;
}
.inewssettopwrap a dl dd span {
margin-top: 5%;
}
.inewsrightlist {
width: 100%;
float: left;
}
.inewsrightlist ul {
padding-left: 0%;
margin-bottom: 0;
}
.inewsrightlist ul li {
margin-bottom: 20px;
background-color: #f7f7f7;
border-radius: 0 0 10px 10px;
}
.inewsrightlist ul li a dl dt {
width: 100%;
float: left;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.inewsrightlist ul li a dl dd {
width: 100%;
float: left;
padding: 5%;
}
.inewsrightlist ul li a dl dd h3 {
font-size: 15px;
margin-top: 2%;
margin-bottom: 15px;
}
.inewsrightlist ul li a dl dd p {
font-size: 12px;
}
.inewsrightlist ul li a dl dd span {
margin-top: 5%;
}
.ipartner {
padding: 30px 0 30px;
}
.ipartnertop h2 {
font-size: 18px;
margin-bottom: 20px;
}
.ipartnertop h2 a{
font-size: 18px;
}
.ipartnerico li {
flex: 0 0 30%;
margin-right: 5%;
}
.ipartnerico li:nth-of-type(6n) {
margin-right: 5%;
}
.ipartnerico li:nth-of-type(3n) {
margin-right: 0%;
}
.footerdiv {
padding-top: 30px;
}
.footernavleft {
width: 100%;
}
.footernavleftmodel {
float: left;
padding-right: 0%;
width: 50%;
margin-bottom: 25px;
}
.footernavleftmodel h3 {
font-size: 18px;
color: #fff;
margin-bottom: 20px;
}
.footernavleftmodel ul li {
margin-bottom: 12px;
}
.footernavleftmodel ul li a {
font-size: 12px;
}
.footerfollow {
float: left;
}
.footetdown {
margin: 35px auto 0;
text-align: left;
}
.footetdown p, .footetdown a{
font-size: 12px;
}
.footetdown p span{
display: block;
padding: 0;
margin: 12px 0;
}
.iabout {
padding: 30px 0 0px;
}
.iaboutleft {
width: 97%;
}
.iaboutleftbg {
border-radius: 15px 15px 0 0;
}
.iaboutleftimg {
border-radius: 15px 15px 0 0;
}
.iaboutright {
width: 100%;
}
.iaboutrightwrap {
padding-left: 0;
}
.iaboutrighttop {
margin-top: 20px;
}
.iaboutrighttop small {
font-size: 12px;
color: #000;
padding-bottom: 6px;
}
.iaboutrighttop h2 {
font-size: 18px;
margin-bottom: 25px;
}
.iaboutrighttop h2 a {
font-size: 18px;
}
.iaboutdesc {
margin-bottom: 30px;
}
.iaboutdesc p {
font-size: 12px;
line-height: 1.65;
}
.iaboutModal a ul li dl dt {
display: block;
float: none;
width: 50px;
height: 50px;
margin: 0 auto;
text-align: center;
}
.iaboutModal a ul li dl dd {
display: block;
width: 100%;
float: left;
padding-top: 10px;
padding-left: 0px;
text-align: center;
}
.iaboutModal a ul li dl dd h3 {
font-size: 3.0rem;
}
.iaboutModal a ul li dl dd p {
font-size: 14px;
color: #999999;
}
.iaboutequipment {
padding: 30px 0;
}
.iaboutitem {
width: 100%;
float: left;
margin-right: 0;
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
.iaboutitem:nth-of-type(2), .iaboutitem:nth-of-type(3){
width: 100%;
}
.iaboutitem:nth-of-type(2) a, .iaboutitem:nth-of-type(3) a {
padding-bottom: 58.8888%;
}
.iaboutitemtxt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background-color: rgba(255, 255, 255, 0.95);
padding-left: 30px;
padding-top: 16px;
}
.iaboutitemtxt h4 {
font-size: 14px;
}
.iaboutitemtxt span {
bottom: 15px;
}
.servicesidebar{
display: none;
}
.topicbanner{
height: 350px;
}
.topicbanner h2 {
font-size: 2.4rem;
color: #fff;
}
.topicbanner h2::after {
content: '';
display: block;
width: 48px;
height: 3px;
margin-top: 10px;
border-radius: 3px;
background-color: rgb(227, 55, 30);
}
.topicbanner .container{
margin: 0;
}
.aboutinfobox {
margin: 30px 0;
}
.aboutinfoleft {
float: left;
width: 100%;
padding-right: 0%;
}
.aboutinfoleft h3 {
font-size: 1.8rem;
margin-bottom: 20px;
line-height: 1.4;
}
.aboutinfoleft p{
font-size: 13px;
}
.aboutinfopic {
width: 100%;
}
.aboutequements {
padding: 35px 0;
background-color: #ececec;
}
.aboutequements h3 {
font-size: 18px;
margin-bottom: 20px;
}
.roll ul li{
margin: 10px;
margin-right: 5px;
}
.roll ul li img{
border-width: 5px;
}
.wenhua{
padding: 30px 0;
}
.wenhuaItem{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
font-size: 0;
}
.wenhuaItemTxt {
padding-left: 0%;
margin-bottom: 0px;
display: inline-block;
width: 50%;
vertical-align: middle;
padding-right: 10px;
}
.wenhuaItemTxt h3{
font-size: 18px;
}
.wenhuaItemTxt p {
font-size: 12px;
}
.wenhuaItem img{
display: inline-block;
width: 50%;
}
.wenhuaItem:nth-of-type(2) .wenhuaItemTxt{
padding-left: 10px;
padding-right: 0px;
}
.productlist {
width: 100%;
padding: 30px 0;
}
.productlist li{
width: 49%;
}
.productlist li:nth-of-type(4n){
margin-right: 0;
}
.productlist li:nth-of-type(2n){
margin-right: 0;
}
.productlisttxt a{
font-size: 13px;
}
.product {
padding: 15px 0;
}
.productBigPics{
width: 100%;
}
.productPropertyIco a img {
width: 64px;
height: 64px;
}
.productRight {
width: 100%;
float: right;
padding-left: 0%;
}
.productName{
font-size: 1.8rem;
}
.productShortDescription {
width: 100%;
float: left;
background-color: #fff;
border-right: none;
padding: 15px 15px 15px 30px;
margin-bottom: 20px;
}
.productShortDescription p, .productShortDescription span, .productShortDescription li {
font-size: 1.4rem;
color: #454545;
}
.productShortDescription a{font-size: 1.4rem;}
.productSizePhoto{
width: 100%;
}
.productParameter td{
font-size: 1.3rem;
}
.productCutType h4{font-size: 1.5rem;}
.productCutType a{
width: 49%;
margin-right: 2%;
margin-bottom: 5px;
}
.productCutType a:nth-of-type(3n){
margin-right: 2%;
}
.productCutType a:nth-of-type(2n){
margin-right: 0;
}
.responseBtnGroup{
padding-bottom: 35px;
}
.responseBtnGroup a{
font-size: 1.4rem;
margin: 15px 15px 0;
}
.productInfo {
width: 100%;
padding: 30px 0;
}
.productInfoItem {
width: 49.0%;
margin-right: 2%;
border: 3px solid #fff;
border-radius: 0;
}
.productInfoItem:nth-of-type(3n){
margin-right: 2%;
}
.productInfoItem:nth-of-type(2n){
margin-right: 0%;
}
.productInfoTitle a{font-size: 12px;}
a.returnbtn{font-size: 14px;}
.productInfoContainer {
width: 100%;
padding: 30px 0;
}
.productInfoContainer div, .productInfoContainer p, .productInfoContainer td{
font-size: 1.2rem;
padding: 5px 0;
}
.productInfoContainer th{
font-size: 1.3rem;
padding: 5px 0;
}
.table-responsive{
padding: 0px !important;
}
table{
width: auto !important;
}
table td{
min-width: 112px !important;
padding:5px !important;
}
.daochilist {
width: 100%;
padding: 30px 0;
}
.daochilist ul li {
list-style: none;
width: 100%;
float: left;
margin-right: 0%;
}
.daochilist ul li .daochiTxt {
float: left;
width: 100%;
padding: 15px;
}
.daochilist ul li .daochiTxt p {
display: block;
width: 100%;
height: auto;
font-size: 1.3rem;
}
.daochilist ul li span {
width: 100%;
float: right;
}
.gbicolist {
width: 100%;
padding: 30px 0;
}
.gbicolist ul li{
width: 49%;
margin-right: 2%;
}
.gbicolist ul li:nth-of-type(4n){
margin-right: 0%;
}
.gbicolist ul li:nth-of-type(2n){
margin-right: 0%;
}
.gbicolist ul li p{
font-size: 12px;
}
.servicebox {
width: 100%;
padding: 30px 0;
}
.servicecategory {
display: flex;
flex-direction: column;
}
.servicecategory li{
border-right: none;
border-bottom:1px solid #ddd;
}
.servicecategory li:not(:last-child) {
border-right: none;
}
.servicecategory li a{
opacity: 1;
}
.servicecategory li a p {
-webkit-line-clamp: unset;
font-size: 13px;
text-align: left;
}
.servicecategory li a .s_category_more{
opacity: 1;
}
.formboxwhite {
width: 100%;
padding: 10px 15px;
background-color: #fff;
}
.formLeft {
width: 100%;
float: left;
}
.formLeftWrap {
width: 100%;
padding: 15px;
}
.formLeftWrap h3{
font-size: 1.8rem;
margin-bottom: 25px;
}
.formRight{display: none;}
.qualitybox {
width: 100%;
padding: 30px 0;
}
.qualitybox h4 {
font-size: 1.4rem;
margin-bottom: 25px;
font-weight: normal;
line-height: 1.56;
}
.qualitybox dl{border-radius:0px;}
.qualitybox dl dt{width: 100%;}
.qualitybox dl dd{
width: 100%;
order: unset;
}
.textWrap h3 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.textWrap p {
font-size: 12px;
}
.p_service {
width: 100%;
padding: 30px;
margin-bottom: 30px;
}
.p_service, .p_service div, .p_service p, .p_service span, .p_service td, .p_service dd, .p_service dt, .p_service li {
font-size: 1.3rem;
line-height: 1.45;
}
.p_service h3{font-size: 1.8rem;}
.p_service h4{font-size: 1.6rem;}
.news {
width: 100%;
background-color: #fff;
}
.newsItem {
width: 49.0%;
margin-right: 2.0%;
margin-bottom: 30px;
}
.newsItem:nth-of-type(3n){
margin-right: 2%;
}
.newsItem:nth-of-type(2n){
margin-right: 0%;
}
.newsInfo {
width: 100%;
background-color: #fff;
padding: 30px 15px 0px;
margin: 0 auto;
}
.newsTitle {
width: 100%;
padding: 12px 0 25px;
}
.newsTitle a{
font-size: 13px;
color:#000;
height: 42px;
line-height: 21px;
}
.newsDate {
width: 100%;
padding: 0px 0% 10px;
color: #999;
font-size: 1.2rem;
}
.newsviewTop {
width: 100%;
padding-top: 20px;
margin-bottom: 25px;
}
.newsviewTop h3 {
font-size: 21px;
text-align: left;
}
.newsviewTop p {
font-size: 12px;
text-align: left;
}
.newsviewTop p span {
padding-left: 0px;
padding-right: 30px;
font-size: 12px;
}
.newsContent,
.newsContent div,
.newsContent p,
.newsContent span,
.newsContent i,
.newsContent em,
.newsContent li,
.newsContent dt,
.newsContent dd,
.newsContent td {
font-size: 13px;
color: #555555;
line-height: 2;
}
.updowndiv dl dt {
display: inline-block;
width: 100%;
padding: 0px;
box-sizing: border-box;
font-size: 14px;
color: #999999;
}
.updowndiv dl dt span {
font-size: 14px;
}
.updowndiv dl dt a {
font-size: 14px;
color: #000;
}
.updowndiv dl dd {
display: inline-block;
width: 100%;
padding: 0px;
box-sizing: border-box;
font-size: 14px;
color: #999999;
}
.updowndiv dl dd span {
font-size: 14px;
}
.updowndiv dl dd a {
font-size: 14px;
color: #000;
}
.contactbox {
width: 100%;
padding: 30px 0;
}
.contactInfo {
display: block;
float: left;
width: 100%;
padding: 0px 0px 0px 0;
min-height: auto;
background-color: #fff;
}
.contacttxtwrap {
width: 100%;
padding: 10px;
background-color: #fff;
}
.contacttxtwrap ul li span, .contacttxtwrap ul li a{
font-size: 14px;
}
.baidumap {
width: 100%;
background-size: 360%;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
#headdiv {
height: 80px;
padding: 0 12px;
}
.logo{
width: 162px;
height: 60px;
}
.language {
margin-top: 15px;
margin-left: 25px;
margin-right: 25px;
}
.searchdiv a::before {
content: '\f002';
font-family: 'FontAwesome';
font-size: 1.8rem;
padding: 17px 8px;
}
#mobileNavButton{
display: block;
padding-left: 8px;
padding-top: 17px;
}
#mobileNavButton a i {
color: #fff;
} .m_nav {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 60px;
z-index: 99996;
}
.m_nav>ul {
display: block;
width: 100%;
margin-bottom: 0; border-bottom: 1px solid #d00743;
background-color: #fff;
position: relative;
top: 0px;
z-index: 3;
}
.m_nav ul {
display: block;
width: 100%;
margin-bottom: 0;
position: relative;
top: 0px;
z-index: 3;
background-color: #fff;
}
.m_nav ul li {
display: block;
width: 100%;
border-top: 1px solid #ececec;
text-align: left;
overflow: visible;
position: relative;
}
.m_nav ul li ul {
display: none;
}
.m_nav ul li ul li ul {
display: none;
}
.m_nav ul li a {
display: block;
width: 100%;
padding: 10px 0px 10px 30px;
color: #333;
font-size: 1.4rem; line-height: 1.1;
position: relative;
}
.m_nav ul li a i {
margin-right: 8px;
}
.m_nav ul li.has_sub {
pointer-events: none;
}
.m_nav ul li.has_sub a {
padding: 10px 50px 10px 30px;
pointer-events: auto;
}
.m_nav ul li.has_sub::after {
content: "\f105";
display: block;
width: 50px;
height: 36px;
font-size: 16px;
font-family: FontAwesome;
color: #fff;
background-color: #ccc;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 10;
cursor: pointer;
pointer-events: auto;
line-height: 36px;
}
.m_nav ul li.has_sub.on::after {
content: "\f107";
}
.m_nav ul li ul {
padding-left: 30px;
}
.m_nav ul li ul li a::before {
content: "\f0da";
font-size: 14px;
font-family: FontAwesome;
color: #454545;
position: absolute;
left: 16px;
top: 10px;
}
.m_nav ul li ul li ul {
padding-left: 30px;
}
.m_nav ul li ul li.has_sub {
pointer-events: none;
}
.m_nav ul li ul li.has_sub a {
padding: 10px 50px 10px 30px;
pointer-events: auto;
}
.m_nav ul li ul li.has_sub::after {
content: "\f105";
display: block;
width: 50px;
height: 36px;
font-size: 16px;
font-family: FontAwesome;
color: #fff;
background-color: #ccc;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 10;
cursor: pointer;
pointer-events: auto;
line-height: 36px;
}
.m_nav ul li ul li.has_sub.on::after {
content: "\f107";
}
.carousel-image {
right: 12px;
bottom: 80px;
}
.carousel-image img{
width: 40vw;
}
.carousel-caption {
padding: 0 30px;
top: 29.4vh;
top: 20vh;
}
.carousel-caption.t296{
top: 23vh;
}
.carousel-caption.blank {
top: 34vh;
}
.carousel-caption h1 {
font-size: 7vw;
}
.carousel-caption h1 span{
padding-left: 16px;
padding-left: 1vw;
font-weight: normal;
}
.carousel-caption h1.bline::after{
content: '';
display: block;
width: 106px;
height: 5px;
background-color: #fff;
margin-top: 15px;
margin-bottom: 24px;
}
.carousel-caption p{
font-size: 13px;
}
.caption-link-a{
margin-top: 30px;
}
.caption-link-a span {
padding: 9px 40px;
font-size: 14px;
}
.caption-link-a i {
font-size: 14px;
padding-left: 15px;
padding-right: 15px !important;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: 15px;
}
.indexabout {
width: 100%;
padding: 30px 0;
margin: 0 auto;
}
.indexaboutTopic h3 {
font-size: 2.1rem;
padding: 5px 0 24px;
}
.indexaboutRight p {
font-size: 1.5rem;
}
.indexaboutButton a {
height: 42px;
font-size: 1.5rem;
line-height: 40px;
}
.indexCustomize {
height: 50vh;
}
.indexCustomizeContent p {
font-size: 1.8rem;
}
.indexCustomizeContent {
transform: translateY(186%);
}
.indexCustomizeContent a {
margin: 35px auto;
height: 42px;
font-size: 1.5rem;
line-height: 40px;
}
.header-back {
width: auto;
height: 100vh;
overflow: hidden;
}
.servicesidebar{
display: none;
}
.hexinkinds{
padding-bottom: 60px;
}
.hexinkindstop {
padding-top: 60px;
}
.teseItem a {
padding-bottom: 108.72%;
}
.teseItem h3 {
font-size: 1.8rem;
}
.teseItem p {
font-size: 1.4rem;
}
.iabout {
padding: 60px 0 60px;
}
.iaboutleft {
width: 97%;
}
.iaboutleftbg {
border-radius: 15px 15px 0 0;
}
.iaboutleftimg {
border-radius: 15px 15px 0 0;
}
.iaboutright {
width: 100%;
}
.iaboutrightwrap {
padding-left: 0;
}
.iaboutrighttop {
margin-top: 36px;
}
.iaboutrighttop small {
font-size: 12px;
color: #000;
padding-bottom: 6px;
}
.iaboutrighttop h2 {
font-size: 3.6rem;
margin-bottom: 25px;
}
.iaboutrighttop h2 a {
font-size: 3.6rem;
}
.iaboutdesc {
margin-bottom: 45px;
}
.iaboutdesc p {
font-size: 1.4rem;
line-height: 1.65;
}
.iaboutModal a ul li dl dt {
display: block;
float: none;
width: 72px;
height: 72px;
margin: 0 auto;
text-align: center;
}
.iaboutModal a ul li dl dd {
display: block;
width: 100%;
float: left;
padding-top: 10px;
padding-left: 0px;
text-align: center;
}
.iaboutModal a ul li dl dd h3 {
font-size: 3.6rem;
}
.iaboutModal a ul li dl dd p {
font-size: 1.6rem;
color: #999999;
}
.iaboutitemtxt span{
display: none;
}
.inewssettopwrap a{
padding-bottom: 85%;
}
.inewssettopwrap a dl dd h3 {
font-size: 1.6rem;
margin-top: 2%;
margin-bottom: 20px;
}
.inewsrightlist ul {
padding-left: 5%;
}
.inewsrightlist ul li a dl dd h3 {
font-size: 1.6rem;
margin-top: 0%;
margin-bottom: 12px;
}
.footerdiv {
padding-top: 60px;
}
.footernavleft {
float: left;
width: 100%;
}
.footernavleft::after {
content: '';
display: block;
clear: both;
}
.footernavleftmodel {
width: 25%;
float: left;
padding-right: 0;
}
.footernavleftmodel ul li {
list-style: none;
margin-bottom: 12px;
}
.footerfollow {
clear: both;
width: 100%;
float: none;
padding: 40px 30%;
border-top: 1px dashed #1168ae;
margin-top: 285px;
}
.followlinks {
margin-top: 35px;
text-align: center;
}
.followlinks a{
margin: 15px;
}
.footetdown {
margin: 20px auto 0;
}
.indexTopProducts {
width: 100%;
padding: 30px 0;
}
.indexToproductTopic {
margin-bottom: 24px;
}
.indexToproductTopic h3 {
font-size: 2.1rem;
}
.itemcontainerBtn a{
font-size: 1.5rem;
}
.indexThreeModal {
width: 100%;
padding: 30px 15px;
font-size: 0;
background-color: #ececec;
}
.indexThreeModalItem{
float: none;
display: inline-block;
margin-right: 2%;
width: 49%;
margin-bottom: 15px;
}
.indexThreeModalItem:nth-of-type(2){
margin-right: 0;
}
.indexThreeModalItem:nth-of-type(3){
width: 100%;
float: left;
margin-bottom: 0;
}
.modalTxt span {
font-size: 2.1rem;
color: #fff;
font-weight: 700;
line-height: 70px;
}
.indexThreeModalItem ul li h3 a{
font-size: 2.1rem;
}
.indexThreeModalItem ul li h3 a:hover::before{
font-size: 2.1rem;
}
.footer{
padding: 40px 0;
}
.footerList h3 {
font-size: 2.1rem;
color: #fff;
margin-bottom: 20px;
}
.footerList{
padding-right: 3%;
}
.footerList ul li a {
font-size: 1.3rem;
color: #1168ae;
}
.focusus {
float: right;
width: 27%;
text-align: right;
}
.focusus h3 {
font-size: 2.1rem;
color: #fff;
margin-bottom: 20px;
}
.codediv img{
width: 130px;
margin-right: 0;
margin-bottom: 7px;
}
.copyright p, .copyright a {
font-size: 13px;
color: #fff;
}
.topicbanner{
height: 400px;
}
.topicbanner h2{
font-size: 2.8rem;
}
.topicbanner h2::after{
width: 72px;
}
.aboutinfobox {
margin: 45px 0;
}
.aboutinfoleft {
float: left; padding-right: 4%;
}
.aboutinfoleft h3 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.aboutinfoleft p {
font-size: 1.3rem;
text-align: justify;
line-height: 1.6;
}
.aboutinfopic {
margin-top: 4%;
}
.aboutequements {
padding: 45px 0;
}
.aboutequements h3{
font-size: 1.8rem;
}
.wenhua{
padding: 45px 0;
}
.wenhuaItemTxt h3{
font-size: 1.8rem;
}
.productlist {
width: 100%;
padding: 45px 0;
}
.productlist li{
width: 32%;
}
.productlist li:nth-of-type(4n){
margin-right: 2%;
}
.productlist li:nth-of-type(2n){
margin-right: 2%;
}
.productlist li:nth-of-type(3n){
margin-right: 0%;
}
.productlisttxt a{
font-size: 13px;
}
.product {
width: 100%;
padding: 45px 0;
background-color: #ececec;
}
.productShortDescription {
width: 100%;
float: left;
background-color: #fff;
border-right: none;
padding: 15px 15px 15px 30px;
margin-bottom: 20px;
}
.productShortDescription p, .productShortDescription span, .productShortDescription li {
font-size: 1.4rem;
color: #454545;
}
.productShortDescription a{font-size: 1.4rem;}
.productSizePhoto{
width: 100%;
}
.productParameter td{
font-size: 1.3rem;
}
.productPropertyIco a img {
width: 64px;
height: 64px;
}
.productInfoContainer {
width: 100%;
padding: 45px 0;
}
.daochilist {
width: 100%;
padding: 45px 0;
}
.daochilist ul li .daochiTxt p{
font-size: 12px;
}
.daochilist ul li {
list-style: none;
width: 100%;
float: left;
margin-right: 0%;
}
.gbicolist {
width: 100%;
padding: 45px 0;
}
.servicebox {
width: 100%;
padding: 45px 0;
}
.servicecategory li a{
padding: 2px;
opacity: 1;
}
.servicecategory li a p {
min-height: 184px;
-webkit-line-clamp: unset;
font-size: 13px;
text-align: left;
color: #999;
}
.servicecategory li a .s_category_more{
opacity: 1;
}
.formboxwhite {
width: 100%;
padding: 0px 0%;
background-color: #fff;
}
.qualitybox {
width: 100%;
padding: 45px 0;
}
.qualitybox h4 {
margin-bottom: 35px;
line-height: 1.45;
font-weight: normal;
color: #999;
font-size: 1.6rem;
}
.contactInfo{
width: 100%;
padding: 0;
min-height: auto;
}
.baidumap{
width: 100%;
}
}
@media (min-width: 1200px) and (max-width:1440px){
.navdiv {
width: 60%;
margin: 0 auto;
}
.logo{
margin-top: 30px;
width: 240px;
height: 45px;
}
.indexaboutTopic h3 {
font-size: 3.0rem;
padding: 0px 0 30px;
}
.indexCustomizeContent p {
font-size: 2.6rem;
}
.indexCustomizeContent {
transform: translateY(90%);
margin: 0 auto;
text-align: center;
}
.codediv img {
width: 150px;
margin-right: 2px;
}
}
@media (min-width: 1920px) {
.container {
width: 1400px;
}
}
@media (min-width: 2100px) 
{
}
@media (max-width: 320px) {
.teseItem a {
padding-bottom: 190%;
}
} .solutionsDiv {
width: 100%;
margin: 0 auto;
}
.solutionsDiv dl {
display: block;
width: 100%;
padding: 70px 11.77%;
}
.solutionsDiv dl::after {
content: '';
display: block;
clear: both;
}
.solutionsDiv dl dt {
width: 50%;
float: left;
}
.solutionsDiv dl dt :hover img {
transform: scale(0.92);
-ms-transform: scale(0.92);
-moz-transform: scale(0.92);
-webkit-transform: scale(0.92);
-o-transform: scale(0.92);
}
.solutionsDiv dl dd {
width: 50%;
float: left;
}
.solutionsDiv dl dd h3 {
margin-top: 76px;
margin-bottom: 62px;
}
.solutionsDiv dl dd h3 a {
font-size: 3.6rem;
color: #1e1e1e;
}
.solutionsDiv dl dd h3 a :hover {
color: #e94709;
}
.solutionsDiv dl dd p {
font-size: 1.8rem;
color: #666;
line-height: 2;
}
.solutionsDiv dl:nth-of-type(odd) {
background-color: #fff;
}
.solutionsDiv dl:nth-of-type(odd) dd {
padding-left: 5.21%;
}
.solutionsDiv dl:nth-of-type(even) {
background-color: #f8f8f8;
}
.solutionsDiv dl:nth-of-type(even) dt {
float: right;
}
.solutionsDiv dl:nth-of-type(even) dt {
padding-left: 5.21%;
}
@media (max-width:767px) {
.solutionsDiv {
width: 100%;
margin: 0 auto 30px;
}
.solutionsDiv dl {
display: block;
width: 100%;
padding: 20px 15px;
}
.solutionsDiv dl dt {
width: 100%;
float: left;
}
.solutionsDiv dl dd {
width: 100%;
float: left;
}
.solutionsDiv dl:nth-of-type(odd) dd {
padding-left: 0%;
}
.solutionsDiv dl dd h3 {
margin-top: 20px;
margin-bottom: 20px;
}
.solutionsDiv dl dd h3 a {
font-size: 1.8rem;
color: #1e1e1e;
}
.solutionsDiv dl dd p {
font-size: 1.4rem;
color: #666;
line-height: 1.6;
}
.solutionsDiv dl:nth-of-type(even) dt {
float: left;
padding-left: 0%;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.solutionsDiv dl {
display: block;
width: 100%;
padding: 40px 6%;
}
.solutionsDiv dl dd h3 {
margin-top: 0px;
margin-bottom: 20px;
}
.solutionsDiv dl dd h3 a {
font-size: 2.0rem;
}
.solutionsDiv dl dd p {
font-size: 1.4rem;
color: #666;
line-height: 1.45;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.solutionsDiv dl dd h3 {
margin-top: 20px;
margin-bottom: 30px;
}
.solutionsDiv dl dd p {
line-height: 1.75;
}
}
@media (min-width: 1367px) and (max-width: 1600px) {
.solutionsDiv dl dd h3 {
margin-top: 20px;
margin-bottom: 40px;
}
}
@media (min-width: 1601px) and (max-width: 1768px) {
.solutionsDiv dl dd h3 {
margin-top: 20px;
margin-bottom: 50px;
}
}
@media (min-width: 1769px) and (max-width: 1919px) {
.solutionsDiv dl dd h3 {
margin-top: 20px;
margin-bottom: 50px;
}
}