@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;font-family: 微软雅黑;color: #333; -webkit-tap-highlight-color:transparent;font-size: 14px;background-repeat: no-repeat}
a {display:block;text-decoration: none;
}
img { border:0px; display: block}
body {background-color: #fff;margin: 0 auto}
ul, li { list-style-type:none; }
button {border: none;outline: none;background-color: transparent;box-sizing: content-box;}
p {line-height: 1.5em;text-align: justify;}
table {border: none;border-collapse: collapse;border:0 }
tr {border: none;}
td {border: none;}
input {outline: none;border: none;}
.pd {padding: 0 20px;box-sizing: border-box;}
.center {margin: 0 auto;width: 1200px;}

#J_dotLine{
	display: block;
	margin: 0 auto;position: absolute;z-index: -1;top: 0;background-color: #f3f3f3;
}
.cd-zulin{background-color: #fff;}
.head-top {width: 100%;height: 40px;background-color: #f3f3f3;display: flex;align-items: center}
.head-top>div {display: flex;align-items: center;justify-content: space-between;}
.head-top>div>div {display: flex;align-items: center;}

.logo {display: flex;align-items: center;height: 70px;}
.logo>div {display: flex;align-items: center;justify-content: space-between;position: relative;}
.logo>div>div>ul {display: flex;align-items: center}
.logo>div>div>ul>li {margin: 0 10px;}
.logo>div>div>ul>li>a {font-size: 12px}
.top-search input {width: 300px;height: 32px;border-radius: 16px;transition-duration: .5s;padding-left: 40px;border: 1px solid #999;}
.top-search {display: flex;position: relative;}
/* .top-search>div {width: 32px;height: 32px;background-color:#f3f3f3;cursor: pointer;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;z-index: 11111;} */
.top-search>button {width: 90px;height: 34px;background-color:#208cd7;cursor: pointer;border-radius:17px;position: absolute;right: 0;z-index: 1;transition-duration: .5s;color: #fff;}
.top-search>img {position: absolute;left: 10px;top: 10px;}
.logo>div>div>div {display: flex;align-items: center;}
.logo>div>div:last-child {position: relative;}
.logo>div>div>ul>li:first-child {color:#0068b7;}

.top-dianhua {display: flex;align-items: center;}
.top-dianhua>div {font-size: 20px;font-weight: bold;color: rgb(194, 26, 26);font-style: oblique;}
.top-dianhua>span {font-weight: bold;font-size: 18px;font-style: oblique;}
.nav-all .nav-top {display: flex;align-items: center;}
.nav-all .nav-top>div {width: 240px;height: 42px;background-color: #0068b7;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.nav-all .nav-top>div>img {margin-right: 10px;}
.nav-all>div {position: relative;}
.nav-all {box-sizing: border-box;}
.nav-all .nav-top>ul {display: flex;align-items: center;margin-left: 60px;}
.Column-nav .active {border-bottom: 4px solid#0068b7;}
.nav-all .nav-top>ul li {padding: 3px;margin: 0 30px;}
.nav-all .nav-top>ul li>a{font-size: 20px;transition-duration: .3s;font-weight: 500;}
/* .Column-nav>.active>a:before {width: 4px;height: 4px;background-color:#0068b7;content: "";display: block;position: absolute;left: 20px;top: 50%;border-radius: 50%;}
.Column-nav>.active>a:after {width: 4px;height: 4px;background-color:#0068b7;content: "";display: block;position: absolute;right: 20px;top: 50%;border-radius: 50%;} */
.Column-nav>.active{background-color: transparent;position: relative;}
.Column-nav>.active>a{color:#0068b7;}
.nav-all .nav-top>ul li>a:hover {color:#0068b7;}

.Column-nav>div {width: 1px;height: 8px;background-color: rgb(155, 155, 155);}
.Column-nav>div:last-child {width: 0;}


/*banner上面浮层*/
.cat_wrap {
    background-color: rgba(0,0,0,.5);
    /* background:rgba(32,140,215,.8); */
    width:240px;
    position:absolute;
    z-index:999;
    top:42px;
}
.cat_wrap .cat_header {
    height:466px;
}
.cat_wrap .cat_list>div {
    height: 33.3333333%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;padding: 20px;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,.5);
}
.cat_wrap .cat_list>div:last-child {border: none;}
.cat_wrap .cat_list div li {
    float:left;
    color:#323232;
    font-size:14px;
}
/* .cat_wrap .cat_list div li:first-child {
} */
.cat_wrap .cat_list {
    display: flex;flex-direction: column;height: 100%;
}
.cat_wrap .cat_list div.active {
    position:relative;
    z-index:999;background-color: #fff;
}

.cat_wrap .cat_list>div>div>div  {width: 16px;height: 16px;background-position: center;background-size: contain;margin-right: 10px;}
.cat_wrap .cat_list>div>div>div>div  {width: 100%;height: 100%;background-position: center;background-size: contain;opacity: 0;}
.cat_wrap .cat_list>div>div {display: flex;align-items: center;}
.cat_wrap .cat_list>div>div span {font-size: 20px;color: #fff;}
.cat_wrap .cat_list>div:nth-child(1)>div>div {background-image: url(../img/index-service1.png);}
.cat_wrap .cat_list>div:nth-child(2)>div>div {background-image: url(../img/index-service2.png);}
.cat_wrap .cat_list>div:nth-child(3)>div>div {background-image: url(../img/index-service3.png);}

.cat_wrap .cat_list>div:nth-child(1)>div>div>div {background-image: url(../img/index-service1-y.png);}
.cat_wrap .cat_list>div:nth-child(2)>div>div>div {background-image: url(../img/index-service2-y.png);}
.cat_wrap .cat_list>div:nth-child(3)>div>div>div {background-image: url(../img/index-service3-y.png);}

.cat_wrap .cat_list .active>div>div>div {opacity: 1;}
.cat_wrap .cat_list .active>div>span {color:  rgb(14, 104, 168);}

.cat_wrap .cat_list>div>ul {width: 100%;margin-top: 16px;flex-wrap: wrap;}
.cat_wrap .cat_list>div>ul a {font-size: 14px;color: #fff;}
.cat_wrap .cat_list>div>ul li {width: 50%;margin-bottom: 10px;}
.cat_wrap .cat_list .active>ul a{color: #333;}
.cat_wrap .cat_list .active>ul a:hover {color: #0e68a8}
/*banner浮层滑动显示弹框*/
        .cat_subcont {
    display:none;
}
.cat_subcont.active {
    display:block;
}
.cat_subcont .cat_sublist {
    position:absolute;
    z-index:998999;
    top:0px;
    left:240px;
    min-height:466px;padding: 40px;box-sizing: border-box;
    width:920px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);background-image: url(../img/index-service-bg.jpg);background-position: bottom;
}
.cat_subcont .cat_sublist>ul>li>div {width: 1px;height: 80px;background-color: #999;border-radius: 50%;margin: 0 30px;margin-right: 10px;}



.cat_subcont .cat_sublist>ul>li {display: flex;align-items: center;margin-bottom: 40px;}
.cat_subcont .cat_sublist>ul>li>h1 {font-size: 18px;width: 100px;}
.cat_subcont .cat_sublist>ul>li>ul {display: flex;flex-wrap: wrap;width: 600px;}

.cat_subcont .cat_sublist>ul>li>ul>li {margin: 20px;}
.cat_subcont .cat_sublist>ul>li>ul>li>a:hover {color: #0e68a8}

.index-service-r {position: absolute;right: 10px;top: 10px;}
.index-service-r a {width: 170px;height: 142px;background-color: #f6f6f6;padding: 12px;box-sizing: border-box;background-position: bottom right;margin-bottom: 10px;}
.index-service-r a h1 {font-size: 16px;margin-bottom: 6px;}
.index-service-r a span {font-size: 12px;}

.index-service-r>a:nth-child(1) {background-image: url(../img/index-service-r1.jpg);}
.index-service-r>a:nth-child(2) {background-image: url(../img/index-service-r2.jpg);}
.index-service-r>a:nth-child(3) {background-image: url(../img/index-service-r3.jpg);}

/* 页底 */
.footer {padding: 20px;}
.footer>div {display: flex;align-items: center;justify-content: space-between;}

.footer>div>ul {display: flex;flex-wrap: wrap;width: 200px;}
.footer>div>ul li {margin: 10px;}
.footer>div>div:nth-child(3) {height: 80px;border-right:1px dashed #ccc}
.footer>div>div:nth-child(4) {display: flex;align-items: center;padding: 16px;border-radius: 40px;border: 1px dashed#999;}
.footer>div>div:nth-child(4)>div {display: flex;flex-direction: column;}
.footer>div>div:nth-child(4) span {font-size: 14px;}
.footer>div>div:nth-child(4) img {margin-right: 10px;}
/* 服务承诺 */
.fuwucn {width: 100%;background-color: #f7f8fc;}
.fuwucn ul {display: flex;justify-content: space-between;}
.fuwucn ul li {display: flex;flex-direction: column;align-items: center;padding: 20px;}
.fuwucn ul li span {font-size: 16px;}
.fuwucn ul li p {font-size: 12px;color: #797979;}
.fuwucn ul li:nth-child(1)>div {background-image: url(../img/fuwucn1.png);}
.fuwucn ul li:nth-child(2)>div {background-image: url(../img/fuwucn2.png);}
.fuwucn ul li:nth-child(3)>div {background-image: url(../img/fuwucn3.png);}
.fuwucn ul li:nth-child(4)>div {background-image: url(../img/fuwucn4.png);}
.fuwucn ul li:nth-child(5)>div {background-image: url(../img/fuwucn5.png);}
.fuwucn ul li:nth-child(6)>div {background-image: url(../img/fuwucn6.png);}
.fuwucn ul li>div {width: 40px;height: 40px;background-position: center;transition: all 0.3s;}
.fuwucn ul li>div:hover{transform: rotate(360deg);}



@keyframes myfirst_animate
    {
        0%{
            opacity: 0;
             
        }
        10%{
            opacity: 0;
            transform: scale(1.09); 
        }
        10%{
            opacity: 0.1;
            transform: scale(1.08); 
        }
        20%{
            opacity: 0.2;
            transform: scale(1.07); 
        }
        30%{
            opacity: 0.4;
            transform: scale(1.06); 
        }
        50%{
            opacity: 0.5;
            transform: scale(1.05); 
        }
        60%{
            opacity: 0.6;
            transform: scale(1.04); 
        }
        70%{
            opacity: 0.7;
            transform: scale(1.03); 
        }
        80%{
            opacity: 0.8;
            transform: scale(1.02); 
        }
        90%{
            opacity: 0.9;
            transform: scale(1.01); 
        }
      
        100%{
            transform: scale(1);
            opacity: 1;
        }
    }

    .active_animate{
        animation:myfirst_animate 2s linear;
       
    }