.padd_5 { padding: 5% 0; }
.Iscover { background-position: center; background-repeat: no-repeat; background-size: cover; }
.center { text-align: center; }
.fl { float: left; }
.fr { float: right; }

.NyBan { z-index: 0; padding-top: 57.81px; }
.NyBan img { width: 100%; }
.NyBan .pcBan { display: inline-block; }
.NyBan .wapBan { display: none; }

@media (max-width: 1024px) {
.NyBan .pcBan { display: none; }
.NyBan .wapBan { display: inline-block; }
}

.font_24 { font-size: 24px; }
.font_26 { font-size: 26px; }
.font_30 { font-size: 30px; }
.font_36 { font-size: 36px; }
.font_38 { font-size: 38px; }
.font_40 { font-size: 40px; }
.font_42 { font-size: 42px; }

@media (max-width: 1024px) {
.font_24 { font-size: 20px; }
.font_26 { font-size: 24px; }
.font_30 { font-size: 26px; }
.font_36 { font-size: 30px; }
.font_38 { font-size: 32px; }
.font_40 { font-size: 34px; }
.font_42 { font-size: 38px; }
}

@media (max-width: 768px) {
.font_24 { font-size: 18px; }
.font_26 { font-size: 20px; }
.font_30 { font-size: 22px; }
.font_36 { font-size: 24px; }
.font_38 { font-size: 28px; }
.font_40 { font-size: 30px; }
.font_42 { font-size: 36px; }
}

@media (max-width: 640px) {
.font_38 { font-size: 24px; }
.font_40 { font-size: 26px; }
.font_42 { font-size: 26px; }
}
.AlibabaPH { font-family: 'AlibabaPH'; }
.Nmenu { line-height: 70px; position: relative; z-index: 5; }
.Nmenu .auto-1600 { position: relative; margin-top: -30px; background-color: #fff;    border-bottom: 2px solid #f6f6f6; padding-right: 2%; }
.Nmenu .auto-1600::before { position: absolute; content: ''; left: 0; right: auto; top: auto; bottom: 0; width: 100%; height: 3px; background-color: #f6f6f6; }
.Nmenu .location { float: right; padding-left: 25px; background: url(/static/images/home.png) no-repeat left center; font-size: 14px; color: #333333; }
.Nmenu .location a { color: #333333; }
.Nmenu .location i { display: inline-block; vertical-align: middle; font-size: 16px; font-style: normal; margin: 0 10px; font-family: 'SimSun'; font-weight: bold; }
.Nmenu nav { float: left; max-width: 70%; }
.Nmenu nav .title { width: 228px; color: #fff; background: linear-gradient(to right, #32beff 0%, #005aab 100%); text-align: center; font-weight: normal; }
.Nmenu nav .title span { display: inline-block; line-height: 30px; }
.Nmenu nav li { float: left; margin-left: 6%; font-size: 18px; }
.Nmenu nav li a { display: block; position: relative; }
.Nmenu nav li a::after { position: absolute; content: ''; left: 50%; right: auto; top: auto; bottom: 0; width: 0; height: 3px; background: linear-gradient(to right, #30BAFC , #086AB8); transition: all 0.5s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.Nmenu nav li a:hover::after { width: 100%; }
.Nmenu nav li.on a { background-image: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
    background-image: -webkit-linear-gradient(left, #32beff 0%, #005aab 100%);
    background-image: -moz-linear-gradient(left, #32beff 0%, #005aab 100%);
    background-image: linear-gradient(to right, #32beff 0%, #005aab 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; }
.Nmenu nav li.on a::after { width: 100%; }

@media (max-width: 1366px) {
.Nmenu nav li { margin-left: 3%; }
}

@media (max-width: 1200px) {
.Nmenu .location { display: none; }
.Nmenu nav { max-width: 100%; float: none; }
}

@media (max-width: 1024px) {
.Nmenu { line-height: 50px; }
.Nmenu .auto-1600 { margin-top: 0; }
.Nmenu .title { display: none; }
.Nmenu nav li { font-size: 16px; }
.Nmenu nav li:first-child { margin-left: 0; }
}
.ColumnName { font-weight: bold; padding-bottom: 2%; line-height: normal; }
.BrandConcept img { width: 100%; }

@media(max-width: 1200px) {
.BrandConcept img { width: 100%; }
}


.proIndex li{ width:49.5%; float:left; margin-right:1%; padding-right:8%; position:relative; }
.proIndex li img { transition: all .3s ease-in-out; }
.proIndex li:hover img { transform: translateY(-5%); }
.proIndex li:nth-child(2n) { margin-right: 0; padding-left: 0; padding-right: 8%; }
.proIndex li:nth-child(2n+1) { clear: both;}
.proIndex li a { display: block; padding: 10% 0; position: relative; z-index: 10; }
.proIndex .bg { position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; padding-top: 38%; background-size: 100%; transition: all .3s ease-in-out; }
.proIndex li:hover .bg { background-size: 110%; }
.proIndex figure { width: 68%; float: left; text-align: center; }
.proIndex .txt { width: 30%; float: right; color: #666; }
.proIndex .tit { color: #333; margin: 5px 0 15px; }
.proIndex pre { color: #999; }
.proIndex .more { width: 170px; line-height: 60px; text-align: center; color: #fff; background-color: #e60000; display: block; margin: 20% 0; border-radius: 10px; }
.proIndex .more::after { display: inline-block; content: ''; width: 21px; height: 6px; background: url(/static/images/icon_more2.png) no-repeat center; margin-left: 10px; vertical-align: middle; }

.proIndex .top-li{ width:100%; padding-right:8%; position: relative;}
.proIndex .top-li .bg{ padding-top:20%;}
.proIndex .top-li img { transition: all .3s ease-in-out; }
.proIndex .top-li:hover img { transform: translateY(-5%); }
.proIndex .top-li a{ display: block; padding:4% 0; position: relative; z-index: 10; }
.proIndex .top-li:hover .bg{ background-size: 110%; }


@media (max-width: 1600px) {
.proIndex li { padding-left: 0; }
.proIndex li:nth-child(2n) { padding-right: 0; }
.proIndex figure { width: 60%; }
.proIndex .txt { width: 38%; }
.proIndex .more { width: 120px; line-height: 50px; }
}
@media (max-width: 640px) {
.proIndex .ul { padding: 0 2%; }
.proIndex li { width: 100%; margin-right: 0; float: none; }
}

.RADBox article { color: #333; line-height: 48px; font-size: 22px; margin-bottom: 3.5%; }
.RADBox .RD_videoBox { position: relative; }
.RADBox .RD_videoBox figure { position: relative; }
.RADBox .RD_videoBox .play { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: url(/static/images/icon_play.png) no-repeat center rgba(0, 0, 0, 0.4); cursor: pointer; }
.RADBox .RD_videoBox img { width: 100%; }
.RADBox .RD_videoBox .video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; display: none; }

@media (max-width: 768px) {
.RADBox article { font-size: 20px; line-height: 38px; }
}

@media (max-width: 640px) {
.RADBox article { font-size: 14px; line-height: 30px; }
.RADBox article strong span { font-size: 24px!important; }
.RADBox article .font_26 { font-size: 16px; }
}
.QualityBox .ytable_cell { vertical-align: top; }
.QualityBox .item { padding: 5% 0 0; }
.QualityBox .item article { line-height: 30px; display: none; }
.QualityBox .item .tit { width: 29%; padding-right: 5%; color: #e60000; font-size: 20px; }
.QualityBox .item .intro, .QualityBox .item article { padding-bottom: 3.5%; }
.QualityBox .item .content { border-bottom: 1px solid #e9e9e9; padding-bottom: 2%; }
.QualityBox .item .more { color: #999999; display: inline-block; cursor: pointer; }
.QualityBox .item .more::after { content: '>'; font-family: 'SimSun'; font-size: 18px; margin-left: 5px; display: inline-block; vertical-align: middle; font-weight: bold; }
.QualityBox .item .down::after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 10px; }

@media (max-width: 768px) {
.QualityBox .item .tit { font-size: 16px; }
.QualityBox .item article { line-height: 24px; }
}

@media (max-width: 640px) {
.QualityBox .item .ytable_cell { display: block; width: 100%; margin-bottom: 10px; }
}
.aboutBox { padding-bottom: 7%; }
.aboutBox .fl { width: 50%; line-height: 30px; color: #666; }
.aboutBox .fr { width: 44%; }
.aboutBox .numBox li { width: 33.33%; float: left; margin-bottom: 10%; }
.aboutBox .numBox li:nth-child(3n+1) { clear: both; }
.aboutBox .numBox .num { font-size: 18px; color: #999999; }
.aboutBox .numBox .num b { color: #e60000; }
.aboutBox .numBox .num span { font-size: 40px; }
.aboutBox .numBox .num i { display: inline-block; vertical-align: top; font-size: 24px; font-style: normal; }

@media (max-width: 1024px) {
.aboutBox .numBox li { width: 50%; }
.aboutBox .numBox li:nth-child(3n+1) { clear: none; }
.aboutBox .numBox .num span { font-size: 36px; }
}

@media (max-width: 640px) {
.aboutBox .fl, .aboutBox .fr { width: 100%; float: none; margin-bottom: 2%; }
.aboutBox .fl { line-height: 24px; }
.aboutBox .numBox .num { font-size: 14px; }
.aboutBox .numBox .num i { font-size: 20px; }
.aboutBox .numBox .num span { font-size: 30px; }
}
.BrandStory .fl { width: 48%; line-height: 30px; }
.BrandStory .fl .more { color: #999999; display: inline-block; cursor: pointer; }
.BrandStory .fl .more::after { content: '>'; font-family: 'SimSun'; font-size: 18px; margin-left: 5px; display: inline-block; vertical-align: middle; font-weight: bold; }
.BrandStory .fl .down::after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 10px; }
.BrandStory .fl article { max-height: 270px; overflow: auto; padding-right: 2%; }
.BrandStory .fl article::-webkit-scrollbar {
 width: 3px;
}
.BrandStory .fl article::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
 border-radius: 5px;
}
.BrandStory .fl article::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #e60000;
 -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
.BrandStory .fl article::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(255, 0, 0, 0.4);
}
.BrandStory .fr { width: 44.534%; }
.BrandStory .fr ul { overflow: hidden; }
.BrandStory .fr li { width: 25%; float: left; padding: 3px; position: relative; }
.BrandStory .fr li.Istop { width: 100%; }
.BrandStory .fr li.Istop figure { padding-top: 30%; }
.BrandStory .fr li::after, .BrandStory .fr li::before { content: ''; position: absolute; background-color: #dfded8; }
.BrandStory .fr li::before { width: 95%; height: 1px; left: 50%; transform: translateX(-50%); bottom: 0; }
.BrandStory .fr li::after { width: 1px; height: 95%; top: 50%; transform: translateY(-50%); left: -1px; }
.BrandStory .fr li.on figure { background-color: #f9f2ab; box-shadow: 0 0 5px #d1d0ca; }
.BrandStory .fr li:hover figure { background-color: rgba(255,255,255,0.9); }
.BrandStory .fr li:hover figure img { transform: translate(-50%, -50%) scale(0.95); }
.BrandStory .fr figure { position: relative; padding-top: 60%; transition: all 0.5s; }
.BrandStory .fr figure img { position: absolute; left: 50%; top: 50%; max-height: 90%; transform: translate(-50%, -50%); transition: all 0.5s; }
.BrandStory .fr .slick li::before { display: none; }
.BrandStory .slick-arrow { width: 23px; border-radius: 0; }
.BrandStory .slick-prev { left: 0; }
.BrandStory .slick-next { right: 0; }
.BrandStory .txt_line { padding-left: 16px; position: relative; color: #151510; margin-bottom: 6px; }
.BrandStory .txt_line::before { position: absolute; content: ''; left: 5px; right: auto; top: 12px; bottom: auto; width: 5px; height: 5px; border-radius: 100%; background-color: #e60000; }

@media (max-width: 1024px) {
.BrandStory .fr figure img { max-width: 80%; max-height: 80%; }
}

@media (max-width: 640px) {
.BrandStory .fl, .BrandStory .fr { width: 100%; float: none; margin-bottom: 5%; }
.BrandStory .fl { line-height: 24px; }
}
.history { position: relative; padding-top: 5%; }
.history::before { position: absolute; content: ''; left: 0; right: 0; top: auto; bottom: 337px; width: 100%; height: 1px; background-color: #fff; }
.history .auto-1600 { overflow: hidden; position: relative; margin-top: 1%; }
.history .slick-list { overflow: initial; }
.history .ul { max-width: 1000px; margin: 0 auto; padding-bottom: 120px; }
.history .box { padding: 0 25px; padding-top: 30px; height: 415px; opacity: 0.2; }
.history .slick-active .box { opacity: 1; }
.history .ytable { height: 100%; }
.history figure, .history .en { display: none; }
.history .ytable_cell { padding: 0 10%; border-radius: 5px; }
.history .info { position: relative; }
.history .info::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }
.history p { height: 90px; overflow: hidden; line-height: 30px; }
.history time { display: block; font-size: 30px; color: #333333; position: relative; font-weight: bold; }
.history time::after { display: block; content: ''; width: 10px; height: 10px; background-color: #999999; border-radius: 100%; margin: 23px 0; }
.history .slick-center .box { padding: 30px 0 0; }
.history .slick-center .ytable_cell { background-color: #fff; vertical-align: top; }
.history .slick-center time { font-size: 72px; color: #e60000; -webkit-transform: skew(-5deg); -moz-transform: skew(-5deg); -o-transform: skew(-5deg); transform: skew(-5deg); margin-top: -50px; }
.history .slick-center time::after { display: none; }
.history .slick-center time .en { display: block; font-size: 24px; padding-left: 10px; font-weight: bold; text-transform: uppercase; margin: -10px 0 25px; }
.history .slick-center figure { display: block; padding-top: 50%; margin-top: 20px; }
.history .slick-arrow { top: 37%; background-color: #cccccc; }
.history .slick-prev { left: -30%; }
.history .slick-next { right: -30%; }
.history .slick-arrow:hover { background-color: #e73739; border-color: #e73739; }

@media(max-width: 1600px) {
.history .slick-prev { left: -15%; }
.history .slick-next { right: -15%; }
}

@media(max-width: 1400px) {
.history .slick-prev { left: -5%; }
.history .slick-next { right: -5%; }
}

@media(max-width: 1200px) {
.history .slick-prev { left: 0; }
.history .slick-next { right: 0; }
}

@media (max-width: 768px) {
.history time { font-size: 24px; }
.history .slick-center time { font-size: 50px; margin-top: -30px; }
.history .slick-center time .en { font-size: 20px; }
}

@media (max-width: 640px) {
.history time { font-size: 20px; }
.history .slick-center time { font-size: 40px; margin-top: -20px; }
.history .slick-center time .en { font-size: 18px; }
}
.BrandConcept .fl { width: 48%; line-height: 30px; }
.BrandConcept .fr { width: 44.534%; }
.BrandConcept .fr .txt { font-size: 18px; margin-bottom: 3%; }
.BrandConcept .fr li { width: 29.942%; margin-right: 2%; margin-bottom: 1%; float: left; position: relative; border: 1px solid #dfded8; background-color: rgba(255, 255, 255, 0.7); padding-top: 13.175%; }
.BrandConcept .fr li:nth-child(3n) { margin-right: 0; }
.BrandConcept .fr li img { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 90%; }

@media (max-width: 640px) {
.BrandConcept .fl, .BrandConcept .fr { width: 100%; float: none; margin-bottom: 5%; }
.BrandConcept .fl { line-height: 24px; }
}
.Honor .auto-1600 { max-width: 1400px; }
.Honor .ul { position: relative; padding: 0 45px; }
/* .Honor .ul::before,
.Honor .ul::after {
  position: absolute;
  content: '';
  left: auto;
  right: auto;
  top: auto;
  bottom: 0;
  width: 50px;
  height: 98px;
  background: url(/static/images/honor_left.png) no-repeat;
  background-size: 90% 98px;
}
.Honor .ul::before {
  left: 0;
}
.Honor .ul::after {
  background-image: url(/static/images/honor_right.png);
  right: 0;
} */
.Honor .honorList { padding-top: 2%; }
.Honor .honorList li { width: 25%; float: left; text-align: center; position: relative; background: url(https://oss.zhongguanjituan.com/static/images/honor_line1.png) repeat-x center bottom; z-index: 1; }
.Honor .honorList li:nth-child(4n+1)::before { position: absolute; content: ''; left: 0; right: auto; top: auto; bottom: 0; width: 50px; height: 98px; background: url(https://oss.zhongguanjituan.com/static/images/honor_left.png) no-repeat; background-size: 90% 98px; }
.Honor .honorList li:nth-child(4n+4)::after, .Honor .honorList li:last-child::after { position: absolute; content: ''; left: auto; right: -5px; top: auto; bottom: 0; width: 50px; height: 98px; background: url(https://oss.zhongguanjituan.com/static/images/honor_right.png) no-repeat; background-size: 90% 98px; }
.Honor p { line-height: 94px; color: #333; transition: all .3s ease-in-out;     font-size: 16px;}
.Honor .honorList li:hover p { color: #e60000; }
.Honor .honorList li:hover img { transform: scale(1.05) translateX(-48%); }
.Honor .pic { position: relative; padding-top: 80%; }
.Honor .pic img { position: absolute; left: 50%; top: auto; right: auto; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); transition: all .3s ease-in-out; max-height: 65%;
    transition: all .3s ease-in-out;
    margin: 3%;}
.Honor .page { text-align: center; font-size: 0; }
.Honor .page ul { list-style: none; }
.Honor .page li { display: inline-block; width: 15px; height: 15px; border-radius: 100%; background-color: #bfbfbf; margin: 0 15px; }
.Honor .page li button { display: none; }
.Honor .page li.slick-active { background-color: #e60000; }

@media (max-width: 640px) {
.Honor .honorList li { width: 50%; }
.Honor .honorList li:nth-child(4n+4)::after, .Honor .honorList li:nth-child(4n+1)::before { content: none; }
.Honor .honorList li:nth-child(2n+1)::before { position: absolute; content: ''; left: 0; right: auto; top: auto; bottom: 0; width: 50px; height: 98px; background: url(https://oss.zhongguanjituan.com/static/images/honor_left.png) no-repeat; background-size: 90% 98px; }
.Honor .honorList li:nth-child(2n+2)::after { position: absolute; content: ''; left: auto; right: -5px; top: auto; bottom: 0; width: 50px; height: 98px; background: url(https://oss.zhongguanjituan.com/static/images/honor_right.png) no-repeat; background-size: 90% 98px; z-index: -1; }
.Honor .pic { padding-top: 90%; }
.Honor .ul { padding: 0 10px; }
}
.makeBox { /* background: url(/static/images/con_bg1.png) repeat-y center top; */ }
.makeBox .video-box { width: 80%; max-width: 950px; text-align: center; margin: 2% auto; position: relative; }
.makeBox .video-box .video { width: 100%; object-fit: fill; }
.makeBox .RD_videoBox { position: relative; }
.makeBox .RD_videoBox figure { position: relative; }
.makeBox .video-box figure::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }
.makeBox .RD_videoBox figure::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.makeBox .RD_videoBox .play { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 78px; height: 78px; background: url(/static/images/icon_play.png) no-repeat center; cursor: pointer; }
.makeBox .RD_videoBox img { width: 100%; }
.makeBox .RD_videoBox .video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; display: none; }
.makeBox .picList { position: relative; }
.makeBox .slick-slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 98%; height: 100%; min-height: 500px; }
.makeBox .slick-slider figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all .3s ease-in-out; background-size: cover; }
.makeBox .slick-slider figure:hover { transform: scale(1.1); }
.makeBox .slick-list, .makeBox .slick-track, .makeBox .slick-slide { height: 100%; position: relative; }
.makeBox .list:not(:last-child) { margin-bottom: 5%; }
.makeBox .ytable { min-height: 500px; }
.makeBox .ytable_cell { vertical-align: top; height: 100%; }
.makeBox .txtCon { padding: 2% 4% 2% 9%; }
.makeBox .odd .txtCon { padding-left: 4%; padding-right: 9%; background-color: #fffcdb; }
.makeBox .tit { font-family: 'YouShe'; color: #000000; letter-spacing: 1px; }
.makeBox article { display: none; line-height: 30px; color: #666666; position: relative; padding: 18px 0; }
.makeBox article::before, .makeBox article::after { position: absolute; content: ''; left: 0; right: auto; top: 0; bottom: auto; width: 68px; height: 40px; background: url(/static/images/makeBox_icon1.png) no-repeat center; background-size: contain; }
.makeBox article::after { left: auto; right: 0; top: auto; bottom: 0; background-image: url(/static/images/makeBox_icon2.png); }
.makeBox .tab_span { margin: 20px 0 30px; font-size: 20px; color: #999999; }
.makeBox .tab_span span { display: inline-block; margin-right: 5%; line-height: 40px; border-bottom: 1px solid transparent; cursor: pointer; }
.makeBox .tab_span span.on { color: #e60000; border-bottom-color: #e60000; }
.makeBox .slick-dots { position: absolute; left: 40px; top: auto; right: auto; bottom: 40px; width: 100%; z-index: 10; }
.makeBox .slick-dots li { display: inline-block; width: 15px; height: 15px; border-radius: 100%; background-color: #fff; margin: 0 10px; }
.makeBox .slick-dots li button { display: none; }
.makeBox .slick-dots li.slick-active { background-color: #e60000; }

@media (max-width: 1600px) {
.makeBox .txtCon { padding-left: 2%; padding-right: 2%; }
.makeBox .odd .txtCon { padding-left: 2%; padding-right: 2%; }
}

@media (max-width: 768px) {
.makeBox .ytable_cell { display: block; width: 100%; }
.makeBox .slick-slider { position: relative; width: 100%; min-height: 400px; }
.makeBox .slick-slider figure { position: relative; padding-top: 60%; }
.makeBox .tab_span { font-size: 18px; }
.makeBox .tab_span span { margin-right: 2%; }
}

@media (max-width: 640px) {
.makeBox article { line-height: 24px; }
.makeBox .tab_span { font-size: 16px; margin: 10px 0 20px; }
.makeBox .tab_span span { margin-right: 1%; }
.makeBox .slick-slider { min-height: 250px; }
}
.Hmore { width: 200px; line-height: 60px; text-align: center; color: #fff; background: url(/static/images/icon_more3.png) no-repeat right center #e60000; display: block; margin: 0 auto; border-radius: 5px; transition: all 0.5s; }
.Hmore::after { content: ''; display: inline-block; width: 21px; height: 6px; background: url(/static/images/icon_more2.png) no-repeat center; margin-left: 10px; vertical-align: middle; transition: all 0.5s; }
.Hmore:hover { color: #fff; }
.Hmore:hover::after { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); }

@media (max-width: 640px) {
.Hmore { width: 120px; line-height: 36px; }
.Hmore::after { margin-left: 0; }
}

@media (max-width: 1024px) {
.fp-section, .fp-tableCell { height: auto!important; }
}
.Hbanner { position: relative; }
.Hbanner .ulImg, .Hbanner .slick-list, .Hbanner .slick-track, .Hbanner .slick-slide { height: 100%; }
.Hbanner li { position: relative; }
.Hbanner li .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.Hbanner li figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.Hbanner li .wapBan { display: none; }
.Hbanner .slick-dots { position: absolute; left: 0; top: auto; right: 0; bottom: 20px; text-align: center; z-index: 110; font-size: 0; }
.Hbanner .slick-dots li { display: inline-block; margin: 0 6px; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; border: 1px solid transparent; }
.Hbanner .slick-dots li button { display: inline-block; border: none; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; vertical-align: middle; font-size: 0; }
.Hbanner .slick-dots li.slick-active { border-color: #e60000; }
.Hbanner .slick-dots li.slick-active button { background-color: #e60000; }

@media (max-width: 1024px) {
.Hbanner li .wapBan { display: inline-block; }
.Hbanner li figure { position: relative; }
}
.Habout { color: #fff; position: relative; }
.Habout article { max-width: 940px; margin: 3% auto; text-align: center; line-height: 32px; }
.Habout .fp-tableCell { vertical-align: top; padding-top: 7.5vw; }
.Habout .numBox { position: absolute; left: 0; top: auto; right: auto; bottom: 0; width: 100%; background-image: -moz-linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent); background-image: -webkit-linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent); background-image: -ms-linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent); background-image: linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent); }
.Habout .numBox li { width: 20%; float: left; text-align: center; position: relative; padding: 3vw 0; }
.Habout .numBox li::before { position: absolute; content: ''; left: auto; right: 0; top: auto; bottom: 0; width: 1px; height: 100%; background-image: -moz-linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent); background-image: -webkit-linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent); background-image: -ms-linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent); background-image: linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent); opacity: 0.4; }
.Habout .numBox li .info { display: inline-block; text-align: left; }
.Habout .numBox .num b { font-size: 48px; }
.Habout .numBox .num i { display: inline-block; vertical-align: top; font-style: normal; }

@media (max-width: 1366px) {
.Habout .numBox .num b { font-size: 40px; }
}

@media (max-width: 1024px) {
.Habout .numBox { position: relative; margin-top: 3vw; }
}

@media (max-width: 640px) {
.Habout .numBox ul { display: flex; flex-wrap: wrap; justify-content: center; }
.Habout .numBox li { width: 33%; }
.Habout .numBox li:nth-child(4), .Habout .numBox li:nth-child(5) { width: 45%; }
.Habout .numBox .num b { font-size: 20px; }
.Habout article { line-height: 24px; text-align: left; padding: 0 2%; }
.Habout article * { font-size: 14px!important; }
}
.Hpro .pic { width: 60%; }
.Hpro .pic figure { opacity: 0; transform: translateY(-10%); transition: all .6s ease-in-out; padding-top: 35vw; background-size: contain; }
.Hpro .item.slick-current ul li.slick-current .pic figure { opacity: 1; transform: translateY(0); }
.Hpro .tit { color: #fff; position: relative; }
.Hpro .tit::after { content: ''; display: block; width: 100%; margin: 3% 0; height: 1px; background-color: #fff; transition: all .3s ease-in-out; }
.Hpro .tit h2 { transition: all .3s ease-in-out; position: relative; }
.Hpro .tit h2::after { position: absolute; content: ''; left: auto; right: 0; top: 50%; bottom: auto; width: 18px; height: 6px; background: url(/static/images/icon_more5.png) no-repeat center; transition: all 0.5s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-size: contain; transition: all .3s ease-in-out; }
.Hpro pre { transition: all .3s ease-in-out; color: #fff; line-height: 30px; }
.Hpro .sliderfor .box { max-width: 500px; }
.Hpro .slidernav .ul { margin: 0 -30px; }
.Hpro .slidernav .box { margin: 0 30px; height: 100px; border-bottom: 2px solid #fff; color: #fff; cursor: pointer; transition: all 0.5s; }
.Hpro .slidernav .box .en { text-transform: uppercase; font-weight: normal; }
.Hpro .slidernav .box .cn { font-size: 22px; font-weight: normal; position: relative; padding-right: 20px; }
.Hpro .slidernav .box .cn::after { position: absolute; content: ''; left: auto; right: 0; top: 50%; bottom: auto; width: 18px; height: 6px; background: url(/static/images/icon_more5.png) no-repeat center; transition: all 0.5s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-size: contain; opacity: 0; }
.Hpro .slidernav .box .ytable { height: 100%; }
.Hpro .slidernav .slick-current .box { background: url(/static/images/icon_more4.png) no-repeat right center #e60000; border-bottom: #e60000; border-radius: 5px; padding: 0 10%; }
.Hpro .slidernav .slick-current .box .cn::after { opacity: 1; }
.Hpro .slick-arrow { border: 1px solid #fff; background-color: transparent; border-radius: 100%; width: 50px; height: 50px; background-image: url(/static/images/a_prev_on.png); }
.Hpro .slick-arrow:hover { border-color: #e60000; background-image: url(/static/images/a_prev_on_2.png); }
.Hpro .slick-prev { left: 0; }
.Hpro .slick-next { right: 0; background-image: url(/static/images/a_next_on.png); }
.Hpro .slick-next:hover { background-image: url(/static/images/a_next_on_2.png); }

/* .Hpro .sliderfor .item ul li:hover h2{color: #e73739;}
.Hpro .sliderfor .item ul li:hover h2::after{background: url(/static/images/icon_more8.png) no-repeat center;} */
@media (max-width: 1366px) {
.Hpro .slidernav .ul { margin: 0 -15px; }
.Hpro .slidernav .box { margin: 0 15px; }
}

@media (max-width: 1024px) {
.Hpro { padding: 5vw 0; }
.Hpro .sliderfor .box { max-width: 85%; }
.Hpro .slidernav .ul { margin: 0 -10px; }
.Hpro .slidernav .box { margin: 0 10px; }
.Hpro .slidernav .box .en { font-size: 14px; }
.Hpro .slidernav .box .cn { font-size: 18px; }
}

@media (max-width: 640px) {
.Hpro .pic, .Hpro .txtCon { display: block; width: 100%; }
.Hpro .pic figure { padding-top: 80vw; }
.Hpro .sliderfor { margin-bottom: 2vw; }
.Hpro .sliderfor .box { max-width: 90%; margin: 0 auto; }
.Hpro .slidernav .box { height: 60px; }
.Hpro .slidernav .box .cn { font-size: 16px; }
}
.Hother pre { font-family: 'AlibabaPH'; }
.Hother .fl { width: 62.5%; }
.Hother .fl .slick-dots { position: absolute; left: 5%; top: auto; right: auto; bottom: 1%; width: 100%; z-index: 10; }
.Hother .fl .slick-dots li { display: inline-block; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; margin: 0 5px; }
.Hother .fl .slick-dots li button { display: none; }
.Hother .fl .slick-dots li.slick-active { background-color: #e60000; }
.Hother .fl .navList li { width: 31%; margin-right: 3.5%; float: left; transition: all 0.5s; border-radius: 5px; }
.Hother .fl .navList li:last-child { margin-right: 0; }
.Hother .fl .navList li a { display: block; border-radius: 5px; overflow: hidden; position: relative; }
.Hother .fl .navList li:hover { box-shadow: 0 0 10px rgba(230, 0, 0, 0.4); }
.Hother .fl .navList li:hover figure { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
/* .Hother .fl .Hnews li:hover figure {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
} */
.Hother .fl .navList figure { padding-top: 93.55%; transition: all 0.5s; }
.Hother .fl .navList .txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff; padding: 10%; }
.Hother .fl .navList h2 { font-weight: normal; }
.Hother .fl .navList pre { position: absolute; left: 0; top: auto; right: auto; bottom: 10%; width: 100%; padding: 0 10%; font-size: 18px; line-height: 28px; }
.Hother .Hnews { margin-bottom: 1.6vw; }
.Hother .Hnews .picList { width: 44%; }
.Hother .Hnews figure { padding-top: 75%; transition: all .3s ease-in-out; position: relative; }
.Hother .video-box { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); display: none; top: 0; left: 0; z-index: 200; }
.Hother video { position: absolute; width: 70%; max-height: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.Hother .video-box.show { display: block; }
.Hother .close { position: absolute; top: 5%; right: 5%; color: #fff; font-size: 18px; cursor: pointer; }
.Hother .text-box { position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(230,0,0,0.8); opacity: 0; transition: all .3s ease-in-out; padding: 2%; }
.Hother .Hnews figure:hover .text-box { opacity: 1; }
.Hother .Hnews figure .text-box .title { padding: 6% 4%; font-size: 24px; font-weight: bold; color: #fff; display: table-cell; vertical-align: bottom; }
.Hother .Hnews .picList li { position: relative; }
.Hother .video_bn { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(/static/images/video_play.png)no-repeat center; cursor: pointer; }
.Hother .Hnews .txtCon { background-color: #fff; padding: 3.5% 5.5% 0; vertical-align: top; }
.Hother .Hnews dt { padding: 1.1vw 0; font-size: 18px; border-bottom: 1px solid #e7e7e7; margin-bottom: 0.8vw; }
.Hother .Hnews dd { line-height: 38px; }
.Hother .Hnews dd a { color: #666666; }
.Hother .Hnews dd a:hover { color: #e60000; }
.Hother .Hnews dd time { float: right; color: #999999; font-size: 14px; margin-left: 2%; }
.Hother .fr { width: 32.5%; }
.Hother .fr li { transition: all 0.5s; border-radius: 5px; margin-bottom: 1.6vw; }
.Hother .fr li:last-child { margin-bottom: 0; }
.Hother .fr li:last-child figure { padding-top: 55.77%; }
.Hother .fr li a { display: block; border-radius: 5px; overflow: hidden; position: relative; }
.Hother .fr li:hover { box-shadow: 0 0 10px rgba(230, 0, 0, 0.4); }
.Hother .fr li:hover figure { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.Hother .fr figure { padding-top: 63.464%; transition: all 0.5s; }
.Hother .fr .txt { position: absolute; left: 0; top: auto; right: auto; bottom: 0; width: 100%; color: #fff; padding: 6%; }
.Hother .fr h2 { font-weight: normal; margin-bottom: 0.5vw; }
.Hother .fr pre { font-size: 14px; opacity: 0.6; }

@media (max-width: 1024px) {
.Hother { padding: 5vw 0; }
.Hother .Hnews .txtCon { padding: 2% 4% 0; }
.Hother .Hnews dt { font-size: 16px; }
.Hother .Hnews dd { line-height: 32px; }
.Hother .fl .navList .txt { padding: 5%; }
.Hother .fl .navList pre { padding: 0 5%; font-size: 14px; line-height: 24px; }
}

@media (max-width: 768px) {
.Hother .fl, .Hother .fr { width: 100%; float: none; margin-bottom: 2vw; }
.Hother .fr { overflow: hidden; }
.Hother .fr li { width: 49%; float: left; margin-right: 2%; }
.Hother .fr li:last-child { margin-right: 0; }
.Hother .fr li:last-child figure { padding-top: 63.464%; }
}

@media (max-width: 640px) {
.Hother .Hnews .txtCon { padding: 2% 4% 4%; }
.Hother .Hnews dt a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Hother .fl .navList .txt { height: auto; bottom: 0; top: auto; }
.Hother .fl .navList pre { display: none; }
.Hother .Hnews .ytable_cell { display: block; width: 100%; }
.Hother .fr li pre { display: none; }
}
.Hjob .fp-tableCell { vertical-align: bottom; }
.Hjob .jobCon { margin-bottom: 7vw; position: relative; }
.Hjob .jobCon::before { position: absolute; content: ''; left: 0; right: auto; top: 50%; bottom: auto; width: 100%; height: 1px; background-color: #bbbbbb; opacity: 0.2; }
.Hjob .tit { width: 22%; }
.Hjob .tit aside { margin: 0.5vw 0 4vw; }
.Hjob .tit .more { display: inline-block; margin: 0.6vw 0; }
.Hjob .tit .more::after { content: ''; display: inline-block; background: url(/static/images/icon_more7.png) no-repeat center; margin-left: 10px; width: 20px; height: 6px; transition: all 0.5s; vertical-align: middle; }
.Hjob .tit .more:hover::after { background-image: url(/static/images/icon_more8.png); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); }
.Hjob li { float: left; width: 23%; margin: 0 1%; }
.Hjob li a { display: block; position: relative; width: 100%; padding-top: 100%; text-align: center; }
.Hjob li a::after, .Hjob li a::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 100%; transition: all 0.5s; }
.Hjob li a::before { background: #fffcdb; }
.Hjob li a::after { background: url(/static/images/icon_more6.png) no-repeat right center; opacity: 0; }
.Hjob li .ytable { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; }
.Hjob li .icon { width: 45px; height: 45px; display: block; margin: 0 auto; line-height: 45px; }
.Hjob li .icon .img2 { display: none; }
.Hjob li h3 { color: #231815; margin: 2vw 0 0.8vw; }
.Hjob li p { font-size: 14px; color: #999999; }
.Hjob li:hover a::before { background-color: #e60000; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.Hjob li:hover a::after { opacity: 1; }
.Hjob li:hover .more { display: inline-block; width: 60px; height: 60px; border: 2px solid #fff; background: url(/static/images/icon_more2.png) no-repeat center; border-radius: 100%; margin-top: 1.5vw; }
.Hjob li:hover .icon .img1 { display: none; }
.Hjob li:hover .icon .img2 { display: inline-block; }
.Hjob li:hover h3, .Hjob li:hover p { color: #fff; }
.Hjob li:hover .circle .i1, .Hjob li:hover .circle .i2 { position: absolute; width: 20px; height: 20px; background-color: #f9cbcb; border-radius: 100%; }
.Hjob li:hover .circle .i1::before, .Hjob li:hover .circle .i2::before { position: absolute; content: ''; left: auto; right: auto; top: auto; bottom: auto; width: 10px; height: 10px; background-color: #f9cbcb; border-radius: 100%; }
.Hjob li:hover .circle .i1 { left: 4%; top: 0; }
.Hjob li:hover .circle .i2 { right: 4%; bottom: 0; }
.Hjob li:hover .circle .i1::before { right: -200%; top: -100%; }
.Hjob li:hover .circle .i2::before { left: -200%; bottom: -100%; }

@media (max-width: 1024px) {
.Hjob { padding: 5vw 0 0; }
.Hjob li p { max-width: 80%; margin: 0 auto; }
}

@media (max-width: 768px) {
.Hjob .jobCon::before { display: none; }
.Hjob .tit, .Hjob .list { display: block; }
.Hjob .tit { width: 100%; text-align: center; margin-bottom: 2vw; }
}

@media (max-width: 640px) {
.Hjob li { width: 48%; margin-bottom: 2vw; }
}
@font-face { font-family: 'PangMen'; src: url(../fonts/PangMenZhengDaoBiao.ttf) format("truetype"); font-weight: normal; font-style: normal; }
.cultureItem { padding: 4% 0; }
.cultureBox { line-height: 30px; font-size: 18px; }
.cultureBox .ColumnName { padding-bottom: 1.5%; }

@media (max-width: 640px) {
.cultureBox { font-size: 14px; line-height: 24px; }
}
.CulturalSpirit { background-color: #f9f9f9; }
.CulturalSpirit .Tit { margin-bottom: 2%; }
.CulturalSpirit .Tit .ColumnName { padding-bottom: 0; font-family: 'PangMen'; }
.CulturalSpirit .piclist1 { font-size: 0; text-align: center; }
.CulturalSpirit .piclist1 li { width: 30%; max-width: 400px; margin: 0 2%; vertical-align: top; display: inline-block; background-color: #fff; padding: 1.4%; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.07); transition: all 0.5s; }
.CulturalSpirit .piclist1 li img { border-radius: 5px; transition: all 0.5s; }
.CulturalSpirit .piclist1 li .pic { overflow: hidden; }
.CulturalSpirit .piclist1 li .txt { color: #666666; font-size: 18px; padding: 5% 0; }
.CulturalSpirit .piclist1 li .txt h3 { font-weight: normal; color: #333333; font-size: 20px; }
.CulturalSpirit .piclist1 li .txt h3::after { content: ''; display: block; width: 20px; height: 2px; background-color: #e60000; margin: 3% auto; }
.CulturalSpirit .piclist1 li:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.CulturalSpirit .piclist1 li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.CulturalSpirit .piclist2 { border-top: 1px solid #ebedf2; margin-top: 4.4%; padding-right: 3%; }
.CulturalSpirit .piclist2 li { width: 50%; float: left; padding: 3%; transition: all 0.5s; position: relative; background-color: #f9f9f9; }
.CulturalSpirit .piclist2 li::after { position: absolute; content: ''; left: auto; right: 0; top: 0; bottom: auto; width: 15.335%; padding-top: 15.335%; background: url(https://oss.zhongguanjituan.com/static/images/culture_bg11.jpg) no-repeat center; background-size: contain; }
.CulturalSpirit .piclist2 li::before { position: absolute; content: ''; left: auto; right: 0; top: 0; bottom: auto; width: 2px; height: 100%; background-image: -moz-linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%); background-image: -webkit-linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%); background-image: -ms-linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%); background-image: linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%); }
.CulturalSpirit .piclist2 li .ytable { position: relative; z-index: 10; }
.CulturalSpirit .piclist2 li .ytable_cell { vertical-align: top; }
.CulturalSpirit .piclist2 li .pic { width: 125px; }
.CulturalSpirit .piclist2 li .pic img { border-radius: 100px; background-color: #fff; }
.CulturalSpirit .piclist2 li .txt { padding-left: 5%; line-height: 30px; }
.CulturalSpirit .piclist2 li .txt h3 { font-size: 20px; margin-bottom: 2%; }
.CulturalSpirit .piclist2 li:hover { box-shadow: 0 0 12px rgba(0, 0, 0, 0.07); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

@media (max-width: 1600px) {
.CulturalSpirit .piclist1 li { margin: 0 1.5%; }
}

@media (max-width: 640px) {
.CulturalSpirit .piclist1 li { width: 100%; margin: 0 0 5%; max-width: 100%; float: none; }
.CulturalSpirit .piclist2 { padding: 0; border-top: none; }
.CulturalSpirit .piclist2 li { width: 100%; margin: 0 0 5%; max-width: 100%; float: none; border-top: 1px solid #ebedf2; }
.CulturalSpirit .piclist2 li .pic { width: 90px; }
.CulturalSpirit .piclist2 li .txt { line-height: 24px; }
.CulturalSpirit .piclist2 li .txt h3 { font-size: 16px; }
}
.MissionBox { padding: 6% 0; }
.MissionBox .pic { width: 50.334%; }
.MissionBox .pic img { box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25); }
.MissionBox .txt { padding-right: 10%; font-size: 18px; line-height: 30px; }
.MissionBox .txt .ColumnName { font-family: 'PangMen'; }

@media (max-width: 640px) {
.MissionBox .ytable_cell { display: block; width: 100%; margin: 2% 0; }
.MissionBox .txt { font-size: 14px; line-height: 24px; }
}
.ValueBox .ColumnName { font-family: 'PangMen'; }
.ValueBox .box_1 { padding: 1% 0 4%; }
.ValueBox .box_2 { display: none; }
.ValueBox .box_1 .pic { width: 350px; vertical-align: top; }
.ValueBox .box_1 .pic img { }
.ValueBox .box_1 .txt { padding-left: 2%; line-height: 30px; font-size: 18px; }
.ValueBox .box_1 .txt h2 { font-size: 20px; margin-bottom: 0.3%; }
.ValueBox .box_1 .ul, .ValueBox .box_1 .txt p { max-width: 1100px; }
.ValueBox .box_1 li { float: left; width: 25%; text-align: center; margin: 4% 0 2% 0; }
.ValueBox .box_2 .pic { width: 28%; text-align: center; padding: 3.17% 2%; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.12); border: 1px solid #f0f0f0; }
.ValueBox .box_2 .pic figure { width: 141px; height: 187px; position: relative; margin: 0 auto; }
.ValueBox .box_2 .pic figure svg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.ValueBox .box_2 .pic figure svg image:not(:first-child) { cursor: pointer; transition: all .3s ease-in-out; }
.ValueBox .box_2 .pic figure svg image:not(:first-child):hover { transform: scale(1.05) translate(-1%, -1%); }
.ValueBox .box_2 .pic figure svg image.on { transform: scale(1.05) translate(-1%, -1%); }
.ValueBox .box_2 .txt { padding-left: 5%; line-height: 30px; }
.ValueBox .box_2 .txt li { width: 33.33%; float: left; padding: 1.5% 3%; transition: all 0.5s; border: 1px solid transparent; }
.ValueBox .box_2 .txt li h2 { font-size: 20px; }
.ValueBox .box_2 .txt li.on { box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1); border-color: #f0f0f0; }

@media (max-width: 640px) {
.ValueBox .box_1 .pic { width: 35%; }
.ValueBox .box_1 .txt { line-height: 24px; font-size: 14px; }
.ValueBox .box_1 .txt h2 { font-size: 16px; }
.ValueBox .box_2 .ytable_cell { width: 100%; display: block; margin: 5% 0; }
.ValueBox .box_2 .txt { padding-left: 0; line-height: 24px; }
.ValueBox .box_2 .txt li { width: 100%; float: none; margin: 2% 0; }
.ValueBox .box_2 .txt li h2 { font-size: 16px; }
}
.CharityBox .auto-1500 { max-width: 1330px; }
.CharityBox .fl { width: 45%; padding-top: 1%; line-height: 36px; }
.CharityBox .fr { width: 50%; }
.CharityBox .fr li { padding: 14px 0; border-bottom: 1px dotted #bfbfbf; line-height: 24px; }
.CharityBox .fr li:last-child { border-bottom: none; }
.CharityBox .box_2 { margin-top: 3.5%; border: 1px solid #e60000; background-color: #fee6e6; border-radius: 5px; padding: 2% 6%; font-size: 18px; line-height: 30px; color: #e60000; position: relative; }
.CharityBox .box_2 h3 { font-size: 20px; font-weight: bold; position: relative; }
.CharityBox .box_2 h3::before { position: absolute; content: ''; left: auto; right: 101.8%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 5%; height: 3px; background-color: #e60000; }

@media (max-width: 640px) {
.CharityBox .fl, .CharityBox .fr { width: 100%; float: none; margin: 2% 0; }
.CharityBox .box_2 { font-size: 14px; line-height: 24px; }
.CharityBox .box_2 h3 { font-size: 16px; }
}
.volunteerBox .ColumnName { font-family: 'PangMen'; font-weight: normal; font-size: 44px; position: relative; }
.volunteerBox .ColumnName span { position: relative; z-index: 10; }
.volunteerBox .ColumnName .num { position: absolute; left: 0; top: 0; right: auto; bottom: auto; font-family: 'Impact'; font-size: 14vw; z-index: 1; line-height: 8vw; color: #d7d4b3; opacity: 0.22; }
.volunteerBox .box { position: relative; z-index: 10; }
.volunteerBox .box_1 { /* max-width: 1200px; */ margin: 0 auto; }
.volunteerBox .box_1 .tab_span { margin-bottom: 20px; }
.volunteerBox .box_1 .tab_span span { display: inline-block; vertical-align: bottom; padding-bottom: 3px; font-size: 24px; color: #333333; margin-right: 60px; position: relative; border-bottom: 2px solid transparent; cursor: pointer; }
.volunteerBox .box_1 .tab_span span::after { position: absolute; content: ''; left: auto; right: -30px; top: auto; bottom: 0; margin-bottom: 10px; width: 1px; height: 20px; background-color: #eae6b8; }
.volunteerBox .box_1 .tab_span span i { font-style: normal; font-size: 18px; }
.volunteerBox .box_1 .tab_span span:last-child::after { display: none; }
.volunteerBox .box_1 .tab_span span.on { color: #e60000; font-size: 40px; border-bottom-color: #e60000; padding-bottom: 0; }
.volunteerBox .box_1 figure { width: 100%; padding-top: 50%; position: relative; }
.volunteerBox .box_1 figure video { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; }
.volunteerBox .box_1 .tit { margin: 2% 0; }
.volunteerBox .box_2 { margin: 4% 0 3%; }
.volunteerBox .box_2::before { position: absolute; content: ''; left: 0; right: auto; top: 50%; bottom: auto; width: 100%; height: 1px; background-color: #f4f0c6; }
.volunteerBox .box_2 .pic { position: relative; z-index: 10; }
.volunteerBox .box_3 li { background-color: #fff; margin-bottom: 20px; max-height: 356px; }
.volunteerBox .box_3 .ytable { height: 100%; }
.volunteerBox .box_3 .pic { margin-left: auto; width: 533px; position: relative; }
.volunteerBox .box_3 .pic .slick-dots { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1; padding-left: 10px; }
.volunteerBox .box_3 .pic .slick-dots li { width: 8px; height: 8px; border-radius: 50%; cursor: pointer; background-color: #fff; display: inline-block; margin: 5px; line-height: 10px; }
.volunteerBox .box_3 .pic .slick-dots li button { display: none; }
.volunteerBox .box_3 .pic .slick-dots li.slick-active { background-color: #e60000; }
.volunteerBox .box_3 figure { width: 100%; padding-top: 66.8%; }
.volunteerBox .box_3 .txt { padding: 2% 5%; }
.volunteerBox .box_3 .tit { font-family: 'YouShe'; font-weight: normal; }
.volunteerBox .box_3 .text { font-size: 18px; font-weight: normal; margin: 1% 0 2%; }
.volunteerBox .box_3 .intro, .volunteerBox .box_3 article { margin-bottom: 3.5%; line-height: 30px; }
.volunteerBox .box_3 article { display: none; overflow: auto; max-height: 140px; padding-right: 2%;/* 设置滚动条的样式 *//* 滚动槽 *//* 滚动条滑块 */
}
.volunteerBox .box_3 article::-webkit-scrollbar {
 width: 3px;
}
.volunteerBox .box_3 article::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
 border-radius: 5px;
}
.volunteerBox .box_3 article::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #e60000;
 -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
.volunteerBox .box_3 article::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(255, 0, 0, 0.4);
}
.volunteerBox .box_3 .content { border-bottom: 1px solid #e9e9e9; padding-bottom: 2%; }
.volunteerBox .box_3 .more { color: #999999; display: inline-block; cursor: pointer; }
.volunteerBox .box_3 .more::after { content: '>'; font-family: 'SimSun'; font-size: 18px; margin-left: 5px; display: inline-block; vertical-align: middle; font-weight: bold; }
.volunteerBox .box_3 .down::after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 10px; }
.volunteerBox .box_3 .page { text-align: center; }
.volunteerBox .box_3 .page .slick-arrow { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); display: inline-block; margin: 0 10px; }
.volunteerBox .owlList2 { padding-top: 5%; }
.volunteerBox .box_4 .tab_span { margin-bottom: 20px; position: relative; z-index: 10; }
.volunteerBox .box_4 .tab_span span { display: inline-block; vertical-align: bottom; padding-bottom: 3px; font-size: 24px; color: #333333; margin-right: 60px; position: relative; border-bottom: 2px solid transparent; cursor: pointer; }
.volunteerBox .box_4 .tab_span span::after { position: absolute; content: ''; left: auto; right: -30px; top: auto; bottom: 0; margin-bottom: 10px; width: 1px; height: 20px; background-color: #eae6b8; }
.volunteerBox .box_4 .tab_span span i { font-style: normal; font-size: 18px; }
.volunteerBox .box_4 .tab_span span:last-child::after { display: none; }
.volunteerBox .box_4 .tab_span span.on { color: #e60000; font-size: 40px; border-bottom-color: #e60000; padding-bottom: 0; }
.volunteerBox .box_4 .tab_list { position: relative; }
.volunteerBox .box_4 .pic { float: left; width: 79.4%; position: relative; }
.volunteerBox .box_4 .pic figure { padding-top: 63.9%; position: relative; }
.volunteerBox .box_4 .pic .tit { position: absolute; left: 0; top: auto; right: auto; bottom: 0; width: 100%; line-height: 60px; max-width: 635px; padding: 0 2%; color: #fff; font-size: 18px; background: url(/static/images/culture_bg3.png) no-repeat left center; background-size: cover; }
.volunteerBox .box_4 .pic .video_bn { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 57px; height: 57px; background: url(/static/images/video_play1.png) no-repeat center; background-size: cover; }
.volunteerBox .box_4 .pic .video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none; background-color: #000; z-index: 2; }
.volunteerBox .box_4 .small { float: right; width: 19.43%; position: relative; }
.volunteerBox .box_4 .small .con { position: relative; margin: 5px 0; cursor: pointer; }
.volunteerBox .box_4 .small .con .txt { position: absolute; left: 0; top: 50%; right: auto; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; opacity: 0; color: #fff; }
.volunteerBox .box_4 .small .con h3 { font-size: 18px; font-weight: normal; }
.volunteerBox .box_4 .small .con h4 { font-size: 20px; font-weight: normal; }
.volunteerBox .box_4 .small .ul { margin: -5px 0; }
.volunteerBox .box_4 .small figure { /*padding-top: 62.4%;*/ height: 181px; }
.volunteerBox .box_4 .small figure::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #e60000; opacity: 0; }
.volunteerBox .box_4 .small .slick-current figure::before { opacity: 0.7; }
.volunteerBox .box_4 .small .slick-current .txt { opacity: 1; }
.volunteerBox .box_4 .small .slick-arrow { width: 100%; height: 30px; left: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); background-image: none; }
.volunteerBox .box_4 .small .slick-arrow::before { position: absolute; content: ''; left: 50%; right: auto; top: 50%; bottom: auto; width: 10px; height: 16px; transform: translate(-50%, -50%) rotate(90deg); background: url(/static/images/left_icon3.png) no-repeat center; }
.volunteerBox .box_4 .small .slick-prev { top: 0; }
.volunteerBox .box_4 .small .slick-next { top: auto; bottom: 0; }
.volunteerBox .box_4 .small .slick-next::before { transform: translate(-50%, -50%) rotate(-90deg); }

@media (max-width: 1600px) {
.volunteerBox .box_4 .small figure { height: 161px; }
}

@media (max-width: 1366px) {
.volunteerBox .box_4 .small figure { height: 157px; }
}

@media (max-width: 1200px) {
.volunteerBox .box_4 .small figure { height: 137px; }
}

@media (max-width: 1024px) {
.volunteerBox .ColumnName { font-size: 36px; }
.volunteerBox .box_3 .pic { width: 100%; }
.volunteerBox .box_4 .small figure { height: 116px; }
}

@media (max-width: 768px) {
.volunteerBox .ColumnName { font-size: 32px; }
.volunteerBox .box_4 .small .con h3 { font-size: 16px; }
.volunteerBox .box_4 .small .con h4 { font-size: 18px; }
}

@media (max-width: 640px) {
.volunteerBox .ColumnName { font-size: 28px; }
.volunteerBox .box_1 .tab_span span { font-size: 18px; margin-right: 30px; }
.volunteerBox .box_1 .tab_span span::after { right: -15px; }
.volunteerBox .box_1 .tab_span span.on { font-size: 28px; }
.volunteerBox .box_3 .txt { padding-left: 3%; padding-right: 3%; }
.volunteerBox .box_3 .text { font-size: 14px; }
.volunteerBox .box_3 figure { height: 100%; padding-top: 0; }
.volunteerBox .box_3 .intro, .volunteerBox .box_3 article { line-height: 20px; font-size: 12px; }
.volunteerBox .box_4 .tab_span span { font-size: 18px; margin-right: 30px; }
.volunteerBox .box_4 .tab_span span::after { right: -15px; }
.volunteerBox .box_4 .tab_span span.on { font-size: 28px; }
.volunteerBox .box_4 .pic, .volunteerBox .box_4 .small { width: 100%; float: none; margin: 3% 0; }
.volunteerBox .box_4 .small .ul { margin: 0 -5px; }
.volunteerBox .box_4 .small .con { margin: 0 5px; }
.volunteerBox .box_4 .small .con h3 { font-size: 14px; }
.volunteerBox .box_4 .small .con h4 { font-size: 16px; }
.volunteerBox .box_4 .small .slick-arrow { width: 20px; height: 100%; top: 0; bottom: 0; }
.volunteerBox .box_4 .small .slick-arrow::before { transform: translate(-50%, -50%) rotate(0); }
.volunteerBox .box_4 .small .slick-prev { left: 0; right: auto; }
.volunteerBox .box_4 .small .slick-next { left: auto; right: 0; }
.volunteerBox .box_4 .small .slick-next::before { transform: translate(-50%, -50%) rotate(180deg); }
.volunteerBox .box_4 .pic .tit { font-size: 16px; line-height: 40px; }
.volunteerBox .owlList3 { margin-top: 10%; }
}
/* 视频弹窗 */

.video-play-wrap { position: fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, .5); display: none; width: 100%; height: 100%; }
.video-play-wrap .inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 84.1%; height: 94%; }
.video-play-wrap .inner video { width: 100%; height: 100%; }
.video-play-wrap .close-btn { background: rgba(30, 30, 30, .6); cursor: pointer; height: 44px; padding: 10px; transition: color .2s; vertical-align: top; width: 44px; position: absolute; right: 0; top: 0; color: #ccc; }
.video-play-wrap .close-btn svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; }

@media screen and (max-width: 768px) {
.video-play-wrap { width: 100%; height: 100%; }
}
.down_Year { float: right; width: 200px; position: relative; z-index: 10; font-size: 18px; text-align: left; }
.down_Year dt { width: 100%; padding: 0 37px 0 20px; background: url(/static/images/select2.png) no-repeat 90% center; border: 2px solid #e6ecf2; color: #E60000; line-height: 46px; cursor: pointer; }
.down_Year dd { position: absolute; left: 0; top: 100%; right: auto; bottom: auto; width: 100%; line-height: 26px; background-color: #fff; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); display: none; }
.down_Year dd a { color: #E60000; display: block; padding: 5px 20px; }
.down_Year dd a:hover { background-color: #004ea2; color: #fff; }
.CharityBox .list { margin: 2% 0; }
.CharityBox .list .ul { position: relative; margin: 0 -30px; }
.CharityBox .list li { padding: 0 30px; }
.CharityBox .pic { width: 100%; padding-top: 130%; background-size: contain; transition: all .3s ease-in-out; }
.CharityBox .tit { text-align: center; font-size: 18px; line-height: 60px; font-family: 'AlibabaPH'; }
.CharityBox .list .slick-next, .CharityBox .list .slick-prev { width: 18px; height: 35px; font-size: 0; border: none; background: none; position: absolute; top: 40%; z-index: 10; cursor: pointer; }
.CharityBox .list .slick-next { right: -1%; background: url(/static/images/next_arrow1.png)no-repeat center; }
.CharityBox .list .slick-prev { left: -1%; background: url(/static/images/prev_arrow1.png)no-repeat center; }
.CharityBox .list li:hover .pic3 { background-size: 110%; }
.history_news { padding: 4% 0 2%; }
.history_news .year { position: relative; z-index: 1; }
.history_news .year .slider:after { position: absolute; content: ''; left: 0; top: 38px; width: 100%; height: 8px; border-radius: 4px; background: rgb(10,103,199); background: -moz-linear-gradient(left, rgba(230,0,0,1) 0%, rgba(248,245,214,1) 100%); background: -webkit-linear-gradient(left, rgba(230,0,0,1) 0%, rgba(248,245,214,1) 100%); background: linear-gradient(to right, rgba(230,0,0,1) 0%, rgba(248,245,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60000', endColorstr='#f9f8dc', GradientType=1 );
}
.history_news .year li { padding-top: 62px; text-align: center; }
.history_news .year li.slick-current { background: url("/static/images/Timeline003058_add.png") no-repeat center top; }
.history_news .year li span { color: #000; display: inline-block; padding: 0 0.889em; line-height: 1.945em; height: 1.667em; font-family: 'ArialMT'; font-size: 18px; }
.history_news .year li.slick-current span { background-color: #e60000; border-radius: 10px; color: #fff; }
.history_news .slider-list { margin-top: 2.6vw; position: relative; }
.history_news .slider-list li { padding: 1.405vw 0 2vw 0; }
.history_news .slider-list .inner { background-color: #ffffff; border-radius: 20px; border: solid 1px #e1e8f0; padding: 2.92vw 2.08vw; margin: 0 1.405vw; transition: 0.3s; }
.history_news .slider-list .inner:hover { box-shadow: 0px 0.83vw 1.405vw rgba(4, 43, 131, 0.15); border-color: #fff; }
.history_news .slider-list .inner time { text-align: right; display: block; margin-bottom: 1.2vw; }
.history_news .slider-list .inner time b { font-family: 'Arial'; font-size: 30px; line-height: 1.634em; color: #3e3e3e; }
.history_news .slider-list .inner time b:not(:last-child):after { display: inline-block; width: 13px; height: 2px; background-color: #e5e5e5; margin: 0 15px; vertical-align: middle; content: ''; }
.history_news .slider-list .inner:hover time b { color: #e60000; }
.history_news .slider-list .inner:hover time b:not(:last-child):after { background-color: #1e66f0; opacity: 0.32; }
.history_news .slider-list .pic { border-radius: 10px; margin-bottom: 2.2vw; }
.history_news .slider-list .pic img { width: 100%; }
.history_news .slider-list pre { font-size: 16px; line-height: 1.625em; color: #000; text-align: center; height: 6.5em; }
.history_news .slider-list .auto-1600 { position: relative; }
.history_news .slider-list .btn .slick-arrow { position: absolute; top: 50%; border: solid 4px #8696a9; width: 32px; height: 32px; transform: rotate(45deg); border-right: 0; border-top: 0; border-radius: 4px; background: none; }
.history_news .slider-list .btn .slick-next { transform: rotate(-135deg); }
.history_news .slider-list .btn .slick-arrow:hover { border-color: #e60000; }

@media(min-width:1601px) {
.history_news .slider-list .btn .slick-prev { left: -3.07vw; }
.history_news .slider-list .btn .slick-next { right: -3.07vw; }
.history_news .slider-list .slider { margin: 0 -1.405vw; }
}

@media(max-width:1600px) {
.history_news .slider-list .btn .slick-prev { left: 0; }
.history_news .slider-list .btn .slick-next { right: 0; }
.history_news .slider-list .inner { margin: 0 1vw; }
.history_news .slider-list .slider { padding: 0 40px; }
}

@media(max-width:640px) {
.history_news .slider-list .pic { margin: 4vw 0; }
.history_news .slider-list .btn .slick-arrow { width: 5vw; height: 5vw; margin-top: -2.5vw; }
.history_news .slider-list .slider { padding: 0 5vw; }
.history_news .slider-list .inner time b { font-size: 5vw; }
.history_news .year:after { bottom: 30px; }
.history_news .year .slider:after { height: 5px; top: 28px; }
.history_news .year li { padding-top: 40px; }
.history_news .year li.aon { background-size: auto 30px; }
.history_news .year li span { font-size: 4vw; }
}
.lifeitem1 { max-width: 1600px; margin: 5% auto 0; }
.lifeitem1 .list { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; }
.lifeitem1 .fl { width: 68%; }
.lifeitem1 .fl li figure { padding-top: 55%; }
.lifeitem1 .fl li p { display: none; }
.lifeitem1 .fr { width: 30%; }
.lifeitem1 .fr li { padding: 20px 10px; font-size: 18px; font-weight: bold; margin: 2% 0; box-sizing: border-box; }
.lifeitem1 .fr li.slick-current { background-color: #E60000; color: #fff; }
.lifeitem2 { max-width: 1600px; margin: 5% auto 0; }
.lifeitem2 ul { margin: 0 -20px; }
.lifeitem2 .box { margin: 20px; background-color: #fff; transition: all 0.5s; }
.lifeitem2 .box figure { padding-top: 60%; }
.lifeitem2 .txt { padding: 7%; min-height: 130px; }
.lifeitem2 .txt h3::before { content: ''; display: block; width: 20px; height: 4px; background-color: #E60000; margin-bottom: 5%; }
.lifeitem2 .txt h3 { font-size: 20px; }
.lifeitem2 .box:hover { box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%); }
.lifeitem1 .slick-prev { right: 0; top: 0; left: auto; transform: translate(0, 0) rotate(90deg); width: 50px; height: 50px; }
.lifeitem1 .slick-next { bottom: 0; top: auto; right: 0; left: auto; transform: translate(0, 0) rotate(90deg); width: 50px; height: 50px; }

@media(max-width:1024px) {
.lifeitem1 .fr li { font-size: 16px; padding: 10px; margin: 1% 0; }
}

@media(max-width:768px) {
.colorful_workplace .title { font-size: 30px; }
.lifeitem1 .fl { width: 100%; float: none; }
.lifeitem1 .fl li p { display: block; position: absolute; left: 0; bottom: 0; padding: 2%; color: #fff; width: 100%; background: url(/static/images/culture_bg3.png) no-repeat left center; background-size: cover; }
.lifeitem1 .fr { display: none; }
.lifeitem2 ul { margin-left: 0; margin-right: 0; padding: 10px; }
.lifeitem2 .box { margin: 10px; }
.lifeitem2 .slick-prev { left: -3%; }
.lifeitem2 .slick-next { right: -3%; }
}

@media(max-width:640px) {
.lifeitem1, .lifeitem2 { margin-top: 10%; }
.colorful_workplace .title { font-size: 20px; }
.lifeitem2 .txt { min-height: auto; }
.lifeitem2 .txt h3 { font-size: 16px; }
}
/* 产品弹窗 */
.popup { position: fixed; width: 100%; height: 100%; background: #0000005e; display: none; z-index: 999; top: 0; left: 0; }
.popup .tanchuang { width: 60%; height: 100%; display: flex; align-items: center; margin: auto; }
.popup .tanchuang .div { background: white; padding: 4vw; display: flex; width: 100%; align-items: center; position: relative; }
.popup .tanchuang .div .ul_1 { width: 15.5%; height: 100%; }
.popup .tanchuang .div .ul_2 { width: 40%; height: 100%; }
.popup .tanchuang .div .ul_3 { width: 45%; }
.popup .tanchuang .div .ul_3 li:nth-child(1) { color: #141620; padding-bottom: 0.3em; font-weight: bold; line-height: 1.3em; }
.popup .tanchuang .div .ul_3 li:nth-child(2) { color: #888; padding-bottom: 10px; }
.popup .tanchuang .div .ul_3 li:nth-child(3) { line-height: 1.7em; color: #646464; padding-bottom: 2em; min-height: 6.5em; }
.popup .ul_1 .slick-slide { padding: 1px }
.popup .ul_1 .slick-slide img { border: 1px solid #ff000000; border-radius: 5px; overflow: hidden; box-sizing: border-box }
.popup .ul_1 .slick-current img { border: 1px solid #ff0000; }
.popup .tanchuang .div .ul_3 a { margin-right: 10px; }
.popup button { width: 100px; padding: 5px 0; border: 0; background: #e60000; color: #ffff; cursor: pointer; border-radius: 5px; }
.popup .slick-arrow { position: absolute; left: 40%; border: 1px solid #e60000; background-color: transparent; border-radius: 100%; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 7px center; z-index: 10; background-size: 6px; }
.popup .slick-prev { top: -30px; background-image: url(/static/images/a_prev_on_2.png); transform: rotate(90deg); }
.popup .slick-next { top: auto; bottom: -30px; right: 0; background-image: url(/static/images/a_next_on_2.png); transform: rotate(-90deg); }
.popup .image_x { position: absolute; right: 0; top: -25px; background: #e60000; border-radius: 50px; }

@media(max-width:1344px) {
.popup .tanchuang { width: 90%; }
}

@media(max-width:768px) {
.popup .image_x { top: -49px; }
.popup .tanchuang .div ul { width: 100% !important; }
.popup .tanchuang .div { display: block; }
.popup .slick-arrow { top: 36%; background-position: center; }
.popup .slick-prev { left: 0; transform: rotate(0deg); }
.popup .slick-next { right: 0; transform: rotate(0deg); }
}
/* 代加工服务 */
.oem .OEMProcessing li a { background: #ffffff; border: 1px solid #f0f0f0; box-shadow: 6px 6px 12px rgb(0 0 0 / 7%); padding: 60px; margin-bottom: 40px; table-layout: fixed; transition: all 0.5s; }
.oem .OEMProcessing li .pic { width: 120px; }
.oem .OEMProcessing li .Ispic { padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.oem .OEMProcessing li .txt h3 { font-weight: normal; margin: 0; color: #333333; }
.oem .OEMProcessing li .txt h3:after { display: block; content: ""; width: 140px; height: 1px; background: linear-gradient(to right, #32beff 0%, #005aab 100%); margin: 3% auto; }
.oem .OEMProcessing li .txt p { font-size: 18px; line-height: 30px; color: #666666; margin: 0; }
.oem .OEMProcessing li:hover a { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

@media(min-width:641px) {
.oem .OEMProcessing li .txt { padding-left: 50px; }
.oem .OEMProcessing li .txt h3:after { margin: 3% 0; }
}

@media(min-width:1025px) {
.oem .OEMProcessing li { float: left; width: calc((100% - 40px)/2); }
.oem .OEMProcessing li:nth-child(2n) { float: right; }
}

@media(max-width:1024px) {
.oem .OEMProcessing li a { margin-bottom: 5%; }
}

@media(max-width:640px) {
.oem .OEMProcessing li .ytable, .oem .OEMProcessing li .ytable-cell { display: block; }
.oem .OEMProcessing li a { padding: 20px; text-align: center; }
.oem .OEMProcessing li .pic { margin: 0 auto; }
.oem .OEMProcessing li .txt { padding-top: 20px; }
.oem .OEMProcessing li .txt h3 { font-size: 20px; }
.oem .OEMProcessing li .txt p { font-size: 14px; line-height: 24px; }
}
.oem .Material { background: #f9f9f9; }

.oem .Material .slick-dots{position: absolute;text-align: center;left:0;width: 100%; bottom: 0; padding: 14px 0; background: rgba(0,0,0,0.12); z-index: 20;}
.oem .Material .slick-dots li{ display: inline-block;width: 12px; height: 12px; border-radius: 50%; background-color: #fff; margin: 0 12px;}
.oem .Material .slick-dots li button{display: none;}
.oem .Material .slick-dots li.slick-active{background: #e60000 !important;}



.oem .Material .piclist { font-size: 0; text-align: center; }
.oem .Material .piclist li { width: 30%; max-width: 400px; margin: 0 3%; vertical-align: top; display: inline-block; background-color: #fff; padding: 20px; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.07); transition: all 0.5s; }
.oem .Material .piclist .slick-dots li { width: 12px; max-width: inherit; margin: 0 12px; vertical-align: top; display: inline-block; background-color: #fff; padding: 0; box-shadow: none; transition: all 0.5s; }

.oem .Material .piclist li img { border-radius: 5px; transition: all 0.5s; }
.oem .Material .piclist li .pic { overflow: hidden; position: relative;}
.oem .Material .piclist li .txt { color: #666666; font-size: 18px; padding: 5% 0; }
.oem .Material .piclist li .txt h3 { font-weight: normal; color: #333333; font-size: 20px; }
.oem .Material .piclist li .txt h3::after { content: ''; display: block; width: 75px; height: 1px; background:linear-gradient(to right, #32beff 0%, #005aab 100%); margin: 3% auto; }
.oem .Material .piclist li:not(.slick-dots li):hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

@media (max-width: 1600px) {
.oem .Material .piclist li:not(.slick-dots li) { margin: 0 1.5%; }
}

@media(min-width:1025px) {
.oem .Material .piclist li:not(.slick-dots li) { margin-bottom: 40px; }
.oem .Material .piclist li .txt { text-align: left; }
.oem .Material .piclist li .txt h3::after { margin: 3% 0; }
}

@media(max-width:1024px) {
.oem .Material .piclist li:not(.slick-dots li) { margin-bottom: 2%; }
}

@media (max-width: 640px) {
.oem .Material .piclist li:not(.slick-dots li) { width: 100%; margin: 0 0 5%; max-width: 100%; float: none; }
.oem .Material .piclist li .txt p { font-size: 14px; line-height: 24px; }
}
.oem .Qualification .auto-1600 { max-width: 1400px; }
.oem .Qualification .slick-dots { text-align: center; padding-top: 20px; }
.oem .Qualification .slick-dots li { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #bfbfbf; list-style: none; margin: 0 15px; }
.oem .Qualification .slick-dots li button { display: none; }
.oem .Qualification .slick-dots li.slick-active { background: #e60000; }
.oem .Qualification .list ul { padding: 5px 45px; }
.oem .Qualification .list li { float: left; position: relative; text-align: center; }
.oem .Qualification .list li:first-child:before, .oem .Qualification .list li:last-child:after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; }
.oem .Qualification .list li:first-child:before { left: -50px; background: url(/static/images/oem_Qualification_ul_l.png) no-repeat 0 0; }
.oem .Qualification .list li:last-child:after { right: -50px; background: url(/static/images/oem_Qualification_ul_r.png) no-repeat 0 0; }
.oem .Qualification .list li aside { background: url(/static/images/oem_Qualification_libg.png) repeat-x left top; }
.oem .Qualification .list li .pic { position: relative; max-width: 80%; margin: 0 auto; height: 250px; }
.oem .Qualification .list li .pic img { position: absolute; left: 50%; top: auto; right: auto; bottom: 0; border: 10px solid #efefef; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-height: 100%; transition: all .3s ease-in-out; }
.oem .Qualification .list li p { margin: 0 auto; line-height: 90px; color: #333; transition: all .3s ease-in-out; }
.oem .Qualification .list li:hover img { transform: scale(1.05) translateX(-48%); }
.oem .Qualification .list li:hover p { color: #e60000; }
.oem .Qualification .list .ul-3 li { width: 33.33333333%; }
.oem .Qualification .list .ul-3 li:nth-child(3):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background:url(/static/images/oem .Qualification_ul_r.png) no-repeat 0 0;
}
.oem .Qualification .list .ul-2 li { width: 50%; }
.oem .Qualification .list .ul-2 li:nth-child(2):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background:url(/static/images/oem .Qualification_ul_r.png) no-repeat 0 0;
}
.oem .Qualification .list .ul-1 li { width: 100%; }

@media(max-width:640px) {
.oem .Qualification .slick-dots { padding-top: 0; }
.oem .Qualification .slick-dots li { width: 8px; height: 8px; margin: 0 8px; }
.oem .Qualification .list li:first-child:before, .oem .Qualification .list li:last-child:after { height: 75px !important; }
.oem .Qualification .list li p { line-height: 75px; }
}
.oem .Contact { background: url(/static/images/1120.jpg)no-repeat center; background-size: cover; }
.oem .Contact table { width: 100%; }
.oem .Contact td { line-height: 60px; width: 25%; background-color: #fff; border: 2px solid #FFFCDB; padding: 0 2%; font-size: 16px; }
.oem .Contact tr:first-child td { background-color: #e60000; color: #fff; }
.oem .Contact .table1 tr:nth-child(1) td, .oem .Contact .table1 tr:nth-child(3) td { background-color: #f8f2ac; color: #333; }

.oem .Contact .hotline{ text-align: center;margin-top: 50px;}
.oem .Contact .hotline dl {
  display: inline-block;
}
.oem .Contact .hotline dt span {
  display: inline-block;
  padding-left: 50px;
  line-height: 40px;
  background: url(/static/images/hotline_icon1.png) no-repeat left center;
  color: #fff;
}
.oem .Contact .hotline dd {
  font-weight: bold;
  margin-top: 10px;
  color: #fff;
}



@media(max-width: 1024px) {
.oem .Contact tr td:nth-child(1),  .oem .Contact tr td:nth-child(3) { width: 10%; }
}

@media(max-width: 768px) {
.oem .Contact .table-box { overflow: hidden; overflow-x: scroll; }
.oem .Contact .table-box::-webkit-scrollbar {
width: 1px;
height: 5px;
}
 .oem .Contact .table-box::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #e60000;
}
 .oem .Contact .table-box::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #e6e9f1;
}
 .oem .Contact .table-box::-webkit-scrollbar-button {
display: none;
}
.oem .Contact table { width: 800px; }
}

@media(max-width: 640px) {
.oem .Contact td { line-height: 40px; }
.oem .Contact tr td:nth-child(1), .oem .Contact tr td:nth-child(3) { line-height: 24px; padding: 2%; }
}



.oem .OEMProcessing_Info .auto-1600 { max-width: 1400px; }

.oem .OEMProcessing_Info .piclist li { float: left; text-align: center; width: 30%; vertical-align: top; display: inline-block; background-color: #fff; border: 1px solid #f0f0f0; padding: 30px; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.07); transition: all 0.5s; }
.oem .OEMProcessing_Info .piclist li img { border-radius: 5px; transition: all 0.5s; }
.oem .OEMProcessing_Info .piclist li .pic { overflow: hidden; }
.oem .OEMProcessing_Info .piclist li .pic .Ispic{padding-bottom: 64%;transition: 0.3s;background-repeat: no-repeat; background-position: center center; background-size: contain;}
.oem .OEMProcessing_Info .piclist li a:hover .Ispic{transform: scale(1.05);}
.oem .OEMProcessing_Info .piclist li .txt { color: #666666; font-size: 18px; padding: 5% 0;}
.oem .OEMProcessing_Info .piclist li .txt h3 { font-weight: normal; color: #333333; font-size: 20px; }
.oem .OEMProcessing_Info .piclist li:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.oem .OEMProcessing_Info .piclist li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

@media(min-width:1025px) {
.oem .OEMProcessing_Info .piclist li { margin-bottom: 40px; text-align: left; }
.oem .OEMProcessing_Info .piclist li:not(:nth-child(3n)){ margin-right: 5%;}
}

@media(max-width:1024px) {
.oem .OEMProcessing_Info .piclist li { margin-bottom: 2%; }
}

@media (max-width: 640px) {
.oem .OEMProcessing_Info .piclist li { width: 100%; margin: 0 0 5% 0; max-width: 100%; float: none; }
}