@charset "UTF-8";
.service-header-title{
    position: relative;
    overflow: hidden;
    color:#f8f8f8;
    font-size:42px;
    font-family: "Nunito Sans Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 2px 4px 4px  #484848;
    background: #d8d8d8;
}
.service-header-title .header-title-txt{
    position: absolute;
    display: block;
    width: 100%;
    top:40%;
    text-align: center;
    font-size: 58px;
    font-style: italic;
    font-weight: bolder;
}
.service-header-title img{
    width: 100%;
}
.service-mainNav{
    height:86px;
    border-bottom:1px solid #cfcfd0;
    background: #ffffff;
    padding-top: 23px;
}
.service-mainNav-inner:after{display: table;content: "";clear: both;visibility: hidden}
.service-mainNav-inner .tab-nav{
    float: left;
    max-width: 1320px;
}
.service-mainNav .tab-nav dd{display: inline-block;height: 60px;padding-bottom:15px;}
.service-mainNav .tab-nav dd a{position:relative;display:inline-block;color:#585858;font-size:20px;padding:0px 28px;height:48px;font-weight: bold;text-decoration:none}
.service-mainNav .tab-nav dd a .icon-tab-angle-up{display: none}
.service-mainNav .tab-nav dd a:hover{background: none}
.service-mainNav .tab-nav dd.active{display: inline-block;color:#484848;}
.service-mainNav .tab-nav dd.active .icon-tab-angle-up{display: block}

.icon-tab-angle-up{position:absolute;left:0px;bottom:-15px;display:inline-block;width:100%;height:33px;background:url("../images/icons/member/icon-tab-angle-up.png") bottom center no-repeat;}

#my-smallnav{
    float: right;
    display: flex;
    align-items: center;
    font-size:16px;
    color:#ddd;
    height:45px;
    overflow: hidden;
}
#my-smallnav a{
    display: inline-block;
    color:#686868;
    text-decoration: none;
    overflow: hidden;
    font-size:16px;
    height:45px;
    line-height: 45px;
    padding:0px 5px;
}
#my-smallnav .icon-home{
    display: inline-block;
    height:45px;
    padding-left:30px;
    background: url("../images/icons/home.png") center center no-repeat;
    overflow: hidden;
}
#my-smallnav span{
    display: inline-block;
    font-size:16px;
    overflow: hidden;
}

.request-form{
    display: block;
    margin:0 auto;
    padding-top:38px;
    padding-bottom:28px;
    font-size: 26px;
}
.request-form dl{
    display: block;
    list-style: none;
}
.request-form dl dt{
    display: block;
    font-size: 36px;
    padding:30px 15px;
    line-height: 30px;
}
.request-form-title{
    text-align: center;
}
/*****about us*********/
.company-title-section{
    background: #fff;
    padding-bottom:68px;
}
.company-title-section .overview-section{
    padding:0px;
}
.overview-section:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
}
.overview-section .overviewTxt{
    overflow: hidden;
    text-align: left;
}
.overviewTxt h4{
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
}
.overview-section  .overviewTxt1{
    padding-bottom: 48px;
}
.overviewTxt2-inner{
    padding:28px 0px;
}

.overview-section .overviewImg{}

.overview-section .overviewImg img{
    width: 100%;
}

.why-choose-us{
    position: relative;
}

.why-choose-us .why-item{
    width: 540px;
    min-height:420px;
    background: #f8f8f8;
    box-shadow: 0 8px 30px #ddd;
    padding:18px 0px;
}
.why-choose-us .why-item:last-child{
    border-right: 0px;
}
.why-choose-us .why-item .why-item-txt{
    padding-top:18px;
    line-height: 36px;
}
.why-choose-us2{
    margin-top:68px;
    padding-bottom: 48px;
}
.why-choose-us2 .why-item{
    height:520px;
    border-right:0px;
    margin:0px 15px;
}
.why-choose-us2 .why-item img{
    width: 100%;
}

.why-choose-us .swiper-button-prev,.why-choose-us .swiper-button-next{
    width:60px;
    height: 60px;
    border: 2px solid #ddd;
    border-radius: 30px;
    background-color: rgba(236,236,236,.8);
    color:#686868;
    outline: none;
}
.why-choose-us .swiper-pagination{
    width: 100%;
    text-align: center;
}
.why-choose-us .swiper-pagination span{
    display: inline-block;
    margin:10px 18px;
}
.why-choose-us .swiper-pagination .swiper-pagination-bullet-active{
    background:#e84d49;
}

#why-choose-us2 .swiper-pagination{
    position: relative;
    margin-top: 28px;
}

.overview-section.our-story{
    padding:48px 0px;
}
.our-story img{ width: 100%}
#our-story{
    position: relative;
    overflow: hidden;
}
#our-story .our-story-inner{
    overflow-x:auto;
    overflow-y: hidden;
}
.our-story-inner::-webkit-scrollbar{
    display: none;
}
#our-story .story-pagination{

}
#our-story .story-pagination .story-pagination-ctrl{
    position: absolute;
    top: 36%;
    width: 60px;
    height: 60px;
    border:2px solid #ddd;
    border-radius: 30px;
    background-color: rgba(236,236,236,.8);
    color:#686868;
    outline: none;
    display: flex;
    justify-content: center;
    justify-items: center;
}
#our-story .story-pagination .story-pagination-prev:after{
    content: "prev";
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    margin-top:6px;
}
#our-story .story-pagination .story-pagination-next:after{
    content: "next";
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    margin-top:6px;
}
#our-story .story-pagination .story-pagination-prev{
    left:10px;
}
#our-story .story-pagination .story-pagination-next{
    right: 10px;
}


.partners-list{
    display: flex;
    justify-items: center;
    justify-content: space-between;
    margin:0px auto;
}
.partners-list:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
}
.partners-list .imgbox{
    width:30.333%;
    margin-top:23px;
    margin-bottom:0px;
    border:1px solid #dedcdc;
    overflow: hidden;
    height: 58px;
}
.partners-list .imgbox img{
    height:100%;
}
/*******contact us********/
.contact-us{
    padding:28px;
}
.contact-us .overview-section{
    padding-left: 0px;
}
.contact-us .overview-section .map-info{}
.map-info img{
    width: 100%;
}
.contact-us .contact-info{
    text-align: left;
    font-size:30px;
    line-height: 36px;
}
.contact-us .contact-info p{
    margin-bottom:10px;
}
.contact-us .contact-info .info-img{
    margin: 48px 0px;
    text-align: center;
}
.contact-us .contact-info .info-name{
    font-size:30px;
    font-weight: bold;
    margin-top:28px;
    margin-bottom:28px;
}
.contact-us .contact-info .info-tel{
    padding-left:28px;
    background: url("../images/icons/company/icon_phone.png") left center no-repeat;
}
.contact-us .contact-info .info-fax{
    padding-left:28px;
    background: url("../images/icons/company/icon_fax.png") left center no-repeat;
}
.contact-us .contact-info .info-email{
    padding-left:28px;
    background: url("../images/icons/company/icon_email.png") left center no-repeat;
}
.contact-us .contact-info .info-addr{
    padding-left:28px;
    background: url("../images/icons/company/icon_location.png") left center no-repeat;
}
/********news header*********/
.news-header{
    margin-top:38px;
}
.news-header img{
    width: 100%;
}
.news-list{
    margin-top:38px;
    padding:15px;
}
.news-list:after{
    display: block;
    content: "";
    clear: both;
    visibility:hidden;
}
.news-list .news-item{
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 48px;
}
.news-list .news-item:first-child{}
.news-list .news-item:last-child{
    margin-bottom: 20px;
}
.news-list .news-item-img{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}
.news-list .news-item-img img{
    width: 100%;
    height: 100%;
}
.news-list .news-item-title{
    font-size:30px;
    padding:0px 15px;
    line-height: 40px;
    margin:15px auto;
    overflow: hidden;
}
.news-list .news-item-date{
    font-size:30px;
    margin:0px 15px;
    padding-left:40px;
    line-height: 40px;
    background: url("../images/icons/company/icon_clock.png") left center no-repeat;
}

/*****detail**********/
.news-detail{
    padding:15px;
    padding-top:48px;
}
.news-detail .content-split{}
.news-detail .content-split-header{
    padding: 28px;
    border-bottom:2px solid #aeaeae;
}
.news-detail .content-split-header .content-split-title{
    font-size:36px;
    font-weight: bold;
    line-height: 48px;
    padding-bottom: 28px;
}
.news-detail .content-split-header .content-date{
    font-size:30px;
    color: #aeaeae;
    padding-left:40px;
    line-height: 40px;
    background: url("../images/icons/company/icon_clock.png") left center no-repeat;
}
.content-split-detail{
    line-height: 48px;
    margin-bottom:48px;
}
.content-split-detail *{
    font-size: 30px;
}
.content-split-detail p{
    margin-bottom:15px;
}
.content-split-detail a{
    color:#1a91cc;
}
.content-split-detail.white-background{
    background: #fff;
    padding:28px;
}
.news-detail .jet-table{
    border-collapse: collapse;
    margin-top:18px;
    background: #fff;
    margin-top:15px;
    margin-bottom:15px;
}
.news-detail .jet-table th,.terms-content .content-split .jet-table td{
    border:1px solid #ddd;
}
.news-detail .terms-content .content-split .jet-table .td-div,.jet-table .th-div{padding:10px 28px;}
/*****terms and policies**********/
.terms-policies{
    margin-top:38px;
    background: #fff;
    padding:28px;
}
.terms-policies .terms-header{
    margin-bottom: 48px;
}
.tab-links{
    display: flex;
    align-items:center;
    justify-content: center;
    border-bottom:2px solid #ddd;
    height:187px;
}
.tab-links .tab-item{
    display: flex;
    width:168px;
    height:188px;
    margin:0px 28px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-bottom:2px solid #ddd;
}
.tab-links .tab-item:first-child{
    margin-left:0px;
}
.tab-links .tab-item:last-child{
    margin-right:0px;
}
.tab-links .tab-item a.tab-link{
    display: inline-block;
    text-decoration: none;
}
.tab-links .tab-item a.tab-link .tab-img{
    padding-bottom:10px;
}
.tab-links .tab-item-cur{
    border-bottom:2px solid #da251d;
}
.terms-content{
    display: none;
}
.terms-content-cur{
    display: block;
}
.terms-content .content-split{
    list-style: none;
}
.terms-content .content-split dt{
    padding-left:0px;
}
.terms-content .content-split dt .fa{
    display: inline-block;
    color:#448aca;
    margin-right: 15px;
}
.terms-content .content-split dd{
    padding:15px;
}
.terms-content .content-split dd p{
    margin-bottom:15px;
}

.terms-content .content-split .jet-table{
    border-collapse: collapse;
    margin-top:18px;
    background: #fff;
    margin-top:15px;
    margin-bottom:15px;
}
.terms-content .content-split .jet-table th,.terms-content .content-split .jet-table td{
 border:1px solid #ddd;
}
.terms-content .content-split .jet-table .td-div,.jet-table .th-div{padding:10px 28px;}

/***payment method**/
.payment-methods:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
}
.payment-methods .content-split{
    padding:15px;
    border-radius: 10px;
}
.payment-methods .content-split dt{
    margin-bottom: 30px;
}
/*****request form**********/
.request-form .fields-main{
    padding:15px 30px;
}
.request-form .fields-main .fields-row{
    padding:5px 15px;
    margin-bottom:20px;
}
.request-form .fields-main .form-row{}
.request-form .fields-main .checkbox-row{
    margin-bottom:0px;
}
.field-box{
    display: block;
}
.field-box:after{
    display: block;
    content: "";
    clear: both;
    visibility:hidden;
}
.field-box:first-child{
}
.field-box:last-child{
    margin-right:0;
}
.field-box .field-title{
    display: block;
    height:48px;
    line-height: 48px;
    font-size: 30px;
    min-width: 180px;
}
.field-box .field-input{
    display: block;
}
.field-box .field-input input{
    background: #f8f8f8;
}
.field-box .field-input input:focus{
    background: none;
}
.field-box .field-input input.field-txt-input,.field-box .field-input select.field-txt-input{
    height:68px;
    line-height: 68px;
    outline: none;
    padding:2px 15px;
    border:1px solid #ddd;
    border-radius:3px;
    font-size: 30px;
}

.field-textarea{
    display: block;
}
.field-textarea textarea{
    outline: none;
    background: #f8f8f8;
    border:1px solid #ddd;
    border-radius: 3px;
    font-size: 30px;
}
textarea#inquiryRequirement{
    width: 100%;
    font-size: 30px;
}
.field-qty{
    display: flex;
    margin-right:0px;
    justify-items: center;
    justify-content: space-between;
}
.field-qty .field-qty-input{
    text-align: center;
    margin:0px 20px;
}
.field-qty-170{
    width: 170px;
}

.field-qty-520{
    width: 378px;
}

.input-control-percent100{
    width: 100%;
}

.submitBox{
    padding:48px 0px;
    text-align: center;
}
a.submit{
    width: 80%;
    display: inline-block;
    padding:20px 88px;
    line-height: 48px;
    font-size:36px;
    text-decoration: none;
    background: #da251d;
    border-radius: 6px;
    color: #fff;
}
a.submit:hover{
    color: #f2f2f2;
}
