﻿* {
    margin: 0;
    padding: 0;
}

html,
body {
    font-family: "微软雅黑";
    color: #333333;
    background-color: #fff;
    /* font-size:62.5%; */
    position: relative;
}

body,
p,
h1,
h2,
h3,
h4 {
    margin: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}
/*顶部*/
.top{
    height:110px;
}
.top-left{
    width:45%;
}
.top-left h2{
    font-size:25px;
}
.top-left p{
    color:#08a7fa;
    font-size:20px;
    padding-top:5px;
}
.top-logo{
    width:110px;
}
.top-logo-content{
    padding:20px 0;
}
.top-right{
    width:55%;
}
.tel{
    width:80%;
    padding:20px 10px;
}
.tel li{
    float: left;
    width:50%;
    color:#08a7fa;
    font-size:20px;
}
.top-wx{
    padding:5px 0;
    width:20%;
    text-align:center;
}
.top-wx img{
  width:85px;
}
.top-wx p{
  font-size:13px;
}
.daohang{
    border-top:2px solid #e5e5e5;
    padding:5px 0;
}
.daohang ul{
    width: 80%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.daohang ul a{
    padding: 5px 20px;
    display: block;
}
.a-active{
    background:#08a7fa;
    color:#fff;
    border-radius: 20px;
}
.carousel-item img{
    width:100%;
}

.sy-title{
    margin:30px auto;
    text-align: center;
    width:100%;
}
.juli{
    padding-bottom: 30px;
}
.sy-title i{
    display: block;
    float: left;
    width:100px;
    height:1px;
    background:#333333;
    margin-top:18px;
}
.sy-title h5{
    float: left;
    margin:0 auto;
    padding:0 30px;
    font-size:28px;
}
.sy-title1{
    width:35%;
    margin:0 auto;
    text-align: center;
    height:40px;
    line-height: 40px;
}
.sy-title span{
    display: block;
    width: 100%;
    color:#08a7fa;
    font-size:23px;
}
/*关于我们*/
.about-img{
    padding-left:20px;
}
.about-img img{
    float: right;
    max-width: 100%;
}
.about-content {
    position: relative;
}
.about-content p{
    line-height: 30px;
    padding-top:15px;
}
.about-content p span{
    font-weight: bold;
}
.more{
    background:#08a7fa;
    padding:5px 10px;
    color:#fff;
    border-radius: 10px;
    display: block;
    width:120px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left:15px;
}
.more i{
    display: block;
    background:#fff;
    color:#08a7fa;
    width:20px;
    text-align: center;
    height:20px;
    line-height: 20px;
    border-radius: 50%;
    float: right;
    margin-top:2.5px;
}
/*服务范围*/
.fuwu{
    background:#f4f4f4;
    padding-top:20px;
}
.fuwu01_img,.fuwu02_img,.fuwu03_img,.fuwu04_img,.fuwu05_img{
    width:40px;
    height:40px;
    background-size:80%;
    margin:0 auto;
}
.fuwu01_img{
    background:url(../images/fuwu01.png) no-repeat center;
}
.fuwu02_img{
    background:url(../images/fuwu01.png) no-repeat center;
}
.fuwu03_img{
    background:url(../images/fuwu03.png) no-repeat center;
}
.fuwu04_img{
    background:url(../images/fuwu04.png) no-repeat center;
}
.fuwu05_img{
    background:url(../images/fuwu04.png) no-repeat center;
}
.fuwu01{
    text-align: center;
    border:1px solid #08a7fa;
    padding:20px;
    border-radius: 5px;
    height:260px;
    position: relative;
    margin-top:20px;
}
.fuwu01 h5{
    color: #08a7fa;
    font-size:20px;
    margin:10px 0;
}
.fuwu01 p{
    padding:10px 0;
    font-size:15px;
}
.fuwu01 a{
    color:#08a7fa;
    border:1px solid #08a7fa;
    padding:5px 10px;
    border-radius: 10px;
    position: absolute;;
    bottom: 20px;
    left:50%;
    transform: translateX(-50%);
}
.fuwu01:hover .fuwu01_img,.fuwu01:hover .fuwu02_img{
    background:url(../images/fuwu01_1.png) no-repeat
}
.fuwu01:hover .fuwu03_img{
    background:url(../images/fuwu03_1.png) no-repeat
}
.fuwu01:hover .fuwu04_img,.fuwu01:hover .fuwu05_img{
    background:url(../images/fuwu05_1.png) no-repeat
}
.fuwu01:hover{
    transform: scale(1.1,1.1);
    transition: all 0.6s;
    color:#fff;
    background:#08a7fa;
}
.fuwu01:hover h5{
    color:#fff;
}
.fuwu01:hover  a{
    color:#fff;
    border:1px solid #fff;
}
/*我们的服务*/
.our .sy-title h5{
    padding:0 23px;
}
.our01{
    text-align: center;
    background:#e6e6e6;
    margin-top:40px;
    border-radius: 5px;
    position: relative;
    padding-top:80px;
    padding-bottom: 20px;
}
.our01 h5{
    font-size:20px;
}
.our01 img:nth-child(1){
    position: absolute;
    top:-30px;
    width:90px;
    left:50%;
    transform: translateX(-50%);
}
.fw-wx{
   width:100px;
}
.our-a{
    display: block;
    width:150px;
    text-align: center;
    background:#08a7fa;
    color:#fff;
    padding:5px 0;
    margin:30px auto;
    border-radius: 5px;
}
/*五险一金*/
.wuxian{
    background:#08a7fa;
    padding:20px 0;
    margin-top:30px;
}
.wuxian .sy-title{
    color:#fff;
}
.wuxian .sy-title i{
    background:#fff;
}
.wuxian .sy-title span{
    color:#fff;
}
.wuxian01{
    position: relative;
    display: block;
}
.wuxian01:hover{
    box-shadow: 1px 1px 20px rgba(0, 0, 0,0.4);
}
.wuxian01 img{
    width:100%;
}
.wuxian01 p{
    display: block;
    width:100%;
    position: absolute;
    bottom: 0;
    line-height: 30px;
    background:rgba(0, 0, 0,0.4);
    color:#fff;
    text-align: center;
}
.wuxian-more{
    color:#fff;
    border:1px solid #fff;
    text-align: center;
    border-radius: 20px;
    display: block;
    width:150px;
    margin:30px auto;
    padding:5px 0;
}
/*我们的优势*/
.youshi .sy-title h5{
    padding:0 23px;
}
.youshi01{
    border:1px solid #eeeeee;
}
.youshi01:hover{
    box-shadow: 1px 1px 20px rgba(0, 0, 0,0.4);
}
.youshi01 img{
    width:100%;
    height: 200px;
}
.youshi01  p{
    color:#666666;
    padding:15px;
}
/*合作单位*/
.corp{
    padding-bottom: 50px;
}
.corp .sy-title1{
    width:42%;
}
.corp ul li{
    padding-left:5px;
    padding-right:5px;
    margin-top:10px;
}
.corp-img img{
    width:100%;
}
/*底部*/
.footer{
    background:#212231;
    color:#fff;
    padding-top:40px;
}
.footer a{
    color:#fff;
    display: block;
    line-height: 30px;
}
.footer  span{
    font-size:20px;
    display: block;
    margin-bottom: 10px;
}
.foot-wx{
    width:60%;
    margin:0 auto;
    text-align: center;
}
.foot-wx img{
    width:90%;
}
.foot-wx p{
    padding:10px 0;
}
.lianxi p{
    line-height: 30px;
    padding-left:25px;
    background-size:25px !important;
}
.lianxi p:nth-child(2){
    background:url(../images/mail.png) left no-repeat;
}
.lianxi p:nth-child(3){
    background:url(../images/tel.png) left no-repeat;
}
.lianxi p:nth-child(4){
    background:url(../images/qq.png) left no-repeat;
}
.lianxi p:nth-child(5){
    background:url(../images/dizhi.png) left no-repeat;
}
.yqlj{
    margin-top:40px;
}
.yqlj a{
    display: inline-block;
    font-size: 15px;
    padding:0 5px;
}
.beian{
    text-align: center;
    border-top:1px solid #fff;
}
/*新闻动态*/
.sy-news{
    padding-bottom: 40px;
}
.sy-news01{
    padding:0 15px;
}
.sy-news01 img{
    width:100%;
    height:160px;
    object-fit: cover;
}
.sy-news01 h5{
    font-size:20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:10px;
}
.sy-news01  p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sy-news-more{
    color:#fff;
    background:#08a7fa;
    display: block;
    padding:5px 0;
    width:120px;
    text-align: center;
    margin-top:10px;
}
.sy-news-more:hover{
    background:#0b8ed4;
}
.sy-news-content li{
    border-bottom: 2px solid #d3d1d1;
    height:100px;
    padding-top:10px;
}
.new-left{
    width:100px;
    float: left;
    text-align: center;
}
.new-right{
    float: left;
    width:80%;
}
.new-left span{
    font-size:38px;
}
.new-right a{
    font-size:20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new-right a:hover{
    color:#666666;
}
.new-right p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
/*二级页面*/
/*五险一金*/
.wuxian-w{
    margin-bottom: 50px;
}
.erji-left{
    position: relative;
}
.erji-left h5{
    display: block;
    color:#fff;
    background:#08a7fa;
    position: absolute;
    height:80px;
    line-height: 80px;
    width: 85%;
    text-align: center;
    top:-40px;
}
.erji-left ul{
    display: block;
    margin-top: 60px;
}
.erji-left ul li{
    text-align: center;
    margin-top:5px;
}
.erji-left ul li a{
    padding:5px 0;
    display: block;
}
.erji-left ul li:hover{
    border-left:2px solid #32ba68;
    background:#e9f4f7;
}
.active-li{
    border-left:2px solid #32ba68;
    background:#e9f4f7;
}
.active-li a{
    color:#08a7fa;
}
.erji-left ul li:hover>a{
    color:#08a7fa;
}
.erji-right{
    position: relative;
}
.erji-right .weizhi{
    position: absolute;
    right:15px;
    font-size:14px;
    padding:10px;
}
.erji-right h5{
    display: block;
    border-bottom: 2px solid #666666;
    padding-bottom: 5px;
    margin:60px 15px 0 15px;
    font-size:23px;
}
.content{
    line-height: 30px;
    padding:15px;
}
.content img{
   max-width:100%;
   height:auto !important;
}
.erji-banner{
    width:100%;
}
/*关于我们*/
.jianjie-title{
    text-align: center;
    padding:20px 0;
}
.jianjie-title h5{
    font-size:27px
}
.jianjie-title i{
    display: block;
    width:100px;
    height:2px;
    background:#08a7fa;
    margin:0 auto;
}
/* .jianjie p{
    display: block;
    width:60%;
    margin:0 auto;
} */
.jianjie,.linian,.ys{
    text-align: center;
    padding:30px 0;
}
.jianjie p,.linian p{
    padding:20px 0;
}
.linian{
    background:#f4f4f4;
}
.ys-content li{
    margin-top:30px;
}
.ys-content li img{
    max-width:100%;
}
.ys-content li  h5{
    font-size:20px;
    margin-top:20px;
}
.ys{
    margin-bottom: 50px;
}
/*联系我们*/
.lianxi-nei{
    /* margin:30px 0; */
    background:#f4f4f4;
}
.lianxi-title{
    text-align: center;
    padding:40px 0 0 0;
}
.lianxi-title h5{
    font-size:28px;
}
.lianxi-title i{
    display: block;
    width:100px;
    height:2px;
    background:#08a7fa;
    margin:0 auto;
}
.lianxi-fuwu{
    padding-top:40px;
    padding-bottom: 80px;
}
.lianxi-fuwu01{
    text-align: center;
}
.lianxi-img{
    background:#08a7fa;
    border-radius: 50%;
    width:170px;
    height:170px;
    margin:20px auto;
    /*line-height: 170px;*/
    padding:40px 0;
}
.lianxi-img img{
    width:50%;
}
.contact{
    margin:40px 0;
}
.dizhi .lianxi-title{
    padding:0 !important;
}
.map iframe{
    width:100%;
    height:350px;
    border:none;
}
.dizhi-1{
    padding-top:100px;
}
.bt{
    font-weight: bold;
}
/*新闻动态*/
.news-list li{
    background:#f8f8f8;
    padding:15px 0;
    margin-top:15px;
}
.news01-img{
    width:30%;
    float: left;
    padding-left:15px;
}
.news01-img img{
    width:100%;
    height: 150px;
    object-fit: cover;
}
.news01-content{
    width:70%;
    float: left;
    padding-left:10px;
}
.news01-content a{
    display: block;
    position: relative;
}
.news01-content a p{
    font-size:18px;
    width:80%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news01-content a span{
    display: block;
    position: absolute;
    right:15px;
    bottom: 0;
    color:#666666;
}
.news01-p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-top:20px;
}
.fenye li{
    background:none;
    float:left;
    margin:0 2.5px;
}
.fenye li a{
    background:#f4f4f4;
    padding:0 2.5px;
}
/*详情*/
.xq-title{
    border-bottom: none !important;
    text-align: center;
    margin-top:20px !important;
}
.liulan{
    text-align:center;
    padding:10px 0;
}
.liulan span{
    padding:0 5px;
    color:#bdb9b9;
}
.xg{
    margin-top:40px;
}
@media screen and (min-width:768px) and (max-width:1024px){
    .sy-title1{
        width:42%;
    }
    .youshi01 img{
        width:100% !important;
    }
    .new-right{
        width:78%;
    }
    .corp .sy-title1{
        width:50%;
    }
}
@media screen and (max-width:767px){
    .sy-title{
        margin:10px auto;
    }
    .sy-title h5{
        font-size:20px;
        margin:5px auto;
    }
    .sy-title1{
        width:90%;
    }
    .sy-title span{
        font-size:18px;
    }
    .about-content p{
        padding-top:5px;
        font-size:14px;
    }
    .more{
        position: relative;
        margin:15px auto;
        bottom:0;
        left:0;
    }
    .fuwu01 a{
        width:120px;
        bottom:20px;
    }
    .fuwu01 p{
        font-size:14px;
    }
    .our .sy-title h5{
        padding:0 10px;
    }
    .our01 p{
        font-size:14px;
    }
    .wuxian01{
        margin-top:10px;
    }
    .youshi .sy-title h5{
        padding:0 10px;
    }
    .youshi .sy-title1{
   	width:98%; 
   }
    .youshi01 img{
        width:100% !important;
        height:160px;
    }
    .youshi01{
        margin-top:15px;
    }
    .new-right{
        width:72%;
    }
    .new-right a{
        font-size:18px;
    }
    .new-right p{
        font-size:14px;
    }
    .new-left span{
        font-size:30px;
    }
    .sy-news{
        padding-bottom: 20px;
    }
    .corp .sy-title1{
        width:100%;
    }
    .corp .sy-title h5{
        padding:0;
    }
    .foot-wx{
        width:100%;
    }
    .foot-wx p{
        font-size:14px;
    }
    .footer span{
        font-size:15px !important;
    }
    .footer a{
        font-size:14px;
    }
    .lianxi p{
        padding-left: 20px;
    background-size: 20px !important;
    }
    .weizhi{
        left:15px;
    }
    .erji-right h5{
        font-size:16px;
        margin:20px 0 auto;
    }
    .content{
        font-size:14px;
    }
    .m-list{
        margin-top:40px;
        margin-left:0;
    }
    .m-list li{
        padding-left:2.5px;
        padding-right:2.5px;
        text-align: center;
        font-size:14px;
        margin-top:10px;
    }
    .m-list li a{
        border-radius: 20px;
        border:1px solid #eeeeee;
        display: block;
        padding:5px 0;
        color:#666666;
    }
    .m-list-active{
        border:none;
        background:#08a7fa;
        color:#fff !important;
    }
    .erji-banner{
        margin-top:70px;
    }
    .jianjie, .linian, .ys{
        padding:0;
    }
    .jianjie p, .linian p{
        padding:10px 0;
    }
    .ys-content{
        padding-left:10px;
        padding-right:10px;
    }
    .ys-content li{
        margin-top:10px;
        padding:10px;
    }
    .ys-content li h5{
        font-weight: bold;
    }
    .jianjie-title{
        padding:10px 0 10px 0
    }
    .jianjie-title h5{
        font-size: 20px;
    }
    .jianjie-title i{
        width:60px;
    }
    .jianjie,.linian,.ys{
        padding-bottom: 10px;
    }
    .jianjie p, .linian p,.ys p{
        font-size:14px;
    }
    .ys-content li img{
        width:50%;
    }
    .ys-content li h5{
        font-size:16px;
        margin-top:10px;
    }
    .ys{
        margin-bottom: 20px;
    }
    .lianxi-fuwu{
        padding-top:20px;
        padding-bottom: 40px;
    }
    .lianxi-img{
        width:120px;
        height:120px;
        /*line-height:120px;*/
	padding:15px 0;
    }
    .lianxi-img img{
        width:65%;
    }
    .lianxi-title{
        padding:20px 0 0 0;
    }
    .lianxi-title h5{
        font-size:23px;
    }
    .dizhi p{
        font-size:14px;
    }
    .dizhi-1{
        padding-top:10px;
    }
    .news01-img img{
        height:70px;
    }
    .news01-content a p{
        width:65%;
        font-size:16px;
    }
    .news01-p{
        padding-top:0;
        -webkit-line-clamp:2;
    }
    .wuxian-w{
        margin-bottom: 20px;
    }
    .liulan span{font-size:13px;}
}
.m-foot{
	display:none;
}
#floatDivBoxs{width:130px;background:#fff;position:fixed;top:100px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:auto;font-size:18px;border-bottom:1px solid #e3e3e3; text-align:left; padding: 5px 0px;}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:2px; margin-right: 5px; height: 24px;}
#floatDivBoxs .floatDqq li p{ color: #f08326; font-size: 16px;line-height:28px; }
#floatDivBoxs .floatDqq li p a{color:#08a7fa;}
#floatDivBoxs .floatDqq li p a:hover{color:#e8431f;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:130px;z-index:999;}
#rightArrow a{display:block;height:45px;}