锘?,body{font-family:Arial, sans-serif}
.header .nav-list > li .menu li a {font-size: 13px;font-weight: 300;}
.header .nav-list > li .menu dt a{font-size: 14px;}
.header .nav-list > li .menu dd a{font-size: 13px;line-height: 25px;}
.footer .footer_top .footer_top_menu li a{line-height:25px;font-size: 13px;font-weight: 300}
.footer .footer_bot .copyright span{font-size: 12px;font-weight: 300;text-transform: uppercase}
.footer .footer_bot .copyright a{font-size:12px;text-transform: uppercase}
@media (max-width: 991px) {
    .right-bar .login{top:21px;right:98px;}
    .m_nav .ul li a{font-size:1.8rem;text-transform: uppercase}
    .m_nav .ul li a i{font-size:2.5rem}
    .m_nav .ul li .dropdown_menu{padding: 5px 0 5px 0;}
    .m_nav .ul li .dropdown_menu a{font-size: 1.5rem;height: auto;line-height:2.2rem;padding: 5px 5px;text-transform: unset}
    .m_nav .ul li .dropdown_menu a i{font-size:1.5rem;}
    .m_nav .ul li .dropdown_menu dl{width: 100%;padding:0;}
    .m_nav .ul li .dropdown_menu dl dt{margin-bottom:0;}
    .m_nav .ul li .dropdown_menu dl dt a{font-size: 1.5rem!important;line-height:2.2rem;height:auto;text-transform: unset}
    .m_nav .ul li .dropdown_menu dl dt a i{font-size: 1.5rem;}
    .m_nav .ul li .dropdown_menu dl dd a{font-size: 1.2rem!important;line-height: 1.6rem;height:auto;font-weight:400;text-transform: unset;padding:0 0 0 28px!important;}
    .footer .footer_top .footer_top_menu li a{line-height:1.8rem;font-size:1.2rem;}
    .footer .footer_bot .copyright span{font-size: 1rem;line-height:1.4rem;margin-bottom: 0}
    .footer .footer_bot .copyright a{font-size:1rem;display: none;}
}

.section-title h4{font-size:30px;font-weight:650;}
.section-title p{font-size: 14px;text-transform: capitalize;font-weight:300}
@media (max-width: 1440px) {
    .section-title h4{font-size:28px;}
    .section-title p{font-size: 14px;}
}
@media (max-width: 992px) {
    .section-title h4{font-size:2rem;}
    .section-title p{font-size: 1.2rem;line-height: 1.8rem;font-weight:400}
    .page-nav .page-nav-ul li{width: 50%;}
    .page-nav .page-nav-ul li a{font-size: 1.4rem;font-weight: 500;}
}


.index-banner .item h4 {font-size: 30px;line-height:40px;font-weight:650;}
.index-banner .item p {width:60%;font-size:16px;font-weight: 300;line-height: 25px;margin-bottom:40px;text-transform: unset;}
@media (max-width: 991px) {
    .index-banner .item h4 {font-size:1.8rem!important;margin-bottom:10px!important;line-height:2.8rem;}
    .index-banner .item p {font-size: 1.2rem!important;line-height:1.8rem;width: 100%}
    .index-banner .item a{font-size:1.2rem;width:125px;}
}


.about-tj-ul{top:-55px;padding:20px 10px;}
.about-tj-ul li h6 em{font-size:12px;top:-15px;}
.about-tj-ul li p{font-size: 12px;line-height:16px;font-weight:300;height:40px;padding: 0 20px}
@media (max-width: 991px) {
    .about-tj-ul{padding: 10px 0;top:-50px;}
    .about-tj-ul li{font-size: 2.5rem;padding:10px 0;width: 49%}
    .about-tj-ul li:nth-child(2n){margin-right: 0}
    .about-tj-ul li h6 span{font-size:2.5rem;line-height:2.2rem;margin-bottom:0;}
    .about-tj-ul li h6 em{font-size: 1.4rem;top:-3px;margin-left:3px}
    .about-tj-ul li p{font-size:1.1rem;line-height:1.4rem;padding: 0 10px;font-weight: 400}
}


.pro-ul li{padding:40px 25px 80px 25px;}
.pro-ul li .img{top: -60px;width:35%}
.pro-ul li .info h6{font-size: 18px;font-weight:650;margin-bottom: 10px;}
.pro-ul li .info p a{font-size: 13px;line-height:16px;font-weight:300;}
.pro-ul li a.more{width: 100px;height: 35px;line-height: 35px;font-size: 12px;text-transform: uppercase;}
.pro-ul li a.more:hover{width: 120px;}
.pro-ul li a.more i{font-size: 1.3rem;}
@media (max-width: 992px) {
    .pro-ul{padding: 40px 0 0 0}
    .pro-ul li{padding:70px 15px 40px 15px;}
    .pro-ul li .img{width:35%;top:-35px;right: -10px}
    .pro-ul li .info h6{font-size: 1.6rem;}
    .pro-ul li .info p a{font-size: 1.2rem;line-height:1.6rem;}
    .pro-ul li a.more{font-size: 1.2rem;width: 100px;}
}

.solution-ul li{padding:20px;min-height: 200px;}
.solution-ul li a .info h6{line-height: 26px;font-size: 16px;font-weight: 600;margin-bottom: 5px}
.solution-ul li a .info p{line-height: 16px;font-size: 13px;font-weight: 300;}
@media (max-width: 992px) {
    .solution-ul.mobile li a .info h6{line-height: 2.2rem;font-size: 1.6rem;}
    .solution-ul.mobile li a .info p{line-height: 1.6rem;font-size: 1.3rem;min-height:40px;}
}

/*nav-tabs*/
.nav-tabs .nav-item a{font-size:14px;}
.nav-tabs .nav-item a i{font-size: 2rem;}
@media (max-width: 1440px) {
    .nav-tabs .nav-item a{font-size:13px;}
    .nav-tabs .nav-item a i{font-size: 1.8rem;}
}
@media (max-width: 991px) {
    .nav-tabs{flex-wrap: wrap}
    .nav-tabs .nav-item{width: 33.33%;margin-bottom:5%}
    .nav-tabs .nav-item a{font-size:1.3rem;}
    .nav-tabs .nav-item a i{font-size:1.8rem;}
    .nav-tabs .nav-item a:after{bottom: -5px;height:1px}
}

.sub-banner .container h4{font-weight: 650;}
.sub-banner .container p{font-size: 16px;font-weight: 300;line-height:26px;text-transform:unset;}
.sub-banner .container a{font-size:13px;}
.sub-banner .container a i{font-size:1.2rem;}
@media screen and (max-width: 991px){
    .sub-banner .container h4{font-size:2rem;line-height:2rem;}
    .sub-banner .container p{font-size: 1.3rem;line-height:1.6rem;}
}

/*page-nav*/
.main .page-nav .loc a{font-size: 14px;}
.main .page-nav .loc i{font-size: 1.6rem;}
.main .page-nav ul li{font-size:14px;}
@media (max-width: 991px) {
    .main .page-nav ul li{font-size:1.3rem;}
    .about .page-nav .page-nav-ul li a{font-size: 1.4rem;}
}

.section-title h4{font-size: 30px;font-weight:650;}
.service .section-title,.about .section-title h4{text-transform: uppercase}
.section-title p{font-size: 14px;line-height:22px;}
@media (max-width: 1440px) {
    .section-title h4{font-size: 25px;}
}
@media screen and (max-width: 992px){
    .section-title{margin-bottom:10px;}
    .section-title h4{font-size: 2rem;}
    .section-title p{font-size: 1.3rem;line-height:1.6rem;}
}
.about-text{padding:50px 0;grid-template-columns:60% 40%;align-items: flex-start;}
.about-text:last-child{padding-bottom: 50px;}
.about-text .info p{font-size: 15px;line-height:25px;font-weight: 400;}
.about-text .img img{max-width:90%}
.about .text{padding:20px 0}
.about .text p{font-size: 15px;line-height:25px;font-weight: 400;margin-bottom: 30px;}
@media (max-width: 1440px) {
    .about-text .info p{font-size:13px;line-height:20px}
}
@media screen and (max-width: 992px){
    .about-text{padding:10px 0 0 0;grid-template-columns: 100%;grid-template-rows:1fr;}
    .about-text .info p{font-size: 1.3rem;line-height:2rem;text-align:left; text-justify: unset;}
    .about-text .img{width: 100%;margin-bottom:0}
    .about-text .img img{max-width:100%;}
}

.culture .img-info .info p{padding:40px 20px;}
.culture .img-info .info p b{font-size:18px;font-weight: 650;}
.culture .img-info .info p span{font-size: 14px;line-height: 22px;}
@media screen and (max-width: 992px){
    .culture .img-info .info p span{font-size: 1.3rem;line-height:2rem;}
}

.history-ul li span{font-weight: 650}
.history-ul li p{font-size: 12px;line-height: 18px;font-family: Arial, sans-serif;}
@media screen and (max-width: 992px){
    .history-ul li span{font-size:1.8rem;line-height:1.8rem;}
    .history-ul li p{font-size: 1.2rem;line-height: 1.8rem;}
}
/*contact*/
.contact .contact-info{margin: 10px auto 60px auto;padding: 30px;}
.contact .contact-text h3{font-size: 20px;font-weight: 650;line-height: 20px;}
.contact .contact-text p{font-size: 13px;line-height: 20px;position: relative;padding-left: 20px;padding-right: 20px;padding-bottom:5px;}
.contact .contact-text p em{font-size: 1.5rem;position: absolute;left: 0;}
.contact .contact-tel h3{font-size: 20px;font-weight: 650;}
.contact .contact-tel h3 em{font-size:2rem;}
.contact .contact-tel p{font-size: 13px;line-height:22px;font-weight: 300}

/*contact-form*/
.contact-form{padding-left: 30px;}
.contact-form .form h4{font-size:20px;line-height: 20px;font-weight: 650;}
.contact-form .form i{font-size: 2rem;}
.contact-form .form ul li input{font-size: 13px;}
.contact-form .form ul li textarea{font-size: 13px;}
.contact-form .form ul li button{font-size: 13px}
.contact-form .form ul li button i{font-size: 1.8rem;}
.contact-form .form p{font-size: 13px;line-height: 20px;}
@media (max-width: 1440px) {
    .contact-info{padding:30px;}
    .contact-text h3{font-size: 20px;}
    .contact-text p{font-size: 13px;line-height: 20px;}
    .contact-text p i{font-size: 1.6rem;}
    .contact-tel h3{font-size: 20px;}
    .contact-tel h3 i{font-size: 2rem;}
    .contact-tel h4{font-size: 30px;}
    .contact-tel p{font-size: 13px;line-height:20px;}
}
@media (max-width: 991px) {
    .contact{background-color:transparent;position: relative;padding-top:30px;}
    .contact .contact-info{padding:0 10px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0 auto;background-color: transparent}
    .contact .contact-text{width:100%;border-right:none;padding-bottom:0;margin-bottom:20px;}
    .contact .contact-text h3{font-size: 1.6rem;line-height: 2rem;margin-bottom:15px;}
    .contact .contact-text p{font-size: 1.2rem;line-height:2rem;margin-bottom: 10px;position: relative;padding-left: 25px;}
    .contact .contact-text p em{font-size: 1.4rem;margin-right:0;position: absolute;left: 0;}
    .contact .contact-tel{width: 100%;border-right:none;border-bottom: 1px dashed #ddd;padding: 20px 0 0 0}
    .contact .contact-tel h3{font-size: 1.6rem;line-height: 2rem;margin-bottom:15px;}
    .contact .contact-tel h3 i{font-size:1.6rem;margin-right: 5px;}
    .contact .contact-tel h4{font-size:1.8rem;margin-bottom: 10px;}
    .contact .contact-tel p{font-size: 1.2rem;line-height:1.8rem;padding: 0}
    .contact-form{padding:0;background-color:transparent;width: 100%;border-radius: 8px;}
    .contact-form .form{padding: 10px 0;flex-wrap: wrap;}
    .contact-form .form h4{margin-bottom:15px;font-size: 1.6rem;position: relative;padding-left:25px;}
    .contact-form .form h4 i{font-size:1.8rem;position:absolute;left: 0}
    .contact-form .form ul li{margin-bottom: 10px;}
    .contact-form .form ul li input{text-indent: 10px;height: 35px;font-size:1.2rem;border-radius: 4px;color: #999;border: 1px solid #eee;}
    .contact-form .form ul li textarea{text-indent: 10px;font-size:1.2rem;border-radius: 4px;border: 1px solid #eee;}
    .contact-form .form ul li button{font-size:1.2rem;width:100%;height: 45px;border-radius: 4px;margin: 0 auto;display: block}
    .contact-form .form ul li button i{font-size: 1.4rem;}
    .contact-form .form p{font-size:1.2rem;line-height:1.8rem;}

}
.service-ul li{padding:30px 15px;}
.service-ul li b{font-size:1.4rem;}
.service-item{width: 100%;margin:30px auto}
.service-item .info h6{font-size: 18px;}
.service-item .info p{font-size: 14px;line-height:22px;}
@media (max-width: 991px) {
    .service .sub-banner .container p{width:50%;font-size: 1.3rem;line-height:2rem;}
    .service-info{padding-top:40px }
    .service-ul li b{font-size:1.3rem;}
    .service-item .info h6{font-size: 1.8rem;line-height: 2.5rem;}
    .service-item .info p{font-size: 1.3rem;line-height:1.8rem;}
}

.pro .pro-ul li .info h6{font-size: 18px;;}
.pro .pro-ul li .info p{font-size: 14px;line-height: 22px;}
.pro-ad-title h6{font-size: 30px;width: 70%}
.pro-ad-title h6 span{font-size:16px;}
.pro-ad-title a{display: block;font-size: 14px;}
@media (max-width: 992px) {
    .pro-ad-title{width: 100%;}
    .pro-ad-title h6{font-size:1.6rem;width: 100%;line-height: 2.2rem;}
    .pro-ad-title h6 span{font-size: 1.3rem;font-weight:400;line-height: 2rem;}
    .pro-ad-title a{font-size:1.2rem;}
    .pro-ad-title a i{font-size:1.4rem;}
}
.product .sub-banner h4{text-transform: unset}
.product .sub-banner p{width: 60%}
.showpro-title{width:100%;}
.showpro-title h4{font-size: 32px;}
.showpro-title p{font-size: 14px;line-height: 22px;}
.showpro-title h6{font-size: 30px;font-weight: 550;}
.showpro-item-title h6{text-transform: uppercase;font-weight: 650}
.showpro-advantage li{padding:20px;}
.showpro-advantage li .ico img{max-width:160px;}
.showpro-advantage li .info span{font-size: 18px;}
.showpro-advantage li .info p{font-size: 14px;line-height: 22px;min-height: 180px;text-align: left;font-weight: 300}
.showpro-value-ul li{padding:60px 20px 30px 20px;}
.showpro-value-ul li p{font-size:14px;font-weight:300;}
.showpro-value-ul li p b{display: block;margin-bottom: 5px;font-size: 16px;}
.showpro-value li p{font-size:14px;font-weight:300;}
.showpro-function li p{font-size: 14px;line-height: 22px;}
.showpro-title-ul li p{font-size: 14px;}
.showpro-ico-info .info p{font-size: 14px;line-height: 22px;}

@media (max-width: 992px) {
    .product .sub-banner h4{font-size: 1.6rem;}
    .product .sub-banner .container p{width:80%;margin-bottom:10px;font-size: 1.2rem;font-weight: 400;line-height: 1.8rem;}
    .showpro-title h4{font-size: 1.8rem;margin-bottom:15px;font-weight: 500}
    .showpro-title h4:after{height:8px;top:-25px;width: 30px;margin-left: -15px;}
    .showpro-title p{font-size: 1.4rem;line-height: 2.2rem;}
    .showpro-title h6{font-size: 2rem;}
    .showpro-item-title{margin-bottom:10px;}
    .showpro-item-title h6{font-size:2rem;}
    .showpro-item-title h6:after{height:8px;top:-25px;margin-left: -15px;width: 30px}
    .showpro-advantage li{padding:20px;}
    .showpro-advantage li .ico img{max-width:140px;}
    .showpro-advantage li .info span{font-size: 1.2rem;line-height: 1.6rem;}
    .showpro-advantage li .info p{font-size: 1.2rem;line-height: 1.6rem;min-height:auto;font-weight:400}
    .showpro-value-ul li{padding:40px 15px 20px 15px;}
    .showpro-value-ul li p{font-size:1.2rem;font-weight:400;line-height: 1.6rem;}
    .showpro-value-ul li p b{font-size: 1.3rem;}
    .showpro-value li p{font-size:1.2rem;font-weight:400;line-height: 1.6rem;}
    .showpro-function li p{font-size: 1.2rem;line-height: 1.6rem;}
    .showpro-title-ul li p{font-size: 1.2rem;line-height: 1.6rem;}
    .showpro-ico-info .info p{font-size: 1.2rem;line-height:1.6rem;}
    .showpro-dl{padding:10px;border-radius: 8px;}
    .showpro-dl dt{font-size:1.6rem;}
    .showpro-dl dt:after{width: 12px;height: 12px;border:2px solid var(--color-4);top:6px;}
    .showpro-dl dd{font-size: 1.2rem;line-height: 1.8rem;}
}

@media (max-width: 991px) {
    .offcanvas-search {background-color: rgba(0,0,0,0);padding: 10% 0 0 0;}
    .offcanvas-search-inner{width:90%;height:20%;padding: 20px;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background-color: rgba(255,255,255,.5);
        box-shadow:2px 5px 10px  rgba(75,45,2,0.1);-webkit-box-shadow:2px 5px 10px  rgba(75,45,2,0.1);-moz-box-shadow:2px 5px 10px  rgba(75,45,2,0.1);border-radius:8px;}
    .offcanvas-search-inner .btn-close-bar {right:10px;top:5px;}
    .offcanvas-search-inner .btn-close-bar i {font-size: 2rem;}
    .offcanvas-search-form input {font-size:1.4rem;width:75%;line-height:40px;height:40px;}
    .offcanvas-search-form button{font-size: 1.4rem;width: 25%;line-height:40px;height:40px;}
    .offcanvas-search-form button i{margin-right:5px;font-size:1.8rem;}
}