.header {

    background-color: #000;

    width: 100%;

    height: 60px;

    padding-top: 30px;

}

.uploadImg{

    display: flex;

    margin-left: 30px;

}

/* .uploadImg .img-box{

    width: 100px;

    height: 100px;

    margin:0 10px;

    cursor: pointer;

} */

.uploadImg img{

   width: 100px;

   height: 100px;

    margin-right: 10px ;

    cursor: pointer;

}

/* .uploadImg .img-box:after{

    content: "删除";

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    position: absolute;

    z-index: 99;

    background-color:rgba(0, 0, 0, 0.3);

    width: 100px;

    height: 100px;

} */

.label-required-next:after {

    top: 10px;

    right: 5px;

    color: red;

    content: '*';

    position: absolute;

    margin-left: 4px;

    font-weight: 700;

    line-height: 1.8em;

}



.suspension {

    position: fixed;

    z-index: 9999;

    border-bottom: 1px solid #fff;

    /* background-color: rgba(0, 0, 0, 0.75);

    backdrop-filter: blur(5px);   */

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

}



.headerempty {

    width: 100%;

    height: 86px;

    display: inline-block;

    /* padding-top: 30px; */

}



.header .logo {

    width: 200px;

    height: 60px;

    float: left;

    text-align: center;

    margin-top: -10px;

}



.header .logo img {

    max-width: 200px;

}



.header .logo a {

    font-size: 50px;

    color: #ee9618;

    line-height: 50px;

}



.header .hotphone {

    font-size: 16px;

    width: 220px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ee9618;

    /* flex-direction: column; */

    font-weight: normal;

    line-height: 20px;

    position: absolute;

    left: 680px;

    top: -35px;

}



.header .hotphone .title {

    color: #fff;

}



.header .nav {

    float: left;

}



.mobile-icon {

    display: none;

}



.layui-nav {

    background-color: #000;

    

}



.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {

    height: 3px;

    background-color: #ee9618;

}



.layui-nav .layui-nav-item a {

    font-size: 16px;

    padding: 0 20px;

}



.layui-nav .layui-nav-item a:hover {

    color: #ee9618;

}



/*轮播图片*/



.swiper-container {

    width: 100%;

    background-color: #f5f5f5;

}



.swiper-container .swiper-wrapper .swiper-slide {

    text-align: center;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.swiper-container .swiper-button-prev {

    color: #f0f0f0;

    padding: 5px;

    background-color: rgba(0, 0, 0, 0.2);

}



.swiper-container .swiper-button-next {

    color: #f0f0f0;

    padding: 5px;

    background-color: rgba(0, 0, 0, 0.2);

}



.swiper-container .swiper-slide .bannerimg {

    width: 100%;

}



.swiper-container .swiper-slide .author-wrap {

    position: absolute;

    top: 20%;

    left: 10%;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    font-size: 28px;

    color: #fff;

}

.swiper-container .swiper-slide .author-wrap .title{

    font-size: 35px ;

    font-weight: bold;

    margin-bottom: 15px;

}

.container {

    width: 100%;

    background-color: #fafafc;

}



.purpose {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 50px 0;

    color: #000;

    flex-direction: column;

}



.purpose .maintitle {

    font-weight: bold;

    font-size: 25px;

}



.purpose .subtitle {

    color: #666;

    text-align: center;

    font-size: 16px;

    margin-top: 10px;

    line-height: 20px;

}



.itembox {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background-color: #fff;

    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 6%);

    padding: 50px 10px;

    margin-bottom: 50px;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

    cursor: pointer;

}



.itembox:hover {

    box-shadow: 0px 12px 15px 0px rgb(0, 0, 0, 0.3);

    ;

}



.itembox .maintitle {

    margin-top: 30px;

    font-size: 22px;

}



.itembox .subtitle {

    color: #666;

    text-align: center;

    font-size: 14px;

    margin-top: 10px;

    line-height: 25px;

    width: 88%;

}



.itembox img {

    margin-top: -90px;

    max-width: 80px;

}



.product {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    cursor: pointer;

}



.product .desc {

    font-size: 14px;

    color: #666;

}



.product .maopoint {

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-bottom-color: #ee9618;

}



.product img {

    margin-bottom: 5px;

    max-width: 60px;

}



.pdesc {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    border: 5px solid #ee9618;

    border-radius: 20px;

    margin-bottom: 50px;

    margin-top: 0;



}

.pdesc:first-child{



}

.pdesc .text {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    margin: 50px 0;

    opacity: 0;

}



.pdesc .text .button {

    width: 130px;

    height: 40px;

    background-color: #ee9618;

    border-radius: 20px;

    color: #fff;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.pdesc .text .title {

    font-weight: bold;

    font-size: 25px;

}



.pdesc .text .detail {

    font-size: 18px;

    color: #666;

    line-height: 30px;

    margin: 20px 0;

}



.pdesc .info{

    display: flex;

    align-items: center;

    justify-content: center;  

    opacity: 0;

}

.pdesc .info img {

    max-width: 100%;

}



/**客户改造项目**/



.client {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    margin-bottom: 20px;

    position: relative;

    overflow: hidden;

    cursor: pointer;

}



.client img {

   width: 100%;

   height: 175px;

}



.client .item-text {

    width: 90%;

    overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 8px 0;

    background-color: #fff;

    position: absolute;

    left: 10;

    bottom: 0;

    z-index: 44;

}



.client .item-desc {

    top: 1000px;

    left: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 33;

    background-color: rgba(238, 150, 24, 0.8);

    display: flex;

    align-items: center;

    justify-content: center;

}



.client .item-desc .box-text {

    line-height: 28px;

    color: #fff;

    width: 88%;

}



/**资讯**/



.news {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border: 1px solid #eaeaea;

    margin-bottom: 30px;

    cursor: pointer;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}



.news:hover {

    transform: scale(1.05);

}



.news .top {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}



.news .top .thumbnail {

   width: 100%;

   height: 200px;

}



.news .top .date {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    position: absolute;

    bottom: 0;

    right: 0;

    width: 60px;

    height: 75px;

    background-color: rgba( 0, 0, 0, 0.7);

    color: #fff;

}



.news .top .date .day {

    font-size: 22px;

    font-weight: bold;

}



.news .top .date .month {

    font-size: 14px;

}



.news .news-text {

    font-size: 14px;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    width: 88%;

    margin: 20px auto;

}



.news .news-text .title {

    color: #000;

    font-size: 16px;

    font-weight: bold;

    overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

    width: 100%;

}



.news .news-text .release {

    color: #9a9a99;

    margin: 10px 0;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 16px;

}



.readicon {

    max-width: 30px;

}



.readnum {

    font-size: 14px;

}



.line {

    margin-left: 10px;

    margin-right: 2px;

}



.news .news-text .desc {

    color: #666;

}



/**公司简介**/



.intros {

    background-image: url('../../static/bg1.jpg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.intros .text-intros {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 80%;

    margin: 0 auto;

    margin-bottom: 40px;

    line-height: 30px;

}



.intros .text-info {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    color: #000;

    margin: 50px 0;

}



.intros .text-info .title {

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 10px;

}



.intros .text-info .subtitle {

    font-size: 18px;

}



.intros .info {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    margin-bottom: 40px;

}



.intros .info .point {

    font-family: "PingFang SC", "SF Pro Text", "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", "Hiragino Sans GB", "黑体/STHeiti", SimHei, arial, sans-serif;

    font-size: 50px;

}



.intros .info .desc {

    font-size: 14px;

    font-weight: bold;

}



.contact {

    background-image: url('../../static/bg2.jpg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.contact .button-contact {

    width: 100px;

    height: 40px;

    background-color: #ee9618;

    border-radius: 10px;

    color: #fff;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 10px;

}



.bottom {

    background-color: #262a35;

    padding: 35px 0;

}



.bottom .wlw {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    color: #fff;

    flex-direction: column;

}



.bottom .wlw .title {

    font-weight: bold;

    font-size: 22px;

    margin-bottom: 10px;

}



.bottom .wlw .desc {

    color: #aaa;

    font-size: 16px;

    line-height: 25px;

}



.bottom .wlw .nav {

    display: flex;

    justify-content: center;

    align-items: center;

    line-height: 30px;

    flex-direction: column;

}



.bottom .wlw .nav a {

    color: #aaa;

    margin-left: 5px;

    font-size: 14px;

}



.bottom .wlw .nav a:hover {

    color: #ee9618;

}



.bottom .wlw .contact-info {

    display: flex;

    justify-content: center;

    align-items: flex-start;

    flex-direction: column;

    line-height: 30px;

    color: #aaa;

}



.bottom .link {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #aaa;

    font-size: 14px;

    margin: 10px 0;

}



.bottom .link a {

    color: #aaa;

}



.bottom .link a:hover {

    color: #ee9618;

}



.bottom .link span {

    margin: 0 5px;

}



.bottom .copy-right {

    border-top: 1px solid #aaa;

    padding: 10px 0;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    line-height: 28px;

}



.scroll-top {

    position: fixed;

    bottom: 50px;

    right: 0;

    width: 50px;

    height: 50px;

    background-color: #ee9618;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    z-index: 88;

}



.scroll-top .icon {

    color: #fff;

    font-weight: bold;

}



/**子页标题**/



.pagetitle {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    padding: 50px 0 20px 0;

    /* border-bottom :1px solid #000 ; */

}



.pagetitle .itemtitle {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

  width: 200px;

}



.pagetitle .itemtitle .bigtitle {

    font-size: 40px;

    background: #fff;

}



.pagetitle .itemtitle .smalltitle {

    font-size: 20px;

    background-color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 5px;

}



.pagetitle .line {

    position: absolute;

    left: 80px;

    width: 1px;

    height: 180px;

    background-color: black;

    transform: rotate(45deg);

    z-index: -1;

}

.pagetitle .location{

    display: flex;

    align-items:center ;

    justify-content: flex-end;

    width: 100%;

}

.pagetitle .location img{

    margin-right: 5px;

}

.pagetitle .location .pointer{

    margin: 0 5px;

}

.idea {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    color: #666;

}



.idea .title {

    font-size: 40px;

    font-weight: bold;

    color: #212121;

    padding: 28px 0;

    width: 100%;

    margin-bottom: 20px;

    border-bottom: 1px solid #f0f0f0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.idea .desc {

    line-height: 25px;

    font-size: 14px;

    margin-bottom: 20px;

}



.positions {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.positions .positions-item {

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: flex-start;

    flex-direction: column;

    padding: 10px 0;

    -webkit-transition: all .6s;

    transition: all .6s;

    cursor: pointer;

}



.positions .positions-item:hover {

    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);

}



.positions .positions-item .po-title {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 20px;

    width: 95%;

    margin: 10px auto;

    position: relative;

}



.positions .positions-item .po-title .line {

    background-color: #ee9618;

    width: 3px;

    height: 18px;

    position: absolute;

    left: -10px;

}



.positions .positions-item .po-title .realtitle {

    font-size: 16px;

    font-weight: bold;

    margin-left: 10px;

}



.positions .positions-item .po-desc {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    width: 95%;

    margin: 10px auto;

}



.positions .positions-item .po-desc .join-detail {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: 14px;

    margin: 5px;

}



.positions .positions-item .po-desc .join-detail .sub-desc {

    color: #666;

}



.positions .positions-item .require {

    border-top: 1px solid #e6e6e6;

    width: 95%;

    margin: 10px auto;

    display: none;

}



.positions .positions-item .require .subtitle {

    font-size: 18px;

    font-weight: bold;

    margin: 20px 0;

}



.positions .positions-item .require .require-text {

    color: #666;

    font-size: 14px;

    line-height: 28px;

}



/**新闻动态**/



.newspage {

    border-bottom: 1px solid #f0f0f0;

    padding: 20px;

    cursor: pointer;

    transition: all .6s;

    margin-top: 20px;

}



.newspage:hover {

    background-color: #f0f0f0;

}



.newspic {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    position: relative;

}



.newspic img {

    width: 100%;

    height: 150px;

}



.newspic .pic-date {

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    left: 0;

    top: 0;

    background-color: rgb(0, 0, 0, 0.7);

    color: #fff;

    padding: 5px;

}



.newspic .day {

    font-size: 22px;

    font-weight: bold;

    padding-top: 5px;

}



.newspic .year {

    padding-top: 5px;

    border-top: 1px solid #fff;

    width: 60px;

}



.news-content {

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    justify-content: center;

    line-height: 22px;

}



.news-content .more {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 10px 0;

    width: 65px;

    height: 25px;

    border: 1px solid #000;

    font-size: 14px;

    transition: all .6s;

}



.news-content .more:hover {

    color: #fff;

    background-color: #ee9618;

    border: 1px solid #ee9618;

}



.news-content .title {

    font-size: 18px;

    color: #000;

    font-weight: bold;

    margin-bottom: 10px;

}



.news-content .desc {

    font-size: 14px;

    color: #666;

}



.pagenav {

    display: flex;

    justify-content: center;

    align-content: center;

    margin: 30px 0;

    color: #999;

}



.pagenav .pre-page {

    margin-right: 5px;

    padding: 5px;

    border: 1px solid #eaeaea;

}



.pagenav .page-num {

    display: flex;

    justify-content: center;

    align-content: center;

}



.pagenav .page-num span {

    margin: 0 5px;

    padding: 8px;

    border: 1px solid #eaeaea;

}



.pagenav .next-page {

    margin-left: 5px;

    padding: 5px;

    border: 1px solid #eaeaea;

}



.news-page-detail {

    display: flex;

    justify-content: center;

    align-content: center;

    flex-direction: column;

    padding: 30px 0;

}



.news-page-detail .top {

    display: flex;

    justify-content: center;

    align-content: center;

    flex-direction: column;

    border-bottom: 1px solid #f0f0f0;

}



.news-page-detail .top .news-title {

    font-size: 28px;

    font-weight: bold;

}



.news-page-detail .top .news-info {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    color: #666;

    font-size: 14px;

    border-bottom: 1px solid #f0f0f0;

}



.news-page-detail .top .news-info img {

    max-width: 35px;

    margin-left: 8px;

}



.news-page-detail .top .news-biginfo {

    display: flex;

    justify-content: flex-start;

    align-content: center;

    color: #666;

    line-height: 25px;

    padding: 20px;

    flex-direction: column;

}

.news-page-detail .top .news-biginfo span img{

    max-width: 100%;

}

.news-bottom {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 30px;

}



.news-bottom .pre-news {

    padding: 5px;

    border: 1px solid #888;

    color: #888;

}



.news-bottom .next-news {

    padding: 5px;

    border: 1px solid #888;

    color: #888;

}



.page-product {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    padding: 30px 0;

}

.page-product .cooperation{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    font-size: 14px;

    color: #666;

}

.page-product .cooperation .cooptitle{

    margin: 10px;

    font-size: 22px;

    font-weight: bold;

    color: #000;

}

.page-product .product-info {

    margin: 20px 0;

    width: 100%;

}



.product-details {

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #eaeaea;

    padding: 10px;

    flex-direction: column;

    -webkit-transition: all .6s;

    transition: all .6s;

    cursor: pointer;

}



.product-details:hover {

    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.2);

    margin-top: -10px;

    color: #ee9618;

}



.product-details .pro-desc {

    padding-top: 10px;

}



.product-details img {

   width: 100%;

   height: 235px;

}



.page-product .navto {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 20px 0;

}



.page-product .navto span {

    margin-right: 10px;

    padding: 10px;

    color: #999;

    font-size: 14px;

    border: 1px solid #eaeaea;

}



.page-contact{

    display: flex;

    justify-content:center ;

    align-items:  flex-start;

    flex-direction: column;

    padding: 20px 0;

}



.page-contact .tip{

    font-size: 25px;

}

.page-contact .address{

    display: flex;

    justify-content:center ;

    align-items:  flex-start;

    flex-direction: column;

    font-size: 14px;

    margin: 10px 0;

    line-height: 25px;

    padding-bottom: 20px;

    border-bottom: 1px solid #f0f0f0;

    width: 100%;

} 

.page-contact .msg{

    width: 100%;

    margin: 30px 0;

}  

.page-service{

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 40px 0;

    flex-direction: column;

}

.page-service .page-maintitle{

    font-size: 25px;

    font-weight: bold;

}

.page-service .page-desc{

    color: #666;

    margin-top: 20px;

}

.page-service .page-subtitle{

    color: red;

    font-size: 14px;

    margin-top: 20px;

   margin-bottom: 50px;

}

.page-service .service-form{

    width: 100%;

    margin: 30px 0;

    position: relative;

}

.openlayer{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 99;

    cursor: pointer;

}

.page-service .problem{

width: 100%;

}

.page-service .problem-item{

    display: flex;

    justify-content: center;

    align-items: flex-start;

    flex-direction: column;

    font-size: 14px;

    line-height: 25px;

    color: #666;

    border-bottom:1px solid #f0f0f0 ;

    padding: 20px;

    -webkit-transition: all .6s;

    transition: all .6s;

    margin: 20px 0;

}

.page-service .problem-item:hover{

    background-color: #f0f0f0;

}

.page-service .problem-item .title{

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    font-weight: bold;

    padding-bottom: 20px ;

   color: #000;

}

.page-service .problem .manual{

    width: 130px;

    height: 40px;

    background-color: #ee9618;

    border-radius: 20px;

    color: #fff;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-transition:all .6s;

   transition:all .6s;

   cursor: pointer;

   margin: 20px 0;

}

.page-service .problem .manual:hover{

    box-shadow: 0 5px 15px   rgba(0,0,0, 0.3) ;

}

.page-intro{

    padding: 50px 10px;

    color: #666;

    line-height: 30px;

    font-size: 14px;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: flex-start;

}

.page-intro .intro-text{

    display: flex;

    width: 100%;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

}

.page-intro .intro-text span{

    margin: 10px 0;

    text-indent: 20px;

}

.page-intro .bottom-text{

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    width: 100%;

    

}

.page-intro .bottom-text span{

    margin: 10px 0;

    font-size: 18px;



    color: #000;

}

.page-prodetail{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 20px 0;

}

.page-prodetail .title{

    font-size: 22px;

    font-weight: bold;

    margin: 20px 0;

  

}

.page-prodetail .products{

    /* width: 330px; */

    /* height: auto; */

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    /* border: 1px solid #f0f0f0; */

  

}

.page-prodetail .products .bigpic{

   width: 100%;

   height: 260px;



}

.page-prodetail .products .smallpic{

    display: flex;

    margin-top: 20px;

    /* width: 100%;

    justify-content: flex-start;

    align-items: center; */

}

.page-prodetail .products .smallpic .itempic{

    width: 56px;

    height: 50px;

    margin-right: 10px;

    border: 1px solid #f0f0f0;

    cursor: pointer;

}

.page-prodetail .prointro{

   

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    

    width: 100%;

}

.page-prodetail .prointro .intro-title{

    font-size: 25px;

    font-weight: bold;

    margin-bottom: 10px;

}

.page-prodetail .prointro .intro-desc{

    color: #aaa;

    font-size: 14px;

    

}



.page-prodetail .detailinfo{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    width: 100%;

    font-size: 14px;

    color: #666;

}

.page-prodetail .detailinfo .navto{

    position: relative;

    width: 100%;

    height: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}

.page-prodetail .detailinfo .navto .navitem{

    padding: 10px 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ee9618;

    background-color: #fff;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border-top: 1px solid #ddd;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    left: 0;

    bottom: 0;

    position: absolute;

    z-index: 22;

}

.page-prodetail .detailinfo .navto .detailline{

    border-top: 1px solid #ddd;

    width: 100%;

    background-color: #fff;

    height: 10px;

    position: absolute;

    bottom: -10px;

  

    left: 0;

}

.page-prodetail .detailinfo  .detail-contents{

    width: 100%;

    margin-top: 20px;

}

.page-prodetail .detailinfo .detail-contents img{

    max-width: 100%;

}



.recommend{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 20px 0;

  

}

.recommend .r-item{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    width: 100%;

    margin-bottom: 20px;

}

.recommend .r-item .r-title{

    color: #000;

    border-bottom: 1px solid #000;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px 0;

    height: 20px;

    width: 100%;

    font-size: 22px;

    position: relative;

}

.recommend .r-item .r-title .r-more{

    font-size: 14px;

    font-weight: normal;

}

.recommend .r-item .r-title .r-title-line{

    position: absolute;

    left: 0;

    height: 2px;

    width: 32%;

    background-color: #ee9618;

    bottom:-1px ;

}

.recommend .r-item .r-info{

    display: flex;

    flex-direction: column;

    justify-content:center ;

    align-items:  flex-start;

    width: 100%;

    margin: 10px 0;

}

.recommend .r-item .r-info .newtitles{

    padding: 10px 0;

    border-bottom: 1px solid #f0f0f0;

    width: 100%;

    font-size: 14px;

    overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

    -webkit-transition: all .3s;

    transition:all .3s;

}

.recommend .r-item .r-info .newtitles:hover{

   transform: scale(1.1);

}

.recommend .r-item .r-info .pro-item{

    display: flex;

    flex-direction: column;

    justify-content:center ;

    align-items: center;

    width: 100%;

    margin: 5px 0;

    cursor: pointer;

}



.recommend .r-item .r-info .pro-item span{

    font-size: 12px;

    padding: 8px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

  

}

.recommend .r-item .r-info .pro-item img{

    width: 100%;

    height: 150px;

    border: 1px solid #f0f0f0;

    -webkit-transition: all .3s;

    transition: all .3s;

}

.recommend .r-item .r-info .pro-item img:hover{

    transform: scale(1.1);

}



.qrcode{

       width: 80%;

    margin: 10px auto;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}

.qrcode img{

    max-width: 120px;

    margin-bottom: 10px;

}

.qrcode .qr-desc{

    color: #aaa;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    line-height: 20px;

}

@media screen and (max-width: 1024px) {

    .header .logo {

        text-align: left;

    }

    .header .nav {

        display: none;

        width: 60%;

        position: absolute;

        z-index: 99;

        top: 59px;

        /* 如果需要缝隙，可将值调至61px */

        margin-right: -15px;

        right: 0;

    }

    .layui-nav {

        border-top-left-radius: 0;

        border-top-right-radius: 0;

    }

    .layui-nav .layui-nav-item a {

        font-size: 18px;

    }

    .header .nav li {

        width: 100%;

        text-align: center;

    }

    .mobile-icon {

        display: block;

        color: #FFF;

        font-size: 30px;

        float: right;

    }

    .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {

        /* height: 1px;

        background-color: #5FB878; */

        height: 0;

        background-color: none;

    }

    .header .hotphone {

        display: none;

    }

    .swiper-container .swiper-slide .author-wrap {

        font-size: 16px;

    }

    .swiper-container .swiper-slide .author-wrap .title{

        font-size: 16px;

    }

    

    /* .pdesc .info {

        display: none;

    }  */

    .intros .info .point {

        font-family: "PingFang SC", "SF Pro Text", "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", "Hiragino Sans GB", "黑体/STHeiti", SimHei, arial, sans-serif;

        font-size: 35px;

    }

    .intros .info .desc {

        font-size: 12px;

        font-weight: normal;

    }

    .bottom .wlw .nav {

        justify-content: space-between;

        flex-direction: row;

        flex-wrap: wrap;

    }

    .bottom .wlw .nav a {

        margin-right: 15px;

        margin-left: 0;

    }

    .pagetitle .location{

        display: none;

    }

    .news-bottom{

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }

    .news-bottom .pre-news{

        margin: 10px 0;

    }

}