@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1100px) {
.header_black { display: none; }
.header_fixed{ position: static; border:none; z-index:auto;}
.hd_top { display: none; }
.banner{ display:none;}
.phone_banner{ display:block;}
.wid { width: 94%; margin: 0 auto; }
.menuBtn { display: block; padding-top: 18px; }
.phone_logo { display: block; max-height: 50px; }
.header { position: static; }
.header .logo { line-height: 55px; }
.header .logo img { max-height: 40px; }
.header .mobiltop { display: block; }
.header { height: 55px; line-height: 55px; z-index: 999; border-bottom: 1px solid #fd7041; }
.header .nav { position: absolute; left: -160px; z-index: 9999; background: #f8f8f8; width: 160px; height: 100%; margin-top: 0px; overflow: scroll; }
.header .nav ul>li.pcLogo { position: absolute; top: 0; left: 0; width: 100%; border-bottom: none; }
.header .nav ul>li.pcLogo:after { display: none; }
.header .nav ul>li.pcLogo img { max-width: 100%; }
.header .nav ul>li.pcLogo a { text-indent: 0; }
.header .nav ul li { width: 100%; margin-left: 0px; line-height: 40px;/* border-bottom: 1px solid #d5d5d5;*/ }
.header .nav ul li a { display: block; text-indent: 0px; color: #4c4c4c; text-align: center; padding: 7px 0; font-size: 16px; }
.header .nav ul>li>a.on { background: none; border-radius: none; color: #ff6600; }
.header .nav ul>li .arr { display: none; }
.header .nav ul>li .navlist { position: relative; width: 100%; left: 0; margin-left: 0px; top: 0px; background: none; border-top: none; padding: 0px; display: block; }
.header .nav ul>li .navlist a { font-size: 14px; color: #4c4c4c; text-indent: 30px; font-size: 12px; height: 30px; line-height: 30px; }
.header .nav ul>li a:hover { background: none; color: #ff6600; }
.header .nav ul>li .navlist a:hover { color: #ff6600; }
.banner { margin-top: 0px; }
.header .nav ul>li.li1 { margin-right: 0; margin-top: 0; text-align: center; height: auto; }
.header .nav ul>li>a.on:before { display: none; }
.banner .slick-dots { bottom: 0; }
.banner .slick-dots li button { width: 9px; height: 9px; }
.fixed_menu { display: none; }
.wrap1 { padding-top: 24px; padding-bottom: 20px; }
.c_title h1 { font-size: 16px; }
.c_title h1 .l_img { margin-right: 14px; height: 12px; top: 0; }
.c_title h1 .r_img { margin-left: 14px; height: 12px; top: 0; }
.c_title h6 { padding-top: 2px; letter-spacing: normal; }
.w_text { font-size: 15px; line-height: 26px; padding-top: 26px; }
.w_text strong { width: 45px; height: 20px; font-size: 14px; line-height: 20px; font-weight: normal; }
.wrap1 .tit { font-size: 12px; font-weight: normal; }
.wrap2 { background: #fafafa; padding-top: 20px; padding-bottom: 30px; }
.wrap2 ul li { width: 32%; margin: 0 auto; margin-right: 2%; }
.wrap2 ul li:nth-child(3n) { margin-right: 0; }
.wrap2 ul li .con .wall { padding: 0 10px; }
.wrap2 ul li .con .wall h4 { height: 26px; line-height: 26px; font-size: 14px; }
.wrap2 ul li .con .wall h4 img { max-height: 16px; padding-right: 4px; }
.wrap2 ul li .con .wall .text { font-size: 12px; line-height: normal; }
.wrap2 ul li .con { height: 200px; margin-top: 25px; }
.wrap2 ul li .circle { width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; top: 25px; z-index: inherit; font-size: 12px; }
.wrap2 ul li .circle span { font-size: 12px; padding-top: 3px; }
.arrow_r { width: 12px; top: 44%; height: 23px; right: -11px; background-size: contain; background: url(../images/arrow4.png) no-repeat center; background-size:contain;}
.arrow_l { width: 12px; top: 44%; height: 23px; left: -3px; background-size: contain; background: url(../images/arrow3.png) no-repeat center; background-size:contain;}
.btn { width: 174px; height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 0; margin-top: 40px; }
.index_join { background: #fff; padding-top: 24px; padding-bottom: 30px; }
.join_img { margin: 20px 0 30px 0 }


.inbtn { width: 174px; height: 30px; line-height: 30px; font-size: 14px; margin-top: 30px; }


.find { background-color: #fafafa; padding-top: 24px; padding-bottom: 30px; }
.find_con .find_tip { padding-top: 24px; font-size: 14px; line-height: normal; }
.method2 { margin-bottom: 30px; }
.what { padding-top: 24px; padding-bottom: 30px; background-color: #fff; }
.what ul li .pic img { width: 60px; }
.what ul { margin-top: 50px; margin-bottom: 35px; }
.what ul li .pic { margin-bottom: 10px; }
.what ul li .text { font-size: 12px; line-height: normal; }
.exhibition { background-color: #fafafa; padding-top: 24px; padding-bottom: 0; background-size: contain; }
.exhibition .c_title { padding-bottom: 24px; }
.exhibition .list h5 { font-size: 14px; padding-bottom: 24px; padding-top: 24px; }
.exhibition .inbtn { margin-top: 30px; margin-bottom: 20px; }
.exhibition ul { width: 94%; margin: 0 auto; }
.exhibition ul li { width: 32%; height: auto; margin: 0 auto; margin-right: 2%; margin-bottom: 10px; }
.exhibition ul li:nth-child(3n) { margin-right: 0; }
.spec { background-color: #fff; padding-top: 30px; padding-bottom: 0; }
.goin { padding: 30px 0; padding-top: 20px; background-image: url(../images/btm.png); background-size: cover; }
.goin p { color: #4c4c4c; font-size: 14px; padding-top: 8px; }
.goin .btn2 { display: block; margin: 0 auto; text-align: center; background: #ffae00; border-radius: 38px; color: #fff; -moz-box-shadow: inset 0 -2px 4px rgba(0,0,0,0.15); -ms-box-shadow: inset 0 -2px 4px rgba(0,0,0,0.15); -o-box-shadow: inset 0 -2px 4px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 -2px 4px rgba(0,0,0,0.15); box-shadow: inset 0 -2px 4px rgba(0,0,0,0.15); width: 174px; height: 30px; line-height: 30px; font-size: 14px; }
.footer { display: none; }
.copy_right { display: none; }
.fix_btm { display: block; }
.goin p span { color: #d20006; }











.formBox h1 { font-size: 26px; padding: 30px 0 20px 0; }
.formBox table { width: 94%; margin: 0 auto; }
.formBox table th { font-size: 14px; height:46px; }
.formBox table td { font-size: 12px; }
.formBox table .title { font-size: 14px; }
.btns .re_btn { margin-right: 20px; font-size: 14px; margin-top: 20px; }
.formBox { padding-bottom: 90px; }
.header .nav ul>li>a:before { display: none; }
.formBox table .third_column{ display:none;}
.black_line { display: block; }
.wrap2 ul{ margin-top:20px;}
.two_word{ display:inline-block; width:28px;}
.zhehang{ display:inline;}
.four_wrod{ display:inline-block; width:56px;}
}
 @media screen and (max-width:438px) {
.wrap2 ul li .con .wall .text { height: 147px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
}
 @media screen and (max-width:438px) {
.wrap2 ul li .con .wall h4 { font-size: 12px; }
}

@media screen and (max-width:566px) {
    [class^=th] {
        text-align: center;
    }
    .four_wrod {
        width: 66px;
    }
    .click.inbtn {
        height: 56px;
        line-height: 56px;
        font-size: 26px;
       

    }
    .box { width: 400px; height: 430px; font-size: 12px;}
    .box .closed img {width: 20px;height: 20px;}
    .box .b_title {height: 90px;}
    .box .b_title img { padding: 20px 0 0 20px; max-width: 70%; }
    .box .box_con { padding: 0 20px; padding-top: 4px; }
    .box .box_con .item .text { }
    .box .box_con .item .item_con div i { height:100%; top:0; left:0;background-color: transparent;}
    .box .box_con .item h6 { font-size: 14px; padding-top: 5px; }
    .box .box_con .item .text { width: 165px }
    .box .box_con .item .long { width: 352px; }
    .box  #sure {
        margin-top: 20px;
        height: 34px;
        line-height: 34px;
        width: 354px;
        transform: translateX(-2px);
        -webkit-transform: translateX(-2px);
        -moz-transform: translateX(-2px);
        -o-transform: translateX(-2px);
    }
    .goin .btn2 , .btn{
        line-height: 16px;
    }
}

@media screen and (max-width:414px) {
    .box { width: 350px; height: 430px; font-size: 12px;}
    .box .closed img {width: 20px;height: 20px;}
    .box .b_title {height: 90px;}
    .box .b_title img { padding: 20px 0 0 20px; max-width: 70%; }
    .box .box_con { padding: 0 15px; padding-top: 4px; }
    .box .box_con .item .text { }
    .box .box_con .item .item_con div i { height:100%; top:0; left:0;background-color: transparent;}
    .box .box_con .item h6 { font-size: 14px; padding-top: 5px; }
    .box .box_con .item .text { width: 146px }
    .box .box_con .item .long { width: 312px; }
    .box  #sure {
        margin-top: 20px;
        height: 34px;
        line-height: 34px;
        width: 314px;
        transform: translateX(-2px);
        -webkit-transform: translateX(-2px);
        -moz-transform: translateX(-2px);
        -o-transform: translateX(-2px);
       
    }
}


@media screen and (max-width:768px) {
    .r {
        padding: 30px 15px !important;
    }
}