﻿
/* 案例 */
.case-banner{margin-top: 80px;}
.case-banner-img{width: 100%;position: relative;}
.case-banner-img .case-swiper1-pagination{width: 100%; bottom: 16px;}
.case-banner-img .swiper-pagination-bullet{ background:#2568a2; display: inline-block; height: 4px;  width: 30px;  position: relative;vertical-align:middle; opacity: 0.8;border-radius: 5px;}
.case-banner-img .swiper-pagination-bullet:after{content:"";border-radius: 4px; background:#fff;opacity: 1; height:4px; width:0%; position:absolute; left:0; top:0;}
.case-banner-img .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:100%; transition:all 0.8s ease-in-out!important;}
.case-banner-img .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom: 30px; text-align: center;}
.next2{right:10%; text-align: center;}
.prev2{left: 10%; text-align: center;}
.next2,.prev2{width:60px; border-radius: 60px;text-align: center;border-radius: 60px;transition: all 0.2s linear;
     height: 60px; background-color: rgb(248, 252, 255);opacity: 0.102; position: absolute;top: 40%; cursor: pointer; z-index: 10;box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.09);}
.next2 span,.prev2 span{display: inline-block; width: 20px;}
.next2 span{background: url(../images/next1.png) no-repeat center center; height: 60px;}
.prev2 span{background: url(../images/prev.png) no-repeat center center; height: 60px;}
.next2:hover,.prev2:hover{background-color: rgb(47, 125, 182);opacity: 0.8;box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.09);}

.case-swiper1-img{width: 100%;}
.case-swiper1-img img{display: block;width: 100%;height: 420px;}
.case-swiper1-txt{width: 100%;position: absolute;left: 0; top: 100px;} 
.banner-btn a{display: inline-block;width: 170px;transition: all 0.3s linear;border-radius: 6px; height: 50px; line-height: 50px; text-align: center;font-size: 18px; border: 1px solid #fff;}
.open{background: #fff; color: #2f7db6; margin-right: 20px;}
.open:hover{background: #2f7db6; color: #fff;}
a.more{color: #fff;}
.banner-btn a.more:hover{background: #fff; color: #2f7db6;}

.case-swiper1-txt{text-align: center;transition: all 0.8s ease-in-out;opacity: 0;transform: translateY(50px);}
.case-swiper1-txt h4{font-size: 44px; color: #fff;transition: all 0.8s ease-in-out;opacity: 0;transform: translateY(50px);}
.case-swiper1-txt p{margin-top: 23px; margin-bottom: 27px;color: #fff;font-size: 14px;transition: all 0.8s ease-in-out;opacity: 0;transform: translateY(50px);}
.swiper-slide-active .case-swiper1-txt h4{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.swiper-slide-active .case-swiper1-txt p{ opacity:1; transform:translateY(0); transition-delay:0.4s;}
.swiper-slide-active .case-swiper1-txt{ opacity:1; transform:translateY(0); transition-delay:0.5s;}



.case-cons{background: url(../images/list/case1-bg.jpg) no-repeat; background-size: 100% 100%; width: 100%; overflow: hidden; padding: 30px 0 50px; box-shadow: 0 2px 15px rgba(47, 125, 182, 0.1) inset;}
.case-con{width: 1200px; margin: 0 auto;display: none;}
.case-con-ul ul{flex-wrap: wrap; display: flex;}
.case-con-ul li{border-radius: 15px;width: 385px;height: 446px;margin-bottom: 21px;transition: all 0.3s linear; margin-right: 22px; overflow: hidden;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);}
.case-con-ul li a{display: block;width: 385px;height: 446px; background: #fff;}
.case-con-ul li:nth-child(3n){margin-right: 0;}
.case-con-img{overflow: hidden;width: 385px; height: 220px;position: relative;}
.case-con-img img{display: inline-block;width: 100%;height: 220px;}
.case-con-logo{position: absolute;width: 385px;height: 220px; bottom: -220px;text-align: center; left: 0; background: url(../images/case-pic-bg1.png) repeat;transition: all 0.3s linear;}
.case-con-logo div{display: table-cell;vertical-align: middle; text-align: center;width: 385px;height: 220px;}
.case-con-logo img{height: 40px;width: auto;}

.case-con-txt{padding: 30px;}
.case-con-txt h4{font-size: 24px; color: #101a21;transition: all 0.3s linear;}
.case-con-txt p{font-size: 16px; color: #757c81;line-height: 25px;margin-top: 15px;transition: all 0.3s linear;}
.case-con-txt div{padding-top: 20px; border-top: 1px solid #eff6fb; margin-top: 20px;}
.case-con-txt div span{display: inline-block;margin-right:13px;height: 33px; line-height: 33px;font-size: 14px; padding: 0 13px;border-radius: 2px;background: #fff9f4;}
.case-con-ul li:hover{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.29);}
.case-con-ul li:hover h4,.case-con-ul li:hover p{color: #2f7db6;}
.case-con-ul li:hover .case-con-logo{bottom: 0;}
/* .case-con-ul li:hover img{transform:scale(1.1) ;} */

/* 案例详情 */
.case-list-banner{width: 100% ;padding:60px 0 53px; overflow: hidden;background-size: 100% 100% ! important; background: url(../images/list-banner/case-list-banner.jpg) no-repeat;}
.case-list-banner-left{width: 730px; float: left;margin-right: 30px;}
.case-list-banner-left h4{color: #101a21; font-size: 24px;overflow: hidden; line-height: 79px;}
.case-list-banner-left h4 img{display: inline-block; margin-right: 20px; float: left; height: 57px;}
.case-list-banner-left h5{color: #101a21; font-size: 24px;overflow: hidden;margin-bottom: 30px;}
.case-list-banner-left p{color: #2b2e31; line-height: 30px; padding-bottom: 40px; }
.case-list-banner-left-txt span{display: block; line-height: 30px;}
.case-list-banner-left-txt{width: 600px; border-top:1px solid #ddeefe;padding-top: 30px;}
.case-list-banner-right{width: 402px; float: left;  background: url(../images/list/case-list-pic1-bg.png) no-repeat left 30px;padding-bottom: 30px; padding-left: 38px;}
.case-list-banner-right img{display: block;    width: 100%; border-radius: 30px 10px 10px 0;}

.case-list-box1{width: 100%; padding: 50px 0 0;}
.case-list-box1-top{text-align: center; margin-bottom: 80px;}
.case-list-box1-top h4{color: #2f7db6; font-family: "黑体";font-size: 24px; line-height: 30px;}
.case-list-box1-p{margin-bottom: 20px; line-height: 30px; margin-top: 20px;color: #767c81;}
.case-list-box1-p p{color:#767c81;}
.case-list-box1-div{ margin-top: 30px;background: url(../images/list/case-list-box1-bg.png) repeat; border-radius: 15px;}
.seelist{margin-top: 40px; background: none;}
.case-list-box1-div img{width: 100%;}
.case-list-box2{background: url(../images/list/case-list-bg2.jpg) no-repeat;background-size: cover; padding: 70px 0 60px;}
.case-list-box2 ul{margin-top: 30px;display: flex;justify-content:center;}
.case-list-box2 ul li{border-radius: 10px;overflow: hidden;width: 290px; cursor: pointer; margin-right: 10px; padding: 22px; background: #fff; box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.11);} 
.case-list-box2 ul li:hover{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.11);
          -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          transform: translateY(-10px);
          -webkit-transition: -webkit-transform .2s linear;
          transition: transform .3s linear;
        }
.case-list-box2 ul li div{text-align: center;}
.case-list-box2 ul li p{font-size: 14px; color: #494d4f; padding: 10px; line-height: 25px;}


.case-list-box3{padding: 50px 0 80px; width: 100%; background: url(../images/list/case-list-bg3.jpg) no-repeat; background-size: 100% 100%;}
.case-list-box3-ul{width: 1200px; margin: 0 auto; }
.case-list-box3-ul ul{margin-top: 30px;display: flex;justify-content: space-between;}
.case-list-box3-ul ul li{border-radius: 15px;width: 505px;height: 175px;overflow: hidden;background: url(../images/list/case-list-box1-bg.png) repeat;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09); padding: 30px;transition: all 0.3s linear;}
.case-list-box3-ul-img{width:174px;float: left; height: 175px; overflow: hidden;} 
.case-list-box3-ul-img img{transition: all 0.6s;}
.case-list-box3-ul-txt{float: left; margin-left: 25px; width: 300px;}
.case-list-box3-ul-txt h4{font-size: 24px; color: #101a21;line-height: 70px;}
.case-list-box3-ul-txt p{color: #757c81; padding-bottom: 25px; line-height: 25px;}
.case-list-box3-ul-txt a{color: #2f7db6;display: inline-block; background: url(../images/more3.png) no-repeat right center; line-height: 25px; padding-right: 25px;}
.case-list-box3-ul ul li:hover{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.19);}
.case-list-box3-ul ul li:hover img{transform: scale(1.1);}
.case-list-box3-ul ul li:hover h4,.case-list-box3-ul ul li:hover p{color: #2f7db6;}


/* 新闻 */
.news-banner{width: 100%; background: url(../images/list/news-banner.jpg) no-repeat;padding: 60px 0; } 
.news-banner-con{margin: 0 auto; width: 1200px; display: flex;justify-content: space-between;}
.news-banner-left{padding-top: 50px;}
.news-banner-left h4{font-size: 44px; color: #fff;}
.news-banner-left p{margin: 20px 0 30px; font-size: 14px; color: #fff;}
.news-banner-left a{border-radius: 6px;width: 170px;height: 50px; display: inline-block;transition: all 0.3s linear; background: #fff; color: #2f7db6; text-align: center; line-height: 50px;}
.news-banner-left a:hover{background: #2f7db6; color: #fff;}
.news-banner-right{background: url(../images/list/news-banner-bg.png) no-repeat left 30px;height: 300px; padding-left: 30px;margin-right: 50px;overflow: hidden;}
.news-banner-video{position: relative;}
.news-banner-video div{box-shadow: 0px 13px 13px 0px rgba(17, 51, 76, 0.21); border-radius: 15px 30px 0 15px;overflow: hidden;}
.news-banner-video img{display: block;}
.news-video-btn{position: absolute;cursor: pointer; top: 42%; left: 42%; display: inline-block; width: 60px; height: 60px; background: url(../images/video1.png) no-repeat;}
.news-cons{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);padding: 30px 0 50px; background: url(../images/list/case-bg1.png) no-repeat; background-size: 100% 100%;} 
.news-con{width: 1200px;margin: 0 auto 30px; display: none;}
.news-con.on{display: block;animation: fadeInUp 0.5s ease;}
.news-con-div{ display: flex; justify-content: space-between;}  
.news-con-left{width: 867px;}
.news-con-dl{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);transition: all 0.3s linear;margin-bottom: 20px; border-radius: 15px;padding: 32px; overflow: hidden; background: url(../images/list/news-txt-bg.png) repeat;}
.news-con-dl:last-child{margin-bottom: 0;}
.news-con-dl dt{float: left;width: 260px; margin-right: 30px;overflow: hidden;}
.news-con-dl dt img{display: block;transition: all 0.3s linear;width: 100%; height: 100%;}
.news-con-dl dd{float: left; width: 490px;}
.news-con-dl h4{color: #101a21; font-size: 20px; margin: 10px 0 15px; line-height: 30px;transition: all 0.3s linear;}
.news-con-dl p{color: #757c81; margin-bottom: 20px; line-height: 25px;transition: all 0.3s linear;}
.news-con-right-box1{border-radius: 15px;padding: 25px;overflow: hidden; width: 260px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09); background: url(../images/list/news-txt-bg.png) repeat; margin-bottom: 20px;}
.news-con-right-box1 h4{margin-bottom: 18px;}
.news-con-right-box1-img{overflow: hidden;}
.news-con-right-box1-img img{transition: all 0.6s;width: 100%;}
.news-con-right-box1-img:hover img{transform: scale(1.1);}
.news-con-right-box1 a{display: block;}
.news-con-right-box1 h4 img{float: left;margin-right: 10px; }
.news-con-right-box1 p{margin-top: 20px;color: #767c81;line-height: 25px;}
.news-con-right-box1 li{color: #43484c; border-bottom: 1px solid #dcefff; padding-bottom: 15px; margin-bottom: 15px;line-height: 25px;}
.news-con-right-box1 li:last-child{border-bottom: none; margin-bottom: 0;padding-bottom: 0;}
.news-con-right-ewm{background: url(../images/list/ewm.png) no-repeat center center; padding-top: 186px; padding-bottom: 10px; text-align: center; line-height: 50px; font-size: 15px; color: #757b80;background-size: 140px auto;}
.news-con-dl:hover{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.54);}
.news-con-dl:hover h4{color: #2f7db6;}
.news-con-dl:hover p{color: #282c2f;}
.news-con-dl:hover img{transform: scale(1.1);}
   
/* 新闻详情 */
.news-list{width: 100%; background: url(../images/list/news-list-bg.png) no-repeat; background-size: cover; padding: 25px 0 50px;}
.news-list-con{width: 1200px; padding: 30px 0 0; border-radius: 15px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09); margin: 0 auto; background: url(../images/list/news-list-con-bg.png) repeat;}
.news-list-con h5{text-align: center; border-bottom: 1px solid #e2effc; color: #23292d; font-size: 24px;padding-bottom: 30px;margin-bottom: 30px; }
.news-list-con .news-list-txt{text-align: left;}
.news-list-con-div{padding: 40px 85px 0;}
.news-list-txt{color: #676e72; margin-bottom: 30px;}
.news-list-txt span{margin-right: 20px;}
.news-list-con-div p{color: #16181a; line-height: 30px; margin-bottom: 30px;}  
.news-list-con-div div{text-align: center; margin-bottom: 30px;}
.news-list-con-div div img{display: inline-block;width: 100%;}
.newslist-more{display: flex; justify-content: space-between; padding-bottom: 20px;}
.newslist-more span{display: inline-block;border-radius: 10px;height: 44px;line-height: 44px;width: 100px;text-align: center; background: #fff9f4;} 
.newslist-more-left span{margin-right: 20px;cursor: pointer;}
.newslist-more-right span{margin-left: 20px;float: right;}
.newslist-more-right .on{color:#ccc;cursor: initial;}
.newslist-more-right a{display: inline-block; line-height: 44px;}


/* 解决方案 频道*/
.solution-banner{width: 100%; background: url(../images/list-banner/Solut-banner1.jpg) no-repeat; height: 420px; background-size: cover; }
.solution-banner-con{width: 1200px; margin:0 auto; overflow: hidden;}
.solution-banner-left{float:left; margin-top: 100px;}
.solution-banner-left h4{font-size: 44px;color: rgb(255, 255, 255);font-family: "Adobe Heiti Std";margin-bottom: 30px;}
.solution-banner-left p{font-size: 14px; color: #fff;margin-bottom: 30px;}
.solution-banner-left a{border-radius: 6px;display: inline-block;font-weight: bold; width: 170px;border: 1px solid #fff; background: #fff;color: #2f7db6; height: 50px;line-height: 50px; text-align: center;}
.solution-banner-left a:hover{border: 1px solid #fff; color: #fff; background: none; }
.solution-banner-right{float: right;}
.solution-banner-right img{display: block;}
.solution-menu-box{width: 100%;height: 80px;box-shadow: inset 0px 2px 8px 0px rgba(47, 125, 182, 0.19);}
.solution-menu{width: 1300px; margin: 0 auto;position: relative;}
.solut-swiper .swiper-slide{text-align: center;}
.solution-menu .swiper-button-prev.solut-prev,.solution-menu .swiper-button-next.solut-next{background: url(../images/swiper-btn1.png) no-repeat; width: 32px; height: 32px;display: inline-block;}
.solution-menu .swiper-button-prev.solut-prev{left: -35px;top: 50px;}
.solution-menu .swiper-button-next.solut-next{right: -35px;top: 50px;}
.solution-menu .swiper-button-prev.solut-prev span{background: url(../images/swiper-prev1.png) no-repeat center center;float: left; display: inline-block;width: 32px; height: 32px;}
.solution-menu .swiper-button-next.solut-next span{background: url(../images/swiper-next1.png) no-repeat center center; float: left;display: inline-block;width: 32px; height: 32px;}
.solution-menu .swiper-button-prev:after, .solution-menu .swiper-button-next:after{content:'';}

.solution-list-box1{background: url(../images/list/Solut1-bg1.jpg) no-repeat; background-size: cover; padding: 40px 0 50px;}
.solution-list-box1-div{width: 1160px;padding: 50px 20px; margin: 0 auto;background: url(../images/opacity-bai-bg.png) repeat;border-radius: 15px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.19);}
.solution-list-box1-div p{text-align: center;padding: 0 100px; line-height: 25px;color: #767c81; margin-bottom: 60px;}
.solution-list-box1-div img{width: 100%;}
.solution-list-box2{background: url(../images/list/Solut1-bg2.jpg) no-repeat; background-size: cover; padding: 70px 0 50px;}
.solution-list-box2-div{width: 1200px; margin: 0 auto;}
.solution-list-box2-div img{width: 100%;}
.solution-list-box2-div p{text-align: center; padding: 0 150px; line-height: 25px;color: #767c81; margin-bottom: 30px;}
.solution-list-box3{background: url(../images/list/Solut1-bg3.jpg) no-repeat; background-size: cover; padding: 70px 0 50px;}
.solution-list-box3-div{width: 1200px; margin: 0 auto;}
.solution-list-box3-div img{width: 100%;}
.solution-list-box3-div p{text-align: center; padding: 0 150px; line-height: 25px;color: #767c81; margin-bottom: 40px;}
.solution-list-box4{background: url(../images/list/Solut1-bg4.jpg) no-repeat; background-size: cover; padding: 70px 0 50px;}
.solution-list-box4-div{width: 1200px; margin: 0 auto;}
.solution-list-box4-div p{text-align: center; padding: 0 150px; line-height: 25px;color: #767c81; margin-bottom: 60px;}
.solution-list-box4-div img{width: 100%;}

.solution-list-box5{background: url(../images/list/Solut1-bg3.jpg) no-repeat; background-size: cover; padding: 70px 0 50px;}

.solution-list-box6{background: url(../images/list/Solut1-bg4.jpg) no-repeat; background-size: cover; padding: 70px 0 50px;}

.solution-list-box7{background: url(../images/list/Solut1-bg3.jpg) no-repeat; background-size: cover; padding: 70px 0 50px;}

.solution-list-box8{background: url(../images/list/Solut1-bg4.jpg) no-repeat; background-size: cover; padding: 70px 0 50px;}


/* 解决方案 */

.solution-cons{width: 100%; background: url(../images/list/Solut-bg1.jpg) no-repeat;padding: 35px 0; background-size: 100% 100%;}
.solution-con{width: 1200px; margin: 0 auto; display: none;}
.solution-con.on{display: block;animation: fadeInUp 0.5s ease;}
.solution-con-div1{background: #fff; border-radius: 15px; overflow: hidden; padding: 30px;}
.solution-con-div1 ul{width: 100%; display: flex;justify-content: space-between; flex-wrap: wrap;}
.solution-con-div1 ul li{width: 560px;cursor: pointer; height: 170px; overflow: hidden;margin-bottom: 30px;}
.solution-div-left{float: left;width: 240px;height: 170px; overflow: hidden;}
.solution-div-left img{display: block;transition: all 0.6s;}
.solution-div-left a{display: block;}
.solution-div-right{float: left;width:240px;padding:25px 40px 0 40px; height:145px; background: url(../images/list/Solut-div-bg1.png) no-repeat;}
.solution-div-right h4{font-size: 22px; color: #282e32; margin-bottom: 18px;}
.solution-div-right p{font-size: 14px; color: #767c81; margin-bottom: 10px; line-height: 20px;height: 40px; overflow: hidden;    text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.solution-div-right div a{background: url(../images/more3.png) no-repeat right center;transition: all 0.3s linear; opacity: 0; line-height: 20px; padding-right: 20px; font-size: 16px; color: #2f7db6;}
.solution-con-div1 ul li:hover h4{color: #2f7db6;}
.solution-con-div1 ul li:hover p{color: #2f7db6;}
.solution-con-div1 ul li:hover .solution-div-right div a{opacity: 1;}
.solution-con-div1 ul li:hover img{transform: scale(1.1);}
.solution-btn{display: inline-block;width: 170px;transition: all 0.3s linear;border-radius: 6px; height: 50px; line-height: 50px; text-align: center;font-size: 18px; border: 1px solid #fff; color: #fff; margin-left: 20px;cursor: pointer;}
.solution-btn:hover{background: #d4e7f5; color: #2f7db6;}

/* 关于我们 */
.aboutus-banner{width: 100%; background: url(../images/list-banner/about-banner.jpg) no-repeat; height: 420px; background-size: cover; }
.aboutus-banner h5{text-align: center; font-size: 44px; color: #fff; padding-top: 140px;}
.aboutus{width: 100%;}
.aboutus-menu{width: 1200px; margin: 0 auto; position: relative;}
.aboutus-menu-div{position: absolute; left: 0; top: -52px; border-radius: 10px;background: #fff;box-shadow: 0px 12px 8px 0px rgba(47, 125, 182, 0.09);
 height: 80px;width: 1200px;display: flex;justify-content: space-around;padding-top: 30px;}

.aboutus-box1{width: 100%; background: url(../images/list/aboutus-bg1.jpg) no-repeat left bottom #fff; background-size: 100% auto;padding-bottom: 70px;}
.aboutus-menu-nav{overflow: hidden;}
.aboutus-menu-nav-left{float: left;margin-right: 10px;}
.aboutus-menu-nav-left img{display: block;}
.aboutus-menu-nav-right{float: left;}
.aboutus-menu-nav-right h5{color: #252a2d;font-size: 18px;margin-bottom: 4px;}
.aboutus-menu-nav-right p{font-size: 14px;color: #707579;}
   
.aboutus-box1-con{width: 1200px; margin: 140px auto 20px;padding: 30px 0;
     border-radius: 10px;box-shadow: 0px 12px 8px 0px rgba(47, 125, 182, 0.09);background: url(../images/list/aboutus-box1-txt-bg.png) no-repeat;}

.aboutus-box1-top{ padding: 0 35px; overflow: hidden;}
.aboutus-box1-top-left{float: left; width: 512px;height: 375px;margin-right: 40px; background: url(../images/list/aboutus-video-bg.png) no-repeat right 35px;}
.aboutus-box1-video{width: 469px; height: 340px;overflow: hidden; border-radius:15px 35px 0 15px;position: relative;}
.aboutus-box1-video img{display: block;width: 100%;height: 100%;}
.aboutus-box1-video-btn{position: absolute;cursor: pointer; left: 40%; top: 40%;width: 72px;height: 72px; background: url(../images/video.png) no-repeat;display: none; }
.aboutus-box1-top-right{float: left;width: 535px; padding-top: 45px;}
.aboutus-box1-top-right p{color: #342c2c;line-height: 30px; margin-bottom: 30px;}

.aboutus-box1-bottom{width: 1160px; margin: 50px auto;}
.aboutus-box1-bottom ul{ display: flex;justify-content: space-between;}
.aboutus-box1-bottom li{border-right: 1px solid #e2ecff; padding-right: 50px; margin-right: 20px;}
.aboutus-box1-bottom h4{color: #101a21; font-size: 20px; line-height: 25px;}
.aboutus-box1-bottom h4 img{display: inline-block; float: left; margin-right: 10px;}
.aboutus-box1-bottom p{padding-left: 35px; width: 140px; color: #757c81; margin-top: 5px; line-height: 25px;}
.aboutus-box1-bottom li:last-child{margin-right: 0;border-right:none;}

.aboutus-box2{width: 100%; background: url(../images/list/aboutus-bg2.jpg) no-repeat; background-size: 100% 100%;padding: 70px 0;}
.aboutus-box2-con{width: 1200px; margin: 0 auto;}
.aboutus-box2-con img{display: block;}

.aboutus-box3{width: 100%; background: url(../images/list/aboutus-bg3.jpg) no-repeat; background-size: 100% 100%;padding: 70px 0;}
.aboutus-box3-con{width: 1200px; margin: 40px auto;}
.aboutus-box3-p{text-align: center; margin-top: 30px;}
.aboutus-box3 img{display: block;}
.aboutus-box3-con{background: #fff; box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.09);border-radius: 10px;padding: 40px 0;}
.zizhi{margin-bottom: 40px;}
.zizhi ul{display: flex;justify-content: space-between;padding: 0 30px; }
.zizhi ul p{margin-top: 10px;text-align: center;font-size: 12px;}
.zizhi ul div{overflow: hidden;}
.zizhi ul div img{transition: all 0.6s;}
.zizhi ul div img:hover{transform: scale(1.1);}
.aboutus-box3 img{transition: all 0.6s;}
.aboutus-box3 img:hover{transform: scale(1.1);}
.aboutus-box3-con2 ul{display: flex;justify-content: space-between;padding: 0 30px;}
.aboutus-box3-con2 ul li{width: 214px; text-align: center;overflow: hidden;}
.aboutus-box3-con2 ul li p{width: 140px;margin: 10px auto 0;font-size: 12px;}
.aboutus-box3-con4{width: 1200px; margin: 30px auto 0;border-radius: 10px;height: 240px; overflow: hidden;border-radius: 10px;box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.09);}
.aboutus-box3-con4-left{float: left; width: 239px; height: 165px;padding-top: 85px;font-weight: bold; text-align: center; background: url(../images/list/zizhi-bg1.jpg) no-repeat;}
.aboutus-box3-con4-left strong{font-size: 36px; color: #2f7db6; margin-right: 5px;}
.aboutus-box3-con4-left p{font-size: 14px; color: #707579;}
.aboutus-box3-con4-left h4{color: #1d2226;font-size: 14px;}
.aboutus-box3-con4-right{float: left;width: 960px; height: 240px;}
.zizhi1{position: relative;}
.zizhi-swiper1 p{color: #2c3033; text-align: center; font-size: 14px; margin-top: 10px;}
.zizhi-swiper1 img,.zizhi-swiper2 img{display: block;}
.zizhi-swiper1,.zizhi-swiper2{width: 884px; padding-top: 20px;}
.zizhi1 .swiper-button-prev.zizhi-prev,.zizhi1 .swiper-button-next.zizhi-next{background: url(../images/swiper-btn1.png) no-repeat; width: 32px; height: 32px;display: inline-block;}
.zizhi1 .swiper-button-prev.zizhi-prev{left:2px;top: 112px;}
.zizhi1 .swiper-button-next.zizhi-next{right: 2px;top: 112px;}
.zizhi1 .swiper-button-prev.zizhi-prev span{background: url(../images/swiper-prev1.png) no-repeat center center;float: left; display: inline-block;width: 32px; height: 32px;}
.zizhi1 .swiper-button-next.zizhi-next span{background: url(../images/swiper-next1.png) no-repeat center center; float: left;display: inline-block;width: 32px; height: 32px;}
.zizhi1 .swiper-button-prev:after, .zizhi1 .swiper-button-next:after{content:'';}

.aboutus-box3-con5{width: 1200px; margin: 20px auto;border-radius: 10px;height: 240px; overflow: hidden;border-radius: 10px;box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.09);}
.aboutus-box3-con5-left{float: left;width: 239px; height: 215px;padding-top: 35px;font-weight: bold; text-align: center; background: url(../images/list/zizhi-bg2.jpg) no-repeat;}
.aboutus-box3-con5-left h4 strong{font-size: 36px;font-weight: bold; color: #2f7db6; margin-right: 10px;}
.aboutus-box3-con5-left div,.aboutus-box3-con5-left p{font-size: 14px; color: #707579; margin-top: 5px;}
.aboutus-box3-con5-left div strong{font-size: 24px;font-weight: bold; color: #2f7db6; margin-right: 5px;margin-left: 5px;}

.aboutus-box4{width: 100%; background: url(../images/list/aboutus-bg44.jpg) no-repeat; background-size: 100% 100%;padding: 70px 0;}
.aboutus-logo-menu{width: 1200px;line-height: 80px; display: flex; justify-content: space-around; background: url(../images/list/aboutus-logo-menu-bg.png) no-repeat;height: 80px; margin: 30px auto;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);}
.aboutus-logo-menu span{display: inline-block;color: #101a21; font-size: 18px;position: relative;cursor: pointer;}
.aboutus-logo-menu span:before,.aboutus-logo-menu span:after {content: '';width: 0%; cursor: pointer; height: 3px;background-color: #2f7db6;left: 50%;bottom: 0;transition: all 0.3s ease-in-out;position: absolute;}
.aboutus-logo-menu span:hover:after { width: 100%;left: 0px;}
.aboutus-logo-menu span.on:after { width: 100%;left: 0px;}
.aboutus-logo-menu span.on{color: #2f7db6;}
.aboutus-logo-menu span:hover{color: #2f7db6;}
.aboutus-logo{display: none;}
.aboutus-logo.on{display: block; animation: fadeInUp 0.5s ease;}
.aboutus-logos{width: 1200px; margin: 30px auto 0;} 
.aboutus-logo-top{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px;}
.aboutus-logo-top a{display: inline-block;width: 24%; text-align: center;margin-bottom: 15px; padding: 10px 0;background: #fff;transition:all .3s linear; border-radius: 10px;}
.aboutus-logo-top a:hover,.aboutus-logo-bottom a:hover{box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.17);}
.aboutus-logo-top img{display: inline-block;height: 50px; width: auto;}
.aboutus-logo-bottom{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutus-logo-bottom a{display: inline-block;width: 12%;text-align: center;transition:all .3s linear; margin-bottom: 15px; padding: 10px 0;background: #fff; border-radius: 10px; margin-right: 15px;}
.aboutus-logo-bottom a:nth-child(6n){margin-right: 0;}
.aboutus-logo-bottom img{display: inline-block;height: 72px;}

.aboutus-box5{width: 100%; background: url(../images/list/aboutus-bg6.jpg) no-repeat; background-size: 100% 100%;padding: 70px 0;}
.aboutus-box5-con{width: 1200px;margin: 30px auto 0; display: flex; justify-content: space-between; text-align: center;}
.recruit1{border-radius: 10px;width: 579px;height: 156px;background-color: rgb(255, 87, 0);box-shadow: 0px 9px 8px 0px rgba(255, 87, 0, 0.16);}
.recruit2{border-radius: 10px;width: 579px;height: 156px;background-color: rgb(83, 204, 197);box-shadow: 0px 10px 8px 0px rgba(83, 204, 197, 0.14);}
.aboutus-box5-con img{display: inline-block;}
.recruit1:hover,.recruit2:hover{
     box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.21);
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
     -webkit-transition: -webkit-transform .2s linear;
     transition: transform .3s linear;
}



.aboutus-box6{width: 100%; background: url(../images/list/aboutus-bg4.jpg) no-repeat; background-size: cover;padding: 70px 0;}
.aboutus-box6-div1{width: 1200px; margin: 20px auto 25px;}
.aboutus-box6-div1 ul{display: flex;justify-content: space-between;}
.aboutus-box6-div1 ul li{background: url(../images/list/honor-bg1.png) no-repeat;border-radius: 10px;width: 579px; height: 113px;box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.07); padding-top: 43px;}
.aboutus-box6-div1 ul li p{font-size: 20px;text-align: center;line-height: 30px;color: #2c3033;}
.aboutus-box6-div2{width: 1200px; margin: 0 auto 50px;}
.aboutus-box6-div2 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.aboutus-box6-div2 ul li{background: url(../images/list/honorbg2.png) no-repeat;background-size: 100% 100%; border-radius: 10px;width: 373px; height: 77px;box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.07); padding-top: 23px;margin-bottom: 25px; transition: all 0.3s linear;}
.aboutus-box6-div2 ul li p{font-size: 16px;color: #2c3033; text-align: center;line-height: 30px;}
.aboutus-box6-div2 ul li:hover,.aboutus-box6-div1 ul li:hover{box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.17);}
.aboutus-box6-div2 ul li:hover p,.aboutus-box6-div1 ul li:hover p{color: #2f7db6; }
.aboutus-box6-div3{width: 1200px; margin:20px auto 0;position: relative;padding-bottom: 30px;}
.honor-div{border-right: 1px solid #e1f0fd;padding-left: 30px;}
.aboutus-box6-div3 .swiper-button-prev.zizhi-prev,.aboutus-box6-div3 .swiper-button-next.zizhi-next{background: url(../images/swiper-btn1.png) no-repeat; width: 32px; height: 32px;display: inline-block;}
.aboutus-box6-div3 .swiper-button-prev.zizhi-prev{left:-52px;top: 112px;}
.aboutus-box6-div3 .swiper-button-next.zizhi-next{right: -52px;top: 112px;}
.aboutus-box6-div3 .swiper-button-prev.zizhi-prev span{background: url(../images/swiper-prev1.png) no-repeat center center;float: left; display: inline-block;width: 32px; height: 32px;}
.aboutus-box6-div3 .swiper-button-next.zizhi-next span{background: url(../images/swiper-next1.png) no-repeat center center; float: left;display: inline-block;width: 32px; height: 32px;}
.aboutus-box6-div3 .swiper-button-prev:after, .aboutus-box6-div3 .swiper-button-next:after{content:'';}
.honor-div-txt{height: 190px;}
.honor-div-txt h4{font-size: 40px; color: #2f7db6; font-weight: bold;margin-bottom: 20px;}
.honor-div-txt p{background: url(../images/dot1.png) no-repeat left 5px; line-height: 20px;font-size: 14px; color: #646769;padding-left: 20px; margin-bottom: 10px;}
.aboutus-box6-div3 .swiper-slide-duplicate-prev .honor-div{border-right: none;}
.swiper3-pagination{display: none;}



/* 服务与支持 */
.service-banner1{width: 100%; background: url(../images/service/ser-banner1.jpg) no-repeat; height: 420px; background-size: 100% 100%; }
.service-banner1-con{width: 1200px; margin:0 auto; }
.service-banner1-left{float:left; width: 377px; margin-top: 100px;}
.service-banner1-left h4{font-size: 44px;color: rgb(255, 255, 255);font-family: "Adobe Heiti Std";margin-bottom: 30px;}
.service-banner1-left p{font-size: 14px; color: #ece6e6;margin-bottom: 30px;line-height: 25px;}
.service-banner1-left a{border-radius: 6px;display: inline-block;transition: all 0.3s linear;width: 170px;border: 1px solid #fff; background: #fff;color: #2f7db6; height: 50px;line-height: 50px; text-align: center;}
.service-banner1-left a:hover{border: 1px solid #fff; color: #fff; background: none; }
.service-banner1-right{position: relative;float: right; height: 420px;}
.service-banner1-right img{display: block;position: absolute;right: -100px; top: 0;}



/* 咨询1 */
.zixun1-box1{width: 100%; background: url(../images/service/zixun1-bg1.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun1-box1-div{width: 1200px; margin: 0 auto;padding: 45px 0;
      overflow: hidden; background: url(../images/opacity-bai-bg.png) repeat;border-radius: 15px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);}
.zixun1-box1-left{float: left; width: 458px; margin-left: 35px; margin-right: 55px;}
.zixun1-box1-left img{width: 100%;}
.zixun1-box1-right{float: left;width: 580px;}
.zixun1-box1-right .list-head-title{text-align: left;background: url(../images/list/list-head.png) no-repeat left center;}
.zixun1-box1-right p{margin-top: 20px; line-height: 30px;color: #767c81;}
.zixun1-box2{width: 100%; background: url(../images/service/zixun1-bg2.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun1-box2-con{width: 1200px; margin: 30px auto; text-align: center;}
.zixun1-box2 .seelist,.zixun1-box3 .seelist{text-align: center;}
.zixun1-box2-con p{margin-bottom: 50px;padding: 0 200px;text-align: center;color: #767c81;}
.zixun1-box2 img{display: inline-block;width: 100%;}
.zixun1-box3{width: 100%; background: url(../images/service/zixun1-bg3.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun1-box3-con{width: 1200px; margin: 30px auto;}
.zixun1-box3-left{width: 595px;}
.zixun1-box3-left p{background: url(../images/service/dot1.png) no-repeat left 8px;color: #767c81; padding-left: 30px; margin-bottom: 30px; line-height: 30px;}
.zixun1-box3-left .seelist{padding-top: 60px;}
.zixun1-box3-right{width: 100%; padding:30px;border-radius: 10px;margin-bottom: 30px; box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);background: url(../images/opacity-bai-bg.png) repeat;}
.zixun1-box3-right img{display: block;width: 100%;}
.zixun1-box4{width: 100%; background: url(../images/service/zixun1-bg4.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun1-box4-con{width: 1200px; margin: 30px auto;display: flex; justify-content: space-between;}
.zixun1-box4-con-left{border-radius: 10px;width: 540px;height: 460px;padding: 40px 50px; background: #fff; box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.11);}
.zixun1-box4-con-left h4{line-height: 33px;margin-bottom: 20px;font-size: 22px;}
.zixun1-box4-con-left h4 img{float: left; margin-right: 8px;}
.zixun1-box4-con-left li p{line-height: 26px;font-size: 14px; color: #767c81;}
.zixun1-box4-con-left li{margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #eef5fb;}
.zixun1-box4-con-left li:last-child{border-bottom: none;}
.zixun1-box4-con-right{background: url(../images/service/zixun1-bg.png) no-repeat;width: 520px; height: 428px; padding-top: 112px; color: #fff;}
.zixun1-box4-con-right h4{font-size: 32px; color: #fff;margin-bottom: 60px;text-align: center;}
.zixun1-p{background: url(../images/service/dot2.png) no-repeat left center;font-size: 18px; padding-left: 40px; line-height: 40px; color: #fff;margin-left: 150px;}
.zixun1-box4-con-right div{text-align: center;margin-top: 70px;}


/* 咨询2 */
.zixun2-con{display: none;}
.zixun2-box1{width: 100%; background: url(../images/service/zixun2-bg1.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun2-box1-con{width: 1200px;padding: 45px 0 70px; border-radius: 15px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.19); margin: 40px auto; background: url(../images/opacity-bai-bg.png) repeat;}
.zixun2-box1-con p{padding: 0 60px;text-align: center; line-height: 30px;color: #767c81; } 
.zixun2-box1-con p img{width: 100%;}
.zixun2-box2{width: 100%; background: url(../images/service/zixun2-bg2.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun2-box2 .seelist{text-align: center;}
.zixun2-box2-con{width: 1200px; margin: 30px auto;border-radius: 15px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.19);background: url(../images/service/zixun2-txt-bg1.jpg) no-repeat;}
.zixun2-box2-con ul{padding: 30px;display: flex; justify-content: space-between;}
.zixun2-box2-con ul li{width: 218px;}
.zixun2-box2-con ul h4{overflow: hidden;font-size: 20px; color: #101a21;}
.zixun2-box2-con ul h4 img{float:left;margin-right: 18px;}
.zixun2-box2-con ul p{background: url(../images/service/dot1.png) no-repeat left 5px;color: #6a6f72; font-size: 14px; padding-left: 30px; margin-top: 10px; line-height: 25px;}
.zixun2-box2-con div{text-align: center;}
.zixun2-box2-con div img{display: inline-block; margin-bottom: 38px;}


/* 咨询3 */
.zixun3-box1{width: 100%; background: url(../images/service/zixun3-bg1.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun3-box1-con{width: 1200px;display: flex; justify-content: space-evenly; padding: 50px 0;border-radius: 15px; margin: 30px auto; box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.19);background: url(../images/opacity-bai-bg.png) repeat;}
.zixun3-box1-left{width: 417px;}
.zixun3-box1-left p{color: #767c81;line-height: 30px;text-align: center; margin-bottom: 25px;padding-right: 20px;}
.zixun3-box1-right img{display: block;}

.zixun3-box2{width: 100%; background: url(../images/service/zixun3-bg2.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun3-box2-con{width: 1200px; margin: 30px auto; }
.zixun3-box2-con ul{display: flex; justify-content: space-evenly;}
.zixun3-box2-con ul li{position: relative;width: 189px;padding: 50px 17px 20px; border-radius: 10px;background: url(../images/opacity-bai-bg.png) repeat;height: 200px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.11);}
.zixun3-box2-con ul li:hover{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.21);
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
     -webkit-transition: -webkit-transform .2s linear;
     transition: transform .3s linear;}
.zixun3-box2-title{position: absolute; left: 0; top: -22px; background: url(../images/service/zixun3-txt-bg1.png) no-repeat center center;height: 40px; line-height: 40px; width: 223px;text-align: center; color: #fff;}
.zixun3-box2-title2{position: absolute; left: 0; top: -22px; background: url(../images/service/zixun3-txt-bg2.png) no-repeat center center;height: 40px; line-height: 40px; width: 223px;text-align: center; color: #fff;}
.zixun3-dot{background: url(../images/service/dot1.png) no-repeat left 8px; font-size: 14px; padding-left: 30px;margin-top: 10px; line-height: 25px;text-align: left;}
.zixun3-box3{width: 100%; background: url(../images/service/zixun3-bg3.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun3-box3-con{width: 1200px; margin: 0 auto;}
.zixun3-box3-con p{padding: 20px 50px;text-align: center;margin-bottom: 30px;color: #767c81;} 
.zixun3-box3-con div img{display: inline-block;width: 100%;}

.zixun3-box4{width: 100%; background: url(../images/service/zixun3-bg4.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun3-box4-con{width: 1200px; margin: 0 auto;}
.zixun3-box4-con p{padding: 20px 50px;text-align: center;line-height: 30px;margin-bottom: 30px;color: #767c81;} 
.zixun3-box4-con div img{display: inline-block;}
.zixun3-div{border-radius: 15px;padding: 30px 0; box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.19);background: url(../images/opacity-bai-bg.png) repeat;}

/* 咨询4 */   
.zixun4-con{display: none;}
.zixun4-box1{width: 100%; background: url(../images/service/zixun4-bg1.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun4-box1-con{width: 1200px; margin: 30px auto;display: flex; justify-content: space-between;}
.zixun4-box1-left{width: 434px;height: 349px;padding: 40px; border-radius: 15px; border: 1px solid #ececec; background: url(../images/opacity-bai-bg.png) repeat;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.19);}
.zixun4-box1-left h3{font-size: 20px; color: #2f7db6;margin-bottom: 20px;}
.zixun4-box1-left p{margin-bottom: 10px;line-height: 30px;color: #767c81;}
.zixun4-box1-left h4{color: #101a21; font-size: 18px; margin-top: 40px;margin-bottom: 20px;}
.zixun4-box1-right{border-radius: 15px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);width: 536px;border-radius: 15px; height: 311px;background: url(../images/service/zixun4-txt-bg1.png) no-repeat;padding: 60px;}
.zixun4-box1-right p{line-height: 30px; color: #fff;margin-top: 10px;background: url(../images/service/dot3.png) no-repeat left center; padding-left: 30px;}
.zixun4-box1-right h4{margin-top: 36px; color: #fff;}
.zixun4-box1-right div{line-height: 30px; color: #fff;}
.zixun4-box2{width: 100%; background: url(../images/service/zixun4-bg2.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun4-box2-con{width: 1200px; margin: 30px auto;}
.zixun4-box2-con ul{display: flex; justify-content: space-between;}
.zixun4-box2-con ul li{border-radius: 10px;box-shadow: 0px 8px 8px 0px rgba(47, 125, 182, 0.11);width: 267px;min-height: 145px; background: url(../images/service/zixun4-txt-bg2.jpg) no-repeat;background-size: 100% 100%; padding: 60px 50px;transition: all 0.3s linear;}
.zixun4-box2-con ul li h4{font-size: 20px; color: #101a21;margin-bottom: 20px;}
.zixun4-box2-con ul li h4 img{display: inline-block; float: left;margin-right: 10px;}
.zixun4-box2-con ul li p{font-size: 14px; color:#767c81;line-height: 25px;}
.zixun4-box2-con ul li:hover{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.11); background: url(../images/service/zixun4-txt-bg2-on.jpg) no-repeat;
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
     -webkit-transition: -webkit-transform .3s linear;}
.zixun4-box2-con ul li:hover h4{color: #fff;}
.zixun4-box2-con ul li:hover p{color: #fff;}
.zixun4-box3{width: 100%; background: url(../images/service/zixun4-bg3.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun4-box3-con{width: 1200px; margin: 40px auto;text-align: center;}
.zixun4-box3-con img{display: inline-block;width: 100%;}
.zixun4-box4{width: 100%; background: url(../images/service/zixun4-bg4.jpg) no-repeat;background-size: 100% 100%; padding: 50px 0 70px;}
.zixun4-box4-con{width: 1200px;text-align: center; margin: 40px auto 0; background: url(../images/service/zixun4-bg1.png) no-repeat; border-radius: 10px;padding: 30px 0 0;}
.zixun4-box5,.zixun4-box6,.zixun4-box7{padding: 50px 0;}
.zixun4-box7{margin-bottom: 40px;}
.zixun4-box6 img{width: 100%;}

@media screen and (max-width: 1200px){
     .banner-btn a{width: 100px;height: 40px; line-height: 40px; font-size: 14px;}
     .seelist{margin-top: 20px;}
               /* 关于我们 */
     .aboutus-banner{height:320px;}
     .aboutus-banner h5{margin-top: 80px;font-size: 22px;}
     .aboutus{width: 95%; margin: 0 auto;}
     .aboutus-menu{width: 100%;}
     .aboutus-menu-div{width: 100%;padding-top: 10px; padding-bottom: 10px;}
     .aboutus-box1{padding-bottom: 30px;}
     .aboutus-box1-con{width: 95%; margin: 40px auto;}
     .aboutus-box1-top{padding: 0;}
     .aboutus-menu-nav-left{float: initial;text-align: center;}
     .aboutus-menu-nav-left img{height: 25px;display: inline-block;}
     .aboutus-menu-nav-right h5{font-size: 14px;}
     .aboutus-box1-top-left{float: initial;width: 100%; margin-right: 0;height: initial;}
     .aboutus-box1-top-right{float: inherit; width: 100%;padding-top: 20px;}
     .aboutus-box1-video{width: 100%;height: auto;}
     .aboutus-box1-video img{width: 100%;}
     .aboutus-box1-top-right p{margin-bottom: 20px; font-size: 14px; line-height: 20px;}
     .aboutus-box1-bottom{width: 95%;margin: 0 auto;height: 90px;}
     .aboutus-box1-bottom ul{justify-content:initial; overflow-x: scroll; height: 80px;padding-bottom: 10px; margin-bottom: 15px;}
     .aboutus-box1-bottom li{padding-right: 20px; margin-right: 15px;}
     .aboutus-box1-bottom h4{font-size: 16px;}
     .aboutus-box1-bottom p{font-size: 14px;line-height: 20px;}

     .aboutus-box2{padding: 30px 0;}
     .aboutus-box2-con{width: 95%;}
     .aboutus-box2-con img{width: 100%;}

     .aboutus-box3{padding: 30px 0;}
     .aboutus-box3-p{margin-top: 15px;font-size: 14px;padding: 0 20px;}
     .aboutus-box3-con{width: 95%;margin: 0 auto 20px; padding: 0;box-shadow: none;}
     .zizhi{margin-bottom: 0; margin-top: 20px;}
     .zizhi ul{flex-wrap: wrap;padding: 0;}
     .zizhi ul img{width: 100%;}
     .zizhi ul li{margin-bottom: 20px;width: 48%;}
     .aboutus-box3-con2{overflow: hidden;margin: 20px auto;}
     .aboutus-box3-con2 ul{ padding: 0;width:100%; flex-wrap: wrap;justify-content: space-around;}
     .aboutus-box3-con2 ul li{width: 28%; margin-bottom: 20px;}
     .aboutus-box3 img{width: 100%;}
     .aboutus-box3-con4{width: 95%;height:initial;}
     .aboutus-box3-con4-left{background-size: 100% 100%;width: 40%;}
     .aboutus-box3-con4-right{width: 56%;padding: 0 2%;}
     .zizhi-swiper1 p{font-size: 12px;}
     .aboutus-box3-con4-left strong,.aboutus-box3-con5-left h4 strong{font-size: 26px;}


     .aboutus-box3-con5{width: 95%;height:initial;}
     .aboutus-box3-con5-left{background-size: 100% 100%;width: 40%;}
     .aboutus-box3-con5-right{width: 56%;padding: 0 2%;}
     .zizhi-swiper1, .zizhi-swiper2{width: 100%;}
     .aboutus-box3-con5-right{padding-top: 30px;}
     .aboutus-box4{padding: 30px 0;}
     .aboutus-logo-menu{width: 95%;overflow: hidden;height: 50px;line-height: 50px; background-size: 100% 100%;margin: 20px auto;}
     .aboutus-logo-menu span{font-size: 14px;}
     .aboutus-logos{width: 95%;margin:15px auto 0;}
     .aboutus-logo-top{margin-bottom: 0;}
     .aboutus-logo-top a{margin-bottom: 15px;width: 48%;padding: 5px 0;border-radius: 5px;}
     .aboutus-logo-top img{width: auto;height: 30px;}
     .aboutus-logo-bottom a{width: 23%;margin-right: 0;padding: 0;border-radius: 5px;}
     .aboutus-logo-bottom img{height: 30px;}
     .aboutus-box5{padding: 30px 0;}
     .aboutus-box5-con{width: 95%;margin: 20px auto 0;}
     .recruit1{width: 48%;height: 118px;}
     .recruit2{width: 48%; height: 118px;}
     .aboutus-box5-con img{height: 118px;}
     .aboutus-box6{padding: 30px 0;}
     .aboutus-box6-div1{width: 90%;}
     .aboutus-box6-div1 ul{flex-wrap: wrap;}
     .aboutus-box6-div1 ul li{width: 100%;background-size: 100% 100%;margin-bottom: 20px;}
     .aboutus-box6-div2{width: 90%;}
     .aboutus-box6-div2 ul{flex-wrap: wrap;}
     .aboutus-box6-div2 ul li{width: 100%;background-size: 100% 100%;margin-bottom: 20px;}
     .aboutus-box6-div3{width: 95%;}
     .aboutus-box6-div1 ul li p{font-size: 16px;}
     .aboutus-box6-div2 ul li p{font-size: 14px;}
     .aboutus-box6-div3 .swiper-button-prev.zizhi-prev,.aboutus-box6-div3 .swiper-button-next.zizhi-next{display: none;}
     .swiper3-pagination{display: block; text-align: center;width: 100%;}
     .swiper3-pagination .swiper-pagination-bullet{ display: inline-block;background:#a8a2a2;height: 4px;  width: 30px;margin-right: 10px;  position: relative;vertical-align:middle; opacity: 0.8;border-radius: 5px;}
     .swiper3-pagination .swiper-pagination-bullet:after{content:"";border-radius: 4px;background:#2568a2; opacity: 1; height:4px; width:0%; position:absolute; left:0; top:0;}
     .swiper3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:100%; transition:all 0.8s ease-in-out!important;}
     .swiper3-pagination .swiper-container-horizontal>.swiper-pagination-bullets,.swiper3-pagination .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom: 30px; text-align: center;}
     .aboutus-box3-con5-left div strong{font-size: 18px;margin: 0;}
     .aboutus-box3-con5-left div, .aboutus-box3-con5-left p{font-size: 12px;}
    /* 案例详情 */
    .case-swiper1-txt{top: 50px;}
    .case-swiper1-txt h4{font-size: 25px;}
    .case-swiper1-img{height: 300px;}
    .case-swiper1-img img{width: auto; height:  300px;}
    .case-banner-img .case-swiper1-pagination{bottom: 36px;}
         .case-list-banner{padding:30px 0;background-size: 100% 100%;}
         .container{width: 100%;}
         .case-list-banner-left{float: initial; width: 90%; margin: 0 auto 20px;}
         .case-list-banner-right{float: initial; width: 90%; margin: 0 auto;padding-left: 0; background-size: 100% 100%;}
         .case-list-box1-top{margin-bottom: 30px;}
         .case-list-box1{padding: 30px 0 0;}
         .case-list-box1-div{margin-top: 15px;}
         .case-list-box1-div img{width: 90%;}
         .case-con{width: 95%;}
         .case-con-ul li{width: 100%;margin-right: 0;background-size: 100% 100%;height: initial;}
         .case-con-ul li a{width: 100%;height: initial; padding-bottom: 15px;}
         .case-con-img img{width: 100%;}
         .case-con-txt{padding: 15px 15px 0;}
         .case-con-img{width: 100%;height: 190px;}
         .case-con-logo{width: 100%;height: 190px;bottom: -190px;}
         .case-con-logo div{ height: 190px;}
         .case-con-txt h4{font-size: 16px;}
         .case-con-txt p{font-size: 14px;}
         .case-con-txt div span{font-size: 14px; line-height: 33px;}
         .case-con-txt div{margin-top: 15px; padding-top: 15px;}
         .case-list-banner-right img{width: 90%; margin-left: 5%;}
         .case-list-banner-left h4{font-size: 18px;line-height: 70px;}
         .case-list-banner-left h5{font-size: 16px;margin-bottom: 20px;}
         .case-list-banner-left p{font-size: 14px;padding-bottom: 20px;}
         .case-list-banner-left-txt{width: 100%;padding-top: 20px;}
         .case-list-banner-left-txt span{font-size: 14px;}
         .case-list-box1-top{width: 90%; margin: 0 auto 30px;}
         .case-list-box1-top h4{font-size: 18px;}
         .case-list-box1-p p{font-size: 14px;}
    
         .case-list-box2{padding: 30px 0;}
         .case-list-box2 ul{flex-wrap: wrap;width: 95%;margin:20px auto 0;}
         .case-list-box2 ul li{width: 45%;margin-bottom: 15px;padding: 20px 1%;}
         .case-list-box3{padding: 30px 0;}
         .case-list-box3-ul{width: 100%;}
         .case-list-box3-ul ul{width: 95%; margin: 20px auto 0; flex-wrap: wrap;}
         .case-list-box3-ul ul li{width: 94%; padding:10px 3%; margin-bottom: 20px;height: initial;}
         .case-list-box3-ul-img{width: 45%;height: initial;}
         
         .case-list-box3-ul-txt{width: 55%;margin-left:0;}
         .case-list-box3-ul-txt h4{font-size: 16px; line-height: 30px;padding-left: 10px;}
         .case-list-box3-ul-txt p{padding-bottom: 10px; padding-left: 10px;}
         .case-list-box3-ul-img img{height: 140px;width: 100%;}
         .case-list-box3-ul-txt a{margin-left: 10px;font-size: 14px;}


          /*  新闻 */
          .news-banner{padding: 30px 0;width: 100%;}
          .news-banner-con{margin: 0 auto;display: initial; width: 80%; height: 350px;}
          .news-banner-left{padding-top: 0; margin-left: 5%; width: 80%;}
          .news-banner-left h4{font-size: 18px;}
          .news-banner-left p{margin: 10px 0;}
          .news-banner-left a{width: 100px; height: 40px; line-height: 40px;font-size: 14px;}
          .news-banner-right{margin: 20px 0 0 5%;background-size: auto 193px; padding-left: 5%;height: 200px;}
          .news-banner-video{width: 100%;}
          .news-banner-video img{width: 80%;}
          .news-video-btn{left: 30%; top: 30%;}
          .news-cons{padding: 15px 0 30px;}
          .news-con{width: 95%;}
          .news-con-left{width: 100%;}
          .news-con-div{flex-wrap: wrap;}
          .news-con-dl{padding: 15px;margin-bottom: 15px;}
          .news-con-dl dt{width: 100%;margin-right:0;}
          .news-con-dl dt img{width: 100%;}
          .news-con-dl dd{width: 100%;}
          .news-con-dl h4{font-size: 16px;line-height: 20px;}
          .news-con-dl p{line-height: 20px;font-size: 14px;margin-bottom:15px;}
          .timers{font-size: 12px;}
          .news-con-right{width: 100%;margin-top: 20px;}
          .news-con-right-box1{width: 90%; padding: 20px 5%; }
          .news-con-right-box1 div{width: 100%;background-size:140px auto;}
          .news-con-right-box1 div img{width: 100%;display: block;}
          .news-con-right-box1 p{font-size: 14px;margin-top: 15px;}
          .news-con-right-box1 li a{font-size: 14px;}
          .news-con-right-ewm{ background-size: 140px auto;   background: url(../images/list/ewm.png) no-repeat center center;}
          .news-list{padding:20px 0 30px;width: 100%;background-size: 100% 100%;}
          .news-list-con{width: 95%; margin: 0 auto;padding: 20px 0 0;}
          .news-list-con-div{padding: 10px 20px 30px;}
          .news-list-con h5{font-size: 18px; padding-bottom: 20px; margin-bottom: 20px;}
          .news-list-con-div div{margin-bottom: 20px;font-size: 14px;margin-bottom: 0; margin-top: 20px;}
          .news-list-con-div p{margin-bottom: 0;font-size: 14px;line-height: 25px;margin-top: 15px;}
          .news-list-con-div div img{width: 100%;}
          .newslist-more{display: initial;}
          .newslist-more-left span{float: left; font-size: 14px; width: 40%;margin-right: 5%;}
          .newslist-more-left,.newslist-more-right{overflow: hidden;width: 100%;}
          .newslist-more-right span{float: left;margin-left: 0;font-size: 14px; width: 40%;margin-right: 5%;}
          .newslist-more strong{display: inline-block; width: 100%; overflow: hidden;text-align: left; line-height: 30px;}
          .newslist-more-right a,.newslist-more-left a{line-height: initial;margin-top: 15px; height: 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
          .newslist-more-right,.newslist-more-left{display: flex;}

          .solution-banner{height: initial; background-size: 100% 100%;}
          .solution-banner-con{width: 90%;}
          .solution-banner-left{width: 100%;margin-top: 30px;}
          .solution-banner-left h4{font-size: 18px;margin-bottom: 15px;}
          .solution-banner-left p{margin-bottom: 15px;}
          .solution-banner-left a{width: 100px; line-height: 40px; height: 40px;}
          .solution-banner-right{float: initial;}
          .solution-banner-right img{width: 100%;}
          .solution-con{width: 95%;}
          .solution-con-div1{padding: 20px;}
          .solution-con-div1 ul li{width: 100%;height: initial;margin-bottom: 20px;}
          .solution-div-left{width: 40%; overflow: hidden;height: initial;}
          .solution-div-left img{height: 117px;}
          .solution-div-right{width: 60%;padding: 0;height: 117px;}
          .solution-div-left a{width: 100%; height: 117px; overflow: hidden;}
          .solution-div-right h4{font-size: 16px; margin-left: 10px;margin-bottom: 5px;margin-top: 5px;}
          .solution-div-right p{font-size: 12px;margin-left: 10px;line-height: 16px; background-size: 14px 14px;}
          .solution-div-right a{margin-left: 10px;font-size: 12px;}

          .solution-menu{width: 80%;}
          .solution-list-box1{padding: 30px 0;}
          .solution-list-box1-div{width: 90%;}
          .solution-list-box1-div div img{width: 100%;}

          .solution-list-box2{padding: 30px 0;}
          .solution-list-box2-div{width: 90%;}
          .solution-list-box1-div p{padding: 0 20px;}
          .solution-list-box2-div p{margin-bottom: 20px;padding: 0 20px;}
          .solution-list-box2-div div img{width: 100%;}

          .solution-list-box3{padding: 30px 0;}
          .solution-list-box3-div{width: 90%;}
          .solution-list-box3-div p{margin-bottom: 20px;font-size: 14px;padding: 0 20px;}
          .solution-list-box3-div div img{width: 100%;}
          .solution-div-right div a{font-size: 12px;}
          .solution-list-box4,.solution-list-box5,.solution-list-box6,.solution-list-box7,.solution-list-box8{padding: 30px 0;}
          .solution-btn{line-height: 40px;height: 40px;}

          .service-banner1{height: initial;}
          .service-banner1-con{width: 90%;}
          .service-banner1-left{width: 100%;margin-top: 30px;}
          .service-banner1-left h4{font-size: 18px;margin-bottom: 15px;}
          .service-banner1-left p{margin-bottom: 15px;}
          .service-banner1-left a{width: 100px; line-height: 40px; height: 40px;}
          .service-banner1-right{float: initial; height: initial;}
          .service-banner1-right img{width: 100%;position: initial;}

          .zixun1-box1{padding: 30px 0;}
          .zixun1-box1-div{width: 90%;padding:30px 0;}
          .zixun1-box1-left{float: initial;width: 90%;margin: 0; padding: 0 5% 20px;}
          .zixun1-box1-left img{width: 100%;}
          .zixun1-box1-right{float: initial; width: 90%; margin: 0 auto;}
          .zixun1-box1-right p{font-size: 14px;}
          .zixun1-box1-right .list-head-title, .zixun1-box3 .list-head-title{line-height: 60px;text-align: center; background: url(../images/list/list-head.png) no-repeat center center;;}

          .zixun1-box2{padding: 30px 0;}
          .zixun1-box2-con{width: 90%;margin: 30px auto 0;}
          .zixun1-box2-con p{margin-bottom: 20px;font-size: 14px;line-height: 25px;padding: 0;}
          .zixun1-box2-con div img{width: 100%;}

          .zixun1-box3{padding: 30px 0;}
          .zixun1-box3-con{width: 90%;display: initial;}
          .zixun1-box3-left{width: 90%;margin: 0 auto;}
          .zixun1-box3-left p{line-height: 25px;}
          .zixun1-box3-left .seelist{padding-top:0;margin-top: 0;}
          .zixun1-box3-right{width: 80%;padding: 20px 5%; margin: 20px auto;}
          .zixun1-box3-right img{width: 100%;}

          .zixun1-box4{padding: 30px 0;}
          .zixun1-box4-con{width: 90%; margin: 0 auto;display: initial;}
          .zixun1-box4-con-left{width: 80%; padding: 20px 5%;height: initial; margin: 20px auto;}
          .zixun1-box4-con-right{width: 80%;padding: 20px 5%;height: initial; margin: 0 auto;background-size: 100% 100%;}
          .zixun1-box4-con-right h4{font-size: 16px;margin-bottom: 30px;}
          .zixun1-box4-con-left h4{font-size: 18px;}
          .zixun1-p{margin-left: 40px;}
          .zixun1-box4-con-right div{margin-top: 20px;}

          .zixun2-box1{padding: 30px 0;}
          .zixun2-box1-con{width: 90%; margin: 0 auto; padding: 20px 0;}
          .zixun2-box1-con p{padding: 0 20px;font-size: 14px;}
          .zixun2-box2{padding: 30px 0;}
          .zixun2-box2-con{width: 90%; margin: 20px auto 0; background: #fff;}
          .zixun2-box2-con ul{flex-wrap: wrap;padding: 20px;}
          .zixun2-box2-con ul li{width: 45%; margin-bottom: 20px;}
          .zixun2-box2-con ul h4 img{margin-right: 10px; height: 18px;}
          .zixun2-box2-con ul p{font-size: 12px;background-size: 12px 10px;padding-left: 15px;line-height: 20px;}
          .zixun2-box2-con div img{width: 90%;}
          .zixun2-box2-con ul h4{font-size: 14px;}


          .zixun3-box1{padding: 30px 0;}
          .zixun3-box1-con{width: 80%; margin: 0 auto;padding: 20px 5%;display: initial;}
          .zixun3-box1-left{width: 90%; margin: 0 auto;}
          .zixun3-box1-right {margin-top: 20px; text-align: center;}
          .zixun3-box1-right img{width: 90%;display: inline-block;}
          .zixun3-box2-con{width: 90%; margin: 20px auto;overflow: hidden;}
          .zixun3-box2-con ul{overflow-x: auto; overflow-y: hidden; padding: 30px 0; white-space: nowrap;justify-content:initial;}
          .zixun3-box2-con ul li{margin-right: 20px;width: 189px;}
          .zixun3-box2-con ul li p{width: 160px; flex-wrap: wrap;white-space: initial;}
          .zixun3-box2{padding: 30px 0;}
          .zixun3-box3{padding: 30px 0;}
          .zixun3-box3-con{width: 90%; margin: 0 auto;}
          .zixun3-box3-con div img{width: 90%;}
          .zixun3-box3-con p{padding: 20px 0;font-size: 14px;margin-bottom: 0;}
          .zixun3-box4{padding: 30px 0;}
          .zixun3-box4-con{width: 90%;}
          .zixun3-box4-con p{padding: 20px 0;font-size: 14px;margin-bottom: 0;}
          .zixun3-box4-con div img{width: 90%;}
          .zixun3-box1-left p{padding: 0 10px;}
          .zixun3-box1-left .list-head-title1{margin: 0 10px;}

          .zixun4-box1{padding: 30px 0;}
          .zixun4-box1-con{width: 90%;display: initial; background: none;}
          .zixun4-box1-left{width: 80%; margin: 20px auto 20px; height: initial;padding: 5%;}
          .zixun4-box1-left img{width: 90%;}
          .zixun4-box1-right{width: 80%; margin: 20px auto 20px; height: initial;padding: 5%;}
          .zixun4-box1-right div{font-size: 14px;line-height: 25px;}
          .zixun4-box1-right h4{font-size: 14px; margin-top: 10px;}
          .zixun4-box1-right p{font-size: 12px; padding-left: 20px;}
          .zixun4-box2{padding: 30px 0;}
          .zixun4-box2-con{width: 90%;margin: 20px auto 0;}
          .zixun4-box2-con ul li{width: 90%;margin-bottom: 20px; padding: 30px 5%;background-size: 100% 100%; }
          .zixun4-box2-con ul{flex-wrap: wrap;}

          .zixun4-box1-left h3{font-size: 18px;}
          .zixun4-box1-left p{font-size: 14px;line-height: 25px; margin-bottom: 5px;}
          .zixun4-box1-left h4{font-size: 16px;margin-top: 20px; margin-bottom: 10px;}
          .zixun4-box3{padding: 30px 0;}
          .zixun4-box3-con{width: 90%;margin: 20px auto;}
          .zixun4-box3-con img{width: 90%;}

          .zixun4-box4{padding: 30px 0;}
          .zixun4-box4-con{width: 90%;margin: 20px auto;}
          .zixun4-box4-con img{width: 90%;}
          


    
    }



































