@media all and (min-width:320px) and (max-width:750px){html,body{width:100%;overflow-x:hidden;min-width:100%;max-width:100%;}
.head{background:#fff !important;}
.head .left img{vertical-align: middle;height: auto;}
.nav_mright{display:block;}
.nav_mright{width: 30px;height: 30px;background-size: 100%;float: right;margin-top: 30px;position: relative;background: #17a1a6;margin-right: .521739rem;border-radius: 2px;cursor:pointer;}
.nav_mright .img1, .nav_mright .img2{left: 10%;width: 80%;text-align: center;position: absolute;z-index: 1;background: #17a1a6;top: 50%;transform: translateY(-50%);color: white;font-size: 20px;}
.nav_mright .img2{display: none;}
.head .head_tel{display:none;}
.head .nav{top: 90px;width: 100%;position: fixed;z-index: 999;height: calc(100vh - 90px);background-color: #fff;overflow: auto;transform: translateX(100%);transition: all .4s;left:0px;margin-right:0px;}
.nav.active{transform: translateX(0)}
.head .nav li{margin-right: 0;display: block;float: none;height: 41px;line-height: 41px;border-bottom: #ddd 1px solid;padding: 0 10px;box-sizing: border-box;}
.head .nav li a{color: #343434;font-size: 16px;display: block;width: 100%;float: none;}
.head .nav li{width: 100%;text-align: center;}
.head .nav li:hover dl{display:none !important;}
.alert,.right-pendant{display:none !important;}
.banner{overflow:hidden;width:100%;padding:0px !important;}
.banner .bg img{width: 160%;margin-left: -60%;}
.banner .left{top:45%!important;left: 4%!important;}
.banner .left .text{margin-bottom:0px!important;}
.banner .left a{margin-top:5px!important;}
.banner .text{font-size: 18px;font-weight: bold;color: #343434;margin-bottom: 10px;width:130px!important;line-height: 24px;}
.banner .description{margin-top:5px;font-size: 12px;width: 150px;line-height:1.4;}
.banner .left a{margin-top: 106px;height: 30px;width: 100px;background-color: #fff;border-radius: 19px;line-height: 30px;font-size: 12px;}
.banner .left a{margin-top: 18px;}
.msg{width: 100%;margin: 30px auto 15px;padding: 0 15px 0px;line-height: 1;box-sizing: border-box;overflow:hidden;}
.msg ul{padding: 0;display: block;}
.msg li{max-width: 50%;text-align: center;float: left;width: 50%;margin-bottom:15px;}
.msg li .icon.iconfont{font-size: 30px;margin-bottom: 16px;}
.msg li .text{font-size: 16px;}
.msg li .description{font-size: 12px;line-height: 18px;color: #666;margin-top: 12px;text-align: center;width: 100%;}
.msg li .description span{display: block;text-align: center;}
.address{margin-bottom:80px;width: 100%;padding: 0 15px 0;box-sizing: border-box;}
.address .bg{width:100%;overflow:hidden;}
.address .bg img{width: 200%;margin-left: -50%;}
.address .build{position: absolute;left: 10%;top: 18%;border-radius: 5px;width: 220;height: 60px;color: #fff;font-size: 14px;line-height: 20px;background: #4370fe;padding: 12px 12px;box-sizing: border-box;text-align: center;box-shadow: 0px 5px 32px 0px rgba(67, 112, 254, 0.45);animation: mover 0.9s linear 0s alternate infinite;}
@keyframes mover{0%{transform: translate3d(0,-5px,0);top: 18%;}
50%{transform: translate3d(0,0px,0);top: 15.5%;}
100%{transform: translate3d(0,5px,0);top: 18%;}}
.report .content{width: 100%;padding: 0 15px 0;box-sizing: border-box;}
.title{font-size: 20px;}
.report .left{padding-top: 25px;width: 100%;float: none;}
.report .input input{width: 32%;height: 30px;margin-right:2% !important;}
.report .input input:nth-child(3){margin-right:0px !important;}
.report .input{margin-bottom: 15px;}
.report .input textarea{height: 140px;}
.report .submit{width: 130px;height: 34px;border-radius: 4px;line-height: 34px;font-size: 14px;margin-top: 6px;}
.report .submit .icon.iconfont{padding-left: 16px;font-size: 15px;}
.report .right{float: none;padding-top: 33px;}
.report .company{font-size: 18px;padding-right: 0px;margin-bottom: 24px;}
.report .company::before{height: 4px;}
.report .message .icon.iconfont{font-size: 22px;}
.report .message{width: 100%;padding-left: 30px;font-size: 16px;line-height: 16px;margin-bottom: 20px;}
.footer .footer_nav ul{display: block;overflow:hidden;width: 100%;margin: 0 auto;padding: 15px 0;}
.footer .footer_nav ul li{float:left;text-align:left;width:25%;margin:5px 0;}
.footer .footer_nav li a{font-size: 14px;}
.footer .message{width: 100%;padding:0 15px;box-sizing:border-box;}
.footer .message ul{display: block;}
.footer .footer_nav{width: calc(100% - 30px);margin: 0 auto 30px;border-bottom: 1px solid #747474;line-height: 1;}
.footer .message li .li-title{font-size: 14px;line-height: 1;margin-bottom: 10px;}
.footer .message li .text{font-size: 14px;}
.footer .message li:last-child{text-align:center;}
.footer .link{width: 100%;margin: 20px auto 0;color: #fff;padding: 0 15px;box-sizing: border-box;}
.footer .beian{padding: 0 15px;margin:15px auto;box-sizing: border-box;width: 100%;}
.footer{overflow: hidden;padding-bottom: 40px;}
.introduction{width: 100%;margin: 30px auto 15px;padding: 0 15px 0px;line-height: 1;box-sizing: border-box;overflow:hidden;}
.introduction .text{font-size: 14px;line-height: 24px;margin-bottom: 20px;}
.culture .core-value{position: relative;right: 0;top: 0;height: auto;width: calc(50% - 15px);box-shadow: 0px 4px 65px 0px rgba(52, 52, 52, 0.08);background-color: #fff;padding: 15px;box-sizing: border-box;z-index: 1;float: right;margin-right: 15px;}
.culture .cultural-concept{position: absolute;bottom: 0;right: 0;width: calc(50% - 15px);height: auto;background-color: #fff;box-shadow: -50px 4px 65px 0px rgba(52, 52, 52, 0.08);padding: 15px;box-sizing: border-box;z-index: 1;left: 15px;}
.culture .text{font-size: 20px;}
.culture .description{font-size: 12px;line-height: 24px;margin-top: 18px;text-align: left;}
.culture .content{position: absolute;top: 15px;left: 50%;transform: translateX(-50%);width: 100%;height: auto;}
.culture .img{display:none;}
.culture{height:340px;margin-bottom: 40px;}
.history{width:100%;padding:0 15px;box-sizing:border-box;}
.history ul{position: relative;margin-top: 40px;padding: 0 0 50px;}
.history .left{width: 45%;display: inline-block;float: left;padding: 0;box-sizing: border-box;margin-top: -5px;}
.history .text{padding: 10px;font-size: 12px;line-height: 20px;border-radius: 4px;}
.history .right:before{left: 0;width: 8px;height: 8px;top: 5px;}
.history .right{padding-left: 24px;font-size: 16px;font-weight: bold;margin-left: 16px;}
.history li:nth-child(2n) .left{padding-left: 0;padding-right: 0;}
.history li:nth-child(2n) .right{padding-right: 24px;padding-left: 0;margin-right: 21px;}
.history li{margin-bottom: 40px;}
.history .more{bottom:20px;}
.banner .left .text{font-size: 18px;font-weight: bold;color: #343434;margin-bottom: 10px;width: 54%;line-height: 24px;}
.banner .left{width:auto;}
.case{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;}
.case .wrapper li{float: left;line-height: 32px;font-size: 16px;border-radius: 18px;margin-right: 0;width: 50%;text-align: center;}
.case .case-lists li{margin-right:0 !important;width:100%;margin-bottom:15px;}
.case .case-lists .pic{position: relative;width: 100%;height: auto;}
.case .paging li{display: inline-block;width: 30px;height: 30px;line-height: 30px;margin-right: 2px;}
.case .paging li a{font-size:14px;width:30px;height:30px;}
.case .paging{text-align: center;margin-top: 20px;margin-bottom: 20px;}
.details{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;}
.marketing-detail-l{width:100%;margin-bottom:60px;height: auto;}
.marketing-detail-r{width:100%;}
.marketing-detail-pad{width: 100%;margin: 15px auto 0;padding:0 15px;box-sizing:border-box;}
.marketing-detail-l ul li{width:100%;}
.marketing-detail-l ul li img{width:100%;}
.swiper-container{padding-top: 0;}
.marketing-detail-tit strong{font-weight: normal;font-size: 24px;}
.marketing-detail-r-tit{padding-bottom: 14px;border-bottom: 1px solid #e6e5e5;}
.marketing-detail-r-k strong{height: 30px;line-height: 30px;font-size: 18px;margin-top: 30px;font-weight: bold;}
.marketing-detail-r-k p{font-size: 14px;line-height: 24px;margin-top: 18px;}
.marketing{margin-top: 30px;margin-bottom: 30px;}
.points{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;}
.points .left{padding-right: 0;width: 100%;margin-bottom: 15px;}
.points .right{width: 100%;}
.points .text{font-size: 18px;}
.solution{width:100%;padding:30px 15px;box-sizing:border-box;}
.solution .content{width:100%;}
.solution .left{width: 100%;height: auto;padding-top: 30px;padding-bottom: 30px;margin-bottom:30px;float:none;}
.solution .left ul{display: inline-block;padding-top: 28px;text-align: left;}
.solution .left li{position: relative;font-size: 14px;color: #666;height: 20px;line-height: 20px;margin-bottom: 20px;cursor: pointer;width: 50%;float: left;box-sizing: border-box;padding-left: 30px;}
.solution .left li::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 15px;width: 10px;height: 2px;}
.solution .right{position: relative;width: 100%;height: auto;padding: 40px 15px 15px;margin-left: 0;float: none;}
.layui-btn, .layui-edge, .layui-inline, img{vertical-align: middle;width: 100%;}
.solution .right li{width: 100%;position: static;}
.solution .right .dot{position: absolute;left: 15px;top: 15px;}
.solution .right .dot span{width: 8px;height: 8px;border-radius: 50%;margin-right: 3px;}
.competitiveness{width:100%;padding:0 15px;box-sizing:border-box;padding-top:30px;}
.competitiveness ul{display: block;margin-top: 30px;}
.competitiveness li{position: relative;margin-bottom:15px;width: 100%;height: auto;padding: 15px;box-sizing: border-box;}
.competitiveness li .icon img{width:10%;}
.competitiveness li .text{margin-top: 24px;}
.belongs{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;}
.belongs .left{width: 100%;float: none;}
.belongs .right{position: static;width: 100%;background-color: #fff;z-index: 1;height: auto;float: none;}
.belongs .right .content{width: 100%;float: none;}
.lb_gl{margin-bottom: 30px;height: auto;}
.poster-item{width:230px;height:250px;}
.pictureSlider{height:250px;}
.belongs .player{display:none;}
.value{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;}
.value ul{margin-top: 30px;display: block;}
.value li{position: relative;width: 100%;height: auto;padding: 15px;box-sizing: border-box;}
.standard{width: 100%;box-sizing: border-box;height:auto;margin-top: 30px;padding: 50px 15px;}
.standard .content{width: 100%;}
.standard .title{margin-bottom: 30px;margin-top: 30px;}
.standard ul{display:block;overflow:hidden;}
.standard ul li{width:50%;float:left;margin-bottom:30px;}
.standard .number span{font-size: 38px;}
.service-process{width: 100%;box-sizing: border-box;height:auto;margin-top: 30px;padding: 0px 15px;}
.service-process ul{margin-top: 10px;display: block;overflow:hidden;padding-top:20px;padding-bottom:30px;}
.service-process li{width: 31.33%;text-align: center;float: left;margin-bottom: 30px;margin-right:3%;}
.service-process li:nth-child(3n){margin-right:0px;}
.service-process .text{font-size: 14px;color: #343434;margin-top: 15px;}
.service-process .img-div{width: 40px;height: 40px;line-height: 40px;margin:0 auto;}
.service-process .img{width: 100%;height: auto;padding: 30px 0;box-sizing: border-box;line-height: 150px;text-align: center;box-shadow: 0px 0px 39.56px 3.44px rgba(209, 221, 251, 0.39);border-radius: 10px;transition: transform 0.8s;text-align: center;}
.report .logo1{margin-top: 30px;width: auto;}
.marketing{width:100% !important;padding:0 5px !important;box-sizing:border-box !important;}
.marketing li{width: 48%;height: auto;border-radius: 10px;padding: 10px;margin-bottom: 30px;}
.marketing li:nth-child(2n){float:right;}
.marketing li .right{width: 100%;padding-top: 5px;}
.marketing ul{margin-top: 40px;}
.marketing li .icon.iconfont{width: 26px;height: 26px;font-size: 26px;display: block;margin-bottom: 10px;}
.problem{position: relative;width: 100%;margin-top: 30px;height: auto;background-color: #f5f6fa;}
.problem .bg{display:none;}
.problem .content{padding: 30px 15px;position: static;top: 0;left: 50%;transform: inherit;width: 100%;line-height: 1;box-sizing: border-box;}
.problem ul{margin-top: 30px;}
.problem li{position: relative;width: 100%;line-height: 24px;font-family: "ƻ��";font-size: 14px;color: #343434;padding-left: 20px;margin-bottom: 24px;transition: all 0.3s;box-sizing: border-box;}
.problem li:after{width: 8px;height: 8px;left: 5px;top: 8px;}
.problem li:before{top: 4px;width: 16px;height: 16px;left:1px;}
.entire{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;}
.entire ul{margin-top:30px;}
.entire li{float:left;width:48%;height:auto;margin-bottom:30px;padding: 10px;}
.entire li:nth-child(2n){float:right;}
.entire .text{font-size: 16px;}
.entire .pic{display: inline-block;width: 22px;height: 22px;line-height: 22px;margin-right: 2px;}
.entire .li-head{margin-bottom: 15px;}
.entire .description{margin-top: 15px;}
.effect{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;}
.effect .content{margin-top: 30px;}
.effect .right{padding-top: 30px;width: 100%;float: right;}
.effect .right li{height: 76px;line-height: 30px;color: #343434;font-size: 16px;border-radius: 6px;padding: 15px;margin-bottom: 20px;}
.effect .right li .icon.iconfont{padding-right: 15px;font-size: 18px;}
.different{margin-top: 30px;margin: 30px auto 0;padding: 30px 15px;box-sizing: border-box;}
.different .content{width: 100%;}
.different .content ul{margin-top: 30px;padding-bottom: 30px;}
.different .content ul li{width:100%;}
.different ul li .left{width:31%;}
.different ul li .right{width:69%;}
.advantage{width:100%;padding:0 15px;box-sizing:border-box;margin-top:30px;margin-bottom:30px;}
.advantage .content{margin-top: 30px;display: block;}
.advantage .content .left, .advantage .content .right{width: 100%;border: 1px solid #e5e5e5;}
.advantage .content .div_title{height: 60px;font-size: 20px;line-height: 60px;}
.advantage .content ul{padding: 0 15px;}
.advantage .content li{padding-top: 15px;height: auto;padding-bottom: 15px;}
.advantage .content li .text{font-size: 16px;margin-bottom: 22px;}
.advantage .content li .description{font-size: 14px;line-height: 22px;}
.advantage .content .center > div{transform: inherit;text-align: center;margin: 0 auto;}
.advantage .content .center{width: 30%;display: block;margin: 15px auto;}
.data .content{position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 0 15px;box-sizing: border-box;}
.data .content ul .number{font-size: 36px;}
.data .content ul .text{margin-top: 10px;font-size: 14px;}
.data .content ul:first-child{margin-bottom: 40px;}
.data{height: 330px;}
.data .content ul sup{font-size: 16px;}
.process{line-height: 1;width: 100%;padding: 15px;background-color: #e7eefe;}
.process img{width: 154%;margin-top: 30px;margin-left: -31%;}
.banner .swiper-slide .description{font-size: 14px;line-height: 22px;}
.banner .left .text{font-size: 16px!important;margin-bottom: 4px;width:55%;}
.banner .brand{font-size: 12px;bottom: 10px;left: 10px;}
.banner .swiper-slide .left{left: 10%;top: 26%!important;}
.banner .paging{display:none;}
.banner .swiper-slide .right{top: 25%;right: 5%;width: 35%;}
.banner .swiper-slide .left a{position: relative;display: inline-block;margin-top: 30px;font-size: 14px;color: #17a1a6;padding: 0 19px;line-height: 30px;background:none;}
.banner .swiper-slide .left a:before{height: 30px;width: 30px;}
.banner .swiper-slide .left a:hover:before{width: 70%;}
.service{width: 100%;box-sizing:border-box;padding: 30px 15px 0;line-height: 1;margin: 0 auto;}
.service .content{margin-top: 30px;}
.service .content ul{display: block;}
.service .content ul li{width:48%;float:left;margin-bottom:30px;padding: 15px;height:auto;margin:2px;}
.service .content ul li:nth-child(2n){float:right;}
.service .content ul li:nth-child(2n+1){clear:both;}
.service li:hover, .service li.active{transform: translateY(-15px);}
.service li .text{font-size: 16px;margin-bottom: 15px;}
.service li .icon.iconfont{font-size: 32px;margin-bottom: 28px;}
.core{position: relative;margin-top: 30px;width: 100%;box-sizing: border-box;padding: 30px 15px;}
.core .right-pic{display:none;}
.core .content{width: 100%;}
.core ul{margin-top: 30px;width: 100%;}
.core li{height: auto;border-radius: 10px;margin-bottom: 26px;cursor: pointer;overflow: hidden;width: 100%;overflow: hidden;}
.core li .left{position: relative;text-align: center;line-height: 36px;margin: 15px 15px 0 15px;width: 36px;height: 36px;border-radius: 50%;background-color: #dcf5e3;top: 0;transform: translateY(0%);}
.core li .right{width: 100%;padding: 15px;box-sizing:border-box;}
.core li .right .text{font-size: 18px;margin-bottom: 8px;}
.case .wrapper{margin-top:30px;}
.case .case-lists{margin-top: 30px;}
.about{margin-top: 30px;}
.about .content{width:100%;padding:0 15px;box-sizing:border-box;}
.about .content .left{width: 100%;padding: 15px;box-sizing: border-box;}
.about .title{width: 100%;font-size: 24px;line-height: 40px;margin-bottom: 10px;}
.about .text{font-size: 14px;color: #666;line-height: 24px;width: 100%;text-indent: 2em;margin-bottom: 20px;}
.about .extra{float: left;width: calc(100% - 30px);position: static;right: 0;bottom: 0;margin: 15px 15px;}
.about .bottom{margin-top: 20px;}
.about .bottom img{float: right;width: 40%;}
.partner{width: 100%;margin: 30px auto;padding: 0 15px;box-sizing: border-box;}
.partner li{position: relative;width: 50%;height: 100px;}
.partner li img{max-width: 70%;max-height: 70%;}
.partner .title{margin-bottom: 30px;}
.menu-footer{position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on{-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer{width:100%;height:45px;line-height:45px;text-align:center;background:#353535;font-size:0;}
.menu-footer a{position: relative;float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover{color:#fff;}
.menu-footer a ~ a:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}
@font-face{font-family:'iconfont';src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;}
.icon-dou{-webkit-animation: sh-shake 2s ease infinite;animation: sh-shake 2s ease infinite;}
@-webkit-keyframes sh-shake{0%, 25%, 100%{-webkit-transform: translateY(0)}
3%, 9%, 15%{-webkit-transform: translateY(-3px)}
6%, 12%, 20%{-webkit-transform: translateY(3px)}}
@keyframes sh-shake{0%, 25%, 100%{-webkit-transform: translateY(0);transform: translateY(0)}
3%, 9%, 15%{-webkit-transform: translateY(-3px);transform: translateY(-3px)}
6%, 12%, 20%{-webkit-transform: translateY(3px);transform: translateY(3px)}}
#menu-footer{display:block;}}
