@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }

h1,h2,h3,h4,h5,h6{font-weight: normal;}

BODY {FONT:16px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;width: 100%; overflow-x: hidden;}

   

A {COLOR: #666; TEXT-DECORATION: none}

P{COLOR: #333;}

A:hover {TEXT-DECORATION: none}

A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}

DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

EM {FONT-STYLE: normal; FONT-WEIGHT: normal}

TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

.cl{HEIGHT: 0px; CLEAR: both;}

.jz{margin:0 auto;}

.fl{FLOAT: left}

.fr{FLOAT: right}

.container{max-width:1500px;margin:0 auto}

.container-s{max-width:1749px;margin:0 auto}

.c{*zoom:1;}

.c:after{content: ""; display: block; height: 0; clear: both;}

.txt-c{text-align: center;}

.txt-l{text-align: left;}

.txt-r{text-align: right;}

.col-white{color: #fff;}

.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}

.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}

.flex-c{display: flex; align-items: center;}

.flex-cc{display: flex; align-items: center; justify-content: center;}

.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}

.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}

.flex-sb{display: flex; justify-content: space-between;}

.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}

.flex-sbcw{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}

.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}

.flex-dc{display: flex; flex-direction: column;}

.flex-w{display: flex; flex-wrap: wrap;}


/*字体引入*/
  @font-face {

    font-family: "DIN";

    src: url("../font/DIN-Bold.otf");

  }


/* 公共头部 */
.header {position: fixed; z-index: 999; width: 100%; left: 0; top: 0;z-index: 99; transition: .5s; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.head-box{height: 4.1875rem;}

.pc-logo{padding-left: 7rem;}

.head-right{width: 50%;}
.pc-nav{width: 88%;}
.pc-nav ul li{position: relative;}
.pc-nav ul li::after{position: absolute; content: ''; height: 0.3rem;background: #2289cf; width: 0; bottom: 0; transition: 0.3s; left: 50%;}
.pc-nav ul li:hover::after,.pc-nav ul li.on::after{width: 100%; left: 0;}
.pc-nav ul li h3{display: block; font-size: 1.5rem; line-height: 4.1875rem; color: #908e8e; position: relative;}
.pc-nav ul li.icon h3{padding-right: 0.25rem;}
.pc-nav ul li.icon h3::after{transition: 0.6s; position: absolute; content: '';  background: url(../images/nav-arrow.png)  no-repeat center right; height: 100%; z-index: 1; right: 0;  width: 11px; }
.pc-nav ul li:hover.icon h3::after,.pc-nav ul>li.on.icon h3::after{transform: rotateX(180deg)}

.header:hover {    background: #fff;}
.header:hover .pc-nav ul li h3{color: #333;}
.header:hover .pc-nav ul li.icon h3::after{background: url(../images/nav-arrow2.png)  no-repeat center right; }
.header:hover .headSearch i svg path {   fill: #333;}


.pc-nav ul li .subnav-box{transform: translateY(50px);opacity: 0;pointer-events: none;width: 22.5625rem;  height: 14.1875rem; left: -135%;position: absolute;top: 100%;transition: all 0.4s ease;}
.pc-nav ul li .subnav {display: flex;padding:1.625rem 1.5rem;box-sizing: border-box;border-radius: 0.625rem;z-index: 3;background: #fff;     box-shadow: 0 0 5px 3px rgba(0,0,0,0.05); }
.pc-nav ul li .subnav .pic{width: 47%;}
.pc-nav ul li .subnav .pic img{display: block; width: 100%;}
.pc-nav ul li .subnav .list{width: 53%;}
.pc-nav ul li .subnav .list a{display: block; font-size: 0.9375rem;  line-height: 2.125rem; color: #7d7d7d;position: relative;box-sizing: border-box;}
.pc-nav ul li .subnav .list a:hover{color: #2289cf;}
.pc-nav ul li:hover .subnav-box {transform: translateY(0);opacity: 1;pointer-events: auto;}


.ny-header{background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); z-index: 222;}
.ny-header .pc-nav ul li h3{color: #333;}
.ny-header .pc-nav ul li.icon h3::after{background: url(../images/nav-arrow2.png)  no-repeat center right; }
.ny-header .headSearch i svg path {   fill: #333;}




/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 1.875rem 0 6.625rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: 2.25rem;}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 1.9rem);padding: 1rem 1.5rem;font-size: 1.25rem; color: #333333; outline: none; border: none;}
.hadbox-sec4 .form .f_sub {width: 11.25rem; height: 3.5rem;  background: #2289cf;border-radius: 0.3125rem;   font-size: 1.25rem; color: #ffffff;cursor: pointer; outline: none; border: none;}








/* 手机端导航 */

.mobmenu {display: none;}

.mobmenu dl {transform: rotateY(180deg);width: 30px; cursor: pointer;}

.mobmenu dl dd {width: 0;height: 2px;background: #fff;}

.mobmenu dl dd:first-child {animation: sjnav 2.4s linear infinite;}

.mobmenu dl dd:nth-child(2) {	margin: 6px 0;	width: 20px;}

.mobmenu dl dd:last-child {animation: sjnav 2.4s linear infinite;animation-delay: 0.4s;}



.mobmenu h4 {color: #fff; margin-left: 10px; width: 32px;}

.mobmask {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 100vh;background: rgba(7,16,26,0.8);transition: all 0.5s;visibility: hidden;opacity: 0;transition-delay: 0.2s;}

.mobmask.active{opacity: 1;visibility: visible;}

.mobnavBox {padding-bottom: 1.25rem; width: 50%;height: 100vh;position: fixed;z-index: 100;top: 0;left: -50%;overflow-y: auto;opacity: 0;transition: all 0.3s; background: #fff; visibility: hidden;}

.mobnavBox.active{transition-delay: 0.3s;opacity: 1;left: 0; visibility: visible;} 

.mobCon {padding: 0 1.25rem; }

.mobnavBox .top {padding: 0.625rem 1.25rem;height: 4.375rem; position: sticky;top: 0;z-index: 9999;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);}

.mobnavBox .top .logo {	width: 120px; }

.mobnavBox .top .logo img {display: block; width: 100%;}

.mobnavBox .top .mobnavclose {width: 1.875rem;height: 1.875rem;position: relative; cursor: pointer;}

.mobnavBox .top .mobnavclose:before,

.mobnavBox .top .mobnavclose:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;border-radius: 1px;}

.mobnavBox .top .mobnavclose:before{width: 1.25rem;height: 0.125rem;transform: translate(-50%,-50%) rotate(45deg);}

.mobnavBox .top .mobnavclose:after{width: 0.125rem;height: 1.25rem;transform: translate(-50%,-50%) rotate(225deg);}



.mobsearch {margin-top: 1.875rem;}

.mobsearch form input {width: calc(100% - 3.25rem);line-height: 2.5rem;border: 1px solid #dbdbdb;border-radius: 0.125rem;padding: 0 0.75rem;font-size: 0.875rem;}

.mobsearch form button {width: 2.625rem;height: 2.625rem;background: #2289cf;color: #fff;border-radius: 0.125rem;font-size: 0.875rem; border: 0; }

.mobsearch form button img {filter: brightness(100); -webkit-filter:brightness(100);}



.mobnavBox .bottom {padding: 0.375rem 0;}

.mobnavBox .bottom .nav li {margin: 0.75rem 0;}

.mobnavBox .bottom .nav li h3 {display: flex;align-items: center;justify-content: space-between;}

.mobnavBox .bottom .nav li h3 a {display: block;text-align: center;color: #1a1a1a;padding-left: 0.25rem;}

.mobnavBox .bottom .nav li h3 i {display: block;width: 1.875rem;height: 1.875rem;line-height: 2rem;color: #333;text-align: center;font-size: 0.75rem; transition: .4s; cursor: pointer;}

.mobnavBox .bottom .nav li h3 i img {max-width: 100%;}

.mobnavBox .bottom .nav li .m-subnav {border-bottom: 1px solid #dbdbdb;padding-bottom: 0.3125rem;display: none;}

.mobnavBox .bottom .nav li .m-subnav a {display: block;margin: 0.625rem 0;padding-left: 1.25rem;position: relative; }

.mobnavBox .bottom .nav li .m-subnav a:before{content: "";width: 0.5rem;height: 0.5rem;border: 1px solid #CCCCCC;border-radius: 50%;position: absolute;left: 0.25rem;top: 0.4375rem;transition: all 0.4s;}

.mobnavBox .bottom .nav li .m-subnav a:after{content: "";width: 0.25rem;height: 0.25rem;background: #CCCCCC; border-radius: 50%; position: absolute; left: 0.4375rem;top: 0.625rem;transition: all 0.4s;}

.mobnavBox .bottom .nav li.on h3 a{color: #2289cf;}

.mobnavBox .bottom .nav li.on h3 i {transform: rotate(90deg);color: #2289cf;}

.mobnavBox .bottom .nav li.on h3 i:before,

.mobnavBox .bottom .nav li.on h3 i:after {background: #fff;}

.mobnavBox .bottom .nav li h3 a:hover{color: #2289cf;}

.mobnavBox .bottom .nav li .m-subnav a:hover{color: #2289cf;}

.mobnavBox .bottom .nav li .m-subnav a:hover:before{border-color: #2289cf;}

.mobnavBox .bottom .nav li .m-subnav a:hover:after{background: #2289cf;}



.mobinfo {margin-top: 1.25rem;}

.mobinfo h2 { color: #1a1a1a; font-weight: 700;}

.mobinfo dl dd {display: flex;margin-top: 0.625rem;}

.mobinfo dl dd i {width: 1.25rem;height: 1.25rem;display: flex;align-items: center;justify-content: center;}

.mobinfo dl dd i img {display: inline-block; width: 1rem; margin-top: 0.5rem;}

.mobinfo dl dd p {width: calc(100% - 0.875rem);padding-left: 0.625rem;color: #666; }

.mobinfo dl dd p a {color: #666; }

.mobinfo dl dd p a:hover{color: #2289cf;}





@keyframes sjnav{0% {width: 0;}25% {width: 15px;}50% {width: 30px;}75% {width: 15px;}100% {width: 0;}}





.wapheader-zw{display: none;}




/* banner X */
.indexBanner {overflow: hidden; position: sticky; top: 0; z-index: 2; background: #fff;}
.bannerSwiper {height: 70vh;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .bjBox {position: relative; height: 100%;}
.bannerSwiper .bjBox img {width: 100%; height: 100%; object-fit: cover; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active .bjBox img, .bannerSwiper .swiper-slide-duplicate-active .bjBox img {transition: 6s linear; transform: scale(1,1);}
.jddwjz {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.banner-info{width: 100%; color: #fff;}
.banner-info .tle1,.banner-info .tle2{display: block; font-size: 3.75rem; color: #480b4e ; line-height: 3.75rem; font-weight: lighter;}
.banner-info .tle2{font-weight: bold; margin: 1rem 0 2.25rem;}
.banner-info .text{font-size: 1.725rem; margin-bottom: 6.6875rem;color: #2a2702 ;}
.banner-more  a{ width: 11.9375rem; height: 3.625rem; position: relative; justify-content: space-around;}
.banner-more  a::after{ position: absolute; content: ''; background: url(../images/more-line.png) no-repeat center; background-size: 100%; z-index: 2; width: 100%; height: 100%; left: 0;}
.banner-more b{font-size: 1rem; text-transform: uppercase; color: #fff;}
.banner-more img{ transition: 0.6s;}
.banner-more  a:hover img{transform: rotate(-45deg);}

.swControls {display: flex; align-items: center; justify-content: space-around; width: 40%;height: 7.5rem; position: absolute; left: auto; right: 0; top: auto; bottom: 0;  z-index: 11; overflow: hidden;}
.swControls { padding-left: 2%; box-sizing: border-box;}
.swControls::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; left: 100%;top: 0; background: #2289cf; -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); transition: 1.5s;}
.swControls.on::after {left: 0;}
.swControls > div {position: relative;}
.swControls .swiper-pagination {width: auto!important; bottom: auto!important;}
.swControls .swiper-pagination span {width: 0.875rem; height: 0.875rem; margin: 0 0.625rem!important; border: 1px solid #fff; opacity: 1; box-sizing: border-box; background: none;}
.swControls .swiper-pagination .swiper-pagination-bullet-active {background: #efefef;}
.swControls .swiper-num {margin-left: 20%;color: #ffffff;}
.swControls .swiper-num .actives {font-size: 2.5rem;font-weight: 700;}
.swControls .swjtBox {display: flex;}
.swControls .swjt {position: relative; margin: 0;width: 1.875rem; height: 1.875rem; border-radius: 50%; left: 0; top: auto;}
.swControls .swjt svg {max-width: 90%;}
.swControls .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: 1.875rem;}
.banner-next{position: absolute;bottom: 3rem;left: 0;right: 0;margin: 0 auto;text-align: center; z-index: 2; cursor: pointer; }
.banner-next img{}
.banner-next span{display: block; font-size: 1.125rem; color: #fff; margin-top: 0.875rem;}






/* 关于 */
.about{position: relative;    z-index: 2;    background: url(../images/about-bg.jpg) no-repeat center top; padding: 7.5rem  0 0.375rem; background-size: cover;}

.index-title h3{display: block; font-size: 2.625rem; color: #2289cf; line-height: 2.625rem;}
.index-title strong{display: block; font-size: 3rem; color: #333;}
.index-more {}
.index-more  a::after{ background: url(../images/index-more.png) no-repeat center; background-size: 100%;}
.index-more  b{color: #333;}
.about .index-title{margin-bottom: 6.25rem;}
.about-box{margin-bottom: 6.25rem;}
.about-right{width: 53.33%;}
.about-right h4{display: block; font-size: 1.25rem; line-height: 1.875rem; color: #666;}
.about-right h5{display: block; font-size: 1.5rem; line-height: 2.875rem; color: #2289cf;}
.num-list ul li{position: relative; max-width: 18%;}
.num-list ul li svg {width: 100%; height: 100%;}  
.num-list ul li .icon {top: 0;position: absolute;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 22;bottom: 0;left: 0;right: 0;}
.num-list ul li b {display: inline-block; font-size: 3.75rem;  color: #2289cf;  font-family: Arial; line-height: 2.75rem;}
.num-list ul li span {display: inline-block; font-size: 1.0625rem; color: #333; }
.num-list ul li h2 {display: block; font-size: 1.0625rem; color: #333;}
.num-list ul li.on #progress {animation: circleProgress 3.5s forwards;}
.num-list ul li:nth-child(2).on #progress2 {animation: circleProgress2 4s forwards;}
.num-list ul li:nth-child(3).on #progress3 {animation: circleProgress3 4s forwards;}
.num-list ul li:nth-child(4).on #progress4 {animation: circleProgress4 4s forwards;}
@keyframes circleProgress { to {stroke-dashoffset: 300;}}
@keyframes circleProgress2 {to {  stroke-dashoffset: 140;}}
@keyframes circleProgress3 { to {  stroke-dashoffset: 480;}}
@keyframes circleProgress4 {to {  stroke-dashoffset: 250; }}


/* 产品中心 */
.product{position: relative;    z-index: 2;    background: url(../images/product-bg.jpg) no-repeat center top; padding: 0; background-size: cover; padding: 6.375rem 0 3.75rem;}
.product .index-title{margin-bottom: 3.5rem;}
.product-box .container-s{max-width:1600px;margin:0 auto}
.product-list{max-width: 1500px; margin:0 auto 4.0625rem; overflow: hidden!important;}
.product-list ul li .info{background: #fff;}
.product-list ul li .info,.product-list ul li .pic{width: 50%; box-sizing: border-box;}
.product-list ul li .pic img{display: block; max-width: 100%;}
.product-list ul li .info{padding: 0 5%;}
.product-list ul li .info strong{font-size: 2.25rem; color: #2289cf; margin-bottom: 0.5rem;}
.product-list ul li .info h4{ font-size: 1.25rem; line-height: 1.875rem; color: #484848; margin-bottom: 0.5rem; }
.index-more span{font-size: 1rem; color: #333;}
.product-bottom{position: relative;}
/* #btn-prev,#btn-next{ background: url(../images/product-arrow.png) no-repeat center; width: 22px; height: 40px;}*/
/*#btn-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}*/
.product-btn{max-width: 1500px; margin:0 auto}
.product-btn ul li{text-align: center;}
.product-btn ul li .icon{width: 4rem;height: 4rem; border-radius: 50%; margin: 0 auto 0.5rem; position: relative;}
.product-btn ul li .icon::after{position: absolute; content: ''; width: 100%; height: 100%; border-radius: 50%; background: #2289cf; transition: 0.6s; transform: scale(0);}
.product-btn ul li .icon img{max-width: 100%; display: block; position: relative; z-index: 5;}
.product-btn ul li strong{display: block;  color: #666; font-size: 1.25rem;}
.product-btn ul li:hover .icon::after,.product-btn ul li.swiper-slide-thumb-active .icon::after{transform: scale(1);}
.product-btn ul li:hover .icon img,.product-btn ul li.swiper-slide-thumb-active .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.product-btn ul li:hover strong,.product-btn ul li.swiper-slide-thumb-active strong{color: #333;}


/* 应用领域 */
.app{position: relative;    z-index: 2;   background: #fff; padding: 9.75rem 0 10.3125rem;}
.app .index-title{margin-bottom: 2.3125rem;}
.app-list{overflow: hidden;}
.app-list ul li .pic{position: relative; overflow: hidden;}
.app-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.app-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.app-list ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0; display: flex; align-items: flex-end;}
.app-list ul li .text{width: 100%; box-sizing: border-box;  padding:  0 9%; color: #fff; transition: 0.6s; }
.app-list ul li .text em{display: block; font-size: 1.625rem;  margin: 0.25rem 0 2.5rem;}
.app-list ul li .text span{display: block; font-size: 1.0625rem;  display: none;}
.app-list ul li.swiper-slide-active .info,.app-list ul li:hover .info{background: url(../images/app-li2.png) no-repeat center;}
.app-list ul li.swiper-slide-active .text,.app-list ul li:hover .text{ transform: translateY(-25%);}
.app-list ul li.swiper-slide-active .text span,.app-list ul li:hover .text span{display: block;}
.app-list ul li.swiper-slide-active .text em,.app-list ul li:hover .text em{ margin: -0.5rem 0 1.5rem;}
.app-top{position: relative;}
.app-arrow{width: 6.1875rem; position: absolute; top: 2.8125rem; right: 0; height:2.4375rem;}
#app-prev,#app-next{width: 2.4375rem;height:2.4375rem;border: 1px solid #BCBCBC; border-radius: 50%;  margin-top: 0; background: url(../images/app-arrow.png) no-repeat center #BCBCBC;}
#app-prev{left: 0;}
#app-next{right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#app-prev:hover,#app-next:hover{background: url(../images/app-arrow2.png) no-repeat center transparent; border-color: #2289cf;}


/* 客户服务 */
.ys{position: relative;    z-index: 2;   background: #fff; }
.ys-top {margin-bottom: 3.9375rem;}
.ys-box { position: relative;}
.ys-box .bjBox {position: absolute;width: 50%; left: 0; top: 0; height: 100%;}
.ys-box .bjBox img {max-width: 100%; max-height: 100%;}
.inFoSwiper2 .slideBox {display: flex; justify-content: space-between; height: 100%;}
.inFoSwiper2 .le {width: 50%; padding-left: 10.5%;  box-sizing: border-box; padding-top: 4.2%;}
.inFoSwiper2 .le h5 {font-size: 2.25rem; font-weight: 700; color: #ffffff;}
.inFoSwiper2 .le .text {margin-top: 1.6875rem;}
.inFoSwiper2 .le p{margin-bottom: 0.625rem;}
.inFoSwiper2 .le p img{margin-right: 0.8125rem;}
.inFoSwiper2 .le p span{font-size: 1.125rem; color: #ffffff; }

.inFoSwiper2 .re {width: 50%; position: relative;}
.inFoSwiper2 .re img {display: block; width: 100%; height: 100%; object-fit: cover;}
.inFoSwiper1 {position: absolute!important;bottom: 5.4375rem;width: 50%;padding: 0 8.2%!important;box-sizing: border-box;left: 0;}
.inFoSwiper1 .icBox {width: 5.5rem; height: 5.5rem; border: 1px solid rgba(255, 255, 255 ,.4); transition: .5s;  border-radius: 50%; margin: auto; box-sizing: border-box;}
.inFoSwiper1 .icBox img {max-width: 50%; filter: brightness(100); -webkit-filter:brightness(100);}
.inFoSwiper1 .swiper-slide {text-align: center; cursor: pointer;}
.inFoSwiper1 .swiper-slide span {color: #ffffff;   display: block; font-size: 1rem; margin-top: 1.125rem;}
.inFoSwiper1 .swiper-slide-thumb-active .icBox {background: #fff;}
.inFoSwiper1 .swiper-slide-thumb-active .icBox img { filter: none; -webkit-filter:none;}


/* 新闻资讯 */
.news{position: relative;    z-index: 2;   background: #fff; padding: 5.8125rem 0 7.8125rem;}
.news .container{overflow: hidden;}
.news-top {margin-bottom: 2.8125rem;}

.news-list {position: relative;width: 106%;left: -3%; overflow: hidden;}
.news-list ul li a{display: block; padding:  0.5rem 10% 0.6875rem; border-right: 1px solid rgba(102,102,102,0.1);}
.news-list ul li .pic{overflow: hidden; margin-bottom: 1.75rem;}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info strong{font-size: 1.1875rem; color: #333; margin-bottom: 0.5625rem;}
.news-list ul li .info h3{font-size: 1rem; line-height: 1.8125rem; color: #666; margin-bottom: 2.3125rem;}
.news-list ul li .info span{display: block; font-size: 1rem; color: #2289cf;}
.news-list ul li .info span>img{margin-left: 0.75rem;}
.news-list ul li:hover .info strong{color: #2289cf;}
#news-num{display: none;}
#news-num .swiper-pagination-bullet{width: 0.75rem; height: 0.75rem; margin: 0 0.625rem;}



/* 公共底部 */
.footer{position: relative;    z-index: 2;  background: #1e1e1e; }
.footer-top{padding: 3rem 0 2.5rem; border-bottom: 1px solid rgba(255, 255, 255 ,0.14);}
.footer-left{width: 26%;}
.footer-logo img{display: block; margin-bottom: 1rem;}
.footer-left dt{display: block; font-size: 1.125rem; color: #fff; margin-bottom: 0.1rem;}
.message h3{font-size: 1.5rem; color: #fff; margin-bottom: 1.25rem;}
.mess-form input,.mess-form textarea{font-size: 0.9375rem; color: #9f9f9f; outline: none; border: none; font-family: "Microsoft YaHei"; border-radius: 0.3125rem; height: 2.8125rem; background: rgba(255, 255, 255 ,.1);}
.mess-form input::placeholder,.mess-form textarea::placeholder{color: #9f9f9f;}
.mess-form  .mess-text{width: 48.5%; text-indent: 1.375rem;}
.mess-form textarea{height: 5.625rem; width: 100%; margin: 0.625rem 0 1.125rem; padding: 1rem 1.375rem; box-sizing: border-box;}
.mess-form  .mess-submit{width: 7.125rem;background: #2289cf; text-align: center; color: #fff; cursor: pointer;}
.footer-right{width: 60.8%;display: flex;flex-direction: column;align-items: flex-end;}
.footer-nav{margin-top: 0.8125rem;width: 100%;}
.footer-nav dl dt{display: block; font-size: 1.125rem; color: #fff; margin-bottom: 0.9375rem;}
.footer-nav dl dd a{display: block; font-size: 0.9375rem; line-height: 2.4375rem; color: rgba(255, 255, 255 ,0.5);}
.foot-wechat{margin-top: -1.6875rem;}
.foot-wechat img{display: block; margin: 0 auto;}
.foot-wechat span{display: block; font-size: 0.9375rem; line-height: 2.625rem; color: rgba(255, 255, 255 ,0.5); text-align: center;}

.footer-bottom{padding: 1.8125rem 0 1.875rem;}
.footer-link{margin-bottom: 3rem;}
.footer-link em{font-size: 0.9375rem; color: #fff;}
.footer-link img{display: inline-block; margin-right: 1.3125rem;}
.footer-link ul li a{font-size: 0.9375rem; color: #fff; margin-right: 2.125rem;}
.footer-link ul li a:hover{color: #2289cf;}
.footer-copy p{font-size: 0.9375rem; line-height: 1.5625rem; color: rgba(255, 255, 255 ,0.24);}
.footer-copy a{color: rgba(255, 255, 255 ,0.24);}
.footer-nav dl dd a:hover,.footer-copy a:hover{color: #fff;}


/* 内页banner */
.ny-banner{position: relative;}
.ny-banner>img{display: block; width: 100%;}
.ny-banner .container{position: absolute;content: '';width: 100%;height: 100%;bottom: 0;left: 0;right: 0;display: flex;align-items: center;}
.ny-banner .info{color: #fff; transform: translateY(26%);}
.ny-banner .info h3{display: block; font-size: 4.375rem; font-weight: bold; margin-bottom: 0.375rem; }
.ny-banner .info strong{display: block; font-size: 3.75rem; line-height: 2.8125rem; font-family: Arial; text-transform: uppercase;}
.ny-banner .info b{color: #2289cf;}
.class-bg{position: absolute; content: ''; bottom: 0; left: 5%; width: 56.9375rem; background: #2289cf;-webkit-clip-path: polygon(11% 0%, 100% 0%, 90% 100%, 0% 100%);clip-path: polygon(11% 0%, 100% 0%, 90% 100%, 0% 100%);}
.class-bg ul{height: 7.8125rem;}
.class-bg ul li{width: 20%; text-align: center;}
.class-bg ul li a{display: block; font-size: 1.0625rem; color: #fff; position: relative;}
.class-bg ul li a::after{position: absolute; content: ''; background: url(../images/class-icon.png) no-repeat center; width: 11px; height: 7px;  left: 0; right: 0; margin: auto; transition: 0.6s; opacity: 0; bottom: 0;}
.class-bg ul li:hover a:after,.class-bg ul li.on a:after{ bottom: -0.5rem; opacity: 1;}
.class-bg ul li:hover a,.class-bg ul li.on a{font-weight: bold;}

.ny-banner .play_btn {position: absolute;display: block;bottom: 7%;right: 5%; width: 4.25rem;height: 4.25rem;transform: translate(-50%, -50%);}


.ny-banner .play_btn::after { animation: playbtnscal4 2s ease-out infinite; background: #fff;opacity: 0.3;animation-delay: 0;}

.ny-banner .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px; border-radius: 50%; content: ''; z-index: -1;}

.ny-banner .play_btn .icon {width: 100%; height: 100%; background: url(../images/play_button2.png) center/contain no-repeat;}



@keyframes playbtnscal4 {0% { transform: translate(-50%, -50%) scale(1); opacity: .8;} 100% {transform: translate(-50%, -50%) scale(6); opacity: 0; }}




/* 视频弹窗 */
.video-js {width: 100%;height: 100%;}
.video-js .vjs-tech { position: relative;}
.vjs-control-bar { opacity: 0;}
.video-js .vjs-control-bar { position: relative;background-color: rgba(43, 51, 63, 0.2);}
#hi-video-pop {display: none;position: fixed;top: 0;left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#hi-video-pop * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#hi-video-pop .hi-close {position: absolute;top: 100%; left: 50%; z-index: 5;margin: 20px 0 0 -20px;width: 40px;height: 40px;color: #fff; background: #fff; border-radius: 50%;transition: 0.3s;cursor: pointer;}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {content: "";position: absolute; top: 50%; left: 50%; z-index: 5; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #333; transition: 0.3s;}
#hi-video-pop .hi-close:hover { background: #2289cf;}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {background: #fff;}
#hi-video-pop .hi-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#hi-video-pop .hi-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#hi-video-pop .hi-video-box {position: fixed; left: 0;top: 0; z-index: 1; width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;}
#hi-video-pop .hi-video-box .hi-video-wrap {position: relative;max-width: 135vh;border: 2px solid #fff;}
#hi-video-pop .hi-video-box .hi-video-wrap video { width: 100%;height: 100%; vertical-align: top;}
@media (max-width: 767px) { #hi-video-pop .hi-video-box .hi-video-wrap {max-width: 90%;}}


/* 内页关于我们 */
.ny-about{background: #f9f9f9; padding: 6.875rem 0 6.875rem;}
.nyabout-left{width: 37%;}
.nyabout-right{width: 53.4%;}
.about-en{    flex-direction: column;}
.nyabout-left strong{display: block; font-size: 5.875rem; line-height: 4.25rem; color: rgba(0,0,0,0.2); font-weight: 900; font-family: Arial; text-transform: uppercase;}
.nyabout-left strong:last-child{text-align: right; margin-top: 1.5625rem;}
.nyabout-left b{display: block; line-height: 5.0625rem;font-size: 6.875rem;font-family: Arial;color: #2289cf; 	font-weight: 900; margin: 2.625rem auto 0; text-align: center;}
.nyabout-right h2{display: block; font-size: 2.625rem; color: #2289cf; font-weight: bold; margin-bottom: 1.4375rem;}
.nyabout-right h3{display: block; font-size: 1rem; line-height: 1.6875rem; color: #666; margin-bottom: 1.6875rem;}
.nyabout-right h3:last-child{margin-bottom: 0;}
.nyabout-num{margin-top: 9.6875rem;}
.nyabout-num ul li{text-align: center;}
.nyabout-num ul li b{display: inline-block; font-size: 5.25rem; line-height: 3.875rem; color: #333; font-family: Arial; font-weight: 400;}
.nyabout-num ul li span{font-size: 2.125rem; color: #333; margin-left: 0.6875rem; line-height: 2.125rem; }
.nyabout-num ul li h2{display: block; font-size: 1.3125rem; color: #333; margin-top: 1rem;}


.about-title{text-align: center; margin-bottom: 3.375rem;}
.about-title strong{display: block; font-size: 2.625rem; color: #333;  line-height: 3.4rem;}
.about-title i{display: block; width: 3.0625rem;height: 0.25rem;background: #2289cf; margin: 1.1875rem auto 0;}

.culture{padding: 3.4375rem 0 6rem;}
.culture-list ul li{width: 30%; height: 21rem;background: #ffffff;border-radius: 0.75rem;box-shadow: 0px 0px 3.125rem 0px rgba(0,0,0,0.05); text-align: center; padding: 3.6875rem 3% 0; box-sizing: border-box; }
.culture-list ul li .icon{width: 3.875rem; margin: 0 auto 1.4375rem;}
.culture-list ul li .icon img{display: block; max-width: 100%;}
.culture-list ul li b{display: block; font-size: 1.25rem; color: #2289cf; margin-bottom: 0.75rem;}
.culture-list ul li h4{display: block; font-size: 1.375rem; color: #4d4d4d;line-height: 2.125rem;}

.team-list ul li{width: 20%; position: relative;}
.team-list ul li .pic{overflow: hidden;}
.team-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.team-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.team-list ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 28%; text-align: center;}
.team-list ul li .icon{display: block; width: 7.75rem;height: 7.75rem;background: #2289cf; border-radius: 50%; margin: 0 auto 5.625rem; display: flex; align-items: center; justify-content: center;}
.team-list ul li .icon>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); max-width: 100%; display: block;}
.team-list ul li h3{display: block; font-size: 1.125rem; color: #fff; font-weight: bold;}





.aboutFour {position: relative; padding: 6rem 0; overflow: hidden;}
.aboutFour .bjIcBox {position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;}
.aboutFour .bjIcBox .ic1 {position: absolute; left: 0; bottom: -20%;}
.aboutFour .bjIcBox .ic2 {position: absolute; right: 0; top: 0;}
.abFourSlide .hd ul {display: grid; justify-content: center; grid-template-columns: repeat(3,auto); align-items: center; gap: 7%;}
.abFourSlide .hd ul li {cursor: pointer;}
.abFourSlide .hd ul li h5 {font-size: 2.5rem;font-weight: 400;color: #bebebe; transition: 0.3s; position: relative;display: inline-block; font-weight: bold;}
.abFourSlide .hd ul li h5::after {content: ""; display: block; width: 0; transition: .5s; height: 0.38rem; background: #2289cf; position: absolute; left: -24%; top: 50%; transform: translate(-50%, -50%)}
.abFourSlide .hd ul li small {font-size: 1.25rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #d9d9d9;display: block;}
.abFourSlide .hd ul i {display: block; width: 0.06rem; height: 2.31rem; background: #dddddd;}
.abFourSlide .hd li.on h5 {color: #333333;}
.abFourSlide .hd li.on h5::after {width: 2.19rem;}
.abfoSwiper {position: relative; padding: 8rem 0; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox img {max-width: 20rem;max-height: 28rem;box-shadow: 0 0.3rem 0.8rem 0 rgb(141 160 172 / 30%); transform: scale(0.95); transition: .5s;}
.abfoSwiper .swiper-slide span {font-size: 1.44rem;display: block; margin-top: 1rem; color: rgba(102, 102, 102,.78);}
.abfoSwiper .swiper-slide.active .imgBox img {transform: scale(1);}
.abfoSwiper .swiper-slide.active span {color: #666;}
.abfoSwiper .swjt {width: 4.25rem;height: 4.25rem; z-index: 2; left: 45%;  top: auto; bottom: 0;}
.abfoSwiper .swjt::before {content: ""; position: absolute; width: 100%; height: 100%;background: #adbac2;  z-index: -1; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swjt::after {content: ""; display: block; position: absolute; width: 100%; height: 100%;  background: #2289cf; z-index: -2; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swiper-button-prev img {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {right: auto; left: 52%;}
.abfoSwiper .swjt:hover::before {transform: rotate(-45deg);}
.abfoSwiper .swjt:hover::after {transform: rotate(20deg);}



/* 内页产品列表页 */
.position {   position: absolute;   bottom: 3.125rem;}
.position span{color: #ddd;}
.position span a{font-size: 1.1875rem; color: #ddd; margin: 0 0.875rem;}
.proclass-box{background: #fff; position: relative;}
.proclass-box::after{height: 5px;background: #eeeeee; position: absolute; content: ''; width: 100%; bottom: 0;}
.proclass-box .container{height: 14.125rem;}
.product-class{overflow: hidden;}
.product-class ul{ height: 14.125rem;}
.product-class ul li{position: relative; }
.product-class ul li::after{position: absolute; content: ''; height: 5px;background: #2289cf; width: 0; bottom: 0; transition: 0.6s;}
.product-class ul li .icon{width: 4rem;height: 4rem; border-radius: 50%; margin: 0 auto 0.5rem; position: relative;}
.product-class ul li .icon::after{position: absolute; content: ''; width: 100%; height: 100%; border-radius: 50%; background: #2289cf; transition: 0.6s; transform: scale(0);}
.product-class ul li .icon img{max-width: 100%; display: block; position: relative; z-index: 5;}
.product-class ul li strong{display: block;  color: rgba(102,102,102,0.68); font-size: 1.25rem;}
.product-class ul li:hover .icon::after,.product-class ul li.on .icon::after{transform: scale(1);}
.product-class ul li:hover .icon img,.product-class ul li.on .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.product-class ul li:hover strong.product-class ul li.on strong{color: #333;}
.product-class ul li:hover::after,.product-class ul li.on::after{width: 100%;}


#proclass-num{display: none;}

.main-bg{padding: 5.5625rem 0;}
.pro-main{background: #f6f6f6;}
.nypro-list ul li{margin-bottom: 2.0625rem;}


/* 内页产品详情页 */
.ny-header-zw{height: 6.1875rem;}
.proxq-top{background: #2289cf; height: 14.875rem;}
.proxq-top .container{}
.ny-header{position: fixed; width: 100%;}

.proxq-class{padding: 4.5625rem 0 0;}
.proxq-class strong{display: block; font-size: 3rem; color: #fff;}
.proxq-class .position{position: relative; bottom: auto;}
.proxq-class .position span,.proxq-class .position a{color: rgba(255, 255, 255,.54);}
.proxq-class .position img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.proxq-class .position a:hover{color: #fff;}

.white-bg{background: #fff; padding: 2.625rem 4.2% 8.4375rem; box-sizing: border-box; position: relative; top: -8.5625rem; z-index: 3;}
.proxq-main{background: #f6f6f6;}
.proxq-title{margin-bottom: 2.25rem;}
.proxq-title strong{display: block; font-size: 3.25rem; color: #333;}
.proxq-pic{width: 55%; overflow: hidden; position: relative;}
.proxq-pic ul li .pic img{display: block; width: 100%;}
#proxq-num{display: none;}
.proxq-info{width: 42%;}
.proxq-info strong{display: block; font-size: 2.25rem; color: #333; margin-bottom: 0.5625rem;}
.proxq-info b{display: block; font-size: 2.25rem; line-height: 1.625rem; color: #dcdcdc; text-transform: uppercase; margin-bottom: 1.75rem;}
.proxq-info i{display: block; width: 4.125rem;height: 0.1875rem;background: #2289cf; margin-bottom: 2.6875rem;}
.proxq-info span{margin-bottom: 0.75rem;}
.proxq-info span>img{margin-right: 0.5rem;}
.proxq-info{padding-bottom:1.75rem ;}
/* tianjia*/

.product-content{margin-top:2.25rem ;}
.pro-tab-tit { padding: 30px 14px 20px; background: #fff; border-bottom: 1px solid #ddd; font-size: 0; }
.pro-tab-tit li { display: inline-block; font-size: 20px; padding: 0 10px; position: relative; color: #4d4d4d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.js-tab-tit { padding: 30px 40px 20px; }
.js-tab-tit li { cursor: pointer; }
.js-tab-tit li:hover, .pro-tab-tit li.on { color: #c39c61; }

.pro-tab-tit li:before { content: ""; position: absolute; left: 50%; bottom: -21px; width: 0; height: 2px; background: #c39c61; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pro-tab-tit li.on:before { width: 100%; left: 0; }
.pro-tab-tit li ~ li { margin-left: 40px; }

.product-detail { background: #fff; padding: 50px 60px 70px; }
.product-detail .item { line-height: 1.75; font-size: 16px; }
.product-detail .item ~ .item { display: none; }
.detail-other { background: #fff; margin-top: 10px; padding: 30px 40px; }
.detail-page { width: 65%; }
.detail-page .item { max-width: 45%; }
/* tianjia*/


/* 内页应用案例列表页 */
.case-list{}
.case-list ul li{margin-bottom: 5.25rem;}
.case-list ul li .pic{width: 58%;}
.case-list ul li .pic img{display: block; width: 100%;}
.case-list ul li .info{background: #f9f9f9; width: 42%; padding:  0 4%; box-sizing: border-box; display: flex; align-items: center;}
.case-list ul li .icon{margin-bottom: 0.6875rem;}
.case-list ul li .icon img{filter: brightness(0); -webkit-filter:brightness(0);}
.case-list ul li .info h3{display: block; font-size: 2.25rem; color: #333; margin-bottom: 2.375rem;}
.case-list ul li .info h4{display: block; font-size: 1rem; line-height: 1.875rem;  color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.case-list ul li:nth-child(2n){flex-direction: row-reverse;}



.customer-list ul li{width: 25%; margin-bottom: 2.875rem;}
.customer-list ul li .pic{border-radius: 0.625rem; box-shadow: 0px 0px 18.6px 0px rgba(161,161,161,0.11); width: 76%; }
.customer-list ul li .pic img{display: block; width: 100%; border-radius: 0.625rem;}


/* 内页图片详情页 */
.picture-title{border-bottom: 1px solid #F2F2F2; padding-bottom: 1.875rem;}
.picture-title strong{display: block; font-size: 2.125rem; color: #333; font-weight: normal; text-align: center;}
.picture-title span{ font-size: 1rem; color: #999; margin-right: 4.375rem;}
.picture-title span>img{display: inline-block; margin-right: 0.875rem;}
.picture-editbox{border-bottom: 1px solid #F2F2F2; padding: 1.875rem 0; margin-bottom: 3.75rem;}
.picture-arrow .text em{display: block; font-size: 1rem; color: #999; line-height: 2rem;}
.picture-arrow .text a{color: #333;}
.picture-arrow .text a:hover{color: #2289cf;}
.picture-back a{transition: 0.6s; display: block; width: 7.75rem;line-height: 2.875rem;background: #000;border-radius: 1.4375rem; font-size: 1rem; color: #fff; text-align: center;}
.picture-back a:hover{background: #2289cf;}


/* 内页新闻列表页 */
.newsList ul {display: grid;grid-template-columns: repeat(3,1fr);width: 106%;margin-left: -3%;position: relative;padding: 4.625rem 0;}
.newsList ul li {position: relative;padding: 0 12% 13%;box-sizing: border-box;position: relative;overflow: hidden;margin-bottom: 2.5625rem;}
.newsList ul::before {content: ""; position: absolute; width: 1px; height: calc(100% - .7rem);background: #eeeeee;right: 66.6%; top: 0; overflow: hidden;}
.newsList ul::after {content: ""; position: absolute; width: 1px;  height: calc(100% - .7rem);background: #eeeeee;right: 33.3%; top: 0; overflow: hidden;}
.newsList ul li:nth-child(3n)::before {display: none;}

.newsList ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #eeeeee;right: 0; z-index: -1; -webkit-clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%); clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.newsList ul li:hover::after { transform: translateY(0);}

.newsList ul li .pic{overflow: hidden; margin-bottom: 1.75rem;}
.newsList ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.newsList ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.newsList ul li .info strong{font-size: 1.1875rem; color: #333; margin-bottom: 0.5625rem;}
.newsList ul li .info h3{font-size: 1rem; line-height: 1.8125rem; color: #666; margin-bottom: 2.3125rem;}
.newsList ul li .info span{display: block; font-size: 1rem; color: #2289cf;}
.newsList ul li .info span>img{margin-left: 0.75rem;}
.newsList ul li:hover .info strong{color: #2289cf;}




/* 内页新闻详情页 */
.nynews-xq {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 5rem;}
.news-left{width: 68%;}
.news-xq{width: 100%; border-radius: 0.625rem;box-shadow: 0px 0px 40px 0px rgba(227, 226, 225, 0.42); margin-bottom: 6.0625rem; padding: 4rem 5% 4rem; box-sizing: border-box;}
.newsxq-title{border-bottom: 0.0625rem solid #ddd; padding-bottom: 2.8125rem; margin-bottom: 2.8125rem;}
.newsxq-title strong{display: block; font-size: 2rem; color: #333; margin-bottom: 0.3125rem;}
.newsxq-title span{display: block; font-size: 1rem; color: #777;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block; font-size: 1.125rem; color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #2289cf;border-color: #2289cf;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #2289cf;}
.news-right{width: 26.68%; border-radius: 0.3125rem; position: sticky;top:120px;box-shadow: 0px 0px 30px 0px rgba(226,225,224,0.42); padding: 2.1875rem 2% 3.4375rem; box-sizing: border-box;}
.news-right:after{position: absolute; content: '';  width: 68%;height: 0.4375rem;background: #2289cf;border-radius: 0.25rem;  bottom: -0.1875rem;left: 0; right: 0; margin: auto;}
.recom-news strong{display: block; font-size: 1.625rem; color: #333; margin-bottom: 2.1875rem;}
.recomnews-list ul li{margin-bottom: 1.875rem;}
.recomnews-list ul li a{display: flex; align-items: center; }
.recomnews-list ul li .pic{width: 50%; overflow: hidden; border-radius: 0.3125rem; margin-right: 5%;}
.recomnews-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recomnews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recomnews-list ul li .info{width: 48%;}
.recomnews-list ul li em{display: block; font-size: 0.875rem; color: #999; margin-bottom: 0.4375rem;}
.recomnews-list ul li strong{ font-size: 1rem; line-height: 1.625rem; color: #333; }
.recomnews-list ul li:hover strong{color: #2289cf;}



/* 内页联系我们 */
.contact{background: #f5f5f5;}
.contact-left{width: 41.56%;}
.contact .pic{width: 58.44%;}
.contact .pic  img{display: block; width: 100%;}
.contact-left .info{margin-left: 26%; }
.contact-left .info strong{display: block; font-size: 2rem; color: #333;}
.contact-left .tel{padding: 3.5rem 0; border-bottom: 1px solid #ddd;}
.contact-left .tel img{display: block; width: 5.3125rem; margin-right: 2.375rem;}
.contact-left .tel em{display: block; font-size: 1.6rem; color: #333;}
.contact-left .tel strong{display: block; font-size: 2.5rem; color: #2289cf; line-height: 1.8125rem; font-family: Arial;}
.contact-left .text{border-bottom: 1px solid #ddd; padding: 3.3125rem 0;}
.contact-left .text p{font-size: 1.25rem; color: #333; margin-bottom: 0.6875rem;}


.ny-message .info{width: 38%;}
.ny-message .info strong{display: block; font-size: 2.625rem; color: #333;}
.ny-message .info span{display: block; font-size: 1rem; line-height: 1.5625rem; color: #666;}
.icon-list{margin-top: 4.4375rem;}
.icon-list ul li{margin-right: 1.6875rem;}
.icon-list ul li img{display: block; width: 3.0625rem;}
.ny-message{padding: 5.625rem 0 6.875rem;}
.ny-mess {width: 55.6%;}
.ny-mess ul,.ny-mess>div{margin-bottom: 1.3125rem;}
.ny-mess ul li{width: 47%;}
.ny-mess span{display: block; font-size: 1rem; color: #717171; margin-bottom: 0.125rem;}
.ny-mess i{font-size: 1rem; color: #ff0000; font-style: normal;}
.ny-mess input,.ny-mess textarea{outline: none; font-family: "Microsoft YaHei"; box-sizing: border-box; background: #f0f0f0;border: 1px solid #dcdcdc;border-radius: 5px; box-sizing: border-box; line-height: 3.75rem; width: 100%; font-size: 1rem; color: #ccc; text-indent: 1.4375rem; }
.ny-mess ul li input{}
.ny-mess textarea{line-height: 1.625rem; height: 8.125rem; padding: 0.625rem 0; box-sizing: border-box;}
.ny-mess input::placeholder,.ny-mess textarea::placeholder{color: #cccccc;}
.ny-mess .code{width: 47%; margin-bottom: 2.375rem;}
.ny-mess .code-img{ font-family: "Microsoft YaHei"; box-sizing: border-box; background: #f0f0f0;border: 1px solid #dcdcdc;border-radius: 5px; box-sizing: border-box; line-height: 3.75rem; width: 100%; font-size: 1rem; color: #ccc;}
.ny-mess .code-img input{ border: none;}
.ny-mess .code-img img{border-radius: 1.25rem; margin-right: 0.625rem;}
.ny-mess .mess-submit{cursor: pointer; width: 10.0625rem;line-height: 3.1875rem;background: #2289cf;border-radius: 0.3125rem; border: none; text-indent: 0; color: #fff; font-weight: bold;} 




/* 二维码弹窗 */

#c-code-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}

#c-code-pop .c-img-box {position: absolute;top: 50%; left: 50%;padding: 20px; width: 200px; border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

#c-code-pop .c-img-box .c-close {position: absolute; display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;bottom: -60px;left: 50%;margin-left: -20px; cursor: pointer; background-color: #fff; border-radius: 50%; transition: all 0.5s;}

#c-code-pop .c-img-box .c-close img,

#c-code-pop .c-img-box .c-close svg {margin: 4px; width: 18px;height: 18px;}

#c-code-pop .c-img-box .c-close img path,

#c-code-pop .c-img-box .c-close svg path { fill: #333;transition: all 0.5s;}

#c-code-pop .c-img-box .c-close:hover {background: #2289cf;}

#c-code-pop .c-img-box .c-close:hover svg path {fill: #fff;}

#c-code-pop .c-img-box > img {width: 100%;}

#c-code-pop .c-img-box .c-text { padding-top: 10px; line-height: 1;text-align: center; color: #333;}

 













/*分页*/

.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}

.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}

.fy a:hover {color: #fff; background: #2289cf;}

.fy .layui-laypage-curr {color: #fff; background: #2289cf; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}







/* 搜索页面 */

.search-page .container15 {width: 1200px;}

.search-page .box {margin-top: 1rem;}

.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }

.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}

.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; background: transparent;}

.search-page ul {width: 100%;}

.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}

.search-page li span {background: #d22017;color: #fff;/* font-size: 12px; *//* padding: 2px 5px; */font-size: 1rem;padding: 0.5%;}

.search-page li h3 {font-size: 1.125rem;color: #000000;font-weight: 700;margin: 10px 0;}

.search-page li p {font-size: 1rem;color: #666;line-height: 1.5rem;}

.search-page li .le {width: 95%;}

.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}

.search-page li img {transition: .5s; margin-right: 20px;}

.search-page li:hover img {transform: translateX(20px);}

@media screen and (min-width: 200px) and (max-width: 640px){

  .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}

  .search-page form .searchCon {width: 80%;}

}

#c-placeholder{height: 10rem;}


.wapnews-class{display: none;}

.wap-aboutclass{display: none;}


#team,#culture{position: relative; top: -12rem}

.ny-header1.headfixed{box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.ny-header1.headfixed  .pc-nav ul li h3 {
  color: #333;
}

.ny-header1.headfixed .headSearch i svg path {
  fill: #333;
}

.app-list ul li .icon img{width: 3rem}



a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#2289cf;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

.bordered-table{border-collapse: collapse; /* 可选，用于合并相邻单元格的边框 */
width: 100%;
flex-wrap: wrap; /* 允许项目换行 */}
/* 设置第1行*/
.row1 {background-color: #b2eef685;
}

/* 设置第2行 */
.row2 {background-color: #f1f4f4b5;}
/* 设置第1列 单元格*/
.col1::after{
content: "●";
color:#2289cf;
font-size: 26px;
}
.col1 { width: 5%;padding: 8px; /* 可选，添加一些内边距 */
border-bottom:2px solid #fff;
text-align: right;
vertical-align: center;
border-right: none;
box-sizing: border-box; /* 确保边框和内边距不会影响项目的实际宽度 */}
 /* 设置第2列 */
.col2 { width: 30%;
padding: 8px; /* 可选，添加一些内边距 */
border-right:2px solid #fff;
border-bottom:2px solid #fff;
color: black;
}
/* 设置第3列 */
.col3 { width: 25%;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
padding: 8px; /* 可选，添加一些内边距 */
color: black;
}
/* 设置第4列 */
.col4 { width: 20%;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
padding: 8px; /* 可选，添加一些内边距 */
color: black;
}