@charset "utf-8";
/*通用样式*/
.waps{width:96%;max-width: 1600px; min-width:1000px;margin: 0 auto;}
.wrap{width:96%;max-width: 1240px;margin: 0 auto;}
.wraps{width:96%;max-width: 1400px;margin: 0 auto;}
.wap{width:96%;max-width: 1200px; min-width:1000px;margin: 0 auto;}
body{overflow-x: hidden;overflow-y: auto;font-size: 14px;color:#666;font-family: "黑体";}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;}
.img a,.swiper-slide a,#header .logo a{display: block;height: 100%;font-size: 0;}
li>a{display: block;}
.news_container .news_top .text h3,.case__details_title h3,.service_container .serviceBox  ul li p,.home_banner .swiper-container2 .swiper-slide p,.joinBox ul li p,.news_bottom ul li h3,.case_container .img_right .swiper-slide-active h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case_container .text_center li p,.news_container .news_top .text p,.news_bottom ul li .text p,.solutionBox .textBox p{display:-webkit-box !important;-webkit-box-orient: vertical;overflow: hidden;}
img{width: 100%;}
.swiper-slide{cursor: pointer;background-position: center top;-webkit-background-size: cover;background-size: cover;background-repeat:no-repeat;}
.swiper-container-horizontal{height:100%;overflow: hidden;}
.home_one ul,#header,#header_box,#header_box .navBox ul{font-size: 0;}
#header .logo,#header .nav,#header_box>div,#header_box .navBox ul li,.service_container .serviceBox>div{display: inline-block;vertical-align: top;}
#header_box .header_box_right,.containers{-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.contact_bottom .btns input:hover,#solution_details .share:hover{background-color: #BB2A25;}
/*所有页面样式*/
/*header、footer*/
#header{width: 100%;height: 90px;position: fixed;left:0;top:0;z-index: 500;}
#header.zindexMax{z-index: 1000;}
#header .logo{width: 200px;height: 90px;background: #214799 url(/images/logo_01.png) no-repeat center;}
#header .nav{width: 90px;height: 90px;background: #fff/* url(/images/icon_nav.png) no-repeat center */;cursor: pointer;position: relative;}
#header .navIcon{width: 36px;height: 25px;position: absolute;left:calc(50% - 18px);top:calc(50% - 12.5px);}
#header .navIcon span{display: inline-block;width: 30px;height: 3px;background: #214799;position: relative;-webkit-transition: all .3s;transition: all .3s;}
#header .navIcon span::after{content:"";display: inline-block;width: 3px;height: 3px;background: #214799;position: absolute;left:calc(100% + 3px);}
#header .navIcon span:nth-child(2){margin:8px 0;}
#header .nav:hover .navIcon span:first-child{-webkit-transform: translateY(1.5px) rotate(-6deg);-ms-transform: translateY(1.5px) rotate(-6deg);transform: translateY(1.5px) rotate(-6deg);}
#header .nav:hover .navIcon span:nth-child(2){opacity:.9;}
#header .nav:hover .navIcon span:last-child{-webkit-transform: translateY(-1.5px) rotate(6deg);-ms-transform: translateY(-1.5px) rotate(6deg);transform: translateY(-1.5px) rotate(6deg);}
#header .aBox{border:8px solid rgba(0,0,0,.15);margin:15px 50px 0 0;border-radius: 50%;}
#header .aBox a{display: block;width: 44px;height: 44px;line-height: 44px;border-radius: 50%;background: #fff;text-align: center;font-family: "Arial";font-size: 14px;color:#f08519;font-weight: bold;}
#header .aBox:hover a{box-shadow: 0 0 50px 10px rgba(204,48,40,.5);}
#header_box{width: 100%;height:calc(100vh - 40px);position: fixed;left:0;top:0;background: #fff;z-index: 800;display: none;}
#header_box.homeH{height:calc(100vh - 140px);}
#header_box .header_box_left{width: 500px;height: 100%;background: url(/images/head_01.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;}
#header_box .header_box_right{width: calc(100% - 500px);height: 100%;padding-top: 66px;}
#header_box .header_box_right .header_box_right_top{position: relative;max-width:1100px;margin:0 auto;}
#header_box .logo2{width:170px;}
#header_box .close{width: 28px;height: 28px;background: url(/images/icon_close.png) no-repeat center;position: absolute;right:0;top:0;cursor: pointer;-webkit-transition: all .5s;transition: all .5s;}
#header_box .navBox{margin-top: 84px;position: relative;}
#header_box .navBox::before{content:"";display: block;width: 100%;height: 0;border-top: 1px solid #e6e6e6;position: absolute;left:0;top:52px;z-index: 1;}
#header_box .navBox ul{max-width:1100px;margin:0 auto;position: relative;}
#header_box .navBox ul li{font-family: "黑体";position: relative;z-index: 5;}
#header_box .navBox ul li:not(:last-child){margin-right: 114.4px;}
#header_box .navBox ul li>a{color:#000;font-size: 22px;display: block;padding-bottom: 30px;border-bottom: 1px solid #f08519;}
#header_box .navBox dl{padding-top: 40px;}
#header_box .navBox dl dd:not(:last-child){margin-bottom: 20px;}
#header_box .navBox dl dd a{font-size: 16px;color:#808080;}
#header_box .navBox dl dd.cur a,#header_box .navBox dl dd a:hover{color:#f08519;}
#header_box .language{font-family: "Arial";font-size: 20px;color:#f08519;position: absolute;left:calc(50% - 550px);bottom:80px;}
#header_box .language a{font-size: 14px;color:#b2b2b2;padding-left: 10px;}
.footer{height: 40px;line-height: 40px;background: #ebebeb;font-family: "黑体";font-size: 13px;color:#808080;padding:0 4%;-moz-box-sizing: border-box;box-sizing: border-box;}
.footer h4{margin-right: 40px;}
.footer h4,.footer p{display: inline-block;vertical-align: top;}
/*首页*/
.home_banner{height:calc(100vh - 140px);position: relative;overflow: hidden;}
.home_banner .gallery-top{height:100%;}
.home_banner .gallery-top .swiper-wrapper{transition-timing-function:ease-out;}
.home_banner div{-webkit-background-size: cover !important;background-size: cover !important;background-position: center top;background: none;}
.home_banner .swiper-slide img{width: 100%;}
.home_banner .small-img{background: rgba(0,0,0,.5);position: absolute;width: 100%;left:0;bottom:0;z-index: 150;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all 1s;transition: all 1s;}
.home_banner .small-img div{height: 100%;}
.home_banner .small-img .swiper-slide:hover{box-shadow: 0 0 10px 0 #F08519;}
.home_banner .small-img-box{padding:20px 80px 0 80px;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff;}
.small-img .small-imgBox{position: relative;}
.home_banner .swiper-button-white{width: 32px;height: 32px !important;line-height: 32px;border-radius: 50%;text-align: center;left:auto;right:calc(100% + 24px);top:calc(50% - 16px);cursor: pointer;border:1px solid #d9d9d9;font-size: 16px;color:#000;font-weight: bold;font-family: "宋体";margin-top: 0;}
.home_banner .swiper-button-white.swiper-button-next{right:auto;left:calc(100% + 24px);}
.home_banner .swiper-button-white::after{content:"";width: 0;height: 100%;border-radius: 50%;border:1px solid #cc3028;position: absolute;left:50%;top:-1px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.home_banner .swiper-button-white:hover::after{left:-1px;width: 100%;opacity:1;}
.home_banner .swiper-button-white:hover{color:#cc3028;}
.home_banner .swiper-pagination-box,.pageNav{position: absolute;left:auto;right:58px;top:0;height: 100%;z-index: 700;width: 44px;}
.pageNav{z-index: 400;}
.home_banner .swiper-pagination-box .swiper-pagination{position: static;}
.home_banner .swiper-pagination-box::before,.pageNav::before{content:"";width: 0;height: 100%;border-left: 1px solid rgba(255,255,255,.25);position: absolute;left:calc(50% - .5px);top:0;z-index: 15;}
.home_banner .flexBox,.pageNav .flexBox{width: 44px;height: 300px;display:flex;background: rgba(0,0,0,.45);border-radius: 44px;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;align-items: center;justify-content: center;}
.home_banner .swiper-pagination span,.pageNav ul li{margin:0 auto!important;padding:6px;display: block;opacity:1;cursor: pointer;position: relative;background: none;width: 8px;height: 8px;}
.home_banner .swiper-pagination span::before,.pageNav ul li::before{content:"";display: block;width: 100%;height: 100%;border-radius: 50%;background: #fff;}
.home_banner .swiper-pagination span:not(:last-child),.pageNav ul li:not(:last-child){margin-bottom:44px!important;}
.home_banner .swiper-pagination span::after,.pageNav ul li::after{content:"";display: block;width: 0;height: 0;border-radius: 50%;position: absolute;left:50%;top:50%;-webkit-transition: all .5s;transition: all .5s;}
.pageNav ul li::after{cursor:default;}
.home_banner .swiper-pagination .swiper-pagination-bullet-active::before,.pageNav ul li.cur::before{background: #f08519;}
.home_banner .swiper-pagination .swiper-pagination-bullet-active::after,.pageNav ul li.cur::after{width: 18px;height: 18px;border:1px solid #f08519;left:calc(50% - 10px);top:calc(50% - 10px);}
.home_banner .swiper-container2 .swiper-slide p{height: 40px;line-height: 40px;font-family: "宋体";font-size: 16px;color:#fff;background: rgba(0,0,0,.65);text-align: center;position: absolute;left:0;bottom:0;width: 100%;}
.home_banner .swiper-container2 .swiper-slide p::before{content:"";display: inline-block;width: 25px;height: 100%;background: url(/images/icon_03.png) no-repeat center;vertical-align: top;margin-right: 10px;}
.home_one ul li{display: inline-block;vertical-align: top;width: 33.333%;padding:25px 0;position: relative;text-align: center;}
.home_one ul li .liBox{display: inline-block;text-align: left;}
.home_one ul li .liBox>div{display: inline-block;vertical-align: top;}
.home_one ul li .icon_img{width: 48px;height: 48px;border-radius: 50%;border:1px solid #d9d9d9;background: url(/images/icon_04.png) no-repeat center;}
.home_one ul li:nth-child(2) .icon_img{background-image: url(/images/icon_05.png);}
.home_one ul li:nth-child(3) .icon_img{background-image: url(/images/icon_06.png);}
.home_one ul li .text{padding:3.5px 0 0 30px;font-family: "黑体";}
.home_one ul li h3{font-size: 18px;color:#000;}
.home_one ul li p{padding-top: 10px;font-size: 15px;color:#808080;}
.home_one ul li:not(:last-child)::after{content:"";display: block;width: 0;height: 100%;border-left: 1px solid #d9d9d9;position: absolute;top:0;right:0;}
/*内页*/
.containers{height:calc(100vh - 40px);padding-top: 90px;}
.about_container{background: url(/images/about/bg_01.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;}
.pageNav ul li a{display: block;width: 120px;height: 40px;line-height: 40px;border-radius: 40px;font-family: "黑体";font-size: 16px;color:#fff;text-align: center;position: absolute;right:calc(100% + 42px);top:calc(50% - 20px);}
.pageNav ul li.cur a{background: rgba(0,0,0,.45);color:#f08519;}
.pageNav ul li.cur a::after{content:"";display: block;width: 68px;height: 0;border-top: 1px solid #f08519;position: absolute;top:calc(50% - .5px);left:calc(100% - 20px);}
.aboutBox .bg{height: 300px;background: url(/images/about/about_01.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;position: relative;z-index: 5;}
.aboutBox .text_box{padding:50px;background: #fff;position: relative;}
.aboutBox .text_box::before{content:"";display: block;width: 20px;height: 20px;background: #FAEAE9;position: absolute;right:54px;bottom:50px;}
.aboutBox .text_box::after{content:"";display: block;width: 30px;height: 30px;background: #F0C0BE;position: absolute;right:74px;bottom:70px;}
.aboutBox h3{font-family: "黑体";font-size: 28px;color:#000;padding-bottom: 22px;position: relative;}
.aboutBox h3::after{content:"";display: block;width: 50px;height: 2px;background: #cc3028;position: absolute;left:0;bottom:0;}
.aboutBox .ulBox{width: 150px;height: 150px;border-radius: 50%;box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.1);background: url(/images/about/logo.png) no-repeat center;position: relative;margin:62px auto 115px;}
.aboutBox ul li{position: absolute;width: 248px;height: 48px;line-height: 48px;text-align: center;border-radius: 48px;border:1px solid #f5f5f5;font-family: "Arial";font-size: 24px;color:#999;}
.aboutBox ul li:first-child{right:calc(100% + 70px);bottom:calc(100% - 18px);}
.aboutBox ul li:nth-child(2){left:calc(100% + 70px);bottom:calc(100% - 18px);}
.aboutBox ul li:nth-child(3){right:calc(100% + 122px);top:calc(50% - 25px);}
.aboutBox ul li:nth-child(4){left:calc(100% + 122px);top:calc(50% - 25px);}
.aboutBox ul li:nth-child(5){right:calc(100% + 70px);top:calc(100% - 2px);}
.aboutBox ul li:nth-child(6){left:calc(100% + 70px);top:calc(100% - 2px);}
.aboutBox ul li:nth-child(7){left:calc(50% - 125px);top:calc(100% + 65px);}
.aboutBox .scrolll_about{height: 330px;overflow: auto;}
.aboutBox .about_text{padding-top: 50px;font-size: 16px;line-height: 26px;color:#808080;}
.aboutBox .about_text p{padding:0 2% 4% 0;}
.aptitude_container{background-image: url(/images/about/bg_02.jpg);}
.aptitudeBox{padding-top: 10px;}
.aptitudeBox h3{width: 200px;height: 60px;line-height: 60px;text-align: center;font-family: "黑体";font-size: 28px;color:#fff;background: #cc3028;}
.aptitudeBox .aptitude{border-top: 1px solid #cc3028;background: #fff;padding:20px;}
.aptitudeBox .aptitude .img{padding:4px;border:1px solid #e6e6e6;position: relative;}
.aptitudeBox .aptitude .img:first-child{margin-bottom: 15px;}
.aptitudeBox .aptitude .img::after{content:"";display: block;width: 10px;height: 5px;background: #cc3028;position: absolute;left:calc(50% - 5px);top:-1px;}
.aptitudeBox .aptitude img{border:1px solid #ccc;}
.aptitudeBox .swiper-btns{padding-top: 30px;text-align: right;}
.aptitudeBox .swiper-btns div{display: inline-block;width: 45px;height: 45px;line-height: 45px;border-radius: 50%;background: #fff;cursor: pointer;text-align: center;font-family: "宋体";font-size: 22px;font-weight: bold;color:#000;position: relative;}
.aptitudeBox .swiper-btns div span{position: relative;z-index: 5;}
.aptitudeBox .swiper-btns div:hover{color:#fff;}
.aptitudeBox .swiper-btns .swiper-next{margin-left: 20px;}
.idea_container{background-image: url(/images/about/bg_03.jpg);padding-top: 0;}
.idea_container .ideaBox{text-align: right;height: 100%;}
.ideaBox .idea{width: 50%;height: 100%;display: inline-block;text-align: center;background: #fff;position: relative;padding-top: 140px;-moz-box-sizing: border-box;box-sizing: border-box;}
.ideaBox .idea::after{content:"";display: block;width: 0;height: 0;border:10px solid transparent;border-right-color: #fff;position: absolute;right:100%;top:calc(50% - 10px);}
.ideaBox .idea h3,#solution_details li h3{font-size: 50px;color:#000;position: relative;padding-bottom: 32px;}
.ideaBox .idea h3::after,#solution_details li h3::after,#solution_details.case__details h3::after{content:"";display: block;width: 50px;height: 2px;background: #cc3028;position: absolute;left:calc(50% - 25px);bottom:0;}
.ideaBox .idea p{font-size: 20px;line-height: 30px;color:#808080;margin:35px auto 75px;width: 77%;}
.ideaBox .idea img{width: 63%;}
.solution_container{background-image: url(/images/solution/bg_01.jpg);position: relative;}
.solution_container::after{content:"";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left:0;top:0;z-index: 1;}
.solutionBox{margin-top: 10px;position: relative;z-index: 10;}
.solutionBox .img_nav{position: relative;overflow: hidden;padding-bottom: 25px;}
.solutionBox .img_nav dl dd{height: 80px;line-height: 80px;text-align: center;position: relative;background: #fff;}
.solutionBox .img_nav dl dd a{display: block;height: 100%;font-size: 20px;color:#808080;}
.solutionBox .img_nav dl dd::after{content:"";display: block;width: 0;height: 50px;border-left: 1px solid #e5e5e5;position: absolute;left:0;top:calc(50% - 25px);}
.solutionBox .img_nav .swiper-btn{width: 30px;height: 100%;line-height: 80px;position: absolute;left:0;top:0;text-align: right;font-family: "宋体";font-size: 20px;color:#000;cursor: pointer;z-index: 5;background: #fff;font-weight: bold;}
.solutionBox .img_nav .swiper-btn:hover{color:#cc3028;}
.solutionBox .img_nav .swiper-btn.swiper-next{text-align: left;left:auto;right:0;}
.solutionBox .img_nav .swiper-button-disabled{color:#ccc !important;}
.solutionBox .img_nav dl dd.cur{box-shadow: 0px 0px 20px 0px rgba(33, 71, 153, 0.3);position: relative;z-index: 5;}
.solutionBox .img_nav dl dd.cur a{color:#cc3028;}
.solutionBox .img_nav dl dd::before{content:"";display: block;width: 0;height: 0;border:8px solid transparent;border-top-color: #fff;position: absolute;left:calc(50% - 8px);top:80%;-webkit-transition: all .3s;transition: all .3s;}
.solutionBox .img_nav dl dd.cur::before{top:100%;}
.solutionBox .img_nav dl dd.cur::after,.solutionBox .img_nav dl dd.cur+dd::after{display: none;}
.solutionBox .swiper-container-horizontal{overflow:visible;position: relative;}
.solutionBox .solution_img{height: calc(100vh - 245px);}
.solutionBox .solution_img .swiper-slide{overflow: hidden;}
.solutionBox .solution_img .swiper-slide img{height: 100%;min-width: 100%;}
.solutionBox .solution_img .swiper-btn,.case_container .btn,#solution_details .case_details_top .btn{width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: rgba(255,255,255,.7);font-family: "宋体";font-size: 20px;color:#000;text-align: center;cursor: pointer;position: absolute;right:calc(100% + 80px);top:calc(50% - 25px);z-index: 100;-webkit-transition: all .3s;transition: all .3s;}
.case_container .text_center .btn{right:5px;display: none;}
.case_container .text_center .btn.swiper-prev{right:auto;left:5px;}
.solutionBox .solution_img .swiper-next2{right:auto;left:calc(100% + 80px);}
.solutionBox .solution_img .swiper-btn:hover{background: rgba(204,48,40,.8);color:#fff;}
.solutionBox .solution_img .textBox{width: 1200px;min-height:130px;padding:25px 0;background: #fff;position: absolute;left:calc(50% - 600px);bottom:20px;display: table;opacity:0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);-webkit-transition: all .8s;transition: all .8s;}
.solutionBox .solution_img .on .textBox{opacity:1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.solutionBox .textBox h3,.solutionBox .textBox p{display: table-cell;vertical-align: middle;}
.solutionBox .textBox h3{font-size: 28px;color:#000;width: 210px;text-align: center;} 
.solutionBox .textBox p{padding:0 50px;font-size: 16px;line-height: 26px;color:#808080;border-left:1px solid #d9d9d9;-webkit-line-clamp:5;}
.solutionBox .textBox span,.case_container .text_center li span,.case_container .img_right .swiper-slide-next .textBox span{display: block;width: 40px;height: 40px;background: #cc3028 url(/images/solution/icon_01.png) no-repeat center;cursor: pointer;position: absolute;left:calc(50% - 20px);top:-20px;-webkit-transition: all .3s;transition: all .3s;}
.solutionBox .textBox span:hover,.case_container .text_center li span:hover,.case_container .img_right .swiper-slide-next .textBox span:hover{background-color: #BB2A25;border-radius: 8px;}
#solution_details{width: 100%;height: 100%;position: fixed;left:0;top:0;z-index: 600;background: rgba(0,0,0,.6);font-size: 0;display: none;}
#solution_details .solution_detailsBox{height:calc(100vh - 74px);background: #fff;margin-top: 34px;position: relative;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);-webkit-transition: all .5s;transition: all .5s;}
#solution_details .solution_detailsBox img{max-width: 100%;}
#solution_details.on .solution_detailsBox{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.solution_detailsBox .swiper-btn{width: 50px;height: 50px;line-height: 50px;background:#fff;text-align: center;font-family: "宋体";font-size: 20px;color:#000;position: absolute;left:100%;top:74px;cursor: pointer;z-index: 10;overflow: hidden;}
.solution_detailsBox .swiper-btn span{position: relative;z-index: 10;}
.solution_detailsBox .swiper-btn:hover span{color:#fff;}
.solution_detailsBox .swiper-btn.swiper-next3{top:125px;}
#solution_details li{padding: 50px 40px 0;-moz-box-sizing: border-box;box-sizing: border-box;}
#solution_details li .details_top h3,#solution_details.case__details h3{font-size: 28px;text-align: center;padding-top: 20px;}
#solution_details li .details_top p{font-size: 16px;line-height: 26px;color:#808080;padding:35px 0 50px;}
#solution_details li .details_top{border-bottom: 1px solid #d9d9d9;}
#solution_details .orther{margin-top: 30px;padding:0 20px 0 50px;height:calc(100vh - 448px);;overflow:auto;}
.orther img{max-width: 100% !important;height:auto !important;}
#solution_details .orther .ortherScroll{padding-right: 40px;}
#solution_details .orther h4{font-size: 20px;color:#000;}
#solution_details .orther p{padding-top: 15px;font-size: 16px;line-height: 26px;color:#999;}
#solution_details .img{margin-top: 45px;}
#solution_details .img img{width: 47.6%;float: left;margin-bottom: 20px;}
#solution_details .img img:nth-child(2n){float: right;}
#solution_details .close{width: 48px;height: 48px;border-radius: 50%;background: #cc3028 url(/images/solution/icon_02.png) no-repeat center;cursor: pointer;position: absolute;right:-24px;top:-24px;cursor: pointer;z-index: 100;-webkit-transition: all .5s;transition: all .5s;}
.solution_detailsBox .swiper-btn::after{content:"";display: block;width: 100%;height: 100%;background: #cc3028;position: absolute;left:50px;top:0;z-index: 0;-webkit-transition: all .3s;transition: all .3s;}
.solution_detailsBox .swiper-btn.li_mail::after{left:-50px;}
.solution_detailsBox .swiper-btn:hover::after{left:0;}
#solution_details .slimScrollRail{width: 2px !important;margin-right: 1px;}
#solution_details li{cursor: default;}
.slimScrollBar{cursor: pointer;}
.case_container{background-image: url(/images/case/bg_01.jpg);padding-top: 0;}
.case_container .caseBox,.case_container .img_right,.case_container .swiper-container,.case_container .swiper-container2{height:100%;}
.case_container .caseBox{text-align:right;position: relative;z-index: 600;}
.case_container .img_right{width: 500px;display: inline-block;padding:0 60px;}
/* .case_container .img_right .swiper-container{overflow:visible;} */
.case_container .img_right h3{width: 100%;position: absolute;left:0;bottom:100px;font-size: 18px;color:#fff;text-align: center;opacity:0;z-index: 5;}
.case_container .img_right .swiper-slide-active h3{bottom:auto;top:100px;-webkit-transition: all .5s;transition: all .5s;}
.case_container .img_right .swiper-slide{-webkit-transition: all .5s;transition: all .5s;}
.case_container .img_right .swiper-slide::after{content:"";display: block;width: 100%;height: 100%;background:rgba(0,0,0,.35);left:0;top:0;z-index: 0;position: absolute;}
.case_container .img_right .swiper-slide-active h3,.case_container .img_right .swiper-slide-next+li h3{opacity:1;}
/* .case_container .swiper-slide-next{width: 120%;height:auto !important;z-index: 100;margin-left: calc(-10% - 10px);padding:10px;background: #fff;} */
.case_container .img_right .swiper-slide-next .textBox{width: 620px;height: 100%;background: #fff;position: absolute;right:100%;top:0;-moz-box-sizing: border-box;box-sizing: border-box;}
.case_container .text_center{width: 1240px;height: 420px;background: #fff;position: absolute;right:0;top:calc(50% - 210px);z-index: 100;overflow: hidden;}
.case_container .text_center li{font-size: 0;}
.case_container .text_center li>div{display: inline-block;vertical-align: top;width: 50%;-moz-box-sizing: border-box;box-sizing: border-box;}
.case_container .text_center li .imgBox{padding:10px;}
.case_container .text_center li .textBox,.case_container .img_right .swiper-slide-next .textBox{padding:94px 40px 0 50px;text-align: left;}
.case_container .text_center li h3,.case_container .img_right .swiper-slide-next .textBox h3{font-size: 28px;color:#000;position:static;opacity:1;text-align: left;}
.case_container .text_center li p,.case_container .img_right .swiper-slide-next .textBox p{font-size: 16px;line-height: 26px;color:#808080;margin:35px 0 55px;-webkit-line-clamp: 3;}
.case_container .text_center li span,.case_container .img_right .swiper-slide-next .textBox span{position: static;}
.case_container .img_right .btn{right:auto;left:calc(50% - 25px);top:30px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.case_container .img_right .btn:hover{color:#fff;}
.case_container .img_right .btn.swiper-next{top:auto;bottom:30px;}
#solution_details.case__details li{padding:40px 60px 55px;}
#solution_details .case_details_top{width: 70%;margin:0 auto;position: relative;}
#solution_details.case__details .orther p{padding-top: 25px;color:#808080;}
#solution_details.case__details .orther{height: 220px;}
#solution_details.case__details .orther img{max-width: 40%;display: block;margin:10px auto;}
#solution_details.case__details .orther .ortherScroll{padding:0 60px;}
#solution_details .case_details_top .btn{width: 38px;height: 38px;line-height: 38px;top:calc(50% - 20px);border:1px solid #d9d9d9;right:calc(100% + 80px);}
#solution_details .case_details_top .btn:hover{color:#fff;font-weight: bold;}
#solution_details .case_details_top .btn.swiper-next4{right:auto;left:calc(100% + 80px);}
#solution_details .case_details_top .swiper-button-disabled,.news_container .news_top .swiper-button-disabled{display: none;}
.news_container{background-image: url(/images/news/bg_01.jpg);}
.news_container .news_top{padding:10px;background: #fff;margin-top: 10px;}
.news_container .news_top li{display: table;width: 100%;}
.news_container .news_top li>div{display: table-cell;vertical-align: middle;}
.news_container .news_top .img{width: 380px;position: relative;}
.news_container .news_top .text{padding:0 112px 0 50px;}
.news_container .news_top .text h3{font-size: 18px;color:#000;}
.news_container .news_top .text p,.news_bottom ul li .text p{font-size: 16px;line-height: 26px;color:#999;padding-top: 15px;-webkit-line-clamp:3;}
.dateBox{width: 70px;height: 70px;padding:0 10px;background: #cc3028;font-size: 14px;color:#fff;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;position: absolute;right:0;top:calc(50% - 35px);}
.dateBox h4{height: 40px;line-height: 40px;border-bottom: 1px solid rgba(0,0,0,.2);}
.dateBox h4 span{font-size: 30px;}
.dateBox p{padding-top: 8px;}
.news_container .news_top .text::after,.news_bottom ul li .text::after{content:"";display: block;width: 16px;height: 16px;background: url(/images/news/icon_01.png) no-repeat center;margin-top: 25px;}
.news_container .btn,.paging .btn{width: 32px;height: 32px;line-height: 32px;border-radius: 50%;background: #e5e5e5;font-family: "宋体";text-align: center;color:#000;font-size: 16px;font-weight: bold;position: absolute;top:calc(50% - 16px);left:40px;cursor: pointer;z-index: 5;}
.btn span{position: relative;z-index: 5;}
.btn::after,.aptitudeBox .swiper-btns div::after{content:"";display: block;width: 0;height: 0;background: #cc3028;position: absolute;left:50%;bottom:0;border-radius: 50%;-webkit-transition: all .2s;transition: all .2s;z-index:1;opacity:0;}
.btn:hover::after,.aptitudeBox .swiper-btns div:hover::after{width: 100%;height: 100%;left:0;opacity:1;}
.btn:hover{color:#fff;}
.news_container ul li{cursor: pointer;}
.news_container .btn.swiper-next{left:auto;right:40px;}
.news_container .news_bottom{margin-top: 20px;padding:20px 0 20px;background: #fff;}
.news_container .news_bottom .news_bottom_box{padding:0 20px;}
.news_container .news_bottom ul li{float: left;width: 31.66%;}
.news_container .news_bottom ul li:first-child{padding-right:1.225%;}
.news_container .news_bottom ul li:nth-child(2){padding:0 1.225%;/* border-right: 1px solid #e5e5e5; */position: relative;}
.news_container .news_bottom ul li:nth-child(2)::before,.news_container .news_bottom ul li:nth-child(2)::after{content:"";display: block;width: 0;height: 100%;border-left: 1px solid #e5e5e5;position: absolute;left:0;top:0;}
.news_container .news_bottom ul li:nth-child(2)::after{left:100%;}
.news_container .news_bottom ul li:nth-child(2)+li{padding-left:1.225%;}
.news_container .news_bottom ul li .img{position: relative;}
.news_bottom ul li .dateBox{left:0;top:0;}
.newsBox ul li .text::after,.news_bottom ul li .dateBox{-webkit-transition: all .5s;transition: all .5s;}
.newsBox ul li:hover .text::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.news_bottom ul li:hover .dateBox{border-radius: 0 0 30px 0;}
.news_bottom ul li .text{padding-top: 20px;}
.news_bottom ul li h3{font-size: 18px;color:#000;-webkit-transition: all .3s;transition: all .3s;}
.news_bottom ul li:hover h3{color:#cc3028;}
.paging{padding: 18px 40px 0;background: #fff;}
.paging .btn{position:relative;left:0;top:0;}
.paging{text-align: center;margin-top: 30px;}
.news_container .paging{border-top: 1px solid #e5e5e5;}
.paging .paging_box{display: inline-block;}
.paging .paging_box a,.paging .paging_box span{display: inline-block;width: 32px;height: 32px;line-height: 32px;vertical-align: top;font-size: 16px;font-family: "Arial";color:#000;font-weight: bold;margin:0 5px;}
.paging .paging_box a.cur,.paging .paging_box a:hover{width: 32px;border-radius: 50%;background: #cc3028;color:#fff;}
#solution_details.news__details .solution_detailsBox{padding:80px 20px 60px 40px;-moz-box-sizing: border-box;box-sizing: border-box;}
.case__details_title{position: relative;}
.case__details_title h3{font-size: 28px;color:#000;max-width: 85%;}
.case__details_title h4{font-size: 16px;color:#999;position: absolute;right:0;bottom:0;}
#solution_details.news__details .orther{padding:35px 0 0 0;border-top: 1px solid #e5e5e5;;}
#solution_details.news__details .orther p{padding-top: 0;}
#solution_details.news__details .orther .ortherScroll{padding-right: 20px;}
#solution_details.news__details .orther img{max-width: 100%;margin:20px 0;}
#solution_details.news__details .orther{height: 640px;}
#solution_details .share{width: 50px;height: 50px;background:#cc3028 url(/images/news/icon_02.png) no-repeat center;position: absolute;left:100%;bottom:0;cursor: pointer;}
/*分享弹框*/
.bdshare_dialog_boxs{position: fixed;top:calc(50% - 170px);left:calc(50% - 155px);-webkit-transition:all .5s;transition:all .5s; width: 300px;height: 330px;border: 5px solid #8F8F8F;z-index: 600;text-align: left;box-shadow: 0 0 7px #aaa;-webkit-box-shadow: 0 0 7px #aaa;-moz-box-shadow: 0 0 7px #aaa;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: #f6f6f6;-webkit-transition:all .5s;transition:all .5s;display: none;}
.bdshare_dialog_top, .bdshare_popup_top {height: 28px;color: #626262;font-weight: bold;font-size: 14px;line-height: 28px; padding: 0 5px;}
.bdshare_dialog_close {width: 22px;height: 23px; background: url(/images/news/pop_c.gif) no-repeat 0 0 !important;float: right !important;display: block;margin-top: 2px;}
.bdshare_dialog_list {margin: 0; padding: 10px 0;height: 265px; background: #fff; overflow: auto;overflow-x: hidden;}
.bdshare_dialog_list li {float: left;width: 130px!important;padding: 2px;margin:0 0 0 6px!important;height: 28px; overflow: hidden;}
.bdshare_dialog_boxs ul li a{background: url(/images/news/icons_0_16.png) no-repeat;color: #565656;font: 12px '宋体'; display: block; padding: 5px 0 5px 28px;text-decoration: none;border: 1px solid #fff; line-height: 18px;}
.bdshare_dialog_boxs ul li .popup_mshare {background-position: 4px -2439px;}
.bdshare_dialog_boxs ul li .bds_qzone {background-position: 4px -47px;}
.bdshare_dialog_boxs ul li .popup_tsina {background-position: 4px -99px;}
.bdshare_dialog_boxs ul li .popup_bdysc {background-position: 4px -3063px;}
.bdshare_dialog_boxs ul li .popup_weixin {background-position: 4px -1607px;}
.bdshare_dialog_boxs ul li .popup_renren {background-position: 4px -203px;}
.bdshare_dialog_boxs ul li .popup_tqq {background-position: 4px -255px;}
.bdshare_dialog_boxs ul li .popup_bdxc {background-position: 4px -2543px;}
.bdshare_dialog_boxs ul li .popup_kaixin001 {background-position: 4px -307px;}
.bdshare_dialog_boxs ul li .popup_tqf {background-position: 4px -359px;}
.bdshare_dialog_boxs ul li .popup_tieba {background-position: 4px -723px;}
.bdshare_dialog_boxs ul li .popup_douban {background-position: 4px -463px;}
.bdshare_dialog_boxs ul li .popup_bdhome {background-position: 4px -151px;}
.bdshare_dialog_boxs ul li .popup_sqq {background-position: 4px -2647px;}
.bdshare_dialog_boxs ul li .popup_thx {background-position: 4px -2491px;}
.bdshare_dialog_boxs ul li .popup_ibaidu {background-position: 4px -3115px;}
.bdshare_dialog_boxs.on,.search_login .qr_code.on{-webkit-animation:fadeShow .5s forwards;animation:fadeShow .5s forwards;}
.footer_right .links .code.on{-webkit-animation:fadeShow .5s forwards;animation:fadeShow .5s forwards;}
.bdshare_dialog_close{padding-left: 0!important;margin:0!important;}
.service_container{background-image: url(/images/service/bg_01.jpg);}
.service_container .serviceBox{height:calc(100vh - 180px);background: #fff;margin-top: 10px;font-size: 0;}
.service_container .img{width:38%;height: 100%;background:url(/images/service/download_01.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;}
.service_container .text{width: 62%;-moz-box-sizing: border-box;box-sizing: border-box;padding:50px 50px 0 0;}
.service_container .text h3{border-bottom: 1px solid #cc3028;}
.service_container .text h3 span{display: block;width: 160px;height: 60px;line-height: 60px;text-align: center;font-size: 28px;color:#fff;position: relative;background: #cc3028;}
.service_container .text h3 span::after{content:"";display: block;width: 40px;height: 60px;background:url(/images/service/icon_04.png) no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;position: absolute;left:100%;bottom:0;}
.service_container .text .downloadBox{padding:20px 0 0 50px;}
.service_container .serviceBox  ul li{padding:20px 0;border-bottom: 1px solid #e5e5e5;position: relative;}
.service_container .serviceBox  ul li::after,.joinBox ul li:not(:first-child)::before{content:"";display: block;width: 0;height: 0;border-top: 1px solid #cc3028;position: absolute;right:0;bottom:-1px;-webkit-transition: all .5s;transition: all .5s;}
.joinBox ul li:not(:first-child)::before{width: 94%;right:3%;z-index: 5;-webkit-transform: rotate(2deg);-ms-transform: rotate(2deg);transform: rotate(2deg);opacity:0;}
.service_container .serviceBox  ul li:hover::after{width: 100%;}
.joinBox ul li:not(:first-child):hover::before{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity:1;}
.service_container .serviceBox  ul li p{float: left;height: 36px;line-height: 36px;padding-left: 40px;background:url(/images/service/icon_01.png) no-repeat left;font-size: 20px;color:#333;max-width: 70%;}
.service_container .serviceBox  ul li:hover p{color:#cc3028;}
.service_container .serviceBox  ul li .down_btn{float: right;}
.service_container .down_btn a{display: inline-block;vertical-align: top;width: 34px;height: 34px;border-radius: 50%;margin-right: 10px;border:1px solid #ccc;background:url(/images/service/icon_02.png) no-repeat center;position: relative;overflow: hidden;}
.service_container .down_btn a::before,.service_container .down_btn a::after{content:"";display: block;width: 100%;height: 100%;border-radius: 50%;background: #cc3028;top:100%;z-index: 1;-webkit-transition: all .3s;transition: all .3s;position: absolute;}
.service_container .down_btn a::after{content:"";display: block;width: 100%;height: 100%;border-radius: 50%;background: url(/images/service/icon_02s.png) no-repeat center;top:auto;bottom:100%;}
.service_container .down_btn a:last-child::after{background-image: url(/images/service/icon_03s.png);}
.service_container .down_btn a:hover::before{top:0;}
.service_container .down_btn a:hover::after{bottom:0;}
.service_container .down_btn a:hover{border-color:#cc3028;}
.service_container .down_btn a:last-child{background-image: url(/images/service/icon_03.png);}
.service_container .paging{padding:0;border-top: none;}
.contact_container{background-image: url(/images/contact/bg_01.jpg);}
.join_container{background-image: url(/images/contact/bg_02.jpg);}
.contact_container .contactBox{margin-top: 50px;}
.contact_top ul{font-size: 0;}
.contact_top ul li{display: inline-block;vertical-align: top;width: 32.26%;background: #fff;height: 160px;border-top: 1px solid #cc3028;text-align: center;}
.contact_top ul li:nth-child(2){margin:0 1.61%;}
.contact_top ul li .icon{width: 80px;height: 80px;border-radius: 50%;background: #cc3028 url(/images/contact/icon_01.png) no-repeat center;position: relative;margin:-40px auto 0;-webkit-transition: all .5s;transition: all .5s;}
.contact_top ul li:hover .icon{-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
.contact_top ul li:nth-child(2) .icon{background-image: url(/images/contact/icon_02.png);}
.contact_top ul li:last-child .icon{background-image: url(/images/contact/icon_03.png);}
.contact_top ul li .icon::after{content:"";display: block;width: 88px;height: 88px;border-radius: 50%;border:1px solid #cc3028;position: absolute;left:calc(50% - 45px);top:calc(50% - 45px);;}
.contact_top ul li h3{display: inline-block;padding:20px 0 10px;border-bottom: 1px solid rgba(128,128,128,.3);font-size: 22px;color:#cc3028;}
.contact_top ul li p{font-size: 16px;color:#808080;margin-top: 26px;}
.contact_container .contact_bottom{margin-top: 20px;background: #fff;padding:50px 40px;}
.contact_container .inputBox{margin-bottom: 40px;}
.contact_bottom .inputBox input{width: 45%;height: 48px;line-height: 48px;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;float: left;padding-left: 10px;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact_bottom .inputBox input,.contact_bottom textarea{-webkit-transition: all 1s;transition: all 1s;}
.contact_bottom .inputBox input:focus,.contact_bottom textarea:focus{border-color: #cc3028;}
.contact_bottom .inputBox input:last-child{float: right;}
.contact_bottom textarea{width: 100%;height: 158px;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding:15px 0 0 10px;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact_bottom .btns{margin-top: 40px;text-align: right;}
.contact_bottom .btns input{width: 160px;height: 50px;line-height: 50px;text-align: center;background: #cc3028;font-size: 20px;color:#fff;text-align: center;cursor: pointer;}
.joinBox ul li{font-size: 0;background: #fff;position: relative;}
.joinBox ul li:first-child{background: #cc3028;font-size: 20px;}
.joinBox ul li:first-child p{color:#fff;}
.joinBox ul li p{display: inline-block;vertical-align: top;text-align: center;width: 16.666%;font-size: 18px;color:#808080;position: relative;height: 70px;line-height: 70px;}
.joinBox ul li:not(:last-child):not(:first-child)::after{content:"";display: block;width: 94%;height: 0;border-top: 1px solid #e5e5e5;position: absolute;left:3%;bottom:0;}
.joinBox ul li:first-child p:not(:last-child)::after{content:"";display: block;width: 0;height: 100%;border-left: 1px solid rgba(255,255,255,.3);position: absolute;right:0;top:0;}
.joinBox ul li:not(:first-child) p:last-child{background: url(/images/news/icon_01.png) no-repeat center;cursor: pointer;}
.joinBox .paging{padding:20px 40px;margin-top: 1px;}
.joinBox_bottom{margin-top: 46px;height: 24px;line-height: 24px;color:#fff;font-size:24px;}
.joinBox_bottom h3,.joinBox_bottom p{display: inline-block;vertical-align: top;}
.joinBox_bottom h3{font-size: 18px;}
.joinBox_bottom p:not(:last-child){margin-right: 50px;}
.post_title span{display: inline-block;padding:0 56px;height: 70px;line-height: 70px;background: #cc3028;font-size: 22px;color:#fff;}
.join__details .post_box{padding:0 80px 122px 80px;}
.post_box .postBox{margin-top: 50px;}
.post_box .postBox h3{font-size: 22px;color:#000;}
.post_box .postBox p{font-size: 16px;line-height: 30px;color:#808080;margin-top: 22px;}
.post_box .postBox:not(:last-child){border-bottom: 1px solid #e6e6e6;padding-bottom: 42px;}
#solution_details.join__details .solution_detailsBox{height:auto;margin-top: 110px;}
.join__details .post_bottom{height: 70px;line-height: 70px;background: #e5e5e5;font-size: 0;font-size: 20px;color:#000;}
.join__details .post_bottom h5,.join__details .post_bottom p{display: inline-block;vertical-align: top;}
.join__details .post_bottom h5{padding-left: 30px;}
.join__details .post_bottom p{color:#cc3028;}
.join__details .post_bottom p:not(:last-child){margin-right: 42px;}
/*f08519*cc3028//*204,48,40*/
/********************************动画********************************/
/*鼠标hover图片放大*/
.home_banner .swiper-slide,.news_container .news_top .img,.news_container .news_bottom ul li .img{overflow: hidden;}
.home_banner .swiper-slide img,.news_container .news_top .img img,.news_container .news_bottom ul li .img img{-webkit-transition: all .5s;transition: all .5s;}
.home_banner .swiper-slide:hover img,.news_container .news_bottom ul li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_container .news_top .img img{width: 104%;}
.news_container .news_top:hover .img img{margin-left: -4%;}
/*鼠标滚动淡出加载*/
.aboutBox,.aptitudeBox,.aboutBox ul li,.ideaBox .idea h3,.ideaBox .idea p,.ideaBox .idea img,.solutionBox .img_nav,.solutionBox .solution_img,.newsBox .news_top,.newsBox .news_bottom,.serviceBox,.contact_top ul li,.contact_container .contact_bottom,.joinBox,.home_banner .swiper-pagination-box, .pageNav{-webkit-transition: all 1s;transition: all 1s;}
.aboutBox ul li{opacity:0;}
.aboutBox ul li:first-child{-webkit-transform: translate(280px,88px);transform: translate(280px,88px);transform: translate(280px,88px);-webkit-transition-delay: .6s;transition-delay: .6s;}
.aboutBox ul li:nth-child(2){-webkit-transform: translate(-280px,88px);transform: translate(-280px,88px);transform: translate(-280px,88px);-webkit-transition-delay: .9s;transition-delay:.9s;}
.aboutBox ul li:nth-child(3){-webkit-transform: translate(300px,0);transform: translate(300px,0);transform: translate(300px,0);-webkit-transition-delay: 1.2s;transition-delay: 1.2s;}
.aboutBox ul li:nth-child(4){-webkit-transform: translate(-300px,0);transform: translate(-300px,0);transform: translate(-300px,0);-webkit-transition-delay: 1.5s;transition-delay: 1.5s;}
.aboutBox ul li:nth-child(5){-webkit-transform: translate(280px,-88px);transform: translate(280px,-88px);transform: translate(280px,-88px);-webkit-transition-delay: 1.8s;transition-delay: 1.8s;}
.aboutBox ul li:nth-child(6){-webkit-transform: translate(-280px,-88px);transform: translate(-280px,-88px);transform: translate(-280px,-88px);-webkit-transition-delay: 2.3s;transition-delay: 2.3s;}
.aboutBox ul li:last-child{-webkit-transform: translate(0,-150px);transform: translate(0,-150px);transform: translate(0,-150px);-webkit-transition-delay: 2.6s;transition-delay: 2.6s;}
.aboutBox .ulBox::after{content:"";display: block;width: 100%;height: 100%;border-radius: 50%;box-shadow:0 0 15px 0 #cc3028;position: absolute;left:0;top:0;-webkit-transition-delay: 2.9s;transition-delay: 2.9s;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;opacity:0;}
/* .aboutBox.on .ulBox::after{-webkit-transform: scale(10);-ms-transform: scale(10);transform: scale(10);opacity:0;} */
.aboutBox.on .ulBox::after{-webkit-animation: scaleFade 4s ease-out 2.9s;animation: scaleFade 4s ease-out 2.9s;}
{-webkit-transition: all .6s;transition: all .6s;}
.ideaBox .idea h3,.ideaBox .idea p{-webkit-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px);opacity:0;}
{-webkit-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);}
.ideaBox .idea img,.home_banner .swiper-pagination-box, .pageNav{-webkit-transform: translateX(200px);-ms-transform: translateX(200px);transform: translateX(200px);opacity:0;}
{-webkit-transform: translateY(200px);-ms-transform: translateY(200px);transform: translateY(200px);opacity:0;}
.solutionBox .img_nav,.newsBox .news_top{-webkit-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);opacity:0;}
.solutionBox .solution_img,.newsBox .news_bottom,.serviceBox,.contact_container .contact_bottom,.joinBox{-webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);opacity:0;}
.aboutBox,.aptitudeBox,.contact_top ul li{-webkit-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);opacity:0;}
{-webkit-transform: translate(100px,-100px);-ms-transform: translate(100px,-100px);transform: translate(100px,-100px);opacity:0;}
{-webkit-transform: translate(100px,50px);-ms-transform: translate(100px,50px);transform: translate(100px,50px);opacity:0;}
.aboutBox.on,.aptitudeBox.on,.aboutBox.on ul li,.ideaBox.on .idea h3,.ideaBox.on .idea p,.ideaBox.on .idea img,.solutionBox.on .img_nav,.solutionBox.on .solution_img,.newsBox.on .news_top,.newsBox.on .news_bottom,.serviceBox.on,.contactBox.on .contact_top ul li,.contactBox.on .contact_bottom,.joinBox.on,.home_banner.on .small-img,.home_banner .swiper-pagination-box.on, .pageNav.on{-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);opacity:1;}
.contact_top ul li:nth-child(2){-webkit-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s;}
.contact_top ul li:nth-child(3){-webkit-transition-delay:.6s;-ms-transition-delay:.6s;transition-delay:.6s;}
.contact_container .contact_bottom{-webkit-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s;}
/*文字光彩划过*/
@keyframes csshub-shine {0%{background-position: top left;}100%{background-position: top right;}}
@-webkit-keyframes csshub-shine{0%{background-position: top left;}100%{background-position: top right;}}
@-moz-keyframes csshub-shine {0%{background-position: top left;}100%{background-position: top right;}}
@-ms-keyframes csshub-shine{0%{background-position: top left;}100%{background-position: top right;}}
@-o-keyframes csshub-shine {0%{background-position: top left;}100%{background-position: top right;}}
/*二维码淡出*/
@keyframes fadeShow {
    0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1);opacity:0;}
    90%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1;}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
}
@-webkit-keyframes fadeShow {
    0%{-webkit-transform:scale(.1);opacity:0;}
    90%{-webkit-transform:scale(1.1);opacity:1;}
    100%{-webkit-transform:scale(1);opacity:1;}
}
@-moz-keyframes fadeShow {
    0%{-moz-transform:scale(.1);opacity:0;}
    90%{-moz-transform:scale(1.1);opacity:1;}
    100%{-moz-transform:scale(1);opacity:1;}
}
@-ms-keyframes fadeShow {
    0%{-ms-transform:scale(.1);opacity:0;}
    90%{-ms-transform:scale(1.1);opacity:1;}
    100%{-ms-transform:scale(1);opacity:1;}
}
@-o-keyframes fadeShow {
    0%{-o-transform:scale(.1);opacity:0;}
    90%{-o-transform:scale(1.1);opacity:1;}
    100%{-o-transform:scale(1);opacity:1;}
}
/*圆圈放大消失*/
@keyframes scaleFade {
    0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.2;}
    /* 10%{opacity:1;} */
    20%{-webkit-transform:scale(4);-ms-transform:scale(4);transform:scale(4);opacity:.1;}
    100%{-webkit-transform:scale(4);-ms-transform:scale(4);transform:scale(4);opacity:0;}
}
/*响应式*/
@media screen and (max-width:1800px){
  .service_container .text{padding-top: 20px;}
  .service_container .serviceBox ul li{padding:18px 0;}
  #solution_details.join__details .solution_detailsBox{margin-top: 80px;}
  .case_container .text_center{width: 1100px;right:38px;height: 374px;top:calc(50% - 187px);}
  .case_container .caseBox{width: 65%;}
}
@media screen and (max-width:1700px){
  #header_box .header_box_right .header_box_right_top,#header_box .navBox ul{width: 90%;}    
  #header_box .navBox ul li:not(:last-child){margin-right: 90px;}
  #header_box .language{left:5%;}
  .aboutBox .bg{height: 200px;}
  .aboutBox,.aptitudeBox,.ideaBox,.solutionBox,.serviceBox,.contactBox,.joinBox,.newsBox{width: 65%;}
  .ideaBox .idea{padding-top: 100px;}
  .solutionBox .solution_img .textBox{width: 96%;left:2%;}
  .service_container .serviceBox ul li{padding:15px 0;}
  .contact_bottom textarea{height: 130px;}
  .contact_bottom .btns{margin-top: 20px;}
  .contact_container .contact_bottom{padding:20px;}
  .joinBox_bottom{margin-top: 20px;}
  .joinBox ul li p{height: 64px;line-height: 64px;}
  #solution_details.join__details .solution_detailsBox{margin-top: 60px;}
  .news_container .news_top .img{width: 30%;}
  .news_container .news_bottom{margin-top: 10px;}
  .news_bottom ul li .text,.news_container .news_top .text p, .news_bottom ul li .text p{padding-top: 10px;}
  .news_container .news_top{margin-top:5px;}
  #solution_details.news__details .orther{height: 500px;}
  #solution_details .case_details_top{width: 60%;}
  #solution_details.case__details .orther{height: 204px;}
}
@media screen and (max-width:1600px){
  #header_box .header_box_left{width: 400px;}
  #header_box .header_box_right{width:calc(100% - 400px);}
  .aboutBox .bg{height: 180px;}
  .aptitudeBox h3{width: 180px;height: 50px;line-height: 50px;font-size: 24px;}
  .service_container .text h3 span{height: 50px;line-height: 50px;font-size: 24px;}
  .service_container .text h3 span::after{height: 50px;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 46px;}
}
@media screen and (max-width:1500px){
  #header_box .navBox ul li:not(:last-child){margin-right: 75px;}  
  .aboutBox .text_box{padding:30px;}
  .pageNav ul li a{right:calc(100% + 24px);}
  .pageNav ul li.cur a::after{width: 50px;}
  .aboutBox h3{font-size: 24px;padding-bottom: 14px;}
  .aboutBox ul li{width: 180px;height: 40px;line-height: 40px;font-size: 20px;}
  .aboutBox .ulBox{width: 140px;height: 140px;-webkit-background-size: 50%;background-size: 50%;}
  .aboutBox .bg{height: 150px;}
  .ideaBox .idea{padding-top: 80px;}
  .contact_top ul li p{margin-top: 10px;}
  .contact_top ul li{height: 150px;}
  .joinBox_bottom{font-size: 18px;}
  .joinBox ul li p{height: 60px;line-height: 60px;}
  .joinBox .paging{padding:10px 30px;}
  .aboutBox .text_box::before{bottom:30px;right:34px;}
  .aboutBox .text_box::after{bottom:50px;right:54px;}
}
@media screen and (max-width:1400px){
  #header_box .navBox ul li:not(:last-child){margin-right: 56px;}  
  .aboutBox h3{font-size: 22px;}
  .aboutBox .text_box{padding: 25px 15px 25px 20px;}
  .aboutBox .bg{height: 100px;}
  .pageNav ul li a{width: 90px;height: 36px;line-height: 36px;font-size: 14px;top:calc(50% - 18px);}
  .pageNav ul li.cur a::after{width: 42px;left:calc(100% - 10px);}
  .pageNav{right:62px;}
  .pageNav,.pageNav .flexBox{width: 36px;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 40px;}
  #solution_details .solution_detailsBox{width: 80%;}
  .service_container .img{width: 30%;}
  .service_container .text{width: 70%;}
  .service_container .text .downloadBox,.service_container .text{padding: 20px;}
  .contact_bottom .btns input{width: 120px;height: 40px;line-height: 40px;}
  .contact_container .inputBox{margin-bottom: 20px;}
  .contact_top ul li h3{font-size: 20px;}
  .contact_container .contact_bottom{padding:15px;}
  .contact_top ul li .icon{width: 70px;height: 70px;margin-top: -35px;}
  .contact_top ul li .icon::after{width: 78px;height: 78px;left:calc(50% - 40px);top:calc(50% - 40px);}
  .contact_bottom .inputBox input{height: 42px;line-height: 42px;}
  .contact_top ul li p{font-size: 14px;line-height: 22px;}
  .case_container .img_right{width: 400px;}
  .case_container .text_center{width: 900px;height: 308px;top:calc(50% - 154px);}
  .case_container .text_center li .textBox{padding:40px 20px 0 20px;}
  .case_container .text_center li h3{font-size: 24px;}
  .case_container .caseBox{width: 60%;right:-60px;}
}
@media screen and (max-width:1300px){ 
  .home_one ul li .text{padding-left: 10px;}
  #header_box .header_box_left{width: 350px;}
  #header_box .header_box_right{width:calc(100% - 350px);}
  #header_box .navBox ul li:not(:last-child){margin-right: 46px;}  
  .aboutBox .text_box::before{right:20px;bottom:20px;}
  .aboutBox .text_box::after{right:40px;bottom:40px;}
  .aptitudeBox h3,.service_container .text h3 span{width: 150px;height: 44px;line-height: 44px;font-size: 22px;}
  .service_container .text h3 span::after{height: 44px;}
  .solutionBox .textBox h3{width: 160px;font-size: 22px;}
  .solutionBox .textBox p{padding:0 20px;}
  .solutionBox .img_nav dl dd,.solutionBox .img_nav .swiper-btn{height: 66px;line-height: 66px;}
  .solutionBox .img_nav dl dd a{font-size: 18px;}
  .solutionBox .img_nav{padding-bottom: 14px;}
  .solutionBox .solution_img{height: calc(100vh - 220px);}
  .news_container .news_top .text::after, .news_bottom ul li .text::after{margin-top: 10px;}
  .news_bottom ul li .text, .news_container .news_top .text p, .news_bottom ul li .text p{padding-top: 5px;}
  .news_container .news_top .text{padding:0 50px 0 10px;}
  .news_container .news_top .btn{left:10px;}
  .news_container .news_top .btn.swiper-next{left:auto;right:10px;}
  .news_container .news_top .text h3,.news_bottom ul li h3{font-size: 16px;}
  .news_container .news_top .text p, .news_bottom ul li .text p{font-size: 14px;line-height: 24px;}
  .paging{margin-top: 20px;}
  .dateBox{width: 60px;height: 60px;}
  .dateBox h4{height: 30px;line-height: 30px;}
  .dateBox h4 span{font-size: 26px;}
  .paging{padding:15px 10px;}
  .news_container .news_bottom{padding-bottom: 0;}
  #solution_details.news__details .solution_detailsBox{padding-top: 40px;}
  .case__details_title h3{font-size: 26px;}
  #solution_details.news__details .orther{height: 560px;}
}  
@media screen and (max-width:1200px){
  .home_one ul li:first-child p{width: 200px;line-height: 24px;}
  .home_one ul li{height:80px;}
  #header_box .header_box_left{width: 250px;}
  #header_box .header_box_right{width:calc(100% - 250px);}
  #header_box .navBox ul li:not(:last-child){margin-right: 22px;} 
  .home_banner{height:calc(100vh - 170px);} 
  .aboutBox ul li:nth-child(3){right: calc(100% + 100px);top: calc(50% - 8px);}
  .aboutBox ul li:nth-child(4){left:calc(100% + 100px);top:calc(50% - 8px);}
  .aboutBox ul li{width: 140px;height: 36px;line-height: 36px;font-size: 16px;}
  .aboutBox ul li:nth-child(7){left: calc(50% - 72px);}
  .pageNav{right:16px;}
  .aboutBox h3{font-size: 20px;}
  #header .aBox{margin-right: 8px;}
  .aptitudeBox h3,.service_container .text h3 span{width: 120px;height: 40px;line-height: 40px;font-size: 18px;}
  .service_container .text h3 span::after{height: 40px;width: 20px;}
  .ideaBox .idea p{width: 90%;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 34px;padding-bottom: 20px;}
  .ideaBox .idea img{width: 80%;}
  .solutionBox .img_nav dl dd, .solutionBox .img_nav .swiper-btn{height: 50px;line-height: 50px;}
  .solutionBox .img_nav .swiper-btn{text-align: center !important;}
  .solutionBox .img_nav dl dd a{font-size: 16px;}
  .solutionBox .solution_img{height: calc(100vh - 204px);}
  #solution_details li .details_top p{padding:20px 0;}
  .service_container .img{width: 20%;}
  .service_container .text{width: 80%;}
  .service_container .serviceBox ul li p{font-size: 18px;padding-left: 30px;}
  .joinBox ul li p{height: 54px;line-height: 54px;font-size: 16px;}
  .join__details .post_box{padding:0 40px 40px 40px;}
  .post_box .postBox{margin-top: 20px;}
  .post_box .postBox:not(:last-child){padding-bottom: 20px;}
  .join__details .post_bottom{height: 60px;line-height: 60px;font-size: 16px;}
  .join__details .post_bottom p:not(:last-child){margin-right: 20px;}
  .post_title span{padding:0 40px;height: 60px;line-height: 60px;font-size: 20px;}
  .post_box .postBox h3{font-size: 20px;}
  .post_box .postBox p{margin-top: 10px;}
  .join__details .post_bottom{height:auto;line-height: 24px;padding:5px 10px;font-size: 14px;}
  .join__details .post_bottom h5{padding-left: 0;}
  .post_box .postBox p{font-size: 14px;line-height: 24px;}
  .post_title span{padding:0 30px;height: 50px;line-height: 50px;font-size: 18px;}
  .post_box .postBox h3{font-size: 18px;}
  .join__details .post_box{padding:0 20px 20px 20px;}
  .case_container .text_center{width: 750px;height: 260px;top:calc(50% - 130px);right:50px;}
  .case_container .img_right{width: 355px;}
  .case_container .text_center li .textBox{padding:30px 15px;}
  .case_container .text_center li h3{font-size: 20px;}
  .case_container .text_center li p{margin:20px 0 40px;}
  .case_container .caseBox{width: 56%;right:-100px;}
  #solution_details.case__details li{padding:30px 20px;}
  #solution_details.case__details .orther{height: 250px;}
  #solution_details.case__details h3{font-size: 24px;padding-top: 0;}
  #solution_details .case_details_top .btn{right:calc(100% + 40px);}
  #solution_details .case_details_top .btn.swiper-next4{left:calc(100% + 40px);}
}
@media screen and (max-width:1100px){

}
@media screen and (max-width:1024px){
  .ideaBox .idea p{margin-bottom: 40px;font-size: 18px;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 30px;}
}
@media screen and (min-width:960px){
  #solution_details .close:hover{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
}
@media screen and (max-width:960px){
  .home_one ul li .icon_img{width: 38px;height: 38px;}
  .home_one ul li{height: 80px;padding:20px 0;}
  .home_banner{height: calc(100vh - 240px);margin-top: 80px;}
  #header .logo{height:80px;}
  #header .nav{width: 80px;height: 80px;}
  #header .aBox{margin-top: 10px;}
  #header_box .header_box_left{display: none;}
  #header_box .header_box_right{width: 100%;}
  #header_box .navBox ul li:not(:last-child){margin-right: 32px;}
  #header_box .logo2{margin:0 auto;}
  .aboutBox ul li{width: 110px;height: 30px;line-height: 30px;font-size: 14px;}
  .aboutBox ul li:first-child{right: calc(100% + 20px);bottom:calc(100% - 18px);}
  .aboutBox ul li:nth-child(2){left: calc(100% + 20px);bottom:calc(100% - 18px);}
  .aboutBox ul li:nth-child(3){right:calc(100% + 50px);top:calc(50% - 25px);}
  .aboutBox ul li:nth-child(4){left:calc(100% + 50px);top:calc(50% - 25px);}
  .aboutBox ul li:nth-child(5){right: calc(100% + 20px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(6){left: calc(100% + 20px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(7){left:calc(50% - 61px);top: calc(100% + 50px);}
  .aboutBox h3{font-size: 18px;padding-bottom: 10px;}
  .pageNav ul li a{width: 80px;height: 30px;line-height: 30px;font-size: 12px;top: calc(50% - 15px);right: calc(100% + 10px);}
  .pageNav ul li.cur a::after{width: 30px;}
  .containers{padding-top: 80px;}
  .idea_container{padding-top: 0;}
  .solutionBox{width: 96%;}
  .solutionBox .solution_img{height: calc(100vh - 194px);}
  .solutionBox .textBox h3{width: 130px;font-size: 20px;}
  .solutionBox .solution_img .textBox{padding:20px 0;}
  #solution_details li{padding:20px;}
  #solution_details li .details_top h3, #solution_details.case__details h3{font-size: 24px;}
  #solution_details .orther{padding-left: 20px;}
  .contact_top ul li .icon{width: 60px;height: 60px;margin-top: -30px;}
  .contact_top ul li .icon::after{width: 68px;height: 68px;left:calc(50% - 35px);top:calc(50% - 35px);}
  .contact_top ul li h3{font-size: 18px;padding:10px 0 5px;}
  .contact_top ul li{height: 130px;}
  .contact_bottom textarea{height: 100px;}
  .join_container{padding-top: 100px;}
  .joinBox_bottom{font-size: 16px;margin-top: 10px;}
  .joinBox_bottom h3{font-size: 16px;}
  .case__details_title h3{max-width: 70%;font-size: 22px;}
  #solution_details.news__details .orther{padding-top: 15px;}
  #solution_details .orther{margin-top: 15px;}
  #solution_details .orther p{font-size: 14px;line-height: 24px;}
  .case_container{padding-top: 0;}
  .case_container .text_center{width: 650px;height: 226px;top: calc(50% - 113px);right: 54px;}
  .case_container .img_right{width: 305px;}
  .case_container .text_center li p{margin-bottom: 20px;}
  #solution_details.case__details .orther .ortherScroll{padding:0 20px;}
  #solution_details .orther{padding-left: 0;}
  #solution_details .case_details_top{width: 70%;}
  #solution_details.case__details li{padding:20px 10px;}
  #solution_details .case_details_top .btn{right:calc(100% + 20px);}
  #solution_details .case_details_top .btn.swiper-next4{left:calc(100% + 20px);}
  #solution_details.case__details h3{font-size: 20px;}
  #solution_details.case__details .orther p{padding-top: 10px;}
}
@media screen and (min-width:768px){
  #header_box .close:hover{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
    
}
@media screen and (max-width:768px){
  .home_one ul li{height: 115px;}  
  .home_one ul li .liBox>div{display: block;margin:0 auto 5px;}
  .home_one ul li .liBox{text-align: center;}
  .home_one ul li .text{padding-left: 0;}
  .home_one ul li p{padding-top: 5px;}
  .home_banner .small-img-box{padding:20px 60px 0 60px;}
  .home_banner .swiper-button-white{right:calc(100% + 14px);}
  .home_banner .swiper-button-white.swiper-button-next{left:calc(100% + 14px);}
  #header .nav{position: absolute;top:0;right:0;}
  #header .aBox{position: absolute;left:2%;top:0;}
  .header_top{background: #fff;box-shadow: 0 0 10px 0 #214799;} 
  .header_top>.fl{text-align: center;float: none;}
  #header_box .logo2{width: 120px;}
  #header_box .navBox::before{display: none;}
  #header_box .navBox ul{font-size:0;text-align: center;}
  #header_box .navBox ul li{margin:0 8% !important;}
  #header_box .navBox ul li:nth-child(3)~li{margin-top: 8% !important;}
  #header_box .navBox{margin-top: 50px;}
  #header_box .language{left:calc(50% - 31px);}
  #header_box{height: 100% !important;}
  #header_box{display: block;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .5s;transition: all .5s;}
  #header_box.on{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
  #header{height:auto;}
  .home_banner{height: calc(100vh - 275px);}
  .home_banner .flexBox, .pageNav .flexBox{height: 200px;}
  .home_banner .swiper-pagination span:not(:last-child), .pageNav ul li:not(:last-child){margin-bottom: 20px !important;}
  .home_banner .swiper-pagination-box, .pageNav{right:5%;}
  .pageNav{display: none;}
  .aboutBox,.aptitudeBox,.serviceBox,.contactBox,.joinBox,.newsBox{width: 96%;}
  .aboutBox .bg{height: 200px;}
  .idea_container{padding-top: 80px;}
  .ideaBox .idea{width: 100%;padding-top: 8%;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 26px;padding-bottom: 15px;}
  .ideaBox .idea p{font-size: 16px;line-height: 26px;margin:4% auto;}
  .ideaBox .idea img{width: 60%;}
  .service_container .serviceBox ul li{padding:10px 0;}
  .service_container .text .downloadBox{padding-top: 10px;}
  .service_container .img{width: 0;}
  .service_container .text{width: 100%;}
  .paging{margin-top: 15px;}
  .joinBox ul li p{height: 50px;line-height: 50px;}
  #solution_details.news__details .solution_detailsBox{padding:20px;}
  .case__details_title h3{font-size: 18px;}
  .case__details_title h4{font-size: 14px;}
  .case_container{padding-top: 80px;}
  .case_container .img_right{width: 300px;padding-right: 10px;}
  .case_container .text_center{width: 620px;height: 210px;top: calc(50% - 113px);right: 7px;}
  .case_container .text_center li .textBox{padding:20px 10px;}
  .case_container .caseBox{width: 100%;right:0;}
  .case_container .text_center li h3{font-size:18px;}
  .case_container .text_center li p{font-size: 14px;line-height: 24px;}
  .solutionBox .textBox span, .case_container .text_center li span, .case_container .img_right .swiper-slide-next .textBox span{width: 30px;height: 30px;}
  .case_container .text_center li .imgBox{padding:5px;}
}
@media screen and (min-width:640px){
}
@media screen and (max-width:640px){
  #header .logo{width: 150px;height: 60px;-webkit-background-size: auto 80%;background-size: auto 80%;}
  #header .nav{width: 60px;height: 60px;}
  #header .aBox{border-width:5px;margin-top: 6px;}
  #header .aBox a{width: 38px;height: 38px;line-height: 38px;}
  #header_box .navBox ul li{margin:0 5% !important;}
  #header_box .navBox ul li>a{padding-bottom: 10px;font-size: 18px;}
  #header_box .header_box_right{padding-top: 6%;}
  #header_box .logo2{width: 90px;}
  #header_box .navBox{margin-top: 8%;}
  #header_box .navBox dl{padding-top: 20px;}
  .home_one ul li:first-child p{width: 96%;display: inline-block;}
  .footer{height:auto;line-height: 24px;text-align: center;padding:10px 0;}
  .footer>div{float: none;}
  .footer h4, .footer p{display: block;margin:0;}
  .home_banner{margin-top: 60px;height:calc(100vh - 332px);}
  .home_banner .small-img-box{padding:10px;}
  .home_banner .swiper-button-white{display: none;}
  .home_one ul li{height: 140px;}
  .aboutBox .bg{height: 150px;}
  .aboutBox .ulBox{margin-top: 50px;}
  .containers{height:calc(100vh - 92px);}
  .aboutBox .bg{height: 120px;}
  .aptitudeBox .swiper-btns div{width: 38px;height: 38px;line-height: 38px;font-size: 20px;}
  .aptitudeBox .swiper-btns{padding-top: 5%;}
  .idea_container{padding-top: 60px;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 20px;padding-bottom: 10px;}
  .solutionBox .solution_img {height: calc(100vh - 246px);}
  .solutionBox .img_nav dl dd a{font-size: 14px;}
  .solutionBox .solution_img .textBox{bottom:10px;}
  .solutionBox .swiper-container{padding:0 30px;}
  .solutionBox .textBox h3{width: 110px;font-size: 18px;}
  .solutionBox .textBox p{font-size: 14px;line-height: 24px;padding:0 10px;}
  .solutionBox .solution_img .textBox{min-height:100px;}
  .solutionBox .textBox span, .case_container .text_center li span, .case_container .img_right .swiper-slide-next .textBox span{width: 30px;height: 30px;left:calc(50% - 15px);}
  #solution_details li .details_top h3, #solution_details.case__details h3{font-size: 20px;padding-top: 0;}
  #solution_details li .details_top p{padding:15px 0;}
  #solution_details .orther h4,.service_container .serviceBox ul li p{font-size: 16px;}
  #solution_details .orther{margin-top: 15px;padding:0;}
  .service_container .text .downloadBox{padding:10px 0;}
  .contact_top ul li .icon{width: 50px;height: 50px;margin-top: -25px;}
  .contact_top ul li .icon::after{width: 58px;height: 58px;left:calc(50% - 30px);top:calc(50% - 30px);}
  .contact_container .contact_bottom{padding:10px;}
  .contact_top ul li p{margin-top: 5px;}
  .contact_top ul li{height: 110px;}
  .contact_bottom .inputBox input{height: 38px;line-height: 38px;}
  .contact_bottom .btns input{width: 100px;height: 36px;line-height: 36px;font-size: 16px;}
  .contact_container .inputBox{margin-bottom: 10px;}
  .join_container{padding-top: 80px;}
  .joinBox ul li p{height: 44px;line-height: 44px;font-size: 14px;}
  .joinBox_bottom p:not(:last-child){margin-right: 10px;}
  .join__details .post_bottom{font-size: 12px;line-height: 18px;}
  .post_box .postBox h3{font-size: 16px;}
  .post_title span{padding:0 20px;height: 40px;line-height: 40px;font-size: 16px;}
  .post_box .postBox p{margin-top: 5px;}
  .post_box .postBox:not(:last-child){padding-bottom: 10px;}
  .post_box .postBox{margin-top: 10px;}
  .join__details .post_box{padding:0 10px 10px 10px;}
  .news_container .news_top li>div{width: 100% !important;display: block;}
  .news_container .news_top .text{margin-top: 3%;padding:0;}
  .news_container .news_bottom{padding-top:10px;}
  .news_container{height:auto !important;} 
  .news_container .news_bottom ul li{float: none;width: 100%;padding:0 !important;}
  .news_container .news_top{margin-top: 0;}
  .news_container .news_bottom .news_bottom_box{padding:0 10px;}
  .news_bottom ul li .text{padding-top: 3%;}
  .news_container .news_bottom ul li:nth-child(2){margin:5% 0;}
  .news_container .news_bottom ul li:nth-child(2)::before, .news_container .news_bottom ul li:nth-child(2)::after{display: none;}
  .news_container{padding-bottom: 5%;}
  #solution_details.news__details .orther{padding-top: 5px;margin-top: 10px;}
  #solution_details.news__details .solution_detailsBox{padding:15px;}
  .case__details_title h3{font-size: 16px;}
  .case_container{padding-top: 50px;}
  .case_container .img_right{display: none;}
  .case_container .text_center{width: 96%;right:2%;height:auto;top:4%;}
  .case_container .text_center li>div{width: 100%;display: block;}
  .case_container .text_center li{display: flex;flex-direction: column-reverse;}
  .case_container .text_center li .textBox{padding-top: 10px;}
  .case_container .text_center li p{margin:10px 0 20px;}
  .case_container .text_center .btn{display: block;}
  #solution_details .orther .ortherScroll{padding-right: 0;}
  .aboutBox .about_text{font-size: 14px;line-height: 24px;padding-top: 0;}
}
@media screen and (max-width:480px){
  #header .logo{height: 50px;width: 120px;}
  #header .nav{height: 50px;}
  #header .aBox{border-width:4px;margin-top: 4px;}
  #header .aBox a{width: 34px;height: 34px;line-height: 34px;}
  #header_box .navBox dl dd:not(:last-child){margin-bottom: 15px;}
  #header_box .logo2{width: 80px;}
  #header_box .navBox ul li>a{font-size: 16px;padding-bottom: 6px;}
  #header_box .navBox dl dd a,.home_one ul li p{font-size: 14px;}
  .home_banner{margin-top: 50px;height:calc(100vh - 322px);}
  .home_one ul li h3{font-size: 16px;}
  .home_banner .small-img-box{padding:5px;}
  .home_banner .swiper-container2 .swiper-slide p{height: 36px;line-height: 36px;font-size: 14px;}
  .home_banner .swiper-pagination-box, .pageNav,.home_banner .flexBox, .pageNav .flexBox{width: 30px;}
  .home_banner .flexBox, .pageNav .flexBox{height: 160px;-webkit-transform: translateY(-85%);-ms-transform: translateY(-85%);transform: translateY(-85%);}
  .home_banner .swiper-pagination span:not(:last-child), .pageNav ul li:not(:last-child){margin-bottom: 10px !important;}
  .aboutBox ul li{width: 90px;height: 26px;line-height: 26px;font-size: 12px;}
  .aboutBox ul li:first-child{right: calc(100% + 20px);bottom:calc(100% - 18px);}
  .aboutBox ul li:nth-child(2){left: calc(100% + 20px);bottom:calc(100% - 18px);}
  .aboutBox ul li:nth-child(3){right: calc(100% + 38px);top: calc(50% - 5px);}
  .aboutBox ul li:nth-child(4){left: calc(100% + 38px);top: calc(50% - 5px);}
  .aboutBox ul li:nth-child(5){right: calc(100% + 20px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(6){left: calc(100% + 20px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(7){left: calc(50% - 46px);top: calc(100% + 35px);}
  .aboutBox .ulBox{width: 100px;height: 100px;}
  .aboutBox .ulBox{margin: 40px auto 90px;}
  .aptitudeBox .aptitude{padding:10px;}
  .aptitudeBox h3,.service_container .text h3 span{width: 100px;height: 34px;line-height: 34px;font-size: 16px;}
  .service_container .text h3 span::after{height: 34px;}
  .aptitudeBox .swiper-btns div{width: 34px;height: 34px;line-height: 34px;font-size: 16px;}
  .idea_container{padding-top: 50px;}
  .ideaBox .idea{display: flex;flex-direction: column;justify-content: center;align-items: center;}
  .ideaBox .idea p{font-size: 14px;line-height: 24px;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 18px;}
  .ideaBox .idea img{width: 80%;}
  .ideaBox .idea::after{display: none;}
  .solutionBox .img_nav dl dd a{font-size: 12px;}
  .solutionBox .img_nav dl dd::after{height: 20px;top:calc(50% - 10px);}
  .solutionBox .img_nav dl dd, .solutionBox .img_nav .swiper-btn{height: 44px;line-height: 44px;}
  .solutionBox .solution_img {height: calc(100vh - 240px);}
  #solution_details .close{width: 40px;height: 40px;}
  .solution_detailsBox .swiper-btn{width: 40px;}
  #solution_details .share{width: 40px;height: 40px;}
  #solution_details li .details_top p{font-size: 14px;line-height: 24px;max-height:246px;overflow: auto;}
  #solution_details li .details_top h3, #solution_details.case__details h3{font-size: 18px;}
  #solution_details .orther{height:calc(100vh - 300px);}
  .solution_detailsBox .swiper-btn{top:auto;bottom:75px;}
  .solution_detailsBox .swiper-btn.swiper-next3{top:auto;bottom:125px;}
  .service_container .serviceBox ul li p{height: 28px;line-height: 28px;padding-left: 20px;-webkit-background-size: 16px;background-size: 16px;}
  .service_container .down_btn a{width: 26px;height: 26px;-webkit-background-size: 60%;background-size: 60%;}
  .contact_top ul li .icon{width: 40px;height: 40px;margin-top: -20px;-webkit-background-size: 40%;background-size: 40%;}
  .contact_top ul li .icon::after{width: 48px;height: 48px;left:calc(50% - 25px);top:calc(50% - 25px);}
  .contact_top ul li p{font-size: 12px;line-height: 16px;}
  .contact_top ul li h3{font-size: 16px;}
  .contact_container .contact_bottom{margin-top: 10px;}
  .join_container{padding-top: 60px;}
  .joinBox_bottom{font-size: 14px;line-height: 20px;}
  .joinBox_bottom h3{font-size: 14px;}
  .joinBox ul li p{height: 42px;line-height: 42px;font-size: 12px;}
  .joinBox ul li p:nth-child(3){width: 12.666%;}
  .joinBox ul li p:nth-child(5){width: 20.666%;}
  .join__details .post_box{height: 380px;overflow: auto;}
  #solution_details.news__details .solution_detailsBox{padding:10px;}
  #solution_details.news__details .orther .ortherScroll{padding-right: 5px;}
  .case__details_title{text-align: center;}
  .case__details_title h3{max-width: 100%;}
  .case__details_title h4{font-size: 12px;margin-top: 4%;position: static;}
  #solution_details.news__details .orther img{margin:10px 0;}
  #solution_details.news__details .orther{height: 520px;}
  .case_container .text_center .btn{width: 40px;height: 40px;line-height: 40px;}
  #solution_details .case_details_top{width: 80%;}
  #solution_details .case_details_top .btn{right:calc(100% + 5px);width: 30px;height: 30px;top:calc(50% - 15px);line-height: 30px;}
  #solution_details .case_details_top .btn.swiper-next4{left:calc(100% + 5px);}
  #solution_details.case__details .orther{height: 380px;}
  .dateBox{padding:0 2px;}
  .solutionBox .swiper-container-horizontal{overflow: hidden;}
  .dateBox h4 span{font-size: 20px;}
  .solution_container,.news_container{padding-top: 60px;}
  .aboutBox .scrolll_about{height: 300px;}
  .aboutBox .text_box::after{display: none;}
  .aboutBox .text_box::before{bottom:25px;}
}
@media screen and (max-width:413px){
  .aboutBox .text_box::before{width: 10px;height: 10px;right:18px;}
  .aboutBox .text_box::after{width: 20px;height: 20px;right:30px;bottom:30px;}
  .aboutBox ul li:first-child{right: calc(100% + 8px);bottom: calc(100% - 20px);}
  .aboutBox ul li:nth-child(2){left: calc(100% + 8px);bottom: calc(100% - 20px);}
  .aboutBox ul li:nth-child(3){right: calc(100% + 22px);top: calc(50% - 5px);}
  .aboutBox ul li:nth-child(4){left: calc(100% + 22px);top: calc(50% - 5px);}
  .aboutBox ul li:nth-child(5){right: calc(100% + 8px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(6){left: calc(100% + 8px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(7){left: calc(50% - 46px);top: calc(100% + 30px);}
  .containers{height:calc(100vh - 80px);}
  .aboutBox h3{font-size: 16px;}
  .aptitudeBox h3,.service_container .text h3 span{width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
  .service_container .text h3 span::after{height: 30px;}
  .aptitudeBox .aptitude{padding:5px;}
  .solutionBox .solution_img {height: calc(100vh - 228px);}
  .solutionBox .textBox h3{width: 90px;font-size: 16px;}
  #solution_details li{padding:15px 10px;}
  .service_container .down_btn a{margin-right: 6px;}
  .service_container .serviceBox ul li p,.paging .paging_box a, .paging .paging_box span{font-size: 14px;}
  .paging .paging_box a, .paging .paging_box span{margin:0 2px;}
  .joinBox_bottom{font-size: 12px;line-height: 16px;margin-top: 5px;}
  .joinBox_bottom h3{font-size: 12px;}
  .joinBox ul li p{height: 40px;line-height: 40px;-webkit-background-size: 10px !important;background-size: 10px !important;}
  .post_title span{padding:0 10px;height: 32px;line-height: 32px;font-size: 14px;}
  .post_box .postBox h3,.case__details_title h3{font-size: 14px;}
  .post_box .postBox p,#solution_details .orther p{font-size: 12px;line-height: 20px;}
  #solution_details.news__details .orther{height: 480px;}
  .case_container .text_center li h3{font-size: 16px;}
  .aboutBox .about_text{font-size: 12px;line-height: 22px;}
  .aboutBox .scrolll_about{height: 280px;}
}
@media screen and (max-width:400px){
  .home_banner .swiper-pagination-box, .pageNav, .home_banner .flexBox, .pageNav .flexBox{width: 24px;}  
  .home_banner .swiper-pagination span, .pageNav ul li{width: 6px;height: 6px;}
  .home_banner .swiper-pagination .swiper-pagination-bullet-active::after, .pageNav ul li.cur::after{width: 12px;height: 12px;left:calc(50% - 7px);top:calc(50% - 7px);}   
  .home_banner .flexBox, .pageNav .flexBox{height: 120px;}
  .home_banner .swiper-pagination span:not(:last-child), .pageNav ul li:not(:last-child){margin-bottom: 5px !important;}
}
@media screen and (max-width:375px){
  .home_one ul li h3{font-size: 14px;}
  .home_one ul li:first-child p{font-size: 12px;line-height: 20px;}
  .home_one ul li{height: 130px;padding:10px 0;}
  .footer{line-height: 20px;}
  .home_banner{height:calc(100vh - 280px);}
  .home_banner .swiper-container2 .swiper-slide p{height: 30px;line-height: 30px;}
  #solution_details .close{width: 36px;height: 36px;right:-18px;top:-18px;}
  .news_container .btn, .paging .btn,.paging .paging_box a, .paging .paging_box span{width: 30px !important;height: 30px;line-height: 30px;font-size: 14px;}
  .contact_bottom textarea{height: 80px;}
  .contact_container .contactBox{margin-top: 30px;}
  .contact_bottom .btns{margin-top: 0;}
  .contact_bottom .inputBox input{font-size: 12px;}
  .case_container .text_center .btn{width: 30px;height: 30px;line-height: 30px;}
  #solution_details.case__details h3{font-size: 16px;}
}
@media screen and (max-width:320px){
  #header .logo{width: 100px;height: 46px;}  
  .home_banner{margin-top: 46px;}
  #header .nav{height: 46px;}
  .aboutBox .ulBox{margin-top: 20px;}
  .aboutBox .bg{height: 100px;}
  .aboutBox h3{font-size: 14px;padding-bottom: 8px;}
  .aboutBox ul li:first-child{right: calc(100% - 6px);bottom: calc(100% - 20px);}
  .aboutBox ul li:nth-child(2){left: calc(100% - 6px);bottom: calc(100% - 20px);}
  .aboutBox ul li:nth-child(3){right: calc(100% + 12px);top: calc(50% - 5px);}
  .aboutBox ul li:nth-child(4){left: calc(100% + 12px);top: calc(50% - 5px);}
  .aboutBox ul li:nth-child(5){right: calc(100% - 6px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(6){left: calc(100% - 6px);top:calc(100% - 2px);}
  .aboutBox ul li:nth-child(7){left: calc(50% - 46px);top: calc(100% + 30px);}
  .aboutBox ul li{width: 84px;}
  .aptitudeBox .swiper-btns div{width: 30px;height: 30px;line-height: 30px;font-size: 14px;}
  .ideaBox .idea h3, #solution_details li h3{font-size: 16px;}
  .ideaBox .idea p,.solutionBox .textBox p,.case_container .text_center li p{font-size: 12px;line-height: 22px;}
  .solutionBox .solution_img {height: calc(100vh - 198px);}
  .solutionBox .textBox h3{font-size: 14px;width: 70px;}
  .solutionBox .solution_img .textBox{padding:10px 0;}
  #solution_details li .details_top p{max-height: 200px;}
  #solution_details.on .solution_detailsBox{position: relative;left:-10px;}
  .service_container .serviceBox ul li{padding:5px;}
  .service_container .serviceBox{height:calc(100vh - 140px);}
  .service_container .serviceBox ul li p{font-size: 12px;max-width: 60%;}
  .service_container .text{padding:10px;}
  .news_container .btn, .paging .btn,.paging .paging_box a, .paging .paging_box span{width: 28px !important;height: 28px;line-height: 28px;font-size: 12px;}
  .contact_bottom .inputBox input{height: 32px;line-height: 32px;}
  .contact_bottom textarea{padding-top: 10px;}
  .contact_bottom .btns input{width: 80px;height: 30px;line-height: 30px;font-size: 14px;}
  .contact_top ul li .icon{width: 36px;height: 36px;margin-top: -18px;}
  .contact_top ul li .icon::after{width: 42px;height: 42px;left:calc(50% - 22px);top:calc(50% - 22px);}
  .contact_top ul li h3,.news_container .news_top .text h3, .news_bottom ul li h3{font-size: 14px;}
  .contact_bottom textarea{height: 60px;}
  .joinBox .paging{padding:5px 10px;}
  .joinBox ul li p{height: 32px;line-height: 32px;}
  #solution_details.join__details .solution_detailsBox{margin-top: 30px;}
  .join__details .post_box{height: 350px;}
  .dateBox{width: 50px;height: 50px;}
  .dateBox h4{height: 25px;line-height: 25px;}
  .dateBox h4 span{font-size: 18px;}
  .dateBox p{font-size: 12px;padding-top: 4px;}
  .news_container .news_top .text p, .news_bottom ul li .text p{font-size: 12px;line-height: 20px;}
  #solution_details.news__details .orther{height: 400px;}
  .solutionBox .textBox span, .case_container .text_center li span, .case_container .img_right .swiper-slide-next .textBox span{width: 25px;height: 25px;}
  .case_container .text_center li p{margin:10px 0;}
  #solution_details.case__details .orther{height: 300px;}
  #solution_details.case__details h3{font-size: 14px;}
  #solution_details .case_details_top .btn{width: 24px;height: 24px;top:calc(50% - 13px);line-height: 24px;font-size: 14px;}
  .aboutBox .scrolll_about{height: 220px;}
  .about_container{padding-top: 60px;} 
  .aboutBox .text_box{padding: 20px 10px 25px 10px;}
  .aboutBox .text_box::before{right:13px;}
}