@charset "utf-8";
.prozt-banner.sy-banner .swiper-container {width:100%; position:relative;}
.prozt-banner.sy-banner .swiper-slide{ overflow:hidden;width:100%;}
.prozt-banner.sy-banner .swiper-container .swiper-button-next,
.prozt-banner.sy-banner .swiper-container .swiper-button-prev{width: 53px;height: 134px;background: url('../images/proztimg/prozt-icon1.png') no-repeat;}
.prozt-banner.sy-banner .swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{ display:none;}
.prozt-banner.sy-banner .swiper-container .swiper-button-prev{top:350px!important;left:0!important; background-position:left top;}
.prozt-banner.sy-banner .swiper-container .swiper-button-next{top:350px!important;right:0!important; background-position:right top;}
.prozt-banner.sy-banner .swiper-container .swiper-pagination{ bottom:23px!important;}
.prozt-banner.sy-banner .swiper-container .swiper-pagination-bullet{width: 15px;height: 15px;}
.prozt-banner.sy-banner .swiper-container .swiper-pagination-bullet-active{ background:#F08346;}
.prozt-banner.sy-banner .swiper-container img{ height:100%;width:100%;position:relative; left:0%;}
.prozt-banner.sy-banner .swiper-container a{height:100%;width:100%;position:relative; left:0%;display:block;}
.navbar-header .logo img{height:60px;}
@media (max-width: 1500px){
.prozt-banner.sy-banner .swiper-container {width:100%;}
.prozt-banner.sy-banner .swiper-container .swiper-button-prev{top:calc(25vw - 47px)!important;left:0!important; background-position:left top;}
.prozt-banner.sy-banner .swiper-container .swiper-button-next{top:calc(25vw - 47px)!important;right:0!important; background-position:right top;}
}
@media (min-width: 1420px){
.navbar-header .logo{background:url('../images/logo.jpg') 15px center no-repeat;width: 520px;padding-left:15px;}
}
@media (max-width: 1420px) and (min-width:800px){
.navbar-header .logo{width: 170px;padding-left:15px;}
}
@media (max-width: 800px) and (min-width:768px){
.navbar-header .logo{width: 160px;padding-left:15px;}
.navbar-header .logo img{height:60px;padding-top: 0px;}
.nav>li>a { padding: 20px 13px;}
}
@media (max-width: 768px){
.navbar-header { height:60px!important;}   
.navbar-header .logo{width: 160px;padding-left:15px;padding-right: 0;}
}
@media (max-width: 1420px){
.prozt-banner.sy-banner .swiper-container {width:100%;height:42vw; position:relative; min-width:100%;}
.prozt-banner.sy-banner .swiper-slide{}
.prozt-banner.sy-banner .swiper-container .swiper-button-prev{top:250px!important;left:0!important; background-position:left top;}
.prozt-banner.sy-banner .swiper-container .swiper-button-next{top:250px!important;right:0!important; background-position:right top;}
.prozt-banner.sy-banner .swiper-container .swiper-pagination{ bottom:3px!important;}
.dropdown-menu .box{background: rgba(38, 43, 55, 0.95);position: fixed;left: 0;right: 0;top: 60px;min-height: 500px; padding-left:10%;}
.dropdown-menu .menu-box1{width:15%; margin-left:2%;}
}
@media (max-width: 1220px){
.body-container .consultation-list .item{ width:70%; margin:0 auto 5vw; float:none;}  
.body-container .consultation-list .item:last-child{ margin-bottom:0;}
.logo_box {width: 33.33%;}  
.cooperation{ height:auto!important;}
.data .data-content{width:100%; height:auto!important;} 
.body-container .news-list .list{width:100%; height:auto!important;} 
.body-container .news-list .item { width:70%; margin:0 auto; float:none;}
.body-container .news-list .item .items{ width:100%; float:none;}
.body-container,.footer{min-width:100%;}
.body-container .consultation-list{width:100%; margin-bottom:0;}
.body-container .consultation-list .item .cover img {width: 80%;margin: 5% 10% 0;}
.footer{ padding-left:0px;box-sizing: border-box;}
.footer .w{  padding-left:2%;}
.footer .server-group {margin: 60px 0 0 25vw;}
.footer .link-list{ height:auto;min-height: 26px;}
.bgbox{background: url("../images/shixbeijing.jpg") center top;height:100vh;height:1000px\9;width:100%;position: fixed;top: 85px;left: 50%;z-index: -1;margin-left: -50%;}
.body-container .news-list .item .items .cover{ height:auto;}
.prozt-banner.sy-banner .swiper-container .swiper-pagination-bullet{width: 10px;height: 10px;}
}

@media (max-width: 1020px){
.prozt-banner.sy-banner .swiper-container .swiper-button-prev{top:calc(25vw - 47px)!important;}
.prozt-banner.sy-banner .swiper-container .swiper-button-next{top:calc(25vw - 47px)!important;}
.body-container .consultation-list .item{ width:70%; margin:0 auto 5vw; float:none;} 
.body-container .consultation-list .item .cover img {width: 80%;margin: 5% 10% 0;}
.body-container .consultation-list .item:last-child{ margin-bottom:0;}  
.logo_box {width: 33.33%;}  
.body-container .news-list .item{ width:70%; margin:0 auto; float:none;}
.footer{ padding-left:10px;}
.footer .server-group {margin: 60px 0 0 20vw;}
.footer .server-list{ padding-left:0px;box-sizing: border-box;}
}
@media (max-width: 900px) and (min-width:768px){
.dropdown-menu .box{padding-left:2%;}
.dropdown-menu .menu-box1{width:20%; margin-left:2%;}
}
@media (min-width: 768px){
.dropdown-menu .box{background: rgba(38, 43, 55, 0.95);}
.footer .hr { margin: 1rem 0 20px 0; margin: 10px 0 20px 0;}
.footer .server-list .item.first {margin: 0 0 1rem 0;margin: 0px 0 10px 0;}
}
@media (max-width: 768px){
.prozt-banner.sy-banner .swiper-container .swiper-button-prev{top:calc(25vw - 47px)!important; display:none;}
.prozt-banner.sy-banner .swiper-container .swiper-button-next{top:calc(25vw - 47px)!important; display:none;}
.body-container .consultation-list .item{ width:80%; margin:0 auto 5vw; float:none;} 
.body-container .consultation-list .item .cover img {width: 100%;margin:0;}
.body-container .consultation-list .item:last-child{ margin-bottom:0;} 
.logo_box {width: 50%;} 
.logo_box .top img {width: 70%;}  
.logo_box .bottom p{font-size: 12px;width: 90%;}
.logo_box .bottom p span {font-size: 14px;}
.body-container .news-list .item{ width:80%; margin:0 auto; float:none;}
.footer .aohuan {float:none;text-align: center;margin: 5rem 0 0 0;}
.footer .aohuan .foot-logo{ margin:0 auto;}
.footer .server-group {margin:5rem 0 0 0;}
.footer{ padding-left:0px;}
.footer .server-list:nth-child(3) {/*width: 20%;*/}
.footer .server-list .item a{ font-size:12px;}
.footer .server-group {display: flex; flex-direction: row;justify-content:space-between;align-items:flex-start; padding-right:2%; }
.footer .server-list{ width:auto;}
.footer .copy{height:auto!important;}
.link-list{ display:none;}
.body-container .mark1,.body-container .mark5{ font-size:20px;}
.body-container .about-content {padding: 3rem 0 0 0;}
.body-container .mark5{ padding-bottom:3rem;}
.body-container .consultation-list .item .in{ margin-right:0%;}
.data-content h2,.data-content h3 { font-size: 28px;}
.data-content h3 {margin-bottom: 10px;}
.data .data-item_header {font-size: 32px;}
.data .data-list{ display:block;}
.data .data-item{ width:50%!important; float:left;}
.tk-bd { width:87%; height: 175px;margin:0;margin-top: -80px; left:5%;padding-top: 20px; display:none!important;}
.tk-bd img {top: -6px;}
.dropdown-menu .box{position: relative;}
.dropdown-menu .menu-box1{width:90%; margin-left:2%;}
.dropdown-menu .box{background: #fff; top: 0px; padding-left:0;}
}
/*定制*/
@media (max-width:1220px){
.body-container .custom-fl1,.body-container .custom-fl2,.body-container .custom-fl3,.body-container .custom-fl4,.body-container .custom-fl5,.body-container .custom-fl6{ padding:0;}
.body-container .custom-mark1 {font-size: 22px;margin: 0px 0 30px 0;padding-top: 30px;}
.body-container .custom-mark2 {margin: 0px 0 1rem 0;padding: 0 2rem;}
.body-container .custom-fl1 .cover {padding: 20px 0 2rem 0;}
.body-container .custom-fl2 .cover {padding: 20px 0 3rem 0;}
.body-container .custom-fl4 .cover {padding: 20px 0 3rem 0;}
.body-container .custom-fl3 .custom-list{ width:100%;}
.body-container .custom-fl5 .case5-list{width:100%!important;}
.body-container .custom-fl5 .case5-list:after{display: table; content: " ";clear: both;}
.body-container .custom-fl5 .case5-list .item .enlarge {opacity: 1;left: auto; right:0;}
.body-container .custom-fl5 .case5-list .item:hover .enlarge { opacity: 1;left: auto; right:0;}
.body-container .custom-fl5 .w {height: auto;}
.body-container .custom-fl6 .fl6-list {width:100%;}
.body-container .custom-fl6 .fl6-list .item .in{ margin-right:0;}
.body-container .custom-fl6 .fl6-list .item img{ width:100%;}
.body-container .cooperation .link-logo-list{width:100%!important;}
.body-container .cooperation .link-logo-list .item{ width:50%;}
.body-container .custom-fl3 .custom-list .item {float: left;width: 40%; margin:1rem 5% 5rem;}
.body-container .custom-fl5 .case5-list .item{float: left;width: 40%; margin:1rem 5% 5rem;}
.body-container .custom-fl6 .fl6-list .item{float: left;width: 40%; margin:1rem 5% 5rem;}
}
@media (max-width: 1220px) and (min-width:768px){
.body-container .cooperation .link-logo-list .item{ width:33%;}
.body-container .cooperation .link-logo-list .item,.body-container .cooperation .link-logo-list .item .in,.body-container .cooperation .link-logo-list .item .in .in-body{ height:18vw;}
.body-container .cooperation .link-logo-list .item .in .in-body img {width: 112%;}
.body-container .cooperation .link-logo-list .item .in .in-body {top: -18vw;}
.body-container .cooperation .link-logo-list .item .in .in-body.active {top: 1vw;}
}
@media (max-width: 768px){
.body-container .custom-fl3 .custom-list .item {float: none;width: 80%; margin:1rem auto 5rem;}
.body-container .custom-fl3 .custom-list .item .in{ margin:0;}
.body-container .custom-fl5 .case5-list .item{float: none;width: 98%; margin:1rem auto 5rem;}
.body-container .custom-fl5 .case5-list .item .in .cover{ height:auto;}
.body-container .custom-fl6 .fl6-list .item{float: none;width: 80%; margin:1rem auto 5rem;}
.body-container .cooperation .link-logo-list .item,.body-container .cooperation .link-logo-list .item .in,.body-container .cooperation .link-logo-list .item .in .in-body{ height:28vw;}
.body-container .cooperation .link-logo-list .item .in .in-body {top: -28vw;}
.body-container .cooperation .link-logo-list .item .in .in-body.active {top: 1vw;}
}
/*解决方案*/
.produce .fl2 .fl2-list{ width:auto;}
.fl2-list ul{ width:100%; margin:3rem auto;}
.fl2-list ul li{width: 24%;margin: 0.5%;float:left;display: flex;flex-direction: row;justify-content:flex-start;align-items:center;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 2rem;}
.fl2-list ul li div{ padding-left:2rem;}
.fl2-list ul li img{ height:68px;}
.fl2-list ul li .text1{margin: 0 0 0 0px; color: #ff7000; font-size: 16px; margin-bottom: 3px;}
.fl2-list ul li .text2{margin: 0 0 0 0px; color: #333; font-size: 16px; margin-bottom: 3px;}
.fl2-list ul li .text3{margin: 0 0 0 0px; color: #999; font-size: 14px;}
@media (max-width:1220px){
.produce {min-width:auto;max-width:100%;}
.cp-banner {min-width:auto;max-width:100%;}
.produce .fl1 .name-list .name-item{width: 42.5%;margin-left: 5%; position: relative; z-index: 1; box-shadow:none; border: 1px solid #ff7000; margin-top:-15px; margin-bottom:5rem;}
.produce .fl1 .name-list .name-item.active{width: 42.5%;}
.produce .fl1 .name-list .name-item:nth-child(1) {margin-left: 5%;}
.produce .fl1 .name-list .name-item:nth-child(3){ clear:both;}
.produce .fl1 .name-list:after,.produce .fl1:after{display: table; content: " ";clear: both;}
.produce .fl1{ height:auto;}
.produce .fl1 .name-list .name-item .top.s1{background-color: #ff7000; height: 185px;}
.produce .fl1 .name-list .name-item .top .icon{padding: 55px 0 0 0;}
.produce .fl1 .name-list .name-item .top .icon1{display: none;}
.produce .fl1 .name-list .name-item .top .icon2{display: inline-block;}
.produce .fl1 .name-list .name-item .top .text{color: #fff;}
.produce .fl1 .name-list .name-item .bottom{height: auto;min-height: 470px;/**height: 390px;**/}
.produce .fl1 .name-list .name-item .bottom .bottom-list1{display: none;}
.produce .fl1 .name-list .name-item .bottom .bottom-list2{display: block;}
.fl2-list ul li{width: 32.3%;margin: 0.5%;}
}
@media (max-width: 768px){
.produce .fl1 .name-list .name-item,.produce .fl1 .name-list .name-item.active {width: 90%;}
.fl2-list ul{padding-left: 0.5%;margin: 0rem auto;}
.fl2-list ul li{width: 30%;margin: 1.5%; display:block;text-align: center;padding: 2rem 0;}
.fl2-list ul li div {padding-left: 0;padding-left: 0rem;text-align: center;}
.fl2-list ul li img {height: 50px;margin: 0 auto;}
.produce .fl1 .name-list .name-item:nth-child(4) { margin-bottom:0;}
.produce .fl2 {padding: 4rem 0 6rem;}
}
/*案例*/
@media (max-width:1220px){
.body-container .case-group .case-list{max-width: 100%;margin: 5rem auto 3rem;width: 80%;text-align: center;}
.body-container .case-group .case-list .item {float: none;width: 46%;margin-left: 2%;max-width: 377px;display: inline-block;text-align: left;}
.body-container .case-group .case-list .item .in{ margin:0;}
.body-container .case-group .case-list .item .in .cover img{ height:auto!important;}
.body-container .case-banner {height: 33vw;}
.body-container .case-banner .w {line-height: 33vw;font-size: 20px;background-size: cover;padding-left: 5vw;}
}
@media (max-width: 768px){
.body-container .case-group .case-list{width: 90%;}
.body-container .case-group .case-list .item {width: 100%;margin-left: 0;max-width: auto;}
.body-container .case-details .img-list{height:auto!important;padding-bottom: 10rem;margin: 0;}
.body-container .case-details .img-list .btns.prev,
.body-container .case-details .img-list .btns.next{margin-top: 0;line-height: 5;top: 100%;transform: translateY(-100%);background: #fff;}
.body-container .case-details .img-list .btns.prev:hover,.body-container .case-details .img-list .btns.next:hover{background: #fff;}
.body-container .case-details .img-list .btns.prev::after{position: absolute;content:'上一篇';left: 20%;bottom:0;display:block;width: 48px;height: 91px;z-index: 10;}
.body-container .case-details .img-list .btns.next::after{position: absolute;content:'下一篇';right: 20%;bottom:0;display:block;width: 48px;height: 91px;z-index: 10;}
}
/*关于我们*/
.body-container .contact-us .honor-mark.honor3{ font-size:18px;}
@media (max-width:1220px){
.body-container .about-banner{background: url(../images/about_bannersm.jpg) no-repeat center center;}
.details-banner,.body-container .about-banner{ height:33vw;background-size: cover;width: 100%;overflow: hidden;min-width: auto;}
.body-container .about-content .content,.body-container .contact-us{ padding:0 2%;}
.body-container .contact-us .imgs-list img {max-width: 100%;}
.haoping-content li {width: 22%;height: 26%;margin: 2% 1.5%;}
.haoping-content li:nth-child(5n+1) {margin: 2% 1.5%;}
.haoping-content li img {height:41vw;}
.haoping-content li h5{margin:0;}
.body-container .add-us .pos-list{ padding:0 2%;}
.body-container .contact-us .other-list {float: left;}
.body-container .contact-us .other-list .plus{ display:none;}
.body-container .more-case{ padding-top:3rem;}
.body-container .about-content .content{ margin-bottom:4rem;}
.body-container .contact-us .honor-mark.honor3{ font-size:14px; width:100%; padding:0 10px;box-sizing: border-box;}
}
@media (max-width: 768px){
.body-container .about-content .nav-list{display: flex; flex-direction: row;justify-content:space-around;align-items:center; width:100%;box-sizing: border-box;margin-bottom: 2rem;}
.body-container .about-content .nav-list a {height: 40px;line-height: 40px; font-size:14px;}
.haoping-content li {width: 44%;height: 50%;margin:4% 3%;}
.haoping-content li:nth-child(5n+1) {margin:4% 3%;}
.haoping-content li h5{display: flex; flex-direction: row;justify-content:space-around;align-items:center;line-height: 1.5; margin:0;}
.body-container .add-us .position {overflow: hidden;margin: 2rem 0 4rem;padding: 0 0 3rem 0;}
.body-container .add-us .position .item img{ max-width:90%;}
.body-container .add-us .pos-list table tr{display: flex;width: 100%;flex-direction: column;}
.body-container .add-us .pos-list table td{width: 100%;margin: 0 0 3rem;}
.body-container .add-us .pos-list table td.center {display: none;}
.body-container .add-us .pos-list table td.space {display: none;}
.body-container .contact-us .parts-list{width: 100%;}
.body-container .contact-us .parts-list > .item{margin:0 0 1rem;}
.body-container .contact-us .parts-list .item .cover{float: none;width: 100%;height: 100%; text-align:center;}
.body-container .contact-us .parts-list .item .cover img {max-width: 100%;}
.body-container .contact-us .parts-list .item .text{margin:2rem 0 0;}
.body-container .contact-us .other-list {float: left;margin:2rem 0 0;}
.body-container .about-content .content img {margin: 0 0 2rem 0;}
.body-container .about-content .content .label {display: block;padding: 2rem 0 3rem;font-size: 20px;}
.haoping-title img {width: 100%!important;height: auto!important;}
.haoping-title{ margin-bottom:2rem;}
.haoping-title h3{ font-size:24px;}
}
/*小程序*/
.applet .bt {margin:0 0 8rem;}
.applet a { text-decoration:none;}
.applet .bt .title{text-align: center; font-size: 30px; margin: 8rem 0 0 0;}
.applet .bt  span{color: #ff7000;}
.applet .bt .info { text-align: center; line-height: 24px; font-size: 16px; color: #666; margin: 2rem 0 0 0; }
.alet{ padding:1px 0 8rem;text-align: center;}
.alet.bg{background: #f4f4f4;}
.alet img{max-width:100%;width:auto;}
.alet.go{background: url(../images/appletip07bg.jpg) no-repeat center bottom; padding:1px 0 4rem;}
.alet.go .bt .title{font-size: 26px;}
.alet .pc{ display:block;}  
.alet .wap{ display:none;}  
@media (max-width: 1220px){
.cp-banner.zt {height:33vw;background-size: cover;width: 100%;overflow: hidden;min-width: auto;}
.cp-banner.zt img{width: 127vw;height:33vw;position: relative;left: -13.5vw;}
.cp-banner.zt {height: 45vw;}
.cp-banner.zt img {width: 173vw;height: 45vw;position: relative;left: -36.5vw;}
.cp-banner.xls-banner img {width: 154vw;height: 45vw;position: relative;left: -27vw;}
.cp-banner.applet-banner img {width: 154vw;height: 45vw;position: relative;left: -28vw;}
.cp-banner.advantage-banner img {width: 173vw!important;height: 45vw;position: relative;left: -20vw;}
}
@media (max-width: 768px){
.alet .pc{ display:none;}  
.alet .wap{ display:block;} 
.applet .bt {margin:0 0 4rem;}
.applet .bt .title{ margin: 4rem 0 0 0;font-size: 24px;}
.alet{ padding:1px 0 4rem;}
.applet .bt .info {font-size: 14px;}
.alet.go .bt .title{font-size: 16px;width: 80%;margin: 0 auto;position: relative;margin-top: 4rem;}
.alet.go {background-size: 1000px;}
}
/*优势*/
.advant{width:100%; display:block;overflow: hidden;}
.advant img{width:100%; display:block;}
@media (max-width: 1220px){
.body-container .youshi{ width:100%;display: flex; flex-direction: row;justify-content:flex-start;align-items:center; flex-wrap: wrap; background:#fff;}
.body-container .youshi li{ width:50%!important;}
}
@media (max-width: 768px){
.advant{width:100%; display:block;}
.advant img{width: 140%;display: block; left: -20%;position: relative;}

.body-container .youshi .item .cover{padding-top: 20vw;}
.body-container .youshi .item .cover .opc{ display:block;}
.body-container .youshi .item .cover .top-v{top: calc(45px + 10vw);font-size: 14px;line-height: 1;color: #333;}
.body-container .youshi .item .cover .left-v{ left:0;background:#fff;}
.body-container .youshi .item .cover img {width: 100%;position: relative;z-index: 100;top: -26vw;}
.body-container .youshi .item .cover .top-v span {font-size: 12px;padding: 0 10px;line-height: 1.5;}
}