@charset "utf-8";
/*  引用字体包*/
@font-face {
	font-family: 'Alibaba';
	src: url(../fonts/AlibabaPuHuiTi.otf);
}
* {margin: 0;padding: 0;box-sizing: border-box;}
html{font-size: calc(100vw / 19.2)}
body {margin: 0;padding: 0;font-size: 16px; color: #111;line-height: 24px; font-family:"Alibaba";}
dd,dl,dt,li,ol,ul {margin: 0;padding: 0;list-style: none;}
em,i {font-style: normal;text-decoration: none;}
a {text-decoration: none;transition: all .2s linear 0s;	color: #000;}
:focus {outline: 0;}
img {border: 0;}
hr{ width:80px; height:4px; border-bottom:0 !important; background: linear-gradient(to right, #27B8F0, #4E92F2); margin-bottom:20px;}
.w1200{max-width:1400px; width:96%; margin:0 auto;}
.w1400{max-width:1540px; width:96%; margin:0 auto;}
.w1560{max-width:1560px; width:96%; margin:0 auto;}
.w1600{max-width:1600px; width:96%; margin:0 auto;}
.pt{padding-top:50px;}
.pb{padding-bottom:50px;}
.mt{margin-top:50px;}
.mb{margin-bottom:50px;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;font-size: 0; height:0;}
.flex {	display: flex; justify-content:space-between;}
.flex-cc{justify-content: center;flex-wrap: wrap; display: flex;}
.flex-c{justify-content:space-between;flex-wrap: wrap; display: flex;}
.flex-l{justify-content:flex-start;flex-wrap: wrap;display: flex;}
.flex-cc{justify-content:center;flex-wrap: wrap; display: flex;}
.zijianbian{background:linear-gradient(to right,#27B8F0, #4E92F2); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent;}
.bgjianbian{background: linear-gradient(to right, #27B8F0, #4E92F2);}
:root {
    --c:#4E92F2;
    --jc:#ff0101;
    --tc:#ff0101;
    --bw:clamp(769px,90%,1600px);
  	--bc:#666;
  	--br:5px;
    --cc: #000;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.17rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
}

@media screen and (max-width: 1200px) {
  :root {
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 22px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f50: 0.42rem;
    --f52: 0.46rem;
    --f54: 0.48rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  :root  {
    --f14: 0.26rem;
    --f16: 0.28rem;
    --f18: 0.3rem;
    --f20: 0.3rem;
    --f22: 0.32rem;
    --f24: 0.34rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f50: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
  }
}



/*导航 */
.main-nav__navigation-box {	margin: 0;padding: 0;list-style: none;display: -moz-flex;display: -ms-flex;	display: -o-flex;display: -webkit-box;display: flex;-webkit-box-align: center;
	align-items: center;position: initial !important;}
.main-nav__navigation-box,.main-nav__navigation-box ul {margin: 0;padding: 0;list-style: none;}
.main-nav__navigation-box li:nth-child(1),.main-nav__navigation-box li:nth-child(3){ position:initial;}
.main-nav__navigation-box .nava{ cursor:pointer;}
.main-nav__navigation-box .nava::before {content: '';display: block;position: absolute;left: -100%; bottom:0;width: 100%;height:3px;background: var(--c);transition: all .6s ease;}
.main-nav__navigation-box .nava:hover::before {left: 0;}
.main-nav__navigation-box .nava:hover{color:var(--c);}
.main-nav__navigation-box>li>a {position: relative; display: inline-block;color: #fff;font-size:18px;line-height:80px;text-transform: capitalize;	-webkit-transition: all 500ms ease;	transition: all 500ms ease;	z-index: 1; padding:0 10px;overflow:hidden;}
.dropdown-btn {display: none;}
.main-nav__navigation-box dl{position:relative;width: 120px;height: 30px;}
.main-nav__navigation-box dl a img{ margin-right:10px; margin-bottom:-5px;}
.main-nav__navigation-box li ul {position: absolute;width: 100%;line-height: 40px;top:80px;transform-origin: top;left: 0;opacity:1;z-index: -999;min-width:150px; height:0px;background:rgba(255,255,255,1); overflow:hidden;}
.main-nav__navigation-box li:hover ul {top:80px;padding:10px 0;box-shadow: 0 10px 20px rgba(0, 0, 0, .1);z-index: 9999;background:rgba(255,255,255,1);}

.main-nav__navigation-box li ul.naver43 .naverx,.main-nav__navigation-box li ul.naver8 .naverx,.main-nav__navigation-box li ul.naver44 .naverx{  font-size:12px;}
.main-nav__navigation-box li ul.naver43 .naverx span,.main-nav__navigation-box li ul.naver8 .naverx span,.main-nav__navigation-box li ul.naver44 .naverx span{ font-size:16px; display:block; border-bottom:1px solid #eee; color:#999; font-weight:bold;}
.main-nav__navigation-box li ul.naver43 .naverx a,.main-nav__navigation-box li ul.naver8 .naverx a,.main-nav__navigation-box li ul.naver44 .naverx a{ font-size:16px;width: max-content;}
.main-nav__navigation-box li ul.naver43 .naverx span a,.main-nav__navigation-box li ul.naver8 .naverx span a,.main-nav__navigation-box li ul.naver44 .naverx span a,.main-nav__navigation-box li ul.naver8 .naverxx span a{ font-size:18px; font-weight:bold;}
.main-nav__navigation-box li ul.naver43 .naverx dt{ margin-top:10px;color: #999;}

.main-nav__navigation-box li ul.naver44 .naverxx{ margin-top:80px;}
.main-nav__navigation-box li ul.naver44 .naverxx span{font-size:16px; display:block; border-bottom:1px solid #eee;}
.main-nav__navigation-box li ul.naver8 .naverxx{ margin-top:80px;}
.main-nav__navigation-box li ul.naver8 .naverxx span{font-size:16px; display:block; border-bottom:1px solid #eee;}
.main-nav__navigation-box li ul .naver1560{ margin:0 auto;justify-content:center;padding: 2%; max-width:1560px;}
.main-nav__navigation-box li ul .naver1560 a{ margin:0 1%; display:block;}
.main-nav__navigation-box li ul .naver1560 a img{ max-width:20px; margin:-5px 10px 0 10px;filter:grayscale(100%);}

.main-nav__navigation-box>li ul>li {position: relative;}
.main-nav__navigation-box>li ul>a {font-size: 14px;word-break: break-all;padding-top: 0px;padding-left: 20px;padding-right: 20px;-webkit-transition: all 500ms ease;transition: all 500ms ease;text-transform: capitalize;display: block; line-height:50px; font-weight:bold;}
.main-nav__navigation-box>li ul>a img{width:100%;}
.main-nav__navigation-box li ul a:hover{ color:var(--c);}
.main-nav__navigation-box li ul a:hover img{filter:grayscale(0%) !important;}


/* 手机站头部 */
.headweb {display: none;}
/* 手机站底部 */
.qedge-com-footer1 {display: none;}
.qedge-com-footer-links1 .content .qedge-com-accordion-menu1 .title {font-size: 14px;line-height: 24px;	position: relative;	font-weight: 400;margin-bottom: 0;padding: 8px 0;}
.qedge-com-accordion-menu1 .accordion-header {display: block;position: relative;color: #666;}
.qedge-com-footer-links1 .content .qedge-com-accordion-menu1 {border-bottom: 1px solid #d7d7d7;}
.qedge-com-accordion-menu1 .accordion-header::before {background-color: black;content: " ";	display: block;	width: 1px;	position: absolute;	top: 50%;	margin-top: -4px;	right: 4px;	height: 9px;	-webkit-transition: opacity linear 0.15s;transition: opacity linear 0.15s;}
.qedge-com-accordion-menu1 .accordion-header::after {background-color: black;content: " ";display: block;height: 1px;position: absolute;top: 50%;right: 0px;width: 9px;}
.qedge-com-accordion-menu1 .accordion-header::after{}
.qedge-com-accordion-menu1 .accordion-body {background-color: #F5F5F5;font-size: 1.2em;-webkit-transition: height ease-in 0.15s;transition: height ease-in 0.15s;height: auto!important;display: none;	overflow: hidden;}

.qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul {padding: 0;font-size: 12px;line-height: 22px;}
.qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul li a,.qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul li span {display: block;padding: 6px 20px;}
.content li+li {margin-top: .25em;}
.qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul li {display: block;}
.qedge-com-footer-links1 .content ul li a {color: #666666;font-weight: 400;font-size: 12px;line-height: 22px;text-decoration: none;}
.qedge-com-accordion-menu1 .accordion-header.active::after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.qedge-com-accordion-menu1 .accordion-header.active::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}





/* 头部 */
.headtop { width:100%;display: block; position: fixed;z-index: 9999;transition: all .5s linear 0s;backdrop-filter: blur(8px);margin:0 auto;box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);}
.headtop .topbox {height:80px;width:96%; max-width:1540px;transition: all 0.3s; margin:0 auto;}
.headtop .topbox .logo {display: flex;align-items: center; width:260px;}
.headtop .topbox .logo img {width: 100%;filter:brightness(100) !important;max-height: 40px;}
.headtop .topbox .nav {width: 890px;height: 41px;padding-top: 16px;float: left;}
.headtop .topbox .nav a {color: #333;line-height: 40px;height: 40px;font-size: 16px;font-weight: 600;border-bottom: 1px solid rgba(255, 255, 255, 0);text-decoration: none;	padding-right: 50px;}
.headtop .topbox .nav a:hover {	color: #1e52a4;}
.headtop .topbox .nav a.active {color: #1e52a4 !important;}
.headtop .topbox .toptel {padding-right: 50px;color: #fff;line-height: 80px;}
.headtop .topbox .toptel img {margin-right: 10px;position: relative;top: 3px;}
.headtop .topbox .nav .neiyea {	color: #eee;}
.headtop_logo_on{display:none;}
.headtop:hover .headtop_logo{display:none;}
.headtop:hover .headtop_logo_on{display:block;}
.baidi .headtop_logo_on{display:block;}
.baidi .headtop_logo{display:none;}
.headtop .current a::after {height: 100%}
.headtop .topbox .logo {line-height:80px;}





.languagetext svg{fill:#fff;}
.baidi { background:rgba(255,255,255,1);width: 100%;left: 0;top: 0; border-radius:0;z-index: 9999;}
.baidi .main-nav__navigation-box>li>a,.baidi .languagetext span .languagegao{ color:#000;}
.baidi .languagetext svg{fill:#000;}
.baidi .topbox .logo img{filter:none !important;}
.baidi .topbox {height:50px;}
.baidi .topbox .logo,.baidi .topbox .toptel,.baidi .main-nav__navigation-box>li>a{line-height:45px;}
.baidi .main-nav__navigation-box li:hover ul{top:50px;}

.headtop:hover { background:rgba(255,255,255,1);width: 100%;left: 0;top: 0; border-radius:0;z-index: 9999;}
.headtop:hover .main-nav__navigation-box>li>a,.headtop:hover .languagetext span .languagegao{ color:#000;}
.headtop:hover .topbox .logo img{filter:none !important;}
.headtop:hover .languagetext svg{fill:#000;}



.baidi .main-nav__navigation-box li .neiyea {color: #333 !important;}

#menuClick{font-size:25PX; color:#000;fill:#5F6F6E;  width:40PX;-webkit-box-align: center;align-items: center; display: flex;margin-top: -5px;}
#menuClick:hover{ cursor: pointer;color:var(--c);}
#menuClick .icon{ margin-right:10px;}
#menuClick .icon path{}
#menuClick:hover .icon path{fill:var(--c);}


/*手机端导航*/
#openlc { position: fixed; right: 0; top: 0; z-index: 999; height: 70px;}
.lcbody { display: inline-block; margin: 20px; width: 30px; height: 30px; position: relative; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); }
.lcitem { position: absolute; left: 0; top: 0; transform: translateZ(0px) rotate(0deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; -webkit-transform: translateZ(0px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; width: 30px; height: 30px; }
.lcitem .rect { width: 30px; height: 1px; background: #999999; position: absolute; left: 0; top: 14px; transition: transform 0.2s ease 0.2s; -webkit-transition: -webkit-transform 0.2s ease 0.2s; }
.lcitem .rect.top { transform: translate3d(0px, -8px, 0px); -webkit-transform: translate3d(0px, -8px, 0px); }
.lcitem .rect.bottom { transform: translate3d(0px, 68px, 0px); -webkit-transform: translate3d(0px, 8px, 0px); }
#leftcontrol { width: 260px; height: 100%; right: -260px; transition: all 0.25s; background: #202122; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 999; }
#leftcontrol ul#nav {}
#leftcontrol ul li { display: block; min-height: 44px; border-top: 1px solid #272727;  width: 100%; }
#leftcontrol ul li a { display: block; color: #777777; padding: 0 25px; height: 44px; line-height: 44px; }
#leftcontrol ul li a span { display: inline-block; }
#leftcontrol ul li a span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; }
#leftcontrol ul li .subnav { display: none; }
#leftcontrol ul.subnav li a i { margin-right: 20px;  color: #3e3e3e; }
#leftcontrol ul.subnav li a { background: #19191A; color: #7e7e7e; }
#leftcontrol ul li a span.more { width: 12px; height: 12px; position: relative; float: right; top: 16px; }
#leftcontrol ul li a span.more span { background: #474747; position: absolute; }
#leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); }
#leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); }
#leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
#leftcontrol ul li.active a span.circle { border-color: var(--c); background-color: var(--c); }
#leftcontrol ul li.active a.hassub { background: #222324; color: #FFF; }
#leftcontrol ul li.onnav a { background: #111; color: #ccc; }
#leftcontrol ul li.onnav a span.circle { border-color: var(--c); background-color: var(--c); }
#leftcontrol ul li.noNav { display: none; }
.pageOn #openlc { background: #202122; }
.pageOn #leftcontrol { right: 0; top: 0; }
.pageOn .lcbody { transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); }
.pageOn .lcitem { transform: translateZ(0px) rotate(45deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; -webkit-transform: translateZ(0px) rotate(45deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; }
.pageOn .lcitem .rect { transition: transform 0.2s ease 0s; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 0px, 0px); }
.pageOn .lcitem.bottom { transform: translateZ(0px) rotate(-45deg); -webkit-transform: translateZ(0px) rotate(-45deg); }
#body { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 996; display: none; }
.pageOn #body { display: block; }


/*留言表单*/
input::placeholder,.contactTextarea::placeholder{ color:#999;}
.contactForm h3{ font-weight:400; font-size:18px; line-height:3; padding-left:10px;}
.contactForm h3 span{ color:#f00;}
.contactField:focus, input:focus,#gcontent:focus{ border:solid 1px var(--c);}
.contactTextarea:focus{ border:solid 0px var(--c);}
.contactSubmitButton{ line-height:19px!important; display:block!important;color:#fff; height:46px!important;margin-right:4px; width:100%;border:0;}
.contact-form{ margin-bottom:20px;}
.contactTextField{ padding-bottom:5px; font-size:12px;}
.contactTextField span{ float:right; opacity:0.2;}
.contactMessageTextarea{ padding-bottom:5px; font-size:12px;}
.contactMessageTextarea span{ float:right; opacity:0.2;}
.formFieldWrap{ margin-right:10px; width:100%;}
.formFieldWrap select{ width:48% !important;border-radius:30px;}
.fullField{width:100%;line-height: 50px;height: 50px;}
.formCodeWrap{display:flex;}
.formCodeWrap input {flex:1; margin-right: 10px; padding:15px;}
.formCodeWrap img {height:50px;}
#contactNameField{ text-transform:capitalize;}
.contactTextarea{ width:100%; margin:0 auto; display:block; box-sizing:border-box; border:solid 1px #ddd; font-size:16px;margin-bottom:10px; padding-left:12px; padding-right:12px; padding-top:9px; padding-bottom:9px; line-height:18px; height:100px; border-radius:10px;background:#f6f6f6; }
.buttonWrap{ line-height:20px;  min-width:43%; display:inline-block; cursor:pointer;border-radius:5px;}
.formSubmitButtonErrorsWrap a{ width:25%; text-align:center; padding:8px 10px!important;}
.formValidationError .red-notification p{ background-image:none!important; display:block!important; padding-left:0px!important; text-align:center!important;}
.contactField, input{ padding-left:25px; padding-right:10px; background:#F9F9F9; margin-bottom:8px;border:solid 1px #eee; border-radius:30px;}
a#CodeA img{ height:50px; display:block; margin-bottom:10px;}


.formSubmitButtonErrorsWrap{ width:96%; max-width:200px; margin-top:10px; }

.contact-form h2{ font-size:42px; line-height:1.5; font-weight:bold;}
.contact-form p{ font-size:20px; line-height:1.5;}


/* 首页banner */
.swiperbanner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.swiperbanner .swiper-slide {background-position: center; background-size: cover;}
.swiperbanner .swiper-slide img {	transition: all 2s ease 1.4s;transform: translateX(0); display: block; width: 100%; filter:brightness(1); height:100vh;}
.swiper-container-fade .swiper-slide::after{content: '';  position: absolute;left: 0;top: 0;   bottom: 0;right: 0;  opacity: .5;  z-index: 0;}
.swiperbanner .swiper-slide .ind_ban_tex {position: absolute;text-align: left;width: 80%;top: 45%;left: 50%;transform: translate(-50%, -50%);z-index: 5;display: block;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_con {width: 100%;display: block;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_con a{padding: 5px 25px;border-radius: 20px;line-height: 28px;  color: #fff;margin-top: 30px;  background: linear-gradient(to right, #27B8F0, #4E92F2);  display: inline-block;  cursor: pointer; }
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_title {overflow: hidden;position: relative;margin-left: auto;margin-right: auto;margin-bottom: 20px;}
.swiperbanner .swiper-slide .ind_ban_con .ind_ban_tex_en {font-size: 2vw;line-height: 1.2;color: #ffffff;text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);transform: translateY(30px);opacity: 0;margin-bottom: 10px;}
.swiperbanner .swiper-slide.swiper-slide-active .ind_ban_con .ind_ban_tex_en {transition: all 2s ease 0.5s;transform: translateX(0);opacity: 1;}
.swiperbanner .swiper-slide .ind_ban_tex .b_line {width: 80px;margin: 0px 0px 20px;height: 6px;background: #fff;transform: translateY(30px);opacity: 0;}
.swiperbanner .swiper-slide.swiper-slide-active .ind_ban_tex .b_line {transition: all 2s ease 1.2s;transform: translateX(0);opacity: 1;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {color: #ffffff;font-size: 1.5vw; font-weight:bold;text-transform: capitalize;line-height: 1.2; transform: translateY(30px); opacity: 0; }
.swiperbanner .swiper-slide.swiper-slide-active .ind_ban_tex_title .t_big {transition: all 2s ease 0.8s;transform: translateX(0);opacity: 1; margin:0;text-transform: uppercase;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_info { font-weight:bold;color: #ffffff;font-size: 2.6vw;text-transform: capitalize;line-height: 1.2; transform: translateY(30px); opacity: 0; }
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_info2 {color: #ffffff;text-transform: capitalize;line-height: 1.2; transform: translateY(30px); opacity: 0;font-size: 20px;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_info2 a{font-size:16px;}
.swiperbanner .swiper-slide.swiper-slide-active .ind_ban_tex .ind_ban_tex_info {transition: all 2s ease 1.2s;transform: translateX(0);opacity: 1; margin:0;text-transform: uppercase;}
.swiperbanner .swiper-slide.swiper-slide-active .ind_ban_tex .ind_ban_tex_info2 {transition: all 2s ease 2.5s;transform: translateX(0);opacity: 1; margin:0;text-transform: uppercase;}
.swiperbanner .swiper-slide hr{  transform: translateY(30px); opacity: 0;}
.swiperbanner .swiper-slide.swiper-slide-active hr{margin:20px 0px; display:block; transition: all 2s ease 2s;transform: translateX(0);opacity: 1;text-transform: uppercase;}
.swiperbanner .swiper-pagination-bullets {bottom: 5% !important;  text-align: center; position:absolute; z-index:99;}
.swiperbanner .swiper-pagination-bullet {width: 12px;	height: 12px;border-radius: 10px;background-color: rgba(255, 255, 255, 1);margin: 0 8px;opacity: 1;transition: all 0.4s ease;}
.swiperbanner .swiper-pagination-bullet-active {width: 53px;background:var(--c);}
.swiperbanner .swiper-slide .an {	width: 200px;background-image: linear-gradient( 90deg, #2a5cbf 0%, #019eed 100%);border: solid 2px #148ecc;	height: 52px;line-height: 52px;	text-align: center;	border-radius: 6px;color: #fff;	margin-top: 3%;	font-size: 16px;transform: translateY(30px);opacity: 0;}
.swiperbanner .swiper-slide.swiper-slide-active .an {transition: all 3s ease 1.4s;transform: translateX(0);opacity: 1;}


@media screen and (max-width:768px) {
.swiperbanner .swiper-slide.swiper-slide-active hr{margin:5px 0px;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_con a{margin-top: 0px;padding: 3px 15px;width: 100px;text-align: center; font-size:12px;}
.swiperbanner .swiper-slide img,.swiperbanner .swiper-slide video{ height:auto !important;}
}

/* 按钮效果 */
.ianniu{display: flex; position: relative; overflow: hidden;text-align: left;  box-sizing: border-box;  width: 180px;  padding: 0;  background_radio: 1;border_radio: 1;
    font_radio: 1;radius_radio: 1; height: 54px;align-items: center;justify-content: space-around; box-shadow: 0 0 5px rgb(170 105 79 / 20%); display-radio: flex;background-color:var(--c);border-radius: 30px; color:#fff;}
.ianniu::before {content: '';display: block;position: absolute;left: -100%;width: 100%;height: 100%;background: rgba(0,0,0,0.1);transition: all .6s ease;}
.ianniu:hover::before {left: 0;}
.ianniu span {display: block;position: relative;z-index: 1;outline: 0;margin: 0px;overflow: hidden;transition: all .6s ease;left: 0;}
.ianniu:hover span {left: 10px}
.ianniu i {display: block;width: 24px;height: 24px;border-radius: 50%;border: 1px solid #fff;position: relative;}
.ianniu i::before {content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
    transition: all 0.6s ease;}
.ianniu i::after {content: '';display: block;width: 35px;height: 1px;background: #fff; top: 50%;right: 12px;position: absolute;transform: translateY(-50%);transition: all 0.6s;}
.ianniu:hover i::before {content: '';display: block;width: 10px;height: 10px}
.ianniu:hover i::after {width: 0px}
.ianniu::after {content: "";position: absolute;width: 0;height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px}
.ianniu:hover::after {opacity: 1}



    
/* 首页关于我们*/
.iabout { margin:0 auto;background: url(../images/iabout.jpg) center bottom no-repeat; background-size:100% auto; position:relative;color: #fff;font-size: 16px;line-height: 35px; padding-top:60px; padding-bottom:60px;}
.iabout h5 {font-size:24px; color:#999;text-transform: uppercase; font-weight:400; margin-top:10px;}
.iabout h2 {margin: 20px 0 20px 0; line-height:1;font-size:50px;display:block; text-transform: uppercase;}
.iabout .more{ margin-top:50px;}
.iabout .iaboutn {font-size:16px;  text-align:center;}
.iabout .iaboutn hr{ margin:0 auto 30px;}
.iabout .iaboutn .ianniu{ margin:30px auto;}
.iaboutx {border-radius:0px; overflow:hidden; position:relative; margin-top:60px;}
.iaboutx .ourbox .ourli { width:19%;padding:100px 0 50px 0;text-align: center;}
.iaboutx .ourbox .ourli .our_p1 {font-size: 20px; margin-top:20px; color:var(--c);}
.iaboutx .ourbox .ourli .our_p1 .counter {font-size:60px;font-weight: bold; color:#FFF; margin-right:5px; line-height:60px;}
.iaboutx .ourbox .ourli .our_p2 {font-size: 16px;margin-bottom: 10px;}
.iabout .about_xian{ position:absolute; height:100%; width:100%; max-width:1420px; top:0;border-right:1px solid rgba(255,255,255,0.2);}
.iabout .about_xian li{ border-left:1px solid rgba(255,255,255,0.2); width:100%;}



@media screen and (max-width:768px) {
    .iaboutx .ourbox .ourli .our_p1 .counter{font-size:40px;}
	.iabout .iaboutn {width: 90%;font-size: 12px;}
	.iabout {padding: 30px 3% 30px 3%;min-height: auto;margin-top:0px; margin-bottom:0px;}
	.iabout h2 {margin-bottom: 10px;font-size: 24px;line-height: 1.6;}
	.iabout h5 {font-size: 16px;line-height: 1.5;}
	.ourboxl h2 {margin-bottom: 10px;line-height: 1.5;}
	.ourboxl {width: 94%;padding: 20px 3% 25px;	margin-bottom: 0;}
	.ourbox {padding: 0px;	width: 100%;}
	.ourbox .ourli .our_p1 .counter {font-size: 45px;}
	.iabout .iaboutn {width: 100%;overflow: hidden;	text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
	.iabout a {margin-bottom:30px;margin-top:0px;}
	.ourboxl {font-size: 16px;line-height: 1.5;}
	.ourbox .ourli .our_p2 {margin-bottom: 20px;}
	.iaboutx .ourbox {padding:10px 0px; display:block;}
	.iaboutx .ourbox .ourli{ width:50%; float:left;}
	.iabout .iaboutn .iaboutnl ul{ padding: 0 10px;}
	.iabout .iaboutn .iaboutnr{padding: 20px 10px; margin-left:0px;}
	.iaboutx{ background-size:cover;padding: 0 20px; margin-bottom:0px; padding-top:20px;}
	.iaboutx .ourbox .ourli{ padding:0;}
}




/*合作伙伴*/
.islide{width: 100%; padding-top:60px;color:#fff; overflow:hidden; position:relative;}


.islide .swiper-wrapperis{ height:60px;border-top:1px solid #eee;border-right:1px solid #eee;}
.islide .swiper-slideis{ border-bottom:1px solid #eee;border-left:1px solid #eee;}
.islide .swiper-wrapperis .swiper-slide{ text-align:center; line-height:60px; font-size:18px;}
.islide .swiper-wrapperis .swiper-slide-thumb-active{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff;}
.islide .mySwiper2{overflow:hidden; padding:30px 0;}
.islide .mySwiper2 .swiper-infoc{ width:calc(100% / 6); text-align:center; float:left;margin:20px auto;color:#999; line-height:1.5;}
.islide .swiper-paginationbanner{ position:absolute;transform: translate(-50%,-50%)scale(1);left: 50%;top:auto;width:auto;}
.islide .mySwiper2 .swiper-infoc img{ display:block; margin:0 auto; max-width:175px;aspect-ratio: 7 / 4;}

#demoTabsHeader{ margin-bottom:50px;}
#demoTabsHeader .layui-btn.layui-this{ color:#fff; font-weight:bold; background:linear-gradient(to right, #27B8F0, #4E92F2);}
#demoTabsHeader button{width:calc(90% / 6); max-width:250px; line-height:60px; margin:0px; border-radius:0; height:60px; border:1px solid #111; border-left:0px; font-size:18px; background:none;}
#demoTabsHeader button:first-child{ border-radius:30px 0 0 30px;border-left:1px solid #111;}
#demoTabsHeader button:last-child{ border-radius:0 30px 30px 0;}
#demoTabsBody .test-item{display: none; color:#fff;}
.islide img1{filter: grayscale(100%) !important;}
.islide img1:hover{filter: brightness(100) !important;}
.hezuolist1,.hezuolist2 {width: 100%;overflow: hidden; margin:20px auto;}
.hezuolist1 .hezuolist1c {display: flex;animation: scroll 20s linear infinite;}
.hezuolist1 .hezuolist1c:hover,.hezuolist2 .hezuolist2c:hover { animation-play-state: paused; /* 悬停时暂停 */}
.hezuolist1 .hezuolist1c .hezuolist1cc,.hezuolist2 .hezuolist2c .hezuolist2cc {flex: 0 0 auto;	width:173px;margin: 0 30px;}
.hezuolist2 .hezuolist2c {display: flex;animation: scroll2 25s linear infinite;}
.islide .layui-panel{ background:none; border:0;}

 @keyframes scroll {
 0% {transform:translateX(0%);}
 100% {transform:translateX(-50%);}
}

 @keyframes scroll2 {
 0% {transform:translateX(-50%);}
 100% {transform:translateX(0);}
}


.islidei{width: 100%; padding:60px;color:#fff; overflow:hidden; position:relative;}
.islidei .swiper-pagination-bullet{ background:#eee;}
.islidei .swiper-wrapperis{ height:60px; overflow:hidden;}
.islidei .swiper-slideis{ border-bottom:1px solid #333;border-top:1px solid #333;border-right:1px solid #333;border-left:0px;}
.islidei .swiper-slideis1{border-left:1px solid #333;border-radius:30px 0 0 30px;}
.islidei .swiper-slideis6{border-radius:0px 30px 30px 0px;}
.islidei .swiper-wrapperis .swiper-slide{ text-align:center; line-height:60px; font-size:18px; }
.islidei .swiper-wrapperis .swiper-slide-thumb-active{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff;}
.islidei .mySwiper2{overflow:hidden; padding:30px 0;}
.islidei .mySwiper2 .swiper-infoc{ width:calc(100% / 6); text-align:center; float:left;margin:20px auto; color:#999; line-height:1.5;}
.islidei .mySwiper2 .swiper-infoc span{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}

.islidei .swiper-paginationbanner{ position:absolute;transform: translate(-50%,-50%)scale(1);left: 50%; bottom:40px;top:auto;width:auto;}
.islidei .mySwiper2 .swiper-infoc img{ display:block; margin:0 auto;max-width:175px;aspect-ratio: 7 / 4;}

/*新闻*/
.inews {color: #fff;line-height: 30px; position: relative;background:#1b1b1b; padding:50px 0;}
.inews .inewsc{ position: relative; margin-top:50px;overflow: hidden;}
.inews .inewsc:hover{}
.inews .inewsc .inewscl{ position:relative; width:32%; max-width:490px;}
.inews .inewsc .inewscl IMG{ width:100%;}
.inews .inewsc .inewscl h3{ line-height:50px; font-size:28px; color:#000;}
.inews .inewsc .inewscr{width:65%;}
.inews .inewsc .inewscr .newslist{ width:47%;}
.inews a.bgjianbian{color: #fff; line-height:50px; text-align:center; border-radius: 25px; margin:0 auto; display:block; max-width:130px;}



@media screen and (max-width:768px) {

	.inews .slideBox ul{display:block;}
	.inews h2 {	width: 100%;margin-bottom: 0;font-size: 22px;line-height: 1.5;}
	.inews .parBd ul li {width:100%;}
	.inews .inews_l img {width: 100%;}
	.inews .inews_cont {padding-top: 10px;}
	.inews .inews_cont .inews_l {width: 100%;background: #fff;}
	.inews h5 {font-size: 16px;}
	.inews .parHd ul li {font-size: 18px;}
}


/*案例*/
.icase {color: #666; font-size: 16px;line-height: 30px; background:#1b1b1b; padding:50px 0; }

.icase .product-title {margin: 0 0 5px 0; color:#333;height: auto;line-height: 30px; font-size: 20px; text-align: left; font-weight: bold;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* 限制为2行 */ overflow: hidden;
}
.icase .product-card{ margin-bottom:30px; background:#fff; overflow:hidden;border-radius:15px;box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.1);}
.icase li .product-info{ padding:0 15px;}
.icase .product-card dd{ padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:10px;}
.icase .product-keywords {margin-top: 20px;max-height:82px; overflow:hidden;}
.icase  .newslist .keyword-tag{ background:#e8e8e8;color: #777;font-size: 14px; margin-right: 5px; border-radius: 10px;padding: 3px 10px ;display: inline-block;height:auto;}
.icase  .newslist .keyword-time{ background:#fff; padding:0; display:block;}




.icase .icase-info{ width:32%; position:relative; background:#000;border-radius:15px; margin-bottom:2%;}
.icase .icase-info img{ width:100%; border-radius:15px;transition: all .2s linear 0s;}
.icase .icase-info .icase-info-fu{ position:absolute; width:100%; top:10%; text-align:center;color:#fff;}
.icase .icase-info .icase-info-fu dd{ display:block;}
.icase .icase-info .icase-info-fu span{ text-align:center; display:block; font-weight:bold; font-size:26px; margin-bottom:10px;}
.icase .icase-info .icase-info-fu a{ display:block; color:#fff; text-align:center; margin-top:5px;}
.icase .icase-info{ border-radius:15px; overflow:hidden;}
.icase .icase-info .icase-info-img{ overflow:hidden;}
.icase .toptxt{ padding-bottom:30px; color:#fff;}
.icase .lbt_case .box2 .banner{ position: relative;}
.icase .swiper-button-next22{ background: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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; right:-50px;top:45%;  z-index:99; position:absolute;cursor:pointer;}
.icase .swiper-button-prev22{background: 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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; top:45%; left:-50px;z-index:99; position:absolute; cursor:pointer;}


@media screen and (max-width:768px) {
    .icase .product-title{ font-size:13px;}
    .icase .icase-info .icase-info-fu{ font-size:12px; width:80%; left:10%;line-height: 1.5;}
    .icase .icase-info .icase-info-fu dd{ margin-top:20px;}
    .icase .icase-info .icase-info-fu span{ font-size:14px;}
    .icase .swiper-button-next22{right:5px;top:30%;}
    .icase .swiper-button-prev22{left:5px;top:30%;}
    .islidei{ padding:20px 0px 50px 0px;}
    .islidei .toptxt{ margin-bottom:16px;}
    .islidei .swiper-wrapperis .swiper-slide{ font-size:12px; line-height:40px;}
    .islidei .mySwiper2 .swiper-infoc img{ width:100%;}
    .islidei .swiper-wrapperis{ height:40px;}
    .islidei .mySwiper2 .swiper-infoc{width: calc(100% / 3);}
    .islidei .mySwiper2 .swiper-infoc span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* 限制为2行 */ overflow: hidden;}
}



/*案例*/
.ixuanze{color: #fff; font-size: 23px;line-height:3; background:#171717; padding:50px 0; display:none;}
.ixuanze .ixuanzec{ margin:50px auto;}
.ixuanze .ixuanzec li{ text-align:center;}
.ixuanze .ixuanzec li img{ display:block; margin:2% auto;}




/*语言切换*/
.languagetext{ align-items: center;justify-content: flex-start;}
.footer .languagetext{width:40%;}
.languagetext .bgjianbian{ border-radius:20px; color:#FFF; padding:5PX 20PX; margin-right:15PX;}
.languagetext span{margin-left:5px;}
.languagetext span a{color:#999;font-size:16px; }
.languagetext span i{color:#999;}
.languagetext span .languagegao{color:#fff;font-weight:bold;}
.languagetext img{ padding-right:30px; border-right:1px #333 solid; margin-right:30px;}

/*底部*/
.foot {background:#0f0f0f; color:#bababa;  font-size:14px;}
.foot2 { margin:0 auto;padding:1% 3%;color:#999;background: #000;font-size: 14px;}
.foot2 a{color:#999; margin-left:15px;}
.foot .footop img{width:100%;}
.footer { margin:0 auto;padding:20px 0;width:calc(100% - 160px);}
.footer .footer1 p{  }
.footer .footer1 p a{ margin:0 8px;padding:5px; background-color:#333; border-radius:50%;  display:inline-block;transition: background-color 1s ease-in-out;}
.footer .footer1 p img{ opacity:.5;}
.footer .footerlbot{ padding:50px 0 100px 0;}
.footer .footerlbot p{ line-height:50px; font-size:var(--f50); margin-top:30px;color:#fff; }
.footer .footerlbot a{ color:#fff; background:var(--c);font-size:var(--f16); border-radius:30px; display:inline-block; line-height:3; padding:0 30px;}
.footer .ilianxi span{font-weight:bold; display:block;font-size:18px; line-height:50px; }
.footer form{ border-left:#3386c5 solid 1px; padding-left:50px; width:400px;}
.footer form span{ display:block; font-size:24px; font-weight:bold; line-height:40px;}
.footer .footerlbottom dl p{ line-height:2.5; padding-left:35px;}
.footer .footerlbottom dl p.tel{background:url(../images/lx01.png) left center no-repeat; background-size:25px auto;}
.footer .footerlbottom dl p.add{background:url(../images/lx02.png) left center no-repeat; background-size:25px auto;}
.footer .footerlbottom dl p.mail{background:url(../images/lx03.png) left center no-repeat; background-size:25px auto;}
.footer .footerlbottom dl p img{ width:20px; margin-right:10px;}
.footer .footerlbottom dd{ max-width:120px; margin-top:5px;}
.footer .footerlbottom dd img{width:100%;}
.footer .footerlbottom dd p{ width:100%;padding:0; text-align:center; color:#fff;}
.footer .footer1{ padding-bottom:20px;}
.footer .footer1 p a:hover img{ opacity:1;}
.footer .footer1 p a:hover{ background: #4E92F2;}


.footer li a {line-height:30px;display: block;font-size: 14px; }
.footer li span a{ font-size:18px; line-height:50px; margin-bottom:5px;}
.footer li a:hover {color:var(--c);}
.footer li.weixin{ text-align:center;}
.footer li.weixin img{ max-width:150px;}
.foot .footp_span {font-size: 16px; width:70%; padding-bottom:30px;}
.foot .footerlbottom{padding:50px 0; border-top:1px solid #333; }
.foot .footerlbottom li{ min-width:100px;}
.foot .footerlbottom li span a{ color:#fff; font-weight:bold;}
.foot .footerlbottom li dt{ font-size:24px; line-height:44px; font-weight:400;}
.foot .footerlbottom li dt img{ width:150px; margin-bottom:-8px; border-right:2px solid #ccc; padding-right:20px; margin-right:20px;}
.foot .footerlbottom a{ margin-right:18px; line-height:32px; color:#ccc;}

.footer img {max-width:220px;}


.cbl { position: fixed; right:3px; z-index:999999; bottom: 2%;}
.cbl .layui-btn-primary{ background:none; border:0;}
.cbl ul li.goTop{ margin-top:3px;}
.cbl ul li {width:70px; background: linear-gradient(to right, #27B8F0, #4E92F2); text-align: center; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative;}
.cbl ul li > a { display: block; padding:15px 0rem;}
.cbl ul li .top path {-webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.cbl ul li .bot { font-size:12px; color: #fff; margin-top: 4px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.cbl ul li .main { position: absolute; right: calc(100% + 5px); top: 0; height: 100%;  white-space: nowrap;
  font-size: var(--f20);
  font-weight: bold;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
}
.cbl ul li .main img{ max-width:150px;}
.cbl ul li .main a {color: #004c97;}
.cbl ul li .top path {fill: #fff;}
.cbl ul li:hover .bot {color: #fff;}
.cbl ul li:hover .main {visibility: visible;opacity: 1;-webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.cbl #gotop{ display:none;transition: all .2s linear 0s;	}
.cbl .renxing{text-align: center;margin-bottom: -8px; position: relative;z-index: 1;}



@media screen and (max-width:768px) {
    .cbl{ bottom:40%;right:0px;}
    .cbl svg{ width:20px !important; height:20px !important;}
    .cbl ul li{ width:40px;}
    .cbl ul li .bot{ font-size:10px; display:none;}
    .cbl ul li > a{padding: 7.5px;}
    .cbl .renxing img{ width:80%;}
    .cbl .renxing{margin-bottom: -3px;display:none;}
	.footer .flex{ display:none;}
	.footer li:nth-child(1) {}
	.footer li:nth-child(2) {display: none;}
	.footer li:nth-child(3) {display: none;}
	.footer li:nth-child(4) {display: none;}
	.footer li:nth-child(5) {display: none;}
	.footer li:nth-child(6) {display: none;}
	.footer {padding:10px; width:96%;}
	.footer .footp_span {line-height: 25px;	margin-top: 30px; display:block !important;}
	.footer .footp_span span {text-align: left;	float: left;}
	.yiyingdsj h2{font-size: 24px;line-height: 1.5;}
	.yiyingdsj h5{font-size: 16px;}
	.yiyingdsj{padding-top: 30px;padding-bottom: 30px;}
	.footer .footp_span li dt{ line-height:50px;}
	.footer .footp_span li dt img{display:block;}
}

/* 内页右上角背景 */
.rightbg{background:#f6f6f6 url(../images/rightbg.png) right 30px no-repeat;}



/*内页banner*/
.ban {width: 100%;position:relative;}
.ban video{width: 100%;height:100vh;object-fit: cover;}

.ban img {width: 100%;}
.ban .ban_info{position:absolute; width:96%; top:50%; margin:0 auto; z-index:999; max-width:1540px; color:#fff;left: 50%; transform: translate(-50%, -50%) scale(1);}
.ban .ban_info span{ font-size:60px;font-weight:bold;display: inline-block; line-height:1;}
.ban .ban_info span hr{ display:block; margin:20px 0;}
.ban .ban_info dl{ font-size:24px; font-weight:bold; line-height:3;}
.ban .ban_info hr{ margin-top:30px;}
.ban .ban_info a{padding: 5px 25px;border-radius: 20px;line-height: 28px; color: #fff; margin-top:30px;background: linear-gradient(to right, #27B8F0, #4E92F2);display: inline-block; cursor:pointer;}
.ban .ban_info h1{ text-align:center; font-weight:bold; font-size:60px;line-height: 1;}
.ban .ban_info dd{ font-size:20px;}


@media screen and (max-width:768px) {
.ban {width: 100%; margin-top:-1px;}	
.ban .ban_info a{ display:none;}
.ban .ban_info dd{ font-size:12px;}
.ban video{ height:40vh;}
.ban .ban_info hr{ margin-top:0px;}
}







#locat.active{position:fixed; top:50px; left:0; width:100%; background:#fff; z-index:999;box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);}





.location span{ margin:0 5px; }
#location{ position:absolute; width:96%; top:130px; margin:0 auto; z-index:1; max-width:1540px; color:#fff;left: 50%; transform: translate(-50%, -50%) scale(1);}
#location a{ color:#fff;}
#location span{ margin:0 5px; }

.peijianlocation{ color:#000; line-height:2; padding:40px 0 60px 0; font-size:18px;}
.peijianlocation span{ margin:0 5px; }
/*面包屑*/
.location .navtop {background:#fff; border-radius:15px;}
.location .navtop a{ position:relative; overflow:hidden; display:inline-block; text-align:center; padding:20px 0; line-height:2.5;}
.location .navtop a img{ display:block; margin:0 auto; max-width:30px;filter: grayscale(100%) !important;}
.location .navtop a h3{font-size:16px; }
.location .navtop a::before {content: '';display: block;position: absolute;left: -100%; bottom:0;width: 100%;height:3px;background: var(--c);transition: all .6s ease;}
.location .navtop a:hover::before {left: 0;}
.location .navtop a:hover{ color:var(--c);}
.location .navtop a.active{ color:var(--c);}
.location .navtop a.active::before {left: 0;}

@media screen and (max-width:768px) {
    .location {margin-top:0px;}
	.location li span {padding-top: 0px;float: none;padding-left: 2px;display: block;}
	.location{padding:10px !important;text-align:left;}
	.cpbanner{padding: 0 10px;box-sizing: border-box;}
	.location li {max-width: 25%;text-align: center; display:none;}
	.location li span h3 {font-size: 10px;line-height: 30px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.location .cpmd a {	margin-right: 15px;}
}



/*下载*/
.downlist { padding:50px 0;min-height:600px;}
.downlist .downlistr{ width:calc(100% - 250px);}
.downlist .downlistrr{ width:calc(100% - 250px);}
.downlist .downlistrr .toptxt{ font-size:32px; color:#1E1F24; line-height:1.2;}
.downlist .downlistrr .downinfo{ color:#666;}
.downlist .downlistr .toptxt{ font-size:18px;}
.downlist .downlistr .toptxt{ text-align:left; line-height:2;}
.downlist .downlistr li{ width:30%; margin-right:3.3%; margin-top:2%; background:#f6f6f6;}
.downlist .downlistr li img{ width:100%;}
.downlist .downlistr .title{ text-align:center; line-height:3;  font-size:16px;}
.downlist .downlistr dl{ padding:0% 5%; padding-bottom:5%;}
.downlist .downlistr dl dd{ display:flex; align-items:center; font-size:14px;}
.downlist .downlistr .downshou{ cursor:pointer;}
.downlist .downlistr .downinfo img{ width:100% !important; height:auto !important;}

.downlist .box{ background:#f6f6f6;  padding:20px 0; border-radius:15px;}
.downlist .box a{ font-size:16px !important;}
.downlist .box a.current{ color:var(--c);}
.downlist .box .layui-nav-itemed>a{ color:#000 !important; font-weight:bold;}
.downlist .box a:hover{ color:var(--c) !important;}
.downlist .box .tit{padding: 0 20px; font-weight:bold;}

.downlist .downr{max-width:200px;background: #f6f6f6; border-radius: 10px; padding: 3%; overflow: hidden; margin-bottom: 25px;}
.downlist .downr input{ background:#f6f6f6; border:0; line-height:2.6;padding-left:10px;margin-bottom:0; border-radius:0;width: 150px;}
.downlist .downr input.anniu{background:#f6f6f6 url(../images/sanniu.png) center no-repeat; background-size:80%;width: 40px; cursor:pointer;}


@media screen and (max-width:768px) {
    .cultureinfo li p{ padding-bottom:0 !important;}
    .pro .cpyoushi{ margin-top:10px !important;}
.downlist .flex-c{ display:block;}
.downlist .downr{ display:none;}
.layui-nav.layui-nav-tree{width:100%;}
.downlist .downlistr,.downlist .downlistrr,.faqlistr{ width:100% !important; margin-top:30px;}
.downlist .downlistr li{ width:100%;}
.downlist .downlistr .flex-c{ display:flex;}
.downlist .downlistrr .downinfo img{ width:100% !important; height:auto !important;}
}

.faqlistr .toptxt{ font-size:18px; margin-bottom:30px;}
.faqlistr .toptxt{ text-align:left; line-height:2;}
.faqlistr{ width:calc(100% - 250px);}
.faqlist dl {background: #f6f6f6;margin-bottom: 20px;padding:10px 20px;border-radius: 10px;}
.faqlist dl dt {display: none;font-size: 15px;line-height: 40px;margin: 10px 0px; border-top:1px solid #ccc;}
.faqlist dl dd {font-size:15px;font-weight: 400;line-height: 50px;}
.faqlist dl:hover {cursor: pointer;}
.faqlist dl:hover dd span{background:linear-gradient(to right,#27B8F0, #4E92F2); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent;}


.jishuwendangtop{ text-align:center; font-size:24px;}
.jishuwendangtop span{ font-size:52px; font-weight:bold; display:block; line-height:1.8;}

.erjilist{ padding-bottom:25px;}
.erjilist li{text-align:center; width:31%; margin-right:3.5%;overflow:hidden; padding-bottom:20px; line-height:2; border-radius:15px; overflow:hidden; margin-bottom:50px;}
.erjilist li p{display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;}
.erjilist li:nth-child(3n){margin-right:0;}
.erjilist li hr{ margin:10px auto;}
.erjilist img{ width:100%;aspect-ratio: 3 / 2;}
.erjilist li span{ display: inline-block;font-size:26px; font-weight:bold; margin-top:20px;}
.erjilist li a{display: inline-block; border-radius:20px; color:#666; padding:5px 20px; margin-top:20px; font-size:16px;}
.erjilist li:hover a{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff;}


@media screen and (max-width:768px) {
.erjilist li{ width:100%;margin-right:0;}
.erjilist li a{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff; max-width:100px; font-size:12px;}
.lxwm4 .flex{ display:block;}
}




/*代理*/
.daili{background:#f6f6f6; padding:2% 0;}
.dailitop{position:relative;}
.daili hr{ margin:0 auto 30px;}
.dailitop li{ width:32%; position:relative; margin-bottom:2%;}
.dailitop li img{ width:100%;}
.dailitop li p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)scale(1); color:#fff; text-align:center; font-size:18px; line-height:1.5;}
.dailitop li p span{ display:block; font-size:24px; font-weight:bold;}
.daili .dailimain{ min-height:500px; position:relative; margin-bottom:100px;}
.daili .dailimain dd{ position:absolute; bottom:-100px; background:#fff; width:100%; left: 50%;transform: translate(-50%,0%)scale(1); max-width:1000px; padding:2%;}
.daili .dailimain dd p{ display:block; text-align:center; line-height:2;}

.dailifoot .aboutinfo{ background:#fff;}
.dailifoot .aboutinfo .aboutinfol{ width:50%;}
.dailifoot .aboutinfo .aboutinfol img{ width:100%;}
.dailifoot .aboutinfo .aboutinfor{ width:50%;align-items: center;display: flex; border-top:3px solid var(--c); font-size:20px; color:#666; line-height:2;}
.dailifoot .aboutinfo .aboutinfor div{ width:90%; margin:0 auto;max-width:620px;}
.dailifoot .aboutinfo .aboutinfor h3{ border-bottom:1px dashed #999; font-size:24px; line-height:3; padding-bottom:10px; margin-bottom:30px; font-weight:bold;}



/*企业文化*/

.culturetop{ padding-top:160px;position:relative;}
.culturetop1{ color:#fff; line-height:2; margin-bottom:30px; position:relative; z-index:1;}
.culturetop1 h2{ font-size:42px; font-weight:bold;}
.culturetop1 li:nth-child(2){ margin-top:20px; text-align:right;}
.culturetop1 span{ font-size:24px; display:block; line-height:1;}
.culturetop2{color:#fff;}
.culturetop2 li{ position:relative;}
.culturetop2 li img{ width:100%;}
.culturetop2 li p{ position:absolute; background:rgba(0,0,0,.2);  bottom:0; text-align:center; width:100%; display:block; line-height:2; font-size:18px; height:120px;}
.culturetop2 li p span{ display:block; font-size:24px; font-weight:bold;padding-top:10px;}
.culturetop::before {content: '';display: block;position: absolute;left:0; top:0;width: 100%;height:calc(100% - 120px);background: linear-gradient(to right, #28bbef, #336fff); z-index:0;}



.culture{background: url(../images/16.jpg) top center no-repeat; padding-top:80px; margin-top:80px;}
.cultureinfo{ background:#f6f6f6; padding:2% 0;}
.cultureinfo1{ padding:3%;}
.cultureinfo1 h2{ font-size:42px; font-weight:bold;}
.cultureinfo1 span{ font-size:24px;}
.cultureinfo li{ padding:0 3%; margin:3% 0; border-left:1px solid #ccc;}
.cultureinfo li:nth-child(1){ border:0;}
.cultureinfo li p{ width:100%; display:block; line-height:1.8; padding-bottom:25px;}
.cultureinfo li p span{ display:block; font-size:24px; font-weight:bold;}

.culturefoot .culturefoot1{ padding:3% 0;}
.culturefoot .culturefoot1 h2{ font-size:42px; font-weight:bold;}
.culturefoot .culturefoot1 span{ font-size:24px;}
.culturefoot .w1400{ overflow: hidden;}
.culturefoot .w1400 img{ width:100%;}
.culturefoot .w1400 .swiper-slide{ opacity:.6;}
.culturefoot .w1400 .swiper-slide-active{ opacity:1;}
.culturefoot .swiper-pagination{ position:relative; text-align:left; margin-bottom:50px;}
.culturefoot .swiper-pagination .swiper-pagination-bullet{ width:50px; height:2px;}
/*新闻*/
.news{background:#f6f6f6; padding:100px 0 40px 0;}
.news .news_top{ text-align:center; color:var(--c); font-size:24px; line-height:2;}
.news .news_top span{ display:block;font-size:50px;color:#454A53;}
.news .news_info span{text-wrap: balance !important;}
.news .news_info{ background:#fff; margin-bottom:50px; width:100%;border-radius:15px; overflow:hidden; line-height:2;}
.news .news_info .newsimg{ margin:0 2%;width:40%;}
.news .news_info .newsimg img{ width:100%;aspect-ratio: 5 / 3;}
.news .news_info .news_l_txt{align-items: center;display: flex;width:55%;}
.news .news_info a{ width:90%; color:#666;}
.news .news_info img{ margin:20px auto;}
.news .news_l{ width:75%; color:#666;}
.news .news_l .news_l1{ border-bottom:1px solid #ddd; margin-bottom:30px;}
.news .news_l .news_l1 a{ padding:0 30px; line-height:3; font-size:20px; transition: all 0s linear 0s;}
.news .news_l .news_l1 .active,.news .news_l .news_l1 a:hover{ font-weight:bold; background:linear-gradient(to right,#27B8F0, #4E92F2); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent; border-bottom:2px solid var(--c);display: inline-block;}
.news .news_l em{ background:rgba(0,0,0,.1); border-radius:15px; padding:3px 15px;}
.news .news_l .title{ font-size:20px; font-weight:bold; color:#333; line-height:1.4;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* 限制为2行 */ overflow: hidden;}
.news .news_l hr{ width:80px; height:4px; border:0; background: linear-gradient(to right, #27B8F0, #4E92F2); margin-bottom:20px;}
.news .news_l h1{ font-size:26px; color:#333; line-height:2.5;}
.news .news_l h1 span,.news .news_l .title span{ font-size:18px; font-weight:400; color:#666;}
.news .news_l .news_oth {align-items: center;display: flex;}
.news .news_l .news_oth span{background:rgba(0,0,0,0.05);  padding:3px 15px;  border-radius:15px; display:inline-block;}
.news .news_r{ width:22.5%;}
.news .news_r .news_r0{background:#fff; border-radius:10px; padding:3%; overflow:hidden; margin-bottom:25px;}
.news .news_r .news_r0 input{ background:#fff; border:0; line-height:2.6;padding-left:10px;margin-bottom:0; border-radius:0;}
.news .news_r .news_r0 input.anniu{background: url(../images/sanniu.png) center no-repeat; background-size:80%;width: 40px; cursor:pointer;}
.news .news_r .news_r1{background:#fff; border-radius:10px; padding:7%; overflow:hidden; margin-bottom:20px; margin-top:30px;}
.news .news_r span{ display:block; background: url(../images/41.png) left center no-repeat; margin-bottom:20px; background-size:20px auto; padding-left:25px; font-size:20px; font-weight:bold;}
.news .news_r .news_r1 a{ margin-right:10px;background:#dedede; color:#666; padding:2px 10px; margin-top:10px; border-radius:15px; display:inline-block;}

.news .news_r .news_r2{background:#fff; border-radius:10px; padding:7%; overflow:hidden;margin-bottom:20px;}
.news .news_r .news_r2 a{ margin-top:20px; display:inline-block; color:#666; border-bottom:1px solid #ddd; padding-bottom:20px;}
.news .news_r .news_r2 a p{font-size:16px; margin-bottom:5px;}
.news .news_r .news_r3{background:#fff; border-radius:10px; padding:7%; overflow:hidden;}
.news .news_r .news_r3 .news_r3_img{ text-align:center; line-height:2; font-size:16px;border-bottom:1px solid #ddd; padding:10px 0;}
.news .news_r .news_r3 .news_r3_img li{ width:48%;align-items: center;display: flex; line-height:1.5;}
.news .news_r .news_r3 .news_r3_img li dl{ font-weight:bold; font-size:20px;}
.news .news_r .news_r3 .news_r3_img img{ width:100%;}
.news .news_r .news_r3 a{ padding:5px 15px; border-radius:20px; line-height:28px; color:#fff; margin-top:10px; display:inline-block;}

.newsban{background: url(../images/newsban.jpg) left center no-repeat; padding-top:200px; padding-bottom:100px;}
.newsban .newsbanlist{ width:32%; max-width:500px; height:400px; border-radius:15px; overflow:hidden; color:#fff; position:relative;}
.newsban .newsbanlist span{border-radius:15px 0 15px 0; padding:5px 20px; line-height:2; display:inline-block;}
.newsban .newsbanlist a{ position:absolute; width:100%; background:rgba(0,0,0,.3); left:0; bottom:0; color:#fff; line-height:2.5;padding:0 5%; text-align:left;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.newsban .newsbanlist .newsbanlist1,.newsban .newsbanlist .newsbanlist2{ position:relative;border-radius:15px; overflow:hidden;height:190px;}
.newsban .newsbanlist .newsbanlist1{ margin-bottom:20px;}
/*认证*/

.news_infox{ margin-top:3%;}



@media screen and (max-width:768px) {
.news{ padding-top:30px;}
#news .w1400 .flex-c,.news_infox{ display:block;}
.news_infox{ line-height:3;}
.news .news_l,.news .news_r,.news .news_info .newsimg,.news .news_info .news_l_txt{ width:100%; margin:0;}
.news .news_l .news_l1 a{ font-size:14px; padding:0 13px;}
.news .news_info{ display:block; background:none;}
.news .news_r .news_r0 input{ width:85%;}
.news .news_info img{ width:100% !important; height:auto !important;}
.ban_info{ font-size:22px;}
.jishuwendangtop{ font-size:18px;}

.islide .swiper-wrapperis .swiper-slide{ font-size:12px;}
.islide .mySwiper2 .swiper-infoc{ width:calc(100% / 3);}
.islide .mySwiper2 .swiper-infoc img{ width:100%;}
.islide .mySwiper2 .swiper-infoc dd{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
}


.renzheng{padding:80px 0;background:url(../images/heguibg.png) bottom center no-repeat;}
.renzheng .renzheng_top{ text-align:center; color:var(--c); font-size:24px; line-height:1.5;}
.renzheng .renzheng_top span{ display:block;font-size:50px;color:#454A53;}
.renzheng .renzheng_nav a{ width:150px; line-height:60px; border-radius:30px; border:1px solid #ccc; text-align:center; margin:0 10px;}
.renzheng .renzheng_nav a:hover,.renzheng .renzheng_nav a.current{background:var(--c);  color:#fff;}
.renzheng .renzheng_info{margin-bottom:50px; width:31%; border-radius:25px;  border:1px solid #ccc; padding:5% 7%;position:relative;}
.renzheng .renzheng_info img{ display:block; margin:0 auto; width:100%;}
.renzheng .renzheng_info a{ position:absolute;bottom:-5%; left:calc(50% - 25px); background:#ddd; text-align:center; width:50px; height:50px; line-height:50px; border-radius:50%;}
.renzheng .renzheng_info a:hover{ background:var(--c); color:#fff;}


/*案例*/
.lbt_case .swiper .swiper-slide {width:calc(100% / 3); padding:1%;-webkit-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;}
.lbt_case .anlisw{ overflow:hidden;}
.gdt {margin-top: 0.32rem;}
.gdt .j {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.gdt .page { height: 2px; position: relative; width: 100%;}
.gdt .page div {left: 0;top: 0;width: 100%;height: 2px;background: #e7e7e7;}
.gdt .page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--c);}
.gdt .button { margin-left: 0.4rem;}
.gdt .button a{ color:#fff; padding:10px 20px; border-radius:18px;}



.biaotou{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff; text-align:center;border-radius:10px 10px 0 0;line-height:50px; }


/*关于我们*/
.about{ padding-top:50px; background:#f6f6f6; position:relative; overflow:hidden;}
.about .aboutinfo{line-height:2; background:#fff; border-radius:20px; }
.about .aboutinfo .aboutinfol{ width:47%;}
.about .aboutinfo .aboutinfol img{ width:100%;}
.about .aboutinfo .aboutinfor{ width:47%;align-items: center;display: flex; margin-right:3%;}
.about .aboutinfo .aboutinfor h3{ border-bottom:1px dashed #999; font-size:24px; line-height:1.5; padding-bottom:30px; margin-bottom:30px;}
.about .iaboutx .ourbox .ourli .our_p1 .counter{ color:#454A53;}
.about .aboutbg{background:url(../images/about.jpg) top center no-repeat; padding-top:160px; background-size:100% auto;}

.about2{ position:relative; padding-top:50px; margin-top:100px;}
.about2::before,.qqhz::before {content: '';display: block;position: absolute;left:0; top:0;width: 100%;height:100%;z-index:0;background:url(../images/chingmu.png) top center no-repeat; opacity:.1;}
.about2c{ background:#fff; position:relative; z-index:99;}
.about2c li{ padding:10% 3%; text-align: center; cursor:pointer; display:block;}
.about2c li:hover{background: linear-gradient(to bottom, #fff,#e6edf7); border-top:3px solid var(--c);}
.about2c li IMG{ margin:0 auto; display:block;filter: grayscale(100%);}
.about2c li:hover IMG{filter: grayscale(0%);}
.about2c li span{ display:block; font-size:24px; font-weight:bold; line-height:3;}



.honor{padding:40px 0;background:#f6f6f6; background-size:100% auto; position:relative;}
.honor .wMain{background:url(../images/honor.jpg) top center no-repeat;}
.honor .honor_info{ overflow:hidden;  position:relative; font-size:14px; color:#666;}
.honor .honor_info .hezuolist1,.honor .honor_info .hezuolist2{background:url(../images/rongyudi.png) center 220px  no-repeat; padding-bottom:220px; margin:0;}
.honor .honor_info .toptxt{ margin-bottom:50px;}
.honor .honor_info .swiper {margin-left:20%;}
.honor .honor_info img{ height:200px; width:auto !important; margin: 0 15px !important;}
.honor .honor_info .swiper-wrapper{ height:auto;}
.honor .swiper-button-next2{ background: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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; right:10px;top:50px;  z-index:99;}
.honor .swiper-button-prev2{background: 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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; top:50px; right:80px;z-index:99;}
    
.qqhz{padding:80px 0; position:relative; margin-top:100px;}
.qqhz img{ margin:0 auto; width:100%;padding-bottom: 100px;}

.qqhz .iaboutx{ position:absolute; bottom:0; width:100%; z-index:9; left:0; }


.qqhzw{ display:none;}
/*内页产品*/

.pro{ background:#f6f6f6;}
.pro hr{ margin-bottom:50px;}
.pro .toptxt{ line-height:2; text-align:left;}

.pro .youshi{background:url(../images/rightbg.png) right top no-repeat; position:relative; margin-top:100px;}
.pro .youshi::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.pro .youshi img{ width:100%; border-radius:15px;}
.pro .youshi li { position:relative; width:32%;}
.pro .youshi li dd{ position:relative; }
.pro .youshi li dd:nth-child(1){margin-bottom:20px;}
.pro .youshi li p{ position:absolute; width:100%; text-align:center; color:#fff; line-height:3; bottom:0; font-size:24px;}

.pro .zhichi{position:relative; margin-top:100px;}
.pro .zhichi::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.pro .zhichi li{ width:49%; background:#fff; font-size:20px; text-align:center; border-radius:15px; overflow:hidden; padding-bottom:20px; line-height:2;}
.pro .zhichi img{ width:100%;}
.pro .zhichi li span{ display:block;font-size:26px; font-weight:bold; margin-top:20px;}
.pro .zhichi li a{display:block;}


.pro .cpyoushi{background:url(../images/rightbg.png) right top no-repeat; position:relative; margin-top:100px;padding:0;}
.pro .cpyoushi::before{content: '';display: block;position: absolute;left:0; top:70px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}



.pro .xilie{position:relative; margin-top:100px;}
.pro .xilie .w1400{ overflow:hidden;}
.pro .xilie::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.pro .xilie li{font-size:20px; text-align:center; border-radius:15px; overflow:hidden; padding-bottom:20px; line-height:2;}
.pro .xilie li hr{ margin:0 auto;}
.pro .xilie img{ width:100%;}
.pro .xilie li span{ display:block;font-size:26px; font-weight:bold; margin-top:20px;}
.pro .xilie li a{display: inline-block; border-radius:20px; color:#fff; padding:3px 20px;}
.pro .xilie .swiper-button-next2{ background: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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; right:10px;top:50px;  z-index:99;}
.pro .xilie .swiper-button-prev2{background: 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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; top:50px; right:80px;z-index:99;}


.pro .canshu{ background:#fff; padding:100px 0;line-height:30px;}
#TabsHeader{ margin-bottom:20px;}
#TabsHeader .layui-btn{ color:#333;}
#TabsHeader .layui-btn.layui-this{ font-weight:bold; background:#f6f6f6; border-top:2px solid var(--c);}
#TabsHeader button{width:100%; line-height:100px; margin:0px; border-radius:0; height:100px; border:1px solid #eee; border-left:0px; font-size:18px; background:none;}
#TabsHeader button:first-child{ border-left:1px solid #eee;}
#TabsHeader button:last-child{}
#TabsBody .test-item{display: none; }
.pro .canshu table{ text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd; margin-bottom:30px;line-height:45px;}
.pro .canshu table.biaozhuntable tr:nth-child(2n+1){ background:#eee;}
.pro .canshu table tr:nth-child(1){ background:#000 !important; color:#fff; font-weight:bold;}
.pro .canshu table tr.tf6{ background:#eee;}
.pro .canshu table tr.tf66{ background:#fff !important;}
.pro .canshu table td{border-left:1px solid #ddd;border-top:1px solid #ddd;}
/*解决方案*/

.pro .youshi{background:url(../images/rightbg.png) right top no-repeat; position:relative; margin-top:100px;}
.pro .youshi::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.pro .youshi img{ width:100%;}


.pro .zhichi{position:relative; margin-top:100px;}
.pro .zhichi::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.pro .zhichi li{ width:49%; background:#fff; font-size:20px; text-align:center; border-radius:15px; overflow:hidden; padding-bottom:20px; line-height:2;}
.pro .zhichi img{ width:100%;}
.pro .zhichi li span{ display:block;font-size:26px; font-weight:bold; margin-top:20px;}
.pro .zhichi li a{display:block;}


.pro .cpyoushi{background:url(../images/rightbg.png) right top no-repeat; position:relative; margin-top:100px;padding:0;}
.pro .cpyoushi::before{content: '';display: block;position: absolute;left:0; top:70px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}



.pro .xilie{position:relative; margin-top:100px;}
.pro .xilie .w1400{ overflow:hidden;}
.pro .xilie::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.pro .xilie li{font-size:16px; text-align:center; border-radius:15px; overflow:hidden; padding-bottom:20px; line-height:2; color:#999;}
.pro .xilie li hr{ margin:0 auto;}
.pro .xilie img{ width:100%;}
.pro .xilie li span{ display:block;font-size:26px; font-weight:bold; margin-top:20px; color:#333;}
.pro .xilie li a{display: inline-block; border-radius:8px; color:#fff; padding:3px 20px;margin-bottom:20px;}
.pro .xilie .swiper-button-next2{ background: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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; right:10px;top:50px;  z-index:99;}
.pro .xilie .swiper-button-prev2{background: 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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; top:50px; right:80px;z-index:99;}




.pro .xiangguan{position:relative; margin-top:100px;}
.pro .xiangguan .w1400{ overflow:hidden;}
.pro .xiangguan li{font-size:20px; text-align:center; width:31%; margin-right:3.5%;overflow:hidden; padding-bottom:20px; line-height:2;}
.pro .xiangguan li:nth-child(3n){margin-right:0;}
.pro .xiangguan li hr{ margin:10px auto;}
.pro .xiangguan img{ width:100%;}
.pro .xiangguan li span{ display: inline-block;font-size:26px; font-weight:bold; margin-top:20px;background:url(../images/ruanjian2.png) left center no-repeat; padding-left:40px;}
.pro .xiangguan li a{display: inline-block; border-radius:20px; color:#666; padding:5px 30px; margin-top:20px; font-size:16px;}
.pro .xiangguan li:hover a{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff;}
.pro .xiangguan li:hover span{background:url(../images/ruanjian.png) left center no-repeat;}

.pro .canshu{ background:#fff; padding:100px 0;}
#TabsHeader{ margin-bottom:20px;}
#TabsHeader .layui-btn{ color:#333;}
#TabsHeader .layui-btn.layui-this{ font-weight:bold; background:#f6f6f6; border-top:2px solid var(--c);}
#TabsHeader button{width:100%; line-height:100px; margin:0px; border-radius:0; height:100px; border:1px solid #eee; border-left:0px; font-size:18px; background:none;}
#TabsHeader button:first-child{ border-left:1px solid #eee;}
#TabsHeader button:last-child{}
#TabsBody .test-item{display: none; }






@media screen and (max-width:768px) {
    .about2c{ padding-bottom:10%;}
    .about2c li{ padding:10% 5% 0;}
    .about .aboutinfo .aboutinfor h3{padding-bottom:3px; margin-bottom:3px; margin-top:15px;}
    .qqhz{display:none;}
    .qqhzw{ display:block;}
    .qqhzw img{ width:100%;}
    
    .culturetop{ padding-top:50px;}
    .culturetop2{ flex-wrap:wrap;}
    .culturefoot .culturefoot1{ margin-bottom:30px;}

    .culturetop2 li{ width:48%;margin:1%;}


.pro .youshi li dd:nth-child(1){ margin-bottom:5px;}
.pro .xiangguan li a{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff;}
.culture .flex{ display:block;}
 }





/* 应用案例 */
.case{background:#f6f6f6; padding-bottom:50px;}
.caseban{ height:80px; background:#000;}
.case .casetop{background:url(../images/rightbg.png) right top no-repeat; position:relative; padding:0;}
.case .casetop::before{content: '';display: block;position: absolute;left:0; top:70px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.case .casetop .casetopp{ max-width:700px;}
.case .casenav{ margin:50px auto; background:#fff; }
.case .casenav li:nth-child(1){ min-width:200px; text-align:center; color:#fff; display:flex; text-align:center;display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:bold;}
.case .casenav .casenav1{border-bottom:1px dashed #ddd;}
.case .casenav .casenav1 li:nth-child(2){padding:20px 0;  width:calc(100% - 280px);}
.case .casenav .casenav2 .filter-btn{ cursor:pointer;}
.case .casenav .casenav2 .fields{ height:72px;overflow: hidden;padding:20px 0;    width:calc(100% - 280px);}
.case .casenav li a{ text-align:center; padding:3px 15px 3px 15px;  border-right:1px solid #ccc;line-height:1;  display:inline-block; margin:10px 0;}
.case .casenav li a.active{ color:var(--c); font-weight:bold;}
.case .caselist li{ width:calc(96% / 3); cursor:pointer;padding-bottom:0;margin-right: 2%;box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.1);}
.case .caselist li .product-info{ padding:0 15px;}
.case .caselist li .product-info a p,.icase li .product-info a p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; /* 限制为2行 */ overflow: hidden;}
.case .caselist li:nth-child(3n){margin-right:0;}
.case .caselist li a{color:#666; font-size:16px; line-height:1.5;}
.case .caselist .newslist p.title{ color:#333;}
.case .caselist .newslist p.title span{ color:#999; font-weight:400; font-size:16px; display:inline;}
.case .caselist .newslist .keyword-tag{ background:#e8e8e8;color: #777;font-size: 14px; margin-right: 5px; border-radius: 10px;padding: 3px 10px;display: inline-block;height:auto;}
.case .caselist .newslist .keyword-time{ background:#fff; padding:0; display:block;}
.case .product-card{ margin-bottom:30px; background:#fff; overflow:hidden;border-radius:15px;}
.case .product-card:hover {transform: translateY(-5px);}
.case .product-image {width: 100%;object-fit: cover;}
.case .product-title {margin: 0 0 5px 0; color:#333;height: auto;line-height: 30px; font-size: 20px; text-align: left; font-weight: bold;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* 限制为2行 */ overflow: hidden;}
.case .product-card dd{ padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:10px;}
.case .newslist a .newsimg{ overflow:hidden; border-radius:0px;}
.case .newslist a:hover img{ transform: scale(1); }

.case .casenav .casenav2 .open {
   height: fit-content !important;
}
.collapse {
   width: 70px; margin-right:10px;
   justify-content: center;
   align-items: center;
   background-color: #efefef;
   border-radius: .12rem;
   box-shadow: 0 0 .06rem 0 rgba(0, 0, 0, 0.06);
   cursor: pointer;
   margin-top:20px; height:32px;
}

.collapse img {
   width: .24rem;
   transition: transform 0.3s ease;
}

.collapse span {
   font-size: 14px;
   transition: all .3s;
}

.collapse .open-btn {
   transform: rotate(-180deg);
}




.case .product-title dd{ display:inline; font-size:16px; font-weight:400;}
.case .product-keywords {margin-top: 20px;max-height:72px; overflow:hidden;}
.case .no-results {text-align: center;color: #555;padding: 40px 0; font-size:20px;}

.casem .icase{ background:none !important; color:#333;}
.casem .icase .toptxt{ text-align:left;}
.casem .icase .newslist p.title,.casem .icase .newslist a{ color:#333;}
.casem .icase .newslist p.title em{color:#999;}
.casem .icase .newslist .result-area p{background:#eee;}
.casem .casemtop{ font-size:18px; line-height:1.5;}
.casem .casemtop video{border-radius:15px; width:800px; height:auto;margin: 0 auto 30px; display: block;}
.casem .casemtop img{ border-radius:15px;}
.casem .casemtop span{ font-size:24px; font-weight:bold; line-height:1.5; margin-top:20px; display:block;}
.casem .caseminfo span{ font-size:18px; font-weight:400;text-wrap:pretty !important;}
.casem .caseminfo img{ margin:20px auto;  height:auto !important;}
.casem .caseminfo iframe{ display:block !important; margin:30px auto;}


.casem .aboutinfo{ background:#fff;}
.casem .aboutinfo .aboutinfol{ width:47%;}
.casem .aboutinfo .aboutinfol img{ width:100%;}
.casem .aboutinfo .aboutinfor{ width:47%;align-items: center;display: flex; margin-right:3%;}
.casem .aboutinfo .aboutinfor h3{ border-bottom:1px dashed #999; font-size:24px; line-height:1.5; padding:20px 0; margin-bottom:30px; font-weight:bold;}
.casem .aboutinfo .aboutinfor dl{ background:#eee; display:inline-block; padding:5px 20px; border-radius:15px; margin-right:20px;}
.casem .aboutinfo .aboutinfor .keylist{ margin-top:20px; height:34px; overflow:hidden;}

.casetop2{background:url(../images/rightbg.png) right top no-repeat; position:relative;}
.casetop2::before{content: '';display: block;position: absolute;left:0; top:70px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}

@media screen and (max-width:768px) {
    .casem .casemtop img, .casem .casemtop video{ width:100% !important;}
    .casem .caseminfo iframe{ width:100% !important; height:25vh !important;}
    .casem .casemtop video{width:100%; }
    
}




/*新闻软件下载 */
.case22{background:#f6f6f6; padding-bottom:50px;}
.case22ban{ height:80px; background:#000;}
.case22 .products-container{ width:78%; float:left;}
.case22 .case22nav{ width:20%; background:#fff; float:right; border-radius:15px; padding:20px;}
.case22 .case22nav li:nth-child(1){ min-width:200px; text-align:center; color:#fff; display:flex; text-align:center;display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:bold;}
.case22 .case22nav dl{ font-size:20px; font-weight:bold; padding-left:40px;background:url(../images/logo.svg) left center no-repeat; margin-bottom:10px; background-size: 25px auto;}
.case22 .case22list{ padding-top:50px;}
.case22 .case22list li .product-info{ padding:25px;transition: all .5s linear 0s;}
.case22 .case22list li .product-info a p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; /* 限制为2行 */ overflow: hidden;}
.case22 .case22nav li a{color:#666; font-size:16px; line-height:1.5; cursor:pointer; display:block;padding:5px 0px; background:url(../images/yan1.png) left center no-repeat; padding-left:40px;}
.case22 .case22nav li a.active{ color:var(--c); font-weight:bold;background:url(../images/yan2.png) left center no-repeat;}
.case22 .case22nav li a span{ float:right;}
.case22 .case22list .newslist p.title{ color:#333;}
.case22 .case22list .newslist p.title span{ color:#999; font-weight:400; font-size:16px; display:inline;}
.case22 .case22list .newslist .keyword-tag{ background:#e8e8e8;color: #777;font-size: 14px; margin-right: 5px; border-radius: 10px;padding: 3px 10px;display: inline-block;height:auto;}
.case22 .case22list .newslist .keyword-time{ background:#fff; padding:0; display:block;}
.case22 .product-card{ margin-bottom:30px; background:#fff; overflow:hidden;border-radius:15px;}
.case22 .product-card:hover {transform: translateY(-5px);transition: all .2s linear 0s;}
.case22 .product-image {width: 100%;object-fit: cover;}
.case22 .product-title {margin: 0 0 5px 0; color:#333;height: auto;line-height: 30px; font-size: 20px; text-align: left; font-weight: bold;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* 限制为2行 */ overflow: hidden;}
.case22 .product-title button{ float:right; font-size:16px; padding:3px 10px; background:#ebf2fc; border-radius:6px; color:#3884E5; border:1px solid #c7dcf8; cursor:pointer;}
.case22 .product-card dd span{  font-size:14px; padding:3px 10px; background:#ebf2fc; border-radius:6px; color:#3884E5; border:1px solid #c7dcf8;}
.case22 .product-card dd{ padding-bottom:10px; margin-bottom:10px;}
.case22 .newslist a .newsimg{ overflow:hidden; border-radius:0px;}
.case22 .newslist a:hover img{ transform: scale(1); }

.case22 .case22nav .case22nav2 .open {
   height: fit-content !important;
}
.casem .icase .toptxt{ color:#000;}
@media screen and (max-width: 768px) {
    .casetop2{ padding-top:30px !important;}
    .case .caseban{ display:none;}
    .case{ padding-top:30px;}
    .case .casenav .flex-l{ display:block;}
    .case .casenav .casenav1 li:nth-child(2),.case .casenav .casenav2 .fields{ width:100%; padding:0;}
    .case .casenav li:nth-child(1){ font-size:18px; font-weight:400; padding:5px 0;}
    .case .caselist li{ width:100%;}
    .case .caselist li:nth-child(3n){ margin-right:0%;}
    .casem  .w1400 .flex-c{ display:block !important;}
    .casem .aboutinfo .aboutinfol,.casem .aboutinfo .aboutinfor{ width:100% !important;}
    .casem .aboutinfo .aboutinfor{ margin-top:30px;}
    
    

}


.lxwm .xilie{position:relative; margin-top:50px;overflow: hidden;}
.lxwm .xilie .w1400{ overflow:hidden;}
.lxwm .xilie li{font-size:18px;border-radius:0 0 15px 15px; background:#fff; overflow:hidden; padding-bottom:20px; line-height:2; color:#666666;}
.lxwm .xilie li span:hover h2{background:linear-gradient(to right,#27B8F0, #4E92F2); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent;}
.lxwm .xilie li table tr td:nth-child(1){ width:60px;}
.lxwm .xilie img{ width:100%;aspect-ratio: 16 / 9;}
.lxwm .xilie li span{ padding:0 30px; display:block;}
.lxwm .xilie li span h2{ font-size:26px; font-weight:bold; margin-top:20px; color:#333; display:inline-block;}
.lxwm .xilie li dl{ border-top:1px solid #ccc; margin-top:15px; padding-top:15px; font-size:16px;}
.lxwm .xilie .swiper-button-next2{ background: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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; right:10px;top:50px;  z-index:99;}
.lxwm .xilie .swiper-button-prev2{background: 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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; top:50px; right:80px;z-index:99;}

.lxwm .xilie table tr:nth-child(2){ height:72px;}
.lxwm .xilie li span dl{ height:112px;}


.lxwm .lxwm_fenxiang{background:#329edd url(../images/3.png) bottom center no-repeat; margin-top:50px; padding:50px 80px; border-radius:20px; color:#fff; position:relative;background-size: cover;}
.lxwm .lxwm_fenxiang .lxwm_fenxiangl{ line-height:2; display:flex;align-self: center;}
.lxwm .lxwm_fenxiang .lxwm_fenxiangl .toptxt{line-height:2;}
.lxwm .lxwm_fenxiang .lxwm_fenxiangl .toptxt hr{ background:#fff;}
.lxwm .lxwm_fenxiang .lxwm_fenxiangr{ max-width:630px; line-height:1.6; font-size:20px;}
.lxwm .lxwm_fenxiang .lxwm_fenxiangr .lxwm_fenxiangr2{ margin-top:40px;}
.lxwm .lxwm_fenxiang .lxwm_fenxiangr .lxwm_fenxiangr2 a{ line-height:2; font-size:16px; margin-right:20px; padding:5px 10px 5px 45px; border-radius:5px; margin-bottom:15px;}
.lxwm .lxwm_fenxiang .lxwm_fenxiangr .lxwm_fenxiangr2 a img{ width:100%;}

/* 按钮效果 */
.ianniu{display: flex; position: relative; overflow: hidden;text-align: left;  box-sizing: border-box;  width: 180px;  padding: 0;  background_radio: 1;border_radio: 1;
    font_radio: 1;radius_radio: 1; height: 54px;align-items: center;justify-content: space-around; box-shadow: 0 0 5px rgb(170 105 79 / 20%); display-radio: flex;background-color:var(--c);border-radius: 30px; color:#fff;}
.ianniu::before {content: '';display: block;position: absolute;left: -100%;width: 100%;height: 100%;background: rgba(0,0,0,0.1);transition: all .6s ease;}
.ianniu:hover::before {left: 0;}
.ianniu span {display: block;position: relative;z-index: 1;outline: 0;margin: 0px;overflow: hidden;transition: all .6s ease;left: 0;}
.ianniu:hover span {left: 10px}
.ianniu i {display: block;width: 24px;height: 24px;border-radius: 50%;border: 1px solid #fff;position: relative;}
.ianniu i::before {content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
    transition: all 0.6s ease;}
.ianniu i::after {content: '';display: block;width: 35px;height: 1px;background: #fff; top: 50%;right: 12px;position: absolute;transform: translateY(-50%);transition: all 0.6s;}
.ianniu:hover i::before {content: '';display: block;width: 10px;height: 10px}
.ianniu:hover i::after {width: 0px}
.ianniu::after {content: "";position: absolute;width: 0;height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px}
.ianniu:hover::after {opacity: 1}

.toptxt{ text-align:center; font-size:36px; line-height:3; font-weight:bold;}

.search{ padding:60px 0 30px 0;}
.search .prolist{ width:calc(97% / 3); margin:0 1.5% 2% 0;}
.search .prolist:nth-child(3n){margin-right:0;}
.search .prolist img{ width:100%;}
.search .prolist .title{ text-align:center;font-size:20px; line-height:3;}



.pro_info .prolist{ width:calc(97% / 3); margin:0 1.5% 2% 0;}
.pro_info .prolist:nth-child(3n){margin-right:0;}
.pro_info .prolist img{ width:100%;}
.pro_info .prolist .title{ position:absolute; left:20px; top:20px; z-index:9; font-size:24px; font-weight:bold;}
.pro_info .prolist .ianniu{ position: absolute; bottom:20px; right:20px;}


.pro_c .img {text-align: center;padding:5px; max-width:50%;}
.pro_c .img img {width:100%; border-radius: 10px;cursor: pointer;margin: 0 auto;}
.pro_c .img .swiper-pagination {background: rgba(0, 0, 0, .5);color: #fff;width: auto;left: 50%;margin-left: -25px;	padding: 0 10px;border-radius: 24px;line-height: 24px;height: 24px;	font-size: 12px;}
.pro_c .text {margin-bottom: 20px; width:48%;}
.pro_c .text .txt{ font-size:20px;}
.pro_c .text .txt dt{ font-size:24px; font-weight:bold; line-height:50px; color:#666;}
.pro_c .text .txt img{ padding-left:5px; margin-bottom:10px;}
.pro_c .text .txt dl{ color:#666;}
.pro_c .text .cterist img{ display:block; height:40px; width:auto;}
.pro_c .text .message a{line-height:50px; text-align:center;  margin-top:50px;color:var(--c);border:1px solid #ccc; width:100%; font-weight:bold; font-size:18px; display:block;}
.pro_c .text .message a svg{ fill:var(--c); position: relative;bottom: -7px;}
.pro_c .text .message a:hover{ background:var(--c); color:#fff;border:1px solid var(--c);}
.pro_c .text .message a:hover svg{fill:#fff !important;}
.pro_c .text .message a span{ margin:0px;}
.pro_c .text .benefits span{ font-size:20px; line-height:3;}
.pro_c .text .tel a{line-height:50px; background:var(--c); color:#fff;border:1px solid var(--c); text-align:center; margin-top:20px; display:block; font-size:20px;}
.pro_c .text span{  font-size:20px; font-weight:bold;}



.cont{}
.cont .content{width:96%; max-width:1420px; margin:0 auto; padding:50px 0; font-size:var(--f18); color:#666;}
.cont .content img{ width:100%; margin:30px auto;}
.cont .content table{ background:#fff; margin-top:30px;line-height:1.2; width:100%; border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.cont .content table tr td{ padding:10px 15px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.cont .content table tr td:nth-child(1){ }
.cont .content table tr:nth-child(2n){ background:#ebebec;}
.cont .content table tr:nth-child(2n-1) td:nth-child(1){ background:;}
.cont .content .tit{ font-size:50px; line-height:50px;}
.cont .content .tit span{ width:220px; font-size:24px; line-height:50px; color:var(--c); display:block; }

.xinjishu{background:url(../images/pro9.jpg) bottom center no-repeat; color:#ccc; line-height:2; padding:50px 0;}
.xinjishu dl{ font-size:50px; line-height:50px; max-width:300px;}
.xinjishu dl span{ width:220px; font-size:24px; line-height:50px; color:var(--c); display:block; }
.xinjishu p{ max-width:700px; font-size:var(--f18);}


.services{ text-align:center; padding:30px 0;}
.services .tit{ font-size:50px; line-height:1.5; text-align:center; font-weight:bold; margin-bottom:30px;}
.services .services_info{width:96%; max-width:1560px; margin:0 auto;justify-content:center;}
.services .services_info li{ text-align:center; background:#f6f6f6; width:calc(100% / 3); padding:5%;transition: all .6s ease;}
.services .services_info li span{ font-size:60px; color:rgba(0,0,0,.2); line-height:1.5; font-weight:bold;}
.services .services_info li h3{ font-size:30px;line-height:1.5;}
.services .services_info li:hover{ background:var(--c); color:#fff;}

.interes{  padding:50px 0; background:#fbfbfb;}
.interes li{ width:31%; background-size:100%; position:relative;  overflow:hidden;}
.interes li dl{ position:absolute; bottom:-100px; width:90%; left:5%;transition: all .3s linear 0s;}
.interes li dl span{ display:block; color:#333; font-size:var(--f32); font-weight:bold; line-height:2.5;}
.interes li dl a{line-height:50px; background:var(--c); color:#fff; border-radius:25px; margin-top:30px; max-width:150px; text-align:center; margin:50px 0; display:block;}
.interes li:hover dl{ bottom:0px;}
.interes li:hover dl span{color:var(--c);}
.interes li:hover a{margin-top:20px;}
.interes li img{ width:100%;border-radius:10px;}

.interes .tit{border-bottom:1px solid #eee;}
.interes .tit span{ width:220px; font-size:18px; line-height:50px; background:var(--c); display:inline-block; text-align:center; color:#fff;}




/* 配件 */

.peijian{ padding-top:80px;}

.peijianinfo{background:url(../images/rightbg.png) right top no-repeat; position:relative; padding-BOTTOM:50PX;}
.peijianinfo::before{content: '';display: block;position: absolute;left:0; top:70px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.peijianinfo .toptxt{ text-align:left; line-height:1.5;}
.peijianinfo li{ width:32%; margin:2% 2% 2% 0;text-align:center; line-height:3; }
.peijianinfo li:nth-child(3n){ margin-right:0;}
.peijianinfo li img{ width:100%;aspect-ratio: 3 / 2;}
.peijianinfo li a{ padding:10px 20px; color:#fff;}
.peijianinfo LI hr{ margin:0 AUTO;}
.peijianinfo li span{ display:block; font-size:24px; font-weight:bold;}
.peijianinfo li p{display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;}

.peijianlist{background:#f6f6f6 url(../images/rightbg.png) right top no-repeat; position:relative; padding-BOTTOM:70PX;}
.peijianlist .toptxt{ text-align:left; line-height:2;  padding-top:2%; }
.peijianlist li{ width:100%; padding:2% 0; margin-top:2%;  background:#fff; border-radius:20px;}
.peijianlist li:nth-child(3n){ margin-right:0;}
.peijianlist li img{ width:100%;}
.peijianlist li span{ display:block; font-size:24px; font-weight:bold;line-height:2;}
.peijianlist .peijianlistl{ width:35%; margin-right:2%;}
.peijianlist .peijianlistr{ width:60%;margin-right:3%;align-items: center;    display: flex;}
.peijianlist .peijianlistr dd{ background:#dedede; border-radius:20px; padding:2px 20px; margin:0 15px 15px 0;}
.peijianlist .banimgtu img{ width:100%;}

@media screen and (max-width: 750px) {
    .prolist .flexzuo,.dailifoot .aboutinfo{ display:block;}
    .prolist ul li,.dailitop li,.dailifoot .aboutinfo .aboutinfol,.dailifoot .aboutinfo .aboutinfor{ width:100%;}
	.pro_c .img{padding:0; position:relative; top:0; max-width:360px;}
	.pro_c video { width:100% !important}
	.job_nrbg {padding-top:0px;}
	.pro_c {margin-bottom: 40px; display:block;}
	.pro_c .text {margin-bottom: 20px; margin-top:40px;width:100%;}
	.pro_c .img img {width: 100%;}
	.zplbjj table{ width:1000px;}
	.zplbjj { overflow-x:auto;}
	.ban .ban_info .iaboutx{ display:none;}
	.ban .ban_info h1{ font-size:22px;}
	.case22 .case22list{ display:flex;        flex-direction: column-reverse;}
	.case22 .products-container{ width:100%;}
	.case22 .case22nav{ width:100%; margin-bottom:20px;}
	.case22nav li{ float:left; width:49%;}
	}


/*内页新闻*/
.newstop { padding:20px 0; margin-top:60px;}
.newstop .newstopl{ font-size:40px;line-height:1; text-transform: uppercase;}
.newstop .newstopl span{display:block; font-size:50px;  line-height:1;color:#000; font-weight:bold;}
.newstop .newstopr{ margin-top:50px;}
.newstop .newstopr li{ margin-left:30px;}
.newstop .newstopr li a{ position:relative; overflow:hidden; display:inline-block; font-size:22px; line-height:2;}
.newstop .newstopr li a::before {content: '';display: block;position: absolute;left: -100%; bottom:0;width: 100%;height: .2rem;background: var(--c);transition: all .6s ease;}
.newstop .newstopr li a:hover::before {left: 0;}
.newstop .newstopr li a:hover{ color:var(--c);}
.newstop .newstopr li a.active{ color:var(--c);}
.newstop .newstopr li a.active::before {left: 0;}

.newlistone .newlistoneimg{ width:50%;}
.newlistone .newlistoneinfo{ width:45%;    display: flex; align-items: center;  line-height: 2em; color:#999;}
.newlistone .newlistoneinfo span{ display:block; font-size:32px;  line-height:2;color:#000; font-weight:bold;}
.newlistone .newlistoneinfo a{ display:block; max-width:200px; line-height:50px; text-align:center; background:var(--c); color:#fff;font-weight:bold; margin-top:30px;}
.newlistone .newlistoneinfo .newlistonedate{display:block; color:var(--c);}
.newlistone .newlistoneimg img{ width:100%;}


.newlist_con {margin-top:50px;}
.newlist .newslist {border-top: 1px solid #DDD;	padding-TOP: 50px;	transition: all .3s linear 0s;}
.newlist .newslist span {}
.newlist .newslist img {width: 100%; max-width:385PX;transition: all .3s linear 0s;}
.newlist .newslist p.title1 { color:var(--c); min-width:120px;}
.newlist .newslist p.title2 { color:var(--c); font-size:60px;min-width:170px; font-weight:bold;line-height: 1;}
.newlist .newslist p.title3{ margin-right:5%;}
.newlist .newslist p.title3 span{ display:block;font-size:32px;  line-height:1.5;color:#000; font-weight:bold; margin-bottom:20px;}
.newlist .newslist p.title3 a{ display:block; max-width:200px; border:1px solid #999; color:#333; line-height:50px; text-align:center; font-weight:bold; margin-top:30px;}
.newlist .newslist p.title3 a:hover{background:var(--c);border:1px solid var(--c); color:#fff; }
.newlist .newslist p.title3:hover span{color:var(--c);}


.news_nr p.news_oth {color:var(--c);padding-bottom: 10px; line-height:3; font-size:22px;}
.news_nr {padding-top: 60px;}
.news_nr img {max-width: 1300px;}
.news_nr h1 {color: #000; font-size:50px;line-height:1.2;width: 80%; padding-bottom:2%;}
.news_nr .news_info{ border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:30px 0; font-size:18px; color:#666;}

.news table{ border-radius:15px 15px 0 0; overflow:hidden;}
.news table tr:nth-child(1) td{padding:0;}
.news table td{ text-align:center;padding:15px 0;}
.news table td img{ width:35px;}
.news .newstxt{ text-align:center; font-size:24px; font-weight:bold;}
.news .biaotou2{ background:#fff;}

@media screen and (max-width:768px) {
	.newlist .newslist p.title {height: 30px;line-height: 30px;transition: all .3s linear 0s;font-size: 16px;text-align: left;font-weight: 700;}
	.cpxqy1 {font-size: 14px;line-height: 1.5;}
	
	.newlist_con{ display:blick;}
	.newlist .newslist{ width:100%;}
}



.list_item {position: relative;	padding: 33px 0;transition: all .2s linear 0s;}
.list_item .news_con {position: absolute;width: 659px;padding: 0 30px;}
.list_item .name {padding: 15px 0 5px;font-weight: normal;margin-bottom: 10px;font-size: 18px;color: #343434;}
.list_item .news_con .des {	overflow: hidden;height: 72px;font-size: 14px;	line-height: 22px;	color: #999999;	text-align: left;}
.list_item .news_con .xian {position: absolute;	top: 16px;	height: 16px;	width: 4px;	background: #999;transition: all .2s linear 0s;}
.list_item .news_others {position: relative;overflow: hidden;width: 160px;padding: 0 40px;height: 126px;}
.list_item .news_others .inform {position: absolute;width: 100%;top: 10px;}
.list_item .news_others .date {margin-bottom: 10px;font-size: 40px;	line-height: 1;	opacity: 0.7;color: #999;display: block;padding-bottom: 5px;}
.list_item .news_others .year {margin-bottom: 5px;font-size: 14px;opacity: 0.6;color: #999;}
.list_item .news_others .more {	display: block;	width: 42px;height: 20px;opacity: 0;transform: translateX(-20px);border-bottom: 2px solid #128f5d;padding-bottom: 8px;font-size: 12px;transition: all .2s linear 0s;}

.list_item .news_xian {display: block;width: 1px;height: 192px;	background: #e3e3e4;position: absolute;	left: 210px;margin-left: -0.5px;top: 0;z-index: 0;}
.odd .list_item {padding-left: 50%;}
.odd .list_item .news_con {left: 0;}
.odd .list_item .news_con .xian {right: -2px;}
.even .list_item .news_con {right: 0;}
.even .list_item .news_con .xian {left: -2px;}
.list_item:hover {box-shadow: 0 0 20px #ddd;}
.list_item:hover .news_con .xian {height: 80%;background: #128f5d;}
.list_item:hover .news_con .name {color: #128f5d;font-weight: normal;}
.list_item:hover .news_others .date,.list_item:hover .news_others .year {opacity: 1;color: #128f5d;}
.list_item:hover .news_others .more {opacity: 1;transform: translateX(0);color: #128f5d;}
.list_item:hover .news_others .img {opacity: 1;}





.summary {position: relative;background: #fafafa;margin: 20px 10px 0;padding: 40px 20px 20px;color: #6c7480;font-style: italic;line-height: 150%;border: 1px solid #eee;border-radius: 5px;}
.summary span {position: absolute;left: -1px;top: 15px;padding: 0 0 0 20px;font-size: 1.2em;font-style: normal;color: #c2c6cc;border-left: 4px solid #c2c6cc;}

.taglist .list {display: none;border-bottom: 1px solid #f5f5f5;	height: 50px;line-height: 50px;	padding: 0 10px;}
.taglist .list span {margin-right: 20px;}
.taglist .list a {display: block;color: #777;}
.tag {border-bottom: 1px dashed #ccc;padding-bottom: 16px;margin-top: 50px;	font-size: 14px;color: #29282d;margin-bottom: 30px;}
.tag a {display: inline-block;height: 25px;	line-height: 25px;padding: 0 10px;	border: 1px solid #999;	margin-left: 6px;color: #29282d;border-radius: 3px;}

.pagebox {text-align: center;}
.pagebox #pagesize li {	float: left; width:auto;margin: 0;box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 0%);}
.pagenav {overflow: hidden;margin-top: 30px; padding-bottom:30px;}
.pagenav p {width: 45%;	font-size: 14px;color: #777;}
.pagenav p.prev {text-align: right;}
.pagenav p.newsnext {float: left;}
.pagenav p.newsprev {float: right;text-align: right;}


.interested {width: 96%; max-width:1400PX;margin: 0 auto;box-sizing: border-box; margin-top:50px;}
.interested h5 {font-size: 18px;color: #777;font-weight: 550;padding-top: 50px;}
.interested h2 {margin-bottom: 30px;line-height: 80px;font-size:40px;color: #111;}
.interested .tit {height: 48px;line-height: 48px;font-size: 20px;color: #202020;font-weight: 400;	margin-bottom: 10px; position:relative;}
.interested .tit span{ background:#FFF; z-index:11;position:relative; padding:0 20px;}
.interested .tit em{height:24px; background: #eba000; display:block; position:absolute; width:100%; top:12px; z-index:0;}
.interested .list {border-bottom: 1px dashed #ddd;height: 50px;line-height: 50px;padding-right: 5px;padding-left: 20px;}
.interested .list span {float: right;color: #CCC;}
.interested .list a {display: block;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.newslist span {display: block;font-size: 14px;line-height:24px;height: 48px;	margin-bottom: 10px;overflow: hidden; border-bottom:0;}
.newslist {transition: all .3s linear 0s;}
.newslist p.title{background: url(../images/logo.svg) left 18px no-repeat; background-size:40px auto;  padding-left:50px; height:auto; line-height:60px;color: #fff; font-size:20px; text-align:left; font-weight:bold;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* 限制为2行 */ overflow: hidden;}
.newslist p em{ margin-top:20px; font-size:16px; font-weight:400;color:#eee;} 
.newslist a{padding-bottom:20px; display:block;color: #666; font-size:18px;}
.newslist a dd{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 限制为2行 */ overflow: hidden;}
.newslist a:hover p.title{color:var(--c);}
.newslist a img{width:100%;transition: all .5s linear 0s;aspect-ratio: 5 / 3;}
.newslist a .newsimg{ overflow:hidden; border-radius:10px;}
.newslist .result-area p{ background:rgba(255,255,255,.1); color:#aaa; font-size:14px; margin-right:10px; border-radius:15px; padding:0 10px;display: inline-block;}




@media screen and (max-width: 750px) {
.interested_con {display: block;}
.interested .newslist{ width:100%; margin:0;}
.interested .inprolist{ width:46%;}
.interested .inprolist a .title{ font-size:14px;}
 }

/*解决方案*/


.photolist{padding:80px 0 1px 0;}
.photolist .photolisttop{}
.photolist .photolisttop .photolisttopl{ width:50%; font-size:20px; line-height:1.8;}
.photolist .photolisttop .photolisttopr{ width:40%;}
.photolist .photolisttop .photolisttopr img{ width:100%;}
.photolist .photolist_top{  color:var(--c); font-size:24px; line-height:1.5;}
.photolist .photolist_top .photolist_topl{ width:55%; position:relative; max-width:500px;}
.photolist .photolist_top .photolist_topl span{ display:block;font-size:50px;color:#454A53;}
.photolist .photolist_top .photolist_topl .renzheng_toplb{ position:absolute; bottom:30px; color:#666; font-size:20px; border-left:3px solid var(--c); padding-left:20px;}
.photolist .photolist_top .photolist_topr{ width:43%;}
.photolist .photolist_top .photolist_topr img{ width:100%;}

.photolist .photolist_info{ position:relative; z-index:1; margin-bottom:100px;  background:#fff; border-radius:20px;box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.1); background:#fff url(../images/jiejuebg.jpg); background-size:100% auto;}
.photolist .photolist_info1l{ width:53%; z-index:1; }
.photolist .photolist_info1r{width:40%; font-size:20px; line-height:1.7; color:#666; z-index:1; margin-right:3%; position:relative;}
.photolist .photolist_info1r img,.photolist .photolist_info2r img{ width:60px; display:none;}
.photolist .photolist_info1r dl{ margin-top:30px;}
.photolist .photolist_info1r dl a{ background:#eee; padding:5px 20px;margin-right:10px; margin-bottom:10px;display:inline-block;}
.photolist .photolist_info1r dl a:hover{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff;}
.photolist .photolist_info1r span{ display:block; font-size:36px; font-weight:bold;line-height:1.3;background:linear-gradient(to right,#27B8F0, #4E92F2); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent; margin-bottom:15px;}
.photolist .photolist_info1l img{ width:100%; border-radius:20px;box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.18);}
.photolist .photolist_info1l video{border-radius:20px;}
.photolist_infoc{position: absolute;left: 0%;top: 50%;transform: translate(0%,-50%)scale(1);}
.photolist_infoc a{display:inline-block; padding:5px 20px; font-size:14px; cursor:pointer;background: linear-gradient(to right, #e2f3fd, #edf4fe); border-radius:15px; margin-top:25px;}
.photolist_infoc a dd{background:linear-gradient(to right,#27B8F0, #4E92F2); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent; }
.photolist_infoc a:hover{display:inline-block; padding:5px 20px; font-size:14px; cursor:pointer;background: linear-gradient(to right, #27B8F0, #4E92F2); border-radius:15px; margin-top:25px;}
.photolist_infoc a:hover dd{background:linear-gradient(to right,#fff, #fff); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent; }

.photolist .photolist_info .photolist_info1bg{ position:absolute; top:0; right:0; background:#fff; height:calc(100% - 100px); width:50%; z-index:0; border-top:3px solid var(--c);}

.photolist .photolist_info2l{ width:53%; z-index:1;}
.photolist .photolist_info2l video{border-radius:20px;}
.photolist .photolist_info2r{width:40%; position:relative;font-size:20px; line-height:1.7; color:#666; z-index:1; margin-left:3%;}
.photolist .photolist_info2r dl{ margin-top:30px;}
.photolist .photolist_info2r dl a{ background:#eee; padding:5px 20px;margin-right:10px; margin-bottom:10px;display:inline-block;}
.photolist .photolist_info2r dl a:hover{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff; }
.photolist .photolist_info2r span{ display:block; font-size:36px; font-weight:bold; line-height:1.3;background:linear-gradient(to right,#27B8F0, #4E92F2); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent; margin-bottom:15px;}
.photolist .photolist_info2l img{ width:100%; border-radius:20px;box-shadow: -10px 10px 16px 0px rgba(0, 0, 0, 0.18);}
.photolist .photolist_in{  margin-bottom:80px;}
.photolist .photolist_in dl{border-top:1px solid #ddd;border-right:1px solid #ddd;}
.photolist .photolist_in dl a{ padding:15px 20px;display:inline-block; text-align:center; border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.photolist .photolist_in dl a:hover{background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff; }
.photolist .photolist_info .photolist_info2bg{ position:absolute; top:0; left:0; background:#fff; height:calc(100% - 100px); width:50%; z-index:0; border-top:3px solid var(--c);}

.jiejuefangan{padding-top:80px; background:#f6f6f6;}
.jiejuefangan .fanganduibi{border:4px #fff solid; border-radius:20px; overflow:hidden; font-size:20px; line-height:1.5;box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.08); }
.jiejuefangan .fanganduibi span{ font-size:36px;}
.jiejuefangan .fanganduibi .fanganduibir{width: calc(50% - 0px);background: linear-gradient(to right, #27B8F0, #4E92F2); color:#fff;padding:3%;border-left:2px #fff solid;}
.jiejuefangan .fanganduibi .fanganduibil{width:calc(50% - 0px);padding:3%;border-right:2px #fff solid;}
.jiejuefangan .fanganduibi .fanganduibil li{background:url(../images/tongdian.png) left center no-repeat; padding:15px 0px 15px 50px; }
.jiejuefangan .fanganduibi .fanganduibir li{background:url(../images/xiaolian.png) left center no-repeat; padding:15px 0px 15px 50px; }

.jiejuefangan hr{ margin:10px 0 50px 0;}
.jiejuefangan .photolisttop hr{ margin:0px 0 30px 0;}
.jiejuefangan .toptxt{ line-height:2; text-align:left;}
.jiejuefangan .photolisttop .photolisttopl{ width:50%; font-size:20px; line-height:1.8;}
.jiejuefangan .photolisttop .photolisttopr{ width:40%;}
.jiejuefangan .photolisttop .photolisttopr img{ width:100%;border-radius:15px;}
.jiejuefangan .fangan2{ position:relative;}
.jiejuefangan .fangan2::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.jiejuefangan .fangan2 li{ border-radius:15px; overflow:hidden; width:24%; margin-bottom:1.5%;}
.jiejuefangan .fangan2 li img{ width:100%;}
.jiejuefangan .fangan3{ position:relative;margin-top:100px;}
.jiejuefangan .fangan3::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}

.jiejuefangan .fangan3 .w1400{ overflow:hidden;}
.jiejuefangan .fangan3::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.jiejuefangan .fangan3 li{font-size:18px; text-align:center; border-radius:15px; overflow:hidden; padding-bottom:20px; line-height:2;}
.jiejuefangan .fangan3 li hr{ margin:15px auto;}
.jiejuefangan .fangan3 img{ width:100%;}
.jiejuefangan .fangan3 li span{ display:block;font-size:26px; font-weight:bold; margin-top:20px;}
.jiejuefangan .fangan3 .swiper-button-next2{ background: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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; right:10px;top:50px;  z-index:99;}
.jiejuefangan .fangan3 .swiper-button-prev2{background: 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'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;
    ; width:50px; height:50px; background-size:15px; border-radius:50%; top:50px; right:80px;z-index:99;}

.jiejuefangan .fangan4{ position:relative; margin-top:100px;}
.jiejuefangan .fangan4::before{content: '';display: block;position: absolute;left:0; top:30px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}
.jiejuefangan .fangan4 li{ padding:0 2% 2%; border-left:1px solid #ccc; margin-top:50px;}
.jiejuefangan .fangan4 li span{ font-size:26px; font-weight:bold; display:block; line-height:2;}
.jiejuefangan .fangan4 li hr{ margin:5px 0 20px 0;}
.jiejuefangan .fangan4 img{ width:100%;border-radius:15px;}

.jiejuefangan .cpyoushi{background:url(../images/rightbg.png) right top no-repeat; position:relative; margin-top:100px;padding:0;}
.jiejuefangan .cpyoushi::before{content: '';display: block;position: absolute;left:0; top:70px;width: 100%;height:150px;z-index:0;background:url(../images/chingmu.png) top right no-repeat; opacity:.05;}

.jiejuefangan .newslist a{ color:#333;}
.jiejuefangan .newslist .result-area p{ background:rgba(0,0,0,.05); color:#999;}

.jiejuefangan .icase{ background:none !important;}
.jiejuefangan .icase .toptxt{ color:#333;}
@media screen and (max-width: 768px) {
.photolist .photo,.jiejuefangan .photolisttop .photolisttopl,.jiejuefangan .photolisttop .photolisttopr { width:100%;}
.photolist h2{font-size:18px;}
.jiejuefangan .fangan4 .w1400 .flex{ display:block;}
.jiejuefangan .fangan4 li{border-left:0;margin-top:10px;}
.jiejuefangan .fangan2 li{ width:48%; margin-bottom:15px;}
.jiejuefangan .fangan .photolisttop{ display:block;}
.jiejuefangan .fanganduibi span{ font-size:18px;}
.jiejuefangan .fanganduibi{ font-size:12px;}
.jiejuefangan .photolisttop .photolisttopl,.photolist .photolist_info2r,.photolist .photolist_info1r{ font-size:12px;}
.location .navtop a{padding:0;}
#locat.active{ top:70px;}
.photolist_infoc a{display:inline-block; padding:5px 20px; font-size:12px; cursor:pointer;background: linear-gradient(to right, #27B8F0, #4E92F2); border-radius:15px; margin-top:25px;}
.photolist_infoc a dd{background:linear-gradient(to right,#fff, #fff); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text;color: transparent; }
	}





.zxly {padding-left: 5px;margin-bottom: 30px;line-height: 40px;font-size: 15px;}
.zxly span {font-weight: bold;font-size: 16px;}
.gbk {padding-top: 100px;}
.lxwm {padding-top:50px;box-sizing: border-box; background:#fbfbfb;}
.lxwm2{padding-bottom:70px;}
.lxwm2 dl img{ max-width:200px; margin-bottom:20px;}
.lxwm .text{ background:#fff;}
.lxwm .text dl h2 {font-size:var(--f24);display:block; line-height:1.5;color:var(--c); padding-bottom:5px; }
.lxwm .text ul{margin:50px 0; font-size:16px; line-height:40px;}
.lxwm .text dl h3{font-size:var(--f26);display:block; font-weight:bold; color:#333; margin-bottom:20px; border-bottom:1px dashed #ccc; line-height:2.5; padding-bottom:10px;}
.lxwm .text dl{ width:45%;align-items: center;display: flex; }
.lxwm .text dl div{ width:90%;}
.lxwm .text dl li{ line-height:2.5;font-size:var(--f18);}
.lxwm .text dl .email{background:url(../images/lxx01.png) left center no-repeat; background-size:20px auto; padding-left:35px;}
.lxwm .text dl .tel{background:url(../images/lxx02.png) left center no-repeat; background-size:20px auto; padding-left:35px; }
.lxwm .text dl .add{background:url(../images/lxx03.png) left center no-repeat; background-size:20px auto; padding-left:35px; }
.lxwm .text ul dl img{ max-width:30px;}
.lxwm .text .lxwmbaidu{ width:50%;}
.lxwm .text .lxwmbaidu img{ width:100%;}
.zigongsi{ padding-top:50px;}
.zigongsi li{ background:#fff; padding:2%; margin-bottom:20px; width:calc(97% / 3); border-radius:10px;}
.zigongsi li dl{ width:20%; display:flex;align-items: center;}
.zigongsi li dl img{ width:100%;}
.zigongsi li p{ width:75%;}
.zigongsi li p span{ display:block; font-size:20px; line-height:2; font-weight:bold;}


.lxwm3{color: #fff; font-size: 23px;line-height:3; background:#000 url(../images/lxwm3.png) left center no-repeat; background-size:100% 100%; padding:50px 0; }
.lxwm3 .toptxt2{ text-align:center; font-weight:400; font-size:20px;}
.lxwm3 .lxwm3c{ margin:50px auto;}
.lxwm3 .lxwm3c li{ text-align:center;}
.lxwm3 .lxwm3c li img{ display:block; margin:2% auto;}


.lxwm4{background:#fff url(../images/rightbg.png) right 30px no-repeat; padding:50px 0;}

.hongsebg {background: linear-gradient(to right, rgba(69,187,180,0),rgba(69,187,180,0.1));}
.lunwennews a{ width:calc( 100%/6);}

.joblinian{background:url(../images/joblinian.jpg) center no-repeat; min-height:730px; color:#fff; }
.joblinian li{ width:100%; text-align:center; position:relative; border-left:1px solid #999; overflow:hidden;}
.joblinian li:hover{ cursor:pointer;}
.joblinian li span{ display:block; font-size:26px; line-height:80px; font-weight:bold;}
.joblinian li .joblinian_info{ position:absolute; top:calc(100% - 80px); width:100%;padding:0 10%; transition: all .5s linear 0s; font-size:18px;}
.joblinian li .joblinian_info i{ width:30%; height:2px; background:var(--c); display:block; margin:0 auto; margin-bottom:30px;}
.joblinian li:hover .joblinian_info{top:50%;}

.jobzc{border-top:1px solid #999;}
.jobzc li { border:1px solid #999; padding:30px; border-top:0;}
.jobzc li:hover{border:2px solid var(--c);cursor:pointer;}
.jobzc li:hover span{ color:var(--c);}
.jobzc li span{ width:30%; font-size:34px; font-weight:bold;}
.jobzc li span i{ width:100px; height:2px; display:block; background:var(--c);}
.jobzc li dl{ width:70%; font-size:20px;}

.business{ margin:100px auto;}
.business h3{ font-size:24px; line-height:60px; color:#eba000;background:#fff;}
.business .sn_title{ width:48%; min-height:500px;background:#eee;}
.business .sn_title p{  display:block;line-height:40px;}
.business .sn_title p span{background:#ddd; display:block; font-size:18px; padding-left:20px;line-height:50px; }
.business .sn_title p em{ padding-left:20px; }

.business .sn_text{width:48%;}
.dailifoot .aboutinfo .aboutinfor h3 img{display: block;}

/*小于750px*/
@media screen and (max-width: 768px) {
.inews a.bgjianbian{ max-width:100px !important; line-height:34px !important;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_title{ border-bottom:0px !important;}
.jiejuefangan .fanganduibi .fanganduibil li{background:url(../images/tongdian.png) left center no-repeat; background-size:20px; padding:15px 0px 15px 30px; }
.jiejuefangan .fanganduibi .fanganduibir li{background:url(../images/xiaolian.png) left center no-repeat; background-size:20px; padding:15px 0px 15px 30px; }
    #TabsHeader button{ font-size:14px; line-height:50px; height:50px;}
    .lxwm .lxwm_fenxiang{ padding:30px;}
    .joblist .joblistr,.joblist table,.lxwm .xilie li{ font-size:12px;}
    .joblist .joblistr span,.lxwm .xilie li span h2{font-size:18px;}
    .lxwm2 dl img{ margin-top:20px;margin-bottom:5px;    max-width: 150px;}
.lxwm .text ul{display: block;}
.lxwm .contactForm{ min-height:350px;}
.lxwm .text ul dl img{ padding:0px;}
.lxwm .text ul dl{ margin-bottom:50px; width:100%;}
    .ban .ban_info dl{ font-size:22px;}
    .swiperbanner .swiper-pagination-bullet{ width:5px; height:5px; border-radius:2.5px;}
    .swiperbanner .swiper-pagination-bullet-active{ width:15px;}
    .lxwm .xilie li span{ padding:0 15px;}
    .zigongsi li p span{ font-size:16px;}
    .culturetop2 li p{ font-size:12px; padding:0 5%; line-height:1.5;height: 100px;}
    .dailitop li p{ font-size:12px;}
    .dailitop{ padding-top:0;}
    .dailitop li p span{ font-size:18px;}
    .news .news_info{ margin-bottom:25px;}
    .news .news_l em{ margin-bottom:10px;display: inline-block;}
    #locat .flex-c{    justify-content: flex-start;}
    .collapse{ margin-left:auto;}
    .peijian{ padding-top:0;}
    .peijian .w1400{}
    .w1400{ width:calc(100% - 32px) !important; }
    .daili .dailimain dd{ width:calc(100% - 32px) !important; padding:4%; }
    .daili .dailimain dd p{text-align:left;}
    .swiperbanner .swiper-slide .ind_ban_tex,.ban .ban_info{ width:calc(100% - 40px);}
    .footer .footer1{padding-bottom: 10px;}
    .case .casenav{ padding-bottom:10px;}
    .iabout,.faqlist dl dd{ line-height:1.5;}
    .dailifoot .aboutinfo .aboutinfor h3 img{ width:30px; display:inline-block;}
.honor .honor_info .hezuolist1, .honor .honor_info .hezuolist2{background: url(../images/rongyudi.png) center 100px no-repeat;padding-bottom: 60px;background-size: auto 50%;}
.honor .honor_info img{ height:100px;}
.jiejuefangan .fangan4 li hr{margin: 5px 0 5px 0 !important;}
.casem .aboutinfo .aboutinfor h3,.jiejuefangan .fangan4 li span{ font-size:16px;}
.casem .casemtop,.iaboutx .ourbox .ourli .our_p2{ font-size:12px;}
.dailifoot .aboutinfo .aboutinfor{font-size:12px; padding-bottom:10px;}
.lxwm3{ padding:60px 3%;font-size:12px;}
.lxwm3 .lxwm3c{justify-content: start;}
.downlist .box .tit{ font-size:18px;}
.lxwm3 .lxwm3c li{ width:33%;}
.lxwm3 .toptxt2{ font-size:12px; line-height:1.5;}
.lunwennews{ display:flex !important;}
.lunwennews a{ width:calc( 100%/3); margin-top:10px;}
.newslist p.title{ font-size:14px;}
.newslist a{ font-size:12px; padding-bottom:5px;}
.inews .inewsc .inewscr .newslist{ margin-bottom:15px;}
.newslist a dd,.peijianinfo li{ line-height:1.5;}
.peijianinfo li{ width:46%; margin:0 2% 5%;}
.peijianinfo LI hr{ margin-bottom:5px;}
.peijianinfo li a{ padding:5px 10px; margin-top:10px;display: inline-block;}
#location{ display:none;}
.ban .ban_info span{ font-size:15px;}
#demoTabsHeader{flex-wrap:wrap;}
#demoTabsHeader button{width: calc(96% / 3);}
#demoTabsHeader button:first-child,#demoTabsHeader button:last-child{ border-radius:0;}
#demoTabsHeader button:nth-child(4){ border-left:1px solid #111;}
.obj-b2 {padding-top: 5px;}
.obj-b2 a,.obj-d2 a,.obj-f2 a {line-height: 1.2;}
.gbk h4 {font-size: 14px !important;margin-bottom: 20px !important;	margin-top: 10px;}
.gbk iframe {min-height: 420px !important;}
.lxwm h2 {font-size: 18px;line-height: 1.5;}
.lxwm .wrap li {margin-left: 0;	width: 125px;line-height: 40px;}
.ny_lxwm li {margin-top: 25px !important;width: 100%;}
.toptxt,.about .aboutinfo .aboutinfor h3{ font-size:18px !important;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_info2,.swiperbanner .swiper-slide.swiper-slide-active .ind_ban_tex_title .t_big{ font-size:12px;}
.swiperbanner .swiper-slide .ind_ban_tex .ind_ban_tex_info{ font-size:22px;}
.icase .icase-info{ width:49%; margin-bottom:20px;}
.foot .footerlbottom li,.newslist p em{display:none;}
.ixuanze{ padding:20px 0; display:none;}
.ixuanze .ixuanzec li{ width:49%; font-size:12px;}
.inews .inewsc{ display:block; margin-top:0;}
.inews .inewsc .inewscr,.inews .inewsc .inewscl,.inews .inewsc .inewscr .newslist,.photolist .photolist_info1l,.photolist .photolist_info1r,.photolist .photolist_info2r,.photolist .photolist_info2l,.photolist .photolisttop .photolisttopl,.photolist .photolisttop .photolisttopr,.about .aboutinfo .aboutinfol,.about .aboutinfo .aboutinfor,.zigongsi li{ width:100%;}
.photolist .photolisttop,.about2c,.zigongsi{ display:block;}
.photolist .photolist_info{ margin-bottom:30px; padding:0;}
.photolist .photolist_info:nth-child(2n){flex-direction: column-reverse;}
.photolist .photolist_info2r{ margin-left:0;}
.icase{ padding:30px 0;}
.photolist_infoc{ position:initial;    transform: translate(0%, 0%) scale(1);}
.photolist .photolist_info{ background:none;box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0);}
.photolist .photolist_info1r span,.photolist .photolist_info2r span{ font-size:18px; margin-top:20px;}
.pro .youshi{ margin-top:50px;}
.news .news_r .news_r3 .news_r3_img li{display:block; font-size:14px; width:100%;}
.news .news_r .news_r3 .news_r3_img{ width:50%; float:left;}
.news .news_r .news_r3 a{ display:none;}
.about .aboutinfo .aboutinfor,.lxwm .text dl{ padding:15px;}
.cultureinfo li{border-left:0;}
.icase .product-keywords,.case .product-keywords{ margin-top:0;}
.icase .product-card dd{ margin-bottom:0;}
.erjilist li,.gdt .button a,body,.foot2,.jiejuefangan .fangan3 li,.pro .youshi li p,.pro .zhichi li,.pro .xiangguan li a,.pro .xilie li,.case .caselist li a,.case .caselist .newslist .keyword-tag,.lxwm .xilie li dl,.lxwm .lxwm_fenxiang .lxwm_fenxiangr,.contact-form p,.lxwm .lxwm_fenxiang .lxwm_fenxiangr .lxwm_fenxiangr2 a,.icase .newslist .keyword-tag{ font-size:12px;}
.contactForm h3,.case .product-title,.news .news_l .title,.news .news_l h1 span, .news .news_l .title span{font-size:14px;}
.erjilist li span,.jiejuefangan .fangan3 li span,.pro .zhichi li span,.pro .xiangguan li span,.news .news_r span,.news .news_r .news_r3 .news_r3_img li dl,.news .newstxt,.about2c li span,.dailifoot .aboutinfo .aboutinfor h3,.culturetop1 span,.culturetop2 li p span,.cultureinfo1 span,.cultureinfo li p span,.culturefoot .culturefoot1 span,.contact-form h2{ font-size:18px;}
.culturetop1 h2,.cultureinfo1 h2,.culturefoot .culturefoot1 h2{font-size:32px;}


	/* 产品详情小屏幕 */
	.cpxqy_01 span {font-size: 24px;margin-bottom: 0;}
	.cpxqy_01 {	padding: 30px 10px;}
	.cpxqy_01 img {	margin-top: 10px;margin-bottom: 20px;}
	.cpxqy_02 {	padding-top: 20px;}
	.cpxqy_02 span {font-size: 24px;margin-bottom: 10px;}
	.cpxqy_02 img {margin-top: 15px;}
	.cpxqy_03 {	padding: 30px 0;}
	.cpxqy_03 span {font-size: 24px;margin-bottom: 0;}
	.cpxqy_03 ul {margin-top: 20px;	}
	.cpxqy_04 {	padding: 30px 0;}
	.cpxqy_04 span {font-size: 24px;margin-bottom: 10px;}
	.cpxqy_04 img {	margin-top: 15px;}
	.interested .prolist p.title {height: 65px;line-height: 30px;transition: all .3s linear 0s;	font-size: 16px;text-align: left;}
	.news_nrbg {background: #fff;padding-top: 40px;}


	/* .interested .prolist2 {} */

	.news_nr h1 {text-align: left;color: #333;font-size: 16px;}
	.service-dialog {display: none;}
	.wrap {	width: 96%;	margin: auto;}
	.headtop {display: none;}
	.header {display: none;}
	.nav {display: none;}
	.headweb {	display: block;	position: relative;	top: 80px;	z-index: 1000;}
	.link {display: none;}
	.footweb {display: none;}
	.citys {display: none;}

	/*banner*/
	.swiper-container {	width: 100%;height: 100%;}
	.swiper-button-next-banner:after,.swiper-button-prev-banner:after {	font-size: 5vw;	}
	.footlogo {display: none;}

	/* .fixnav {} */



	/*header*/
	.headerw {width: 100%;height:0px;position: relative; margin-bottom:60px;}
	.header_fixed {	position: fixed;z-index: 666;top: 0;left: 0;right: 0;padding: 17px 0;background:#000;box-shadow: 2px 2px 15px 5px rgba(0, 0, 0, .15);}
	.logo_area {height: 35px;}
	.logo_area a{ width:140px;margin-top:4px;}

	/*foot*/
	.foot {	width: 100%;height:auto; font-size:12px;}
	.foot2 a{ margin-left:0; margin-right:5px;}
	.foot .footerlbottom{ padding:20px 0;}
	.footer .footerlbottom dd{ margin:5px auto;}
	.foot ul {padding-top: 5px;}
	.foot li p {color: #FFF;}
	.foot_box {	width: 100%;height: 65px;}
	.foot_back {width: 100%;height: 100%;background: url(../images/back.png) 44px 36px no-repeat rgba(0, 0, 0, 0.8);background-size: 84%;position: fixed;top: 0;z-index: 999999;display: none;}
	.foot_back a {right: 20vw;width: 66vw;height: 12vw;display: block;position: absolute;top: 109vw;border-radius: 50px;text-align: center;	line-height: 12vw;font-size: 4vw;}

	/*内页*/
	.about h2{ font-size:24px !important;}
	.c_wrap_l {	display: none;}

	.pagenav {margin-top: 20px;	margin-bottom: 0;}
	.pagenav p {font-size: 14px;width: 100%;text-align:left !important;}
	.pagenav p.newsprev {text-align: left;}
	.news_nr p.news_oth {margin-bottom: 0;}
	.interested h5 {font-size: 16px;padding-top: 0;}
	.interested h2 {line-height: 1.5;font-size: 24px;margin-bottom: 10px;}

	.interested {padding-bottom: 20px; width:96%; margin:0 auto;}
	.content img {width: 100% !important;}
	.tag {margin-top: 30px;	margin-bottom: 30px;}
	.newswep,.about .aboutinfo {display: block;}
	.newswep .newli {border-bottom: 1px solid #ccc;	padding: 8px 0px;margin-bottom: 20px;}
	.newswep .newli .newlitit {display: block;font-size: 18px;color: #000;line-height: 18px;}
	.newswep .newli .newlidate {font-size: 14px;color: #969696;	margin: 5px 0px;}
	.newswep .newli .newlicon {	font-size: 14px;color: #969696;margin-bottom: 5px;height: 48px;	overflow: hidden;}
	.newswep .newli .newlia {color: #5f5f5f;font-size: 16px;text-align: right;}
    .cpdier_03{	padding: 30px 10px;}
    .about2::before,.qqhz::before{background-size:100% auto !important;}
    .lxwm{ padding-top:15px;}
    .lxwm .text .flex-c{ display:block;}
    .lxwm .text .lxwmbaidu,.lxwm .text dl,.lxwm .text dl div{ width:100%;}
    #container{ height:250px !important; margin-bottom:30px;}
    .lxwm .text dl h3{ font-size:20px;}
    .lxwm .text dl li{ font-size:14px; line-height:1.5; margin-bottom:10px;}
    .lxwm .text dl .add{background: url(../images/lxx03.png) left 8px no-repeat; background-size:25px auto;}
}