@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:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; 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{width:1300px; 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;}


/* CSS Document */
/*公共头部*/
.head{height: 60px; background:rgba(255,255,255,0.6);  transition:0.6s;width: 100%; top: 0; z-index: 22222; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border-bottom: 1px solid #bbbbbb;}
.head-con{display: flex; justify-content: space-between;align-items: center; height: 60px; }
.head-con .logo{}
.head-con .logo a{display: flex;}
.head-con .logo img{display: block; margin: auto;}
.head-con .logo .text{color: #fff; margin-left: 13px;}
.head-con .logo em{display: block; font-size: 20px; line-height: 29px; letter-spacing: 0.8px;}
.head-con .logo span{display: block; font-size: 14px; font-family: Arial;}
.headfixed{background: rgba(255,255,255,0.5); border-bottom: none;}

.head-nav ul{display: flex;}
.head-nav ul li{margin-right: 150px;}
.head-nav ul li:last-child{margin-right: 0;}
.head-nav ul li>a{display: block; font-size: 18px; color: #084fa2;    font-weight: bold;}
.head-nav ul li.icon>a{background: url(../images/nav-icon.png) no-repeat right center; padding-right: 24px;}
.head-nav ul li.icon:hover>a,.head-nav ul li.icon.ons>a{background: url(../images/nav-icon2.png) no-repeat right center; }


.head-nav .hide {  position: absolute;    background-color: #f1f1f1;	z-index: 999;width: 100%;    left: 0;    top: 235px;    padding: 20px 0;    display: none;    box-shadow: 1px 12px 10px rgb(0 0 0 / 5%);}
.head-nav .nav-con{display: flex; justify-content: center;}
.head-nav .nav-con>dl{width: 30%; margin: 0 1%;}
.head-nav .nav-con>dl .pic{overflow: hidden;}
.head-nav .nav-con>dl .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;}
.head-nav .nav-con>dl: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;}
.head-nav .nav-con>dl em{display: block; font-size: 16px; color: #333; line-height: 40px; text-align: center;} 
.head-nav .nav-con>dl:hover em{color: #1d2089;}
.head-nav ul li:nth-child(3) .nav-con{justify-content: space-between; }
.hide-left{width: 58%;}
.hide-right{width: 35%;margin-top: 20px;}
.hide-left{display: flex; justify-content: space-between;}
.hide-left dl{width: 48%; position: relative;}
.hide-left dl .pic{overflow: hidden; position: relative;}
.hide-left dl .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;}
.hide-left dl: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;}
.hide-left dl em{display: block; font-size: 16px; color: #333; line-height: 40px; text-align: center;}
.hide-right {display: flex; justify-content: space-between;}
.hide-right dl:first-child{    border-right: 1px solid #ededed;padding-right: 64px;   height: 206px;}
.hide-right dl dt{display: block;font-size: 18px;color: #333;font-weight: bold;margin-bottom: 6px;}
.hide-right dl dd a{display: block;font-size: 16px;line-height: 32px;color: #666;} 
.hide-right dl dd a:hover{color: #1d2089;}


.search-box{height: 100px; position: relative; z-index: 9999; width: 58px; position: relative}
.search-box:before{position: absolute; content: ''; width: 2px; height: 17px; background:#979797; top: 40px;}
.search-box:before{left: 0;}
.search-btn{height: 100px; display: flex;  align-items: center;  justify-content: flex-end;}
.search-btn img{}
.search-pro { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1); padding: 20px 30px; box-sizing:border-box; width: 400px;min-height: 200px;position: absolute;right: -63px;top:100px;opacity:0;transform: translateY(50px);transition: all .5s ease;-webkit-box-shadow: 0 0 15px rgba(29,56,75,.4);-moz-box-shadow: 0 0 15px rgba(29,56,75,.4);box-shadow: 0 0 15px rgba(29,56,75,.4);pointer-events: none;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search-box:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; height: 50px; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei";font-size:15px }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(../images/search2.png) no-repeat center; width: 20px; height: 20px; margin-top: 13px;}
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #1d2089;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 14px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}


/*首页banner*/
.banner {position: relative; overflow: hidden;  height: 780px;}
#banner-prev,#banner-next{position: absolute; width: 19px; height: 37px; background: url(../images/banner-arrow.png) no-repeat center; }
#banner-next{transform: rotate(180deg);}
#banner-prev{left: 3%;}
#banner-next{right: 3%;}
.banner ul li {display: flex;}
.banner ul li .container{display: flex; align-items: center;}
.banner ul li .info{ color: #fff;}
.banner ul li .info strong{display: block; font-size: 50px; line-height: 50px; margin-bottom: 5px;}
.banner ul li .info h3{display: block; font-size: 38px; margin-bottom: 7px;}
.banner ul li .info h4{display: block; font-size: 22px; line-height: 32px;}
#banner-num{width: auto; left: 16.14%; bottom: 88px;}
#banner-num span{display: block; font-size: 24px; color: #fff; position: relative; line-height: 17px; height: 40px; position: relative;}
#banner-num span:after{position: absolute; content: ''; width: 146px;height: 1px;background: #ffffff; bottom: 0; left: 0;}



/* 公司简介 */
.about{margin: 70px 0 80px;}
.about-con{display: flex; justify-content: space-between; align-items: center;}
.about-con .info {width: 652px;}
.about-con .info b{display: block; font-size: 50px; line-height: 50px; color: #1d2089; height: 80px; position: relative; margin-bottom: 12px;}
.about-con .info b:after{position: absolute; content: ''; width: 87px;height: 2px;background: #1d2089; bottom: 0; left: 0;}
.about-con .info h2{display: block; font-size: 32px; color: #333; margin-bottom: 16px;}
.about-con .info h3{display: block; font-size: 18px; color: #333;line-height: 32px; width: 666px;}
.about-con .pic{width: 600px}
.about-num{margin-top: 40px; margin-bottom: 50px;}
.about-num ul{display: flex;}
.about-num ul li{width: 25%; text-align: center; background: url(../images/about-line.png) no-repeat right top;}
.about-num ul li:last-child{background: transparent;}
.about-num ul li strong{display: inline-block; font-size: 43px; line-height: 34px; color: #1d2089;}
.about-num ul li span{display: inline-block; font-size: 16px; color: #666; margin-left: 4px;}
.about-num ul li em{display: block; font-size: 16px; color: #666;}
.index-more a{overflow: hidden; position: relative; display: block;width: 137px;height: 42px;border: 1px solid #cccccc;border-radius: 7px; font-size: 16px; line-height: 42px; color: #666; text-align: center;}
.index-more span,.index-more img{position: relative; z-index: 1;}
.index-more img{display: inline-block;    vertical-align: middle; margin-left: 6px;}
.about-con .pic img{display: block; border-radius: 14px; }
.index-more a:after{content: "";    width: 100%;   height: 100%; position: absolute;    left: -100%;    bottom: -100%;    background: #1d2089;    transition: .5s;}
.index-more a:hover{border-color: #1d2089;}
.index-more a:hover:after{left: 0;    bottom: 0;}
.index-more a:hover span{color: #fff;}
.index-more a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



.about-list ul li{ float: left; width:25%;}
.about-list ul li img{display: block; margin: 118px auto 0; position: relative; z-index: 22;}
.serBox{cursor:pointer;width:100%;height:438px;overflow:hidden;background-color:#1d2089;position:relative;}
.serbg2{background-color: #1d2089;}
.serBoxOn{display:none;width:100%;height:100%;background:url(../images/about_list_bg.jpg) no-repeat;position:absolute;left:0px;top:0px;z-index:4;}
.serBoxOn2{background:url(../images/about_list_bg2.jpg) no-repeat;}
.serBoxOn3{background:url(../images/about_list_bg3.jpg) no-repeat;}
.serBoxOn4{background:url(../images/about_list_bg4.jpg) no-repeat;}

.serBox .pic{width:100%;text-align:center;z-index:4;color:#fff;top:210px;font-size:23px;position:absolute; font-weight: bold;}
.serBox .pic1{right:0;}
.serBox .pic2{left:-434px;color: #f1ab3e}
.serBox .txt{width: 434px;margin:0 auto;z-index:4;color:#fff;position:absolute;top: 279px;font-size: 22px;text-align: center;/* left: 0; */}
.serBox .txt1{left:23px;}
.serBox .txt2{right:-434px;color: #e9e9e9}
.serBox span.tit{font-size:16px;display:block;height:50px;line-height:40px;text-align:center;}
.serBox .txt1 .tit{color:#000000;}
.serBox .txt2 .tit {color:#008BFD}
.serBox .text_list {margin:0 20px;}
.serBox .text_list li{list-style: disc}
.serBox .text_list li a{color:#fff;}
.serBox .text_list li a:hover{text-decoration: underline;}


/* 产品中心 */
.product{background: #f2f2f2; padding: 58px 0 68px;}
.index-title {text-align: center; margin-bottom: 48px;}
.index-title strong{display: block; font-size: 42px; color: #333;}
.index-title span{display: block; font-size: 18px; color: #666;}
.product-class{display: flex; justify-content: space-between; margin-bottom: 59px;}
.pro-left{width: 629px; height: 630px; overflow: hidden; position: relative;}
.pro-left a{display: block;}
.pro-left .pic{width: 629px; height: 630px;}
.pro-left .info{position: absolute; width: 100%;  text-align: center; height: 100%; top: 0; transition:0.6s}
.pro-left .text{position: absolute;bottom: 60px; left: 0; right: 0;}
.product-class .info h2{display: block; font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 5px;}
.product-class .info p{display: block; font-size: 16px; color: #ffffff;line-height: 23px; width: 436px; margin: 0 auto 33px;}
.pro-left a:hover .info{background: rgba(20,110,179,0.9);}
.product-class .index-more{transition:0.6s; overflow: hidden; position: relative; display: block;width: 134px;height: 41px;background: transparent;border: 1px solid #cccccc;border-radius: 7px; font-size: 16px; line-height: 41px; color: #fff; text-align: center;}
.product-class .index-more:after{content: "";    width: 100%;   height: 100%; position: absolute;    left: -100%;    bottom: -100%;    background: #fff;    transition: .5s;}
.product-class .index-more:hover:after{left: 0;    bottom: 0;}
.product-class .index-more span,.index-more img{position: relative; z-index: 1;}
.product-class .index-more img{display: inline-block;   -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); vertical-align: middle; margin-left: 6px;}
.pro-left .index-more{margin: 0 auto;}
.pro-right{width: 627px;}
.pro-right ul{display: flex; flex-wrap: wrap;    height: 630px;   align-content: space-between;}
.pro-right ul li{position: relative;width: 627px; }
.pro-right ul li .pic{width: 627px; height: 291px; overflow: hidden;}
.pro-right ul li .info{position: absolute; width: 100%;  height: 100%; top: 0; transition:0.6s}
.pro-right ul li .text{position: absolute; left: 35px; bottom: 0;  transition:0.6s}
.pro-right ul li .index-more{display: none; margin: 0 auto;}
.pro-right ul li h3{display: block; font-size: 22px; color: #fff; font-weight: bold;}
.pro-right ul li a:hover .info{background: rgba(20,110,179,0.9);}
.pro-right ul li a:hover .text{text-align: center; left: 0; right: 0; margin: auto; bottom: 85px;}
.pro-right ul li a:hover .index-more{display: block;}
.product-class .index-more:hover span{color: #333;}
.product-class .index-more:hover  img{-webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0);}
.product .index-more a{margin: 0 auto;}


/* 产品应用 */
.app{position: relative;} 
.app .index-title{position: absolute;  text-align: center; top: 93px; left: 0; right: 0; margin: auto; z-index: 2; }
.app .index-title strong,.app .index-title span{color: #fff;}
.app-con .bg{width: 100%; height: 630px; position: relative;}
.app-con ul p{position: absolute; font-size: 18px; color: #fff; text-align: center; bottom: 260px;  z-index: 8; width: 100%;}
.app-btn{position: absolute; top: 332px; z-index: 2;}
.app-btn ul{display: flex; justify-content: space-between; width: 1300px;}
.app-btn ul li{width: 198px;height: 240px;border: 2px solid #ffffff;border-radius: 15px; display: flex; align-items: center; justify-content: center; transform: skewX(350deg);}
.app-btn ul li img,.app-btn ul li em{transform: skewX(7.5deg);}
.app-btn ul li a{display: flex;     flex-direction: column;}
.app-btn ul li img{margin: auto;}
.app-btn ul li em{display: block; font-size: 16px; color: #fff; margin-top: 13px;}
.app-btn ul li.on{background: #1d2089; border-color: #1d2089;}


/* 新闻资讯 */
.news{padding: 47px 0 58px;}
.news-con{display: flex; justify-content: space-between; margin-bottom: 45px;}
.news-latest{width: 549px; position: relative;}
.news-latest a{display: block;}
.news-latest .pic{overflow: hidden;}
.news-latest .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-latest 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;}
.news-latest  em{transition:0.6s; display: block; position: absolute;  bottom: 0; width: 100%; font-size: 18px; line-height: 80px; color: #fff; text-align: center; background: rgba(51,51,51,0.8);}
.news-latest a:hover em{ background: rgba(20,109,178,0.8);}
.news-list{width: 701px;}
.news-list ul li{border-bottom: 1px solid #e6e6e6; line-height: 88px; position: relative;}
.news-list ul li:after{position: absolute; content: ''; width: 0; height: 100%; background: #1d2089; left: 0; transition:0.6s; bottom: 0; z-index: 3;}
.news-list ul li a{display: block; position: relative; z-index: 4;}
.news-list ul li em{display: block; font-size: 18px; color: #1d2089; margin: 0 52px 0 22px;}
.news-list ul li h3{display: block; font-size: 18px; color: #333;}
.news-list ul li span{display: block; font-size: 28px; color: #333; margin-right: 23px;}
.news-list ul li:hover:after{width: 100%;}
.news-list ul li:hover em,.news-list ul li:hover h3,.news-list ul li:hover span{color: #fff;}
.news .index-more a{margin: 0 auto;}


/* 公共底部 */
.footer{background: #1d2089;}
.footer .container{display: flex; justify-content: space-between;}
.footer-top{height: 102px; display: flex; border-bottom: 1px solid rgba(255,255,255,0.5);}
.footer-top .container{align-items: center;}
.footer-left{display: flex; align-items: center;}
.footer-left .logo{margin-right: 885px; padding-right: 34px; position: relative;}
.footer-left .logo:after{}
.footer-left .logo a{display: flex;}
.footer-left .logo .text{color: #fff; margin-left: 13px;}
.footer-left .logo .text em{display: block; font-size: 20px;}
.footer-left .logo .text span{display: block; font-size: 14px; font-family: Arial; line-height: 14px;}
.footer-tel{background: url(../images/footer-tel.png) no-repeat left center; padding-left: 41px; color: #fff;}
.footer-tel em{display: block; font-size: 16px; line-height: 16px; margin-bottom: 5px;}
.footer-tel b{display: block; font-size: 18px; font-family: Arial; line-height: 13px;}
.message{display: flex; justify-content: space-between; width: 556px;}
.message input{border: none; font-family: "Microsoft YaHei";}
.message input.text{display: block; width: 213px;height: 57px;border: 1px solid #f5f5f5;border-radius: 5px; font-size: 14px; line-height: 57px; color: #EAEAEA; background: transparent; text-indent: 20px;}
.message input::placeholder { color: #EAEAEA; opacity: 0.8}
.message input.submit{cursor: pointer; display: block; width: 110px;height: 57px;background: #1d2089;border-radius: 5px; font-size: 16px; line-height: 57px; color: #FFFFFF; text-align: center;}
.footer-middle{padding: 59px 0 88px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.footer-nav{display: flex; width: 985px; justify-content: space-between;}
.footer-nav dl{}
.footer-nav dl dt{display: block; font-size: 18px; line-height: 18px; height: 34px;  position: relative; font-weight: bold; color: #fff; margin-bottom: 20px;}
.footer-nav dl dt:after{position: absolute; content: ''; width: 64px; height: 1px; background: #fff; bottom: 0;  left: 0;}
.footer-nav dl dd {display: block; font-size: 16px; line-height: 30px; color: #f5f5f5; }
.footer-nav dl dd a{color: #f5f5f5;}
.footer-wechat{ width: 278px; }
.footer-wechat ul{display: flex;justify-content: space-between;}
.footer-wechat ul li img{display: block; margin: 0 auto 5px;}
.footer-wechat ul li em{display: block; font-size: 14px; color: #FFFFFF; text-align: center;}
.footer-copy{padding: 9px 0;}
.footer-copy p{display: block; font-size: 14px; color: #dcdcdc;}
.footer-copy a{color: #dcdcdc;}
.footer-copy a:hover{color: #fff;}



/* 内页banner */
.ny-banner{height: 600px;}
.product-banner{background: url(../images/product-banner.jpg) no-repeat center; background-size: cover;}
.about-banner{background: url(../images/about-banner.jpg) no-repeat center; background-size: cover;}
.technology-banner{background: url(../images/technology-banner.jpg) no-repeat center; background-size: cover;}
.news-banner{background: url(../images/news-banner.jpg) no-repeat center; background-size: cover;}
.support-banner{background: url(../images/support-banner.jpg) no-repeat center; background-size: cover;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center; background-size: cover;}


/* 二级栏目 */
.ny-class {width: 100%; bottom: 0; z-index: 1;border-bottom:1px solid #ddd;}
.ny-class .container{display: flex; justify-content: space-between; align-items: center; height: 88px}
.ny-class ul {display: flex;}
.ny-class ul li a {padding:1.75rem 3rem;display: block; transition: .5s;}
.ny-class ul li a {font-size: 1.13rem; color: #333;}
.ny-class ul li:hover a {background: #1d2089;color:#fff  }
.ny-class ul li.on a {background: #1d2089;color:#fff  }

.position dl {background:url(../images/mbx-home.png) no-repeat 0 center; padding-left:30px; display: flex; flex-wrap: wrap;}
.position dl dd {margin-right:10px;}
.position a {padding-right:10px; font-size: 0.94rem;color: #666666;}
.position a.on {color: #000;}
.position a:hover{color: #000;}


/* 三级导航 */
.ny-nav3 {margin: 30px 0 0;}
.nav3-box ul li {display: flex;}
.nav3-box {padding: 20px 30px; box-sizing: border-box; border: 1px solid #eee; background: #f5f5f5;}
.nav3-box li .tit { font-size: 16px;  line-height: 30px;}
.nav3-box li .item { width: 92%;  font-size: 0;}
.nav3-box li .item a {display: inline-block;  zoom: 1;  font-size: 14px;  line-height: 30px;  padding-left: 15px;  margin-right: 20px;  color: #333;  position: relative;  vertical-align: middle;  transition: all .2s;}
.nav3-box li .item a:before {  content: "";  position: absolute;  left: 0;  top: 50%;  width: 5px;  height: 5px;  background-color: #1d2089;  border-radius: 100%;  transform: translateY(-50%);  opacity: 0;  filter: alpha(opacity=0);  transition: all .2s;}
.nav3-box li a:hover:before { opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on:before {opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on{color: #1d2089;}
.nav3-box li a:hover {color: #1d2089;}




/* 内页产品列表页 */
.ny-main{margin: 80px 0 100px;}
.nypro-list ul li {display: flex; align-items: center; justify-content: space-between; margin-bottom: 80px;}
.nypro-list ul li .le {width: 60%; overflow: hidden; border-radius: 10px;}
.nypro-list ul li .le img {width: 100%; transition: .5s;}
.nypro-list ul li .le:hover img {transform: scale(1.1);}
.nypro-list ul li .re {width: 35%;}
.nypro-list ul li .re h3 {color: #333; font-size: 32px; }
.nypro-list ul li .re p {font-size: 16px; color: #666;    padding: 25px 0 55px;}
.nypro-list ul li:nth-child(even) .le {order: 1;}


/* 内页应用市场列表页 */
.nyapp-list .box-row { display: flex; flex-wrap: wrap; justify-content: space-between;}
.nyapp-list .box-row:after{content: ''; width: 33%;}
.nyapp-list .box-col { flex: 0 0 31%; max-width: 31%; margin: 0 13px 30px 13px;     box-shadow: 0px 0px 25px 0px rgb(24 25 25 / 3%);}
.nyapp-list .box-col:hover .maks {opacity: 1;}
.nyapp-list .box-col:hover .item .img-box .maks {opacity: 1;}
.nyapp-list .item a{text-align: center;}
.nyapp-list .item .f_wodebut1{margin-left: auto;margin-right: auto;}
.nyapp-list .item .img-box {position: relative;width: 100%;/* height: 0; *//* padding: 0 0 98%; */}
.nyapp-list .item .img-box>img {/* position: absolute; *//* left: 0; *//* top: 0; *//* max-width: 100%; *//* max-height: 100%; *//* object-fit: cover; *//* left: 50%; *//* top: 50%; *//* transform: translate(-50%, -50%); */width: 100%;}
.nyapp-list .item .img-box .maks {transition:0.6s;  opacity: 0;  position: absolute;  z-index: 1;  left: 0;  top: 0;  width: 100%;  height: 100%;  display: flex;  justify-content: center;  align-items: center;  background: rgba(20,110,179,0.8);  transition: 0.3s;}
.nyapp-list .item .img-box .maks .maks-btn {  display: inline-block;  padding: 10px 30px;    border: 2px solid #fff;  color: #fff;  font-size: 16px;}
.nyapp-list .index-more{transition:0.6s; overflow: hidden; position: relative; display: block;width: 134px;height: 41px;background: transparent;border: 1px solid #cccccc;border-radius: 7px; font-size: 16px; line-height: 41px; color: #fff; text-align: center;}
.nyapp-list .index-more:after{content: "";    width: 100%;   height: 100%; position: absolute;    left: -100%;    bottom: -100%;    background: #fff;    transition: .5s;}
.nyapp-list .index-more:hover:after{left: 0;    bottom: 0;}
.nyapp-list .index-more span,.index-more img{position: relative; z-index: 1;}
.nyapp-list .index-more img{display: inline-block;   -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); vertical-align: middle; margin-left: 6px;}
.nyapp-list .index-more:hover span{color: #333;}
.nyapp-list .index-more:hover  img{-webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0);}
.nyapp-list ul li .name{padding: 20px 0 25px; text-align: center;}
.nyapp-list .item h4 {display: block; font-size: 20px; color: #333; font-weight: bold; margin-bottom: 5px;}
.nyapp-list ul li p{width: 80%; margin: 0 auto; font-size: 16px; line-height: 25px; color: #666;}




/* 产品详情*/
.pro-introduction{margin-bottom: 80px;}
.introduction .title{margin-bottom:60px;}
.pro-introduction .introduction {display: flex; justify-content: space-between;}
.introduction-left {width:40%; margin-top: 50px; order: 2;}
.introduction-left .title h3 {font-size: 38px;color: #333333;line-height: 28px; position: relative; z-index: 1;font-weight: bold;}
.introduction-left .title h4 {font-size: 48px;color: #f1f1f1;line-height: 28px; font-weight: bold;}
.introduction-left .title i {width: 163px;  height: 5px;  background: #1d2089; display: block; margin-top: 35px;}
.introduction-left p {font-size: 1rem; color: #666666; line-height: 28px; margin:0.8rem  0; display: flex; align-items: flex-start;}
.introduction-left p span {font-size: 1rem !important;display: flex; align-items: flex-start;}
.introduction-left dd {margin-top: 30px;}
.introduction-left dd {font-size: 18px;color: #333333; display: flex; align-items: center;}
.introduction-left dd i {width: 9px; height: 9px; background: #ebad22; display: block; border-radius: 50%; margin-right: 4%; position: relative;}
.introduction-left dd i::after {content: ""; position: absolute; width: 17px; height: 17px;border: 1px solid #ebad22; left: -5px; top: -5px; border-radius: 50%;}
.introduction-left ul {display: flex;margin-top: 80px; }
.introduction-left ul li a { width: 170px;  height: 60px; border-radius: 30px; display: flex; align-items: center; justify-content: center;  font-size: 18px; color: #fff;}
.introduction-left ul li a img {margin-right: 20px; display: block; transition: .5s;}
.introduction-left ul li:nth-child(1) a {  background: #6191c1; }
.introduction-left ul li:nth-child(2) a {  background: #EBAD22; margin: 0 20px;}
.introduction-left ul li:nth-child(3) a {  background: #748da5; }
.introduction-right {width: 55%;display: flex; overflow: hidden; position: relative; align-items: center; justify-content: space-between;}
.mySwiper2-pro {width: 720px; height: 100%;position:static; margin-left: 0;}
.mySwiper2-pro .slide-img {width: 100%;  height: 100%;   display: flex; justify-content: center; align-items: center;     border: 1px solid #f5f5f5; box-sizing: border-box;}
.introduction-right .swiper-slide img { display: block; width: 100%;  }
.mySwiper2-pro .slide-img>img {display: block; max-width: 100%; object-fit: cover; width: auto; }
.mySwiper-pro .slide2-img img {width: 60%;}
.mySwiper-pro  {width: 176px; height: 430px;   position: inherit; margin: 4rem 0;}
.mySwiper-pro .slide2-img {position: relative;  height: 100%; padding: 10px; box-sizing: border-box;border:1px solid #eee; text-align: center; display: flex; justify-content: center; align-items: center;}
.mySwiper-pro .slide2-img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: .5s;}
.mySwiper-pro .swiper-slide-thumb-active .slide2-img::after {opacity: 1;}
.mySwiper2-pro .swiper-button-prev {width: 176px; height: 43px;background: #dbdbdb; position: absolute; left: initial; right: 0; top: 26px;}
.mySwiper2-pro .swiper-button-next {width: 176px; height: 43px;background: #dbdbdb; position: absolute; top: initial; bottom: 0; right: 0;}
.mySwiper2-pro .swiper-button-prev::after {content: "∧"; color: #8d8d8d; font-size: 1.5rem;}
.mySwiper2-pro .swiper-button-next::before {content: "∨"; color: #8d8d8d; font-size: 1.5rem;}
.pro-introduction .intro-con span {display: block; position: relative; padding-left: 30px; line-height: 30px; font-size: 16px;color:#666;margin-bottom: 1rem;}
.pro-introduction .intro-con span::before {content: ""; width: 100%; height: 100%; background: url(../images/dian.png) no-repeat left; position: absolute; left: 0;}
.head-tels {display: flex; align-items: center; margin-top: 30px;}
.head-tels .im {margin-right: 20px;}
.head-tels em {display: block;font-size: 14px; color: #666;}
.head-tels span {display: block;font-size: 30px; color: #1d2089; font-weight: 600;}
.conus {margin-left: 2rem;}
.conus a {transition:0.6s; width: 170px;height: 60px; border-radius: 30px;display: flex;align-items: center; justify-content: center; font-size: 18px; color: #fff; background: #1d2089;}
.conus a img {margin-right: 20px; display: block;transition: .5s;}
.conus a:hover{background: #1d2089;}



/* 产品参数 */
.pro-content {background-color: #fafafa; padding-bottom: 80px;}
.pro-content .title {text-align: center; padding: 90px 0;}
.pro-content .title h3 {font-size: 2.3rem;color: #333333;line-height: 28px; position: relative; z-index: 1;font-weight: bold;}
.pro-content .title h4 {font-size: 3rem;color: #f1f1f1;line-height: 28px; font-weight: bold; text-transform:uppercase}
.pro-content .title i {width: 63px;  height: 5px;  background: #1d2089; display: block; margin:  auto; margin-top: 30px; }
.ny-title{text-align: center;}
.ny-title b{display: block; font-size: 60px;   font-family: ‘Arial’;   font-weight: bold;    color: #eaeaea; text-transform: uppercase; line-height: 79px;}
.ny-title h3{font-size: 36px;   position: relative;   top: -53px; color: #333;}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #1d2089; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #1d2089;}




/* 技术支持列表页 */
.down-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-list ul li{width: 48.5%; padding: 3% 2%;  box-sizing: border-box; background: #f5f5f5; margin-bottom: 40px;}
.down-list ul li a{display: flex;justify-content: space-between; align-items: center;}
.down-list ul li .info{width: 60%;}
.down-list ul li .pic{width: 29%;}
.down-list ul li .pic img{display: block; width: 100%;} 
.down-list ul li strong{display: block; font-size: 20px; color: #333; font-weight: normal; margin-bottom: 20px;}
.down-list ul li span{transition:0.6s; display: block; width: 122px; font-size: 16px; color: #333; line-height: 48px; border: 1px solid #e2e2e2; border-radius: 25px; text-align: center;}
.down-list ul li span>img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.down-list ul li:hover span{background: #1d2089; color: #fff;}
.down-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/*内页新闻列表页*/
.nynews-list ul li{transition:0.6s; border: 1px solid #dddddd; padding: 18px; padding-right: 0; box-sizing:border-box; margin-bottom: 42px; }
.nynews-list ul li a{display: flex; align-items:center;}
.nynews-list ul li .pic{width: 23.8%; margin-right: 4.3%; 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: 55%; border-right: 1px solid #edeaf1; padding-right: 5%}
.nynews-list ul li .info strong{ font-size: 20px; color: #333; margin-bottom: 12px;}
.nynews-list ul li .info p{font-size: 16px; line-height: 27px; color: #666; margin-bottom: 30px;}
.nynews-list ul li .info em{display: block; font-size: 16px; color: #575757; font-family: arial; position: relative;}
.nynews-list ul li .info em:after{position: absolute; content: ''; width: 73px; height: 1px; background: #1d2089; left: -90px; top: 12px;}
.nynews-list ul li .arrow{width: 13.4%; display: flex; }
.nynews-list ul li .arrow span{display: block; background: url(../images/news-arrow.png) no-repeat; width: 35px; height: 35px;margin: auto; background-position: right center;  }
.nynews-list ul li:hover .arrow span {background-position: left center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.nynews-list ul li:hover .info strong{color: #1d2089}


/*新闻详情页*/
.newsxq-title{   padding-bottom: 1.875rem; margin-bottom: 2.5rem;  border-bottom: 1px solid #dcdcdc; text-align: center; }
.newsxq-title h3{font-size: 2rem; color: #333; margin-bottom: 0.625rem;}
.newsxq-title span{display: inline-block; font-size: 0.9375rem; color: #999;}
.newsxq-title .clicks{margin-left: 0.9375rem;}
.newsxq-page{border-top: 1px solid #dcdcdc; padding-top: 1.875rem; margin-top: 2.5rem; display: flex; justify-content: space-between; align-items: center;}
.page-left em{display: block; font-size: 1rem; color: #333;}
.page-left a{color: #666;}
.page-left a:hover{color: #1d2089;}
.newsxq-page .xq-back a{margin: 0 auto;}


/* 图片列表页 */

.honerList ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem;}
.honerList ul li {background: #f5f5f5;padding: 2rem 0.5rem; box-sizing: border-box;}
.honerList ul li .imgBox {overflow: hidden;}
.honerList ul li .imgBox img {width: 100%; display: block; transition: .5s;}
.honerList ul li .con {text-align: center;}
.honerList ul li h5 {font-size: 1.13rem;font-weight: 400;color: #333333; margin-top: 2rem;}
.honerList ul li:hover img {transform: scale(1.1);}













/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #fe0000;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #fe0000;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #fe0000;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



/*分页*/
.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: #fe0000;}
.fy .layui-laypage-curr {color: #fff; background: #fe0000; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}



/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;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 .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchicon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.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: #fe0000; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.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);}




.chairman-list dl{margin-bottom: 42px; background: #fafafa}
.chairman-list dl dt,.chairman-list dl dd{float: left;}
.chairman-list dl dt{width: 178px; overflow: hidden;}
.chairman-list dl dt img{display: block; width: 100%}
.chairman-list dl dd{width: calc(100% - 178px); box-sizing:border-box; padding: 22px 3.2% 0}
.chairman-list dl dd strong{display: block; font-size: 24px; color: #333; border-bottom: 1px solid #e1e1e1; padding-bottom: 13px; margin-bottom: 18px;}
.chairman-list dl dd span{display: inline-block; font-size: 16px; color: #666; font-weight: normal; margin-left: 22px;}
.chairman-list dl dd p{display: block; font-size: 16px; line-height: 36px; color: #666;  height:100px;overflow-y: auto;    padding-right: 20px;  }
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:5px;
background:rgba(0,0,0,0.1);
border-radius:10px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.2);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.7);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.2);
}
.chairman-list dl dd em{color: #1d2089}
.chairman-list dl:hover dt 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;}
.chairman-list dl:hover dd strong{color: #1d2089}