@font-face {
    font-family: 'MyriadPro';
    src: url('http://www.shylon.com/en/outdoor/outdoor.html/../fonts/MyriadPro-Light.eot');
    src: url('http://www.shylon.com/en/outdoor/outdoor.html/../fonts/MyriadPro-Light.eot') format('embedded-opentype'), 
    url('http://www.shylon.com/en/outdoor/outdoor.html/../fonts/MyriadPro-Light.ttf') format('truetype'),
    url('http://www.shylon.com/en/outdoor/outdoor.html/../fonts/MyriadPro-Light.svg') format('svg') ,
    url('http://www.shylon.com/en/outdoor/outdoor.html/../fonts/MyriadPro-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    font-family: MyriadPro!important;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none!important;
}

img {
    width: 100%;
    /*height: 100%;*/
}
.swiper-button-next{
    background-image:url('http://www.shylon.com/en/outdoor/outdoor.html/../images/next.png')!important;
}
.swiper-button-prev {
    background-image:url('http://www.shylon.com/en/outdoor/outdoor.html/../images/prev.png')!important;
}
@media screen and (min-width: 1080px) {
    /*公用属性*/
    .tp100 {
        padding-top: 100px;
    }
    .w_62 {
        width: 62%
    }
    .w_62_c {
        margin-left: 19%
    }
    .absolute {
        position: absolute;
        top: 0
    }
    .clear {
        clear: both;
        overflow: auto;
        margin-right: 0px;
    }
    .f_l {
        float: left;
    }
    .f_r {
        float: right;
    }
    a {
        text-decoration: none;
        color: #000;
    }
    .width_60 {
        /*width: 50%!important;*/
    }
    .center {
        width: 1300px;
        margin: 0 auto;
    }
    .p_t30 {
        padding-top: 30px;
    }
    .p_t40 {
        padding-top: 40px;
    }
    .p_t100 {
        padding-top: 100px;
    }
    .p_t150 {
        padding-top: 150px;
    }
    .m_t6 {
        margin-top: 6px;
    }
    .m_t10 {
        margin-top: 10px;
    }
    .m_t20 {
        margin-top: 20px;
    }
    .m_t30 {
        margin-top: 30px;
    }
    .m_t40 {
        margin-top: 40px;
    }
    .m_t50 {
        margin-top: 50px;
    }
    .m_t60 {
        margin-top: 60px;
    }
    .m_t70 {
        margin-top: 70px;
    }
    .m_t80 {
        margin-top: 80px;
    }
    .m_t90 {
        margin-top: 90px;
    }
    .m_t94 {
        margin-top: 94px;
    }
    .m_t100 {
        margin-top: 100px;
    }
    .m_t120 {
        margin-top: 120px;
    }
    .m_t130 {
        margin-top: 130px;
    }
    .m_t150 {
        margin-top: 150px;
    }
    .m_t180 {
        margin-top: 100px;
    }
    .m_t220 {
        margin-top: 220px;
    }
    .m_t270 {
        margin-top: 270px;
    }
    .m_t320 {
        margin-top: 320px;
    }
    .m_t400 {
        margin-top: 400px;
    }
    .m_t410 {
        margin-top: 410px;
    }
    .m_t420 {
        margin-top: 420px;
    }
    .m_t430 {
        margin-top: 430px;
    }
    .m_t440 {
        margin-top: 440px;
    }
    .m_t450 {
        margin-top: 450px;
    }
    .m_t460 {
        margin-top: 460px;
    }
    .m_t500 {
        margin-top: 500px;
    }
    .m_t530 {
        margin-top: 530px;
    }
    .m_t570 {
        margin-top: 570px;
    }
    .m_t600 {
        margin-top: 600px;
    }
    .m_t730 {
        margin-top: 730px;
    }
    .m_t860 {
        margin-top: 860px;
    }
    .m_t900 {
        margin-top: 900px;
    }
    .m_b0 {
        margin-bottom: 0px;
    }
    .m_b30 {
        margin-bottom: 30px;
    }
    .m_b40 {
        margin-bottom: 40px;
    }
    .m_b60 {
        margin-bottom: 60px;
    }
    .m_b80 {
        margin-bottom: 80px;
    }
    .m_b100 {
        margin-bottom: 100px;
    }
    .m_l8 {
        margin-left: 8px;
    }
    .m_l10 {
        margin-left: 10%;
    }
    .m_l19 {
        margin-left: 19%;
    }
    .m_l24 {
        margin-left: 24.5%;
    }
    .m_l25 {
        margin-left: 25px;
    }
    .m_l30 {
        margin-left: 30%;
    }
    .m_l32 {
        margin-left: 32px;
    }
    .m_l40 {
        margin-left: 40px;
    }
    .m_l60 {
        margin-left: 60px;
    }
    .m_l70 {
        margin-left: 70px;
    }
    .m_l100 {
        margin-left: 100px!important;
    }
    .m_l120 {
        margin-left: 120px!important;
    }
    .m_l140 {
        margin-left: 140px!important;
    }
    .m_l150 {
        margin-left: 150px!important;
    }
    .m_l170 {
        margin-left: 170px!important;
    }
    .m_l190 {
        margin-left: 190px;
    }
    .m_l210 {
        margin-left: 210px!important;
    }
    .m_l230 {
        margin-left: 230px!important;
    }
    .m_l240 {
        margin-left: 240px!important;
    }
    .m_l250 {
        margin-left: 250px!important;
    }
    .m_l280 {
        margin-left: 280px!important;
    }
    .m_l330 {
        margin-left: 330px!important;
    }
    .m_l360 {
        margin-left: 360px!important;
    }
    .m_l480 {
        margin-left: 480px!important;
    }
    .m_l500 {
        margin-left: 500px!important;
    }
    .white {
        color: #fff;
    }
    .list_nav {
        height: 50px;
        border-bottom: 1px solid #000;
        line-height: 50px;
        font-size: 20px;
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 99999;
        background: #2e2e2e;
        color: #cccccc;
        letter-spacing: 1px;
    }
    .list_nav>.center>a>p.f_r:hover{
        color: #00A0E6;
    }
    .text_left {
        text-align: left!important
    }
    .nav_1 {
        display: block;
        position: relative;
        z-index: 9999;
        width: 100%;
    }
    .nav_2 {
        display: none
    }
    .relative {
        position: relative;
    }
    /*引用轮播*/
    /* .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-container2 {
        width: 100%;
    }
    .swiper-container3 {
        width: 100%;
        height: 400px;
        margin: 20px auto 0;
    }
    .swiper-slide {
        position: relative;
        text-align: center;
        font-size: 18px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    } */
    /*头部导航*/
    .Nav {
        width: 100%;
        height: 108px;
        background: #fff;
}
    }
    .Nav_up {
        width: 100%;
        height: 42px;
        padding-top: 20px;
    }
    .Nav_up img {
        display: block;
        float: left;
        margin-left: 2.5%;
        width: 220px;
        height: 60px;
        margin-top: 10px;
    }
    .sreach_change {
        padding-top: 4px;
        margin-right: 2%;
    }
    .sreach_change .f_l img {
        width: 20px;
        padding-top: 6px;
        float: right;
        margin-right: 3px;
    }
    .sreach_change .f_r img {
        width: 20px;
        padding-top: 5px;
    }
    .sreach_change .f_r p {
        color: #fff;
        width: 84px;
        margin: 0;
        line-height: 20px;
        padding-top: 5px;
        text-align: right;
        margin-top: 10px;
        font-size: 14px;
        letter-spacing: 0.4px;
    }
    .sreach_input {
        float: left;
        margin-right: 6px;
        width: 140px;
        border: none;
        background-color: #000;
        color: #fff;
        height: 22px;
        padding-left: 5px;
    }
    .sreach {
        width: 0px;
        height: 26px;
        margin-right: 10px;
        transition: 0.4s width;
        overflow: hidden;
        border-radius: 5px;
        box-sizing: border-box;
        margin-top: 12px;
    }
    .sreach img {
        margin-top: 0;
        padding-top: 3px!important;
    }
    .Nav_menu {
        height: 36px;
        color: #fff;
        font-size: 16px;
        width: 1200px;
        margin: 0 auto;
        transform: translateX(90px);
    }
    .menu {
        margin: 0px auto;
        display: block;
        overflow: auto;
        padding: 0;
    }
    .menu_lists,
    .menu_list {
        float: left;
        list-style-type: none;
        padding: 0 20px;
        letter-spacing: 2px;
        cursor: pointer;
        line-height: 37px;
        color: #ff282d;
    }
    .menu_list_color {
        float: left;
        list-style-type: none;
        padding: 0 15px;
        letter-spacing: 2px;
        cursor: pointer;
        line-height: 37px;
    }
    .menu_list_color:hover {
        color: #00a0e9;
    }
    .menu_list:hover {
        color: #ffffff;
    }
    .show_menu {
        position: relative;
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, 1);
    }
    .menu_list_product {
        width: 100%;
        background: #2e2e2e;
        position: absolute;
        z-index: 2
    }
    .menu_center {
        width: 1400px;
        margin: 0 auto;
        overflow: auto;
    }
    .menu_product_table {
        width: 100%;
        display: none;
        background: #2e2e2e;
        height: 200px;
        float: left;
        margin-top: 50px;
    }
    .on {
        display: block!important;
    }
    .menu_product_list {
        width: 200px;
        height: 200px;
        border-right: 1px solid #666;
        border-left: 1px solid #666;
        box-sizing: border-box;
        padding-top: 10px;
    }
    .menu_product_list:hover .menu_product_title {
        color: #00a0e9;
    }
    .menu_product_list img {
        display: block;
        margin: 0 auto;
        width: 140px;
    }
    .menu_product_title {
        width: 100%;
        line-height: 24px;
        font-size: 16px;
        color: #eee;
        text-align: center;
        margin-top: 10px;
    }
    /*首页产品轮播样式*/
    .mask_product {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(239, 239, 239, 1);
        top: 100%;
        left: 0;
        transition: 0.5s top;
    }
    .mask_product .title {
        width: 100%;
        color: #000;
        font-size: 30px;
        text-align: center;
        margin: 60px 0 20px;
    }
    .mask_product .text {
        width: 100%;
        color: #999;
        font-size: 20px;
        text-align: center;
        line-height: 30px;
    }
    .swiper-slide:hover .mask_product {
        top: 0;
    }
    /*首页新闻轮播样式*/
    .mask_news {
        position: absolute;
        width: 100%;
        height: 70px;
        background: rgba(51, 51, 51, 0.8);
        bottom: 0px;
        text-align: left;
    }
    .mask_news .title {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        padding-left: 33px;
        padding-top: 18px;
    }
    .mask_news .date {
        font-size: 14px;
        color: #eee;
        line-height: 20px;
        padding-left: 35px;
    }
    .swiper-container3 img {
        transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
        transition-timing-function: ease;
    }
    .swiper-container3 img:hover {
        transform: scale(1.1, 1.1);
    }
    /*footer 部分样式*/
    .footer {
        width: 100%;
        height: 380px;
        background: fff;
    }
/* @media only screen and (min-width:300px)and (max-width:600px)
{
    .footer {
        width: 100%;
        height: 450px;
        background: fff;
    }
} */
    .footer_company,
    .footer_product {
        width: 28%;
        height: 230px;
    }
    .footer_contact .title,
    .footer_company .title,
    .footer_product .title {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        line-height: 32px;
    }
    .footer_contact .list, .footer_company .list, .footer_product .list {
        font-size: 15px;
        color: #B0B0B0;
        line-height: 32px;
        width: 100%;
    }
    /* .footer_contact .list, .footer_company .list, .footer_product .list:hover {
        font-size: 15px;
        color: #000000;
        line-height: 32px;
        width: 100%;
    } */
    .footer_social,
    .footer_social_title,
    .footer_download,
    .footer_company_title {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        line-height: 24px;
    }
    .footer_social img {
        width: 24px;
    }
    .footer_contact {
        width: 44%;
        height: 230px;
    }
    .footer_copyright {
        width: 100%;
        line-height: 75px;
        font-size: 14px;
        clear: both;
    }
    .footer_product .list:hover,
    .footer_company .list:hover {
        color: #fd0505;
    }
    .wechatshow {
        position: relative;
    }
    .wechat {
        width: 130px!important;
        position: absolute;
        left: 100px;
        top: 0;
        display: none
    }
    .wechatshow:hover .wechat {
        display: block;
    }
    .menu_right {
        position: fixed;
        top: 75%;
        right: 0;
        height: 110px;
        width: 50px;
        z-index: 3;
        text-align: center;
    }
    .menu_right_contant {
        width: 100%;
        height: 50px;
        background: #000;
        line-height: 20px;
        font-size: 16px;
        box-sizing: border-box;
        letter-spacing: 1px;
        word-wrap: break-word
    }
    .menu_right_top {
        width: 100%;
        height: 50px;
        margin-top: 3px;
        background: #000;
    }
    /*news 部分样式*/
    .news_list {
        width: 100%;
    }
    .news_letter {
        width: 33.3%;
        padding-top: 140px;
        text-align: center;
    }
    .news_time {
        width: 100%;
        font-size: 30px;
        font-weight: bold;
        line-height: 50px;
    }
    .news_title {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    .news_img {
        width: 66.6%;
    }
    .news_letter2 {
        width: 50%;
        padding-top: 140px;
        text-align: center;
        background: #eee;
        height: 345px;
        box-sizing: border-box;
    }
    .news_img2 {
        width: 50%;
    }
    /*contact 部分样式*/
    .recruit_img {
        width: 100%;
        height: 754px;
        background-image: url(../images/contact/recruit.png);
        background-position: center center;
        background-size: cover;
    }
    .slogan {
        line-height: 34px;
        font-size: 20px;
        font-family: arial;
    }
    .slogan span {
        font-size: 30px;
        color: #00A0E8;
    }
    .about_text {
        line-height: 34px;
        font-size: 14px;
    }
    /*招聘列表 css */
    .sideMenu h3 {
        padding-left: 0px;
        color: #00A0E8;
        font-size: 18px;
        line-height: 60px;
        cursor: pointer;
        border-bottom: 1px solid #999;
        font-weight: 100;
        margin: 0;
    }
    .sideMenu ul {
        padding: 0px;
        color: #999;
        display: none;
        border-bottom: 1px solid #999;
        margin-bottom: 0px
    }
    .sideMenu ul p {
        line-height: 24px;
        font-size: 14px;
        margin: 0;
    }
    /*us*/
    .c_us_banner {
        height: 750px;
        width: 100%;
        /* background-image: url(../images/contact/map.png);
        background-position: center center;
        background-size: cover; */
    }
    .c_us_banner img {
        display: none;
    }
    .contactus_text .title {
        font-size: 24px;
        font-weight: bold;
        font-style: oblique;
        letter-spacing: 0.3px;
    }
    .contactus_text .text {
        font-size: 16px;
    }
    .contactus_text p {
        line-height: 40px;
        width: 91%;
        margin: 0;
    }
    .contactus_form {
        width: 42%;
    }
    .contactus_form .title {
        line-height: 36px;
        font-size: 20px;
        font-weight: bold;
        font-style: oblique;
        letter-spacing: 0.3px;
    }
    .contactus_form .input {
        width: 99%;
        height: 34px;
        border: 1px solid #000;
        color: #999;
        font-size: 14px;
        text-indent: 5px;
    }
    .contactus_form .submit {
        text-align: center;
        height: 38px;
        width: 160px;
        background: #fff;
        border: 1px solid #000;
        margin-top: 24px;
        font-size: 14px;
        letter-spacing: 1px
    }
    .contactus_form .submit:hover {
        background: #000;
        border: 1px solid #fff;
        margin-top: 24px;
        color: #fff;
    }
    .text img {
        width: 30px;
    }
    /*展厅部分样式*/
    .contactus_text,
    .showroom_text {
        width: 56%;
        line-height: 34px;
        font-size: 14px;
    }
    .showroom_text .title {
        font-size: 28px;
        font-weight: bold;
    }
    .showroom_video {
        width: 43%;
        text-align: right;
    }
    /*project 部分样式*/
    .project {
        width: 100%;
        margin-top: 50px;
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .project_list {
        width: 33.13333333333333%;
        height: auto!important;
        float: left;
        margin-right: 0.3%;
        position: relative;
        overflow: hidden;
    }
    .project_list:nth-of-type(3n){
        margin-right: 0;
    }
    .project_list2 {
        width: 39.9%;
        float: left;
        margin-right: 0.2%;
        position: relative;
        overflow: hidden;
    }
    .project_list3 {
        width: 19.8%;
        float: left;
    }
    .project_list3_up {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .project_mask {
        position: absolute;
        width: 100%;
        height: 80px;
        background: rgba(0, 0, 0, 0.7);
        bottom: -80px;
        transition: 0.4s bottom;
        color: #fff;
        font-size: 24px;
        text-align: center;
        line-height: 80px;
    }
    .project_list3_up:hover .project_mask {
        bottom: 0%;
    }
    .project_list2:hover .project_mask {
        bottom: 0%;
    }
    .project_list:hover .project_mask {
        bottom: 0%;
    }
    /*商品展示页面 样式*/
    /* .show_list {} */
    /*download 页面 样式*/
    .download_wrapper {
        display: flex;
        justify-content: space-between;
    }
    .download_list {
        width: 24%;
        padding: 5px;
        border: 2px solid #eee;
    }
    .download_list .view {
        width: 48%;
        height: 50px;
        border: 1px solid #000;
        box-sizing: border-box;
        text-align: center;
        color: #000;
        line-height: 50px;
        cursor: pointer;
    }
    .download_list .download {
        width: 48%;
        height: 50px;
        background: #000;
        text-align: center;
        color: #fff;
        line-height: 50px;
        cursor: pointer;
    }
    /*产品 tech 样式*/
    a {
        color: #cccccc;
        text-decoration: none;
    }
    li {
        list-style: none;
    }
    .center {
        text-align: center;
        /*overflow: hidden;*/
    }
    .container.features {
        /* display: none; */
        padding-top: 132px;
        padding-bottom: 190px;
    }
    .baraja-container {
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }
    .baraja-container li {
        width: 100%;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        background: #fff;
        pointer-events: auto;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .no-js .baraja-container {
        width: auto;
        height: auto;
        text-align: center;
    }
    .no-js .baraja-container li {
        position: relative;
        display: inline-block;
        width: 200px;
        height: 310px;
        margin: 10px;
    }
    .baraja-container .single-feature {
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .baraja-container {
        width: 250px;
        height: 400px;
    }
    .baraja-container .single-feature {
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .single-feature .feature-title {
        margin-top: 18px;
    }
    .single-feature .feature-text {
        line-height: 1.5;
        padding: 0 10px;
        margin-bottom: 16px;
    }
    .baraja-container .single-feature:hover {
        -webkit-box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
        -moz-box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
        -o-box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
        box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
    }
    .features-control {
        margin: auto;
        margin-top: 55px;
        width: 253px;
        z-index: 1020;
    }
    .control-icon {
        position: absolute;
        top: 0;
        padding: 5px 15px;
        font-size: 20px;
        height: 46px;
    }
    .feature-link a {
        color: #fff;
        font-weight: 400;
    }
    .feature-link a i {
        font-weight: 300;
    }
    .features-control #feature-prev {
        left: 0px;
    }
    .features-control #feature-expand {
        left: 60px;
    }
    .features-control #feature-close {
        left: 120px;
    }
    .features-control #feature-next {
        left: 180px;
    }
    .relative {
        position: relative;
    }
    .button-line {
        background: transparent;
        display: inline-block;
        font-weight: 400;
        border-radius: 4px;
        border: 1px solid;
        margin: 10px;
        overflow: visible;
        padding: 0 12px;
        color: #999;
    }
    h4 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
        text-transform: capitalize;
    }
    .web_product_brief {
        display: none;
    }
    .product_list_brief {
        width: 100%;
        height: 135px;
    }
    .product_list_img {
        width: 18%;
        height: 100%;
        padding-top: 30px;
        box-sizing: border-box;
        text-align: center;
    }
    .product_list_img img {
        width: 90px;
        height: 90px;
    }
    .product_list_text {
        width: 80%;
        height: 100%;
        padding-top: 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        color: #000
    }
    .list_title {
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        font-weight: bold;
        text-align: center;
    }
    .product_list_text p {
        font-size: 14px;
        margin-top: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }
    .product_details {
        width: 80%;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
        color: #414147;
    }
    .product_details div img{
        width: auto;
    }
    .product_download {
        width: 290px;
        height: 70px;
        background-image: url(../images/product/download_buttum01.png);
        background-position: center center;
        background-size: cover;
        border: 1px solid #999;
        cursor: pointer
    }
    .product_download_r {
        width: 290px;
        height: 70px;
        background-image: url(../images/product/download_buttum02.png);
        background-position: center center;
        background-size: cover;
        margin-left: 40px;
        border: 1px solid #999;
        cursor: pointer;
    }
    .related_title {
        width: 100%;
        line-height: 72px;
        font-size: 24px;
        color: #000;
        letter-spacing: 1px;
        font-weight: bold
    }
    .related_table {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .related_list {
        width: 16.3333%;
        /* border: 1px solid #999 */
    }
    .bitmap {
        width: 1200px;
        margin: 40px auto 0;
        position: relative;
    }
    .position01 {
        top: 280px;
        left: 430px;
        z-index: 6
    }
    .position02 {
        top: 280px;
        left: 630px;
        z-index: 5
    }
    .position03 {
        top: 140px;
        left: 730px;
        z-index: 4
    }
    .position04 {
        top: 360px;
        left: 680px;
        z-index: 3
    }
    .position05 {
        top: 500px;
        left: 680px;
        z-index: 2
    }
    .position06 {
        top: 620px;
        left: 700px;
        z-index: 1
    }
    .point {
        width: 40px;
        height: 40px;
        position: absolute;
        background: #fff;
        overflow: hidden;
        border: 1px solid #999;
        transition: 0.5s height, 0.5s width;
    }
    .point:hover {
        width: 240px;
        height: auto;
    }
    .point_down,
    .point_up {
        width: 240px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
    }
    .number {
        width: 40px;
        text-align: center;
    }
    .point_down .title {
        width: 200px;
        font-size: 14px;
    }
    .point_up .title {
        width: 200px;
    }
    /*overview 样式*/
    .sl1135_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/flood/SL1135_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl1135_overview_2 {
        width: 100%;
        height: 938px;
        background-image: url(../images/flood/SL1135_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl1135_overview_3 {
        width: 100%;
        height: 774px;
        background-image: url(../images/flood/SL1135_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_3_1 {
        width: 100%;
        height: 774px;
        background-image: url(../images/flood/SL1135_Overview_004.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_4 {
        width: 100%;
        height: 720px;
        background-image: url(../images/flood/SL1135_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_5 {
        width: 100%;
        height: 832px;
        background-image: url(../images/flood/SL1135_Overview_06.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_6 {
        width: 100%;
        height: 803px;
        background-image: url(../images/flood/SL1135_Overview_07.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }

    .sl1135_overview_6_1 {
        width: 100%;
        height: 803px;
        background-image: url(../images/flood/SL1135_Overview_008.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    
    .sl1135_overview_6_2 {
        width: 100%;
        height: 803px;
        background-image: url(../images/flood/sl1146.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_6_3 {
        width: 100%;
        height: 803px;
        background-image: url(../images/flood/sl1147.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_6_4 {
        width: 100%;
        height: 803px;
        background-image: url(../images/flood/sl1148.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_7 {
        width: 100%;
        height: 986px;
        background-image: url(../images/flood/SL1135_Overview_08.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_8 {
        width: 100%;
        /*height: 670px;*/
        background-image: url(../images/flood/SL1135_Overview_09.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
     .zoom_overview_1 {
        width: 100%;
        height: 4388px;
        background-image: url(../images/flood/zoom.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_9 {
        width: 100%;
        height: 803px;
        background-image: url(../images/flood/SL1135_Overview_006.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl1135_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl1135_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1135_overview_2 .text {
        width: 100%;
    }
    .sl1135_overview_2 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_2 .title {
        line-height: 50px;
        font-size: 22px;
        color: #fff;
        height: 50px;
        width: 30%;
    }
    .sl1135_overview_2 .title .text {
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        float: left;
        width: 60%;
        text-align: right;
    }
    .white_line {
        width: 100px;
        border-top: 2px solid #fff;
        height: 1px;
        float: left;
        margin-top: 28px
    }
    .sl1135_overview_3 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_3 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_3 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_3 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }


    .sl1135_overview_3_1 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_3_1 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_3_1 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_3_1 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_4 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_4 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_4 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_4 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_5 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_5 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_5 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_5 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_6 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_6 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_6 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_6 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }


    .sl1135_overview_6_1 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_6_1 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    
     .sl1135_overview_6_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_6_2 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    
     .sl1135_overview_6_3 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_6_3 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    
     .sl1135_overview_6_4 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_6_4 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_6_1 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_6_1 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_7 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_7 .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_7 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1135_overview_7 .text .text {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_7 .text .list {
        line-height: 50px;
        height: 50px;
        float: left;
        margin-left: 140px;
    }
    .sl1135_overview_8 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_8 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_8 .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_8 .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl1135_overview_8 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .ssl1135_overview img,
    .sl1135_overview_2 img,
    .sl1135_overview_3 img,
    .sl1135_overview_4 img,
    .sl1135_overview_5 img,
    .sl1135_overview_6 img,
    .sl1135_overview_6_1 img,
    .sl1135_overview_7 img {
        display: none
    }
    .sl1102_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/flood/SL1102_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl1102_overview_2 {
        width: 100%;
        height: 709px;
        background-image: url(../images/flood/SL1102_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl1102_overview_3 {
        width: 100%;
        height: 818px;
        background-image: url(../images/flood/SL1102_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1102_overview_4 {
        width: 100%;
        height: 650px;
        background-image: url(../images/flood/SL1102_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1102_overview_5 {
        width: 100%;
        height: 1197px;
        background-image: url(../images/flood/SL1102_Overview_06.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1102_overview_6 {
        width: 100%;
        height: 1156px;
        background-image: url(../images/flood/SL1102_Overview_07.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1102_overview_7 {
        width: 100%;
        /*height: 800px;*/
        background-image: url(../images/flood/SL1102_Overview_08.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl1102_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl1102_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1102_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1102_overview .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl1102_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1102_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl1102_overview_2 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1102_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1102_overview_3 .text {
        width: 100%;
        text-align: center;
    }
    .sl1102_overview_3 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1102_overview_3 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1102_overview_4 .text {
        width: 100%;
        text-align: center;
    }
    .sl1102_overview_4 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1102_overview_4 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1102_overview_5 .text {
        width: 100%;
        text-align: center;
    }
    .sl1102_overview_5 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1102_overview_5 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1102_overview_5 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1102_overview_6 .text {
        width: 100%;
        text-align: center;
    }
    .sl1102_overview_6 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1102_overview_6 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1102_overview_6 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1125_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/flood/SL1125_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl1125_overview_2 {
        width: 100%;
        height: 731px;
        background-image: url(../images/flood/SL1125_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl1125_overview_3 {
        width: 100%;
        height: 765px;
        background-image: url(../images/flood/SL1125_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1125_overview_4 {
        width: 100%;
        height: 691px;
        background-image: url(../images/flood/SL1125_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1125_overview_5 {
        width: 100%;
        height: 770px;
        background-image: url(../images/flood/SL1125_Overview_06.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1125_overview_6 {
        width: 100%;
        height: 757px;
        background-image: url(../images/flood/SL1125_Overview_07.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl1125_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl1125_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1125_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1125_overview .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl1125_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1125_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl1125_overview_2 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1125_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1125_overview_3 .text {
        width: 100%;
    }
    .sl1125_overview_3 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1125_overview_3 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1125_overview_4 .text {
        width: 100%;
        text-align: center;
    }
    .sl1125_overview_4 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1125_overview_4 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1125_overview_5 .text {
        width: 100%;
    }
    .sl1125_overview_5 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1125_overview_6 .text {
        width: 100%;
    }
    .sl1125_overview_6 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1125_overview_6 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1251_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/flood/SL1251_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl1251_overview_02 {
        width: 100%;
        height: 583px;
        background-image: url(../images/flood/SL1251_Overview_003.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl1251_overview_002 {
        width: 100%;
        height: 583px;
        background-image: url(../images/flood/SL1251_Overview_0003.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl1251_overview_2 {
        width: 100%;
        height: 583px;
        background-image: url(../images/flood/SL1251_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl1251_overview_3 {
        width: 100%;
        height: 785px;
        background-image: url(../images/flood/SL1251_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1251_overview_4 {
        width: 100%;
        height: 648px;
        background-image: url(../images/flood/SL1251_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1251_overview_5 {
        width: 100%;
        height: 475px;
        background-image: url(../images/flood/SL1251_Overview_06.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl1251_overview_5 .text,
    .sl1251_overview_4 .text,
    .sl1251_overview_3 .text,
    .sl1251_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl1251_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1251_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1251_overview .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl1251_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        text-align: left;
        width: 80%;
        margin-left: 10%;
    }
    .sl1251_overview_2 .text {
        width: 100%;
    }
    .sl1251_overview_2 .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1251_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 12%;
        float: left
    }
    .sl1251_overview_3 .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1251_overview_3 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1251_overview_4 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl1251_overview_5 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl0180u_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/flood/SL0180U_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl0180u_overview_2 {
        width: 100%;
        height: 696px;
        background-image: url(../images/flood/SL0180U_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl0180u_overview_3 {
        width: 100%;
        height: 749px;
        background-image: url(../images/flood/SL0180U_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl0180u_overview_4 {
        width: 100%;
        height: 812px;
        background-image: url(../images/flood/SL0180U_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl0180u_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl0180u_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl0180u_overview .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl0180u_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl0180u_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl0180u_overview_2 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl0180u_overview_2 .title {
        line-height: 50px;
        font-size: 24px;
        color: #fff;
        height: 50px;
    }
    .sl0180u_overview_2 .title .text {
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        float: left;
        width: 20%;
        text-align: left;
    }
    .white_line2 {
        width: 440px;
        border-top: 2px solid #fff;
        height: 1px;
        float: left;
        margin-top: 28px
    }
    .white_line3 {
        width: 220px;
        border-top: 2px solid #fff;
        height: 1px;
        float: left;
        margin-top: 28px
    }
    .white_line4 {
        width: 340px;
        border-top: 2px solid #fff;
        height: 1px;
        float: left;
        margin-top: 28px
    }
    .sl0180u_overview_3 .text {
        width: 100%;
        text-align: center;
    }
    .sl0180u_overview_3 .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl0180u_overview_3 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl7500_overview {
        width: 100%;
        height: 600px;
        background-image: url(../images/street/SL7500_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl7500_overview_2 {
        width: 100%;
        height: 1140px;
        background-image: url(../images/street/SL7500_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl7500_overview_3 {
        width: 100%;
        height: 988px;
        background-image: url(../images/street/SL7500_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl7500_overview .text {
        width: 100%;
    }
    .sl7500_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl7500_overview .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl7500_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl7500_overview_3 .text {
        width: 100%;
        text-align: center;
    }
    .sl7500_overview_3 .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl7500_overview_3 .title {
        line-height: 50px;
        font-size: 24px;
        color: #fff;
        height: 50px;
    }
    .sl7500_overview_3 .title .text {
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        float: left;
        width: 20%;
        text-align: left;
    }
    .sl6125_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/wall/SL6125_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl6125_overview_2 {
        width: 100%;
        height: 530px;
        background-image: url(../images/wall/SL6125_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl6125_overview .text {
        width: 100%;
    }
    .sl6125_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl6125_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 150px;
        width: 40%;
    }
    .sl6125_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        width: 40%;
    }
    .sl6125_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl6125_overview_2 .title {
        line-height: 50px;
        font-size: 30px;
        color: #fff;
        height: 50px;
    }
    .sl6125_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 33.3%;
        float: left
    }
    .sl6125_overview_2 .p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl6125_overview_2 .p .text {
        float: left;
        width: 33.3%;
    }
    .sl5109_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/underwater/SL5109_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl5109_overview_2 {
        width: 100%;
        height: 613px;
        background-image: url(../images/underwater/SL5109_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl5109_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl5109_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl5109_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 100px;
    }
    .sl5109_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl5109_overview_2 .title {
        line-height: 50px;
        font-size: 30px;
        color: #fff;
        height: 50px;
    }
    .sl5109_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 33.3%;
        float: left
    }
    .sl5109_overview_2 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        text-align: left;
        width: 80%;
        margin-left: 10%
    }
    .sl5119_overview {
        width: 100%;
        height: 1520px;
        background-image: url(../images/underwater/SL5119_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl5119_overview_2 {
        width: 100%;
        height: 831px;
        background-image: url(../images/underwater/SL5119_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl5119_overview_3 {
        width: 100%;
        /*height: 600px;*/
        background-image: url(../images/underwater/SL5119_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl5119_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl5119_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl5119_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 100px;
    }
    .sl5119_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl5119_overview_2 .title {
        line-height: 50px;
        font-size: 30px;
        color: #fff;
        height: 50px;
    }
    .sl5119_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 33.3%;
        float: left
    }
    .sl5119_overview_2 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        text-align: left;
        width: 80%;
        margin-left: 10%
    }
    
     .inground_list_04 .right,
    .inground_list .right {
        float: left;
        width: 100%;
        height: 300px;
        margin-top: 150px;
        color: #fff;
        text-align: center;
    }
    .inground_list_04 .title,
    .inground_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .inground_list_04 .title span,
    .inground_list .title span {
        font-weight: bold
    }
    .inground_list_04 .text,
    .inground_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    
    .sl3210_overview {
        width: 100%;
        height: 867px;
        background-image: url(../images/outline/SL3210_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        /*margin-top: 50px;*/
    }
    .sl3210_overview_1 {
        width: 100%;
        height: 867px;
        background-image: url(../images/outline/SL3210_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
        /*margin-top: 50px;*/
    }
    .sl3210_overview_2 {
        width: 100%;
        height: 875px;
        background-image: url(../images/outline/SL3210_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3210_overview_3 {
        width: 100%;
        height: 100px;
        background-image: url(../images/outline/SL3210_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3210_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl3210_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl3210_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl3210_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl3110_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/outline/SL3110_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl3110_overview_2 {
        width: 100%;
        height: 986px;
        background-image: url(../images/outline/SL3110_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3110_overview_3 {
        width: 100%;
        height: 862px;
        background-image: url(../images/outline/SL3110_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3110_overview_4 {
        width: 100%;
        height: 60px;
        background-image: url(../images/outline/SL3210_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3110_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl3110_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl3110_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: auto;
    }
    .sl3110_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl3110_overview_2 .title {
        line-height: 50px;
        font-size: 30px;
        color: #fff;
        height: 50px;
    }
    .sl3110_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 40%;
        float: left
    }
    .sl3110_overview_2 p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        text-align: left;
        width: 80%;
        margin-left: 10%
    }
    .sl3220_overview {
        width: 100%;
        height: 867px;
        background-image: url(../images/outline/SL3220_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        /*margin-top: 50px;*/
    }
    .sl3220_overview_1 {
        width: 100%;
        height: 867px;
        background-image: url(../images/outline/SL3220_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        /*margin-top: 50px;*/
    }
    .sl3220_overview_2 {
        width: 100%;
        height: 875px;
        background-image: url(../images/outline/SL3220_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3220_overview_3 {
        width: 100%;
        height: 100px;
        background-image: url(../images/outline/SL3210_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3220_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl3220_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl3220_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl3220_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl3318_overview {
        width: 100%;
        height: 743px;
        background-image: url(../images/outline/SL3318_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl3318_overview_2 {
        width: 100%;
        height: 2130px;
        background-image: url(../images/outline/SL3318_Overview_03.jpg);
        /*background-size: contain;*/
        background-position: center center;
    }
    .sl3318_overview_3 {
        width: 100%;
        height: 650px;
        background-image: url(../images/outline/SL3210_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl3318_overview .text {
        width: 100%;
    }
    .sl3318_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
        width: 50%;
        margin-left: 47%;
    }
    .sl3318_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 100px;
        width: 50%;
        margin-left: 47%;
    }
    .sl3318_overview_2 .text {
        width: 100%;
    }
    .sl3318_overview_2 .title {
        line-height: 50px;
        font-size: 30px;
        color: #fff;
        height: 50px;
    }
    .sl3318_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 17.5%;
        float: left
    }
    .sl6155_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/wall/SL6155_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl6155_overview_2 {
        width: 100%;
        height: 700px;
        background-image: url(../images/wall/SL6155_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl6155_overview .text {
        width: 100%;
    }
    .sl6155_overview .model {
        line-height: 50px;
        font-size: 48px;
        color: #fff;
        height: 50px;
    }
    .sl6155_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 150px;
        width: 40%;
    }
    .sl6155_overview p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        width: 40%;
    }
    .sl6155_overview_2 .text {
        width: 100%;
        text-align: center;
    }
    .sl6155_overview_2 .title {
        line-height: 50px;
        font-size: 30px;
        color: #fff;
        height: 50px;
    }
    .sl6155_overview_2 .title .text {
        line-height: 50px;
        height: 50px;
        width: 33.3%;
        float: left
    }
    .sl6155_overview_2 .p {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    .sl6155_overview_2 .p .text {
        float: left;
        width: 33.3%;
    }
    /*distributor 样式*/
    .distributor {
        width: 100%;
        height: 900px;
        background-color: #000;
        background-image: url(../images/map-bg.png);
        background-position: center 60px;
        background-repeat: no-repeat;
        padding-top: 100px;
    }
    .distributor_tab01,
    .distributor_tab02 {
        width: 30%;
        font-size: 16px;
        line-height: 40px;
        color: #fff;
        margin-top: 180px;
        margin-left: 1%;
        border: 2px solid #eee;
    }
    .distributor_tab03 {
        width: 30%;
        font-size: 16px;
        line-height: 40px;
        color: #fff;
        margin-top: 180px;
        margin-left: 1%;
    }
    .distributor_city,
    .distributor_country {
        background: rgba(0, 0, 0, 0.5);
        text-indent: 8px;
        cursor: pointer;
    }
    .distributor_add {
        display: none;
    }
    .distributor_d {
        background: rgba(0, 0, 0, 0.5);
        padding: 12px 0;
        margin-bottom: 8px;
    }
    .b_9 {
        background: #999;
    }
    .distributor_city:hover {
        background: #999;
    }
    .distributor_country:hover {
        background: #999;
    }
    .city_tab {
        display: none
    }
    .add_tab {
        display: none
    }
    .distributor_add p {
        line-height: 24px;
        font-size: 14px;
        margin: 0;
        padding: 2px 8px;
    }
    /*二级导航*/
    .flood_nav {
        width: 100%;
        height: 135px;
        background: #2E2E2E
    }
    .flood_nav .list {
        width: 110px;
        float: left;
        margin-right: 52px;
        cursor: pointer
    }
    .flood_nav .list img {
        width: 100%;
    }
    .titles {
        line-height: 20px;
        font-size: 16px;
        height: 20px;
        color: #fff;
        margin: 0
    }
    .flood_nav .list:hover .titles {
        color: #00a0e9;
    }
    /*flood 列表样式*/
    .flood_list {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../flood-light/flood_01.jpg);
        background-position: center center;
    }
    .flood_list_03 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../flood-light/flood_03.jpg);
        background-position: center center;
    }
    .flood_list_05 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../flood-light/flood_05.jpg);
        background-position: center center;
    }
    .flood_list_07 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../flood-light/flood_07.jpg);
        background-position: center center;
    }
    .flood_list_03 .right,
    .flood_list_05 .right,
    .flood_list_07 .right,
    .flood_list .right {
        float: left;
        width: 37%;
        margin-left: 55%;
        height: 300px;
        margin-top: 170px;
        color: #fff
    }
    .flood_list_03 .title,
    .flood_list_05 .title,
    .flood_list_07 .title,
    .flood_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .flood_list_03 .title span,
    .flood_list_05 .title span,
    .flood_list_07 .title span,
    .flood_list .title span {
        font-weight: bold
    }
    .flood_list_03 .text,
    .flood_list_05 .text,
    .flood_list_07 .text,
    .flood_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .flood_list_03 .more,
    .flood_list_05 .more,
    .flood_list_07 .more,
    .flood_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .more:hover {
        color: #fff;
    }
    .flood_list_02 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../flood-light/flood_02.jpg);
        background-position: center center;
    }
    .flood_list_04 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../flood-light/flood_04.jpg);
        background-position: center center;
    }
    .flood_list_06 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../flood-light/flood_06.jpg);
        background-position: center center;
    }
    .flood_list_04 .right,
    .flood_list_06 .right,
    .flood_list_02 .right {
        float: left;
        width: 43%;
        margin-left: 8%;
        height: 300px;
        margin-top: 170px;
        color: #000
    }
    .flood_list_04 .title,
    .flood_list_06 .title,
    .flood_list_02 .title {
        font-size: 40px;
        line-height: 60px;
    }
    .flood_list_04 .title span,
    .flood_list_06 .title span,
    .flood_list_02 .title span {
        font-weight: bold
    }
    .flood_list_04 .text,
    .flood_list_06 .text,
    .flood_list_02 .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .flood_list_04 .more,
    .flood_list_06 .more,
    .flood_list_02 .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    /*inground 列表样式*/
    .inground_list_03 {
        position: relative;
        width: 100%;
        height: 658px;
        background-image: url(../inground_light/inground_03.jpg);
        background-position: center center;
    }
    .inground_list_04 {
        position: relative;
        width: 100%;
        height: 658px;
        background-image: url(../inground_light/2169.jpg);
        background-position: center center;
    }
    .inground_list {
        position: relative;
        width: 100%;
        height: 658px;
        background-image: url(../inground_light/inground_01.jpg);
        background-position: center center;
    }
    .inground_list_03 .right,
    .inground_list .right {
        float: left;
        width: 100%;
        height: 300px;
        margin-top: 150px;
        color: #fff;
        text-align: center;
    }
    .inground_list_03 .title,
    .inground_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .inground_list_03 .title span,
    .inground_list .title span {
        font-weight: bold
    }
    .inground_list_03 .text,
    .inground_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
        color: #fff;
    }
    .inground_list_03 .more,
    .inground_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
      .inground_list_04 .more,
    .inground_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .more:hover {
        color: #fff;
    }
    .inground_list_02 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../inground_light/inground_02.jpg);
        background-position: center center;
    }
    .inground_list_02 .right {
        float: left;
        width: 50%;
        margin-left: 47%;
        margin-top: 170px;
        color: #000
    }
    .inground_list_02 .title {
        font-size: 40px;
        line-height: 60px;
    }
    .inground_list_02 .title span {
        font-weight: bold
    }
    .inground_list_02 .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .inground_list_02 .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .inground_list_02 .more:hover {
        color: #000;
    }
    /*street 列表样式*/
    .street_list {
        position: relative;
        width: 100%;
        height: 1406px;
        background-image: url(../street_light/1.jpg);
        background-position: center center;
    }
    .street_list .right {
        float: left;
        width: 100%;
        height: 300px;
        margin-top: 100px;
        color: #fff;
        text-align: center;
    }
    .street_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .street_list .title span {
        font-weight: bold
    }
    .street_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
        color: #fff;
    }
    .street_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    /*highbay 列表样式*/
    .highbay_list {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../highbay-light/1.jpg);
        background-position: center center;
    }
    .highbay_list .right {
        float: left;
        width: 43%;
        margin-left: 8%;
        height: 300px;
        margin-top: 170px;
        color: #fff
    }
    .highbay_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .highbay_list .title span {
        font-weight: bold
    }
    .highbay_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
        color: #fff;
    }
    .highbay_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .highbay_list_02 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../highbay-light/2.jpg);
        background-position: center center;
    }
    .highbay_list_02 .right {
        float: left;
        width: 37%;
        margin-left: 55%;
        height: 300px;
        margin-top: 170px;
        color: #000
    }
    .highbay_list_02 .title {
        font-size: 40px;
        line-height: 60px;
    }
    .highbay_list_02 .title span {
        font-weight: bold
    }
    .highbay_list_02 .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .highbay_list_02 .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .highbay_list_02 .more:hover {
        color: #000;
    }
    /*underwater 列表样式*/
    .underwater_list {
        position: relative;
        width: 100%;
        height: 661px;
        background-image: url(../underwater-light/1.jpg);
        background-position: center center;
    }
    .underwater_list .right {
        float: left;
        width: 43%;
        margin-left: 8%;
        height: 300px;
        margin-top: 170px;
        color: #fff
    }
    .underwater_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .underwater_list .title span {
        font-weight: bold
    }
    .underwater_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
        color: #fff;
    }
    .underwater_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .underwater_list_02 {
        position: relative;
        width: 100%;
        height: 661px;
        background-image: url(../underwater-light/2.jpg);
        background-position: center center;
    }
    .underwater_list_02 .right {
        float: left;
        width: 42%;
        margin-left: 55%;
        height: 300px;
        margin-top: 170px;
        color: #000
    }
    .underwater_list_02 .title {
        font-size: 40px;
        line-height: 60px;
    }
    .underwater_list_02 .title span {
        font-weight: bold
    }
    .underwater_list_02 .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .underwater_list_02 .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .underwater_list_02 .more:hover {
        color: #000;
    }
    /*wall 列表样式*/
    .wall_list {
        position: relative;
        width: 100%;
        height: 661px;
        background-image: url(../images/product/wall_01.jpg);
        background-position: center center;
    }
    .wall_list .right {
        float: left;
        width: 43%;
        margin-left: 8%;
        height: 300px;
        margin-top: 170px;
        color: #fff
    }
    .wall_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .wall_list .title span {
        font-weight: bold
    }
    .wall_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .wall_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .wall_list_02 {
        position: relative;
        width: 100%;
        height: 655px;
        background-image: url(../images/product/wall_02.jpg);
        background-position: center center;
    }
    .wall_list_02 .right {
        float: left;
        width: 42%;
        margin-left: 55%;
        height: 300px;
        margin-top: 170px;
        color: #000
    }
    .wall_list_02 .title {
        font-size: 40px;
        line-height: 60px;
    }
    .wall_list_02 .title span {
        font-weight: bold
    }
    .wall_list_02 .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .wall_list_02 .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .wall_list_02 .more:hover {
        color: #000;
    }
    /*outline 列表样式*/
    .outline_list {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../images/product/outline_01.jpg);
        background-position: center center;
    }
    .outline_list_03 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../images/product/outline_03.jpg);
        background-position: center center;
    }
    .outline_list_04 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../images/product/outline_04.jpg);
        background-position: center center;
    }
    .outline_list_03 .right,
    .outline_list .right {
        float: left;
        width: 37%;
        margin-left: 55%;
        height: 300px;
        margin-top: 170px;
        color: #fff
    }
    .outline_list_03 .title,
    .outline_list .title {
        font-size: 40px;
        line-height: 60px;
    }
    .outline_list_03 .title span,
    .outline_list .title span {
        font-weight: bold
    }
    .outline_list_03 .text,
    .outline_list .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .outline_list_03 .more,
    .outline_list .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .more:hover {
        color: #fff;
    }
    .outline_list_04 .right {
        float: left;
        width: 37%;
        margin-left: 55%;
        height: 300px;
        margin-top: 250px;
        color: #000
    }
    .outline_list_04 .title {
        font-size: 40px;
        line-height: 60px;
    }
    .outline_list_04 .title span {
        font-weight: bold
    }
    .outline_list_04 .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .outline_list_04 .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .outline_list_02 {
        position: relative;
        width: 100%;
        height: 659px;
        background-image: url(../images/product/outline_02.jpg);
        background-position: center center;
    }
    .outline_list_02 .right {
        float: left;
        width: 33%;
        margin-left: 8%;
        height: 300px;
        margin-top: 170px;
        color: #000;
        text-align: right
    }
    .outline_list_02 .title {
        font-size: 40px;
        line-height: 60px;
    }
    .outline_list_02 .title span {
        font-weight: bold
    }
    .outline_list_02 .text {
        font-size: 30px;
        line-height: 50px;
        margin-top: 10px;
    }
    .outline_list_02 .more {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        color: #00a0e9;
    }
    .outline_list_04 .more:hover,
    .outline_list_02 .more:hover {
        color: #000;
    }
    /*product all 样式*/
    .p_all_title {
        font-size: 16px;
        padding-top: 65px;
        line-height: 40px;
        font-weight: bold;
    }
    .product_list {
        /* width: 23%;
        margin: 10px 2% 10px 0; */
        box-sizing: border-box;
        transition: 0.5s background;
        color: #000;
    }
    .product_list .title {
        font-size: 16px;
        text-align: center;
    }
    .product_list p {
        font-size: 16px;
        text-align: center;
        color: #00a0e9;
        margin: 4px 0;
    }
    .product_list:hover {
        background: #000;
        color: #fff;
    }


@media screen and (max-width: 1080px) {
    /*公用属性*/
    .tp100 {
        padding-top: 0px;
    }
    .w_62 {
        width: 62%
    }
    .w_62_c {
        margin-left: 19%
    }
    .absolute {
        position: absolute;
        top: 0
    }
    .clear {
        clear: both;
        overflow: auto;
        margin-right: 0px;
    }
    /* .f_l {
        float: left;
    } */
    /* .f_r {
        float: right;
    } */
    a {
        text-decoration: none;
        color: #000;
    }
    .width_60 {
        width: 50%;
    }
    .center {
        width: 100%;
        margin: 0 auto;
    }
    /* .p_t30 {
        padding-top: 30px;
    } */
    .p_t40 {
        padding-top: 40px;
    }
    .p_t100 {
        padding-top: 30px;
    }
    .p_t150 {
        padding-top: 30px;
    }
    .m_t6 {
        margin-top: 6px;
    }
    .m_t20 {
        margin-top: 20px;
    }
    .m_t60 {
        margin-top: 10px;
        overflow: hidden;
    }
    .m_t80 {
        margin-top: 20px;
    }
    .m_t90 {
        margin-top: 30px;
    }
    .m_t100 {
        margin-top: 0px;
    }
    .m_t270 {
        margin-top: 30px;
    }
    .m_b0 {
        margin-bottom: 0px;
    }
    .m_b30 {
        margin-bottom: 10px;
    }
    .m_b60 {
        margin-bottom: 60px;
    }
    .m_b80 {
        margin-bottom: 80px;
    }
    .m_b100 {
        margin-bottom: 100px;
    }
    .m_l8 {
        margin-left: 8px;
    }
    .m_l40 {
        margin-left: 20px;
    }
    .white {
        color: #fff;
    }
    .list_nav {
        height: 55px;
        box-sizing: border-box;
        line-height: 54px;
        font-size: 20px;
        width: 94%;
        margin-left: 3%
    }
    .text_left {
        text-align: left!important
    }
    .nav_1 {
        display: none
    }
    /* .Nav_menu {
        display: none;
    } */
    .footer {
        width: 100%;
        height: 485px;
        background: fff;
    }
    .nav_2 {
        display: block;
        position: relative;
        z-index: 1100;
    }
    .flood_nav {
        display: none
    }
    /*引用轮播*/
    .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-container2 {
        width: 100%;
        margin: 20px auto 0;
    }
    .swiper-container3 {
        width: 100%;
        margin: 20px auto 0;
    }
    /* .swiper-slide {
        position: relative;
        text-align: center;
        font-size: 18px;
        background: #eee;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    } */
    /*头部导航*/
    .Web_nav {
        width: 100%;
        height: 100px;
        background: rgb(17 16 16);
        padding-top: 12px;
        box-sizing: border-box;
        position: relative;
    }
    .Web_nav .loge {
        width: 200px;
        margin-left: 12px;
        margin-top: -40px;
    }
    .Web_nav .menu_img {
        width: 40px;
        margin-right: 18px

    }
    .search_frame {
        width: 90%;
        height: 24px;
        margin-left: 5%;
        border: 1px solid #eee;
        box-sizing: border-box;
        border-radius: 12px;
        margin-bottom: 12px
    }
    .Web_menu {
        width: 100%;
        height: 0px;
        background: rgba(25, 25, 25, .9);
        position: absolute;
        top: 100px;
        transition: 0.5s height;
        overflow: hidden;
    }
    .Web_menu h3 {
        text-indent: 12px;
        color: #fff!important;
        height: 55px!important;
        line-height: 55px!important;
    }
    .Web_menu ul li {
        text-indent: 24px;
        height: 34px;
        line-height: 34px
    }
    /*首页产品轮播样式*/
    .mask_product {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        top: 400px;
        left: 0;
        transition: 0.5s top;
        display: none;
    }
    .swiper-slide:hover .mask_product {
        top: 0;
    }
    /*首页新闻轮播样式*/
    .mask_news {
        position: absolute;
        width: 100%;
        height: 0px;
        background: rgba(51, 51, 51, 1);
        bottom: 0px;
        text-align: left;
        left: 0
    }
    .mask_news .title {
        font-size: 16px;
        color: #fff;
        line-height: 30px;
        padding-left: 12px;
        float: left;
    }
    .mask_news .date {
        font-size: 12px;
        color: #eee;
        line-height: 26px;
        padding-left: 3px;
        float: left;
        padding-top: 4px
    }
    /*footer 部分样式*/
    .footer {
        width: 100%;
        background: rgba(239, 239, 239, 1);
    }
    .footer_company,
    .footer_product {
        width: 44%;
        margin: 0 3%
    }
    .footer_contact .title,
    .footer_company .title,
    .footer_product .title {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        line-height: 32px;
    }
    .footer_contact .list,
    .footer_company .list,
    .footer_product .list {
        font-size: 14px;
        color: #B0B0B0;
        line-height: 24px;
        width: 100%;
    }
    .footer_social,
    .footer_social_title,
    .footer_download,
    .footer_company_title {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        line-height: 24px;
    }
    .footer_social img {
        width: 24px;
    }
    .footer_contact {
        width: 94%;
        margin: 0 3%
    }
    .footer_copyright {
        width: 94%;
        line-height: 30px;
        font-size: 14px;
        clear: both;
        margin: 0 3%
    }
    .wechatshow {
        position: relative;
    }
    .wechat {
        width: 130px!important;
        position: absolute;
        left: 100px;
        top: 0;
        display: none
    }
    .wechatshow:hover .wechat {
        display: block;
    }
    .menu_right {
        position: fixed;
        top: 75%;
        right: 0;
        height: 110px;
        width: 50px;
        z-index: 3;
        text-align: center;
    }
    .menu_right_contant {
        width: 100%;
        height: 50px;
        background: #333;
        padding-top: 5px;
        line-height: 20px;
        font-size: 16px;
        box-sizing: border-box;
        letter-spacing: 1px
    }
    .menu_right_top {
        width: 100%;
        height: 50px;
        margin-top: 3px;
        background: #333;
        transform: rotate(-90deg);
        line-height: 50px;
        font-size: 24px;
    }
    /*profuct 部分样式*/
    .product_list {
        width: 46%;
        border: 1px solid #999;
        margin: 8px 2%;
        box-sizing: border-box;
    }
    /*news 部分样式*/
    .news_list {
        width: 100%;
    }
    .news_letter {
        width: 100%;
        padding-top: 30px;
        text-align: center;
    }
    .news_time {
        width: 100%;
        font-size: 30px;
        font-weight: bold;
        line-height: 50px;
    }
    .news_title {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    .news_img {
        width: 100%;
    }
    .news_letter2 {
        width: 100%;
        padding-top: 30px;
        text-align: center;
        background: #eee;
        box-sizing: border-box;
    }
    .news_img2 {
        width: 100%;
    }
    /*contact 部分样式*/
    .recruit_img {
        width: 100%;
        height: 754px;
        background-image: url(../images/contact/recruit.png);
        background-position: center center;
        background-size: cover;
    }
    .slogan {
        line-height: 34px;
        font-size: 20px;
        font-family: arial;
        padding-left: 12px
    }
    .slogan span {
        font-size: 24px;
        color: #00A0E8;
    }
    .about_text {
        line-height: 24px;
        font-size: 14px;
        padding: 0 3%
    }
    /*招聘列表 css */
    .sideMenu h3 {
        padding-left: 12px;
        color: #00A0E8;
        font-size: 18px;
        line-height: 60px;
        cursor: pointer;
        border-bottom: 1px solid #999;
        font-weight: 100;
        margin: 0;
    }
    .sideMenu ul {
        padding: 0px 12px;
        color: #999;
        display: none;
        border-bottom: 1px solid #999;
        margin-bottom: 0px
    }
    .sideMenu ul p {
        line-height: 24px;
        font-size: 14px;
        margin: 0;
        margin: 0 0 20px;
    }
    /*us*/
    .c_us_banner {
        width: 100%;
    }
    .contactus_text .title {
        font-size: 20px;
        font-weight: bold;
        font-style: oblique;
        letter-spacing: 0.3px;
    }
    .contactus_text .text {
        font-size: 16px;
    }
    .contactus_text p {
        line-height: 20px;
        width: 88%;
        margin: 0 0 0 3%;
        letter-spacing: 0.6px;
    }
    .contactus_form {
        width: 94%;
        margin-right: 3%
    }
    .contactus_form .title {
        line-height: 36px;
        font-size: 20px;
        font-weight: bold;
        font-style: oblique;
        letter-spacing: 0.3px;
    }
    .contactus_form .input {
        width: 99%;
        height: 34px;
        border: 1px solid #000;
        color: #999;
        font-size: 14px;
        text-indent: 5px;
    }
    .contactus_form .submit {
        height: 38px;
        width: 160px;
        background: #fff;
        border: 1px solid #000;
        margin-top: 24px;
        font-size: 14px;
        letter-spacing: 1px
    }
    .contactus_form .submit:hover {
        background: #000;
        border: 1px solid #fff;
        margin-top: 24px;
        color: #fff;
    }
    .tel,
    .email,
    .text img {
        width: 30px;
    }
    .contactus_text .tel,
    .contactus_text .email {
        line-height: 40px;
        width: 88%;
        margin: 0 0 0 3%;
        letter-spacing: 0.6px;
    }
    textarea {
        width: 100%
    }
    /*展厅部分样式*/
    .swiper-button-next,
    .swiper-button-prev {
        display: none
    }
    .contactus_text,
    .showroom_text {
        width: 94%;
        line-height: 34px;
        font-size: 14px;
        margin-left: 3%
    }
    .showroom_text .title {
        font-size: 28px;
        font-weight: bold;
    }
    .showroom_video {
        width: 94%;
        text-align: right;
        margin-right: 3%;
        margin-top: 20px;
    }
    /*project 部分样式*/
    .project {
        width: 100%;
    }
    .project_list {
        width: 33.2%;
        float: left;
        margin-right: 0.2%;
        position: relative;
        overflow: hidden;
    }
    .project_list2 {
        width: 39.9%;
        float: left;
        margin-right: 0.2%;
        position: relative;
        overflow: hidden;
    }
    .project_list3 {
        width: 19.8%;
        float: left;
    }
    .project_list3_up {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .project_mask {
        position: absolute;
        width: 100%;
        height: 30px;
        background: rgba(0, 0, 0, 0.7);
        bottom: 0px;
        transition: 0.4s bottom;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
    }
    .project_list3_up:hover .project_mask {
        bottom: 0%;
    }
    .project_list2:hover .project_mask {
        bottom: 0%;
    }
    .project_list:hover .project_mask {
        bottom: 0%;
    }
    /*download 页面 样式*/
    .download_wrapper {
        width: 100%;
        overflow: auto
    }
    .download_list {
        width: 46%;
        display: inline-block;
        margin: 8px 1.5%
    }
    .download_list .view {
        width: 48%;
        height: 50px;
        border: 1px solid #000;
        box-sizing: border-box;
        text-align: center;
        color: #000;
        line-height: 50px;
        cursor: pointer;
    }
    .download_list .download {
        width: 48%;
        height: 50px;
        background: #000;
        text-align: center;
        color: #fff;
        line-height: 50px;
        cursor: pointer;
    }
    /*产品 tech 样式*/
    a {
        color: #cccccc;
        text-decoration: none;
    }
    li {
        list-style: none;
    }
    .center {
        text-align: center;
    }
    .baraja-container {
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }
    .baraja-container li {
        width: 100%;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        background: #fff;
        pointer-events: auto;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .no-js .baraja-container {
        width: auto;
        height: auto;
        text-align: center;
    }
    .no-js .baraja-container li {
        position: relative;
        display: inline-block;
        width: 200px;
        height: 310px;
        margin: 10px;
    }
    .baraja-container .single-feature {
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .baraja-container {
        width: 250px;
        height: 400px;
    }
    .baraja-container .single-feature {
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .single-feature .feature-title {
        margin-top: 18px;
    }
    .single-feature .feature-text {
        line-height: 1.5;
        padding: 0 10px;
        margin-bottom: 16px;
    }
    .baraja-container .single-feature:hover {
        -webkit-box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
        -moz-box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
        -o-box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
        box-shadow: 0px 0px 10px rgba(110, 110, 110, 0.5);
    }
    .features-control {
        margin: auto;
        margin-top: 55px;
        width: 253px;
        z-index: 1020;
    }
    .control-icon {
        position: absolute;
        top: 0;
        padding: 5px 15px;
        font-size: 20px;
        height: 46px;
    }
    .feature-link a {
        color: #fff;
        font-weight: 400;
    }
    .feature-link a i {
        font-weight: 300;
    }
    .features-control #feature-prev {
        left: 0px;
    }
    .features-control #feature-expand {
        left: 60px;
    }
    .features-control #feature-close {
        left: 120px;
    }
    .features-control #feature-next {
        left: 180px;
    }
    .relative {
        position: relative;
    }
    .button-line {
        background: transparent;
        display: inline-block;
        font-weight: 400;
        border-radius: 4px;
        border: 1px solid;
        margin: 10px;
        overflow: visible;
        padding: 0 12px;
        color: #999;
    }
    h4 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
        text-transform: capitalize;
    }
    /*web 样式*/
    .web_product_brief {
        width: 100%;
        overflow: auto
    }
    .web_product_brief img {
        width: 30%;
        float: left
    }
    .web_product_brief .title {
        width: 67%;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        float: left;
        margin-left: 3%;
        padding-top: 62px;
        box-sizing: border-box;
    }
    .product_list_brief {
        display: none;
    }
    .product_list_img {
        width: 18%;
        height: 100%;
        padding-top: 30px;
        box-sizing: border-box;
        text-align: center;
    }
    .product_list_img img {
        width: 90px;
        height: 90px;
    }
    .product_list_text {
        width: 80%;
        height: 100%;
        padding-top: 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        color: #000
    }
    .list_title {
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        font-weight: bold;
    }
    .product_list_text p {
        font-size: 16px;
        margin-top: 20px;
        height: 20px;
        line-height: 20px;
    }
    .product_details {
        width: 80%;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
        padding-top: 20px;
        color: #414147;
    }
    .product_details div img{
        width: auto;
    }
    .product_download {
        width: 290px;
        height: 70px;
        background-image: url(../images/product/download_buttum01.png);
        background-position: center center;
        background-size: cover;
        border: 1px solid #999;
        margin-bottom: 12px
    }
    .product_download_r {
        width: 290px;
        height: 70px;
        background-image: url(../images/product/download_buttum02.png);
        background-position: center center;
        background-size: cover;
        border: 1px solid #999;
        margin-bottom: 20px
    }
    .related_title {
        width: 100%;
        line-height: 72px;
        font-size: 24px;
        color: #000;
        letter-spacing: 1px;
        font-weight: bold
    }
    .related_table {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .related_list {
        width: 16.3333%;
        /* border: 1px solid #999 */
    }
    #section-feature {
        overflow: hidden;
    }
    /*overview 样式*/
    .sl1135_overview {
        width: 100%;
        height: 808px;
        background-image: url(../images/flood/SL1135_Overview_02.jpg);
        background-size: cover;
        background-position: center center;
        margin-top: 50px;
    }
    .sl1135_overview_2 {
        width: 100%;
        height: 938px;
        background-image: url(../images/flood/SL1135_Overview_03.jpg);
        background-size: cover;
        background-position: center center;
    }
    .sl1135_overview_3 {
        width: 100%;
        height: 774px;
        background-image: url(../images/flood/SL1135_Overview_04.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_4 {
        width: 100%;
        height: 720px;
        background-image: url(../images/flood/SL1135_Overview_05.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_5 {
        width: 100%;
        height: 832px;
        background-image: url(../images/flood/SL1135_Overview_06.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_6 {
        width: 100%;
        height: 803px;
        background-image: url(../images/flood/SL1135_Overview_07.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_7 {
        width: 100%;
        height: 986px;
        background-image: url(../images/flood/SL1135_Overview_08.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .sl1135_overview_8 {
        width: 100%;
        height: 867px;
        background-image: url(../images/flood/SL1135_Overview_09.jpg);
        background-size: cover;
        background-position: center center;
        color: #fff
    }
    .animation {
        padding-top: 50px;
        opacity: 0;
        transition: padding-top 0.5s, opacity 0.5s;
    }
    .sl1135_overview .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview .model {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl1135_overview p {
        line-height: 24px;
        font-size: 18px;
        color: #fff;
    }
    .sl1135_overview_2 .text {
        width: 100%;
    }
    .sl1135_overview_2 .model {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_2 .title {
        line-height: 50px;
        font-size: 22px;
        color: #fff;
        height: 50px;
        width: 30%;
    }
    .sl1135_overview_2 .title .text {
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        float: left;
        width: 60%;
        text-align: right;
    }
    .white_line {
        width: 100px;
        border-top: 2px solid #fff;
        height: 1px;
        float: left;
        margin-top: 28px
    }
    .sl1135_overview_3 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_3 .model {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_3 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_3 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_4 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_4 .model {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_4 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_4 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_5 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_5 .model {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_5 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_5 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_6 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_6 .model {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_6 .title {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_6 .title .text {
        width: 11%;
        line-height: 50px;
        height: 50px;
        float: right;
        margin-right: 60px;
    }
    .sl1135_overview_7 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_7 .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_7 p {
        line-height: 24px;
        font-size: 18px;
        color: #fff;
    }
    .sl1135_overview_7 .text .text {
        line-height: 50px;
        font-size: 18px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_7 .text .list {
        line-height: 50px;
        height: 50px;
        float: left;
        margin-left: 140px;
    }
    .sl1135_overview_8 .text {
        width: 100%;
        text-align: center;
    }
    .sl1135_overview_8 .model {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
        text-align: left;
    }
    .sl1135_overview_8 .title {
        line-height: 50px;
        font-size: 44px;
        color: #fff;
        height: 50px;
    }
    .sl1135_overview_8 .subtitle {
        line-height: 50px;
        font-size: 36px;
        color: #00A0E8;
        height: 50px;
    }
    .sl1135_overview_8 p {
        line-height: 24px;
        font-size: 18px;
        color: #fff;
    }
    /*distributor 样式*/
    .distributor {
        width: 100%;
        height: 600px;
        background-color: #000;
        background-image: url(../images/map-bg.png);
        background-position: center 60px;
        background-repeat: no-repeat;
    }
}

.description {
    margin: 0 auto;
    width: 800px;
}

.text_left a p {
    margin-top: 0;
}

.description p {
    line-height: 27px;
}

.list a {
    color: #666!important;
}

.list {
    color: #0e0e0e!important;
    font-size: 15px;
}

.others {
    width: 100%;
    height: 55px;
    transition: all 0.5s ease;
}

.others:hover {
    background: #000;
    transition: all 0.5s ease;
}

.others p {
    margin: 0;
    font-size: 16px;
}

.model {
    transition: all 0.5s ease;
    color: #000;
    padding-top: 10px;
}

.others:hover .model {
    color: #fff;
    transition: all 0.5s ease;
}

.others .target {
    color: #00a0e9;
}

.all-product1 a {
    display: inline-block;
    width: 14%;
    margin: 10px 2% 10px 0;
    box-sizing: border-box;
}
 a .list {
    /* display: inline-block; */
    width: 14%;
    margin: 10px 2% 10px 0;
    box-sizing: border-box;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    overflow: hidden;
}
a {
    color: #cccccc;
    text-decoration: none;
}
.swiper-container3 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    position: relative;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
}
.swiper-container3 img {
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}

.swiper-button-next {
    background-image: url('../images/next.png')!important;
}
.swiper-button-next, .swiper-container3-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev {
    background-image: url('../images/prev.png')!important;
}
body {
    font-family: MyriadPro!important;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-container3-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-pagination-bullet {
    width: 50px;
    height: 3px;
    display: inline-block;
    background: #000;
    opacity: .2;
}
.swiper-button-prev, .swiper-container3-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
}
/* a:-webkit-any-link:hover {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
    color: red !important;
} */
*, ::after, ::before {
    box-sizing: border-box;
}


div {
    display: block;
}


.rev_slider {
    position: relative;
    overflow: visible;
}
.rev_slider >ul, .rev_slider_wrapper >ul, .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li {
    list-style: none !important;
    position: absolute;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none !important;
    background-image: none;
    background-position: 0px 0px;
    text-indent: 0em;
    top: 0px;
    left: 0px;
}
.rev_slider li.tp-revslider-slidesli {
    position: absolute !important;
}
/* .anchor_color:hover {
    color: red !important;
} */


.menu_list {
   overflow: hidden;

}
.dropdown1:hover .dropdown_content{
    /* overflow: hidden; */
    display: block;
 }

/* .menu_list1 {
    overflow: hidden;
} */



.navbar {
     overflow: hidden;
     /* background-color: #333; */
     padding: 0px 155px;
    }
    
    .navbar a {
        float: left;
        font-size: 16px;
        color: #556270;
        text-align: center;
        padding: 6px 25px;
        font-size: 20px;
        text-decoration: none;
    }
    
    .dropdown {
     float: left;
     overflow: hidden;
    }
    
    .dropdown .dropbtn {
     font-size: 16px; 
     border: none;
     outline: none;
     color: #f40606;
     padding: 6px 25px;
     background-color: inherit;
     font-family: inherit;
     font-size: 20px;
     margin: 0;
    }
    
    .navbar a:hover, .dropdown:hover .dropbtn {
     background-color: #d87704;
     color: #fff;
    }
    
    .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 271px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
    }
    
    .dropdown-content a {
     float: none;
     color: red;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
    }
    
    .dropdown-content a:hover {
     background-color: #d87704;
    }
    
    .dropdown:hover .dropdown-content {
     display: block;
    }
    


    .section-heading span {
        color: #ffffff;
    }
    .section-heading h2 {
        font-size: 42px;
        color: #d82536;
        line-height: 42px;
        font-weight: 600;
        display: block;
    }
    .page-header .section-heading h2 {
        color: #fff;
    }
    .text-center {
        text-align: center !important;
    }
    .mt-40 {
        margin-top: 40px;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    .page-header .overlay {
        position: absolute;
        /* background-color: rgba(11, 38, 83, .9); */
        background-color: #d77500;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .padding {
        padding: 60px 0;
    }
    .page-header {
        background-image: url(../img/bg-img-02.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 100%;
        /* height: 400px; */
        display: flex;
        align-items: center;
        position: relative;
        z-index: 1;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    p {
        color: #000000;;
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 15px;
        /* text-align: justify; */
    }
    /* @media only screen and (min-width:300px) and (max-width:600px) {
        p {
            color: #212529;
            font-size: 15px;
            line-height: 26px;
            margin-bottom: 15px;
            text-align: justify;
        }
    } */
    h1, h2, h3, h4, h5, h6 {
        font-family: teko, sans-serif;
        -webkit-font-smoothing: antialiased;
        color: #ef921a;
    }
    h3, h4 {
        margin: 0 0 10px;
        font-weight: 600;
        line-height: 1.7;
        color: #000000;
        letter-spacing: -.5px;
    }
    .section-heading h2 {
        font-size: 35px;
        position: relative;
        bottom: 12px;
        color: rgb(0, 0, 0);
        line-height: 50px;
        font-weight: 600;
        display: block;
    }
    .mb-30 {
        margin-bottom: 30px;
    }

    @media only screen and (min-width:300px) and (max-width:600px){

.sidess
{
    display: inline !important;
}


    }

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
        display: block;
    }
    .about_list {
        position: relative;
        left: 8px;
        width: 300px;
    }


    .alert {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem;
    }
    #form-messages {
        display: none;
        margin-top: 15px;
        margin-bottom: 0;
    }
    [type=button], [type=reset], [type=submit], button {
        -webkit-appearance: button;
    }
    .default-btn {
        display: inline-block;
        background: #fdb900;
        color: #fff;
        font-family: work sans, sans-serif;
        font-size: 12px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        height: 45px;
        line-height: 45px;
        padding: 0 35px;
        letter-spacing: 0;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        transition: all ease 700ms;
        -moz-transition: all ease 700ms;
        -webkit-transition: all ease 700ms;
        -ms-transition: all ease 700ms;
        -o-transition: all ease 700ms;
        z-index: 1;
    }
    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer;
    }
    .contact-section .form-control {
        height: 50px;
        border: 1px solid #eee;
        outline: none;
        box-shadow: none;
        border-radius: 0;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contact-section .form-group {
        margin-bottom: 30px;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contact-section .contact-details li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .mb-40 {
        margin-bottom: 50px;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    @media only screen and (min-width:300px) and (max-width:600px)
    {
        .col-lg-3 .testers{
            position: relative;
        width: 200px !important;
        padding-right: 15px;
        padding-left: 15px;
        } 
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 1 0 50%;
        max-width: 100%;
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    .bg-grey {
        background-color: #f4f4f4;
    }
    .contact-section {
        /* background-image: url(../Home/map-pattern.png); */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50%;
        width: 100%;
        height: 400px;
    }
@media only screen and (min-width:300px) and (max-width:600px)
{

    .contact-section {
        /* background-image: url(../Home/map-pattern.png); */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50%;
        width: 100%;
        height:615px;
    }
}
    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .list1 {
        /* padding: 0px 0px 10px 5px; */
        font-size: 15px;
        position: relative;
        bottom: 50px;
    } 


    .text-center {
        text-align: center;
    }
    .press-release-item-area .single-item {
        display: block;
        margin-bottom: 50px;
        overflow: hidden;
        border: 1px solid #eee;
    }
    .col-md-6 {
        width: 50%;
    }.col-md-6 {
        width: 50%;
    }
    .thm-btn {
        border: none;
        outline: none;
        background: #d77500;
        font-size: 14px;
        line-height: 48px;
        font-weight: 700;
        color: #ffffff;
        border: 2px solid #ab7442;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        display: inline-block;
        transition: all .5s ease;
        position: relative;
        padding: 0 33px;
        transition: .3s ease;
    }
    .single-item {
        position: relative;
        top: 20px;
    }

@media only screen and  (min-width: 300px) and (max-width:600px){
    .footer {
        width: 100%;
        background: rgba(239, 239, 239, 1);
        height:800px;
    }
    
}