body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, option, p, blockquote, th, td { margin: 0; padding: 0; }
* { outline: 0 none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul li { list-style: none; }
a { color: black; outline: 0 none; text-decoration: none; cursor: pointer; }
img { border: 0; }

body { font-family: Microsoft Yahei, Verdana, "\5FAE\8F6F\96C5\9ED1", Tahoma, "DejaVu Sans", sans-serif; font-size: 14px; }

.wrapper { width: 100%; margin: 0 auto; overflow: hidden; }

.main { width: 100%; margin: 0 auto; }




/* boot_page start */

/*banner*/
.section1 { width: 100%; height: auto; overflow: hidden; }
.banner_bf { position: relative; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; text-align: center; }
    .banner_bf .home_slider .item { float: left; position: relative; width: 100%; height: 100%; }
    .banner_bf .home_slider img { float: left; width: 100%; height: 100%; }
/*.banner_yuan { width: 100%; height: 530px; position: absolute; left: 0; bottom: -3px; z-index: 9; background: url('../images/banner_yuan.png') no-repeat center bottom; background-size: cover; }*/



.home_banner_pro { width: 100%; height: auto; position: absolute; top: 35%; left: 0; padding: 0 20px; box-sizing: border-box; }
.hone_banner_pro_con { width: 460px; height: auto; margin: 0 auto; background: rgba(216, 122, 42, 0.65); text-align: center; padding: 40px 50px; padding-bottom: 35px; box-sizing: border-box; }
.home_banner_pro .text { width: 100%; height: auto; border-top: 4px solid #fb811a; padding-top: 20px; box-sizing: border-box; }
/* .home_banner_pro h2 { font-size: 50px; color: #fff; line-height: 50px; font-weight: 600; text-transform: uppercase; letter-spacing: -1px; } */
.home_banner_pro h3 { font-size: 26px; color: #fff; line-height: 40px; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; }
.home_banner_pro p { font-size: 22px; color: #fff; line-height: 30px; font-weight: normal; font-family: Arial; }
.home_banner_pro .line { display: block; width: 100%; height: 30px; background: url('/images/home_banner_line.png') no-repeat center center; background-size: 100%; margin: 15px auto; font-size: 26px; color: #fff; line-height: 30px; box-sizing: border-box; }



/* index_header */
.index_header { width: 100%; height: 125px; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0); z-index: 999; border-bottom: 1px solid #f9f8f81f; box-sizing: border-box; }
.header { width: 100%; height: 125px; margin: 0 auto; padding-right: 0; box-sizing: border-box; }

.header_top { width: 100%; height: 40px; padding-top: 10px; padding-bottom: 0px; box-sizing: border-box; text-align: right; font-size: 14px; color: #fff; line-height: 30px; }
    .header_top p { float: right; width: auto; height: auto; padding-right: 35px; box-sizing: border-box; }
        .header_top p span { float: left; margin-left: 10px; }
.header_nav {
    width: 100%;
    height: 85px;
}

    .header_nav .nav {
        width: 100%;
        height: 85px;
        padding-top: 2px;
        padding-bottom: 18px;
        box-sizing: border-box;
    }

        .header_nav .nav ul li {
            float: left;
            width: 11%;
            padding: 0 5px;
            box-sizing: border-box;
        }

            .header_nav .nav ul li.logo_li {
                width: 12%;
                height: 65px;
            }

            .header_nav .nav ul li:nth-of-type(1) {
                width: 8%;
            }

            .header_nav .nav ul li:nth-of-type(2) {
                width: 16%;
            }
            .header_nav .nav ul li:nth-of-type(4) {
                width: 24%;
            } 
            .header_nav .nav ul li:nth-of-type(5) {
                width: 12%;
            }

            .header_nav .nav ul li:nth-of-type(6) {
                width: 10%;
            }

            .header_nav .nav ul li:nth-of-type(7) {
                width: 9%;
            }

            .header_nav .nav ul li:nth-of-type(8) {
                width: 9%;
            }

            .header_nav .nav ul li:nth-of-type(9) {
                width: 9%;
            }

            .header_nav .nav ul li:nth-of-type(10) {
                width: 7%;
            }

            .header_nav .nav ul li a {
                display: block;
                font-size: 16px;
                color: #fff;
                text-align: center;
                padding: 0 2px;
                height: auto;
                line-height: 65px;
                box-sizing: border-box;
                font-weight: 500;
            }

                .header_nav .nav ul li a:hover {
                    color: #f48424;
                }

                .header_nav .nav ul li a.active {
                    color: #f48424;
                }

                .header_nav .nav ul li a::before,
                .header_nav .nav ul li a::after {
                    display: inline-block;
                    opacity: 0;
                    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
                    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
                    transition: transform 0.3s, opacity 0.2s;
                    font-size: 18px;
                }

                .header_nav .nav ul li a::before {
                    margin-right: 5px;
                    content: '[';
                    -webkit-transform: translateX(20px);
                    -moz-transform: translateX(20px);
                    transform: translateX(20px);
                }

                .header_nav .nav ul li a::after {
                    margin-left: 5px;
                    content: ']';
                    -webkit-transform: translateX(-20px);
                    -moz-transform: translateX(-20px);
                    transform: translateX(-20px);
                }

                .header_nav .nav ul li a:hover::before,
                .header_nav .nav ul li a:hover::after,
                .header_nav .nav ul li a.active::before,
                .header_nav .nav ul li a.active::after,
                .header_nav .nav ul li a:focus::before,
                .header_nav .nav ul li a:focus::after {
                    opacity: 1;
                    -webkit-transform: translateX(0px);
                    -moz-transform: translateX(0px);
                    transform: translateX(0px);
                }


            .header_nav .nav ul li.logo_li a::before,
            .header_nav .nav ul li.logo_li a::after,
            .header_nav .nav ul li.logo_li a::before,
            .header_nav .nav ul li.logo_li a::after,
            .header_nav .nav ul li.logo_li a::before,
            .header_nav .nav ul li.logo_li a::after {
                display: none;
            }

            .header_nav .nav ul li.logo_li a:hover::before,
            .header_nav .nav ul li.logo_li a:hover::after,
            .header_nav .nav ul li.logo_li a.active::before,
            .header_nav .nav ul li.logo_li a.active::after,
            .header_nav .nav ul li.logo_li a:focus::before,
            .header_nav .nav ul li.logo_li a:focus::after {
                display: none;
            }


            .header_nav .nav ul li.logo_li img { display: block; width: 190px; height: auto; margin: 0 auto; }

.main-menu nav > ul > li:hover > a,
.main-menu nav > ul > li.active > a {
    color: #ff60a3;
}

/* sub menu */
.main-menu nav > ul > li .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #ff60a3;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-out;
    visibility: hidden;
    width: 220px;
    z-index: 9;
    transform-origin: top;
    transform: scaleY(0);
}

.main-menu nav > ul > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.main-menu nav > ul > li .sub-menu li {
    display: block;
    position: relative;
}

    .main-menu nav > ul > li .sub-menu li a {
        color: #666666;
        font-size: 15px;
        font-weight: 600;
        margin: 0;
        padding: 13px 20px;
        text-transform: capitalize;
        display: block;
        font-family: 'Poppins', sans-serif;
    }

.main-menu nav > ul > li:hover > .sub-menu li > a:hover {
    color: #fff;
    background: #ff60a3;
}

/* sub menu */
.main-menu nav > ul > li > .sub-menu > li > .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #ff60a3;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 9;
}

.main-menu nav > ul > li > .sub-menu > li:hover .sub-menu {
    top: 0 !important;
    opacity: 1;
    top: 100%;
    visibility: visible
}

.content_section_banner { height: 520px !important; overflow: hidden; position: relative; }

/* content */
.content { width: 100%; height: auto; }

.home_section_container_con { max-width: 1240px; width: 100%; height: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin: 0 auto; }



.index_title { width: 100%; height: auto; margin-bottom: 80px; position: relative; }
    .index_title h3 { width: 100%; font-size: 28px; color: #000; line-height: 40px; text-align: center; font-weight: 500; box-sizing: border-box; margin: 0 auto; letter-spacing: 2px; position: relative; z-index: 1; }
    .index_title .title_yuan { width: 200px; height: 200px; position: absolute; top: -30px; left: 50%; margin-left: -50px; background: url('../images/title_yuan.png') no-repeat center top; background-size: 200px; }

.section_more { display: block; width: 150px; height: auto; }
    .section_more a { display: block; width: 150px; height: 56px; padding: 10px; border: 2px solid #dcdcdc; box-sizing: border-box; border-radius: 5px; font-size: 16px; color: #333; line-height: 32px; text-align: center; }
    .section_more .icon { display: inline-block; width: 0; height: 10px; background: url(../images/section_more.png) no-repeat center center; transition: all .4s; opacity: 0; }
    .section_more:hover .icon { width: 25px; opacity: 1; }
    .section_more strong { font-weight: 500; transition: all .4s; }
    .section_more:hover strong { color: #f48424; }
    .section_more:hover a { border: 2px solid #f48424; }




.index_page { width: 100%; height: auto; }

.index_about { width: 100%; height: auto; padding: 60px 0; padding-top: 80px; box-sizing: border-box; }
.index_about_conter { width: 100%; height: auto; }
    .index_about_conter .left_article { float: left; width: 50%; height: auto; padding-top: 20px; padding-right: 80px; box-sizing: border-box; text-align: justify; }
        .index_about_conter .left_article .article { display: block; font-size: 15px; color: #333; line-height: 36px; margin-bottom: 50px; }
    .index_about_conter .right_pic { float: left; width: 50%; height: auto; box-sizing: border-box; }
        .index_about_conter .right_pic .pic { width: 100%; height: auto; border-radius: 10px; overflow: hidden; }
            .index_about_conter .right_pic .pic img { width: 100%;height:400px; /*height: auto;*/ border-radius: 10px; overflow: hidden; }


.index_service {
    width: 100%;
    height: auto;
    padding: 60px 0;
    padding-top: 80px;
    box-sizing: border-box;
    /*background-color: #bbc6ff;*/
    background-color: #f9f5f5;
    /*border-bottom-left-radius: 12%;
    border-bottom-right-radius: 32%;*/
    overflow: hidden;
}
    .index_service .index_title h3 { color: #000; }
.index_service_conter { width: 100%; height: auto; }

.index_service_list { width: 100%; height: auto; box-sizing: border-box; position: relative; }
    .index_service_list ul li { float: left; width: 300px !important; height: 540px; box-sizing: border-box; padding: 15px; }
        .index_service_list ul li .pic { width: 100%; height: auto; overflow: hidden; border-radius: 2px; box-sizing: border-box; margin: 0 auto; }
            .index_service_list ul li .pic img { display: block; width: 100%; height: auto; margin: 0 auto; }
        .index_service_list ul li .text_box { width: 100%; height: 248px; padding: 20px 15px; box-sizing: border-box; background-color: #fff; overflow: hidden; border-radius: 2px; }
            .index_service_list ul li .text_box h3 { font-size:1.58em; color: rgb(204, 204, 204); line-height: 24px; text-align: center; font-weight: 500; }
            .index_service_list ul li .text_box span {
                font-size: 14px;
                color: #58585a;
                line-height: 24px;
                /* text-align: center; */
                font-weight: 500;
                display: block;
                margin-top: 25px;
            }


.index_service_prev { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 0; margin-top: -30px; background: url('../images/index_service_prev.png') no-repeat center center; cursor: pointer; }
.index_service_next { display: block; width: 50px; height: 50px; position: absolute; top: 50%; right: 0; margin-top: -30px; background: url('../images/index_service_next.png') no-repeat center center; cursor: pointer; }
.index_service_prev:hover { background: url('../images/index_service_prev_hover.png') no-repeat center center; }
.index_service_next:hover { background: url('../images/index_service_next_hover.png') no-repeat center center; }


.index_case { width: 100%; height: auto; padding: 60px 0; padding-top: 80px; box-sizing: border-box; background: url('../images/index_case_bj.png') no-repeat 50% center; background-size: cover; }
.index_case_list { width: 100%; height: auto; }
    .index_case_list ul { margin: 0 -1%; }
        .index_case_list ul li { float: left; width: 48%; height: auto; background-color: #f6f6f6; margin: 0 1%; margin-bottom: 2%; border-radius: 10px; overflow: hidden; border: 1px solid #e5e5e5; box-sizing: border-box; position: relative; }
            .index_case_list ul li .text_box { float: left; width: 47%; height: 100%; padding: 25px 30px; box-sizing: border-box; }
                .index_case_list ul li .text_box h3 { font-size: 20px; color: #333333; line-height: 30px; font-weight: 500; margin-bottom: 15px; }
                .index_case_list ul li .text_box .article { font-size: 15px; color: #666; line-height: 24px; max-height: 70px; overflow: hidden; }
                .index_case_list ul li .text_box .section_more { position: absolute; left: 30px; bottom: 25px; }
            .index_case_list ul li .pic { float: right; width: 53%; height: auto; }
                .index_case_list ul li .pic img { display: block; width: 100%; height: auto; }



.index_news { width: 100%; height: auto; padding: 60px 0; padding-top: 80px; box-sizing: border-box; background-color: #f9ebe1; border-bottom-left-radius: 12%; border-bottom-right-radius: 32%; overflow: hidden; }
.index_news_list { width: 100%; height: auto; }
    .index_news_list ul { margin: 0 -1%; }
        .index_news_list ul li { float: left; width: 48%; height: 150px; background-color: #fefefe; margin: 0 1%; margin-bottom: 2%; border-radius: 10px; overflow: hidden; border: 1px solid #e5e5e5; box-sizing: border-box; position: relative; padding-left: 150px; }
            .index_news_list ul li .date_wrap { width: 150px; height: 150px; background-color: #f48424; padding: 20px 30px; box-sizing: border-box; position: absolute; top: 0; left: 0; border-radius: 5px; overflow: hidden; border-right: 1px solid #e7e7e7; }

    .index_news_list .date_wrap .date_inner { position: absolute; top: 50%; transform: translateY(-50%); }
    .index_news_list .date_wrap .day { font-size: 40px; line-height: 50px; color: #fff; }
    .index_news_list .date_wrap .line { display: block; width: 25px; height: 3px; margin: 15px 0; background: #e7e7e7; }
    .index_news_list .date_wrap .days { font-size: 15px; line-height: 30px; color: #fff; }

    .index_news_list ul li .text_box { width: 100%; height: auto; padding: 20px 30px; box-sizing: border-box; }
        .index_news_list ul li .text_box h3 { font-size: 16px; color: #333; line-height: 30px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: nowrap; margin-bottom: 20px; }
        .index_news_list ul li .text_box .article { font-size: 15px; color: #333; line-height: 26px; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .index_news_list ul li:hover .text_box h3 { color: #f48424; }
    .index_news_list ul li:hover .text_box .article { color: #f48424; }

.index_partner { width: 100%; height: auto; padding: 60px 0; padding-top: 80px; box-sizing: border-box; }
.index_partner_list { width: 100%; height: auto; }
    .index_partner_list ul li { float: left; width: 240px !important; height: 120px; box-sizing: border-box; padding: 10px 20px; }
        .index_partner_list ul li .pic { width: 200px; height: 100px; overflow: hidden; border-radius: 2px; box-sizing: border-box; margin: 0 auto; box-shadow: 0 0 15px 0px #e9e9e9; }
            .index_partner_list ul li .pic img { display: block; width: 100%; height: auto; margin: 0 auto; }





/* footer */
.footer { width: 100%; height: auto; position: relative; }
.footer_top { width: 100%; height: auto; background: #212121; padding: 10px 0 30px 0; padding-top: 50px; box-sizing: border-box; }
.footer_bottom { width: 100%; height: auto; background: #0f0f0f; /*padding: 25px 0;*/ box-sizing: border-box; }
    .footer_bottom p { width: 100%; display: block; font-size: 14px; color: #999; line-height: 30px; text-align: center; }
        .footer_bottom p a { color: #999; }
            .footer_bottom p a:hover { color: #f48424; }
.footer_top .work_time { width: 100%; height: auto; padding-bottom: 40px; box-sizing: border-box; }
    .footer_top .work_time img { display: block; margin: 0 auto; margin-bottom: 10px; }
    .footer_top .work_time p { font-size: 18px; color: #888; line-height: 30px; text-align: center; }

.footer_list { width: 100%; height: auto; }
    .footer_list ul li { float: left; width: 33.333333%; height: auto; background: url('/images/footer_line.png') repeat-x left top; padding-bottom: 50px; box-sizing: border-box; }
    .footer_list .footer_title { width: 100%; height: 60px; background: url('/images/footer_line.png') repeat-x left bottom; margin-bottom: 25px; box-sizing: border-box; }
        .footer_list .footer_title h3 { font-size: 18px; color: #fff; line-height: 30px; padding: 20px 12px; box-sizing: border-box; font-weight: normal; }
    .footer_list .text { width: 100%; height: auto; min-height: 100px; box-sizing: border-box; position: relative; }
    .footer_list .text_left { width: 100%; height: auto; padding-left: 10px; box-sizing: border-box; margin-bottom: 40px; }
        .footer_list .text_left p { font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 20px; padding-left: 30px; box-sizing: border-box; margin-bottom: 15px; position: relative; }
    .footer_list ul li .wechat_pic { width: 140px; height: 140px; position: relative; top: 0px; left: 10px; }
        .footer_list ul li .wechat_pic img { display: block; width: 140px; height: auto; }



    .footer_list .text_left p.phone svg { display: block; width: 15px; height: 15px; position: absolute; top: 5px; left: 0; }

    .footer_list .text_left p.email svg { display: block; width: 15px; height: 15px; position: absolute; top: 5px; left: 0; }
    .footer_list .text_left p.Wechat svg { display: block; width: 18px; height: 18px; position: absolute; top: 4px; left: 0; }
.footer_left {
    width: 40%;
    min-width: 550px;
    float: left;
}
.footer_right {
    margin-left: 260px;
}

     .footer_right ul {
        display: flex
    }

         .footer_right ul li {
            margin: 0 30px;
            text-align: center;
        }

          .footer_right ul li .li_con a {
                font-size: 18px;
                color: rgba(255, 255, 255, 0.5);
                line-height: 25px;
                display: block;
                margin-bottom: 40px;
                white-space: nowrap;
            }

            .footer_right ul li .li_con p a {
                font-size: 20px;
                color: #FFFFFF;
                line-height: 28px;
                margin-bottom: 40px;
            }

             .footer_right ul li .li_con a:hover {
                color: #fff;
            }

 .footer_navigation {
    width: 100%;
    height: auto;
    padding: 30px 0;
    /*padding: 38px 0;*/
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

   .footer_navigation p {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.5);
        line-height: 25px;
        text-align: center;
    }

     .footer_navigation p a {
            color: rgba(255, 255, 255, 0.5);
        }


.content_page { width: 100%; height: auto; }
    .content_page img { display: block; width: 100%; height: auto; }




.home_advantages_center { width: 100%; height: auto; height: 500px; position: relative; }
    .home_advantages_center .home_section_container_con { position: relative; }
.home_advantages_logo_icon { width: 200px; height: 200px; background: url('/images/home_advantages_logo_icon.png') no-repeat center center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin-top: -100px; margin-left: -100px; }

.home_advantages_list { width: 100%; height: 500px; padding: 0 20px; box-sizing: border-box; position: relative; }
    .home_advantages_list ul li { float: left; width: 32%; height: auto; min-height: 130px; padding: 22px; padding-bottom: 12px; box-sizing: border-box; background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px 1px #e5e5e5; position: absolute; }
        .home_advantages_list ul li h2 { font-size: 20px; line-height: 24px; color: #333; font-weight: 500; padding-left: 10px; box-sizing: border-box; border-left: 5px solid #f48423; margin-bottom: 12px; }
        .home_advantages_list ul li p { font-size: 15px; line-height: 30px; color: #666666; text-align: justify; }
            .home_advantages_list ul li p.p2 { color: #000; }


        .home_advantages_list ul li.li_1 { top: 0; left: 34%; }
        .home_advantages_list ul li.li_2 { right: 1%; top: 50%; margin-top: -65px; }
        .home_advantages_list ul li.li_3 { left: 34%; bottom: 0; }
        .home_advantages_list ul li.li_4 { left: 1%; top: 50%; margin-top: -65px; }













/* fixed_work_visa */
.fixed_work_visa { width: 105px; height: 70px; position: fixed; top: 35%; right: 2px; z-index: 11; }

    .fixed_work_visa a { display: block; width: 100%; height: auto; background: #00aef3; padding: 10px 15px; box-sizing: border-box; border-radius: 5px; font-size: 15px; color: #fff; line-height: 20px; text-align: center; }

/* scrollup */
#scrollup { width: 32px;height: 32px; background: url(../images/side_top.png) no-repeat center;background-size: cover; cursor: pointer;position: fixed;right: 20px;bottom: 20px;}
#scrollup:hover { background-color: rgb(45, 150, 233);}

.pageTitle .title1 {
    font-size: 3.36rem;
    color: #0075cf;
    font-family: medium;
    text-transform: uppercase;
    padding: 10px 0;
}

.pageTitle .title2 {
    font-size: 2.62rem;
    color: #3f3f3f;
    font-weight: bold;
    line-height: 3rem;
    padding-bottom: 0.5rem;
} 
.service .part1 {
    overflow: hidden;
}

.service .leftDiv {
    /* width: 4.8rem; */
}

.service .msgList {
    /* padding-top: 2.5rem; */
}

    .service .msgList li {
        font-size: 1.15rem;
        line-height: 2.22rem;
        color: #828282;
    }

.service .mapDiv {
    width: 6.3rem;
}

    .service .mapDiv img {
        width: 100%;
    }

.service .part2 {
    padding-top: 0.2rem;
}

.service .titleDiv {
    padding-top: 2.45rem;
}

.service .title {
    height: 2.62rem;
    background: #0075cf;
    font-size: 1.18rem;
    padding-left: 0.4rem;
    color: #fff;
    font-weight: bold;
    line-height: 2.62rem;
}

.service .list {
    /* border-bottom: #efefef solid 1px; */
    height: 200px;
}

    .service .list li {
        padding: 0.6rem 0;
        width: 50%;
        float: left;
    }

        .service .list li .box {
            padding-left: 0.4rem;
        }

        .service .list li .name1 {
            font-size: 1.38rem;
            color: #181818;
            line-height: 1.36rem;
        }

        .service .list li .name2 {
            color: #0075cf;
            font-size: 1rem;
            /* text-transform: uppercase; */
            padding-bottom: 0.6rem;
        }

    .service .list dd {
        font-size: 0.94rem;
        color: #828282;
        line-height: 1.84rem;
    }

    .service .list li .btn {
        display: block;
        padding-top: 0.2rem;
        color: #0075cf;
        font-size: 1rem;
    }

        .service .list li .btn img {
            width: 1.15rem;
            padding-right: 0.22rem;
        }

        .service .list li .btn:hover {
            text-decoration: underline;
        }
.service .msgList1 li {
    font-size: 1.15rem;
    line-height: 2rem;
    color: #828282;
}
.nav > ul > li .sub-menu {
    background: #00a4f3 none repeat scroll 0 0;
    border-top: 3px solid #f48424;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-out;
    visibility: hidden;
    width: 180px;
    z-index: 9;
    transform-origin: top;
    transform: scaleY(0);
}

.nav > ul > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.nav > ul > li .sub-menu li {
    display: block;
    position: relative;
}
.img_zzjg {
    display: block;
    text-align: center;
    margin: auto;
    height: auto;
}
  #wrap {position: relative; width: 420px; height: 380px;margin: auto;}
  #wrap ul { list-style: none;width: 100%;}
  #wrap .imgs li {position: absolute; display: none; }
  #wrap .imgs li img {width: 400px }
  #wrap .imgs li.active {display: block;}
  #wrap .lrbtn li {position: absolute;top: 50%; margin-top: -40px; width: 40px; height: 80px;cursor: pointer;background-color: white;opacity: 0.5; line-height: 80px;  }
  #wrap .lrbtn li:last-child {right: 0; }
  #wrap .btn { position: absolute;bottom: 10px;left: 0; right: 0;margin: auto; display: flex; }
  #wrap .btn li { width: 23%; }
  #wrap .btn li img {width: 100%;  }
  #wrap .btn li.on { border: 1px solid #0026ff; }

 .ke-zeroborder tr:hover {cursor: pointer;color: #f48424;background-color: rgba(35,198,200,0.3);}