/* 公共样式 */
.container{width: 1440px;max-width: 1440px;min-width: 1200px;}
section .banner .swiper-pagination-bullet{background: #afb1b2;height: 14px;width: 14px;}
section .banner .swiper-pagination-bullet-active{width: 94px;height: 14px;border-radius: 7px;}
section .container .title-demo{margin: 0 auto;padding-top: 100px;animation-name: fadeInUp; visibility: visible;}
section .container .title-demo p{font-size: 30px;color: #2e4387;text-align: center;display: block;font-weight: bolder;}
section .container .title-demo span{font-size: 28px;color: #000;text-align: center;display: block;position: relative;font-weight: bolder;}
section .container .title-demo span::before{content:'';background: url(../images/title-left-icon.png)no-repeat center;width: 142px;height: 9px;position: absolute;left: 34%;bottom: 12px;}
section .container .title-demo span::after{content:'';background: url(../images/title-right-icon.png)no-repeat center;width: 142px;height: 9px;position: absolute;right: 34%;bottom: 12px;}

section .page-cate{height: 80px;}
section .page-cate .container{border-bottom: 1px solid #e9edee;}
section .page-cate a{font-size: 18px;text-decoration: none;margin: 0 16px;height: 81px;display: inline-block;color: #999;}
section .page-cate .location{height: 80px;line-height: 80px;width: 50%;float: left;position: relative;}
section .page-cate .location .title{color: #999;}
section .page-cate .cate-list{height: 80px;line-height: 80px;text-align: center;}
section .page-cate .cate-list{font-size: 16px;margin-right: 10px;}
section .page-cate .cate-list a{position: relative;}
section .page-cate .cate-list .active{color: #2e4387;font-weight: bolder;}
section .page-cate .cate-list .active i{width:34px;height: 7px;border-radius: 3.5px;background: #2e4387;display: block;position: absolute;bottom: -3px;left: 50%;margin-left: -17px;} 

/* 导航栏 */
.header .container .logo-box{padding-top: 20px;}
.header .container .navbar-nav li:hover .nav-a{color: #2e4387;font-weight: 800;border-top: 2px solid;}
.header .container .navbar-nav li .active{color: #2e4387;font-weight: 800;border-top: 2px solid;}
.header .container .dropdown-menu>li:hover{background: #f4f5f9;}
.header .container .dropdown-menu>li{padding: 0 14px;position: relative;}
nav.navbar.bootsnav li.dropdown ul.secdropdown-menu > li::after{content:'';width: 6px;height: 9px;background: url(../images/nav-triangle.png)no-repeat center;position: absolute;right: 17px;top: 27px}

/* 首页产品中心 */
section .index-product .container .pro-wrapper{display: flex;justify-content: space-between;overflow-x: hidden;flex-direction: row;flex-wrap: wrap;overflow-y: hidden;}
section .index-product .container .pro-wrapper .pro-box{text-align: center;max-width: 47%;padding-bottom: 50px;border-bottom: 1px dashed #ccc;margin-top: 30px;animation-name: bounceInUp; visibility: visible;}
section .index-product .container .pro-wrapper .pro-box .pro-list{display: flex;text-align: center;background: #fff;width: 100%;justify-content: space-between;position: relative;}
section .index-product .container .pro-wrapper .pro-box .pro-list::after{content:'';width: 2px;height: 116%;position: absolute;border-right: 1px dashed #ccc;right: -60px;}
section .index-product .container .pro-wrapper .pro-box .pro-list .pro-item {flex-grow: 1;max-width: 48%;margin-bottom: 15px;box-shadow: 0 0 18px rgba(0,0,0,0.1);overflow: hidden;}
section .index-product .container .pro-wrapper .pro-box .pro-list .pro-item .pic-box{height: 80%;overflow: hidden;}
section .index-product .container .pro-wrapper .pro-box .pro-list .pro-item .pic-box:hover img{transition: all 0.4s;transform: scale(0.88);}
section .index-product .container .pro-wrapper .pro-box .pro-list .pro-item .pic-box img{width: 100%;transition: all 0.4s;}
section .index-product .container .pro-wrapper .pro-box .pro-list .pro-item span{font-size: 18px;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 90%;display: block;margin: 0 auto;}
section .index-product .container .pro-wrapper .pro-box .more{width: 100%;background: #ccc;height: 50px;font-size: 20px;line-height: 50px;}
section .index-product .container .pro-wrapper .pro-box .more a{text-decoration: none;}
section .index-product .container .pro-wrapper .pro-box .more p{width: 250px;margin: 0 auto;position: relative;}
section .index-product .container .pro-wrapper .pro-box .more p::after{content: '';width:29px;height: 29px;background: url(../images/right-arrow.png)no-repeat center;right: 20px;top:12px;position: absolute;}
section .index-product .container .pro-wrapper .pro-box .series-name{font-size: 24px;color: #000;margin: 0px 0 12px 0;}
section .index-product .container .pro-wrapper .pro-box .series-sub-name{font-size: 18px;color: #666;margin-bottom: 16px;display: block;}

/* 解决方案 */
section .solution .container .solu-list{margin: 30px 0;}
section .solution .container .solu-list .solu-item{position: relative;overflow: hidden;animation-name: fadeInRightBig; visibility: visible;}
section .solution .container .solu-list .solu-item:hover .cover{background: none;transition: all 0.5s;}
section .solution .container .solu-list .solu-item:hover .title2{bottom:0;transition: all 0.5s;}
section .solution .container .solu-list .solu-item:hover .title{top:-10%;transition: all 0.5s;}
section .solution .container .solu-list .solu-item .cover{display: block;position: absolute;background: rgba(0,0,0,0.8);opacity: 0.5;height: 100%;width: 100%;z-index: 1;left: 0;top: 0;transition: all 0.5s;}
section .solution .container .solu-list .solu-item .title{position: absolute;top: 50%;left: 50%;width: 40%;margin-left: -20%;font-size: 26px;color: #fff;text-align: center;font-weight: bolder;z-index: 2;transition: all 0.5s;}
section .solution .container .solu-list .title2{font-size: 26px;font-weight: bolder;color: #fff;position: absolute;width: 56%;text-align: center;left: 50%;margin-left: -28%;bottom: -50%;transition: all 0.5s;text-shadow: 1px 1px 4px rgb(0 0 0 / 60%);}
section .solution .container .solu-list .title2 span{font-weight: 400;font-size: 16px;}
section .solution .container .seemore{width: 180px;height: 46px;font-size: 20px;display: block;background: #5e79d3;margin: 10px auto;text-align: center;line-height: 46px;font-weight: bolder;color: #fff;border-radius: 23px;text-decoration: none;}
/*Floor002731 */
.Floor002731 .auto { padding: 0!important;}
.Floor002731 { padding: 60px 0; }
@media(max-width:640px) {
.Floor002731{ padding:0; padding-top:30px;}
.Floor002731 .title { font-size: 5vw; }
}

@media(min-width:1025px) {
.Floor002731 .ul-pc { padding-bottom: 37.5%; position: relative; overflow: hidden; color: #fff; }
/*.Floor002731 .ul-pc li:before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0,0,0,0.35); }
.Floor002731 .ul-pc li.on:before { height: 60%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0 );
-webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); }*/
}
.Floor002731 .ul-pc .text { position: absolute; left: 0; z-index: 10; width: 100%; bottom: 10px; padding: 25px 18px; }
.Floor002731 .ul-pc .text h2 { font-size: 26px; margin: 0; font-weight: normal;text-shadow: 1px 1px 1px rgb(0 0 0 / 50%); }
.Floor002731 .ul-pc .text p { font-size: 15px; color:#e0e0e0; margin: 10px 0 0 0; opacity: 0; transform: translateY(100%);text-shadow: 1px 1px 1px rgb(0 0 0 / 50%); }
.Floor002731 .ul-pc a { color: #fff; }
.Floor002731 .ul-pc a:hover{text-decoration: none;}
.Floor002731 .ul-pc .Ispic { display: block; height: 100%; background-position: left top; }
.Floor002731 .ul-pc .on .text{padding: 25px 40px}
.Floor002731 .ul-pc .on .text p { opacity: 1; transform: translateY(0); transition: 0.3s 0.4s; }

@media(max-width:1024px) {
.Floor002731 .ul-wap .slide { position: relative; height: auto; left: auto !important; }
.Floor002731 .ul-wap .slide >* { margin: 0 10px; }
.Floor002731 .ul-wap .Ispic { display: block; padding-bottom: 56%; }
.Floor002731 .ul-wap aside { display: none; }
.Floor002731 .ul-wap h2 a { font-weight: bold; font-size: 20px; }
.Floor002731 .ul-wap h2 { margin: 0 5px 0 0; }
.Floor002731 .ul-wap .text { padding: 15px; background: #ececec; }
}
.Floor002731 .slick-dots { padding-top: 20px; text-align: center; }
.Floor002731 .slick-dots li { list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; position: relative; }
.Floor002731 .slick-dots li button { position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0; }
.Floor002731 .slick-dots li.slick-active { border-color: #333; }
.Floor002731 .slick-dots li.slick-active button { width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #333; }
#sm { height: 100%; overflow: hidden; position: absolute; width: 100%; left: 0; top: 0; }
#sm .slide { position: absolute; display: block; left: 0; width: 50%; height: 100%; transition: all .75s ease; cursor: pointer }

/* 首页新闻中心 */
section .index-news .container .news-list{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;margin: 40px 0;}
section .index-news .container .news-list .news-item{max-width: 24%;animation-name: fadeInLeftBig; visibility: visible;overflow: hidden;}
section .index-news .container .news-list .news-item img{max-width: 100%;max-height: 226px;}
section .index-news .container .news-list .news-item .date{font-size: 16px;color: #666;}
section .index-news .container .news-list .news-item .news-title{font-size: 18px;color: #040404;margin: 10px 0;font-weight: 600;}
section .index-news .container .news-list .news-item .content{color: #666;font-size: 16px;
display: block;margin: 10px 0;line-height: 26px;}
section .index-news .container .news-list .news-item .detail{font-size: 16px;color: #1b1b1b;text-decoration: none;position: relative;}
section .index-news .container .news-list .news-item .detail::after{content:'';position: absolute;width: 42px;height: 7px;background: url(../images/news-icon.jpg)no-repeat center;    right: -62px;top: 8px;}
section .index-news .container .news-list .news-item:hover .detail{color: #5e79d3;}
section .index-news .container .news-list .news-item:hover .detail::after{background: url(../images/news-icon-chose.jpg)no-repeat center;}
section .index-news .container .news-list .news-item:hover .news-title{color: #5e79d3;}
section .index-news .container .news-list .news-item:hover .date{color: #5e79d3;}
section .index-news .container .seemore{width: 180px;height: 46px;font-size: 20px;display: block;background: #5e79d3;margin: 40px auto;text-align: center;line-height: 46px;font-weight: bolder;color: #fff;border-radius: 23px;text-decoration: none;}

/* 公司介绍 */
section .index-intro{padding-bottom: 60px;}
section .index-intro .container{position: relative;}
section .index-intro .container .intro-txt{position: absolute;width: 720px;height: 400px;top: 21%;background: #fff;right: 0%;padding: 50px 60px;}
section .index-intro .container .intro-txt .en-title{font-size: 30px;color: #2e4387}
section .index-intro .container .intro-txt .cn-title{font-size: 28px;color: #000;position: relative;}
section .index-intro .container .intro-txt .cn-title::after{content:'';background: url(../images/title-right-icon.png)no-repeat center;width: 142px;height: 9px;position: absolute;left: 20%;bottom: 12px;}
section .index-intro .container .intro-txt .content{font-size: 16px;color: #666;line-height: 34px;margin: 16px 0 10px;}
section .index-intro .container .intro-txt .content:first-child{margin: 10px 0 20px 0;}
section .index-intro .container .intro-txt .content:last-child{margin: 10px 0 0 0 ;}

/* 底部 */
section .footer .footer-top{height: 340px;background: #5b5b5b;padding-top: 70px;animation-name: fadeInUp; visibility: visible;}
section .footer .footer-top .container .btn-nav p{font-size: 20px;color: #fff;}
section .footer .footer-top .container .btn-nav a{font-size: 16px;color: rgba(255,255,255,0.5);display: block;margin: 12px 0;text-decoration: none;}
section .footer .footer-top .container .contact-info{padding: 0;padding-left: 60px;position: relative;}
section .footer .footer-top .container .contact-info span{font-size: 16px;color: #fff;}
section .footer .footer-top .container .contact-info p{color: #fff;font-size: 18px;}
section .footer .footer-top .container .phone-info::before{content:'';position: absolute;width: 47px;height: 47px;background: url(../images/phone-icon.png)no-repeat center;left: 0;top: 4px;}
section .footer .footer-top .container .email-info::before{content:'';position: absolute;width: 47px;height: 47px;background: url(../images/email-icon.png)no-repeat center;left: 0;top: 4px;}
section .footer .footer-top .container .address-info::before{content:'';position: absolute;width: 47px;height: 47px;background: url(../images/position-icon.png)no-repeat center;left: 0;top: 4px;}
section .footer .footer-top .container .address-info{margin-top: 30px;}
section .footer .footer-top .container .qrcode img{display: block;margin: 0 auto;}
section .footer .footer-top .container .qrcode span{display: block;text-align: center;font-size: 16px;color: rgba(255,255,255,0.5);margin-top: 10px;}
section .footer .footer-info{height: 85px;background: #393939;animation-name: fadeInUp; visibility: visible;}
section .footer .footer-info .btm-info p{color: rgba(255,255,255,0.5);background: none;font-size: 16px;line-height: 85px;;}
section .footer .footer-info .btm-info p a{text-decoration: none;color: rgba(255,255,255,0.5);}

/* 产品中心 */
section .pro-cate .container{min-height: 70px;line-height: 70px;}
section .pro-cate .container .cate-name{font-size: 14px;color: #999;}
section .pro-cate .container .cate-item{font-size: 16px;;text-decoration: none;margin: 0 20px;display: inline-block;}
section .pro-cate .container .active{font-weight: 800!important;color: #2e4387;}
section .product .container .pro-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
section .product .container .pro-list .pro-item{width: 24%;text-align: center;box-shadow:0 0 18px rgba(0,0,0,0.1);margin-bottom: 30px;padding-bottom: 30px;margin-right: 1%;text-decoration: none;}
section .product .container .pro-list .pro-item .pro-box{margin-bottom: 20px;max-height: 260px;min-height: 260px;text-align: center;overflow: hidden;}
section .product .container .pro-list .pro-item .pro-box:hover img{transform: scale(1.05);transition: all 0.4s;}
section .product .container .pro-list .pro-item .pro-box img{width: 100%;transition: all 0.4s;}
section .product .container .pro-list .pro-item span{font-size: 18px;color: #333;}

/* 产品详情 */
.pro-content img{width: 100%;}
section .layer1 .container{padding: 40px 0;}
section .layer1 .container .row .picbox{padding: 0 50px;animation-name: fadeInLeftBig; visibility: visible;}
section .layer1 .container .row .txtbox{animation-name: fadeInRightBig; visibility: visible;}
section .layer1 .container .row .txtbox .title{font-size: 36px;color: #000;font-weight: bolder;}
section .layer1 .container .row .txtbox .content{font-size: 16px;color: #666;line-height: 30px;margin: 20px 0;}
section .layer1 .container .swiper-container {width:100%;height:300px;margin-left:auto;margin-right:auto;}
section .layer1 .container .swiper-slide {background-size:cover;background-position:center;}
section .layer1 .container .swiper-slide img{display: block;margin: 0 auto;max-width: 60%;}
section .layer1 .container .gallery-top {height:400px;width:100%;border:1px solid #efefef;}
section .layer1 .container .gallery-thumbs {height:120px;box-sizing:border-box;padding:10px 0;}
section .layer1 .container .gallery-thumbs .swiper-slide {height:100%;opacity:0.4;text-align:center;}
section .layer1 .container .gallery-thumbs .swiper-slide-thumb-active {opacity:1;}
section .layer2{background: url(../images/picture/productview/layer2-bg.jpg)no-repeat center;height: 1314px;background-size: contain;}
section .layer2 .container{position: relative;height: 1314px;}
section .layer2 .container .layer2txt{position: absolute;left: 60px;top: 460px;animation-name: fadeInLeftBig; visibility: visible;}
section .layer2 .container .layer2txt2{margin-top: 82.5%;animation-name: bounceInUp;visibility: visible;}
section .layer3{background: url(../images/picture/productview/layer3-bg.jpg)no-repeat center;height: 1537px;;}
section .layer3 .container .title{font-weight: bolder ;font-size: 55px;color: #000;padding-top: 143px;margin-bottom: 58px;text-align: center;}
section .layer3 .container .subtitle{font-size: 20px;line-height: 47px;color: #666;text-align: center;width: 1120px;margin: 0 auto;display: block;}
section .layer4{background: url(../images/picture/productview/layer4-bg.jpg)no-repeat center;height: 1508px;}
section .layer4 .container .title{font-size: 55px;font-weight: bolder;color: #000;padding-top: 130px;animation-name: bounceInUp;visibility: visible;}
section .layer4 .container .subtitle{font-size: 20px;color: #666;line-height: 47px;width: 1060px;display: block;margin: 30px 0 30px 0;}
section .layer4 .container .thrtitle{font-size: 55px;color: #666;font-weight: bolder;animation-name: bounceInUp;visibility: visible;}
section .layer5 .container .title{font-weight: bolder ;font-size: 55px;color: #000;padding-top: 143px;margin-bottom: 58px;text-align: center;animation-name: bounceInUp;visibility: visible;}
section .layer5 .container .subtitle{font-size: 20px;line-height: 47px;color: #666;text-align: center;width: 1120px;margin: 0 auto;display: block;animation-name: bounceInUp;visibility: visible;}
section .layer5 .container .btmbox{margin-top: 40px;}
section .layer5 .container .btmbox .txtbox{padding-left: 120px;visibility: visible; animation-name: bounceInLeft;}
section .layer5 .container .btmbox .txtbox p{font-size: 36px;font-weight: bolder;color: #000;margin: 80px 0 0 0;}
section .layer5 .container .btmbox .txtbox span{font-size: 20px;line-height: 47px;color: #666;}
section .layer5 .container .btmbox .picbox{animation-name: bounceInRight;}
section .layer5 .container .btmbox .picbox img{width: 100%;}
section .layer6{background: url(../images/picture/productview/layer6-bg.jpg)no-repeat center;height: 1861px;}
section .layer6 .container .title{font-size: 55px;font-weight: bolder;color: #000;padding-top: 130px;animation-name: bounceInUp;visibility: visible;text-align: center;margin-bottom: 20px;}
section .layer6 .container .subtitle{font-size: 20px;color: #666;line-height: 47px;width: 1060px;display: block;margin: 0 auto;text-align: center;}
section .layer6 .container .thrtitle{font-size: 55px;color: #666;font-weight: bolder;animation-name: bounceInUp;visibility: visible;text-align: center;}
section .layer7{background: url(../images/picture/productview/layer7-bg.jpg)no-repeat center;height: 1610px;}
section .layer7 .container{padding: 0;}
section .layer7 .container .title{font-size: 55px;font-weight: bolder;color: #000;padding-top: 130px;animation-name: bounceInUp;visibility: visible;text-align: center;margin-bottom: 20px;}
section .layer7 .container .subtitle{font-size: 20px;color: #666;line-height: 47px;width: 1036px;display: block;margin: 0 auto;text-align: center;}
section .layer7 .container .thrtitle{font-size: 55px;color: #666;font-weight: bolder;animation-name: bounceInUp;visibility: visible;text-align: center;}
section .layer7 .container .picbox{width: 100%;height: 946px;position: relative;margin-top: 125px;overflow: hidden;}
section .layer7 .container .picbox .leftpic{position: absolute;left: 0;top: 0;animation-name: bounceInLeft; visibility: visible;animation-delay:0.8s;-webkit-animation-delay:0.8s;}
section .layer7 .container .picbox .toppic{position: absolute;top: 0;right: 4%;animation-name: bounceInDown; visibility: visible;animation-delay:0.8s;-webkit-animation-delay:0.8s;}
section .layer8{background: #eeeff1;padding:70px 0;}
section .layer8 .container .text-box p{font-size: 14px;color: #666;line-height: 28px;}
.nextprev{font-size: 16px;text-decoration: none;color: #333;}
.nextprev:hover{text-decoration: none;  }

/* 内页 */
/* 企业介绍 */
/* 公司介绍 */
section .company-intro{padding: 60px 0;}
section .company-intro .container{position: relative;}
section .company-intro .container .intro-txt{position: absolute;width: 720px;height: 400px;top: 21%;background: #fff;right: 0%;padding: 50px 60px;}
section .company-intro .container .intro-txt .en-title{font-size: 30px;color: #2e4387}
section .company-intro .container .intro-txt .cn-title{font-size: 28px;color: #000;position: relative;}
section .company-intro .container .intro-txt .cn-title::after{content:'';background: url(../images/title-right-icon.png)no-repeat center;width: 142px;height: 9px;position: absolute;left: 20%;bottom: 12px;}
section .company-intro .container .intro-txt .content{font-size: 16px;color: #666;line-height: 34px;margin: 16px 0 10px;}
section .company-intro .container .intro-txt .content:first-child{margin: 10px 0 20px 0;}
section .company-intro .container .intro-txt .content:last-child{margin: 10px 0 0 0 ;}

/* 企业资质 */
section .quali {background: url(../images/picture/quali/quali-bg.jpg)no-repeat center;height: 840px;}
section .quali .container{padding: 60px 0;}
section .quali .container .swiper-slide img{width: 100%;box-shadow: 7px 8px 16px rgb(0 0 0 / 20%);}
section .quali .swiper-pagination-bullet-active{background: #2e4387;}
section .quali .swiper-container {width:80%;height:770px;padding-bottom: 80px;}
section .quali .swiper-slide {text-align:center;font-size:18px;background:#fff; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:300ms;transform:scale(0.7);width:200px;}
section .quali .swiper-slide-prev{transform: scale(0.9);}
section .quali .swiper-slide-next{transform: scale(0.9);}
section .quali .swiper-slide-active {transform:scale(1.3);width:320px;z-index:1;}

/* 联系我们 */
section .contact .container .contact-wrapper{height: 720px;width: 100%;box-shadow: 0 0 18px rgba(0,0,0,0.2);margin: 40px 0 80px 0;}
section .contact .container .contact-wrapper .leftbox{position: relative;padding: 0;overflow: hidden;}
section .contact .container .contact-wrapper .leftbox .map{width: 100%;height: 610px;}
section .contact .container .contact-wrapper .info{background: #9b9b9b;height: 110px;padding: 32px 0 0 20px;}
section .contact .container .contact-wrapper .info .contact-info{padding: 0;padding-left: 60px;position: relative;}
section .contact .container .contact-wrapper .info .contact-info span{font-size: 16px;color: #fff;}
section .contact .container .contact-wrapper .info .contact-info p{color: #fff;font-size: 17px;}
section .contact .container .contact-wrapper .info .phone-info::before{content:'';position: absolute;width: 40px;height: 40px;background: url(../images/phone-icon.png)no-repeat center;left: 8px;top: 4px;background-size: contain;}
section .contact .container .contact-wrapper .info .email-info::before{content:'';position: absolute;width: 40px;height: 40px;background: url(../images/email-icon.png)no-repeat center;left: 8px;top: 4px;background-size: contain;}
section .contact .container .contact-wrapper .info .address-info::before{content:'';position: absolute;width: 40px;height: 40px;background: url(../images/position-icon.png)no-repeat center;left: 8px;top: 4px;background-size: contain;}
section .contact .container .contact-wrapper .mes-box{padding: 0px 30px 0 40px;}
section .contact .container .contact-wrapper .mes-box .title{font-size: 30px;color: #000;margin: 40px 0 20px 0;}
section .contact .container .contact-wrapper .mes-box .subtitle{font-size: 16px;color: #666;display: block;margin: 0 0 30px 0;}
section .contact .container .contact-wrapper .mes-box .nametitle{font-size: 16px;color: #000;display: block;margin: 0 0 10px 0;}
section .contact .container .contact-wrapper .mes-box .nameinput,.phoneinput,.verify{height: 58px;line-height: 58px;border: 0;outline: none;font-size: 16px;background: #f2f2f2;width: 100%;margin-bottom: 30px;padding: 0 10px;}
section .contact .container .contact-wrapper .mes-box .contentarea{outline: none;border: none;background: #f2f2f2;padding: 10px;font-size: 16px;margin-bottom: 30px;}
section .contact .container .contact-wrapper .mes-box .conf-btn{width: 100%;height: 58px;line-height: 58px;font-size: 16px;text-align: center;outline: none;border:0;background: #2e4387;color: #fff;}
section .contact .container .contact-wrapper .mes-box .verifyicon{position: absolute;z-index: 9;right: 25px;top: 45px;width: 80px;height: 38px;}

/* 招聘信息 */
section .recruit .container .recruit-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding: 50px 0;}
section .recruit .container .recruit-list .recruit-item{width: 48%;height: 150px;padding: 30px 0 30px 60px;position: relative;box-shadow: 0 0 18px rgba(0,0,0,0.2);border-left: 8px solid #2e4387;margin: 10px 1% 10px 0;text-decoration: none;}
section .recruit .container .recruit-list .recruit-item .title{font-size: 22px;color: #2e4387;}
section .recruit .container .recruit-list .recruit-item .date{font-size: 16px;color: #9f9f9f;display: block;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0px 6px;}
section .recruit .container .recruit-list .recruit-item .subtitle{font-size: 16px;color: #666666;}
section .recruit .container .recruit-list .recruit-item .salary{position: absolute;right: 46px;font-size: 43px;color: #2e4387;top: 46px;font-weight: 600;}

/* 招聘详情 */
section .recruit-detail .container .detailbox{ width:100%;box-shadow: 0 0 46px rgba(0,0,0,0.1);margin: 70px 0;padding: 50px 165px;}
section .recruit-detail .container .detailbox .title{font-size: 30px;color: #2e4387;text-align: center;}
section .recruit-detail .container .detailbox .datebox{font-size: 18px;color: #666;position: relative;text-align: center;background: #fff;width: 180px;left: 50%;margin-left: -90px;top: 43px;
padding: 0 0 0 30px;}
section .recruit-detail .container .detailbox .datebox::before{content:'';width: 17px;height: 17px;position: absolute;background: url(../images/dateicon.jpg)no-repeat center;left: 26px;top: 4px}
section .recruit-detail .container .detailbox .line{display: block;width: 100%;border-bottom: 1px solid #ccc;height: 1px;margin: 30px 0;}
section .recruit-detail .container .detailbox .jobtitle{font-size: 18px;color: #2e4387;margin: 25px 0 25px 0;font-weight: bolder;}
section .recruit-detail .container .detailbox .jobcontent{font-size: 16px;color: #333;line-height: 34px;}
section .recruit-detail .container .detailbox .btn-func{display: flex;flex-wrap: nowrap;justify-content: space-between;}
section .recruit-detail .container .detailbox .btn-func a{font-size: 16px;color: #333;text-decoration: none;}

/* 解决方案 */
section .solve .container .solve-list{padding: 60px 0;}
section .solve .container .solve-list .solve-item .row .picbox{height: 220px;overflow: hidden;}
section .solve .container .solve-list .solve-item .row .picbox img{width: 87%;min-height: 220px;max-height: 220px;}
section .solve .container .solve-list .solve-item .row .txtbox{padding: 20px 10px;position: relative;}
section .solve .container .solve-list .solve-item .row .txtbox .title{font-size: 20px;color: #000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 60%;}
section .solve .container .solve-list .solve-item .row .txtbox .desc{font-size: 16px;display: block;color: #666;margin: 10px 0 10px 0;}
section .solve .container .solve-list .solve-item .row .txtbox .content{font-size: 16px;color: #666;line-height: 30px;width: 610px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px}
section .solve .container .solve-list .solve-item .row .txtbox .space{font-size: 14px;color: #9f9f9f;position: relative;display: block;padding: 0 0 0 24px;}
section .solve .container .solve-list .solve-item .row .txtbox .space::before{content:'';width: 18px;height: 18px;position: absolute;background: url(../images/person.png)no-repeat center;left: 0;top: 0;}
section .solve .container .solve-list .solve-item .row .txtbox .seemore{font-size: 18px;position: absolute;right: 90px ;bottom: 20px;color: #000;text-decoration: none;font-weight: bolder;}
section .solve .container .solve-list .line{display: block;height: 1px;width: 100%;background: #e5e5e5;margin: 30px 0;}
section .solve .container .solve-list .line:last-child{display: none;}
section .solve .container .solve-list .solve-item:hover{box-shadow: 0 0 18px rgba(0,0,0,.25);}
section .solve .container .solve-list .solve-item:hover .row .txtbox .title{color: #2e4387;}
section .solve .container .solve-list .solve-item:hover .row .txtbox .seemore{color: #2e4387;}

/* 解决方案详情 */
section .solveview .row{padding-top: 70px;}
section .solveview .container .row .picbox img{width: 100%;}
section .solveview .container .row .txtbox .title{font-size: 30px;font-weight: bolder;color: #000;}
section .solveview .container .row .txtbox .subtitle{font-size: 16px;color: #666;display: block;margin: 10px 0 60px 0;}
section .solveview .container .row .txtbox .swiper-slide{text-align: center;box-shadow: 0 0 8px rgba(0,0,0,0.2);height: 164px;margin-top: 30px;}
section .solveview .container .row .txtbox .swiper-slide img{max-width: 80%;}
section .solveview .container .row .txtbox .swiper-container{width: 90%;height: 200px;padding:0 10px;}
section .solveview .container .row .txtbox .swiper-button-prev,.swiper-button-next{opacity: 0;}
section .solveview .container .row .txtbox .showpic{position: relative;}
section .solveview .container .row .txtbox .showpic .arrow-l{position: absolute;bottom: 56px;left: 0;cursor: pointer;}
section .solveview .container .row .txtbox .showpic .arrow-r{position: absolute;bottom: 56px;right: 0;cursor: pointer;}
section .solveview .container .contentbox .title{font-size: 30px;font-weight: bolder;color: #000;}
section .solveview .container .contentbox .content{font-size: 16px;color: #666;line-height: 30px;margin: 0 0 87px 0;display: block;}

/* 新闻资讯 */
section .news-wrapper .container .news-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding: 60px 0;}
section .news-wrapper .container .news-list .news-item{width: 48%;margin-right: 2%;height: 210px;border: 1px solid #e5e5e5;margin-bottom: 40px;overflow:hidden;visibility: visible; animation-name: bounceInUp;}
section .news-wrapper .container .news-list .news-item:hover {box-shadow: 0 0 18px rgba(0,0,0,0.2);}
section .news-wrapper .container .news-list .news-item .picbox{width: 40%;float: left;overflow:hidden;}
section .news-wrapper .container .news-list .news-item .picbox img{width: 100%;height: 210px;transition: all 0.4s;}
section .news-wrapper .container .news-list .news-item .picbox:hover img{transition: all 0.4s;transform: scale(1.08);}
section .news-wrapper .container .news-list .news-item .txtbox{float: left;padding: 20px 10px;width: 60%;}
section .news-wrapper .container .news-list .news-item .txtbox .title{font-size: 22px;color: #2e4387;overflow: hidden;width: 94%;text-overflow: ellipsis;white-space: nowrap;}
section .news-wrapper .container .news-list .news-item .txtbox .date{font-size: 16px;color: #9f9f9f;display: block;margin: 14px 0px;}
section .news-wrapper .container .news-list .news-item .txtbox .content{font-size: 16px;color: #666;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px;}

/* 新闻详情 */
/* 招聘详情 */
section .newsview .container .detailbox{ width:100%;box-shadow: 0 0 46px rgba(0,0,0,0.1);margin: 70px 0;padding: 50px 165px;}
section .newsview .container .detailbox .title{font-size: 30px;color: #2e4387;text-align: center;}
section .newsview .container .detailbox .datebox{font-size: 18px;color: #666;position: relative;text-align: center;background: #fff;width: 180px;left: 50%;margin-left: -90px;top: 43px;
padding: 0 0 0 30px;}
section .newsview .container .detailbox .datebox::before{content:'';width: 17px;height: 17px;position: absolute;background: url(../images/dateicon.jpg)no-repeat center;left: 26px;top: 4px}
section .newsview .container .detailbox .line{display: block;width: 100%;border-bottom: 1px solid #ccc;height: 1px;margin: 30px 0;}
section .newsview .container .detailbox .jobtitle{font-size: 18px;color: #2e4387;margin: 25px 0 25px 0;font-weight: bolder;}
section .newsview .container .detailbox .jobcontent{font-size: 16px;color: #333;line-height: 34px;}
section .newsview .container .detailbox .btn-func{display: flex;flex-wrap: nowrap;justify-content: space-between;}
section .newsview .container .detailbox .btn-func a{font-size: 16px;color: #333;text-decoration: none;}


/* 大屏幕（老款笔记本1366） */
@media (max-width: 1366px) {
    .container{width: 100%;min-width: 1200px;}
    .header .container .top-nav{width: 58%;}
    section .layer2 .container .layer2txt2{width: 100%;}
}
/* 中等屏幕（桌面显示器，1080p下150%缩放） */
@media (max-width: 1280px) {
   
}
/* 小屏幕（平板） */
@media (max-width: 768px) { 
   
    
}
/* 大屏幕（手机） */
@media (max-width: 414px) { 
    
}
/* 小屏幕（手机) */
@media (max-width: 375px) { 
    
    
}