body img{ vertical-align: top;}
.menu-ph{ cursor: pointer; background: rgba(0,0,0,0); position: relative; width:22px; height: 22px; padding: 10px; display: none;  }
.menu-ph span{ position: absolute; width: 22px; left: 10px; top: 50%; height: 2px; background: #008cd6; transition: 0.4s all; z-index: 1000;}
.menu-ph span.c1{ transform: translate(0,-8px);  }
.menu-ph span.c3{ transform: translate(0,8px);}
.menu-ph span.c2{ transform: translate(0,0); }
.open-menu{ overflow: hidden;}
.open-menu .menu-ph span.c2{ opacity: 0; width: 0; }
.open-menu .menu-ph span.c1{ transform: rotate(45deg);}
.open-menu .menu-ph span.c3{ transform: rotate(-45deg); }

.header{ z-index: 100; position: fixed; left: 0; top: 0; right: 0; background:#fff ; transition: 0.5s all; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header-wrap{ padding: 0 75px;  position: relative; z-index: 2; }
.header-wrap .right img{ width: 18px; height: 18px;}
.header-wrap .right a,
.header-wrap .menu .a{height: 80px; line-height: 80px;    }
.header-wrap .menu li{ padding: 0 2em;}
.header-wrap .menu .a{  color: #333; display: block; position: relative;}
.header-wrap .menu .a::after{ content: ' '; position: absolute; left: 50%; bottom: 0; height: 3px; background: #008cd6; transition: 0.5s all; transform: translateX(-50%); width: 0;}
.header-wrap .right a{ padding: 0 1em; color: #333;}
.header-wrap .right .lang img{ margin-right: 0.5em;}
.header .i1{ display: none;}

.home-body .header{background:rgba(255,255,255,0.0); color: #fff;box-shadow:none;}
.home-body .header-wrap .menu .a,
.home-body .header-wrap .right a{ color: #fff;}
.home-body .header .i1{ display: block;}
.home-body .header .i2{ display: none;}

.scrollbody .header{ background: #fff; color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.scrollbody .header-wrap .menu .a,
.scrollbody .header-wrap .right a{ color: #333;}
.scrollbody .header .i2{ display: block;}
.scrollbody .header .i1{ display: none;}

.openheader.header{ background: #fff; color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.openheader .header-wrap .menu .a,
.openheader .header-wrap .right a{ color: #333;}
.openheader.header .i2{ display: block;}
.openheader.header .i1{ display: none;}


.menu-child-box{ position: fixed; left: 0; top: 80px; right: 0; z-index: 1;  }
.menu-child-box .child { visibility: hidden; opacity: 0; background: rgba(255,255,255,0.9); transform: translateY(-5px); transition: 0.5s all; position: absolute; left: 0; right: 0; }

.m2 .child2,
.m3 .child3,
.m4 .child4,
.m5 .child5,
.m6 .child6,
.m7 .child7,
.m_search .child_s,
.m_lang .child_l{   visibility: visible; opacity: 1; transform: translateY(0); box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}

.menu li.cur .a{ color: #008cd6;}
.m1 .menu li:nth-child(1) .a{ color: #008cd6;}
.m2 .menu li:nth-child(2) .a{ color: #008cd6;}
.m3 .menu li:nth-child(3) .a{ color: #008cd6;}
.m4 .menu li:nth-child(4) .a{ color: #008cd6;}
.m5 .menu li:nth-child(5) .a{ color: #008cd6;}
.m6 .menu li:nth-child(6) .a{ color: #008cd6;}
.m1 .menu li:nth-child(1) .a::after,
.m2 .menu li:nth-child(2) .a::after,
.m3 .menu li:nth-child(3) .a::after,
.m4 .menu li:nth-child(4) .a::after,
.m5 .menu li:nth-child(5) .a::after,
.m6 .menu li:nth-child(6) .a::after,
.menu li.cur .a::after{ width: 100%;}

.m_search .sear,
.m_lang .lang{ background: #008cd6; color: #fff !important;}
.m_search .sear .i2,
.m_lang .lang .i2{ display: none;}
.m_search .sear .i1,
.m_lang .lang .i1{ display: block;}

.child-ul{ padding: 3em 0;}
.child-ul li a{ width: 10vw; height: 9vw; display: block;  text-align: center; background: #fff; border-radius: 10px; margin: 0 5px; overflow: hidden; box-shadow: 2px 2px 4px rgba(0,0,0,0.05);}
.child-ul li a .img{ padding-top: 15%;}
.child-ul li a img:nth-child(2){ display: none;}
.child-ul li a img{ width: 70%; height: auto; margin: 0 auto;}
.child-ul li a:hover{ color: #fff;background: url(../images/m1bg.png); background-size: 100% 100%;}
.child-ul li a:hover img:nth-child(1) { display: none;}
.child-ul li a:hover img:nth-child(2){ display: block;}

.menu-product{ background: #f4f7fb;}
.menu-product .left{ width:30%;}
.menu-product .left ul{ padding: 1em 0;}
.menu-product .left li span{ flex: 1;}
.menu-product .left a{ padding: 10px 1.5em; margin: 0.5em 0;}
.menu-product .left li .img{ height: 17.5px;}
.menu-product .left li img{ width: 16.5px; height: 17.5px;}
.menu-product .left li img:nth-child(2){ display: none;}
.menu-product .left li.cur{ background: #fff;}
.menu-product .left li.cur img:nth-child(2){ display: block;}
.menu-product .left li.cur img:nth-child(1){ display: none;}
.menu-product .left .fr{ width: 220px;}
.menu-product .left .left2 { padding: 1em 0 2em; border-top: 1px solid #ccc;}

.menu-product .left .left2 a span{ flex: 1;}
.menu-product .left .left2 a img{ width: 20px; height: 20px;}
.menu-product .right{ background: #fff; padding: 2em 0; padding-left: 5%;}
.menu-product .right ul{ margin-right: 6em;}
.menu-product .right dt{ margin-bottom: 1em; padding-top: 0.5em;}
.menu-product .right dd li{ margin-top: 0.8em;}

.child-search{ width: 40vw; margin: 5em auto; border: 1px solid #008cd6; border-radius: 5px; background: #fff; overflow: hidden;  }
.child-search img { width: 18px; height: 18px; margin: 0 1em;}
.child-search input{ background: none;border:0;}
.child-search button{ height: 48px; background: #008cd6; border: 0; padding: 0 3em; color: #fff;}

.child-lang{ padding: 5em 0;}
.child-lang a{ margin: 0 3.5em;}

.home-banner .img_ratio{ padding-top: 100vh; position: relative; overflow: hidden;}
.home-banner .wangge{ background: url(/static/images/d.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; opacity: 0.5; }
.home-banner .video{position: absolute; left: -1px; top: -1px; width: 101%; height: 101%; margin: 0px auto; display: block; object-fit: cover;}
html{ width: 100%; height: 100%; }
body{ width: 100%;  }



.home-html{ width: 100%; overflow: hidden;}
.banner1{  position: fixed; left: 0; top: 0;  width: 100%; height: 100vh; transform: translateZ(0);-webkit-transform: translateZ(0); z-index: 1;}
.banner3{ height: 120vh;}
.banner2{ height: 100vh;}
.home-box{ position: relative; z-index: 10; background: #fff;}
.footer{ position: relative; z-index: 8;}

.home-1{ position: fixed; left: 0; width: 100%; top: 0; height: 100vh; transform: translateZ(0);-webkit-transform: translateZ(0); z-index: 0;  overflow: hidden;}
.home-1 .txtc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.home-1 .txtc img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-47%);}
.home-1 .box-11{ height: 100vh;}

.banner1 .ww{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;}
.banner1 .ww .txt{  flex: 1; padding-left: 10%; opacity: 0;  transition: 1.2s all;  transition-delay: 0.5s; transform:translateX(200px);}
.banner1 .swiper-slide-active .ww .txt{ opacity: 1; transform:translateX(0); }
.banner1 .ww .txt .art{ margin: 1.5em 0 3em;}
.banner1 .ww .txt .mr{ color: #fff;}
.banner1 .ww .txt .mr:hover img{ transform: rotateX(180deg); margin-right: 20px;}
.banner1 .ww .txt .mr img{ width: 23px; height: 22px; margin-right: 10px; transition: 0.4s all;}
.banner1 .swiper-bon1 a{ position: absolute; left: 20px; margin-top: -30px; top: 50%; z-index: 11; opacity: 0.5; transition: 0.5s all;}
.banner1 .swiper-bon1 a img{ width: 60px; height: 60px; transition: 0.6s all;}
.banner1 .swiper-bon1 a.next{ left: auto; right: 20px; transform:rotateY(180deg);}
.banner1 .swiper-bon1 a:hover{ opacity: 1;}
.banner1 .swiper-bon1 a:hover img{ transform: rotateX(180deg) scale(1.1);}
.banner1 .swiper-menu{ position: absolute; left: 0; bottom: 50px; right: 0; z-index: 100;}
.banner1 .swiper-menu:before{content: ''; position: absolute; right: 0%; top: 50%; width: 100vw;   height: 1px; background: rgba(255,255,255,0.5);}
.banner1 .swiper-menu li{ position: relative; margin-left: 10em; cursor: pointer; width: 10px; height:10px;}
.banner1 .swiper-menu li .i1{ position: absolute; width: 8px; height: 8px; border-radius: 100%; background: #fff; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px; pointer-events:none;}
.banner1 .swiper-menu li p{ border: 1px solid rgba(255,255,255,0.5); border-radius: 20px; text-align: center;  opacity: 0; color: #fff; position: relative; line-height: 1.8; display: none;}
.banner1 .swiper-menu  li p::after{ content: ''; position: absolute; left: 101%; top: 50%; width: 100vw; height: 1px; background: rgba(255,255,255,0.5);}
.banner1 .swiper-menu  li p::before{ content: ''; position: absolute; right: 101%; top: 50%; width: 100vw;   height: 1px; background: rgba(255,255,255,0.5);}
.banner1 .swiper-menu li.cur{}
.banner1 .swiper-menu li.cur .i1{ opacity: 1; background:#097fdf;}
.banner1 .swiper-menu li.cur .i1:before{ content:''; left:-2px; top:-2px; right:-2px; bottom:-2px; position:absolute; border:1px solid #fff; border-radius:100%;}
.banner1 .swiper-menu li.cur p{ opacity: 1; display: none;}
.banner1 .mouse{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 11; transition: 0.5s all;}
.banner1 .mouse img{ width: 18px; height: 25px;}
.scrollbody .banner1 .mouse{ opacity: 0;}

.wrap{ max-width: 1280px; margin: 0 auto;}
.home-news-swp{  margin: 2em 0; height: 5em; overflow: hidden; }
.home-news-swp .lg{ margin: 0 0 15px; font-size:1.5em; font-weight:bold;}
.home-news-swp .ww{height: 5em; padding: 3px 0; overflow: hidden; }


.home-1 .box{ padding-top: 45vh;}
.home-1 .txt0{ display: none;}
.home-1 .txt0 img{max-width: 720px; height: auto; width: 100%;}
.home-1 .wrap{ position:relative; z-index: 3;}

.home-1 .more .img{ border: 1px solid rgba(0,140,214,0.5); border-radius: 1000px; padding: 5px; margin-right: 1em;}
.home-1 .more img{ width: 25px; height: 25px;} 
.home-2{ background: #f5f9fd; padding: 5em 0;}
.home-2 li{ float: left; width: 837px; }
.home-2 li .w{ display: block; margin-bottom: 15px;  border-radius: 10px; overflow: hidden; position:relative; z-index:100;}
.home-2 li .w .bon{ position:absolute; right:20px; bottom:20px; border-radius:4px;  color:#fff; padding:10px; z-index:99; }
.home-2 li .w .bon img{ width:20px; margin-right:10px;}

/*.home-2 li:nth-child(1) .w .bon{ left:auto; right:20px}*/
/*.home-2 li:nth-child(2) .w .bon{ left:30px; top:50%}*/
/*.home-2 li:nth-child(3) .w .bon{ left:30px; top:70%}*/
/*.home-2 li:nth-child(4) .w .bon{ left:30px; top:70%}*/
/*.home-2 li:nth-child(5) .w .bon{  left:30px; top:50%}*/




.home-2 li .img_ratio{ padding-top:51.25448028673835%;}
.home-2 li .w img{ transition: 0.5s all;}
.home-2 li .w:hover img{ transform: scale(1.02);}
.home-2 li:nth-child(2),
.home-2 li:nth-child(5){width: 428px; margin-left: 15px; }
.home-2 li:nth-child(2) .img_ratio,
.home-2 li:nth-child(5) .img_ratio{ padding-top: 100.5%;}

.home-2 li:nth-child(3){width: 428px; }
.home-2 li:nth-child(3) .img_ratio{ padding-top: 100%;}
.home-2 li:nth-child(4){width: 409px;  }
.home-2 li:nth-child(4) .img_ratio{ padding-top: 105%;}
.home-3 .tit{ padding-top: 2em;}
.home3-box{ position: relative;}

.home3-banner{ width: 62.5%; margin: 0 auto; border-radius: 10px;}
.home3-banner .img_ratio{ padding-top:52%;}
.home3-banner .w{ position: relative; display: block;}
.home3-banner .ww{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.home3-banner .txt{ width: 40%; margin-left: 7%; margin-bottom: 5%;}
.home3-banner .txt > img{ width: 100px; height: 100px;}
.home3-banner .txt h2{ margin-top: 0.5em;}
.home3-banner .txt article{ margin: 1em 0 2em; opacity: 0.95; }
.home3-banner .txt .mr{ color: #fff;}
.home3-banner .txt .mr img{ width: 22px; height: 21px; margin-right: 10px; transition: 0.5s all;}
.home3-banner .txt .mr span{ transition: 0.5s all;}
.home3-banner .w:hover .mr img{ transform: rotateX(180deg);}
.home3-banner .w:hover .mr span{ transform: translateX(10px);}
.home3-banner-left,
.home3-banner-right{ width: 50%; position: absolute; left: -33%; top:50%; transform: translate(0,-50%);}
.home3-banner-right{ left: auto; right: -33%;}
.home3-banner-left .txt,
.home3-banner-right .txt{ transform: scale(0.8);}

.home3-box .bont a{ position:absolute; top:0; width:18%; height:100%; z-index:10;}
.home3-box .bont a.left{ left:0;}
.home3-box .bont a.right{ right:0;}

.home3-bon { margin: 2em 0;}
.home3-bon a{ display: inline-block; margin: 0 2em; position: relative;}
.home3-bon a.cur{ color: #097fdf;}
.home3-bon a::after{ content: ''; position: absolute; left: 50%; bottom: -8px; right: 50%; height: 2px ; background: #097fdf; opacity: 0; transition: 0.4s all;}
.home3-bon a.cur::after{ left: 5px; right: 5px; opacity: 1;}
html{ overflow-x: hidden; }
.home-4{ overflow: hidden; padding-bottom: 5em;}
.home4-box{ overflow: hidden; transform: translate(0,0); position: relative; width: 100%;}
.home4-box .wrap{ position: relative;}
.home4-box .left-mask{ position: absolute; background: #fff; right: 101%; z-index: 2; width: 50%; top: -5px; bottom: -5px;}
.home-4 .tit{ padding-top: 3em;}
.home4-swi{ width: 138%;}
.home4-swi{ margin: 2em -20px;}
.home4-swi .img_ratio{ padding-top:65.5%; overflow: hidden;}
.home4-swi .w{ display: block; margin: 0 20px; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); overflow: hidden;}
.home4-swi .w:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.home4-swi .w img{ transition: 0.5s all;}
.home4-swi .w:hover img{ transform: scale(1.02);}
.home4-swi .txt{ padding: 2em 2em 5em;}
.home4-swi .lab{ color: #097fdf;}
.home4-swi h2{ margin: 0.5em 0;}
.home4-swi .d{ color: #999;}
.home4-bon{ margin-top: 1em;}
.home4-bon .l{ padding: 5px ;}
.home4-bon .l a{ padding: 5px; border-radius: 100%; display: inline-block; border: 1px solid rgba(0,140,214,0.3); transition: 0.5s all;}
.home4-bon .l img{ width: 25px; height: 25px; transition: 0.5s all;}
.home4-bon .l a:hover img{ transform: rotateX(180deg);}
.home4-bon .l a:hover{ transform: scale(1.1); border-color: #0079D6;}
.home4-bon .l a:hover.left{ transform: scale(1.1) rotateY(180deg);}
.home4-bon .l .left{ transform: rotateY(180deg); margin-right: 2em;} 
.home4-bon .l .swiper-button-disabled{ cursor: default; opacity: 0.9;}
.home4-bon .r a{ color: #097fdf; position: relative;}
.home4-bon .r a::after{ content: ''; bottom: -2px; position: absolute; left: 50%; right:50%; height: 1px; background: #007dd8; opacity: 0; transition: 0.5s all;}
.home4-bon .r a:hover:after{left: 0; right: 0; opacity: 1;}

.footer{ background: #eeeeee;}
.footer_top{ padding: 4em 0;}
.footer_top article{ margin: 2em 0; line-height: 2;}
.footer_top .left{ margin-right: 10%;max-width: 330px;}
.footer_top .left dl{ width: 110px; text-align: center;}
.footer_top .left dt img{ width: 100%; height: auto;}
.footer_top .left dd{ margin-top: 5px;}
.footer_top .right ul{ justify-content: space-between;}
.footer_top .right ul dt{ padding-bottom: 0.5em; font-weight:bold;}
.footer_top .right ul dd p{ margin-top: 0.8em;}
.footer_bottom{ background: #666666; color: #fefefe; padding: 1.5em 0;}
.footer_bottom a{ color: #fefefe;}
.footer_bottom a:hover{ color: #097fdf;}
.footer_bottom .left .p1{ margin-bottom: 1em;}
.footer_bottom .left .p1 a{ display: block; float: left; margin-right: 1em; padding-right: 1em; position: relative; color: #fff;}
.footer_bottom .left .p1 a::after{ content: " "; position: absolute; right: 0; top: 50%;  width: 1px; background: rgba(255,255,255,0.5); transform: translateY(-50%); height: 1em;} 
.footer_bottom .left .p1 a::before{ content: ''; bottom: -1px; position: absolute; left: 50%; right:50%; height: 1px; background: #fff; opacity: 0; transition: 0.4s all;}
.footer_bottom .left .p1 a:hover:before{left: 0; right: 1em; opacity: 1;}


.footer_bottom .left .p1 a:last-child::after{ display: none;}
.footer .shear a{ display: inline-block; position: relative; 
     padding: 4px 5px; border-radius: 5px; margin-left: 15px;}
.footer .shear a .child{ position: absolute; bottom:110%; left: 50%; transform: translate(-50%,0); background: #fff;  text-align: center;  border-radius: 2px; transition: 0.5s all;  height: 0; overflow: hidden;  }
.footer .shear a .child .xx{padding:10px;}
.footer .shear a:hover { background: #474747;}
.footer .shear a:hover .child{ height: 160px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.footer .shear a .child img{ width: 100px; height: 100px;}
.footer .shear a .a1{ width: 25px; height: 25px;}


.right-bon{ position: fixed; right: 20px; bottom: 10%; z-index: 99;} 
.right-bon a{ display: flex; align-items: center; justify-content: center; margin: 0 0 0 auto; width: 42px; height: 42px; text-align: center; margin-top: 5px; background: #fff; border: 1px solid rgba(0,140,214,0.3); border-radius: 10px; position: relative;}
.right-bon a:hover{ background: #eaf5ff;}
.right-bon .a1:hover,
.right-bon .a1{ background: url(../images/r112.png); background-size: 100% 100%; width: 60px; height: 135px; border: 0; border-radius: 0;}
.right-bon .a1 span{ position: absolute; width: 1em; left: 31px; top: 60px; line-height: 1.1; color: #fff;transform:rotate(90deg)}
.right-bon img{ width: 32px; height: 32px;}
.right-bon a .child{ position: absolute; width: 150px; text-align: center; top: 50%; right: 150%; transform: translate(0,-50%); padding-right: 10px; opacity: 0; visibility: hidden; transition: 0.5s all; }
.right-bon a .child dl{ border-radius: 5px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border: 1px solid rgba(0,140,214,0.3); border-radius: 10px; padding: 5px 5px 10px; position: relative;}
.right-bon a .child dl::after{ content: ' '; position: absolute; right: -10px; top: 50%; width: 0; height: 0; border: 5px solid rgba(0,0,0,0); border-left-color: #097fdf; z-index: 2; transform: translate(0,-50%);}
.right-bon a:hover .child{ opacity: 1; visibility: visible; right: 100%;}
.right-bon a .child dl img{ width: 100%; height: auto;}
.right-bon #sctop{ visibility: hidden; opacity: 0; transition: 0.5s all; transform: translateY(20px);}
.scrollbody .right-bon #sctop{ visibility: visible; opacity: 1; transform: translateY(0px);}

.banner1 .ww .txt .art{transition:0.5s all; }
.scrollbody .banner1 .ww .txt .art{ opacity:0; }

.other_banner{ position: relative;}
.other_banner .img_ratio{ padding-top: 30%;}
.other_banner .txt{ position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); z-index: 10; color: #fff; width: 90%; text-transform: uppercase;}
.other_banner .txt h3{ margin-bottom: 0.5em;}
.other_banner .txt article{ max-width: 40%;}
.other_banner .bottom{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; border-top: 1px solid rgba(255,255,255,0.2);}
.other_banner .bottom .crumbs a{ color: #fff;}
.other_banner .bottom .crumbs span{ color: #fff;}

.news_banner .top,
.other_banner_down .top{ position: absolute; left: 0; right: 0; top: 0; z-index: 10; }
.other_banner_down .img_ratio{ padding-top: 21%;}

.news_banner::after{ content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; height: 6em; background: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.4),rgba(0,0,0,0));}

.other_banner_2 .txt{ top: auto; bottom: 90px; transform: translate(-50%,0);}
.other_banner_2 .txt h3{ text-transform: uppercase;}

.news_banner .img_ratio{ padding-top: 30%;}
.other_banner .txt2 { background: linear-gradient(to right,rgba(0,140,241,1),rgba(0,140,241,0)); top: auto; bottom: 0; transform: translate(0,0); left: 0; right: 0; width: auto; padding: 2em 0;}
.other_banner .txt2 h1{ /*width: 50%;*/ margin-bottom: 0.2em;}

.crumbs{ padding: 1.5em 0;}
.crumbs a{ position: relative; margin-right: 1em; padding-right: 1em;}
.crumbs a::before{ content: "/"; position: absolute; right: -2px; top: 50%; transform: translateY(-52%);}
.crumbs img{ width: 20px; height: 20px; position: relative; top: -1px;}
.crumbs-fff .crumbs a{ color: #fff;}
.crumbs-fff .crumbs span{ color: #fff;}

.about-1{ position: relative;  background:#f7f7f7;}
.about-1 .wrap{ position: relative; z-index: 2;}
.about-1 .bg{ position: absolute; left: 0; z-index: 1; top: 0; width: 100%; height: 100%; overflow: hidden;}
.about-1 .bg img,
.about-1 .bg video{position: absolute; left: -1px; top: -1px; width: 101%; height: 101%; margin: 0px auto; display: block; object-fit: cover;}

.about-1 .tab-head{ text-align: center; padding:5em 0;}
.about-1 .tab-head a{ display: inline-block; margin: 0 2em;}
.about-1 .tab-head a.cur{ color: #097fdf; position: relative;}
.about-1 .tab-head a.cur::before{ content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: #097fdf;}
.about-1-box{ padding-bottom: 5em;}
.about-1-box .tab-b{ display: none;}
.about-1-box .tab-b.cur{ display: block;}
.about-1-box .tab-b h2{ margin: 0.5em 0 1em;}
.about-1-box .tab-body{ width: 35%; margin-right: 12%; position:relative;}
.about-1-box .tab-body:hover .bon1{ opacity:1;}
.about-1-box .tab-body .bon1{ opacity:0; transition:0.5s all;}
.about-1-box .tab-body .bon1 a{ position:absolute; width:30%; justify-content:center; top:0; display:flex; height:100%; align-items:center;}
.about-1-box .tab-body .bon1 a.left1{ right:100%; transform:rotateY(180deg);}
.about-1-box .tab-body .bon1 a.right1{ left:100%;}
.about-1-box .tab-body .bon1 a img{ transform:scale(0.6);}

.about-1-box .right{ }
.about-1-box .right img{ width: 100%; height: auto;}

.mr2 {  color: #097fdf;}
.mr2 .img{width: 25px; margin-right: 10px; padding: 6px; border-radius: 100%; border: 1px solid rgba(0,140,214,0.3); transition: 0.5s all;}
.mr2 span{transition: 0.5s all;}
.mr2  img{  height: 25px;}
.mr2:hover .img{ transform: rotateX(180deg); }
.mr2:hover span{transform: translateX(6px);}


.mr3 {  color: #097fdf;}
.mr3 .img{width: 22px; margin-right: 8px; padding: 6px;  transition: 0.5s all;}
.mr3 span{transition: 0.5s all;}
.mr3  img{  height: 22px;}
.mr3:hover .img{ transform: rotateX(180deg); }
.mr3:hover span{transform: translateX(6px);}

.about-2{ background: #fff; }
.about-2 .box{padding: 5% 0;}
.about-2 .art{ width: 50%; margin: 1em auto 2.5em; line-height: 2;}
.about-2 ul{ margin: 0 -15px 3em;}
.about-2 li{ float: left; width: 25%;}
.about-2 li .w{ display: block; position: relative; margin: 0 15px 19px; border-radius: 10px; overflow: hidden;}
.about-2 li .img_ratio{ padding-top: 63%; overflow: hidden;}
.about-2 li .p{ position: absolute; padding:2em 0.7em 0.7em; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6)); color: #fff; z-index: 10;}
.about-2 li:first-child{ width: 75%; font-size: 1.25em;}
.about-2 li .img_ratio img{ transition: 0.5s all;}
.about-2 li .w:hover .img_ratio img{ transform: scale(1.05);}

.about-3{ background: #fafafa; }
.about-3 .box{padding: 5% 0;}
.about-3 li{ float: left; width: 33.33%;}
.about-3 ul{ margin: 4em -20px 4em;}
.about-3 .img_ratio{ padding-top:65.5%; overflow: hidden;}
.about-3 .w{ display: block; margin: 0 20px; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); overflow: hidden; background: #fff;}
.about-3 .w:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.about-3 .w img{ transition: 0.5s all;}
.about-3 .w:hover img{ transform: scale(1.02);}
.about-3 .txt .d{ margin-bottom: 1em;}
.about-3 .txt{ padding: 2em 2em 4em;}


/*.pro-art-1 .left .a{ display: inline-block; padding: 8px 2em; border: 1px solid #ddd; border-radius: 5px; margin-top: 2em; transition: 0.3s all;}
.pro-art-1 .left .a:hover{ background: #097fdf; color: #fff; border-color: #097fdf;}*/
.pro-art-1 .left .a1{ transition: 0.3s all; display: inline-block; height: 2.8em; line-height: 2.8em; background: #008cd6; border: 1px solid #008cd6; color: #fff; border-radius: 10px; padding: 0 3em; margin-right: 2em;margin-top: 2em;}
.pro-art-1 .left .a1:hover{ background: #fff; color: #008cd6;}
.pro-art-1 .right{ width: 60%;}
.pro-art-1 .right img{ width: 100%; height: auto;}


.pro-art-2{ background: #f8f8f8; padding: 4em 0;}
.pro-art-2 article{ line-height: 1.8;}

.pro-art-3{ padding-bottom: 5em;}
.pro-art-3 .item{ padding: 4em 0 0;}
.pro-art-3 .item dt{ margin-bottom: 1em;}
.pro-art-3 .item ul{ margin: 0 -10px;}
.pro-art-3 .item li{ float: left; width: 20%;}
.pro-art-3 .item .w{ margin: 0 10px 20px; min-height: 8.5em; border: 1px solid #e9e9e9; padding: 1em;}
.pro-art-3 .item .w .p2{ line-height:1.5; height:4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.pro-art-3 .item .w .p22{
    height:6em; -webkit-line-clamp:4;line-clamp:4;
}
.pro-art-3 .item .w:hover { border-color: #008cd6;}
.pro-art-3 .item .w .p1{ color: #666; margin-bottom: 10px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pro-art-3 .bon{ padding: 3em 0 4em;}
.pro-art-3 .bon .a1{ transition: 0.3s all; display: inline-block; height: 2.8em; line-height: 2.8em; background: #008cd6; border: 1px solid #008cd6; color: #fff; border-radius: 10px; padding: 0 3em; margin-right: 2em;}
.pro-art-3 .bon .a1:hover{ background: #fff; color: #008cd6;}
.pro-art-3 .bon .a2{ transition: 0.3s all; height: 2.8em;  color: #333; background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 0 3em;}
.pro-art-3 .bon .a2 img{ margin-right: 1em;}
.pro-art-3 .bon .a2:hover{ border-color: #008cd6; color: #008cd6;}

.pro-art-3 .shear a{ display: inline-block; position: relative; 
    padding: 2px 3px; margin-left: 20px;}
    .pro-art-3 .shear a .child{ position: absolute; bottom:110%; left: 50%; transform: translate(-50%,0); background: #fff;  text-align: center;  border-radius: 2px; transition: 0.5s all;  height: 0; overflow: hidden;  }
.pro-art-3 .shear .t{ opacity: 0.5; color: #666;}
.pro-art-3 .shear a .child .xx{padding:10px;}
.pro-art-3 .shear a:hover .child{ height: 160px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.pro-art-3 .shear a .child img{ width: 100px; height: 100px;}
.pro-art-3 .shear a .a1{ width: 30px; height: 30px;}
.pro-art-3 .shear a:hover .a1{ opacity: 0.8;}

.pro-art-4{ background: #f8f8f8; padding: 4em 0;}
.pro4-swi{ margin: 0 0 0;}
.pro4-box{ padding: 3em 0; position: relative;}
.pro4-swi .img_ratio{ padding-top:92%; }
.pro4-swi .swiper-slide{ padding: 10px 0;}
.pro4-swi .w{ margin: 0 15px 0; background: #fff; display: block; padding: 1em; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);} 
.pro4-swi .w .txt{ padding: 1em;}
.pro4-swi .w:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.pro4-bon a{ position: absolute; left: -60px; top: 50%; margin-top: -20px; padding: 7px; border-radius: 100%; border: 1px solid #ddd; transition: 0.5s all; }
.pro4-bon a.left{ transform: rotateY(180deg);}
.pro4-bon a.right{ right: -60px; left: auto;}
.pro4-bon a:hover{ border-color: #008cd6; }
.pro4-bon a:hover img{transform: rotateX(180deg);}
.pro4-bon a img{width: 35px; height: 35px; transition: 0.5s all;}

.pro-art-5{ background: #fff; padding: 4em 0;}
.pro-art-5 ul{ margin: 3em -10px 0;}
.pro-art-5 li{ float: left; width: 33.33%;}
.pro-art-5 li .img_ratio{ padding-top:100%; }
.pro-art-5 li dl{ border-radius: 10px; overflow: hidden; border: 1px solid #ddd; padding: 12px; margin: 0 10px 30px;}
.pro-art-5 li a:hover dl{ border-color: #008cd6;}
.pro-art-5 li dt{ float: left; width: 110px; margin-right: 20px;}
.pro-art-5 li dd{ overflow: hidden;}
.pro-art-5 li dd h2{ line-height: 1.8; height: 3.6em; }
.pro-art-5 li dd .d{ color: #999; margin-top: 1em; font-size: 0.8em;}


.join-1 .t{ padding: 10% 0 5%;}
.join-1 .box{ padding-bottom: 5%;}
.join-1 .left{ width: 52%; margin-right: 5%; }
.join-1 .left .edit_con_original{line-height: 2;}
.join-1 .right img{ width: 100%; height: auto; border-radius: 10px; overflow: hidden;}

.join-2{ background: #fafafa;}
.join-2 .tab-head{ padding: 3% 0 2%;}
.join-2 .tab-head a{ display: inline-block; padding: 0.5em 0; margin: 0 3em; color: #666;}
.join-2 .tab-head a.cur{ color: #008CD6; position: relative;}
.join-2 .tab-head a.cur::after{ content:''; position: absolute; height: 2px; width: 100%; bottom: 0; left: 0; background: #008CD6;}
.join-2 .t{ padding-top: 5%;}
.join-2 .tab-box{ padding-bottom: 5%;}
.join-2 .tab-box .tab-b{ display: none;}
.join-2 .tab-box .tab-b.cur{ display: block;}
.join-2 ul{ margin: 0 -20px;}
.join-2 li{ float: left; width:33.33%;}
.join-2 li .w{ display: block; margin: 40px 20px 0;}
.join-2 li .img_ratio{ padding-top: 50%; border-radius: 10px;}
.join-2 li a{ color: #333;}
.join-2 li .lab{ margin:0.7em 0 0.3em;}
.join-2 li h2{ color: #999;}

.join-3{ background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom;}

.tit-b{ padding: 5% 0 0; width: 80%; margin: 0 auto; }
.tit-b dd{ margin-top:3%; color: #666; line-height: 2;}

.join-3 .box{ padding: 12% 0 12%; }
.join-3 .box .w{ width: 580px; margin:0 auto ;  position: relative;}
.join-3 .box .w .c{ width: 100%; height: 580px;}
.join-3 .box .w li{ position: absolute; }
.join-3 .box .w li::after{ content: ''; position: absolute; width:12px; height: 12px; background:#008CD6;}
.join-3 .box .w li.c1{ text-align: center; left: 0; right: 0; top: -3em;}
.join-3 .box .w li.c1::after{ left: 50%; bottom: -18px; margin-left: -6px;}
.join-3 .box .w li.c2{ text-align: center; left: 100%; top: 24%; white-space:nowrap; }
.join-3 .box .w li.c2::after{ left:-20px; top: 50%; margin-top: -6px;}
.join-3 .box .w li.c3{ text-align: center; left: 100%; top: 72%; white-space:nowrap; }
.join-3 .box .w li.c3::after{ left:-20px; top: 50%; margin-top: -6px;}
.join-3 .box .w li.c4{ text-align: center; left: 0; right: 0; bottom: -3.5em;}
.join-3 .box .w li.c4::after{ left: 50%; top: -18px; margin-left: -6px;}
.join-3 .box .w li.c5{ text-align: center; right: 100%; top: 24%; white-space:nowrap; }
.join-3 .box .w li.c5::after{ right:-20px; top: 50%; margin-top: -6px;}
.join-3 .box .w li.c6{ text-align: center; right: 100%; top: 72%; white-space:nowrap; }
.join-3 .box .w li.c6::after{ right:-20px; top: 50%; margin-top: -6px;}

.join-4-box{width: 650px; margin: 0 auto;}
.join-4-box ul{ padding-top: 70%; position: relative; margin: 30% 0 20%;}
.join-4-box .w{ background: #fff; border-radius: 20px; padding: 2em; box-shadow: 0 0 5px rgba(0,0,0,0.05); }
.join-4-box li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.join-4-box li .bt{ position: absolute; background: #E0F1FA; padding: 1em; text-align: center; border-radius: 1em; cursor: pointer;}
.join-4-box li.c1 .bt{ left: 0; top: 0; border-bottom-right-radius: 0; transform: translate(-130%,-50%);}
.join-4-box li.c2 .bt{ right: 0; top: 0; border-bottom-left-radius: 0; transform: translate(130%,-20%);}
.join-4-box li.c3 .bt{ left: 0; bottom: 0; border-top-right-radius: 0; transform: translate(-125%,0);}
.join-4-box li.c4 .bt{ right: 0; bottom: 0; border-top-left-radius: 0; transform: translate(150%,-50%);}
.join-4-box li.cur .w{ display: block; position: relative; z-index: 2;}
.join-4-box li .w{ display: none;}
.join-4-box li.cur .bt{ background: #008CD6; color: #fff;}
.join-4-box li .w dt{ border-bottom: 1px solid #eee; padding: 0 0 0.5em; color:#008CD6;}
.join-4-box li .w dt img{ margin-right: 1em;}
.join-4-box li .w dd{ padding:2em 2em 1em;}
.join-4-box li .w dd p{ display: inline-block; margin: 0 1% 1em; color: #333; min-width: 30%;}

.join-5{ overflow: hidden;}
.join-5 .img_ratio{ padding-top: 50%;}
.join-5 .swiper-container{ overflow: visible;}
.join5box{ width: 60%; margin: 0 auto; padding: 6em 0 10em;}
.join5box .w{ border-radius: 10px; overflow: hidden; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.join5box .txt{ color: #fff; position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; padding: 4em 3em 3em; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));}
.join5box .txt h2{ margin-bottom: 0.5em;}
.join5box .txt p{ opacity: 0.8;}

.join-6{ background: #FAFAFA;}
.join-6 ul{ padding: 12% 0 10%; margin: 0 -15px;}  
.join-6 li{ float: left;}
.join-6 li a{ display: block; margin: 0 15px 30px; overflow: hidden; border-radius: 10px; position: relative;}
.join-6 li .img_ratio{ padding-top: 50%; }
.join-6 li .txt{  color: #fff; position: absolute; z-index: 2; left: 0; bottom: 0; right: 0; padding: 4em 2em 1em; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.join-6 li .txt p{ text-transform:uppercase; opacity: 0.5; margin-top: 0.5em;}
.join-6 li.c1{ width: 33%;}
.join-6 li.c1 .img_ratio{ padding-top: 171%; }
.join-6 li.c1 .txt{ bottom: auto; top: 0; padding: 2em 2em 4em; background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.join-6 li.c5,
.join-6 li.c2{ width: 40%;}
.join-6 li.c5 .img_ratio,
.join-6 li.c2 .img_ratio{ padding-top: 66.3%; }
.join-6 li.c3,
.join-6 li.c4{ width: 27%;}
.join-6 li.c3 .img_ratio,
.join-6 li.c4 .img_ratio{ padding-top: 101.9%; }

.liaojie-1{ min-height: calc(100vh - 80px); background-position: center;}
.liaojie-1 .box .txt{ width: 52%; margin: 15% auto 10%;}
.liaojie-1 .txt img{ width: 100%; height: auto;}
.liaojie-1 .txt dd{ text-align:justify; color: #fff; margin: 5em 0 2em; line-height: 2;}
.liaojie-1 .ul{ padding-bottom: 5%; margin: 0 10%; text-align: center;}
.liaojie-1 li{ float: left; width: 33.33%; color: #fff;}
.liaojie-1 li dt{ align-items: flex-end; line-height: 1; justify-content: center; margin-bottom: 1em;}
.liaojie-1 li dt .w{ position: relative;}
.liaojie-1 li dt .w p{ font-weight: bold;}
.liaojie-1 li dt em{ white-space: nowrap; margin-bottom: 0.5em; margin-left: 1em; position: absolute; left: 100%; bottom: 0; }

.liaojie-2 .t{ padding: 10% 0 5%;}
.liaojie-2 .box{ padding: 0 0 5%;}
.liaojie-2 .left{ width: 55%; margin-right: 5%;}
.liaojie-2 .right{ flex: 1;}
.liaojie-2 .video-play{ position: relative; display: block; border-radius: 10px; overflow: hidden;}
.liaojie-2 .video-play .play{ position: absolute; z-index: 3; border: 1px solid #fff; border-radius: 10px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 10px 2em;}
.liaojie-2 .video-play .play img{ width: 26px; height: auto;}
.liaojie-2 .right .img_ratio{ padding-top: 82%;}

.liaojie-3{ background: #fafafa;}
.liaojie-3 .box{ padding: 12% 0;}
.liaojie-3 .box .left{ width: 45%; margin-right: 5%;}
.liaojie-3 .left ul{ margin: 0 -20px;}
.liaojie-3 .left li{ float: left; width: 50%;}
.liaojie-3 .left li .w{ margin: 0 20px;}
.liaojie-3 .left li .img_ratio{ padding-top: 133%;}
.liaojie-3 .left li .txt{ background:url(/static/images/a1/b1.jpg) #008cd6 right top ; background-size: auto 100%; background-repeat: no-repeat; color: #fff; padding: 1em 1.5em;}

.liaojie-3 .box .left1{ width: 25%; margin-right: 5%;}
.liaojie-3 .left1 ul{ margin: 0 -20px;}
.liaojie-3 .left1 li{ float: left; width: 100%;}
.liaojie-3 .left1 li .w{ margin: 0 20px;}
.liaojie-3 .left1 li .img_ratio{ padding-top: 133%;}
.liaojie-3 .left1 li .txt{ background:url(/static/images/a1/b1.jpg) #008cd6 right top ; background-size: auto 100%; background-repeat: no-repeat; color: #fff; padding: 1em 1.5em;}

.liaojie-3 .right .t5 img{ width: 165px; height: auto;}
.liaojie-3 .right .t2{ margin: 0.2em 0 0.6em; }
.liaojie-3 .right .t3{ line-height:2; height: 8em; overflow: hidden;}
.liaojie-3 .right.open .t3 {height: auto; }
.liaojie-3 .right .c2{ display: none;}
.liaojie-3 .right.open .c1{ display: none;}
.liaojie-3 .right.open .c2{ display: block;}
.liaojie-3 .right .t4{ padding: 3em 0;}

.liaojie-4{ background-color: #f8fcfe; background-size: 100% auto; background-position: bottom center; background-repeat: no-repeat;}
.liaojie-4 .tab-box{ padding: 5% 0;}
.liaojie-4 .left{ width: 35%;}
.liaojie-4 .left .tit{ line-height: 1.2;}
.liaojie-4 .left .tab-head { position: relative; margin-top: 1em; margin-left: 10px; padding: 1em 0 0.5em; width: 6em;}
.liaojie-4 .left .tab-head::after{ position: absolute; content: ''; left: 6px; top: 0; bottom: 0; width: 1px; background: #cacaca; z-index: 0;}
.liaojie-4  .tab-head li{ position: relative; z-index: 2; padding-left: 1.5em; margin-bottom: 0.5em; cursor:pointer;}
.liaojie-4  .tab-head li span{ display: inline-block;}
.liaojie-4  .tab-head li::after{ content: ''; position: absolute; left: 0; top: 50%; border: 1px solid #cacaca; background: #fff; transform: translate(0,-50%); width: 10px; height: 10px; border-radius: 100%;}
.liaojie-4  .tab-head li.cur::after{ transform:translate(0,-50%) scale(1.5); border-color: #008CD6;}
.liaojie-4  .tab-head li.cur span{ transform: scale(1.5); transform-origin: left center; color: #008CD6;}
.liaojie-4 .right{ flex: 1;}
.liaojie-4 .right .t{margin-bottom: 10px;}
.liaojie-4 .right li{ margin-bottom: 1em;}
.liaojie-4 .right dt{ float: left; width: 200px; border-radius: 1em; background: #e1f2fa; display: block; margin-right: 2em; color: #5fa4c9;}
.liaojie-4 .right dt .box{padding-top: 60%;  position: relative;  border-radius: 1em; overflow: hidden;}
.liaojie-4 .right dd{ overflow: hidden;}
.liaojie-4 .right dt .img_ratio{ width: 100%; position: absolute; height: 100%;} 
.liaojie-4 .right dt .w{ position: absolute; width: 100%; height: 100%; justify-content: center;  left: 0; top: 0;}
.liaojie-4 .right dd{ line-height: 2; color: #666;}
.liaojie-4 .right dd .p1{ margin-bottom: 0.5em;}

.liaojie-5 .t{ padding: 5% 0 0%;}
.liaojie-5 ul{ padding: 5% 0 8%; margin: 0 -30px;}
.liaojie-5 li{ float: left; width: 50%;  text-align: center;}
.liaojie-5 li:nth-child(1) dl,
.liaojie-5 li:nth-child(2) dl{ border-top: 1px solid #ddd;}
.liaojie-5 li dl{ margin: 0 30px 0; padding: 2em 1em 2em; border-bottom: 1px solid #dddddd;  cursor: pointer; position: relative;}
.liaojie-5 li dl::after{ content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotateX(0);  right: 1em; text-align: center; background: url(../images/j4.png); background-size: 100% 100%; width: 24px; height: 24px; transition: 0.5s all; }
.liaojie-5 li dl:hover::after{ transform:translateY(-50%) rotateX(180deg); }
.liaojie-5 li dl:hover{ box-shadow: 3px 3px 10px rgba(0,0,0,0.1); border-radius: 10px;}
.liaojie-5 li dd { display: flex; align-items: center;}
.liaojie-5 li dd .p1{ font-size: 1.6em; margin-right: 1em;}
.liaojie-5 li dd .p2{ color: #008CD6;}             
.liaojie-5 li dd article{ display: none;}

body .demo-liaojie{ border-radius: 20px;}
body .demo-liaojie .layui-layer-title{ display: none;}
body .demo-liaojie2 .layui-layer-title{ display: block;}
.demo-liaojie .dlbox{ padding:2em 2em 10px;}
.demo-liaojie .dlbox2{line-height:2; }
.demo-liaojie .layui-layer-setwin { right: 20px; top: 20px;}
.demo-liaojie .layui-layer-setwin a::after{ position: absolute; content: ''; border: 2px solid #666; border-radius: 100%; left: -8px; top:-8px; right: -6px; bottom: -6px;}
.demo-liaojie .layui-layer-setwin a{ margin-left: 0;}
.demo-liaojie .p1{ font-size: 1.8em;}
.demo-liaojie .p2{ color: #007dd8; margin: 0.5em 0 1em;}
.demo-liaojie .art{ line-height: 2;}

.liaojie-6{ color: #fff;}
.liaojie-6 .box{ padding: 5% 0 7%;}
.liaojie-6 .t3{ display: flex;}
.liaojie-6 .t3 .img{ border: 1px solid rgba(255,255,255,0.2); border-radius: 100%;}
.liaojie-6 .t3 a{ color: #fff; margin-right: 3em;}
.liaojie-6 .t2{ max-width: 420px; margin: 0 0 2em;}
.liaojie-6 ul{ margin: 8% 0 5%;}
.liaojie-6 li{ float: left; text-align: center; margin-right: 5%; }
.liaojie-6 li .w .p1{ font-weight: bold;}

.brand-1 .box{ padding: 10% 0;}
.brand-1 .art{ line-height: 1.8;}
.brand-1 .img{ margin: 5% 0 2%;}
.brand-1 .img img{ max-width: 100%; height: auto;}

.brand-2 { background-position: center;}
.brand-2 .box{ padding: 5% 0;}
.brand-2 h2{ margin-bottom: 5%; text-align: center;}
.brand-2 .right{  justify-content: space-between;}
.brand-2 .right .item{ width: 48%; box-sizing: border-box; border-radius: 10px; margin-bottom: 2em; padding:1em 2em; color: #fff;}
.brand-2 .right .item dt{ margin-bottom: 0.5em;}
.brand-2 .right .item dd{ min-height: 12em; transform: scale(0.8); transform-origin:left top;}

.brand-3 .box{ padding: 5% 0;}
.brand-3 .box .left li{ float: left; width: 20%;}
.brand-3 .box .left li dl{ margin-right:20px; height: 260px; box-sizing: border-box; padding: 1em 1.5em; color: #fff; border-radius: 10px;}
.brand-3 .box .left li dt{ padding: 0.5em 0 1em;}
.brand-3 .box .left li dd{ white-space:nowrap; transform: scale(0.8); transform-origin:left top;}
.brand-3 .box .t1 .right{ width: 380px; border-radius: 10px; overflow: hidden;}
.brand-3 .box .t1 .right img{ height: 260px;}
.brand-3 .txt{ padding-bottom: 5%;}
.brand-3 .txt dt{ text-align: center;}

.brand-4{ background-position: center;}
.brand-4 .box{ padding: 8% 0;}
.brand-4 .left{ float: left; width: 50%; margin-right: 5%;}
.brand-4 .left img{ width: 100%; height: auto;}
.brand-4 .right article{  width: 80%;}

.culture-art .img_ratio{padding-top: 57.5%; border-radius: 10px; overflow: hidden; box-sizing: 0 0 5px rgba(0,0,0,0.5);}
.culture-art{ overflow: hidden; padding: 5% 0;}
.culture-art .culture-swiper{ width: 60%; margin: 0 auto;}
.culture-art .swiper-container{ overflow: visible;}
.culture-art .bont { padding: 5% 0 0; color: #008CD6;}
.culture-art .bont span{ margin: 0 1em;}
.culture-art .bont img{ width: 25px; height: 25px; vertical-align: top;}
.culture-art .bont a{ width: 25px; height: 25px; padding: 5px; border: 1px solid #008CD6; border-radius: 100%; display: block;}
.culture-art .bont a.left{ transform: rotateY(180deg);}
.culture-art .bont a img{ transition: 0.5s all;}
.culture-art .bont a:hover img{ transform: rotateX(180deg);}

.honor-1 .box{ padding:5% 0;}
.honor-1 .t2{ text-align: center; padding: 2% 0 4%;}
.honor-1 .t2 a{ display: inline-block; margin: 0 3em; padding: 0.5em 0; position: relative;}
.honor-1 .t2 a.cur{ color: #008CD6;}
.honor-1 .t2 a.cur::before{ content: ' '; position: absolute; left:10px; right: 10px; bottom: 0; height: 2px;  background: #008CD6; }
.honor-1 .demo-gallery{ overflow: hidden; margin: 0 -10px;}
.honor-1 .demo-gallery a{ float: left; width:25% ;}
.honor-1 .demo-gallery .img_ratio{ padding-top: 60%;}
.honor-1 .demo-gallery .w{ margin: 0 10px 30px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.honor-1 .demo-gallery .txt{ padding: 1.5em 1.5em;}
.honor-1 .demo-gallery .txt article{ line-height: 1.8; height: 7.2em;}
.honor-1 .demo-gallery .txt .d{ margin-bottom: 0.5em;}
.honor-1 .demo-gallery a:hover .w{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}

.status-1 .box{ padding: 5% 0;}
.status-1 .t{ margin-bottom: 3%;}
.status-1 ul{ margin: 0 -20px;}
.status-1 li{ float: left; width:33.33%;}
.status-1 li dl{ border: 1px solid #eee; box-shadow: 0 1px 1px rgba(0,0,0,0.05); border-radius: 8px; margin: 0 20px 40px; overflow: hidden;     align-items: flex-start;
    height: 200px;
    justify-content: center;
    flex-flow: column;position:relative;}
.status-1 li dt{  width: 140px; position:absolute;right:0px;bottom:10px;}
.status-1 li dd{ }
.status-1 li dd .w{padding:1em 1em 1em 2em;}
.status-1 li dd{ overflow:hidden; }
.status-1 li dd h3{ color: #008CD6; margin-top: 0.5em;}
.status-1 li dt .img_ratio{ padding-top: 70%;}
.status-1 li:hover dl{ box-shadow:2px 2px 5px rgba(0,0,0,0.1) ;}

.society-1{ background-position: center;}
.society-1 .box{ padding: 10% 0 10%;}
.society-1 .left{ width: 480px; margin-right: 100px;}
.society-1 .left .img_ratio{ padding-top: 135%;  border-radius: 10px; overflow: hidden;}
.society-1 .right{ flex: 1;}
.society-1 .right .t2{ margin: 3em 0 2em; line-height: 1.8;}
.society-1 .right ul{ width: 90%; margin: 0 -15px;}
.society-1 .right li{ float: left; width: 33.33%; text-align: left; }
.society-1 .right li .w{ display: block; margin: 0 15px 40px; color: #1A93D8;}
.society-1 .right li .w:hover{ color: #006aa3;}
.society-1 .right li .w .img_ratio{ padding-top: 43%; border-radius: 10px; margin-bottom: 0.5em;}
.society-1 .right li .w p{ margin-top: 0.5em;}
.society-1 .right li .img{ height: 16px; margin-left: 0.3em;}
.society-1 .right li .img img{ width: 16px; height: 16px;}
.society-1 .right li .w:hover .img img{ transform: rotateX(180deg) translateX(5px);}

.society-2 .box{ padding: 6% 0 9%;}
.society-2 ul{ margin: 0 -14px;}
.society-2 li{ float: left; width: 25%;}
.society-2 li a{ display: block; border: 1px solid #eee; margin: 0 14px 28px; border-radius: 10px; overflow: hidden; position: relative;}
.society-2 li .img_ratio{ padding-top: 135%;}
.society-2 li .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; background: rgba(0,121,214,0.8); opacity: 0; transition: 0.5s all;}
.society-2 li .txt img{ display: block; margin: 0 auto 2em; width: 26px; height: auto;}
.society-2 li .txt span{ display: inline-block; border: 1px solid #fff; border-radius: 10px; padding: 5px 2em; color: #fff;}
.society-2 li a .txt span:hover{ background: #fff; color: #008CD6;}
.society-2 li a:hover .txt{ opacity: 1;}

.society_art{ padding: 5% 0;}
.society_art .t1{ margin-bottom: 2%;}

.culture-list .box{ padding: 5% 0;}
.culture-list .t2{ text-align: center; padding: 0 0 4%;}
.culture-list .t2 a{ display: inline-block; margin: 0 3em; padding: 0.5em 0; position: relative;}
.culture-list .t2 a.cur{ color: #008CD6;}
.culture-list .t2 a.cur::before{ content: ' '; position: absolute; left:10px; right: 10px; bottom: 0; height: 2px;  background: #008CD6; }
.culture-list ul{ overflow: hidden; margin: 0 -20px;}
.culture-list ul li{ float: left; width:33.33% ;}
.culture-list ul .img_ratio{ padding-top: 65.5%;}
.culture-list ul .w{ display: block; margin: 0 20px 40px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.culture-list ul .txt{ padding: 1.5em 1.5em;}
.culture-list ul .txt article{ line-height: 1.8; height: 5.4em;}
.culture-list ul .txt .d{ margin-bottom: 0.5em;}
.culture-list ul a:hover { box-shadow: 2px 2px 8px rgba(0,0,0,0.05); background: #fbfcff;}

.news-1 .box{ padding: 5% 0;}
.news-1 .box2 { margin: 3% 0 3%;}
.news-1 .left{ width: 55%; margin-right: 30px; border-radius: 12px; overflow: hidden; background: #F7F7F7; }
.news-1 .left .txt{ padding:1.5em 2em;}
.news-1 .left .img_ratio{ padding-top: 63%; }
.news-1 .box2 .ellipsis-2{ line-height: 1.8; height: 3.6em;}
.news-1 .right{ flex: 1;}
.news-1 .right dt{ float:left; width: 190px; margin-right: 20px;}
.news-1 .right dd{ flex: 1;}
.news-1 .right .img_ratio{ padding-top: 66%; border-radius: 10px; }
.news-1 .d{ margin-bottom: 0.8em;}
.news-1 .right li{ margin-bottom: 30px;}
.news-1 .right li:last-child{ margin: 0;}

.news-2{ background: #fafafa;}
.news-2 .box{ padding: 5% 0;}
.news-2 .img_ratio{ padding-top: 48%;}
.news-2 .swiper{overflow: hidden; border-radius: 10px;}
.news-2 .w{  position: relative; display: block; }
.news-2 .w .d{ margin-top: 1em;}
.news-2 .txt{ z-index: 3; color: #fff; position: absolute; left: 0; bottom: 0; right: 0; padding: 4em 2em 2em; background: linear-gradient(to bottom,rgba(0,140,214,0),rgba(0,140,214,0.8));}
.news-2 .swi-box{ position: relative; margin: 2% 0;}
.news-2 .swi-box .bon a{ position: absolute; top: 50%; margin-top:-30px; padding: 10px; border: 1px solid rgba(0,140,214,0.2);  border-radius: 100%; transition: 0.5s all;}
.news-2 .swi-box .bon a.left{ left: -70px; transform: rotateY(180deg);}
.news-2 .swi-box .bon a.right{right: -70px;}
.news-2 .swi-box .bon a img{ width: 25px; height: 25px; position: relative; transition: 0.5s all;}
.news-2 .swi-box .bon a:hover img{ transform: rotateX(180deg);}
.news-2 .swi-box .bon a:hover{ border-color: #008CD6;}

.news-3 .box{ padding: 5% 0 3%;}
.news-3 ul{  margin: 4% -20px;}
.news-3 ul li{ float: left; width:33.33% ;}
.news-3 ul .img_ratio{ padding-top: 56%;}
.news-3 ul a{ display: block; margin: 0 20px 40px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.news-3 ul .txt{ padding: 1.5em 1.5em;}
.news-3 ul .txt article{ line-height: 1.8; height: 3.6em;}
.news-3 ul .txt .d{ margin-bottom: 0.5em;}
.news-3 ul .img{ position: relative;}
.news-3 ul a:hover{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}
.news-3 ul a:hover .play{ background-color: rgba(0,121,214,0.5);}
.news-3 ul .play{ position: absolute; z-index: 3; border: 1px solid #fff; border-radius: 10px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 10px 2.5em; background: rgba(51,51,51,0.2);}
.news-3 ul .play img{ width: 26px; height: auto;}

body .pages{ padding: 2% 0 2%;}
body .pages a,
body .pages span{ padding: 0; min-width: 40px; text-align: center; margin: 0 4px; height: 40px !important; line-height: 40px !important;}
body .pages .layui-laypage-prev,
body .pages .layui-laypage-next{ padding: 0 1em;}
body .pages a:hover,
body .pages span:hover{ color: #008CD6;}
body .layui-laypage input:focus{ border-color: #008CD6 !important;}
body .layui-laypage .layui-laypage-curr .layui-laypage-em{ background: #008CD6;}
body .layui-laypage input,
body .layui-laypage button{ height: 40px; line-height: 40px;}

.news-list .box{ padding: 5% 0;}
.news-list-ul{ padding: 5% 0 0%; margin: 0 -20px;}
.news-list-ul li{ float: left; width:33.33% ;}
.news-list-ul .img_ratio{ padding-top: 56%;}
.news-list-ul a{ display: block; margin: 0 20px 40px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.news-list-ul .txt{ padding: 1.5em 1.5em;}
.news-list-ul .txt article{ line-height: 1.8; height: 5.4em;}
.news-list-ul .txt .d{ margin-bottom: 0.5em;}
.news-list-ul .img{ position: relative;}
.news-list-ul a:hover{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}

.news-list2-ul{ padding: 3% 0 0;}
.news-list2-ul li{ background: #FAFAFA; border-radius: 10px; margin-bottom:36px; overflow: hidden;}
.news-list2-ul li .item{ display: block;}
.news-list2-ul li .img_ratio{ padding-top: 50%;}
.news-list2-ul li .img2{ float: left; width:48%; border-radius: 10px; overflow: hidden;}
.news-list2-ul li .txt{ overflow: hidden; padding: 3em 3em 1em;}
.news-list2-ul li .art{ margin: 1.8em 0;}
.news-list2-ul li .art .oh{ color: #999;}
.news-list2-ul li .art p{ margin-bottom: 0.5em;}


.network{ background: #007dd8; color: #fff;}
.network .edit_con_original{ color: #fff;}

.network-1 .box{ padding: 5% 0 10%;}
.network-1 .tit{ margin-bottom: 1em;}
.network-2 .tab-a{ display: inline-block; margin: 0 2em; border-radius: 8px; border: 1px solid #fff; padding: 0.3em 1.5em; cursor: pointer; min-width: 4em; text-align: center; color: #fff;}
.network-2 .tab-a.cur{ color: #007dd8; background: #fff;}
.network-2 .tab-b{ display: none; text-align: center;}
.network-2 .tab-b img{max-width: 100%; height: auto;}
.network-2 .tab-b.cur{ display: block;}
.network-3 ul{ padding: 5% 0 10%; max-width: 60%; margin:0 auto; justify-content: space-between;}
.network-3 ul dt{ margin-bottom: 1em;}
.network-3 ul dt img{ width: 60px; height: 60px;}
.download-1 .box{ padding: 6% 0 0%;}
.download-1 ul{ margin:0 -15px;}
.download-1 li{ float: left; width: 25%;}
.download-1 li{ float: left; width:25% ;}
.download-1 li .img_ratio{ padding-top: 60%;}
.download-1 li .w{ margin: 0 15px 30px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.download-1 li .txt{ padding: 1em 1.5em;}
.download-1 li .txt .d{ margin: 0.8em 0; justify-content: space-between;}
.download-1 li .txt .p{ width: 90%; margin: 0 auto; padding: 1em 0; justify-content: space-between;}
.download-1 li .txt .p a{ width:5em; text-align: center; padding: 0.3em 1em; border-radius: 20px; border: 1px solid #008CD6; color: #008CD6;}
.download-1 li .txt .p a:hover{ background-color: #fafafa; }
.download-1 li .txt .p a.a2{ color: #fff; background: #007dd8;}
.download-1 li .txt .p a.a2:hover{ background: #006aa3; border-color: #006aa3;}

.download-1 li:hover .w{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}

.download-2 .box{ padding: 6% 0 9%;}
.download-2 ul{ margin: 0 -14px;}
.download-2 li{ float: left; width: 25%;}
.download-2 li a{ display: block; border: 1px solid #eee; margin: 0 14px 28px; border-radius: 10px; overflow: hidden; position: relative;}
.download-2 li .img_ratio{ padding-top: 135%;}
.download-2 li .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; background: rgba(0,121,214,0.8); opacity: 0; transition: 0.5s all;}
.download-2 li .txt img{ display: block; margin: 0 auto 2em; width: 26px; height: auto;}
.download-2 li .txt span{ display: inline-block; border: 1px solid #fff; border-radius: 10px; padding: 5px 2em; color: #fff;}
.download-2 li a .txt span:hover{ background: #fff; color: #008CD6;}
.download-2 li a:hover .txt{ opacity: 1;}

.pro-2{ position: relative; overflow: hidden;  color: #fff; margin: 5% 0 0; background: linear-gradient(90deg, #0079D6 0%, #019CEE 100%);}
.pro-2 .wrap{ position: relative;}
.pro-2 .box{ position: absolute; left: 0; transform: translateY(-50%); top: 50%; max-width: 720px; bottom: 0;}
.pro-2 .bg{ float: right; margin-right: -10%;}
.pro-2 .mr3{ color: #fff;}
.pro-2 .mr3 .img{ border: 1px solid rgba(255,255,255,0.4); padding: 8px; border-radius: 100%;}
.pro-2 ul{ justify-content:space-between; margin: 3em 0; }
.pro-2 ul li{ text-align: center; line-height: 1.8;}
.pro-2 ul li dt{ margin-bottom: 0.5em;}
.pro-2 .t2{ max-width: 70%; line-height: 2; margin-top: 1em;}

.pro-3 .box{ padding: 5% 0;}
.pro-3 .left{ margin-right: 10%; max-width: 50%;}
.pro-3 .left img{ width: 100%; height: auto;}
.pro-3 .right{color: #474747;}

.pro-3 h3{ text-transform:uppercase; margin:1em 0 2em;}

.prolist-1 .box{ padding: 9% 0;}
.prolist-1 .left { width: 41%; margin-right:5%;}
.prolist-1 .left .img_ratio{ padding-top: 81%; }
.prolist-1 .right .t1{ margin:0 0 0.8em;}
.prolist-1 .right article{ max-height: 17.2em; overflow: hidden; margin-bottom: 1em;}
.prolist-1 .right.open article{ max-height:none;}
.prolist-1 .right .c2{ display: none;}
.prolist-1 .right.open .c1{ display: none;}
.prolist-1 .right.open .c2{ display: block;}

.prolist-2 { background: #F4F4F4;}
.prolist-2 .box{ padding: 5% 0;}
.prolist-2 ul{ margin: 3% -12px 0;}
.prolist-2 li{ float:left; width: 33.33%;}
.prolist-2 li a{ padding: 1em 1em; display: block; margin: 0 12px 24px; background: #fff; border: 1px solid #E5E5E5;}
.prolist-2 li a:hover{box-shadow: 0px 0px 15px 1px rgba(146,146,146,0.2);}

.prolist-3 { background: #fff;}

.prolist-art-1{ position: relative; z-index: 3; background: #F8F8F8;}
.prolist-art-1 .top{ position: relative; background: #fff; padding:2em 2em 1em; border-radius: 10px; top: -7em;}
.prolist-art-1 li{ display:inline-block; min-width: 24%; margin-bottom: 1em; }
.prolist-art-1 li.cur a{ color: #007dd8; text-decoration: underline;}
.prolist-art-1 .box{ position: relative;top: -4em;}
.prolist-art-1 .box article{ line-height: 1.8; margin-top: 2em; text-indent: 2em;}

.prolist-art-2 .wrap{ position: relative;}
.prolist-art-2 .box{ padding: 3% 0 0;}
.prolist-art-2 .item{ padding-bottom: 4%;}
.prolist-art-2 .tit h3{  text-transform: uppercase;}
.prolist-art-2 .tit h3::before{ content: ''; width: 35px; height: 15px;  background: linear-gradient(90deg, #0F89E4 0%, #FFFFFF 100%);}
.prolist-art-2  .img_ratio{ padding-top:92%; }
.prolist-art-2  .img_ratio img{ object-fit:contain}
.prolist-art-2 .box  ul{ margin: 0 -15px;}
.prolist-art-2 .box  li{  float: left; width:25% ; padding-bottom:8px;}
.prolist-art-2 .w{ margin: 17px 12px 0; background: #fff; display: block; padding: 1em; position:relative; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0,0,0,0.15); } 
.prolist-art-2  .w .txt{ padding: 1em;}
.prolist-art-2 li:hover  .w{box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}


@media only screen and (min-width:1100px) {
    
.pro4-swi .swiper-slide{position: relative; overflow:hidden;}

   .prolist-art-2 .box li{ position: relative; overflow:hidden;}
     /*.prolist-art-2 .box li:hover::after{ content: ''; position: absolute; left: 50%; top: 35%; margin: -10px 0 0 -5px; border: 5px solid rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0.5);}*/
     .pro4-swi .swiper-slide:before,
  .prolist-art-2 .box li:before { content: attr(data-content); position: absolute; border-radius: 10px; z-index: 10; bottom:8px; top: 17px; right: 12px; left: 12px; background: rgba(0,0,0,0.77); color: #fff; padding: 1.5em; opacity:0; visibility:hidden; transition:0.5s all;   pointer-events: none; overflow:hidden;  transform:translateY(105%); text-align: justify;}
   .pro4-swi .swiper-slide:hover:before,
  .prolist-art-2 .box li:hover:before{opacity:1; visibility:visible; transform:translateY(0)}
.pro4-swi .swiper-slide:before{bottom:10px; top: 10px; right: 15px; left: 15px;}

}

.pro-right-menu{ position: absolute; left:102%; top: 0; white-space: nowrap; padding-bottom: 2em; }
.pro-right-menu ul{ padding-top:3em ; position: relative; min-height: 50vh;}
.pro-right-menu ul::after{ content: ''; position: absolute; left: 4px; top: 0; width: 1px; height: 100%; background: #eee; z-index: 1;}
.pro-right-menu li{ cursor: pointer; z-index: 2; position: relative; padding-left: 1.5em; margin-top: 1em;}
.pro-right-menu li::after{ content: ''; width: 10px;  height: 10px;  background: #E5E5E5;  border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.pro-right-menu li.cur { color: #0079D6;}
.pro-right-menu li.cur::after{ background-color: #0079D6;}

.pro-right-menu.fex ul{ position: fixed; top: 80px;}

.setmap li{ padding: 3% 0;}
.setmap li:nth-child(2n){ background: #FAFAFA;}
.setmap li dt{min-width: 8em; margin-right: 1em; position: relative; }
.setmap li dt a{ position: relative;}
.setmap li dt a::after{ content: ''; position: absolute; left: 0; bottom: -6px; height: 2px; width: 1.5em; background: #008CD6; transition: 0.5s all;}
.setmap li dt a:hover::after{ width: 100%;}
.setmap li dd{ flex: 1; margin: 0 -10px;}
.setmap li dd p{ float: left; width: 33.33%;}
.setmap li dd p a{ padding: 0.8em 1em; border: 1px solid #e5e5e5; margin: 12px 12px ;}
.setmap li dd p a span{ flex: 1;}
.setmap li dd p a:hover{ background: #0079D6; border-color: #0079D6; color: #fff;}

.contact .box{ padding: 2% 0;}
.contact li{ padding: 5% 0; border-bottom: 1px solid #D8D8D8;}
.contact li:last-child{  border-bottom: 0;}
.contact li .left{ width: 46%; margin-right: 5%;}
.contact li .img_ratio{ padding-top: 50%; border-radius: 10px; overflow: hidden;}
.contact li .right .t1{ color: #007dd8;}
.contact li .right article{ margin: 1em 0;}
.contact li .right article p{ margin-bottom: 0.5em;}
.contact li .right article p:last-child{ margin-bottom: 0;}

.contact22{ background: #fbfbfb;}
.contact22 .box{ padding: 2% 0;}
.contact22 ul{ margin: 0 -30px 0;}
.contact22 li{ padding: 0 0;  float: left; width: 50%; }
.contact22 li .ww{ background: #fff; padding:2em 3em; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0,0,0,0.05); margin: 0 30px 60px; min-height: 220px;}
.contact22 li .right .t1{ color: #007dd8;}
.contact22 li .left{ width: 46%; margin-right: 5%;}
.contact22 li .img_ratio{ padding-top: 50%; border-radius: 10px; overflow: hidden;}
.contact22 li .right article{ margin: 1em 0;}
.contact22 li .right article p{ margin-bottom: 0.5em;}
.contact22 li .right article p:last-child{ margin-bottom: 0;}

.cont-tt{ padding: 4% 0 4%;}

.contact-art .box{ padding: 5% 0;}
.contact-art .top { padding-bottom: 5%;}
.contact-art .top .item2{ margin: 0 30px;}
.contact-art .top .item3 a{ height: 38px; background: #008CD6; padding: 0 2em; border-radius: 5px; color: #fff;}
.contact-art .top .item3 a img{ margin-right: 10px;}
body .layui-form-select dl dd.layui-this{ background: #007dd8;}

.contact-art .table table{ width: 100%;}
.contact-art .table thead td{ background: #f6f9fe; text-align: center; padding:1.2em 0;}
.contact-art .table td{ padding: 1.5em 1em; border-bottom: 1px solid #ddd;}
.contact-art .table tbody tr:nth-child(2n){ background: #fcfcfc;}
.contact-art .table tbody tr:last-child td{ border: 0;}

.other-art .box{ padding: 5% 0;}
.other-art .tit{ margin-bottom: 5%;}

.news-details .box{ padding: 5% 0 2%;}
.news-details .bottom{ padding-top: 5%;}
.news-details .bottom .left a{ display: inline-block; color: #666;}
.news-details .bottom .left a:hover{ color: #008CD6;}
.news-details-2{ background: #fff; border-top: 1px solid #eee;}
.shear22{  color: #808080;}
.shear22 a{ display: inline-block; position: relative; background: #fff; border-radius: 4px; padding: 2px 3px; margin-right: 5px;}
.shear22 a:hover{ background: #eee;}
.shear22 a .child{ position: absolute; bottom:110%; left: 50%; transform: translate(-50%,0); background: #fff;  text-align: center;  border-radius: 2px; transition: 0.5s all;  height: 0; overflow: hidden; }
.shear22 a .child .xx{padding:5px 5px 10px;}
.shear22 a:hover .child{ height: 140px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.shear22 a .child img{ width: 100px; height: 100px;}
.shear22 a .a1{ width: 25px; height: 25px;}

.demo-video video{ vertical-align: top; width: 100%; height: 100%; background: #000; }


.txt_animate{ opacity: 0; line-height: 1.1;}
.txt_animate span{ position: relative; display: inline-block; overflow: hidden;}
.txt_animate span i{ display: inline-block; position: relative; transform: translateY(1em); opacity: 0; transition: 0.5s all;}
.txt_animate.animated{ opacity: 1;}
.txt_animate.animated span i{ opacity: 1; transform: translateY(0); }

.search-tt{ background: #f8f8f8;}
.search-title{  padding: 0 0 0;}
.search-title .t1 { margin: 1% auto 2%; background: #fff; align-items:center; width: 50%;  border-radius: 10px; padding-right: 10px; border: 1px solid #007dd8; overflow: hidden;  position: relative;}
.search-title .t1 input{ border: 0; padding: 10px 10px 10px 20px; width: 100%; padding-left: 2.5em; background: url(../images/s22.png) no-repeat 10px center; background-size: 21px 21px;}
.search-title .t1 input::placeholder{ color: #aaa;}
.search-title .t1 button{ background: #007dd8; width: 6em; text-align: center; color: #fff; border: 0; position: absolute; top: 0; bottom: 0; right: 0; z-index: 2;}


.search-top { padding: 5% 0 3%;}
.search-top a{ margin:0  1em 0; position: relative; padding: 0.2em 2em;  border: 1px solid #ddd; border-radius: 10px;}
.search-top a.cur{ color: #fff; border-color: #008CD6; background: #008CD6; }


.search-box1 .tab-b{ display: none;}
.search-box1 .tab-b.cur{ display: block;}
.search-box1{ padding-bottom: 2%;}
.search-box1 .prolist-art-2{ padding-bottom: 2%;}
.search-title .t2{ padding: 1em 1em;  background: #fafafa; border-radius: 10px; position: relative; padding-left: 2em; }
.search-title .t2::after{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.5em; height: 1em; background: linear-gradient(to right,rgba(0,120,215,1),rgba(0,120,215,0));}

.bor-bottom{ border-bottom: 1px solid #eee;}
.search-list{ padding: 2% 0 5%;}
.search-list ul{ padding-bottom: 2%;}
.search-list li{ border-bottom: 1px solid #eee; padding: 2% 1%;}

.investor-box .box{ padding: 5% 0 6%; display: flex;}
.investor-box .left{ width: 65%; margin-right: 5%; }
.investor-box .t{ margin-bottom: 1em;}
.investor-box .right{ flex: 1;}
.inv-1 ul{ margin: 0 -10px 2em;}
.inv-1 li{ float: left; width: 50%;}
.inv-1 li .w{ display: block; margin: 0 10px 3em; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.08); padding: 1.5em 1.5em 2em; }
.inv-1 li .w .img_ratio{ padding-top: 55%; margin: 1em 0; overflow: hidden; }
.inv-1 li .w .img_ratio img{ transition: 0.5s all;}
.inv-1 li .w:hover .img_ratio img{ transform: scale(1.1);}
.inv-1 li .w:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); }

.inv-2-box{ display: flex; align-items: center;}
.inv-2-left{ flex: 1; margin-right: 2%;}
.inv-2-left li{ padding: 0.7em 0;}
.inv-2-left li img{ margin-right: 10px;}
.inv-2-right{ width: 48%; border-radius: 10px; overflow: hidden;}
.inv-2-right .maps{ height:260px;}

.inv-3 .t{ padding-left: 0.8em;}
.inv-3 { margin-bottom: 4em;}
.inv-3 .w{ border-radius: 10px; overflow: hidden; background: url(../images/ins/5.png); background-size: cover; padding: 2em;}
.inv-3 .w > div{ padding:0 1em;}
.inv-3 .w .t1 p:first-child{ margin-bottom: 0.2em;}
.inv-3 .w .t2{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10% 1em; margin: 10% 0;}
.inv-3 .w .t2 > div:first-child{ margin-bottom: 1em;}
.inv-3 .w .t2 em{ margin-right: 2em;}
.inv-3 .w .t3{ opacity: 0.7;}

.inv-4{padding-left: 2em;}
.inv-4 ul{ margin: -1em 0 3em; }
.inv-4 li{ border-bottom: 1px solid #e5e5e5; padding: 1em 0;}
.inv-4 li .w{ overflow: hidden; display: block;}
.inv-4 li .w img{ float: left; margin-right: 18px;}
.inv-4 li .w .d{ color: #999; margin-top: 5px;}

.shares-1 .box{ padding: 5% 0;}
.shares-1 ul{ margin: 5% 0; overflow: hidden; border-top: 1px solid #eee; border-right: 1px solid #eee;}
.shares-1 li{ float: left; width: 33.33%;}
.shares-1 li .w{  padding: 0 0; align-items: center; border-bottom: 1px solid #eee;}
.shares-1 .img{ justify-content:space-between;}
.shares-1 .img img{ max-width: 100%; height: auto;}
.shares-1 .l{border-left: 1px solid #eee; height: 4em; width: 6em; align-items: center; padding: 0 1em; background: #f6f9fe;}
.shares-1 .r{ padding: 0 1em; flex: 1;}
.shares-1 li:nth-child(6n),
.shares-1 li:nth-child(6n-1),
.shares-1 li:nth-child(6n-2){ background: #fcfcfc;}

.shares-2{ background: #fafafa;}
.shares-2 .box{ padding: 5% 0 8%;}
.shares-2 .t2{ width: 200px; margin: 2% auto 3%;}
.shares-2 .t3{ text-align: center; background: #fff;}
.comtable thead td{ background: #f6f9fe; padding:1.8em 2em;}
.comtable table{ width: 100%; border: 1px solid #f4f4f4; border-bottom: 0;  background: #fff;}
.comtable tbody td{ border-bottom: 1px solid #f4f4f4; padding: 1.5em 2em; text-align: left;}
.comtable tbody tr:nth-child(2n){  background: #fcfcfc;}

.finance-1 .box{ padding: 6% 0 8%;}
.finance-1 .t{ margin-bottom: 4%;}
.finance-2{ background: #fafafa;}

.notice-1 .top a{ margin-right: 3em; position: relative;}
.notice-1 .top a.cur{ color: #008CD6;}
.notice-1 .top a.cur::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -0.5em; height: 2px;  background: #008CD6; }

.notice-1 .box{ padding: 5% 0; }
.notice-list{ padding: 3% 0 0;}
.notice-list ul{ margin-bottom: 2%;}
.notice-list li{ border-bottom: 1px solid #eee; }
.notice-list .w{ padding:2em 1em; display: block; overflow: hidden;}
.notice-list li:hover{ background: #fcfcfc;}
.notice-list .w img{ float: left; margin-right: 15px; margin-top: 4px; }
.notice-list .w .d{ color: #999; margin-top: 0.5em;}
.notice-list .w { color: #008cd6;}
.notice-list .right{ display: flex; padding-right: 1em;}
.notice-list .right a{ margin-left: 1em; padding: 0.5em; border-radius: 100%; border: 1px solid #eee; height:20px; }
.notice-list .right a img{ vertical-align: top;}
.notice-list .right a:hover{ background: #fff; border-color: #008cd6;}

.government-1 .box{ padding: 5% 0;}
.government-1 .top{ padding-bottom: 5%;}
.government-1 .top a{ margin:0  2em; position: relative;}
.government-1 .top a.cur{ color: #008CD6;}
.government-1 .top a.cur::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -0.5em; height: 2px;  background: #008CD6; }

.government-2{ background: #fafafa;}
.government-2 .box{ padding: 5% 0 8%;}
.government-2 dt{ cursor: pointer; padding: 2% 0; }
.government-2 dt .flex1{ display: flex; align-items: center;}
.government-2 dt span:first-child{ min-width: 4em; margin-right: 1em; padding-bottom: 0.2em;}
.government-2 dd{ padding: 0 0 2em; display: none; line-height: 2;}
.government-2 li{ border-bottom: 1px solid #eee;width:50%;display: inline-block;}
.government-2 li.open dt{ color: #007dd8;}
.government-2 li.open dt .right{ transform: rotateX(180deg);}
.government-2 li dt .right{ transition: 0.3s all;}


@media only screen and (max-width:1700px) {
    .pro-right-menu{ left: auto; right: -50px;}
    .prolist-art-2 .box{ padding-right: 10em;}
}

@media only screen and (max-width:1600px) {
.home3-banner .txt{ width:55%;}
}

@media only screen and (max-width:1400px) {
    .header-wrap .menu li{ padding: 0 1.5em;}
    .wrap{ margin: 0 100px;}
    .home-2 li:nth-child(1){width: 65%; }
    .home-2 li:nth-child(2){width: 33.4%; margin-left: 1.6%; }
    .home-2 li:nth-child(3){width: 33.3%; }
    .home-2 li:nth-child(4){width: 31.7%; }
    .home-2 li:nth-child(5){width: 33.4%; margin-left: 1.6%;}
    
    .brand-3 .box .left li dd{    transform: scale(0.6);}
}
@media only screen and (max-width:1300px) {
        .header-wrap .menu li{ padding: 0 1.0em;}
     .brand-3 .box .left li dl{ padding:1em 0.8em;}
     .brand-3 .box .left li dd{    transform: scale(0.5);}
}
@media only screen and (max-width:1100px) {
    .wrap{ margin: 0 30px;}
    
}

.main{ padding-top: 80px;}
.phone-menu{ display: none;}
.menux-bg{ position: fixed; z-index: 9; background:rgba(0,0,0,0.6); left: 0; top: 60px; width: 100%; bottom: 0; opacity: 0; visibility: hidden; transition: 0.5s all;}


@media only screen and (max-width:1025px) {
    .menu-ph{ display: block;}
   .header-menu .menu-ph{ display: block;}
   .header-wrap{ z-index:12;}
    .open-menu{ overflow: hidden;}
    .open-menu .menux{ transform: translateX(0);}
    .open-menu .menux-bg{ opacity: 1; visibility: visible;}

    .phone-menu{ border-top: 1px solid #ddd; display: block; position: fixed; left: 50%; top: 60px; width: 50%; background: #fff;  height:0; transition: 0.6s all; height:calc(100vh - 60px); overflow: auto; transform: translate(100%,0); z-index: 11;}
    .phone-menu li:first-child{ padding-top: 2em;}
    .phone-menu li{ border-bottom: 1px solid #eee;}
    .phone-menu li dt{padding: 0 1em; align-items: center; position: relative; display: flex;}
    .phone-menu li dt .up{ transition: 0.6s all;}
    .phone-menu li dt span{padding: 10px 0; flex: 1; text-align: right;  }
    .phone-menu li dd{ background: #f3f3f3; display: none; padding: 1em 2em; }
    .phone-menu li dd p a{ display: block; padding: 5px 0;}
    .phone-menu li.open dt .up{ transform: rotateX(180deg);}
    .open-menu .phone-menu{transform: translate(0,0);}

    .header-wrap .menu{ display: none;}
    .header-wrap{ padding: 0 10px;}
    .home-main{ padding-top: 60px;}

    .home-body .header{ background: #fff; color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
    .home-body .header-wrap .menu .a,
    .home-body .header-wrap .right a{ color: #333;}
    .home-body .header .i2{ display: block;}
    .home-body .header .i1{ display: none;}

    .main{ padding-top: 60px;}
    .header-wrap .logo img{ height: 50px; width: auto;}
    .header-wrap .right a,
     .header-wrap .menu .a{ height: 60px; line-height: 60px;}
     .header-menu .menu-ph{ float: right;}
     .header-wrap .right{ flex: 1; justify-content:flex-end;}
     .header-wrap .right .lang span{ display: none;}
     .header-wrap .right .lang img{ margin: 0;}
     .menu-child-box{ top: 60px;}
     .child-search{ width: 80%; margin: 2em auto;}
     .child-search button{ padding: 0 1em;}
     .child-lang{ padding: 2em 0;}

    
     .banner1 .ww .txt h2{ font-size: 2em;}
    .wrap{ margin: 0 30px;}


    .home-1 .box-11,
   .home-1,
   .banner1 { position: relative; height: auto;}
   .right-bon{ right: 10px; transform-origin: right bottom; transform: scale(0.7); bottom: 5%;}

   .home-1 .txtc,
   .banner3,
   .banner2{ display: none;}
   .home-1 .box{ padding: 20% 0;}
   .home-1 .txt0{ display: block; width: 90%; margin: 0 auto;}

   .home-2 ul{ position: relative; }
   .home-2 li:nth-child(1){ width:100%}
 
   .home-2 li:nth-child(2),
   .home-2 li:nth-child(3),
   .home-2 li:nth-child(4),
   .home-2 li:nth-child(5){  width: 49%; margin:0 0 0; }
  .home-2 li:nth-child(2),
   .home-2 li:nth-child(4){margin:0 2% 0 0;}


.home-2 li:nth-child(2) .img_ratio,
.home-2 li:nth-child(3) .img_ratio,
.home-2 li:nth-child(4) .img_ratio,
.home-2 li:nth-child(5) .img_ratio{ padding-top:100%}

   .home3-banner .txt{ width: 80%;}
   .home3-banner .txt > img{ width: 50px; height: 50px;}
   .banner1 .swiper-menu li{ margin-left: 2em;}
   .home-banner .img_ratio{ padding-top: 60%;}

   

}
.ph-cbox{ display: none;}

.nowebm .ph-cbox{ display: block;}
.nowebm .pc-cbox{ display: none;}

@media only screen and (max-width:1000px) {
    .status-1 li dd .w{
        padding-right: 80px;
    }
    .status-1 li dt{
        width: 60px;
        height: 60px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    }
    .liaojie-1 .box .txt{ width: 80%;}
    .liaojie-1 .ul{ margin: 0;}

    .brand-3 .box .t1{ display: block; position: relative;}
    .brand-3 .box .left ul{ margin: 0 -5px;}
    .brand-3 .box .left li{ width: 50%;}
    .brand-3 .box .left li dl{ margin: 0 5px 10px;}
    .brand-3 .box .t1 .right{ width:50%; margin-top: 2em; position: absolute; bottom: 10px; right: 0; text-align: right; }
    .brand-3 .txt{ width: auto;}
    .brand-3 .box .left li dl,
    .brand-3 .box .t1 .right img{ height: 150px;  border-radius: 10px; overflow: hidden;}
    .brand-3 .box .t1 .right img{ max-width: 100%; width: 100%; margin: 0 5px;}
    .brand-4 .box{ display: block;}
    .brand-4 .left{ width: auto; margin: 0 0 5%;}
    .brand-4 .right article{ width: auto;}
    

    .ph-cbox{ display: block;}
    .pc-cbox{ display: none;}
    .wrap{ margin: 0 20px;}
    .header-wrap .logo img{ height: 40px;}
   .home-banner .img_ratio{ padding-top: 75%;}
   .banner1 .mouse{ display: none;}
   .swiper-bon1{ display: none;}
   .banner1 .swiper-menu ul{ justify-content: center;}
   .banner1 .swiper-menu li.cur p{ display: none;}
   .banner1 .swiper-menu li.cur{ width: 10px;}
   .banner1 .swiper-menu li.cur .i1{ opacity: 1; }
   .banner1 .swiper-menu li.cur .i1::after{ position: absolute; content: ''; border-radius: 100%; border: 1px solid #fff; left: -3px; top: -3px; bottom: -3px; right: -3px;}
   .banner1 .swiper-menu li{ margin:0 0.5em;}
   .banner1 .swiper-menu{ bottom: 15px;}
   .banner1 .ww .txt h2{ margin: 0.3em 0;}
   .banner1 .ww .txt{ margin-bottom: 20px;}
   
   .banner1 .ww .txt .art{ margin: 1em 0;}

   

   .home3-bon { font-size: 1.2rem; display: flex; justify-content: space-between; width: 90%; margin: 3em auto;}
   .home3-bon a{ margin: 0 0px;}
   .home3-banner{ width: 86%;}
   .home3-banner-left, .home3-banner-right{ width: 60%;}
   .home3-banner-right{ right: -55%;}
   .home3-banner-left{ left: -55%;}
 
   .home3-banner .txt article{ display: none;}
   .home3-banner .txt h2{ margin-bottom: 0.5em;}
 
   .home4-swi{ width: 80%; margin: 2em -5px;}
   .home4-swi .w{ margin: 0 5px;}
   .home4-swi .txt{ padding: 1.5em 1.5em 2em;}
   .home-1 .txt{ width: auto; height: auto; opacity: 1;}
   .home-1 .txt .t1{ height: 20.2vw; width: auto; position: relative; opacity: 1; transform: scale(1.01);}
 
   .home-news-swp{ font-size: 1.6rem;}
   .home-news-swp .lg{ margin-bottom: 10px; }
   .home-2{ padding: 1em 0;}

   .footer_top .left .logo2{ display: block; margin-top: 2em;}
   .footer_top{ padding: 2em 0;}
   .footer_top .left{ margin: 0; flex: 1; position: relative;}
   .footer_top .left dl{position: absolute;
    right: 0;
    top: 0;}
    .footer_top article{ margin: 4em 0 0;}
   .footer_bottom{ padding: 3em 0;}
   .footer_bottom  .right,
   .footer_top .right{ display: none;}
   .footer_bottom .left .p1 a{ float: none; display: inline-block; margin-right: 5px; padding-right: 10px;}
   .footer_bottom .left{ text-align: center;}
   .footer_bottom .left .p2 a{ display: inline-block;}

   .other_banner .img_ratio{ padding-top: 50%;}
   .other_banner .f-45{ font-size: 2rem;}
   .crumbs{ padding: 0.8em 0;}
   .about-1 .bg{ display: none;}
   .about-1 .tab-head{ white-space: nowrap; overflow:auto;}
   .about-1 .tab-head a{ margin: 0 10px;}
   .about-1 .tab-head{ margin: 2em 0 1em; padding:20px 0;}
   .about-1-box{ display: block; width: 90%; margin: 0 auto;}
   .about-1-box .tab-body{ width: auto; margin: 0 0 10%;}
   .about-1-box .right{ opacity: 1; width: 80%; margin: 0 auto;}
   .about-2 .art{ width: 100%; text-align: justify;}

   .about-2 ul{ margin: 0 -5px 2em;}
   .about-2 li{ width: 50%;}
   .about-2 li:first-child{ width:50%;  font-size: inherit;}
   .about-2 li .w{ margin: 0 5px 10px;}
   .about-2 li .p span{ display: block; overflow:hidden;line-height:1.5;height:3em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}

   .about-3 ul{ margin: 2em 0;}
   .about-3 li{ width: auto; float: none; margin-bottom: 2em;}
   .about-3 .w{ display: flex; align-items: center; margin: 0;}
   .about-3 .w .m{ width: 50%;}
   .about-3 .w .txt{ flex: 1; padding: 0 1em;}

   .crumbs{ overflow: auto; white-space: nowrap;}
    .pro-art-1 .box{ display: block;}
    .pro-art-1 .left{ padding: 2em;}
    .pro-art-1 .right{ width: auto;}
    .pro-art-3 .item li{ width: 50%;}
    .pro-art-3 .bon{ padding: 2em 0;}
    .pro-art-3 .bon{ display: block;}
    .pro-art-3 .bon .a1{ display: block; margin: 0 0 1em ; text-align: center;}
    .pro-art-3 .bon a{ display: flex; flex: 1; margin-bottom: 1em;}
    .pro-art-3{ padding-bottom: 2em;}
    .pro-art-4{ padding: 2em 0;}
    .pro4-box{ margin: 0 20px;}
    .pro4-swi .w{ margin: 0 5px 0;}
    .pro4-swi .w .txt{ padding:10px 0;}
    .pro4-bon a.left{ left: -40px; z-index: 10; transform:rotateY(180deg) scale(0.5); background: #fff;}
    .pro4-bon a.right{ right: -40px; z-index: 10; transform: scale(0.5); background: #fff;}
    .pro-art-5 ul{ margin: 1em 0;}
    .pro-art-5 li{ width: 100%;}
    .pro-art-5 li dl{ margin: 0 0 1em;}


    .liaojie-1 .box .txt{ width: 90%;}
    .liaojie-1 li dt{ margin-bottom: 0.5em;}
    .liaojie-1 li{ float: none; width: 49%; display: inline-block; margin-bottom: 4em; }
    .liaojie-1 li dt em{ margin-left: 5px;}

    .liaojie-2 .t{ font-size:2rem}
    .liaojie-2 .box{ flex-direction: column-reverse;}
    .liaojie-2 .left{ width: 100%; margin: 10% 0 0;}

    .liaojie-3 .box{ display: block;}
    .liaojie-3 .box .left{ display: block; width: 100%; margin: 0 0 5%;}
    .liaojie-3 .right{ position: relative;}
    .liaojie-3 .right .t5{ position: absolute; bottom: 0; right: 0;}

    .liaojie-4 .right dt{ float: none; width: auto; margin: 0 0 5%;}
    .liaojie-4 .right dt .box{ padding-top: 50%; border-radius: 10px; overflow: hidden;}

    .liaojie-5 li{ width: auto; float: none;}
    .liaojie-5 li:nth-child(2) dl{ border-top: 0;}
    .mr2 .img,
    .mr2 img,
    .mr3 .img,
    .mr3 img{ height:16px; width: 16px;}
    .liaojie-6 { background-position: 80% center;}
    .liaojie-6 .box{ padding: 20% 0;}
    
    .brand-1 .img{ padding: 10% 0 5%;}
    .brand-1 .art{ font-size: 1.4rem;}

    .brand-2 .box{ flex-direction: column-reverse;}
    .brand-2 .right{ display: flex; justify-content: space-between;}
    .brand-2 .right .item{width: 48%; box-sizing: border-box; margin: 0;}
    .brand-2 .left{ width: auto; margin: 5% 0 0;}



 
    .status-1 ul{ margin: 0;}
    .status-1 li dl{ height: auto; margin: 0 0 20px; }
    .status-1 li{ float: none; width: auto;}

    .honor-1 .t2 a{ margin: 0 0.5em;}
    .honor-1 .demo-gallery a{ width: 50%;}
    .honor-1 .demo-gallery .txt{ padding: 1em;}

    .society-1 .box{ display: block;}
    .society-1 .left{ width: 50%; margin:0 auto 5%;  }
    .society-1 .right ul{ width: 100%; margin: 0 auto;}
    .society-1 .right .t2{ margin: 1em 0 2em;}
    .society-1 .right li .w{ margin: 0 10px 20px;}
    .society-2 li{ width: 50%;}
    .society-2 li a{ margin-bottom: 30px;}

    .news-1 .box2{ display: block;}
    .news-1 .left{ width: auto; margin: 0 0 5%;}
    .news-1 .right dt{ width: 40%;}
    .news-2 .txt{ padding: 2em 1em 1em;}
    .news-3 ul{ margin: 10% -10px;}
    .news-3 ul li{ width: 50%;}
    .news-3 ul li:nth-child(3){ display: none;}
    .news-3 ul a{ margin: 0 10px 0;}

    .news-list-ul { margin: 0 -5px;}
    .news-list-ul li{ width: 50%;}
    .news-list-ul a{ margin: 0 5px 10px;}
    .news-list-ul .txt{ padding: 1em;}

    body .pages .layui-laypage-prev, 
    body .pages .layui-laypage-next,
    body .pages .layui-laypage-skip{ display: none;}
    body .pages a, 
    body .pages span{ line-height: 2em !important; height: 2em !important; min-width: 2em;}

    .news-list2-ul li .img2{ float: none; width: auto;}
    .news-list2-ul li .txt{ padding: 1em;}
    .other_banner .txt2 h1{ width: 100%;}
    .other_banner .txt2{ padding: 1em 0;}
    .about-3 ul{ margin-bottom: 0;}
    .other_banner .txt article{ max-width: none; max-height: 6em; overflow: hidden; margin-bottom: 2em;}
    .prolist-1 .box{ display: block;}
    .prolist-1 .left{ width: auto; margin: 0 0 5%;}
    .prolist-2 li{ width: 100%;}
    .prolist-2 li a{ margin-bottom: 10px;}
    .prolist-art-1 .top{  top:-4em}
    .prolist-art-1 .box{ top: -2em;}
    .prolist-art-1 li{ min-width: 49%;}
    .prolist-art-2 .box li{ width: 50%;}
 
    .pro-right-menu{ display: none;}
    .prolist-art-2 .box ul{ margin: 0 -10px;}
    .prolist-art-2 .w .txt{ padding: 0;}
    .prolist-art-2 .box{ padding-bottom: 5%;}

    .join-1 .box{ display: block;}
    .join-2 .tab-head a{ margin: 0 1em;}
    .join-1 .box .left{ width: auto; margin: 0 0 5%;}
    .join-2 li{ width: 50%;}
    .join-3 .box .w{ width: auto; }
    .join-3 .box .w .c{height:40vw ; width: 40vw; display: block; margin: 0 auto;}


    .join-3 .box .w ul{ width: 80%; margin: 0 auto;}
    .join-3 .box .w li{ position: relative; left: 0 !important; top: 0 !important; text-align: left !important; padding-left: 2em !important; margin-bottom: 1em;}
    .join-3 .box .w li::after{ left: 0 !important; top: 0.4em !important; margin: 0 !important;}

    .join5box{ width: 90%;  padding: 3em 0;}
    .join-6 li.c1{ width: 50%;}
    .join-6 li.c2, 
    .join-6 li.c3,
    .join-6 li.c4,
    .join-6 li.c5{ width: 50%;}
    .join-6 li.c3 .img_ratio, 
    .join-6 li.c2 .img_ratio{ padding-top: 77.5%;}
    .join-6 li.c4 .img_ratio, 
    .join-6 li.c5 .img_ratio{ padding-top: 70%;}

    .tit-b{ width: 90%; text-align: justify;}
    .tit-b dt{ text-align: center;}

    .join-4-box{ width: 90%; padding: 10% 0;}
    .join-4-box ul{ margin: 0; padding-top: 5.5em;}
    .join-4-box li .w{ padding: 1em;}
    .join-4-box li{ position:unset;}
    .join-4-box li .w dt img{ width: 2em; height: 2em;}
    .join-4-box li .w dd{ padding: 2em 0;}
    .join-4-box li .bt{ padding: 1em; min-width: 3em; border-radius: 1em !important; border-bottom-right-radius: 0 !important; font-size: 1em; }
    .join-4-box li.c1 .bt{ left: 0; top: 0; right: auto; bottom: auto; transform: none; }
    .join-4-box li.c2 .bt{ left: 5.5em; top: 0; right: auto;  bottom: auto;transform: none; }
    .join-4-box li.c3 .bt{ left: 11em; top: 0; right: auto;  bottom: auto;transform: none; }
    .join-4-box li.c4 .bt{ left: 16.5em; top: 0; right: auto;  bottom: auto;transform: none; }


    .setmap li dl{ display: block;}
    .setmap li dt{ margin: 10px;}
    .setmap li dd p{ width: 50%;}
    .contact22 li{ float: none; width: auto; min-height:auto; margin-bottom: 10%;}
    .contact22 li .ww{ display: block;}
    .contact22 li .left{ width: auto; margin: 0 0 5%;}

    .contact li .ww{ display: block;}
    .contact li .left{ width: auto; margin: 0 0 5%;}
    .contact-art .top .item2{ margin: 0 10px;}
    .contact-art .top .item3 a{ padding: 0 10px; white-space: nowrap;}

    .contact-art .table thead{ display: none;}
    .contact-art .table tbody tr:nth-child(2n){ background: #fff;}
    .contact-art .table tr{ display: block; border: 1px solid #eee; margin-bottom: 2em;}
    .contact-art .table td{ display: block; position: relative; border: 0; }
    .contact-art .table td::before{ content: attr(data-t) " :"; margin-right: 1em; color: #aaa; }
    .contact-art .table td:nth-child(2n){ background: #fafafa;}

    .other_banner_2 .txt{ bottom: 50px;}

    .download-1 li{ width: 100%;}
    .download-2 li{ width: 50%;}

    .network-3 ul{ max-width: none;}
    .network-3 ul dt img{ width: 30px; height: 30px;}

    .pro-2 .box{ padding: 8% 0; position: relative; max-width: none; transform: none; top: 0;}
    .pro-2 ul li dt img{width: 30px; height: 30px;}
    .pro-2 ul{ margin: 2em 0;}

    .pro-2 .bg{ width: 100%; margin: 0;}
    
    .pro-3 .box{ padding: 10% 0;}
    .pro-3 h3{ margin-bottom: 0.5em;}
    .pro-3 .left{ margin-right: 0; }


    .investor-box .box{ display: block;}
    .investor-box .left{ width: auto; margin: 0 0 10%;}
    .inv-1 li .w{ padding: 10px;}
    .inv-2-box{ display: block;}
    .inv-3 .t{ padding-left: 0;}
    .inv-2-right{ width: auto; margin: 5% 0 0;}
    .inv-4{ padding-left: 0; padding-bottom: 10%;}

    .shares-1 li{ float: none; width: auto;}
    .shares-1 .img{ display: block; text-align: center;}
    .shares-1 .img .item{ margin-bottom: 5%;}
    .comtable{ overflow:auto;}
    .comtable table{ min-width: 1000px;}
    .comtable::-webkit-scrollbar {
        width: 10px;     
        height: 3px;
    }
    .search-title .t1{ width: 90%;}
    .search-title .t1 button{ width: 4em;}
    .comtable::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #007dd8;
    }
    .notice-1 .top{ display: block;}
    .notice-1 .top .left{ margin-bottom: 5%;}
    .government-1 .art{ padding: 5% 0 10%;}
    .government-1 .top .flex{ width: 80%; margin: 0 auto; justify-content: space-between;}
    .government-1 .top a{ margin: 0 0;}
    
    .notice-list li > div{ display:block;}
    .notice-list .w{ padding-bottom:5px;}
    .notice-list li .right{ padding-bottom:1em; justify-content:flex-end;}
    
    .search-title .t2{ font-size:1rem;}
    .prolist-art-2 .box{ padding-right:0;}
    
    .home-2 li .w .bon{ display:none;}
    
} 


/*英文css*/
.en_body .menu-product .left a{font-size:1.4rem;}
.en_body .header-wrap .menu li{ padding:0 1.5em; font-size:1.4rem;}
.en_body .child-ul li a{font-size:1.4rem;}
.en_body .footer_top .right ul dt{ font-size:1.6rem}
.en_body .footer_top .right ul dd{ font-size:1.2rem}
.en_body .footer_top .left{ font-size:1.4rem}



@media only screen and (max-width:1360px) {
    .en_body .menu-product .left a{font-size:1.3rem;}
    .en_body .header-wrap .menu li{ padding:0 1em; font-size:1.3rem;}
    .en_body .child-ul li a{font-size:1.3rem;}
    .en_body .menu-product .right dd li{font-size:1.2rem;}
}
@media only screen and (max-width:1000px) {
    .en_body .phone-menu li dt,
    .en_body .phone-menu li dd{font-size:1.2rem;}
}

/*end英文css*/