/*********公共的样式***********************/
body, p, img, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
body { position: relative; font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif, Arial; color: #000; text-align: left; }
ul, ol { list-style: none; }
img { border: 0 none; }
input, select { vertical-align: middle; }
table { border-collapse: collapse; }
s, em, i { font-style: normal; text-decoration: none; }
.cf { *zoom: 1; }
.cf:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; zoom: 1;}
input[type="number"]{
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


.w1400{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.am-container{
    margin: 0;
    padding: 0;
    max-width: 1400px;
}
/*************首页的样式**********************/

.header{
    height: 90px;
    line-height: 90px;
    overflow: hidden;

}
.logo{

}
.nav {

}
.nav li{
    float: left;
    padding:0 20px;

}
.nav li.active a{
  
    color: #00aaff;
}
.nav li a{
    color: #000;
    font-size:16px;
    position: relative;

}
.nav li.active a i{

    display: block;
}

.nav li a i{
    display: none;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 2px;
    background: #00AAFF;
    left: 0;
}

.nav li a:hover{

    color: #00aaff;
}



.footer .am-container{
    width: 100%;
    /* padding-left: 1.5rem;
    padding-right: 1.5rem; */
    margin: 0 auto;
}
.foo_top{
    background: #666666;
    padding: 30px 0;
    color: #fff;
}
.foo_bottom{
    font-size:14px;
    color: #333;
    line-height:20px;
    text-align: center;
    padding: 30px 0;
}
.foo_logo img{
    margin-bottom: 10px;
}
.foo_logo h3{
    font-size: 24px;
    font-weight: 400;
}
.foo_logo p{
    margin-top: 8px;
    font-size: 14px;
    color: #999999;
}
.foor_er{
    float: right;
    margin-right: 4%;
}

.foor_er .foo_item{
    float: left;
    width: 145px;
    height: 145px;
    /* margin-left: 20px; */
}
.foor_er .foo_item img{
    width: 100%;
    height: 100%;
}
.foo_nav{
    margin-left: 360px;

}
.foo_nav li{
    line-height:36px;
}
.foo_nav li a{
    font-size:18px;

    color:#fff;
}

.foo_nav li a:hover{
    text-decoration: underline;
}


/*悬浮链接*/
.suspension{
    position:fixed;
    z-index:20;
    right:0;
    bottom:85px;
    width:70px;
    height:240px;}
.suspension-box{
    position:relative;
    float: right;
    background:#488BFF ;
    width: 100%;
}
.suspension .a{
    text-decoration:none; 
    text-align: center;
    display:block;
    width:100%;
    height:75%;
    background-color:#488BFF ;
    cursor:pointer;
    outline:none; 
    padding-bottom:18%;
    padding-top: 20%;
    background: #488BFF
}
.suspension .a.active,
.suspension .a:hover{
    background:#F05352;
}
.suspension .a .i{
    float:left;
    width:44px;
    height:44px;
    background-image:url(../images/zxicon.png);background-repeat:
    no-repeat;
}
.suspension .a span{
    color: #fff
}
.suspension .a-service .i{
    margin-left:28%;
    background-image:
    url(../images/zxicon.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size: 62% 64%;
}
.suspension .a-service-phone .i{
    margin-left:28%;
    background-image:url(../images/kficon.png);
    background-repeat:no-repeat;
    background-size: 62% 64%;
}
.suspension .d{
    display:none;
    width:223%;
    background:#fff;
    position:absolute;
    right:67%;
    min-height:60px;
    border:1px solid 	#A9A9A9 ;
    border-radius:3px;
    box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d-service-phone{
    top:105px;
    right: 71px; 
    width: 252px;
}
.suspension .d-service-phone .inner-box{ 
    text-align: center
}
.suspension .d-service-phone p{ 
    font-size: 19px;
    margin-top: 14px;
}
.suspension .d-service-phone p a{
    text-decoration:none;
}

.suspension .a-top .i{
    margin-left:28%;
    background-image:url(../images/fanhui.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size: 60% 80%;
}
.suspension .a-top{
    display:none;
}
.suspension .a-top:hover{
    background:#c0c1c3;
}

/* 移动端 */
.yidong{
    position:fixed;
    z-index:21;
    right:0;
    bottom:600px;
    width:70px;
    height:240px;}
.yidong-boxs{
    position:relative;
    float: right;
    background:#488BFF ;
    width: 100%;
}
.yidong .a{
    text-decoration:none; 
    text-align: center;
    display:block;
    width:100%;
    height:75%;
    background-color:#488BFF ;
    cursor:pointer;
    outline:none; 
    padding-bottom:18%;
    padding-top: 20%;
    background: #488BFF
}
.yidong-boxs .a .i{
    float:left;
    width:44px;
    height:44px;
    background-image:url(./images/zxicon.png);background-repeat:
    no-repeat;
}
.yidong .a span{
    color: #fff
}
.yidong .yidong-services .i{
    margin-left:28%;
    background-image:
    url(../images/zxicon.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size: 62% 64%;
}
.yidong .d{
    display:none;
    background:#fff;
    position:absolute;
    right:6%;
    bottom: 100%;
    min-height:60px;
    border:1px solid 	#A9A9A9 ;
    border-radius:3px;
    box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.yidong .yidong-box .a-service-phone i{
    margin-left:28%;
    background-image:url(../images/zxicon.png);
    background-repeat:no-repeat;
    background-size: 62% 64%;
}
.yidong .d-service-phone .inner-box{ 
    text-align: center
}
.yidong .d-service-phone p{ 
    font-size: 12px;

}
.yidong .d-service-phone p a{
    text-decoration:none;
}

.yidong .a-top .i{
    margin-left:28%;
    background-image:url(../images/fanhui.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size: 60% 80%;
}
.suspensions .a-top{
    display:none;
}
.suspensions .a-top:hover{
    background:#c0c1c3;
}

.xs-hide
{
    display: block;
    
}
.xs-show{
    display: none;
}
.con_what,.con_do{
    margin-top: 30px;
    padding-bottom: 60px;
}


.con_do{
    background: #FCFCFC;
    padding-top: 30px;
}
.title {
    height: 90px;
    line-height: 90px;
    position: relative;
    text-align: center;
    margin-bottom: 90px;
}
.title  h3{
    font-size:48px;
    color: #333;
    font-weight: 400;
}
.title  h3 i{
    position: absolute;
    width: 120px;
    height: 2px;
    background: #00AAFF;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
}

.what_con{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.what_con_wen{
    width: 50%;
}
.what_con_wen p{
    font-size:18px;
    line-height: 28px;
    color: #333;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.what_con_img{
    width: 380px;
    height: 287px;

}

.what_con_img img{
    width: 100%;
    height: auto;
}


.do_con{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.do_con>ul>li{
    width: 33.33%;
    text-align: center;
    float: left;
}

.do_com_img{
    width: 236px;
    height: 120px;
    margin: 0 auto;
}
.do_com_img img{
    width: 100%;
    height: 100%;
}

.do_con_wen{
    margin-top: 20px;
}
.do_con_wen .title_item{
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    color: #00AAFF;
    font-size: 24px;
    margin-bottom: 30px;
}

.do_con_wen .title_item i{
    position: absolute;
    left: 50%;
    width: 40px;
    height: 2px;
    background: #00AAFF;
    bottom: 0px;
    margin-left: -20px;
}

.do_item {
    width: 310px;
    margin: 0 auto;
    text-align: left;
    font-size: 0;
}
.do_item span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size:14px;
    /* margin-right: 44px; */
    font-weight:400;
    line-height:20px;
    color: #666;
    width: 31.33%;
    text-align: left;
}
#open-care{
    width: 100%;
    text-align: center;
    margin: 0
}
.do_item span span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /* margin-right: 2px; */
}
.do_item span,.do_item span span{
    vertical-align: middle;
}
.do_items a{
    width:45%;
}
.do_items .abc{
   display: inline-block;
   width: 30%;
}
.do_item p{
    height:21px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:20px;

}
.do_item p .do_title{
    height:60px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:20px;

}
.do_item p a{
    width: 100%;
    margin: 0;
}
.do_item a:hover{
    /* color: #00AAFF; */
}
.list_title{
    background: #E7F3FB;
}
.content .list_content{
    height: 160px;
    background: #E7F3FB;
}
.content .list_content img{
    float: left;
    margin: 40px 0 40px 9%;
}
.content .list_content p{
    display: inline-block;
    float: left;
    height:34px;
    font-size:32px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(0,170,255,1);
    line-height:34px;
    margin-left: 57px;
    margin-top: 63px;
}
/*******list 页面***********************/
.bann_img{
    width: 100%;
}
.list_nav{
    /*margin-top: -280px;*/
    margin-top: -15%;
    background: #fff;
    position: relative;
    z-index: 1;
}
.list_nav{
    padding-bottom: 60px;
}
.list_nav>ul>li{
    width: 33.33%;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.list_nav>ul>li .list_icon{
    width:140px;
    height:140px;
    border:10px solid rgba(255,255,255,0.2);
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: -80px;
    border-radius: 50%;
    overflow: hidden;
}
.list_nav>ul>li .list_icon span{
    width:130px;
    height:130px;
    border-radius: 50%;
    background: #fff;
    display: block;
    cursor: auto;
}

.list_nav>ul>li .list_icon i{
    margin: 20px  auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 80px;
    background: url("../icon/icon10.png") no-repeat -3px center;
    background-size:100% ;
}
.list_nav>ul>li .list_icon i.i2{
    background: url("../icon/icon11.png") no-repeat   center;
    background-size:100% ;
}
.list_nav>ul>li .list_icon i.i3{
    background: url("../icon/icon12.png") no-repeat center;
    background-size:100% ;
}
.list_img{
    margin-top: 80px;
}
.list_img h3{
    font-size:30px;
    color: #333;
    margin-bottom: 35px;
}


.list_img .list_nav_item a{
    width:270px;
    color: #666;
    font-size:18px;
    line-height: 34px;
    word-wrap: normal; /* for IE */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
   margin: 0 auto;

}
.list_img .list_nav_item span{
    cursor: auto;
    width:270px;
    color: #666;
    font-size:18px;
    line-height: 34px;
    word-wrap: normal; /* for IE */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
   margin: 0 auto;

}
.list_img .list_nav_item a:hover{
    color: #00AAFF;
}
.list_nav>ul>li:hover h3{
    color: #00AAFF;
}

.list_cons{
    background: #fcfcfc;
}

.list_cons .list_con_fl{
    width: 45%;
    color: #333;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 11%
}
.list_cons .list_con_fl h3{
    font-size:32px;

    margin: 35px 0;
    overflow: hidden;
    height: 48px;
}
.list_cons .list_con_fl p{
    font-size:16px;
    font-weight:400;
    line-height:30px;
    margin-bottom: 18px;
}
.list_cons .list_con_fl p span{
    font-size:14px;
    font-weight:400;
    line-height:30px;
    margin-bottom: 18px;
}

.list_cons .list_con_fr{
    /*max-width: 540px;*/
    width: 40%;
    text-align: center;
    vertical-align: middle;
    margin-top: 30px;
    margin-left: 8%
}
.list_con_fr img{
    width: 99%;
    vertical-align: middle;
    height: auto;
}
.list_con{
    background: #fff;
}
.list_cons:hover  h3{
    color: #666;
}
.list_cons:hover p{
    color: #666;
}
/*******公司简介 页面***********************/

.banns_img{
    width: 100%;
   max-height: 320px;
}
.banns_img img{
    width: 100%;
    max-height: 320px;
}
.introduction{
    margin-top: 90px;
    padding: 0 120px 0 40px;
    margin-bottom: 50px;
}
.introduction_fl{
    width: 50%;
    color: #333;
}
.introduction_fl h3{
    margin-bottom: 50px;font-size:32px;

}
.introduction_fl p{
    font-size:18px;
    line-height: 30px;
    margin-bottom: 20px;
}
.introduction_fr{
    width: 30%;

}
.introduction_fr img{
    width: 100%;
}


.recruit_item_bottom p span{
    font-size:14px;
    line-height: 25px;
    margin-bottom: 30px;
    color: #00AAFF
}


/*******************联系我们*************************/
.contact{
    position: relative;
    /*margin-top: -220px;*/
    margin-top: -10%;
    z-index: 1;
    background: #fff;
    padding: 70px 0 70px 30px;
}

.contact_fl{
    width: 35%;
}
.contact_fr{
    width: 50%;
}
.contact_title{
    font-size:30px;
    color: #333;
    /*margin-bottom: 15px;*/
    font-weight: 400;
    margin-bottom: 35px;
}
.contact_form{
    padding-left: 70px;
}
.contact_form .form_item{
    margin-bottom: 12px;
}
.contact_form .form_item span{
    display: block;
    font-size:16px;
    color: #333;
    margin-bottom: 10px;
}

.contact_form .form_item input,#form_submit{
    width:400px;
    height:38px;
    padding: 10px;

    border:1px solid #ccc;
    border-radius:4px;
}
.contact_form .form_item textarea{
    width:400px;
    height:100px;
    border-radius:4px;
    padding: 10px;
}
.contact_form #form_submit{
    width:208px;
    height:48px;
    background:rgba(0,170,255,1);
    border-radius:4px;
    opacity:0.5;
    color: #fff;
    font-size:18px;
}

.contact_fr p{
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.map{
    height: 390px;

    width: 100%;
    position: relative;
    margin-top: 20px;
}
.map #map {
    width: 100%;
    height: 100%;
}
.map .title{
    color: #d06132;
    font-size: 16px;
     margin-bottom: 0px;
    height: 30px;
    line-height: 30px;
    text-align: left;
}
.map .content{
    font-size: 14px;
   width: 336px;
}
/*******************招聘*************************/
.recruit_lsit{
    margin-bottom: 40px;
}
.recruit_items{
    /*height: 90px;*/
    border-bottom: 1px solid #ccc;
}
.recruit_item_top{
    line-height: 90px;
    color: #333;
    font-size:24px;
    cursor: pointer;
}
.recruit_item_top .img_dingwei{
   margin-left: 25%;
   font-size:18px;
}
.recruit_item_top .img_dingwei_1{
   margin-left: 21.5%;
   font-size:18px;
}
.recruit_item_top .span_dingwei{
   font-size:18px;
}
.recruit_item_top .i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 7px;
    height: 14px;
    margin: 0 20px 0 25px;
}
.recruit_item_top .i,.recruit_item_top span{
    vertical-align: middle;
}
.recruit_item_bottom{
    margin-left: 100px;
}

.recruit_item_bottom h4{
    font-size:18px;
    color: #333;
    margin-bottom: 15px;
}
.recruit_item_bottom p{
    font-size:14px;
    line-height: 25px;
    margin-bottom: 30px;
}

.recruit_item_bottom {
    display: none;
}


.anv_btn{
    display: none;
}


/*  各个  0 - 640px  641px - 1024px 1025px + */

@media screen and (max-width: 1024px){
    .xs-hide
    {
        display: block;
        
    }
    .xs-show{
        display: none;
    }
    .list_cons .list_con_fl{
        margin-left: 0;
    }
    .suspension{
        position:fixed;
        z-index:20;
        right:0;
        bottom:20%;
        width:44px;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }

        .suspension .a span{
            font-size: 15px;
            color: #fff
        }
    .nav{
        display: none;
    }
    .anv_btn{
        display: block;
    }
    .header{
        height: auto;
    }
    .logo {
        width: 70%;
        margin-left: 1.5rem;
    }
    .logo img{
        width: 100%;
        height:auto;
    }
    .anv_btn{
        font-size: 50px;
        color: #00aaff;
        vertical-align: middle;
        margin-right: 1.5rem;
    }
    .nav{
        width: 100%;
        background: #00aaff;
        height: auto;
        position: absolute;

        z-index: 333;
        padding: 0;
    }
    .nav li{
        float: none;
        width: 100%;

    }
    .nav li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #fff;
        line-height: 70px;
    }
    .nav li a {
        font-size: 18px;
        color: #fff;
        padding: 0 20px;
    }
    .nav li.active a{

        color: #fff;
    }

    .nav li a:hover{
        color: #fff;
    }
    .foo_nav{
        margin-left: 20%;

    }
    .title  h3{
        font-size:38px;
        color: #333;
        font-weight: 400;
    }
    .what_con,.do_con{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .what_con_img{
        width: 45%;
        height: auto;

    }

    .what_con_img img{
        width: 100%;
        height: auto;
    }
    .title{
        margin-bottom: 50px;
    }
 /*   .do_con>ul>li{
        width: 50%;
        margin-bottom: 20px;
    }*/

    .do_com_img{
        width: 100%;
        height: auto;
    }

    .do_con_wen{
        width: 100%;
    }
    .do_item{
        width: 100%;
    }

    /*******list 页面***********************/
    .list_img .list_nav_item a{
        width: 100%;
    }
    .list_nav{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .list_cons{
      padding: 3rem 1.5rem;
    }
    .list_cons .list_con_fr{
        width: 45%;

    }
    .list_con_fr img{
        width: 100%;
    }

    /********公司的介绍*********************/
    .introduction_fr{
        width: 45%;

    }
    .introduction{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
  /*  .introduction_fr img{
        width: 100%;
    }*/
    /*******************联系我们*************************/
    .contact {
        position: relative;
        margin-top:0%;
        z-index: 1;
        background: #fff;
        padding: 70px 0 70px 30px;
    }
    .contact_form{
        padding: 0;
    }

    .contact_form .form_item input{
        width: 100%;
    }
    .contact_form .form_item textarea{
        width: 100%;
    }

    .banner_wen{
        display: block;
        width: 340px;
        height: 112px;
        position: absolute;
        right: 8%;
        top: 61%;
        margin-top: -80px;
        font-size: 46px;
        line-height: 60px;
    }
    /* .foor_er{
        float: left;
        margin-left: 10%;
    } */


}





@media screen and (max-width: 700px){

    .foor_er .foo_item{
        width: 65%;
        height: auto;
    }
    .foor_er .foo_item img{
        width: 100%;
        height: auto;
    }
    .foo_nav {
        margin-left: 10%;
    }
    .do_con_wen .title_item{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .list_img h3{
        font-size: 26px;
        margin-bottom: 25px;
    }
    .banner_wen {
        display: block;
        width: 266px;
        height: 84px;
        position: absolute;
        right: 8%;
        top: 73%;
        margin-top: -80px;
        font-size: 32px;
        line-height: 43px;
    }
    .recruit_item_top{
        line-height: 90px;
        color: #333;
        font-size:18px;
        cursor: pointer;
    }
    .recruit_item_top .img_dingwei{
        margin-left: 0;
        font-size:18px;
     }
     .recruit_item_top .span_dingwei{
        font-size:18px;
     }
     .recruit_item_top .img_dingwei_1{
        margin-left: 0;
        font-size:18px;
     }
     .suspension{
        position:fixed;
        z-index:20;
        right:0;
        bottom:20%;
        width:44px;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }

        .suspension .a span{
            font-size: 15px;
            color: #fff
        }
}
@media screen and (max-width: 640px){
    .header{
        line-height: 70px;
    }
    .suspension{
        position:fixed;
        z-index:20;
        right:0;
        bottom:20%;
        width:44px;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }

        .suspension .a span{
            font-size: 15px;
            color: #fff
        }

    .anv_btn{
        font-size: 30px;
        margin-right: 1.5rem;
    }
    .nav li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #fff;
        line-height: 60px;
    }
    .nav li a {
        font-size: 18px;
        color: #fff;
        padding: 0 20px;
    }

    .banner .am-slider .am-slides>li img{
        /*height: 240px;*/

    }

    .foo_top{
        padding: 15px 0 15px 0 ;
    }
    .foo_logo{
        display: none;
    }
    .foor_er,.foo_nav{
        width: 50%;
        margin: 0;
    }
    .foo_nav li{
        width: 100%;
        text-align: center;
        line-height: 30px;
    }
    .foo_nav li a {
        font-size: 16px;
    }
     .foor_er .foo_item{
        width:65%;
         height: auto;
    }
    .foor_er .foo_item img{
        width: 100%;
        height: auto;
    }
    .title{
        line-height: 70px;
        height: 70px;
        margin-bottom: 40px;
    }
    .title  h3{
        font-size:28px;
        color: #333;
        font-weight: 400;
    }
    .what_con_wen,.what_con_img{
        float: none;
        width: 100%;
        text-align: center;
    }

       .do_con>ul>li{
           width: 100%;
           margin-bottom: 20px;
       }
    .do_item{
        width: 80%;
    }
    .what_con_wen p{
        font-size: 14px;
    }
    .do_con_wen .title_item{
        margin-bottom: 20px;
    }


    /*******list 页面***********************/
    .list_nav{
        margin-top: 0%;
        padding-bottom: 0;
    }
    .list_nav>ul>li{
        width: 100%;
        margin-bottom: 100px;
    }
    .list_img {
        margin-top: 40px;
    }
    .list_img h3 {
        font-size: 32px;
        color: #333;
        margin-bottom: 15px;
    }
    .list_cons .list_con_fl,  .list_cons .list_con_fr{
        width: 100%;
        float: none;
    }
    .list_cons .list_con_fl h3{
        text-align: center;
    }
    .list_cons .list_con_fl p{
        line-height: 28px;
    }
    /***************公司介绍*******************/
    .introduction_fr,.introduction_fl{
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .introduction_fl h3{
        margin-bottom: 20px;
    }
    .introduction{
        margin-top: 20px;
    }
    /*******************联系我们*************************/
    .contact {
        position: relative;
        /*margin-top:-10%;*/
        z-index: 1;
        background: #fff;
        padding: 70px 1.5rem 70px  1.5rem;
    }
   .contact_fl,.contact_fr{
       width: 100%;
       float: none;
   }
    .contact_form .form_item input{
        width: 100%;
    }
    .contact_form .form_item textarea{
        width: 100%;
    }
    .contact_title{
        text-align: center;
    }
    /*******************招聘*************************/
    .recruit_item_bottom{
        margin: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }


    .recruit_item_top .img_dingwei{
        margin-left: 0;
        font-size:18px;
     }
     .recruit_item_top .span_dingwei{
        font-size:16px;
     }
     .recruit_item_top .img_dingwei_1{
        margin-left: 0;
        font-size:18px;
     }

     .recruit_item_top{
        line-height: 90px;
        color: #333;
        font-size:16px;
        cursor: pointer;
    }
    .suspension{
        position:fixed;
        z-index:20;
        right:0;
        bottom:44.5px;
        width:35px;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }
}
/***********   对banner 文字的设置 *****************/
@media screen and (max-width: 1190px){
    .xs-hide
    {
        display: block;
        
    }
    .xs-show{
        display: none;
    }
    .carousel-caption p{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .nav li a{
        display: inline-block;
        width: 100%;
    }
    .list_cons .list_con_fl .title_f1{
        height: 96px;
    }
    .carousel-caption span{
        font-size: 15px;
        line-height: 30px;
    }


    .suspension{
        position:fixed;
        z-index:20;
        right:0;
        bottom:20%;
        width:44px;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }

        .suspension .a span{
            font-size: 15px;
            color: #fff
        }
}
@media screen and (max-width: 910px){

    .xs-hide
    {
        display: none;
        
    }
    .xs-show{
        display: block;
    }
    .list_cons .list_con_fl .title_f1{
        height: 96px;
    }
    .carousel-caption p{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .nav li a{
        display: inline-block;
        width: 100%;
    }
    .carousel-caption span{

        font-size: 15px;
        line-height: 20px;
    }
     .suspension{
        position:fixed;
        z-index:20;
        right:0;
        bottom:20%;
        width:44px;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }

        .suspension .a span{
            font-size: 15px;
            color: #fff
        }
     .yidong {
        position:fixed;
        z-index:22;
        right:0;
        bottom:-17%;
        width:50px;
        height:240px;}

        .yidong .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:88%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF;
            border-radius: 50%;
        }

        .yidong .a span{
            font-size: 15px;
            color: #fff
        }
        .yidong .yidong-services .i{
            background-size: 68% 71%;
        }
        
        .yidong-boxs .a .i{
            width: 42px;
            height: 41px;
        }
        .yidong .d{
            display:none;
            background:#fff;
            position:absolute;
            right:3%;
            bottom: 100%;
            width:344%;
            min-height:60px;
            border:1px solid 	#A9A9A9 ;
            border-radius:3px;
            box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);
        }
        .nav li a{
            display: inline-block;
            width: 100%;
        }
        .yidong .d .mail{
            margin-bottom: 5%
         }
}
@media screen and (max-width: 700px){
    .xs-hide
    {
        display: none;
        
    }
    .xs-show{
        display: block;
    }
    .nav li a{
        display: inline-block;
        width: 100%;
    }
    .list_img{
        margin-top: 50px;
    }
    .list_cons .list_con_fl p{
        text-align: center;
    }
    .list_cons .list_con_fl .lists_a{
        text-align: left;
       padding-left: 12%;
    }
    .list_cons .list_con_fr{
        margin-left: 0
    }
    .list_cons .list_con_fl .title_f1{
        height: 96px;
    }
    .carousel-caption p{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .carousel-caption span{
        font-size: 12px;
        line-height: 20px;
    }
    .contact_form .form_but{
        text-align: center;
        margin-top: 34px;
        margin-bottom: 34px;
    }

    .suspension{
        position:fixed;
        z-index:20;
        right:0;
        width:44px;
        bottom: 20%;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }
        .suspension .a span{
            font-size: 15px;
            color: #fff
        }
    .yidong{
        position:fixed;
        z-index:22;
        right:0;
        width:50px;
        bottom: -17%;
        height:28%;
    }

        .yidong .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:88%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF;
            border-radius: 50%;
        }
        .yidong .a span{
            font-size: 15px;
            color: #fff
        }
        .yidong .yidong-services .i{
            background-size: 68% 71%;
        }
        
        .yidong-boxs .a .i{
            width: 42px;
            height: 41px;
        }
        .yidong .d{
            display:none;
            background:#fff;
            position:absolute;
            right:3%;
            bottom: 100%;
            width:344%;
            min-height:60px;
            border:1px solid 	#A9A9A9 ;
            border-radius:3px;
            box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);
        }
        .yidong .d .mail{
            margin-bottom: 5%
         }
        .yidong .d-service-phone p{
            margin-top: 4%
        }
}
@media screen and (max-width: 640px){
    .xs-hide
    {
        display: none;
        
    }
    .nav li a{
        display: inline-block;
        width: 100%;
    }
    .list_cons .list_con_fl .title_f1{
        height: 96px;
    }
    .xs-show{
        display: block;
    }
    .list_cons .list_con_fl{
        padding-left: 0;
    }
    .list_cons .list_con_fr{
        margin-left: 0

    }
    .content .list_content .list_ban{
        display: inline-block;
        float: left;
        height: 34px;
        font-size: 25px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: rgba(0,170,255,1);
        line-height: 34px;
        margin-left: 10px;
        margin-top: 63px;
    }
    .content .list_content .list_ban2{
        display: inline-block;
        float: left;
        height: 34px;
        font-size: 32px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: rgba(0,170,255,1);
        line-height: 34px;
        margin-left: 34px;
        margin-top: 63px;
    }
    .list_img{
        margin-top: 50px;
    }
    .list_cons .list_con_fl p{
        text-align: center;
    }
    .list_cons .list_con_fl .lists_a{
        text-align: left;
        padding-left: 12%;
    }
    .carousel-caption{
        width: auto;
        text-align: center;
    }
    .carousel-caption span.sspn{
        display: none;
    }
    .carousel-captions {
        position: inherit;
        width: 100%;
    }
    .carousel-caption p{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .carousel-caption span{
        font-size: 14px;
        line-height: 30px;
    }
    .suspension{
        position:fixed;
        z-index:20;
        right:0;
        bottom:20%;
        width:44px;
        height:240px;}

        .suspension .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:100%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            background: #488BFF
        }

        .suspension .a span{
            font-size: 15px;
            color: #fff
        }
    .yidong{
        position:fixed;
        z-index:22;
        right:0;
        bottom:-17%;
        width:50px;
        height:28%;
        cursor :pointer;
    }

        .yidong .a{
            text-decoration:none; 
            text-align: center;
            display:block;
            width:88%;
            height:75%;
            background-color:#353535;
            cursor:pointer;
            outline:none; 
            padding-bottom:18%;
            padding-top: 20%;
            border-radius: 50%;
            background: #488BFF;
        }
        .yidong .a span{
            font-size: 15px;
            color: #fff
        }
        .yidong .yidong-services .i{
            background-size: 68% 71%;
        }
        
        .yidong-boxs .a .i{
            width: 42px;
            height: 41px;
        }
        .yidong .d{
            display:none;
            background:#fff;
            position:absolute;
            right:3%;
            bottom: 100%;
            width: 344%;
            min-height:60px;
            border:1px solid 	#A9A9A9 ;
            border-radius:3px;
            box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);
        }
        .yidong .d .mail{
           margin-bottom: 5%
        }
        .yidong .d-service-phone p{
            margin-top: 4%
        }
        .contact_form .form_but{
            text-align: center;
            margin-top: 34px;
            margin-bottom: 34px;
        }

}

.typical-case-item {
  background: #f5f5f7;
  display: inline-flex;
  flex-flow: column;
  vertical-align: top;
  border-radius: 4px;
  transition: all .3s ease;
  position: relative;
  height: 100%;
  border-radius: 4px;
}

.typical-case-logo {
  height: 48px;
  transition: all .3s ease;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.typical-case-logo img {
  height: 100%;
}

.typical-case-title {
  color: rgba(0,170,255,1);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 24px;
  height: 69px;
}

.typical-case-project {
  color: #333;
  font-size: 18px;
  height: 115px;
}

.typical-case-project .project-title {
  font-weight: 500;
  margin-bottom: 16px;
}

.typical-case-project .project-desc {
  font-weight: 400;
  font-size: 15px;
  color: rgba(122, 122, 122, 100);
  line-height: 24px;
}

@media screen and (max-width: 910px){


}
@media screen and (max-width: 700px){


}
@media screen and (max-width: 640px){
    
}