.indexbanner{position:relative}
.indexbanner .swiper-slide{position:relative}
.banner_img{position:relative; width:100%; height:960px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.banner_img_pc img{ max-width: 100%;}
/*
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
*/
.banner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:left; color:#fff;transform:translateY(-50%);}
.banner_img_jj_mid_1{font-size:24px;line-height:1.6;margin-top:31px; font-family: 'GenBasR'; width: 67%;}
.banner_img_jj_mid_2{ font-size:52px; margin-top:0; position: relative; z-index: 9;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47); padding-left:60px; padding-top: 20px;}
.banner_img_jj_mid_2:before {content:'';position:absolute;top:-30px;left:0;width:340px;height:150px;background:url(../images/ban_icon.png) no-repeat left top; z-index: -1;}
.banner_img_jj_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25PX;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left; width: 10px; height:10px; line-height:10px;background:none; position:relative; border-radius: 100%; }
.indexbanner .swiper-pagination-bullet-active:after{width:48px; transition: width 7.3s ease-out 0s;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets {width:100%; left: 0; bottom:50px;}
.indexbanner .swiper-pagination span {width: 10px;height: 10px;opacity: .86; background:#fff;position: relative;}
.indexbanner .swiper-pagination span.swiper-pagination-bullet-active:after{content:''; position:absolute; left:-20px; bottom:-18px; width:46px; height:46px; background: url(../images/ban.png) no-repeat center; animation: cspinereverse 20s linear infinite;}
.indexbanner .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 10px;height:10px;border-radius: 10px;background:#cf010b;opacity: .96;}
.indexbanner .swiper-slide-active .banner_img_pc img{animation: toBig 5s linear forwards;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 20px}

@keyframes cspinereverse { from { transform:rotate(0); } to { transform:rotate(359deg); } }
@keyframes toBig { 0%{transform: scale(1);} 100%{transform: scale(1.1);}}
@media screen and (max-width: 1780px){
.banner_img{ height:880px;}}
@media screen and (max-width: 1680px){
.banner_img{ height:840px;}}
@media screen and (max-width: 1600px){
.banner_img{ height:800px;}
.banner_img_jj_mid_2{font-size:50px;}
}
@media screen and (max-width: 1560px){
.banner_img{ height:780px;}
}
@media screen and (max-width: 1440px){
.banner_img{ height:720px;}
.banner_img_jj_mid_2{font-size:50px;}}
@media screen and (max-width: 1366px){
.banner_img_jj_mid_2{font-size:42px;}
.banner_img{ height:683px;}}
@media screen and (max-width:1280px){
.banner_img_jj_mid_2{font-size:38px;}
.banner_img_jj_mid_1{margin-top:20px; font-size:22px;}
.banner_img{ height:640px;}}
@media screen and (max-width: 1200px){
.banner_img{ height:600px;}
.banner_img_jj_mid_1{font-size:18px; width: 70%; line-height: 28px;}
.banner_img_jj_mid_2{font-size:34px;margin-bottom: 0px;}}
@media screen and (max-width:1100px){
.banner_img{ height:550px;}
.indexbanner .swiper-slide .text .box .tit{margin-top:20px;font-size:45px}
.banner_img_jj_mid_1{margin-top:12px;font-size:18px}
.banner_img_jj_mid_2{font-size:30px; padding-top: 10px; padding-left: 40px;}
.banner_img_jj_mid_2:before { width:260px;height:100px; background-size: cover;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom:40px;}}
@media screen and (max-width: 1024px){
.banner_img{ height:512px;}
.banner_img_jj_mid_2{font-size:30px;}
}
@media screen and (max-width:1000px){
.banner_img{ height:500px;}
.indexbanner .swiper-slide .text .box{width:70%}
.banner_img_jj_mid_2{font-size:28px;}
.banner_img_jj_mid_2:before { width:200px;height:90px; background-size: cover;}
}
@media screen and (max-width:992px){
.banner_img{ height:496px;}
}
@media screen and (max-width:892px){
.banner_img{ height:456px;}
}
@media screen and (max-width:800px){
.banner_img{ height:406px;}
}
@media screen and (max-width: 768px){
.indexbanner{ margin-top: 56px;height:540px;}
.banner_img{ height:540px;}
.banner_img_jj_mid_2{font-size:24px; padding-top: 0px; }
.banner_img_mo img{ width: 100%;}
.banner_img_jj_mid_1{font-size:16px; }
}
@media screen and (max-width:700px){
.indexbanner{ height:490px;}
.banner_img{ height:490px;}
.indexbanner .swiper-slide .text{top:30%}
.indexbanner .swiper-slide .text .box{width:100%}
.indexbanner .sw-siperlide .text .box p{margin-top:5px;font-size:16px}
.banner_img_jj_mid_2:before { width:180px;height:80px; background-size: cover;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom:35px;}}
@media screen and (max-width: 668px){
.indexbanner{ height:470px;}
.banner_img{ height:470px;}
.banner_img_jj_mid_2{font-size:22px; padding-left: 30px;}}
@media screen and (max-width: 568px){
.indexbanner{ height:400px;}
.banner_img{ height:400px;}
}
@media screen and (max-width: 500px){
.indexbanner{ height:350px;}
.banner_img{ height:350px;}
.indexbanner .swiper-slide .text{top:26%}
.banner_img_jj_mid_1{font-size:14px; width: 100%;}
.banner_img_jj_mid_2{font-size:20px;}
.banner_img_jj_mid_2:before { width:140px;height:58px; background-size: cover;}
}
@media screen and (max-width: 468px){
.indexbanner{ height:330px;}
.banner_img{ height:330px;}
}
@media screen and (max-width: 428px){
.indexbanner{ height:310px;}
.banner_img{ height:310px;}
}
@media screen and (max-width: 400px){
.indexbanner{ height:280px;}
.banner_img{ height:280px;}
}
/**首页关于我们**/
.index-about{background:url(../images/index_about_bg.png) center bottom no-repeat; position: relative; padding-bottom: 280px;}
.index-about .num-big {color: #cc0000; line-height:1;}
.index-about .figure-right{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: flex; gap: 8rem;}
.index-about .figure-card{ color:#666;text-align:left; }
.index-about .index-about-right {margin-top:80px;  width: 45%; height: auto; position: absolute; content: ""; right: 60px; top: 0px; }
.index-about .index-about-right .img { width: 100%; height: 100%;}
.index-about .index-about-right .img img{ width: 100%; height: 100%;}
@media (max-width:1440px) {
.index-about{ padding-bottom: 250px;}
}
@media (max-width:1366px) {
.index-about{ padding-bottom: 200px;}
.index-about .figure-right{ gap: 6rem;}
}
@media (max-width:1280px) {
.index-about{ padding-bottom: 160px;}
.index-about .figure-right{ gap: 4rem;}
}
@media (max-width:992px) {
.index-about{ padding-bottom: 60px;}
.index-about .figure-right{ gap: 10rem;}
}
@media (max-width:768px){.index-about{ padding-bottom: 40px;}
.index-about .about-con .mt-20{ margin-top: 0px;}
.index-about .figure-right{width:100%; margin-top: 30px;}
.index-about .figure-right{ gap: 40px;}
}

.index-advantage{background:url(../images/index_adv_bg.jpg) center bottom no-repeat; background-size: cover; min-height: 480px !important; overflow: visible !important; position: relative;}
.index-advantage-l{ width: 45%; height: auto; position: absolute; content: ""; left:10%; top: -120px;  }
.index-advantage-r{ width: 50%; float: right;}
 
.index-advantage-r .right-box .item{padding:25px 0;border-bottom:1px solid rgba(255,255,255,0.2);}
.index-advantage-r .right-box .item h4{font-size:22px; color:rgba(255,255,255,1);display:flex;align-items:center;gap:10px;}
.index-advantage-r .right-box .item p{font-size:16px;color:rgba(255,255,255,0.95);line-height:1.7; height: 60px; display: none; margin-top: 15px;}
.index-advantage-r .right-box .item.on p{display: block;}
@media (max-width:1700px) {
.index-advantage-l{ left:8%; }
}
@media (max-width:1600px) {
.index-advantage-l{ left:6%; }
}
@media (max-width:1500px) {
.index-advantage-l{ left:4%; }
}
@media (max-width:1440px) {
.index-advantage-l{ left:2%; }
.index-advantage-r .right-box .item{padding:20px 0;}
}
@media (max-width:1200px) {
.index-advantage-r .right-box .item p{ height: 80px;}
.index-advantage-r .right-box .item h4{font-size:20px; }
}
/*移动端*/
@media(max-width:900px){ 
.index-advantage{ position: static;height: 520px !important; }
.index-advantage-l { display: none;}
.index-advantage-r{ width:100%; float: none;}
.index-advantage-r .right-box .item{padding:15px 0;}
.index-advantage-r .right-box .item h4{font-size:18px; }
}
@media(max-width:768px){ 
.index-advantage-r .right-box .item p{ height: 100px;}
}
@media(max-width:368px){ 
.index-advantage-r .right-box .item p{ height: 130px;}
}
/**产品***/
.indexpro-body a{display: block;position: relative;margin-bottom: 28px; height: 440px;overflow: hidden;}
.indexpro-body a .pic img{display: block;transition: all ease-in-out 1s;}
.indexpro-body a .des h2{font-size: 24px;height: 47px;line-height: 47px; color: #fff;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 924px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 448px;}
.indexpro-body a .pic,.indexpro-body a .pic img{width: 100%;height: 100%;overflow: hidden;}
.indexpro-body a .pic img.mobileimg{display: none;}
.indexpro-body a .more_link1 { margin-top: 20px; display: none;}
.indexpro-body a .more_link1 .common-more{ background: transparent;border: 1px solid #dcdcdc;transition: all ease-in-out .2s;}
.indexpro-body a .more_link1 .common-more span{ color: #fff;}
.indexpro-body a:hover .more_link1 .common-more, .indexpro-body a .more_link1 .common-more:hover{background: transparent;border: 1px solid #fff;}
.indexpro-body a:hover .more_link1 .common-more .img2, .indexpro-body a .more_link1 .common-more:hover .img2{display: block;}
.indexpro-body a:hover .more_link1 .common-more .img1, .indexpro-body a .more_link1 .common-more:hover .img1{display: none;}
.indexpro-body a:hover .more_link1 .common-more span, .indexpro-body a .more_link1 .common-more:hover span{color: #fff;}
.indexpro-body a:hover .more_link1 { display: block;}
.mobile-pro-c{display: none;}
.indexpro-body a .gradient,.indexpro-body a .des{width: 100%;left: 0;bottom: 0;}
.indexpro-body a .gradient{height: 134px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 92.75%);}
.indexpro-body a .des{z-index: 9;bottom: 26px;transition: all ease-in-out .3s;}
.indexpro-body a .gradient{z-index: 7;}
.indexpro-body a .desi{padding-left: 30px;}
.indexpro-body a:hover .des{bottom: 55px;}
.indexpro-body a:hover .pic img{transform: scale(1.1);}
@media (max-width:1480px) {
.indexpro-body a{height: 426px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 900px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 436px;}
}
@media (max-width:1440px) {
.indexpro-body a{height: 421px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 890px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 431px;}
.indexpro-body a .des{bottom: 38px;}
.indexpro-body a .desi{padding-left: 20px;}
.indexpro-body a .des h2{ height: 42px;line-height: 42px;}
} 
@media (max-width:1438px) {
.indexpro-body a{height: 416px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 880px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 425px;}
}
@media (max-width:1420px) {
.indexpro-body a{height: 407px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 860px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 416px;}
}
@media (max-width:1418px) {
.indexpro-body a{height: 402px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 850px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 411px;}
}
@media (max-width:1380px) {
.indexpro-body a{height: 393px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 830px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 402px;}
}
@media (max-width:1366px) {
.indexpro-body a{height: 388px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 820px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 397px;}
}
@media (max-width:1345px) {
.indexpro-body a{height: 385px;}
.indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 810px;}
.indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 392px;}
}
@media (max-width:1281px) {
 /* 主推产品 产品概括 */
 .mainproduct{background-size: cover;}
 .mainpro{height: 368px;}
 .mainpro .propic{width: 360px;}
 .mainpro .propic img{width: 400px;}
 .mainpro .intro{height: 368px;padding-left: 328px;}
 .mainpro .intro .tit{font-size: 32px;line-height: 32px;}
 .mainpro .intro p{font-size: 16px;}
 /* 产品中心 */
 .indexpro-body{padding: 0 20px;display: none;}
 .indexpro-body a{width: 48%;margin-bottom: 14px;}
 .indexpro-body a.a1,.indexpro-body a.a4,.indexpro-body a.a5{width: 100%;}
 .indexpro-body a.a2,.indexpro-body a.a3,.indexpro-body a.a6{width: 100%;}
 
 .indexpro-body a .pic img{object-fit: cover;height: auto;}
 .indexpro-body a .des p{width: 97%;}
 .index-pro .indexcommon-tit a.common-more{ display: none;}
 .index-pro .indexcommon-tit{ margin-bottom: 24px;}
 .indexpro-body a .pic img.mobileimg{ display: block;}
 .indexpro-body a .pic img.pcimg{ display: none;}
 .indexpro-body a{ height: auto;}
 .indexpro-body a .pic{ position: static;}
 .indexpro-body a .des .more{ display: none;}
 .indexpro-body a .gradient{ height: 40px;}
 .mobile-pro-c{ display: block; padding: 0 16px;}
 .mobile-pro-c .clist{ margin-bottom: 17px;}
 .mobile-pro-c .clist1 a.a1{ width: 66.47%;}
 .mobile-pro-c .clist1 a.a2{ width: 31.54%;}
 .mobile-pro-c .clist1 a.a2 .ai .tit{ padding: 0 20px 20px 20px;}
 .mobile-pro-c .clist2 a.a1 .ai .tit{ justify-content: flex-start;}
 .mobile-pro-c a img.img1{ width: 100%; height: 100%;}
 .mobile-pro-c .clist1.mb0{ margin-bottom: 0;}
 .mobile-pro-c .clist2.mb0{ margin-bottom: 0;}
 .mobile-pro-c .clist2 a.a1{ width: 31.48%;}
 .mobile-pro-c .clist2 a.a2{ width: 66.47%;}
 .mobile-pro-c .clist a{ position: relative;}
 .mobile-pro-c .clist a .ai{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); display: flex; flex-direction: column; justify-content: flex-end;}
 .mobile-pro-c .clist a .ai .tit{ color: #fff; font-size: 20px; display: flex; align-items: center; padding: 0 20px 20px; font-family: 'SourceHanSansCN-Medium';}
 .mobile-pro-c .clist a .ai .tit img{ width: 12px; height: 12px; display: block; margin-left: 2px;}
}
@media (max-width:768px) {
.mobile-pro-c .clist1 a.a2 .ai .tit{ padding: 0 15px 20px 15px;}
.mobile-pro-c .clist a .ai .tit{ font-size:18px; padding: 0 15px 20px;}
}
@media (max-width:568px) {
.mobile-pro-c .clist1 a.a2 .ai .tit{ padding: 0 10px 15px 10px;}
.mobile-pro-c .clist a .ai .tit{ font-size:16px; padding: 0 10px 15px;}
}
/**首页-案例**/
.index-case .swiper-slide { height: 860px;}
.index_index-case_left:hover span:before,.index_index-case_right:hover span:before{left:10%; width:80%;}
.index-case .swiper-pagination-bullet{opacity:1; text-align:left; height:24px; line-height:24px;background:none; position:relative; width:40px; color:#fff; font-size: 18px; font-family:Calibri;}
.index-case .swiper-pagination-bullet:before{content:''; position:absolute; left:14px; top:50%; opacity:.98; background-color:#999; height:4px; width:40px;transform:translateY(-50%);}
.index-case .swiper-pagination-bullet:after{content:''; position:absolute; width:0px; position:absolute; left:14px; background-color:#cc0000; z-index:100; height:4px; top:50%;transform:translateY(-50%);}
.index-case .swiper-pagination-bullet-active:after{width:40px; transition: width 7.3s ease-out 0s;}
/*.index-case .swiper-pagination-bullet:last-child:after,.index-case .swiper-pagination-bullet:last-child:before{width:0px; }*/
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{width:auto; text-align:right; right:10%; left: auto; bottom:80px;}
.index-case .index-case_img{position:relative; width:100%; height:860px;}
.index-case .index-case_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index-case .index-case_img_pc1 {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; display: none;}
.index-case .index-case_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.index-case .index-case_img_jj .container { padding-right: 0px; padding-left: 0px;}
.index-case_img_jj_mid_1{ color: #fff; text-align:left; font-family: "微软雅黑"; line-height: 60px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47); }
.index-case_img_jj_mid_2{ color: #fff; text-align:left; line-height: 45px; width: 44%; margin-bottom: 25px; margin-top: 38%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);}
.index-case .swiper-pagination{ color: #fff; font-size: 24px; line-height: 40px;}
.index-case .swiper-pagination-current{ color: #fff; font-size:34px; font-weight: 900; line-height: 40px;}
.index-case .swiper-pagination-total{ color: #fff; }
.index-case .swiper-button-next,.index-case .swiper-button-prev{ border: 1px solid #fff; background: #fff; width:65px;height:65px; border-radius: 100%;top: 47%; z-index: 99999;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px; }
.index-case .swiper-button-next,.index-case .swiper-container-rtl .swiper-button-prev{ right:8%;}
.index-case .swiper-button-prev,.index-case .swiper-container-rtl .swiper-button-next{left:8%;right:auto}
.index-case .swiper-button-prev:before{transform: rotateY(180deg);content:"";width:30px;height:24px;display:block;overflow:hidden;background:url(../images/arrow_red.png) no-repeat center;position:absolute;left:16px;top:50%;margin-top:-12px;}
.index-case .swiper-button-next:before{ content:"";width:30px;height:24px;display:block;overflow:hidden;background:url(../images/arrow_red.png) no-repeat center;position:absolute;left:16px;top:50%;margin-top:-12px;}
.index-case .swiper-button-next:hover,.index-case .swiper-button-prev:hover{ border: 1px solid #cc0000; background: #cc0000;}
.index-case .swiper-button-prev:hover:before{ background:url(../images/arrowh.png) no-repeat center; }
.index-case .swiper-button-next:hover:before{ background:url(../images/arrowh.png) no-repeat center; }

@media (min-width:1920px){
.index-case .swiper-slide { height: 880px;}
.index-case .index-case_img{height:880px;}}
@media (min-width:2000px){
.index-case .swiper-slide { height: 1140px;}
.index-case .index-case_img{height:1140px;}
}
@media (max-width:1830px){
.index-case .swiper-slide { height: 820px;}
.index-case .index-case_img{ height:820px;}
.index-case_img_jj_mid_2{ line-height: 43px; }
}

@media (max-width:1600px){
.index-case .swiper-slide { height: 720px;}
.index-case .index-case_img{ height:720px;}
.index-case_img_jj_mid_1{ margin-bottom: 15px; line-height: 60px;}
.index-case_img_jj_mid_2{ margin-top: 34%; }
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{ left:7%; bottom:60px;}
}
@media (max-width:1540px){
.index-case .swiper-slide { height: 690px;}
.index-case .index-case_img{ height:690px;}
.index-case_img_jj_mid_1{ line-height: 50px;}
.index-case_img_jj_mid_2{ line-height: 40px; margin-top: 32%; }
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{ bottom: 50px;}}
@media (max-width:1440px){
.index-case .swiper-slide { height:645px;}
.index-case .index-case_img{ height:645px;}
.index-case_img_jj_mid_1{ line-height: 50px;}
.index-case_img_jj_mid_2{ margin-top: 30%; }
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{ bottom: 40px;}
}
@media (max-width:1366px){
.index-case .swiper-slide { height: 610px;}
.index-case .index-case_img{ height:610px;}
.index-case_img_jj_mid_2{line-height: 36px; margin-top: 28%;}
}
@media (max-width:1280px){
.index-case .swiper-slide { height: 570px;}
.index-case .index-case_img{ height:570px;}
.index-case_img_jj_mid_2{ margin-top: 26%; }
.index-case .swiper-pagination-bullet{width:48px;}
.index-case .swiper-pagination-bullet:before{left:14px;width:48px;}
.index-case .swiper-pagination-bullet:after{ width:0px; left:14px; }
.index-case .swiper-pagination-bullet-active:after{width:48px;}
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{left:6%; bottom: 30px;}
.index-case .swiper-pagination{ font-size: 22px;}
.index-case .swiper-button-prev:before{ left:8px;top:50%; width:16px;height:16px; margin-top: -8px;}
.index-case .swiper-button-next:before{ left:8px;top:50%;width:16px;height:16px; margin-top: -8px;}

}
@media (max-width:1199px){
.index-case .swiper-slide {padding-top: 0px; height: 540px;}
.index-case_img_jj_mid_2{ margin-top: 24%; }
.index-case .index-case_img{ height:540px;}
.index-case .index-case_img_pc{ display: none;}
.index-case .index-case_img_pc1{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.index-case .index-case_img_jj .container { padding-right: 10px; padding-left: 10px;}
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{left:3%; bottom: 30px; }}
@media (max-width:1100px){
.index-case .swiper-slide { height:500px;}
.index-case .index-case_img{ height:500px;}
.index-case .index-case_img_jj .container {width: 92vw;}
.index-case_img_jj_mid_2{line-height: 34px;}
}
@media (max-width:1024px){
.index-case .swiper-slide { height:460px;}
.index-case .index-case_img{ height:460px;}
.index-case .index-case_img_jj.index-case3 .index-case_img_jj_mid1{ width: 44%; }
.index-case_img_jj_mid_2{ margin-top: 22%; }
.index-case .swiper-button-next,.index-case .swiper-button-prev{ width:38px;height:38px;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{ top: 50%; }
.index-case .swiper-button-prev, .index-case .swiper-container-rtl .swiper-button-next{left:1%;right:auto}
.index-case .swiper-button-next,.index-case .swiper-container-rtl .swiper-button-prev{ right: 1%;}
.index-case .swiper-button-next,.index-case .swiper-container-rtl .swiper-button-prev{ left: 95%;}
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{left:46%; bottom: 30px; }
}
@media (max-width:992px){
.index-case .swiper-slide { height: 445px;}
.index-case .index-case_img{ height:445px;}
.index-case_img_jj_mid_1{ line-height:40px; padding-bottom: 0px; }
.index-case_img_jj_mid_1:after{ width: 50px;  }
.index-case .index-case_img_jj_mid_3 img{ width: 45%;}
.index-case .index-case_img_jj.index-case3 img{ width: 85%;}
.index-case .index-case_img_jj_mid_2{ line-height: 28px;}
.index-case_img_jj_mid_4 ul li{ padding-left: 35px; }
.index-case .swiper-button-prev{ left:2%; }
.index-case .swiper-button-next,.index-case .swiper-button-prev{ width:48px;height:48px; top: 50%; }
.index-case .swiper-button-next,.index-case .swiper-container-rtl .swiper-button-prev{ left:auto;}
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{ left:46%;bottom: 20px; }
.index-case .swiper-pagination{ font-size: 20px;}
}
@media (max-width:868px){
.index-case .swiper-slide { height: 390px;}
.index-case .index-case_img{ height:390px;}
}
@media (max-width:768px){
.index-case .swiper-slide { height: 535px;}
.index-case .index-case_img{ height:535px;}
.index-case .index-case_img_jj{ top:52%; }
.index-case .index-case_img_jj_mid_1{ width: 90%; margin: 0 auto 15px; }
.index-case .index-case_img_jj_mid_2{ width: 90%; margin: 40% auto 0; }
.index-case .index-case_img_pc{ display: none; }
.index-case .index-case_img_pc1 {display: block;}
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{ bottom: 30px;}
.index-case .swiper-pagination-bullet{width:40px;}
.index-case .swiper-pagination-bullet:before{left:10px;width:40px;}
.index-case .swiper-pagination-bullet:after{ width:0px; left:10px; }
.index-case .swiper-pagination-bullet-active:after{width:40px;}
.index-case .index-case_img_jj_mid_3{ display: none; }
.index-case .swiper-button-next,.index-case .swiper-button-prev{ width:38px;height:38px; top: 55%; }
.index-case .swiper-button-prev:before{ left:12px; }

}
@media (max-width:668px){
.index-case .swiper-slide { height: 465px;}
.index-case .index-case_img{ height:465px;}}
@media (max-width:568px){
.index-case .swiper-slide { height:396px;}
.index-case .index-case_img{ height:396px;}
.index-case_img_jj_mid{margin:0 1em;}
.index-case .index-case_img_jj_mid_2{ line-height: 28px;}
.index-case .swiper-pagination-bullet{width:30px;}
.index-case .swiper-pagination-bullet:before{left:0px;width:30px;}
.index-case .swiper-pagination-bullet:after{ width:0px; left:0px; }
.index-case .swiper-pagination-bullet-active:after{width:30px;}
.index-case .swiper-container-horizontal > .swiper-pagination-bullets,.index-case .swiper-pagination-fraction{ bottom:5px;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{ width:38px;height:38px; }
.index-case .swiper-pagination{ font-size:18px;}
.index-case_img_jj_mid_1{ line-height:35px;}
}
@media (max-width:528px){
.index-case .swiper-slide { height:368px;}
.index-case .index-case_img{ height:368px;}
.index-case .index-case_img_jj_mid_2{ width: 90%; margin: 30% auto 0;}
.index-case_img_jj_mid_1{ line-height:30px;}
}
@media (max-width:428px){
.index-case .swiper-slide { height:298px;}
.index-case .index-case_img{ height:298px;}
.index-case .index-case_img_jj{ top:48%; }
.index-case .index-case_img_jj_mid_2{  margin: 28% auto 0; }
.index-case .swiper-button-next,.index-case .swiper-button-prev{top: 58%; }
}
@media (max-width:398px){
.index-case .swiper-slide { height:280px;}
.index-case .index-case_img{ height:280px;}
}

/***首页-新闻***/
.index-news{background:url(../images/index_new_bg.png) center bottom no-repeat; background-size: cover; }
.index-news .index-news-list ul li:hover .zoom-img img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);}
.index-news .index-news-list .tit a:hover,.index-news .index-news-list ul li:hover .tit a { color: #cc0000;}
.index-news .bottom { height: 240px; position: relative; }
.index-news .bottom:before {content: '';width: 26%;height: 220px;background: #cc0000;position: absolute;left: 0;top: 0px;z-index: 1;}
.index-news .bottom .logo-list {width: 100%;padding-left: 14%;position: relative; overflow: hidden;}
.index-news .bottom .logo-list .swiper-container{ margin-left: 10%; padding-top: 60px;}
.index-news .bottom .logo-list .swiper-slide { height: 120px;position: relative;}
.index-news .bottom .logo-list .swiper-slide .tu {width: 100%;position: absolute;top: 0;left:0;}
.index-news .bottom .logo-list .swiper-slide .tu img {width: 100%;}
.index-news .bottom .swiper-pagination{ display: none;}
.index-news .bottom .page-div { position: absolute; top: 110px;left: 15%; width: 100px; z-index:9;}
.index-news .bottom .page-div .boxs{ width: 46px;height: 46px;line-height: 46px; }
.index-news .bottom .page-div .swiper-button-prev { left:-60%; margin-left: auto; margin-right: auto;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-news .bottom .page-div .swiper-button-next { margin-left: auto; margin-right: auto; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-news .bottom .page-div .swiper-button-next,
.index-news .bottom .page-div .swiper-button-prev { top: -10%; position: relative; text-align: center; right:-2px;  width: 18px;height: 30px;background-size: 18px 30px; border: 0px; margin-top: -10px;}
.index-news .bottom .page-div .boxs:hover .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-news .bottom .page-div .boxs:hover .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
@media (max-width: 1540px) {
.index-news .bottom:before { height: 200px; }
.index-news .bottom .page-div { top: 100px; }
}
@media (max-width: 1440px) {
.index-news .bottom .page-div {  top: 110px;left: 10%;  }
}
@media (max-width: 1200px) {
.index-news .bottom .page-div {top: 100px; left:8%; }
}
@media (max-width: 992px) {
.index-news .bottom { height: 220px; }
.index-news .bottom:before { height: 200px; }
.index-news .bottom .page-div {top: 100px; left:8%; }
}
@media (max-width:767px) {
.index-news .bottom { height: 180px; }
.index-news .bottom:before { height: 150px; }
.index-news .bottom .page-div {top: 80px; width: 80px;}
.index-news .bottom .logo-list .swiper-container{padding-top: 40px;}
.index-news .bottom .page-div .boxs{ width: 36px;height: 36px;line-height: 36px; }
.index-news .col-xs-6 { width: 100%;}
.index-news ul li { margin-bottom: 20px;}
.index-news ul li .img { width: 35%; float: left; padding-right: 2%;}
.index-news ul li .box { width: 65%; float: left;}
.index-news ul li .box.pt-30{ padding-top: 0px;}
.index-news ul li .box.pb-30{ padding-bottom: 0px;}
.index-news ul li .box .mb-20{margin-bottom: 5px;}
.index-news ul li .box .mt-15{margin-top: 0px;}
.index-news ul li .box .desc {margin-top: 5px;}
}
@media (max-width:567px) {
.index-news .bottom { height: 150px; }
.index-news .bottom:before { background: transparent; }
.index-news .bottom .logo-list .swiper-slide { height: 80px; }
.index-news .bottom .page-div { display: none; position: absolute; top: 110px;left: auto; right: auto; width:0px; z-index:9;}
.index-news .bottom .page-div .swiper-button-prev { left:0px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cc0000'%2F%3E%3C%2Fsvg%3E");}
.index-news .bottom .page-div .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cc0000'%2F%3E%3C%2Fsvg%3E");}
.index-news .bottom .page-div .boxs:hover .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cc0000'%2F%3E%3C%2Fsvg%3E");}
.index-news .bottom .page-div .boxs:hover .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cc0000'%2F%3E%3C%2Fsvg%3E");}
.index-news .bottom:before {content: '';width: 0px;height: 0px; }
.index-news .bottom .logo-list {width: 96%; margin-left: auto; margin-right: auto; padding-left: 0;position: relative;}
.index-news .bottom .logo-list .swiper-container{ margin-left: 0; padding-top: 0px; padding-bottom: 60px;}
.index-news .bottom .page-div { position: absolute; top: 120px;left: 43%; right: auto; width: 100px; z-index:9;}
.index-news .bottom .swiper-pagination{ display: block;}
.index-news .bottom .swiper-pagination-bullet{opacity:.68; text-align:left; width: 8px; height:8px; line-height:8px; margin: 0 5px;background-color: #333; position:relative; border-radius: 100%; }
.index-news .bottom .swiper-pagination-bullet-active {opacity:1;background-color: #cc0000;}
}
@media (max-width:467px) {
.index-news .bottom { height: 130px; }
.index-news ul li .img { width: 40%; float: left;}
.index-news ul li .box { width: 60%; float: left;}
 
}


/*内页样式*/
.p-banner {background: center no-repeat;background-size: cover;height: 660px;text-align: left;color: #fff;/* margin-top: 100px;*/ padding-top: 280px;}
.p-banner h2 {font-size: 36px; line-height: 40px;padding: 15px 0 20px; text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.p-banner .en{ font-size: 22px; line-height: 50px; margin-top: 5px; text-transform: uppercase;text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}

.about-banner { background-image: url('../images/about_banner.jpg');}
.products-banner { background-image: url('../images/products_banner.jpg');}
.news-banner { background-image: url('../images/news_banner.jpg');}
.case-banner { background-image: url('../images/case_banner.jpg');}
.server-banner { background-image: url('../images/server_banner.jpg');}
.contact-banner { background-image: url('../images/contact_banner.jpg');}


.page_nav{height: 70px;line-height: 70px; background: #fefefe;}
.page_nav .crumb{float: left;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; font-size: 16px; }
.page_nav .crumb i{ color: #666; text-align: left; margin:2px 8px 0 0;}
.page_nav .crumb li:last-child{ color:#0149dd ;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:16px; margin:0 45px 0px 5px;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#0149dd; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#0149dd;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:0px 8px 0; font-size:15px;}
.page_nav a:hover{color:#0149dd;}
@media (max-width: 1800px){
.p-banner {height: 638px;padding-top: 170px;}
}
@media (max-width: 1700px){
.p-banner {height: 600px; }
}
@media (max-width: 1600px){
.p-banner {height: 568px;padding-top: 150px;}
}
@media (max-width: 1540px){
.p-banner {height: 545px;padding-top: 140px;}
}
@media (max-width: 1480px){
.p-banner {height: 524px; }
}
@media (max-width: 1440px){
.p-banner {height: 510px;padding-top: 130px;}
.p-banner .en{line-height: 50px;}
.p-banner h2 {font-size: 38px; }
}
@media (max-width: 1400px){
.p-banner {height: 495px; }
}
@media (max-width: 1366px){
.p-banner {height: 484px; }
}
@media (max-width: 1336px){
.p-banner {height: 470px; }
.p-banner h2 {font-size: 32px; padding: 0px 0 20px; }
.p-banner .en{ font-size: 20px; }
.page_nav .r_sec li{ margin:0 30px 0 5px;}

}
@media (max-width: 1280px){
.p-banner {height: 450px; padding-top: 100px;}
.page_nav .r_sec li{ margin:0 20px 0 5px;}
}   
@media (max-width: 1240px){
.p-banner {height: 355px; }
}
@media (max-width: 1200px){
.p-banner {height: 440px; padding-top: 85px; margin-top: 65px;}
.p-banner h2 {font-size:30px; }
.page_nav .r_sec li{ font-size:16px; margin:0 10px 0 5px; }
}  
@media (max-width: 1140px){
.p-banner {height: 400px; margin-top: 70px; }
}
@media (max-width: 1100px){
.p-banner {height: 390px; margin-top: 60px;}
}
@media (max-width: 1040px){
.p-banner {height: 370px; margin-top: 60px; }
}
@media only screen and (max-width: 992px){
.p-banner {height: 500px; padding-top: 150px;}
.p-banner h2 {font-size:28px; }
.about-banner { background-image: url('../images/about_banner_m.jpg');}
.products-banner { background-image: url('../images/products_banner_m.jpg');}
.news-banner { background-image: url('../images/news_banner_m.jpg');}
.case-banner { background-image: url('../images/case_banner_m.jpg');}
.server-banner { background-image: url('../images/server_banner_m.jpg');}
.contact-banner { background-image: url('../images/contact_banner_m.jpg');}
}
@media (max-width: 900px){
.p-banner {height: 490px; margin-top: 55px; padding-top: 130px;}
}
@media (max-width: 868px){
.p-banner {height: 480px; padding-top: 110px;}
}
@media (max-width: 768px){
.p-banner {height: 420px; padding-top: 95px; }
.p-banner .en{line-height: 30px;}
.p-banner h2 {font-size:24px; line-height: 30px;padding: 10px 0 15px;}
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
}
@media (max-width: 728px){
.p-banner {height: 400px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.p-banner {height: 370px; padding-top: 85px; }
.p-banner .en{ font-size: 17px; line-height: 30px;}
.p-banner h2 {font-size:22px; padding-bottom: 5px;}
.p-banner h2:after{height: 2px; width: 25px; }
} 
@media (max-width:600px){
.p-banner {height: 330px; }
}   
@media (max-width:568px){
.p-banner {height: 315px; }
}
@media (max-width:528px){
.p-banner {height: 290px; }
}
 
@media only screen and (max-width: 425px){
.p-banner {height: 240px; }
.p-banner h2 {font-size:20px; }
.p-banner .en{ font-size: 16px; line-height: 25px;}
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }

}
@media only screen and (max-width: 375px){
.p-banner {height: 204px; }
.p-banner h2 {line-height: 28px;padding: 8px 0 8px;}
}

.pageabout {background: url(../images/pageabout-bg.png) no-repeat center bottom;position: relative; padding-top: 50px; padding-bottom: 200px; color: #8C8C8C;}

.pageabout .intro {width: 96%; float: right; line-height: 2.2; color: #666;}
.pageabout .num-big {color: #cc0000; line-height:1; font-weight: 900;}
.pageabout .figure-right{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: flex; gap:20rem;}
.pageabout .figure-card{ color:#666;text-align:left; }

@media (max-width:1366px){
.pageabout .figure-right{ gap: 18rem;}
}
@media (max-width:1280px) {
.pageabout { padding-top: 40px; }
.pageabout .figure-right{ gap: 16rem;}
}
@media (max-width:1100px){
.pageabout .figure-right{ gap: 14rem;}
}
@media (max-width:1080px){
.pageabout .figure-right{ gap: 140px;}
}
@media (max-width:992px){
.pageabout { padding-top: 30px; }
.pageabout .intro { line-height: 2;}
.pageabout .figure-right{ gap: 10rem;}
.pageabout .intro {width: 100%; float: none; margin-top: 30px; line-height: 2.2; color: #666;}

}
@media (max-width:930px){
.pageabout .figure-right{ gap: 6rem;}
}
@media (max-width:830px){
.pageabout .figure-right{ gap: 5rem;}
}   
@media (max-width:767px){ 
.pageabout .intro {width:100%; line-height: 1.6; margin-top: 20px;}
.pageabout .figure-right{ width:100%;  gap: 4rem; margin-top: 30px;}

}
@media (max-width:680px){ 
.pageabout .figure-right{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: grid;grid-template-columns: 1fr 1fr;gap: 1.4rem;}
}


.ys-upfade1 {opacity: 0;transform-origin: 0% 50%;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0);transition: transform 1.5s cubic-bezier(.38, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(.38, 0, 0, 1), opacity 1.2s cubic-bezier(.38, 0, 0, 1), color 0.3s cubic-bezier(.38, 0, 0, 1);will-change: transform, opacity;}
.ys-upfade1.ys-fade-true {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0px, 0);}/* 首页banner载入 */
.ys-imgbox-cover img:nth-child(n+2) {position: absolute;top: 0;left: 0;height: 100%;}
.about-treezo {font-size: 100px;}
.about-treezo-cry-inof { margin: 0 calc( 66px * -1);margin-bottom: calc(130px * -1); display: flex;flex-wrap: wrap;}
.atci-nub {width: 50%;padding: 0  66px;margin-bottom:80px;}
.atci-nub:nth-of-type(2n) {transform: translateY(80px);}
.about-treezo-cry {padding-top:50px;}
.atci-nub-cry {width: 100%;border-radius: 20px;position: relative;overflow: hidden;}
.atci-nub-cry .ys-imgbox-cover {width: 100%;}
.atci-nub-cry .atci-nct1 {position: absolute;width: 100%;bottom: 0;left: 0;padding: 0 50px 50px;z-index: 4;transition: all .4s ease;}
.atci-nub-cry-hover {position: absolute;width: calc(100% - 40px);height: calc(100% - 40px);top: 50%;left: 50%;transform: translate(-50%, -50%) scaleY(0);border-radius: 20px;background: rgba(0, 113, 60, 0.90);display: flex;flex-direction: column;justify-content: space-between;z-index: 5;padding: 40px 0.340px;opacity: 0;transition: transform 0.6s, opacity 0.6s;}
.atci-nub-cry-text .f16 {color: #fff;line-height: 1.65;padding: 4px 24px;border-radius: 10px;border: 1px solid #fff;background: rgba(107, 107, 107, 0.40);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);-moz-backdrop-filter: blur(10px);-ms-backdrop-filter: blur(10px);-o-backdrop-filter: blur(10px);margin-bottom: 16px;}
.atci-nub-cry-text {display: flex;flex-direction: column;align-items: flex-start;}
.atci-nub-cry-text .f24 {color: #fff;line-height: 1.3;}
.atci-nub-cry .ys-imgbox-cover::before {content: '';height: 44.44%;position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg, rgba(1, 13, 28, 0.8) 0%, rgba(233, 233, 233, 0) 100%);mix-blend-mode: multiply;z-index: 3;}
.atci-nub-cry-hover .f16,.atci-nub-cry-hover .f16 p {color: #fff;line-height: 1.65;}
.about-treezo-cry {position: relative;}
.about-treezo-cry-line {position: absolute;height: 100%;width: 2px;left: 50%;transform: translateX(-50%);top: 0;}
.about-treezo-cry-line::before {content: '';position: absolute;width: 2px;height: 100%;top: 0px;left: 0;background: rgba(105, 105, 105, 0.2);}
.atcl-circle {width: 12px;height: 12px;border-radius: 50%;background: #cc0000;left: 50%;transform: translateX(-50%); position: relative;}
.atcl-circle::before{content:''; position:absolute; left:-18px; bottom:-17px; width:46px; height:46px; background: url(../images/ban.png) no-repeat center; animation: cspinereverse 20s linear infinite; }
.atcl-line {width: 2px;background: #cc0000;left: 50%;transform: translateX(-50%);height: 0px; }
.about-treezo {background: #fff;position: relative;z-index: 3;overflow: hidden;}
.about-treezo .mod-wave-wai1,.about-treezo .mod-wave-wai2 {top: 80px;position: absolute;}
.about-treezo .mod-wave-wai1 {left: 0;}
.about-treezo .mod-wave-wai2 {left: auto;right: 0;}
.about-treezo .mod-wave-wai3 {position: absolute;left: 0;top: auto;bottom: 0;transform: translateY(60%);}
.about-treezo-cry-line {opacity: 0;transition: all .4s ease;}
.about-treezo-cry.on .about-treezo-cry-line {opacity: 1;}
@media screen and (max-width: 1680px) {
 .about-treezo-cry {padding-top: 40px; padding-bottom: 50px;}
.atci-nub-cry-text .f16 {border-radius: 8px;}
.about-treezo-cry-inof { margin: 0 calc( 56px * -1); }
}

@media screen and (max-width: 1440px) {
.about-treezo .mod-wave-wai {height: 25vw;}
.about-treezo .mod-wave-wai1,
.about-treezo .mod-wave-wai2 {top: 188px;}
.atci-nub { padding: 0 50px;margin-bottom:60px;}
.atci-nub:nth-of-type(2n) {transform: translateY(60px);}
.about-treezo-cry-inof { margin: 0 calc( 46px * -1); }
}
@media screen and (max-width: 1199px) {
.about-treezo-cry {padding-top: 30px;}
.atci-nub-cry-hover {position: relative;top: auto;left: auto;transform: inherit;opacity: 1;margin: -50px auto 0;background: rgba(0, 113, 60, 1);padding: 25px 20px;}
.atci-nub-cry .atci-nct1 {padding: 0 40px 40px;}
.atci-nub-cry .ys-imgbox-cover {border-radius: 20px;}
.atci-nub { padding: 0 40px;margin-bottom:40px;}
.atci-nub:nth-of-type(2n) {transform: translateY(40px);}
.about-treezo-cry-inof { margin: 0 calc( 36px * -1); }

}
@media screen and (max-width: 767px) {
.about-treezo {font-size: 0px;}
.about-treezo-cry-line {display: none;}
.atci-nub {width: 100%;margin-bottom: 30px;}
.atci-nub:nth-of-type(2n) {transform: translateY(0px);}
.about-treezo-cry {padding-top: 10px;}
.atci-nub-cry .atci-nct1 {padding: 0 30px 30px;}
.atci-nub-cry-hover {padding: 20px 15px;}
.atci-nub:last-child {margin-bottom: 0;}
}


.pageequipment .box{ width: 100%; }
.pageequipment .img img{ max-width: 100%;}
.pageequipment .content .swiper-container-equipment .swiper-wrapper{ padding-bottom: 80px;}
.pageequipment .content .tit{ text-align: center; line-height: 70px;}
.pageequipment .swiper-container-horizontal>.swiper-pagination-bullets{bottom:auto; position:relative; margin-top:30px; font-size:0;}
.pageequipment .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background:#cc0000; border-radius: 100%; width:13px; height:13px; margin:0 16px;}


.pageequipment .swiper-pagination-bullet{opacity:1; text-align:left; width: 10px; height:10px; line-height:10px;background:none; position:relative; border-radius: 100%; }
.pageequipment .swiper-pagination-bullet-active:after{width:48px; transition: width 7.3s ease-out 0s;}
.pageequipment .swiper-container-horizontal > .swiper-pagination-bullets {width:100%; left: 0; bottom:50px;}
.pageequipment .swiper-pagination span {width: 10px;height: 10px;opacity: .86; background:#fff;position: relative;}
.pageequipment .swiper-pagination span.swiper-pagination-bullet-active:after{content:''; position:absolute; left:-20px; bottom:-18px; width:46px; height:46px; background: url(../images/ban.png) no-repeat center; animation: cspinereverse 20s linear infinite;}
.pageequipment .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 10px;height:10px;border-radius: 10px;background:#cf010b;opacity: .96;}

@media (max-width:992px){
.pageequipment .content .swiper-container-equipment .swiper-wrapper{ padding-bottom: 40px;}
.pageequipment .content .tit{ line-height: 50px;}
.pageequipment .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  width:10px; height:10px; margin:0 12px;}
}

.pageclient ul li{ margin-bottom: 35px;}
.pageclient .row{ margin-right: -15px;margin-left: -15px;}
.pageclient .row .col-md-03{  padding-right: 15px;padding-left: 15px;}
.pageclient .logo_txt_list{ background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 20%); text-align: center; align-items: center; justify-content: center; }
.pageclient .logo_txt_list img{ max-width: 100%; margin: 0 auto; }
@media (max-width: 768px) {
.pageclient ul li{ margin-bottom: 20px;}
}
@media (max-width: 468px) {
.pageclient ul li.col-xs-4 { width: 50%;}
}
.pro-body .list {position: relative;top: 0;overflow: hidden;transition: all ease-in-out .2s;display: block;background: #fff;margin-bottom: 60px;height: 440px;box-shadow: 0px 10px 27px rgba(220, 220, 220, 0.65);}
.pro-body .list::before{content: "";clear: both;display: table;}
.pro-body .list::after{content: "";clear: both;display: table;}
.pro-body .list .ar{width: 52%;}
.pro-body .list .ar img{width: 100%;height: auto;object-fit: cover;}
.pro-body .list .al p{line-height: 34px;color: #999999;margin-bottom: 40px;}
.pro-body .list .al .tit{ line-height: 44px;margin-bottom: 20px; }
.pro-body .list .al .more{width: 132px;height: 44px;display: flex;align-items: center;transition: all ease-in-out .2s;justify-content: center; }
.pro-body .list:hover{top: -20px;box-shadow: 0px 10px 27px rgba(26, 53, 95, 0.15);}
.pro-body .list .al{float: right;width: 46%;height: 100%;}
.pro-body .list .ar{float: left;}
.pro-body .list .al .ali{padding: 0 40px;height: 100%;}
.pro-body .list .al .ali .more img.img3{display: none;}
.pro-body .list:nth-child(2n) .al{float: left;}
.pro-body .list:nth-child(2n) .ar{float: right;}
@media (max-width:1560px) {
.pro-body .list{height: 430px;}
}
@media (max-width:1440px) {
.pro-body .list{height: 410px;}
}
@media (max-width:1400px) {
.pro-body .list{height: 400px;}
}
@media (max-width:1366px) {
.pro-body .list{height: 390px;}
}
@media (max-width:1280px) {
.pro-body .list{height: 360px; margin-bottom: 50px;}
.pro-body .list .al .ali{padding: 0 30px; }
.pro-body .list .al{ width: 48%; }
}
@media (max-width:1179px) {
.pro-body .list{height: 330px;}
.pro-body .list .al .tit{ line-height: 40px;margin-bottom: 10px; }
.pro-body .list .al p{line-height: 30px; margin-bottom: 30px;}
}  
@media (max-width:1100px) {
.pro-body .list{height: 320px;} 
}
@media (max-width:1044px) {
.pro-body .list{height: 300px;} 
}
@media (max-width:992px) {
.pro-body .list{height: 280px; margin-bottom: 40px;} 
.pro-body .list .al p{ margin-bottom: 10px; line-height: 28px;}
.pro-body .list .al .ali{padding: 0 20px; }
}
@media (max-width:910px) {
.pro-body .list{height: 260px;} 
.pro-body .list .al .tit{ line-height: 35px;margin-bottom: 0px; }
}
@media (max-width:860px) {
.pro-body .list{height: 240px;} 
.pro-body .list .al .tit{ line-height: 30px;margin-bottom: 0px; }
.pro-body .list .al p{ margin-bottom: 5px; line-height: 26px;}
}
@media (max-width:769px) {
.pro-body .list{display: block;margin-top: 16px; margin-bottom: 16px;padding-bottom: 0px;border-radius: 0px !important;height: auto;}
.pro-body .list:hover{top: 0;}
.pro-body .list .ar{width: 100%;}
.pro-body .list .ar img{width: 100%;height: auto;}
.pro-body .list .al{width: 100%; padding: 20px;}
.pro-body .list .al .ali{height: auto;padding: 6px 0px;}
.pro-body .list .al .ali .more img.img3{display: block;width: 16px;height: 16px;}
.pro-body .list .al .tit{font-size: 18px;line-height: 27px; margin-bottom: 5px;}
.pro-body .list .al p{font-size: 16px;line-height: 1.8em;margin-bottom: 20;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.indexpro-body a .des{bottom: 0;}
 
}


.std-btn5{display: inline-block;}
.std-btn5-box{display: flex;align-items: center;}
.std-btn5-box p{font-size:16px;line-height: 1.75;color: #0B5818;}
.std-btn-icon{width: 28px;flex-shrink: 0;font-size: 0;margin-left:5px;}
.std-h4,
.yxedr-active h4 {font-size: 24px;color: #333;line-height:1.5;}
.std-mar32{margin-bottom:32px;}
 
.products_list-le{width:17%; float: left;}
.products_list-ri{width:77%;margin-left:6%; float: right;}
.pllu-lis-tp{display: flex; align-items: center;justify-content: space-between; cursor: pointer; position: relative;}
.pllu-lis-tp a{display: flex;align-items: center;justify-content: space-between;padding: 15px 20px;  cursor: pointer;}
.pllu-lis-tp .fa-angle-down{ font-size: 20px; color: #666; position: absolute; right: 20px;}
.products_list-le-ul{width: 100%;}
.pllu-lis{border-bottom: solid 1px #D8D9E2; margin-bottom: 5px;}
.pllu-lis-tp p, .pllu-lis-tp a p, .pllu-lis .std-btn5-box p{display: inline-block;font-size: 18px;color: #333;line-height:18px;}
.pllu-lis-tp .fa-angle-down{ font-weight: normal;transition: all .4s;}
.pllu-lis-tp .fa-angle-down::before{transition: all .4s;color:  #747474;}
.pllu-lis{ transition: all .4s;}
.pllu-lis.active::after{width: 100%;}
.pllu-lis.active .fa{transform: rotate(180deg);}
.pllu-lis.active .fa-angle-down::before{color:#fff;}
.pllu-lis.active .pllu-lis-tp {background:#cc0000; border-radius: 10px;}
.pllu-lis.active .pllu-lis-tp p{color:#fff;}
.pllu-lis.active{border-bottom: solid 1px transparent; }

 
.products_list-wrap .mod-paging{margin-top: 20px;}

.pllu-lis-down{display: none; margin-top: 10px;}
.pllu-lis-down{padding: 0px 12px 16px;}
.pldu-list{margin-bottom: 8px;}
.pldu-list:last-child{margin-bottom: 0px;}
.pldu-list.act p{color:#cc0000;}
.pldu-list.act .pldu-list-link-icon img{opacity: 1;}
.pldu-list-link{display: flex;align-items: baseline;cursor: pointer; border-bottom: 1px solid #fff;}
.pldu-list-link p{font-size:16px;color:#747474;line-height:36px;transition: all .4s;}
.pldu-list-link-icon{width: 20px;flex-shrink: 0;font-size: 0;position: relative;}
.pldu-list-link-icon img{width: 100%;transition: all .4s; display: none;}
.pldu-list-link p{width: 100%;padding-right: 20px;font-size:16px;color: #747474;}
.pldu-list:hover .pldu-list-link ,.pldu-list.act .pldu-list-link { border-bottom: 1px solid #cc0000;}

.pldu-list:hover .pldu-list-link p,.pldu-list.act .pldu-list-link p{ color: #cc0000;}
.pldu-list:hover .pldu-list-link-icon img,.pldu-list.act .pldu-list-link-icon img{ display: block;}
 
.products_list-ri .prodet-prod-list{margin-bottom: 23px; overflow: hidden; }
.products_list-ri .prodet-prod-list-li{ margin-bottom: 20px;margin-top: 20px; }
.products_list-ri .prodet-prod-list-li:nth-child(3n+1){animation-delay: 0.2s;}
.products_list-ri .prodet-prod-list-li:nth-child(3n+2){animation-delay: 0.3s;}
.products_list-ri .prodet-prod-list-li:nth-child(3n+3){animation-delay: 0.4s;}
.products_list-ri .ppll-box{background:#ffffff;  display: block; border: 1px solid #dcdcdc; border-radius: 20px; padding: 10px 0px 20px; height: 100%;box-sizing: border-box;transition: all 0.5s ease;overflow: hidden;}
.products_list-ri .prodet-prod-list-li:hover .ppll-box{border: 1px solid #cc0000; transform: translateY(-10px); box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.15);}
 
.ppll-tit{text-align: center; line-height: 1.4;margin-bottom: 18px; }
.products_list-ri ul li:hover .prodet-prod-list-li a { color: #cc0000; }
@media screen and (max-width: 1680px){
.plru-li{margin-bottom: 30px;}
}
@media screen and (max-width: 1366px){
.std-h4,
.yxedr-active h4 {font-size: 22px; }
.pllu-lis-tp a{ padding: 15px 15px; }
.products_list-le{width:19%;}
.products_list-ri{width:77%;margin-left:4%;}
}
@media screen and (max-width: 1280px){
.std-h4,
.yxedr-active h4 {font-size: 20px; }
.pllu-lis-tp a{ padding: 10px 10px; }
.pllu-lis-tp p, .pllu-lis-tp a p, .pllu-lis .std-btn5-box p{ font-size: 16px; color: #666;}
.std-mar32{margin-bottom:20px;}
 
 
}
@media screen and (max-width: 1199px){
.pllu-lis-tp{padding: 5px 15px;}
.plru-li-bot-btn1 a{ font-size: 16px; }
.products_list-le{width:20%;}
.products_list-ri{width:76%;margin-left:4%;}
.pllu-lis-tp a{ padding: 5px 0px; }
.pldu-list-link p{ padding-right: 10px; }
}
@media screen and (max-width: 1100px){
.products_list-le{width:22%;}
.products_list-ri{width:74%;margin-left:4%;}
}
@media screen and (max-width:992px){
.products_list-le{width:0px; display: none;}
.products_list-ri{width:100%;margin-left:0;}
.products_list-ri{width: 100%;padding-left: 0px;}
}
@media screen and (max-width:492px){

.products_list-ri .ppll-box .f22 a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-justify: distribute-all-lines;}
}
.pro_info_1{ overflow:hidden;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/probg.jpg);}
.pro_info_1_1_left{float:left; width:54%;}
.pro_info_1_1_right{float:right; width:44%;}
.pro_info_1_1_right_1{font-size:30px; color:#000; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
.pro_info_1_1_right_3{font-size:16px; color:#666; line-height:2.1; margin:2.1em 0 2.5em 0;}
.pro-big-img {width: 100%;height:440px;overflow: hidden;}
.pro-big-img .gallery-left{width:76%;height: inherit;border: 1px solid #eeeeee; margin: 0; float: left;}
.pro-big-img .gallery-left img{width: 100%; height: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 22px 10px; width:110px; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%;border: 1px solid #eeeeee; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:40%;right:inherit;top:-15px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:36%;top:inherit;bottom:-15px;}
.pro-big-img .gallery-thumbs .swiper-button-next:after,.pro-big-img .gallery-thumbs .swiper-button-prev:after {font-size: 22px;}

.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;}

 
@media screen and (max-width: 1650px){  
.pro_info_1_1_left img { width: 100%;}
.pro-big-img .gallery-thumbs{  margin: 0 0 0 5px;  }
}
@media screen and (max-width: 1600px){  
.pro_info_1_1_left{float:left; width:60%;}
.pro_info_1_1_right{float:right; width:38%;}
.pro_info_1_1_right_1{font-size:28px; }
}
@media screen and (max-width: 1500px){  
.pro_info_1_1_left{float:left; width:62%;}
.pro_info_1_1_right{float:right; width:36%;}
.pro_info_1_1_right_1{font-size:26px; }
}
@media screen and (max-width: 1440px){  
.pro-big-img .gallery-left{width:78%;}
.pro_info_1_1_right_1{font-size:24px; }
}
@media screen and (max-width: 1366px){  
.pro-big-img .gallery-left{width:76%;}
.pro-big-img { height:400px; }
.pro_info_1_1_right_1{font-size:22px; }
.pro_info_2_mid img{ width: 100%;}
}
@media screen and (max-width: 1280px){  
.pro-big-img .gallery-left{width:73%;}
.pro-big-img { height:390px; }
}
@media screen and (max-width: 1180px){  
.pro-big-img { height:360px; }
.pro-big-img .gallery-thumbs{ width:90px; }
}
@media screen and (max-width: 1080px){  
.pro-big-img { height:330px; }
}
@media screen and (max-width: 992px){  
.pro-big-img { height:380px; }
}
@media screen and (max-width: 768px){  
.pro-big-img { height:320px; }
}
@media screen and (max-width: 691px){
.pro_info_1_1_left{float:none; width:100%; margin-bottom: 15px;}
.pro-big-img { height:380px; }
.pro_info_1_1_right{float:none; width:100%;}
.pro_info_1_1_right_1{font-size:20px; }
.pro_info_1_1_right_2{font-size:0.875em;}
.pro_info_1_1_right_1{font-size:18px;}
.pro_info_1_1_right_3{font-size:15px; line-height: 1.7;}
.pro_info_2{ padding: 0px 0px 20px;}

}
@media screen and (max-width: 559px){
.section-content-bottom .pro_info_1_2 { height: 50px;line-height:50px;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding:0 1.5em; }
.pro-big-img .gallery-left{width:100%; height: 480px;}
.pro-big-img { height:650px; }
.pro-big-img .gallery-thumbs{padding: 12px 25px; width:100%; height: 160px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0); left:0px;right:inherit;top:45px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0); left:inherit;right:0px;top:45px;bottom:inherit;}
.pro_info_2_1_t{ margin-top:35px;}
.pro_info_2_3_t p{ line-height: 28px; margin-bottom: 10px;}
}
@media screen and (max-width: 500px){
.pro-big-img { height:610px; }
.pro-big-img .gallery-left{ height: 448px;}
}
@media screen and (max-width: 459px){
.pro-big-img .gallery-left{width:100%; height: 300px;}
.pro-big-img { height:430px; }
.pro_top_r_bott span {font-size: 18px; }
}
@media screen and (max-width: 410px){
.pro-big-img .gallery-left{ height: 340px;}
.pro-big-img { height:480px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ left:0px;right:inherit;top:40px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ left:inherit;right:0px;top:40px;bottom:inherit;}
}
@media screen and (max-width: 380px){
.pro-big-img .gallery-left{ height: 330px;}
.pro-big-img { height:440px; }
}  

.pro_show_bottom_title{ padding: 18px 0 0;cursor: pointer; margin-bottom: 30px; border-bottom: 1px solid #ececec;}
.pro_show_bottom_title p { position: relative; padding-bottom: 16px; }
.pro_show_bottom_title p::after{ position: absolute; left: 0px; bottom: -1px; height: 4px; width: 70px; background: #cc0000; content: ""; }
.pro_show_bottom .content img{ max-width: 100%;}
.pro_info_2_1_t{ margin-top:55px;font-size:18px; margin-bottom: 30px; font-weight: bold; color:#333; }
.pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;}
.pro_show_bottom .case_list .box .tit{text-align: center;line-height: 70px;margin-top: 25px;background: url(../images/case_ng.png) no-repeat center bottom; background-size: 100% 100%;  }
 

.news_list .rect-64 img{height:auto;}
.news_list ul li .content{ padding-top: 50px;padding-bottom: 50px;}
.news_list ul li .img{float:left; width: 22%; padding-bottom: 50px;}
.news_list ul li .img img{ width: 100%;}
.news_list ul li .intro{float:left; width:61%;}
.news_list ul li.noimg .img{display:none;}
.news_list ul li.noimg .intro{width:100%;}
.news_list ul li.noimg .intro .box{padding-bottom:30px;}
.news_list ul li .intro .box{padding:20px 50px 0;}
.news_list ul li .intro .box .txt .t{font-size:20px; margin-bottom: 15px; color:#333; }
.news_list ul li .intro .box .txt .c{font-size:16px; color:#666; line-height:30px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin:8px 0 15px; transition:.3s ease;}
.news_list ul li .intro .box .txt .date1{color: #666;font-size:16px; margin-top:30px;display: block;}
.news_list ul li .more_link1 {float: right; margin-top: 70px;}
.news_list ul li .more_link1 a.common-more{ background: transparent;border: 1px solid #dcdcdc;transition: all ease-in-out .2s;}
.news_list ul li .more_link1 a.common-more span{ color: #333;}
.news_list ul li:hover .more_link1 a.common-more,.news_list ul li .more_link1 a.common-more:hover{background: #cc0000;border: 1px solid #cc0000;}
.news_list ul li:hover .more_link1 a.common-more .img2,.news_list ul li .more_link1 a.common-more:hover .img2{display: block;}
.news_list ul li:hover .more_link1 a.common-more .img1,.news_list ul li .more_link1 a.common-more:hover .img1{display: none;}
.news_list ul li:hover .more_link1 a.common-more span,.news_list ul li .more_link1 a.common-more:hover span{color: #fff;}

.news_list ul li:hover{ background-color: #f7f7f7; }
.news_list ul li:hover .intro .box .txt .t a{ color:#cc0000; }
.news_list .e_line-25 { margin:0px auto; border-top-color:#f7f7f7; }
@media only screen and (max-width: 1240px){
.news_list ul li.noimg .img{display:none;}
.news_list ul li.noimg .intro{width:100%;}
.news_list ul li .intro{float:left; width:68%;}
.news_list ul li .tit{font-size:30px; color:#232323; line-height:35px; height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list ul li .intro .box .txt{float:left; width:100%;}
.news_list ul li .intro .box .txt .t{font-size:18px; margin-bottom: 10px; color:#333; }
.news_list ul li .intro .box{padding:0px 40px 0;}
.news_list ul li .content{ padding-top: 30px;}
.news_list ul li .img{ padding-bottom: 30px;}
.news_list ul li .more_link1 { margin-top: 50px;}
}
@media only screen and (max-width: 1200px){
.news_list ul li .intro{ width:67%;}}
@media only screen and (max-width: 1100px){
.news_list ul li .intro{ width:60%;}
.news_list ul li .intro .box .txt .date1{ margin-top:10px; }
.news_list ul li .more_link1 { margin-top: 30px;}
}
@media only screen and (max-width: 992px){
.news_list ul li .img{ width:35%;}
.news_list ul li .intro{float:left; width:65%;}
.news_list ul li .intro .box .txt .date1{ margin-top:20px;}
.news_list ul li .intro .box{padding:20px 30px 0;}
.news_list ul li .more_link1 { display: none;}
}
@media only screen and (max-width: 760px){
.news_list ul li .intro .tit{font-size:18px; line-height:22px; height:44px;}
.news_list ul li .intro .box .txt .c{ line-height: 26px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list ul li .intro .box{padding:5px 16px 0 16px;}
.news_list ul li .intro .box .txt .t{font-size:17px; color:#000;}
.news_list ul li .intro .box .txt .date1{ margin-top:0px; }
.news_list ul li:hover{background: none;}}
@media only screen and (max-width: 760px){
.news_list ul li .intro .box .txt .c{ margin:5px 0 5px; line-clamp: 2; -webkit-line-clamp:1; }
.news_list ul li .content{ padding-top: 30px;}
.news_list ul li .img{ padding-bottom:30px;}}
@media only screen and (max-width: 460px){
.news_list ul li .img{ width:100%;}
.news_list ul li .intro{float:left; width:100%;}
.news_list ul li .intro .box{padding:15px 0px 15px 0px;}
.news_list ul li .intro .box .txt{  margin-bottom: 15px;}
.news_list ul li .intro .box .txt .t{font-size:16px; }
.news_list ul li .intro .box .txt .c{ line-clamp: 2;-webkit-line-clamp: 2;}
.news_list ul li .intro .box .txt .c a{ color: #666!important;}
.news_list ul li .content{ padding-top: 0px; }
.news_list ul li .img{ padding-bottom:10px;}
.news_list .e_line-25 {  margin:15px auto;}}
.e_line-25 { border-top-style: solid; border-top-width: 1px; border-top-color: rgba(221,221,221,1); width: 100%; margin:40px auto; height: 1px; }
hr { box-sizing: content-box; height: 0;}

.news_show { padding-right: 40px;}
.news_show .param-t {font-size: 30px;color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.news_show p,.news_show div { line-height: 30px; font-size: 16px; color: #666;}
.news_show .param-tit,.case_show .param-tit{font-size: 36px; padding-bottom:30px; color: #333; }
.news_show .param-s{ font-size: 15px; margin-bottom: 40px; color: #666; border-bottom:1px solid #e5e5e5; padding-bottom: 35px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_show .param-s span{ margin-right: 10px;}
.news_show .param-s span .fa{ margin-right: 10px;}
.news_show .param-c h3{ font-size: 18px; line-height: 50px; }
.news_show .param-c p{ line-height:32px; font-size: 16px; color: #666; }
.news_show .param-img{  margin-bottom: 20px; }
.news_show .param-c img,.case_show .param-c img{ max-width: 100%; margin-top: 10px; margin-bottom: 10px; }
.newsshow .left_share{ margin-bottom: 70px;}
 
.newsshow .f_social { text-align:left; color:#fff; padding-top: 30px; position: relative;}
.newsshow .f_social a{ float:left; color:#777; }
.newsshow .f_social i {width:42px; height:42px; border-radius:50%; line-height:42px; text-align:center; margin-right:25px; border:1px solid#cc0000; background: #cc0000; }
.newsshow .f_social .fa{text-align:center; font-size: 20px; color:rgba(255, 255, 255);}
.newsshow .f_social .fa:before{position: static;}
.newsshow .f_social .fa.fa-douyin{ background:#cc0000 url(../images/douyin.png) no-repeat center;}
.newsshow .f_social ul .weixin {position: relative;}
.newsshow .f_social .wechat { position: relative;}
.newsshow .f_social .wechat:hover .vx { display: block;}
.newsshow .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.newsshow .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.newsshow .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.newsshow .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.newsshow .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.newsshow .f_social .share-item { margin-right:8px;}
 
.prev_next {line-height: 40px; font-size:16px;}
.prev_next a{color: #666;}
.prev_next li {margin: 20px auto; line-height: 35px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;  }
.prev_next li a:hover { color: #cc0000; }
@media(max-width:1440px) {
.newsshow .newsshow_r .tit{font-size: 24px;}
}
@media(max-width:1365px) {
.news_show img{ width: 100%;}
.newsshow .f_social { padding-top: 20px; }
.newsshow .left_share{ margin-bottom: 50px;}}
@media(max-width:1280px) {
.newsshow .f_social:after{ right:-10px;  }
.news_show .param-t{font-size: 20px;padding-bottom:20px; }
.news_show .param-tit,.case_show .param-tit{font-size: 20px; }
.newsshow .left_share{ margin-bottom: 40px;}
.news_show .param-s{ margin-bottom: 25px; }
}
@media(max-width:1200px) {
.news_show { padding-right: 0px;}
.newsshow .f_social:after{ right:-5px;  }
.newsshow .f_social i { margin-right: 3px;}}
@media(max-width:992px) {
.news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.news_show { padding-right: 0px;}
.news_show .param-tit,.case_show .param-tit{font-size: 18px;padding-bottom: 5px; }
.news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.news_show p,.news_show div { line-height: 28px;}
.prev_next {line-height: 30px; font-size:16px;}
 
}
@media(max-width:680px) {
.news_show .param-t{font-size: 18px; padding-bottom:10px;}
.news_show .param-c p{ font-size: 15px;line-height:26px;}
.news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; }
.news_show .param-c { padding-top: 0px;}
}
 
.newsshow_r .hot_news { box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.newsshow_r .infor .tit{font-size:24px; color:#333; font-weight: bold; text-align:left; }
.newsshow_r .infor { margin-bottom: 10px; border-top: 4px solid #cc0000; background-color: #f2f2f2; padding: 25px 40px;}
.newsshow_r .hot_news .hot_box { padding: 20px 40px;}
.newsshow_r .hot_news .hot_box .item { margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.newsshow_r .hot_news .hot_box .item .t{font-size:18px; color:#666; line-height:35px;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition:all .3s ease;}
.newsshow_r .hot_news .hot_box .box{padding:0px 0 15px;}
.newsshow_r .hot_news .hot_box .item .t:hover{color:#cc0000;}

@media only screen and (max-width:992px){
.newsshow_r .infor .tit{font-size:20px;}
.newsshow_r { width: 100%;}
.newsshow_r .hot_news { margin-top:30px;}
.newsshow_r .hot_news .hot_box .item .t{ margin-bottom:5px; height:28px;  overflow:hidden;}
}
@media only screen and (max-width:768px){
.newsshow_r .infor .tit{font-size:18px;}
.newsshow_r .hot_news .hot_box{padding:0 15px;}
.newsshow_r .hot_news .infor .box{padding:15px 0 0;}
}
    

.case_list .box{ width: 100%; }
.case_list .img img{ max-width: 100%;border-radius: 10px;}
.case_list .box .tit{ text-align: center; line-height: 70px; margin-top: 25px; background: url(../images/case_ng.png) no-repeat center bottom; background-size: 100% 100%;}
.case_list li:hover .box .tit a{ color: #cc0000;}
@media (max-width:992px){
.case_list .box .tit{ line-height: 50px; margin-top: 15px; }
.case_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  width:10px; height:10px; margin:0 6px;}
}
@media (max-width:392px){
.case_list .box .tit{  background: none;  margin-top: 0px; }
}
.caseshow_r .title a{color: #cc0000;}
.caseshow_r ul li .box{ width: 100%; }
.caseshow_r ul li .img img{ max-width: 100%;border-radius: 10px;}
.caseshow_r ul li .box .tit{ text-align: center; line-height: 50px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;  }
.caseshow_r ul li:hover .box .tit { color: #cc0000;}
@media (max-width:992px){
.caseshow_r ul li .box .tit{ line-height: 30px;}
}



.pageservice li .box{width: 100%; box-shadow:0 5px 25px rgba(0,0,0,0.1); border-bottom: 2px solid rgba(0,0,0,0.1); }
.pageservice li .box .list_img{ position: relative;}
.pageservice li .content { position: absolute; left: 10%; top: 60px; content: ""; width: 80%; background: url(../images/ser_icon1.png) no-repeat; background-size:40%; }
.pageservice li:nth-child(2) .content {  background: url(../images/ser_icon2.png) no-repeat; background-size:40%;}
.pageservice li:nth-child(3) .content {  background: url(../images/ser_icon3.png) no-repeat; background-size:40%;}
.pageservice li:nth-child(4) .content {  background: url(../images/ser_icon4.png) no-repeat; background-size:40%;}
.pageservice li .content ._tt { margin-top: 60px; }
.pageservice li .content ._tt a{color:#333; font-weight: bold; text-align:left; font-size:26px; line-height: 30px;}
.pageservice li .content .desc{ color: #666; margin-top:25px; line-height: 30px; width: 90%; }
.pageservice li:hover .box{width: 100%; border-bottom: 2px solid #cc0000; } 
.pageservice li:hover .content ._tt a {color:#cc0000; }
@media (max-width:1440px){
.pageservice li .content { top: 50px; }
}
@media (max-width:1366px){
.pageservice li .box .list_img .rect-133{ padding-bottom: 150%; }
.pageservice li .content { top: 40px; }
.pageservice li .content ._tt a{  font-size:22px; }
.pageservice li .content .desc{ margin-top:30px; }
}
@media (max-width:1280px){
.pageservice li .content { top: 30px; background-size:35%;}
.pageservice li:nth-child(2) .content { background-size:35%;}
.pageservice li:nth-child(3) .content { background-size:35%;}
.pageservice li:nth-child(4) .content { background-size:35%;}
.pageservice li .content ._tt a{  font-size:20px; }
.pageservice li .content .desc{margin-top:20px; line-height: 35px; width: 100%; }
}
@media (max-width:992px){
.pageservice { margin-top: 30px;}
.pageservice li { margin-bottom: 30px;}
.pageservice li .content { top: 20px; }
.pageservice li .content ._tt { margin-top: 40px; }
.pageservice li .content .desc{margin-top:10px; line-height: 30px; }
}
@media (max-width:768px){
.pageservice li .content {top: 60px; }
.pageservice li .content ._tt { margin-top: 60px; }
.pageservice li .content ._tt a{  font-size:18px; }
}
@media (max-width:578px){
.pageservice { margin-top:20px;}
.pageservice li .box .list_img .rect-133{ padding-bottom: 140%; }
.pageservice li .content {top: 30px; }
}
@media (max-width:468px){
.pageservice li .content { top: 20px; background-size:55%;}
.pageservice li .content ._tt { margin-top: 40px; }
.pageservice li .content .desc{margin-top:8px; line-height: 28px; }
}
@media (max-width:398px){
.pageservice li .content ._tt { margin-top: 30px; }
}
@font-face {
    font-family: "fontshuzi";
    src: url("../fonts/HarmonyOS_Sans_Condensed_Bold.ttf") format("truetype");
}
.fontshuzi {font-family: fontshuzi;}
.pl-inner{ padding-left: calc((100vw - 1400px)/2);}
.pageservice2 {position: relative}
.pageservice2 .container {position: relative}
.pageservice2 .serverbox3a { position: relative;padding-bottom: 60px}
.pageservice2 .serverbox3a .swiper-slide {background-color: #fff; border-bottom: 2px solid rgba(0,0,0,0.1); border-radius: 20px;height: auto;padding: 50px 50px 80px}
.pageservice2 .serverbox3a .swiper-slide.swiper-slide-active {background-color: #cc0000; }
.pageservice2 .serverbox3a .swiper-slide .cn3 {position: relative}
.pageservice2 .serverbox3a .swiper-slide .cn3 .cn4 {position: absolute;left: 0;top: 55%;transform: translateY(-50%);color: #333}
.pageservice2 .serverbox3a .swiper-slide.swiper-slide-active .cn3 .cn4 { color: #fff}
.pageservice2 .serverbox3a .swiper-slide .cn3 .cn5 {position: relative;z-index: 2;  font-weight: bold; color: transparent;text-stroke: 1px #cc0000;-webkit-text-stroke: 1px #cc0000;opacity: .2;line-height: 1em}
.pageservice2 .serverbox3a .swiper-slide.swiper-slide-active .cn3 .cn5 { text-stroke: 1px #fff;-webkit-text-stroke: 1px #fff; }
.pageservice2 .serverbox3a .swiper-slide .cn6 {margin-top: 30px}
.pageservice2 .serverbox3a .swiper-slide .cn6 .cn7 {color: #666;line-height: 1.5em;position: relative;padding-left: 20px;margin-bottom:10px}
.pageservice2 .serverbox3a .swiper-slide.swiper-slide-active .cn6 .cn7 {color: #fff; }
.pageservice2 .serverbox3a .swiper-slide .cn6 .cn7::before {content: "";position: absolute;width:6px;height:6px;background-color: #cc0000;border-radius: 50%;top:10px;left: 0}
.pageservice2 .serverbox3a .swiper-slide.swiper-slide-active .cn6 .cn7::before { background-color: #fff; }
.scrollbarservice{ height: 7px; background: #e5e5e5;opacity: 1 !important;}
.scrollbarservice .swiper-scrollbar-drag{ background:#cc0000; }
.pageservice2 .container .serverbox3a .serverbox3apage {position: absolute;bottom: 0;top: initial;z-index: 2;background-color: #e5e5e5}
.pageservice2 .container .serverbox3a .serverbox3apage .swiper-pagination-progressbar-fill {background-color: #cc0000;opacity: 1}
@media screen and (max-width: 1366px) {
.pageservice2 .serverbox3a .swiper-slide { padding: 30px 30px 60px}
}
@media screen and (max-width: 1280px) {
.pageservice2 .serverbox3a .swiper-slide { padding:20px 20px 40px}
}
 
@media (max-width: 767px) {
.pageservice2 .serverbox3a .swiper-slide .cn6 .cn7::before {top:6px;width:5px;height:5px}
.pageservice2 .serverbox3a .swiper-slide {  width: 50%;}
}
@media (max-width: 567px) {
.pageservice2 .serverbox3a { width: 100%; overflow: hidden;}
}
.comproblemitem{ border: 1px solid #f2f4f7; box-shadow:0px 0px 17px 0px rgba(0,0,0,0.15); margin-bottom:30px}
.comprmitemtop{width:100%; padding:50px 38px;cursor:pointer}
.comprmitemtop .type{width:30px;height:30px; text-align:center;line-height:35px; color:#d2d2d2;font-weight:bold;font-family:'gothicb'; }
.comprmitemtop .name{ margin:0 40px 0 20px;line-height:35px;color:#333; font-weight: bold; }
.comprmitemtop .icon{width:36px;height:36px; text-align: center; position:relative}
.comprmitemtop .icon:after{content:"";width:20px;height:2px;background-color:#a1a7b3;position:absolute;left:23%;top:50%;margin-top:0px}
.comprmitemtop .icon:before{content:"";width:2px;height:20px;background-color:#a1a7b3;position:absolute;left:47%;top:50%;margin-top:-8px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.comprmitembot{padding:30px 20px 58px; margin-left: 40px; margin-right: 40px; background: #fff; border-top: 1px solid #f2f4f7; display:none}
.comprmitembot .type{width:30px;height:30px; text-align:center;line-height:35px;  color:#fff;font-weight:bold;font-family:'gothicb'; }
.comprmitembot .con{ margin-left:15px; line-height: 35px; color:#666;}
.comprmitembot .con p{color:#666; }
.comproblemitem.cur{ box-shadow:0px 0px 17px 0px rgba(0,0,0,0.15)}
.comproblemitem.cur .comprmitemtop .icon:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.comproblemitem.cur .type{ color: #cc0000;}
.comproblemitem.cur .name{color: #cc0000;}
@media(max-width:1640px) {
.comprmitemtop{ padding:25px 28px; }
}
@media(max-width:1440px) {
.comprmitemtop{ padding:25px 18px; }
.comprmitembot{padding:25px 18px 25px; }
}
@media(max-width:1366px) {
.comprmitemtop{ padding:20px 15px; }
.comprmitembot{padding:20px 15px 20px; }
}
@media(max-width:992px) {
.comprmitemtop .name{ margin:0 20px 0 20px; font-size:17px}
}
@media(max-width:768px) {
.comprmitemtop{padding: 15px 15px 15px 5px; }
.comprmitembot{padding:15px 0px 15px; }
.comprmitemtop .name{ font-size:16px;margin:0 10px 0 5px;}
.comprmitemtop .icon{width:32px;height:32px; }
.comprmitemtop .icon:after{ width:16px;height:2px; left:22%;top:50%;margin-top:-1px}
.comprmitemtop .icon:before{ width:2px;height:16px; left:46%;top:50%;margin-top:-8px;}
.comprmitembot .con{ line-height: 30px; margin-left: 0px;}
}
@media(max-width:568px) {
.comprmitemtop{ padding:15px 10px; }
.comprmitemtop .name{ width: 88%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin:0 2px 0 2px;}
.comprmitemtop .type{width:0px; display: none;}
.comprmitemtop .icon{width:30px;height:30px; }
.comprmitemtop .icon:after{ left:22%; }
.comprmitembot .con{ margin-left:5px;}
.comprmitembot {margin-left: 10px;margin-right: 10px;}

}
@media(max-width:468px) {
.comprmitemtop{ padding:10px 5px; }
.comprmitemtop .icon{width:26px;height:26px; margin-top: 4px; }
.comprmitemtop .icon:after{ width:14px; left:22%; margin-top:-1px}
.comprmitemtop .icon:before{ height:14px; left:46%; margin-top:-7px;}
.comprmitembot .con{ line-height: 28px;}
.comprmitembot {margin-left:5px;margin-right: 5px;}
}

/***联系***/
.contact_page .contact-list { position: relative;}
.contact_page .contact-list .tu { position: relative; z-index: 1; }
.contact_page .contact-list .tu img { width: 100%; position: relative; z-index: 1; border-radius: 20px;}
.contact_page .contact-list .tu .tit { color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 3; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s}
.contact_page .contact-list .masks { position: absolute; width: 100%; height: 100%; border-radius: 20px; background: url(../images/contact.png) no-repeat; background-size: 100% 100%; left: 0; top: 0; z-index: 2; display: flex; align-items: center;  }
.contact_page .contact-list .masks .center { padding: 70px 70px; color: #fff}
.contact_page .contact-list .masks .center .box{ width: 95%;}
.contact_page .contact-list .masks .center .box .top { float: left; width: 50%;}
.contact_page .contact-list .masks .center p { color: #fff}
.contact_page .contact-list .masks .center a { color: #fff}
.contact_page .contact-list:hover .tu .tit { opacity: 0}
.contact_page .contact-list:hover .masks { opacity: 1;  }

@media screen and (max-width: 1200px) { 
.contact_page .contact-list .masks .center .box{ width: 96%;}
}
@media screen and (max-width: 992px) { 
.contact_page .contact-list .masks .center .box{ width: 100%;}
.contact_page .contact-list .masks .center { padding: 0 50px; }
}
@media screen and (max-width: 800px) { 
.contact_page .contact-list .masks .center { padding: 0 30px; }
}
@media screen and (max-width: 768px) { 
.contact_page .contact-list { position: static;}
.contact_page .contact-list {width: 100%;margin-top: 20px}
.contact_page .contact-list .tu { position: static; z-index: 1; }
.contact_page .contact-list .masks {position: static;opacity: 1;background: none;display: block;}
.contact_page .contact-list .masks .center {padding: 0px 0 0 0;color: #333}
.contact_page .contact-list .masks .center p {color: #333}
.contact_page .contact-list .masks .center a {color: #333}
.contact_page .contact-list .masks .center .tit {display: none}
}
@media screen and (max-width: 600px) { 
.contact_page .contact-list .masks .center .box .top { width: 100%;}
}

.ctact_cont_mess_box {position: relative;z-index: 1;}
.message .form { width: 56.25%; float: left;}
.message .validate_form { font-size: 0;}
.message .validate_form .form-group { width: 100%; height: 50px; color: #cccccc; margin-bottom: 30px;position: relative;}
 
.message .validate_form .form-control { float: left; width:80%; padding: 0;margin: 0;border: none;background: none; line-height: 50px; height: 50px; border-radius: 8px; color: #cccccc;font-weight: 400; border: 1px solid #dcdcdc;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-group_msg .form-control {height: 290px;resize: none;padding:10px 20px;}
.message .validate_form .form-control+label {display: block !important;font-size: 16px; font-weight: normal; color: #cccccc;position: absolute;top: 16px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg {width: 100%;}
.ccfn_list_li_text { width: 15%; float: left; padding-left: 10px; line-height: 50px;color: #666;position: relative;}
.ccfn_list_li_text p::after {content: "*";color: red;position: absolute;left: 0px;top: 0;}
.ccfn_list_li_text.on p::after {content: "*";color: red;position: absolute;left: 54px;top: 0;}
.message .btn_button {padding: 22px 30px; text-align: center; }
.message .btn_default { display: inline-block; border-radius: 30px; background: #C90B0E; text-align: center; width: 170px; line-height:40px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden;font-weight: 400;cursor: pointer;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .btn_default span { z-index: 10; color: #fff; -moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .hint{ line-height: 32px; color: #666;}
.message span {display: inline-block;color: #666; }
.message #code {width: 80%;height: 50px;border: 1px solid #dcdcdc;background-color: #fff;color: #cccccc;border-radius: 8px;padding: 0 20px;text-align: left;}
.message .hint span {color: #cd0000; }
.message .form-bottom { margin-bottom: 20px;}
.d-inline { float: left;}
.message_btn { width:170px; margin-top: 30px; margin-left: 100px;}
.ccmb_form{padding:55px 60px;border-radius: 10px;background: #FFF;box-shadow: 2px 5px 20px 6px rgba(121, 121, 121, 0.25);}
.ccmb_form_le{width: 50%;padding-right: 26px;}
.ccmb_form_ri{width: 50%;padding-left: 26px;}
.ctact_cont_mess h2{font-weight: bold;color: #fff;text-align: center;}
.ccmb_from_le_label{width: 50%;padding: 0 7.5px;}
.ccmb_from_le_list{margin: 0 -7.5px;}
.ccmb_from_le_code{margin-bottom: 20px;}
.cfll_input{background: #FAFAFA;position: relative;display: flex;align-items: center;padding: 0 26px;}
.cfll_input input{width: 100%;height:60px;font-size: 16px;color: #666;padding-left: 10px;}
.cfll_input p{color: #666;display: flex;flex-shrink: 0;align-items: baseline;}
.cfll_input span{color: #C90B0E;}
.ccmb_from_le_list{margin-bottom: 14px;}
.cfll_add, .cfll_requ{width: 100%;}
.cfll_requ{height: 150px;} .cfll_requ .cfll_input {flex-direction: column;}
.cfll_requ .cfll_input{height: 100%;align-items: flex-start;padding:22px 26px;}
.cfll_requ p{width: 100%;}
.cfll_requ textarea{width: 100%;height: 100%;font-size: 16px;color: #666;line-height: 1.5;}
.cfll_code input{width: calc(100% - 60px);}
.ccmb_from_ri_code{width: 117px;margin-top: 13px;cursor: pointer;}
.ccmb_from_ri_code img{width: 100%;}
.ccmb_from_ri_priv{display: flex;align-items: center;}
.ccmb_from_ri_priv span{width:14px;height: 14px;border: solid 1px #c4c4c4;position: relative;transition: all .36s;cursor: pointer;border-radius: 50%;margin-right: 10px;}
.ccmb_from_ri_priv span.on{border: solid 1px #C90B0E;}
.ccmb_from_ri_priv span::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 6px;height: 6px;background: #C90B0E;opacity: 0;transition: all .36s;border-radius: 50%;}
.ccmb_from_ri_priv span.on::after{opacity: 1;}
.ccmb_from_ri_priv a{font-size: 14px;color: #C90B0E;line-height: 1.5;}
.ccmb_from_ri_priv p{color: #666;line-height: 1.5;font-size: 14px;}
.ccmb_form_btn{text-align: center;}
.ccmb_form_btn_cont{cursor: pointer;background: #C90B0E;border-radius: 50px;margin-top: 40px;display: inline-block;padding: 0 67px}
.ccmb_form_btn p{color: #fff;font-size: 16px;line-height:50px;text-align: center;}
@media (max-width:1620px){
.message .validate_form .form-control { width:540px; }
}
@media (max-width:1520px){
.message .validate_form .form-control { width:500px; }
}
@media (max-width:1460px){
.message .validate_form .form-control { width:480px; }
}
@media (max-width:1390px){
.ccfn_list_li_text { width: 18%;}
.message .validate_form .form-control { width:450px; }
}
@media (max-width:1366px){.ccmb_form{padding:50px 50px; }
.message .validate_form .form-control { width:430px; }
}
@media (max-width:1300px){
.message .validate_form .form-control { width:410px; }
}
@media (max-width:1280px){.message .left {display: inline-block;width: 100%;padding-right:0;}
.message .form {display: inline-block;width: 100%;}
.ccmb_form{padding:40px 40px; }
}
@media (max-width:1205px){
.message .validate_form .form-control { width:390px; }
}
@media (max-width:1160px){
.ccmb_form{padding:35px 25px; }
.ccfn_list_li_text { width: 20%;}
.message .validate_form .form-control { width:370px; }
}
@media (max-width:1100px){
.message .validate_form .form-control { width:360px; }
}
@media (max-width:1080px){
.message .validate_form .form-control { width:340px; }
}
@media (max-width:1024px){
.message .validate_form .form-control { width:330px; }
}
@media (max-width:992px){
.ccmb_form{padding:30px 30px; }
.ccfn_list_li_text { width: 13%;}
.message .validate_form .form-control { width:87%; }
.message .validate_form .form-control input{ width: 100%;}
}
@media (max-width:768px){ 
.message .validate_form .form-control { height: 40px; line-height:40px; padding: 0 8px; font-size: 15px; }
.message .validate_form .form-group {margin-bottom: 10px;}
.message .validate_form .form-group_msg .form-control {padding: 0 8px; }
.message #code {width: 165px;height: 40px;}
.message .hint{ line-height: 28px; }
.ccmb_form{padding:20px 20px; }
.ccfn_list_li_text { width: 17%; line-height:40px;}
.message .validate_form .form-control { width:83%; }
.message_btn {  margin-top: 20px; margin-left: 80px;}
}
@media (max-width:568px){
.message .text-muted { color: #666;line-height: 28px;margin-bottom: 10px; }
.ccfn_list_li_text { width: 20%; }
.message .validate_form .form-control { width:80%; }
.message .validate_form .form-group_msg .form-control {height: 220px; }
}
@media only screen and (max-width:468px) {.message .validate_form .form-group {width: 100%; margin-bottom: 25px;}
.ccfn_list_li_text { width: 100%; }
.message .validate_form .form-control { width:100%; margin-bottom: 15px;}
}
@media only screen and (max-width:400px) {
.message .btn_default { width: 150px; line-height:35px;}
.message_btn {  margin-top: 15px; margin-left: 70px;}
}