@charset "utf-8";

/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    /* _background-image: url(../images/slide_4_bak.jpg);
    _background-attachment: fixed; */
}


/* 设置默认字体 */
body,
button,
input,
select,
textarea {
    font-family: "微软雅黑", "宋体", "Arail";
    font-size: 100%;
    outline: none;
}

/* 列表元素 */
ul,
ol,
li {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

.img-responsive {
    width: 100%;
    height: auto
}

/*自适应图片*/

/* a标签 */
a {
    text-decoration: none;
    color: #ef4949;
    font-weight:bold;
}

a:hover {
    text-decoration: none;
}


/* 定义浮动居中 */
.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}



.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

/*重复div标签*/
.DIV {
    position: relative;
    width: 90%;
    margin: 0 auto;
}


.DIV3 {
    position: relative;
    width: 70%;
    margin: 0 auto;
}

.DIV2 {
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.DIV4 {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.DIV5 {
    position: relative;
    width: 95%;
    margin: 0 auto;
}


/* 字体大小 */
.font12 {
    font-size: 0.75em;
}
.font14 {
    font-size: .875em;
}

.font18 {
    font-size: 1.125em;
}

.font24 {
    font-size: 1.5em;
}


/* 所有颜色 */

.c2 {
    color: #777777;
}

.c6 {
    color: #797979;
}

/* 定义边距  padding margin*/
.p1 {
    padding-top: 25px;
}

.m1 {
    margin-top: 60px;
}

.m2 {
    margin-top: -3px;
}


/*media*/
@media (max-width: 645px) {
    .case_list2 ul {
        margin-left: 0%;
    }

    .case_list2 ul li {
        width: 100%;
        margin-left: 0;
    }

    .wap ul {
        margin-left: -2%;
    }

    .wap ul li {
        margin-left: 3%;
        width: 46%;
    }

    .category ul li {
        font-size: 0.875em;
        margin-right: 10px;
    }

    .case_logo,
    .tabBar .prev,
    .deg_con,
    .message,
    .c_shuade,
    .map,
    .code_list,
    .zz,
    .tabBar .next,
    .team_font,
    .news_main .fl,
    .cus_des,
    .search_inner,
    .menu_inner,
    .case_list ul li span,
    #video,
    .arr,
    .new_list,
    .footer,
    .spot,
    .footer_inner,
    .shade_case,
    .goto,
    .menu_list,
    .other,
    .banner,
    .show_l .show_img,
    .code_r,
    .news_img,
    .lump,
    .case_info .fr,
    .link,
    .logo dl dd,
    .from_img,
    .news_tit .fl,
    .news_tit .tit .font-size {
        display: none;
    }

    .p_footer,
    /* .logo dl dd:first-child, */
    .logo dl dd,
    .arr_down_d,
    .web_site,
    .btn-navbar {
        display: block;
    }

    .heade_inner .DIV4,
    .case_det .DIV4,
    .news_det .DIV4 {
        width: 90%;
    }

    .show_info {
        margin-top: 75px;
    }

    .show_l {
        width: 100%;
    }

    .new_r {
        width: 80%;
        margin-left: 0;
    }

    .news_con {
        font-size: 0.875em;
        line-height: 30px;
    }

    .case_info {
        text-align: center;
        font-size: 0.875em
    }

    .case_info .fl {
        float: none;
    }

    .shade_v {
        background: url(../images/sample.jpg) no-repeat;
        background-size:cover;
        background-position: center;
    }

    .big_txt1 img {
        width: 60%;
        height: auto;
    }

    .big_txt2 {
        width: 100%;
        margin: 20px 0px 38px 0px;
    }

    .big_txt2 img {
        width: 100%;
        height: auto;
    }

    .section2 .DIV3,
    .section3 .DIV3 {
        width: 85%;
    }

    .m1 {
        margin-top: 130px;
    }

    .what_txt {
        top: -50px
    }

    .from_txt {
        top: -80px;
    }

    .what_txt img,
    .from_txt img {
        width: 100%;
        height: auto;
    }

    .what_list ul {
        margin-left: -2%;
    }

    .what_list ul li {
        width: 48%;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 2%;
    }

    .what_list_tit {
        margin-top: 10px;
        line-height: normal;
    }

    .what_list_tit p:first-child {
        font-size: 1em;
    }

    .what_list_tit p:last-child {
        font-size: .75em;
    }

    .from_list ul li,
    .news_wrap .news_main,
    .news_txt_l {
        width: 100%;
    }

    .f_txt .txt {
        width: 80%
    }

    .from_list {
        margin-top: 160px;
        margin-bottom: 30px;
    }

    .txt p:nth-child(1) {
        margin-top: 0;
    }

    .tabBar,
    .contact_wrap {
        width: 90%;
    }

    .team_list,
    .con_txt {
        width: 100%
    }

    .tabBar .hd ul {
        position: inherit;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .tabBar .bd {
        width: 100%;
        height: 200px;
        z-index: 999;
    }

    .about_menu ul {
        margin-left: -2%;
    }

    .about_menu ul li {
        width: 47%;
        margin-left: 2%;
        font-size: 1em;
        margin-bottom: 0px;
        margin-top: 10px;
        height: 70px;
    }

    .cus_txt {
        line-height: 70px;
    }

    .news_wrap ul>li:last-child .news_main {
        margin-right: 0;
        margin-top: 0;
        display: none;
    }

    .news_wrap ul>li:first-child .news_main {
        margin-bottom: 0px;
        margin-top: 0;
    }

    .team_list ul li {
        width: 48.5%;
        margin-bottom: 10px;
        opacity: 1;
    }

    .team_list ul li:last-child {
        display: none;
    }

    .phone_num p:nth-child(1) {
        margin-top: -10px;
        font-size: 1.875em;
    }

    .contact_list ul li {
        margin-bottom: 20px;
    }

    .news_wrap {
        opacity: 1;
    }

    .what_list ul li .DIV_cir {
        width: 120px;
        height: 120px;
    }

    .contact_wrap {
        height: auto;
    }

    .circle_m {
        top: -8px;
        left: -8px;
        width: 135px;
        height: 135px
    }

    .clientsLogos {
        height: 50px;
    }

    #client_ul li img {
        width: 1500px;
        height: auto;
    }

    /*page2 svg*/
    .a1,
    .a2,
    .a3,
    .a4,
    .what_con_list {
        display: none
    }

    .cus_icon {
        width: 20%;
    }

    .news_tit .tit {
        width: 100%;
    }
}

@media (min-width: 645px) and (max-width: 804px) {
    .case_list2 ul {
        margin-left: -3%;
    }

    .case_list2 ul li {
        margin-left: 3%;
        width: 46%;
    }

    .search_inner,
    .menu_list,
    .spot,
    .cus_des {
        display: none;
    }

    .phone_num {
        width: 100%;
    }

    .code_list.inner {
        float: left;
        margin-top: 30px;
    }

    .heade_inner .DIV4,
    .case_det .DIV4 {
        width: 90%;
    }

    .new_list {
        display: none;
    }

    .btn-navbar {
        display: block
    }

    /*page2 svg*/
    .first,
    .second {
        width: 80%;
        height: auto;
    }

    .what_list ul li .DIV_cir {
        width: 130px;
        height: 130px;
    }

    .circle_m {
        width: 140px;
        height: 140px;
    }

    .what_list_tit {
        margin-top: 0px;
    }

    .a1,
    .a2,
    .a3,
    .a4,
    .what_con_list,
    .news_icon {
        display: none
    }

    .about_menu ul li {
        width: 30%;
        margin-bottom: 0px;
    }

    .team_font {
        width: 110px;
    }

    .message {
        display: none;
    }

    .con_txt {
        float: left;
        margin-left: 5%;
    }

    .f_txt .num,
    .txt_shade .into {
        display: none;
    }

}

@media (min-width: 804px) and (max-width: 960px) {
    .case_list2 ul {
        margin-left: -3%;
    }

    .case_list2 ul li {
        margin-left: 3%;
        width: 29%;
    }

    .search_inner,
    .spot,
    .news_icon {
        display: none;
    }

    .phone_num {
        width: 100%;
    }

    .code_list.inner {
        float: left;
        margin-top: 30px;
    }

    .menu_list ul li {
        margin-left: 20px;
    }

    .heade_inner .DIV4,
    .case_det .DIV4 {
        width: 90%;
    }

    /*page2 svg*/
    .first,
    .second {
        width: 80%;
        height: auto;
    }

    .circle_m {
        width: 170px;
        height: 170px;
    }

    .a1,
    .a2,
    .a3,
    .a4,
    .what_con_list {
        display: none
    }

    .about_menu ul li {
        width: 26%;
        margin-bottom: 0px;
    }

    .team_font {
        display: none
    }

    .message {
        display: none;
    }

    .con_txt {
        float: left;
        margin-left: 5%;
    }

    .f_txt .num,
    .txt_shade .into {
        display: none;
    }

    .team_list {
        float: left;
        width: 100%;
    }
}

@media (min-width: 960px) and (max-width: 1040px) {
    .case_list2 ul {
        margin-left: -3%;
    }

    .case_list2 ul li {
        margin-left: 3%;
        width: 21%;
    }

    .phone_num {
        width: 100%;
    }

    .code_list.inner {
        float: left;
        margin-top: 30px;
    }

    .menu_list ul li {
        margin-left: 30px;
    }

    .spot,
    .message {
        display: none;
    }

    .con_txt {
        float: left;
        margin-left: 5%;
    }

    .team_font {
        display: none
    }

    .team_list {
        float: left;
        width: 100%;
    }

}

@media (min-width: 1040px) and (max-width: 1280px) {
    .contact_list.inner ul li {
        margin-left: 10px;
    }

    .code_list.inner {
        float: left;
        margin-top: 30px;
    }

    .menu_list ul li {
        margin-left: 30px;
    }

    .spot {
        display: none;
    }

    .team_font {
        width: 130px;
    }
}

/* @media (min-width:1600px) {
  .case_list ul li{width:400px;}
} */

@media (max-width: 1200px) {
    .link_list {
        display: block
    }

    .link {
        display: none;
    }

    .nav {
        position: absolute;
        float: right;
        right: -6%;
        /* z-index: 9999; */
        top: -25px;
        width: 0;
        background: #000;
        margin-right: 0;
    }

    .nav ul li:first-child {
        margin-top: 100px;
        border-top: 1px dashed #4d4d4d;
    }

    .nav ul li {
        float: right;
        margin-left: 25px;
        font-size: 1.125em;
        /* padding-bottom: 7px; */
        width: 90%;
        text-align: left;
        line-height: 48px;
        border-bottom: 1px dashed #4d4d4d;
        padding-left: 5%;
        padding-bottom: 0;


    }

    .m2 {
        display: block;
    }

    .code_list {
        display: none;
    }
}

@media (max-height: 650px) {
    .link_list {
        margin-top: 30px;
    }

    .link_list dl dd {
        width: 40px;
        margin-left: 20px;
    }

    .link_list dl dd a {
        border-bottom: none;
    }

    .tabBar .hd ul {
        top: -50px;
    }
}