@font-face{
    font-family: "思源宋体";
    src: url("../font/NotoSerifCJKsc-part-Regular.ttf");
}
@font-face{
    font-family: "思源宋体_Bold";
    src: url("../font/NotoSerifCJKsc-part-Bold.ttf");
}
body{
    height: auto;
    --essentials: #25729a;
    --secondarys: #c8dbe5;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #333333;
    background-color: #fff;
}
.page-body{min-width: 1200px;height: auto;padding: 0;background-color: #fff;}
* {-webkit-overflow-scrolling: touch;font-family: "微软雅黑";}
/*导航*/
.nav_bar{width: 100%;}
.nav_bar .inner{width: 100%;max-width: 1400px;height: 80px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.nav_bar .logo{height: 60px;}
.nav_bar .menu{display: flex;}
.nav_bar .menu span{line-height: 30px;display: inline-block;margin: 0 10px;padding: 0 10px;font-weight: bold;font-size: 17px;cursor: pointer;position: relative;}
.nav_bar .menu span:hover{color: var(--essentials);}
.nav_bar .menu span:hover::after{content: '';width: calc(100% - 30px);height: 3px;position: absolute;left: 15px;bottom: -5px;background-color: var(--essentials);}
.nav_bar .tool{width: 175px;display: flex;align-items: center;}
.nav_bar .tool img{width: 20px;height: 20px;margin-right: 30px;cursor: pointer;}
.nav_bar .tool div{line-height: 20px;color: var(--essentials);}
.nav_bar .tool div span{display: inline-block;padding: 0 15px;position: relative;cursor: pointer;}
.nav_bar .tool div span:first-child{}
.nav_bar .tool div span:first-child::after{content: '';width: 1px;height: 14px;position: absolute;right: 0;top: 3px;background-color: var(--essentials);}

.swiper-container1{width: 100%;max-height: 500px;}
/*.swiper-container1 .swiper-slide{background-size: cover;background-position: center;background-repeat: no-repeat;}*/
.swiper-container1 .swiper-wrapper{max-height: 500px;}
.swiper-container1 .swiper-slide img{width: 100%;}
.swiper-container1 .swiper-pagination-bullet-active{background: #fff !important;}

.banner_box{width: 100%;margin: 0 auto;margin-top: 30px;}
.banner_box img{width: 100%;}

/*产品中心*/
.product{width: 100%;height: auto;display: inline-block;background-image: url("../image/shading_blue.png");background-repeat: no-repeat;background-size: 33%;background-position: left 100px;}
.product .inner{width: 1200px;margin: 100px auto;}
.product .theme{width: 100%;height: 390px;display: flex;justify-content: space-between;}
.product .theme .theme_l{width: calc(100% - 860px);}
.product .theme .theme_l .subhead{margin-top: 90px;}
.product .theme .theme_l .subhead h3{color: var(--essentials);font-family: "思源宋体_Bold";font-size: 48px;font-weight: bold;}
.product .theme .theme_l .subhead h5{color: var(--secondarys);font-family: "思源宋体";font-size: 24px;}
.product .theme .theme_l button{width: 240px;height: 65px;margin-top: 60px;color: #fff;font-size: 24px;font-weight: bold;background-color: var(--essentials);border: 0;cursor: pointer;}
.product .theme .theme_r{width: 810px;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.product .goods{width: 100%;margin-top: 40px;}
.product .goods .classify{width: 100%;border-bottom: 1px solid #CFCFCF;display: flex;flex-wrap: nowrap;justify-content: center;overflow: hidden;}
/*.product .goods .classify .swiper{width: 100%;}*/
/*.product .goods .swiper-wrapper{display: flex;justify-content: center;}*/
.product .goods .classify span{width: auto !important;line-height: 50px;padding: 0 30px;color: #666;position: relative;display: inline-block;cursor: pointer;}
.product .goods .classify span.active{color: var(--essentials);}
.product .goods .classify span.active::after{content: '';width: calc(100% - 20px);height: 2px;position: absolute;right: 10px;bottom: 0;background-color: var(--essentials);}
.product .goods .good_box{width: 100%;height: 510px;margin-top: 40px;}
.product .goods .good_box .swiper-slide{height: 400px;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;}
.product .goods .good_box .info{width: calc(100% - 60px);height: 155px;padding: 30px;text-align: center;position: absolute;left: 30px;bottom: -100px;background-color: #fff;box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.05);box-sizing: border-box;}
.product .goods .good_box .info h5{line-height: 20px;color: var(--essentials);font-size: 16px;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product .goods .good_box .info span{line-height: 40px;color: #999;font-size: 16px;font-weight: bold;display: block;}
.product .goods .good_box .info button{width: 120px;height: 33px;margin-top: 12px;color: #fff;background-color: var(--essentials);border: 0;cursor: pointer;}
/*公司简介*/
.introduction{width: 100%;height: auto;display: inline-block;background-image: url("../image/shading_white.png");background-color: #F3F9FC;background-repeat: no-repeat;background-size: 33%;background-position: left top;}
.introduction .inner{width: 1200px;height: 710px;margin: 0 auto;display: flex;justify-content: space-between;}
.introduction .cont_l{width: calc(100% - 670px);}
.introduction .cont_l .subhead{margin-top: 90px;}
.introduction .cont_l .subhead h3{color: var(--essentials);font-family: "思源宋体_Bold";font-size: 48px;font-weight: bold;}
.introduction .cont_l .subhead h5{color: var(--secondarys);font-family: "思源宋体";font-size: 24px;}
.introduction .cont_l .intro{line-height: 30px;margin-top: 50px;font-size: 18px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}
.introduction .cont_l button{width: 240px;height: 65px;margin-top: 60px;color: #fff;font-size: 24px;font-weight: bold;background-color: var(--essentials);border: 0;cursor: pointer;}
.introduction .cont_r{width: 620px;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
/*公司动态*/
.trends{width: 100%;height: auto;display: inline-block;background-image: url("../image/shading_blue.png");background-repeat: no-repeat;background-size: 33%;background-position: right 100px;}
.trends .inner{width: 1200px;margin: 100px auto;}
.trends .theme{width: 100%;height: 390px;display: flex;justify-content: space-between;}
.trends .theme .theme_l{width: 810px;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.trends .theme .theme_r{width: calc(100% - 860px);text-align: right;}
.trends .theme .theme_r .subhead{margin-top: 90px;}
.trends .theme .theme_r .subhead h3{color: var(--essentials);font-family: "思源宋体_Bold";font-size: 48px;font-weight: bold;}
.trends .theme .theme_r .subhead h5{color: var(--secondarys);font-family: "思源宋体";font-size: 24px;}
.trends .theme .theme_r button{width: 240px;height: 65px;margin-top: 60px;color: #fff;font-size: 24px;font-weight: bold;background-color: var(--essentials);border: 0;cursor: pointer;}
.trends .news{width: 100%;height: 310px;margin-top: 60px;display: flex;justify-content: space-between;}
.trends .news .item{width: calc(33.33% - 20px);padding: 35px 30px;background-color: #fbfbfb;box-sizing: border-box;cursor: pointer;}
.trends .news .item h4{line-height: 25px;font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.trends .news .item .content{margin: 40px 0;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.trends .news .item .time{line-height: 20px;padding-top: 10px;font-size: 18px;color: #999;position: relative;}
.trends .news .item .time::before{content: '';width: 40px;height: 2px;position: absolute;left: 0;top: -10px;background-color: var(--essentials);}

.assurance{width: 100%;}
.assurance .inner{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.assurance .item{text-align: center;}
.assurance .item img{width: 65px;height: 65px;}
.assurance .item h6{line-height: 40px;}

.help{width: 100%;margin-top: 40px;}
.help .inner{width: 1200px;margin: 0 auto;padding: 50px 0;border-top: 1px solid #EBE9E9;display: flex;justify-content: space-between;}
.help .item{width: 20%;text-align: center;}
.help .item h6{margin-bottom: 10px;font-size: 18px;font-weight: bold;}
.help .item span{line-height: 30px;display: block;color: #666;}

.footer{width: 100%;padding: 40px 0;text-align: center;color: #D5D5D5;background-color: #282828;}
.footer .f_nav_bar{line-height: 20px;margin-bottom: 10px;display: flex;justify-content: center;}
.footer .f_nav_bar span{display: inline-block;padding: 0 10px;position: relative;cursor: pointer;}
.footer .f_nav_bar span:not(:last-child){margin-right: 1px;}
.footer .f_nav_bar span:not(:last-child)::after{content: '';width: 1px;height: 14px;position: absolute;right: -1px;top: 3px;background-color: #D5D5D5;}
.footer p{line-height: 40px;}
.footer img{width: 18px;height: 18px;}
.footer a{margin: 0 10px;color: #D5D5D5;cursor: pointer;}

/*侧边栏*/
.sidebar{width: 240px;margin-right: 30px;}
.sidebar > .item{width: 100%;height: auto;box-sizing: border-box;}
.sidebar > .item:not(:last-child){margin-bottom: 10px;}
.sidebar > .item .title{line-height: 40px;padding: 0 15px;font-size: 16px;color: #fff;font-family: "思源宋体_Bold";background-color: var(--essentials);display: flex;justify-content: space-between;box-sizing: border-box;cursor: pointer;}
.sidebar > .item .title i{font-size: 12px;}
.sidebar > .item .content{width: 100%;line-height: 20px;padding: 15px;font-size: 14px;border: 1px solid #D5D5D5;border-top: 0;box-sizing: border-box;}
.sidebar > .item .content > div{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 15;overflow: hidden;}
.sidebar > .item .content > div img{max-width: 100%;}
.sidebar .articletype .content{padding: 0;}
.sidebar .articletype .content div{width: 100%;line-height: 40px;padding: 0 15px;display: flex;align-items: center;box-sizing: border-box;transition: 0.5s;cursor: pointer;}
.sidebar .articletype .content div:not(:last-child){border-bottom: 1px solid #f1f2f5;}
.sidebar .articletype .content div:hover{background-color: #f1f2f5;}
.sidebar .articletype .content div .iconfont{width: 14px;height: 14px;line-height: 16px;margin-right: 10px;font-size: 20px;text-align: center;text-indent: -3px;color: #fff;background-color: var(--essentials);}
.sidebar .articletype .content div.active{color: var(--essentials);font-weight: bold;background-color: #f1f2f5;}

/*栏目标题*/
.column_title{width: 100%;line-height: 38px;padding: 0 15px;font-size: 22px;color: var(--essentials);font-family: "思源宋体_Bold";border-bottom: 2px solid var(--essentials);box-sizing: border-box;}

/*列表*/
.lists .cont_r{display: flex;flex-direction: column;align-items: center;}
.lists .list_box{width: 100%;padding: 0 20px;box-sizing: border-box;}
.lists .list_box .item{width: 100%;display: flex;padding: 30px 0;cursor: pointer;}
.lists .list_box .item:not(:last-child){border-bottom: 1px solid #D5D5D5;}
.lists .list_box .item .cover{width: 200px;height: 120px;margin-right: 20px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.lists .list_box .item .info{width: calc(100% - 220px);}
.lists .list_box .item .info div:nth-child(1){line-height: 20px;margin-bottom: 10px;font-size: 18px;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.lists .list_box .item .info div:nth-child(2){height: 60px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lists .list_box .item .info div:nth-child(3){line-height: 20px;margin-top: 10px;font-size: 16px;color: #999;}

.lists .glist_box{width: 100%;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.lists .glist_box .item{width: 25%;padding: 30px;cursor: pointer;display: flex;flex-direction: column;box-sizing: border-box;}
.lists .glist_box .item .cover{width: 100%;height: 170px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.lists .glist_box .item .info{width: 100%;display: flex;flex-direction: column;align-items: center;}
.lists .glist_box .item .info div:nth-child(1){line-height: 30px;text-align: center;font-size: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.lists .glist_box .item .info div:nth-child(2){line-height: 20px;text-align: center;font-size: 16px;font-weight: bold;color: #c51d23;}
.lists .glist_box .item .info button{width: 100px;height: 28px;margin-top: 12px;color: #fff;font-size: 12px;background-color: var(--essentials);border: 0;cursor: pointer;}

.detail .detail_cont{width: 100%;padding: 30px 20px;box-sizing: border-box;}
.detail .detail_cont .title{line-height: 40px;text-align: center;font-size: 24px;font-weight: bold;box-sizing: border-box;}
.detail .detail_cont .other{line-height: 20px;display: flex;justify-content: center;}
.detail .detail_cont .other span{display: inline-block;margin: 0 10px;}
.detail .detail_cont .basics{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.detail .detail_cont .basics .cover{margin-top: 40px;width: 50%;}
.detail .detail_cont .basics h5{line-height: 20px;margin-top: 20px;font-size: 24px;color: #c51d23;font-family: "思源宋体_Bold";}
.detail .detail_cont .basics .btn_box{margin-top: 30px;}
.detail .detail_cont .basics button{width: 130px;line-height: 35px;margin: 0 5px;font-size: 18px;color: #fff;font-family: "思源宋体_Bold";border: 0;border-radius: 4px;background-color: #c51d23;cursor: pointer;}
.detail .detail_cont .content{padding: 40px 0;}
.detail .detail_cont .content img{max-width: 100%;}
.detail .detail_cont .more{display: flex;color: #999;border-top: 1px dashed var(--essentials);}
.detail .detail_cont .more div{width: 50%;line-height: 50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.detail .detail_cont .more div:nth-child(2){text-align: right;}
.detail .detail_cont .more div span{cursor: pointer;}

.message_form{padding: 20px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.message_form .layui-row > div{margin: 10px 0;display: flex;align-items: flex-start;}
.message_form label{width: 80px;line-height: 40px;margin-right: 10px;text-align: right;font-size: 16px;font-family: "思源宋体";display: inline-block;}
.message_form input{width: calc(100% - 100px);height: 40px;padding: 0 10px;border: 1px solid #D5D5D5;box-sizing: border-box;}
.message_form textarea{width: calc(100% - 100px);height: 110px;line-height: 20px;padding: 10px;resize: none;border: 1px solid #D5D5D5;box-sizing: border-box;}
.message_form button{width: 200px;height: 40px;margin-top: 40px;color: #fff;font-size: 16px;font-family: "思源宋体";border: 0;background-color: var(--essentials);}

.login{width: 100%;background-color: var(--secondarys);}
.login .inner{width: 1200px;margin: 30px auto;padding: 50px 0;display: flex;justify-content: space-between;}
.login .illustration{width: calc(100% - 470px);display: flex;align-items: center;justify-content: center;}
.login .illustration img{width: 65%;}
.login .message_form{width: 390px;margin: 40px;padding: 20px 50px;background-color: #fff;box-sizing: border-box;}
.login .message_form .type_tab{width: 100%;height: 50px;margin-bottom: 20px;border-bottom: 1px solid #D5D5D5;display: flex;}
.login .message_form .type_tab div{width: 50%;line-height: 40px;text-align: center;font-size: 18px;color: #999;}
.login .message_form .type_tab div.active{color: var(--essentials);font-weight: bold;}
/*.login .message_form .layui-row > div{flex-direction: column;}*/
.login .message_form label{width: 40px;height: 40px;margin-right: 0;text-align: center;border: 1px solid #D5D5D5;border-right: 0;background-color: #f1f2f5;box-sizing: border-box;}
.login .message_form label i{line-height: 38px;font-size: 22px;color: #999;}
.login .message_form input{width: calc(100% - 40px);}
.login .message_form button{width: 100%;margin-top: 20px;margin-bottom: 40px;}


@media screen and (max-width: 1440px) {
    .nav_bar .menu span{margin: 0 8px;}
}
@media screen and (max-width: 1340px) {
    .nav_bar .menu span{margin: 0 7px;}
}