.pagehome, .page-container, .page {



width: 100%;



height: 100%;



position: relative;



overflow: hidden;



}



.home-return{



width: 56px;



height: 56px;



margin: 0;



background: url(../img/icon-return.png) no-repeat center center;



border-radius: 50%;



cursor: pointer;



position: absolute;



right: -25px;



bottom: -36px;



opacity: 0;



visibility: hidden;



transition: all 0.5s;



-webkit-transition: all 0.5s;



}



.act .home-return{



opacity: 1;



visibility: visible;



}



.page-pagination{



position: absolute;



right: 2%;



top: 45%;



z-index: 15;



transform: translateY(-50%);



}



.page-pagination .swiper-pagination-switch{



display: block;



margin: 30px 0;



width:  12px;



height: 12px;



background: #82cddb;



border-radius:  50%;



opacity: 0.5;



position: relative;



cursor:  pointer;



}



.page-pagination .swiper-pagination-switch::before{



content: "";



position: absolute;



left: 50%;



top: 50%;



width: 56px;



height: 56px;



margin: -28px 0 0 -28px;



background: #82cddb;



opacity: 0.2;



border-radius: 50%;



visibility: hidden;



}



.page-pagination .swiper-pagination-switch::after{



content: "";



width: 52px;



height: 52px;



background: no-repeat center center;



background-size: cover;



position: absolute;



left: 50%;



top: 50%;



margin: -24px 0 0 -25px;



opacity: 0;



transition: all 0.2s;



visibility: hidden;



}



.page-pagination .swiper-pagination-switch:nth-child(1)::after{



background-image: url(../img/page-icon1.png);



}



.page-pagination .swiper-pagination-switch:nth-child(2)::after{



background-image: url(../img/page-icon2.png);



}



.page-pagination .swiper-pagination-switch:nth-child(3)::after{



background-image: url(../img/page-icon3.png);



}



.page-pagination .swiper-pagination-switch:nth-child(4)::after{



background-image: url(../img/page-icon4.png);



}



.page-pagination .swiper-pagination-switch:nth-child(5)::after{



background-image: url(../img/page-icon5.png);



}



.page-pagination .swiper-pagination-switch:nth-child(6)::after{



background-image: url(../img/page-icon6.png);



}



.page-pagination .swiper-active-switch{



opacity: 1;



}



.page-pagination .swiper-active-switch::before{



visibility: visible;



}



.page-pagination .swiper-active-switch::after{



opacity: 1;



visibility: visible;



}



.online-contactus{

width: 58px;

height: 58px;

margin: 0;

border-radius: 50%;

cursor: pointer;

position: absolute;

right: -29px;

bottom: -34px;

transition: all 0.5s;

-webkit-transition: all 0.5s;

}



.banner,.banner a{



width: 100%;



height: 100%;



display: block;



cursor: unset;



box-sizing: border-box;



cursor:  pointer;



}



.banner{



padding-top: 114px;



}



.mbanner{



display:none;



}



.banner-box{



width: 100%;



height: 100%;



position:  relative;



}



.banner-img{



width: 100%;



height: 100%;



background: no-repeat center center;



background-size: cover;



=: 1900px



position:;



}



.banner .swiper-slide{



width: 100%;



height: 100%;



margin:  0;



padding:  0;



position:  relative;



overflow:  hidden;



}



.two-menu h1 span{



vertical-align: middle;



}



.banner-el {



position: absolute;



left: 0;



top: 0;



bottom: 0;



right: 0;



z-index: 8;







}



.banner-el img{



width: 100%;



}



.banner-el .img1 {



left: 0;



bottom: 0;



height: 150px;



position: absolute;



animation: banner0-el-flash1 4s linear infinite alternate;



-moz-animation: banner0-el-flash1 4s linear infinite alternate;



-webkit-animation: banner0-el-flash1 4s linear infinite alternate;



-ms-animation: banner0-el-flash1 4s linear infinite alternate;



}



.banner-el .img2 {



right: -250px;



bottom: 0px;



height: 150px;



position: absolute;



animation: banner0-el-flash2 4s linear infinite alternate;



-moz-animation: banner0-el-flash2 4s linear infinite alternate;



-webkit-animation: banner0-el-flash2 4s linear infinite alternate;



-ms-animation: banner0-el-flash2 4s linear infinite alternate;



}



@keyframes banner0-el-flash1{



0% {



    left: 0;



    opacity: 0.9;



} 



100% {



    left: -50px;



    opacity: 1;



} 



}



@keyframes banner0-el-flash2{



0% {



    right: -250px;



    opacity: 0.9;



} 



100% {



    right: -100px;



    opacity: 1;



} 



}



.banner-text{



position: absolute;



left: 0;



top: 0;



bottom: 0;



right: 0;



z-index: 7;



}



.banner-text h1{



font-size: 25px;



color: #fff;



margin-bottom: 20px;



}



.banner-text p{



font-size: 40px;



color: #fff;



margin-top: 70px;



}



.banner-text p span{



margin-right: 10px;



display: inline-block;

font-size: 32px;


}



.banner-text-main{



position: absolute;



left: 50%;



top: 50%;



transform: translate(-50%,-50%);



-webkit-transform: translate(-50%,-50%);



-moz-transform: translate(-50%,-50%);



transition: all 1s;



}



.banner-btn{



position: absolute;



bottom: 30px;



left: 50%;



transform: translateX(-50%);



}



.active .banner-text-main{



left: 50%;



opacity: 1;



}



.swiper-pagination-switch{



width: 12px;



height:  12px;



display: inline-block;



margin: 0 10px;



opacity: 0.8;



background: #fff;



border-radius: 50%;



cursor: pointer;



}



.banner-btn .swiper-active-switch{



background: #82cddb;



}



.home-product{



padding-top: 114px;



height:  100%;



box-sizing:  border-box;



width:  100%;



position:  relative;



}



.home-title{



padding: 35px 0;



text-align: center;



color: #333;



font-size: 36px;



position:  relative;



z-index: 3;



}



.page2-el1-wrap{



position: absolute;



left: 0;



top: 0;



right: 0;



bottom: 0;



opacity: 0;



transition: all 1.5s;



z-index:  2;



}



.page.swiper-slide-active .page2-el1-wrap{



opacity: 1;



}



.page2-el1{



width: 520px;



height: 520px;



background: url(../img/page2-el1.png) no-repeat center center;



position:  absolute;



bottom: 130px;



left: 80px;



background-size:  contain;



animation: quan1 5s linear infinite;



-moz-animation: quan1 5s linear infinite;



-webkit-animation: quan1 5s linear infinite;



-ms-animation: quan1 5s linear infinite;



}



.page2-el1::after{



content: "";



width: 50px;



height: 50px;



background:url(../img/quan.png) no-repeat center center;



background-size: contain;



position: absolute;



left: 137px;



top: -6px;



border-radius: 50%;



background: #fff;



border:  1px solid #1d6eb5;



}



@keyframes quan1{



0% {



    transform: rotate(0);



    -webkit-transform: rotate(0);



    -moz-transform: rotate(0);



    -ms-transform: rotate(0);



}



100% {



    transform: rotate(360deg);



    -webkit-transform: rotate(360deg);



    -moz-transform: rotate(360deg);



    -ms-transform: rotate(360deg);



}



}



@keyframes quan2{



0% {



    transform: rotate(360deg);



    -webkit-transform: rotate(360deg);



    -moz-transform: rotate(360deg);



    -ms-transform: rotate(360deg);



}



100% {



    transform: rotate(0);



    -webkit-transform: rotate(0);



    -moz-transform: rotate(0);



    -ms-transform: rotate(0);



}



}



.page2-el2-wrap{



position: absolute;



left: 0;



top: 0;



right: 0;



bottom: 0;



z-index: 1;



background: url(../img/page2-bg.png) no-repeat  left bottom;



background-size: 100%;



}



.page2-el3-wrap{



position: absolute;



left: 0;



top: 0;



right: 0;



bottom: 0;



z-index: 3;



}



.page2-el3{



position: absolute;



width: 680px;



height: 680px;



bottom: 55px;



left:  0;



opacity: 0;



transition: all 1.5s;



transform: scale(0);







}



.page2-el3-bg{



position: absolute;



width: 680px;



height: 680px;



bottom: 55px;



left:  0;



background:url(../img/page2-el3.png) no-repeat center center;



background-size: contain;



animation: quan3 5s linear infinite;



-moz-animation: quan3 5s linear infinite;



-webkit-animation: quan3 5s linear infinite;



-ms-animation: quan3 5s linear infinite;



}



@keyframes quan3{



0% {



    transform: rotate(0);



    -webkit-transform: rotate(0);



    -moz-transform: rotate(0);



    -ms-transform: rotate(0);



}



100% {



    transform: rotate(360deg);



    -webkit-transform: rotate(360deg);



    -moz-transform: rotate(360deg);



    -ms-transform: rotate(360deg);



}



}



.page.swiper-slide-active .page2-el3{



opacity: 2;



transform: scale(1);



}



.page2-el3 .img1{



position: absolute;



left: -12px;



top: 40px;



}



.page2-el3 .img2{



position: absolute;



right: 62px;



top: 182px;



}



.page2-el3 .img3{



position: absolute;



bottom: -30px;



left: 265px;



}



.page2-img{



width: 160px;



height: 160px;



position:  relative;



}



.page2-img img{



width: 100%;



height: 100%;



position: relative;



z-index:  2;



}



.page2-img::after{



content: "";



position: absolute;



left: 10%;



top: 10%;



width: 80%;



height: 80%;



background: #adcfee;



border-radius: 50%;



transition: all 0.5s;



}



.page2-el3 .quan1{



width: 400px;



height: 400px;



background: url(../img/quan1.png) no-repeat center center;



background-size: cover;



position: absolute;



left: 140px;



top: 143px;



animation: quan2 5s linear infinite;



-moz-animation: quan2 5s linear infinite;



-webkit-animation: quan2 5s linear infinite;



-ms-animation: quan2 5s linear infinite;



}



.page2-el3 .img1 p,.page2-el3 .img2 p,.page2-el3 .img3 p{



text-align: center;



color: #005bac;



font-size: 12px;



padding: 10px 0;
width: 113px;



}



.page2-el3 .img1.act p,.page2-el3 .img2.act p,.page2-el3 .img3.act p{



color: #82cddb;



}



.page2-el3 .img3 p{



color: #fff;



}



.page2-el3 .img:hover .page2-img::after{



background: #82cddb;



}



.page2-el3 .img.act .page2-img::after{



background: #82cddb;



}



.page2-right{



position: absolute;



right: -300px;



bottom: 330px;



width: 605px;



height:  320px;



transition: all 1.5s;



opacity: 0;



}



.page.swiper-slide-active .page2-right{



right: 0;



opacity: 1;



}



.swiper-solve1{



top: 0;



}



.page2-block{



padding: 0 60px;



box-sizing:  border-box;



opacity: 0;



visibility: hidden;



position:  absolute;



left:  0;



top: 0;



width:  100%;



height: 100%;



transition:  all 0.5s;



}



.page2-block.active{



opacity: 1;



visibility: visible;



}



.page2-right ul{



overflow: hidden;



}



.page2-right li{



float: left;



width:  120px;



height:  120px;



background: rgba(0,91,172,0.6);



margin: 0 20px 40px;



border-radius: 50%;



text-align:  center;



cursor:  pointer;



transition: all 0.5s;



}



.page2-right li img{



max-width: 60px;



margin: 20px 0 10px;



}



.page2-right li p{



font-size: 10px;



color: #fff;



padding: 0 18px;



}



.page2-right li:hover{



background: #82cddb;



}



.btn-l{



position: absolute;



left: 10px;



top: 50%;



margin-top: -45px;



cursor:  pointer;



}



.btn-l img,.btn-r img{



max-width: 100%;



}



.btn-r{



position: absolute;



right: 10px;



top: 50%;



margin-top: -45px;



cursor:  pointer;



}



.home-solve{



padding-top: 114px;



height: 100%;



box-sizing: border-box;



width: 100%;



position: relative;



background: url(../img/page3-bg.jpg) no-repeat center top;



background-size: cover;



}



.page3 .home-title{



color: #fff;



}



.home-solve-block{



opacity: 0;



visibility: hidden;



position:  absolute;



left:  0;



top: 40px;



width:  100%;



height: 100%;



transition: all 0.5s;



}



.home-solve-block.active{



opacity: 1;



visibility: visible;



}



.home-solve-block a{



display: block;



padding: 5px;



position:  relative;



transition: all .2s;



-webkit-transition: all .2s;



transform: scale(0);



opacity: 0;



top: 0;



padding-top: 40px;



height: 0;



}



.page.swiper-slide-active .home-solve-block a{



height: 500px;



transform: scale(1);



opacity: 1;



}



.home-solve-img{



height: 220px;



border-top-left-radius: 8px;



border-top-right-radius: 8px;



overflow:  hidden;



}



.home-solve-img .home-solve-box{



width: 100%;



height: 100%;



border-top-left-radius: 8px;



border-top-right-radius: 8px;



background: no-repeat center center;



background-size: cover;



transition: all 0.5s;



-webkit-transition: all 0.5s;



}



.home-solve-block a:hover .home-solve-box{



transform: scale(1.2);



-webkit-transform: scale(1.2);



}



.home-solve-block a:hover {



top: -40px;



}



.home-solve-text{



padding: 25px 25px 65px;



height: 190px;



box-sizing: border-box;



background: #fff;



position: relative;



border-bottom-left-radius: 8px;



border-bottom-right-radius: 8px;



}



.home-solve-text h1{



font-size: 16px;



color: #333;



font-weight: normal;



overflow:hidden;



text-overflow:ellipsis;



white-space:nowrap;



margin-bottom: 10px;



}



.home-solve-text p{



 overflow: hidden;



 text-overflow: ellipsis;



 display: -webkit-box;



 -webkit-line-clamp: 3;



 -webkit-box-orient: vertical;



 font-size: 14px;



 color: #999;



 line-height: 1.8;



 height: 72px;



}



.home-solve-block .href{



position: absolute;



right: 35px;



bottom: 30px;



color: #999;



font-size: 12px;



}



.home-solve-main{



padding-top: 40px;



height:  465px;



position:  relative;



}



.page3-btn1-left,.page3-btn2-left,.page3-btn3-left{



left: -30px;



top: 210px;



position:  absolute;



cursor: pointer;



}



.page3-btn1-right,.page3-btn2-right,.page3-btn3-right{



right: -30px;



top: 210px;



position: absolute;



cursor:  pointer;



}



.page3-btn{



padding-top: 0;



text-align: center;



transition: all 1.5s;



opacity: 0;



}



.page.swiper-slide-active .page3-btn{



padding-top: 80px;



opacity: 1;



}



.page3-btn li{



display: inline-block;



background: rgba(255,255,255,0.1);



width: 170px;



height: 140px;



text-align: center;



cursor:  pointer;



position:  relative;



transition:  all 0.5s;



vertical-align: top;



top: 0;



}



.page3-btn li img{



margin: 25px 0 18px;



}



.page3-btn li p{



font-size: 18px;



color: #fff;



}



.page3-btn li.act{



top: -20px;



background: rgba(255,255,255,0.35);



}



.home-partner{



padding-top: 190px;



height: 100%;



box-sizing: border-box;



width: 100%;



position: relative;



}



#element{



height: 100%;



position: absolute;



top: 0;



left: 0;



width: 100%;



z-index:  1;



}



#element canvas{



width: 100%;



height: 100%;



}



.home-partner-block{



position: relative;



}



.home-partner-block ul{



overflow: hidden;



text-align: center;



}



.home-partner-block li{



width: 170px;



height: 70px;



display: inline-block;



border: 1px solid #e0e0e0;



margin: 12px 2px;



text-align: center;



vertical-align: middle;



position: relative;



top: 0;



background:  #fff;



transform: scale(3);



opacity: 0;



transition: all 0.4s 0.5s;



}



.page.swiper-slide-active .home-partner-block li{



transform: scale(1);



opacity: 1;



}



.home-partner-block li img{



max-width: 93%;



max-height: 93%;



display:  block;



margin:  0 auto;



transition: all 1s;



-webkit-transition: all 1s;



}



@-webkit-keyframes ascaleX{



0%{



   -webkit-transform: scaleX(1);



}



50%{



   -webkit-transform: scaleX(0);



}



100%{



   -webkit-transform: scaleX(1);



}



}



@keyframes ascaleX{



0%{



   transform: scaleX(1);



}



50%{



   transform: scaleX(0);



}



100%{



   transform: scaleX(1);



}



}







.home-partner-block li.noborder{



border: none;



}



.home-partner-block li:hover img{



animation: ascaleX .3s linear;



}



.customer-number{



position: absolute;



top: 50%;



left: 50%;



width: 270px;



height: 150px;



background: #f5f5f5;



margin: -75px 0 0 -135px;



text-align:  center;



z-index:  2;



opacity: 0;



transition: all 1.5s;



}



.page.swiper-slide-active .customer-number{



opacity: 1;



}



.customer-number h1{



font-size: 56px;



color: #333;



margin: 20px 0 10px;



}



.customer-number p{



font-size: 15px;



color: #999;



}



.home-partner-main{



padding-bottom: 50px;



position: relative;



z-index: 4;



}



.partner-btn{



position: absolute;



bottom: 0;



right: 10%;



z-index:  2;



}



.partner-btn span{



width: 46px;



height: 46px;



display: inline-block;



cursor: pointer;



background-size: contain;



}



.partner-btn .partner-l{



background: url(../img/hz-l.png) no-repeat center center;



background-size: contain;



}



.partner-btn .partner-r{



background: url(../img/hz-r.png) no-repeat center center;



background-size:  contain;



}



.partner-l:hover{



background-image: url(../img/hz-l-act.png);



}



.partner-r:hover{



background-image: url(../img/hz-r-act.png);



}



.home-news{



padding-top: 114px;



height: 100%;



box-sizing: border-box;



width: 100%;



position: relative;



background: url(../img/page5-bg.jpg) no-repeat center top;



background-size: cover;



}



.home-news-left{



float: left;



width: 46%;



border-right:  1px solid #fff;



padding: 0 40px 0 0;



box-sizing:  border-box;



opacity: 0;



transition: all 1.5s;



transform: translateX(-100%);



}



.page.swiper-slide-active .home-news-left{



opacity: 1;



transform: translateX(0);



}



.home-news-main{



height: 100%;



padding-top: 114px;



box-sizing:  border-box;



}



.home-left-title{



font-size: 34px;



color: #fff;



margin-bottom: 20px;



}



.home-left-main h1{



font-size: 22px;



color: #fff;



font-weight: normal;



margin:  20px 0 10px;



overflow: hidden;



text-overflow: ellipsis;



white-space: nowrap;



}



.home-left-main p{



color: #cccbcb;



font-size: 18px;



line-height: 1.5;



overflow: hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 2;



-webkit-box-orient: vertical;



}



.home-left-img{



overflow: hidden;



}



.home-left-main:hover .home-left-box{



transform: scale(1.4);



-webkit-transform: scale(1.4);



}



.news-right-main:hover .home-left-box{



transform: scale(1.4);



-webkit-transform: scale(1.4);



}



.home-left-box{



width: 100%;



height: 100%;



background: no-repeat center center;



background-size: cover;



transition: all 0.5s;



-webkit-transition: all 0.5s;



}



.home-news-right{



float: right;



width: 54%;



height: 90%;



position: relative;



padding: 52px 0 58px 40px;



box-sizing: border-box;



opacity: 0;



transition: all .5s;



transform: translateX(100%);



}



.page.swiper-slide-active .home-news-right{



opacity: 1;



transform: translateX(0);



}



.news-right-main{



height: 110px;



position: relative;



background: rgba(255,255,255,0.3);



display:  block;



width: 0;



opacity:  0;



transition: all 1.5s 0.5s;



}



.page.swiper-slide-active .news-right-main{



width: 100%;



opacity:  1;



}



.news-right-main .time{



position: absolute;



left: 0;



top: 0;



bottom: 0;



width: 100px;



background: #005bac;



text-align: center;



}



.news-right-main .text-main{



height: 100%;



padding: 20px 185px 0 125px;



box-sizing:  border-box;



background:#fff;



}



.news-right-main .text-main h1{



font-size: 16px;



color: #333;



font-weight: normal;



margin-bottom: 10px;



overflow: hidden;



text-overflow: ellipsis;



white-space: nowrap;



}



.news-right-main .text-main p{



font-size: 14px;



color: #666;



line-height: 1.8;



overflow: hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 2;



-webkit-box-orient: vertical;



height: 52px;



}



.page4-bg{



position: absolute;



left: 0;



top: 0;



background: url(../img/page4-bg.png) no-repeat bottom center;



background-size: cover;



width: 100%;



height: 276px;



z-index:  2;



}



.home-news-img{



position: absolute;



right: 0;



top: 0;



bottom: 0;



width: 170px;



background: no-repeat center center;



background-size: cover;



overflow:  hidden;



}



.news-right-main .time h1{



margin: 20px 0 5px;



color: #fff;



font-weight: normal;



font-size: 40px;



}



.news-right-main .time p{



color: #fff;



font-size: 20px;



}



.news-right-main .time::after{



position: absolute;



right: -10px;



top: 50%;



content: "";



border-left: 10px solid #005bac;



border-top: 10px solid transparent;



border-bottom: 10px solid transparent;



margin-top: -5px;



}



.news-right-main:hover .time{



background: #fff;



color: #005bac;



}



.news-right-main:hover h1,.news-right-main:hover p{



color: #005bac;



}



.news-right-main:hover .time::after{



border-left-color: #fff;



}



.news-right-main:hover .text-main h1,.news-right-main:hover .text-main p{



color: #fff;



}



.news-right-main:hover .text-main{



background:#005bac;



}



.home-news-r{



position: absolute;



bottom: 30px;



left: 40px;



cursor: pointer;



}



.home-news-l{



position: absolute;



top: 12px;



left: 40px;



cursor: pointer;



}



.home-news-l img,.home-news-r img{



width: 100%;



}



.news-href{



position: absolute;



bottom: 30px;



right: 0;



font-size: 16px;



color: #fff;



}



.home-map{



padding-top: 114px;



height: 100%;



box-sizing: border-box;



width: 100%;



}



.home-map-main{



padding-top: 120px;



overflow:  hidden;



}



.map-left{



float: left;



width: 50%;



position:  relative;



opacity: 0;



transition: all 1.5s;



transform: translateX(-100%);



}



.page.swiper-slide-active .map-left{



opacity: 1;



transform: translateX(0%);



}



.map-left .imgbg{



width: 100%;



display: block;



}



.map-right{



width: 45%;



float: right;



height: 500px;



padding-bottom: 36px;



position:  relative;



opacity: 0;



transition: all 1.5s;



transform: translateX(100%);



}



.page.swiper-slide-active .map-right{



opacity: 1;



transform: translateX(0%);



}



.map-right-main .content{



height: 400px;



overflow-y: auto;



padding-right: 14px;



}



.map-right-main{



height: 100%;



overflow: hidden;



}



.map-right-main .content::-webkit-scrollbar



{



width: 6px;



height: 6px;



background-color:transparent;



}



.map-right-main .content::-webkit-scrollbar-thumb



{



border-radius: 10px;



background-color: transparent;



}



.map-right .title{



font-size: 36px;



color: #333;



margin-bottom: 24px;



}



.map-nav{



overflow: hidden;



margin-bottom: 30px;



}



.map-nav span{



float: left;



font-size: 22px;



color: #7e7e7e;



border-bottom: 1px solid transparent;



margin-right: 45px;



padding-bottom: 8px;



cursor:  pointer;



}



.map-nav span.act{



color: #005bac;



border-bottom: 2px solid #005bac;



}



.map-block-img{



height: 230px;



background:no-repeat center center;



background-size: cover;



margin-bottom: 30px;



}



.map-block-text,.map-block-text ul{



overflow: hidden;



}



.map-block-text li{



width: 50%;



float: left;



margin-bottom: 12px;



padding-left: 22px;



box-sizing:  border-box;



position:  relative;



line-height: 1.5;



}



.map-block-text li span,.map-block-text li a{



font-size: 14px;



color: #333;



vertical-align: middle;



margin-left: 10px;



}



.map-block-text li img{



position: absolute;



left: 0;



top: 0;



}



.info-href{



position: absolute;



right: 0;



bottom: 0;



}



.info-href a{



color: #999;



font-size: 14px;



}



.info-href a img{



margin-right: 10px;



}



.map-right-block{



display: none;



height: 100%;



}



.map-right-block:nth-child(1){



display: block;



}



.pointer{



position: absolute;



font-size: 14px;



color: #005bac;



background: #fff;



padding: 3px 10px;



border-radius: 5px;



cursor: pointer;



box-shadow: 0 0 5px #bbb;



}


.pointer1{
    right: 16%;
    top: 25%;
}
.pointer2{
    right: 34%;
    top: 52%;
}
.pointer3{
    right: 10%;
    top: 37%;
}
.pointer5{
    right: 13%;
    top: 59.5%;
}
.pointer4{
    right: 29%;
    top: 56%;
}
.pointer6{
    right: 29%;
    top: 48%;
}
.pointer8{
    right: 31%;
    top: 43%;
}
.pointer11{
    right: 18%;
    top: 32%;
}
.pointer9{
    right: 4%;
    top: 41%;
}
.pointer7{
    right: 42%;
    top: 44%;
}
.pointer10{
    right: 33%;
    top: 34%;
}
.pointer12{
    right: 31%;
    top: 67%;
}

.pointer13{
    right: 12.8%;
    top: 62.8%;
}

.pointer14{
    right: 13%;
    top: 56.2%;
}

.pointer15{
    right: 16%;
    top: 53%;
}
.pointer16{
    right: 32%;
    top: 60%;
}

.pointer17{
    right: 4%;
    top: 46%;
}

.pointer18{
    right: 30%;
    top: 38%;
}

.pointer19{
    right: 22%;
    top: 41.5%;
}

.pointer20{
    right: 4%;
    top: 21.5%;
}

.pointer21{
    right: 67%;
    top: 18.5%;
}

.pointer22{
    right: 15%;
    top: 49.5%;
}

.map-right-block .content p{



font-size: 16px;



color: #666;



line-height: 2;



margin-bottom: 20px;



}



.pointer:hover{



background: #9ece82;



color: #fff;



}



.mb-partner-main{



display: none;



}



.page2-bg{



position: absolute;



left: 0;



top: 0;



right: 0;



bottom: 0;



}



@media only screen and (min-width: 1401px) and (max-width: 1650px) {



.page2-el3{



    width: 490px;



    height: 490px;



    bottom: 10px;



    left: 70px;



}



.page2-el3-bg{



    width: 510px;



    height: 510px;



    bottom: 20px;



    left: 70px;



}



.page2-el3 .quan1{



    width: 305px;



    height: 305px;



    background: url(../img/quan1.png) no-repeat center center;



    background-size: cover;



    position: absolute;



    left: 103px;



    top: 100px;



    animation: quan2 5s linear infinite;



    -moz-animation: quan2 5s linear infinite;



    -webkit-animation: quan2 5s linear infinite;



    -ms-animation: quan2 5s linear infinite;



}



.page2-img{



    width: 120px;



    height: 120px;



}



.page2-el3 .img3{



    left: 192px;



    bottom: -10px;



}



.page2-el3 .img1{



    top: 4px;



    left: -15px;



}



.page2-el1{



    width: 400px;



    height: 400px;



    bottom: 77px;



    left: 125px;



}



.page2-el3 .img1 p, .page2-el3 .img2 p, .page2-el3 .img3 p{



    font-size: 12px;



    padding-top: 0;
    
    width: 113px;


}



.page2-el3 .img2{



    top: 98px;



    right: 30px;



}



.page2-el1::after{



    width: 40px;



    height: 40px;



    top: -14px;



}



.home-title{



    padding: 10px 0;



    font-size: 28px;



}



.page2-right{



    bottom: 150px;



    width: 550px;



    right: 50px;



}



.page2-block{



     padding: 0 50px;



}



.page2-right li{



    width: 110px;



    height: 110px;



    margin: 0 15px 30px;



}



}



/*笔记本*/



@media only screen and (min-width: 701px) and (max-width: 1400px) {



.banner,.home-product,.home-solve,.home-partner,.home-news,.home-map{



    padding-top: 94px;



}



.page-pagination .swiper-pagination-switch{



    margin: 20px 0;



}



.page-pagination .swiper-pagination-switch::after{



    width: 40px;



    height: 40px;



    margin: -18px 0 0 -19px;



}



.page-pagination .swiper-pagination-switch::before{



    width: 40px;



    height: 40px;



    margin: -20px 0 0 -20px;



}



.banner-el .img1{



    height: 100px;



}



.banner-el .img2{



    height: 120px;



}



.banner-el .img2{



    height: 110px;



}



.banner-text h1{



    font-size: 22px;



    margin-bottom: 15px;



}



.banner-text p{



    font-size: 20px;



    margin-bottom: 10px;



}



.page2-el3{



    width: 490px;



    height: 490px;



    bottom: 10px;



    left: 70px;



}



.page2-el3-bg{



    width: 510px;



    height: 510px;



    bottom: 20px;



    left: 70px;



}



.page2-el3 .quan1{



    width: 305px;



    height: 305px;



    background: url(../img/quan1.png) no-repeat center center;



    background-size: cover;



    position: absolute;



    left: 103px;



    top: 100px;



    animation: quan2 5s linear infinite;



    -moz-animation: quan2 5s linear infinite;



    -webkit-animation: quan2 5s linear infinite;



    -ms-animation: quan2 5s linear infinite;



}



.page2-img{



    width: 120px;



    height: 120px;



}



.page2-el3 .img3{



    left: 192px;



    bottom: -10px;



}



.page2-el3 .img1{



    top: 4px;



    left: -15px;



}



.page2-el1{



    width: 400px;



    height: 400px;



    bottom: 77px;



    left: 125px;



}



.page2-el3 .img1 p, .page2-el3 .img2 p, .page2-el3 .img3 p{



    font-size: 12px;



    padding-top: 0;

    width: 113px;



}



.page2-el3 .img2{



    top: 98px;



    right: 30px;



}



.page2-el1::after{



    width: 40px;



    height: 40px;



    top: -14px;



}



.home-title{



    padding: 10px 0;



    font-size: 28px;



}



.page2-right{



    bottom: 150px;



    width: 550px;



    right: 50px;



}



.page2-block{



     padding: 0 50px;



}



.page2-right li{



    width: 110px;



    height: 110px;



    margin: 0 15px 30px;



}



.home-solve-main{



    padding: 24px 100px;



    height: 277px;



}



.page.swiper-slide-active .home-solve-block a{



    height: 270px;



    padding-top:0;



}



.home-solve-block{



    left: 100px;



    right: 100px;



    width: auto;



    top: 5px;



}



.page4-bg{



    height: 190px;



}



.home-solve-img{



    height: 180px;



}



.home-solve-text{



    height: 150px;



    padding: 15px 15px 35px;



}



.home-solve-block .href{



    bottom: 16px;



    right: 15px;



}



.home-solve-text p{



    line-height: 1.5;



    height: 58px;



}



.page3-btn1-left, .page3-btn2-left, .page3-btn3-left,.page3-btn1-right, .page3-btn2-right, .page3-btn3-right{



    top: 165px;



}



.page.swiper-slide-active .page3-btn{



    padding-top: 35px;



}



.page3-btn li{



    width: 130px;



    height: 100px;



}



.page3-btn li img{



    width: 46px;



    margin: 14px 0;



}



.page3-btn li p{



    font-size: 16px;



}



.page2-right li img{



    max-width: 42px;



}



.home-partner-block li{



    width: 140px;



    height: 52px;



    line-height: 52px;



    margin: 15px 2px 0;



}



.partner-btn{



    right: 20px;



}



.home-news-main{



    padding: 10px 50px 0px;



}



.home-news-left{



    padding: 25px 50px 0 0;



}



.home-left-title{



    font-size: 24px;



}



.home-left-main h1{



    font-size: 17px;



    margin: 10px 0 5px;



}



.home-left-main p{



    font-size: 14px;



}



.home-news-right{



    padding: 68px 10px 26px 35px;



}



.news-right-main{



    height: 85px;



}



.news-right-main .time{



    width: 90px;



}



.news-right-main .time h1{



    font-size: 34px;



    margin: 12px 0 4px;



}



.news-right-main .time p{



    font-size: 16px;



}



.home-news-img{



    width: 140px;



}



.news-right-main .text-main{



    padding: 10px 150px 0 110px;



}



.news-right-main .text-main h1{



    font-size: 15px;



    margin-bottom: 3px;



}



.home-news-r,.news-href{



    bottom: -10px;



    font-size: 14px;



}



.home-news-l{



    top: 27px;



}



.home-map-main{



    padding: 12px 50px 0;



}



.map-right .title{



    font-size: 27px;



    margin-bottom: 15px;



}



.map-right-block .content p{



    font-size: 14px;



}



.customer-number{



    width: 240px;



    height: 110px;



    margin: -55px 0 0 -120px;



}



.customer-number h1{



    font-size: 38px;



}



}







/*手机*/



@media only screen and (min-width: 0px) and (max-width: 700px) {



.banner,.home-product,.home-solve,.home-partner,.home-news,.home-map{



    padding-top: 48px;



}



.pcbanner{



    display:none;



}



.mbanner{



    display:block;



}



.page-pagination{



    display: none;



}



.page-pagination .swiper-pagination-switch{



    margin: 20px 0;



}



.page-pagination .swiper-pagination-switch::after{



    width: 40px;



    height: 40px;



    margin: -18px 0 0 -19px



}



.page-pagination .swiper-pagination-switch::before{



    width: 40px;



    height: 40px;



    margin: -20px 0 0 -20px;



}



.banner-text-main{



    width: 95%;



    padding-left: 20%;



}



.banner-el .img1{



    height: 60px;



}



.banner-el .img2{



    height: 47px;



}



.banner-text h1{



    font-size: 20px;



    margin-bottom: 10px;



}



.banner-text p{



    font-size: 30px;



    margin-top: 30px;



}



.banner-text p span{



    margin-right: 30px;



}



.banner-text p span:last-child{



    margin-right: 0;



}



.page2-el1-wrap{



    display: none;



}



.page2-el3{



    background: none;



    width: 100%;



    height: 130px;



    top: 120px;



    left: 0;



    position: initial;



    margin-top: 120px;



    margin-bottom:60px;



}



.page2-el3-bg{



    background: none;



    width:  100%;



    height: 130px;



    top: 120px;



    left:  0;



    display:none;



}



.page2-el3 .img1,.page2-el3 .img2,.page2-el3 .img3{



    position: initial;



    float: left;



    width: 33.333%;



}



.page2-img{



    width: 100px;



    height: 100px;



    margin:  0 auto;



}



.page2-el3 .img1 p, .page2-el3 .img2 p, .page2-el3 .img3 p{



    color: #005bac;



    font-size: 12px;



    padding: 5px 0;

    width: 113px;



}



.page2-el3 .quan1{



    display: none;



}



.home-title{



    padding: 20px 0 0px;



    font-size: 20px;



}



.page2-right{



    bottom: 0;



    width: 100%;



    right: 0;



    height: 270px;



    position:relative;



}



.page2-block{



    padding: 0 20px;



}



.page2-right ul{



    width: 300px;



    margin: 0 auto;



}



.page2-right li{



    width: 90px;



    height: 90px;



    margin: 0 5px 12px;



}



.page2-right li p{



    font-size: 10px;



    padding: 0 9px;



}



.home-solve-main{



    padding: 15px 62px;



    height: 310px;



}



.home-solve-block{



    left: 50px;



    right: 50px;



    width: auto;



    top: 10px;



}



.home-solve-img{



    height: 165px;



}



.home-solve-text{



    height: 135px;



    padding: 15px 15px 35px;



}



.home-solve-block .href{



    bottom: 16px;



    right: 15px;



}



.home-solve-text p{



    line-height: 1.5;



    height: 58px;



}



.btn-l{



    width: 30px;



    left: 0px;



    margin-top: -65px;



}



.btn-r{



    width: 30px;



    right: 0px;



    margin-top: -65px;



}



.page3-btn1-left, .page3-btn2-left, .page3-btn3-left,.page3-btn1-right, .page3-btn2-right, .page3-btn3-right{



    top: 168px;



}



.page3-btn1-left, .page3-btn2-left, .page3-btn3-left{



    left: -30px;



}



.page3-btn1-right, .page3-btn2-right, .page3-btn3-right{



    right: -30px;



}



.page3-btn{



    padding-top: 0;



}



.page.swiper-slide-active .page3-btn{



    padding-top:30px;



}



.page3-btn li{



    width: 80px;



    height: 85px;



}



.page3-btn li img{



    width: 36px;



    margin: 14px 0;



}



.page3-btn li p{



    font-size: 12px;



}



.page2-right li img{



    max-width: 26px;



    margin: 15px 0 9px;



}



.page4-bg{



    height: 90px;



}



.home-partner-block li{



    height: 48px;



    line-height: 45px;



    float: left;



    width: 31.33%;



    margin: 5px 1%;



    box-sizing: border-box;



}



.partner-btn{



    right: 20px;



}



.home-news-main{



    padding: 20px 10px 0px;



}



.home-news-left{



    display: none;



}



.home-left-title{



    font-size: 24px;



}



.home-left-main h1{



    font-size: 18px;



}



.home-left-main p{



    font-size: 14px;



}



.home-news-right{



    padding: 30px 0px;



    width: 100%;



    max-height: 570px;



}



.news-right-main{



    height:80px;



}



.news-right-main .time{



    width: 80px;



}



.news-right-main .time h1{



    font-size: 30px;



    margin: 14px 0 4px;



}



.news-right-main .time p{



    font-size: 16px;



}



.home-news-img{



    width: 140px;



    display:  none;



}



.news-right-main .text-main{



    padding: 5px 10px 0px 95px;



}



.news-right-main .text-main p{



    font-size: 13px;



    line-height: 1.5;



    overflow: hidden;



    height: 37px;



}



.news-right-main .text-main h1{



    font-size: 15px;



    margin-bottom: 6px;



}



.home-news-r{



    bottom: 10px;



    font-size: 14px;



    width: 25px;



    left: 0;



}



.news-href{



    bottom: 10px;



    font-size: 14px;



}



.home-news-l{



    top: 5px;



    left: 0px;



    width: 25px;



}



.home-map-main{



    padding: 2px 5px 0;



}



.map-right .title{



    font-size: 18px;



    margin-bottom: 5px;



}



.map-right-block .content p{



    font-size: 12px;



    margin-bottom: 5px;



}



.customer-number{



    width: 220px;



    height: 110px;



    margin: 15px auto;



    position: initial;



    padding-top: 21px;



    box-sizing:  border-box;



}



.customer-number h1{



    font-size: 36px;



    margin: 0;



}



.page3-btn li:hover{



    top: -10px;



}



.mb-partner-main{



    display: block;



    padding-bottom: 80px;



}



.pc-partner-main{



    display: none;



}



.home-partner .swiper-slide{



    width: 100%;



}



.home-partner .home-title{



    margin-bottom: 15px;



}



.partner-btn span{



    width: 40px;



    height: 40px;



}



.map-left{



    width: 72%;



    margin:  0 auto;



    float:  none;



}



.map-right{



    width: 100%;



    height: 250px;



    padding-bottom: 25px;



    float:  none;



}



.map-nav{



    margin-bottom: 10px;



}



.map-nav span{



    font-size: 14px;



    padding-bottom:  4px;



}



.map-block-img{



    height: 110px;



    margin-bottom: 6px;



}



.map-block-text li{



    margin-bottom: 0px;



    padding-left: 0;



    line-height: 1.3;



}



.info-href a img{



    width: 18px;



}



.info-href a{



    font-size: 12px;



}



.map-block-text li span{



    font-size: 12px;



    color:#333;



    margin-left:0;



}



.pointer{



    font-size: 12px;



    padding:  2px 4px;



    border-radius: 3px;



}



.page.swiper-slide-active .home-solve-block a{



    padding-top:0;



}



.home-solve-main{



    padding-top: 15px;



}



.map-block-text li img{



    display:none;



}







}



@media only screen and (min-width: 100px) and (max-width: 330px) {



.page2-right ul{



    width: 280px;



}



.page2-right li{



    width: 80px;



    height: 80px;



}



.page2-right{



    height: 300px;



}



.home-solve-img{



    height: 150px;



}



.home-solve-main{



    padding: 10px 40px;



}



.home-solve-text{



    height: 140px;



}



}