header {
    margin: 0 .106667rem;
    position: relative;
}

.header-con {
    /* margin: .266667rem .266667rem 0 0; */
    margin: .266667rem;
    /* width: 346px; */
    /* width: 9.226667rem; */
}

.logo {
    width: 4.373333rem;
    height: .906667rem;
    margin-top: .053333rem;
}

.logo img {
    /* width: 164px;
    height: 34px; */
    width: 4.373333rem;
    height: .906667rem;
}

.nav-bar {
    /* width: 164px;
    height: 34px; */
    width: 4.373333rem;
    height: .906667rem;
}

#menu {
    /* width: 48px; */
    width: 1.066667rem;
    height: 1rem;
    /* background-color: #f00; */
    /* margin: .266667rem .266667rem 0 0; */
    float: right;
}

#menu i {
    display: block;
    /* font-size: 50px;
    color: #e6002f;
    height: 66px; */
    font-size: 1.333333rem;
    color: #333;
    height: 1.76rem;
    /* margin-top: -24px; */
    margin-top: -.64rem;
}


/*nav*/

.open {
    display: block;
}

nav {
    /* width: 84%; */
    /* width: 80%; */
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* margin-top: 18px; */
    position: fixed;
    z-index: 999;
    /* top: 34px; */
    top: 0px;
    left: 0px;
    display: none;
}

#starlist {
    /* display: none; */
    width: 80%;
    /* top: 30px; */
    height: 100vh;
    background: #12b7de;
}

#starlist li {
    font-size: .373333rem;
    /* width: 55%; */
    /* width: 80%; */
    width: 100%;
    text-align: center;
    /* background: #12b7de; */
    /* float: none; */
    display: block;
    /* font-weight: bold; */
    /* height: 40px; */
    height: 1.066667rem;
    line-height: 1.066667rem;
    border-bottom: #49ccea 1px solid;
}


/* #starlist li:last-child {
    padding-bottom: 100%
} */

#starlist li a {
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    float: none;
    padding: 0;
    background: #12b7de;
    border-bottom: #49ccea 1px solid;
}


/* m banner */

.swiper-slide img {
    width: 100%;
    /* height: 100%; */
}

.swiper-pagination-bullet {
    width: 13px;
    height: 6px;
    display: inline-block;
    background: #fff;
    opacity: .2;
    margin: 0 5px;
    border-radius: 20px;
    transition: opacity .5s, background-color .5s, width .5s;
    transition-delay: .5s, .5s, 0s;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
    width: .8rem;
    transition-delay: 0s;
}


/* .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0px;
} */


/* m about */

.m-about {
    margin: .8rem 0;
    font-size: .426667rem;
}

.m-about .m-about-con {
    margin: 0 .266667rem;
}

.m-about .m-about-more {
    display: block;
    /* width: 3.466667rem; */
    width: 2.986667rem;
    height: .906667rem;
    line-height: .906667rem;
    /* background-color: aqua; */
    background-color: #4b8ce3;
    margin: 0 auto;
    border-radius: 50px 50px;
    text-align: center;
}

.m-about .m-about-more .goto {
    color: #fff;
    font-size: .373333rem;
}

.m-about .m-about-more .icon-jiantou21 {
    color: #fff;
    font-size: .373333rem;
}

.m-about .m-about-con .content .title {
    text-align: center;
    font-weight: 600;
}

.m-about .m-about-con .content .nav-en {
    display: block;
    text-align: center;
    font-size: .32rem;
    color: #bbb;
    margin-top: .213333rem;
}

.m-about .m-about-con .content .desc {
    /* width: 540px; */
    /* height: 104px; */
    /* color: #b7b7b7; */
    font-size: .373333rem;
    line-height: .693333rem;
    text-align: justify;
    word-break: break-all;
    margin-top: .533333rem;
    margin-bottom: .533333rem;
    text-indent: .8rem;
    overflow: hidden;
}


/* m products */

.m-products {
    padding: 1.066667rem 0;
    background-color: #f4f4f4;
}

.m-products .m-prod-head {
    text-align: center;
}

.m-products .m-prod-head .m-prod-head-title {
    font-size: .533333rem;
    color: #030303;
    font-weight: 300;
    padding-bottom: .266667rem;
}

.m-products .m-prod-head .m-prod-head-desc {
    font-size: .373333rem;
    /* color: #999; */
    color: #b7b7b7;
    font-weight: 300;
    margin-bottom: .8rem;
}

.m-products .m-prod-body {
    margin: 0 .213333rem;
    overflow: hidden;
}

.m-products .m-prod-body li {
    width: 4.666667rem;
    /* width: 180px; */
    /* height: 3.786667rem; */
    /* background-color: #fff; */
    float: left;
    margin-right: .24rem;
    margin-bottom: .24rem;
    /* position: relative; */
    /* transition: .5s all ease; */
}

.m-products .m-prod-body li:nth-child(2),
.m-products .m-prod-body li:nth-child(4),
.m-products .m-prod-body li:nth-child(6) {
    margin-right: 0px;
}

.m-products .m-prod-body .m-prod-b-img {
    width: 4.666667rem;
    height: 3.706667rem;
    overflow: hidden;
}

.m-products .m-prod-body .m-prod-b-img img {
    width: 100%;
}

.m-products .m-prod-body .m-prod-b-con {
    width: 4.133333rem;
    /* height: 98px->70px; */
    height: 1.866667rem;
    padding: 0 .266667rem;
    background-color: #fff;
    /* position: absolute; */
    /* right: 0px; */
    /* bottom: 0px; */
    margin-right: .4rem;
    /* transition: .5s all ease; */
}

.m-products .m-prod-body .m-prod-b-con .m-prod-b-title {
    /* font-size: .426667rem;16px */
    font-size: .4rem;
    /* line-height: 50px; */
    line-height: 1.066667rem;
    color: #030303;
}

.m-products .m-prod-body .m-prod-b-con .m-prod-b-desc {
    font-size: .32rem;
    color: #b7b7b7;
    display: block;
    height: .64rem;
    overflow: hidden;
}


/* .m-products .m-prod-body .m-prod-b-con .m-prod-b-more {
    display: block;
    width: 56px;
    height: 56px;
    margin: 50px 0 50px 132px;
    border-radius: 28px;
    background-color: #fff;
    line-height: 56px;
    text-align: center;
    visibility: hidden;
}

.m-products .m-prod-body .m-prod-b-con .m-prod-b-more i {
    font-size: .746667rem;
    color: #e6002f;
} */


/* .m-products .m-prod-body li:hover .m-prod-b-con {
    padding: 30px;
    width: 320px;
    height: 240px;
    top: 0px;
    left: 0px;
    background-color: rgba(230, 0, 47, .7);
    overflow: hidden;
}

.m-products .m-prod-body li:hover .m-prod-b-con .m-prod-b-title a {
    color: #fff;
}

.m-products .m-prod-body li:hover .m-prod-b-con .m-prod-b-desc {
    color: #fff;
    height: 64px;
    overflow: hidden;
}

.m-products .m-prod-body li:hover .m-prod-b-con .m-prod-b-more {
    color: #fff;
    visibility: visible;
} */


/* m news */

.m-news {
    margin: 1.066667rem 0;
}

.m-news .m-news-head {
    text-align: center;
}

.m-news .m-news-head .m-news-head-title {
    font-size: .533333rem;
    color: #030303;
    font-weight: 300;
    padding-bottom: .266667rem;
}

.m-news .m-news-head .m-news-head-desc {
    /* font-size: 14px; */
    font-size: .373333rem;
    /* color: #999; */
    color: #b7b7b7;
    font-weight: 300;
    margin-bottom: 30px;
}

.m-news .m-news-body {
    margin: 0 .213333rem;
    overflow: hidden;
}

.m-news .m-news-body .item {
    float: left;
    /* width: 288px; */
    width: 4.666667rem;
    /* margin-right: 15px; */
    margin-right: .213333rem;
    /* transition: all .5s ease; */
    /* width: calc(100% / 3 - 15px);
    height: auto;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    position: relative;*/
    box-shadow: 0 0 0 rgba(0, 0, 0, .15);
}

.m-news .m-news-body .item:nth-child(2),
.m-news .m-news-body .item:nth-child(4) {
    margin-right: 0;
}

.m-news .m-news-body .item .m-news-item-img {
    /* width: 288px;
    height: 225px; */
    width: 4.666667rem;
    /* height: 4.106667rem; */
    /* height: 139px; */
    height: 3.706667rem;
    overflow: hidden;
}

.m-news .m-news-body .item .m-news-item-img a {
    display: block;
    /* width: 288px;
    height: 225px; */
    width: 4.666667rem;
    height: 3.706667rem;
    overflow: hidden;
}

.m-news .m-news-body .item .m-news-item-img img {
    width: 100%;
    /* transition: .5s all ease; */
}

.m-news .m-news-body .item .m-news-item-con {
    background-color: #f4f4f4;
    /* border: 1px solid #f4f4f4; */
    /* padding: 30px 20px; */
    padding: .32rem;
    margin-bottom: .213333rem;
    /* transition: all .36s ease; */
}

.m-news .m-news-body .item .m-news-item-con .m-news-i-c-title {
    /* font-size: 16px; */
    font-size: .4rem;
    margin-bottom: .16rem;
    /* color: #030303; */
    /* transition: all .5s ease; */
}

.m-news .m-news-body .item .m-news-item-con .m-news-i-c-info {
    font-size: .32rem;
    color: #b7b7b7;
    line-height: .64rem;
    /* height: 44px; */
    height: 1.173333rem;
    overflow: hidden;
    /* transition: all .5s ease; */
}


/*.m-news .m-news-body .item .m-news-item-more {
    transition: all .5s ease;
    border: 1px solid #f4f4f4;
    display: inline-block;
    line-height: 40px;
    color: #999;
    padding: 0 20px;
    width: 246px;
}


 .m-news .m-news-body .item .m-news-item-more i {
    font-size: 12px;
    margin-left: 6px;
    font-weight: bold;
}

.m-news .m-news-body .item:hover .m-news-item-img img {
    transform: scale(1.2, 1.2)
}

.m-news .m-news-body .item:hover .m-news-item-con {
    background-color: #e6002f;
    border: 1px solid #e6002f;
    color: #fff;
}

.m-news .m-news-body .item:hover .m-news-item-con .m-news-i-c-info,
.m-news .m-news-body .item:hover .m-news-item-con .m-news-i-c-title a {
    color: #fff;
}

.m-news .m-news-body .item:hover .m-news-item-more {
    border: 1px solid #e6002f;
    color: #e6002f;
} */


/* m footer */


/* m footer */

#m-footer {
    background-color: #1b1b1b;
}


/* .footer-con-hd {
    padding-top: 60px;
    padding-bottom: 14px;
    border-bottom: 1px solid #4f4f4f;
}

.footer-con-hd .title {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    float: left;
    margin-right: 10px;
}

.footer-con-hd .sub-title {
    font-size: 14px;
    color: #bbb;
    text-align: left;
    line-height: 38px;
} */

.footer-con-bd {
    /* padding-top: 50px;
    margin-bottom: 64px; */
    padding-top: 1.333333rem;
    /* margin-bottom: 1.706667rem; */
    margin-bottom: 1.333333rem;
}


/* .footer-con-bd .f-c-b-l {
    float: left;
} 

.footer-con-bd .f-c-b-l .contact_name {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 100;
    color: #fff;
}

.footer-con-bd .f-c-b-l .footer-logo {
    width: 248px;
    height: 51px;
    overflow: hidden;
}

.footer-con-bd .f-c-b-l .footer-social {
    padding-top: 50px;
    width: 248px;
    display: flex;
    justify-content: space-between;
}

.footer-con-bd .f-c-b-l .footer-social a {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background: rgba(183, 183, 183, .6);
}

.footer-con-bd .f-c-b-l .footer-social a i {
    font-size: 22px;
}

.footer-con-bd .f-c-b-l .footer-social a:hover {
    color: #e6002f;
    background: #fff;
}
*/

.footer-con-bd .f-c-b-m p,
.footer-con-bd .f-c-b-r p {
    /* width: 320px; */
    width: 8.533333rem;
    font-size: .32rem;
    /* height: .746667rem; */
    line-height: .746667rem;
    color: #989898;
    margin: 0 auto;
}


/* .footer-con-bd .f-c-b-m {
    float: left;
    margin-left: 140px;
}

.footer-con-bd .f-c-b-r {
    float: left;
    margin-left: 100px;
} */

.footer-con-bd .f-c-b-m .changzhi,
.footer-con-bd .f-c-b-r .banshichu {
    font-size: .4rem;
    color: #fff;
    margin-bottom: .213333rem;
}

.footer-bottom {
    background: #3f3f3f;
}

.footer-bottom .footer-b-con {
    /* max-width: 1200px;
    margin: 0 auto; */
    padding: .266667rem 0;
}

.footer-bottom .footer-b-con p,
.footer-bottom .footer-b-con p a {
    font-size: .32rem;
    color: #bbb;
    text-align: center;
    /* padding: 20px 0; */
}

.footer-bottom .footer-b-con p a:hover {
    color: #e6002f;
}


/* m about-detail */

.banner {
    /* width: 100%; */
    width: 10rem;
    overflow: hidden;
}

.banner img {
    width: 100%;
}

.d-about {
    /* margin-bottom: 80px; */
    /* margin-bottom: 2.133333rem; */
    margin: 0 .213333rem 2.133333rem .213333rem;
    /* margin-left: .213333rem; */
}

.d-about .d-about-con {
    width: 100%;
}

.d-about .d-about-con .content {
    /* width: 600px; */
    width: 9.573333rem;
}

.d-about .d-about-con .title {
    /* font-size: 30px; */
    font-size: .64rem;
    font-weight: 400;
    text-align: center;
    /* margin: 50px 0; 32*/
    margin: .853333rem 0;
}

.d-about .d-about-con .infos {
    /* width: 570px; */
    /* color: #bbb; */
    /* font-size: 16px; */
    font-size: .426667rem;
    /* line-height: 32px; */
    line-height: .853333rem;
    text-align: justify;
    word-break: break-all;
}

.d-about .d-about-con .infos p {
    /* margin-top: 30px; */
    text-indent: 2em;
    /* margin-bottom: 30px; */
    margin: .533333rem 0;
}

.d-about .d-about-con .shebei {
    /* width: 600px;
    height: 391px; */
    width: 9.573333rem;
    height: 6.24rem;
    /* float: left; */
    overflow: hidden;
    /* margin-bottom: .533333rem; */
}

.d-about .d-about-con .shebei img {
    width: 9.573333rem;
    /* transition: .5s all ease; */
}


/* .d-about .d-about-con .shebei:hover img {
    transform: scale(1.2, 1.2)
} */

.shengchanxian {
    margin-top: 30px;
    margin-bottom: 60px;
}


/* .shengchanxian-title {
    font-size: 20px;
    margin: 50px 0;
} */


/* .shengchanxian ul {
    display: flex;
    justify-content: space-between;
} */

.shengchanxian li {
    width: 9.573333rem;
}

.shengchanxian li img {
    width: 100%;
}

.shengchanxian .pic-info {
    /* font-size: 18px; */
    font-size: .48rem;
    text-align: center;
    /* height: 80px; */
    height: 1.866667rem;
    line-height: 1.866667rem;
}


/* crumb-nav */

.crumb-nav {
    border-bottom: 1px rgba(232, 232, 230, 0.5) solid;
    line-height: 1.226667rem;
    /*46px*/
    /* line-height: 66px; */
    /* margin-bottom: 20px; */
    /* font-size: 14px; */
    margin-bottom: .533333rem;
    font-size: .373333rem;
}

.crumb-nav a {
    color: #333;
    padding: 0 .266667rem 0 0;
}

.crumb-nav a:nth-child(2) {
    padding-left: .266667rem;
}

.crumb-nav span {
    padding-left: .266667rem;
}

.crumb-nav a:hover {
    color: #e6002f;
}


/* m */

.products-sub {
    /* margin-top: 30px; */
    position: relative;
}

.products-sub #ca-nav {
    width: 1rem;
    height: 1rem;
    /* background-color: blueviolet; */
    position: absolute;
    /* right: 8px; */
    /* top: 16px; */
    /* right: 15px;
    top: -4px; */
    right: .4rem;
    top: -.106667rem;
}

.products-sub #ca-nav i {
    display: block;
    /* font-size: 32px; */
    color: #333;
    font-size: .853333rem;
}

#mark {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    /* margin-top: 18px; */
    position: fixed;
    /* z-index: 999; */
    /* top: 34px; */
    top: 0px;
    left: 0px;
    display: none;
}

.products-sub-left {
    width: 260px;
    margin-bottom: 60px;
    background-color: #f9f9f9;
    position: absolute;
    right: -270px;
    top: 53px;
    display: none;
}

.products-sub-left .category-head {
    width: 260px;
    /* height: 140px; */
    background-color: #e6002f;
}

.products-sub-left .category-head .title {
    /* margin-left: 31px;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 8px;
    padding-top: 42px;
    width: 158px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    letter-spacing: 1px;
    color: #fff; */
    /* font-size: 20px;
    padding: 35px 0 0 39px;
    color: #fff; */
    font-size: 17px;
    padding: 10px 0 10px 11px;
    color: #fff;
    width: 130px;
}

.products-sub-left .category-head span {
    font: 30px/30px impact;
    color: #fff;
    padding-left: 39px;
    padding-top: 6px;
    display: block;
    text-transform: uppercase;
}

.products-sub-left .category-body {
    /* padding-top: 10px; */
    /* padding-bottom: 30px; */
    min-height: 224px;
    /* padding-left: 15px; */
    /* width: 232px; */
    /* float: left; */
    /* text-align: left; */
    /* border-radius: 0px 0px 3px 3px; */
}

.products-sub-left .category-body li {
    font-size: 14px;
    /* height: auto;
    position: relative;
    float: none;
    display: block; 
    margin-top: 1px;*/
    margin-bottom: 1px;
    line-height: 43px;
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 0 15px;
    /* margin-right: 16px; */
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.products-sub-left .category-body li a {
    display: block;
}

.products-sub-left .category-body li:nth-child(odd) {
    background: #f3f3f3;
}

.products-sub-left .category-body li:hover {
    background-color: #e6002f;
    color: #fff;
}

.products-sub-left .category-body li:hover a {
    color: #fff;
}

.products-sub-right {
    /* width: 900px; */
    width: 9.573333rem;
    margin: 0 .213333rem;
}

.products-sub-right .products-lists {
    overflow: hidden;
}

.products-sub-right .products-lists li {
    /* width: 280px;
    height: 300px; */
    width: 4.666667rem;
    /* height: 3.786667rem; */
    float: left;
    /* margin-right: 30px; */
    /* margin-bottom: 40px; */
    margin-right: .213333rem;
    margin-bottom: .213333rem;
    /* position: relative;
    transition: .5s all ease; */
}

.products-sub-right .products-lists .prod-body li:nth-child(2),
.products-sub-right .products-lists .prod-body li:nth-child(4),
.products-sub-right .products-lists .prod-body li:nth-child(6) {
    margin-right: 0px;
}

.products-sub-right .products-lists .prod-body .prod-b-img {
    /* width: 280px;
    height: 204px; */
    width: 4.666667rem;
    /* height: 3.786667rem; */
    /* height: 142px; */
    height: 3.68rem;
    overflow: hidden;
}

.products-sub-right .products-lists .prod-body .prod-b-img img {
    /* width: 280px; */
    /* height: 204px; */
    /* object-fit: cover; */
    width: 100%;
    overflow: hidden;
}

.products-sub-right .products-lists .prod-body .prod-b-con {
    /* width: 220px;
    height: 98px; */
    width: 4.133333rem;
    /* height: 98px;
    padding: 0 30px; */
    height: 1.866667rem;
    padding: 0 .266667rem;
    background-color: #f4f4f4;
    /* position: absolute;
    right: 0px;
    bottom: 0px;
    transition: .5s all ease; */
}

.products-sub-right .products-lists .prod-body .prod-b-con .prod-b-title {
    /* font-size: 16px; */
    font-size: .4rem;
    line-height: 1.066667rem;
    color: #030303;
}

.products-sub-right .products-lists .prod-body .prod-b-con .prod-b-desc {
    font-size: .32rem;
    color: #b7b7b7;
    display: block;
    /* height: 24px; */
    height: .64rem;
    overflow: hidden;
}


/* .products-sub-right .products-lists .prod-body .prod-b-con .prod-b-more {
    display: block;
    width: 56px;
    height: 56px;
    margin: 50px 0 50px 80px;
    border-radius: 28px;
    background-color: #fff;
    line-height: 56px;
    text-align: center;
    visibility: hidden;
}

.products-sub-right .products-lists .prod-body .prod-b-con .prod-b-more i {
    font-size: 28px;
    color: #e6002f;
}

.products-sub-right .products-lists .prod-body li:hover .prod-b-con {
    padding: 30px;
    width: 220px;
    height: 240px;
    background-color: rgba(230, 0, 47, .7);
    overflow: hidden;
}

.products-sub-right .products-lists .prod-body li:hover .prod-b-con .prod-b-title a {
    color: #fff;
}

.products-sub-right .products-lists .prod-body li:hover .prod-b-con .prod-b-desc {
    color: #fff;
    height: 64px;
    overflow: hidden;
}

.products-sub-right .products-lists .prod-body li:hover .prod-b-con .prod-b-more {
    color: #fff;
    visibility: visible;
} */


/* products-details */

.product-details {
    /* margin-bottom: 50px; */
    margin-bottom: 1.333333rem;
}

.product-details .pro-deta-title {
    font-size: .533333rem;
    /* margin: 1.066667rem 0;(40px)(26px) */
    margin: .693333rem 0;
    text-align: center;
}

.product-details .pro-deta-desc {
    /* background-color: #f9f9f9; */
    background-color: #9fd2fd;
    padding: .533333rem;
    font-size: .373333rem;
    line-height: .8rem;
    text-align: justify;
    word-break: break-all;
}

.product-details .pro-deta-content {
    font-size: .426667rem;
    text-indent: 2em;
    line-height: .8rem;
    text-align: justify;
    word-break: break-all;
}

.product-details .pro-deta-content img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-indent: 0;
}

.product-details .pro-deta-content p img {
    width: 100% !important;
    height: auto !important;
    text-indent: 0;
    display: block !important;
}

.product-details .pro-deta-content p {
    margin: .533333rem 0;
}


/* fenye */

.fenye {
    /* height: 30px; */
    /* margin: 40px 0; */
    margin: 1.066667rem 0;
}

.page {
    /* margin-top: 20px; */
    /* text-align: center; */
    font-size: .32rem;
    margin-left: .213333rem;
}

.page a {
    display: inline-block;
    background: #fff 0 0 no-repeat;
    color: #888;
    padding: .213333rem;
    min-width: .266667rem;
    border: 1px solid #E2E2E2;
}

.page span {
    display: inline-block;
    padding: .213333rem;
    min-width: .266667rem;
    border: 1px solid #E2E2E2;
}

.page span.current {
    display: inline-block;
    background: #009688 0 0 no-repeat;
    color: #fff;
    /* padding: 10px;
    min-width: 15px; */
    padding: .213333rem;
    min-width: .266667rem;
    border: 1px solid #009688;
}

.page .pagination li {
    display: inline-block;
    margin-right: .133333rem;
    text-align: center;
}

.page .pagination li.active span {
    background: #009688 0 0 no-repeat;
    color: #fff;
    border: 1px solid #009688;
}


/* news-collection */

.news-collection {
    margin: 0 .213333rem;
}

.news-collection .news-lists {
    /* margin: 0 .213333rem; */
    width: 9.573333rem;
    overflow: hidden;
}

.news-collection .news-lists .item {
    /* transition: all .5s ease; */
    box-shadow: 0 0 0 rgba(0, 0, 0, .15);
    margin-bottom: .533333rem;
    border-bottom: 1px rgba(232, 232, 230, 0.5) solid;
    padding-bottom: .533333rem;
}

.news-collection .news-lists .item:last-child {
    margin-bottom: 0px;
}

.news-collection .news-lists .item .news-item-img {
    /* width: 288px;
    height: 225px; */
    /* width: 175px;
    height: 154px; */
    /* width: 4.666667rem; */
    width: 3.786667rem;
    height: 2.986667rem;
    overflow: hidden;
}

.news-collection .news-lists .item .news-item-img a {
    display: block;
    width: 3.786667rem;
    height: 2.986667rem;
    overflow: hidden;
}

.news-collection .news-lists .item .news-item-img img {
    /* width: 288px; */
    width: 100%;
    /* transition: .5s all ease; */
}

.news-collection .news-lists .item .news-item-con {
    /* width: 872px; */
    /* background-color: #f4f4f4; */
    /* border: 1px solid #f4f4f4; */
    /* padding: 30px 20px; */
    /* transition: all .36s ease; */
    /* width: 4.64rem 149; */
    width: 5.573333rem;
    margin-left: .213333rem;
}

.news-collection .news-lists .item .news-item-con .news-i-c-title {
    /* font-size: 16px; */
    font-size: .4rem;
    /* margin-bottom: 14px; */
    margin-bottom: .16rem;
    /* color: #030303; */
    /* transition: all .5s ease; */
}

.news-collection .news-lists .item .news-item-con .news-i-c-info {
    font-size: .32rem;
    color: #b7b7b7;
    line-height: .64rem;
    /* height: 44px; */
    /* height: 3.36rem; */
    /* height: 78px; */
    height: 2.026667rem;
    text-align: justify;
    overflow: hidden;
    /* transition: all .5s ease; */
}


/* .news-collection .news-lists .item .news-item-more {
    transition: all .5s ease;
    border: 1px solid #f4f4f4;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    color: #999;
    padding: 0 28px;
    margin-top: 34px;
}

.news-collection .news-lists .item .news-item-more i {
    font-size: 12px;
    margin-left: 6px;
    font-weight: bold;
}

.news-collection .news-lists .item:hover .news-item-img img {
    transform: scale(1.2, 1.2)
}

.news-collection .news-lists .item:hover .news-item-more {
    border: 1px solid #e6002f;
    color: #e6002f;
}

.news-collection .news-lists .item:hover .news-item-con .news-i-c-title a {
    color: #e6002f;
} */


/* news-details */

.news-details {
    /* margin-bottom: 60px; */
    margin: 0 .213333rem;
    margin-bottom: 1.333333rem;
}

.news-details .news-deta-title {
    /* font-size: 20px; */
    font-size: .533333rem;
    margin: .533333rem 0;
    text-align: center;
}

.news-details .news-deta-desc {
    /* background-color: #f9f9f9; */
    background-color: #9fd2fd;
    /* padding: 30px;
    font-size: 15px;
    line-height: 30px; */
    padding: .533333rem;
    font-size: .373333rem;
    line-height: .8rem;
    text-align: justify;
    word-break: break-all;
}

.news-details .news-deta-content {
    font-size: .426667rem;
    text-indent: 2em;
    line-height: .8rem;
    text-align: justify;
    word-break: break-all;
}

.news-details .news-deta-content h2 {
    font-weight: bold;
    margin: .75em;
}

.news-details .news-deta-content p {
    margin: .533333rem 0;
}

.news-details .news-deta-content img {
    /* display: inline;
    width: 100%; */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-indent: 0;
}

.news-details .news-deta-content p img {
    /* display: inline;
    width: 100%; */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-indent: 0;
}

.news-details .news-deta-content img[src^="http://img.baidu.com"] {
    width: 7% !important;
}


/* m  books */

.books {
    margin: 0 .213333rem;
    /* margin-bottom: 80px; */
    margin-bottom: 2.133333rem;
}

.books-con {
    /* margin-top: 60px; */
    margin-top: .8rem;
}

.books-con h1 {
    /* font-size: 24px; */
    font-size: .533333rem;
    font-weight: 400;
    color: #4b4b4b;
    /* margin-bottom: 30px; */
    margin-bottom: .533333rem;
    /* margin-left: 10px; */
}


/* .books-con .books-main {
    width: 570px; 
    margin: 0 auto; 
    margin: 0 .213333rem;
} */


/* .form-box label {
    float: left;
    display: block;
    width: 70px;
    text-align: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
} */

.books-con .books-main .form-box {
    /* width: 570px; */
    width: 9.573333rem;
}

.books-con .books-main .form-box .from-item {
    /* margin-bottom: 30px; */
    margin-bottom: .533333rem;
    /* width: 9.573333rem /359; */
    /* width: 342px; */
}


/* .form-box div[class*=twoform-input] {
    margin-left: 75px;
} */

.books-con .books-main .form-box .from-item .form-input,
.books-con .books-main .form-box .from-item .form-input2 {
    font-size: .373333rem;
    border-radius: .053333rem;
    width: 100%;
    text-indent: .266667rem;
    border: 1px solid #d7d7d7;
    height: 1.066667rem;
    line-height: 1.066667rem;
}

.books-con .books-main .form-box .from-item .form-textarea {
    font-size: .373333rem;
    display: block;
    /* width: inherit; */
    /* height: inherit; */
    resize: none;
    /* height: 92px; */
    padding: .16rem .266667rem;
    /* background: none; */
    /* text-indent: 10px; */
    border: 1px solid #d7d7d7;
    /* width: 358px; */
    width: calc(100% - 20px);
}

.books-con .books-main .form-box .from-item .form-input2 {
    width: 42%;
}

.books-con .books-main .form-box .from-item .form-input:focus,
.books-con .books-main .form-box .from-item .form-input2:focus,
.books-con .books-main .form-box .from-item .form-textarea:focus {
    line-height: .533333rem;
    border-color: #66afe9;
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) */
}

.books-con .books-main .form-box .from-item .sendcode {
    float: right;
    /* width: 35%; */
    width: 56%;
    height: 1.12rem;
    margin: 0 auto;
    /* background-color: #d7d7d7; */
    color: #fff;
    border-radius: 2px;
    font-size: .373333rem;
    /* margin-top: -40px; */
}

.books-con .books-main .form-box .from-item .sendcode img {
    width: 5.333333rem;
    height: 1.12rem;
}


/* .books-con .books-main .form-box .from-item .sendcode:hover {
    background: #c5c5c5
} */

.books-con .books-main .btn-box {
    /* width: 420px;
    height: 46px;
    margin: 30px 0; */
    /* width: 420px; */
    height: 1.226667rem;
    margin: .8rem 0;
}

.books-con .books-main .btn-box .btn {
    /* width: 420px; */
    /* height: 46px; */
    height: 1.226667rem;
    margin: 0 auto;
    /* background-color: #dd3635; */
    background-color: #e6002f;
    color: #fff;
    border-radius: 2px;
    font-size: .373333rem;
}

.books-con .books-main .btn-box .btn:hover {
    background-color: #df4646;
}


/* contact */

.contact {
    margin: 0 .213333rem;
}

.contact .contact-about {
    color: #999;
    /* font-size: 16px; */
    font-size: .373333rem;
    line-height: .8rem;
    text-align: justify;
    /* padding: 30px 18px; */
    padding: .48rem;
    border-color: rgb(248, 251, 255);
    background-color: rgb(248, 251, 255);
    text-indent: 2em;
}

.contact .contact-info {
    margin: 1.066667rem 0;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, .08); */
}

.contact .contact-con dl {
    margin: 16px 0;
    /* width: 33.24%; */
    /* width: 49%; */
    /* height: 180px; */
    padding: 20px 0;
    text-align: center;
    /* border-right: 1px solid #f8f8f8; */
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}


/* .contact .contact-con dl:last-child {
    border-right: 0px; 
} */

.contact .contact-con dl i {
    /* font-size: 50px; */
    font-size: .96rem;
    /* color: #bbb; */
    color: #4b8ce3;
}

.contact .contact-con dt {
    /* color: #e6002f; */
    color: #4b8ce3;
    font-size: .426667rem;
    line-height: .96rem;
    /* padding-left: 50px; */
}

.contact .contact-con dd {
    color: #525252;
    font-size: .346667rem;
    line-height: .746667rem;
    /* padding-left: 100px; */
}