/* ---------------------------------------------------------------- */
/* ---------------------- 格式化bootstrap样式 ---------------------- */
/* ---------------------------------------------------------------- */
li {
    list-style: none;
}

a,
i,
span {
    font-size: 16px;
}

a,
button {
    border-radius: 0 !important;
}

button:focus {
    outline: none !important;
}

i {
    font-style: normal;
}

a:link,
a:visited,
a:active,
a:focus {
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}
/* ---------------------------------------------------------------- */
/* --------------------------- 公共样式 --------------------------- */
/* ---------------------------------------------------------------- */

div {
    /* 禁止用户选中文本 */
    user-select: none;
    /* Standard syntax */
}

.txt_truncation {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ----------------------------------------------------------------- */
/* ---------------------------- 导入字体 ---------------------------- */
/* ----------------------------------------------------------------- */
@font-face {
    font-family: 'Artman_Design_EN';
    src: url('../fonts/Artman_Design_EN.ttf');
}

@font-face {
    font-family: 'icomoon_ws';
    src: url('../fonts/icomoon_ws.eot?clywmd');
    src: url('../fonts/icomoon_ws.eot?clywmd#iefix') format('embedded-opentype'),
        url('../fonts/icomoon_ws.ttf?clywmd') format('truetype'),
        url('../fonts/icomoon_ws.woff?clywmd') format('woff'),
        url('../fonts/icomoon_ws.svg?clywmd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon_"],
[class*=" icon_"] {
    font-family: 'icomoon_ws' !important;
}

.icon_chevron_left::before {
    content: "\3008";
}

.icon_chevron_right::before {
    content: "\3009";
}

.icon_angle_left::before {
    content: "\3c";
}

.icon_angle_right::before {
    content: "\3e";
}

/* ----------------------------------------------------------------- */
/* ---------------------------- 头部样式 ---------------------------- */
/* ----------------------------------------------------------------- */

#nav_bar {
    position: absolute;
    z-index: 1010;
    top: 0;
    width: 100%;
}

#nav_bar a {
    width: 100%;
    display: inline-block;
    padding: 0;
    height: 50px;
    line-height: 50px;
    color: #fff;
}

#nav_bar .nav_logo {
    width: 140px;
    margin-right: 28px;
    height: auto;
}

#nav_bar .nav_logo img {
    display: inline-block;
}

#nav_bar .nav_list {
    margin: 0 auto;
}

#nav_bar .nav_list li {
    width: calc(100% / 6);
    text-align: center;
}

#nav_bar .nav_list a {
    width: 100%;
}

@media (max-width: 767px) {

    #header::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 52px;
        border-bottom: #eeeeee30 solid 1px;
        z-index: 1001;
    }

    #nav_bar button span {
        background: #fff;
    }

    #nav_bar .nav_logo {
        margin-left: 15px;
    }

    #nav_bar .nav_links {
        overflow: hidden;
        padding: 0;
    }

    #nav_bar .nav_links ul {
        width: 100%;
    }

    #nav_bar .nav_links ul li {
        width: 100%;
    }

    #nav_bar .nav_links ul a {
        float: right;
        width: 51%;
        padding-left: 30px;
        height: 8vw;
        line-height: 8vw;
        border-bottom: 1px solid rgba(238, 238, 238, 0.2);
        text-align: left;
        background: rgba(0, 0, 0, 0.12);
        font-size: 14px;
    }

    #nav_bar .nav_links ul a:hover {
        background: rgba(0, 0, 0, 0.3);
    }

    #nav_bar .nav_links .nav_tel a {
        height: calc(8vw + 20px);
        line-height: calc(8vw + 20px);
        font-family: icomoon_ws;
        font-size: 8vw;
    }
}

@media (min-width: 768px) {
    #nav_bar {
        border-bottom: #eeeeee30 solid 1px;
    }

    #nav_bar a {
        height: 75px;
        line-height: 75px;
    }

    #nav_bar a:focus,
    #nav_bar a:hover {
        background: rgba(0, 0, 0, 0);
    }

    #nav_bar .nav_list {
        width: calc(100% - 221px);
    }

    #nav_bar .nav_tel a {
        width: 160px;
        line-height: 74px;
        font-family: Artman_Design_EN;
        font-size: 23px;
        text-align: right;
    }

    #nav_bar .nav_list .nav_tel a::after {
        display: none;
    }

    /* 导航栏hover效果 */
    #nav_bar .nav_list>li>a::after {
        content: "";
        position: absolute;
        left: 0%;
        bottom: -1px;
        width: 50%;
        margin-left: 25%;
        display: inline-block;
        border-bottom: #eee solid 2px;
        opacity: 0;
        filter: Alpha(opacity=0);
    }

    #nav_bar .nav_list>li a:hover::after,
    #nav_bar .nav_list .active a::after {
        opacity: 1;
        filter: Alpha(opacity=1);
        transition: all 1.2s ease;
    }


    /* 下拉菜单 */
    #nav_bar .nav_pull_down>a:hover::after {
        display: none;
    }

    #nav_bar .nav_pull_down {
        position: relative;
    }

    #nav_bar .nav_pull_down ul {
        overflow: hidden;
        position: absolute;
        height: 0;
        opacity: 0;
    }

    #nav_bar .nav_pull_down:hover ul {
        height: 240px;
        opacity: 1;
        transition: all .5s ease;
    }

    #nav_bar .nav_pull_down ul li {
        width: 100%;
    }

    #nav_bar .nav_pull_down ul li a {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid rgba(238, 238, 238, 0.2);
        background: rgba(255, 255, 255, 0.2);
    }

    #nav_bar .nav_pull_down ul li a:hover {
        background: rgba(238, 238, 238, 0.5);
    }

}

@media (min-width: 992px) {

    #nav_bar .nav_logo {
        width: 220px;
    }

    #nav_bar a {
        height: 90px;
        line-height: 90px;
    }

    #nav_bar .nav_list {
        width: calc(100% - 307px);
    }

    #nav_bar .nav_tel a {
        width: 190px;
        line-height: 86px;
        font-size: 25px;
    }
}


@media (min-width: 1200px) {
    #nav_bar a {
        height: 100px;
        line-height: 100px;
    }

    #nav_bar .nav_list {
        width: calc(100% - 290px);
    }

    #nav_bar .nav_tel a {
        width: 209px;
        line-height: 96px;
    }
}

/* ----------------------------------------------------------------- */
/* ------------------------ 二级页面头部样式 ----------------------- */
/* ----------------------------------------------------------------- */

#page_title {
    height: 48vw;
    margin-top: 48px;
    /* padding: 14vw; */
    text-align: center;
    vertical-align: middle;
    padding: calc(29% - 45px) 0;
}

#page_title>h1,
#page_title>span,
#page_title>p {
    margin: 0;
    color: #fff;
}

#page_title>h1 {
    font-size: 26px;
    font-weight: bold;
}

#page_title>span {
    font-size: 20px;
}

#page_title>p {
    font-size: 12px;
}

@media (min-width: 768px) {
    #page_title {
        height: 38vw;
        margin-top: 82px;
        padding-top: 14vw;
    }

    #page_title>h1 {
        font-size: 34px;
    }

    #page_title>span {
        font-size:
            32px;
    }

    #page_title>p {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    #page_title {
        margin-top: 92px;
    }
}

@media (min-width: 1200px) {
    #page_title {
        margin-top: 102px;
    }
}

/* ----------------------------------------------------------------- */
/* -------------------------- 轮播样式通用 -------------------------- */
/* ----------------------------------------------------------------- */
/* 背景图片 */
#header .carousel-inner img {
    text-align: center;
}

/* 控制图片切换透明度 */
.carousel-fade .carousel-inner .item {
    opacity: .5;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

/* 图片淡入控制 */
.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
}

/* 图片淡出控制 */
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

/* 轮播图片控制器样式 */
#header .carousel-control {
    background-image: none;
}

#header span[class*=icon_chevron_] {
    position: relative;
    top: 50%;
    font-size: 30px;
}


/* 图片轮播的顺序控制器样式 */
#header>#slidershow>ol>li {
    width: 4vw;
    height: 0.3vw;
    border-radius: inherit;
    background: rgba(31, 31, 31, 0.6);
    border: 0px;
    margin: 0 0.3vw;
}

#header>#slidershow>ol>li.active {
    background: #fff;
}

/* ----------------------------------------------------------------- */
/* ---------------------------- 主体内容 ---------------------------- */
/* ----------------------------------------------------------------- */

/* ---------------------------- 通用标题样式 ---------------------------- */

/* 首页 */
#main .board_title {
    text-align: center;
    margin-top: 2vw;
    margin-bottom: 4vw;
}

#main .board_title>h1 {
    font-size: 25px;
    margin: 60px auto 30px;
}


#main .board_title>h1>span {
    font-size: 24px;
    font-weight: bold;
}

#main .board_title h1::after {
    position: relative;
    z-index: -1;
    display: block;
    bottom: 14px;
    font-size: 14px;
    font-family: Artman_Design_EN;
    color: #eee;
    letter-spacing: 1vw;
}

@media (min-width: 768px) {
    #main .board_title>h1 {
        font-size: 34px;
        margin: 100px auto 60px;
    }

    #main .board_title>h1>span {
        font-size: 34px;
    }
}


/* 二级页面 */
#main .board_title_sub>h1 {
    font-weight: bold;
    letter-spacing: 5px;
}

#main .board_title_sub>h1::after {
    color: rgba(31, 31, 31, .2);
    text-transform: uppercase;
}


/* ----------------------------------------------------------------- */
/* ------------------------------ 页脚 ------------------------------ */
/* ----------------------------------------------------------------- */

#footer {
    background: url(../images/footer_bg.jpg) no-repeat center bottom;
    min-height: 573px;
    padding-top: 75px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}

#footer a {
    color: #fff;
	font-size: 14px;
}

/* 服务热线 */
#footer .footer_inquire>.footer_tel {
    border-left: 5px solid #b43d38;
    padding-left: 20px;
}

#footer .footer_inquire>.footer_tel::after {
    position: absolute;
    content: "\4d";
    top: 1px;
    left: 40px;
    /* line-height: 137px; */
    display: block;
    font-family: icomoon_ws;
    font-size: 91px;
    color: rgb(247 247 247 / 25%);
}

#footer .footer_inquire>.footer_tel>h1 {
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 6px;
}

#footer .footer_inquire>.footer_tel>i {
    font-family: icomoon_ws;
    font-size: 34px;
    line-height: 30px;
}

#footer .footer_inquire>.footer_tel>p {
    font-size: 16px;
    color: #767676;
    letter-spacing: 2px;
}

/* 表单 */
#footer .footer_form {
    margin-top: 20px;
}

#footer .footer_form>form {
    width: 100%;
}

#footer .footer_form .form_ipt {
    padding-left: 0px;
}

/* 输入框样式 */
#footer .footer_form .form_ipt>textarea {
    width: 100%;
    min-height: 86px;
}

#footer .footer_form .form_ipt>input,
#footer .footer_form .form_ipt>textarea {
    background-color: rgba(221, 221, 221, 0.1);
    border-color: #8d8d8d;
    border-radius: inherit;
    color: #eee;
}

#footer .footer_form .form_ipt>input:focus,
#footer .footer_form .form_ipt>textarea:focus {
    border-color: #e8e8e8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(51 51 51 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(245 245 245 / 50%);
}

/* button样式 */
#footer .footer_form .form_btn {
    padding-top: 15px;
    padding-left: 0;
}

#footer .footer_form .form_btn>button {
    width: 100%;
    background-color: rgba(221, 221, 221, 0.1);
    border-color: #8d8d8d;
    color: #eee;
}

#footer .footer_form .form_btn>button:hover {
    background-color: rgba(221, 221, 221, 0.43);
}

/* 联系方式 */
#footer .footer_inquire>.footer_contacts {
    margin-top: 15px;
}

/* 网站地图 */
#footer .footer_links {
    margin-top: 75px;
}

#footer .footer_links>.links_menu {
    font-size: 16px;
    font-weight: bold;
}

#footer .footer_links a {
    font-size: 14px;
}

#footer .footer_links>div {
    width: 518px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);

}

#footer .footer_links>div>ul {
    width: 1000px;
    padding-left: 0px;
}

#footer .footer_links>div>ul>li {
    width: 80px;
    margin-right: 30px;
    float: left;
    text-align: center;
    line-height: 38px;
}

#footer .footer_links>.links_submenu>ul>li>a {
    display: block;
}

/* 友情链接 */
#footer .links_friendlink {
    padding-top: 10px;
}

/* 官方媒体 */
#footer .footer_ico {
    font-family: icomoon_ws;
}

#footer .footer_ico>i {
    float: left;
    margin: 20px 15px 30px 0;
    font-size: 41px;
    color: rgb(255 255 255 / 50%);
}

#footer .footer_ico>i:hover {
    cursor: pointer;
}

/* 二维码 */
#footer .footer_scan {
    position: absolute;
    display: block;
    right: 0;
    bottom: 40px;
    margin-right: 15px;
}

/* 二维码 - 中屏 */
@media (max-width: 992px) {
    #footer .footer_scan {
        margin-right: 30px;
        bottom: -200px;
    }

}

/* 二维码 - 小屏 */
#footer .footer_contacts {
    width: 100%;
    float: left;
}

#footer .footer_contacts>img {
    margin-top: 81px;
    margin-right: 15px;
    float: right;
    /* display: flex;
    align-items: flex-end;
    justify-content:space-around; */
    vertical-align: bottom;
    width: 100px;
}

@media (max-width: 992px) {
    #footer {
        padding-top: 45px;
    }

    #footer .footer_inquire>.footer_tel::after {
        top: -19px;
    }
}


@media (max-width: 767px) {
    #footer {
        padding-top: 15px;
    }

    .footer_ico {
        float: left;
    }
}

@media (max-width: 576px) {
    #footer .footer_scan {
        display: none;
    }

    #footer .footer_scan>img {
        width: 22vw;
    }
}

/* 底部版权 */


#cprt {
    border-top: 1px solid rgb(255 255 255 / 10%);
    text-align: center;
    color: #ccc;
}

#cprt>p {
    height: 40px;
    line-height: 40px;
	margin: 0;
}

@media (max-width: 576px) {
    #cprt {
        height: 30px;
        font-size: 12px;
    }
	
	#cprt>p {
	    line-height: 30px;
	}
}

/* ----------------------------------------------------------------- */
/* ----------------------- 案例&新闻 - 详情页 ----------------------- */
/* ----------------------------------------------------------------- */

/* 头部标题 */
#main .detail_page .detail_page_title>h2 {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

/* 标题工具栏 */
#main .detail_page .detail_page_tool {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
}

#main .detail_page .detail_page_tool>.detail_page_return>a {
    float: right;
    color: #1f1f1f;
    font-size: 14px;
}

/* 正文内容 */
#main .detail_page .detail_page_content>img,
#main .detail_page .detail_page_content>p {
    width: 100%;
    margin: 8px 0;
    line-height: 28px;
}

#main .detail_page_content>dl,
#main .detail_page_content>dl>dt {
    margin: 8px 0;
}

#main .detail_page_content>dl>dt {
    font-size: 18px;

}

#main .detail_page_content>dl>dd {
    margin: 6px 0;
}

/* 底部导航栏 */
#main .detail_page .ndetail_page_nav {
    margin: 30px 0;
}

#main .detail_page .ndetail_page_nav>.ndetail_page_down {
    float: right;
}

#main .detail_page .ndetail_page_nav>a {
    font-size: 14px;
    font-weight: bold;
    color: #1f1f1f;
}

@media (min-width: 768px) {

    /* 版心 */
    #main .detail_page {
        padding: 0 15px;
        font-size: 16px;
    }

    /* 头部标题 */
    #main .detail_page .detail_page_title>h2 {
        margin-bottom: 60px;
    }

    #main .detail_page .detail_page_tool {
        padding-bottom: 15px;
    }

    /* 标题工具栏 */
    #main .detail_page .detail_page_tool>.detail_page_return>a {
        font-size: 16px;
    }

    /* 标题工具栏 */
    #main .detail_page .detail_page_tool {
        margin-bottom: 60px;
    }

    /* 正文内容 */
    #main .detail_page .detail_page_content>img,
    #main .detail_page .detail_page_content>p {
        margin: 15px 0;
        line-height: 34px;
    }

    #main .detail_page_content>dl,
    #main .detail_page_content>dl>dt {
        margin: 15px 0;
    }

    #main .detail_page_content>dl>dt {
        font-size: 22px;
    }

    #main .detail_page_content>dl>dd {
        margin: 10px 0;
    }

    /* 底部导航栏 */
    #main .detail_page .ndetail_page_nav {
        margin: 60px 0;
    }

    #main .detail_page .ndetail_page_nav>a {
        font-size: 18px;
    }
}