/*关于我们样式*/
.banner{
    width:100%;
    min-width: 1200px;
    height:546px;
    background: url("../images/banner/banner4.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.banner a{
    display: block;
    width:204px;
    height:48px;
    border-radius:5px;
    background: url("../images/banner/contact.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 55px;
    left:50%;
    margin-left: -102px;
}
.container{
    width:100%;
    min-width: 1200px;
}
.container .container_box {
    width:1200px;
    height: 100%;
    margin: 0 auto;
}
/*企业介绍样式*/
.introduction{
    height:713px;
    background-color: #fff;
}
.introduction .introduction_box{
    height:421px;
    background:rgb(255,255,255);
    box-shadow:1px 2px 47px 4px rgba(5,158,255,0.16);
    margin-top: 82px;
    display: flex;
    justify-content: space-between;
}
.introduction .introduction_box .introduction_box_lt .img1{
    width:464px;
    height:275px;
    border-radius:3px;
    background: url("../images/page4/main1/img1.png") -17px -17px no-repeat;
    margin: 46px 0 37px 34px;
}
.introduction .introduction_box .introduction_box_lt .img2{
    width:232px;
    height:30px;
    background: url("../images/page4/main1/img2.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 34px;
}
.introduction .introduction_box .introduction_box_rt{
    width:593px;
    margin-right: 50px;
}
.introduction .introduction_box .introduction_box_rt .logo{
    width:148px;
    height:28px;
    background: url("../images/page4/main1/logo.png") no-repeat;
    background-size: 100% 100%;
    margin: 44px 0 38px;
}
.introduction .introduction_box .introduction_box_rt .text{
    font-size:16px;
    color:rgb(153,153,153);
    line-height:31px;
}
.introduction .introduction_box .introduction_box_rt .text span{
    font-size:18px;
    color:#EF821E;
    font-weight: bold;
}
.introduction .introduction_box .introduction_box_rt .btn{
    display: inline-block;
    width:118px;
    height:32px;
    background: url("../images/page4/main1/btn.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 43px;
}
.development{
    height:676px;
    background:rgb(247,247,247);
}
.development .development_box{
    height: 507px\9;
    height:calc(100% - 169px);
    position: relative;
    margin-top: 44px;
}
.development .development_box .line{
    position: absolute;
    top:0px;
    left:50%;
    height:451px;
    border-left:1px solid rgb(46,108,126);
}
.development .development_box .li_wrap{
    position: relative;
    height:33%;
}
.development .development_box .li_wrap .year{
    position: absolute;
    left:50%;
}
.development .development_box .li_wrap .year .year_num{
    font-size:12px;
    font-weight:bold;
    color:rgb(255,255,255);
    border-radius:50%;
    text-align: center;
}
.development .development_box .li_wrap1 .year{
    width: 63px;
    height:74px;
    background: url("../images/page4/main2/y-2018.png") no-repeat;
    background-size: 100% 100%;
    top:54px;
    margin-left: -21px;
}
.development .development_box .li_wrap2 .year{
    width: 67px;
    height:83px;
    background: url("../images/page4/main2/y-2019.png") no-repeat;
    background-size: 100% 100%;
    top:25px;
    margin-left: -46px;
}
.development .development_box .li_wrap2 .li-icon{
    width: 19px;
    height:20px;
    background: url("../images/page4/main2/icon.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:38px;
    left:95px;
    z-index: 1;
}
.development .development_box .li_wrap3 .year{
    width: 78px;
    height:108px;
    background: url("../images/page4/main2/y-2020.png") no-repeat;
    background-size: 100% 100%;
    top:5px;
    margin-left: -26px;
}
.development .development_box .li_wrap1 .year .year_num{
    line-height: 38px;
    width:38px;
    height:38px;
}
.development .development_box .li_wrap2 .year .year_num{
    line-height: 41px;
    width:41px;
    height:41px;
    margin-left: auto;
}
.development .development_box .li_wrap3 .year .year_num{
    line-height: 53px;
    width:53px;
    height:53px;
}
.development .development_box .li_wrap .card{
    width:493px;
    height:168px;
    background:rgb(255,255,255);
    box-shadow:0px 0px 20px 1px rgba(5,158,255,0.11);
    border-radius:5px;
    position: absolute;
}
.development .development_box .li_wrap1 .card{
    width:493px;
    height:158px;
    top:24px;
    left:50%;
    margin-left: 55px;
    padding-top: 10px;
}
.development .development_box .li_wrap2 .card{
    width:503px;
    height:266px;
    top:-5px;
    left:3%;
}
.development .development_box .li_wrap3 .card{
    width:431px;
    height:66px;
    top:0px;
    left:50%;
    margin-left: 65px;
}
.development .development_box .li_wrap .card .row{
    display: flex;
    justify-content: flex-start;
    font-size:14px;
    color:rgb(136,136,136);
    padding: 0 30px;
    margin: 10px 0;
}
.development .development_box .li_wrap .card .row .col1{
    width: 40px;
}
.development .development_box .li_wrap .card .row .col1 .span1{
    font-size:18px;
    font-weight:bold;
    color:rgb(239,130,30);
}
.development .development_box .li_wrap .card .row .col2{
    width: 300px;
    line-height: 27px;
    margin-left: 20px;
}
.development .development_box .li_wrap2 .card .row{
    justify-content: flex-end;
}
.development .development_box .li_wrap2 .card .row .col2{
    margin-right: 30px;
    text-align: right;
}
.development .development_box .li_wrap .card .wait{
    font-size:14px;
    font-weight:bold;
    color:rgb(239,130,30);
    line-height:66px;
    margin-left: 30px;
}
.development .development_box .li_wrap .tu{
    position: absolute;
    width:155px;
    height:134px;
    background: url("../images/page4/main2/tu.png") no-repeat;
    background-size: 100% 100%;
    top:12px;
    right:0px;
}
/*行业动态样式*/
.dynamics{
   height:727px;
    background-color: #fff;
}
.dynamics .dynamics_box{
    height:calc(100% - 200px);
    margin-top: 73px;
    display: flex;
    justify-content: flex-start;
}
.dynamics .dynamics_box_lt .dynamics_tab{
    width:149px;
    height:67px;
    background:rgba(72,177,240,0.66);
    background-color: #87CBF4\9;
    margin-bottom: 2px;
    font-size:16px;
    color:rgb(255,255,255);
    line-height:67px;
    text-align: center;
    position: relative;
}
.dynamics .dynamics_box_lt .dynamics_tab.cur{
    background:linear-gradient(-84deg,rgba(86,204,242,1),rgba(47,128,237,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr =#2F80ED , endColorstr =#56CCF2 );
}
.dynamics .dynamics_box_lt .dynamics_tab .arrow{
    display: inline-block;
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:7px solid transparent;
    position: absolute;
    top:50%;
    right: 0;
    margin-top: -5px;
}
.dynamics .dynamics_box_lt .dynamics_tab.cur .arrow{
    border-right:7px solid rgb(247,247,247);
}
.dynamics .dynamics_box_rt{
    width:calc(100% - 150px);
    width:1050px\9;
    height:445px;
    background:rgb(247,247,247);
    box-shadow:0px 0px 20px 1px rgba(0,198,255,0.11);
}
.dynamics .dynamics_box_rt .dynamics_con{
    display: none;
}
/*轮播样式*/
.dynamics .dynamics_box_rt .dynamics_con .swiper-container{
    width: 100%;
    height: 445px;
    position: relative;
}
.dynamics .dynamics_box_rt .dynamics_con .swiper-container .swiper-pagination{
    height:15px;
    position: absolute;
    bottom:20px;
    left:50%;
}
.dynamics .dynamics_box_rt .dynamics_con .swiper-pagination .swiper-pagination-switch{
    width:9px;
    height:9px;
    border:1px solid rgb(61,113,138);
    border-radius:50%;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 6px;
}
.dynamics .dynamics_box_rt .dynamics_con .swiper-pagination .swiper-active-switch{
    background:rgb(61,113,138);
}

.dynamics .dynamics_box_rt .dynamics_con .swiper-slide{
    width: 100%;
    height: 445px;
    position: relative;
}
.dynamics .dynamics_con .swiper-slide img{
    margin: 24px 0 0 23px;
}
.dynamics .dynamics_con .swiper-slide .card{
    position: absolute;
    width:671px;
    height:334px;
    background:rgb(255,255,255);
    box-shadow:0px 0px 20px 1px rgba(0,198,255,0.11);
    top:42px;
    right:28px;
}
.dynamics .dynamics_con .swiper-slide .card .title2{
    display: flex;
    justify-content: space-between;
    margin: 45px 21px 0px 33px;
}
.dynamics .dynamics_con .swiper-slide .card .title2 .div1{
    font-size:18px;
    color:rgb(102,102,102);
}
.dynamics .dynamics_con .swiper-slide .card .title2 .div1 i{
    font-size:24px;
    color:rgb(255,125,0);
    font-style: normal;
}
.dynamics .dynamics_con .swiper-slide .card .title2 .time{
    font-size:14px;
    color:rgba(102,102,102,0.61);
    color:#AFAFAF\9;
    line-height: 35px;
}
.dynamics .dynamics_con .swiper-slide .card p{
    font-size:12px;
    color:rgba(102,102,102,0.48);
    color:#C2BFC2\9;
    margin-left: 33px;
}
.dynamics .dynamics_con .swiper-slide .card .text{
    font-size:14px;
    color:rgb(153,153,153);
    line-height:31px;
    margin:20px 29px 0 35px ;
}
.dynamics .dynamics_con .swiper-slide .card .chakan{
    display: block;
    width:91px;
    height:30px;
    background: url("../images/page4/main3/chakan.png") no-repeat;
    background-size: 100% 100%;
    margin: 40px 0 0 33px;
}
.recruit{
    height:720px;
    background:rgb(247,247,247);
}
.recruit .recruit_box{
    height:calc(100% - 215px);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 87px;
}
.recruit .recruit_box .recruit_card{
    width:268px;
    height:373px;
    border-radius:5px;
    margin-right: 39px;
}
.recruit .recruit_box .recruit_card:hover{
    background:rgb(255,255,255);
    box-shadow:0px 10px 25px 0px rgba(41,44,51,0.07);
}
.recruit .recruit_box .recruit_card_last{
    margin: 0;
}
.recruit .recruit_box .recruit_card .icon{
    width:110px;
    height:110px;
    background:transparent;
    box-shadow:0px 3px 9px 0px rgba(41,44,51,0.06), 0px 5px 12px 0px rgba(41,44,51,0.06);
    border-radius:50%;
    margin: 30px auto 0;
}
.recruit .recruit_box .recruit_card .icon img{
    margin: 28px 0 0 30px;
}
.recruit .recruit_box .recruit_card .job{
    text-align: center;
    height:18px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:20px;
    margin: 28px 0 25px;
}
.recruit .recruit_box .recruit_card .text{
    width:224px;
    height:120px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgb(104,105,119);
    line-height:24px;
    margin: 0 auto;
}
.recruit .recruit_box .recruit_card .btn{
    display: block;
    width:103px;
    height:27px;
    background:transparent;
    border:1px solid transparent;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgb(55,149,255);
    line-height:27px;
    text-align: center;
    margin: 0 auto;
}
.recruit .recruit_box .recruit_card:hover .btn{
    background:rgb(250,250,250);
    border:1px solid rgb(231,237,245);
}
/*联系我们样式*/
.contact {
    height: 356px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px 1px rgba(0, 198, 255, 0.11);
}
.contact .contact_box{
    height:calc(100% - 125px);
    position: relative;
}
.contact .contact_box ul li{
    font-size:14px;
    color:rgb(102,102,102);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0 0;
}
.contact .contact_box ul li i{
    display: inline-block;
    margin-right: 15px;
}
.contact .contact_box ul li i.icon1{
    width:20px;
    height:18px;
    background: url("../images/page4/main5/company.png") no-repeat;
    background-size: 100% 100%;
}
.contact .contact_box ul li i.icon2{
    width:19px;
    height:19px;
    background: url("../images/page4/main5/phone.png") no-repeat;
    background-size: 100% 100%;
}
.contact .contact_box ul li i.icon3{
    width:16px;
    height:13px;
    background: url("../images/page4/main5/email.png") no-repeat;
    background-size: 100% 100%;
}
.contact .contact_box ul li i.icon4{
    width:16px;
    height:19px;
    background: url("../images/page4/main5/address.png") no-repeat;
    background-size: 100% 100%;
}
.contact .contact_box #map{
    width:701px;
    height:242px;
    /*background: url("../images/page4/main5/map.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    position: absolute;
    top:-95px;
    right:0;
}
#menu{
    position: fixed;
    right:5%;
    bottom: 15%;
    width:72px;
    height:63px;
    background:rgb(255,255,255);
    /*box-shadow:0px 7px 31px 4px rgba(0,150,255,0.07);*/
    border-radius:5px;
    display: none;
    /*filter: drop-shadow( 7px 31px 4px rgb(0,150,255));*/
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#190096FF', Direction=125, Strength=9);*/
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');
}
#menu #top{
    width:25px;
    height:26px;
    margin: 20px auto 0;
    background: url("../images/sidebar/backTop.png") no-repeat;
}
.BMap_cpyCtrl {
    display: none;
}
.anchorBL {
    display: none;
}
@media screen and (max-width: 1280px){
    .banner{
        height: 380px;
    }
    #menu{
        right:1%;
    }
}
@media screen and (min-width:1281px) and (max-width:1366px) {
    .banner{
        height: 400px;
    }
    #menu{
        right:0%;
    }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
    .banner{
        height: 420px;
    }
    #menu{
        right:1%;
    }
}
@media screen and (min-width:1441px) and (max-width:1600px) {
    .banner{
        height: 462px;
    }
    #menu{
        right:1%;
    }
}