@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.act,.image-container img,.fixtop,.fixtop .navpc li a.a:before,.home-four li .left img,.home-product dd .pic img,.home-more h2 p,.home-five li .pic,.home-five li .icon img,.home-five li .title,.home-five li .gs,.home-five li,.home-five li:after,.home-five li .more,.home-customer .swiper-slide .icon,.home-customer .swiper-slide .in,.home-customer .swiper-slide .area,.social li a img,.culture li .icon img,.about-value .home-five li .icon img,.product dd,.product-tech .row,.product-service li div.icon img,.value-5 li,.value-5 li .show,.value-5 li .over-show,.suyuan li .pic img,.suyuan li:before,.join-hezuo li,.join-hezuo li .pic,.join-hezuo li .show div.icon,.join-hezuo li .show .subtitle,.join-hezuo li .show .title,.join-hezuo li .show .content,.join-hezuo li .show .home-more a font,.join-hezuo li .show .home-more,.join-hezuo li.active .show,.join-adv li,.join-adv li .pic img,.join-case .col .tubiao:before,.join-case .col .tubiao:after,.join-case .col,.join-case .col .text,.join-case .col .pic img,.news-tj .swiper-slide .pic img,p.line i,.news .item .pic img,.news .item,.news-right li .pic img,.news-right li,.prevnext a.back:before,.prevnext a.back:after,.service-teacher li .pic img,.service-teacher li,.closevideo,.nav-buttons .nav-btn,.modal,.accordionservice li .subject,.accordionservice li .link span,.accordionservice li,.contact li .icon img,.new_telst li img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-product dd:hover .pic img,.suyuan li:hover .pic img,.news-tj .swiper-slide .pic:hover img,.news .item:hover .pic img,.news-right li:hover .pic img,.service-teacher li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.home-product dd,.home-five li,.culture li,.history .swiper-slide .in .area .text,.product-tech .row,.value-5 li,.suyuan li,.join-adv li,.message li textarea,.message li input[type="text"],.modal-content,.message li select
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-four li:hover .left img,.culture li:hover .icon img,.about-value .home-five li:hover .icon img,.product-service li:hover div.icon img,.join-adv li:Hover .pic img,.contact li:Hover .icon img
{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:18px;color:#666;font-weight:300;}a {color:#666}b,strong {font-weight:700;}
a:hover,.home-product dd:hover .text .title a,.news-tj .swiper-slide .text .title a:hover,.news .item:hover .text .title a,.news-right li:hover .text .title a,.news-right li,.prevnext a:hover,.new-wrap .www a:hover{color:#ea5715}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 20px;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.average {display:flex;}.average .col {flex: 1;}
.both-end{display:flex;justify-content:space-between;}
.logo-for-baidu {position: absolute;left:-5000px;top:-5000px}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#eee}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;transition-duration:.5s;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#ea5715; background: #ea5715} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ea5715;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

::selection {background:#ea5715;color:#ffffff;}
::-moz-selection {background:#ea5715;color:#ffffff;}
::-webkit-selection {background:#ea5715;color:#ffffff; }
.wrap {margin:0 auto;max-width:1600px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:99px; background:rgba(168,12,15,0);border-bottom:1px solid rgba(255,255,255,0.3)}
.fixtop .logo { position: absolute;left:0;top:32px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat left bottom;width:188px;height:30px; background-size:100%; display: block; position: relative}
.fixtop .navpc { text-align:right;}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 50px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:100px; line-height:100px;font-size:18px;color:#fff; position: relative;}
.fixtop .navpc li a.a:after {content: "\e87e";position: absolute;right:-16px;top:47px;font-size:10px; line-height: 1;font-family: "iconfont" !important;}
.fixtop .navpc li a.a:before {opacity:0;content: "\e654";position: absolute;left:50%;margin-left:-15px;bottom:-10px;font-size:30px; line-height: 1;font-family: "iconfont" !important;
transform: rotate(-180deg);-ms-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);}
.fixtop .navpc li:first-of-type a.a:after {display:none;}
.fixtop .navpc li:hover a.a:before,.fixtop .navpc li.active a.a:before,.fixtop ul.navpc li:Hover>a.a:before {opacity:1}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:150px;margin-left:-75px;top:100px;display:none;background:rgba(255,255,255,1); text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.15); padding:20px 0}
.fixtop .navpc li .list dd {margin:5px 0;padding:0}
.fixtop .navpc li .list dd a {font-size:18px; line-height: 26px;display:inline-block;}

.fixtop.active,.fixtop-no {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);border-color:#fff;}
.fixtop.active .navpc li a.a,.fixtop-no .navpc li a.a {color:#666}
.fixtop.active .navpc li a.a:before,.fixtop-no .navpc li a.a:before {bottom:-11px}
.fixtop.active .navpc li:hover a.a,.fixtop.active .navpc li.active a.a,.fixtop.active ul.navpc li>a.a:before,
.fixtop-no .navpc li:hover a.a,.fixtop-no .navpc li.active a.a,.fixtop-no ul.navpc li>a.a:before{color:#ea5715}

.indpics .swiper-slide { position:relative;overflow: hidden;height:100vh;}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
.indpics .swiper-slide .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200;}
.indpics .swiper-slide .text .wrap {height:100%;}
.indpics .swiper-slide .text .in {display:flex;align-items:left;justify-content: center;color:#fff; flex-direction: column;height:100%; text-align:left}
.indpics .swiper-slide .text .icon {background: url("../images/tubiao.png") no-repeat center;width:45px;height:45px; background-size:100%;margin:50px 0 3.2% 0}
.indpics .swiper-slide .text .title {font-size:60px; line-height: 1.4;font-weight:700; }
.indpics .swiper-slide .text .subtitle {font-size:25px;line-height: 1.6; letter-spacing:1px;margin:10px 0 0 0}
.indpics .swiper-slide .text .content {font-size:18px; line-height: 1.4;margin:9.5% 0 0 0;font-family: 'Poppins';color:#ccc;}

.indpics .swiper-button-next,.swiper-button-prev {top:auto;bottom:30px;margin-top:0;}
.indpics .swiper-button-prev {left:auto;right:75px;}
.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {bottom:40px; text-align: left}
.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px 0 0}

.top-pic {padding:18.2291% 0; position:relative;left:0;top:0;width:100%; z-index: 1;}
.top-pic:after {content:''; position: absolute;left:0;bottom:0; background: url("../images/top-bg-logo.png") no-repeat center; background-size:100%;width:37.6042vw;height:8.0729vw; z-index: 1}
.top-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%; z-index: 1; overflow: hidden}
.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 6s 0s ease both infinite;-moz-animation: minus 6s 0s ease both infinite;animation: minus 6s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.top-pic .text {position:absolute;left:0;top:0;width:100%; height:100%; z-index: 200; }
.top-pic .text .wrap {display: flex; align-content: left; justify-content: center;flex-direction: column;height:100%; z-index: 100}
.top-pic .text .subject { position: relative;padding:0 0 0 48px; color:#000; text-shadow:1px 0 0 rgba(255,255,255,0.5), -1px 0 0 rgba(255,255,255,0.5), 0 1px 0 rgba(255,255,255,0.5),  0 -1px 0 rgba(255,255,255,0.5);text-transform: uppercase;font-weight:700;font-size:36px; line-height: 1; letter-spacing: 2px}
.top-pic .text .subject:before {content:''; width:32px;height:32px; background: url("../images/top-icon.png") no-repeat center; background-size:100%; position: absolute;left:0;top:3px;}
.top-pic .text .title {font-size:48px; line-height: 1.4;font-weight:700;color:#fff;margin:100px 0 25px 0; letter-spacing: 1px}
.top-pic .text .content {color:rgba(255,255,255,0.7);font-size:24px;line-height: 1.6;}

.home-four {margin:65px 0}
.home-four ul {display:flex;justify-content: space-between}
.home-four li { background: url("../images/index-four.png") no-repeat center;width:360px;height:217px; background-size:cover; position: relative}
.home-four li .left {text-align: center; position: absolute;left:0;top:0;width:110px;height:100%}
.home-four li .left img {max-width:61px;margin:30px auto 0 auto}
.home-four li .right {height:100%;margin:0 0 0 110px;padding:0 20px 0 35px;display:flex;align-items:left;justify-content: center;flex-direction: column}
.home-four li .right .title {height:50px; line-height: 50px; overflow: hidden;font-size:36px;color:#ea5715;font-weight:700}
.home-four li .right .subtitle {height:64px; line-height: 32px; overflow: hidden;font-size:24px;margin:10px 0 25px 0}
.home-four li .right .content {height:38px; line-height: 19px; overflow: hidden;color:#d9d5d4;font-size:14px;font-family: 'Poppins';font-weight:400;}

#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.home-video { background:url("../images/bg.jpg") center;padding:100px 0;}
.home-video .icon {text-align:center;padding:0 8px;margin:0 0 45px 0}
.home-video .videos,.home-video .videos video {border-radius:10px;}
.home-video #myvideo {height:680px}

.home-subject {text-align: center;}
.home-subject .subject-title {color:#000;font-size:60px; line-height: 70px;font-weight:700;}
.home-subject .subject-title font {color:#ea5715}
.home-subject .subject-title-48 {font-size:48px; line-height: 58px;}
.home-subject .subject-content {font-size:24px;color:#333; line-height: 1.6;margin:25px 0 65px 0}
.home-product {padding:75px 0 70px 0}
.home-product dl {display:flex;gap:40px;flex-wrap: wrap;}
.home-product dd {position: relative; background: #fff;width:calc(50% - 20px);width:-webkit-calc(50% - 20px);border:1px solid #ea5715;border-radius:10px}
.home-product dd .pic {position: relative; overflow: hidden;padding:25.5555% 0;border-radius:10px; z-index:10}
.home-product dd .text {padding:35px 35px 30px 40px;position: relative;}
.home-product dd .text:before {content:'';position: absolute;right:30px;top:-35px; z-index: 1; background: url("../images/icon-red-big.png") no-repeat center;background-size:cover;width:145px;height:145px;}
.home-product dd .text .title {height:40px; line-height: 40px; overflow: hidden;}
.home-product dd .text .title a {font-size:30px;font-weight:500;color:#000}
.home-product dd .text .subtitle {height:40px; line-height: 40px; overflow: hidden;color:#333;margin:10px 0 35px 0}
.home-product dd .text .price {color:#ea5715;}
.home-product dd .text .price span {font-family: 'Poppins';font-size:14px;display:inline-block;vertical-align: top;margin:5px 0 0 0}
.home-product dd .text .price font {font-size:30px; line-height: 1;font-weight:500}
.home-product dd .text .home-more {position: absolute;right:35px;bottom:18px}

.product {padding:40px 0}
.product dd {border:0;box-shadow:0 0 15px rgba(0,0,0,0.05)}
.product dd .pic {padding:27.9329% 0;}
.product dd .text {padding-top:35px;padding-bottom:40px;}
.product dd .text:before {right:20px;top:-65px; width:200px;height:200px;opacity:0.8}
.product dd .text .title a {font-weight:700}
.product dd .text .subtitle {height:auto; line-height: 28px;margin:15px 0 40px 0}
.product dd .text .home-more {bottom:26px;right:40px}
.product dd:hover {box-shadow:0 0 15px rgba(0,0,0,0.15)}

.home-more {display:inline-block}
.home-more a {color:#ea5715;font-size:16px;display:flex;}
.home-more a font {margin:12px 12px 0 0}
.home-more h2 {border:1px dotted #ea5715;width:58px;height:58px;border-radius:50%;display:flex;align-items: center;justify-content: center;}
.home-more h2 p {border:1px solid #ea5715;width:40px;height:40px; line-height:38px; border-radius:50%;margin:0 auto;text-align: center}
.home-more h2 p span {font-size:25px; line-height: 1}
.home-more a:hover h2 p {background: #ea5715;color:#fff}
.home-more.white a {color:#fff}
.home-more.white h2 {border-color:#fff;}
.home-more.white h2 p {border-color:#fff;}
.home-more.white a:hover h2 p {background: #fff;color:#ea5715;}

.home-product .swiper-button-next,.home-product .swiper-button-prev {top:auto;bottom:-15px;width:auto;height:auto;margin-top:0;border-radius:0;display:inline-block;align-items:center;justify-content:center;text-align:center;}
.home-product .swiper-button-next:after,.home-product .swiper-button-prev:after {content:"\e68b";border:0; color:#ccc;font-size:20px;width:auto;height:auto;line-height:auto; border-radius:0;}
.home-product .swiper-button-next:Hover,.home-product .swiper-button-prev:hover {background: none;}
.home-product .swiper-button-next:hover:after,.home-product .swiper-button-prev:hover:after{color:#ea5715;background:none;}
.home-product .swiper-button-prev {left:50%;margin-left:-180px;}
.home-product .swiper-button-next{right:50%;margin-right:-180px}

.home-product .swiper-container {padding-bottom:80px}
.home-product .swiper-horizontal>.swiper-pagination-bullets,.home-product .swiper-pagination-bullets.swiper-pagination-horizontal,.home-product .swiper-pagination-custom,.home-product .swiper-pagination-fraction {bottom:0;}
.home-product .swiper-pagination-bullet {width:80px;height:1px;background:#ccc;border-radius:0;}
.home-product .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.home-product .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.home-product .swiper-pagination-bullet-active,.home-product .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.home-product .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {width:80px;border-radius:0}
.trademarkclick { cursor: pointer}

.namemj {position: absolute;top:-100px}
.designlayer {position:fixed;left:50%;top:50%;width:519px;margin-left:-260px;height:700px;margin-top:-350px; z-index: 9999999; background: url("../images/overlayer.png") no-repeat center; display:none; text-align: center; background-size:100%}
.designlayer span.iconfont {position:absolute;right:6px;top:1px; background: #ea5715; font-size:16px;font-weight:700; cursor: pointer;color:#fff;border-radius:50%;width:28px;padding:0 0 0 2px;height:30px; line-height:30px;}
.designlayer .logo img {width:305px;margin:55px 0 13px 0}
.designlayer .wx img {width:245px;margin:72px 0 0 0}
.designlayer .title {font-size:14px;width:233px;margin:0 auto}
.designlayer .title p {font-size:18px; background: #ea5715;height:35px; line-height: 33px;border-radius:35px;color:#fff;font-weight:700;margin:20px 0 5px 0}

.home-five {background: url("../images/bg.jpg") center;padding:80px 0 100px 0}
.home-five ul {display:flex;box-shadow:0 5px 10px rgba(0,0,0,0.05)}
.home-five li {flex:1;position: relative;background: #fff;border-right:1px solid #ece5d5}
.home-five li:before {content:'';position: absolute;right:0;bottom:0; z-index:1; background: url("../images/five-bg.png") no-repeat center;width:208px;height:253px;background-size:100%;opacity:0.2}
.home-five li:after {content:'';position: absolute;left:12%;top:6%; z-index:110; background:rgba(255,255,255,0.7);width:1px;height:0;margin-left:90px}
.home-five li:last-of-type{border-width:0}
.home-five li .icon { position: absolute;left:12%;top:7%; z-index: 100;margin-left:-5px}
.home-five li .icon img {height:65px}
.home-five li .icon-white img{-webkit-filter: brightness(100);filter: brightness(100);opacity:0}
.home-five li .title { position: absolute;left:12%;top:7%; z-index: 100;color:#ea5715;width:40px; font-size:32px;line-height: 37px; font-weight:700;margin:95px 0 0 10px}
.home-five li .gs { position: absolute;left:12%;bottom:6%;height:94%;line-height: 23px;writing-mode: vertical-rl; z-index: 70;display:flex;align-items:flex-end;justify-content:flex-end;}
.home-five li .more { position: absolute;right:12%;bottom:6%;z-index: 100;opacity:0}
.home-five li .more a {width:70px;height:70px;border-radius:50%;border:1px solid #fff;display:block}
.home-five li .more a span {display:block;margin:0 0 0 12px;color:#fff;font-size:30px; line-height: 64px;}
.home-five li .pic { padding:85.9375% 0; position: relative;opacity:0}
.home-five li .pic:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(255,85,0,0.85); z-index: 60}
.home-five li.active {box-shadow:0 10px 20px rgba(255,85,0,0.5); z-index: 1000;}
.home-five li.active:after {height:88%}
.home-five li.active .icon img{opacity:0}
.home-five li.active .icon-white img{opacity:1}
.home-five li.active .pic {opacity:1;}
.home-five li.active .title,.home-five li.active .gs {color:#fff}
.home-five li.active .more {opacity:1}

.home-part {margin:80px 0 100px 0}
.home-part img {height:100px}
.home-part .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;}
.home-part .home-subject {margin-bottom:100px}
.home-line {border-top:2px dashed #ddd;}
.home-customer {padding:80px 0 100px 0}
.home-customer .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;}
.home-customer .swiper-slide .in {border:1px solid transparent;border-radius:20px;padding:35px 0 20px 0}
.home-customer .swiper-slide .icon {width:45px;height:45px;background-size:100%; background: url("../images/home-customer-icon.png") no-repeat center;margin:0 0 0 25px;opacity:0}
.home-customer .swiper-slide .area { background: #fef9f0;border-radius:20px; text-align: left;padding:30px 25px}
.home-customer .swiper-slide .content {font-size:16px;color:#333; line-height: 1.7;min-height:90px;margin:0 0 20px 0}
.home-customer .swiper-slide .row {display:flex;align-items: flex-start;justify-content:flex-start;}
.home-customer .swiper-slide .row .person {width:80px;height:80px;position: relative;border-radius:50%}
.home-customer .swiper-slide .row .person img {border-radius:50%}
.home-customer .swiper-slide .row .text { text-align: left;margin:6px 0 0 20px}
.home-customer .swiper-slide .row .text .title {color:#000;font-weight:500;}
.home-customer .swiper-slide .row .text .star {color:#ea5715;font-size:20px; line-height: 1;font-weight:500}
.home-customer .swiper-slide-active .in {border-color:#ea5715;}
.home-customer .swiper-slide-active .area { background: #fff}
.home-customer .swiper-slide-active .icon {opacity:1}
.home-customer .swiper-container{padding:0 0 70px 0}
.home-customer .swiper-horizontal>.swiper-pagination-bullets,.home-customer .swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:0px;}
.home-customer .swiper-pagination-bullet {background:rgba(0,0,0,0.2);}

.about .subject {border-bottom:2px dashed #ddd;display:flex;justify-content: space-between;padding:90px 0 85px 0;margin:0 0 85px 0}
.about .subject .title {color:#fff; text-shadow:1px 0 0 #666, -1px 0 0 #666, 0 1px 0 #666,  0 -1px 0 #666;font-size:43px; line-height: 1.4;font-weight:700;width:46%}
.about .subject .logo {width:46%}
.about .subject .logo img {width:100%}
.about .content {margin:0 0 290px 0}
.about .content td {width:46.5%;padding:0 3.5% 0 0; vertical-align: top;}
.about .content td:nth-child(2) {padding:0 0 0 3.5%}
.culture {background: url("../images/bg.jpg") center;padding:0 0 100px 0}
.culture .about-pic img {width:100%;margin-top:-180px}
.culture ul {display:flex;gap:44px;flex-wrap: wrap;margin-top:44px}
.culture li {width:calc(50% - 22px);width:-webkit-calc(50% - 22px); background: #fff;padding:35px 55px 40px 55px; position: relative}
.culture li .icon {width:100px; position: relative; z-index: 10}
.culture li .title {font-size:36px; line-height: 1.4;font-weight:700;color:#000;margin:50px 0 20px 0;position: relative; z-index: 10}
.culture li .content {font-size:24px; line-height: 1.6;position: relative; z-index: 10}
.culture li .bg {position: absolute;right:0;top:0;height:100%;width:100%; z-index: 1; text-align: right}
.culture li .bg img {height:100%;width:auto;margin:0 0 0 auto} 
.about-bg {background: url("../images/bg.jpg") center}

.about-value{position: relative;padding:70px 0 0 0}
.about-value:before {content:''; position: absolute;left:0;top:0;width:100%;height:500px; background: #ea5715; z-index: 1}
.about-value .subject {position:relative; z-index: 10;}
.about-value .subject img {width:100%}
.about-value .subject h2 {color:#fff;font-size:60px; letter-spacing: 2px; line-height: 1; position: absolute;left:0;top:0;width:100%;height:100%;text-align: center;display:flex;align-items:center;justify-content: center;}
.about-value .home-five {position:relative;z-index: 10; background: none;padding:0 0 80px 0;margin-top:70px}
.about-value .home-five ul {border-radius:10px}
.about-value .home-five li {height:600px;border:0;box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15)}
.about-value .home-five li:first-of-type {border-top-left-radius:10px;border-bottom-left-radius:10px;}
.about-value .home-five li:last-of-type {border-top-right-radius:10px;border-bottom-right-radius:10px;}
.about-value .home-five li:last-of-type {box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0)}
.about-value .home-five li:after {display:none;}
.about-value .home-five li .title {margin-left:12px}
.about-value .home-five li .icon {margin-left:0}
.about-value .home-five li .icon img {height:60px}
.about-value .home-five li .gs {margin-left:7px}

.history {padding:10px 0 120px 0}
.history .list,.history .swiper-slide .in .area .pic {position: relative;height:465px}
.history .list:before {content:'';position: absolute;right:90px;top:0;width:1px;height:100%; background: rgba(234,87,21,0.3)}
.history .list:after {content:'';position: absolute;right:0;top:50%;background:url("../images/history-warning.png") no-repeat center;width:17px;height:190px;margin-top:-95px;}
.history .swiper-container {width: 100%;height: 100%;}
.history .swiper-slide .in {padding:0 90px 0 0; position: relative;}
.history .swiper-slide .in .area {margin:0 310px 0 0; position: relative; text-align: right;}
.history .swiper-slide .in .area .text {position: absolute;left:0;top:0;width:36%;height:100%; background: #fff;border-top-left-radius:10px;border-bottom-left-radius:10px; text-align: left;padding:60px 45px 0 45px}
.history .swiper-slide .in .area .text:before {content:'';position: absolute;  z-index: 1; left:45px;bottom:0; background: url("../images/history-icon.png") no-repeat center;;width:215px;height:140px; background-size:100%}
.history .swiper-slide .in .area .text .title {font-size:30px; line-height: 1.4;font-weight:700;color:#ea5715;margin:0 0 30px 0}
.history .swiper-slide .in .area .text .content {font-size:30px;color:#333; line-height: 1.5; position: relative; z-index: 100}
.history .swiper-slide .in .area .pic {width:64%;margin:0 0 0 auto; position: relative;}
.history .swiper-slide .in .area .pic img {border-top-right-radius:10px;border-bottom-right-radius:10px; }
.history .swiper-slide .in .year {position: absolute;right:90px;top:0;width:310px;height:100%;display:flex;align-items: center;justify-content: center;}
.history .swiper-slide .in .year h2 {background: url("../images/history-circle.png") no-repeat center;width:162px;height:162px;margin:0 -50px 0 0}
.history .swiper-slide .in .year h2 p {position: relative; z-index: 10;left:-50px;color:#ea5715;font-weight:700;font-size:85px;line-height: 162px;font-family: 'NimbusSanTCon';}

.history .swiper-pagination-vertical.swiper-pagination-bullets,.history .swiper-vertical>.swiper-pagination-bullets{right:89px;}
.history .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.history .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0}
.history .swiper-pagination-bullet {width:3px;height:3px;background:rgba(234,87,20,1);border-radius:0;}
.history .swiper-pagination-bullet-active,.history .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.history .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#ea5715;width:3px;height:45px;border-radius:0}
.product-bg {position: relative;}
.product-bg:before {content:''; position: absolute;left:0;top:0;width:100%;height:640px; background: #fff; z-index: 1}
.product-bg.height-450:before {height:450px}
.product-bg .wrap { z-index: 10}
.product-first {padding:95px 0 0 0}
.product-first .row {background: #ea5715;color:#fff;border-radius:10px;padding:20px 70px 0 70px;display:flex;justify-content: space-between;align-items: center; position: relative}
.product-first .row:before {content:''; position: absolute;left:0;bottom:0; background: url("../images/pro-num-icon.png") no-repeat center; background-size:100%; z-index: 1; width:684px;height:165px;}
.product-first .row .text {width:49%; position: relative; z-index: 10;padding:30px 0 40px 0}
.product-first .row .text .title {font-size:36px; line-height: 46px;font-weight:700;margin:40px 0 0 0}
.product-first .row .text .subtitle {font-size:22px;font-weight:400; line-height: 1.6;margin:15px 0 30px 0;}
.product-first .row .text .content {color:rgba(255,255,255,0.8);margin:0 0 60px 0}
.product-first .row .pic {width:51%;text-align: center}

.product-tech {padding:0; position: relative}
.product-tech .row { position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: none;}
.product-tech .row:before {display:none;}
.product-tech .row .text {padding-top:0}
.product-tech .pic { position: relative;padding:0;height:650px}
.product-tech .pic img {border-radius:10px}

.product-service {padding:80px 0 100px 0; position: relative}
.product-service ul {display:flex;box-shadow:0 5px 10px rgba(0,0,0,0.05)}
.product-service li {flex:1;position: relative;background: #fff;box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);height:490px}
.product-service li:before {content:'';position: absolute;right:0;top:0; z-index:1; background: url("../images/pro-three-up.png") no-repeat center;width:209px;height:226px;background-size:100%;}
.product-service li:after {content:'';position: absolute;right:0;bottom:0; z-index:1; background:url("../images/pro-three-down.png") no-repeat center; background-size:100%; width:309px;height:66px;}
.product-service li:first-of-type{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.product-service li:last-of-type{box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);border-top-right-radius:10px;border-bottom-right-radius:10px;}
.product-service li div.icon { position: absolute;left:12%;top:7%; z-index: 100;}
.product-service li div.icon img {height:65px}
.product-service li .title { position: absolute;left:12%;top:7%; z-index: 100;color:#ea5715;width:40px; font-size:32px;line-height: 37px; font-weight:700;margin:95px 0 0 12px}
.product-service li .gs { position: absolute;left:12%;top:7%;line-height: 25px;writing-mode: vertical-rl; z-index: 70;display:flex;align-items:flex-end;justify-content:flex-end;margin:100px 0 0 75px}
.product-service li .home-more {position: absolute;left:12%;bottom:30px; z-index: 100}

.value-5 {padding:80px 0 100px 0}
.value-5 ul {display:flex;box-shadow:0 0 15px rgba(0,0,0,0.1); background: #fff;border-radius:10px}
.value-5 li { position: relative;width:12.5%;height:548px;border-right:1px solid #eeebe4;box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.08);}
.value-5 li:first-of-type,.value-5 li:first-of-type .over-show .pic,.value-5 li:first-of-type .over-show .pic:before {border-top-left-radius:10px;border-bottom-left-radius:10px;}
.value-5 li:last-of-type,.value-5 li:last-of-type .over-show .pic,.value-5 li:last-of-type .over-show .pic:before {border:0;box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);border-top-right-radius:10px;border-bottom-right-radius:10px;}
.value-5 li.active {width:50%}
.value-5 li .show {position: relative;height:100%;}
.value-5 li .show:before {content:''; position: absolute;right:0;bottom:0; z-index: 1; background:url("../images/value-5.png") no-repeat center;width:78px;height:207px; background-size:100%}
.value-5 li .show .icon {width:65px;position: absolute;left:14%;top:40px}
.value-5 li .show .title {font-weight:700;font-size:32px; line-height:1;color:#ea5715;writing-mode: vertical-rl; position: absolute;left:14%;top:130px;margin-left:15px; letter-spacing:2px}
.value-5 li .show .gs {line-height:1.3;writing-mode: vertical-rl; position: absolute;left:14%;bottom:30px;margin-left:6px; z-index: 10}
.value-5 li .over-show {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100;opacity:0;color:#fff}
.value-5 li .over-show div.icon { position: absolute;right:6%;top:40px;width:65px;-webkit-filter: brightness(100);filter: brightness(100); z-index: 100}
.value-5 li .over-show .text {position: absolute;left:6%;width:88%;top:35px; z-index: 1000;}
.value-5 li .over-show .text .title {font-size:32px; line-height: 1.6;font-weight:700;}
.value-5 li .over-show .text .subtitle {font-size:24px; line-height: 1.4;padding:10px 0 30px 0;margin:0 0 30px 0;border-bottom:1px dashed rgba(255,255,255,0.8);}
.value-5 li .over-show .home-more {position:absolute;left:6%;bottom:30px;z-index: 1000}
.value-5 li .over-show .pic { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}
.value-5 li .over-show .pic:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 2; background: linear-gradient(to right,#ea5715,rgba(0,0,0,0))}
.value-5 li.active .show {opacity:0}
.value-5 li.active .over-show {opacity:1}

.suyuan {position: relative;}
.suyuan ul {position: relative}
.suyuan ul:before {content:''; position: absolute;left:50%;top:2%;width:1px;height:98%;border-left:1px dashed #ea5715;}
.suyuan li {position: relative;display:flex;align-items: center;justify-content:space-between;width:50%;padding:0 0 0 4.5%;left:50%}
.suyuan li:before {content:'';position: absolute;left:0;top:0;width:25px;height:25px;border:5px solid #ea5715;border-radius:50%; background: #f9f3e8;margin-left:-16px; z-index: 10}
.suyuan li .pic {width:46%; overflow: hidden;border-radius:5px;}
.suyuan li .pic img {width:100%;}
.suyuan li .text {width:49%;font-size:24px; line-height: 1.6; text-align: left}
.suyuan li .text .title {font-weight:700;color:#000;margin:0 0 15px 0}
.suyuan li .text .content {color:#666;}
.suyuan li:nth-child(odd) {left:0;padding:0 4.5% 0 0}
.suyuan li:nth-child(odd):before{left:100%}
.suyuan li:nth-child(odd) .pic {order:2}
.suyuan li:nth-child(odd) .text {order:1; text-align: right;}
.suyuan li:Hover:before {background: #ea5715}

.suyuan {padding:0 0 120px 0}
.value-price {padding:100px 0 120px 0;}
.value-price .text {display:flex;box-shadow:0 0 15px rgba(0,0,0,0.10)}
.value-price .text .content {width:38%;font-size:24px; line-height: 1.6;}
.value-price .text .content ul {height:100%;}
.value-price .text .content .list-paddingleft-1,.value-price .text .content .list-paddingleft-2{margin:0;}
.value-price .text .content li {position: relative;border-bottom:1px solid #f2f2f2;height:33.3333%;padding:0 10%; display:flex;align-items:flex-start;justify-content: center;flex-direction: column}
.value-price .text .content li:before {content:'';position: absolute;right:0;top:0; z-index:-1; background: url("../images/value-icon.png") no-repeat center;;width:173px;height:125px; background-size:100%}
.value-price .text .content li h3 {font-size:36px; line-height: 1.4;font-weight:700;margin:0 0 5px 0}
.value-price .text .pic {width:62%}
.value-price .text .pic img {width:100%}
.join-hezuo{padding:80px 0 100px 0}
.join-hezuo ul{display:flex;gap:30px;}
.join-hezuo li {width:calc(27% - 20px);width:-webkit-calc(27% - 20px);height:500px; position: relative;box-shadow:0 0 10px rgba(0,0,0,0.1); background: #fff;}
.join-hezuo li:before {content:''; position: absolute;right:0;bottom:0; background: url("../images/join-bg.png") no-repeat center;width:237px;height:202px; background-size:100%; z-index: 1}
.join-hezuo li.active {width:calc(46% - 20px);width:-webkit-calc(46% - 20px);}
.join-hezuo li .show {position: absolute;left:7.5%;top:30px;width:85%;height:100%; z-index: 100;}
.join-hezuo li .show div.icon {width:80px;position: absolute;right:0%;top:-12px;}
.join-hezuo li .show div.icon.white {opacity:0}
.join-hezuo li .show div.icon.white img {-webkit-filter: brightness(100);filter: brightness(100);}
.join-hezuo li .show .title {font-weight:700;color:#ea5715;font-size:32px; line-height: 1.6;}
.join-hezuo li .show .subtitle {color:#333; line-height: 1.5;border-bottom:1px dashed #aaa;padding:15px 0 25px 0;margin:0 0 25px 0;}
.join-hezuo li .show .content {font-size:16px;position: relative; z-index: 10}
.join-hezuo li .show .home-more {position: absolute;bottom:60px;left:-75px; z-index: 10;pointer-events: none}
.join-hezuo li .show .home-more a font {opacity:0;}
.join-hezuo li .pic {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10;opacity:0}
.join-hezuo li .pic:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; background: linear-gradient(to right,rgba(234,87,21,0.95),rgba(0,0,0,0.3)); z-index: 11}
.join-hezuo li,.join-hezuo li .pic,.join-hezuo li .pic img,.join-hezuo li .pic:before {border-radius:10px;}
.join-hezuo li.active .pic {opacity:1}
.join-hezuo li.active .show {left:5%;width:90%}
.join-hezuo li.active .show div.icon {opacity:0}
.join-hezuo li.active .show div.icon.white {opacity:1}
.join-hezuo li.active .show .title,.join-hezuo li.active .show .subtitle,.join-hezuo li.active .show .content {color:#fff}
.join-hezuo li.active .show .subtitle {border-color:#fff;}
.join-hezuo li.active .show .home-more {left:0;pointer-events: auto}
.join-hezuo li.active .show .home-more a font {opacity:1;}
.join-hezuo li.active .show .home-more a {color:#fff}
.join-hezuo li.active .show .home-more h2 {border-color:#fff;}
.join-hezuo li.active .show .home-more h2 p {border-color:#fff;}
.join-hezuo li.active .show .home-more a:hover h2 p {background: #fff;color:#ea5715;}

.join-adv {position: relative; background: url("../images/bg.jpg") center;padding:80px 0 100px 0}
.join-adv .wrap { z-index: 10}
.join-adv:before {content:''; position: absolute;left:0;top:0;width:100%; background: #ea5715;height:560px; z-index: 1}
.join-adv .home-subject .subject-title {color:#fff;}
.join-adv .home-subject .subject-content {color:rgba(255,255,255,0.7)}
.join-adv ul {display:flex;gap:50px;flex-wrap: wrap; position: relative; z-index: 10}
.join-adv li {width:calc(33.3333% - 33.3333px);width:-webkit-calc(33.3333% - 33.3333px);background: #fff;border-radius:10px; background: #fff; text-align: center;padding:50px 4% 180px 4%;box-shadow:0 0 10px rgba(0,0,0,0.1);position: relative}
.join-adv li:before {content:'';position: absolute;left:0;bottom:0;width:100%;height:100%; background: url("../images/join-adv-icon.png") no-repeat bottom;background-size:100%; z-index: 1}
.join-adv li .title {font-size:36px;font-weight:700;color:#ea5715;margin:45px 0 10px 0;position: relative; z-index: 10}
.join-adv li .content {font-size:24px;color:#000; line-height: 1.6;position: relative; z-index: 10}
.join-adv li .pic {background: #fcf6eb;width:180px;height:180px;border-radius:50%; display:flex;align-items: center;justify-content: center;margin:0 auto;position: relative; z-index: 10}
.join-adv li .pic img {width:110px;}
.join-adv li:hover {box-shadow:0 0 15px rgba(0,0,0,0.3);}

.join-case {position: relative}
.join-case .swiper-slide {padding:10px 0}
.join-case .col {border:1px solid #ddd;border-radius:10px;padding:50px 8% 50px 8%;}
.join-case .col .tubiao { position: relative;}
.join-case .col .tubiao:before {content:''; position: absolute;left:50%;top:0; background: url("../images/home-customer-icon.png") no-repeat center;width:45px;height:45px;margin-left:-22px;opacity:0; background-size:100%;}
.join-case .col .tubiao:after {content:''; position: absolute;left:50%;top:0; background: url("../images/home-customer-icon.png") no-repeat center;width:45px;height:45px;margin-left:-22px;-webkit-filter: brightness(0.0);filter: brightness(0.0);opacity:0.15;background-size:100%}
.join-case .col .text {font-size:22px;line-height: 37px;margin:75px 0 35px 0;min-height:74px;opacity:0.5}
.join-case .col .pic img {height:100px;opacity:0.5}
.join-case .swiper-slide-active .col  {border-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.join-case .swiper-slide-active .col .tubiao:before {opacity:1}
.join-case .swiper-slide-active .col .tubiao:after {opacity:0}
.join-case .swiper-slide-active .col .text {opacity:1}
.join-case .swiper-slide-active .col .pic img {opacity:1}

.join-message {background: url("../images/bg.jpg") center;padding:80px 0 100px 0}
.message {background: #fff;padding:40px 50px 60px 50px;}
.message li {display:flex;justify-content: space-between;margin:0 0 20px 0}
.message li .col {width:48.5%}
.message li .full {width:100%}
.message li p {font-weight:700;color:#000;font-size:22px;margin:0 0 8px 0}
.message li input[type="text"] {height:60px;border:2px solid #e7e7e7;border-radius:3px;width:100%;padding:0 15px;font-weight:300}
.message li select {height:60px;border:2px solid #e7e7e7;border-radius:3px;width:100%;padding:0 15px;font-weight:300; cursor: pointer;}
.message li textarea {border:2px solid #e7e7e7;border-radius:3px;width:100%;padding:10px 15px;height:200px;font-weight:300}
.message li.btn {text-align:center;display:block;padding:20px 0 0 0}
.message li.btn button { background: #ea5715;height:55px;width:220px;border-radius:5px; text-align: center;cursor: pointer;color:#fff;font-weight:400;margin:0 10px}
.message li.btn button#cancelBtn {background: #f2f2f2;color:#333}

.news-current {border-bottom:1px solid #efefef;padding:20px 0;font-weight:400;font-size:16px;}
.news-current .icon-homepage_fill {font-size:20px; line-height: 1}
.news-current .icon-iconfonti {margin:0 2px 0 4px}
.news-current font {color:#ea5715}
.news-tj {padding:70px 0 70px 0}
.news-tj .swiper-slide {display:flex;justify-content: space-between;}
.news-tj .swiper-slide .pic {width:50%}
.news-tj .swiper-slide .pic h2 { position: relative;height:458px; overflow: hidden;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.news-tj .swiper-slide .text {width:50%;height:458px;padding:20px 4.5%;border:1px solid #ddd;border-left:0;border-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0;display:flex;align-items:flex-start;justify-content: center;flex-direction: column}
.news-tj .swiper-slide .text .cate a {font-weight:400;color:#000;display:inline-block;background:#ececec;height:30px; line-height: 28px;border-radius:30px;padding:0 13px;font-weight:400}
.news-tj .swiper-slide .text .cate a:hover {background: #ea5715;color:#fff}
.news-tj .swiper-slide .text .cate .icon-shijian {font-weight:700;margin:0 8px 0 15px;font-size:18px; line-height: 1}
.news-tj .swiper-slide .text .cate font {font-size:17px;font-weight:500}
.news-tj .swiper-slide .text .title {height:40px; line-height: 40px; overflow: hidden;margin:20px 0 35px 0}
.news-tj .swiper-slide .text .title a {font-size:36px;color:#000;font-weight:700;}
.news-tj .swiper-slide .text .content { line-height: 35px;height:70px; overflow: hidden;color:#333;margin:0 0 60px 0}
.news-tj .swiper-container {padding:0 0 70px 0}
.news-tj .swiper-horizontal>.swiper-pagination-bullets,.news-tj .swiper-pagination-bullets.swiper-pagination-horizontal,.news-tj .swiper-pagination-custom,.news-tj .swiper-pagination-fraction {bottom:0px;}
.news-tj .swiper-pagination-bullet {background:rgba(0,0,0,0.3);}

p.line { position:absolute;left:0;top:64px;width:100%; height:2px; text-align: center; z-index: 10}
p.line i { display:block;width:0;height:100%; background:#ea5715;margin:0 auto}
.news-cate li.active p.line i,.news-cate li a:hover p.line i {width:100%}
.news-cate {border-bottom:1px solid #e7e0d6;}
.news-cate ul {display:flex;align-items: center;justify-content: center;padding:30px 0 27px 0;}
.news-cate li {margin:0 35px;}
.news-cate li a {color:#333;font-size:24px;line-height: 1.4;font-weight:500; position: relative}
.news-cate li.active a,.news-cate li a:hover {color:#ea5715;}

.get_more{ position: relative;float:left;left:50%;width:200px;text-align: center;margin:60px 0 0 -100px; clear: both}
.get_more p {width:100%;margin:0 auto; height:65px; line-height:63px;font-size:20px;border-radius:10px;background: #ea5715;color:#fff}
.get_more p i {display:inline-block; vertical-align: top; background: url("../images/news-load.png") no-repeat center;background-size:100%;width:25px;height:25px;margin:20px 15px 0 0}
.news {padding:65px 0}
.news .single_item {width:102%;margin:-2% 0 0 -1%}
.news .item {float:left;width:31.3333%;margin:2% 1% 0 1%;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:10px}
.news .item .pic {position: relative;padding:28.8235% 0;border-top-left-radius:10px;border-top-right-radius:10px; overflow: hidden}
.news .item .pic img {border-top-left-radius:10px;border-top-right-radius:10px;}
.news .item .text {background: #fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:25px 8% 30px 8%;position: relative}
.news .item .text:before {border-bottom-right-radius:10px;content:''; position: absolute;right:0;bottom:0; background:url("../images/news-bg.png") no-repeat center; background-size:100%;width:142px;height:100px; z-index: 1}
.news .item .text .cate a {font-size:16px;font-weight:400;color:#000;display:inline-block;background:#ececec;height:30px; line-height: 28px;border-radius:30px;padding:0 13px;font-weight:400}
.news .item .text .cate a:hover {background: #ea5715;color:#fff}
.news .item .text .cate .icon-shijian {font-weight:700;margin:0 6px 0 15px;font-size:16px; line-height: 1}
.news .item .text .cate font {font-size:16px;font-weight:500}
.news .item .text .title {height:30px; line-height: 30px; overflow: hidden;margin:15px 0 25px 0}
.news .item .text .title a {font-size:24px;color:#000;font-weight:700;}
.news .item .text .content { line-height: 30px;height:60px;font-size:16px; overflow: hidden;color:#333;}
.news .item .text .line {border-top:1px solid #efefef;margin:30px 0}
.news .item:hover {box-shadow:0 0 15px rgba(0,0,0,0.3);}

.news-email {padding:80px 0 100px 0; text-align: center}
.news-email form {width:890px;margin:0 auto 0 auto;display:flex;justify-content: space-between}
.news-email form input {height:66px;border:2px solid #ddd;border-radius:10px;width:600px;padding:0 20px;font-weight:300}
.news-email form button { cursor: pointer;width:220px;height:70px; background: #ea5715;border-radius:10px;color:#fff;font-size:20px;}
.news-email form button i {background:url("../images/news-btn.png") no-repeat center;width:25px;height:25px;display:inline-block; vertical-align: top;margin:3px 15px 0 0; background-size:100%}
.news-email .notice {width:644px;padding:10px 246px 0 0; text-align: right;margin:0 auto;font-size:16px;color:#999}

.news-show-bg {background: url("../images/bg.jpg") center;}
.news-show {padding:105px 0 100px 0}
.news-show .news-current {margin-bottom:70px}
.news-left {float:left;width:64%}
.news-left .title {border-bottom:1px solid #efefef;font-weight:700;font-size:44px;color:#000; line-height: 1.4;padding:0 0 20px 0}
.news-left .subtitle {border-bottom:1px solid #efefef;padding:20px 0 22px 0;margin:0 0 40px 0;display:flex;justify-content: space-between;font-size:16px;}
.news-left .subtitle a {font-size:16px;font-weight:400;color:#000;display:inline-block;background:#ececec;height:30px; line-height: 28px;border-radius:30px;padding:0 13px;font-weight:400}
.news-left .subtitle a:hover {background: #ea5715;color:#fff;}
.news-left .subtitle font {font-weight:400;color:#333;margin:0 5px 0 5px}
.news-left .subtitle .clicks span {font-size:20px; line-height: 1;margin:8px 6px 0 0;display:inline-block; vertical-align: top;}
.news-left .content img {margin:5px 0}
.news-left .content strong {color:#000}
.news-right {float:right;width:28.5%}
.news-right .subject {color:#000;font-weight:700;font-size:30px; line-height: 1;margin:10px 0 10px 0}
.news-right ul {margin:0 0 40px 0}
.news-right li {display:flex;justify-content: space-between;border-bottom:2px solid #efefef;align-items: center;padding:30px 0}
.news-right li .pic {width:30%;border-radius:10px; overflow: hidden}
.news-right li .pic img {border-radius:10px;width:100%}
.news-right li .text {width:64%;}
.news-right li .text .title {line-height: 28px;}
.news-right li .text .title a {coloR:#000;font-weight:700; }
.news-right li .text .date {font-size:16px;color:#999;font-weight:400}
.news-right li:hover {border-color:#ea5715}
.prevnext {display:flex;justify-content: space-between;align-items: center}
.prevnext a {color:#000;font-weight:500}
.prevnext a span {font-size:25px; line-height: 1;display:inline-block; vertical-align: top;margin:7px 0 0 0}
.prevnext a.prev span {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.prevnext a.back {width:60px;height:8px; position: relative;}
.prevnext a.back:before {content:'';position: absolute;left:0;top:0;width:100%;height:1px; background: #000;}
.prevnext a.back:after {content:'';position: absolute;left:0;top:7px;width:100%;height:1px; background: #000;}
.prevnext a.back:hover:before,.prevnext a.back:hover:after {background: #ea5715}

.service-teacher {padding:80px 0 100px 0; position: relative}
.service-teacher .wrap { z-index: 10}
.service-teacher:before {content:''; position: absolute;left:0;top:0;width:100%; background: #ea5715;height:460px; z-index: 1}
.service-teacher .home-subject .subject-title {color:#fff;}
.service-teacher .home-subject .subject-content {color:rgba(255,255,255,0.7)}
.service-teacher ul {display:flex;gap:20px;flex-wrap: wrap; position: relative; z-index: 10}
.service-teacher li {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);background: #fff;border-radius:10px; background: #fff; text-align: center;box-shadow:0 0 10px rgba(0,0,0,0.1);position: relative}
.service-teacher li .pic{position: relative;padding:37.5% 0; overflow: hidden;border-radius:10px; cursor: pointer}
.service-teacher li .pic:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 2; background: rgba(0,0,0,0.2);pointer-events: none;}
.service-teacher li .pic:after {content:''; background: url("../images/service-video-btn.png") no-repeat center;background-size:100%; position: absolute;left:50%;top:50%;width:62px;height:62px; z-index: 10;margin:-31px 0 0 -31px; pointer-events: none;}
.service-teacher li .text {text-align:left;padding:25px 8.5% 32px 8.5%; position: relative}
.service-teacher li .text:before {content:'';position: absolute;right:0;bottom:0; z-index: 1; background:url("../images/service-teacher-bg.png") no-repeat center;width:146px;height:110px; background-size:100%}
.service-teacher li .text .title {font-size:24px; line-height: 1.6; font-weight:700;color:#000;position: relative; z-index: 10;margin:0 0 10px 0}
.service-teacher li .text .title a {color:#000; cursor: pointer}
.service-teacher li .text .title font {color:#ea5715;}
.service-teacher li .text .content {line-height: 1.6;position: relative; z-index: 10}
.service-teacher li:hover {box-shadow:0 0 15px rgba(0,0,0,0.3);}

.modal {opacity: 0;visibility: hidden; position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex; align-items: center;justify-content: center}
.modal.active {visibility: visible;opacity: 1;}
.modal-content {position: relative;margin: 0 auto;width: 100%;max-width: 1200px;}
.video-container video {width: 100%;}
.video-info {padding: 10px 15px 13px 20px;display:block;}
.video-info h2 {font-weight:500;font-size:20px;color:#fff}
.closevideo {position: absolute;right: 15px;top: 15px;cursor:pointer;z-index:1001;background: rgba(0, 0, 0, 1);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.closevideo:hover {background: #51522e}
.closevideo span {font-size: 20px;color:#fff}
.nav-buttons {position: absolute;top: 50%;width: 100%;display: flex;justify-content:space-between;transform: translateY(-50%);z-index: 1001;box-sizing: border-box;}
.nav-buttons .nav-btn {background: rgba(0, 0, 0,1);color: white;width: 40px;height: 60px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.nav-buttons .nav-btn:hover {background: #51522e}
.nav-buttons .nav-btn:disabled {opacity: 0.5;cursor: not-allowed;background: rgba(0, 0, 0,0.5);}
.nav-buttons .nav-btn#nextBtn {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.nav-buttons .nav-btn span {font-size:25px;font-weight:400; position: relative;left:-1px}

.service-down {padding:100px 0 0 0;position: relative}
.service-down .row-1 {display:flex;justify-content: space-between;}
.service-down .row-1 .pic {width:47%}
.service-down .row-1 .pic img {width:100%}
.service-down .row-1 .text {width:35%;padding:5% 0 30px 0}
.service-down .row-1 .text .home-subject {text-align:left;}
.service-down .row-1 .text .home-subject .subject-content {color:#666}
.service-down .row-1 .text .app-google {margin:80px 0 0 0}
.service-down .row-1 .text .app-google li.google {margin-left:28px;}
.service-down .row-2 { background: url("../images/bg.jpg") center;padding:110px 0}
.service-down .row-2 .wrap {display:flex;justify-content: space-between;align-items: center}
.service-down .row-2 .text{width:48%}
.service-down .row-2 .text .home-subject {text-align:left;}
.service-down .row-2 .text .home-subject .subject-content {color:#666}
.service-down .row-2 .wx {width:48%;padding:6% 0;background: #fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);display:flex;align-items: center;justify-content:center; z-index: 10;position: relative}
.service-down .row-2 .wx:before {content:'';position: absolute;right:0;bottom:0; z-index: 1; background: url("../images/service-wx-bg.png") no-repeat center;background-size:cover;width:261px;height:172px;}
.service-down .row-2 .wx .code {width:290px;color:#333}
.service-down .row-2 .wx .des {margin-left:7%}
.service-down .row-2 .wx .des p {color:#ea5715;font-weight:700;font-size:24px; line-height: 1.2;margin:0 0 3px 0}

.service-faq {background: url("../images/bg.jpg") center;padding:0 0 100px 0}
.accordionservice li {margin:0 0 20px 0}
.accordionservice li .subject {position: absolute;left:40px;top:26px;font-size:24px; line-height: 1;font-weight:400;color:#666}
.accordionservice li .link {cursor: pointer;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background: #fff;padding:25px 150px 25px 100px;font-size:20px; line-height: 30px;font-weight:700;color:#000}
.accordionservice li .link span {position: absolute;right:55px;top:23px;font-size:32px;line-height: 1;font-weight:400;color:#999;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
.accordionservice li.open{box-shadow:0 0 10px rgba(0,0,0,0.08)}
.accordionservice li.open .link {background: #ea5715;color:#fff}
.accordionservice li.open .link .subject {color:#fff}
.accordionservice li.open .link span {color:#fff;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
.accordionservice .submenu {display:none;position: relative; background: #fff;padding:25px 100px 60px 100px;font-size:16px;line-height: 1.8}
.accordionservice .submenu .subject {color:#ea5715}
.service-faq .area {text-align:center}
.service-faq .area .content {font-weight:700;font-size:24px; line-height: 1.6;padding:30px 0 10px 0}
.service-faq .area .btn {width:200px;height:60px; line-height: 58px; border-radius:10px; background: #ea5715;text-align: center;margin:20px auto 0 auto}
.service-faq .area .btn a {color:#fff; font-size:20px;display:block}
.service-faq .area .btn i {display:inline-block; vertical-align: top;background: url("../images/service-btn.png") no-repeat center;width:26px;height:26px; background-size:100%;margin:17px 15px 0 0}

.service-sale {padding:80px 0 100px 0}
.service-sale dl {display:flex;gap:30px;}
.service-sale dd {width:calc(50% - 15px);width:-webkit-calc(50% - 15px);display:flex;align-items: center;justify-content: center;}
.service-sale dd .pic,.service-sale dd .text {min-height:350px;display:flex;align-items:flex-start;justify-content: center; flex-direction: column}
.service-sale dd .pic {border:1px solid #f7ddd1;border-radius:25px;width:31%; text-align: center;padding:4.5%;height:100%;position: relative}
.service-sale dd .pic:before {content:'';position: absolute;right:-1px;width:1px;height:100%;background: #f7ddd1}
.service-sale dd .pic p { background: #fcf5f2;border-radius:10px;padding:10px;width:100%;height:100%;display:flex;align-items:center;justify-content: center; flex-direction: column}
.service-sale dd .pic p img {max-width:120px}
.service-sale dd .text {border:1px solid #f7ddd1;border-radius:25px;width:69%;margin-left:-1px;padding:20px 5%}
.service-sale dd .text .title {font-size:36px;color:#ea5715; line-height: 1.4;font-weight:700}
.service-sale dd .text .subtitle {color:#ea5715;opacity:0.5;font-weight:400; line-height: 1.6;margin:0 0 20px 0}
.service-sale dd .text li {position: relative;padding:0 0 0 12px}
.service-sale dd .text li:before {content:'';position: absolute;left:0;top:17px;width:4px;height:4px;border-radius:50%; background: #666}
.service-sale dd .text .list-paddingleft-1,.service-sale dd .text .list-paddingleft-2{margin:0;}
.contact {position: relative; z-index: 10;margin:90px 0 0 0}
.contact ul {display:flex; flex-wrap: wrap;box-shadow:0 0 10px rgba(0,0,0,0.1); background: #fff;border-radius:10px}
.contact li {width:25%;padding:80px 0; text-align: center;position: relative}
.contact li .in {position: relative;padding:0 30px}
.contact li .in:before {content:'';position: absolute;right:0;top:0;width:1px;height:100%; background: #d1d1d1}
.contact li:last-of-type .in:before {display:none;}
.contact li .icon img {width:70px;}
.contact li .title {margin:25px 0 12px 0}
.contact li .subtitle {font-weight:700;font-size:24px; line-height: 1.6;color:#ea5715;margin:0 0 5px 0}
.contact li .title,.contact li .content {font-size:16px; line-height: 1.8;color:#999}
.name-map {position: absolute;top:80px}
.contact-map {height:720px; position: relative; z-index: 1;margin-top:-175px}
.contact-map p {position: absolute; z-index: 10;left:50%;top:0;margin:285px 0 0 -248px}

.contact-message .message {border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.contact-message .message li p {font-size:16px;}
.contact-message .message li input[type="text"],.contact-message .message li select,.contact-message .message li textarea {border-width:0; background: #f2f2f2;border-radius:5px;font-size:16px;padding:0 20px}
.contact-message .message li select {padding:0 17px}
.contact-message .message li textarea {padding:15px 20px}

.contact-focus {padding:80px 0 100px 0}
.new_telst {display:flex;margin:60px 0; position: relative;align-items: center;justify-content: center}
.new_telst li {position: relative;cursor: pointer; text-align: center;margin:0 30px}
.new_telst li img {height:35px;}
.new_telst li img.gray {-webkit-filter: brightness(0.0);filter: brightness(0.0);opacity:0.3}
.new_telst li img.red {position: absolute;top:0;left:0;opacity:0}
.new_telst li.newon img {opacity:0}
.new_telst li.newon img.red {opacity:1}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0; }
.new-wrap {text-align: center;min-height:390px}
.new-wrap .www {padding:100px 0 0 0}
.new-wrap .www a {color:#000;font-weight:700;font-size:24px;}
.new-wrap .code {width:292px;height:292px; background-size:100%; background: url("../images/wx-bg.png") no-repeat center; text-align: left;margin:0 auto}
.new-wrap .code img {width:212px;height:212px;margin:40px 0 0 40px;}
.new-wrap .title {font-size:24px; line-height: 1.6;font-weight:700;color:#ea5715;margin:20px 0 0 0}









.foot {background: url("../images/foot-bg.jpg") no-repeat center; background-size:cover;padding:75px 0 60px 0}
.foot .wrap {display:flex;justify-content: space-between;}
.foot .home-subject .subject-title,.foot .home-subject .subject-content {color:#fff; text-align: left;margin-bottom:0}
.foot .home-subject {margin-top:15px}
.foot .btn {margin-right:-10px}
.foot .btn a { background: url("../images/foot-btn-immed.png") no-repeat center;width:321px;height:163px; background-size:100%; display:inline-block;margin:0 0 0 10px; position: relative;top:0}
.foot .btn a:nth-child(2) {background: url("../images/foot-btn-part.png") no-repeat center; background-size:100%}
.foot .btn a:hover {top:-10px}
.footer {background: #080403;font-size:16px;color:#a5a4a4;padding:80px 0 0 0}
.footer a{color:#a5a4a5;}
.footer a:Hover {color:#fff}
.footer .area .wrap {display:flex;justify-content: space-between}
.footer .left {width:550px}
.footer .left .logo a {background: url("../images/logo-admin.png") no-repeat center;width:285px;height:80px;display:block}
.footer .left .ad {color:#fff;font-size:20px;margin:10px 0 100px 0; line-height: 1.6;}
.footer .left .subject {font-size:24px;font-weight:400;color:#fff}
.footer .left .email-form {border-bottom:1px solid #fff;width:380px;padding:0 0 15px 0;margin:30px 0 30px 0}
.footer .left .email-form form {display:flex;justify-content: space-between}
.footer .left .email-form input {width:250px; background: none;font-size:18px;color:#a5a4a5;font-weight:300}
.footer .left .email-form button { background: none;color:#fff;font-size:25px; line-height: 1; cursor: pointer}
.footer .left .email-form ::-webkit-input-placeholder {color:#a5a4a5;}
.footer .left .email-form :-moz-placeholder {color:#a5a4a5;}
.footer .left .email-form ::-moz-placeholder {color:#a5a4a5;}
.footer .left .email-form :-ms-input-placeholder {color:#a5a4a5;}
.social ul {display:flex;}
.social li {margin:0 30px 0 0}
.social li:last-of-type {margin:0}
.social li a {cursor: pointer}
.social li a img {height:20px;-webkit-filter: brightness(100);filter: brightness(100);opacity:0.5}
.social li a:hover img {opacity:1}
.social li .info {bottom:30px;left:-65px}
.social li .info .code {background: url("../images/code-bg.png") no-repeat center;width:180px;height:191px; background-size:100%; text-align: left;}
.social li .info .code img {width:125px;height:125px;margin:23px 0 0 24px}
.footer .right {width:780px}
.footer .right .menu {display:flex;justify-content: space-between}
.footer .right .menu dt {margin:0 0 15px 0}
.footer .right .menu dt a {color:#fff;font-weight:400;font-size:24px;}
.footer .right .menu dt a:hover {color:#ea5715;}
.footer .right .menu dd {margin:5px 0 0 0}
.footer .right .down-btn {display:flex;justify-content:space-between;margin-top:80px}
.footer .right .down-btn .text {width:260px}
.footer .right .down-btn .text .t {color:#fff;font-size:24px;font-weight:400}
.footer .right .down-btn .app-google {margin-top:15px}
.over-show {position: relative}
.show-layer {display:none;position: absolute; z-index: 1000}
.app-google ul {display:flex;}
.app-google li a {height:60px; line-height:58px; cursor: pointer;background: #fff;display:block;border-radius:5px;font-size:20px;color:#333;padding:0 25px;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.app-google li a i {display:inline-block; vertical-align: top;background: url("../images/app-icon.png") no-repeat center;width:24px;height:28px; background-size:100%;margin:16px 13px 0 0}
.app-google li.google a i {background: url("../images/google-icon.png") no-repeat center;width:24px;height:28px; background-size:100%}
.app-google li.google {margin-left:18px}
.app-google li a:Hover {background: #ea5715;COLOR:#FFF}
.app-google li .info {bottom:60px;right:-9px;}
.app-google li .info .code { background: url("../images/code-bg.png") no-repeat center;width:180px;height:191px; background-size:100%; text-align:left}
.app-google li .info .code img {width:125px;height:125px;margin:23px auto 0 23px}
.app-google li .info .des { position: absolute;right:-30px;top:0;height:167px;writing-mode: vertical-rl;align-items: center;justify-content: center;display:flex}
.footer .copy {padding:90px 0 40px 0;}
.footer .copy .wrap {border-top:1px solid rgba(255,255,255,0.15);padding-top:38px; text-align:center;}