@charset "utf-8";
 
.back-button{ display:block; width:200px; line-height:50px; border-radius:40px; color:#fff; text-align:center; background:#8cc31b; margin:30px auto 0;}
.back-button:hover{ color:#fff;}

.ne-banner{ position:relative;}
.pc-banner {
    display: block; width:100%;
}
.mobile-banner{ display:none; width:100%;}
.banner-txt{ position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:#fff;}
.banner-txt h1{ font-size:60px; font-weight:normal; line-height:0.8; color:#29a7e1} 
.banner-txt p{ font-size:36px; text-transform:uppercase; color:#29a7e1}
 .ne-box{ padding:70px 0;}
.wrap{ width:1400px; margin:0 auto;} 

#map{ height:535px; margin-top:35px; border:1px solid #d2d2d2;}
.lx-box{display: flex;justify-content: space-between;}
.lx-box dl dt{display: flex;justify-content: center;align-items: center;}
.lx-box dl dt img{ margin-right:10px;}
.lx-box dl dt p{ font-size:18px;}

.subNavBox{width:100%;}
.subNav{display: block;
  width: 100%;
    cursor: pointer;
    border-top: none; position:relative;background:#edf0f3; line-height:78px; margin-bottom:20px;
   
}
 
.currentDt{margin-bottom:0; background:#00aafe; color:#fff;}
.navContent{display: none;padding: 36px 90px;
    font-size: 16px;
    background: #edf0f3;margin-bottom:25px; }
.navContent li{ line-height:28px;}
.navContent li a{display:block; font-size:11px; color:#888; padding-left: 14px;}
 
.subNav h1{ font-size:24px; font-weight:normal; line-height:78px;  padding-left:20px;}
.subNav p{ font-size:20px; }
.subNav p span{ margin-right:90px;}
.subNav b{ display:block; width:30px; height:100%; background:url(../images/jia.png) no-repeat center #00aafe; position:absolute; right:0; top:0;}
 


.zp-ti p{ margin-top:0.1rem; width:0.44rem; height:0.44rem;background:url(../images/sj.png) no-repeat center; background-size:contain;}
.zp-li{ line-height:0.63rem;display: flex;justify-content: space-between; font-size:0.18rem; padding:0 0.6rem;}
.currentDt .zp-ti h1{background:url(../images/rl.png) no-repeat left center; color:#fff;}
.currentDt .zp-ti p{background:url(../images/sj1.png) no-repeat center;}
.currentDt .zp-li{ color:#fff;}
.page-list {margin-top:30px;display: flex;justify-content: center;align-items: center;}
.page-list li { margin:0 5px;}
.page-list li a {display: block; text-align: center; font-size:14px; border-radius:5px; border:1px solid #dedede; padding:0 8px;}
.page-list li a:hover, .page-list li .on {color: #fff;background: #00aafe }
.case-nav{ position:absolute; width:100%; bottom:0; left:0; background:#00aafe;display: flex;justify-content: center;align-items: center;}
.case-nav li{  }
.case-nav li a{ font-size:24px; line-height:58px; display:block; color:#fff; padding:0 60px;}
.case-nav li a:hover,.case-nav li .on{ background:#8cc31b;}

.ne-new-list{ padding-bottom:20px;}
.ne-new-list dl{ padding:40px; position:relative; transition-duration:.5s; background:#f4f4f4; margin-bottom:25px; }
.ne-new-list dl dt{ width:266px; height:165px; overflow:hidden; float:right;}
.ne-new-list dl dt img{ width:100%; height:100%; display:block; transition-duration:.5s;object-fit: cover;}
.ne-new-list dl dd{width: calc(84% - 266px);width: -webkit-calc(84% - 266px);padding-right: 40px; float:right; border-left:1px solid #d3d3d3; padding-left:42px; padding-bottom:20px;}
.ne-new-list dl dd h1{ font-size:24px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:15px 0; color:#333; font-family: "SourceHanSansCN-bold";}
 
.ne-new-list dl dd p{ font-size:17px;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; color:#666;}
.ne-rq{ position:absolute; left:050px; top:60px;  text-align:center;}
.ne-rq p{ font-size:60px; line-height:1; color:#29a7e1;font-family: "SourceHanSansCN-bold"; font-weight:bold;}
.ne-rq span{ display:block; font-size:20px; color:#29a7e1; }
.ne-new-list dl:hover dt img{ transform:scale(1.1)}
.ne-new-list dl:hover{ background:#dee4ee}
 .new-nr-ti { text-align:center; border-bottom:1px solid #eee; padding-bottom:20px; width:80%; margin:0 auto 20px;}
.new-nr-ti h1{ font-size:20px; padding-bottom:0.1rem;font-family: "SourceHanSansCN-bold"; font-weight:bold; }
.new-nr-ti p{ font-size:18px;}
.new-nr-zi{ font-size:16px; line-height:1.8; width:80%; margin:0 auto;}
.new-nr-zi table{ margin:0 auto !important; width:100% !important}
.lc-ti{ text-align:center; font-size:44px;font-family: "SourceHanSansCN-bold"; font-weight:bold; text-align:center; color:#333; padding-bottom:40px;}
.lc-img{ text-align:center;}
.fg-list li{ margin-bottom:13px;-moz-box-shadow:0px 0px 6px #A1A1A1; -webkit-box-shadow:0px 0px 6px #A1A1A1; box-shadow:0px 0px 6px #A1A1A1; line-height:58px; padding:0 19px; transition-duration:.5s;}
.fg-list li span{ float:right; font-size:17px;}
.fg-list li a{ color:#333;}
.fg-list li p{ float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:80%; font-size:18px; position:relative; padding-left:15px; transition-duration:.5s;}
.fg-list li p:before{ content:""; width:4px; height:4px; background:#0eaffe; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}
.fg-list li:hover p{ color:#0eaffe; padding-left:25px;}
.fg-list li:hover{ border-radius:10px;}

.fw-box{ background:url(../images/fw01.jpg) no-repeat center;}
.fw-box li{  width:20%; float:left; padding-left:50px; box-sizing:border-box; padding-right:20px; border-right:1px solid rgba(255,255,255,0.5); transition-duration:.5s;padding-top:210px; height:420px; overflow:hidden;}
.fw-box li a{ color:#fff;}
 
.fw-box li h1{ font-size:24px; padding-bottom:50px; transition-duration:.5s;  line-height:1.3; height:60px;}
.fw-box li span{ transition-duration:.5s; display:none; width:131px; line-height:43px; border:1px solid #fff; text-align:center; font-size:16px; border-radius:30px;}
.fw-box li:nth-child(1),.fw-box li:nth-child(2),.fw-box li:nth-child(3),.fw-box li:nth-child(4),.fw-box li:nth-child(5){ border-bottom:1px solid rgba(255,255,255,0.5)}
.fw-box li:hover{ background:#29a7e1; padding-top:80px;}
.fw-box li:hover span{ display:block;}

.fw-left{ width:310px;}
.fw-left h1{ border-bottom:1px dashed #bababa; font-size:36px;font-family: "SourceHanSansCN-bold"; color:#333;}
.fw-left a{ display:block; color:#333; border-bottom:1px dashed #bababa; line-height:57px; font-size:18px; background:url(../images/h.png) no-repeat right center; }
.fw-left a:hover,.fw-left .on{ color:#29a7e1; font-weight:bold;font-family: "SourceHanSansCN-bold"; background:url(../images/h1.png) no-repeat right center;}
.fw-right{width: calc(95% - 310px);width: -webkit-calc(95% - 310px);box-sizing: border-box; padding-bottom:100px;}
.fw-img{ width:100%; position:relative; overflow:hidden; border-radius:30px; }
.fw-img img{ width:100%; display:block; transition-duration:.5s;}
.fw-right h2{ color:#29a7e1; font-size:30px; padding:20px 0;}
.fw-right p{ font-size:18px;}
.login-box{ width:100%; height:100%; background:url(../images/l.jpg) no-repeat center;}
.lo-po{ width:640px; height:620px; background:#fff;-moz-box-shadow:0px 0px 6px #A1A1A1; -webkit-box-shadow:0px 0px 6px #A1A1A1; box-shadow:0px 0px 6px #A1A1A1; position:absolute; top:50%; left:50%; margin:-310px 0 0 -320px; border-radius:30px; padding:70px 37px; box-sizing:border-box;}
.sk01{ width:100%; height:87px; background:#f8f8f8; margin-bottom:28px;display: flex; align-items: center; padding-left:33px; border-radius:15px;}
.sk01 img{ margin-right:25px;}
.sk01 input{ border:none; height:87px; line-height:87px; background:none; font-size:20px;}
.lo-po button{ line-height:87px; color:#fff; border:none; outline:none; background:#1498d4; font-size:30px; width:100%; text-align:center; border-radius:50px; margin-top:10px;}
.ab-box1{ padding:80px 0;}
.ne-ti{ text-align:center; margin-bottom:30px;}
.ne-ti h1{ font-size:48px; color:#29a7e1;font-family: "SourceHanSansCN-bold"; line-height:1.1;}
.ne-ti p{ font-size:36px; color:#333; font-family:"Arial"; text-transform:uppercase;}
.ab-ri{ width:48%; overflow:hidden;}
.ab-ri img{ width:100%; display:block; transition-duration:.5s;}
.ab-ri:hover img{ transform:scale(1.1)}
.ab-le{width:48%;}
 
.ab-le p{ font-size:18px; color:#555; margin-bottom:30px; line-height:1.3; text-indent:34px; }
.ab-box2{ background:url(../images/sm.jpg) no-repeat center; padding:72px 0 100px 0;}
.sm-list dl{ width:32%; float:left; transition-duration:.5s;}
.sm-list dl dt{ position:relative; overflow:hidden;}
.sm-list dl dt img{ width:100%; display:block; transition-duration:.5s;}
.sm-list dl dd{ background:#fff; position:relative; padding:18px 27px; box-sizing:border-box;}
.sm-list dl dd h1{ font-size:30px;font-family: "SourceHanSansCN-bold"; color:#0445ab; line-height:0.8;}
.sm-list dl dd span{ font-size:30px; font-weight:normal; opacity:0.39;}
.sm-list dl dd p{ font-size:26px; color:#0445ab; line-height:1.3; margin-top:10px;}
.sm-list dl dd img{ position:absolute; top:20px; right:20px;    width: 50px;}
.sm-list dl:nth-child(2){ margin:0 2%;}
.sm-list dl:hover dt img{ transform:scale(1.1)}
.sm-list dl:hover{-moz-box-shadow:0px 0px 6px #A1A1A1; -webkit-box-shadow:0px 0px 6px #A1A1A1; box-shadow:0px 0px 6px #A1A1A1;}
.ab-box3{ background:url(../images/jb.png) no-repeat right center; padding:71px 0;}
.ab-box4{ background:url(../images/ry.jpg) no-repeat center; padding:40px 0;}
.ab-box4 ul li{ float:left; width:32%; background:#000; }
.ab-box4 ul li img{ width:100%; display:block;}
.ab-box4 ul li:nth-child(2){  margin:0 1.5%;}
.ab-box5{ background:url(../images/zs.jpg) no-repeat center; padding:70px 0;}
.ab-box5 .ne-ti h1{ color:#fff;}
.ab-box5 .ne-ti p{ color:#fff; opacity:0.5;}
.mySwiper1,.mySwiper2{ padding-bottom:70px !important;}
.mySwiper1 .zs-box p{ text-align:center; color:#fff; font-size:15px;}
.mySwiper1 .swiper-button-next:after, .mySwiper1 .swiper-button-prev:after,.mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after{ display:none;}
.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev,.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{ width:45px; height:45px; background:url(../images/pre2.png) no-repeat center; left:46%;}
.mySwiper1 .swiper-button-next,.mySwiper2 .swiper-button-next{ transform:rotate(180deg); left:auto; right:46%;}
.mySwiper1 .s-yuan,.mySwiper2 .s-yuan{ bottom:30px;}
.ab-box6{ background:url(../images/last.jpg) no-repeat center; padding:80px 0;}
.sm-zi p{ font-size:17px;display: flex; align-items: top; padding-bottom:25px;}
.sm-zi p span{ line-height:23px;}
.sm-zi p span:nth-child(1){ display:block; background:#29a7e1; color:#fff; border-radius:5px; padding:0 5px; height:23px; margin-right:10px;}
@media screen and (max-width: 1440px) {
	.wrap{ width:1280px;}
	.ne-ti h1,.lc-ti{ font-size:36px;}
	.ne-ti p{ font-size:28px;}
	.ab-le p,.sm-zi p,.fw-left a{ font-size:16px;}
	.sm-list dl dd h1{ font-size:28px;}
	.sm-list dl dd p{ font-size:26px;}
	.fw-box li{ padding-left:30px;}
	.fw-box li h1,.case-nav li a,.subNav h1{ font-size:20px;}
	.fw-left h1{ font-size:30px;}
	.subNav p{ font-size:18px;}
	.navContent{ padding:30px 60px;}
	.lx-box dl dt img{ width:80px;}
	
	}
@media screen and (max-width: 1280px) {
	
	.wrap{ width:90%;}
	.lx-box dl dt img{ width:70px;}
	.fw-box li{ height:400px; padding-top:190px;}
	.fw-left{ width:240px;}
	.fw-right{width: calc(95% - 240px);
    width: -webkit-calc(95% - 240px);}
	.ne-rq{ left:25px;}
	.ne-new-list dl{ padding:20px;}
	.ab-le p{ text-indent:30px; margin-bottom:15px;}
	.mySwiper1 {
    padding-bottom: 50px !important;
}
.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev,.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{ left:45%;}
.mySwiper1 .swiper-button-next,.mySwiper2 .swiper-button-next{ right:45%; left:auto;}

	}
	
@media screen and (max-width: 768px) {
.pc-banner, .ne-rq{ display:none;}	
.mobile-banner{ display:block;}
.banner-txt h1{ font-size:32px;}
.ab-box1,.ab-box2,.ab-box3,.ab-box4,.ab-box5,.ab-box6,.ne-box{ padding:30px 0; background-size:cover;}
.ne-ti h1, .lc-ti{ font-size:26px;}
.ne-ti p{ font-size:20px;}
.ab-ri,.ab-le,.fw-left,.fw-right{ width:100%; float:none; margin-bottom:10px;}
.ab-le p{ font-size:14px; margin-bottom:0; line-height:1.6;}
.sm-list dl{ width:100%;}
.sm-list dl dt,.sm-list dl dd{ width:50%; float:left; height:170px;}
.sm-list dl dt img{ height:100%;object-fit: cover;}
.sm-list dl:after,.fw-left:after{ content:""; clear:both; display:block;}	
.sm-list dl dd{ padding:10px;}
.sm-list dl dd h1{ font-size:20px;}
.sm-list dl dd span,.new-nr-ti p{ font-size:16px;}
.sm-list dl dd p,.ab-le p, .sm-zi p, .fw-left a,.new-nr-zi,.fg-list li p,.fg-list li span{ font-size:14px;}
.sm-list dl dd img{ width:35px;}
.sm-list dl:nth-child(2){ margin:10px 0;}
#ibox3 .swiper-horizontal>.swiper-pagination-progressbar, #ibox3 .swiper-pagination-progressbar.swiper-pagination-horizontal, #ibox3 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, #ibox3 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:80%; left:10%;}
.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev,.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{ width:30px; height:30px; background-size:30px 30px}
.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev,.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{ left:40%;}
.mySwiper1 .swiper-button-next,.mySwiper2 .swiper-button-next{ right:40%; left:auto;}
.sm-zi p{ padding-bottom:10px;}
.case-nav li a{ font-size:14px; padding:0 10px; line-height:40px;}
.ne-new-list dl{ padding:10px; margin-bottom:20px;}
.ne-new-list dl dd{ padding-right:0; border:none; padding-left:0;width: calc(95% - 100px);
    width: -webkit-calc(95% - 100px); float:left; margin-top:0;}
.ne-new-list dl dt{ width:100px; height:auto;}
.ne-new-list dl dd h1{ font-size:16px; padding:0 0 10px 0;}
.ne-new-list dl dd p,.map-lx p,.fw-right p{ font-size:14px; line-height:1.5}
.page-list{ margin-top:0;}
#map{ width:100%; height:250px;}
.page-list li a{ width:auto; height:20px; line-height:20px; font-size:14px;padding: 0 3px;}
.page-list li{ margin:0 3px;}
.new-nr-ti h1{ font-size:18px;}
 .fw-box li{ width:50%; height:auto; padding:40px 0 20px 20px;border-bottom: 1px solid rgba(255,255,255,0.5);}
 .fw-box{ background-size:cover;}
 .fw-box li a img{ width:60px;}
 .fw-box li span{ display:block;}
 .fw-box li h1{ font-size:16px; padding-bottom:10px; height:40px;}
 .fw-box li span{ width:100px; line-height:30px; font-size:14px;}
 .fw-box li:hover{ padding-top:40px;}
 .fw-left h1{ font-size:22px;}
 .fw-left a{ width:49%; float:left; margin-right:1%; background-size:9px 14px;height: 55px;
    line-height: 24px;
    display: flex;
    /* justify-content: center; */
    align-items: center;}
 .fw-left a:hover, .fw-left .on{ background-size:9px 14px;}
 .fw-left{ margin-bottom:30px;}
 .fw-img{ border-radius:10px;}
 .fw-right h2{ font-size:20px; padding:15px 0;}
 .fw-right{ padding-bottom:30px;}
 .lc-img{ width:100%; overflow:auto;}
 .lc-img img{ width:100%;}
 .fg-list li{ padding:0 5px;}
 .fg-list li p{ width:70%;}
 .subNav h1{ float:none; font-size:16px; line-height:30px; padding:5px 20px;}
 .subNav p{ float:none; font-size:14px; margin:0 !important; line-height:30px; padding:0 20px 10px;}
 .subNav p span{ margin-right:10px;}
 .navContent{ padding:20px; font-size:14px;}
 .lx-box{ display:block;}
 .lx-box dl{ margin-bottom:10px;}
 .lx-box dl dt{    justify-content: left;}
 .lx-box dl dt img{ width:40px;}
 .lx-box dl dt p{ font-size:14px;}
 .banner-txt p{ font-size:20px;}
 .new-nr-ti,.new-nr-zi{ width:100%;}
 .new-nr-zi img{ width:100% !important; height:auto !important}
	}