* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, ::before, ::after {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
a, a:hover, a:active, a.active, a:focus {
    text-decoration: none;
}
body {
    font-size:13px;
    letter-spacing: 0;
    line-height: 1;
    text-transform: capitalize;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #212121;
    background-color: #fff;
    font-weight:400;
    margin:0;
    padding:0;
}
a, p, ol, ul li{
    letter-spacing: 0;
    line-height: 1;
    text-transform: capitalize;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html body, body #wrapper {
    overflow-x: hidden;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
img { width: 100%; height: 100%; object-fit: cover } [class*="col"] { float: none; }
.section { padding: 80px 0 } .mt-spacing { margin-top: 42px; }  .pt-spacing { padding-top: 42px }
.layout { max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 15px; }   .layout-none { padding: 0 15px; }
.layout:after { content: none; }  .layout:before { content: none; }
.ai-none {display: none !important }
.ci-none { display: none !important }  .si-none { display: none !important }
.mi-none { display: none !important }  .ei-none { display: none !important }
@media only screen and (max-width: 1199px) {
    .ci-none { display: block !important } .c-none { display: none !important; }
}
@media only screen and (max-width: 991px) {
    .container-none { padding: 0 15px;}
    .si-none { display: block !important } .s-none { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .section { padding: 50px 0; }  .mt-spacing { margin-top: 40px; }
    .mi-none { display: block !important } .m-none { display: none !important; }
}
@media only screen and (max-width: 576px) {
    .ei-none { display: block !important } .e-none { display: none !important; }
}


.m-hdfix { position: relative; height: 72px;  }
.m-hdfix .c-clearfix { width: 100%; height: 100%; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; }
.m-hdfix .c-clearfix:after { content: none; }
.m-hdfix .m-hdlogo { width: auto; line-height: 1;    }
.m-hdfix .m-hdlogo img { height: 42px }
.m-hdfix .m-hdfix4 { float: inline-start; display: flex; align-items: center; }
.m-hdfix .m-hdfix2, .m-hdfix .m-hdfix4, .m-hdfix .m-hdnav { height: 100%; }
.m-hdnav { margin-right: 0; }
.m-hdnav .nav-item { height: 100%; display: flex; align-items: center; }
.m-hdnav .nav-item > a { padding: 0 20px; height: 38px; line-height: 38px; }
.m-hdnav .nav-item > a:hover:before, .m-hdnav .nav-item > a.active:before, .m-hdnav .nav-item > a.current:before { bottom: 0; }
.m-hdsch { padding: 0 0 0 20px; }
.m-hdsch .box-btn { line-height: 42px; font-size: 20px; }
.m-hdsch .box-form { width: 240px; height: auto; padding: 10px 8px; background: #fff; border: none; border-radius: 0; box-shadow: 0 0 8px rgba(0,0,0,.2); }
.m-hdsch .form-btn { width: 30px; height: 30px; top: auto; right: 10px; background: url(../images/sch4.png) no-repeat center; background-size: 24px; }
@media only screen and (min-width: 992px) {
    .clear { clear: both; }
    .m-hdnav .nav-item { position: revert;  }
    .m-hdnav .main-menu {  position: absolute; display: none; width: 100%; left: 0;  top: 100%; background: rgba(0,0,0,.95); z-index: 1000 }
    .m-hdnav .main-menu .sbnav-list1 { position: revert; width: 100%; margin-left: 0; padding: 24px 0; display: block; background-color: transparent; float: inline-start; }
    .m-hdnav .main-menu .sbnav-list1 > li { float: left; width: 33.3333%; padding: 0 15px;  }
    /*.m-hdnav .main-menu .sbnav-list1 > li > a { color: #212121 }*/
}
@media screen and (max-width: 991px) {
    .wap-nav .menubtn { right: 15px; }
    .wap-nav .menubtn span { background-color: #565757 }
    .wap-nav .nav > ul > li { padding: 10px 0 10px 20px; }
    .wap-nav .nav > ul > li > a { font-size: 14px; padding: 5px 0; }
    .wap-nav .nav > ul > li .addition { background-size: 14px }
    .wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 14px;  }
}

.btn {
    display: inline-block;
    min-width: 148px;
    padding: 8px 20px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #ff7e0e;
    border: 1px solid transparent;
    line-height: 1.5;
    letter-spacing: 0.03rem;
    border-radius: 6px;
    text-transform: capitalize;
    font-weight: 500;
    margin-top: 24px;
}
.btn:hover { color: #fff; }

.main-title { font-size: 32px; font-weight: 600; color: #333; text-align: center; text-transform: uppercase; margin: 0 0 24px; padding-bottom: 24px; position: relative; }
.main-title:before { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 72px; height: 4px; background: #dbd6d6;  }
.main-describe { text-align: center; max-width: 720px; margin: 0 auto 10px; font-size: 14px; color: #666; font-weight: 400; line-height: 1.6; }
@media only screen and (max-width: 767px) {
    .main-title { font-size: 24px; }
}

.module-bottom { text-align: center; }
.module-bottom .main-describe { font-size: 18px; color: #ff7e0e; font-weight: 600; line-height: 1.6; }
.module-bottom .art-button { width: 280px; height: 54px; border-radius: 28px; background: #189d0e; padding: 0 24px 0 53px; display: inline-block; position: relative;  box-shadow: inset 0 0 3px rgba(166, 229, 162, 0.5); }
.module-bottom .art-button .btn-icon { display: inline-block; position: absolute; left: 3px; top: 3px; bottom: 3px; width: 48px; border-radius: 40px; background: #fff; padding: 4px; box-shadow: 3px 0 3px 0 rgba(0,0,0,.5);  }
.module-bottom .art-button .btn-span { display: inline-block; line-height: 52px; font-size: 18px; font-weight: 400; letter-spacing: 0.01rem;  }
.module-bottom .art-button:hover { color: #fff; }


.slide_banner .slider_wrap { position: relative }
.slide_banner .slider_cont { position: absolute; top: 120px; width: 100%; left: 0; }
.slide_banner .slider_cont .banner_part { padding: 48px 24px; }
.slide_banner .slider_cont h1 { font-size: 40px; color: #565656; font-weight: 600; letter-spacing: 0; margin-bottom: 24px; }
.slide_banner .slider_cont p {  font-size: 20px;  color: #767676; font-weight: 400; line-height: 1.5; }
.slide_banner .slider_cont .main-button { background-color: #ff7e0e; color: #fff; text-align: center; }
@media screen and (max-width: 1200px) {
    .slide_banner .slider_cont { top: 80px; }
    .slide_banner .slider_cont .banner_part { padding: 24px; }
}
@media screen and (max-width: 767px) {
    .slide_banner .slider_cont { top: 64px; }
    .slide_banner .slider_cont h1 { font-size: 32px; }
    .slide_banner .slider_cont p {  font-size: 18px;  }
}
@media screen and (max-width: 576px) {
    .slide_banner .slider_cont { position: revert; }
    .slide_banner .slider_cont .banner_part { padding: 24px 0 0; }
    .slide_banner .slider_cont h1 { font-size: 28px; }
    .slide_banner .slider_cont p {  font-size: 16px;  }
}

.introduce-wrap { padding-top: 78px; padding-bottom: 108px; }
.introduce-wrap .it-flex-arrange { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.introduce-wrap .it-weave1 { width: 58%; padding: 15px 20px; }
.introduce-wrap .it-weave2 { width: 42%; padding: 15px 20px;  }
.introduce-wrap .it-weave1 .intro-position { overflow: hidden; }
.introduce-wrap .it-weave1 .intro-position img { -webkit-transform:scale3d(1.1, 1.1, 1); transform:scale3d(1.1, 1.1, 1); transition: all .5s }
.introduce-wrap .it-weave1 .intro-position:hover img { -webkit-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1); }
.introduce-wrap .it-weave2 .main-title { text-align: left }
.introduce-wrap .it-weave2 .main-title:before { left: 0; transform: revert; }
.introduce-wrap .it-weave2 { display: flex; align-items: center; }
.introduce-wrap .it-weave2 h3 { font-size: 18px; color:  #ff7e0e; font-weight: 600;  line-height: 1.4 }
.introduce-wrap .it-weave2 p { font-size: 16px; line-height: 1.8; margin-bottom: 24px; }
@media screen and (max-width: 768px) {
    .introduce-wrap { padding: 48px 0 }
    .introduce-wrap .it-weave1 { width: 100%; padding: 15px 20px; }
    .introduce-wrap .it-weave2 { width: 100%; padding: 15px 20px;  }
}
@media screen and (max-width: 576px){
    .introduce-wrap .it-weave2 h3 { font-size: 20px; }
}

.index-business { background-color: #f7f7f7; position: relative; }
.index-business .index-bd {  }
.index-business .index-bd .business-bd-img-r { position: absolute; right: -26%; bottom: -15%; width: 50%; }
.index-business .index-bd .business-bd-img-l { position: absolute; left: -25%; bottom: -15%;  width: 50%;  transform: rotateY(180deg); }
.index-business .business-cont { text-align: center; }
.index-business .business-cont .main-title { padding-bottom: 0; }
.index-business .business-cont .main-title:before { content: none; }
.index-business .business-cont .business-img { border-radius: 8px; overflow: hidden; margin-bottom: 24px; }
.index-business .business-cont .business-desc { font-size: 20px; font-weight: 600; line-height: 1.6; letter-spacing: 0; max-width: 780px; margin: 0 auto 24px; }

.category .main-title { margin-bottom: 48px; padding-bottom: 32px; }
.category .item { display: flex; flex-wrap: wrap; }
.category .item-unit { width: 25%; position: relative; }
.category .item-unit .category-unit-img { height: 100%; min-height: 340px; }
.category .item-unit .category-unit-text { position: absolute; inset: 0; background: rgba(0,0,0,.65); }
.category .item-unit .category-unit-text a { display: flex; flex-direction: column; height: 100%; width: 100%; padding: 0 20px; text-align: center; justify-content: center; align-items: center; }
.category .item-unit .category-unit-text a h3 { font-size: 20px; color: #fff; line-height: 1.2;  }
.category .item-unit .category-unit-text a .line { background: #fff; width: 80%; max-width: 250%; margin: 12px 0; height: 3px; }
.category .item-unit .category-unit-text a span { font-size: 16px; color: #fff; }
@media only screen and (max-width: 991px) {
    .category .item-unit { width: 50%; }
    .category .item-unit .category-unit-img { min-height: 280px; }
}
@media only screen and (max-width: 767px) {
    .category .item-unit .category-unit-text a h3 { font-size: 18px; }
}

.bottom-advantage {  padding-bottom: 90px; }
.bottom-advantage .main-title { text-align: left; color: #fff; margin: 0; padding-top: 48px; max-height: 188px; height: 100%; }
.bottom-advantage .main-title:before { left: 0; transform: revert; bottom: 48px; background-color: #fff; }
.bottom-advantage .content-wrap { padding: 48px 0; }
.bottom-advantage .content-parts { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.bottom-advantage .content-parts .item-unit { width: 33.3333%; padding: 15px;  }
.bottom-advantage .content-parts .unit-bg { background-color: #ff7e0e; height: 100%; padding: 15px; }
.bottom-advantage .content-unit-img { max-height: 188px; height: 100%; }
.bottom-advantage .content-unit-img img { object-position: 50% 80%; }
.bottom-advantage .content-array { padding: 20px 0; }
.bottom-advantage .content-array h3 { font-size: 22px; color: #565757; font-weight: 600; letter-spacing: -0.01rem; margin-bottom: 12px; }
.bottom-advantage .content-array p { font-size: 14px; color: #565757; line-height: 1.6; margin-bottom: 12px; }
.bottom-advantage .module-bottom .main-describe { max-width: 100%; }
.bottom-advantage .unit-bg .content-array h3, .bottom-advantage .unit-bg .content-array p { color: #fff; }
@media screen and (max-width: 768px) {
    .bottom-advantage  { padding: 48px 0 }
    .bottom-advantage .content-wrap { padding: 24px 12px; }
    .bottom-advantage .content-parts { padding: 12px 0 }
    .bottom-advantage .content-parts .unit-bg { height: auto; }
    .bottom-advantage .main-title:before { bottom: 0; }
    .bottom-advantage .content-parts .item-unit { width: 100%; }
    .bottom-advantage .content-array h3 { font-size: 20px; margin-top: 10px; }
    .bottom-advantage .module-bottom .main-describe { font-size: 16px; }
}

.m-ftfix1 .m-ftt { font-size: 20px; padding-bottom: 10px; }
.m-ftfix1 .m-ftt:before { bottom: -4px; }
.m-ftfix1 .m-ftnav li { padding: 8px 0; }
.m-ftfix1 .m-ftnav li > a { font-size: 15px; }
.m-ftfix1 .m-ftinfo .info-item { padding: 8px 0;  font-size: 15px; }

.m-kf .kf-item { background-color: #ff7e0e !important; }
@media screen and (max-width: 767px) {
    .m-kf .kf-item { width: auto !important; }
}

.model-banner { position: relative; line-height: 0; }
.model-banner .model-show img { min-height: 420px; }

.banner-inner { background-color: #f3f3f3; }
.banner-inner .banner-breadcrumbs { padding: 10px 0; }
.banner-inner .banner-breadcrumbs h1 { font-size: 14px; color: #212121; font-weight: 400; }
.banner-inner .banner-breadcrumbs h1 a { color: #212121; }

.model-desc { padding-top: 68px; }
.model-desc .array-cent { position: relative; }
.model-desc .array-cent:after { position: absolute; content: ''; top: 0; height: 100%; right: 0; width: 75%; background: linear-gradient(90deg, rgba(255,126,14,0.0) 50%, rgba(237,172,116,0.35) 100%); }
.model-desc .array-cent .array-images img { min-height: 380px; }
.model-desc .array-list { position: absolute;  top: 0; height: 100%; right: 0; width: 100%; z-index: 1 }
.model-desc .array-list .f-box { display: flex; height: 100%; justify-content: flex-end; align-items: center; }
.model-desc .array-list-item { width: 50%; background: rgba(0,0,0, .75); padding: 40px 32px; }
.changan-uni-t .model-desc .array-cent:after { content: none; }
.model-desc .array-list-item h1 { font-size: 28px; color: #fff; line-height: 1.2; font-weight: 400; margin-bottom: 24px; }
.model-desc .array-list-item p { font-size: 14px; color: #fff; line-height: 1.6; }

.model-procate .procate-list { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.model-procate .item-unit { padding: 10px; width: 25%; }
.model-procate .item-unit .item { position: relative; border: 1px solid #ccc; }
.model-procate .item-unit .item .item-box-t { position: absolute; inset: 0; background: rgba(0,0,0,.55); opacity: 0; transition: all .3s }
.model-procate .item-unit .item .item-box-t:hover { opacity: 1; }
.model-procate .item-unit .item .item-box-t a { display: flex; justify-content: center; align-items: center; padding: 0 15px; height: 100%; }
.model-procate .item-unit .item .item-box-t a h3 { font-size: 16px; line-height: 1.4; font-weight: 400; color: #fff; text-align: center; }
@media only screen and (max-width: 991px) {
    .model-desc .array-list-item { width: 100%; }
    .model-procate .item-unit { width: 50%; }
}
@media only screen and (max-width: 767px) {
    .model-desc .array-list-item { padding: 32px 20px; }
    .model-desc .array-list-item h3 { font-size: 24px; }
}