html { font-size: 16px;}
h1 + *, .h1 + * { margin-top: 0px; }
h2 + *, .h2 + * { margin-top: 0px; }
h3 + *, .h3 + * { margin-top: 0px; }
h4 + *, .h4 + * { margin-top: 0px; }
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}
.order4 {order: 4;}
.order5 {order: 5;}
.order6 {order: 6;}
.order7 {order: 7;}
.order8 {order: 8;}
.order9 {order: 9;}
.flex {display: flex;}
a:hover { color: #ff5c18 !important; }
/*@font-face {*/
/*    font-family: 'puhui';*/
/*    src: url('/fonts/puhui.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'SamsungSharpSansBold';*/
/*    src: url('/fonts/Samsung-Sharp-Sans-Bold.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
* {  font-family: "PingFang SC", "Helvetica Neue", Helvetica, Tahoma, "Microsoft Yahei", sans-serif !important; }

h1,h2,h3,h4,h5 { font-weight: 400; margin-top: 0;}
@media only screen and (min-width: 310px) and (max-width: 380px) { html { font-size: 9px !important; } }
@media only screen and (min-width: 376px) and (max-width: 390px) { html { font-size: 10px !important; }}
@media only screen and (min-width: 391px) and (max-width: 430px) { html { font-size: 11px !important; }}
@media only screen and (min-width: 800px) and (max-width: 1024px) { html { font-size: 12px !important; } }
@media only screen and (min-width: 601px) and (max-width: 1024px) { html {font-size: 10px;}}
@media only screen and (min-width: 720px) and (max-width: 840px) {html { font-size: 10px !important; }}
@media only screen and (min-width: 990px) and (max-width: 1150px) {html { font-size: 10px !important; }}
@media only screen and (min-width: 1151px) and (max-width: 1200px) {html { font-size: 10px !important; }}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {html { font-size: 10.4px !important; }}
@media only screen and (min-width: 1301px) and (max-width: 1400px) {html { font-size: 11px !important; }}
@media only screen and (min-width: 1401px) and (max-width: 1500px) {html { font-size: 12px !important; }}
@media only screen and (min-width: 1501px) and (max-width: 1600px) {html { font-size: 12.9px !important; }}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {html { font-size: 13.7px !important; }}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {html { font-size: 14.5px !important; }}
@media only screen and (min-width: 1801px) and (max-width: 1890px) {html { font-size: 15px !important; }}
.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-tel { font-size: 1rem;border-radius: 35px;--bs-btn-color: #fff;--bs-btn-bg: #ff5c18;--bs-btn-border-color: #ff5c18;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #ff5c18;--bs-btn-hover-border-color: #ff5c18;--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #ff5c18;--bs-btn-active-border-color: #ff5c18;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #ff5c18;--bs-btn-disabled-border-color: #ff5c18;text-wrap-mode: nowrap; }
#home-about-container .container { padding-left: 0; padding-right: 0;}
@media screen and (min-width: 1725px) {
    #home-about-container .container { max-width: 1725px; margin: 0 auto; display: flex; justify-content: center; }
}
@media screen and (min-width: 1724px) {
    #home-about-container .container { max-width: 100%; margin: 0 auto; }
}
@media screen and (min-width: 1200px) {
    .no-mpd { margin-bottom: 0; }
}

#home-about-container .container .about-list-container { max-width: 1435px; flex: 0 0 100%; margin: 0 auto; display: flex;flex-wrap: wrap; background-color: #f5f7f9;padding: 6.25rem 0;flex-wrap: wrap; }
.service-title-container { flex: 0 1 34.0625rem; position: relative;  }
.about-card { width: calc(100% - 38.3125rem);}
.service-title-container h1 { color: #333; line-height: 1.3; font-size: 40px; color: #333; font-weight: 400; text-align: left;}
.btn-call { position: absolute; left: 0; bottom: 4px; min-width: 13.4375rem; transition: transform 0.3s ease;  }
.btn-call:hover { transform: scale(1.1); }
.service-xcp { display: flex; }
.ser-card-icon { margin-right: 30px; flex: 0 0 87px; height: 58px; position: relative; }
.service-xcp .icon1,.service-xcp .icon2 { width: 40px; height: 44px; background: url(/images/right-arrow.png); display: block; position: absolute; transition: all .3s; }
.service-xcp .icon1 { top: 9px; left: 6px; }
.service-xcp .icon2 { top: 21px; left: 0px; }
.ser-card-content { flex: 0 0 calc(100% - 117px);}
.service-xcp:hover .ser-card-icon .icon1 { top: 15px; left: 3px; }
.service-xcp:hover .ser-card-icon .icon2 { top: 15px; left: 3px; }

.service-syps { display: flex; }
.service-syps .ser-card-icon { margin-right: 30px; flex: 0 0 87px; height: 58px; position: relative; }
.service-syps .ser-card-content { flex: 0 0 calc(100% - 117px);}
.service-syps .icon1,.service-syps .icon2 { width: 52px; height: 52px; background: url(/images/round-icon.png); display: block; position: absolute; transition: all .3s; top: 8px; }
.service-syps .icon1 { left: 0; }
.service-syps .icon2 { left: 35px; }
.service-syps:hover .ser-card-icon .icon1 { left: 17.5px; }
.service-syps:hover .ser-card-icon .icon2 { left: 17.5px; }

.service-nrkf { display: flex; }
.service-nrkf .ser-card-icon { margin-right: 30px; flex: 0 0 87px; height: 56px; position: relative; }
.service-nrkf .ser-card-content { flex: 0 0 calc(100% - 117px);}
.service-nrkf .icon1,.service-nrkf .icon2 { width: 56px; height: 56px; background: url(/images/square-icon.png); display: block; position: absolute; transition: all .3s; top: 0px; left: 0; }
.service-nrkf .icon1 { left: 0; }
.service-nrkf .icon2 { left: 0; top: 25px; }
.service-nrkf:hover .ser-card-icon .icon1 { top: 12.5px; }
.service-nrkf:hover .ser-card-icon .icon2 { top: 12.5px; }

.service-ggp { display: flex; }
.service-ggp .ser-card-icon { margin-right: 30px; flex: 0 0 87px; height: 62px; position: relative; }
.service-ggp .ser-card-content { flex: 0 0 calc(100% - 117px);}
.service-ggp .icon1,.service-ggp .icon2 { width: 45px; height: 45px; background: url(/images/square-icon2.png); display: block; position: absolute; transition: all .3s; top: 0px; left: 0; }
.service-ggp .icon1 { left: 10px; top: 0; }
.service-ggp .icon2 { left: 0; top: 20px; }
.service-ggp:hover .ser-card-icon .icon1 { left: 5px; top: 10px; }
.service-ggp:hover .ser-card-icon .icon2 { left: 5px; top: 10px; }

.service-sjch { display: flex; }
.service-sjch .ser-card-icon { margin-right: 30px; flex: 0 0 87px; height: 62px; position: relative; }
.service-sjch .ser-card-content { flex: 0 0 calc(100% - 117px);}
.service-sjch .icon1 { width: 55px; height: 55px; background: url(/images/hexagon-icon.png); display: block; position: absolute; transition: all .3s; top: 0px; left: 0; }
.service-sjch .icon1 { left: 30px; top: 0; }
.service-sjch .icon2 { left: 33px; top: 65px; height: 1px; background-color: #ff5c18; position: absolute; width: 50px; }
.service-sjch:hover .ser-card-icon .icon1 { top: 8px; }

.service-aicz { display: flex; }
.service-aicz .ser-card-icon { margin-right: 30px; flex: 0 0 87px; height: 62px; position: relative; }
.service-aicz .ser-card-content { flex: 0 0 calc(100% - 117px);}
.service-aicz .icon1,.service-aicz .icon2 { width: 54px; height: 48px; background: url(/images/triangle-icon.png); display: block; position: absolute; transition: all .3s; top: 0px; left: 0; }
.service-aicz .icon1 { left: 0; }
.service-aicz .icon2 { left: 0; top: 25px; }
.service-aicz:hover .ser-card-icon .icon1 { top: 12.5px; }
.service-aicz:hover .ser-card-icon .icon2 { top: 12.5px; }
.ser-card-content h5 { text-align:  left; color: #333; font-size: 22px; font-weight: 500; }
.ser-card-content ul > li { text-align: left; color: #808080; }
.ser-card-content ul > li > a  { color: #808080; font-size: 15px; }

.about-card .col-xl-4 { padding: 0;}
.about-card .row {margin: 0;}
.ser-card-content ul li { flex: 100%;color: #808080; line-height: 1; margin-top: 17.5px; }
.about-container { width: 75.5%; margin: 0 auto; max-width: 100%; border-radius: 15px; padding: 0rem 0 6.25rem 0; display: flex; flex-wrap: wrap; }
.about-content { flex: 0 1 50%; padding-left: 7.5rem; color: #808080; font-size: 20px; line-height: 1.7rem; display: flex; flex-wrap: wrap; }
.about-title {  width: 100%;display: flex; font-size: 3.8125rem; justify-content: center;align-items: center; padding-top: 7.25rem; padding-bottom: 4.375rem; }
.about-title h1 { font-size: 3.125rem; color: #333; font-weight: 300; }
.about-content p { margin-bottom: 1rem;}
.about-img { flex: 1 1 50%; margin: 0; }
.about-img img { width: 100%;}
.about-content .p-line { flex: 0 0 100%; display: flex; flex-wrap: wrap; height: fit-content; }
.about-content .p-line h4 { color: #808080; font-size: 1.2rem; flex: 0 0 100%; line-height: 1; margin: 0 0 1rem 0; text-align: left; height:fit-content ;  }
.about-content .p-line:last-child { margin-bottom: -3.3rem;}

.cq-full-win { background-color: #f5f7f9; width: 100%; }
.cq-container {  width: 75.5%; margin: 0 auto; display: block; border-radius: 15px; padding: 0rem 0 6.25rem 0; display: flex; flex-wrap: wrap; }
.cq-container .cq-card-title {  display: flex; justify-content: center; align-items: center; height: 17.5rem; }
.cq-container .row { justify-content: center; margin-left: -4.5px; margin-right: -4.5px;}
.cq-container .cq-card-title h4 { font-size: 4.25rem; color: #fe6f33; }
.cq-card-content p { text-align: center;}
.cq-container .container { margin: 0; padding: 0; max-width: 100%; width: 100%;}
.cq-container .cq-card { background-color: #fff; min-height: 28.3125rem; margin: 0 9px; border-radius: 25px; }
.cq-container p { font-size: 1.25rem; color: #808080; }
.cq-title { padding-top: 7.25rem; padding-bottom: 4.375rem; width: 100%;display: flex; font-size: 3.8125rem; justify-content: center;align-items: center; }
.cq-container .cq-title h1 { font-size: 3.125rem; color: #333; font-weight: 300; }
.cq-card-container { display: flex; flex-wrap: wrap; margin: 0; padding: 0; flex: 0 0 100%; }
.cq-card-container .col-md-4 { padding: 0;}

.gg-case-container { width: 75.5%; max-width: 100%; margin: 0 auto; padding: 7.25rem 0 0 0;display: flex; flex-wrap: wrap;}
.gg-case-title-container { margin-top: 0px; display: flex; flex: 0 0 100%; flex-wrap: wrap; align-items: center; margin-left: 0; margin-right: 0;  }
.gg-case-title-container h3 { color: #fe6f33; font-size: 2.8125rem; flex: 0 0 100%; text-align: center; margin-bottom: 1.2rem; }
.gg-case-title-container h1 { color: #000; font-size: 3.2rem; flex: 0 0 100%; text-align: center; height: unset; line-height: 1.2; display: flex; justify-content: center; align-items: center; padding-bottom: 1rem; }
.gg-case-title-container p { color: #000; font-size: 1.375rem; flex: 0 0 100%; text-align: center;  }
.gg-case-title-container p i.arrow-up { display: inline-block; width: 27px; height: 27px; background: url(/images/arrow-up.png);position: relative; top: 7px; left: 5px; }
.gg-case-list {  display: flex; flex-wrap: wrap; justify-content: flex-start; flex: 0 0 calc(100%);  }
.gg-case-item { flex: 0 0 33.33%; padding: 4.375rem 0.5625rem 0 0.5625rem; }
.gg-case-item > a { display: block; width: 100%; height: 100%; border-bottom: #e5e5e5 1px solid; padding-bottom: 1.75rem;   }
.gg-case-item .gg-case-img { width: 100%; overflow: hidden; border-radius: 15px; }
.gg-case-item .gg-case-img img { width: 100%;  transition: transform 0.3s ease;}
.gg-case-item .gg-case-content { display: flex; flex-wrap: wrap; }
.gg-case-item .gg-case-content .gg-case-tips { flex: 0 0 100%; height: 5rem; display: flex; align-items: center; }
.gg-case-item .gg-case-content .gg-case-tips .gg-case-tips-hy { color: #ff5c18; font-size: 1rem; }
.gg-case-item .gg-case-content .gg-case-tips .gg-case-tips-item { color: #6f7071; font-size: 1rem; }
.gg-case-item .gg-case-content h3 { color: #333; font-size: 1.375rem; }
.gg-case-item > a:hover { border-bottom: #ff5c18 1px solid; }
.gg-case-item > a:hover img { transform: scale(1.2); }
.gg-case-item > a:hover h3 { color: #ff5c18; }
.gg-case-item > a:hover h3 { color: #ff5c18; }

a:hover { color: #ff5c18;}
ul {padding: 0; margin: 0;}
/*
左点动态
**/
.news-container { margin: 0 4.16%;display: block;max-width: 100%;  padding: 7.25rem 0;display: flex; flex: 0 0 100%; flex-wrap: wrap; }
.news-container .news-title-container { margin-top: 0px; display: flex; flex-wrap: wrap; align-items: center; margin-left: -15px; margin-right: -15px;  flex: 0 0 100%;}
.news-container .news-title-container h1 { color: #000; font-size: 3.2rem; flex: 0 0 100%; text-align: center; display: flex; justify-content: center; align-items: center; }
.news-tab-container { flex: 0 0 100%; }
.tabs-title-container { display: flex; height: 8.125rem; justify-content: center; align-items: center; }
.nav-tabs {  justify-content: center; border: none; }
.nav-item { padding: 0 1.2rem; }
.nav-item a { font-size: 1.375rem; color: #000; border: none !important; }
.nav-item a.active,.nav-item a:hover { color: #ff5c18 !important; }
.news-item-container { display: flex; flex-wrap: wrap; overflow: hidden; }
.news-item-row { margin-left: -1.7%; margin-right: -1.7%; flex: 0 0 calc(100% + 3.4%); display: flex; flex-wrap: wrap; }
.news-item { flex: 0 0 33.33%; padding: 0 1.7%; }
.news-item .news-item-img { width: 100%; overflow: hidden; }
.news-item .news-item-img img { width: 100%; transition: transform 0.3s ease; }
.news-item .news-item-img img:hover { transform: scale(1.2); }
.news-item-content { background-color: #f5f7f9;  display: flex; flex-wrap: wrap; padding: 6%; }
.news-item-title { height: 5.3125rem; display: flex; justify-items: center; align-items: center; font-size: 2.125rem; color: #333; flex: 0 0 100%; }
.news-item-title h2{ font-size: 1.5rem; color: #333;  }
    
.news-item-memo { color: #525252; font-size: 1rem; text-align: left; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis; }
.news-item-bottom { display: flex; flex: 0 0 100%; margin-top: 4rem; }
.news-item-bottom .news-item-link { color: #ff5c18; font-size: 1rem; flex: 0 0 50%; text-align: left; }
.news-item-date { font-size: 19px; color: #525252;  flex: 0 0 50%; text-align: right;}
i.arrow-up { display: inline-block;width: 27px;height: 27px;background: url(/images/arrow-up.png);position: relative;top: 7px;left: 5px; }
.sub-news-item  { background-color: #f5f7f9; height: 100%; width: 100%; padding: 6.3% 5%; }
.sub-content-container {display: flex; flex-wrap: wrap; }

.sub-content-title-container { display: flex; justify-content: start; position: relative; flex: 0 0 100%; }
.sub-content-title-container h3 { color: #333; font-size: 1.425rem; flex: auto; text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; }
.sub-content-title-container span { color: #333; font-size: 1.0625rem; flex: none; }
.sub-content-memo { color: #525252; font-size: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;text-overflow: ellipsis; padding-top: .7rem; }
.sub-item-content ul { display: flex; flex-wrap: wrap; }
.sub-item-content ul li { flex: 0 0 100%; padding: 6.5% 0;}
.sub-item-bottom { display: flex; justify-content: end; padding-right: 1rem; }
.sub-item-bottom .news-item-link { color: #ff5c18; font-size: 1rem; flex: none; }
.sub-item-content ul li a:hover .sub-content-title-container h3, .sub-item-content ul li a:hover .sub-content-memo { color: #ff5c18; }

i { font-style: normal; } 
.number-section { display: flex; width: 100%; }
.number-step-container { width: 100%; background-color: #f5f7f9; padding: 11.25rem 0; display: flex; align-items: center;}
.number-list { max-width: 1435px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; flex: 0 0 75.5%;}
.number-list .number-item { flex: 0 0 33.33%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  }
.number-list .number-item h1 { font-family: 'SamsungSharpSansBold' !important; color: #ff5c18; font-size: 6.5625rem; line-height: 1; flex: 0 0 100%; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0;  }
.number-list .number-item h1 > span { font-size: 3.25rem; display: flex; align-items: center;}
.number-list .number-item i { font-size: 20px; color: #333; flex: 0 0 100%; text-align: center;}

.call-container { margin: 0 auto; display: flex; padding: 11.25rem 0; flex: 0 0 75.5%; }
.full-call-container { width: 100%; min-height: 580px; display: flex; }

.call-left { flex: 1 1 calc(100% - 27.9375rem); display: -webkit-flex; display: flex; flex-direction: column; }
.call-left h1 { font-size: 3.875rem; line-height: 5.2rem; color: #000; font-weight: 400; text-align: left; }
.call-left p { font-size:1.3125rem; color: #777; font-weight: 400; margin-top: 1.875rem; text-align: left; }
.call-left-ewms { -webkit-flex: 1; flex: 1; display: flex; position: relative; align-items: flex-end;  }
.call-left-ewms img { margin-right: 2.5rem; width: 115px; }
.call-left-ewms img:last-child { margin-right: 0;}
.call-contact { width: 27.9375rem; min-height: 34.6875rem; padding: 0 2.8125rem; border: #b4b4b4 1px solid; border-radius: 15px;}
.call-contact input,.call-contact textarea { width: 100%; border: 0;  outline: 0; overflow: hidden; resize:none; }
.call-contact input:focus { border: 0;}
.call-contact input::placeholder,.call-contact textarea::placeholder { color: #b4b4b4; }
.call-contact .frm-row { border-bottom: #b4b4b4 1px solid; padding-bottom: 1.25rem; padding-top: 2.8125rem; }
.submit-btn { width: 100%; height:2.8125rem ; border-radius: 25px; border: #b4b4b4 1px solid; background-color: transparent; cursor: pointer; }
.border-none { border: 0; border-bottom: 0 !important; }
.padtop75 { padding-top: 4.6875rem !important; }

footer { width: 100%; background-color: #f5f7f9; min-height: 300px; display:flex; }
.footer-container { max-width: 1435px;margin: 0 auto;display: flex; padding: 9.375rem 0 4.1875rem 0; flex: 0 0 75.5%; justify-content: center; flex-wrap: wrap; }
.footer-container .copy { color: #999; font-size: 1rem; flex: 0 0 100%; padding-top: 1.25rem; }
.footer-container .copy > a{ color: #999; font-size: 1rem;}
.footer-link-list-container { display: flex; justify-content: start; flex: 0 0 100%; flex-wrap: wrap;}
.footer-container .footer-link-list { display: flex; flex: 0 0 calc(100% - 22.5rem); padding-bottom: 6.4375rem; flex-wrap: wrap; }
.footer-logo { flex: 1; padding-right: 10rem; }
.footer-link-list .foot-link-item { flex: 0 0 16.666%; padding-left: 0; padding-right: 0; }
.foot-link-item > ol { list-style: none; padding: 0; }
.foot-link-item > ol > li { padding-bottom: 10px; text-align: left;}
.foot-link-item > ol > li > a { font-size:1.1rem ; color: #7f8080; text-align: center; }
.foot-link-item > ol > li > a:hover { color: #ff5c18;}
.ser-card-content ul > li > a:hover { color: #ff5c18; }
.foot-link-item > h3 { font-size: 1.6rem; padding-bottom: 2.1875rem ; margin-bottom: 0; text-align: left; }
.foot-link-bottom { flex: 0 0 100%; display: flex; flex-wrap: nowrap; }
.foot-link-bottom p { font-size: 1rem; color: #999; text-align: center;}
.foot-link-bottom .address { flex: 0 0 calc(100%); display: flex; justify-content: center; justify-content: left;
    flex-direction: row;  }
.foot-link-bottom .address > p { border-bottom: #ccc 1px solid; width: fit-content; flex: 1;
    text-align: left; margin-top: 0; }
.foot-link-bottom .icons-list { width: 110px; display: flex; align-items: center; }
.foot-link-bottom .icons-list .icon-item { flex: 0 0 33.3333%;}

.banner-area { width: 100%;}
.banner { max-width: 72.66%; margin: 0 auto; margin-top: 0rem ;}
.banner_item { margin-left: 0.3125rem; margin-right: 0.3125rem; border-radius: 1rem; position: relative;}
.banner_item img { border-radius: 1rem;}
.slick-list { overflow: unset;}
.banner--content { position: absolute; bottom: 15%; left: 0; }
* + .container { margin-top: 0px; }
.banner__single__content { visibility: hidden; opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.6s ease-in 0.2s; -o-transition: all 0.6s ease-in 0.2s; transition: all 0.6s ease-in 0.2s; }
.slick-active .banner__single__content { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.banner__single__content h5 { margin-bottom: 0; color: #fff; font-size: .925rem; text-align: left; }
.banner__single__content h1 { font-size: 2.65rem; line-height: 5.25rem; font-weight: 300; margin-bottom: 0px; color: #fff; text-align: left; }
.banner__single__content p { font-size: 1rem; margin-bottom: 0px; color: #ff5c18; text-align: left; }

.btn-type { border: 1px solid #a7a7a7; background-color: #ffffff; padding: .5rem 2rem; font-size: 1rem; border-radius: 1.75rem; margin:.5rem; }
.btn-type.active, .btn-type:hover { background-color: #ff5c18; color: #fff; border: none; }
.top-btn-container { max-width: 85%; padding: 5.25rem 0 0 0;}
.col-xl-12 { display: flex; justify-content: start; padding: 0; margin: 0; flex-wrap: wrap;}
.row { margin: 0; }

.tips-list { display: flex; flex: 0 0 100%; flex-wrap: wrap; z-index: 1; }
.tips-list > span { display: block; background-color: #f4f4f4; color: #666666; font-size: 0.8rem; border: none; height: 2rem; padding: .5rem 1.5rem; text-align: center; }
.tips-container { display: flex; flex: 0 0 100%; min-height: 7.1875rem;position: relative; padding-top: 1rem; }
.tips-desc { z-index: 2; position: absolute; width: 100%; left: 0; bottom: 0; height: 0;transition: all .3s; animation-fill-mode: forwards; opacity: 0; padding: 1.8rem 0; background-color: white;  }
.tips-desc > p { font-size: 1rem; text-align: left; color: #666; animation-fill-mode: forwards;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gg-case-item a:hover .tips-desc { height: 100%; opacity: 1;  }
.gg-case-item a:hover .tips-desc > p { height: fit-content; opacity: 1;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 4;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}


.gg-case-item a:hover .tips-list { visibility: hidden;}
.pagination-custom li a { min-width: unset; border: none; height: auto; font-size: 1.25rem; padding: 0  1rem; color: #a7a7a7; }
.pagination-custom li span { min-width: unset; border: none; height: auto; font-size: .9rem; padding: 0  1rem; color: #ccc; }
.pagination-custom li:first-child a, .pagination-custom li:last-child a { padding: .3rem; }
.pagination-custom li.active a, .pagination-custom li:hover a { background-color: unset; color: #ff5c18; cursor: pointer;  }
.pagination-custom li.disabled, .pagination-custom li.active { pointer-events: unset; }


@media only screen and (min-width: 310px) and (max-width: 768px) {
    .about-container .about-img { flex: 0 0 100%;}
    .about-container .about-content { flex: 0 0 95%;padding-top: 10.4rem;padding-left: 0;margin: 0 auto;}
    .about-content p { color: #808080; font-size: 1.3rem;line-height: 2.7rem;margin: 0 0 .9rem 0; text-align: center; }
    .about-list-container .service-title-container { flex: 0 0 100%; order: 1;}
    .about-list-container .about-card { flex: 0 0 100%; order: 2;}
}
#home-about-container .container { max-width: 91.6667%;}
@media only screen and (min-width: 310px) and (max-width: 1399px) {
    .cq-container { width: 95%;     padding: 0rem 0 12.5rem 0;}
    .gg-case-container { width: 95%; padding: 11rem 0 0 0; margin: 0 auto; }
    .cq-card-container .col-md-4 { padding-bottom: 2rem;}
    .about-container {margin: 0;max-width: 95%;border-radius: 15px;padding: 0rem 0 14rem 0;display: flex;flex-wrap: wrap;margin: 0 auto;}
    #home-about-container .container .about-list-container { max-width: 95%; flex: 0 0 90%; margin: 0 auto;  }
}
@media only screen and (min-width: 1200px) and (max-width: 1745px) {
    .service-title-container { flex: 0 1 34.0625rem; padding-left: 4.25rem; }
    .btn-call { left: 4.25rem;}
}
@media only screen and (min-width: 300px) and (max-width: 1200px) {
    .service-title-container { display: none;}
    .about-card { flex: 0 0 100%;}
    .about-card .col-xl-4 { flex: 0 0 33.333%;}
}
@media only screen and (min-width: 520px) and (max-width: 1024px) {
    .service-title-container { display: none;}
    .about-card { flex: 0 0 100%;}
    .about-card .col-xl-4 { flex: 0 0 50%;}
    .news-item.col-md6 { flex: 0 0 50%;}
    .news-item.col-md12 { flex: 0 0 100%; margin-top: 2rem;}
    .sub-item-content ul li {flex: 0 0 100%;padding: 2rem 3%; display: flex;}
    .sub-item-content ul li > a { flex: 0 0 100%;}
    .news-item.col-md12 .sub-news-item { padding: 6% 0;}
}
@media only screen and (min-width: 300px) and (max-width: 519px) {
    .about-card .col-xl-4 { flex: 0 0 75%;}
    .about-card .row { justify-content: center; }
    .service-sjch .ser-card-icon .icon1,.service-sjch .ser-card-icon .icon2 { left: 0;}
    #home-about-container .container .about-list-container { padding: 7.25rem 0; }
    #home-about-container { width: 95%; margin: 0 auto;}
    .about-container { padding-bottom: 7rem;}
    .news-item.col-md6 { flex: 0 0 100%; margin-bottom: 2rem;}
    .news-item.col-md12 { flex: 0 0 100%; margin-top: 0rem;}
    .sub-item-content ul li {flex: 0 0 100%;padding: 2rem 3%; display: flex;}
    .sub-item-content ul li > a { flex: 0 0 100%;}
    .news-item.col-md12 .sub-news-item { padding: 6% 0;}
    .foot-link-bottom { flex-wrap: wrap; }
    .foot-link-bottom .icons-list { flex: 0 0 100%; order: 1; padding-bottom: 1.5rem; justify-content: end;}
    .foot-link-bottom .address { flex: 0 0 100%; order: 2; padding-bottom: 1rem;}
    .foot-link-bottom .icons-list .icon-item { flex: unset;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .gg-case-item { flex: 0 0 50%;}
}
@media only screen and (min-width: 300px) and (max-width: 479px) { 
    .gg-case-title-container h1 { height: unset; font-size: 2.4rem;}
    .gg-case-title-container h3 { font-size: 2.4rem;}
    .gg-case-item { flex: 0 0 100%; padding-left: 0;padding-right: 0;}
    .gg-case-list { flex: 0 0 100%; margin-left: 0; margin-right: 0; margin: 0 auto;}
}
@media only screen and (min-width: 300px) and (max-width: 719px) { 
    .number-list { padding: 0 0;}
    .number-list .number-item { flex: 0 0 100%; display: flex; flex-wrap: wrap; padding: 4.25rem 0;}
}
@media only screen and (min-width: 1025px) and (max-width: 1700px) { 
    .call-container { flex: 0 0 75.5%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .call-container { padding-left: 7.25rem; padding-right: 7.25rem; flex: 0 0 100%;}
}
@media only screen and (min-width: 800px) and (max-width: 950px) { 
    .call-container { padding-left: 0; padding-right: 0; flex: 0 0 95%; margin: 0 auto; }
    .number-list { flex: 0 0 95%; }
}
@media only screen and (min-width: 300px) and (max-width: 799px) { 
    .call-left {flex: 0 0 95%; margin: 0 auto; order: 1; }
    .call-container { padding-left: 0; padding-right: 0; flex: 0 0 95%; margin: 0 auto; display: flex; flex-wrap: wrap; }
    .call-contact { flex: 0 0 95%; margin: 0 auto; order: 2; margin-top: 4.25rem; }
    .call-left-ewms { padding-top: 4.25rem; display: flex;justify-content: space-around;}
    .call-left-ewms img { margin-right: 0;}
    .number-list { flex: 0 0 95%; }
}
@media only screen and (min-width: 1025px) and (max-width: 1550px) { 
    .footer-container { flex: 0 0 75.5%; margin: 0 auto;}
}
@media only screen and (min-width: 920px) and (max-width: 1024px) { 
    .footer-container { flex: 0 0 85%; margin: 0 auto;}
    .footer-link-list .foot-link-item { flex: 0 0 25%; padding-bottom: 4rem; }
}
@media only screen and (min-width: 300px) and (max-width: 919px) { 
    .footer-logo { flex: 0 0 100%; display: flex; flex-wrap: wrap; padding-bottom: 4.25rem; }
    .footer-container .footer-link-list { flex: 0 0 100%; display: flex; margin: 0 auto; padding-bottom: 0;}
    
}
@media only screen and (min-width: 620px) and (max-width: 919px) { 
    .footer-container { flex: 0 0 85%; margin: 0 auto;}
    .footer-link-list .foot-link-item { flex: 0 0 33.33%; padding-bottom: 4rem; }
}
@media only screen and (min-width: 300px) and (max-width: 619px) { 
    .footer-container { flex: 0 0 85%; margin: 0 auto;}
    .footer-link-list .foot-link-item { flex: 0 0 50%; padding-bottom: 4rem; }
}
@media only screen and (min-width: 700px) and (max-width: 1024px) { 
    .banner__single__content h5 { font-size: .925rem; }
    .banner__single__content h1 { font-size: 2.25rem; line-height: 3.2rem;  }
    .banner__single__content p { font-size: 1rem; }
    .detail-container { flex: 0 0 95%; margin: 0 auto;}
    .detail-flag-container ol li { flex: 0 0 50%; max-width: 50%; padding-bottom: 1rem; }
}
@media only screen and (min-width: 300px) and (max-width: 799px) { 
    .banner__single__content h5 { font-size: .925rem; }
    .banner__single__content h1 { font-size: 1.25rem; line-height: 2rem;  }
    .banner__single__content p { font-size: 1rem; }
    .top-btn-container { max-width: 95%; padding: 3.25rem 0 0 0;}
    .btn-type { padding: .3rem 1.25rem;font-size: 1rem;border-radius: .7rem;margin: .25rem; }
    .detail-container { flex: 0 0 95%; margin: 0 auto;}
    .detail-flag-container ol li { flex: 0 0 50%; max-width: 50%; padding-bottom: 1rem; }
}
.pdb0 { padding-bottom: 0; }
.pdtb30 { padding: 30px 0; }
.full-img-container { width: 100%; max-width: 100%; margin: 0; padding: 0; }
.full-img-container img { width: 100%;}
.only-title { padding-bottom: 4.375rem;}
.only-title h3 { margin-bottom: 1.2rem;  }
.only-title h1 { height: unset;}
.pdtb85 { padding-top: 7.25rem; padding-bottom: 4.375rem;}
.pdb85 { padding-bottom: 5.3125rem; }
.pdt0 { padding-top: 0; }
.padbot54 { padding-bottom: 3.375rem !important; }
@media only screen and (min-width: 1050px) and (max-width: 1100px) {
    .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li {margin: 0 .7rem;padding: 1rem .7rem;}  
}
@media only screen and (min-width: 980px) and (max-width: 1049px) { 
    .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li {margin: 0 .5rem;padding: 1rem .5rem;}  
}
@media only screen and (min-width: 1120px) and (max-width: 1399px) { 
    .about-content .p-line h4 { font-size: 1.65rem;  }
}
@media only screen and (min-width: 1024px) and (max-width: 1119px) { 
    .about-content .p-line h4 { font-size: 1.4rem;  }
}
@media only screen and (min-width: 990px) and (max-width: 1023px) { 
    .about-content .p-line h4 { font-size: 1.3rem;  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) { 
    .about-content .p-line h4 { font-size: 1.1rem; margin: 0 0 0rem 0;  }
}
@media only screen and (min-width: 520px) and (max-width: 768px) { 
    .about-content .p-line h4 { font-size: 2rem; margin: 0 0 .5rem 0;  }
    .about-content .p-line { margin-bottom: 4rem;}
}
@media only screen and (min-width: 300px) and (max-width: 519px) { 
    .about-content .p-line { margin-bottom: 2.75rem;}
}

@media only screen and (min-width: 300px) and (max-width: 490px) { 
.about-container .about-content { padding-top: 4.5rem;}
}
.slick-arrow { font-family: '黑体', Helvetica‌ !important;}


#my-video { border: none !important; outline: none !important; object-fit: fill !important; mix-blend-mode:multiply;display:block;}
video:focus { outline: none !important; }
video::-webkit-media-controls-panel { border: none !important; outline: none !important; }
.video-section { display: flex; width: 100%; background-color: #fff; }
.video-container { flex: 0 0 34%; margin: 4.25rem auto;   border: none; background-color: #fff; position: relative; overflow: hidden;  }
.videobg {
   width: 100%; height: 100%; object-fit: cover; border: none !important; outline: none !important; }
.video-mask { position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.video-mask h1 {font-size: 3.875rem; flex: 0 0 100%;  }
.container-section { display: flex; width: 100%; }
.xh-dec-title { display: flex; flex: 0 0 60%; }
.xh-dec-title h1 { font-size: 3rem;text-align: left;align-items: end;justify-content: end; line-height: 1.3; text-align: left; }
.xh-dec-content { display: flex; flex: 0 0 40%; padding-left: 3.75rem; border-left: #ccc 1px solid; position: relative; line-height: 1.5;  }
.xh-dec-content > p { font-size: 1.375rem; color: #505050; text-align: left; }
.xh-dec-content > span { position: absolute; left: 3.75rem; bottom: 0; font-size: 1.375rem; color: #ff5c18;}
.xh-dec-container { padding: 9.375rem 0; display: flex; flex-wrap: wrap; flex: 0 0 75%; margin: 0 auto; }
.video-sub-mask { flex: 0 0 100%; height: fit-content; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.video-mask h5 {font-size: 2rem;flex: 0 0 100%; color: #fff; margin-top: 10px; }



[class*=animation-] {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
   }
   .animation-hover:not(:hover), .animation-hover:not(:hover) [class*=animation-], .touch .animation-hover:not(.hover), .touch .animation-hover:not(.hover) [class*=animation-] {
       -webkit-animation-name: none;
       -o-animation-name: none;
       animation-name: none;
   }
   .animation-reverse {
       -webkit-animation-timing-function: ease-in;
       -o-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
       -webkit-animation-direction: reverse;
       -o-animation-direction: reverse;
       animation-direction: reverse;
   }
   .animation-repeat {
       -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
   }
   .animation-fade {
       -webkit-animation-name: fade;
       -o-animation-name: fade;
       animation-name: fade;
       -webkit-animation-duration: .8s;
       -o-animation-duration: .8s;
       animation-duration: .8s;
       -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
       animation-timing-function: linear;
   }
   .animation-scale {
       -webkit-animation-name: scale-12;
       -o-animation-name: scale-12;
       animation-name: scale-12;
   }
   .animation-scale-up {
       -webkit-animation-name: fade-scale-02;
       -o-animation-name: fade-scale-02;
       animation-name: fade-scale-02;
   }
   .animation-scale-down {
       -webkit-animation-name: fade-scale-18;
       -o-animation-name: fade-scale-18;
       animation-name: fade-scale-18;
   }
   .animation-slide-top {
       -webkit-animation-name: slide-top;
       -o-animation-name: slide-top;
       animation-name: slide-top;
   }
   .animation-slide-bottom {
       -webkit-animation-name: slide-bottom;
       -o-animation-name: slide-bottom;
       animation-name: slide-bottom;
   }
   .animation-slide-left {
       -webkit-animation-name: slide-left;
       -o-animation-name: slide-left;
       animation-name: slide-left;
   }
   .animation-slide-right {
       -webkit-animation-name: slide-right;
       -o-animation-name: slide-right;
       animation-name: slide-right;
   }
   .animation-shake {
       -webkit-animation-name: shake;
       -o-animation-name: shake;
       animation-name: shake;
   }
   .animation-duration-10 {
       -webkit-animation-duration: 15s;
       -o-animation-duration: 15s;
       animation-duration: 15s;
   }
   .animation-duration-9 {
       -webkit-animation-duration: 9s;
       -o-animation-duration: 9s;
       animation-duration: 9s;
   }
   .animation-duration-8 {
       -webkit-animation-duration: 8s;
       -o-animation-duration: 8s;
       animation-duration: 8s;
   }
   .animation-duration-7 {
       -webkit-animation-duration: 7s;
       -o-animation-duration: 7s;
       animation-duration: 7s;
   }
   .animation-duration-6 {
       -webkit-animation-duration: 6s;
       -o-animation-duration: 6s;
       animation-duration: 6s;
   }
   .animation-duration-5 {
       -webkit-animation-duration: 5s;
       -o-animation-duration: 5s;
       animation-duration: 5s;
   }
   .animation-duration-4 {
       -webkit-animation-duration: 4s;
       -o-animation-duration: 4s;
       animation-duration: 4s;
   }
   .animation-duration-3 {
       -webkit-animation-duration: 3s;
       -o-animation-duration: 3s;
       animation-duration: 3s;
   }
   .animation-duration-2 {
       -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
       animation-duration: 2s;
   }
   .animation-duration-1 {
       -webkit-animation-duration: 1s;
       -o-animation-duration: 1s;
       animation-duration: 1s;
   }
   .animation-delay-100 {
       -webkit-animation-duration: 100ms;
       -o-animation-duration: 100ms;
       animation-duration: 100ms;
   }
   .animation-duration-250 {
       -webkit-animation-duration: 250ms;
       -o-animation-duration: 250ms;
       animation-duration: 250ms;
   }
   .animation-duration-300 {
       -webkit-animation-duration: 300ms;
       -o-animation-duration: 300ms;
       animation-duration: 300ms;
   }
   .animation-duration-500 {
       -webkit-animation-duration: 500ms;
       -o-animation-duration: 500ms;
       animation-duration: 500ms;
   }
   .animation-duration-750 {
       -webkit-animation-duration: 750ms;
       -o-animation-duration: 750ms;
       animation-duration: 750ms;
   }
   .animation-delay-1000 {
       -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
       animation-delay: 1s;
   }
   .animation-delay-900 {
       -webkit-animation-delay: 900ms;
       -o-animation-delay: 900ms;
       animation-delay: 900ms;
   }
   .animation-delay-800 {
       -webkit-animation-delay: 800ms;
       -o-animation-delay: 800ms;
       animation-delay: 800ms;
   }
   .animation-delay-700 {
       -webkit-animation-delay: 700ms;
       -o-animation-delay: 700ms;
       animation-delay: 700ms;
   }
   .animation-delay-600 {
       -webkit-animation-delay: 600ms;
       -o-animation-delay: 600ms;
       animation-delay: 600ms;
   }
   .animation-delay-500 {
       -webkit-animation-delay: 500ms;
       -o-animation-delay: 500ms;
       animation-delay: 500ms;
   }
   .animation-delay-400 {
       -webkit-animation-delay: 400ms;
       -o-animation-delay: 400ms;
       animation-delay: 400ms;
   }
   .animation-delay-300 {
       -webkit-animation-delay: 300ms;
       -o-animation-delay: 300ms;
       animation-delay: 300ms;
   }
   .animation-delay-200 {
       -webkit-animation-delay: 200ms;
       -o-animation-delay: 200ms;
       animation-delay: 200ms;
   }
   .animation-delay-100 {
       -webkit-animation-delay: 100ms;
       -o-animation-delay: 100ms;
       animation-delay: 100ms;
   }
   .animation-top-left {
       -webkit-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
       -o-transform-origin: 0 0;
       transform-origin: 0 0;
   }
   .animation-top-center {
       -webkit-transform-origin: 50% 0;
       -ms-transform-origin: 50% 0;
       -o-transform-origin: 50% 0;
       transform-origin: 50% 0;
   }
   .animation-top-right {
       -webkit-transform-origin: 100% 0;
       -ms-transform-origin: 100% 0;
       -o-transform-origin: 100% 0;
       transform-origin: 100% 0;
   }
   .animation-middle-left {
       -webkit-transform-origin: 0 50%;
       -ms-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
       transform-origin: 0 50%;
   }
   .animation-middle-right {
       -webkit-transform-origin: 100% 50%;
       -ms-transform-origin: 100% 50%;
       -o-transform-origin: 100% 50%;
       transform-origin: 100% 50%;
   }
   .animation-bottom-left {
       -webkit-transform-origin: 0 100%;
       -ms-transform-origin: 0 100%;
       -o-transform-origin: 0 100%;
       transform-origin: 0 100%;
   }
   .animation-bottom-center {
       -webkit-transform-origin: 50% 100%;
       -ms-transform-origin: 50% 100%;
       -o-transform-origin: 50% 100%;
       transform-origin: 50% 100%;
   }
   .animation-bottom-right {
       -webkit-transform-origin: 100% 100%;
       -ms-transform-origin: 100% 100%;
       -o-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
   }
   .animation-easing-easeInOut {
       -webkit-animation-timing-function: cubic-bezier(.42, 0, .58, 1);
       -o-animation-timing-function: cubic-bezier(.42, 0, .58, 1);
       animation-timing-function: cubic-bezier(.42, 0, .58, 1);
   }
   .animation-easing-easeInQuad {
       -webkit-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
       -o-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
       animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   }
   .animation-easing-easeInCubic {
       -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
       -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
       animation-timing-function: cubic-bezier(.55, .055, .675, .19);
   }
   .animation-easing-easeInQuart {
       -webkit-animation-timing-function: cubic-bezier(.895, .03, .685, .22);
       -o-animation-timing-function: cubic-bezier(.895, .03, .685, .22);
       animation-timing-function: cubic-bezier(.895, .03, .685, .22);
   }
   .animation-easing-easeInQuint {
       -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
       -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
       animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   }
   .animation-easing-easeInSine {
       -webkit-animation-timing-function: cubic-bezier(.47, 0, .745, .715);
       -o-animation-timing-function: cubic-bezier(.47, 0, .745, .715);
       animation-timing-function: cubic-bezier(.47, 0, .745, .715);
   }
   .animation-easing-easeInExpo {
       -webkit-animation-timing-function: cubic-bezier(.95, .05, .795, .035);
       -o-animation-timing-function: cubic-bezier(.95, .05, .795, .035);
       animation-timing-function: cubic-bezier(.95, .05, .795, .035);
   }
   .animation-easing-easeInCirc {
       -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
       -o-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
       animation-timing-function: cubic-bezier(.6, .04, .98, .335);
   }
   .animation-easing-easeInBack {
       -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
       -o-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
       animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
   }
   .animation-easing-eastOutQuad {
       -webkit-animation-timing-function: cubic-bezier(.25, .46, .45, .94);
       -o-animation-timing-function: cubic-bezier(.25, .46, .45, .94);
       animation-timing-function: cubic-bezier(.25, .46, .45, .94);
   }
   .animation-easing-easeOutCubic {
       -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
       -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
       animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   }
   .animation-easing-easeOutQuart {
       -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
       -o-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
       animation-timing-function: cubic-bezier(.165, .84, .44, 1);
   }
   .animation-easing-easeOutQuint {
       -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
       -o-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
       animation-timing-function: cubic-bezier(.23, 1, .32, 1);
   }
   .animation-easing-easeOutSine {
       -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
       -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
       animation-timing-function: cubic-bezier(.39, .575, .565, 1);
   }
   .animation-easing-easeOutExpo {
       -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
       -o-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
       animation-timing-function: cubic-bezier(.19, 1, .22, 1);
   }
   .animation-easing-easeOutCirc {
       -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
       -o-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
       animation-timing-function: cubic-bezier(.075, .82, .165, 1);
   }
   .animation-easing-easeOutBack {
       -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
       -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
       animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
   }
   .animation-easing-easeInOutQuad {
       -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955);
       -o-animation-timing-function: cubic-bezier(.455, .03, .515, .955);
       animation-timing-function: cubic-bezier(.455, .03, .515, .955);
   }
   .animation-easing-easeInOutCubic {
       -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
       -o-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
       animation-timing-function: cubic-bezier(.645, .045, .355, 1);
   }
   .animation-easing-easeInOutQuart {
       -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
       -o-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
       animation-timing-function: cubic-bezier(.77, 0, .175, 1);
   }
   .animation-easing-easeInOutQuint {
       -webkit-animation-timing-function: cubic-bezier(.86, 0, .07, 1);
       -o-animation-timing-function: cubic-bezier(.86, 0, .07, 1);
       animation-timing-function: cubic-bezier(.86, 0, .07, 1);
   }
   .animation-easing-easeInOutSine {
       -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95);
       -o-animation-timing-function: cubic-bezier(.445, .05, .55, .95);
       animation-timing-function: cubic-bezier(.445, .05, .55, .95);
   }
   .animation-easing-easeInOutExpo {
       -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
       -o-animation-timing-function: cubic-bezier(1, 0, 0, 1);
       animation-timing-function: cubic-bezier(1, 0, 0, 1);
   }
   .animation-easing-easeInOutCirc {
       -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
       -o-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
       animation-timing-function: cubic-bezier(.785, .135, .15, .86);
   }
   .animation-easing-easeInOutBack {
       -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
       -o-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
       animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
   }
   .animation-easing-easeInOutElastic {
       -webkit-animation-timing-function: cubic-bezier(1, -.56, 0, 1.455);
       -o-animation-timing-function: cubic-bezier(1, -.56, 0, 1.455);
       animation-timing-function: cubic-bezier(1, -.56, 0, 1.455);
   }
   @-webkit-keyframes fade {
    0% {
    opacity: 0;
   }
    100% {
    opacity: 1;
   }
   }
   @-o-keyframes fade {
    0% {
    opacity: 0;
   }
    100% {
    opacity: 1;
   }
   }
   @keyframes fade {
    0% {
    opacity: 0;
   }
    100% {
    opacity: 1;
   }
   }
   @-webkit-keyframes scale-12 {
    0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
   }
    100% {
    -webkit-transform: scale(1);
    transform: scale(1);
   }
   }
   @-o-keyframes scale-12 {
    0% {
    -o-transform: scale(1.2);
    transform: scale(1.2);
   }
    100% {
    -o-transform: scale(1);
    transform: scale(1);
   }
   }
   @keyframes scale-12 {
    0% {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
   }
    100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
   }
   }
   @-webkit-keyframes fade-scale-02 {
    0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2);
   }
    100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
   }
   }
   @-o-keyframes fade-scale-02 {
    0% {
    opacity: 0;
    -o-transform: scale(.2);
    transform: scale(.2);
   }
    100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
   }
   }
   @keyframes fade-scale-02 {
    0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2);
   }
    100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
   }
   }
   @-webkit-keyframes fade-scale-18 {
    0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
   }
    100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
   }
   }
   @-o-keyframes fade-scale-18 {
    0% {
    opacity: 0;
    -o-transform: scale(1.8);
    transform: scale(1.8);
   }
    100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
   }
   }
   @keyframes fade-scale-18 {
    0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
   }
    100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
   }
   }
   @-webkit-keyframes slide-top {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-o-keyframes slide-top {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @keyframes slide-top {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-webkit-keyframes slide-bottom {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-o-keyframes slide-bottom {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @keyframes slide-bottom {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-webkit-keyframes slide-left {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-o-keyframes slide-left {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @keyframes slide-left {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-webkit-keyframes slide-right {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-o-keyframes slide-right {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @keyframes slide-right {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
   }
    100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
   }
   }
   @-webkit-keyframes shake {
    0%,  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
   }
    10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
   }
    20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
   }
    30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
   }
    40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
   }
    50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
   }
    60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
   }
    70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
   }
    80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
   }
    90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
   }
   }
   @-o-keyframes shake {
    0%,  100% {
    -o-transform: translateX(0);
    transform: translateX(0);
   }
    10% {
    -o-transform: translateX(-9px);
    transform: translateX(-9px);
   }
    20% {
    -o-transform: translateX(8px);
    transform: translateX(8px);
   }
    30% {
    -o-transform: translateX(-7px);
    transform: translateX(-7px);
   }
    40% {
    -o-transform: translateX(6px);
    transform: translateX(6px);
   }
    50% {
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
   }
    60% {
    -o-transform: translateX(4px);
    transform: translateX(4px);
   }
    70% {
    -o-transform: translateX(-3px);
    transform: translateX(-3px);
   }
    80% {
    -o-transform: translateX(2px);
    transform: translateX(2px);
   }
    90% {
    -o-transform: translateX(-1px);
    transform: translateX(-1px);
   }
   }
   @keyframes shake {
    0%,  100% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
   }
    10% {
    -webkit-transform: translateX(-9px);
    -o-transform: translateX(-9px);
    transform: translateX(-9px);
   }
    20% {
    -webkit-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
   }
    30% {
    -webkit-transform: translateX(-7px);
    -o-transform: translateX(-7px);
    transform: translateX(-7px);
   }
    40% {
    -webkit-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);
   }
    50% {
    -webkit-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
   }
    60% {
    -webkit-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
   }
    70% {
    -webkit-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px);
   }
    80% {
    -webkit-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
   }
    90% {
    -webkit-transform: translateX(-1px);
    -o-transform: translateX(-1px);
    transform: translateX(-1px);
   }
   }
   .counter-plus::after { content: '+';  font-size: 3.25rem; margin-left: 5px; font-weight: 400; font-family: 'puhui' !important;}
   .counter-year::after { content: '年'; font-size: 3.25rem; margin-left: 5px; font-weight: 400; font-family: 'puhui' !important;}

@supports (-webkit-touch-callout: none) {
    /* 这是一个用于检测Safari的CSS特性查询 */
    .slick-arrow {
        font-family: unset !important;
    }
}

.sub-item-content ul li > a { width: 100%; line-height: 1; }

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .video-container { flex: 0 0 80%; }
    #home-about-container .container .about-list-container { background-color: unset; }
    .ser-card-icon { display: none; }
    .about-card .col-xl-4 { flex: 0 0 50%; }
    .ser-card-content,.service-syps .ser-card-content,.service-nrkf .ser-card-content,.service-ggp .ser-card-content,
    .service-nrkf .ser-card-content ,.service-sjch .ser-card-content , .service-aicz .ser-card-content
    { flex: 0 0 100%; }
    .ser-card-content h5 { text-align: center; }
    .ser-card-content ul li { text-align: center; }
    #home-about-container .container .about-list-container {
        padding: 4.25rem 0 2rem 0;
    }
    .about-container { width: 95%; }
    .cq-container {
        width: 95%;
        padding: 0 0 4.25rem 0;
    }
    .gg-case-container {
        width: 95%;
        padding: 4.25rem 0 0 0;
        margin: 0 auto;
    }
    .pdtb85 {
        padding-top: 4.25rem;
        padding-bottom: 4.375rem;
    }
    .news-container {
        margin: 0 4.16%;
        display: block;
        max-width: 100%;
        padding: 4.25rem 0;
        display: flex;
        flex: 0 0 100%;
        flex-wrap: wrap;
    }
    .number-step-container { padding: 4.25rem 0; }
    .foot-link-item > h3, .foot-link-item > ol > li { text-align: center; }
    .call-container { padding: 4.25rem 0;}
    .footer-container {     padding: 4.375rem 0 4.1875rem 0; }
    .about-content .p-line h4 { text-align: center; }
    .foot-link-bottom .address { flex-direction: column; }
    .foot-link-bottom .address > p {
        width: 100%;
        padding: 10px;
        font-size: 1.2rem;
    }
}