@charset "utf-8";
@media screen and (min-width:481px) and (max-width:640px) {
    .banneritem .inner { margin: -80px 0px 0px 0px; left: 5%; height: 160px; }
    .bannerc .t1 { font: 18px/1.2 serif, sans-serif; }
    .bannerc .c1 { font: 14px/1.5 "microsoft yahei"; padding: 2% 0px; }
    .bannerc .t2 { font: 20px/1.1 serif, sans-serif; }
    .bannerc .c2 { font: 14px/1.5 "microsoft yahei"; }
    .bannerc .more { width: 90px; }
}

@media screen and (min-width:641px) and (max-width:860px) {
    .nav .subnav a { display: inline-block; padding: 8px 12px; }
    .banneritem .inner { margin: -115px 0px 0px 0px; left: 10%; height: 230px; }
    .bannerc .t1 { font: 28px/1.2 serif, sans-serif; }
    .bannerc .c1 { font: 16px/1.5 "microsoft yahei"; }
    .bannerc .t2 { font: 34px/1.1 serif, sans-serif; }
    .bannerc .c2 { font: 16px/1.5 "microsoft yahei"; }
    #banner .bx-wrapper .bx-pager, #banner .bx-wrapper .bx-controls-auto { bottom: 10px; height: 10px; line-height: 10px; }
    #banner .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; opacity: 0.6; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    #banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
    #banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; opacity: 0.5; }
    #banner .bx-wrapper .bx-next, #banner .bx-wrapper .bx-prev { width: 38px; height: 38px; margin-top: -19px; }
    #banner .bx-wrapper .bx-prev { background-position: -5px -5px; left: -48px; }
    #banner .bx-wrapper .bx-next { background-position: -53px -5px; right: -48px; }
    .nav { width: 100%;}
    .nav>ul{ justify-content: space-between;}
    .nav li a { padding: 8px 0px; text-align: center; }
    #newibox dd.c { width: 78%; }
    #newibox dd.c .time { width: 98px; }
    #newibox dd.c .txt { margin-left: 98px; }
    .gwiabout { height: auto; }
    .gwiabout .img { width: 100%; position: relative; right: inherit; top: inherit; }
    .gwiabout .img img { width: 100%; }
    .gwiabout .iboxc { display: block; padding: 40px 0px; }
    .gwiabout .iboxc .t { width: 100%; }
    .gwiabout .iboxc .en { font-size: 28px; }
    .gwiabout .iboxc .gw { font-size: 45px; }
    .gwiabout .iboxc .c { width: 100%; height: auto; }
    .gwiproduct { height: auto; }
    .gwiproduct .img { width: 90%; padding: 0px 5%; position: relative; left: inherit; top: inherit; }
    .gwiproduct .img img { width: 100%; }
    .gwiproduct .iboxc { display: block; padding: 25px 0px; position: relative; right: auto; top: auto; margin: 0px; width: 100%; height: auto; }
    .gwiproduct .iboxc .en { font-size: 28px; }
    .gwiproduct .iboxc .c { height: auto; }
    .wbox { padding: 35px 0px 30px; }
    .foot .inner { text-align: center; }
    .foot .inner .r { float: inherit; display: block; }
    .container { padding-left: 0%; width: 100%; }
    .sidebar a { font-size: 14px; padding: 10px; width: 138px; }
    .sidebar { width: 25%; }
    .gwbody { width: 75%; }
    .newdl dt .l { width: 100px; }
    .newdl dd { height: auto; padding: 15px 0px; }
    .newdl dd .redmore { float: inherit; }
    .newdl dd .redmore span { padding-left: 0px; }
    .culturallist li { width: 48%; margin: 0px 2% 15px 0px; }
    .developmentpage-c li .img { float: inherit; display: block; width: auto; height: auto; }
    .developmentpage-c li .txt { float: inherit; display: block; width: auto; margin: 0px; }
    .messform { margin-bottom: 10px; }
    .messform .ml { float: inherit; display: block; width: 100%; padding: 10px 0px 0px; }
    .application-b20{ margin-bottom: 0px;}
}
@media screen and (min-width:861px) and (max-width:1023px) {
    .nav .subnav a { display: inline-block; padding: 8px 12px; }
    .banneritem .inner { margin: -130px 0px 0px 0px; left: 10%; height: 260px; }
    .bannerc .t1 { font: 35px/1.2 serif, sans-serif; }
    .bannerc .c1 { font: 16px/1.5 "microsoft yahei"; }
    .bannerc .t2 { font: 50px/1.1 serif, sans-serif; }
    .bannerc .c2 { font: 16px/1.5 "microsoft yahei"; }
    #newibox dd.c { width: 78%; }
    #newibox dd.c .time { width: 110px; }
    #newibox dd.c .txt { margin-left: 110px; }
    .gwiabout { height: 420px; }
    .gwiabout .img { height: 420px; }
    .gwiabout .img img { height: 100%; }
    .gwiabout .iboxc .t { width: 70%; }
    .gwiabout .iboxc .en { font-size: 34px; }
    .gwiabout .iboxc .gw { font-size: 55px; }
    .gwiproduct { height: 378px; }
    .gwiproduct .img { padding: 40px 3%; }
    .gwiproduct .img img { width: 55%; }
    .foot .inner { text-align: center; }
    .foot .inner .r { float: inherit; display: block; }
    .container { padding-left: 2%; width: 98%; }
    .sidebar a { font-size: 14px; }
    .sidebar { width: 20%; }
    .gwbody { width: 80%; }
    .newdl dt .l { width: 100px; }
    .newdl dd { padding-left: 100px; height: auto; padding-bottom: 8px; }
    .newdl dd .redmore { float: inherit; }
    .newdl dd .redmore span { padding-left: 0px; }
    .developmentpage-c li .img { float: left; display: block; width: 40%; }
    .developmentpage-c li .txt { float: left; display: block; padding-left: 4%; width: 56%; margin: 0px; }
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .banneritem .inner { margin: -143px 0px 0px 0px; left: 10%; height: 286px; }
    .bannerc .t1 { font: 38px/1.2 serif, sans-serif; }
    .bannerc .c1 { font: 16px/1.5 "microsoft yahei"; }
    .bannerc .t2 { font: 54px/1.1 serif, sans-serif; }
    .bannerc .c2 { font: 16px/1.5 "microsoft yahei"; }
    .gwiproduct { height: 464px; }
    .gwiproduct .img { width: 48%; }
    .gwiproduct .img img { width: 100%; display: block; }
    .sidebar a { font-size: 14px; }
    .sidebar { width: 20%; }
    .gwbody { width: 80%; }
    .newdl dt .l { width: 140px; }
    .newdl dd { padding-left: 140px; height: auto; padding-bottom: 15px; }
    .newdl dd .redmore { float: inherit; }
    .newdl dd .redmore span { padding-left: 0px; }
    select.selbox{background: url(../images/SICO.png) no-repeat scroll 97% center #fff;}
}

@media screen and (min-width:1281px) and (max-width:1440px) {
    .inner { width: 88%; }
    .serachbox { width: 170px; }
    .serach-txt { width: 130px; }
    .banneritem .inner { height: 300px; margin: -150px 0px 0px 0px; left: 6%; }
    .bannerc .t1 { font: 40px/1.2 serif, sans-serif; }
    .bannerc .c1 { font: 18px/1.5 "microsoft yahei"; }
    .bannerc .t2 { font: 60px/1.1 serif, sans-serif; }
    .bannerc .c2 { font: 18px/1.5 "microsoft yahei"; }
    .container { padding-left: 6%; width: 94%; }
    .pagecon { padding-right: 9%; }
    select.selbox{background: url(../images/SICO.png) no-repeat scroll 97% center #fff;}
}

@media screen and (min-width:1601px) {
    .inner { width: 75%; }
    .banneritem .inner { margin: -175px 0px 0px; left: 12%; }
    .container { padding-left: 12%; width: 88%; }
    .pagecon { padding-right: 16%; }
    .contactpagecon { padding-right: 0; }
    select.selbox{background: url(../images/SICO.png) no-repeat scroll 97% center #fff;}
}

@media screen and (max-width:1480px) {
    .contactpage ul li { width:50%;margin-bottom:5%;}
}

@media screen and (min-width:0px) and (max-width:1280px) {
    .inner { width: 80%; }
    .nav .subnav { top: 104px; }
    #headbox .inner { padding: 52px 0px 0px; width: 100%; }
    .oaLink { right: 52%; position: absolute; top: 0px; }
    .grop-rbox { left: 52%; position: absolute; top: 0px; }
    .gwmenu { top: 104px; }
    .gwmenu a { padding: 9px 15px; }
    .gwfixed { top: 0px; }
    .pagecon { padding-right: 6%; }
    .nDt .time { float: inherit; }
    .hrlist { width: 100%; }
    .hrlist li .l { width: 100px; }
    .contactpage { width: 100%; }
    .maplist li { float: inherit; display: block; padding: 15px 0px; }
    .contactpage ul li { margin-bottom:0; width:auto;}

}

@media screen and (min-width:0px) and (max-width:640px) {
    .inner { width: 90%; }
    .topshow { -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.7); box-shadow: 0 0 3px rgba(0,0,0,0.7); }
    #banner .bx-wrapper .bx-pager, #banner .bx-wrapper .bx-controls-auto { bottom: 10px; height: 10px; line-height: 10px; }
    #banner .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; opacity: 0.6; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    #banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; opacity: 1; }
    #banner .bx-wrapper .bx-next, #banner .bx-wrapper .bx-prev { width: 28px; height: 28px; margin-top: -14px; }
    #banner .bx-wrapper .bx-prev { background-position: -10px -10px; left: -48px; }
    #banner .bx-wrapper .bx-next { background-position: -58px -10px; right: -48px; }
    .tbox { width: 95%; padding-left: 5%; background-color: #fff; position: fixed; top: 0px; left: 0px; z-index: 2000; }
    .logo { padding: 14px 0px; }
    #headbox .inner { padding: 78px 0px 0px; height: 52px; z-index: 100; width: 100%; }
    .nav { display: none; }
    .oaLink a { width: 110px; font-size: 12px; padding-left: 12px; }
    .oaLink a:hover .ico { right: 12px; }
    .oaLink { display: none; }
    .grop-rbox { width: 90%; position: relative; margin: 0px auto; left: auto; top: auto; padding: 0px; float: inherit; }
    .serachbox{ flex: 1; padding-left: 0;}
    .serachbox .serach-txt { width: 100%; padding: 0px 4%; margin: 0px; }
    .logo { float: left; display: block; }
    .logo img { width: 180px; }
    .sidecar-open { display: block; }
    #newibox { padding: 40px 0px; }
    #newibox dt.t { float: none; border-bottom: 3px solid #efefef; width: 100%; padding-bottom: 10px; margin-bottom: 20px; }
    #newibox dt.t .en { font-size: 28px; }
    #newibox dt.t .zh { font-size: 16px; }
    #newibox dd.c { float: none; width: 100%; }
    #newibox dd.c .time { width: auto; float: inherit; }
    #newibox dd.c .txt { margin-left: 0px; }
    .gwiabout { height: auto; }
    .gwiabout .img { width: 100%; position: relative; right: inherit; top: inherit; }
    .gwiabout .img img { width: 100%; }
    .gwiabout .iboxc { display: block; padding: 30px 0px; }
    .gwiabout .iboxc .t { width: 100%; }
    .gwiabout .iboxc .en { font-size: 28px; }
    .gwiabout .iboxc .gw { font-size: 45px; }
    .gwiabout .iboxc .c { width: 100%; height: auto; }
    .gwiproduct { height: auto; }
    .gwiproduct .img { width: 90%; padding: 0px 5%; position: relative; left: inherit; top: inherit; }
    .gwiproduct .img img { width: 100%; }
    .gwiproduct .iboxc { display: block; padding: 25px 0px; position: relative; right: auto; top: auto; margin: 0px; width: 100%; height: auto; }
    .gwiproduct .iboxc .en { font-size: 28px; }
    .gwiproduct .iboxc .c { height: auto; }
    .foot .inner { text-align: center; }
    .foot .inner .r { float: inherit; display: block; }
    .wbox { padding: 30px 0px 25px; }
    .gwmenu { display: none; }
    .container { padding: 40px 0px 0px 0px; width: 100%; }
    .sidebar { display: block; float: inherit; width: 90%; padding: 0px 5%; margin-bottom: 40px; /*background: url(../images/subbg.png) repeat;*/ }
    .sidebar li { display: inline-block; padding: 0px; }
    .sidebar a { display: inline-block; width: auto; font-size: 14px; }
    .sidebar a:hover, .sidebar a:active, .sidebar a.active { background-color: #aacbfd; color: #fff; }
    .gwbody { width: 100%; margin: 0px auto; float: inherit; display: block; }
    .backTop { width: 40px; height: 40px; }
    .newdl dt .l { width: 100px; }
    .newdl dd { height: auto; padding: 15px 0px; }
    .newdl dd .redmore { float: inherit; }
    .newdl dd .redmore span { padding-left: 0px; }
    .culturallist li { width: 48%; margin: 0px 2% 15px 0px; }
    .developmentpage-c li .img { float: inherit; display: block; width: 100%; height: auto; }
    .developmentpage-c li .txt { float: inherit; display: block; width: 100%; margin: 0px; }
    .messform { margin-bottom: 10px; }
    .messform .ml { float: inherit; display: block; width: 100%; padding: 10px 0px 0px; }
    .hrlc1 { display: none; }
    .hrlc2 { display: block; }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .banneritem .inner { margin: -65px 0px 0px 0px; left: 5%; height: 130px; }
    .bannerc .t1 { font: 15px/1.2 serif, sans-serif; }
    .bannerc .c1 { font: 13px/1.4 "microsoft yahei"; padding: 2% 0px; }
    .bannerc .t2 { font: 14px/1.1 serif, sans-serif; }
    .bannerc .c2 { font: 12px/1.2 "microsoft yahei"; }
    .bannerc .more { width: 60px; }
    .foot .inner .d { display: block; }
    .newdl dt .l { display: none; }
    .culturallist li { width: 100%; margin: 0px 0px 15px 0px; }
    .hrlist li .l { display: none; }
}

@media screen and (min-width:0px) and (max-width:320px) {
    #newibox dd.c .time { display: none; }
    #newibox dd.c .txt { margin: 0px; }
}

@media screen and (max-width: 1680px) {
    .com-tit h4 {
        font-size: 30px;
    }
    .com-tit p {
        font-size: 20px;
    }
    .talent1 {
        margin-bottom: 140px;
    }
    .talent1 .inner {
        margin-top: 100px;
    }

    .wage-item .wage-t span {
        font-size: 22px;
        margin-left: 18px;
    }
    .wage-item .wage-t {
        margin-bottom: 35px;
    }
    .wage-item .itemT {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .wage-item .itemB {
        font-size: 16px;
    }
    .salary .wageB .wage-item {
        height: 350px;
        padding: 55px 6.3% 0 5.4%;
    }
    .hj .des {
        font-size: 20px;
    }
    .GetJob .com-tit p {
        font-size: 22px;
    }
    .job-item {
        height: 220px;
    }
}
@media screen and (max-width: 1600px)  {
    .pbannerfont{
        left: 10%;
    }
}
@media screen and (max-width: 1440px)  {
    .pbannerfont {left: 6%; }
    .com-tit h4 {
        font-size: 28px;
    }
    .GetJob .com-tit p {
        font-size: 20px;
    }
    .sub-tit h3 {
        font-size: 28px;
    }
    .sub-tit .des * {
        font-size: 16px;
    }
    .talent {
        margin-top: 80px;
    }
    .talent1 {
        margin-bottom: 120px;
    }
    .talent1 .inner,
    .talent3 .img {
        margin-top: 80px;
    }
    .talent2,
    .salary {
        padding: 80px 0 120px;
    }
    .talent3 {
        padding: 100px 0 120px;
    }
    .hj .hj-item p {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .job-item {
        height: 200px;
    }
    .xcx-items .txt * {
        font-size: 20px;
    }
}
@media screen and (max-width: 1280px)  {
    .pbannerfont { height: 40%; top: 58%;}
    .pbannerfont .png{ height: 100%; display: block;}
}
@media screen and (max-width: 1024px)  {
	.add-hr-list li{ float: none; width: auto; margin-right: 0;}
	.tousuPage{ width: 80%;}
	.form-box-close{ right: -40px; width: 40px; height: 40px; background-color: #124394;}
	.form-box-close i{ width: 40px; height: 40px; background-size: 40% auto;}
	.tousuPage .t{ font-size: 18px;}
	.tousuPage tr td{ font-size: 14px;}
    .com-tit h4 {
        font-size: 26px;
    }
    .GetJob .com-tit p {
        font-size: 18px;
    }
    .sub-tit h3 {
        font-size: 26px;
    }
    .hj .des {
        font-size: 18px;
        width: 80%;
    }
    .hj .hj-item p {
        height: 46px;
        line-height: 46px;
    }
    .xcx-items .txt * {
        font-size: 16px;
    }
    .wage1 {
        padding: 40px 12.2% 40px 4.7%;
        margin: 45px 0 25px;
    }
    .wage-item .wage-t {
        margin-bottom: 25px;
    }
    .wage-item .wage-t img {
        width: 34px;
    }
    .wage-item .wage-t span {
        font-size: 18px;
        margin-left: 15px;
    }
    .salary .wageB .wage-item {
        height: 300px;
        padding: 30px 4.3% 0 3.4%;
    }
    .wage-item .itemT {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .wage-item .itemB {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 860px) {
    .talent1 {
        margin-bottom: 80px;
    }
    .talent1 .inner {
        flex-direction: column;
    }
    .talent2 .inner {
        flex-direction: column-reverse;
    }
    .talent1 .inner .sub-tit,
    .talent2 .inner .sub-tit {
        width: 100%;
        margin-bottom: 50px;
    }
    .talent1 .inner .img,
    .talent2 .inner .img {
        width: 100%;
    }
    .talent2 .sub-tit * {
        text-align: left;
    }
    .talent1 .inner, .talent3 .img {
        margin-top: 50px;
    }
    .talent2, .salary,
    .talent3 {
        padding: 80px 0;
    }
    .salary .wageB {
        flex-direction: column;
    }
    .salary .wageB .wage-item {
        width: 100%;
        height: auto;
        padding: 30px 4.3%;
    }
    .wage1{ 
        padding: 30px 4.3%;
        margin-bottom: 20px;
    }
    .salary .wageB .wage-item:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .wage-item .wage-b {
        flex-direction: column;
    }
    .wage-item .itemB {
        display: inline-block;
        margin-right: 20px;
    }
    .hj {
        padding: 80px 0;
    }
    .hj .des {
        font-size: 16px;
        width: 100%;
        margin: 40px auto 50px;
    }
    .hj .hj-item p {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .GetJob {
        padding-top: 80px;
    }
    .job-items {
        padding: 50px 0 60px;
    }
    .job-item {
        height: 160px;
    }
    .xcx-items .xcSrc {
        width: 250px;
    }
    .xcx-items .xcx .pic {
        width: 120px;
        height: 120px;
    }
}

@media screen and (max-width: 640px) {
    .pbanner { height: 160px; }
    .pbannerfont img.png { width: 218px; }
    .pbannerfont { left: 5%; margin: -34px 0px 0px; height: 68px; }
	.form-box-close{ right: 50%; margin-right: -20px; top: -40px;}
	.tousuPage{ width: 90%;}
	.tousuPage tr td{ display: block; width: 100%; box-sizing: border-box; border-top: 0 none; padding: 8px 5%;}
    .com-tit h4 {
        font-size: 24px;
    }
    .com-tit p {
        font-size: 16px;
    }
    .sub-tit h3 {
        font-size: 18px;
    }
    .sub-tit .des * {
        font-size: 14px;
    }
    .talent2, .salary, .talent3,.hj {
        padding: 60px 0;
    }
    .wage-item .wage-t img {
        width: 26px;
    }
    .wage-item .wage-t span {
        font-size: 16px;
        margin-left: 10px;
    }
    .wage-item .itemT {
        margin-bottom: 15px;
    }
    .wage1.items:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .hj .hj-wrap {
        flex-direction: column;
    }
    .hj .hj-item {
        width: 100% !important;
    }
    .hj .hj-t {
        margin-bottom: 20px;
    }
    .hj .hj-item:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .GetJob .com-tit p {
        font-size: 16px;
    }
    .job-items {
        flex-direction: column;
    }
    .job-item {
        width: 100%;
    }
    .job-item:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .xcx-items {
        flex-direction: column;
    }
    .xcx-items .txt {
        margin-bottom: 30px;
    }
}