@charset "utf-8";
/* CSS Document */


::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#2177e2;}

html{ font-size:100px;}
body { background:#fff; font-size:0.16rem; font-family:'pingFangSC-MEDIUM'; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-size:0.16rem;  font-family:'pingFangSC-MEDIUM'; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#2177e2; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:85.4%; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


@font-face { font-family:'pingFangSC-REGULAR'; src:url('../fonts/PINGFANG REGULAR.TTF'); }
@font-face { font-family:'pingFangSC-MEDIUM'; src:url('../fonts/PINGFANG MEDIUM.TTF');}
@font-face { font-family:'pingFangSC-BOLD'; src:url('../fonts/PINGFANG BOLD.TTF');}
@font-face { font-family:'pingFangSC-LIGHT'; src:url('../fonts/PINGFANG LIGHT.TTF'); }


@font-face {
  font-family: "iconfont"; 
  src: url('../fonts/iconfont.woff2?t=1654906642681') format('woff2'),
       url('../fonts/iconfont.woff?t=1654906642681') format('woff'),
       url('../fonts/iconfont.ttf?t=1654906642681') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/**index**/
.swiper-slide:nth-child(1) .yxHead{ background:none;}
/*.swiper-slide:nth-child(1) .yxHead-logo{ background-image:url(../images/white-logo.png); }*/
.swiper-slide:nth-child(1) .yxHead-nav li a.far{ color:#fff;}
.swiper-slide:nth-child(1) .yxHead-tools .srhbtn{ color:#fff;}
.swiper-slide:nth-child(1) .yxHead-tools .eng{ color:#fff; border-color:#fff;}
.swiper-slide:nth-child(2) .yxHead{ background:none;}
.swiper-slide:nth-child(3) .yxHead{ background:#fafafa;}
.swiper-slide:nth-child(4) .yxHead{ background:none;}
/*.swiper-slide:nth-child(4) .yxHead-logo{ background-image:url(../images/white-logo.png); }*/
.swiper-slide:nth-child(4) .yxHead-nav li a.far{ color:#fff;}
.swiper-slide:nth-child(4) .yxHead-tools .srhbtn{ color:#fff;}
.swiper-slide:nth-child(4) .yxHead-tools .eng{ color:#fff; border-color:#fff;}
.swiper-slide:nth-child(4) .yxChannel-title{ background:#fff; color:#333;}



.yxIndex-page div.active .yxAbout-inner .ent{ animation-name: fadeInUp; animation-duration: 1s;}
.yxIndex-page div.active .yxAbout-inner .cnt{ animation-name:fadeInUp; animation-duration:1.2s;}
.yxIndex-page div.active .yxAbout-inner .txt{ animation-name:fadeInUp; animation-duration:1.4s;}
.yxIndex-page div.active .yxAbout-inner .vie{ animation-name:fadeInUp; animation-duration:1.6s;}
.yxIndex-page div.active .yxAbout-inner .num{ animation-name:fadeInUp; animation-duration:1.8s;}
.yxIndex-page div.active .yxAbout-figure{ animation-name:fadeInRight; animation-duration:1.5s;}
.yxIndex-page div.active .yxProduct-left .title{ animation-name:fadeInLeft; animation-duration:1s;}
.yxIndex-page div.active .yxProduct-left .tabs{ animation-name:fadeInLeft; animation-duration:1.2s;}
.yxIndex-page div.active .yxProduct-left .view{ animation-name:fadeInLeft; animation-duration:1.4s;}
.yxIndex-page div.active .yxProduct-listSwith{ animation-name:fadeInRight; animation-duration:1.5s;}

.yxIndex-page div.active .yxField-inner .in-tit{ animation-name:fadeInUp; animation-duration:1s;}
.yxIndex-page div.active .yxField-inner .in-txt{ animation-name:fadeInRight; animation-duration:1.5s;}
.yxIndex-page div.active .yxField-inner .in-circle{ animation-name: bounceIn; animation-duration:2s;}

.yxIndex-page div.active .yxNews-left{animation-name:fadeInLeft; animation-duration:1s;}
.yxIndex-page div.active .yxNews-list li{ animation-name:fadeInRight; animation-duration:1s;}
.yxIndex-page div.active .yxNews-list li:nth-child(2){ animation-duration:1.2s;}
.yxIndex-page div.active .yxNews-list li:nth-child(3){ animation-duration:1.4s;}
.yxIndex-page div.active .yxNews-list li:nth-child(4){ animation-duration:1.6s;}
.yxIndex-page div.active .yxFooter{ animation-name:fadeInUp; animation-duration:2s;}




.yxHead{ background:#fff; width:100%; position:absolute; left:0; top:0; z-index:999;}
.yxHead.topFix{ position:fixed; box-shadow:0 0 10px rgba(0,0,0,.15);}
.yxHead-logo{ background-image:url(../images/logo.png); background-size:100%; width:1.36rem; height:0.38rem; margin-top:0.2rem;}
.yxHead-nav{ margin-left:4.16vw;}
.yxHead-nav li{ position:relative; float:left; padding-right:2.08vw; padding-left:1.04vw;}
.yxHead-nav li a.far{ font-size:0.18rem; line-height:0.82rem; display:block;}
.yxHead-nav li .subNav{ background-color:#fff; position:absolute; min-width:160px; width:100%; border-radius:6px; padding:5px 0px; left:0; top:100%; opacity: 0; transform: translate3d(0, 10px, 0); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; pointer-events:none;  }
.yxHead-nav li .subNav a { display:inline-block; width:100%; font-size:0.14rem; line-height:0.24rem; padding:0.05rem 0.15rem;}

.yxHead-nav li:hover .subNav{ pointer-events:auto; opacity:1; transform:translate3d(0, 0px, 0);}

.yxHead-tools{ height:0.82rem; display:flex; align-items:center; position:relative;}
.yxHead-tools .srhbtn{ font-size:0.22rem; font-weight:bold; cursor:pointer; margin-right:2.08vw;}
.yxHead-tools .eng{ padding:0 2.08vw; line-height:1; border-left:2px #4a4a4a solid;}
.yxHead-tools .iconfont{ font-size:0.2rem;}

.yxHead-tools .srh-box{ position:absolute; top:100%; left:0; display:flex; align-items:center; pointer-events:none; opacity:0; transform:translateY(10px); backdrop-filter:blur(5px); box-shadow:0 5px 20px -3px rgba(0, 0, 0, 0.06); transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out; }
.yxHead-tools .srh-box .inpt{ background:#fff; width:3rem; height:0.52rem; line-height:0.22rem; padding:0.15rem;}
.yxHead-tools .srh-box .sbtn{ background:#2177e2; font-size:0.24rem; width:0.8rem; line-height:0.52rem; color:#fff; height:0.52rem; cursor:pointer;}
.yxHead-tools .srh-box.active{ opacity:1; pointer-events:auto; transform:none;}



.yxHead .menuBtn { width: 30px; height: 23px; cursor: pointer; position:absolute; right:3%; top:13px; display:none;}
.yxHead .menuBtn > span { background:#2177e2; width: 30px; height: 3px; display: block; position: absolute; left: 0; top: 0; transition: all 0.4s; }
.yxHead .menuBtn > span:nth-child(2) { width: 18px; top: 11px; }
.yxHead .menuBtn > span:nth-child(3) { top: 22px; }
.yxHead .menuBtn:hover > span { width: 30px; }


.menuItem { background-color: #fff; width: 0%; height: 100%; position: fixed; right: 0; top: 0; z-index: 9999; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: -1px 0 10px 0 rgba(0,0,0,0.2); overflow: hidden; overflow-y: auto; }
.menuItem.on { opacity: 1; width:100%; }
.menuItem-padd { width: 100%; padding:50px 15px 20px 15px; }
.menuItem-close { background:#2177e2 url(../images/menu-close.png) no-repeat center; background-size:20px auto; width:40px; height:40px; text-align: center; line-height: 82px; color: #fff; font-size: 30px; position: absolute; right: 0; top: 0; }
.menuItem-title { font-size:0.22rem; font-weight: bold; line-height: 1; color:#2177e2; position: relative; padding-bottom:10px; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; transform: translateY(5%); }
.menuItem-title.on { opacity: 1; transform: translateY(0); }
.menuItem-title .en { font-size:0.26rem; color: #cbcbcb; text-transform: capitalize; display: inline-block; line-height: 1; vertical-align: -2px; padding-left: 15px; font-weight: normal; }
.menuItem-title:before { content: ''; background:#2177e2; width: 59px; height:2px; position: absolute; left: 0; bottom: 0; }
.menuItem-list { font-size: 0; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; position: relative; transform: translateY(5%); padding-top:10px;}
.menuItem-list.on { transform: translateY(0); opacity: 1; }
.menuItem-list dl { width:100%; display: inline-block; margin-top:20px; vertical-align: top; }
.menuItem-list dl dt { font-size:0.22rem; line-height: 1; text-align: left; padding-bottom: 10px; }

.menuItem-list dl dd a { display:inline-block; line-height:0.42rem; color: #555; font-size:0.2rem; padding-left: 30px; position: relative; }
.menuItem-list dl dd a:before { content: ''; background:#2177e2; width: 0; height: 1px; position: absolute; left: 20px; top: 21px; transition: all 0.4s; }
.menuItem-list dl dd a:hover { padding-left: 40px; color:#2177e2; }
.menuItem-list dl dd a:hover:before { width: 14px; }



.yxChannel{ position:fixed; right:0; top:50%; z-index:98; transform:translateY(-50%);}
.yxChannel-title{ background:#2177e2; font-size:0.16rem; color:#fff; line-height:0.5rem; display:flex; justify-content:space-between; align-items:center; padding:0 0.15rem; cursor:pointer;}
.yxChannel-title .iconfont{ transition:all 0.4s; transform:rotate(180deg);}
.yxChannel-list{ display:none;}
.yxChannel-list a{ background:rgba(22,71,167,.9); display:block; text-align:center; color:#fff; position:relative; padding:0.15rem 0; font-size:0.15rem; border-bottom:1px solid rgba(255,255,255,.1); }
.yxChannel-list a .icon{ margin-bottom:0.12rem; display:inline-block; vertical-align:top;}
.yxChannel-list a:hover{ background:rgba(46,100,204,.9); }
.yxChannel.enable .yxChannel-list{ display:block;}
.yxChannel.enable .yxChannel-title .iconfont{ transform:none;}


.yxMouse{ width:0.17rem; height:0.27rem; border-radius:0.08rem; position:absolute; left:50%; transform:translateX(-50%); bottom:1.92vw; z-index:10; border:2px #fff solid;}
.yxMouse:before{ content:''; background:#fff; width:2px; height:0.05rem; position:absolute; left:50%; margin-left:-1px; top:0.05rem; animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; }

@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0.01rem);
    -moz-transform: translateY(0.01rem);
    -ms-transform: translateY(0.01rem);
    -o-transform: translateY(0.01rem);
    transform: translateY(0.01rem);
  }
  100% {
    -webkit-transform: translateY(0.1rem);
    -moz-transform: translateY(0.1rem);
    -ms-transform: translateY(0.1rem);
    -o-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
  }
}


.yxIndex-page{ width:100%; height:100vh; overflow:hidden; }
.yxIndex-page .swiper-pagination-index{ left:auto !important; right:0; width:7px !important;}
.yxBanner { position:relative; overflow:hidden; width:100%; height:100%; }
.yxBanner li .bigimg { position:relative; display:block; height:100% !important; background-size: cover; background-position:center; width:100%; background-color:#000; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-transition:transform 2s ease-in-out; -moz-transition:transform 2s ease-in-out; -o-transition:transform 2s ease-in-out; -ms-transition:transform 2s ease-in-out; transition:transform 2s ease-in-out; }
.yxBanner li .mobile-pic{ width:100%; display:none;}
.yxBanner li .bannerbox {display:-webkit-box; display:-moz-box; display:-ms-flexbox;  display:-webkit-flex; display:flex; -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;text-align:center; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.yxBanner li.swiper-slide-active .bannerbox img.tu1, .yxBanner li.swiper-slide-active .bannerbox img.tu2,.yxBanner li.swiper-slide-active .bannerbox a {transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.yxBanner li .bannerbox img {width:auto;display:block;max-width:100%;margin:0 auto;}
.yxBanner li .bannerbox img.tu1 { transform:translateX(300%);-webkit-transform:translateX(300%);opacity:0;transition:all 1s;}
.yxBanner li .bannerbox img.tu2 {transform:translateX(-300%);-webkit-transform:translateX(-300%);margin-bottom:50px;opacity:0;transition:all 1s;}


.yxBanner li.swiper-slide-active .bigimg { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.yxBanner .swiper-button-next, .yxBanner .swiper-button-prev{ width:auto; height:auto; font-size:0.55rem; color:#d2d2d2; line-height:1; opacity:1;}
.yxBanner .swiper-button-next{ right:5.2vw;}
.yxBanner .swiper-button-prev{ left:5.2vw;}
.yxBanner .swiper-pagination{ width:auto !important; left:7.3% !important; bottom:9.7vh !important; text-align:left;}
.yxBanner .swiper-pagination-bullet{ background:none; width:0.34rem; height:auto; margin:0 0.06rem !important; color:#2e90e3; line-height:1; padding-bottom:0.09rem; vertical-align:bottom; position:relative;}
.yxBanner .swiper-pagination-bullet:before{ content:''; background:rgba(255,255,255,.5); width:100%; height:2px; position:absolute; left:0; bottom:0;}
.yxBanner .swiper-pagination-bullet-active{ font-size:0.3rem;}
.yxBanner .swiper-pagination-bullet-active:before{ background:#fff; width:100%; height:4px; border-radius:2px;}


.yxAbout{ background:#eaf3fc; width:100%; height:100%; display:flex;}
.yxAbout-inner{ width:51.45%; height:100%; padding:0 7.8% 0 7.3%; display:flex; flex-flow:column; justify-content:center;}
.yxAbout-inner .ent{ font-family:Bahnschrift; font-size:0.36rem; color:#2177e2; line-height:1;}
.yxAbout-inner .cnt{ font-family:'pingFangSC-BOLD'; font-size:0.32rem; line-height:1; margin-top:0.2rem; padding-bottom:0.3rem; position:relative;}
.yxAbout-inner .cnt:before{ content:''; background:#2177e2; width:0.6rem; height:0.06rem; position:absolute; left:0; bottom:0;}
.yxAbout-inner .txt{ line-height:0.36rem; margin-top:6.9vh; max-height:1.8rem; overflow:hidden; text-indent:0.35rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.yxAbout-inner .vie{ background-image:url(../images/more.jpg); background-size:100% 100%; width:1.8rem; line-height:0.5rem; text-align:center; display:inline-block; color:#fff; margin-top:4.6vh; border:1px #57affa solid; box-shadow:4px 0 9px rgba(46,144,227,.3);}
.yxAbout-inner .num{ display:flex; margin-top:12.8vh;}
.yxAbout-inner .num dl{ width:33.33%; text-align:center; line-height:1; border-right:1px #96cfff solid;}
.yxAbout-inner .num dl:last-child{ border:0;}
.yxAbout-inner .num dl dd{ margin-top:0.35rem;} 
.yxAbout-inner .num dl dd .n{ font-family:Bahnschrift; font-size:0.6rem; color:#2177e2; display:inline-block; margin-right:0.15rem;}

.yxAbout-figure{ width:48.55%; height:100%; overflow:hidden; position:relative; display: flex; align-items: center;}
.yxAbout-figure .swiper-wrapper{ height:auto;}
.yxAbout-figure span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.yxAbout-figure:hover span{ transform:scale(1.05);}
/*.yxAbout-figure .card { position:absolute; left:0; top:29vh; width:100%; -webkit-transition:all .3s ease; transition:all .3s ease; z-index:90; opacity:1 !important;}
.yxAbout-figure .card:first-of-type {-webkit-transform:scale(0.9) !important; transform:scale(0.9) !important; -webkit-transform-origin:center; transform-origin:center; }
.yxAbout-figure .card:nth-of-type(n+2) { -webkit-transform:scale(0.8) rotate(-5deg) translateY(-20px) !important; transform:scale(0.8) rotate(-5deg) translateY(-20px) !important; -webkit-transform-origin:bottom left; transform-origin:bottom left; }
.yxAbout-figure .card:last-of-type { -webkit-transform:scale(0.8) rotate(5deg) translateY(-20px) !important; transform:scale(0.8) rotate(5deg) translateY(-20px) !important; -webkit-transform-origin:bottom right; transform-origin:bottom right; }
.yxAbout-figure .card.active{ z-index:101; opacity:1 !important;}*/


.yxProduct{ background-image:url(../images/yxProduct-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; display:flex; align-items:center;}
.yxProduct-left{ width:29%; padding-left:7.3%;}
.yxProduct-left .title{ font-size:0.3rem;}
.yxProduct-left .tabs{ padding-top:0.4rem;}
.yxProduct-left .tabs a{ display:block; font-size:0.18rem; position:relative; line-height:0.4rem; margin-top:0.55rem; padding-left:0.34rem;}
.yxProduct-left .tabs a.on:before{ content:''; background:#2177e2; width:0.04rem; height:100%; position:absolute; left:0; top:0;}
.yxProduct-left .tabs a.on:after{ content:''; background:#2177e2; width:1.44rem; height:1px; position:absolute; left:0; bottom:0;}
.yxProduct-left .view{ background-image:url(../images/more.jpg); background-size:100% 100%; width:1.8rem; line-height:0.5rem; text-align:center; display:inline-block; color:#fff; margin-top:4.6vh; border:1px #57affa solid; box-shadow:4px 0 9px rgba(46,144,227,.3);}
.yxProduct-listSwith{ width:71%; overflow:hidden;}
.yxProduct-list{ display:none; position:relative; padding-bottom:0.65rem;}
.yxProduct-list:first-child{ display:block;}
.yxProduct-list li a{ background:url(../images/yxProduct-box.jpg) no-repeat; background-size:cover; background-position:center; height:5.04rem; display:flex; align-items:center; justify-content:center; position:relative;}
.yxProduct-list li a .name{ font-size:0.18rem; position:absolute; left:0.48rem; top:0.38rem;}
.yxProduct-list li a img{ max-height:80%;}
.yxProduct-list .scrollbar { position: absolute; bottom:0; left:0; z-index:10; color:#333; font-size:0.24rem; }
.yxProduct-list .scrollbar p { display:inline-block; vertical-align:middle; }
.yxProduct-list .swiper-pagination { width:auto !important; margin:0 10px; display:inline-block; vertical-align:middle; position:relative; left:auto !important; bottom:auto !important; }
.yxProduct-list .swiper-pagination-bullet { background:rgba(33,119,226,.1); width:0.3rem; height:1px; position:relative; border-radius:0; margin:0!important; cursor:pointer; opacity:1; display:inline-block !important; }
.yxProduct-list .swiper-pagination-bullet:before{ content: ''; width:100%; height:2px; position:absolute; bottom:0; left:0; opacity:0;}
.yxProduct-list .swiper-pagination-bullet-active:before{ background:#2177e2; -webkit-animation:swiperPaginationWidth 6s; animation:swiperPaginationWidth 6s; opacity:1;}
.yxProduct-list .swiper-button-next, .yxProduct-list .swiper-button-prev{ background:#e7ebf0; width:0.34rem; height:0.34rem; line-height:0.34rem; font-size:0.14rem; opacity:1; border-radius:50%; top:auto; margin-top:auto; bottom:0; color:#333; transition:all 0.4s;}
.yxProduct-list .swiper-button-next:hover, .yxProduct-list .swiper-button-prev:hover{ background:#2177e2; color:#fff;}
.yxProduct-list .swiper-button-next{ right:auto; left:42.3vw;}
.yxProduct-list .swiper-button-prev{ left:38vw;}

@keyframes swiperPaginationWidth
{
	from { width: 0;}
	to { width: 100%;}
}
@-webkit-keyframes swiperPaginationWidth
{
	from { width: 0;}
	to { width: 100%;}
}



.yxField{ background-image:url(../images/yxField-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding-left:7.3%;}
.yxField-inner{ width:55%; color:#fff; height:100%;  display:flex; flex-flow:column; justify-content:center;}
.yxField-inner .in-tit{ font-size:0.3rem;}
.yxField-inner .in-txt{ max-width:69%; line-height:0.28rem; max-height:1.12rem; margin-top:0.35rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.yxField-inner .in-menu{ width:89%; padding-top:6.9vh;}
.yxField-inner .in-menu a{ background:url(../images/yxField-box.png); background-size:100% 100%; width:45%; float:left; margin-top:0.45rem; text-align:center; color:#fff; padding:0.2rem 0 0.3rem 0;}
.yxField-inner .in-menu a .ic{ height:0.74rem; display:flex; justify-content:center; align-items:center;}
.yxField-inner .in-menu a .ic img{ max-height:100%;}
.yxField-inner .in-menu a .na{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:0.2rem;}
.yxField-inner .in-menu a:nth-child(2n+2){ float:right;}
.yxField-inner .in-circle{ padding-top:6.9vh; }
.yxField-inner .in-circle dd{ max-width:46%; float:left;}
.yxField-inner .in-circle dd:last-child{ float:right;}



.yxNews{ background:#fafafa; width:100%; height:100%; position:relative; padding-top:23vh;}
.yxNews .w{ display:flex;}
.yxNews .yxFooter{ position:absolute; left:0; bottom:0;}
.yxNews-left{ width:15.85%; display:flex; flex-flow:column; justify-content:space-between;}
.yxNews-left .title{ font-size:0.3rem;}
.yxNews-left .more{ color:#2177e2;}
.yxNews-left .more .iconfont{ margin-left:0.2rem;}

.yxNews-list{ width:84.15%;}
.yxNews-list ul{ display:flex;}
.yxNews-list li{ width:25%; padding:0.3rem 0.27rem 0.4rem 0.27rem; border:1px #ebecf0 solid;}
.yxNews-list li .date{ font-size:0.12rem; color:#999;}
.yxNews-list li .date p:first-child{ font-family:'pingFangSC-BOLD'; font-size:0.3rem; line-height:1; color:#333; padding-bottom:0.08rem; transition:all 0.4s;}
.yxNews-list li .title{ font-family:'pingFangSC-BOLD'; line-height:0.24rem; max-height:0.48rem; margin-top:0.15rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.yxNews-list li .view{ margin-top:0.1rem; font-size:0.14rem; padding-top:0.15rem; display:flex; justify-content:space-between; align-items:center; border-top:1px #e6e6e6 solid; }
.yxNews-list li .thumb{ height:1.5rem; overflow:hidden; margin-top:0.35rem;}
.yxNews-list li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.yxNews-list li:hover .date p:first-child{ color:#2177e2;}
.yxNews-list li:hover .thumb span{ transform:scale(1.05);}


.yxFooter{ background:#135bb7; width:100%; padding:0.36rem 0; color:#fff;} 
.yxFooter .w{ justify-content:space-between; align-items:center; display:flex;}
.yxFooter-left{ font-size:0.14rem; line-height:0.25rem;}
.yxFooter-left .f-logo{ width:2.8rem;margin-bottom:0.35rem;}
.yxFooter-code{ max-width:0.85rem;}


/**招聘**/
.pproduct-banner{ position:relative;}
.pproduct-banner:before{ content:''; background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; left:0; top:0;}
.pproduct-banner img{ width:100%;}

.pproduct-banner .zwzbox{ width:100%; position:absolute; left:0; text-align:center; top:50%; transform:translateY(-50%); z-index:10; color:#fff;}
.pproduct-banner .zwzbox .cn { font-size:0.4rem; line-height:1; display:block;  animation:zoomIn 1s; -moz-animation:zoomIna 1s; -webkit-animation:zoomIna 1s; -o-animation:zoomIna 1s; animation-fill-mode:both; animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.pproduct-banner .zwzbox .en { font-size:0.3rem; line-height:1; text-transform:uppercase; letter-spacing:5px; padding-top:0.25rem; animation:zoomIns 1s; -moz-animation:zoomIns 1s; -webkit-animation:zoomIns 1s; -o-animation:zoomIn 1s; animation-fill-mode:both; animation-delay:0.5s; -webkit-animation-delay:0.5s;}

@-webkit-keyframes zoomIna {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
50% {opacity:1}
}
@-webkit-keyframes zoomIns {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
50% {opacity:1}
}

.pproduct-menu .w{ background:#fff; position:relative; z-index:10; box-shadow:0 0 20px rgba(253,239,239);}
.pproduct-menu .me-title{ background:#2177e2; width:18.75%; position:absolute; left:0; bottom:0; padding:0.4rem 0 0.3rem 0.23rem; color:#fff;}
.pproduct-menu .me-title .li{ background:#f6e5e5; width:0.2rem; height:0.04rem; display:block; vertical-align:top; transition:all 0.4s;}
.pproduct-menu .me-title .en{ font-size:0.2rem; text-transform:uppercase; line-height:1; margin-top:0.3rem; }
.pproduct-menu .me-title .cn{ margin-top:0.08rem;}
.pproduct-menu .me-title .arrow{ font-size:0.18rem; position:absolute; right:0.34rem; top:0.8rem; transition:all 0.4s;}
.pproduct-menu .me-title:hover .arrow{ right:0.25rem;}
.pproduct-menu .me-title:hover .li{ width:0.4rem;}
.pproduct-menu .me-aside{ width:calc(100% - 18.75%); margin-left:18.75%; display:flex;}
.pproduct-menu .me-aside li{ flex:1;text-align:center; position:relative; z-index:2;}
.pproduct-menu .me-aside li > a{ line-height:0.75rem; }
.pproduct-menu .me-aside li > a:before{ content:''; background:#e4f0ff; width:100%; height:0; position:absolute; left:0; top:0; z-index:-1; transition:all 0.4s;}
.pproduct-menu .me-aside li > a:after{ content:''; background:#2177e2; width:0; height:0.02rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:0.02rem; transition:all 0.4s;}
.pproduct-menu .me-aside li > a.active:before,.pproduct-menu .me-aside li > a:hover:before{ height:100%;}
.pproduct-menu .me-aside li > a.active:after,.pproduct-menu .me-aside li > a:hover:after{ width:0.25rem;}
.pproduct-menu .me-aside li .subMenu{ background:#e4f0ff; width:100%; position:absolute; left:0; top:100%; padding:0.1rem 0; display:none;}
.pproduct-menu .me-aside li .subMenu a{ display:block; font-size:0.14rem; padding:6px 0;}
.pproduct-menu .me-aside li .subMenu a:hover{ background:#2177e2; color:#fff; }

.pproduct-menu .pr-aside{ width:calc(100% - 18.75%); margin-left:18.75%; display:flex; flex-wrap:wrap; }
.pproduct-menu .pr-aside li{ text-align:center; position:relative; z-index:2; padding:0.05rem 0;}
.pproduct-menu .pr-aside li > a{ line-height:0.3rem; padding:0 0.2rem;}
.pproduct-menu .pr-aside li > a:before{ content:''; background:#e4f0ff; width:100%; height:0; position:absolute; left:0; top:0; z-index:-1; transition:all 0.4s;}
.pproduct-menu .pr-aside li > a:after{ content:''; background:#2177e2; width:0; height:0.02rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:0.02rem; transition:all 0.4s;}
.pproduct-menu .pr-aside li > a.active:before,.pproduct-menu .me-aside li > a:hover:before{ height:100%;}
.pproduct-menu .pr-aside li > a.active:after,.pproduct-menu .me-aside li > a:hover:after{ width:0.25rem;}
.pproduct-menu .pr-aside li .subMenu{ background:#e4f0ff; width:100%; position:absolute; left:0; top:100%; padding:0.1rem 0; display:none;}
.pproduct-menu .pr-aside li .subMenu a{ display:block; font-size:0.14rem; padding:6px 0;}
.pproduct-menu .pr-aside li .subMenu a:hover{ background:#2177e2; color:#fff; }


.pmain{ padding:4.16vw 0;}
.pmain-page{ padding-top:3.125vw; font-size:0; text-align:center;}
.pmain-page a{ background:#f8f8f8; line-height:0.4rem; margin:0 3px; padding:0 0.18rem; vertical-align:top; display:inline-block; color:#999; font-size:0.14rem;}
.pmain-page .nowpage{ background:#2177e2; line-height:0.4rem; margin:0 3px; padding:0 0.18rem; vertical-align:top; display:inline-block; color:#fff; font-size:0.14rem;}
.pmain-page a:hover{ background:#2177e2; color:#fff;}


.pjob-list li{ display:flex; justify-content:space-between; padding:0.4rem 0.5rem; align-items:flex-start; border:1px solid #eee; margin-top:0.5rem; transition:all 0.3s ease-out;}
.pjob-list li:first-child{ margin-top:0;}
.pjob-list li .date{ color:#9a9a9a;}
.pjob-list li .date .n{ font-weight:bold; margin-bottom:10px; display:block;}
.pjob-list li .date .n > b{ font-size:0.28rem; color:#2177e2;}
.pjob-list li .word{ width:70%; color:#9a9a9a; line-height:2;}
.pjob-list li .word .wt{ font-size:0.2rem; font-weight:bold; margin-bottom:0.2rem; color:#333; line-height:1.5;}
.pjob-list li .word .wb{ margin-bottom:0.24rem;}
.pjob-list li .word .t{ font-weight:bold; color:#333;}

.pjob-list li .go-down { height:0.3rem; display:flex; justify-content:flex-start; align-items:center; }
.pjob-list li .go-down > div { height:0.3rem; position:relative; width:0.4rem; overflow:hidden; }
.pjob-list li .go-down > div > span { position:absolute; top:0; left:0; transition:all 0.3s ease-out;  display:inline-block; }
.pjob-list li .go-down > div > span em { display:block; line-height:0.3rem; white-space:nowrap; font-style:normal; }
.pjob-list li .go-down > i { background-color:#e5e5e5; width:0.3rem; height:0.3rem; border-radius:50%; line-height:0.3rem; text-align:center; color:#fff; display:inline-block; font-size:0.18rem; transition:all 0.3s ease-out; }
.pjob-list li .go-down:hover > i { background-color:#2177e2; transform:translateX(3px); -webkit-transform:translateX(3px); -moz-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px); }
.pjob-list li .go-down.on > div > span { transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.pjob-list li .go-down.on > i { background-color:#2177e2; transform:translateX(3px) rotate(90deg); -webkit-transform:translateX(3px) rotate(90deg); -moz-transform:translateX(3px) rotate(90deg); -o-transform:translateX(3px) rotate(90deg); -ms-transform:translateX(3px) rotate(90deg); }
.pjob-list li:hover { box-shadow:0 0.26rem 0.5rem -6px rgb(97 105 113 / 30%); transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); border-color:transparent; }


/**产品**/
.pcase-tab{ text-align:center; display:none;}
.pcase-tab a{ background:#fff; min-width:1.6rem; line-height:0.44rem; display:inline-block; margin:0 5px; border-radius:0.3rem; }
.pcase-tab a.active, .pcase-tab a:hover{ background:#2177e2; color:#fff;}

.pproduct-list{ display:flex; flex-wrap:wrap;}
.pproduct-list li{ width:33.33%; float:left; margin-top:0.35rem; transition:all 0.4s ease;}
.pproduct-list li a{ background:#fff; height:100%; display:block; padding:0.5rem 0 0.3rem 0; margin:0 10px; text-align:center; border:1px solid #eee;}
.pproduct-list li .title{ line-height:1; margin-bottom:0.3rem; font-size:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproduct-list li .thumb{ height:2rem; display:flex; justify-content:center; align-items:center; }
.pproduct-list li .thumb img{ max-height:100%; transition:all 0.4s;}
.pproduct-list li .desc{ color:#666; line-height:0.28rem; margin-top:0.25rem; padding:0 0.3rem; max-height:0.56rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.4s ease;}
.pproduct-list li .view{ background:#2177e2; display:block; width:0.4rem; height:0.4rem; line-height:0.4rem; color:#fff; margin:auto; margin-top:0.15rem; border-radius:50%; text-align:center; position:relative; opacity:0; visibility:hidden; transition:0.45s; transform:rotateY(-90deg); -webkit-transform:rotateY(-180deg);}
.pproduct-list li:hover a{ box-shadow:0 0 10px rgba(0,0,0,.2);}
.pproduct-list li:hover .thumb img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pproduct-list li:hover .view{ opacity:1; visibility:visible; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg);}


/**技术**/
.pcase-list{ margin-left:-0.4rem; position:relative; margin-top:-0.3rem; display:flex; flex-wrap:wrap;}
.pcase-list li{ width:calc(33.33% - 0.4rem); margin:0.3rem 0 0 0.4rem; float:left; display:inline-block;}
.pcase-list li .pic{ height:3.6rem; overflow:hidden;}
.pcase-list li .pic img{ width:100%; height:100%; display:block; transition:all 0.4s;  object-fit:cover;}
.pcase-list li .tit{ background:#fff; text-align:center; line-height:0.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s; }
.pcase-list li:hover .tit{ background:#2177e2; color:#fff;}
.pcase-list li:hover .pic img{ -webkit-transform:scale(1.05); transform:scale(1.05);}


.pnotice-list li{ margin-top:0.4rem;}
.pnotice-list li:first-child{ margin-top:0;}
.pnotice-list li a{ display:flex; justify-content:space-between; padding:0.3rem; align-items:center; border:1px solid #eee; transition:all 0.3s ease-out; }
.pnotice-list li .word{ width:80%;}
.pnotice-list li .word .t{ font-size:0.2rem; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnotice-list li .view .iconfont{ background-color:#e5e5e5; width:0.4rem; height:0.4rem; line-height:0.4rem; font-size:0.18rem; text-align:center; display:inline-block; color:#fff; border-radius:50%; transition: all 0.5s ease-out; }
.pnotice-list li a:hover{ box-shadow:0 26px 50px -6px rgba(97, 105, 113, 0.3); transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px);-ms-transform:translateY(-5px); border-color:transparent;}
.pnotice-list li a:hover .view > i{ background-color:#2177e2; transform:translateX(3px); -webkit-transform:translateX(3px); -moz-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px); }



/**新闻**/
/*.pnews-list li{ width:100%; overflow:hidden; margin:14px auto 0px; background:#fff; padding:3.125vw; position:relative;box-shadow:0px 0px 12px 4px rgba(0,0,0,0); transition:all 0.4s ease;}
.pnews-list li .thumb{ width:4.29rem; max-height:2.85rem; position:absolute; left:3.125vw; top:3.125vw; overflow:hidden}
.pnews-list li .thumb img{ width:100%; height:auto; transition:all 0.4s ease;}
.pnews-list li .word{ width:100%; overflow:hidden; padding-left:4.86rem; height:2.8rem; }
.pnews-list li .word .d{  display:block; color:#aaa; margin-top:0.12rem}
.pnews-list li .word .t{ font-size:0.24rem; color:#111; line-height:0.3rem; height:0.3rem; margin-top:2.04vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .c{ overflow:hidden;  color:#666; line-height:0.28rem; height:0.56rem; margin-top:0.16rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-list li .word .v{ background:#2177e2; width:1.8rem; height:0.5rem; text-align:center; line-height:0.5rem; display:inline-block; margin-top:2.39vw; font-size:0.15rem; color:#fff; font-style:normal; display:inline-block; transition:all 0.4s ease;}
.pnews-list li .word .v:hover{ transform:translateY(3px);}
.pnews-list li:hover{ background:#2177e2; box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1);}
.news1-list li:hover .thumb img{transform:scale(1.1)}
.pnews-list li:hover .word .d{ color:#ddd;}
.pnews-list li:hover .word .t { color:#fff;}
.pnews-list li:hover .word .c{ color:rgba(255,255,255,0.67);}
.pnews-list li:hover .word .v{ background:#fff; color:#2177e2;}*/


.pnews-list li{ width:100%; overflow:hidden; margin:14px auto 0px; background:#fff; padding:0.3rem; position:relative;box-shadow:0px 0px 12px 4px rgba(0,0,0,0); transition:all 0.4s ease;}
.pnews-list li .thumb{ width:4.29rem; max-height:2.85rem; position:absolute; left:3.125vw; top:3.125vw; overflow:hidden}
.pnews-list li .thumb img{ width:100%; height:auto; transition:all 0.4s ease;}
.pnews-list li .date{ width:1.5rem; font-size:0.2rem; color:#2177e2;}
.pnews-list li .word{ width:calc(100% - 1.5rem); float:right;}
.pnews-list li .word .d{  display:block; color:#aaa; margin-top:0.12rem; display:none;}
.pnews-list li .word .t{ font-size:0.18rem; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .c{ overflow:hidden;  color:#aaa; line-height:1.7; height:0.56rem; margin-top:0.1rem; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-list li .word .v{ background:#2177e2; width:1.8rem; height:0.5rem; text-align:center; line-height:0.5rem; display:inline-block; margin-top:2.39vw; font-size:0.15rem; color:#fff; font-style:normal; display:inline-block; transition:all 0.4s ease; display:none;}
.pnews-list li .word .v:hover{ transform:translateY(3px);}

.pnews-list li .more{ position:absolute; top:0; width:130px;right:-130px; height:100%; background-color:#2177e2; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.pnews-list li .more i{ font-size:50px; position:absolute; top:50%; margin-top:-35px; left:50%; margin-left:-25px}
.pnews-list li .more span{position:absolute; top:50%; margin-top:15px; left:0;text-align:center;width:100%; font-size:14px }
.pnews-list li:hover .more{ right:0;opacity: 1; width:142px;}

.pnews-list li:hover{ box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1);}
.news1-list li:hover .thumb img{transform:scale(1.1)}




.pnews-details-head{ text-align:center;}
.pnews-details-head .t{ font-family:'pingFangSC-BOLD'; font-size:0.3rem; padding-bottom:0.25rem;}
.pnews-details-head .c span{ color:#999; margin:0 0.1rem;}
.pnews-details-text{ line-height:2; margin-top:0.3rem;}
.pnews-details-page{ padding-top:0.4rem; overflow:hidden;}
.pnews-details-page a{ display:block; margin-top:0.25rem; }


/**关于**/
.pabout-organ{ line-height:2; color:#666;}
.pabout-system{ background:#efefef; position:relative; overflow:hidden; margin-top:0.5rem;}
.pabout-system li{ position:relative; text-align:center;}
.pabout-system li img{ width:100%;}
.pabout-system li .title{ background:rgba(0,0,0,0.5); width:100%; line-height:0.44rem; position:absolute; left:0; bottom:0;  text-align:center; color:#fff;}

.pabout-system .swiper-button-next, .pabout-system .swiper-button-prev{ background:rgba(0,0,0,0.2); width:0.47rem; height:0.62rem; line-height:0.62rem; text-align:center; font-size:0.2rem; color:#fff;}
.pabout-system .swiper-button-next{ right:0; border-radius:4px 0 0 4px;}
.pabout-system .swiper-button-prev{ left:0; border-radius:0 4px 4px 0;}


/**联系我们**/
.pcontact-word{ display:flex; flex-wrap:wrap;}
.pcontact-word dl{ width:50%; margin-bottom:0.5rem;}
.pcontact-word dl dt{ font-size:0.24rem; font-weight:bold; color:#2177e2; padding-bottom:10px;}
.pcontact-word dl dd{ line-height:2;}

.pcontact-word{ display:flex; flex-wrap:wrap;}
.pcontact-word ul{ width:33.3%; margin-bottom:0.5rem;}
.pcontact-word ul li:first-child{ font-size:0.24rem; font-weight:bold; color:#2177e2; padding-bottom:10px;}
.pcontact-word ul li{ line-height:2;}

.pcontact-message{ margin-top:0.4rem;}
.pcontact-message .me-head{  padding-bottom:0.37rem;}
.pcontact-message .me-head .cn{ font-size:0.3rem;}
.pcontact-message .me-filed{ margin-left:-20px; position:relative;}
.pcontact-message .me-filed li{ width:calc(33.333% - 20px); float:left; margin-left:20px;}
.pcontact-message .me-filed li .inpt{ background:#f3f3f3; width:100%; height:0.51rem; line-height:0.21rem; padding:0.15rem 0.2rem; vertical-align:top; color:#666;}
.pcontact-message .me-filed li .inpt:nth-child(2){ margin-top:0.24rem;}
.pcontact-message .me-filed li .area{ background:#f3f3f3; width:100%; height:1.26rem; line-height:0.21rem; padding:0.15rem 0.2rem; vertical-align:top; color:#666; resize:none;}
.pcontact-message .me-btn{ background:#2579e3; width:2.33rem; height:0.46rem; line-height:0.46rem; text-align:center; font-size:0.18rem; font-weight:bold; color:#fff; margin-top:0.3rem; cursor:pointer;}



/**合作伙伴**/
.pindustry-case { margin-top:-0.4rem; margin-left:-0.4rem; position:relative; }
.pindustry-case li { width:calc(25% - 0.4rem); margin-left:0.4rem; float:left; margin-top:0.4rem; }

.pindustry-case li .thumb { background:#fff; height:1rem; position:relative; overflow:hidden; border:1px #f7f7f7 solid; }
.pindustry-case li .thumb img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pindustry-case li .title { font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; margin-top:0.1rem;}


/**首页视频播放**/
.video-pup{ background-color:rgba(0, 0, 0, .9); width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index:9999; text-align:center; }
.video-pup .v-close { background:url(../images/close.png) no-repeat; width:30px; height:30px; position:absolute; top:20px; right:40px; cursor:pointer; }
.video-pup .v-box { display:inline-block; width:1000px; height:750px; font-size:0; overflow:hidden; border-radius:2px; box-shadow:0 0 16px rgba(0, 0, 0, .4); border:2px solid #111; position:relative; }
.video-pup .v-box video{ height:100% !important; max-height:inherit; vertical-align:middle; object-fit:contain !important; position:absolute; left:0; }


/**荣誉资质**/
.pabout-honor{ margin-left:-30px; position:relative;}
.pabout-honor li{ background:#fff; width:calc(33% - 30px); margin:30px 0 0 30px; float:left; display:inline-block;}
.pabout-honor li .pic{ height:200px; display:flex; justify-content:center; align-items:center; /**box-shadow:0 0 10px rgba(0,0,0,.15);**/}
.pabout-honor li .pic img{ max-height:100%;}
.pabout-honor li .tit{ margin-top:15px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align: center;  }



/**联系我们修改**/
.pnews-contact-itema{ display:flex;}
.pnews-contact-itema .qr-code{ background-color:#e0e2e4; width:30%; text-align:center; padding:0.4rem; }
.pnews-contact-itema .qr-code img{ width:1.55rem;}
.pnews-contact-itema .qr-code span{ display:block; margin-top:0.1rem; line-height:1.6;}
.pnews-contact-itema .qr-text{ width:70%; float:right; background:url(../images/contact-text-bg.jpg) no-repeat right bottom; padding:0.3rem 0.4rem;}
.pnews-contact-itema .qr-text li{ margin-bottom:0.15rem; color:#7a7a7a; }
.pnews-contact-itema .qr-text li label{ margin-right:5px; display:inline-block; max-width:100%; font-weight:700;}
.pnews-contact-itema .qr-text li a#map-btn{ display:inline-block; background-color:#2177e2; width:110px; text-align:center; line-height: 32px; position:absolute;color: #fff; margin-left:10px; margin-top:-6px; border-radius:4px }
.pnews-contact-itema .qr-text li a#map-btn i{ font-size:14px; margin-right:3px;}
.pnews-contact-itema .qr-text li a#map-btn:hover{ background-color:#1f8bcc}


.news-contact-itemb{ background:url(../images/map-bg.jpg) no-repeat; position:relative}
.news-contact-itemb .con{ width:70%; float:right; background-color:#fff; padding:0.4rem; min-height:400px;}
.news-contact-itemb h2{ position:absolute; left:0.6rem; top:0.4rem;}
.news-contact-itemb h2 strong{ display:block; font-size:0.2rem; color:#fff}
.news-contact-itemb h2 span{ display:block;font-family:'NoveDemiBold'; color:#419dd4; font-size:0.3rem; line-height:0.26rem; margin-top:0.2rem;}
.news-contact-itemb .item{ margin-bottom:0.3rem; padding-bottom:0.2rem; border-bottom:5px #eee solid}
.news-contact-itemb .item h3{ font-size:0.16rem; color:#222; font-weight:bold; padding-bottom:0.1rem;}
.news-contact-itemb .item ul{ margin-top:10px;}
.news-contact-itemb .item ul li{ margin-bottom:5px; color:#7a7a7a}
.news-contact-itemb .item ul li label{ margin-right:5px; font-weight:bold;}
.news-contact-itemb .item:last-child{ border-bottom:0}


.b-map{ position:fixed; left:0;top:100%; width:100%;height:100%; z-index:10000; background-color:rgba(50,50,50,0.8); visibility:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.b-map .contact-map{ width:76%;height:72%; position:absolute; left:12%;top:14%; background-color:#fff; box-shadow:0px 5px 15px rgba(0,0,0,.2)}
.b-map .close-btn{ position:absolute; right:12%;top:14%; width:0.8rem; height:0.8rem; background:url(../images/close4.png) no-repeat center center #3f51b5; display:block; z-index:2;}
.b-map.hover{ visibility:visible;top:0;}


/**人力资源**/
.pnews-tment-word{ padding-top:0.7rem; display:none;}
.pnews-tment-word .tit{ font-size:0.24rem; margin-bottom:15px; text-align:center; line-height:1;}
.pnews-tment-word .tips{ font-size:0.16rem; color:#999; text-align:center; }
.pnews-tment-word .desc{ color:#666; line-height:30px; margin-top:0.3rem;}

.pnews-tment-inner{ padding:0.8rem 0;}
.pnews-tment-inner .thumb{ width:50%;}
.pnews-tment-inner .thumb img {width:100%;}
.pnews-tment-inner .word{ width:50%; padding-left:30px;}
.pnews-tment-inner .word dl{ padding:0.1rem 0 0.6rem 0; color:#666;}
.pnews-tment-inner .word dl dt { border-left:4px solid #ff0000; padding-left:10px; margin-bottom:0.2rem;}
.pnews-tment-inner .word dl dt span {font-weight:bold; color:#333;}
.pnews-tment-inner .word dl dd { line-height:0.3rem; margin-bottom:0.2rem;}

.pnews-join { background:#fafafa; padding:0.7rem 0 0.56rem 0;}
.pnews-join-word .t{ text-align:center; font-size:0.24rem; margin-bottom:0.15rem;}
.pnews-join-word .c{ line-height:0.32rem;}
.pnews-join-list{ margin-top:0.3rem;}
.pnews-join-list li{ padding-left:0.55rem; position:relative; margin-bottom:0.15rem; cursor:pointer;}
.pnews-join-list li.title .h4{ width:25%; float:left; font-size:0.16rem; font-weight:bold; text-align:center; padding:0.3rem 0; color:#ff0000;}
.pnews-join-list li .zpzw { background:#e6e6e6; padding:10px 0;}
.pnews-join-list li .zpzw .xb3{ text-align:center; font-size:0.16rem; width:25%; float:left; min-height:1px;}
.pnews-join-list li .zwxq{ background:#fff; padding:0.2rem 0.6rem; line-height:0.3rem; display:none;}
.pnews-join-list li .arrow { position:absolute; left:5px; top:10px; }
.pnews-join-list li.cur .zpzw, .pnews-join-list li:hover .zpzw { background:#ff0000; color:#fff; }
.pnews-join-list li.cur .arrow, .pnews-join-list li:hover .arrow { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }


/**详情**/
.productxq { background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; display:none;}
.productxq .container { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; height:100%;}
.productxq .productxqbox { background:#fff;  width:992px; padding:90px 50px; border-radius:4px; position:relative;}
.productxq .productxqbox .close {position:absolute;right:15px;top:15px;cursor:pointer;}
.productxq .productxqbox .xqimgs { width:50%; float:left; padding-right:50px; padding-top:40px;}
.productxq .productxqbox .thumb{ background:#f0f0f0; height:280px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center;-ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; overflow:hidden;}
.productxq .productxqbox .thumb img {width:auto;max-width:100%;margin:auto;}
.productxq .productxqbox .down{ text-align:center; margin-top:30px;}
.productxq .productxqbox .down a{ display:inline-block; color:#2177e2; line-height:0.4rem; padding:0 40px; border:2px #2177e2 solid;}
.productxq .productxqbox .down a:hover{ background:#2177e2; color:#fff;}
.productxq .productxqbox .xqword{ width:50%; float:left;}
.productxq .productxqbox .xqword .t { font-size:0.18rem; font-weight:bold; color:#212121; margin-bottom:10px;}
.productxq .productxqbox .xqword .c{ color:#666; line-height:0.3rem; font-size:0.14rem; max-height:400px; overflow-x:hidden;overflow-y:auto;}


/**公司概况**/
.gsgk { padding:1rem 0;}
.gsgk-word{ width:50%; float:left;}
.gsgk-word .abgsmc {position:relative;}
.gsgk-word .abgsmc p {font-size:0.24rem; position:absolute; bottom:0; left:0;}
.gsgk-word .jsgk {padding:0.4rem; color:#999;}
.gsgk-word .jsgk span { background:#999; display:inline-block; width:0.46rem; height:1px; vertical-align:middle; margin-right:5px;}
.gsgk-word .gsgkzy{ color:#666; line-height:0.3rem; }

.gsgk-gkimg{ width:45%; float:right; display:flex; align-items:center;}
.gsgk-gkimg li { width:calc(50% - 15px); float:left; margin-right:15px; cursor:pointer;}
.gsgk-gkimg li:last-child { padding-top:0.5rem;}
.gsgk-gkimg li .gkimgbox { width:100%; overflow:hidden; position:relative; margin-bottom:15px;}
.gsgk-gkimg li .gkimgbox img { width:100%; max-width:100%; min-height:100%;}
.gsgk-gkimg li .gkimgbox .text { background:rgba(0,0,0,0.2); position:absolute; width:100%; height:100%; color:#fff; top:0;left:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; text-align:center;}
.gsgk-gkimg li .gkimgbox .text span { font-size:0.48rem; margin-right:3px;}
.gsgk-gkimg li .gkimgbox:hover .text {background:rgba(0,0,0,0.5); color:#d1292e;}


.fzlc { background:url(../images/about-bg2.jpg) no-repeat center; background-size:cover; background-position:center; padding-bottom:1rem;}
.fzlc-title{ padding:0.7rem 0 0.3rem 0; color:#fff; text-align:center;}
.fzlc-title .h1 { line-height:1; font-size:0.24rem; margin-bottom:15px; text-align:center;}
.fzlc-title .h4 { font-size:0.16rem; }
.fzlc-list{ position:relative; overflow:hidden; display:none;}
.fzlc-list li .year{ font-size:0.18rem; color:#fff; padding-bottom:0.6rem; text-align:center; line-height:0.28rem;}
.fzlc-list li .word  {background:#fff; padding:0.1rem 0.3rem; line-height:0.3rem; color:#666; font-size:0.14rem; min-height:1.5rem; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:left; width:100%;}
.fzlc-list li.swiper-slide-active {z-index:1;}
.fzlc-list li.swiper-slide-active .year { font-size:0.28rem; color:#2177e2; position:relative; padding-left:0.2rem; }
.fzlc-list li.swiper-slide-active .word{position:fixed;}
.fzlc-list .swiper-button-next,.fzlc-list .swiper-button-prev { background:#fff; margin-top:0; top:0; height:0.36rem; width:0.36rem; opacity:1; border-radius:50px; text-align:center; line-height:0.36rem; font-size:0.2rem;}
.fzlc-list .swiper-button-next:hover,.fzlc-list .swiper-button-prev:hover { background:#2177e2; color:#fff;}
.fzlc-thumb{ text-align:center;}

.qiyewh .fzlc-title .h1 { color:#333;}
.qiyewh .fzlc-title .h4{ color:#999;}
.qiyewh-img{ width:50%; float:left; padding-right:0.3rem;}
.qiyewh-img img {width:100%;}
.qiyewh-text{ width:50%; float:right;}
.qiyewh-text dl {padding:0.25rem 0.1rem;}
.qiyewh-text dl dt { font-size:0.18rem; position:relative; padding-left:0.51rem;}
.qiyewh-text dl dt:before { content:''; background:#999; display:inline-block; width:0.46rem; height:1px; position:absolute; left:0; top:50%;}
.qiyewh-text dl dd{ color:#666; line-height:0.34rem;}
.qiyewh-text .mbzx:last-child {padding-bottom:0;}

.qiyewh-list{ padding:0.7rem 0 0.53rem 0;}
.qiyewh-list li { width:25%; float:left; padding:0 0.2rem; text-align:center;}
.qiyewh-list li .ti { background:#f5f5f5; width:1.2rem; height:1.2rem; margin:auto; margin-bottom:0.53rem; padding:10px; border-radius:50%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; position:relative;transition:all 1s;}
.qiyewh-list li .ti:after { content:''; background:#999; position:absolute; width:0; height:1px; left:40%; bottom:-0.25rem; transform:rotate(-40deg); -ms-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -webkit-transform:rotate(-40deg);  -o-transform:rotate(-40deg); transition:all 1s;}
.qiyewh-list li .tc{ width:80%; margin:auto; opacity:0; transition:all 1s;}
.qiyewh-list li:hover .ti { background:#2177e2; color:#fff;}
.qiyewh-list li:hover .ti:after { width:19px;}
.qiyewh-list li:hover .tc {opacity:1;}