@charset "utf-8";
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form {
    margin: 0;
    padding: 0;
    list-style: none;
}
body {
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
    position: relative;
    color: #555;
    background-color: #fafafa;
    font-size: 14px;
    min-width: 1000px;
}
li, a, div, nav, header, footer, section, span, p {
    box-sizing: border-box;
}
img {
    border: none;
    border: 0;
    vertical-align: middle;
    outline: none;
    outline: 0;
}
ul {
    list-style-type: none;
}
nav a:hover {
    color: black;
}
a:hover {
    color: #E6A23C;
}
a {
    color: #444;
    text-decoration: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {
    font-size: 14px;
    line-height: 22px;
}
.clear, section:after, .other_group:after {
    content: "";
    display: block;
    clear: both;
}
.w50_l {
    float: left;
}
.w50_r {
    float: left;
    width: 46%;
}
.w50_r img {
    width: 100%;
}
.w50_l {
    margin-right: 4%;
}
/*————————————————————————————————— 头部 ————————————————————————————————*/
header {
    position: relative;
    height: 100px;
    background-color: #ffffff;
    padding: 0 4%;
    /*overflow: hidden;*/
    z-index: 9000;
    background-attachment: fixed;
}
.logo {
    position: absolute;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    border-bottom: 1px solid #38393b;
    border-color: rgba(222,222,222,.1);
    z-index: 9;
    padding-left: 7%;
}
.logo img {
    height: 50px;
}
nav {
    position: relative;
    height: 100px;
    z-index: 99;
    margin: 0 auto;
    width: 35%;
}
nav span {
    font-size: 18px;
}

.title_banner {
    color: #FFFFFF;
    text-align: center;
    font-size: 40px;
    padding: 150px;
    background-size: cover
}

.nav_right {
    background-color: #ffffff00;
    right: 20px;
    position: fixed;
    top: 65%;
    transform: translateY(-50%);
    z-index: 29;
    text-align: center;
}
.phone-icon {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 24px;
    box-shadow: 0px 2px 12px 0px #575d6c;
    cursor: pointer;
    float: right;
}
.phone-icon > i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}
.nav_contact {
    margin-right: 40px;
    transform: translateY(-50%);
    border-radius: 2px;
    padding-right: 10px;
    display: none;
    font-weight: bolder;
}
.nav_contact span {
    background-color: white;
    margin-bottom: 0px;
}
.float_code {
    padding: 10px 20px;
    background-color: white;
}
/*————————————————————————————————— index ————————————————————————————————*/
.index_banner {
    padding: 250px;
    background-size: cover
}
section.index {
    padding: 0 10%;
}
.index_content {
    display: flex;
}
.index_new {
    width: 80%;
    margin: 40px auto;
}
.index_new_top {
    width: 40%;
    float: left;
    position: absolute;
}
.index_new_top>h2:after {
    content: "";
    position: absolute;
    width: 97px;
    height: 3px;
    background-color: #E6A23C;
    left: 15px;
    top: 55px;
}
.index_new_head {
    padding: 15px;
    font-size: 24px;
}
.index_new_banner {
    padding: 11px 15px;
}
.index_new_title {
    display: block;
    font-size: 20px;
    padding: 15px;
}
.index_new_date {
    width: 20%;
    float: left;
    font-size: 18px;
    padding: 15px;
    text-align: center;
}
.index_new_date>span {
    display: block;
}
.index_new_date_day {
    font-size: 16px;
}
.index_new_top_content {
    width: 80%;
    padding: 15px 0 15px 10px;
    float: right;
    color: #737373;
    border:solid #44444461;
    border-width:0 0 0 1px;
    height: 80px;
    overflow: hidden;
}
.index_new_list {
    width: 50%;
    float: right;
}
.index_new_list_item {
    margin: 15px;
    border:solid #dedede;
    border-width: 1px 0 0 0;
    height: 85px;
}
.index_new_list_date {
    width: 20%;
    float: left;
    font-size: 18px;
    padding: 20px 15px;
    text-align: center;
}
.index_new_list_title {
    width: 80%;
    padding: 20px 10px;
    float: right;
    font-size: 18px;
    height: 80px;
    overflow: hidden;
}
.ql-editor span {
    display: inline
}
/*————————————————————————————————— case ————————————————————————————————*/
.case_content {
    display: flex;
}
.case_new {
    width: 80%;
    margin: 40px auto;
}
.case_list {
    width: 65%;
    float: left;
    box-shadow: #555555;
}

.case_list_all {
    width: 100%;
    float: left;
    box-shadow: #555555;
}

.case_list>span {
    position: relative;
}
.case_list>span:after {
    content: "";
    position: absolute;
    width: 97px;
    height: 3px;
    background-color: #E6A23C;
    left: 0;
    top: 40px;
}
.case_head {
    font-size: 24px;
    color: #000;
}
.case_banner {
    margin: 30px 15px;
    width: 25%;
    float: left;
}
.case_item {
    margin: 40px 0px;
    display: flex;
    box-shadow: 5px 5px 20px -12px;
    border-radius: 5px;
}
.case_item_new {
    padding: 20px;
    width: 75%;
    float: right;
}
.case_title {
    display: block;
    font-size: 20px;
    padding: 10px 0;
}
.case_description {
    display: block;
    font-size: 16px;
    padding: 10px 0;
    color: #848484;
}
.case_detail {
    display: block;
    text-align: right;
}
.case_article_list {
    width: 35%;
    float: right;
    padding-left: 25px;
}
.case_article_list>span {
    position: relative;
}
.case_article_list>span:after {
    content: "";
    position: absolute;
    width: 97px;
    height: 3px;
    background-color: #E6A23C;
    left: 0;
    top: 40px;
}
.case_article_list_item {
    margin-top: 20px;
    border:solid #dedede;
    border-width: 1px 0 0 0;
    height: 80px;
}
.case_article_list_date {
    width: 20%;
    float: left;
    font-size: 18px;
    padding: 20px 15px;
    text-align: center;
}
.case_article_date_day {
    font-size: 16px;
}
.case_article_list_title {
    width: 80%;
    padding: 20px 0 0 10px;
    float: right;
    font-size: 18px;
}
/*————————————————————————————————— case_detail ————————————————————————————————*/
.case_detail_content {
    display: flex;
}
.case_detail_new {
    width: 80%;
    margin: 40px auto;
}
.case_detail_list {
    width: 40%;
    float: right;
    box-shadow: #555555;
}
.case_detail_list>span {
    position: relative;
}
.case_detail_list>span:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #E6A23C;
    left: 0;
    top: 40px;
}

.case_detail_item {
    display: flex;
    margin: 40px 0;
    box-shadow: 5px 5px 20px -12px;
    border-radius: 5px;
    align-items: center;
}

.case_detail_banner {
    flex-basis: 35%;
    margin: 0px 10px;
}

.case_detail_item_new {
    flex-basis: 65%;
    padding: 20px;
}

.case_detail_title {
    display: block;
    font-size: 20px;
    padding: 10px 0;
}
.case_detail_description {
    display: block;
    font-size: 16px;
    padding: 10px 0;
    color: #848484;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    max-height: 160px;
}
.case_detail_detail {
    display: block;
    text-align: right;
    padding: 10px 0;
}

.case_detail_left {
    width: 60%;
    float: left;
    padding-right: 40px;
}
.case_detail_left img{
    max-width: 100%;
}
.case_detail_head {
    font-size: 24px;
    color: #000;
}
.case_detail_left_title {
    font-size: 30px;
    color: #000;
    margin-bottom: 15px;
}
.case_detail_head_divider {
    border: 1px dashed;
    margin: 25px auto;
    color: #BBBBBCFF;
}
.case_detail_left_description {
    font-size: 20px;
    color: #000;
}

section.case_detail {
    text-align: left;
}
section.case_detail>h2 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 100;
    color: black;
    margin-bottom: 25px;
    padding: 0;
    font-weight: 400;
}
section.case_detail>h2:after {
    content: "";
    position: absolute;
    width: 85px;
    height: 3px;
    background-color: #E6A23C;
    left: 0;
    top: 40px;
}
section.case_detail>p {
    font-size: 18px;
    line-height: 30px;
}

/*————————————————————————————————— article ————————————————————————————————*/
.article {
    display: flex;
}
.article_new {
    width: 80%;
    margin: 40px auto;
}
.article_content {
    width: 65%;
    float: left;
    padding: 0 30px;
}
.article_title {
    display: block;
    font-size: 35px;
    color: black;
    margin-bottom: 30px;
    line-height: 1;
}
.article_hr {
    border: 1px dashed;
    margin: 30px auto;
}
.article_content_detail {
    font-size: 18px;
    color: black;
}
.article_content img {
    max-width: 100%;
}
/*————————————————————————————————— service ————————————————————————————————*/
.service_content {
    padding: 0 10%;
}
.service_item {
    margin: 0px 0;
}
.service_item span {
    display: inline;
}

/*————————————————————————————————— about ————————————————————————————————*/
section.about {
    width: 1100px;
    margin: 50px auto;
    margin-bottom: 30px;
}
section.about>h3 {
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: 100;
    color: #42484e;
    margin-bottom: 40px;
    padding: 0;
}
section.about>h3:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #E6A23C;
    left: 0;
    top: 40px;
}
section.about>p {
    font-size: 18px;
    line-height: 30px;
}
.w50_l p, .w50_r p {
    font-size: 16px;
    line-height: 36px;
    vertical-align: middle;
}
.about_1 .w50_l p, .about_1 .w50_r p {
    line-height: 28px;
}
.about .w50_l {
    padding: 40px 0;
}
/*————————————————————————————————— footer ————————————————————————————————*/

footer {
    position: relative;
    background-color: #292e44;
    padding: 35px 0%;
    font-size: 16px;
    box-sizing: border-box;
}
.footer_content {
    width: 80%;
    margin: 0 auto;
}
.nav_preview footer {
    display: none;
}
footer .links {
    float: left;
    width: 50%;
    color: white;
    display: flex;
    align-content: center;
    justify-content: center;
}
.links a {
    font-size: 18px;
    width: 300px;
    text-align: center;
    height: 50px;
    line-height: 40px;
    float: left;
}
footer .links.news {
    width: 10%;
}
footer .links a,span {
    display: block;
    line-height: 30px;
}
.copyright {
    color: #9b9ca0;
    padding-top: 10px;
    font-size: 14px;
    text-align: center;
}
.copy {
    color: #fafafa;
    font-size: 14px;
    text-align: center;
}
footer span {
    margin-bottom: 7px;
}
footer a {
    color: white;
    margin-bottom: 7px;
}
footer hr {
    border-width: 0.1px;
    border-color: #656363;
}

.menuDiv {
    width: 800px;
    height: 100px;
    overflow: hidden;
    display: inline-block;
    align-content: center;
    justify-content: center;
}

/* 去掉a标签的下划线 */
.menuDiv a {
    text-decoration: none;
}

/* 设置ul和li的样式 */
.menuDiv ul, .menuDiv li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}


/* 设置二级菜单绝对定位，并隐藏 */
.menuDiv > ul > li > ul {
    position: absolute;
    display: none;
    z-index: 10000;
}

/* 设置二级菜单的li的样式 */
.menuDiv > ul > li > ul > li {
    float: none;
    height: 40px;
    line-height: 40px;
}

/* 鼠标放在一级菜单上，显示二级菜单 */
.menuDiv > ul > li:hover ul {
    display: block;
}

/* 一级菜单 */
.menuDiv > ul > li > a {
    width: 120px;
    line-height: 40px;
    color: #000000;
    text-align: center;
    display: block;
}

.menuDiv > ul > li > a > span {
    font-size: 20px;
}

.menuleftDiv > ul > li > a {
    width: 144px;
    height: 35px;
    background-color: #E6A23C;
    color: black;
    display: block;
    float: top;
    text-align: center;
}


/* 在一级菜单中，第一个不设置左边框 */
.menuDiv > ul > li:first-child > a {
    border-left: none;
}

/* 在一级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > a:hover {
    color: #E6A23C;
    background-color: white;
}

.menuDiv > ul > li > ul {

}

/* 二级菜单 */
.menuDiv > ul > li > ul > li > a {
    width: 120px;
    line-height: 40px;
    height: 40px;
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    display: block;
}

/* 在二级菜单中，第一个设置顶边框 */
.menuDiv > ul > li > ul > li:first-child > a {
    border-top: 1px solid #E6A23C;
}

/* 在二级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > ul > li > a:hover {
    color: #FFFFFF;
    background-color: #E6A23C;
}

.menuDiv > ul > li > ul > li > a > span{
    width: 120px;
    line-height: 40px;
    height: 40px;
}



.on {
    color:#E6A23C !important;
}

/*————————————————————————————————— end ————————————————————————————————*/