/*公众号小程序二维码*/
.gzh{padding: 100px 0px}
.gzh .ercode{display: flex;justify-content: center;text-align: center;width: 100%;padding: 30px 0;}
.gzh .ercode .list{width: 150px}
.gzh .ercode .lihr{width: 150px}
.gzh .ercode .list img{width: 150px;height: 150px}
.gzh .links{height: 71px; width: 673px;display: flex;justify-content: space-between;margin: 0 auto;padding: 10px 0}

/*招聘*/
.job{display: flex;justify-content: space-between;padding: 50px 0;}
.job .left{font-size: 14px;color: #000000;}
.job .right a{width:386px;height: 72px;line-height: 72px;background-color: rgb(238, 238, 238);display: flex;justify-content:center;flex-direction: column;text-align: center;font-size: 14px;color: #000000;font-weight: 400;}
.job .right a:hover{background: rgb(223, 90, 72);color: #ffffff}
.when{padding: 20px 0}
.w_img{height: 420px;width: 1200px;background-image: url(/static/index/yc/images/19277327.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;margin: 30px 0}

/*获奖列表*/
.awards .aw-list{display: flex;justify-content: space-between;padding: 30px 0}
.awards .aw-list li .aimgs img{height: 153px; width: 234px;}
.awards .aw-list li .li-title{font-size: 14px;word-wrap: break-word;font-family: Source Han Sans,Geneva,sans-serif;height: 45px;padding-top: 10px}
.awards .av_ulist li{font-size: 14px;font-family: Microsoft YaHei;color: #666666;height: 33px;width: 100%;border-bottom: 1px solid #666666;margin-top: 15px;padding-left: 5px}

.mo_title{padding: 10px 0}
.mo_title .en_title{font-size: 32px;text-align: center;font-family: Arial Black;}
.mo_title .cn_title{font-size: 24px;text-align: center;font-family: Source Han Sans,Geneva,sans-serif;}
.mo_title .info{font-size: 16px;line-height: 2;font-family: Microsoft YaHei;text-align: center;}

.about_nav{width: 1200px;margin: 0 auto;}
.about{min-height: 400px;width: 1200px; margin: 0 auto; position: relative;}
.about_title ul{display: flex;justify-content:space-between;text-align: center;line-height: 36px;padding: 80px 0 50px}
.about_title ul li{width: 135px;}
.about_title ul li a{display: block;outline:none;}
.about_title ul li strong{display: inline-block;font-size: 24px;color: #666666;font-weight: 400;text-decoration: none;font-style: normal;vertical-align: top;*vertical-align: middle;width: 100%;}
.about_title ul li span{display: inline-block;font-size: 12px;color: #666666;font-weight: 400;text-decoration: none;font-style: normal;vertical-align: top;*vertical-align: middle;width: 100%;}
.about_title ul li strong:hover,.about_title ul li span:hover{color: #000000;}
.about_title ul li.active strong,.about_title ul li.active span{color: #000000;}

.ab_bg{position: absolute;height: 298px; width: 402px; left: 0px; top: 95px;z-index:100;}
.right_info{position: absolute;height: 352px; width: 956px; left: 244px; top: 0px;z-index:1;}
.in_text{position: absolute;height: 266px; width: 669px; left: 226px; top: 58px;z-index:2;}
.in_text span{font-size:16px;line-height:1.5}
.in_text span.title{font-size:24px;line-height:1.75}

.ab_bg > .bags {background-color: transparent;background-image: url(/static/index/yc/images/5840735.png);background-repeat: repeat;background-position: 0 0;position: absolute;left: 0px;top: 0px; bottom: 0px;right: 0px;}
.brief{background-color: rgb(226, 90, 72);position: absolute;left: 0px;top: 0px;bottom: 0px;right: 0px;}
.brief p{margin-left:0.0000pt; margin-right:0.0000pt; text-align:justify;font-family:Microsoft YaHei;color:#000000;line-height: 16px}
.abtxt{height: 450px}

.a-server{height: 80px}
.a-server .infos{height: 103px;width: 1200px;}
.a-server .s-ul{display: flex;justify-content: space-between;text-align: center}
.a-server .s-ul .liol{width: 2px}
.a-server .s-ul .liol ol{width: 1px;background-color: #000}
.a-server .s-ul .list .hot{font-size: 60px;line-height: 40px;font-family: Helvetica, arial, sans-serif}
.a-server .s-ul .list .hot span{font-size: 12px;color: #666}
.a-server .s-ul .list .btit{font-size: 14px;font-weight: bold}

.hzhb{padding-top: 50px}
.hzhb .m_list{border-bottom: #ccc solid 1px;border-top: #ccc solid 1px;padding: 60px 0 60px}
.hzhb .m_list ul{height: 135px;width:100%; margin: 0 auto; display: flex;flex-wrap: wrap;justify-content: space-between;width: 1250px;margin-left: -25px}
.hzhb .m_list ul li{width: 161px;height: 59px;line-height: 59px;margin-bottom: 20px;position: relative;}
.hzhb .m_list ul li .img{display: inline-block;background-color: transparent;width: 161px;height: 59px;background-repeat: no-repeat; background-position: 50% 50%;background-size: cover;}
.hzhb .m_list ul li .img:hover {cursor: pointer;}

.systiem{display: flex;justify-content: space-between;padding: 20px 0;border-bottom: #ccc solid 1px;}
.systiem .sy_left{width: 467px;}
.systiem .sy_left .title{font-size: 24px;padding: 30px 0}
.systiem .sy_left .cn_info{padding: 10px 0 20px;text-align:justify;}
.systiem .sy_left .cn_info span{font-family:Microsoft YaHei;line-height:1.5;font-size:14px;}
.systiem .sy_left .en_info{text-align:justify;font-family:Arial,Helvetica,sans-serif;line-height:1.5;}
.systiem .sy_left .en_info span{font-family: Arial,Helvetica,sans-serif;text-align:justify;line-height: 1.5;font-size: 12px}
.systiem .sy_right img{height: 400px;width: 500px;}

.team{border-bottom: #ccc solid 1px;}
.team .title{padding: 50px 0 30px}
.team .title .en_tit{font-size: 32px;font-family: Arial Black;}
.team .title .cn_tit{font-family: Source Han Sans,Geneva,sans-serif;font-size: 24px;}
.team-list ul{height: 440px;width:100%; margin: 0 auto; display: flex;flex-wrap: wrap;justify-content: space-between;width: 1200px;}
.team-list ul li{width: 166px;height: 137px;line-height: 137px;margin-bottom: 10px}
.team-list ul li .imgs{width: 166px;height: 137px;position: relative;}
.team-list ul li .imgs img{width: 166px;height: 137px; position: absolute;top: 0px;left: 0px}
.team-list ul li .imgs .img_hover{width: 166px;height: 137px;position: absolute;z-index: 1;top: 0px;left: 0px;color: #FFF;font-size: 12px;font-weight: 400;font-style: normal;text-decoration: none;text-align: center;display: none}
.team-list ul li .imgs .img_hover span{display: none;}
.team-list ul li .imgs:hover .img_hover{display: block;}
.team-list ul li .imgs:hover .img_hover span{display: block;}
.team-list ul li .imgs .ahov{display: block}
.team .te_text{font-size: 14px !important;padding: 40px 0 50px}
.team .te_text .ttitle{font-size: 24px;font-family: Microsoft YaHei;line-height: 1.3;}
.team .te_text .ttitle span{font-size: 14px;}
.team .te_text .info{line-height:1.75;padding: 30px 0;color: #888888;font-size: 14px;}
.team .te_text .describe{color:#000000;font-size: 14px;}

.join_yc{border-bottom: #ccc solid 1px;padding-bottom: 50px}
.join_yc .jin{display: flex;justify-content: space-between;padding: 50px 0}
.join_yc .jin .jin_left{display: flex;justify-content:space-between;flex-direction: column}
.join_yc .jin .jin_left .text .title{font-size: 24px;padding-bottom: 5px;}
.join_yc .jin .jin_left .text .info{font-size: 14px;}
.join_yc .jin .jin_left .btns:hover{}
.join_yc .jin .jin_left .btns ul{display: flex;justify-content:space-between;flex-direction: row;height: 134px;width: 445px;background-color: rgb(223, 90, 72);}
.join_yc .jin .jin_left .btns ul li{text-align: center;display: flex;flex-direction: column;justify-content: center;width: 216px;}
.join_yc .jin .jin_left .btns ul li a:hover{color: #fff;}
.join_yc .jin .jin_left .btns ul li.hrs{width: 2px}
.join_yc .jin .jin_left .btns ul li.hrs span{width: 1px;height: 70%;background-color: #0C0C0C}
.join_yc .jin .jin_left .btns ul li .tit{font-size: 20px;}
.join_yc .jin .jin_left .btns ul li .inf{font-size: 14px;}
.jin_right {height: 386px;width: 759px;background-image: url(/static/index/yc/images/19138073.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.email ul{display: flex;justify-content: space-between}
.email ul li{display: flex;justify-content: space-between}
.email ul li .em_info{display: flex;justify-content: space-between;flex-direction: column;padding-left: 20px}
.email ul li .eimg{height: 54px;width: 54px;background-image: url(/static/index/yc/images/19142031.png);background-repeat: repeat;background-position: 50% 50%;background-size: cover;}


/**手机端响应样试*/
@media only screen and (max-width: 900px) {
    .gzh{padding: 50px 0px}
    .about {width: auto;padding: 10px 20px;}
    .about_top{background-color: #fff;height: 113px}
    .about_nav {width: 100%;padding: 10px;border-bottom: 1px solid #ccc;background-color: #fff;position: fixed;z-index: 1000}
    .about_box {min-height: 400px;width: 100%;}
    .about_box .witw{height: auto;width: 228px;position: unset;margin: 0 auto;}
    .about_title ul {line-height: 36px;padding: 10px 0 10px;}
    .about_title ul li {width: 120px;}
    .about_title ul li strong {font-size: 16px;font-weight: 400;}
    .about_title ul li span {font-size: 8px;line-height: 16px;}

    .abtxt {height: auto;}
    .a-server{height: auto}
    .a-server .infos{position: unset;width:100%;height: auto; padding: 20px 0 20px}
    .a-server .s-ul .list .hot {font-size: 20px;}
    .a-server .s-ul .list .btit {font-size: 12px;}
    .hzhb {padding-top: 10px;}
    .hzhb .m_list {padding: 20px 0 20px;}
    .hzhb .m_list ul {height: auto;width: 100%;margin-left: 0px;}
    .hzhb .m_list ul li {width: 25%;height: 35px;}
    .hzhb .m_list ul li .img {width: 100%;height:35px;}

    .systiem {flex-direction: column;}
    .systiem .sy_left {width: auto;padding: 10px 0;}
    .systiem .sy_right img {height: auto;width: 100%;}
    .systiem .sy_left .title {font-size: 20px; padding: 0px 0;}
    .team .title {padding: 25px 0 10px;}
    .team .te_text {padding: 20px 0 20px;}
    .team-list ul {height: auto;width: 100%;}
    .join_yc .jin {flex-direction: column;padding: 20px 0;}
    .join_yc .jin .jin_left .btns ul {height: 134px;width: 100%;}
    .join_yc .jin .jin_left .btns ul li {width: 50%;}
    .jin_right {height: 386px;width: 100%;}
    .team-list ul li {width: 30%;height: 75px;line-height: 60px;margin-bottom: 10px;}
    .team-list ul li .imgs {width: 100%;height: 100%;}
    .team-list ul li .imgs img {width: 100%;height: 75px;}
    .awards .aw-list li .aimgs img {height: 233px;width: 100%;}
    .team-list ul li .imgs .img_hover {width: 100%;height: 100%;font-size: 8px;font-weight: 100;}
    .awards .aw-list {flex-direction: column;padding: 10px 0;}
    .awards .av_ulist li {height: auto}
    .gzh .links {width: 100%;height: auto;flex-wrap: wrap;}
    .gzh .links li{width: 50%}
    .job {flex-direction: column;padding: 20px 0;}
    .job .left{padding-bottom: 10px}
    .job .right a {width: 100%;}
    .w_img {height: 150px;width: 100%;}
    .email{display: none}
    .email ul li .eimg {height: 10px;width: 10px;}
    .email ul li .em_info {padding-left: 10px;}
    .email ul li .em_info span{font-size: 12px}

    .ab_bg{display: none}
    .right_info{position: unset;height: auto; width: 100%;}
    .in_text{position: unset;height: auto; width: 100%;padding:40px 20px;}
    .in_text span{font-size:14px;line-height:1.5}
    .in_text span.title{font-size:20px;line-height:1.75;}
    .brief {position: unset;}
}