@charset "UTF-8";
/*.serBody .ser_1{background-image:linear-gradient(to right, #25c1ff , #237ae4);background-size:cover;}
.serBody .ser_1 ul{font-size:0;}
.serBody .ser_1 ul li{display:inline-block;width:25%;box-sizing: border-box;padding:60px 0;text-align:center;position: relative}
.serBody .ser_1 ul li p{font-size:16px;font-size:1.6rem;line-height:24px;color:#fff;}
.serBody .ser_1 ul li p a{color:#fff;text-decoration:none;}
.serBody .ser_1 ul li p a:hover{opacity:.7;text-decoration:none;}
.serBody .ser_1 ul li p.tel a{text-decoration:none;}
.serBody .ser_1 ul li i{border:2px solid #fff;border-radius:8px;width:70px;height:70px;display:inline-block;overflow:hidden;}
.serBody .ser_1 ul li i img{display:block;width:100%;;}

.serBody .ser_1 ul li:nth-child(4),.serBody .ser_1 ul li:nth-child(8){border-right:0;}


.serBody .ser_1 ul li:nth-child(1)::before,.serBody .ser_1 ul li:nth-child(2)::before,.serBody .ser_1 ul li:nth-child(3)::before,.serBody .ser_1 ul li:nth-child(4)::before{}


.serBody .ser_1 ul li::before{content:"";display:inline-block;width:1px;right:0;top:4%;bottom:4%;background-color:rgba(255,255,255,.2);position: absolute;}

.serBody .ser_1 ul li:nth-child(1)::after,.serBody .ser_1 ul li:nth-child(2)::after,.serBody .ser_1 ul li:nth-child(3)::after,.serBody .ser_1 ul li:nth-child(4)::after{content:"";display:inline-block;height:1px;bottom:0;left:4%;right:4%;background-color:rgba(255,255,255,.2);position: absolute;}
.serBody .ser_1 ul li:nth-child(4)::before,.serBody .ser_1 ul li:nth-child(8)::before{display:none;}*/

.serBody .ser_1{padding-bottom:70px;}
.serBody .ser_1 .tit{padding:60px 0 50px;}
.serBody .ser_1 .tit h3{font-size:38px;font-size:3rem;color:#333;font-weight:bold;padding-bottom:25px;}
.serBody .ser_1 .tit h4{font-size:18px;font-size:1.8rem;line-height:32px;color:#8a8d8e;}
.serBody .ser_1 ul.list{width:100%;font-size:0;}
.serBody .ser_1 ul.list li{display:inline-block;vertical-align:top;width:calc((100% - 60px)/4);margin-right:20px;}
.serBody .ser_1 ul.list li:last-child{margin-right:0;}
.serBody .ser_1 ul.list li .img_out{width:100%;height:200px;position: relative;}
.serBody .ser_1 ul.list li .img_out img.bg{width:100%;height:100%;object-fit:cover;}
.serBody .ser_1 ul.list li .img_out::before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,.85);z-index:1;transition:all linear .4s;}
.serBody .ser_1 ul.list li .img_out::after{border:1px solid #25c1ff;content:"";position: absolute;left:0;right:0;top:0;bottom:0;z-index:2;transition:all linear .4s;}
.serBody .ser_1 ul.list li .img_out .mask{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);z-index:3;text-align:center;transition:all linear .4s;font-size:0;}
.serBody .ser_1 ul.list li .img_out i{display:inline-block;position: relative; width:80px;height:80px;z-index:3;background-position:center;background-repeat:no-repeat;}
.serBody .ser_1 ul.list li .img_out i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition:all linear .4s;}
.serBody .ser_1 ul.list li .img_out .mask p{font-size:24px;color:#333;font-weight:bold;}

.serBody .ser_1 ul.list li .txt_out{padding:30px 0;position: relative;text-align:center;font-size:16px;line-height:26px;color:#333;transition:all linear .4s;}
.serBody .ser_1 ul.list li .txt_out a{color:#333;text-decoration:none;transition:all linear .4s;}
.serBody .ser_1 ul.list li .txt_out::after{border:1px solid #25c1ff;border-top:0;content:"";position: absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all linear .4s;}

.serBody .ser_1 ul.list li:hover .img_out::before{background-color:rgba(0,0,0,.66);}
.serBody .ser_1 ul.list li:hover .img_out::after{opacity:0;}
.serBody .ser_1 ul.list li:hover .img_out .mask p{color:#fff;}
.serBody .ser_1 ul.list li:hover .txt_out{background-color:#d61518;color:#fff;}
.serBody .ser_1 ul.list li:hover .txt_out a{color:#fff;}
.serBody .ser_1 ul.list li:hover .img_out i img{opacity:0;}



.serBody .ser_2{padding:40px 0;}
.serBody .ser_2 .list_top{padding:70px 0;background-color:#f5f5f5;}
.serBody .ser_2 .list_top h2{padding-top:0;}
.serBody .ser_2 .top{height:56px;box-sizing: border-box;font-size:0;}
.serBody .ser_2 .top select::-ms-expand{display: none;}    
.serBody .ser_2 .top select{display:inline-block;border:1px solid #237ae4;width:400px;height:56px;line-height:54px;font-size:16px;color:#666;padding:0 15px;margin-right:10px;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:#fff url(../images/service/select.png) no-repeat 96% center;box-sizing: border-box;}
.serBody .ser_2 .top input{display:inline-block;width:680px;height:56px;box-sizing: border-box;font-size:16px;line-height:26px;padding:14px 15px 14px 45px;border:1px solid #237ae4;padding-left:45px;background:#fff url(../images/service/search_icon.png) no-repeat 14px center;margin-right:10px;}
.serBody .ser_2 .top a{display:inline-block;width:100px;height:56px;line-height:56px;text-align:center;font-size:18px;color:#fff;font-weight:100;text-decoration:none;background-color:#237ae4;position: relative;transition:all linear .3s;}
.serBody .ser_2 .top a::after{content:"";position: absolute;left:0;right:0;bottom:0;display:inline-block;width:100%;height:3px;background-color:#25c1ff;}
.serBody .ser_2 .top a:hover{background-color:#d61518;}
.serBody .ser_2 .top a:hover::after{display:none;}
.serBody .ser_2 .listBy ul.list{margin:20px 0;}
.serBody .ser_2 .listBy ul.list li{border-bottom:2px solid #eef0f2;height:66px;line-height:66px;font-size:0;}
.serBody .ser_2 .listBy ul.list li span{display:inline-block;box-sizing: border-box;vertical-align:middle;}
.serBody .ser_2 .listBy ul.list li span.s_1{width:580px;padding:0 20px;font-size:16px;font-size:1.6rem;color:#1B2026;transition:all linear .5s;}
.serBody .ser_2 .listBy ul.list li span.s_2{text-align:center;width:200px;font-size:14px;font-size:1.4rem;color:#666;}
.serBody .ser_2 .listBy ul.list li span.s_2 i{display:inline-block;width:24px;height:24px;margin-right:10px;vertical-align:middle;}
.serBody .ser_2 .listBy ul.list li span.s_2 i.pdf{background:url(../images/common/icon-pdf-1.png) no-repeat center;background-size:auto 100%;}
.serBody .ser_2 .listBy ul.list li span.s_3{text-align:center;width:280px;font-size:14px;font-size:1.4rem;color:#666;}

.serBody .ser_2 .listBy ul.list li.tip span{font-size:15px;font-size:1.5rem;color:#444;}

.serBody .ser_2 .listBy ul.list li a{display:block;width:100%;background:url(../images/service/down_1.png) no-repeat 96% center;transition:all linear .5s;height:66px;}
.serBody .ser_2 .listBy ul.list li a:hover{background:#eef0f2 url(../images/service/down_2.png) no-repeat 96% center;}
.serBody .ser_2 .listBy ul.list li a:hover span.s_1{color:#d61518;font-weight:500;}