body {
	font-family: "Microsoft Yahei", "SimHei", Helvetica, Arial, sans-serif!important;
	color: #5f6062;
	line-height: 2em;
    padding-top: 0px; 
}
.h-20 {height:20px;}
.h-30 {height:30px;}
.h-40 {height:40px;}
.h-50 {height:50px;}

.full-column {width: 100%;}

.text-center {text-align: center !important;}
h1, h2, h3, h4, h5, h6 { font-family: "Microsoft Yahei", "SimHei", Helvetica, Arial, sans-serif!important}
.gray {background-color: #f7f6f6 !important;}
.white {color:#fff !important;}
.orange {color:#e36604 !important;}
.bold   {font-weight: bold !important;}
.bolder {font-weight: bolder;}
td {font-size: 14px;}
h1 { font-size: 22px; line-height: 28px;}
p {font-size: 15px; line-height: 24px;}

a{color:#1b1b1b;text-decoration: none !important;}
a:link{ color:#58585a;}
a:visited{color:#58585a;}
a:hover{color:#e57938;cursor:hand;}
a:active{color:#58585a;}

.navbar {background-color:#fff;border-bottom: 1px solid #c1c0c0 !important;width:100% !important;}
.navbar .logo {padding-top:5px;}
.navbar .nav-tel {padding-top: 5px;}

.nav a {color: #58585a;text-decoration: none;}
.nav>li>a { position: relative;display: block;padding: 10px 35px 11px 35px;color: #58585a !important;font-size: 15px;}
.nav-pills>li>a {border-radius: 0px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #58585a !important; background-color: #fff !important; border-bottom: 4px solid #e36604;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #fff !important; border-color: #337ab7;}
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #fff !important;}
.dropdown-menu>li>a {display: block;padding: 0px 20px;clear: both;font-weight: 400;line-height: 30px;color: #333 !important;white-space: nowrap;}



.icon-tel {padding-top:8px;padding-right:10px;}

/*banner*/
.banner {width:100%;}
.dark h2,.dark p {color:#000 !important;text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white;}
.banner-slide {height:100%;}
.banner-background {background-repeat: no-repeat;background-position: center top;background-size: cover;height: 400px;width: 100%;}
.banner-copy-wrapper {margin-top:-220px;}
.banner-copy-wrapper h2 {font-size:30px; font-weight:600;color:#fff;}
.banner-copy-wrapper p  {padding-top:10px;font-size:18px;color:#fff;}
.btn-container {padding-top:10px;}
.btn {background-color: #00ace3;color: #fff !important;border: 2px solid transparent;font-size: 16px;flex-basis: 35%;padding-left: 35px;padding-right: 35px; transition: background-color 0.3s ease; /* 平滑过渡效果 */}
.btn:hover {background-color: #0095d6; /* 鼠标悬停时的背景颜色 */}

.full-column-1 {padding: 30px 0px 10px 0px !important;}
.full-column-1 h4{text-align: left;font-size:23px;line-height: 40px;margin:0px;}
.full-column-1 .tel-more {text-align: left;font-size:15px;margin-top: 2px;}

.bnt-getoffer {background-color: #e36604;padding: 10px 30px;text-align: center;font-size: 20px;font-weight:bolder;color:#fff;transition: background-color 0.3s ease; /* 平滑过渡效果 */}
.bnt-getoffer:hover {background-color: #c25317; /* 鼠标悬停时的背景颜色 */}

.txt-Product-center {line-height:80px;}
.txt-Product-center h2 {font-size:28px;margin-top: 75px;}

.lined-text {position: relative;display: inline-block;padding: 0 70px; /* 给文本一些内边距，以避免与线条接触 */}
.lined-text::before,.lined-text::after {content: '';position: absolute;top: 50%;width: 50px;height: 3px; background-color: #fff; }
.lined-text::before {left: 0; /* 左侧线条的位置 */}
.lined-text::after {right: 0; /* 右侧线条的位置 */}

.lined-text-orange {position: relative;display: inline-block;padding: 0 70px; /* 给文本一些内边距，以避免与线条接触 */}
.lined-text-orange::before,.lined-text-orange::after {content: '';position: absolute;top: 50%;width: 50px;height: 3px; background-color: #e36604; }
.lined-text-orange::before {left: 0; /* 左侧线条的位置 */}
.lined-text-orange::after {right: 0; /* 右侧线条的位置 */}

.underlined-text {position: relative; display: inline-block;padding-bottom: 15px; }
.underlined-text::after {content: '';position: absolute;bottom: 0;left: 35px;right: 35px; height: 3px;background-color: #e36604;}

.underlined-text-white {position: relative;padding-bottom: 10px;}
.underlined-text-white::after {content: "";position: absolute;left: 50%; transform: translateX(-50%); bottom:0; height:2px;width: 40px;background-color: #fff;}

.txt-product-type {padding: 30px 0px;}
.txt-product-type p {color:#787878;font-size:16px;}

.rounded-top {border-top-left-radius: 10px;border-top-right-radius: 10px;}

.block-product {background-color: #e36604;border-radius:10px;min-height:422px;margin-bottom: 20px;}
.block-product .img {height:210px;transition: background-color 0.3s ease; /* 平滑过渡效果 */}
.block-product .title {margin-top:0px;background-color:#b16720;padding:5px;}
.block-product .title h5 {font-weight:bolder;font-size: 16px;text-align: center;color:#fff;}
.block-product .intro {background-color: #f5f5f5;padding: 5px 15px;min-height: 158px;}
.block-product .img:hover {background-color: #c25317; /* 鼠标悬停时的背景颜色 */}

.block-product .intro p {color:#7b7b7b;}
.block-product .more {position:absolute;background-color: #e36604;border-radius:20px;width:110px;padding:0px 10px;text-align:center;margin-top:5px;left:35%;font-size:15px;color:#fff;font-weight:600;transition: background-color 0.3s ease; /* 平滑过渡效果 */}


.block-product-1 {background-color: #e36604;border-radius:10px;min-height:388px;margin-bottom: 20px;}
.block-product-1 .img {height:210px;transition: background-color 0.3s ease; /* 平滑过渡效果 */}
.block-product-1 .title {margin-top:0px;background-color:#b16720;padding:5px;}
.block-product-1 .title h5 {font-weight:bolder;font-size: 16px;text-align: center;color:#fff;}
.block-product-1 .intro {background-color: #f5f5f5;padding: 5px 15px;min-height: 122px;}
.block-product-1 .intro p {color:#7b7b7b;}
.block-product-1 .more {position:absolute;background-color: #e36604;border-radius:20px;width:110px;padding:0px 10px;text-align:center;margin-top:-5px;left:35%;font-size:15px;color:#fff;font-weight:600;transition: background-color 0.3s ease; /* 平滑过渡效果 */}
.block-product-1 .img:hover {background-color: #c25317; /* 鼠标悬停时的背景颜色 */}

.more:hover {background-color: #c25317; /* 鼠标悬停时的背景颜色 */}

.consult-1 {}
.consult-1 h4 {}


.consult-2 {padding-top:20px;}
.consult-2 .solution {text-align:left;}
.consult-2-bnt {float:right;border:1px solid #e36604;background-color:#e36604;padding:10px 40px;font-size:22px;margin-top:10px;color:#fff;transition: background-color 0.3s ease; /* 平滑过渡效果 */}
.consult-2-bnt:hover{background-color: #e36604;color:#fff;border:1px solid #fff;}
.consult-2 p {color:#fff;}
.consult-2-solution-bnt {float:left;border-radius:20px;background-color:#e36604;padding:5px 40px;font-size:18px;margin-top:10px;font-weight:bolder;color:#fff;transition: background-color 0.3s ease; /* 平滑过渡效果 */}

.solutions {width:100%;height:480px;}

.solutions-img {padding: 0px;}
.solutions-img img {z-index:-1;padding:4px;}
.solutions-img .img-block {position:absolute;top:0;padding:5px;text-align:center;text-decoration: none;color: #fff;font-weight:600;height:100%;width:100%;transition: background-color 0.3s ease; /* 平滑过渡效果 */}
.solutions-img-title {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size:24px;font-weight: bolder;}
.solutions-img .img-block:hover {background-color: rgba(44, 36, 35,0.3);}


.tel i {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  background-color: #e36604;
  padding: 5px 7px;
  border-radius: 50%;
  line-height: 1; /* 使图标垂直居中 */
  transition: 0.3s;
  margin-right:8px; 
}


/* form*/
form .progress,
form .alert { display: none;}
.need_login { cursor: pointer;}
.onError {color:#F80C10; border-color: #F80C10;}
.onSuccess{color:#00FF54}
.checkbox input[type=checkbox]:checked, .checkbox input[type=checkbox]:checked + .psuedo-input { background-color: #e98b00;}
.checkbox.checkbox-left input, .checkbox.checkbox-left input + .psuedo-input {left: 0;}
.checkbox input + .psuedo-input {top: 0;height: 23px;width: 23px;left: 2035px;}
.checkbox input, .checkbox input + .psuedo-input { position: absolute; top: 0; right: 5px; height: 20px; width: 20px; border: 1px solid #e98b00;color: #fff; background-color: #fff;}
.checkbox input { display: none;}
.checkbox.checkbox-left {padding-left: 35px;}
.radio, .checkbox {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}
.checkbox label {padding-left: 0;}
.radio label, .checkbox label {min-height: 20px;padding-left: 0px;margin-bottom: 0;font-weight: normal;cursor: pointer;}
label {font-family: "微软雅黑";font-size: 15px;color: #e78c2c;display: block;margin-top: 0px;margin-bottom: 0px;}
.checkbox input[type=checkbox]:checked + .psuedo-input:after { content:'';position: relative; top: -6px;right: -2px;font-family: FontAwesome;}
textarea {width: 100%;height: 150px;border: 1px solid #ccc; padding: 15px;margin: 5px 0;}
.contat-btn{background-color: #e98b00;border: none;box-sizing: border-box;color: #fff;font-size: 16px; padding: 15px 0;width: 100%;outline: none;transition: .35s all;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-weight: bold;}
/*form*/


/* footer */
footer { padding: 20px 0; background-color: #292929; color: #fff;}
footer h4 {font-size: 20px;color:#fff !important;}
footer .bnt-getoffer {padding: 10px;font-size: 20px; }
footer .primary-dark { background-color: #333;}
.disclaimer-bar { padding: 10px 0;}
.primary-dark { background-color: #c35200;}
.navigation {z-index: 999999;height: 60px;position: fixed;bottom: 0px;width: 100%;background-color: #e36604;color:#fff;text-align: center;font-size: 16px !important;line-height: 60px;}


@media (max-width: 480px){
    .nav a {color: #58585a;text-decoration: none;}
    .nav-tel {display: none;}
    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {border-bottom: 3px solid #e9852a;}
    .nav>li>a { position: relative;display: block;padding: 10px 15px 11px 15px;color: #58585a !important;}
    .dropdown-menu {left: -160px;}
    .full-column-1 .contact{padding-top:10px;text-align:left;padding-left:10px;}
    .full-column-1 h4{text-align: left;font-size:20px;}
    .icon-tel {padding-top:0px;padding-right:10px;width:40px;}
    .full-column-1 .tel-more {text-align: left;font-size:12px;margin-top: 10px;text-align: center;}

    .banner {margin-top:0px;}
    .banner-slide {height:350px}
    .banner-copy {margin-top:0px;padding-left:10px;padding-right:10px;}

    .banner-copy-wrapper {margin-top:-180px;text-shadow: 0 0 15px #17181a;text-align: center}
    .banner-copy-wrapper h2 {font-size:25px;}
    .banner-copy-wrapper p  {font-size:16px;}

    .txt-Product-center h2 {font-size:26px;}
    .consult-2 {padding-top:5px;}
    .consult-2 .solution {text-align:center;}
    .consult-2-bnt {float:none;text-align:center;}
    .consult-2 h2 {font-size: 20px;font-weight:600;text-align:center;margin-top:0px;}
    .consult-2 p {font-size: 14px;color:#fff;text-align:center;}
    .consult-2-solution-bnt {display: none;}
	
	.col-tel h4 {text-align: center !important;}
    .solutions {width:100%;height:400px;}
    .solutions-img-title {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size:18px;}

    footer { padding: 20px 0; background-color: #292929; color: #fff;}
    footer .icon-tel{display: none;}
    footer h4 {display: none;}
    footer .bnt-getoffer {display: none;}


    /*20190726*/
    #qd-computer {display: none;}
    #qd-mobi  {display: block;}
    #qd-mobi a{color:#1b1b1b;text-decoration: none !important;}
    #qd-mobi a:link{ color:#fff;font-size: 20px;}
    #qd-mobi a:visited{color:#fff;}
    #qd-mobi a:hover{color:#fff;cursor:hand;}
    #qd-mobi a:active{color:#fff;}
    /*20190726*/
}


@media (max-width: 320px){
    .nav a {color: #58585a;text-decoration: none;}
    .nav>li>a { position: relative;display: block;padding: 10px 10px 11px 10px;color: #58585a !important;}
    .dropdown-menu {left: -79px;}

    /*20190726*/
    #qd-computer {display: none;}
    #qd-mobi {display: block;}
    /*20190726*/
}


/*20190726*/
@media (min-width: 992px){
    #qd-computer {display: block;}
    #qd-mobi {display: none;}
}
/*20190726*/



/* scroll-table*/
.scroll-table {display: -webkit-box;overflow-x: auto; -webkit-overflow-scrolling: touch;}
/* scroll-table*/

/*2025-3-18*/
.products-intro {padding:0 10px;}
.page-footer {}

.page-footer .contact-us {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
}
.page-footer .contact-us p{
    font-size: 24px;
}
.page-footer .contact-us em{
    color: #e36604 !important;
    font-size: 24px;
}

.page-footer .contact-us a:link {
    color: #e36604 !important;
    text-decoration: none;
}

@media (max-width: 480px){
    .page-footer .contact-us p{font-size: 18px;}
    .page-footer .contact-us em {color: #e36604 !important;font-size: 18px;}
    .col-tel h4 {color: #e36604 !important;font-size: 16px;}
    .col-tel em {color: #e36604 !important;font-size: 16px;}
}