@charset "utf-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
menu,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
form,
th,
td {
    margin: 0;
    padding: 0;

}

@font-face {
    font-family: "HYC";
    src: url("https://hmltec.oss-cn-beijing.aliyuncs.com/zhaoshan/site/font/HYChangLiSongKeBen(Truing)W.ttf");
    font-weight: normal;
    font-style: normal;
}

.pageBox {
    min-height: 1860px
}

.zitiHYC {
    font-family: HYC !important;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 14px;
    font-weight: bold;
}

h3 {
    font-size: 14px;
}

h4,
h5,
h6 {
    font-size: 12px;
    font-weight: normal;
}

ul,
ol,
li {
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
}

a {
    text-decoration: none;

    position: relative;
}

a:hover {
    color: #ffffff !important;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

input,
button,
select,
textarea {
    outline: none;
}

textarea {
    font-size: 13px;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

hr {
    margin: 10px auto;
}

img {
    object-fit: cover;
}

.layui-main {
    width: 1438px;
}

.text-center {
    text-align: center;
}



.text-truncate2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-truncate3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-truncate4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.ckgd a {
    color: #939393
}

.ckgd:hover a:hover {
    color: #000
}

.ckgd:hover a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #000000;
    color: #000 !important;
    text-decoration: underline !important;
}

.header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 80px;
    background-color: rgba(0, 24, 33, .3);
    /* background-color: rgb(15, 108, 187); */
}

.header .head {
    height: 80px;
    width: 1438px;
    margin: 0 auto;
}

.logo {
    height: 50px;
    line-height: 50px;
    display: block;
}

.logo img {
    height: 50px;
}

.nav {
    height: 80px;
}

.nav .layui-nav {
    padding: 0;
}

.nav .layui-nav .layui-nav-item {
    float: left;
    text-align: center;
}

.nav .layui-nav .layui-nav-item a.c1 {
    color: #fff;
    line-height: 80px;
    padding: 0 21px;
    font-size: 16px;
}

.nav .layui-nav .layui-nav-item a.active {
    color: #E44147;
}

.nav .layui-nav .layui-nav-more {
    display: none;
}

.nav .layui-nav .layui-nav-bar {
    background-color: #F3E7D9;
}

.nav .layui-nav .layui-nav-item a:hover {
    color: #E44147;
}

.nav .layui-nav .layui-nav-item .layui-nav-child {
    background-color: #F3E7D9;
    top: 80px;
    border: solid 1px #F3E7D9;
    border-radius: 0 0 3px 3px;
}

.nav .layui-nav .layui-nav-item .layui-nav-child a:hover {
    color: #E44147;
}



span {
    /* display: block; */
    text-align: center;
}

section {

    text-align: center;
}

#banner {
    top: -80px;
}

.head-search .layui-form-label {
    padding: 0;
}

.head-search .layui-form-mid {
    padding: 0 !important;
    margin: 0;
}

.head-head-search .layui-form-mid .layui-btn {
    border-radius: 0 2px 2px 0;
}

.head-search .layui-input {
    border-right: none;
}

.head-search .layui-form-item .layui-input-inline {
    margin-right: 0;
    width: 300px;
}

.head-search .layui-form-select dl {
    top: 37px;
}

.head-search .layui-form-item .layui-form-select dl dd {
    text-align: center;
}

.head-search .layui-form-item {
    margin: 0;
}


/*搜索*/
.search-main {
    background-color: #F1F1F1;
    height: 40px;
    padding: 15px 0;
}

.search-main .hot-key {
    float: left;
    line-height: 40px;
    font-size: 16px;
}

.search-main .hot-key a {
    margin-right: 10px;
}

.search-main .search {
    float: right;
}

.search-main .search .layui-form-label {
    padding: 0;
}

.search-main .search .layui-form-mid {
    padding: 0 !important;
    margin: 0;
}

.search-main .search .layui-form-mid .layui-btn {
    border-radius: 0 2px 2px 0;
    background-color: #E44147;
}

.search-main .search .layui-input {
    border-right: none;
}

.search-main .search .layui-form-item .layui-input-inline {
    margin-right: 0;
    width: 300px;
}

.search-main .search .layui-form-select dl {
    top: 37px;
}

.search-main .search .layui-form-item .layui-form-select dl dd {
    text-align: center;
}

.search-main .search .layui-form-item {
    margin: 0;
}

/*版块标题*/
.dyui-main-header .header-title {
    margin: 10px auto 0;
    position: relative;
    text-align: center;
}

.dyui-main-header .header-title legend {
    line-height: 34px;
    margin: 0 auto;
    font-size: 34px;
    color: #E44147;
    font-weight: 400;
    position: relative;
    z-index: 99;
}

.dyui-main-header .header-title p {
    color: #A0A0A0;
    font-size: 16px;
    line-height: 30px;
    z-index: 999;
    position: relative;
    min-width: 100px;
    display: inline-block;
    margin-bottom: 15px;
}

.bodyCenter {
    width: 100%;
    margin-top: -80px;
    /*margin:0 auto;*/
    position: relative;

}




.jianjiemaskBox {
    position: absolute;
    width: 100%;
    height: 600px;
    top: 357px;

    overflow: hidden;
    background: url(https://hmltec.oss-cn-beijing.aliyuncs.com/zhaoshan/site/img/jjbg.png) repeat-y center;
}


/*首页公司简介*/
.home-about {
    padding: 56px 0;
    overflow: hidden;
    position: relative;
}

.home-about .dyui-main-header {
    margin: 0 0 30px;
}

.home-about .about-img {
    width: 440px;
    height: 640px;
    float: left;
    position: relative;
}

.home-about .about-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.home-about .about-img .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.home-about .about-img .shadow1 {
    top: 6px;
    left: 9px;
    background: rgba(44, 44, 44, .2);
}

.home-about .about-img .shadow2 {
    top: 11px;
    left: 17px;
    background: rgba(44, 44, 44, .1);
}

.home-about .about-img .shadow3 {
    top: 13px;
    left: 25px;
    background: rgba(44, 44, 44, 0.05);
}

.home-about .about-text {
    width: 858px;
    font-size: 18px;
    height: 20px;
    line-height: 180%;
    margin: 0 0 15px 0;
    box-sizing: border-box;
    float: right;
    padding-top: 74px;


}

.home-about .about-text .about-title {
    height: 70px;
    overflow: hidden;
}

.home-about .about-text .about-title .about-titleBox {
    width: 80%;
    height: 70px;
    background-color: "red";
    float: left;
}

.home-about .about-text .about-title .about-titleBox .titleText {
    font-weight: normal;
    font-size: 50px;
    line-height: 50px;
    margin-left: 75px;
    height: 52px;
    color: #0F0F0F;
    /*margin-top: 79px;*/
}

.home-about .about-text .about-title .about-titleBox .titleBottomImg {
    width: 854px;
    height: 14px;
}

.home-about .about-text .about-title .about-more a {

    background-color: "red";
    font-size: 24px;
    float: right;
    text-align: right;
}

.home-about .about-text .jianjie {
    margin-top: 79px;
    font-weight: 400;
    font-size: 18px;
    color: #0F0F0F;
    line-height: 42px;
}


/* 景区导览 */
.daolan {
    height: 884px;
    background: url(https://hmltec.oss-cn-beijing.aliyuncs.com/zhaoshan/site/img/new/bg2.jpg) no-repeat center;
    background-size: 1920px 884px;
    padding-top: 70px;
    box-sizing: border-box;
}

.daolan .hd {

    overflow: hidden;
    height: auto;
    color: #702b88;
    text-align: center;
    position: relative;
    padding-bottom: 12px;
    /* margin-top: -150px; */
}

.daolan .hd h3 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.daolan .hd p {
    font-size: 16px;
    color: #A0A0A0;
    line-height: 30px;
    margin-bottom: 15px;
}

.daolan_leftTitle {
    width: 535px;
    height: 540px;

}

.daolan_leftTitle img {
    width: 542px;
    height: 183px;

}

.daolan .right {
    position: relative;
}

.daolan .botton {
    position: absolute;
    width: 169px;
    height: 43px;
    top: 458px;
    left: 50%;
    transform: translateX(-50%);
}

.daolanMapBox {

    margin-left: 200px;
    width: 806px;
    height: 540px;
    position: relative;
    box-shadow: -1px 21px 32px 0px rgba(22, 54, 47, 0.64);
    border-radius: 10px;
    overflow: hidden;
}

.daolanMap {
    width: 100%;
    height: 100%;
}


.jingdian-scroll {
    position: relative;
    /*width: 100%;*/
    height: 880px;
    background: url(https://hmltec.oss-cn-beijing.aliyuncs.com/zhaoshan/site/img/dinggouBg.png) no-repeat center;
    background-size: 1920px 884px;
    padding-top: 70px;
    box-sizing: border-box;
}

.jingdian-scroll .layui-main {
    position: relative;
}

.bubble-stripes {
    width: 100%;
    height: 14px;
    background: #EFEFEF url(../images/stripes-divider.png) repeat-x left top;
}

.jingdian-scroll .hd {
    overflow: hidden;
    height: auto;
    color: #702b88;
    text-align: center;
    position: relative;
    padding-bottom: 12px;
    /* margin-top: -150px; */
}

.jingdian-scroll .hd h3 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.jingdian-scroll .hd p {
    font-size: 16px;
    color: #A0A0A0;
    line-height: 30px;
    margin-bottom: 15px;
}

.jingdian-scroll .prev,
.jingdian-scroll .next {
    display: block;
    width: 24px;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 430px;
    color: #fff;
    border: solid 3px #fff;
    font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.jingdian-scroll .prev {
    left: -80px;
}

.jingdian-scroll .next {
    right: 420px;
}

.jingdian-scroll .hd .prevStop {
    background-position: -60px 0;
}

.jingdian-scroll .hd .nextStop {
    background-position: -60px -50px;
}

.jingdian-scroll .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.jingdian-scroll .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("images/icoCircle.gif") 0 -9px no-repeat;
}

.jingdian-scroll .hd ul li.on {
    background-position: 0 0;
}

.jingdian-scroll .bd .bd_bottom {
    text-indent: 2em;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 31px;
}

.jingdian-scroll .bd {
    width: 913px;
    overflow: hidden;
}

.jingdian-scroll .bd .title1 {
    font-weight: normal;
    font-size: 40px;
    margin-top: 57px;
    color: #CB3D6C;
}

.jingdian-scroll .bd ul {
    width: 913px;
    overflow: hidden;
    zoom: 1;
}

.jingdian-scroll .bd ul li {
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    padding: 17px 7px 17px 7px;
}

.jingdian-scroll .bd ul li a {
    display: block;
    width: 913px;
}

.jingdian-scroll .bd ul li img {
    display: block;
}

.jingdian-scroll .bd ul li .con {
    height: auto;
    background-color: #fff;
    overflow: hidden;
    padding: 5px 10px;
}

.jingdian-scroll .bd ul li .t {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    border-bottom: solid 1px #ddd;
}

.jingdian-scroll .bd ul li .desc {
    font-size: 16px;
    height: 88px;
    line-height: 22px;
    overflow: hidden;
    padding: 10px 0 0;
    margin-bottom: 10px;
}

.jingdian-scroll .right {
    padding-top: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.jingdian-scroll .right .rightImgBox {

    width: 257px;
    height: 257px;
    background: #FFFFFF;
    box-shadow: 3px 21px 40px 0px rgba(203, 61, 108, 0.68);
    border-radius: 50%;
    padding: 20px;
    box-sizing: border-box;
}

.jingdian-scroll .right .rightImg {
    margin: 0 auto;
    width: 215px;
    height: 215px;

    border-radius: 50%;
}

.jingdian-scroll .right .rightText {
    margin-top: 22px;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
}



/* 攻略 */
.gl {}

.gl-list {}

.gl-Item {
    display: block;
    width: 696px;
    height: 229px;
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    margin-right: 45px;
    text-align: left;
}

.gl-Item img {
    width: 348px;
    height: 228px;
    object-fit: cover;
}

.gl-Item .colRight {
    box-sizing: border-box;
    padding: 38px 26px;
}

.gl-Item .colRight .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #838383;
}

.gl-Item .titleBox {
    height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 37px;
}

.gl-Item .titleBox .titleBox_left {
    width: 242px;
    font-weight: 400;
    font-size: 22px;
    color: #333;
}

.gl-Item .titleBox:hover .titleBox_left {
    color: #F23A66;
}

.gl-Item .titleBox .titlejt {
    font-size: 20px;
}

.gl-Item .titleBox img {
    width: 28px;
    height: 20px;
}

.gl .dyui-main-footer a {
    font-size: 24px;
}

/*合作LOGO*/
.home-photo {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30px 0 0px;
    color: #fff;
}

.home-photo .dyui-main-header .header-title legend {
    color: #fff;
}

.home-photo .dyui-main-header .header-title p {
    color: #A0A0A0;
}

.home-photo ul li {
    text-align: center;
}

.home-photo ul li .img {
    border: solid 2px #EDEDED;
    overflow: hidden
}

.home-photo ul li img {
    max-width: 100%;
}

.home-photo .dyui-main-body {
    padding: 40px 0;
    height: auto;
    overflow: hidden;
}

.home-photo .news-list {
    margin-top: 0px;
}

.home-photo .news-list img {
    width: 348px;
    height: 228px;
}

.home-photo .news-list li {
    padding: 0px 15px;
    border: none;
}

.home-photo .news-list li a {
    display: block;

}

.home-photo .news-list li a span {
    display: inline-block !important;
}



.home-photo .news-list .colRight {
    padding: 30px 15px;
}

/*首页新闻资讯*/
.home-news {
    padding: 50px 0 150px 0;
    overflow: hidden;
    /* background-color: #F3E7D9; */
}

.home-news .layui-tab {
    margin: 40px 0 0;
}

.home-news .layui-tab .layui-tab-title {
    text-align: center;
    border: none;
}

.home-news .layui-tab .layui-tab-title li {
    background-color: #CFCFCF;
    color: #fff;
    font-size: 16px;
    margin-right: 1px;
}

.home-news .layui-tab .layui-tab-title .layui-this {
    background-color: #E44147;
}

.home-news .layui-tab .layui-tab-title .layui-this:after {
    display: none;
}

.news-list li:hover .date1 {
    color: #000000 !important;
}

.home-news .newsLeft img {
    height: 446px
}

.home-news .news-list {
    margin-top: 0px;
}

.home-news .news-list li {
    padding: 0px 15px;
    border: none;
}

.home-news .news-list li a {
    display: block;
}

.home-news .layui-main .header-title p {
    margin-bottom: 75px;
}

.home-news .more {
    margin-top: 53px !important;
    font-size: 24px;
}


/*热门景点*/
.home-jingdian {
    width: 100%;
    padding: 0 0 60px 0;
}

.home-jingdian .dyui-main-header {
    color: #fff;
    padding: 60px 0 10px;
}

.home-jingdian .dyui-main-header .header-title legend {
    background: none;
}



.home-jingdian .dyui-main-body {
    overflow: hidden;
    padding: 0 0 40px;
}

.home-jingdian .dyui-main-body .about-titleBox {
    margin-bottom: 36px;
}

.home-jingdian .dyui-main-body .titleText {

    font-size: 30px;
}

.home-jingdian .dyui-main-body .titleBottomImg {

    width: 300px;
}

.home-jingdian .dyui-main-footer a {
    font-size: 24px;

}

.home-jingdian .dyui-main-footer {
    margin-bottom: 50px;

}

.home-jingdian {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.home-jingdian li img {
    width: 100%;
    border: solid 1px #eee;
    height: 239px;
}

.home-jingdian li .t {
    margin-top: 10px;
    height: 30px;
    line-height: 34px;
    overflow: hidden;
    font-size: 22px;
    text-align: center;
}

.home-jingdian li:hover img {
    border: solid 1px #f69e00;
}

.home-jingdian .more .layui-btn {
    background-color: #0F6DAF;
    font-size: 16px;
}


/*产品展示*/
.home-product {
    padding: 40px 0;
}

.home-product .dyui-main-body {
    padding: 50px 0 30px 0;
}

.home-product .layui-tab-content {
    padding: 50px 0 30px 0;
    overflow: hidden;
}

.layui-tab-product .layui-tab-title {
    text-align: center;
    border: solid 2px #E44147;
    height: 54px;
    border-radius: 100px;
    display: flex;
}

.layui-tab-product .layui-tab-title li {
    flex: 1;
    line-height: 54px;
    font-size: 16px;
}

.layui-tab-product .layui-tab-title .layui-this {
    background-color: #E44147;
    color: #fff;
    border-radius: 100px;
}

.layui-tab-product .layui-tab-title .layui-this:after {
    display: none;
}



@media screen and (min-width: 992px) {
    .layui-col-md12 .layui-col-md2 {
        width: 20%;
    }
}


.product-li li .thumb {
    float: left;
    width: 600px;
}

.product-li li .info {
    float: right;
    width: 510px;
}

.product-li li .info .t {
    font-size: 16px;
    background-color: #E44147;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
}

.product-li li .info .sn {
    font-size: 40px;
    color: #000;
    line-height: 50px;
    margin: 10px 0;
}

.product-li li .info .desc {
    font-size: 16px;
    line-height: 30px;
    height: 180px;
    overflow: hidden;
}

.product-li li .info .btn {
    width: 100%;
    margin-top: 25px;
}

.product-li li .info .btn .layui-btn {
    height: 60px;
    line-height: 60px;
    background-color: #E44147;
}

.product-li li .info .btn .layui-btn-primary {
    border: solid 3px #E44147;
    background: none;
    color: #E44147;
    font-size: 16px;
}

.product-li li .recommend {
    line-height: 30px;
    margin-top: 20px;
    font-size: 16px;
}

.product-li li .recommend a {
    color: #E44147;
    margin-right: 10px;
}


/*方案*/
.home-fangan {
    height: auto;
    overflow: hidden;
    padding: 20px 0 40px;
}

.home-fangan .dyui-main-body {
    overflow: hidden;
    padding: 20px 0;
}


.fangan-list li {
    height: auot;
    overflow: hidden;
    margin: 5px 0;
}

.fangan-list li .box {
    display: block;
    border-bottom: dashed 1px #DDD;
    padding: 10px 0;
    overflow: hidden;
}

.fangan-list li img {
    float: left;
    width: 230px;
    height: 170px;
    margin-right: 10px;
    border: solid 1px #eee;
}

.fangan-list li .t {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    color: #0056B1;
}

.fangan-list li .desc {
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    color: #666;
    font-size: 16px;
}

.fangan-list li .more {
    background-color: #0056B1;
    color: #fff;
    padding: 5px 12px;
    margin-top: 5px;
    display: inline-block;
    float: right;
}

.fangan-list li:hover img {
    border: solid 1px #FF6D00;
}

.fangan-list li:hover .more {
    background-color: #FF6D00;
}


/*视频列表*/
.video-list li {}

.video-list li img {
    width: 100%;
}

.video-list li .t {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
}

.video-list li:hover img {
    opacity: 0.8;
}

.video-list li:hover .t {
    color: #ff0d1a;
}


.x {
    margin-right: 60px;
}







.copyright {
    background-color: #0e5442;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
}

.copyright a {}

/*产品展示*/
.product {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #4a4747;
    padding-top: 30px;
}

.product ul {
    margin-left: -30px;
}

.product ul li {
    float: left;
    width: 360px;
    height: auto;
    overflow: hidden;
    margin: 30px 0 30px 30px;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}

.product ul li img {
    width: 360px;
    height: 360px;
    display: block;
}

.product ul li .t {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    margin: 0 15px;
    border-bottom: solid 1px #eee;
}

.product ul li .c {
    line-height: 180%;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    margin: 0 15px;
    padding: 10px 0;
}

.dyui-mainl {
    float: left;
    width: 230px;
    height: auto;
    overflow: hidden;
    margin-top: -60px;
    margin-bottom: 20px;
}

.dyui-mainr {
    float: right;
    width: 940px;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pdtit {
    height: 50px;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    width: 100%;
}

.pdtit h3 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #E44147;
    border-bottom: #E44147 solid 3px;
    padding: 0 10px;
}

.pdtit .weizhi {
    float: right;
    line-height: 50px;
    color: #666;
}

.pdcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 15px 0;
}

/*Bann*/
.bann {
    position: relative;
    top: -80px;
    width: 100%;
    height: 813px;
    overflow: hidden;
    background-size: 100% 100%
}

/*子栏目*/
.znav {
    background: url(../images/znav_bg.jpg) no-repeat center bottom #177042;
    padding-bottom: 80px;
}

.znav dt {
    background: #105C33;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
    font-size: 26px;
    color: #fff;
    border-bottom: solid 3px #0E522D;
}

.znav dd {}

.znav dd a {
    display: block;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.znav dd .active {
    color: #fff;
    background-color: #105C33;
}

.znav dd:hover a {
    color: #fff;
    background-color: #105C33;
}

.znav-tree .znav-tree-title {
    background: #01AAED;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
    font-size: 22px;
    color: #fff;
}

.znav-tree .layui-colla-title {
    background-color: #FAFAFA;
    padding: 0 35px 0 15px;
}

.znav-tree .layui-colla-title i {
    left: initial;
    right: 10px;
    top: 11px;
    background-color: #DEDEDE;
    color: #fff;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 10px;
}

.znav-tree .c2 li {
    background-color: #fff;
    border-bottom: solid 1px #eee;
    padding: 5px 0;
}

.znav-tree .c2 a {
    font-size: 14px;
}

.znav-tree .c2 .active {
    color: #FF5722;
}

/*三级分类*/
.znav-tree.layui-card {
    background: none;
}

.znav-tree .layui-card-header {
    background-color: #E44147;
    height: 60px;
    line-height: 60px;
    border: none;
    text-align: center;
}

.znav-tree .layui-card-header h3 {
    font-size: 22px;
    color: #fff;
}

.znav-tree .layui-card-header i {
    float: right;
    color: #fff;
    font-size: 30px;
}

.znav-tree .layui-card-body {
    border: solid 1px #ddd;
    border-top: none;
}

.znav-tree .layui-nav {
    background: none;
    width: 100% !important;
}

.znav-tree .layui-nav-tree .layui-nav-more {
    right: initial;
    left: 6px;
}

.znav-tree .layui-nav-item {
    margin-bottom: 10px;
}

.znav-tree .layui-nav-item .c1 {
    color: #333 !important;
    height: 26px;
    line-height: 26px;
    width: 26px;
    text-align: center;
    background-color: #DEDEDE;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
}

.znav-tree .layui-nav-item .c1:hover {
    background: #DEDEDE;
}

.znav-tree .layui-nav-item .layui-nav-more {
    border-color: #999 transparent transparent;
}

.znav-tree .layui-nav-item .c1:hover .layui-nav-more {
    border-color: #09893E transparent transparent;
}

.znav-tree .layui-nav-item .c1-h3 {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    background-color: #e8e8e8;
    padding-left: 20px;
}

.znav-tree .layui-nav-item .c1-h3:hover {
    background-color: #686868;
    color: #fff;
}

.znav-tree .layui-nav-mored,
.layui-nav-itemed>a .layui-nav-more {
    border-color: transparent transparent #ff532b !important;
}

.znav-tree .layui-nav-itemed .c1 {
    color: #1D7B46 !important;
}

.znav-tree .layui-nav-itemed .layui-nav-more {
    color: #ff532b !important;
}

.znav-tree .layui-nav-tree .layui-nav-bar {
    display: none !important;
}

.znav-tree .layui-nav-item .dl-c2 {
    padding: 5px 0 10px 0;
    background: #fff !important;
    box-sizing: border-box;
    border-top: solid 1px #e9e9e9;
}

.znav-tree .layui-nav-item .dl-c2 dd {
    margin-bottom: 5px;
}

.znav-tree .layui-nav-item a.c2 {
    color: #333 !important;
    height: 26px;
    line-height: 26px;
    width: 26px;
    text-align: center;
    background-color: #DEDEDE;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 7px;
    padding: 0;
}

.znav-tree .layui-nav-item a.c2 .layui-nav-more {
    color: #747474 !important;
}

.znav-tree .layui-nav-item .c2-h3 {
    height: 40px;
    line-height: 40px;
    color: #333;
    cursor: pointer;
    background-color: #f7f7f7;
    padding-left: 20px;
}

.znav-tree .layui-nav-item .dl-c3 {
    background: none !important;
}

.znav-tree .layui-nav-item a.c3 {
    color: #747474 !important;
    height: 30px;
    line-height: 30px;
}

.znav-tree .layui-nav-item a.c3 .layui-nav-more {
    color: #747474 !important;
}

.znav-tree .layui-nav-item .c3-h3 {
    height: 34px;
    line-height: 34px;
    color: #666;
    cursor: pointer;
    padding-left: 20px;
}

/*展开高亮*/
.znav-tree .layui-nav-itemed .c1-h3 {
    color: #fff;
    background-color: #686868;
}

.znav-tree .layui-nav-item .dl-c2 .layui-nav-itemed .c2-h3 {
    color: #ff532b;
}

.znav-tree .layui-nav-item .dl-c3 .layui-nav-itemed .c2-h3 {
    color: #ff532b;
}

.znav-tree .layui-nav-item .c1+.c1-h3,
.znav-tree .layui-nav-item .c2+.c2-h3,
.znav-tree .layui-nav-item .c3+.c3-h3 {
    margin-left: 0;
}

.kjnav {
    overflow: hidden;
    border-top: 5px #086 solid;
    margin: 30px 6px 6px 6px;
    box-shadow: 0 0 4px #ddd;
}

.kjnav ul {
    overflow: hidden;
    margin: 20px 0 0;
}

.kjnav ul li {
    float: left;
    width: 50%;
    text-align: center;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px;
}

.kjnav ul li p {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}

/*文章列表*/
.news-list li {
    height: auto;
    overflow: hidden;
    border-bottom: dashed 1px #DDD;
    margin: 5px 0 42px 0;
    padding: 15px 0 20px;
}

.news-list li img {
    float: left;
    width: 120px;
    height: 90px;
    margin-right: 10px;
    border: solid 1px #eee;
}

.news-list li .t {
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
}

.news-list li .date {
    color: #A0A0A0;
    font-size: 18px;
    margin-right: 20px;
    display: inline-block;

}

.news-list li .date1 {
    font-size: 50px;
    color: #999;
    margin-bottom: 13px;
    margin-top: 0px;
}

/*.news-list li .t .date {float: right; color: #666;}*/
.news-list li .desc {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #838383;
    font-size: 16px;
    margin-top: 16px
}

.news-list li .more {
    background-color: #0056B1;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    margin-top: 5px;
    display: inline-block;
    float: right;
}

.news-list li:hover .more {
    background-color: #FF6D00;
}

.news-list li .layui-badge {
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
}

.news-list.news-list-imgtop img {
    float: none;
    width: 550px;
    height: 350px;
}


/*文章列表-缩略图*/
.wzlb-pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: #d2d2d2 dotted 1px;
    padding: 22px 0;
}

.wzlb-pic dt {
    width: 160px;
    height: 120px;
    overflow: hidden;
    float: left;
}

.wzlb-pic dd {
    margin-left: 170px;
}

.wzlb-pic .t {
    width: 100%;
    line-height: 28px;
    color: #333333;
    height: 20px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}

.wzlb-pic .c {
    width: 100%;
    color: #989898;
    font-size: 14px;
    float: left;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 6px 0 10px;
}

.wzlb-pic .more {
    font-size: 13px;
    text-align: center;
    padding: 0 16px;
    display: inline-block;
    line-height: 26px;
    height: 26px;
    color: #FFFFFF;
    float: left;
    background: #f69e00;
}

/*详情*/
.show-title {
    line-height: 30px;
    width: 100%;
    color: #333333;
    text-align: center;
    font-size: 24px;
    overflow: hidden;
    margin: 15px 0;
}

.show-info {
    width: 100%;
    margin: 10px 0 20px;
    text-align: center;
    overflow: hidden;
    color: #666;
}

.show-info span {
    padding: 0 15px;
}

.show-content {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 200%;
    font-size: 15px;
    padding: 10px 0;
}

.show-content img {
    margin: 5px 0;
    max-width: 100%;
}

/*上下一篇*/
.updown {
    line-height: 200%;
    font-size: 14px;
    overflow: hidden;
}


/*视频列表*/
.splb {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.splb li {
    float: left;
    width: 260px;
    overflow: hidden;
    margin: 13px;
}

.splb li img {
    width: 258px;
    height: 150px;
    border: solid 1px #eee;
}

.splb li .t {
    height: 30px;
    line-height: 34px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}

.splb li .tb {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}

.splb li:hover img {
    border: solid 1px #f69e00;
}


/*图片列表*/
.photo-list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.photo-list li img {
    width: 100%;
    border: solid 1px #eee;
}

.photo-list li .t {
    height: 30px;
    line-height: 34px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}

.photo-list li:hover img {
    border: solid 1px #f69e00;
}

/*图片详情*/
.show-photo-gallery {
    height: 881px;
    width: 100%;
    margin-right: auto;
}

.show-photo-gallery .swiper-slide {
    background-size: cover;
    background-position: center;
}

.show-photo-gallery .gallery-top {
    height: 80%;
    width: 100%;
    background-color: #000
}

.show-photo-gallery .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.show-photo-gallery .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.8;
}

.show-photo-gallery .gallery-thumbs .swiper-slide img {
    border: solid 2px #ddd;
    padding: 1px;
    cursor: pointer;
}

.show-photo-gallery .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.show-photo-gallery .gallery-thumbs .swiper-slide-thumb-active img {
    border: solid 2px #008866;
}

/*产品列表*/
.product-list {
    height: auto;
    overflow: hidden;
}

.product-list li img {
    width: 100%;
}

.product-list li .img {
    border: solid 1px #eee;
}

.product-list li .t {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    background-color: #eee;
}

.product-list li .tb {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}

.product-list li:hover .img {
    border: solid 1px #f69e00;
}

.product-list li:hover .t {
    background-color: #f69e00;
    color: #fff;
}

/*产品详情*/

.preview-canshu {
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 15px 0;
}

.preview {
    width: 400px;
    height: 465px;
    margin: 0;
    float: left;
}

/* smallImg */
.smallImg {
    position: relative;
    height: 52px;
    margin-top: 1px;
    background-color: #F1F0F0;
    padding: 6px 5px;
    width: 392px;
    overflow: hidden;
    float: left;
}

.scrollbutton {
    width: 14px;
    height: 50px;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

.scrollbutton.smallImgUp,
.scrollbutton.smallImgUp.disabled {
    background: url(../images/d_08.png) no-repeat;
}

.scrollbutton.smallImgDown,
.scrollbutton.smallImgDown.disabled {
    background: url(../images/d_09.png) no-repeat;
    margin-left: 375px;
    margin-top: -50px;
}

#imageMenu {
    height: 50px;
    width: 360px;
    overflow: hidden;
    margin-left: 0;
    float: left;
}

#imageMenu li {
    height: 50px;
    width: 60px;
    overflow: hidden;
    float: left;
    text-align: center;
}

#imageMenu li img {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#imageMenu li#onlickImg img,
#imageMenu li:hover img {
    width: 44px;
    height: 44px;
    border: 3px solid #959595;
}

/* bigImg */
.bigImg {
    position: relative;
    float: left;
    width: 400px;
    height: 400px;
    overflow: hidden;
    border: solid 1px #eee;
}

.bigImg #midimg {
    width: 400px;
    height: 400px;
}

.bigImg #winSelector {
    width: 235px;
    height: 210px;
}

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}

/* bigView */
#bigView {
    position: absolute;
    border: 1px solid #959595;
    overflow: hidden;
    z-index: 999;
}

#bigView img {
    position: absolute;
}

.cpcanshu {
    padding-right: 10px;
    margin-left: 420px;
    height: auto;
    overflow: hidden;
}

.cpcanshu h1 {
    text-align: left;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

.cpcanshu .description {
    background-color: #f8f8f8;
    padding: 10px;
    overflow: hidden;
}

.cpcanshu p {
    line-height: 200%;
    overflow: hidden;
    border-bottom: solid 1px #eee;
}

.cpcanshu p.xinghao {
    height: 40px;
    line-height: 40px;
}

.bdshare {
    padding: 10px 0;
    overflow: hidden;
}

.content-dtit {
    border-bottom: solid 1px #ddd;
    height: auto;
    overflow: hidden;
    margin: 20px 15px 15px;
}

.content-dtit h3 {
    height: 40px;
    line-height: 40px;
    background-color: #eee;
    float: left;
    padding: 0 20px;
}

/*分页*/
.pager {
    text-align: center;
    margin: 20px 0;
}

.pager ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pager ul li {
    display: inline-block;
}

.pager ul li a {
    padding: 5px 15px;
    margin: 15px 5px;
    border: #dddddd solid 1px;
    display: inline-block;
}

.pager ul li a:hover {
    border: #f69e00 solid 1px
}

.pager ul .active a {
    border: #f69e00 solid 1px;
    display: inline-block;
    background-color: #f69e00;
    color: #fff;
}

/*招聘*/
.zhaopin-list {
    margin: 10px 0;
    overflow: hidden;
}

.zhaopin-list li {
    border-bottom: dashed 1px #ddd;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    color: #000;
    font-size: 16px;
}

.zhaopin-list li span {
    padding: 0 5px;
    color: #666;
}

.zhaopin-list li span.red {
    color: #f00;
}

.zhaopin-list li .time {
    float: right;
}

/*招聘详情*/
.zhaopin-info .dtit {
    border-bottom: solid 1px #5986db;
    font-weight: bold;
    color: #5986db;
    margin: 10px 0;
}

.zhaopin-info tr th {
    width: 120px;
}


/*留言反馈*/
.message {
    margin: 30px 0;
}

.layui-form .form-group {
    margin-bottom: 15px;
    clear: both;
}

.layui-form .form-group .control-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}

.layui-form .form-group .col-md-9 {
    margin-left: 110px;
    min-height: 36px;
}

.layui-form .form-group input.form-control {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border: solid 1px #C9C9C9;
    border-radius: 2px;
    display: block;
    width: 100%;
    padding-left: 10px;
}

.layui-form .form-group .layui-form-mid-code {
    padding: 0;
    float: left;
    display: block;
    line-height: 20px;
    margin-right: 10px;
}

.layui-form .form-group textarea.form-control {
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
    border: solid 1px #D2D2D2;
    display: block;
    border-radius: 2px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
}

/*联系方式风格1*/
.contact-skin1 {
    margin: 40px 0 0 0;
}

.contact-skin1 .layui-card-header {
    background-color: #E44147;
    padding: 20px;
    color: #fff;
    border-bottom: solid 3px #004779;
}

.contact-skin1 .layui-card-header i {
    font-size: 40px;
}

.contact-skin1 .layui-card-header .box {
    float: right;
}

.contact-skin1 .layui-card-header .box h3 {
    height: 20px;
    line-height: 14px;
    font-size: 20px;
}

.contact-skin1 .layui-card-header .box h4 {
    height: 20px;
    line-height: 24px;
    font-size: 24px;
}

.contact-skin1 .layui-card-body {
    border: solid 3px #EEE;
    background-color: #fff;
    border-top: none;
}

.contact-skin1 .layui-card-body dt {
    line-height: 30px;
    font-weight: bold;
}

.contact-skin1 .layui-card-body dd {
    margin-bottom: 10px;
    line-height: 160%;
}


.msg-main-box .fc-msg-info {
    padding-top: 20px
}

.msg-main-box .fc-msg-info .fc-msg-title {
    font-size: 16px;
    color: #f00
}

.msg-main-box .fc-msg-info .fc-msg-url {
    margin-top: 20px
}