@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:1300px;margin:0 auto}

.container-s{max-width:1538px;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; left: 0; right: 0; margin: auto; height: 6.25rem; transition: 0.6s;}

.headfixed{background: #000; top: 0; }

.head-box{height: 6.25rem}



.index-header a .logo1{display: block;}
.index-header a .logo2{display: none;}
.index-header.ny-header  a .logo1{display: none;}
.index-header.ny-header  a .logo2{display: block;}





.head-right{display: flex; justify-content: flex-end;  flex-wrap: wrap;}

.head-right{width: 64%;}

.head-top{width: 68%; height: 3rem;}

.head-top p,.head-top a{display: block; font-size: 0.875rem; color: rgba(255,255,255,0.72);}

.head-top p>img{margin-right: 0.5rem; opacity: 0.72;}

.head-top a:hover{color: rgba(255,255,255,1);}



.head-bottom{width: 100%;}

.pc-nav {width: 84%;}

.pc-nav ul{display: flex;  justify-content: space-between;}

.pc-nav ul li {position: relative; }

.pc-nav ul li h3{display: block; position: relative; font-size: 1rem; color: #fff; line-height: 2.6875rem; font-weight: bold;}



.pc-nav ul li .subnav-box{transform: translateY(50px);opacity: 0;pointer-events: none;width: 27.75rem;  height: 11.4375rem; left: 0%;position: absolute;top: 100%;transition: all 0.4s ease;}

.pc-nav ul li .subnav {display: flex;padding:1.125rem 1.4375rem ;box-sizing: border-box;border-radius: 0.5625rem;z-index: 3;background: #fff;  }

.pc-nav ul li .subnav .pic{width:42%;}

.pc-nav ul li .subnav .pic img{display: block; width: 100%; border-radius: 10px;}

.pc-nav ul li .subnav .list{width: 60%;display: flex; flex-wrap: wrap; align-content: flex-start; }

.pc-nav ul li .subnav .list a{font-size: 0.9375rem; margin-bottom: 0.5rem; color: #494949;position: relative;box-sizing: border-box;width: 50%; display: block;  font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1 ;-webkit-box-orient:vertical ;}

.pc-nav ul li .subnav .list a:hover{color: #0055a5;}

.pc-nav ul li:hover .subnav-box {transform: translateY(0);opacity: 1;pointer-events: auto;}

.pc-nav ul li:nth-child(4) .subnav .list a{width: 100%;}







.heSearch .seBox {}

.heSearch .seBox img {display: block; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}

.pub_search_box_case.on {transform: translateY(0%); }

.pub_search_box_case.on .pub_sea_sha {display: block;}

.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}

.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#0055a5; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}

.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}

.pub_search_case .zhan_c .close {cursor: pointer;}

.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}

.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}

.pub_search_box button {border: none; background: none;}

.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}

.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}

.search_form button {width: 4%; cursor: pointer;}

.search_form button img {max-width: 100%; display: block;}




.ver{position: relative;}

.ver img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.ver .ver-box {padding-top: 40px;  transform: translateY(20%);  transition: .5s;   opacity: 0; visibility: hidden;  }
.ver .ver-list {padding: 5px 9px 6px;z-index: -1;background: #fff;position: absolute;width: 87px;border-radius: 0.625rem;box-sizing: border-box;box-shadow: 0 2px 11px rgba(0, 0, 0, 0.35); left: 50%;    transform: translateX(-60%);}
.ver .ver-list a {font-size: 15px;color: #676767;/* margin: 0.3125rem 0; */display: block;transition: .5s;text-align: center;line-height: 40px;border-bottom: 1px dotted rgba(51,51,51,0.24);}
.ver .ver-list a:last-child{border-bottom: none;}
.ver .ver-list a:hover {background: #fff; color: #0055a5;}
.ver .ver-list::after {content: "";display: block;width: 0px;height: 0px;border: 8px  solid transparent;border-bottom-color: #fff;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);}
.ver:hover .ver-box {opacity: 1; visibility: visible; transform: translateY(0); }







/* 手机端导航 */

.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: 38px;}

.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: #ec1e23;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: #ec1e23;}

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

.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: #ec1e23;}

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

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

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



.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: #ec1e23;}





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





.wapheader-zw{display: none;}





/* banner */

.banner{position: relative; overflow: hidden;}

.banner .pic img{display: block;width: 100%;}



#banner-num .swiper-pagination-bullet{width: 0.75rem;height: 0.75rem;border: 1px solid rgba(255,255,255,0.5); background: transparent; opacity: 1; margin: 0 0.375rem;}

#banner-num .swiper-pagination-bullet-active{background: #fff;}









/* 产品 */

.product{padding: 5.375rem 0 6.5625rem;}

.product .item1{height: 21.3125rem; border-radius: 0.3125rem; position: relative; margin-bottom: 2.1875rem;}

.product .info{position: absolute; padding: 0 4%; bottom: 0;}

.product .info strong,.product .info h3{display: block; font-size: 2.125rem; color: #0055A5; line-height: 2.125rem; margin-bottom: 0.625rem; font-weight: bold;}

.product .info h4{ font-size: 1rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}

.product .info h3{color: #fff;}

.product-more a{width: 8.625rem;height: 3.125rem;border: 1px solid rgba(51,51,51,0.33);border-radius: 1.625rem; margin-top: 2.3125rem; transition: 0.6s;}

.product-more a:hover{background: #0055a5; border-color: #0055a5; color: #fff;}

.product-more em{display: block; font-size: 1rem; color: #666; margin-right: 1rem; transition: 0.6s;}

.product-more a:hover em{color: #fff; margin-right: 1.5625rem;}

.product-more a:hover img{filter: grayscale(100%) brightness(200%);}

.product .item1 .info{bottom: 4.875rem;}

.product ul li{border-radius: 0.3125rem; position: relative;}

.product ul li a{display: block; height: 100%;}

.product .item2 ul li{height: 21.3125rem; margin-bottom: 1.9375rem;}

.product .item2 ul li:first-child{width: 43.38%;}

.product .item2 ul li:last-child{width: 53.53%;}

.product ul li .info{bottom: 2.375rem; padding: 0 9%; transition: 0.6s;}

.product ul li .info h4{color: #fff;  margin-bottom: 1.0625rem;}

.index-more span{font-size: 1rem; color: #f2f2f2; margin-right: 0.7rem; transition: 0.6s;}

.index-more:hover span{margin-right: 1.2rem;}

.product ul li:hover .info{bottom: 3rem;}

.product .item3 ul li{height: 21.3125rem;}

.product .item3 ul li:first-child{width: 28.53%;}

.product .item3 ul li:nth-child(2){width: 32.76%;}

.product .item3 ul li:last-child{width: 32.30%;}





/* 解决方案 */

.solution{background: url(../images/solution-bg.jpg) no-repeat center top; background-attachment: fixed; padding: 5.5rem 0  6.375rem;}

.index-title{color: #fff;}

.index-title strong{display: block; font-size: 3.375rem; color: #fff; margin-bottom: 1.1875rem;}

.index-title i {display: block; width: 2.875rem;height: 0.1875rem;background: #ffffff; }

.solution .index-title{margin-bottom: 2.75rem;}

.solution .info h3{display: block; font-size: 1.5rem; line-height: 2.5rem; color: #fff; width: 67%; margin-bottom: 2.25rem;}

.solution-btn{margin-bottom: 5.8125rem;}

.solution-btn ul li{margin-right: 1.875rem; transition: 0.6s;}

.solution-btn ul li a{ transition: 0.6s;display: block; width: 11.8125rem;line-height: 3.75rem;border: 1px solid #ffffff;  font-size: 1.25rem; color: #fff; text-align: center;}

.solution-btn ul li:last-child{margin-right: 0;}

.solution-btn ul li:hover a{color: #0055a5; background: #ffffff;}





/* 新闻资讯 */

.news {padding: 3.0625rem 0 5rem;}

.news .index-title{margin-bottom: 4.25rem;}

.news .index-title strong{color: #333; text-align: center;}

.news .index-title i{background: #0055a5; margin: 0 auto;}

.news-left{width: 65.46%;}

.news-left ul li{width: 47%;}

.news-left ul li .pic{overflow: hidden;}

.news-left 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-left 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-left ul li .info{padding:  2rem 6.5% 2.6875rem; border: 1px solid #f2f2f2;}



.news-right{background: #fcfcfc; padding: 4.1875rem 2.6% 0; width: 30.76%; box-sizing: border-box;}

.news-box .info em{display: block; font-size: 1rem; color: #0055A5; }

.news-box .info span{display: block; font-size: 0.875rem; line-height: 0.875rem;}

.news-box .info span>img{margin-right: 0.4375rem;}

.news-box .info h3{font-size: 1.25rem; line-height: 2rem; color: #333;}

.news-left ul li h3{margin-top: 0.875rem;}

.news-right .info h3{margin-top: 1.5rem;}

.news-right .info h4{font-size: 0.875rem; line-height: 1.5rem; color: #666666;  margin: 2.5rem 0 3.6875rem;}

.news-more {width: 9.8125rem;height: 3.0625rem;background: #0055a5;border-radius: 25px; position: relative; z-index: 3;}

.news-more:before {content: ''; z-index: -1; transition: 1s; border-radius: 30px;   box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #0055A5;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.news-more:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}
.news-more span{font-size: 1rem; color: #f2f2f2; margin-right: 0.75rem;}





/* 关于我们 */

.about{background: #f5f5f5; padding: 6.1875rem 0 5.125rem;}

.about .info{width: 46.76%;}

.about .index-title{margin-bottom: 3.375rem;}

.about .index-title strong{color: #333; }

.about .index-title i{background: #0055a5; }

.about .info h3{font-size: 1rem; line-height: 2rem; color: #666; margin-bottom: 2.3125rem;}

.about .info .index-more{margin-bottom: 3.5rem;}

.about .info .index-more span{color: #333;}

.about-num ul li{padding:  0 7%; border-right:1px solid rgba(200,200,200,0.34);}

.about-num ul li:first-child{padding-left: 0;}

.about-num ul li:last-child{border-right: none;}

.about-num ul li em{ font-size: 3.75rem; line-height: 2.625rem; color: #0055a5;}

.about-num ul li i{font-size: 1.125rem; color: #333; font-style: normal;}

.about-num ul li h4{display: block; font-size: 1rem; color: #555;}

.about .pic{width: 51.38%;}

.about .pic img{display: block; width: 100%;}





/* 招贤纳士 */

.join{background: url(../images/join-bg.jpg) no-repeat center; text-align: center; padding: 5.75rem 0 6.625rem; background-size: cover;}

.join .index-title {margin-bottom: 4.375rem;}

.join .index-title strong{color: #fff;}

.join .index-title h4{display: block; font-size: 1rem; color: #fff;}

.join  .index-more a{border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 10.375rem; padding: 0.625rem 0; margin: 0 auto;}

.join  .index-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}







/* 公共底部 */

.footer{background: url(../images/footer-bg.jpg) no-repeat center top; background-size: cover;}

.footer-top{border-bottom: 1px solid #dedede; padding: 2.875rem 0 3.3125rem;}

.foot-icon img{margin-right: 1.3125rem;}

.foot-icon em{display: block; font-size: 0.875rem; color: #666;}

.foot-icon b{font-size: 1.375rem; color: #333;}

.foot-icon span{display: block; font-size: 1rem; color: #333;}

.footer-nav{padding: 3.1875rem 0 3.4375rem;}

.footer-nav dl dt{display: block; font-size: 1rem; color: #333; margin-bottom: 1.6875rem;}

.footer-nav dl dd a{display: block; font-size: 0.875rem; line-height: 2.125rem; color: #666;}

.footer-copy{border-top: 1px solid  #dedede;padding: 0.8125rem 0;}

.footer-copy p{display: block; font-size: 0.875rem; color: #999;}

.footer-copy p a{color: #999;}

.footer-nav dl dd a:hover,.footer-copy p a:hover{color: #0457a5;}







/* 内页样式 */

.ny-header{position: fixed; color: #333; top: 0; transition: 0.6s; background: #fff; box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.35);
  width: 100%;
  z-index: 999;}

.ny-header .head-top p, .ny-header .head-top a{    color: rgba(0,0,0,0.72);}

.ny-header .head-top p>img{filter: invert(50%) sepia(42%) saturate(3%) hue-rotate(317deg) brightness(102%) contrast(92%);}

.ny-header .pc-nav ul li h3{color: #333;}

.ny-header .pc-nav ul li h3::after{position: absolute; content: ''; width: 0; height: 3px;background: #034b8e; bottom: 0; transition: 0.6s; left: 50%;}

.ny-header .pc-nav ul li:hover h3::after{width: 100%; left: 0;}

.ny-header  .heSearch .seBox img,.ny-header .ver img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}

.nyheader-zw{height: 6.25rem;}



.ny-banner{position: relative;}

.ny-banner img{display: block; width: 100%;}

.ny-banner .position{position: absolute; bottom: 1.9375rem; width: 100%; }

.position span{display: block; font-size: 0.875rem; color: #fff;}

.position  a{color: #fff;}





/* 内页关于我们 */

.nyabout-box{padding: 5rem 0 4.5rem;}

.about-title{margin-bottom: 3.75rem; text-align: center;}

.about-title h3{display: block; font-size: 3.375rem; color: #333; line-height: 3.375rem;}

.about-title h4{display: block; font-size: 1.5rem; color: #444444; margin-top: 0.8125rem;}

.about-title i{display: block; width: 2.875rem;height: 0.1875rem;background: #0055a5; margin: 2.5rem auto 0;}

.nyabout-box .about-title{text-align: left;}

.nyabout-box .about-title i{ margin: 2.5rem 0 0;}

.nyabout-box .info{width: 76.76%;}

.nyabout-box .info h5{display: block; font-size: 1rem; color: #666666;line-height: 2.25rem; text-indent: 2rem; font-weight: 400; margin-bottom: 2.1875rem;}

.nyabout-box .info h5:last-child{margin-bottom: 0;}

.nyabout-num ul li{padding:  0!important; border-right: none; text-align: center; margin-bottom: 4.4375rem;}

.nyabout-num ul li:last-child{margin-bottom: 0;}

.nyabout-num ul li h4{margin-top: 0.625rem;}



.brand{background: url(../images/brand-bg.jpg) no-repeat center top; padding: 5.4375rem 0 10.375rem; margin-bottom: 3.75rem;}



.brand .about-title h3{color: #ffffff;}

.brand .about-title i{background: #fff; margin: 2.1875rem auto 0;}

.brand h2{display: block; font-size: 1.125rem; color: #fff; text-align: center; width: 88%; margin: 0 auto;}





.about-class{margin-bottom: 1.9375rem;}

.about-class ul li{width: 48.46%; margin-bottom: 3.875rem;}

.about-class ul li .pic{overflow: hidden;}

.about-class 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;}
.about-class 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;}

.about-class ul li .info{padding:  2.4375rem 3.6% 0;}

.about-class ul li .info em{display: block; font-size: 2.125rem; color: #0457A5; margin-bottom: 0.8125rem;}

.about-class ul li .info h3{ font-size: 1rem; line-height: 1.5rem; color: #666; margin-bottom: 1.8125rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.about-class ul li .info span{display: block; font-size: 1rem; color: #0457a5; margin-right: 0.75rem; transition: 0.6s;}

.about-class ul li:hover .info span{margin-right: 1.5rem;}





.message-bg{background: url(../images/message-bg.jpg) no-repeat center; color: #fff;  background-size: cover; padding: 2.875rem 0 4rem;}
.message-bg .text{width: 58%;}
.message-bg .text em{display: block; font-size: 2.25rem; margin-bottom: 0.375rem;}
.message-bg .text h4{display: block; font-size: 1.125rem; line-height: 1.375rem;}
.message{width: 33.46%;height: 3.875rem;border: 0.125rem solid #fff;padding: 0 2%;box-sizing: border-box;}
.message input{font-family: "Arial"; outline: none; border: none;}
.message .mess-text{display: block; font-size: 1.125rem; line-height: 3.875rem; background: transparent; color: #fff;}
.message .mess-text::placeholder{ color: #fff;}
.message .mess-submit{background: url(../images/mess-submit.png) no-repeat center; width: 28px; height: 100%;}






/* 内页新闻与活动列表页 */

.ny-banner{position: relative;}

.banner-bottom{position: absolute; bottom: 2.4375rem; width: 100%;}

.ny-banner .banner-bottom .position{width: auto; position: relative; bottom: 0;}

.ny-banner .banner-class .ctitle1{display: flex; align-items: center;}

.ny-banner .banner-class .ctitle1 li{margin-right: 0.8125rem; transition: 0.6s;}

.ny-banner .banner-class .ctitle1 li:last-child{margin-right: 0;}

.ny-banner .banner-class .ctitle1 li a{display: block; line-height: 3.125rem;border-radius: 1.5625rem; font-size: 1rem; color: #fff; padding: 0 2.0625rem; transition: 0.6s;}

.ny-banner .banner-class .ctitle1 li:hover a,.ny-banner .banner-class .ctitle1 li.on a{background: #0055a5; font-weight: bold;}





.ny-main{padding: 5.5625rem 0 4.9375rem;}





/* 内页新闻列表页 */
.latest-news {overflow: hidden; position: relative; margin-bottom: 3.125rem;}
.latest-news ul li{border: 0.0625rem solid #EFEFEF; box-sizing: border-box;}
.latest-news ul li a{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.latest-news ul li .pic{overflow: hidden; width: 50%;}
.latest-news ul li .pic img{display: block; width: 100%;}
.latest-news ul li .info{width: 50%; box-sizing: border-box; padding: 0 4.1%;}
.latest-news ul li .info h3{font-size: 1.5rem; line-height: 1.875rem; color: #333; margin-bottom: 1.375rem;}
.latest-news ul li .info span{display: block; font-size: 1.125rem; color: #b6b6b6; font-family: Arial; margin-bottom: 1.3125rem;}
.latest-news ul li .info h4{font-size: 1rem; line-height: 1.875rem; color: #888888; }
.latest-news ul li .more{display: flex; align-items: center; border-top: 0.0625rem solid #EFEFEF; padding-top: 3.4375rem; margin-top: 2.5rem;}
.latest-news ul li .more em{display: block; font-size: 1rem; color: #0457a5;}
.latest-news ul li .more>img{margin-left: 0.75rem; transition: 0.6s;}
.latest-news ul li:hover .info h3{color: #0055a5;}
.latest-news ul li:hover .more>img{margin-left: 1.5rem;}
#latest-num{width: auto!important; right: 3.5%; bottom: 18%; left: auto;}
#latest-num span{width: 0.5625rem; height: 0.5625rem;  background: #cecfd4; margin: 0 0.375rem; opacity: 1;}
#latest-num span.swiper-pagination-bullet-active{background: #206b91;}


.nynews-list{margin-bottom: 6.0625rem;}
.nynews-list ul li{width: 50%; border: 0.5px solid #EEEEEE; padding: 2rem 1.8125rem; box-sizing: border-box; margin-bottom: 1.5625rem;}
.nynews-list ul li .pic{width: 47%;margin-right: 4.2%;overflow: hidden;}
.nynews-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;}
.nynews-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;}
.nynews-list ul li .info{width: 48.6%;}
.nynews-list ul li .info strong{font-size: 1.0625rem; line-height: 1.5rem; color: #333;  font-weight: normal; margin-bottom: 3rem;}

.nynews-list ul li .info span{display: block; font-size: 0.9375rem; color: #ADADAD; font-family: Arial;}
.nynews-list ul li:hover .info strong{color: #0055a5;}




/* 内页新闻详情页 */

.gray{background: #fcfcfc;}

.news-main .position{margin-bottom: 2.1875rem;}

.news-main .position span{color: #666666;}

.news-main .position a{color: #666666;}



.nynews-box{align-items: flex-start;}

.nynews-left{background: #fff; width: 65.53%; padding: 2.0625rem 4.4% 3.75rem; box-sizing: border-box; }

.nynews-title{border-bottom: 1px solid #F2F2F2; padding-bottom: 1.9375rem;}

.nynews-title h2{display: block; font-size: 2.125rem; line-height: 2.875rem; color: #333; margin-bottom: 1.9375rem;}

.nynews-title span{font-size: 1rem; color: #999; margin-right: 4.375rem;}

.nynews-title span>img{margin-right: 0.875rem;}

.nynews-title span:last-child{margin-right: 0;}

.news-editbox{padding: 2.4375rem 0; border-bottom: 1px solid #F2F2F2; margin-bottom: 2.4375rem;}

.news-editbox img{display: inline-block; max-width: 100%; }

.news-bottom .text p{font-size: 1rem; color: #999999;}

.news-bottom .text a{color: #333;}

.news-back a{display: block; width: 7.75rem; font-size: 1rem;line-height: 2.875rem; color: #fff;background: #0055a5;border-radius: 1.4375rem; text-align: center; position: relative; z-index: 3;}

.news-back a:before {content: ''; z-index: -1; transition: 1s;  box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%; border-radius: 1.4375rem;background: #0055a5;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.news-back a:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}

.nynews-right{position: sticky; top: 7.375rem; width: 33.46%; box-sizing: border-box;background: #fff; padding: 3rem 3% 0;}

.nynews-right h2{display: block; font-size: 1.875rem; color: #333; line-height: 1.875rem; border-left: 0.25rem solid #0055A5; padding-left: 0.375rem; margin-bottom: 2.625rem;}

.recom-news a{display: block; border-bottom: 1px solid #F2F2F2; padding-bottom: 1.4375rem; margin-bottom: 2.125rem; position: relative;}

.recom-news a::after{position: absolute; content: ''; width: 0; bottom: -1px; height: 1px; background: #0055a5; transition: 0.6s;}

.recom-news a:hover::after{width: 100%;}

.recom-news .pic{overflow: hidden; margin-bottom: 1.6875rem;}

.recom-news .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;}
.recom-news a: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;}

.recom-news h3{ font-size: 1.25rem; line-height: 1.75rem; color: #333;}

.recom-news a:hover h3{color: #0055a5;}

.recom-list ul li{margin-bottom: 1.375rem;}

.recom-list ul li em{font-size: 1.125rem; color: #333; margin-left: 1.3125rem;}

.recom-list ul li img{filter: invert(54%) sepia(100%) saturate(3%) hue-rotate(357deg) brightness(93%) contrast(91%); transition: 0.6s;}

.recom-list ul li:hover em{color: #0055a5;}

.recom-list ul li:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}







/* 内页解决方案列表页 */

.solution-list ul li{padding-bottom: 5.6875rem; margin-bottom: 4.125rem; border-bottom: 1px solid #F2F2F2;}

.solution-list ul li:last-child{ border-bottom: none; padding-bottom: 0;}

.solution-list ul li .info{width: 49.61%;}

.solution-list ul li .info h2{display: block; font-size: 2.125rem; line-height: 2.125rem; color: #333; height: 4.625rem; position: relative; margin-bottom: 1.875rem;}

.solution-list ul li .info h2::before,.solution-list ul li .info h2::after{position: absolute; content: ''; bottom: 0; left: 0;}

.solution-list ul li .info h2::before{width: 100%; height: 1px; background: #f2f2f2;}

.solution-list ul li .info h2::after{width: 4.0625rem;height: 0.1875rem;background: #0055a5;}

.solution-list ul li:nth-child(2n) a{    flex-direction: row-reverse;}

.solution-list ul li .info h3{ font-size: 1.0625rem; line-height: 2.25rem; color: #666; margin-bottom: 3rem;}

.solution-list ul li .pic{width: 46.53%; overflow: hidden; border-radius: 1.25rem;}

.solution-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;}
.solution-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;}

.solution-list ul li .index-more {position: relative;   border-top: 1px solid #666;   border-bottom: 1px solid #666;   width: 10.375rem;   padding: 0.625rem 0;}

.solution-list ul li .index-more span{color: #666;}

.solution-list ul li:hover .index-more{background: #0055A5; border-color: #0055A5;}

.solution-list ul li:hover .index-more span{color: #fff;}

.solution-list ul li:hover .index-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}





/* 内页产品列表页 */

.pannel{background: #fcfcfc; padding: 1.5rem 0;}

.product-class{ width: 76%;}

.product-class .ctitle1{display: flex; justify-content: space-between; flex-wrap: wrap;}

.product-class .ctitle1 li{transition: 0.6s;}

.product-class .ctitle1 li a{transition: 0.6s; display: block; font-size: 1rem; line-height: 3.125rem; color: #666; text-align: center; border-radius: 1.5625rem; padding: 0 1.25rem;}

.product-class .ctitle1 li:hover a,.product-class .ctitle1 li.on a{background: #0055a5; color: #fff; font-weight: bold;}

.pro-search{width: 22.53%;height: 3.125rem;background: #ffffff;border-radius: 1.5625rem;box-shadow: 0px 0.5rem 0.75rem 0.4px rgba(107,107,107,0.22); }

.pro-search input{outline: none; border: none; font-family:  "Microsoft YaHei";}

.pro-search .pro-text{display: block; font-size: 0.875rem; color: #999; width: 70%; text-indent: 1.5rem; background: transparent;}

.pro-search .pro-text::placeholder{color: #999;}

.pro-search .pro-submit{width: 3.625rem;height: 3.125rem;background: url(../images/pro-submit.png) no-repeat center #0055a5;border-radius: 1.5625rem;}



.top-pro{/* border: 1px solid #f2f2f2; */padding: 1.6875rem 1.4%;margin-bottom: 2.4375rem;background: #0055A5;}

.top-pro ul em{display: block;font-size: 1.25rem;line-height: 1.25rem;color: #fff;padding-left: 0.8125rem;border-left: 0.25rem solid #fff;}

.top-pro ul li a{display: block;font-size: 1rem;color: #fff;margin-right: 1.6875rem;}

.top-pro ul li:last-child a{margin-right: 0;}

.top-pro ul li:hover a{/* color: #0055a5; */font-weight: bold;}


.nyproduct-list ul::after{content: ''; width: 31.53%;}

.nyproduct-list ul li{ width: 31.53%; margin-bottom: 2.5rem; border: 1px solid #fcfcfc}

.nyproduct-list ul li .pic{overflow: hidden; height: 14rem; display: flex; align-items: center; justify-content: center}

.nyproduct-list ul li .pic img{display: block;  max-width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyproduct-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;}

.nyproduct-list ul li .info{background: #fcfcfc; padding: 1.375rem 10% 1.625rem; box-sizing: border-box; text-align: center;}

.nyproduct-list ul li .info strong{ font-size: 1.375rem; color: #333; margin-bottom: 0.5625rem;}

.nyproduct-list ul li .info  h3{font-size: 1rem; line-height: 1.625rem; color: #666; margin-bottom: 0.8125rem;}

.nyproduct-list ul li .more{width: 3.8125rem;height: 2.125rem;background: #0055a5;border-radius: 1.0625rem; margin: 0 auto;}

.nyproduct-list ul li .more img{transition: 0.6s;}

.nyproduct-list ul li:hover .more img{transform: rotate(45deg);}







/* 内页产品详情页 */

.proxq-main .position{margin-bottom: 5rem;}

.proxq-main .position span{color: #666666;}

.proxq-main .position a{color: #666666;}

.proxq-box .pic{width: 47.84%;}

.proxq-box .pic img{display: block; width: 100%;}

.proxq-box .info{width: 47%;}

.proxq-box .info strong{display: block; font-size: 2.375rem; color: #333; margin-bottom: 2.0625rem;}

.proxq-box .info i{display: block; width: 3.9375rem;height: 0.3125rem;background: #0055a5; margin-bottom: 2.1875rem;}

.proxq-box .info h3{display: block; font-size: 1rem; line-height: 1.75rem; color: #666; margin-bottom: 1.875rem;}

.proxq-box .info h4{ font-size: 1rem; color: #333; margin-bottom: 0.9375rem;}

.proxq-box .info h4>img{margin-right: 0.625rem;}

.proxq-link{margin-top: 2.5rem;}

.proxq-link a{width: 10.625rem;height: 3.75rem;background: #0055a5;border-radius: 1.875rem; color: #fff;}

.proxq-link a:first-child{margin-right: 2.75rem;}

.proxq-link a:last-child{background: #ebad22;}

.proxq-link em{font-size: 1.125rem; }

.proxq-link a>img{margin-right: 1.0625rem; transition: 0.6s;}

.proxq-link a:hover>img{transform: rotateY(180deg);}

.pro-details{padding: 3.625rem 0 6.25rem;}

.proxq-title{text-align: center; margin-bottom: 3.0625rem;}

.proxq-title em{display: block; font-size: 3.375rem; color: #333;}

.proxq-title i{display: block; width: 2.875rem;height: 0.1875rem;background: #0055a5; margin: 0 auto;}

.pro-editbox img{display: inline-block; max-width: 100%; }

.recom{background: #f8f8f8; padding: 7.125rem 0 6.875rem;}

.pro-recom{position: relative; overflow: hidden;}

.pro-recom ul li{}

.pro-recom ul li .pic{overflow: hidden; position: relative; border-radius: 0.375rem; margin-bottom: 0.875rem;}

.pro-recom ul li .pic >img{display: block; width: 100%;}

.pro-recom ul li .hide{transition: 0.6s; position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,66,153,0.8); bottom: -100%; display: flex; justify-content: center; align-items: center;}

.pro-recom ul li:hover .hide{bottom: 0;}

.pro-recom ul li h3{display: block; font-size: 1.125rem; color: #333; text-align: center;}

.pro-recom ul li:hover h3{color: #0055a5; font-weight: bold;}

#pro-recom{display: none;}





/* 内页资源中心 */

.down-list{margin-bottom: 4.125rem;}

.down-list ul li{width: 47.84%;  position: relative; background: #fcfcfc; box-sizing: border-box; padding: 1.875rem 3% 1.875rem 5%; margin-bottom: 2.25rem;}

.down-list ul li::after{position: absolute; content: ''; width: 0.75rem; background: #0055a5;border-radius: 6px; height: 100%; left: 0; top: 0;}

.down-list ul li strong{display: block; font-size: 1.25rem; line-height: 1.25rem; color: #333; position: relative; transition: 0.6s;}

.down-list ul li strong::after{position: absolute; content: '';  width: 0;height: 1px;background: #004299; left: 0; top: 50%; transform: translateY(-50%);transition: 0.6s;}

.down-list ul li:hover strong{padding-left: 1.0625rem;  color: #0055a5;}

.down-list ul li:hover strong::after{width: 0.5625rem; }

.down-list ul li span{display: block; font-size: 1rem; color: #666;}

.down-icon{ width: 6.25rem;height: 2.625rem;background: #0055a5;border-radius: 1.3125rem; font-size: 1rem; color: #fff;}

.down-icon img{margin-right: 0.75rem;}

.case{margin-bottom: 5.75rem;}

.case-list{overflow: hidden;}

.case-list ul li{border: 1px solid #f2f2f2; border-radius: 0.875rem}

.case-list ul li .pic{overflow: hidden; border-top-left-radius: 0.875rem; border-top-right-radius: 0.875rem;}

.case-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;}
.case-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;}

.case-list ul li .info{padding: 1.5625rem 10% 2.3125rem; box-sizing: border-box;}

.case-list ul li .info em{display: block; font-size: 1.25rem; color: #333; line-height: 1.25rem; height: 2.625rem; position: relative; margin-bottom: 1.4375rem;}

.case-list ul li .info em::before,.case-list ul li .info em::after{position: absolute; content: ''; bottom: 0; left: 0;}

.case-list ul li .info em::before{width: 100%; background: #F2F2F2; height: 0.0625rem;}

.case-list ul li .info em::after{width: 4.875rem; height: 0.1875rem; background: #0055a5;}

.case-list ul li .info span{display: block; font-size: 1rem; color: #0457A5;}

.case-box{position: relative;}

#case-prev,#case-next{ width: 4.1875rem;height: 4.1875rem;border: 1px solid #004299; background: url(../images/case-arrow.png) no-repeat center; opacity: 1;}

#case-prev{left: 0;}

#case-next{right: 0;transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}

#case-prev:hover,#case-next:hover{background: url(../images/case-arrow2.png) no-repeat center #0055a5; }

#case-num{bottom: -3.5rem;}

#case-num .swiper-pagination-bullet{width: 0.9375rem;height: 0.9375rem;border: 1px solid #0055a5; background: transparent; opacity: 1; margin:  0 0.625rem;}

#case-num  .swiper-pagination-bullet-active{background: #0055a5;}







/* 内页服务支持 */

.service-main{padding:  0;}

.service{background: #f9f9f9; padding: 5.625rem 0 2.8125rem;}

.service .info h4{display: block; font-size: 1rem; line-height: 2rem; color: #3F4535; text-align: center; width: 87%; margin: 0 auto 3.25rem;}

.service .pic img{display: block; max-width: 100%; margin: 0 auto;}

.customer{margin:5.5rem 0  8.5625rem;}

.customer-list ul li{width: 48.92%;}

.customer-list ul li .pic{ position: relative;}

.customer-list ul li .pic::after{position: absolute; content: ''; width: 92.76%; height: 0.3125rem; background: #0055a5; bottom: -0.3125rem; left: 0; right: 0; margin: auto;}

.customer-list ul li .pic img{display: block; width: 100%;}

.customer-list ul li .info{text-align: center; padding:  2.375rem 4% 0;}

.customer-list ul li .info h2{display: block; font-size: 2.125rem; color: #0457A5; margin-bottom: 0.8125rem; }

.customer-list ul li .info h3{display: block; font-size: 1rem; line-height: 1.5rem; color: #666;}





/* 内页招贤纳士 */

.talent{margin-bottom: 4.1875rem;}

.talent .customer-list ul li .info{text-align: left;}

.training{background: url(../images/training-bg.jpg) no-repeat center; background-attachment: fixed; padding: 8.9375rem 0 10.25rem;}

.training .about-title h3{color: #fff;}

.training .about-title i{background: #fff;}

.training .info h2{display: block; font-size: 1rem; line-height: 2rem; color: #fff; text-align: center; width: 87%; margin: 0 auto;}



.join-bg{ padding: 3.8125rem 0 7rem;}

.joins .thead {background: #0055a5;height:4.375rem;  box-sizing: border-box;}
.joins .thead ul {display: flex; align-items: center;height: 100%;}
.joins .thead ul li {color: #ffffff; width: calc(100% / 5); text-align: center; font-size: 1.125rem;}
.joins .tbody li { border-bottom: 1px solid rgba(185, 185, 185,.35);}
.joins .tbody li:last-child{border-bottom: none;}
.joins .tbody li:last-child {border: 0;}
.joins .tbody li dl {display: flex;}
.joins .tbody li dl dd {padding: 1.375rem 0;width: calc(100% / 5);cursor: pointer;font-size: 1rem;color: #333;text-align: center;}
.joins .tbody li dl dd:last-child{color: #0055a5;}
.joins .tableBox {overflow-x: auto; display: block; margin-top: .59rem;scrollbar-width:4px;border: 1px solid #f2f2f2;}
.joins .tbody li dl dd {flex-shrink: 0;}
.joins .tableBox::-webkit-scrollbar {width: 4px; height: 4px;}
.joins .tableBox::-webkit-scrollbar-thumb {border-radius: 5px;background: #0055a5}
.joins .tableBox::-webkit-scrollbar-track {border-radius: 5px; background: #DDDDDD;}
.joins .tableBox .box {min-width: 768px;}

.acquisition {padding: 1.875rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: 2.25rem; color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: 3rem; cursor: pointer; color: #000; line-height: 1.875rem;}
.acquisition .time span {font-size: 1rem; color: #666;display: inline-block; margin-right: 3.75rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: 0.625rem 0; text-align: left;}
.acquisition .infoCon {margin-top: 1.5625rem; padding: right 20px;;  height: 38vh; overflow-y:auto; text-align: initial;color:#333}
.acquisition .infoCon::-webkit-scrollbar {width: 4px; height: 2px;}
.acquisition .infoCon::-webkit-scrollbar-thumb {/*控制滑块*/ border-radius: 5px;background: #0055a5}
.acquisition .infoCon::-webkit-scrollbar-track {/*控制轨道*/border-radius: 5px; background: #DDDDDD;}
.acquisition .tleBox {border-bottom: 1px solid #ececec; padding-bottom: 1.25rem;}


@media screen and (min-width: 200px) and (max-width: 768px) {
  .acquisition {width: 92%;}
}  





/* 内页联系我们 */

.mouse-icon{position: absolute; bottom: 1.9375rem; left: 0; right: 0; display: flex; justify-content: center;}

.mouse-icon img {animation: jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate; width: auto;}
@keyframes jump {0% {transform:translateY(5px)}to {  transform:translateY(-5px) }}





.contact-box{padding: 4rem 4.1%; background: #fff; box-shadow: 0px 0px 4.5625rem 0px rgba(226,225,224,0.42); }

.contact-left{width: 54.2%;}

.contact-left em{display: block; font-size: 1.375rem; color: #BDBDBD; line-height: 1.375rem; margin-bottom: 0.9375rem;}

.contact-left h3{display: block; font-size: 2.625rem; color: #333; line-height: 2.625rem; margin-bottom: 0.9375rem;}

.contact-left span{display: block; font-size: 1rem; color: #666; line-height: 1rem; margin-bottom: 2.75rem;}

.contact ul li {margin-bottom: 1rem;}

.contact ul li input,.contact ul li textarea{border: 1px solid #dddddd;border-radius: 0.3125rem; background: #f5f5f5; font-family: "Microsoft YaHei"; font-size: 1rem; color: #0055A5;  outline: none;}

.contact ul li input{ line-height: 3.4375rem; width: 48.8%; text-indent: 1.6875rem;}

.contact ul li input::placeholder{color: #333;}

.contact ul li textarea{height: 10.625rem; width: 100%;   padding: 1.6875rem; box-sizing: border-box; margin-bottom: 0.9375rem;}

.contact ul li textarea::placeholder{color: #333;}

.contact .code {width: auto;height: 3.4375rem;border: 1px solid #f2f2f2;border-radius: 0.3125rem;justify-content: space-between;margin-right: 2.1875rem;}

.contact .code  input{display: block; font-size: 1rem; color: #999; font-family: "Microsoft YaHei";   outline: none; border: none; width: 40%;}

.contact-submit{display: block; width: 11.3125rem; font-size: 1rem;line-height: 3.4375rem;background: #0055a5;border-radius: 0.3125rem; color: #fff; text-align: center; outline: none; border: none; cursor: pointer;}

.contact-right{background: url(../images/contact-bg.jpg) no-repeat center; border-radius: 0.375rem; width: 41.23%; box-sizing: border-box; padding:  3.625rem 0 3.8125rem 4%; background-size: cover;}

.contact-right h2{display: block; font-size: 1.75rem; color: #fff; margin-bottom: 0.5rem;}

.contact-right  i{display: block; width: 3.0625rem;height: 2px;background: #ffffff; margin-bottom: 1rem;}

.contact-right h3{display: block; font-size: 1rem; color: #fff; margin-bottom: 2.5rem;}

.contact-list{width: 79%;}

.contact-list ul li{padding-bottom: 1.375rem; margin-bottom: 1.375rem; border-bottom: 1px dashed rgba(183,206,255,0.17);}

.contact-list ul li:last-child{margin-bottom: 0;}

.contact-list ul li .icon{width: 2.6875rem;height: 2.6875rem;background: rgba(255,255,255,0.29);border-radius: 0.3125rem; margin-right: 2.5625rem;}

.contact-list ul li .text em{display: block; font-size: 0.9375rem; color: #b7ceff;}

.contact-list ul li .text span{display: block; font-size: 1.25rem; color: #fff; font-family: Arial;}

.contact-list ul li .text b{display: block; font-size: 1rem; color: #fff; font-weight: normal;}







/* 二维码弹窗 */

#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: #ec1e23;}

#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: #ec1e23;}

.fy .layui-laypage-curr {color: #fff; background: #ec1e23; 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: #013874;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: 13rem;}


.wapnews-class{display: none;}



/*品牌视频*/
.brand{background-size: cover; padding: 5.4375rem 0 10.375rem}
.play_overlay {width: 100%;z-index: 3;position: relative; margin-left: 6%;}

.play_overlay .play_btn {position: relative;display: block;/* left: 50%; */width: 5.8125rem;height: 5.8125rem;/* min-width: 60px; *//* min-height: 60px; *//* transform: translate(-50%, 0); */margin: 0;}

.play_overlay .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #0055a5; opacity: 0.5; animation-delay: 0;}

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

.play_overlay .play_btn::after { animation: playbtnscal2 2s ease-out infinite; background: #0055a5;opacity: 0.3;animation-delay: 0;}

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

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

@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(7); opacity: 0; }}

@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(10); 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: #c1211d;}
#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%;}}


.honor{padding: 4.8125rem 0 10rem;}
.honor-title{text-align: center; position: relative; margin-bottom: 3.1875rem;}
.honor-title h3{display: block; font-size: 3.375rem; color: #333; line-height: 3.375rem; margin-bottom: 3.8125rem;}
.honor-title span{display: block; font-size: 3.375rem;  color: #f2f2f2; font-family: Arial; position: absolute; top: 1rem; left: 0; right: 0; z-index: -1; text-transform: uppercase;}
.honor-title i{display: block; width: 2.9375rem; height: 0.1875rem; background: #0055a5; margin: 0 auto;}


.honorlist{position: relative; overflow: hidden;}
.honorlist ul{padding-bottom: 5rem;}
.honorlist ul li {border: 1px solid #f2f2f2; box-sizing: border-box;}
.honorlist ul li .pic {padding: 1.25rem; box-sizing: border-box;  display: flex; align-items: center; justify-content: center;}
.honorlist ul li .pic img {display: block; max-width: 100%; transition: .5s; max-height: 100%;}
.honorlist ul li .info {padding: 0.9375rem 0.3125rem; text-align: center; font-weight: 400; font-size: 1.125rem;color: #333333; border-top: 1px solid #F2F2F2; position: relative; z-index: 1;}
.honorlist ul li .info::after {content: ""; position: absolute; bottom: 0; left: 0;height: 0.1875rem;background: #0055a5; width: 100%;}
.honorlist ul li .info::before {content: ""; position: absolute; bottom: 0; left: 0;height: 0;background: #0055a5; width: 100%; z-index: -1; transition: .5s;}
.honorlist ul li:hover .info::before {height: 100%;}
.honorlist ul li:hover .info {color: #fff;}
.honor-arrow{position: relative; display: flex; align-items: center; justify-content: center;}
.honorlist .swjt { margin: 0 2rem; top: auto; bottom: 0; width: 3.875rem;height: 3.875rem;background: #F2F2F2; border-radius: 50%; transition: .5s; margin-top: auto; position: relative;}
.honorlist .swjt.swiper-button-prev { left: 0;}
.honorlist .swjt.swiper-button-next {transform: rotate(180deg); right: 0;}
.honorlist .swjt svg {max-width: 50%;}
.honorlist .swjt:hover {background: #0A6FB7;}
.honorlist .swjt:hover svg path {fill: #fff;}



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

.qualitylist-box{position: relative;}
.qualitylist{overflow: hidden;}
.qualitylist ul li .pic{overflow: hidden; border-radius: 0.25rem;}
.qualitylist 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;}
.qualitylist 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;}

#quality-prev,#quality-next{background: url(../images/quality-arrow.png) no-repeat center; width:22px; height: 2.5rem;}
#quality-prev{left: 0;}
#quality-next{transform: rotate(180deg); right: 0;}
#quality-prev:hover,#quality-next:hover{background: url(../images/quality-arrow2.png) no-repeat center;}
#quality-num{bottom: -3.5rem;}
#quality-num span{width: 0.625rem; height: 0.625rem; background: #f2f2f2; opacity: 1;}
#quality-num span.swiper-pagination-bullet-active{background: #0055a5;}

.nyabout-num ul li {margin-bottom: 6rem;}

.nyabout-editor{padding: 3rem 0}
.nyabout-editor img{display: block; max-width: 100%; height: auto!important;}


.contact ul li:nth-child(3) input{width: 100%;}


.index-about{margin-top: 5.375rem}
.about-box h2{font-size: 1rem;color: #333; width: 62%}
.about-more a{width: 8.625rem;height: 3.125rem;border-radius: 1.625rem;  transition: 0.6s; background: #0055a5;  color: #fff;}
.about-more em{display: block; font-size: 1rem; color: #fff; margin-right: 1rem; transition: 0.6s;}
.about-more a:hover em{ margin-right: 1.5625rem;}
.about-more  img{filter: grayscale(100%) brightness(200%);}
.wap-ver{display: none}

.right-message{width: 33.46%}
.right-message em{display: block; margin-bottom: 0.5rem}
.message {width: 100%; border: 0.1rem solid rgba(255, 255, 255, 0.5);}

.banner .pic img.wap-banner{display: none}


#about,#brand,#vision{position: relative; top: -3rem}