 *{
	word-break: break-word;
}
.watch-more{
  width: 194px;
  height: 60px;
  background: #004BA0;
  padding:0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-pagination{
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.swiper-pagination-bullet{
  width: 14px;
  height: 14px;
  background: #BFBFBF;
  margin-right: 6px;
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background: #004BA0;
}
.link-nav ul{
  width: 70%;
  
}
.link-nav ul li:first-child a:hover::before,.link-nav ul li:first-child a.active::before{
  left: 14px;
}
.top-panel{
  height: 868px;
  background-image: url(../img/service-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 101px;
}
.top-panel .map-box{
  width: 64%;
  height: 679px;
}
.top-panel .select-box{
  width: 34%;
  height: 679px;
  background: rgba(74, 79, 84, .57);
  padding: 26px 23px 0;
}
.top-panel .select-box .select{
  display: flex;
  justify-content: space-between;
}
.top-panel .select-box .tips{
  margin: 0 0 19px;
}
.spe-select .select-address select{
  width: 48%;
  background-size: 8%;
} 

.scroll-top{
  overflow: auto;
  position: relative;
	margin-top: 26px;
	height: 523px;
}

.scroll-top .item{
  width: 374px;
  height: auto;
  background: #FFFFFF;
  position: relative;
  margin-bottom: 70px;
}
.scroll-top .item .desc{
  padding: 20px 22px;
}
.scroll-top .item .desc .txt,.map-box .txt{
  margin-top: 16px;
  display: flex;
  align-items: center;
  color: #999;
}
.scroll-top .item .desc .txt:last-child{
  align-items: flex-start;
}
.scroll-top .item .desc .txt .addTxt{
  flex: 1;
}
.scroll-top .item .desc .txt img,.map-box .txt img{
  margin-right: 10px;
}
.scroll-top .item .btn{
  height: 52px;
  border-top: 1px solid #E7E7E7;
  position: absolute;
  bottom: -52px;
  left: 0;
  width: 100%;
  background: #FFFFFF;
}
.scroll-top .item .btn ul{
  display: flex;
  height: 100%;
}
.scroll-top .item .btn ul li{
  width: 50%;
  
}
.scroll-top .item .btn ul li a{
  width: 100%;
  height: 100%;
}
.scroll-top .item .btn ul li a i{
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/dhg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 9px;
}
.scroll-top .item .btn ul li:last-child a{
  border-left: 1px solid #E7E7E7;
}
.scroll-top .item .btn ul li:last-child a i{
  background-image: url(../img/ser-icong.png);
}
.scroll-top .item .btn ul li a:hover{
  color: #fff;
  
  background: #004BA0;
}
.scroll-top .item .btn ul li a:hover i{
  background-image: url(../img/dhb.png);
}
.scroll-top .item .btn ul li:last-child a:hover i{
  background-image: url(../img/slide-icon1.png);
}
.map-box{
  position: relative;
}
.map-box .desc{
  position: absolute;
  top: 50%;
  left: 32%;
  box-shadow: 0px 0px 27px 0px #FAFAFA;
  background: #fff;
  padding: 19px 16px  14px;
}
.map-box .icon-box{
  position: absolute;
  top: 72%;
  left: 47%;
}
.map-box .desc::after{
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-top: 16px solid #fff;
  border-right: 16px solid transparent;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.map-box:hover .hidden{
  display: block;
}
.panel1{
  padding: 70px 0 96px;
}
.panel1 .container{
  margin-top: 50px;
  position: relative;
}
.panel1 .container .swiper-slide{
  position: relative;
}
.panel1 .container .swiper-slide .bg{
  width: 100%;
  height: 588px;
}
.panel1 .container .swiper-slide .desc-box{
  width: 904px;
  height: 435px;
  background: rgba(255, 255, 255, .89);
  opacity: 0.89;
  position: absolute;
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  padding: 45px 30px 56px;
  text-align: center;
}
.panel1 .container .swiper-slide .watch-more{
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.panel1 .container .swiper-slide .desc-box  h3{
  margin-bottom: 10px;
  padding-bottom: .25rem;
  border-bottom: 1px solid #CECECE;
}
.panel1 .container .swiper-slide .desc-box .item .icon-box{
  width: 45px;
  height: 45px;
  background: #4A4F54;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 21px auto 14px;
}

.bottom-panel{
  padding: 30px 0 36px;
  height: auto;
  background-image: url(../img/service-bg3.jpg);
}
.bottom-panel .container{
	position: relative;
}
.bottom-panel .tips{
  display: flex;
  align-items: center;
}
.bottom-panel .tips img{
  margin-right: 10px;
}
.bottom-panel .container .form{
  height: auto;
  background: #FFFFFF;
  margin-top: 37px;
  
}
.bottom-panel .container .form .left,.bottom-panel .container .form .right{
	flex-wrap: wrap;
}
.bottom-panel .container .form .radio-row{
	width: 48%;
}
.bottom-panel .container .form .left .row,.bottom-panel .container .form .right .row{
	width: 45%;
}
.last-radio{
	width: 100%;
}
.last-radio .radio-box{
	margin-top: 10px;
}
.form h3{
  height: 93px;
  line-height: 93px;
  width: 100%;
  text-align: center;
  background: #4A4F54;
  font-size:28px;
  position: relative;
}
.form h3::before,
.form h3::after{
  content: '';
  position: absolute;
  width: 40%;
  height: 20px;
  background-image: url(../img/title-icon4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
  
}
.form h3::before{
   left: 20px; 
}
.form h3::after{
   
   right: 20px;
   background-image: url(../img/title-icon3.png);
}
.hd .nav-box{
  width: 30%;
  display: flex;
  justify-content:space-between;
  margin: 42px auto 60px;
}
.hd .nav-box .item .icon{
  width: 55px;
  height: 50px;
  background: #4A4F54;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.hd .nav-box .item i{
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../img/piconb1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  
}

.hd .nav-box .item:last-child i{
  width: 34px;
  height: 25px;
  background-image: url(../img/piconb2.png);
}
.hd .nav-box .item.on{
  color: #004BA0;	cursor: pointer;
}
.hd .nav-box .item.on .icon{
  background: #004BA0;
}
.form .main{
  padding: 0 85px 39px;
}
.fill-info{
  margin-bottom: 40px;
}
.fill-info .txt{
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}
.fill-info input[type="text"],input[type="number"]{
  width: 550px;
  height: 60px;
  border: 1px solid #A3A3A3;
  padding: 0 15px;
  font-size: 18px;
  color: #333;
}
.radio-box{
  margin-top: 46px;
}
.radio-box,.radio,.check-row{
  display: flex;
  align-items: center;
}
.radio{
  margin-right: 60px;
}
.radio label{
  margin-left: 8px;
}
select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  width: 137px;
  height: 60px;
  line-height: 60px;
  padding:0 11px;
  position: relative;
  background: #FFFFFF url('../img/sanjiao.png');
  background-repeat: no-repeat;
  background-size: 10% ;
  background-position: 90%;
  color: #333;
  font-size: 16px;
}
.fill-info .select select{
  width: 180px;
  background: #F4F4F4 url('../img/sanjiao.png');
  background-repeat: no-repeat;
  background-size: 8% ;
  background-position: 90%;
}
.fill-info .longselect select{
  width: 100%;
  background-size: 2.8%;
  background-position: 97%;
}
.form .tip,.check-row{
  color: #999;

}
.check-row{
  margin-top: 25px;
}
.form .btn{
  width: 184px;
  height: 60px;
  background: #004BA0;
  margin: 33px auto 0;	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
.form .btn input{
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	background: #004BA0;
	cursor: pointer;
}
.notice{
  margin-top: 32px;
  text-align: center;
}

.news-details .details{
  display: flex;
  margin-top: 35px;
  padding: 28px 24px;
}
.news-details .details .pic-box{
  width: 541px;
  height: 348px;
  margin-right: 70px;
}
.news-details .details .desc .info{
  margin-top: 30px;
}
.news-details .details .desc .connect{
  margin-top: 50px;
  display: flex;
  align-items: center;
	cursor: pointer;
}
.news-details .details .desc  .btn{
  width: 184px;
  height: 60px;
  background: #E10B0B;
  margin-left: 30px;
	cursor: pointer;
}
.news-details .details .desc .down .btn{
  cursor: pointer;
  background: #004BA0;
}
.news-details .details .desc  .btn img{
  margin-right: 6px;
}
body{
  position: relative;
}
@media (max-width: 1440px){
  .scroll-top .item{
    width: 100%;
  }
  .select-address {
    display: flex;
  }
  .select-address .select{
    flex: 1;
  }
  
	.fill-info input[type="text"], input[type="number"]{
	
	  width: 100%;
	
	}
	.form  .row{
		width: 48%;
	}
}
@media (max-width: 750px){.form .left,.form .right{
		width: 100%;
	}
.top-panel{
  height: auto;
  background-image: url(../img/map.jpg);
  padding: .46rem 0;
}
.top-panel .map-box{
  display: none;
}
.top-panel .select-box{
  width: 100%;
  height: auto;
  background: none;
  padding: 0;
}

.top-panel .select-box .tips{
  /*display: none;*/
  color: #333;
  margin-bottom: 4px;
  font-size: 12px;
}

select{
  width: 32.6%;
  height: .7rem;
  line-height: .7rem;
  font-size: .24rem;
}

.scroll-top{
  max-height: 4.68rem;
  margin-top: .05rem;
}
.scroll-top .item{
  width:100%;
  margin-bottom: 1rem; 
  border-bottom: 1px solid #E7E7E7;
  padding: .24rem;
}
.scroll-top .item .desc{
  padding: 0 0 .1rem;
}
.scroll-top .item .desc .txt,.map-box .txt{
  margin-top: .2rem;
}
.scroll-top .item .desc .txt img,.map-box .txt img{
  margin-right: .14rem;
  width:.25rem;
}
.scroll-top .item .btn{
  height: 1rem;
  border-top: none;
  position: absolute;
  bottom: -1rem;
  left: .24rem;
  width: 100%;
}

.scroll-top .item .btn ul li{
  width: auto;
  height: auto;
}

.scroll-top .item .btn ul li a i{
  width: 30px;
  height: 30px;
  background-image: url(../img/micon1.png);
  margin-right: 5px;
}
.scroll-top .item .btn ul li:last-child a{
  border-left: none;
  margin-left: 25px;
}
.scroll-top .item .btn ul li:last-child a i{
  background-image: url(../img/micon2.png);
}
.panel1{
  padding: .42rem 0 0;
}
.panel1 .container{
  margin-top: .4rem;
  width: 100%;
}
.panel1 .container .swiper-slide .bg{
  width: 100%;
  height: 10rem;
}
.panel1 .container .swiper-slide .desc-box{
  width: 90%;
  height: auto;
  padding: .3rem .6rem;
}
.watch-more{
  padding: 0;
}
.panel1 .container .swiper-slide .watch-more{
  width: 2.24rem;
  height: .7rem;
  bottom: 1.6rem;
}
.panel1 .container .swiper-slide .desc-box  h3{
  margin-bottom: 0;
  padding-bottom: .25rem;
  border-bottom: 1px solid #CECECE;
}
.panel1 .container .swiper-slide .desc-box .item .icon-box{
  width: .62rem;
  height: .62rem;
  margin: .28rem auto .22rem;
}
.swiper-pagination{
  bottom: .8rem;
}
.bottom-panel{
  padding:1.03rem 0 .39rem ;
  height: auto;
  position: relative;
}
.bottom-panel .container .form{
  height: auto;
  margin-top: .35rem;
}

.form h3{
  height: auto;
  line-height: normal; 
  width: 100%;
  background: none;
  font-size:.3rem;
  position: absolute;
  top: -.8rem;
}
.form h3::before,
.form h3::after{
  width: 2.7rem;
  height: .16rem;
  
}
.form h3::before{
   left: 0; 
}
.form h3::after{
   
   right: 0;
}
.hd .nav-box{
  width: 90%;
  margin: 0 auto .54rem;
}
.hd .nav-box .item .icon{
  width: .55rem;
  height: .5rem;
  border-radius: .1rem;
  margin-right: .2rem;
}
.hd .nav-box .item i{
  width: .32rem;
  height: .32rem;
}

.hd .nav-box .item:last-child i{
  width: .34rem;
  height: .25rem;
}

.form .main{
  padding: .39rem .7rem .59rem;
}
.form .main .left{
  width: 100%;
}
.fill-info{
  margin-bottom: .4rem;
}
.fill-info .txt{
  font-size: .26rem;
  margin-bottom:.1rem;
}
.fill-info input[type="text"],input[type="number"]{
  width: 100%;
  height: .7rem;
  line-height: .5rem;
  padding: .1rem .3rem;
  font-size: .26rem;
}
.radio-box{
  margin-top: 0;
}

.radio{
  margin-right: .55rem;
}
.radio label{
  margin-left: .1rem;
}
.last-radio .radio{
  margin-right: .2rem;
}


.check-row{
  margin-top: .32rem;
}
.form .btn{
  width: 1.84rem;
  height: .7rem;
  margin: .4rem auto 0;
  line-height: .7rem;
}
.bottom-panel .container .form  .row{
	width: 100%!important;
}
.form .btn input{
	width: 1.84rem;
	height: .7rem;
	line-height: .7rem;
	font-size: .26rem;
}
.news-details .details{
  flex-wrap: wrap;
  margin-top: .35rem;
  padding: .3rem .24rem;
}
.news-details .details .pic-box{
  width: 100%;
  height: auto;
  margin-right: 0;
  margin-bottom: .34rem;
}
.news-details .details .desc .info{
  margin-top: .25rem;
}
.news-details .details .desc .connect{
  margin-top: .78rem;
  justify-content: center;
}
.news-details .details .desc .connect>img{
  width: .46rem;
}
.news-details .details .desc  .btn{
  width: 1.9rem;
  height: .7rem;
  margin-left: .2rem;
}

.news-details .details .desc  .btn img{
  margin-right: 6px;
  width: .29rem;
}
.select-address{
  display: flex;
  justify-content: space-between;
}
.fill-info .select-address select{
  width: 1.77rem;
  background: #F4F4F4 url('../img/sanjiao.png');
  background-repeat: no-repeat;
  background-size: 8% ;
  background-position: 90%;
}
}