.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: 50px;



    color: #fff;



    margin-top: 70px;



}



.banner-text p span{



	margin-right: 100px;



	display: inline-block;



}



.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: 18px;



	padding: 10px 0;



}



.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: 12px;



	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: 200px;



    height: 100%;



    box-sizing: border-box;



    width: 100%;



}



.home-map-main{
padding-top: 0px;
/*	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: 15%;
    top: 25%;
}
.pointer2{
    right: 30%;
    top: 52%;
}
.pointer3{
    right: 10%;
    top: 37%;
}
.pointer5{
    right: 13%;
    top: 60.6%;
}
.pointer4{
    right: 31%;
    top: 56%;
}
.pointer6{
    right: 28%;
    top: 48.6%;
}
.pointer8{
   right: 30%;
   top: 45%;
}
.pointer11{
    right: 12%;
    top: 33%;
}
.pointer9{
    right: 3%;
    top: 41%;
}
.pointer7{
    right: 45%;
    top: 46%;
}
.pointer10{
    right: 27%;
    top: 34%;
}
.pointer12{
    right: 12%;
    top: 54%;
}

.pointer13{
    right: 13%;
    top: 64%;
}

.pointer14{
    right: 13%;
    top: 57.4%;
}
.pointer15{
    right: 36%;
    top: 60%;
}
.pointer16{
    right: 22%;
    top: 68%;
}
.pointer17{
    right: 4%;
    top: 47%;
}

.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: 16px;



        padding-top: 0;



    }



    .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: 16px;



		padding-top: 0;



	}



	.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: 14px;



		padding: 5px 0;



	}



	.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: 12px;



		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: 20rem;



		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;



	}



}