:root{--primary-color: #2246e1;}
*{font-family: 'roboto-medium';margin: 0px;padding: 0px; }
body,a,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,tr,th,td{margin:0;padding:0;}
li{list-style:none}
.font-w-6{font-family: "roboto-bold";}
.font-w-5{font-family: "roboto-medium";}
.font-w-4{font-family: "roboto-light";}
.font-xs-30{font-size: 40px !important;}
.font-xs-20{font-size: 30px !important;}
.font-xs-15{font-size: 20px !important;}
.font-xs-12{font-size: 15px !important;}
.font-xs-smail{font-size: 12px !important;}
.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.mb-1{margin-bottom: 10px !important;}
.mb-2{margin-bottom: 20px !important;}
.mb-3{margin-bottom: 30px !important;}
.mr-1{margin-right: 10px !important;}
.mr-2{margin-right: 20px !important;}
.mr-3{margin-right: 30px !important;}
.ml-1{margin-left: 10px !important;}
.ml-2{margin-left: 20px !important;}
.ml-3{margin-left: 30px !important;}
.pt-1{padding-top: 10px !important;}
.pt-2{padding-top: 20px !important;}
.pt-3{padding-top: 30px !important;}
.pb-1{padding-bottom: 10px !important;}
.pb-2{padding-bottom: 20px !important;}
.pb-3{padding-bottom: 30px !important;}
.webkit_line_clamp{ word-break: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.webkit_line_normal_clamp{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_img_wow_1{position: relative; width: 100%; height: 0; overflow: hidden; }
.content_img_wow_1 img{position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; opacity: 1 !important;}
.-webkit-line-clamp-2{-webkit-line-clamp: 2;}
.-webkit-line-clamp-3{-webkit-line-clamp: 3;}
.-webkit-line-clamp-5{-webkit-line-clamp: 5;}
.color-0{ color: #000000;}
.color-6{ color: #666666;}
.color-9{ color: #999999;}
/* head文件样式 */
.navbar{background: white;border-bottom: 1px solid #e0e0e0; z-index: 9999;}
.navLogo {height: 40px;margin: 20% 0 20% 0;}
.navAuto {flex-direction: row;}
.navAuto .item {position: relative;}
.navAuto .item ul {position: absolute;left: -35px;padding: 10px 5px;}
.navAuto .item ul li {width: 100%;padding: 0 !important;margin: unset !important;text-align: center;}
.navAuto .item ul li a {font-size: 15px;padding: 10px 0;color: #999999 !important;}
.nav_padding_bottom{width: 100%; height: 100px; }
.navbar-nav > li > a{padding: unset;}
.eject-inquiry{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999;
}
.eject-inquiry .container{
    position: relative;
    width: 600px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 11px;
    border-radius: 4px;
    padding: 41px 47px 34px;
}
.eject-inquiry .close-inquriy{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.eject-inquiry .close-inquriy i{
    font-size: 25px;
}
.eject-inquiry .title{
    font-size: 24px;
    text-align: center;
}
.eject-inquiry textarea{
    margin-left: unset;
}
.eject-inquiry .form-group:last-child{
    display: flex;
    justify-content: center;
    margin-bottom: unset;
}
.eject-inquiry .form-group:last-child button{
    background-color: #0e49bb !important;
    width: 200px;
    height: 40px !important;
    border-radius: 4px !important;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
    border: unset;
    cursor: pointer;
}
.eject-inquiry .form-group .form-control{
    padding: 22px 12px;
}
.eject-inquiry .form-group input,.eject-inquiry .form-group textarea{
    color: #000000;
    font-size: 14px;
    background-color: #f5f5f5;
    border: unset;
    box-shadow: unset;
}
.eject-inquiry .form-group textarea{
    font-size: 14px!important;
}
@media (max-width: 767px) {
    .font-xs-30{font-size: 30px !important;}
	.font-xs-20{font-size: 20px !important;}
	.font-xs-15{font-size: 15px !important;}
	.font-xs-12{font-size: 12px !important;}
    .navAuto {flex-direction: column;}
    .navAuto li {margin: 0 3px !important; padding: 25px 0 !important; width: 100%;}
    .navbar-nav{margin-left: 0 !important;width: 100%; margin-top: 35px;}
    .dropdown-menu{background-color: transparent;position: static !important;box-shadow: unset;border: unset;}
    .nav_padding_bottom{height: 80px;}
    .mt-xs-3{margin-top: 30px !important;}
    .mt-xs-2{margin-top: 20px !important;}
    .mt-xs-1{margin-top: 10px !important;}
    .mb-xs-3{margin-bottom: 30px !important;}
    .mb-xs-2{margin-bottom: 20px !important;}
    .mb-xs-1{margin-bottom: 10px !important;}
}
@media (max-width: 1000px){
    .navAuto li {margin: 0 3px !important;font-size: 13px;}
}
@media (min-width: 769px) {
	.pl-unset{padding-left: unset !important;}
	.pr-unset{padding-right: unset !important;}
	.pt-unset{padding-top: unset;}
	.pb-unset{padding-bottom: unset;}
	.mb-unset{margin-bottom: unset;}
	.mt-unset{margin-top: unset;}
	.ml-unset{margin-left: unset;}
	.mr-unset{margin-right: unset;}
    .mt-lg-3{margin-top: 30px !important;}
    .mb-lg-3{margin-bottom: 30px !important;}
    .mt-lg-5{margin-top: 50px !important;}
    .mb-lg-5{margin-bottom: 50px !important;}
    .mt-lg-8{margin-top: 80px !important;}
    .mb-lg-8{margin-bottom: 80px !important;}
    .pt-lg-3{padding-top: 30px !important;}
    .pb-lg-3{padding-bottom: 30px !important;}
    .pt-lg-5{padding-top: 50px !important;}
    .pb-lg-5{padding-bottom: 50px !important;}
    .pt-lg-8{padding-top: 80px !important;}
    .pb-lg-8{padding-bottom: 80px !important;}
}
.navAuto li {padding: 40px 0;margin: 0 20px;list-style: none;float: left;}
.navAuto li a {color: #999999;}
li a:hover {text-decoration: none !important; color: var(--primary-color) !important;}
.active {border-bottom: 3px solid var(--primary-color);}
.active a {color: var(--primary-color) !important;}
.buttonCon {float: right;background-color: var(--primary-color);color: white;font-size: 20px;line-height: 1;padding: 10px 25px;height: 40px;margin: 30px 0 30px 20px;border-radius: 25px;text-align: center;}
.buttonCon a {color: white !important;}
.buttonCon a:hover {text-decoration: none !important;}
.navbarZhe .container {display: block !important;}
.navbar {margin-bottom: 0 !important;padding: 0 !important;top: 0;}
.navbar-toggle {margin-top: 5%;}

/* footer文件样式 */
.fColor {background-color: #f6f6f6;}
.footerCenter {padding-top: 20px;}
.footerCenter a{background: #3c3c3c; width: 35px;height: 35px;line-height: 36px;display: inline-block;text-align: center;font-size: 14px; border-radius: 35px;}
.footerCenter a i {margin: 10px auto; font-size: 15px; color: white;}
.bottomAuto li a {color: #999999;}
.bottomAuto li {padding: 5px 0;}
.ConUs form .form-group {width: 100%;float: left;}
.w3l-footer-29-main .footer-29 form {display: block !important;}
.ConUs form .form-group input,
textarea {font-size: 12px !important;margin-left: 15px;}
.ConUs form .getCenter {width: 100%;font-size: 12px;text-align: center;color: #202020;}
.row div h6 {color: #202020;font-size: 20px;text-align: left;}
.fColor .container .bottom-copies{width: 100%; float: left;}
.w3l-footer-29-main .main-social-footer-29 a {background-color: #999999;color: white; margin: 0 2px;}
.w3l-footer-29-main .main-social-footer-29 a:hover{background-color: var(--primary-color);}
.linkWebPage{word-break: break-word}
.linkWebPage a {color: #999;}
a:hover ,a:hover, a:focus{text-decoration: none;}
@media (max-width: 767px) {
    .navLogo {height: 40px;margin: 5% 0;}
    .buttonCon {margin-left: 0 !important; font-size: 12px; padding-top: 10px;line-height: 2;}
    .navbar-collapse {position: fixed;right: 0;top: 0;width: 60%;background: rgba(0, 0, 0, 0.5);z-index: 9999;}
    .navbar-toggle {z-index: 1;}
    .nav-link {color: white !important;}
    .item:hover .nav-link {color: var(--primary-color) !important; width: 100%; float: left;}
    .active {border-bottom: 0px !important;}
    .navbar-toggle {z-index: 10;}
    .navbar-toggle .icon-bar {background-color: white;}
    .navbar-collapse {z-index: 5;max-height: unset !important;height: 100% !important;}
    .buttonNot {margin: unset;text-align: left;background-color: unset; padding: unset; float: left;}
    .navAuto .item{padding-top: 20px;}
    .navAuto .item ul li {margin-left: 0;width: 100%;text-align: left;}
    .navAuto .item ul li a {font-size: 12px; padding-left: 5px !important;padding: 10px 0;color: white !important;}
    .footerCenter{margin-top: 0px !important;}
    .padding-l-r-30{padding: 0 30px;}
}
.pagination li:first-child{display: none;}
.pagination li{height: 33px !important;}
.pagination li a,.pagination li span{height: 33px !important; margin-right: 10px;}
.pagination .active{border-bottom: unset;}
.pagination .active span{border-color: unset !important;height: 33px;margin-right: 10px;background-color: var(--primary-color) !important;}
.ProductsH3{font-size: 40px;padding-top: 40px;margin-top: 0;}
.ProductsH6{margin: 20px 0 40px 0;font-size: 15px;font-weight: 300;}
.noDataTemporarily{text-align: center;height: 320px;line-height: 320px;}
.titlePolicy{padding: 0 10px;}
/* .titlePolicy:hover{color: #337ab7 !important;} */
.footerBorder{border-top: 1px solid #e7e7e7;padding:  0 !important;}
.fImg{height: 40px;}
/* Contact */
.list{background-repeat: no-repeat;padding: 2px 15% 0 40px ;color: #666666;min-height: 30px;}

/* news */
.new-title-img-padding-bottom{padding-bottom: 68%;}
.content-new-title{min-height: 60px;}
.content-new-intro{min-height: 65px;}
.a-text-decoration{text-decoration: none !important;}
.new-details-title-img-padding-bottom{ padding-bottom: 71%;}
.new-details-subtitle{max-width: 100%; word-break: break-word;}
.content-new-list-intro{min-height: 65px;width: 100%;color: #999999;}
@media (max-width: 500px) {
    .content-new-title{min-height: 45px;}
    .contentNew .content-new-list-intro{min-height: 50px;color: #999999;}
    .policyTitle{float: left !important;}
}

/* about */
.about-nav-img-list-padding-bottom{padding-bottom: 61%;}
.content-our-team-padding-bottom{padding-bottom: 124%;}
.about-us-company-infomation{height: 315px;display: flex; align-items: center; overflow: hidden;}
.column-data-list-title{padding-top: 85px;}
.columnDataList:hover .column-data-list-title,.columnDataList:hover .column-data-list-intro{color: white;}
iframe{border: unset;}
@media (min-width: 767px) {
    .auto-prooduction-line{font-size: 18px !important;}
    .pl-lg-15{padding-left: 15px;}
}
@media (max-width: 768px) {
    .swiper-button-prev,.swiper-button-next{top: unset; bottom: -40px;}
    .swiper-button-prev{left: 35%;}
    .swiper-button-next{right: 35%;}
    .about-us-company-infomation, .index-company-profile-right{height: auto !important; display: block !important; margin-top: 20px;}
    .xs-button-con{margin: unset; margin-bottom: 40px;}
    .p-xs-unset{padding: unset;}
    .products-details-xs-min-height{ min-height: 50px !important;}
    .pl-xs-unset{padding-left: 0!important;}
    .index-swiper-position .swiper-button-prev{bottom: unset; top: 50%; left: 10px;}
    .index-swiper-position .swiper-button-next{bottom: unset; top: 50%; right: 10px;}
    .eject-inquiry .title{font-size: 20px;}
    .eject-inquiry .container{padding: 35px 20px 35px;margin: 0 15px;}
    .eject-inquiry .form-group .form-control{padding: 18px 12px;}
}

/* solotion */
.solotion-img-padding-bottom{padding-bottom: 83%;}
/* .solotion-dateils-img-padding-bottom{padding-bottom: 59%;} */
.solotion-dateils-img-padding-bottom{padding-bottom: 65%;}
.solotion-dateils-img-list-padding-bottom{padding-bottom: 100%;}
.description{width: 100%; max-width: 100%; overflow: hidden;}
.description img{width: 100%; max-width: 100%;}
.products-list-line-height{line-height: 6;}
.swiper-button-lock:after, .swiper-button-lock:after{line-height: 6;}
@media (max-width: 800px) {
    .products-list-line-height{line-height: 14;}
    .swiper-button-lock:after, .swiper-button-lock:after{line-height: 10;}
}
@media (max-width: 500px) {
    .products-list-line-height{line-height: 6;}
    .swiper-button-lock:after, .swiper-button-lock:after{line-height: 4;}
}
/* products */
.products-list-img-padding-bottom{padding-bottom: 100%;}
.Aprductlist{text-decoration: revert !important;}
.Aprductlist:hover{color: var(--primary-color) !important;text-decoration: revert !important;}
.products-details-a:hover{text-decoration: unset !important;}
.productsDetail .swiper-button-prev,.productsDetail .swiper-button-next{top: 22px;}
.swiper-button-lock{display: block !important; padding: 0 10px;}

/* index */
.index-banner-title-img-padding-bottom{padding-bottom: 42%;}
.index-recommended-products-title-padding-bottom{padding-bottom: 23%;}
.index-recommended-products-list-padding-bottom{padding-bottom: 100%;}
.index-products-details-list{padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.index-company-profile-right{height: 400px; display: flex; align-items: center;}
.contentNew{width: 100%;padding: 10px 10px 0 10px ;float: left;}
.contentNew .contentNewA{float: left;color: #999999;width: 100%;text-decoration: revert !important;}
.contentNew:hover .contentNewA{float: left;color: #2246e1;text-decoration: revert !important;}
.color-3{color: #333333;}
.color-2{color: #222222;}