@charset "UTF-8";
@media screen and (max-width: 1800px) {
    .hotwrap{padding: 0 20px;}
    .hotitems li{height: 300px;}
}
@media screen and (max-width: 1640px) {
    .hotitems li{height: 280px;}
}
@media screen and (max-width: 1440px) {
    .banner li .wrap{width: 1240px;}
    .hotitems li{height: 250px;}
    .ciolist li .pic{width: 160px;height: 160px;}
    .aboutus .datas li+li{padding-left: 60px;}
    .infowrap .info{padding: 0 30px;}
    .infowrap00 .info{padding: 0 20px;}
    .infowrap{margin: 0 -30px;}
    .infowrap00{margin: 0 -20px;}
    .talent_list li .name{font-size: 20px;margin-right: 10px;}
    .talent_list li .year{font-size: 14px;}
    .talent_list li .job{font-size: 14px;}
    .talent_list li .money{font-size: 20px;}
    .talent_list li .info span{line-height: 32px;}
    .talent_list li .pic{width: 106px;height: 142px;}
}
@media screen and (max-width:1320px){
    .hotwrap .wrap{width: 1240px;padding: 0 20px;position: relative;margin: 0 auto;}
    .hotwrap{padding: 0;}
    .rightcon{padding-left: 50px;}
    .act_detail li{padding: 10px 20px;}
}
@media screen and (max-width: 1240px) {
    .banner li .wrap{width: 1020px;}
    .mbox1 .list li .num{font-size: 48px;}
    .mbox1 .list li .t1{margin-bottom: 6px;}
    .mbox1 .title{font-size: 28px;margin-bottom: 30px;}
    .mbox1 .brief{margin-bottom: 40px;}
    .mbox2 .list li{padding: 0 40px;}
    .mbox2 .list{margin: 0 -40px;}
    .mbox4 .list li{width: 33.3%;margin-bottom: 30px;}
    .mbox4{padding-bottom: 30px;}
    .youlist li .logo{height: 120px;line-height: 120px;}
    .youlist li{width: 25%;margin-bottom: 15px;}
    .hotitems li{height: 220px;}
    .hotwrap .wrap{width: 1020px;}
    .rightcon{padding-left: 34px;}
    .act_detail li{float: none;width: 100%;padding: 20px 0;}
    .act_detail li+li{border-top: 1px solid #c3c3c3;border-left: 0;}
    .ciolist2 li{width: 33.3%;}
    .youlist2 li{width: 33.3%;}
    .aboutus .datas .t1 span{font-size: 48px;}
    .aboutus .datas li+li{padding-left: 30px;}
    .aboutus .datas li{padding-right: 30px;}
    .aboutus .datas .t2{font-size: 14px;}
    .teamlist li a{padding: 20px 30px;}
    .request_list li .btn{margin-left: 30px;}
    .mybrief .infos .info{font-size: 14px;}
    .mybrief .myright{padding-left: 18px;}
    .mybrief .myright .name{margin-top: 0;}
    .mybrief .myright .name input{font-size: 20px;}
    .mybrief{padding: 0 20px;}
    .mybrief .ww{padding: 20px 96px 20px 0;}
    .mybrief .btn a{width: 90px;height: 30px;line-height: 30px;border-radius: 30px;}
    .mybrief .infos .info{padding-right: 15px;margin-right: 15px;margin-bottom: 10px;}
    .talent_list li .info span{line-height: 24px;}
    .talent_list li .btn{font-size: 14px;padding-top: 8px;margin-top: 8px;background-position: right 14px;}
    .talent_list li{padding: 0 8px;}
    .talent_list{margin: 0 -8px;}
    .infowrap .upbox2 .btn{margin-left: 26px;}
}
@media screen and (max-width: 1020px) {
    .banner li .wrap{width: 798px;padding: 0 15px;}
    .banner li .pic img{width: 400px;}
    .banner li .pic{margin-bottom: 80px;}
    .banner .swiper-pagination{bottom: 12px;}
    .mbox1 .left{float: none;padding-right: 0;width: 100%;}
    .mbox1 .right .list{border-left: 0;}
    .mbox1 .brief{font-size: 14px;margin-bottom: 30px;}
    .mbox1 .title{font-size: 24px;margin-bottom: 25px;}
    .maintitle{font-size: 20px;margin-bottom: 25px;}
    .mbox1 .maintitle{margin-bottom: 12px;}
    .mbox2 .list li{padding: 0 20px;}
    .mbox2 .list{margin: 0 -20px;}
    .mbox4 .list li{width: 50%;}
    .ciolist li .pic{width: 150px;height: 150px;padding: 10px;}
    .youlist li{width: 33.3%;}
    .hotwrap .wrap{width: 798px;padding: 0 15px;}
    .hotitems li{height:200px;}
    .leftbar{float: none;margin-bottom: 20px;width: 100%;}
    .rightcon{padding-left: 0;}
    .leftbar .list a{width: auto;display: inline-block;padding: 8px 20px;text-align: left;min-width: 124px;}
    .leftbar .list span{font-size: 16px;}
    .newslist li{padding: 0 10px;}
    .leftbar .back{padding: 20px 10px;}
    .newslist{margin: 0 -10px;}
    .leftbar .tt{padding: 20px 10px;}
    .rightcon .white{padding: 30px 20px;}
    .subbanner2 .title{font-size: 28px;}
    .subbanner2{padding: 80px 0;}
    .teamlist li .pic{width: 150px;height: 150px;padding: 10px;}
    .teamlist li .name{margin-bottom: 14px;}
    .teamlist li .con{padding-left: 20px;padding-top: 16px;}
    .infowrap .info .yzm .code{width: 120px;}
    .infowrap .info .yzm input{padding-left: 132px;}
    .infowrap2 .info{margin-bottom: 30px;}
    .setting .t1{width: 100px;}
}
@media screen and (max-width: 798px) {
    .banner li .wrap{width: 100%;padding: 0 10px;}
    .banner li{padding: 60px 0;}
    .banner li .gobtn{width: 130px;font-size: 16px;padding-bottom: 14px;}
    .banner li .pic{margin-bottom: 40px;}
    .banner .swiper-pagination-bullet{height: 4px;width: 22px;margin: 0 5px;}
    .mbox1{padding: 50px 0 40px;}
    .mbox4 .list li .brief{font-size: 14px;}
    .mbox4 .list li .items a{padding: 14px;font-size: 14px;}
    .mbox4 .list li .btn{font-size: 14px;padding: 14px;}
    .mbox4 .list li .items a::after{right: 14px;}
    .mbox4 .list li .btn::after{right: 14px;}
    .mbox4 .list li .brief p{max-height: 116px;}
    .ciolist li .pic{width: 120px;height: 120px;padding: 10px;}
    .cio_tool .swiper-pagination{padding: 11px 5px;}
    .cio_tool .swiper-pagination-bullet{margin: 0 6px;}
    .youlist li{width: 50%;}
    .hotwrap .wrap{width: 100%;padding: 0 10px;}
    .hotitems li{height: 180px;}
    .detailbox .title{font-size: 20px;margin-bottom: 15px;}
    .detailbox .subtitle{font-size: 14px;margin-bottom: 20px;}
    .detailbox .subtitle span{margin-right: 20px;}
    .detailbox .detail{font-size: 14px;}
    .leftbar .back{padding: 15px 10px;font-size: 16px;}
    .leftbar .tt{font-size: 16px;padding: 15px 10px;}
    .detailbox .titlewrap .btn{width: 92px;height: 36px;line-height: 36px;}
    .detailbox .titlewrap{padding-right: 100px;}
    .act_detail li .t2{font-size: 16px;}
    .act_detail li .t1{margin-bottom: 4px;}
    .signupbox .title{font-size: 20px;padding-bottom: 20px;margin-bottom: 20px;}
    .newslist2 li{width: 100%;margin-bottom: 15px;}
    .case_share li p{font-size: 14px;padding-left: 16px;}
    .case_share li a{padding-right: 44px;}
    .case_share{padding: 25px 15px;}
    .case_share li .date{font-size: 12px;padding-left: 10px;}
    .case_share li{padding: 8px 0;}
    .choosewrap2 .prev.disabled{opacity: 1;}
    .choosewrap2 .next.disabled{opacity: 1;}
    .choose_swiper2 li a{font-size: 16px;}
    .choosewrap2{padding: 0 30px;}
    .choose_swiper2 li a{padding-bottom: 10px;}
    .choose_swiper2 li a::after{height: 3px;}
    .standard li a{background-position: 14px center;padding: 12px 66px 12px 36px;background-size: 8px auto;}
    .standard li .t1{margin-bottom: 6px;font-size: 14px;}
    .aboutus .brief{font-size: 14px;}
    .aboutus .datas .t1 span{font-size: 28px;}
    .aboutus .datas .t1{font-size: 14px;}
    .aboutus .title{font-size: 24px;margin-bottom: 30px;}
    .teamlist li .pic{width: 120px;height: 120px;padding: 8px;}
    .teamlist li .description{max-height: 50px;}
    .teamlist li .name{font-size: 16px;margin-bottom: 10px;}
    .teamlist li a{padding: 20px 15px;}
    .infowrap .info{padding: 0 15px;margin-bottom: 20px;}
    .infowrap{margin: 0 -15px;}
    .setting .t1{font-size: 16px;width: 82px;}
    .setting .ts{font-size: 12px;}
    .setting .state{padding-left: 30px;font-size: 14px;margin-right: 10px;}
    .setting .btn{padding-left: 10px;font-size: 14px;}
    .request_title .btn{height: 42px;line-height: 42px;width: 120px;font-size: 16px;}
    .request_title .tt{height: 42px;line-height: 42px;font-size: 18px;}
    .request_title{padding: 10px;}
    .request_title2 .tt a::after{bottom: -10px;}
    .request_title2 .tt a{margin-right: 30px;font-size: 16px;}
    .mybrief .infos .info{float: none;width: 100%;border-right: 0;margin-right: 0;padding-right: 0;}
    .mybrief .ww{padding-right: 0;padding-bottom: 10px;}
    .mybrief .myleft{float: none;margin-bottom: 16px;}
    .mybrief .btn{transform: translateY(0);top: 60px;}
    .mybrief .myright{padding-left: 0;}
    .mybrief .infos .info input{width: 230px;}
    .mybrief .infos .info2 input{width: 230px;}
    .infowrap00 .info .tt{font-size: 14px;}
    .infowrap .info .tt{margin-bottom: 5px;}
    .infowrap .info input{height: 30px;padding: 0 10px;}
    .infowrap .info textarea{height: 80px;}
    .signupbox .info input{height: 30px;}
    .infowrap .upbox .up .choose{height: 30px;line-height: 30px;}
    .infowrap .upbox .btn{height: 30px;line-height: 30px;width: 90px;}
    .infowrap .upbox2 .btn{width: 100px;}
    .infowrap .upbox .layui-upload-choose{line-height: 28px;}
    .subbanner2 .datas li .t1{font-size: 24px;line-height: 24px;}
    .subbanner2 .datas li .t2{margin-top: 10px;}
    .subbanner2 .datas li+li{padding-left: 20px;}
    .subbanner2 .datas li{padding-right: 20px;}
    .winsort{padding: 15px 20px 0 15px;}
    .winsort a{margin-right: 20px;font-size: 16px;padding-bottom: 10px;}
    .winsort a::after{height: 3px;}
    .leftbar .list a{min-width: 114px;padding: 7px 10px;}
    .talent_list li{width: 100%;}
    .leftbar .btn{padding-bottom: 20px;}
    .leftbar .btn a{height: 32px;line-height: 32px;font-size: 16px;width: 100px;}
    .casemask .btnwrap .btn{font-size: 14px;width: 150px;height: 32px;line-height: 32px;}
    .importwrap{margin: 15px;height: 400px;}
    .infowrap .txbox{padding: 0 15px;}
    .infowrap .txbox .tt{font-size: 14px;}
}
@media screen and (max-width: 640px) {
    .mbox1 .list li{padding: 30px 0;}
    .mbox1 .list li .t2{font-size: 14px;}
    .mbox1 .list li .t1{font-size: 14px;}
    .mbox1 .list li .num{font-size: 32px;line-height: 36px;}
    .mbox1 .list li .con{padding-left: 14px;}
    .mbox1 .more{width: 120px;font-size: 14px;padding-bottom: 8px;}
    .mbox2 .list li{float: none;width: 100%;padding: 0;}
    .mbox2 .list{margin: 0;}
    .mbox2 .list li a{padding: 20px 0;}
    .mbox2 .list li .tt1{margin-bottom: 5px;}
    .listswiper li .tt{margin-bottom: 8px;}
    .listswiper li .con{padding: 10px 10px 0 10px;}
    .listswiper li .tt3{padding: 12px 0;margin-top: 5px;}
    .mbox3{padding: 50px 0;}
    .mbox4 .list li .tt{padding: 25px 10px;font-size: 16px;}
    .ciolist li .name{font-size: 16px;margin-bottom: 10px;}
    .ciolist li .job{font-size: 14px;}
    .ciolist li .pic{margin-bottom: 15px;}
    .ciolist li a{padding: 20px 10px;}
    .cio_tool{margin-top: 20px;}
    .cio_tool .line{left: 50px;right: 50px;}
    .youlist li .logo{height: 80px;line-height: 80px;}
    .mbox6{padding: 50px 0;}
    .hotitems li{height: 160px;}
    .leftbar .title{padding: 12px 0;}
    .newslist li{width: 100%;}
    .newslist li .tt{margin-bottom: 8px;}
    .newslist li .btns{padding: 12px 0;margin-top: 5px;}
    .newslist li .con{padding: 10px 10px 0 10px;}
    .pages{margin-top: 20px;padding-top: 20px;}
    .rightcon .white{padding: 20px 15px;}
    .act_detail{padding: 20px 15px;}
    .incontent{padding: 30px 0;}
    .signupbox .info{margin-bottom: 20px;}
    .ciolist2 li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
    .ciolist2{margin: 0 -5px;}
    .aboutus .datas{padding: 20px 0;}
    .aboutus .datas li{float: none;width: 100%;padding-right: 0;padding: 15px 0;text-align: center;}
    .aboutus .datas li+li{padding-left: 0;border-left: 0;border-top: 1px solid #d1d1d1;}
    .aboutus .datas .t1{margin-bottom: 0;}
    .aboutus .title{font-size: 22px;margin-bottom: 20px;}
    .infowrap .info{padding: 0 10px;}
    .infowrap{margin: 0 -10px;}
    .member{padding: 30px 15px;}
    .member .title{font-size: 20px;padding-bottom: 15px;margin-bottom: 20px;}
    .request_list li{padding: 14px 10px;}
    .request_list li .t0{font-size: 14px;line-height: 16px;height: 16px;}
    .request_list li .date{font-size: 12px;line-height: 16px;height: 16px;}
    .request_list li .tt{padding-bottom: 6px;margin-bottom: 10px;}
    .request_list li .btn{margin-top: 24px;}
    .request_list li .btn .del{margin-top: 10px;}
    .request_list li .btn .state{margin-top: 10px;}
    .request_list li .btn a{width: 82px;font-size: 12px;height: 28px;line-height: 28px;border-radius: 28px;}
    .request_list li .brief{font-size: 12px;}
    .infowrap .upbox{display: block;}
    .infowrap .upbox .up{width: 100%;max-width: 100%;margin-bottom: 14px;}
    .infowrap .upbox .btn{width: 150px;margin: 0 auto;font-size: 14px;}
    .infowrap .upbox2 .btn{width: 140px;margin-right: 10px;}
    .talent_list li a{padding: 12px;}
    .talent_list li{margin-bottom: 16px;}
    .talent_list li .pic{width: 90px;height: 120px;}
    .talent_list li .name{font-size: 16px;}
    .talent_list li .money{font-size: 16px}
    .talent_list li .info{padding-right: 48px;}
    .talent_list li .brief{font-size: 12px;height: 42px;}
    .talent_info .name{font-size: 18px;}
    .talent_info .name span{margin-left: 10px;}
    .talent_info .tt span{font-size: 14px;}
    .talent_info .con{padding-left: 20px;padding-top: 20px;}
    .talent_info2 .con{padding-left: 15px;padding-top: 3px;}
    .talent_info .tx{width: 100px;}
    .talent_info2 .tx{width: 54px;}
    .talent_info{padding-bottom: 20px;margin-bottom: 20px;}
    .downbtn{width: 150px;height: 44px;line-height: 44px;margin-top: 30px;}
    .detailbox .subtitle{padding-bottom: 15px;}
    .infowrap .txbox{padding: 0 10px;}
    .imlist li a{font-size: 14px;padding: 10px 10px 10px 36px;background-size: auto 16px;}
}

@media screen and (max-width: 540px) {
    .mbox1 .list li{padding: 20px 0;}
    .mbox1 .left{margin-bottom: 20px;}
    .mbox4 .list li{width: 100%;margin-bottom: 20px; padding: 0;}
    .mbox4 .list{margin: 0;}
    .youlist li{width: 100%;}
    .hotitems li{height: 140px;}
    .subbanner2 .title{font-size: 20px;}
    .subbanner2 .title span{margin-right: 12px;}
    .subbanner2{padding: 60px 0;}
    .teamlist li .pic{width: 90px;height: 90px;padding: 5px;}
    .teamlist li .con{padding-left: 15px;padding-top: 8px;}
    .teamlist li .name{margin-bottom: 8px;}
    .teamlist li .description{font-size: 12px;max-height: 42px;}
    .infowrap .info{padding: 0;width: 100%;float: none;}
    .infowrap{margin: 0;}
    .setting .left{float: none;margin-bottom: 10px;}
    .setting .right{float: none;}
    .request_list li{display: block;}
    .request_list li .btn{width: 100%;margin-top: 10px;margin-left: 0;}
    .request_list li .btn a{display: inline-block;margin-right: 15px;}
    .request_list li .btn .del{margin-top: 0;}
    .request_list li .btn .state{margin-top: 0;}
    .request_title .btn{font-size: 14px;width: 110px;height: 36px;line-height: 36px;}
    .publishmask .title{margin-bottom: 0;padding: 16px 15px;font-size: 18px;}
    .publishmask .close{top: 18px;right: 15px;}
    .publishmask .pubbox{padding: 25px 15px;}
    .infowrap .info{margin-bottom: 15px;}
    .infowrap .txbox{padding: 0;}
}

@media screen and (max-width: 440px) {
    .mbox2 .list li a{padding: 16px 0;}
    .hotitems li{height: 120px;}
    .subbanner2 .title{font-size: 16px;}
    .subbanner2 .title span{margin-right: 6px;}
    .winsort a{font-size: 14px;}
    
}

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