header{width: 100%;background: none;position: fixed;top: 0;left: 0;z-index: 90;}
header:hover{background: #FFFFFF !important;}
header:hover nav ul li a{color: #030303 !important;}
.header-box{width: 100%;max-width: 1650px;margin: 0 auto;position: relative;padding: 0 120px 0 20px;box-sizing: border-box;height: 100px;}
.logo{padding: 35px 0;box-sizing: border-box;height: 100%;float: left;}
.logo img{height: 100%;display: block;}
header:hover .logo img{filter:none !important;}
header nav{float: right;}
header nav ul{display: flex;flex-direction: row;justify-content: center;}
header nav ul li{font-size: 16px;float: left;padding: 0 20px;box-sizing: border-box;line-height: 100px;position: relative;}
header nav ul li a{color: #FFFFFF;}
.mideo-nav{display: none;}
.mideo-ico{display: none;}
.nav-two{width: 100%;position: fixed;top: 100px;left: 0;z-index: 99;background: #FFFFFF;border-top: 1px solid #A5A5A8;display: none;}
.nav-two ul{max-width: 1500px;margin: 0 auto;padding: 35px 0 80px;width: 100%;display: flex;flex-wrap: wrap;}
.nav-two ul li{width: 25%;text-align: center;padding: 0;line-height: 1.5;border-left: 1px solid #cbcbcc;position: relative;}
.nav-two ul li:first-child{border: 0;}
.nav-two ul li img{width: 70%;display: block;margin: 0 auto;transition: all .3s;}
.nav-two ul li p{font-size: 16px;margin-top: 20px;color: #030303;position: absolute;left: 0;bottom: -40px;width: 100%;transition: all .3s;}
.nav-two ul li:hover img{transform: scale(1.1);}
.nav-two ul li:hover p{color: var(--theme-color);}
.nav-about ul li{width: 25.1%;}
.nav-about ul li:nth-child(3n+1){border: 0;}
.nav-about ul li:nth-child(-n+3){margin-bottom: 60px;}
.nav-app ul{max-width:1640px;}
.nav-app ul li{width:16.66%;}
.nav-app ul li img{width: 85%;}
.nav-app ul li:nth-child(6n+1){border: 0;}
.nav-app ul li:nth-child(-n+6){margin-bottom: 60px;}

.header-search{width: 30px;height: 30px;cursor: pointer;position: absolute;top: 35px;right: 70px;color: #FFFFFF;text-align: center;}
.header-search i:first-child{font-size: 22px;line-height: 30px;}
header:hover .header-search{color: #030303 !important;}
.header-lang{height: 30px;width: 60px;position: absolute;top: 35px;right: 0;}
.lang{width: 60px;float: right;cursor: pointer;}
.lang-text{line-height: 30px;font-size: 16px;color: #FFFFFF;}
header:hover .lang-text{color: #030303 !important;}
.lang-text img{width: 19px;height: 19px;float: left;margin: 5px 5px 0 0;}
header:hover .lang-text img{filter: grayscale(100%) brightness(0%) sepia(100%) hue-rotate(180deg) saturate(700%) !important;}
.lang ul{background: var(--theme-color);position: absolute;top: 30px;right: 0;z-index: 100;display: none;}
.lang ul li{line-height: 30px;font-size: 16px;width: 60px;text-align: center;transition: .3s;}
.lang ul li a{color: #FFFFFF;}
.lang ul li:hover{background: #F36E30;}

/*首页banner*/
#banner{width: 100%;}
.index-banner{width: 100%;overflow: hidden;position: relative;}
.index-banner ul li{width: 100%;position: relative;overflow:hidden;}
.index-banner ul li img{width: 100%;display: block;animation: scaleAnimation 6s;}
.index-banner ul li p{font-size: 70px;font-weight: bold;color: #FFFFFF;position: absolute;top: 50%;left:0;transform:translate(0,-50%);opacity:0;transition:all .4s;z-index: 10;}
.index-banner ul li.ani-slide p{transform:translate(-50%,-50%);opacity:1;left:50%;}
.index-banner ul li a{position: absolute;left: 50%;bottom: 20%;transform: translate(-50%,-50%);display: inline-block;padding: 5px 30px;box-sizing: border-box;border-radius: 50px;color: #FFFFFF;border: 1px solid #FFFFFF;transition: all .3s;z-index: 10;}
.index-banner ul li a:hover{background: #FFFFFF;color: #030303;}
.index-banner .swiper-pagination{bottom: 70px !important;}
.index-banner .swiper-pagination span{width: 80px;border-radius: 0;background: #FFFFFF;opacity: 1;height: 3px;margin: 0 15px !important;}
.index-banner .swiper-pagination span.swiper-pagination-bullet-active{background: var(--theme-color);}

/*首页视频*/
#index-video{width: 100%;}
.index-video-box{width: 100%;margin-top: 30px;position: relative;}
.index-video-box video{width: 100%;display: block;}
.index-video-box i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100px;height: 100px;z-index: 2;}
.index-video-box i:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,.5);border-radius: 50%;animation:PlayScale 2s linear infinite;z-index: -1;}
.index-video-box i:after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,.3);z-index: -2;border-radius: 50%;animation:PlayScales 2s linear infinite;}
.index-video-box i a{color: #FFFFFF;font-size: 100px;line-height: 100px;text-align: center;}

/*首页产品中心*/
#index-product{width: 100%;}
.set-title{width: 100%;padding: 30px 0;box-sizing: border-box;text-align: center;}
#index-product .set-title{text-align: left;}
.set-title h2{font-size: 30px;font-weight: bold;line-height: 2;color: var(--theme-color);}
.set-title span{font-size: 16px;color: #474443;line-height: 1;}
.index-product-box{width: 100%;margin-top: 30px;position: relative;}
.index-product-title{width: 50%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding: 60px 160px 0;box-sizing: border-box;}
.index-product-title:before{content: '';height: 100%;width: 100%;background: #e8e8e9;position: absolute;top: 0;left: 0;transform: skewX(-15deg) translateX(-15%);z-index: -1;}
.index-product-nav{width: 360px;}
.index-product-nav ul li{width: 100%;margin-top: 30px;background: #FFFFFF;border: 1px solid #c9caca;padding: 0 0 0 120px;box-sizing: border-box;position: relative;height: 65px;transition: all .5s;position:relative;}
.index-product-nav ul li:before{content: '';width: 0;height: 100%;background: #FFFFFF;position: absolute;top: 0;left:0;z-index:-2;}
.index-product-nav ul li:after{content: '';width: 0;height: 100%;background: var(--theme-color);position: absolute;top: 0;right: 0;transition: all .5s;z-index:-1;}
.index-product-nav ul li .index-product-nav-img{width: 80px;height: 100%;position: absolute;top: 0;left: 40px;padding: 15px 0;box-sizing: border-box;}
.index-product-nav ul li .index-product-nav-img img{height: 100%;transition: all .5s;}
.index-product-nav ul li h3{width: 100%;line-height: 65px;font-size: 20px;font-weight: 500;color: #595757;transition: all .5s;}

.index-product-nav ul li.active{background:none;}
.index-product-nav ul li.active:after{width:100%;left:0;right:auto;}
.index-product-nav ul li.active img{filter: brightness(0) invert(1);}
.index-product-nav ul li.active h3{color: #FFFFFF;}
.index-product-img{width: 65%;float: right;}
.index-product-img ul li{display: none;}
.index-product-img ul li:first-child{display: block;}
.index-product-img ul li img{width: 100%;display: block;}
/*首页应用案例*/
#application{width: 100%;}
.application-content{width: 100%;position: relative;padding: 0 110px;box-sizing: border-box;}
.application-con{width: 100%;overflow: hidden;padding: 0 190px;box-sizing: border-box;border-radius: 25px;}
.application-list{width: 100%;}
.application-list ul li{position: relative;overflow: hidden;border-radius: 25px;}
.application-list ul li.swiper-slide-active{width: 100% !important;}
.application-list ul li img{display: block;width: 100%;}
.application-list ul li i{height: 80px;position: absolute;top: 50%;transform: translateY(0);}
.application-list ul li h3{position: absolute;transform: translateY(100px);font-size: 36px;line-height: 1;color: #FFFFFF;}
.application-list ul li.swiper-slide-active h3{left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight:bold;}
.application-list ul li.swiper-slide-prev i,.application-list ul li.swiper-slide-prev h3{top:40%;right: 0px;width: 170px;text-align: center;font-size: 16px;}
.application-list ul li.swiper-slide-next i,.application-list ul li.swiper-slide-next h3{top:40%;left: 0px;width: 170px;text-align: center;font-size: 16px;}
.swiper-navigation i{width: 60px;height: 60px;position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;cursor: pointer;transition: all .3s;background: url(../img/right_ico.png)no-repeat center center;background-size: auto 70%;}
.swiper-navigation i:hover{background: url(../img/right_icos.png)no-repeat center center;background-size: auto 70%;}
.swiper-navigation i.icon-arrow-left-bold{left: 40px;transform:translateY(-50%) rotate(180deg);}
.swiper-navigation i.icon-arrow-right-bold{right: 40px;}
/*首页合作伙伴*/
#cooperate{width: 100%;padding-bottom: 70px;box-sizing: border-box;background: url(../img/cooperate_bg.jpg) no-repeat center center;background-size: 100% auto;margin-top: 30px;}
.cooperate-list{width: 100%;}
.cooperate-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cooperate-list ul li{border: 1px solid #b5b5b6;box-sizing: border-box;overflow: hidden;width: 12%;margin: 10px 0;}
.cooperate-list ul li img{width: 100%;display: block;transition: all .3s;}
.cooperate-list ul li:hover img{transform: scale(1.2);}
.a-more{display: block;margin: 40px auto 0;font-size: 16px;color: #ea5b24;border: 1px solid #ea5b24;box-sizing: border-box;font-weight: bold;line-height: 36px;width: 130px;text-align: center;transition: all .3s;}
.a-more:hover{background: #ea5b24;color: #FFFFFF;}
/*首页新闻*/
#index-news{width: 100%;padding-bottom: 30px;}
.index-news-nav{width: 100%;margin: 10px 0 30px;}
.index-news-nav ul{display: flex;justify-content: center;}
.index-news-nav ul li{padding: 0 30px;box-sizing: border-box;margin: 0 30px;transition: all .3s;}
.index-news-nav ul li.active{background: var(--theme-color);}
.index-news-nav ul li.active a{color: #FFFFFF;}
.index-news-nav ul li h3{line-height: 38px;font-size: 18px;}
.index-news-con{width: 100%;}
.index-news-row{width: 100%;display: none;}
.index-news-con .active{display: block;}
.index-news-hot ul{display: flex;justify-content: space-between;}
.index-news-hot ul li{width: 31%;background: #efeff0;}
.index-news-img{width: 100%;overflow: hidden;}
.index-news-img img{width: 100%;display: block;transition: all .3s;}
.index-news-hot ul li:hover img{transform: scale(1.2);}
.index-news-text{width: 100%;padding: 30px;box-sizing: border-box;color: #474443;}
.index-news-text h4{font-size: 22px;line-height: 1.5;font-weight: 500;}
.index-news-text h4:hover{color: var(--theme-color);}
.index-news-text time{font-size: 14px;color: #605d5c;margin: 10px 0;display: inline-block;}
.index-news-text p{font-size: 18px;line-height: 2;}
.index-news-hot ul li:last-child{background: none;display: flex;flex-wrap: wrap;}
.index-news-hot-list{width: 100%;border-top: 2px solid #f0f0f1;padding:30px 20px 30px 130px;box-sizing: border-box;position: relative;margin-top: 10px;transition: all .3s;}
.index-news-hot-list:first-child{border: 0;margin-top: 0;}
.index-news-hot-list time{width: 130px;text-align: center;position: absolute;top: 30px;left: 0;font-size: 14px;transition: all .3s;}
.index-news-hot-list time b{display: inline-block;width: 100%;font-size: 38px;font-weight: bold;line-height: 1;margin-bottom: 5px;}
.index-news-hot-list h4{font-size: 22px;line-height: 1;font-weight: 500;height: 20px;overflow: hidden;}
.index-news-hot-list p{font-size: 18px;line-height: 2;margin-top: 10px;}
.index-news-hot-list:hover{background: #efeff0;}
.index-news-hot-list:hover time,.index-news-hot-list:hover h4{color: var(--theme-color);}
/*页脚*/
footer{width: 100%;background: url(../img/footer_bg.jpg) no-repeat center center;background-size: 100% 100%;padding-top: 60px;}
.footer-box{color: #FFFFFF;}
.footer-box a{color: #FFFFFF;transition: all .3s;}
.footer-box a:hover{color: #ea5b24;}
.footer-con{display: flex;justify-content: space-between;padding-bottom: 80px;}
.footer-nav{width: 730px;display: flex;justify-content: space-between;}
.footer-nav ul{width: 18%;}
.footer-nav ul ol{font-size: 18px;line-height: 1;font-weight: bold;}
.footer-nav ul li{font-size: 16px;line-height: 1;margin-top: 20px;}
.footer-contact{width: 550px;display: flex;justify-content: space-between;}
.footer-contact .qrcode{width: 120px;text-align: center;}
.footer-contact .qrcode img{width: 100%;}
.footer-contact .qrcode span{font-size: 14px;margin-top: 10px;}
.footer-contact-text{width: 400px;}
.footer-contact-text ul li{font-size: 16px;line-height: 30px;}
.footer-contact-text ul li.footer-phone{font-size: 30px;font-weight: bold;line-height: 50px;}
.footer-contact-text ul li:nth-child(3){margin-bottom: 30px;}
.footer-copyright{border-top: 1px solid #5f70a6;padding: 40px 0;display: flex;line-height: 1.5;font-size: 16px;box-sizing: border-box;}
.copyright-text{width: 50%;}
.copyright-text ul{display: flex;padding-right: 50px;box-sizing: border-box;justify-content: flex-start;flex-wrap: wrap;}
.copyright-text ul li{padding-right: 30px;box-sizing: border-box;}
.copyright-links{width: 50%;}
.copyright-links ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.copyright-links ul li{padding-right: 30px;box-sizing: border-box;}

.go-top{width: 50px;height: 50px;background: var(--theme-color);border-radius: 50%;position: fixed;right: 30px;bottom: 60px;text-align: center;padding-top: 20px;font-size: 13px;box-sizing: border-box;z-index: 80;transition: .5s;cursor: pointer;letter-spacing: 0.5px;padding-left: 3px;font-weight: bold;color: #FFFFFF;}
.go-top::before{content: '';width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;border-color: transparent transparent #FFFFFF transparent;position: absolute;top: 10px;left: 50%;transform: translateX(-48%);display: block;}
.go-top:hover{background: #F36E30;}
.search-popup{width: 320px;max-width: 500px;position: absolute;z-index: 99;top: 65px;right: 0;box-sizing: border-box;background: #FFFFFF;display: none;}
.search-popup-input{width: 100%;padding-right: 40px;box-sizing: border-box;position: relative;height: 40px;}
.search-popup-input input{width: 100%;border: 0;padding: 0 15px;font-size: 14px;height: 100%;}
.search-popup-input i{width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;top: 0;right: 0;font-size: 20px;cursor: pointer;transition: all .3s;box-sizing: border-box;color:#030303;}
.search-popup-input i:hover{background: #B5B5B6;color: #FFFFFF;}

/*产品中心*/
#page-banner{width: 100%;position: relative;overflow:hidden;}
#page-banner p{font-size: 46px;line-height: 1.5;position: absolute;top: 50%;left: 10%;transform: translateY(-50%);color: #FFFFFF;letter-spacing: 5px;font-weight:bold;z-index:10;}
#page-banner span{font-size: 36px;line-height: 1.5;position: absolute;top: 42%;left: 10%;color: #FFFFFF;letter-spacing: 5px;display: block;font-weight: 300;z-index:10;}
#page-banner img{width: 100%;display: block;animation: scaleAnimation 6s;}
#product-type{width: 100%;padding-bottom: 30px;}
.product-type-box ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.product-type-box ul li{width: 48%;margin-top: 40px;position: relative;padding-bottom: 20px;box-sizing: border-box;background: #efeff0;}
.product-type-box ul li:before{content: '';width: 100%;height: 4px;background: #9fa0a0;position: absolute;bottom: 0;left: 0;}
.pro-type-img{width: 100%;overflow: hidden;}
.pro-type-img img{width: 100%;display: block;transition: all .5s;}
.pro-type-text{width: 100%;padding: 30px 50px;box-sizing: border-box;line-height: 1.5;color: #030303;}
.pro-type-text img{height: 60px;display: block;}
.pro-type-text h2{font-size: 28px;margin: 10px 0 20px;font-weight: 500;}
.pro-type-text p{font-size: 16px;}
.pro-type-text .a-more{margin: 30px 0 0;transform: translateX(0);}
.product-type-box ul li:hover .product-type-box ul li:before{background: var(--theme-color);}
.product-type-box ul li:hover .pro-type-img img{transform: scale(1.2);}
.product-type-box ul li:hover:before{background:var(--theme-color);}
/*产品分类*/
#page-nav{width: 100%;padding: 30px 0;box-sizing: border-box;border-bottom: 1px solid #ddddde;}
.page-nav-box{display: flex;justify-content: space-between;}
.type-list{padding-right: 50px;box-sizing: border-box;}
.app-type-list{width: calc(100% - 300px);padding-right: 0;}
.type-list ul{display: flex;flex-wrap: wrap;}
.type-list ul li{position: relative;padding: 0 20px;box-sizing: border-box;border-left: 1px solid #9FA0A0;line-height: 1;}
.type-list ul li:first-child{padding-left: 0;border: 0;}
.type-list ul li.active a{color: var(--theme-color);font-weight: bold;}
.app-type-list ul li{border-left: 1px solid #9FA0A0;padding:0 15px;text-align:center;}
.page-nav{line-height: 1;font-size: 16px;color: #9fa0a0;}
.app-page-nav{display:flex;align-content: center;flex-wrap: wrap;justify-content: flex-end;min-width:280px;}
.page-nav a{color: #9fa0a0;transition: all .3s;margin: 0 12px;}
.page-nav span{margin: 0 12px;}
.page-nav a:hover{color: var(--theme-color);}
#product-list{width: 100%;padding-bottom:30px;}
.pro-list-top{width: 100%;padding: 40px 0;box-sizing: border-box;display: flex;justify-content: space-between;}
.pro-list-top h1{font-size: 32px;line-height: 1;color: var(--theme-color);font-weight: bold;}
.product-search{width: 400px;height: 32px;border: 1px solid #9FA0A0;position: relative;padding-right: 50px;box-sizing: border-box;}
.product-search input{width: 100%;height: 100%;border: 0;font-size: 16px;padding: 0 20px;box-sizing: border-box;}
.product-search i{width: 50px;height: 100%;border-left: 1px solid #9FA0A0;font-size: 18px;line-height: 32px;text-align: center;position: absolute;top: 0;right: 0;cursor: pointer;}
.pro-list{width: 100%;}
.pro-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-list ul li{width: 31.5%;position: relative;overflow: hidden;margin: 20px 0;}
.pro-list ul li img{width: 100%;display: block;transition: all .5s;}
.pro-list ul li h2{font-size: 28px;line-height: 1;color: #FFFFFF;position: absolute;bottom: 20px;left: 30px;font-weight: 500;}
.pro-list ul li:hover img{transform: scale(1.2);}

/*产品详情*/
.pro-show{width: 100%;display: flex;justify-content: space-between;}
.pro-show-content{width: 70%;}
.content-title p{font-size: 20px;font-weight: 500;line-height: 1.5;font-weight: 500;}
.content-desc{width: 100%;margin-top: 30px;}
.content-desc img{width: 100%;max-width: 100%;display: block;}
.content-desc p{font-size: 16px;margin: 20px 0;line-height: 1.5;}
.pro-hot{width: 20%;}
.pro-hot ul li{width: 100%;padding: 30px 0;box-sizing: border-box;border-bottom: 1px solid #9FA0A0;}
.pro-hot ul li:first-child{padding-top: 0;}
.pro-hot ul li h3{font-size: 20px;line-height: 1.5;margin-bottom: 20px;}
.pro-hot-img{width: 100%;overflow: hidden;}
.pro-hot-img img{width: 100%;display: block;transition: all .5s;}
.pro-hot ul li:hover img{transform: scale(1.2);}
.a-pro-hot{font-size: 16px;margin-top: 30px;color: #ea5b24;display: inline-block;font-weight: bold;}

/*服务平台*/
#service-top{width: 100%;padding: 20px 0;box-sizing: border-box;}
.service-top-box ul li{width: 100%;background: #efeff0;display: flex;}
.service-top-box ul li:nth-child(even){flex-direction: row-reverse;}
.service-top-img{width: 50%;overflow: hidden;}
.service-top-img img{width: 100%;display: block;transition: all .5s;}
.service-top-text{width: 50%;padding: 20px 80px;box-sizing: border-box;display: flex;align-content: center;flex-wrap: wrap;}
.service-top-text h3{font-size: 30px;font-weight: bold;line-height: 2;color: var(--theme-color);width: 100%;}
.service-top-text p{font-size: 16px;line-height: 1.5;color: #595757;}
.service-top-img img:hover{transform: scale(1.1);}
#service-device{width: 100%;background: url(../img/device_bg.jpg) no-repeat center center;background-size: 100% auto;padding-bottom: 40px;}
.device-list{width: 100%;}
.device-list ul{display: flex;flex-wrap: wrap;align-content: space-between;}
.device-list ul li{width: 23%;margin: 15px 1%;}
.device-img{width: 100%;overflow: hidden;}
.device-img img{width: 100%;display: block;transition: all .5s;}
.device-text{text-align: center;background: #FFFFFF;padding: 15px 20px;box-sizing: border-box;transition: all .3s;}
.device-text h3{color: #030303;line-height: 1.5;transition: all .3s;font-size: 16px;font-weight: 500;}
.device-list ul li:hover .device-img img{transform: scale(1.2);}
.device-list ul li:hover .device-text{background: var(--theme-color);}
.device-list ul li:hover .device-text h3{color: #EFEFF0;}
#service-produce{width: 100%;}
.produce-list{width: 100%;padding: 30px 0 60px;box-sizing: border-box;overflow: hidden;}
.produce-list-img{width: 60%;margin: 0 auto;position: relative;}
.produce-list-img ul li{width: 100%;position: relative;}
.produce-list-img ul li img{width: 100%;display: block;}
.produce-list-text{width: 100%;padding: 15px 30px;box-sizing: border-box;background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;display: none;}
.produce-list-text h3{font-size: 16px;color: #FFFFFF;font-weight: 500;line-height: 1.5;}
.produce-list-img ul li.swiper-slide-active .produce-list-text{display: block;}
.produce-navigation i{position: absolute;top: 50%;transform: translateY(-50%);height: 50px;width: 50px;font-size: 48px;text-align: center;line-height: 50px;cursor: pointer;z-index: 2;opacity: 0;transition: all .5s;color: #595757;}
.produce-navigation i.icon-arrow-left-bold{left: -60px;}
.produce-navigation i.icon-arrow-right-bold{right: -60px;}
.produce-list-img:hover .produce-navigation i{opacity: 1;}
.produce-navigation i:hover{color: var(--theme-color);}
/*加入泰塑*/
.pro-list-top-title h1{float: left;}
.pro-list-top-title span{font-size: 16px;color: #9fa0a0;margin-left: 30px;padding-left: 30px;box-sizing: border-box;border-left: 1px solid #9fa0a0;display: block;float: left;margin-top: 8px;font-weight: 500;}
#join{width: 100%;}
.join-top{width: 100%;}
.join-top ul{display: flex;justify-content: space-between;}
.join-top ul li{width: 49%;position: relative;cursor:pointer;}
.join-top ul li img{width: 100%;display: block;}
.join-top-text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .5s all;display: flex;justify-content: center;flex-wrap: wrap;align-content: center;}
.join-top-text h2{display: inline-block;padding: 0 15px;box-sizing: border-box;border: 1px solid #FFFFFF;color: #FFFFFF;font-size: 20px;height: 40px;line-height: 40px;}
/*.join-top ul li:hover .join-top-text{background: rgba(37,63,142,.6);}*/
.join-top ul li.active .join-top-text{background: rgba(37,63,142,.6);}
.join-list{width: 100%;margin-top: 30px;}
.join-row{width: 100%;display: none;}
.join-list .active{display: block;}
.join-row-title{padding: 15px 30px;border-top: 1px solid #ddddde;border-bottom: 1px solid #ddddde;box-sizing: border-box;}
.join-row-title ul{display: flex;justify-content: space-between;}
.join-row-title ul li{font-size: 16px;line-height: 1.5;width: 80px;}
.join-row-con-list{width: 100%;border-bottom: 1px solid #ddddde;padding: 0 30px;box-sizing: border-box;}
.join-row-con-nav{width: 100%;padding: 15px 0;box-sizing: border-box;}
.join-row-con-nav ul{display: flex;justify-content: space-between;}
.join-row-con-nav ul li{font-size: 16px;line-height: 1.5;width: 80px;}
.join-row-con-text{width: 100%;padding-bottom: 20px;display: none;}
.join-row-con-text p{font-size: 16px;line-height: 2;}
.join-page{width: 100%;margin: 30px 0;}
.join-page ul{display: flex;justify-content: center;}
.join-page ul li{height: 30px;width: 30px;margin: 0 10px;border-radius: 50%;text-align: center;line-height: 30px;color: #030303;transition: all .5s;cursor: pointer;}
.join-page ul li.active{background: var(--theme-color);color: #FFFFFF;}
.join-page ul li:hover{background: var(--theme-color);color: #FFFFFF;}
/*人才理念*/
#concept .service-top-text h3{color: #030303;}
/*员工风采*/
#elegant{width: 100%;padding: 20px 0 30px;}
.elegant-list{width: 100%;}
.elegant-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.elegant-list ul li{width: 24.33%;margin: 8px 0;position: relative;overflow: hidden;}
.elegant-list ul li:nth-child(1),.elegant-list ul li:nth-child(2){width: 49.5%;}
.elegant-list ul li img{width: 100%;display: block;}
.elegant-text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-content: center;flex-wrap: wrap;background: rgba(37,63,142,.8);color: #FFFFFF;padding: 0 10%;box-sizing: border-box;transform: translateY(100%);transition: all .5s;}
.elegant-text h3{font-size: 26px;line-height: 1.5;margin-bottom: 20px;width: 100%;}
.elegant-text p{font-size: 16px;line-height: 1.5;}
.elegant-list ul li:nth-child(1) .elegant-text h3,.elegant-list ul li:nth-child(2) .elegant-text h3{font-size: 26px;font-weight:500;}
.elegant-list ul li:nth-child(1) .elegant-text p,.elegant-list ul li:nth-child(2) .elegant-text p{font-size: 16px;}
.elegant-list ul li:hover .elegant-text{transform: translateY(0);}
/*社会责任*/
#care{width: 100%;}
.care-list{width: 100%;}
.care-list ul{display: flex;justify-content: space-between;align-items: stretch;}
.care-list ul li{display: flex;width: 32%;background: #efeff0;flex-wrap: wrap;flex-direction: column;}
.care-list ul li:nth-child(even){flex-direction: column-reverse;}
.care-img{width: 100%;overflow: hidden;}
.care-img img{width: 100%;display: block;transition: all .5s;}
.care-img:hover img{transform: scale(1.2);}
.care-text{width: 100%;padding: 40px 30px;box-sizing: border-box;line-height: 1.5;}
.care-text i{font-size: 12px;display: inline-block;}
.care-text h3{font-size: 20px;font-weight: bold;margin-top:10px;}
.care-text p{margin-top: 10px;font-size: 16px;}
#culture{width: 100%;padding-bottom:30px;}
.culture-list{width: 100%;overflow: hidden;}
.culture-list ul li img{width: 100%;display: block;border-radius: 50%;}
.culture-list ul li h3{font-size: 16px;line-height: 1.5;text-align: center;margin-top: 40px;}
.culture-navigation{display: flex;justify-content: center;margin: 30px 0;}
.culture-navigation i{width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 30px;border-radius: 50%;cursor: pointer;background: #a9a9a9;color: #FFFFFF;transition: all .3s;margin: 0 30px;}
.culture-navigation i:hover{background: var(--theme-color);}
/*人文关怀列表*/
#society-list{width: 100%;padding: 30px 0;}
.society-list-box{width: 100%;}
.society-list-box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.society-list-box ul li{width: 32%;border: 1px solid #dcdddd;box-sizing: border-box;margin: 10px 0;}
.society-img{width: 100%;overflow: hidden;}
.society-img img{width: 100%;display: block;transition: all .5s;}
.society-text{width: 100%;padding: 40px 30px;box-sizing: border-box;transition: all .3s;line-height: 1.5;}
.society-text h2{font-size: 24px;font-weight: 500;}
.society-text p{font-size: 16px;margin-top: 10px;}
.society-list-box ul li:hover .society-img img{transform: scale(1.2);}
.society-list-box ul li:hover .society-text{background: var(--theme-color);color: #FFFFFF;}
.society-list-box ul li:hover .society-text a{color: #FFFFFF;}
/*人文关怀详情*/
.society-list-top{flex-wrap: wrap;border-bottom: 1px solid #ddddde;padding-bottom: 20px;margin-bottom: 20px;}
.society-list-top h1{width: 100%;color: #030303;}
.society-list-top ul{width: 100%;display: flex;margin-top: 10px;}
.society-list-top ul li{padding-right: 30px;box-sizing: border-box;font-size: 16px;line-height: 1.5;}
.society-hot{margin-top: 30px;}
/*新闻列表*/
#news-list{width: 100%;}
.news-list{width: 100%;padding: 20px 0 30px;}
.news-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-list ul li{width: 31%;margin: 20px 0;}

.news-img{width: 100%;overflow: hidden;}
.news-img img{width: 100%;display: block;transition: all .5s;}
.news-list ul li:hover .news-img img{transform: scale(1.2);}
.news-text{width: 100%;line-height: 1.5;}
.news-text time{display: inline-block;line-height: 60px;width: 100%;border-bottom: 1px solid #ddddde;font-size: 18px;}
.news-text h3{font-size: 24px;font-weight: 500;margin: 30px 0 10px;}
.news-text p{font-size: 16px;}
.news-text .a-more{margin-left: 0;transform: translateX(0);}
.news-page{width: 100%;margin: 30px 0;}
.news-page ul{display: flex;justify-content: center;flex-wrap: nowrap;}
.news-page ul li{height: 30px;width: 30px !important;margin: 0 10px;border-radius: 50%;text-align: center;line-height: 30px;color: #030303;cursor: pointer;}
.news-page ul li a,.news-page ul li span{display: inline-block;width: 100%;height: 100%;border-radius: 50%;transition: all .3s;}
.news-page ul li.active{background: var(--theme-color);color: #FFFFFF;}
.news-page ul li:hover a{background: var(--theme-color);color: #FFFFFF;}
.news-page ul li:hover span{background: #9FA0A0;}
/*应用领域*/
#application-list{width: 100%;padding: 30px 0;}
.application-lists{width: 100%;}
.application-lists ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.application-lists ul li{width: 49%;overflow: hidden;position: relative;margin: 10px 0;}
.application-lists ul li img{width: 100%;display: block;transition: all .5s;}
.application-lists ul li:hover img{transform: scale(1.2);}
.application-lists ul li h2{position: absolute;top: 60px;right: 50px;font-size: 30px;font-weight: bold;color: var(--theme-color);z-index: 2;}
.application-lists ul li .a-more{transform: translateX(0);position: absolute;bottom: 60px;right: 40px;margin: 0;z-index: 2;}
.application-lists ul li:after{content: '';width: 100%;height: 101%;background: #ddddde;position: absolute;top: 0;left: 0;z-index: 1;transform: skewX(-25deg) translateX(65%);}
.application-lists ul li:hover:after{background: var(--theme-color);}
.application-lists ul li:hover h2{color:#FFFFFF;}
.application-lists ul li:hover .a-more{border:1px solid #FFFFFF;color:#FFFFFF;}
.application-lists ul li:hover .a-more:hover{background: #FFFFFF;color:var(--theme-color);}
/*应用领域详情*/
#application-show{width: 100%;padding: 20px 0 50px;}
.application-show-box h1{font-size: 32px;color: var(--theme-color);font-weight: 500;line-height: 1.5;margin: 20px 0;}
.app-show-list{width: 100%;overflow: hidden;}
.app-show-list ul li{display: flex;justify-content: space-between;align-content: space-between;flex-wrap: wrap;}
.app-img{width: 50%;overflow: hidden;}
.app-img img{width: 100%;display: block;transition: .5s;}
.app-img:hover img{transform: scale(1.2);}
.app-text{width: 50%;background: #efeff0;padding: 60px 70px 10px;box-sizing: border-box;line-height: 1.5;}
.app-text h2{font-size: 30px;font-weight: 500;margin-bottom: 20px;}
.app-text p{font-size: 16px;line-height: 2;}
.app-text span{display: inline-block;margin-top: 30px;font-size: 16px;}
.app-show-botm{width: 100%;padding: 0 60px;box-sizing: border-box;position: relative;margin-top: 30px;}
.app-show-thumbs{width: 100%;overflow: hidden;}
.app-show-thumbs ul li{text-align: center;}
.app-show-thumbs ul li img{width: 100%;display: block;}
.app-show-thumbs ul li h3{font-size: 16px;line-height: 1.5;margin-top: 20px;font-weight: bold;}
.app-show-thumbs ul li.swiper-slide-thumb-active h3{color: var(--theme-color);}
.application-navigation i{position: absolute;top: 40%;transform: translateY(-50%);cursor: pointer;height: 60px;width: 60px;text-align: center;line-height: 60px;font-size: 0 !important;color: #9fa0a0;transition: .3s;background: url(../img/right_ico.png)no-repeat center center;background-size: auto 70%;}
.application-navigation i:first-child{left: 0;transform: translateY(-50%) rotate(180deg);}
.application-navigation i:last-child{right: 0;}
.application-navigation i:hover{background: url(../img/right_icos.png)no-repeat center center;background-size: auto 70%;}
/*联系我们*/
#contact-map{width: 100%;padding: 30px 0;}
#map{width: 100%;height: 600px;border: 1px solid #c9caca;}
#contact{width: 100%;}
.contact-con{width: 100%;display: flex;align-items: stretch;border-bottom: 1px solid #c9caca;padding: 40px 0;}
.contact-text{padding: 0 100px 0 0;box-sizing: border-box;}
.contact-text h1{font-size: 28px;line-height: 2;margin-bottom: 10px;font-weight: 500;}
.contact-text ul li{width: 100%;line-height: 2;font-size: 16px;}
.contact-erweima{padding-left: 100px;border-left: 1px solid #C9CACA;box-sizing: border-box;}
.contact-erweima img{width: 140px;display: block;margin-top: 10px;}
.contact-erweima p{font-size: 16px;line-height: 2;margin-top: 5px;width: 140px;text-align: center;}
#contact-message{width: 100%;padding: 50px 0;}
.message-box{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;font-size: 16px;}
.message-box-left{width: 48%;}
.message-box-left ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.message-box-left ul li{width: 48%;display: flex;font-size: 16px;margin: 10px 0;}
.message-box-left ul li:first-child{width: 100%;}
.message-box-left ul li label{line-height: 50px;min-width: 100px;text-align: justify;}
.message-box-left ul li input{height: 50px;border: 1px solid #C9CACA;padding:0 20px;box-sizing: border-box;width: 100%;}
.message-box-left ul li img{height: 100%;display: block;}
.message-box-right{width: 48%;display: flex;padding-top: 10px;}
.message-box-right label{line-height: 50px;font-size: 16px;min-width: 100px;text-align: justify;}
.message-box-right textarea{height: 100%;border: 1px solid #C9CACA;padding: 20px 10px;box-sizing: border-box;width: 100%;}
.message-submit{width: 200px;line-height: 46px;font-size: 22px;font-weight: 500;color: #FFFFFF;background: var(--theme-color);text-align: center;margin-top: 40px;cursor: pointer;transition: all .3s;letter-spacing: 2px;}
.message-submit:hover{background: #ea5b24;}
/*关于我们*/
#about-desc{width: 100%;padding: 30px 0 10px;}
.about-desc-box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.about-video{width: 50%;margin-top: 0;}
.about-desc-text{width: 50%;background: #ddddde;padding: 20px 100px;box-sizing: border-box;line-height: 2;display: flex;flex-wrap: wrap;align-content: center;}
.about-desc-text h2{font-size: 30px;color: var(--theme-color);font-weight: bold;margin-bottom: 10px;}
.about-desc-text p{font-size: 16px;}
#about-number{width: 100%;padding: 100px 0;background: url(../img/about_number_bg.jpg) no-repeat center center;background-size: 100% auto;}
.about-number-list ul{display: flex;justify-content: space-between;}
.about-number-list ul li{text-align: center;padding: 0 10px;box-sizing: border-box;line-height: 1;border-left: 1px solid #FFFFFF;color: #FFFFFF;width: 16.66%;}
.about-number-list ul li:first-child{border: 0;}
.number{font-size: 18px;}
.number b{font-size: 44px;font-weight: 500;margin-right: 10px;}
.about-number-list ul li p{font-size: 16px;line-height: 1;margin-top: 20px;}
#about-history{width: 100%;padding: 0;background: #e4e4e4;}
#about-history .about-history-box{position: relative;}
#about-history .set-title{position:absolute;top: 50px;left: 100px;width: auto;padding: 0;text-align:left;}
#about-history .set-title p{font-size:20px;font-weight:bold;color:#595757;}
/*20250401新加开始-讲发展历程改为图片*/
#about-history img{width:100%;display: block;}
/*20250401新加结束*/
/*.about-history-box{background: url(../img/history_bg.jpg)no-repeat center bottom;background-size: 100% auto;overflow: hidden;height: 760px;}*/
/*.about-history-con{position: relative;}*/
/*.about-history-con:after{content: '';height: 1px;width: 150%;background: #bcbcbe;position: absolute;bottom: 0;left: 0;transform: translateX(-25%);}*/
/*.about-history-con .swiper-slide ul{width: 110% !important;padding-left: 30px;box-sizing: border-box;}*/
/*.about-history-con .swiper-slide ul li{font-size: 16px;line-height: 1.8;transition: all .5s;}*/
/*.about-history-con .swiper-slide-active ul li{color:var(--theme-color);}*/
/*.about-history-con .swiper-slide:hover ul li{color:var(--theme-color);}*/
/*.about-history-con .swiper-slide:nth-child(even){transform: translateY(100%);}*/
/*.about-history-con .swiper-slide{position: relative;height: auto !important;}*/
/*.about-history-con .swiper-slide:before{content: '';height: 100%;width: 2px;background: #cfcfd0;position: absolute;top: 0;left: 0;}*/
/*.about-history-con .swiper-slide:after{content: '';height: 12px;width: 12px;background: var(--theme-color);position: absolute;top: 0;left: 0;transform: translate(-5px,0);border-radius: 50%;}*/
/*.about-history-con .swiper-slide:nth-child(even):after{top: auto;bottom: 0;transform: translate(-5px,0);}*/
/*.about-history-con .swiper-slide .history-row-title{width: 80px;height: 80px;text-align: center;line-height: 80px;background: #d5d5d5;color: #595757;font-size: 24px;font-weight: bold;border-radius: 50%;position: absolute;left: 0;transition: all .5s;}*/
/*.about-history-con .swiper-slide-active .history-row-title{background: var(--theme-color);color:#FFFFFF;}*/
/*.about-history-con .swiper-slide:hover .history-row-title{background: var(--theme-color);color:#FFFFFF;}*/
/*.about-history-con .swiper-slide:nth-child(odd){padding-bottom: 80px;}*/
/*.about-history-con .swiper-slide:nth-child(even){padding-top: 80px;}*/
/*.about-history-con .swiper-slide:nth-child(even) ul{display: flex;height: 100%;flex-wrap: wrap;align-content: flex-end;}*/
/*.about-history-con .swiper-slide:nth-child(odd) .history-row-title{bottom: 0;transform: translate(-50%,50%);}*/
/*.about-history-con .swiper-slide:nth-child(even) .history-row-title{top: 0;transform: translate(-50%,-50%);}*/
/*.about-history-con .swiper-wrapper{display: flex;align-items: stretch;}*/
/*.history-navigation i{width: 80px;height: 80px;background: url(../img/right_ico.png)no-repeat center center;background-size: auto 80%;position: absolute;bottom: 0;transform: translateY(50%);cursor: pointer;z-index: 1;}*/
/*.history-navigation i:hover{background: url(../img/right_icos.png)no-repeat center center;background-size: auto 80%;}*/
/*.history-navigation i:first-child{left: -130px;transform: translateY(50%) rotate(180deg);}*/
/*.history-navigation i:last-child{right: -130px;}*/

#corporate-culture{width: 100%;padding: 20px 0 50px;background: url(../img/about_culture_bg.jpg)no-repeat right bottom;background-size: auto 560px;}
.corporate-culture-con{display: flex;justify-content: space-between;align-items: stretch;}
.corporate-culture-img{width: 59.4%;overflow: hidden;position: relative;}
.corporate-culture-img img{height: 100%;width: 100%;display: block;transition: all .5s;position: absolute;top: 0;left: 0;}
.corporate-culture-img img:hover{transform: scale(1.2) translate(0,0);}
.corporate-culture-list{width: 20%;}
.corporate-culture-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;align-content: space-between;height: 100%;}
.corporate-culture-list ul li{padding: 20px 40px;box-sizing: border-box;background: #efeff0;line-height: 2;width: 100%;transition: all .3s;height: 49.5%;}
.corporate-culture-list ul li:nth-child(2){margin-top: 4px;}
.corporate-culture-list ul li img{width: 90px;height: 90px;display: block;}
.corporate-culture-list ul li h3{font-size: 24px;font-weight: 500;margin: 10px 0;}
.corporate-culture-list ul li p{font-size: 16px;}
.corporate-culture-list ul li:hover{color: #FFFFFF;background: var(--theme-color);}
.corporate-culture-list ul li:hover img{filter: brightness(0) invert(1);}
#about-honor{width: 100%;padding: 30px 0 60px;background: url(../img/honor_bg.jpg) no-repeat center center;background-size: 100% auto;}
#about-honor .set-title h2{color: #FFFFFF;}
.about-honor-box{overflow: hidden;}
.about-honor-list{width: 100%;padding: 50px 0;overflow: hidden;}
.about-honor-list ul li{border: 5px solid #bd8633;border-radius: 3px;box-sizing: border-box;transform: scale(.8);transition: all .3s;}
.about-honor-list ul li img{width: 100%;display: block;}
.about-honor-list ul li.swiper-slide-active{transform: scale(1.2);}
.about-honor-list ul li.swiper-slide-prev{transform: scale(1) translateX(-30px);}
.about-honor-list ul li.swiper-slide-next{transform: scale(1) translateX(30px);}
#about-cooperate{width: 100%;padding: 30px 0 60px;}
.about-cooperate-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.about-cooperate-list ul li{width: 12%;overflow: hidden;background: #efeff0;margin: 5px 0;padding: 10px;box-sizing: border-box;}
.about-cooperate-list ul li img{width: 100%;display: block;transition: all .5s;}
.about-cooperate-list ul li img:hover{transform: scale(1.2);}
#about-distribution{width: 100%;padding: 30px 0 0;background: #d3d9ea;}
.about-distribution-box{position: relative;}
#map-container{width:100%;height:auto !important;}
#map-container img{width:100%;}
#map-container .about-distribution-pc{display:block;}
#map-container .about-distribution-ph{display:none;}
/*.layui-btn .conut-next{text-align: center; font-size: 20px; color:#3E3E3E; padding: 5px 0; transition: all 0.5s;}*/
/*.layui-btn:hover .conut-next{font-size: 18px; color: red; }*/
/*.close-back{background: url(../img/close_back.png) no-repeat; display: none; transition: all 0.5s; height: 70px; width: 85px; color: #fff; left: 65px; position: absolute; top: 45%; cursor: pointer;}*/
/*.close-back img{margin: 28px auto 0; width: 30px; display: block; transition: all 0.5s;}*/
/*.close-back:hover{left: 55px;}*/
/*.close-back:hover img{width: 22px; margin-top: 32px;}*/
/*.imgSize{height: 170px; width: 260px;}*/
/*#cityMap{width: 100%;height: 700px;}*/
/*.til_k*/
/*{*/
/*	position: relative;*/
/*	top: -80px;*/
/*	display: none;*/
/*}*/
/*.til_k .til_k_til*/
/*{*/
/*	padding: 10px 20px;*/
/*	font-size: 16px;*/
/*	border-radius: 8px;*/
/*	background-color:#233f94;*/
/*	color: #fff;*/
/*	margin: 0;*/
/*}*/
/*.city:hover .til_k{*/
/*	display: block;*/
/*}*/
/*.triangle-down2*/
/*{*/
/*	width: 0;*/
/*	height: 0;*/
/*	border-left: 6px solid transparent;*/
/*	border-right: 6px solid transparent;*/
/*	border-top: 10px solid #004e93;*/
/*	margin-left: 15px;*/

/*}*/
/*#map-container {*/
/*    width: 100%;*/
/*    height: 700px;*/
/*}*/
/*.tooltip-content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    text-align: center;*/
/*    min-width: 200px;*/
/*}*/
/*.tooltip-title {*/
/*    font-size: 16px;*/
/*    font-weight: bold;*/
/*    margin-top: 10px;*/
/*}*/
/*.tooltip-images {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 10px;*/
/*}*/
/*.tooltip-image {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    object-fit: contain;*/
/*}*/
/*.tooltip-image-text {*/
/*    font-size: 14px;*/
/*    margin-top: 5px;*/
/*}*/

.corporate-values-box ul{display: flex;justify-content: space-between;padding: 50px 0;box-sizing: border-box;border-top: 1px dashed #afaeae;border-bottom: 1px dashed #afaeae;}
.corporate-values-box ul li{width: 19%;background: #efeff0;}
.corporate-values-box ul li.values-li{width: 21%;text-align: center;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.corporate-values-box ul li.values-li img{width: 100px;}
.corporate-values-box ul li.values-li h2{width: 100%;font-weight: bold;font-size: 26px;color: #595757;line-height: 3;}
.values-img{position: relative;}
.values-img img{width: 100%;display: block;}
.values-img h3{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;color: #FFFFFF;font-size: 32px;font-weight: bold;}
.values-img h3::first-letter{color: #ea5b24;}
.values-text{padding: 30px 50px 60px;box-sizing: border-box;text-align: center;}
.values-text h4{font-size: 20px;font-weight: bold;color: #595757;line-height: 60px;}
.values-text p{font-size: 16px;color: #595757;line-height: 1;}
.values-text h4:nth-child(3){position: relative;margin-top: 20px;}
.values-text h4:nth-child(3):before{content: '';height: 1px;width: 100%;border-top: 1px dashed #bcb7b6;position: absolute;top: 0;left: 0;}
#corporate-operate img{width: 100%;}
.operate-img-ph{display: none;}
.operate-img-pc{display: block;}

.liucheng-img img{width:100%;}
.liucheng-img .liucheng-pc{display:block;}
.liucheng-img .liucheng-ipad{display:none;}
.liucheng-img .liucheng-ph{display:none;}

/*20250412*/
#service-produce .device-list ul li{width: 32%;}
#service-produce .device-list ul li:nth-child(-n + 2) {width: 49%;}
#service-team .device-list ul li{width: 31.33%;}

@media only screen and (max-width: 1680px){
	#content{padding: 0 100px;box-sizing: border-box;}
	.index-banner ul li p{font-size: 60px;}
	.index-product-title{padding: 10px 110px 0;}
	.index-product-nav ul li{margin-top: 15px;}
	.index-news-hot ul li{width: 32%;}
	.corporate-culture-img{text-align: center;}
	.corporate-culture-img img{height: 100%;width: auto;transform: scale(1) translate(-50%,-50%);top: 50%;left: 50%;}
	.corporate-culture-img img:hover{transform: scale(1.2) translate(-50%,-50%);}
	.app-type-list ul li{padding:0 10px;}
}
@media only screen and (max-width: 1520px){
	.header-box{padding: 0 80px 0 60px;}
	.index-banner ul li p{font-size: 54px;}
	.index-news-hot-list{padding: 15px 20px 15px 130px;}
	.index-news-hot-list p{line-height: 1.5;font-size: 14px;}
	.footer-copyright{padding: 20px 0;}
	.corporate-culture-list ul li img{width: 70px;height: 70px;}
	.corporate-culture-list ul li h3{font-size: 20px;}
	.corporate-culture-list ul li p{font-size: 14px;}
	.app-type-list ul li:first-child,.app-type-list ul li:nth-child(7){border:0;}
    .app-type-list ul li{border-left: 1px solid #9FA0A0;padding:0 !important;margin:5px 0;width:16.66%;}
    
}
@media only screen and (max-width: 1440px){
	.index-banner ul li p{font-size: 48px;}
	.index-product-nav ul li{height: 50px;padding: 0 60px 0 95px;}
	.index-product-nav ul li h3{line-height: 50px;font-size: 18px;}
	.index-product-nav ul li .index-product-nav-img{width: 50px;padding: 10px 0;left: 30px;}
	.index-product-nav{width: 300px;}
	.swiper-navigation i.icon-arrow-left-bold{left: 30px;}
	.swiper-navigation i.icon-arrow-right-bold{right: 30px;}
	.application-con{padding: 0 170px;}
	.application-list ul li.swiper-slide-next i, .application-list ul li.swiper-slide-next h3{width: 150px;height: 60px;}
	.application-list ul li.swiper-slide-prev i, .application-list ul li.swiper-slide-prev h3{width: 150px;height: 60px;}
	#about-number{padding: 60px 0;}
	.about-history-box{padding: 0;}
	.time-line-box{margin-top: 0;}
	.corporate-culture-list ul li p{font-size: 12px;}
	.corporate-culture-list ul li{padding: 20px;}
	#corporate-culture{padding: 0 0 20px 0;}
	#about-honor{background-size: auto 100%;}
	.about-cooperate-list ul li{width: 24%;}
	#page-nav{padding: 20px 0;}
	.type-list ul li{padding: 0 20px;font-size: 14px;}
	.page-nav{font-size: 14px;}
	.app-text{padding: 20px;}
	.app-text h2{font-size: 26px;}
	.app-text p{font-size: 14px;}
	.app-text span{margin-top: 20px;font-size: 14px;}
	
	
	
}
@media only screen and (max-width: 1360px){
	.header-box{height: 80px;}
	.logo{padding: 25px 0;}
	.header-box{padding: 0 100px 0 60px;}
	header nav ul li{line-height: 80px;padding: 0 20px;}
	.header-search{top: 25px;}
	.header-lang{top: 25px;}
	.nav-two{top: 80px;}
	#page-banner p{font-size: 38px;top: 40%;}
	.about-number-list ul li p{font-size: 12px;}
	#page-banner span{font-size: 28px;top: 30%;}
	.application-lists ul li h2{right: 20px;}
	#service-device{background-size: auto 100%;}
	.search-popup{top:55px;}
}
@media only screen and (max-width: 1280px){
	#content{padding: 0 40px;}
	.logo{padding: 28px 0;}
	header nav ul li{padding: 0 10px;}
	.index-banner ul li p{font-size: 38px;}
	.index-banner ul li a{font-size: 12px;}
	.index-banner .swiper-pagination{bottom: 30px !important;}
	.index-video-box i{width: 60px;height: 60px;text-align: center;}
	.index-video-box i a{font-size: 50px;line-height: 60px;}
	.index-product-title{padding: 10px 50px 0;}
	#index-product .set-title{padding: 10px 0;}
	.index-product-nav ul li{height: 40px;padding: 0 60px 0 70px;}
	.index-product-nav ul li h3{line-height: 40px;}
	.index-product-nav ul li .index-product-nav-img{width: 40px;left: 20px;}
	.index-product-nav{width: 260px;}
	.index-product-nav ul li h3{font-size: 16px;}
	.swiper-navigation i{display: none;}
	.application-con{padding: 0 120px;}
	.application-list ul li.swiper-slide-next i, .application-list ul li.swiper-slide-next h3{width: 100px;height: 50px;}
	.application-list ul li.swiper-slide-prev i, .application-list ul li.swiper-slide-prev h3{width: 100px;height: 50px;}
	.application-list ul li h3{transform: translateY(70px);}
	#cooperate{background-size: auto 100%;}
	.a-more{font-size: 14px;line-height: 30px;width: 110px;}
	.index-news-hot ul{flex-wrap: wrap;}
	.index-news-hot ul li{width: 49%;}
	.index-news-hot ul li:last-child{margin-top: 10px;width: 100%;justify-content: space-between;align-items: stretch;}
	.index-news-hot-list{width: 49%;padding: 20px 20px 20px 130px;border-top: 1px solid #f0f0f1;margin-top: 0;}
	.index-news-hot-list:nth-child(2){border: 0;}
	.footer-contact .qrcode{width: 100px;}
	.footer-contact-text{width: 250px;}
	.footer-contact-text ul li.footer-phone{font-size: 26px;}
	#page-banner p{font-size: 30px;}
	#about-desc{padding: 10px 0;}
	.number b{font-size: 38px;}
	#about-number{padding: 35px 0;}
	.about-number-list ul li p{line-height: 1.5;}
	.time-line-box ul li{padding-top: 100px;}
	.time-line-box ul li:after{height: 50px;}
	.time-line-box ul li dl dd{font-size: 12px;}
	.swiper-container-history{padding-bottom: 20px;}
	.app-text h2{font-size: 22px;margin-bottom: 10px;}
	.app-text p{line-height: 1.5;}
	.contact-con{padding: 20px 0;}
	.message-box-left ul li{width: 100%;}
	.message-box-left ul li:nth-last-child(1),.message-box-left ul li:nth-last-child(2){width: 48%;}
	.product-type-box ul li{width: 49%;}
	.pro-type-text{padding: 20px 30px;}
	.pro-type-text img{height: 40px;}
	.pro-type-text h2{font-size: 22px;}
	.care-text{padding: 20px;}
	.care-text h3{font-size: 16px;font-weight: bold;}
	.care-text p{font-size: 12px;}
	.culture-list ul li h3{font-size: 14px;margin-top: 20px;}
	.values-text{padding: 30px 30px 60px;}
    	
    .liucheng-img .liucheng-pc{display:none;}
    .liucheng-img .liucheng-ipad{display:block;}
    .liucheng-img .liucheng-ph{display:none;}
}
@media only screen and (max-width: 1024px){
	#content{padding: 0 20px;}
	body{padding-top: 50px;}
	header{height: 50px;background: #FFFFFF !important;}
	.header-box{height: 50px;}
	header .mideo-nav{width: 40%;height: 100%;position: fixed;top: 50px;right: 0;background: var(--theme-color);z-index: 99;}
	.logo{padding: 12px 0;}
	.logo img{filter: none !important;}
	.mideo-ico{display: block;height: 50px;width: 50px;line-height: 50px;text-align: center;position: absolute;top: 0;right: 10px;font-size: 24px !important;}
	header nav{display: none;}
	.header-search{top: 10px;right: 110px;color: #030303 !important;}
	.header-lang{top: 10px;right: 40px;}
	.lang-text{color: #030303 !important;}
	.lang-text img{filter:grayscale(100%) brightness(0%) sepia(100%) hue-rotate(180deg) saturate(700%) !important;}
	.mideo-nav ul li{width: 100%;line-height: 50px;font-size: 16px;}
	.mideo-nav ul li a{color: #FFFFFF;}
	.mideo-nav-one-div{padding: 0 40px;box-sizing: border-box;}
	.mideo-nav ul li:hover .mideo-nav-one-div{background: #F36E30;}
	.mideo-nav ul li .mideo-nav-two{display: block;background: #595757;display: none;}
	.mideo-nav ul li .mideo-nav-two li{padding: 0 60px;box-sizing: border-box;font-size: 14px;}
	.mideo-nav ul li .mideo-nav-two li:hover{background: #F36E30;}
	.header-top{display: none !important;}
	.index-banner ul li p{font-size: 30px;top: 40%;}
	.index-video-box{margin-top: 20px;}
	.index-product-box{margin-top: 20px;}
	.index-product-title{padding: 0px 30px;}
	.index-product-nav ul li{margin-top: 10px;}
	.cooperate-list ul li{width: 24%;}
	#about-number{background-size: auto 100%;}
	.application-lists ul li h2{font-size: 24px;}
	.app-text{padding: 10px 20px;}
	.application-navigation i{font-size: 30px;}
	.page-nav-box{flex-wrap: wrap;}
	.page-nav{margin-top: 15px;}
	.app-show-thumbs ul li h3{font-size: 14px;}
	.application-show-box h1{font-size: 26px;}
	#contact-map{padding: 20px 0;}
	#map{height: 400px;}
	.contact-text h1{font-size: 22px;}
	.contact-text ul li{font-size: 14px;}
	.contact-erweima p{font-size: 12px;}
	.message-box-left ul li label{line-height: 40px;}
	.message-box-left ul li input{height: 40px;}
	.message-box-left ul li img{height: 40px;}
	.message-submit{line-height: 36px;width: 150px;font-size: 18px;}
	.pro-show-content{width: 75%;}
	.pro-list-top h1{font-size: 24px;}
	.society-list-top ul li{font-size: 12px;}
	.content-desc{margin-top: 20px;}
	.content-desc p{font-size: 14px;margin: 15px 0;}
	.pro-show{flex-wrap: wrap;}
	.pro-show-content{width: 100%;}
	.pro-hot{width: 100%;}
	.pro-hot ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.pro-hot ul li{width: 32%;padding: 0 !important;}
	.pro-hot ul li h3{margin-bottom: 10px;}
	.a-pro-hot{margin: 20px 0;display: block;}
	.product-type-box ul li{margin-top: 20px;}
	.pro-list-top h1{font-size: 32px;}
	.pro-list-top{padding: 20px 0;}
	.service-top-text{padding: 20px 30px;}
	.service-top-text h3{font-size: 24px;}
	.service-top-text p{font-size: 14px;}
	.device-text{padding: 10px;}
	.device-text h3{font-size: 14px;}
	.device-list ul li{width: 24%;}
	.care-list ul{flex-wrap: wrap;}
	.care-list ul li{width: 100%;flex-direction: row !important;align-content: space-between;margin: 5px 0;}
	.care-img{width: 30%;}
	.care-text{width: 70%;}
	.care-text i{font-size: 18px;}
	.care-text h3{font-size: 22px;}
	.care-text p{font-size: 16px;}
	.society-text{padding: 20px;}
	.society-text h2{font-size: 20px;}
	.society-text p{font-size: 14px;}
	.app-type-list{width:100%;}
	.app-page-nav{justify-content: flex-start;}
	.search-popup{top:40px;}
	#about-history .set-title h2{font-size:24px;}
	#about-history .set-title{top:20px;}
	#about-history .set-title p{font-size:16px;}
}
@media only screen and (max-width: 900px){
	.set-title h2{font-size: 24px;}
	#index-product .set-title{padding: 0;}
	.index-product-nav{width: 240px;}
	.index-news-text{padding: 20px;}
	.index-news-text h4,.index-news-hot-list h4{font-size: 18px;overflow: visible;height: auto;line-height: 1.5;}
	.index-news-text p{font-size: 14px;line-height: 1.5;}
	.footer-contact{flex-wrap: wrap;width: 320px;}
	.footer-contact-text{width: 100%;margin-top: 10px;}
	.footer-contact .qrcode span{font-size: 12px;}
	.footer-contact-text ul li:nth-child(3){margin-bottom: 0;}
	.footer-copyright{flex-wrap: wrap;flex-direction: column-reverse;}
	.copyright-text{width: 100%;margin-top: 5px;}
	.copyright-links{width: 100%;}
	.about-video{width: 100%;}
	.about-desc-text{width: 100%;}
	.index-video-box{margin-top: 0;}
	.about-desc-text{padding: 30px 50px;}
	.about-number-list ul{flex-wrap: wrap;justify-content: flex-start;}
	.about-number-list ul li{width: 33.33%;margin-top: 20px;}
	.about-number-list ul li:nth-child(4){border: 0;}
	.corporate-culture-con{flex-wrap: wrap;}
	#about-history .set-title p{font-size:16px;}
	.corporate-culture-img{width: 100%;margin:5px 0;}
	.corporate-culture-img img{position: static;width: 100%;height: auto;transform: scale(1);}
	.corporate-culture-img img:hover{transform: scale(1.2);}
	.corporate-culture-list{width: 100%;}
	.corporate-culture-list ul li{margin: 0 !important;width:49.7%;height:auto;}
	.about-honor-list ul li.swiper-slide-prev{transform: scale(1) translateX(0px);}
	.about-honor-list ul li.swiper-slide-next{transform: scale(1) translateX(0px);}
	.about-desc-text h2{font-size: 26px;}
	.time-line-box ul li:nth-child(2n) .layui-text{width: 150%;}
	#page-banner span{font-size: 26px;top: 28%;}
	.application-lists ul li .a-more{right: 20px;}
	.app-img{width: 100%;}
	.app-text{width: 100%;padding: 20px 30px;}
	.type-list ul{flex-wrap: wrap;justify-content: flex-start;}
	.type-list ul li{width: 25%;text-align: center;padding: 0 10px !important;margin: 10px 0;font-size: 16px;}
	.type-list ul li:nth-child(5){border: 0;}
	.type-list{width: 100%;padding-right: 0;}
	.message-box-left ul li:nth-last-child(1){width: 35%;}
	 .message-box-left ul li:nth-last-child(2){width: 63%;}
	 .pro-list-top h1{font-size: 26px;}
	 .pro-list-top-title span{font-size: 12px;margin-left: 10px;padding-left: 10px;margin-top: 8px;}
	 .product-search{width: 250px;}
	 .product-search input{font-size: 14px;}
	 .join-top-text h2{font-size: 16px;line-height: 32px;height: 32px;}
	 .join-row-title{padding: 10px 30px;}
	 .join-row-title ul li,.join-row-con-nav ul li{font-size: 14px;}
	 .join-row-con-nav{padding: 10px 0;}
	 .join-row-con-text p{font-size: 13px;}
	 .service-top-text{padding: 15px 30px;}
	 .service-top-text h3{font-size: 20px;}
	 .service-top-text p{font-size: 13px;}
	 #elegant{padding: 0;}
	 .news-list{padding: 0 0 20px;}
	 .news-text time{line-height: 40px;font-size: 16px;}
	 .news-text h3{font-size: 18px;margin: 10px 0;}
	 .news-text p{font-size: 12px;}
	 .news-text .a-more{margin: 20px 0 0;}
	 .news-list ul li{width: 32%;}
	 .news-text time{font-size: 14px;}
	 .news-text h3{font-size: 16px;}
	 .pro-type-text p{font-size: 14px;}
	 .content-title p{font-size: 18px;}
	 .pro-hot{margin-top: 20px;}
	 .device-list ul li{width: 49%;margin: 10px 0;}
	 .produce-list-img{width: 100%;}
	 .produce-navigation i{z-index: 2;color: #FFFFFF;}
	 .produce-navigation i.icon-arrow-left-bold{left: 30px;}
	 .produce-navigation i.icon-arrow-right-bold{right: 30px;}
	 .produce-list{padding: 0;}
	 .care-text i{font-size: 16px;}
	 .care-text h3{font-size: 20px;}
	 .society-list-box ul li{width: 49%;}
	 #society-list{padding: 10px 0;}
	 .app-type-list ul li:nth-child(7){border-left: 1px solid #9FA0A0;}
	 .app-type-list ul li:first-child, .app-type-list ul li:nth-child(5), .app-type-list ul li:nth-child(9){border: 0;}
	 #page-banner img{animation:none;}
	 .corporate-values-box ul{flex-wrap: wrap;}
	 .corporate-values-box ul li{width: 49%;margin: 5px 0;}
	 .corporate-values-box ul li.values-li{width: 100%;height: 250px;}
}

@media only screen and (max-width: 768px){
	header .mideo-nav{width: 60%;}
	.header-box{padding: 0 20px;}
	.index-banner ul li p{font-size: 24px;}
	.index-banner .swiper-pagination span{width: 50px;}
	.index-video-box{margin-top: 10px;}
	.index-product-box{margin-top: 0;}
	#index-product .set-title{text-align: center;}
	.index-product-title{position: static;width: 100%;background: #e8e8e9;padding: 10px 20px 20px;}
	.index-product-title:before{display: none;}
	.index-product-nav{width: 100%;margin-top: 10px;}
	.index-product-nav ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.index-product-nav ul li{width: 49%;}
	.index-product-img{width: 100%;float: none;}
	.application-con{padding: 0;}
	.swiper-navigation i{display: block;z-index: 2;}
	.cooperate-list ul li{width: 32%;}
	#cooperate{padding-bottom: 40px;}
	.index-news-nav ul li{padding: 0 20px;}
	.index-news-nav ul li h3{font-size: 16px;}
	.index-news-hot-list{width: 100%;}
	.index-news-hot-list:nth-child(2){border-top: 1px solid #f0f0f1;}
	.footer-con{flex-wrap: wrap;padding-bottom: 30px;}
	.footer-nav{width: 100%;}
	.footer-contact{width: 100%;flex-wrap: nowrap;margin-top: 20px;}
	.footer-contact-text{width: 330px;margin-top: 0;}
	.footer-contact .qrcode{width: 120px;}
	#cityMap{height: 400px;}
	.about-cooperate-list ul li{width: 31%;}
	.application-lists ul li{width: 100%;}
	#application-list{padding: 20px 0;}
	.contact-text h1{font-size: 18px;font-weight: bold;}
	.message-box-left{width: 100%;}
	.message-box-right{width: 100%;height: 150px;}
	.message-box-left ul li{margin: 5px 0;}
	#map{height: 300px;}
	.service-top-text{padding: 10px 30px;}
	.elegant-list ul li{width: 49.5%;margin: 5px 0;}
	.news-list ul li{width: 49% !important;margin: 10px 0;}
	.news-list .news-page ul li{width: 30px !important;margin: 0 5px;}
	 .pro-type-text img{height: 32px;}
	 .pro-type-text h2{margin: 10px 0;}
	 .pro-list ul li{width: 49%;margin: 5px 0;}
	 .service-top-text{padding: 10px 20px;}
	 .service-top-text h3{font-size: 18px;}
	 .service-top-text p{font-size: 12px;}
	 .care-text h3{font-size: 18px;}
	 .care-text p{font-size: 14px;}
	 .society-text{padding: 10px 15px;}
	 .about-history-con .swiper-slide .history-row-title{width:60px;height:60px;line-height:60px;font-size:16px;}
	 .about-history-con .swiper-slide ul li{font-size:12px;}
	 .about-history-con{padding:0 40px !important;}
	 .about-history-con .swiper-slide:nth-child(even){padding-top:50px;}
	 .about-history-con .swiper-slide:nth-child(odd){padding-bottom: 50px;}
	 #about-history{padding-top:20px;}
	 #about-history .set-title{position: static;}
	 #about-history .set-title h2{font-size:20px;}
	 
	 .operate-img-ph{display: block;}
	 .operate-img-pc{display: none;}
	 
    #map-container .about-distribution-ph{display:block;}
    #map-container .about-distribution-pc{display:none;}
    
    .liucheng-img .liucheng-pc{display:none;}
    .liucheng-img .liucheng-ipad{display:none;}
    .liucheng-img .liucheng-ph{display:block;}
}
@media only screen and (max-width: 640px){
	header .mideo-nav{width: 70%;}
	.logo{padding: 15px 0;}
	.set-title{padding: 20px 0;}
	.set-title h2{font-size: 20px;}
	.index-banner ul li.ani-slide p{left: 0;transform: translate(0);text-align: center;width: 100%;top: 30%;padding: 0 20px;box-sizing: border-box;}
	.index-banner .swiper-pagination{bottom: 10px !important;}
	.index-banner .swiper-pagination span{width: 30px;margin: 0 8px !important;}
	.index-banner ul li a{padding: 2px 20px;}
	.index-product-nav ul li h3{font-size: 14px;}
	.index-product-nav ul li{padding: 0 30px 0 50px;}
	.index-product-nav ul li .index-product-nav-img{width: 30px;left: 10px;}
	.set-title span{font-size: 12px;}
	.cooperate-list ul li{width: 49.2%;margin: 5px 0;}
	.index-news-nav ul li{margin: 0;padding: 0 15px;}
	.index-news-nav ul li h3{font-size:14px;line-height:30px;}
	.index-news-hot ul li{width: 100%;margin-top: 10px;}
	.footer-contact-text ul li{font-size: 12px;}
	.footer-nav ul ol{font-size: 13px;}
	.footer-nav ul li{font-size: 12px;}
	.footer-contact .qrcode{width: 40%;max-width: 120px;}
	.footer-contact-text{width: 58%;}
	.footer-contact-text ul li{line-height: 22px;}
	.footer-contact-text ul li.footer-phone{font-size: 18px;line-height: 30px;}
	.copyright-links ul li{padding-right: 20px;font-size: 12px;}
	.copyright-text ul li{font-size: 12px;}
	.index-news-nav{margin: 10px 0;}
	footer{margin-top: 10px;padding-top: 30px;}
	.application-list ul li h3{font-size: 20px;}
	.swiper-navigation i{font-size: 0;}
	#page-banner p{font-size: 20px;z-index: 2;}
	#page-banner{height: 300px;overflow: hidden;}
	#page-banner img{height: 100%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.about-desc-text h2{font-size: 20px;}
	.about-desc-text{padding: 20px;}
	.about-desc-text p{font-size: 14px;line-height: 1.5;}
	.number b{font-size: 26px;}
	.number{font-size: 12px;}
	.about-number-list ul li{width: 50%;border: 0;margin: 10px 0;}
	.about-number-list ul li p{margin-top: 10px;}
	.corporate-culture-list ul li img{width: 50px;height: 50px;}
	.corporate-culture-list ul li h3{margin: 5px 0;}
	.corporate-culture-list ul li{padding: 10px;}
	.about-honor-list ul li.swiper-slide-active{transform: scale(1);}
	.about-honor-list{padding: 20px 0;}
	#about-honor{padding: 20px 0;}
	.about-cooperate-list ul li{width: 49%;}
	#about-distribution{padding: 20px 0;}
	#cityMap{height: 300px;}
	#page-banner span{z-index: 2;}
	#page-banner span{font-size: 19px;top: 30%;}
	#application-list{padding: 10px 0;}
	.app-text p{line-height: 2;}
	.contact-text{padding-right: 30px;width: 70%;}
	.contact-erweima{padding-left: 30px;}
	.pro-list-top h1{font-size: 22px;}
	.pro-list-top-title span{margin-top: 3px;}
	.product-search{width: 200px;}
	.join-top-text h2{font-size: 13px;line-height: 26px;height: 26px;}
	.service-top-box ul li{flex-wrap: wrap;}
	.service-top-img{width: 100%;}
	.service-top-text{width: 100%;padding: 20px 30px;}
	.society-list-top{padding: 20px 0;}
	.pro-hot ul li h3{font-size: 14px;}
	.pro-hot ul li time{font-size: 12px;}
	.product-type-box ul li{width: 100%;}
	.pro-list ul li{width: 100%;}
	.pro-list .a-more{margin: 20px auto 0;}
	#product-list{padding-bottom: 20px;}
	.produce-list-text h3{font-size: 14px;}
	.device-list ul li{width: 100%;}
	.produce-list-text{padding: 8px 10px;}
	.care-img{width: 40%;}
	.care-text{width: 60%;}
	.care-text i{font-size: 14px;}
	.care-text h3{font-size: 16px;}
	.care-text p{font-size: 12px;}
	.society-text h2{font-size: 16px;font-weight: bold;}
	.society-text p{font-size: 12px;}
	.society-list-box ul li{margin: 5px 0;}
	.about-history-con .swiper-slide ul{width: 100% !important;}
	.about-history-con .swiper-slide{padding-right:20px;box-sizing: border-box;}
	.about-history-con .swiper-slide:nth-child(even){transform:none;padding-bottom: 50px;padding-top:0;}
	.about-history-con .swiper-slide:nth-child(even) .history-row-title{bottom: 0;transform: translate(-50%, 50%);top:auto;}
	.about-history-con .swiper-slide:nth-child(even):after{bottom:auto;top:0;}
	.about-history-con .swiper-slide:nth-child(even) ul{align-content: flex-start;}
	.about-history-con{margin-top:50px;}
	.about-history-box{height:auto;}
	#map-container{height:400px;}
	#about-history .set-title p{font-size:12px;}
}
@media only screen and (max-width: 450px){
    .search-popup{width:100%;position:fixed;right:auto;left:0;}
	#content{padding:  0 10px;}
	.index-news-text{padding: 15px;}
	.index-news-text h4, .index-news-hot-list h4{font-size: 14px;font-weight: bold;}
	.index-news-text p{font-size: 12px;}
	.index-news-hot-list{padding: 15px 15px 15px 90px;}
	.index-news-hot-list time{width: 90px;}
	.index-news-hot-list time b{font-size: 30px;}
	.index-news-hot-list p{font-size: 12px;}
	.footer-contact .qrcode{width: 100px;}
	.index-product-nav ul li h3{font-size: 12px;}
	.application-lists ul li h2{font-size: 20px;}
	.application-lists ul li .a-more{bottom: 20px;font-size: 12px;line-height: 26px;width: 90px;}
	.type-list ul li{font-size: 14px;}
	.contact-text{width: 100%;padding-right: 0;}
	.contact-con{flex-wrap: wrap;}
	.contact-erweima{border: 0;padding-left: 0;}
	.pro-list-top{flex-wrap: wrap;padding: 20px 0;}
	.pro-list-top-title{width: 100%;}
	.product-search{width: 100%;margin-top: 10px;}
	.join-page ul li{height: 22px;width: 22px;line-height: 22px;font-size: 12px;}
	.join-row-con-text p{font-size: 12px;}
	.join-row-title ul li, .join-row-con-nav ul li{font-size: 13px;}
	.elegant-list{padding: 0 10px;box-sizing: border-box;}
	.elegant-list ul li{width: 100% !important;}
	#elegant{padding-bottom: 20px;}
	.pro-hot ul li{width: 100%;margin-bottom: 20px;}
	.pro-hot ul li time{font-size: 14px;}
	.pro-hot ul li h3{font-size: 18px;}
	.a-pro-hot{margin: 0 0 30px 0;}
	.content-desc p{margin: 10px 0;}
	.pro-list-top h1{font-size: 20px;line-height:1.5}
	.society-list-top ul{flex-wrap: wrap;}
	.society-list-top ul li{width: 50%;}
	.society-list-top ul li:last-child{margin-top: 5px;}
	.news-list ul li{width: 100% !important;}
	.pro-type-text h2{font-size: 18px;font-weight: bold;}
	.pro-type-text .a-more{margin-top: 20px;}
	.pro-type-text{padding: 20px;}
	.content-title p{font-size: 16px;}
	.type-list ul li{padding: 0 2px !important;}
	.care-img{width: 100%;}
	.care-text{width: 100%;}
	.society-list-box ul li{width: 100%;}
	.society-text{padding: 15px;}
	.footer-nav{display:block;}
	.footer-nav ul{width:33.33%;float:left;}
	.swiper-navigation i{width:40px;height:40px;}
	.index-product-nav ul li{width:100%;}
	.index-banner ul li p{font-size:16px;}
	.application-list ul li{border-radius: 15px;}
	.index-news-nav ul{justify-content:space-between;}
	.message-box-left ul li:nth-last-child(2){width:58%;}
	.message-box-left ul li:nth-last-child(1){width:40%;}
	.message-box-left ul li img{max-width: 100%;}
	.page-nav{min-width:auto;font-size:12px;line-height:16px;}
	.corporate-culture-list ul li{width:100%;margin:5px 0 !important;}
	.corporate-values-box ul li{width: 100%;}
}
@media only screen and (max-width: 360px){
    .logo {padding: 18px 0;}
    #page-banner{height:200px;}
    .about-number-list ul li{margin:15px 0;}
    .type-list ul li{line-height:18px;}
    .application-lists ul li h2{font-size:16px;}
    .application-navigation i{width:40px;line-height:40px;height:40px;}
    .application-show-box h1{font-size:20px;}
    .app-text h2{font-size:18px;}
}
.map{
	width: 100%;
	position: relative;
}
.map .img{
	width: 100%;
}
.city_list
{
	width: 100%;

}
.city {
	color: #fff;

}

.dotted {
	width: 10px;
	height: 10px;
	background-color: #233f94;
	border-radius: 50%;
}
/* 标签选择器之属性匹配选择 */
.city div[class^="pulse"] {
	/* 保证小盒子水平垂直居中 */
	position: absolute;
	left: 5px;
	top: 5px;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	box-shadow: 0 0 12px #233f94;
	border-radius: 50%;
	animation: pulse 1s linear infinite;
}

.city .pulse1 {
	animation-delay: 0s !important;
}
@keyframes pulse {
	0% {
		width: 20px;
		height: 20px;
	}
	40% {
		width: 30px;
		height: 30px;
		opacity: 1;
	}
	100% {
		width: 45px;
		height: 45px;
		opacity: 0;
	}
}