*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
body{width: 100%;background: #ffffff;min-width: 1366px;}
img{vertical-align: top;max-width: 100%;}
.container{width: 1200px;margin: 0 auto;}
/* 头部 */
.header{width: 100%;height: 90px;display: flex;align-items: center;justify-content: center;position: fixed;z-index: 999;background: #ffffff;box-shadow: 0 5px 10px rgba(100,100,100,.1);}
.header .container{display: flex;align-items: center;justify-content: space-between;}
.header .container .logo{width: auto;height:42px;flex-shrink: 0;}
.header .container .logo img{height:100%}
.header .container .nav {height: 90px;}
.header .container .nav ul{display: flex;align-items: center;height: 100%;}
.header .container .nav ul li{width: 130px;height: 100%;}
.header .container .nav ul li a{display: block;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.header .container .nav ul li a:hover{color: #0053ac;}
.header .container .nav ul li.on a{color: #0053ac;}
.header-holder{width: 100%;height: 90px;overflow: hidden;}
.index-swiper{width: 100%;height: 580px;position: relative;overflow: hidden;}
.index-swiper .swiper-slide a{display: block;}
.index-swiper .swiper-pagination{position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;}
.index-swiper .swiper-pagination span{display: inline-block;margin: 0 4px;width: 10px;height: 10px;transition: width 0.1s;background: #ecf0f7;opacity: 1;outline: none!important;}
.index-swiper .swiper-pagination span.swiper-pagination-bullet-active{width: 25px;border-radius: 10px;height: 10px;background: #059FE9;}
.index-swiper .swiper-button-next,.index-swiper .swiper-button-prev{background-color: rgba(0,0,0,.1);background-size: 50%;}
/* 快捷导航 */
.quick-nav{width: 100%;padding: 30px 0;}
.quick-nav .container{display: flex;justify-content: space-between;align-items: center;}
.quick-nav .container ul{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.quick-nav .container ul li{width: 380px;text-align: center;transition: all .3s ease;}
.quick-nav .container ul li img{width:100%}
.quick-nav .container ul li i{font-size: 52px;}
.quick-nav .container ul li p{padding-top: 15px;font-size: 16px;padding-bottom:40px}
.quick-nav .container ul li:hover{transform: translateY(-5px);transition: all .3s ease;color: #0053ac;box-shadow:0 2px 5px rgba(0,0,0,.08)}
/* 通用大标题 */
.big-title{text-align: center;}
.big-title .en{font-family: "Arial Black";font-weight: bold;font-size: 48px;color: #eeeeee;}
.big-title .zh{font-size: 24px;color: #0053ac;font-weight: bold;margin-top: -10px;position: relative;}
.big-title .zh::after{content: "";display: inline-block;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 70px;height: 5px;background: #ddd;}

/* 关于我们 */
.about-us{width: 100%;padding: 40px 0;}
.about-us .container .about{width: 100%;display: flex;justify-content: space-between;padding-top: 50px;}
.about-us .container .about .l{width: 660px;}
.about-us .container .about .l h3{font-size: 18px;color: #0053ac;font-weight: bold;padding-bottom: 40px;}
.about-us .container .about .l .desc{font-size: 16px;color: #666666;letter-spacing: 1px;line-height: 30px;}
.about-us .container .about .l .more{display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #666666;font-size: 14px;color: #666666;margin-top: 100px;}
.about-us .container .about .l .more:hover{color: #0053ac;border: 1px solid #0053ac;}
.about-us .container .about .r{flex-shrink: 0;margin-right: 45px;position: relative;}
.about-us .container .about .r img{width: 440px;height: 305px;object-fit: cover;transition: all .3s linear;}
.about-us .container .about .r img:hover{transform: scale(1.02);transition: all .3s linear;}
.about-us .container .about .r::after{content: "";position: absolute;bottom: -15px;right: -45px;width: 440px;height: 305px;background: #eeeeee;z-index: -1;}
/* 解决方案 */
.solution{width: 100%;padding: 60px 0;}
.solution .list{width: 100%;height: 388px;background: url(../images/solution-bg.jpg) center center no-repeat;margin-top: 30px;padding-top: 55px;}
.solution .list .container{position: relative;}
.solution .list .container .solution-swiper .swiper-slide{width: 390px;}
.solution .list .container .solution-swiper .swiper-slide a{display: block;position: relative;}
.solution .list .container .solution-swiper .swiper-slide a .desc{position: absolute;width: 100%;bottom: 0;background: rgba(0,0,0,.5);color: #ffffff;height: 40px;padding: 0 20px;transition: all .3s linear;display: flex;flex-direction: column;justify-content: center;}
.solution .list .container .solution-swiper .swiper-slide a .desc h6{font-size: 16px;padding: 10px;font-weight: bold;}
.solution .list .container .solution-swiper .swiper-slide a .desc p{display: none;font-size: 13px;padding: 0 10px 10px 10px;line-height: 20px;}
.solution .list .container .solution-swiper .swiper-slide a:hover .desc{height: 100%;transition: all .3s linear;}
.solution .list .container .solution-swiper .swiper-slide a:hover .desc p{display: block;}
.solution .list .container .solution-swiper .swiper-slide img{width: 100%;height: 270px;object-fit: cover;}
.solution .list .swiper-button-next,.solution .list .swiper-button-prev{background-color: rgba(0,0,0,.1);background-size: 50%;}
/* 员工风采，最新资讯 */
.index-section{width: 100%;padding: 50px 0 65px 0;}
.index-section .container{display: flex;justify-content: space-between;}
.index-section .container .l{flex-shrink: 0;width: 580px;margin-right: 60px;}
.index-section .container .l .photo{width: 100%;height: 320px;overflow: hidden;position: relative;}
.index-section .container .l .photo .swiper-button-next,.index-section .container .l .photo .swiper-button-prev{background-color: rgba(0,0,0,.1);background-size: 50%;}
.index-section .container .r{width: 100%;}
.index-section .container .r .news{padding-top: 2px;}
.index-section .container .r .news li{border-bottom: 1px dashed #ddd;padding-bottom: 20px;margin-bottom: 15px;}
.index-section .container .r .news li h5{font-size: 16px;color: #404040;line-height: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-section .container .r .news li p{font-size: 12px;color: #999999;padding: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-section .container .r .news li span{font-size: 12px;color: #bbb;}
.index-section .container .r .news li:last-child{border-bottom: 0;}
.index-section .container .r .news li:hover h5{color: #0053ac;}
.index-section .container h3{font-size: 20px;font-weight: bold;color: #666666;padding-bottom: 40px;}
/* 尾部 */
.footer{width: 100%;background: #e5eef8;padding: 40px 0;}
.footer .container{display: flex;justify-content: space-between;align-items: center;}
.footer .container .l ul{display: flex;}
.footer .container .l ul li{margin-right: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.footer .container .l ul li i{font-size: 36px;color: #666666;}
.footer .container .l ul li a{margin-top: 20px;font-size: 14px;color: #666666;font-weight: bold;}
.footer .container .r{flex-shrink: 0;}
.footer .container .r img{width: 100px;height: 100px;}
/* 版权 */
.copyright {width: 100%;padding: 10px 0;background: #0053ac;color: #fff;}
.copyright .container{display: flex;justify-content: space-between;font-size: 13px;}
.copyright .container a{padding-left: 20px;}

/* 关于我们 */
.about-content{padding: 50px 0;line-height: 30px;font-size: 16px;color: #666666;border-bottom: 1px solid #ddd;}
.about-content strong{font-weight: bold;}
.about-photo{width: 100%;padding: 50px 0;}
.about-photo ul{display: flex;align-items: center;justify-content: space-between;}
.about-photo ul li{width: 385px;height: auto;overflow: hidden;}
.about-photo ul li img{height: 275px;width: 100%;object-fit: cover;}
.about-promise{width: 100%;padding-bottom: 60px;}
.about-promise .container{display:flex;justify-content:space-between;align-items:flex-start;}
.about-promise .container h5{font-size: 20px;font-weight: bold;color: #0053ac;padding: 20px 0 30px 0;}
.about-promise .container .l{width:50%;}
.about-promise .container .l p{font-size: 16px;color: #666666;line-height: 50px;}
.about-promise .container .r{width:50%;flex-shrink:0}
.about-promise .container .r dt{font-weight:bold;font-size:18px;padding:20px 0 13.5px 0}
.about-promise .container .r dt:first-child{padding-top:0}
.about-promise .container .r dd{font-size:16px;color: #666666;line-height: 30px;}
.about-promise ul{display: flex;justify-content: space-between;}
.about-promise ul li{width: 285px;height: 305px;border: 1px solid #eee;text-align: center;}
.about-promise ul li h5{font-size: 18px;font-weight: bold;color: #0053ac;padding: 40px 0 20px 0;}
.about-promise ul li p{font-size: 16px;color: #666666;line-height: 30px;}

/* 产品列表 */
.product-list{width: 100%;padding: 50px 0;}
.product-list .container{display: flex;justify-content: space-between;}
.product-list .container .l{flex-shrink: 0;width: 200px;margin-right: 45px;}
.product-list .container .l ul li{width: 100%;font-size: 16px;color: #fff;background: #059fe9;position: relative;}
.product-list .container .l ul li.active{background: #0790d2;}
.product-list .container .l ul li a{display: inline-block;width: 100%;height: 48px;line-height: 48px;padding: 0 15px;border-bottom: 1px solid #fff;color: #ffffff;}
.product-list .container .l ul li a.father{display: flex;justify-content: space-between;}
.product-list .container .l ul li a.father i{font-size: 12px;}
.product-list .container .l ul li .sub{display: none;position: absolute;top: 0;right: -220px;width: 220px;background: #0790d2;}
.product-list .container .l ul li .sub a{font-size: 12px;}
.product-list .container .l ul li .sub a.active{background: #046695;}
.product-list .container .r{width: 100%;}
.product-list .container .r ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-list .container .r ul li{width: 300px;flex-shrink: 0;margin-bottom: 20px;border: 1px solid #f1f1f1;overflow: hidden;}
.product-list .container .r ul li img{width: 100%;height: 220px;object-fit: cover;overflow: hidden;transition: all .3s linear;}
.product-list .container .r ul li p{font-size: 14px;text-align: center;padding: 15px 0 20px 0;}
/* .product-list .container .r ul li:hover{outline: 1px solid #0053ac;overflow: hidden;} */
.product-list .container .r ul li:hover img{transform: scale(1.02);transition: all .3s linear;}
.product-list .container .r ul li:hover p{color: #0053ac;}
.product-list .container .r ul::after{content: "";display: block;width: 300px;}
.product-content{width: 100%;padding-bottom: 50px;padding-top: 20px;}
.product-content table{border-collapse: collapse;display: table;width: 100%;table-layout: fixed;}
.product-content td,.product-content th{padding: 5px 10px;border: 1px solid #DDD;}
.product-content td:empty{width:0}
.product-content table.noborder td,.product-content table.noborder th{border: none;}
.product-content .pro-preview{text-align: center;margin-top: 20px;}
.product-content h1{text-align: center;font-size: 24px;color: #404040;padding-bottom: 50px;padding-top: 30px;}
.product-content .content{font-size: 16px;line-height: 35px;color: #333333;}
.product-content .content strong,.product-content .content b{font-weight: bold;}
.product-content .product-swiper{width: 100%;height: 500px;position: relative;}
.product-content .product-swiper .swiper-slide{text-align: center;}
.product-content .product-swiper .swiper-slide a{display: block;}
.product-content .product-swiper .swiper-slide img{width: auto;height: 500px;}
.product-content .product-swiper .swiper-pagination{position: absolute;left: 50%;transform: translateX(-50%);bottom: -20px;}
.product-content .product-swiper .swiper-pagination span{display: inline-block;margin: 0 4px;width: 10px;height: 5px;transition: width 0.1s;background: #ddd;opacity: 1;outline: none!important;border-radius: 0px;}
.product-content .product-swiper .swiper-pagination span.swiper-pagination-bullet-active{width: 30px;border-radius: 0px;height: 5px;background: #999999;}

/* 员工风采 */
.employees-photo{width: 100%;padding: 50px 0;}
.employees-photo ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.employees-photo ul li{width: 285px;height: 175px;overflow: hidden;margin-bottom: 20px;transition: all .3s linear;}
.employees-photo ul li img{width: 100%;}
.employees-photo ul li:hover img{transform: scale(1.02);transition: all .3s linear;}
/* 新闻中心 */
.news-list{width: 100%;padding: 50px 0;}
.news-list ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.news-list ul li{width: 385px;height: auto;overflow: hidden;margin-bottom: 20px;transition: all .3s linear;}
.news-list ul li img{width: 100%;height: 230px;object-fit: cover;transition: all .3s linear;}
.news-list ul li h6{font-size: 16px;color: #404040;padding-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list ul li p{font-size: 14px;color: #999999;padding: 5px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list ul li span{font-size: 12px;color: #999999;}
.news-list ul li:hover img{transform: scale(1.02);transform: all .3s linear;}
.news-list ul li:hover h6{color: #0053ac;}
.news-list ul::after{content: "";display: block;width: 385px;}
.news-content{width: 100%;padding-bottom: 50px;}
.news-content h1{text-align: center;font-size: 24px;color: #404040;padding-bottom: 50px;}
.news-content .content{font-size: 16px;line-height: 35px;color: #333333;}
.news-content .content strong,.news-content .content b{font-weight: bold;}
/* 通用面包屑 */
.crumbs{width: 100%;padding: 20px 0;font-size: 14px;color: #666666;}
.crumbs a{padding-right: 5px;}
/* 人才招聘 */
.job-box{width: 100%;padding: 50px 0;}
.job-box .container{border: 1px solid #eee;border-top: 2px solid #3d85c6;}
.job-list ul{display: flex;align-items: center;width: 100%;background: #f5f7fa;}
.job-list ul li{width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #666666;border-right: 1px solid #eee;cursor: pointer;}
.job-list ul li.on{background: #6fa8dc;color: #ffffff;}
.job-list ul li:last-child{border-right: none;}
.job-content{display: none;width: 100%;padding: 40px 50px;font-size: 16px;line-height: 35px;color: #666666;}
.job-content.active{display: block;}
.job-content strong,.job-content b{font-weight: bold;}

/* 联系我们 */
.contact-info{width: 100%;padding: 50px 0;}
.contact-info .container{display: flex;justify-content: space-between;align-items: center;}
.contact-info .container .info{line-height: 35px;font-size: 16px;color: #666666;}
.contact-info .container .qrcode{flex-shrink: 0;width: 150px;height: 150px;}
.contact-map{margin-bottom: 50px;}
.contact-map #map{width: 100%;height: 380px;}

/* 分页 */
.pagination{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.pagination a,.pagination p{height: 30px!important;line-height: 30px!important;display: flex!important;align-items: center;justify-content: center;}
.pagination .pageRemark{display: none!important;}
.pc-hide{display: none;}
.mb-hide{display: block;}

@media (max-width: 640px){
.pc-hide{display: block;}
.mb-hide{display: none;}
body{min-width: 100%;}
.container{width: 100%;}
.header{height: .9rem;}
.header .title{font-size: .3rem;color: #333333;width: 100%;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.header .container .logo{width: auto;height: .45rem;margin-left: .2rem;}
.header .container .logo img{height: 100%;width: auto;}
.header .container .nav{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);}
.header .container .nav ul{flex-direction: column;flex-wrap: wrap;align-items: center;justify-content: center;}
.header .container .nav ul li{width: 100%;height: 1rem;}
.header .container .nav ul li a{color: #ffffff;font-size: .3rem;}
.header .container .nav ul i{color: #ffffff;font-size: .68rem;margin-top: .5rem;}
.header .container .mb-nav{height: .9rem;width: .75rem;line-height: .85rem;flex-shrink: 0;}
.header .container .mb-nav i{font-size: .5rem;color: #999;}
.header-holder{height: .9rem;}
.index-swiper{height: auto;}
.index-swiper img{height: auto;width:100%}
.index-swiper .swiper-pagination{bottom: 0;}
.quick-nav{padding: .3rem .15rem;}
.quick-nav .container ul li{width:32%}
.quick-nav .container ul li i{font-size: .52rem;}
.quick-nav .container ul li p{padding-top: .15rem;font-size: .16rem;padding-bottom:.4rem}

.about-us{padding: .3rem 0 .6rem 0;}
.big-title .en{font-size: .56rem;}
.big-title .zh{font-size: .3rem;}
.about-us .container .about{position: relative;background: #eeeeee;padding-top: 0;margin-top: .7rem;}
.about-us .container .about .l{width: 100%;padding:.5rem .3rem;}
.about-us .container .about .r{position: absolute;margin-right: 0;}
.about-us .container .about .r img{visibility: hidden;}
.about-us .container .about .r::after{display: none;}
.about-us .container .about .l h3{padding-bottom: .5rem;font-size: .3rem;}
.about-us .container .about .l .desc{font-size: .22rem;}
.about-us .container .about .l .more{margin-top: 1rem;width: 2rem;height: .6rem;line-height: .6rem;font-size: .24rem;}
.solution{padding-top: .2rem;padding-bottom: .2rem;}
.solution .list{height: auto;padding: .3rem 0;}
.solution .list .container .solution-swiper .swiper-slide a .desc h6{font-size: .26rem;}
.solution .list .container .solution-swiper .swiper-slide a .desc p{font-size: .20rem;}
.index-section{padding: .3rem;padding-bottom: 1.2rem;}
.index-section .container{flex-wrap: wrap-reverse;}
.index-section .container .l{margin-right: 0;width: 100%;}
.index-section .container h3{font-size: .3rem;padding-bottom: .5rem;}
.index-section .container .r .news li span{clear: both;}
.index-section .container .l .photo{height: auto;}
.index-section .container .r .news li a{display: flex;flex-direction: column;}
.index-section .container .r .news li h5{font-size: .24rem;}
.index-section .container .r .news li p{font-size: .22rem;}
.index-section .container .r .news li span{font-size: .2rem;}
.footer{padding: 1rem .3rem .5rem .3rem;}
.footer .container .l ul{flex-wrap: wrap;}
.footer .container .l ul li{width: 100%;margin-right: 0;flex-direction: row;justify-content: flex-start;margin-bottom: .8rem;}
.footer .container .l ul li i{font-size: .45rem;margin-right: .15rem;}
.footer .container .l ul li a{margin-top: 0;font-size: .24rem;}
.footer .container .r img{width: 1.8rem;height: 1.8rem;}
.copyright {padding: .2rem .3rem;}
.copyright .container{flex-direction: column;font-size: .16rem;line-height: .5rem;}
.about-content{padding: .5rem .3rem;font-size: .24rem;line-height: .5rem;}
.banner{margin-bottom: .3rem;}
.about-promise{padding: 0 .3rem 1rem .3rem;}
.about-promise .container{flex-wrap:wrap}
.about-promise .container .l{width:100%}
.about-promise .container .r{width:100%;margin-left:0;margin-top:.5rem}
.about-promise ul{flex-wrap: wrap;}
.about-promise ul li{width: 49%;margin-bottom: .3rem;height: 5.5rem;}
.about-promise ul li h5{font-size: .28rem;}
.about-promise ul li p{font-size: .22rem;}
.contact-info{padding: .5rem .3rem 1rem .3rem;}
.contact-info .container{align-items: flex-end;}
.contact-info .container .info{line-height: .5rem;font-size: .26rem;}
.contact-info .container .qrcode{width: 1.5rem;height: 1.5rem;}
.contact-map #map{width: 100%;height: 5rem;}
.employees-photo{padding: .5rem .3rem;}
.employees-photo ul li{width: 100%;height:4.5rem;}
.crumbs{padding: .5rem .3rem;display: none;}
.news-list{padding: .5rem .3rem;}
.news-list ul li{width: 100%;}
.news-list ul li a{display: flex;flex-direction: column;}
.news-list ul li h6{font-size: .26rem;}
.news-list ul li p{font-size: .22rem;}
.news-list ul li span{font-size: .2rem;}
.news-content{padding-bottom: 1rem;}
.news-content h1{font-size: .3rem;padding-bottom: .5rem;color: #333333;font-weight: bold;padding-top: .5rem;}
.news-content .content{font-size: .22rem;line-height: .5rem;padding: 0 .3rem;}
.product-content{padding-bottom: 1rem;padding-top: 0;}
.product-content .product-swiper{height: 300px;}
.product-content .product-swiper .swiper-slide img{height: 300px;}
.product-content .product-swiper .swiper-pagination{bottom: 0;}
.product-content h1{font-size: .3rem;padding-bottom: .5rem;color: #333333;font-weight: bold;}
.product-content .content{font-size: .22rem;line-height: .5rem;padding: 0 .3rem;}
.product-list{padding: .5rem .3rem;}
.product-list .container{flex-wrap: wrap;}
.product-list .container .l{width: 100%;display: none;}
.product-list .container .r ul li{width: 100%;}
.product-list .container .r ul li p{font-size: .28rem;}
.product-category{padding: 0 .3rem;}
.product-category .layui-colla-title{padding-left: .3rem;}
.product-category .layui-colla-icon{right: 15px;left: unset;}
.product-category .layui-colla-title{background: #059fe9;color: #fff;}
.product-category .layui-colla-title a{color: #fff;font-size: .26rem;}
.product-category .layui-colla-content{line-height: .5rem;}
.product-category .layui-colla-content a{display: block;line-height: .6rem;font-size: .22rem;}
.product-category .layui-colla-content li.active a{color: #0053ac;}
.mb-job-box{padding: .5rem .3rem;}
.mb-job-box .layui-colla-title{font-size: .26rem;}
.mb-job-box .layui-colla-content{line-height: .5rem;font-size: .22rem;}
.mb-job-box .layui-colla-content strong{font-weight: bold;}
}