.chineseWorkcamp { padding-bottom: 188px; position: relative; z-index: 91; }
    .chineseWorkcamp .container { position: relative; }
    .chineseWorkcamp .bgShape_red { position: absolute; z-index: 92; left: 5px; top: -106px; }
    .chineseWorkcamp .bgPic { position: absolute; z-index: 93; left: 0; bottom: 0; width: 34%; height: auto; }
        .chineseWorkcamp .bgPic img { width:100%;}
    .chineseWorkcamp .main { z-index: 95; position: relative; }
        .chineseWorkcamp .main h3 { font-size: 28px; line-height: 28px; color: #ffffff; font-weight: normal; }
            .chineseWorkcamp .main h3.en { font-size: 15px; line-height: 35px; color: #fff; margin-bottom: 16px; font-family: "San Fransico","Arial","Times New Roman"; text-transform: uppercase; }
        .chineseWorkcamp .main .left { width: 56%; padding-top: 90px; }
        .chineseWorkcamp .main .right { width: 37%; padding-top: 128px; }
        .chineseWorkcamp .main .left h3 { padding-left: 110px; }
        .chineseWorkcamp .main .left p { padding-left: 110px; font-size: 13px; line-height: 25px; color: #fff; text-indent: 26px; }
        .chineseWorkcamp .main .right p { font-size: 12px; color: #fff; color: #4c4c4c; line-height: 20px; }
        .chineseWorkcamp .main .LinkMore { width: 108px; height: 28px; line-height: 28px; text-align: center; font-size: 13px; color: #ededed; background: #494949; margin-top: 8px; }




.campIntroduction { background: url(../images/Default_images/bg_black.jpg) no-repeat center top; background-size: cover; position: relative; }
    .campIntroduction .title { padding: 90px 0 64px; }
        .campIntroduction .title h3 { font-size: 30px; line-height: 28px; font-weight: normal; color: #fff; }
            .campIntroduction .title h3 span { text-transform: uppercase; }
    .campIntroduction .main { padding-bottom: 95px; }
        .campIntroduction .main .box { position: relative; }
            .campIntroduction .main .box:hover .leftbtn { display: block; }
            .campIntroduction .main .box:hover .rightbtn { display: block; }
        .campIntroduction .main .leftbtn { position: absolute; left: 0px; top: 50%; margin-top: -40px; display: none; z-index: 999; }
        .campIntroduction .main .rightbtn { position: absolute; right: 0px; top: 50%; margin-top: -40px; display: none; z-index: 999; }
        .campIntroduction .main .fa { font-size: 50px; color: #f1f1f1; line-height: 80px; cursor: pointer; }
    .campIntroduction .item { }
        .campIntroduction .item img { margin: auto; }
    .campIntroduction .turnDown { display: block; width: 88px; height: 34px; background: url(../images/icon-turnDown_01.png) no-repeat; position: absolute; top: -10px; left: 50%; margin-left: -44px; }






.homeNew { position: relative; background-color: #161616; overflow: hidden; padding-bottom: 120px; }
    .homeNew .turnDown { display: block; width: 88px; height: 34px; background: url(../images/icon-turnDown_01.png) no-repeat; position: absolute; top: 0; left: 50%; margin-left: -44px; z-index: 11; }
    .homeNew .bgPic { position: absolute; left: 0; bottom: 0; z-index: 0; height: auto; }
    .homeNew .container { z-index: 1; position: relative; }
    .homeNew .title { padding: 39px 0 30px; }
        .homeNew .title h3 { font-size: 30px; line-height: 28px; font-weight: normal; color: #fff; padding-top: 4px; }
            .homeNew .title h3 span { text-transform: uppercase; }
    .homeNew .main { }
        .homeNew .main .left { width: 40%; }
        .homeNew .main .right { width: 40%; }
    .homeNew .panel { }
    .homeNew .panel_head h3 { font-size: 14px; line-height: 30px; color: #ae1f31; margin-bottom: 32px; }
    .homeNew .panel_body p { font-size: 13px; line-height: 25px; color: #fff; }
        .homeNew .panel_body p.author { color: #808080; font-size: 12px; line-height: 18px; margin: 20px 0 24px; }
    .homeNew .panel_body a { font-size: 13px; line-height: 24px; color: #fff; margin: 0; }
        .homeNew .panel_body a:hover { color: #ae1f31; }
    .homeNew .panel_body .pic { margin: 18px 0 0; }
        .homeNew .panel_body .pic img { width: 100%; }
    .homeNew .panel .LinkMore { font-size: 12px; line-height: 24px; color: #fff; }





.craftsman { background-color: #aa1e31; padding: 164px 0 190px; text-align: center; position: relative; z-index: 2; }
    .craftsman .turnDown { display: block; width: 88px; height: 34px; background: url(../images/icon-turnDown_02.png) no-repeat; position: absolute; top: -10px; left: 50%; margin-left: -44px; }
    .craftsman .title { margin-bottom: 24px; }
        .craftsman .title h3 { font-size: 22px; line-height: 34px; color: #fff; font-weight: normal; }
            .craftsman .title h3 span { text-transform: uppercase; }
    .craftsman .main { }
        .craftsman .main p { font-size: 15px; line-height: 26px; color: #fff; font-family: "San Fransico","Arial","Times New Roman"; }
    .craftsman .icon_pencil { display: block; width: 14px; height: 48px; background: url(../images/icon-pencil.png) no-repeat; background-size: 100% auto; margin: 40px auto 0; }






.skilledCraftsman { position: relative; /*padding-bottom: 120px;*/ clear: both; }
    .skilledCraftsman .bgPic { position: absolute; top: 0; right: 0; width: auto; height: auto; z-index: 0; }

    .skilledCraftsman .title { width: 1200px; margin: auto; position: relative; z-index: 1; }
        .skilledCraftsman .title h3 { font-size: 34px; line-height: 28px; font-weight: normal; color: #000; width: 1200px; padding: 116px 0 110px; }
            .skilledCraftsman .title h3 span { text-transform: uppercase; }
    .skilledCraftsman .main { position: relative; z-index: 1; }
    .skilledCraftsman .turnPage a { display: block; width: 52px; height: 52px; background-color: #616161; background-position: center center; background-repeat: no-repeat; background-size: 16px auto; float: left; }
        .skilledCraftsman .turnPage a.btn_Left { background-image: url(../images/icon-turnLeft.png); }
        .skilledCraftsman .turnPage a.btn_Right { background-image: url(../images/icon-turnRight.png); }
    .skilledCraftsman .main img { display: block; width: 100%; height: auto; }
    .skilledCraftsman .main a { display: block; }
    .skilledCraftsman .main .slideBox1 { position: relative; float: left; width: 44%; }
    .skilledCraftsman .slideBox1 .turnPage { position: absolute; bottom: 0; right: 0; }
        .skilledCraftsman .slideBox1 .turnPage a:hover { background-color: #212121; }

    .skilledCraftsman .slideBox2 { position: relative; float: right; width: 52%; margin-right: 2%; }
        .skilledCraftsman .slideBox2 .turnPage { position: absolute; bottom: -50px; left: 50%; margin-left: -40px; }
            .skilledCraftsman .slideBox2 .turnPage a { float: left; background-color: transparent; clear: none; width: 40px; height: 40px; margin: 0; z-index: 94; }
                .skilledCraftsman .slideBox2 .turnPage a.btn_Right:hover { background-image: url(../images/icon-turnRight_red.png); }
                .skilledCraftsman .slideBox2 .turnPage a.btn_Left:hover { background-image: url(../images/icon-turnLeft_red.png); }
        .skilledCraftsman .slideBox2 ul { margin: -7px -16px; }
            .skilledCraftsman .slideBox2 ul li { float: left; width: 33.333333%; }
        .skilledCraftsman .slideBox2 .item { margin: 0; padding: 0 18px 10px 18px; }
            .skilledCraftsman .slideBox2 .item .intro { display: none; }
            .skilledCraftsman .slideBox2 .item:hover .intro { display: block; }
            .skilledCraftsman .slideBox2 .item .pic { overflow: hidden; width: 305px; height: 392px; }
        .skilledCraftsman .slideBox2 a { display: block; margin: 7px 16px; float: left; clear: both; }
        .skilledCraftsman .slideBox2 .item h3 { font-size: 22px; line-height: 24px; color: #ae1f31; text-align: center; width: 100%; top: 40%; }
        .skilledCraftsman .slideBox2 .item p { font-size: 22px; line-height: 24px; color: #ae1f31; text-align: center; width: 100%; top: 45%; }






.newspaper { position: relative; overflow: hidden; }
    .newspaper .bgPic { position: absolute; right: 0; bottom: -2px; width: auto; height: auto; z-index: -1; }
    .newspaper .title { }
        .newspaper .title h3 { font-size: 34px; line-height: 34px; font-weight: normal; color: #000; width: 1200px; margin: 220px auto 60px; margin-left: 5%; }
            .newspaper .title h3 span { text-transform: uppercase; }
    .newspaper .main { clear: both; overflow: hidden; margin-left: 5%; margin-right: 7.5%; margin-bottom: 100px; }
    .newspaper .left { width: 43.5%; }
    .newspaper .right { width: 40%; }

    .newspaper .control { margin-bottom: 10px; overflow: hidden; }
        .newspaper .control input { background: none; border: none; width: 100%; box-sizing: border-box; background-color: #ececec; border: 1px solid #e8e8e8; box-shadow: 2px 2px 3px rgba(244,244,244,0.7) inset; height: 46px; font-size: 13px; color: #9f9fa0; padding-left: 15px; }
        .newspaper .control textarea { width: 100%; background: none; border: none; background-color: #ececec; font-size: 13px; color: #626060; box-sizing: border-box; text-indent: 0; padding: 10px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
        .newspaper .control a { display: block; text-transform: uppercase; font-size: 10px; line-height: 28px; color: #fff; border: 2px solid #fff; text-align: center; }

    .newspaper .downLoad a { display: inline-block; font-size: 14px; line-height: 18px; color: #333; padding-left: 50px; background: url(../images/icon-word.png) no-repeat left center; background-size: 35px auto; }
        .newspaper .downLoad a span.en { font-size: 12px; }






@media screen and (max-width:1024px) {
    .skilledCraftsman .title h3 { width: auto; padding: 4rem 0.5rem 3rem; margin: auto; }

    .skilledCraftsman .title { width: auto; padding: 0; margin: auto; }
    .skilledCraftsman .slideBox2 .item .pic { width: auto; height: auto; }
    .skilledCraftsman .slideBox2 .item { padding: 0.5rem; }
    .skilledCraftsman .main .slideBox1 { float: none; width: auto; }
    .skilledCraftsman .main .slideBox2 { float: none; width: auto; padding-bottom: 5rem; background: #4c4c4c; margin: 1rem 0 0; }
    .skilledCraftsman .slideBox2 .turnPage { bottom: 0; }


    .newspaper .title h3 { width: auto; padding: 0; margin: auto; }


    .chineseWorkcamp .bgShape_red { width: 100%; display: none; }
        .chineseWorkcamp .bgShape_red img { width: 100%; height: auto; }
    .chineseWorkcamp .main .left h3 { color: #333; }
    .chineseWorkcamp .main .left p { color: #5d5d5d; }

    .campIntroduction .main { overflow: hidden; }
        .campIntroduction .main .leftbtn { display: block !important; }
        .campIntroduction .main .rightbtn { display: block !important; }
        .campIntroduction .main .box li { width: 50%; }

    .homeNew { padding-bottom: 2.5rem; }
        .homeNew .main .left { float: none; width: auto; }
        .homeNew .main .right { float: none; width: auto; }
        .homeNew .panel_body .pic img { width: auto; margin: auto; max-width: 100%; }
        .homeNew .panel_body p.author { text-align: center; }


    .craftsman { padding: 5rem 0 4rem; }

    .newspaper { background: #B0192D; }
        .newspaper .title { margin: 5rem 0; }
        .newspaper .main { margin: 5rem 0; }
        .newspaper .left { float: none; width: auto; }
        .newspaper .right { float: none; width: auto; }


        .newspaper .downLoad a { padding: 0.2rem 0 0.2rem 50px; margin: 0.3rem 0; }
}

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

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

    #bannerHome { margin-top: 4.4rem; }


    .chineseWorkcamp { padding: 2rem 0 5rem; }
        .chineseWorkcamp .main .left { float: none; width: auto; padding: 0; }
            .chineseWorkcamp .main .left h3 { padding-left: 0; font-size: 0.9rem; line-height: 1.4rem; }
                .chineseWorkcamp .main .left h3.en { font-size: 0.7rem; line-height: 0.9rem; padding: 0 0 0.75rem; margin: 0; }
            .chineseWorkcamp .main .left p { padding: 0; }

        .chineseWorkcamp .main .right { float: none; width: auto; padding: 0; }
            .chineseWorkcamp .main .right p { font-size: 0.65rem; line-height: 1.1rem; margin: 0.5rem 0; }

    .campIntroduction { }
        .campIntroduction .title { padding: 1rem 0; }
            .campIntroduction .title h3 { padding-left: 0; font-size: 0.9rem; line-height: 1.4rem; }
                .campIntroduction .title h3 span { display: block; font-size: 0.7rem; line-height: 0.9rem; padding: 0 0 0.75rem; }
        .campIntroduction .main { margin: 0; padding: 3rem 0 2rem; }
            .campIntroduction .main .box li { width: 100%; }

    .homeNew { }
        .homeNew .turnDown { display: none; }
        .homeNew .title { padding: 1rem 0; }
            .homeNew .title h3 { padding-left: 0; font-size: 0.9rem; line-height: 1.4rem; }
                .homeNew .title h3 span { display: block; font-size: 0.7rem; line-height: 0.9rem; padding: 0 0 0.75rem; }

        .homeNew .panel_head h3 { margin: 0; }
        .homeNew .main { margin: 0; padding: 0 0 2rem; }
        .homeNew .panel_body a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .homeNew .newList { margin-top: 0.5rem; }



    .craftsman { }
        .craftsman .turnDown { display: none; }
        .craftsman .title { padding: 1rem 0; margin: 0; }
            .craftsman .title h3 { padding-left: 0; font-size: 0.9rem; line-height: 1.4rem; }
            .craftsman .title p { padding-left: 0; font-size: 0.9rem; line-height: 1.4rem; }
    


    .skilledCraftsman { }
        .skilledCraftsman .title { padding: 1rem 0; }
            .skilledCraftsman .title h3 { padding: 0; margin: 0; font-size: 0.9rem; line-height: 1.4rem; }
                .skilledCraftsman .title h3 span { display: block; font-size: 0.7rem; line-height: 0.9rem; margin: 0; padding: 0 0.5rem 0.75rem; }
        .skilledCraftsman .main .slideBox2 { margin: 0.5rem 0; padding: 0 0 2rem; }
        .skilledCraftsman .slideBox2 .item { padding: 0.25rem; }






    .newspaper { background: #B0192D; }
        .newspaper .title { padding: 1rem 0; margin: 0; }
            .newspaper .title h3 { padding-left: 0; font-size: 0.9rem; line-height: 1.4rem; }
                .newspaper .title h3 span { display: block; font-size: 0.7rem; line-height: 0.9rem; padding: 0 0 0.75rem; }
        .newspaper .main { margin: 0; padding-bottom: 3rem; }
}

@media screen and (max-width:720px) {
    #bannerHome { margin-top: 2.2rem; }
}

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






    /*.skilledCraftsman .title h3 { padding: 3rem 0 1.5rem; }
    .newspaper .title { margin: 0; }
        .newspaper .title h3 { padding: 3rem 0 1.5rem; }
    .newspaper .main { margin: 0 0 3rem; }


    .skilledCraftsman .main .slideBox2 { margin-top: 0.5rem; padding-bottom: 3rem; }
    .skilledCraftsman .slideBox2 ul { margin: -0.25rem; }
    .skilledCraftsman .slideBox2 .item { padding: 0.25rem; }*/
}

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