.pos .slick>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.pos .slick>div:first-child {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
}

.pos .slick .slick-slide {
    position: relative;
}

/*.pos::after {
    position: absolute;
    bottom: -0.2917rem;
    left: 0;
    background: url(bannerflodt.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    width: 100%;
    height: 1.05rem;
    z-index: 2;
}*/

.banner-xx {
    position: absolute;
    bottom: -0.2917rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10
}

.banner-xx img {
    width: 0.67rem;
    height: 0.67rem;
}

.slick-slide img {
    width: 100%;
}

.index-one {
    background: #fff;
    padding-bottom: 0.33rem;
    padding-top: 0.25rem;
}

.index-one h1 {
    text-align: center;
    color: #051741;
    font-weight: bold;
    font-size: 0.3rem;
    margin-bottom: 0.25rem;
}

.index-one ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0 0.25rem;
    text-align: center
}

.index-one ul li a {
    display: block;
}

.index-one ul li img {
    width: 0.7rem;
    height: 0.7rem;
}

.index-one ul li h3 {
    margin-top: 0.08rem;
}

.index-one ul li h3 a {
    color: #283755;
    font-size: 0.2333rem;
}

.sec {
    margin-top: 0.25rem;
    background: #fff;
    padding: 0.25rem 0.25rem 0.1rem;
}

.sec header {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
}

.sec header .left img {
    vertical-align: middle;
    width: 0.3rem;
    height: 0.29rem;
    margin-top: -0.04rem
}

.sec header .left h2 {
    font-weight: bold;
    display: inline;
}

.sec header .left h2 a {
    color: #051741;
    font-size: 0.27rem
}

.sec header .left span {
    font-size: 0.2rem;
    color: #fff;
    background: url(hot_bg.png) no-repeat;
    padding: 0.03rem 0.17rem;
    background-size: 100% 100%;
}

.sec header .right {
    flex: 1;
    text-align: right;
}

.sec header .right a {
    font-size: 0.2rem;
    color: #4b556e;
}

.sec header .right img {
    width: 0.1rem;
    height: 0.18rem;
    margin-left: 0.1rem;
    vertical-align: middle;
    margin-top: -0.03rem
}

.index-two .index-pro {
    margin-top: 0.25rem;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.index-two .index-pro ul li .imgs {
    display: block;
}

.index-two .index-pro ul li .imgs img {
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: block;
}

.index-two .index-pro .u1 {
	margin-left:-15px;
	
}

.index-two .index-pro ul li {
	padding-left:15px;
	width:50%;
	float:left;
    margin-bottom: 0.33rem;
	box-sizing:border-box;
}

.index-pro .text {
    position: relative;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0.29rem 0.27rem;
    box-sizing: border-box;
    position: relative;
}

.index-pro .icon img {
    width: 0.7167rem;
    display: block;
    position: absolute;
    top: -0.21rem;
    right: 0.2083rem;
}

.index-pro .text h3 {
    font-weight: bold;
    margin-bottom: 0.17rem;
}

.index-pro .text h3 a {
    
    color: #05163f;
}

.index-pro .text p {
    font-size: 0.2rem;
    color: #4b556e;
    margin-top: 0.08rem;
}

.index-case {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-perspective: 3000;
    -webkit-backface-visibility: hidden;
}

.index-case .swiper-slide {
    width: 80%;
    background: none;
    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;
    transition: all 0.5s;
    padding: 0 0.12rem;
}

.index-case .cont {
    clear: both;
    box-shadow: 0rem 0rem 0.2133rem rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 0.08533rem;
    margin: 0.29rem 0;
    width: 100%;
}

.index-case .cont a img {
    width: 100%;
    vertical-align: middle;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.index-case .swiper-slide-active {
    position: relative;
}

.index-case .swiper-slide-active:before {
    width: 88%;
    height: 0.5rem;
    content: "";
    display: block;
    background: rgba(208, 218, 245);
    position: absolute;
    bottom: 0.14rem;
    z-index: -2;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    transition: all 0.5s;
    box-shadow: 0px 0.03rem 0.21rem rgba(40, 55, 85, 0.2);
}

.index-case .swiper-slide-active:after {
    width: 91%;
    height: 0.5rem;
    content: "";
    display: block;
    background: rgba(168, 183, 231);
    position: absolute;
    bottom: 0.21rem;
    z-index: -1;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    transition: all 0.5s;
}

.index-case .cont .box {
    padding: 0.25rem;
    box-sizing: border-box;
}

.index-case .cont .box h3 {
    font-weight: bold;
}

.index-case .cont .box h3 a {
    font-size: 0.25rem;
    color: #05163f;
}

.index-case .cont .box img {
    width: 0.28rem;
    height: 0.28rem;
    vertical-align: middle;
    margin-top: -0.03rem;
}

.index-case .cont .box p {
    font-size: 0.22rem;
    color: #4b556e;
    margin-top: 0.12rem;
}

.index-case .cont .box p span {
    font-size: 0.22rem;
    color: #cf2423;
    margin-left: 0.08rem
}

.index-four li {
    width: 100%;
    overflow: hidden;
    color: #666;
    padding: 0.25rem 0rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #ddd;
}

.index-four li:last-child {
    border-bottom: none;
}

.index-four .index-newpic {
    width: 1.5rem;
}

.index-four .index-newpic img {
    width: 100%;
    border-radius: 5px;
    display: block;
}

.index-four .index-newbox {
    -webkit-flex: 1;
    -webkit-box: 1;
    -ms-boxflex: 1;
    flex: 1;
    padding-left: 0.25rem;
    position: relative;
}

.index-four .index-newbox h3 a {
    color: #05163f;
    font-size: 0.23rem;
    line-height: 1.5em
}

.index-four .index-newbox time {
    font-size: 0.2rem;
    color: #788291;
    position: absolute;
    bottom: 0;
    right: 0
}

.index-four .index-newbox time img {
    width: 0.2rem;
    height: 0.2rem;
    vertical-align: middle;
    margin-top: -0.04rem;
    margin-right: 0.08rem;
}

.index-five .img {
    width: 100%;
    border-radius: 10px;
    margin-top: 0.25rem;
    vertical-align: middle;
}

.index-five ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 0.25rem 0.25rem 0.17rem;
}

.index-five li img {
    vertical-align: middle;
    width: 0.62rem;
    margin-bottom: 0.12rem;
}

.index-five li b {
    display: block;
    font-size: 0.3rem;
    color: #051741;
    font-family: "Impact Regular";
    font-weight: normal;
}

.index-five li b span {
    font-size: 0.22rem;
    color: #051741;
    font-weight: normal
}

.index-five li p {
    font-size: 0.22rem;
    color: #4b556e;
}



/* 首页end*/


/* 产品内页 */

.pro_head {
    background: #8d224e;
    background: -webkit-linear-gradient(left, #8d224e, #1b2057);
    background: -o-linear-gradient(right, #8d224e, #1b2057);
    background: -moz-linear-gradient(right, #8d224e, #1b2057);
    background: linear-gradient(to right, #8d224e, #1b2057);
    height: 0.8167rem;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
}

.dh_mb {
    line-height: 0.8167rem;
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
}

.dh_mb .home {
    width: 0.35rem;
    vertical-align: middle;
    margin-top: -0.0417rem;
}

.dh_mb .tit a,
.dh_mb .tit span {
    color: #fff;
    font-size: 0.26rem;
    padding: 0 0.125rem;
}

.dh_mb .tit a:after {
    position: absolute;
    display: block;
    background: url(mb_jt.png) no-repeat;
    content: "";
    vertical-align: top;
    width: 0.1667rem;
    height: 0.8167rem;
    background-size: cover;
    right: -0.125rem;
    top: -0.25rem;
}

.dh_mb .tit a {
    position: relative;
}

.pro_head .menuBtn {
    flex: 1;
    text-align: right;
}

.pro-banner {
    position: relative;
}

.pro-banner .img {
    width: 100%;
    display: block;
}

.pro-banner:after {
    display: block;
    position: absolute;
    bottom: -0.0083rem;
    background: url(pro_bg_y.png) no-repeat;
    content: "";
    background-size: 100% 100%;
    z-index: 5;
    width: 100%;
    height: 0.3333rem
}

.pro-one {
    background: #0d173a;
    background: -webkit-linear-gradient( #0d173a 20%, #f0f3fa);
    background: -o-linear-gradient( #0d173a 20%, #f0f3fa);
    background: -moz-linear-gradient( #0d173a 20%, #f0f3fa);
    background: linear-gradient( #0d173a 20%, #f0f3fa);
    padding: 0 0.25rem 0.25rem;
}

.pro-one .one-top {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
}

.pro-one .one-name {
    flex: 1;
}

.pro-one .one-name h1 {
    font-size: .2667rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.125rem;
    margin-top: 0.1667rem;
}

.pro-one .one-name h1:before {
    background: url(fire.png) no-repeat;
    display: inline-block;
    content: "";
    width: 0.2417rem;
    height: 0.2917rem;
    vertical-align: middle;
    margin-top: -0.0417rem;
    margin-right: 0.0417rem;
    background-size: cover
}

.pro-one .one-name p {
    color: #fff;
}

.pro-one .kf {
    width: 1.3917rem;
    height: 1.0833rem;
    text-align: right;
}

.pro-one .kf img {
    width: 100%;
}

.pro-one .one-content {
    background: #fff;
    padding: 0.3333rem 0.25rem 0;
    border-radius: 0.125rem;
    margin-top: 0.625rem;
    position: relative;
}

.pro-one .one-content:before {
    width: 92%;
    height: 0.5rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -0.1667rem;
    border-top-right-radius: 0.125rem;
    border-top-left-radius: 0.125rem;
    transition: all 0.5s;
}

.pro-one .one-content:after {
    width: 82%;
    height: 0.5rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: -0.3333rem;
    border-top-right-radius: 0.125rem;
    border-top-left-radius: 0.125rem;
    transition: all 0.5s;
    left: 50%;
    transform: translate(-50%, 0)
}

.pro-one .one-content ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.pro-one .one-content li {
    text-align: center;
    width: 50%;
}

.pro-one .one-content li:first-child {
    border-right: 1px solid #ddd
}

.pro-one .one-content li img {
    width: 0.5333rem;
}

.pro-one .one-content li span {
    display: block;
    font-size: 0.2167rem;
    color: #111f3f;
    margin: 0.0417rem auto;
}

.pro-one .one-content li p {
    font-size: 0.2333rem;
    color: #fa2346;
    font-weight: bold;
    padding: 0;
}

.pro-one .one-content p {
    font-size: 0.2167rem;
    color: #788291;
    padding: 0.25rem 0;
    border-bottom: 1px dashed #cccdce;
    line-height: 0.3333rem;
}

.pro-one .one-content p:last-child {
    border-bottom: none;
}

.pro-one .one-content p span {
    font-size: 0.2167rem;
    color: #111f3f;
}

.pro-one .one-content p a {
    font-size: 0.2167rem;
    color: #788291;
}

.pro-one .one-bottom {
    margin-top: 0.25rem;
}

.pro-one .one-bottom ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.pro-one .one-bottom ul li {
    /* margin-left:0.1667rem; */
    font-size: 0.2rem;
    color: #788291;
}

.pro-one .one-bottom ul li span {
    color: #fff;
    font-size: 0.2rem;
    box-sizing: border-box;
    margin-right: 0.0417rem;
    width: 0.5rem;
    height: 0.4167rem;
    display: inline-block;
    text-align: center;
    background: url(sp_bg.png) no-repeat;
    background-size: cover;
    line-height: 0.4167rem;
    padding-left: 0.0833rem;
}

.pro-one .one-bottom p {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    position: relative;
}

.pro-one .one-bottom p:after {
    display: block;
    background: #ffae00;
    width: 100%;
    height: 0.125rem;
    content: "";
    margin-top: -0.15rem;
}

.pro-content {
    border-radius: 0.125rem;
}

.pro-content .ul {
    overflow: hidden
}

.pro-content .ul li {
    width: 50%;
    text-align: center;
    float: left
}

.pro-content .ul li img {
    margin-right: 0.0833rem
}

.pro-content .ul li:first-child {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    background: #fff;
    border-top-right-radius: 0.125rem;
    border-top-left-radius: 0.125rem;
    padding: 0.375rem 0;
}

.pro-content .ul li:first-child img {
    width: 0.3583rem;
    height: 0.3833rem;
    vertical-align: middle;
    margin-top: -0.0833rem
}

.pro-content .ul li:last-child {
    font-size: 0.2667rem;
    color: #fff;
    font-weight: bold;
    background: #888fa5;
    border-top-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    margin-top: 0.125rem;
    padding: 0.2rem 0;
}

.pro-content .ul li:last-child img {
    width: 0.35rem;
    height: 0.35rem;
    vertical-align: middle;
    margin-top: -0.0417rem
}

.pro-content .ul li:last-child a {
    color: #fff;
}

.pro-content .cont {
    padding: 0.25rem 0.25rem;
    background: #fff;
    margin-top: -0.3333rem
}

.pro-content .cont p,
.pro-content .cont p span {
    font-size: 0.24rem;
    color: #4b556e;
    line-height: 2em;
    text-align: justify;
    margin-bottom: 0.25rem;
}

table {
    margin: 0.25rem auto;
}

.dg-cs tr {
    padding: 0.0833rem 0.1667rem;
    box-sizing: border-box;
}


/*.more-list tr{background: #fff;}*/

.more-list .cs-h {
    position: relative;
}

.more-list .cs-h img {
    width: 100%;
}

.more-list .cs-h p {
    font-size: 0.2rem;
    color: #fff;
    position: absolute;
    top: 40%;
    left: 35%;
    width: 60%;
    text-align: center;
    line-height: 2em
}

.more-list .swiper-slide strong {
    display: block;
    text-align: center;
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    margin-top: 0.5rem;
    padding: 0 .4583rem;
}

.more-list .swiper-slide p {
    text-align: center;
}

.more-list .swiper-button-prev {
    background: url('cs_one.png') no-repeat;
    width: 0.375rem;
    height: 0.375rem;
    background-size: 100% 100%;
}

.more-list .swiper-button-next {
    background: url('cs_two.png') no-repeat;
    width: 0.375rem;
    height: 0.375rem;
    background-size: 100% 100%;
}

.more-list .swiper-button-prev,
.more-list .swiper-button-next {
    top: 0;
    margin-top: 0.5rem
}

.dg-cs tr td,
.more-list tr td {
    padding: 0.125rem 0;
    box-sizing: border-box;
    line-height: 1.5em
}

.dg-cs .one-color {
    background: #8b224d;
    background: -webkit-linear-gradient(left, #8b224d, #1b2057);
    background: -o-linear-gradient(right, #8b224d, #1b2057);
    background: -moz-linear-gradient(right, #8b224d, #1b2057);
    background: linear-gradient(to right, #8b224d, #1b2057);
    color: #fff;
}

.pro-content .cont p a {
    font-size: 0.2167rem;
    color: #fa2346;
}

.pro-content .cont p .cpxqzx {
    display: inline-block;
    background: #fa2346;
    color: #fff;
    border-top-left-radius: 0.2917rem;
    border-bottom-right-radius: 0.2917rem;
    padding: 0 0.0833rem;
    margin-left: 0.0417rem;
    margin-right: 0.0417rem;
}

.pro-content .cont .content_video {
    text-align: center;
    margin-bottom: 0.125rem;
}

.pro-content .cont .content_video p {
    background: #8d224e;
    background: -webkit-linear-gradient(left, #8d224e, #1b2057);
    background: -o-linear-gradient(right, #8d224e, #1b2057);
    background: -moz-linear-gradient(right, #8d224e, #1b2057);
    background: linear-gradient(to right, #8d224e, #1b2057);
    color: #fff;
    padding: 0 0.2083rem;
    margin: 0.125rem auto;
    display: inline-block;
    border-radius: 0.25rem;
}

.pro-content .cont p img {
    max-width: 100%;
    display: block;
    margin: 0 auto 0.3333rem;
}

.pro-content .cont h3 {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    text-align: center !important;
    margin-bottom: 0.15rem;
}

.pro-content .cont h3:before {
    content: "";
    display: inline-block;
    background: url(h_zs.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    background-size: cover;
    vertical-align: middle;
    margin-right: 0.25rem;
    background-size: cover;
}

.pro-content .cont h3:after {
    content: "";
    display: inline-block;
    background: url(h_zs2.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    background-size: cover;
    vertical-align: middle;
    margin-left: 0.25rem;
    background-size: cover;
}

.advantage li {
    background: #f5faff;
    padding: 0.625rem 0.25rem 0.2917rem;
    position: relative;
    margin-bottom: 0.25rem;
}

.pro-content .advantage li p {
    margin-bottom: 0
}

.advantage li strong {
    color: #fff;
    font-size: 0.24rem;
    padding: 0.0667rem 0.25rem;
    font-weight: normal;
}

.advantage li strong span {
    font-size: 0.19rem;
    padding: 0.0008rem;
    border: 1px solid #fff;
    width: 0.24rem;
    height: 0.24rem;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 0.0833rem;
}

.advantage li:nth-child(odd) strong {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    position: absolute;
    left: 0;
    top: 0;
}

.advantage li:nth-child(even) strong {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    position: absolute;
    right: 0;
    top: 0;
}

.advantage li:first-child strong {
    background: #84c9b7;
}

.advantage li:nth-child(2) strong {
    background: #f25a29;
}

.advantage li:nth-child(3) strong {
    background: #27aae2;
}

.advantage li:nth-child(4) strong {
    background: #8ec63f;
}

.advantage li:nth-child(5) strong {
    background: #697db4;
}

.advantage li:nth-child(6) strong {
    background: #84c9b7;
}

.advantage li:nth-child(7) strong {
    background: #f25a29;
}

.advantage li:nth-child(8) strong {
    background: #27aae2;
}

.advantage li:nth-child(9) strong {
    background: #8ec63f;
}

.advantage li:nth-child(10) strong {
    background: #697db4;
}


/* .pro-content p a{background: #fa2346;border-top-left-radius:0.25rem;border-bottom-right-radius:0.25rem;font-size: 0.2167rem;color: #fff; padding:0.0833rem 0.25rem;} */

.parameter p strong {
    font-size: 0.2667rem;
    color: #222;
}

.parameter table {
    margin-bottom: 0.2083rem;
}

.parameter td {
    padding: 0.0417rem 0;
    font-size: 0.2rem
}

.message {
    background: url(ly_bg.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 8.9167rem;
    padding: 0.1667rem 0.25rem;
    box-sizing: border-box;
    margin-top: 0.25rem;
    border-radius: 0.125rem;
}

.message .tb {
    display: flex;
}

.message .tb .rw img {
    width: 1.8917rem;
    height: 3.7417rem;
}

.message .tb .wd {
    flex: 1;
    margin-left: 0.3333rem
}

.message .tb .wd p {
    color: #fff;
    font-size: 0.2167rem;
    line-height: 0.35rem;
    text-align: justify;
}

.message .tb .wd ul {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.message .tb .wd ul li,
.message .tb .wd span {
    background: #8d224e;
    color: #fff;
    background: -webkit-linear-gradient(left, #8d224e, #1b2057);
    background: -o-linear-gradient(right, #8d224e, #1b2057);
    background: -moz-linear-gradient(right, #8d224e, #1b2057);
    background: linear-gradient(to right, #8d224e, #1b2057);
    padding: 0.0667rem 0.25rem;
    font-size: 0.2167rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: relative;
    box-sizing: border-box;
}

.message .tb .wd ul li:before,
.message .tb .wd span:before {
    width: 20%;
    height: 0.42rem;
    content: "";
    display: block;
    background: rgba(30, 32, 87, 0.4);
    position: absolute;
    top: 0;
    right: -0.0833rem;
    border-top-right-radius: 0.1667rem;
    transition: all 0.5s;
}

.message .tb .wd ul li:after,
.message .tb .wd span:after {
    width: 30%;
    height: 0.42rem;
    content: "";
    display: block;
    background: rgba(30, 32, 87, 0.3);
    position: absolute;
    top: 0;
    right: -0.1667rem;
    border-top-right-radius: 0.1667rem;
    transition: all 0.5s;
}

.message .tb .wd span {
    margin-left: 20%
}

.message .tb .wd span a {
    color: #fff;
    margin-top: 0.1667rem
}

.message form {
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.message input {
    border: 1px solid #ccc;
    height: 0.5833rem;
    font-size: 0.24rem;
    color: #0e183b;
    padding-left: 12%;
    box-sizing: border-box;
    width: 100%;
    margin-top: 0.25rem;
    border-radius: 0.125rem;
}

.message input.text-user {
    background: url(pic_one.png) no-repeat 3% center #fff;
    background-size: 0.3rem 0.3rem;
}

.message .rel {
    position: relative;
}

.message .lyb_wxts {
    position: absolute;
    z-index: 9999;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    padding: 6px 13px 6px 16px;
    top: -30px;
    left: 45%;
    display: none;
}

.message .lyb_wxts .W_icon {
    padding: 8px 14px;
    background: url(ly-icon8.png) left center no-repeat;
    background-size: 0.1833rem;
}

.message .lyb_wxts_arrow {
    position: absolute;
    overflow: hidden;
    display: block;
    bottom: -15px;
    left: 40%;
    line-height: 15px;
}

.message .lyb_wxts_arrow img {
    max-width: 28px;
    width: 100%;
    height: auto;
}

.message input.text-tel {
    background: url(pic_two.png) no-repeat 3% center #fff;
    background-size: 0.3rem 0.3rem;
}

.message textarea {
    width: 100%;
    height: 1.6667rem;
    border: 1px solid #ccc;
    font-size: 0.2333rem;
    line-height: 0.35rem;
    box-sizing: border-box;
    padding: 0.1083rem 4% 0.125rem 12%;
    background: url(pic_three.png) no-repeat 3% 10% #fff;
    background-size: 0.3rem 0.3rem;
    margin-top: 0.21rem;
    border-radius: 0.125rem;
}

.message button {
    padding: 0.125rem 1.5417rem;
    text-align: center;
    margin: 0.2rem auto 0;
    font-size: 0.3333rem;
    display: block;
    box-sizing: border-box;
    background: #ba2f81;
    background: -webkit-linear-gradient(left, #ba2f81, #2748de);
    background: -o-linear-gradient(left, #ba2f81, #2748de);
    background: -moz-linear-gradient(left, #ba2f81, #2748de);
    background: linear-gradient(left, #ba2f81, #2748de);
    color: #fff;
    border-radius: 0.4167rem;
    border: 0.0833rem solid #1e3173;
    position: relative;
}

.message button:after {
    background: url(sub_jt.png) no-repeat;
    width: 0.5167rem;
    height: 0.5167rem;
    background-size: cover;
    position: absolute;
    right: 0.0833rem;
    top: 0.0833rem;
    display: block;
    content: "";
}

.xg-case {
    background: #fff;
    border-radius: 15px;
    padding: 0.34rem 0.25rem 0;
    margin-top: 0.25rem
}

.xg-case h3,
.xg-top h2 {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    text-align: center;
}

.xg-case h3:before,
.xg-top h2:before {
    content: "";
    display: inline-block;
    background: url(h_zs.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-right: 0.25rem;
    background-size: cover;
}

.xg-case h3:after,
.xg-top h2:after {
    content: "";
    display: inline-block;
    background: url(h_zs2.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-left: 0.25rem;
    background-size: cover;
}

.xg-case li {
    border-bottom: 1px solid #ebecec;
    padding: 0.25rem 0;
}

.xg-case li:last-child {
    border: none;
}

.xg-case li a {
    color: #111f3f;
    font-size: 0.2333rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
    display: block;
}

.xg-case li .t-tit {
    display: flex;
}

.xg-case li .t-tit .imgs {
    width: 1.525rem;
    margin-bottom: 0;
}

.xg-case li .t-tit .imgs img {
    width: 100%;
    border-radius: 0.0833rem;
}

.xg-case li .t-right {
    flex: 1;
    margin-left: 0.25rem;
    position: relative;
}

.xg-case li .t-right p {
    font-size: 0.2167rem;
    color: #788291;
    margin-bottom: 0.125rem;
}

.xg-case li .t-right .look {
    position: absolute;
    right: 0;
    font-size: 0.2rem;
    color: #fff;
    box-sizing: border-box;
    background: #ba2f81;
    background: -webkit-linear-gradient(left, #ba2f81, #2748de);
    background: -o-linear-gradient(left, #ba2f81, #2748de);
    background: -moz-linear-gradient(left, #ba2f81, #2748de);
    background: linear-gradient(left, #ba2f81, #2748de);
    border-radius: 0.4167rem;
    padding: 0.0667rem 0.25rem;
}


/* 产品内页end*/


/* 新闻列表 */

.banner img {
    width: 100%;
    display: block;
}

.new-list {
    margin-top: -0.375rem;
    position: relative;
    z-index: 2;
}

.new-list .ul {
    overflow: hidden;
}

.new-list .ul li {
    width: 50%;
    text-align: center;
    float: left;
}

.new-list .ul .one {
    font-size: 0.2667rem;
    color: #fa2346;
    font-weight: bold;
    background: #fff;
    border-top-right-radius: 0.125rem;
    border-top-left-radius: 0.125rem;
    padding: 0.375rem 0;
}

.new-list .ul li img {
    margin-right: 0.1667rem;
}

.new-list .ul .one img {
    width: 0.3583rem;
    vertical-align: middle;
    margin-top: -0.0833rem;
}

.new-list .ul .two {
    font-size: 0.2667rem;
    color: #111f3f;
    font-weight: bold;
    background: #dbdbe0;
    border-top-right-radius: 0.125rem;
    margin-top: 0.125rem;
    padding: 0.2rem 0;
}

.new-list .ul .two a {
    color: #111f3f;
}

.new-list .ul .one a {
    color: #fa2346;
}

.new-list .ul .two img {
    width: 0.35rem;
    height: 0.35rem;
    vertical-align: middle;
    margin-top: -0.0417rem;
}

.new-list .ul-two {
    background: #fff;
    padding: 0.4167rem 0.25rem 0;
    margin-top: -0.3333rem
}

.new-list .ul-two li {
    width: 100%;
    overflow: hidden;
    color: #666;
    padding: 0.25rem 0rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #ddd;
}

.new-list .ul-two li .newpic {
    width: 1.5rem;
}

.new-list .ul-two li .newpic img {
    width: 100%;
    border-radius: 5px;
    display: block;
    object-fit: cover;
    height: 1.2rem;
}

.new-list .ul-two li .newbox {
    -webkit-flex: 1;
    -webkit-box: 1;
    -ms-boxflex: 1;
    flex: 1;
    padding-left: 0.25rem;
    position: relative;
}

.new-list .ul-two li .newbox h3 a {
    color: #05163f;
    font-size: 0.2rem;
    line-height: 1.5em;
}

.new-list .ul-two li .newbox time {
    font-size: 0.2rem;
    color: #788291;
    position: absolute;
    bottom: 0;
    right: 0;
}

.new-list .ul-two li .newbox time img {
    width: 0.2rem;
    height: 0.2rem;
    vertical-align: middle;
    margin-top: -0.04rem;
    margin-right: 0.08rem;
}

.new-list .ul-two li:last-child {
    border: none;
}

.list-page {
    color: #051741;
    text-align: center;
    margin-left: -0.17rem;
    padding: 0.4167rem;
    box-sizing: border-box;
}

.list-page span {
    font-size: 0.2333rem;
    margin-left: 0.17rem;
    color: #051741;
}

.list-page a {
    color: #051741;
    margin-left: 0.17rem;
}

.list-page span.page {
    padding: 0.04rem 0.12rem;
    border-radius: 5px;
}

.list-page span.page i {
    color: #eb0001;
    font-size: 0.24rem;
    font-style: normal;
}

.page-ul-list {
    background: #fff;
    padding: .2rem 0;
    position: fixed;
    left: 50%;
    bottom: 0;
    max-width: 750px;
    width: 100%;
    box-sizing: border-box;
    transform: translate(-50%);
    height: 3rem;
    overflow-y: scroll;
    z-index: 99990;
    -moz-box-shadow: 0px -1px .1rem #f0f3fa;
    -webkit-box-shadow: 0px -1px .1rem #f0f3fa;
    box-shadow: 0px -1px .1rem #f0f3fa;
    display: none;
}

.page-ul-list .close-gb {
    overflow: hidden;
}

.page-ul-list .close-gb .hide {
    display: block;
    float: right;
    width: .2917rem;
    height: .2917rem;
    margin-right: .25rem;
}

.page-ul-list .close-gb .hide img {
    width: 100%;
}

.page-ul-list li {
    text-align: center;
    font-size: .2rem;
    color: #333333;
    float: left;
    background: #f0f3fa;
    border-radius: .0833rem;
    width: 13.3333%;
    margin-left: 3%;
    line-height: .5833rem;
    margin-top: .2rem;
}

.page-ul-list li a {
    color: #051741;
    display: block;
}

.page-ul-list li.on {
    background: #8c9bc3;
}

.page-ul-list li.on a {
    color: #fff;
}

.manufacturer {
    margin-top: 0.25rem;
    background: url(bottom_bg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    border-radius: 0.125rem;
    text-align: center;
    padding: 0.2917rem 0.25rem;
    box-sizing: border-box;
}

.manufacturer strong {
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
    display: block;
    margin-bottom: 0.0833rem;
}

.manufacturer strong span {
    padding: 0 0.1667rem;
}

.manufacturer .text {
    color: #fff;
    font-size: 0.2rem;
    position: relative;
    display: inline-block;
}

.manufacturer .text:before {
    width: 0.3333rem;
    height: 0.025rem;
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    left: -0.4167rem;
    top: 0.125rem;
}

.manufacturer .text:after {
    width: 0.3333rem;
    height: 0.025rem;
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    right: -0.4167rem;
    top: 0.125rem;
}

.manufacturer .bot-bg {
    background: #fff;
    border-radius: 0.125rem;
    padding: 0.3333rem 0.25rem 0.4167rem;
    margin-top: 0.25rem
}

.manufacturer .bot-bg ul {
    display: flex;
    justify-content: space-between;
}

.manufacturer .bot-bg li img {
    width: 1.5rem;
}

.manufacturer .bot-bg p {
    color: #111f3f;
    font-size: 0.2rem;
    margin-top: 0.3333rem
}


/* 新闻列表end*/


/* 新闻聚合页 */

.new-list-agg {
    margin-top: 0.25rem
}

.new-list .ul-agg {
    border-radius: 0.125rem;
}

.new-list-agg .hy-new .box {
    width: 100%;
    position: relative;
}

.new-list-agg .hy-new .box .pic {
    width: 100%;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

.new-list-agg .hy-new .box .tit {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    color: #fff;
    width: 70%;
    text-align: justify;
}

.new-list-agg .hy-new .box .tit strong a {
    font-size: 0.2667rem;
    font-weight: bold;
    color: #fff
}

.new-list-agg .hy-new .box .tit p {
    line-height: 0.35rem;
    font-size: 0.2rem;
    margin-top: 0.125rem;
}

.new-list-agg .hy-new .box .tit img {
    width: 0.3167rem;
    margin-top: 0.1667rem;
}

.manufacturer.up {
    margin-top: 0.25rem;
}


/* 新闻聚合页end*/


/* 新闻内页 */

.new-head {
    background: #fff;
    margin: -1.25rem auto 0.25rem;
    position: relative;
    padding: 0.25rem;
    box-sizing: border-box;
    width: 92%;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}

.new-head:after {
    width: 91.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -0.0833rem;
}

.new-head:before {
    width: 87.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: -0.1667rem;
    margin-left: 2%;
}

.new-head h1 {
    font-size: 0.2667rem;
    color: #05163f;
    line-height: 1.5em;
    font-weight: bold;
    text-align: justify;
}

.new-head .bt {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.new-head .bt .fl {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.new-head .bt .fl img {
    width: 0.5833rem;
    height: 0.5833rem;
    border-radius: 50%;
}

.new-head .bt .fl .name {
    flex: 1;
    margin-left: 0.1667rem
}

.new-head .bt .fl .name p {
    font-size: 0.2167rem;
    color: #111f3f;
}

.new-head .bt .fl .name span {
    font-size: 0.2rem;
    color: #788291;
}

.new-head .bt .fl .name time {
    font-size: 0.2rem;
}

.new-head .bt .fr {
    background: #fa2346;
    border-top-left-radius: 0.4167rem;
    border-bottom-left-radius: 0.4167rem;
    margin-right: -0.3333rem;
    position: relative;
}

.new-head .bt .fr:after {
    width: 0.3167rem;
    background: url(fr_ab.png) no-repeat;
    background-size: cover;
    height: 0.3167rem;
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: -0.1667rem;
    z-index: -1;
}

.new-head .bt .fr span {
    color: #fff;
    line-height: 0.5833rem;
    font-size: 0.2333rem;
    padding: 0 0.2rem 0 0.25rem;
    box-sizing: border-box;
}

.new-content .cont {
    padding: 0.25rem 0.25rem;
    background: #fff;
}

.new-content .cont p {
    font-size: 0.24rem;
    color: #4b556e;
    line-height: 2em;
    text-align: justify;
    margin-bottom: 0.15rem;
}

.new-content .cont p.icon-one {
    background: url(icon-newzs-one.png) no-repeat left 0.11rem;
    background-size: .35rem;
    text-indent: 2em;
}

.new-content .cont p.icon-two {
    background: url(icon-newzs-two.png) no-repeat left 0.11rem;
    background-size: .35rem;
    text-indent: 2em;
}

.new-content .cont p.icon-three {
    background: url(icon-newzs-three.png) no-repeat left 0.11rem;
    background-size: .35rem;
    text-indent: 2em;
}

.new-content .cont p.icon-four {
    background: url(icon-newzs-fore.png) no-repeat left 0.11rem;
    background-size: .35rem;
    text-indent: 2em;
}

.new-content .cont p.icon-five {
    background: url(icon-newzs-five.png) no-repeat left 0.11rem;
    background-size: .35rem;
    text-indent: 2em;
}

.new-content .cont p.icon-six {
    background: url(icon-newzs-six.png) no-repeat left 0.11rem;
    background-size: .35rem;
    text-indent: 2em;
}

.new-content .cont .new-bgys {
    background: #e6ecfa;
    border: 1px dashed #b1c3ee;
    margin-top: .1667rem;
    margin-bottom: .1667rem;
    padding: 0 .125rem;
    box-sizing: border-box;
}

.new-content .cont p .span_zixun,
.pro-content .cont p .span_zixun {
    color: #fff !important;
    background: url(ma_icon.png) no-repeat;
    background-size: cover;
    width: 2.4rem;
    height: .6917rem;
    line-height: .6917rem;
    display: inline-block;
    text-align: center;
    text-indent: 2.5em;
    margin: 0 .125rem;
}

.new-content .cont p a {
    color: #fa2346;
    font-size: 0.24rem;
    display: inline-block;
}

.new-content .cont .content_video {
    text-align: center;
    margin-bottom: 0.125rem;
}

.new-content .cont .content_video p {
    background: #8d224e;
    background: -webkit-linear-gradient(left, #8d224e, #1b2057);
    background: -o-linear-gradient(right, #8d224e, #1b2057);
    background: -moz-linear-gradient(right, #8d224e, #1b2057);
    background: linear-gradient(to right, #8d224e, #1b2057);
    color: #fff;
    padding: 0 0.2083rem;
    margin: 0.125rem auto;
    display: inline-block;
    border-radius: 0.25rem;
}

.new-content .cont p img {
    width: 100%;
    display: block;
    margin: 0 auto 0.1rem;
}

.new-content .cont h3 {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    margin-bottom: 0.25rem;
    line-height: 1.5em;
}

.new-content .cont h3:before {
    margin-right: 0.125rem;
    display: inline-block;
    background: url(h_three.png) no-repeat;
    width: 0.26rem;
    height: 0.25rem;
    content: "";
    background-size: cover;
}

.new-content .cont em {
    font-size: 0.24rem;
    color: #e61e37;
    font-weight: bold;
}

.new-content .cont p b {
    font-weight: bold;
    font-size: 0.24rem;
    color: #4b556e;
}


/* .new-content .cont p span{font-size: 0.24rem;color:#fa2346;} */

.prevnext {
    background: #fff;
    margin: 0.25rem auto;
}

.prevnext p {
    display: flex;
    font-size: 0.2167rem;
    color: #788291;
    border-bottom: 1px solid #f2f2f2;
    padding: 0.25rem;
    align-items: flex-start
}

.prevnext p img {
    width: 0.3rem;
    height: 0.3rem;
    vertical-align: middle;
    margin-right: 0.1667rem
}

.prevnext p b {
    font-size: 0.2167rem;
    color: #4b556e;
    font-weight: normal
}

.prevnext p a {
    font-size: 0.2167rem;
    color: #788291;
    flex: 1;
    /* line-height: 0.4rem;margin-top: -0.05rem */
}

.xg-cp {
    background: #fff;
    margin-top: 0.25rem;
    padding: 0.25rem;
}

.xg-cp h3,
.xg-new h3,
.more-case h2 {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.25rem;
}

.xg-cp h3:before,
.xg-new h3:before,
.more-case h2:before {
    content: "";
    display: inline-block;
    background: url(h_zs.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-right: 0.25rem;
    background-size: cover;
}

.xg-cp h3:after,
.xg-new h3:after,
.more-case h2:after {
    content: "";
    display: inline-block;
    background: url(h_zs2.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-left: 0.25rem;
    background-size: cover;
}

.xg-cp ul {
    margin-left: -4%;
    overflow: hidden;
}

.xg-cp li {
    float: left;
    width: 46%;
    margin-left: 4%;
}

.xg-cp li a {
    display: block;
}

.xg-cp li img {
    width: 100%;
    border-radius: 0.0833rem;
    display: block;
}

.xg-cp li h4 {
    text-align: center;
    margin: 0.125rem auto;
}

.xg-cp li h4 a {
    font-size: 0.2333rem;
    color: #111f3f;
}

.xg-new {
    background: #fff;
    margin: 0.25rem auto;
    padding: 0.25rem;
}

.xg-new h3 {
    margin-bottom: 0
}

.xg-new li {
    padding: 0.1667rem 0;
    border-bottom: 1px dashed #e1e9f4;
}

.xg-new li a {
    font-size: 0.24rem;
    color: #4b556e;
    display: block;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(xg_zs.png) no-repeat 0 center;
    background-size: 0.2rem 0.2rem;
    text-indent: 0.25rem; */
}

.xg-new li .xg-pic-more {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 0.15rem;
    margin-left: -0.1rem;
}

.xg-new li .xg-pic-more a {
    margin-left: 0.1rem;
    display: block;
    max-height: 1.4rem;
    overflow: hidden;
}

.xg-new li .xg-pic-more a img {
    width: 100%;
}

.xg-new .one-pic {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    display: flex;
}

.xg-new .one-pic .img {
    width: 1.5rem;
}

.xg-new .one-pic .img-title {
    flex: 1;
    margin-left: .15rem;
    line-height: 1.5em;
}

.xg-new .dg-pic img {
    width: 100%;
    display: block;
    margin-top: 0.15rem;
}

.xg-new .dg-pic .video-pic {
    position: relative;
}

.xg-new .dg-pic .video-pic .video-play-icon {
    height: 46px;
    width: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px #ffffff solid;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
}

.xg-new .dg-pic .video-pic .video-play-icon::after {
    border-width: 9px 0 9px 15.6px;
    margin-left: -5px;
    margin-top: -9px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
}

.xg-new li p {
    font-size: 0.2rem;
    color: #788291;
    margin-top: 0.0833rem;
    text-indent: 0.25rem;
}


/* 新闻内页end*/


/* 产品*/

.pro-class {
    background: #fff;
    padding: 0.25rem 0.25rem 0.1667rem;
    margin-top: 0.25rem
}

.pro-class.pro-one {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    position: relative;
    margin-top: -1.25rem;
}

.pro-class header {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
}

.pro-class header .left img {
    vertical-align: middle;
    width: 0.7rem;
    height: 0.7rem;
    margin-top: -0.04rem
}

.pro-class header .left h2 {
    font-weight: bold;
    display: inline;
    margin-left: 0.0833rem;
}

.pro-class header .left h2 a {
    color: #051741;
    font-size: 0.27rem
}

.pro-class header .left span {
    font-size: 0.2rem;
    color: #fff;
    background: url(hot_bg2.png) no-repeat;
    padding: 0.03rem 0.17rem;
    background-size: 100% 100%;
}

.pro-class header .right {
    flex: 1;
    text-align: right;
    line-height: 0.5833rem
}

.pro-class header .right a {
    font-size: 0.2rem;
    color: #4b556e;
}

.pro-class header .right img {
    width: 0.1rem;
    height: 0.18rem;
    margin-left: 0.1rem;
    vertical-align: middle;
    margin-top: -0.03rem
}

.pro-class ul {
    margin-left: -4%;
    overflow: hidden;
}

.pro-class li {
    float: left;
    width: 46%;
    margin-left: 4%;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.pro-class li a {
    display: block;
    position: relative;
    padding-top: 75%;
}

.pro-class li img {
    width: 100%;
    display: block;
    border-top-left-radius: 0.0833rem;
    border-top-right-radius: 0.0833rem;
    position: absolute;
    top: 0;
    left: 0;
}

.pro-class li h3 {
    position: relative;
    text-align: center;
    line-height: 0.5417rem;
    background: url(pro_h3_bg.png) no-repeat 0 bottom;
    background-size: 100% 0.4167rem;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    border-bottom-right-radius: 0.0833rem;
    border-bottom-left-radius: 0.0833rem;
}

.pro-class li h3 a {
    font-size: 0.2167rem;
    color: #111f3f;
    padding-top: 0;
}

.pro-class li h3:after {
    display: block;
    background: url(pro_name_zs.png) no-repeat;
    background-size: cover;
    content: "";
    width: 0.2833rem;
    height: 0.45rem;
    position: absolute;
    right: 0.0833rem;
    top: 0.0417rem;
}


/* 产品end*/


/* 产品列表 */

.pro-list {
    background: #fff;
    position: relative;
    margin-top: -1.25rem;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    padding: 0.25rem;
    box-sizing: border-box;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.2);
}

.pro-list ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
    text-align: center;
}

.pro-list ul li a {
    display: block;
}

.pro-list ul li img {
    width: 0.7rem;
    height: 0.7rem;
}

.pro-list ul li p a {
    color: #283755;
}

.pro-list ul li.active p a {
    color: #fa2346;
}

.pro-list ul li.active {
    position: relative;
}

.pro-list ul li.active:after {
    width: 0;
    height: 0;
    border-width: 0.125rem 0.125rem 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    position: absolute;
    bottom: -0.3667rem;
    left: 30%;
    content: "";
    display: block;
}

.list-pro {
    background: #fff;
    padding: 0.25rem 0.25rem 0.1667rem;
}

.list-pro ul {
    margin-left: -4%;
    overflow: hidden;
}

.list-pro li {
    float: left;
    width: 46%;
    margin-left: 4%;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.list-pro li a {
    display: block;
    position: relative;
    padding-top: 75%;
}

.list-pro li img {
    width: 100%;
    display: block;
    border-top-left-radius: 0.0833rem;
    border-top-right-radius: 0.0833rem;
    position: absolute;
    top: 0;
    left: 0;
}

.list-pro li h3 {
    position: relative;
    text-align: center;
    line-height: 0.5417rem;
    background: url(pro_h3_bg.png) no-repeat 0 bottom;
    background-size: 100% 0.4167rem;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    border-bottom-right-radius: 0.0833rem;
    border-bottom-left-radius: 0.0833rem;
}

.list-pro li h3 a {
    font-size: 0.2167rem;
    color: #111f3f;
    padding-top: 0;
}

.list-pro li h3:after {
    display: block;
    background: url(pro_name_zs.png) no-repeat;
    background-size: cover;
    content: "";
    width: 34px;
    height: 0.45rem;
    position: absolute;
    right: 0.0833rem;
    top: 0.0417rem;
}

.list-pro-same {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem
}

.list-pro-same .tit {
    font-size: 0.2667rem;
    display: block;
    color: #05163f;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.1667rem;
}

.list-pro-same .tit:before {
    content: "";
    display: inline-block;
    background: url(h_zs.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-right: 0.25rem;
    background-size: cover;
}

.list-pro-same .tit:after {
    content: "";
    display: inline-block;
    background: url(h_zs2.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-left: 0.25rem;
    background-size: cover;
}


/* 产品列表end*/


/* 物料内页 */

.material-head {
    position: relative;
    background: #fff;
    margin: -1.25rem auto 0.25rem;
    position: relative;
    padding: 0.25rem;
    box-sizing: border-box;
    width: 92%;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}

.material-head:after {
    width: 91.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -0.0833rem;
}

.material-head:before {
    width: 87.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: -0.1667rem;
    margin-left: 2%;
}

.material-one {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: flex-start;
}

.material-one .tx {
    position: relative;
    width: 1.45rem;
    height: 1.25rem
}

.material-one .tx img {
    width: 100%;
}

.material-one .tx span {
    position: absolute;
    bottom: -0.125rem;
    left: 10%;
    display: block;
    color: #fff;
    background: #fa2346;
    font-size: 0.2167rem;
    padding: 0.0417rem 0.1667rem;
    border-radius: 0.4167rem;
}

.material-one .xq {
    margin-left: 0.3333rem;
}

.material-one .xq h1 {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
}

.material-one .xq p {
    font-size: 0.2167rem;
    color: #788291;
    margin-top: 0.0833rem;
    margin-bottom: 0.125rem;
}

.material-one .xq ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.material-one .xq ul li {
    flex-grow: 1;
    margin-right: 0.1667rem;
    font-size: 0.2rem;
    color: #788291;
}

.material-one .xq ul li span {
    background: #fa2346;
    color: #fff;
    border-radius: 50%;
    font-size: 0.2rem;
    box-sizing: border-box;
    margin-right: 0.0417rem;
    width: 0.3667rem;
    height: 0.3667rem;
    display: inline-block;
    text-align: center;
    line-height: 0.3667rem;
}

.more-case {
    background: #fff;
    padding: 0.25rem;
    margin: 0.25rem auto;
}


/* 物料内页end*/


/* 物料列表 */

.mare-list {
    background: #fff;
    padding: 0.25rem;
    margin-top: -0.25rem;
    box-sizing: border-box;
}

.mare-list ul {
    margin-left: -4%;
    overflow: hidden;
}

.mare-list li {
    float: left;
    width: 46%;
    margin-left: 4%;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.mare-list li a {
    display: block;
    color: #05163f;
    font-size: 0.2167rem;
}

.mare-list li img {
    width: 100%;
    display: block;
    border-top-left-radius: 0.0833rem;
    border-top-right-radius: 0.0833rem;
}

.mare-list li .pic {
    position: relative;
}

.mare-list li .pic:after {
    background: url(mare_bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -0.0167rem;
    left: 0;
    width: 110%;
    height: 0.3167rem;
    content: "";
    display: block;
}

.mare-list li h3 {
    position: relative;
    text-align: center;
    line-height: 0.4583rem;
    box-shadow: 0px 0.0833rem 0.1667rem rgba(5, 26, 85, 0.1);
    border-bottom-right-radius: 0.0833rem;
    border-bottom-left-radius: 0.0833rem;
}

.mare-list li h3:after {
    display: block;
    background: url(pro_name_zs.png) no-repeat;
    background-size: cover;
    content: "";
    width: 0.2833rem;
    height: 0.4rem;
    position: absolute;
    right: 0.0833rem;
    top: 0;
}


/* 物料列表end*/

.case-top {
    margin-top: -1.25rem
}


/* 案例内页 */

.xg-top {
    margin-top: 0
}

.xg-top p {
    font-size: 0.2167rem;
    color: #788291;
    line-height: 0.4rem;
    text-align: justify;
    margin-bottom: 0.25rem;
}

.case-content {
    background: #fff;
    padding: 0.25rem;
    position: relative;
    margin-top: 0.25rem;
    border-radius: 0.125rem;
    box-sizing: border-box;
}

.case-content:before {
    width: 92%;
    height: 0.2rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: -0.1rem;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    transition: all 0.5s;
}

.case-content:after {
    width: 86%;
    height: 0.2rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    bottom: -0.2rem;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    transition: all 0.5s;
    left: 50%;
    transform: translate(-50%, 0)
}

.case-text {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.case-text li {
    margin-top: 0.25rem
}

.case-text li:first-child {
    margin-top: 0
}

.case-text li img {
    width: 0.5333rem;
    height: 0.5333rem;
    vertical-align: middle;
    margin-right: 0.1667rem
}

.case-text li {
    font-size: 0.2167rem;
    color: #111f3f;
}

.case-text li span {
    font-size: 0.2167rem;
    color: #fa2346;
    font-weight: bold;
    padding-right: 0.125rem;
    box-sizing: border-box;
}

.case-text .pic {
    position: relative;
    width: 1.75rem;
    height: 1.35rem;
    margin-top: -0.4167rem
}

.case-text .pic img {
    width: 100%;
}

.case-text .pic span {
    position: absolute;
    bottom: -0.375rem;
    left: 10%;
    display: block;
    color: #fff;
    background: #fa2346;
    font-size: 0.2167rem;
    padding: 0.125rem 0.1667rem;
    border-radius: 0.4167rem;
}

.case-cont {
    margin-top: 0.5rem;
}

.case-cont ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.case-cont ul li {
    font-size: 0.2rem;
    color: #788291;
}

.case-cont ul li span {
    color: #fff;
    font-size: 0.2rem;
    box-sizing: border-box;
    margin-right: 0.0417rem;
    width: 0.5rem;
    height: 0.4167rem;
    display: inline-block;
    text-align: center;
    background: url(sp_bg.png) no-repeat;
    background-size: cover;
    line-height: 0.4167rem;
    padding-left: 0.0833rem;
}

.case-content h2 {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.25rem;
}

.case-content h2:before {
    content: "";
    display: inline-block;
    background: url(h_zs.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-right: 0.25rem;
    background-size: cover;
}

.case-content h2:after {
    content: "";
    display: inline-block;
    background: url(h_zs2.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-left: 0.25rem;
    background-size: cover;
}

.case-content .cont p {
    font-size: 0.24rem;
    color: #4b556e;
    line-height: 2em;
    text-align: justify;
    margin-bottom: 0.25rem;
}

.case-content .cont p img {
    width: 100%;
    display: block;
    margin: 0 auto 0.3333rem;
}

.case-content .cont .content_video {
    text-align: center;
    margin-bottom: 0.125rem;
}

.case-content .cont .content_video p {
    background: -webkit-linear-gradient(left, #8d224e, #1b2057);
    background: -o-linear-gradient(right, #8d224e, #1b2057);
    background: -moz-linear-gradient(right, #8d224e, #1b2057);
    background: linear-gradient(to right, #8d224e, #1b2057);
    color: #fff;
    padding: 0 0.2083rem;
    margin: 0.125rem auto;
    display: inline-block;
    border-radius: 0.25rem;
}

.case_xcxq p,
.case_mtit p {
    background: #f0f3fa;
    padding: 0.125rem 0.1667rem;
    border-radius: 0.125rem;
    position: relative;
}

.case_xcxq p:nth-child(3n-1):after,
.case_mtit p:nth-child(3n-1):after {
    background: #84c9b7;
    width: 0.0417rem;
    height: 0.4583rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 0.125rem;
}

.case_xcxq p:nth-child(3n+0):after,
.case_mtit p:nth-child(3n+0):after {
    background: #f25a29;
    width: 0.0417rem;
    height: 0.4583rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 0.125rem;
}

.case_xcxq p:nth-child(3n+1):after,
.case_mtit p:nth-child(3n+1):after {
    background: #27aae2;
    width: 0.0417rem;
    height: 0.4583rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 0.125rem;
}

.case-xczj {
    margin-bottom: 0.25rem
}

.case-xczj ul {
    display: flex;
    justify-content: space-between;
}

.case-xczj ul li {
    width: 32%;
}

.case-xczj ul li img {
    width: 100%
}


/* 案例内页end*/


/* 视屏中心 */

.video-class {
    background: #fff;
    padding: 0.25rem 0.25rem 0.1667rem;
    margin-top: 0.25rem
}

.video-class.video-one {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    position: relative;
    margin-top: -1.25rem;
}

.video-class header {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
}

.video-class header .left img {
    vertical-align: middle;
    width: 0.5rem;
    margin-top: -0.04rem;
}

.video-class header .left h2 {
    font-weight: bold;
    display: inline;
    margin-left: 0.0833rem;
}

.video-class header .left h2 a {
    color: #051741;
    font-size: 0.27rem
}

.video-class header .left span {
    font-size: 0.2rem;
    color: #fff;
    background: url(hot_bg3.png) no-repeat;
    padding: 0.03rem 0.17rem;
    background-size: 100% 100%;
}

.video-class header .right {
    flex: 1;
    text-align: right;
}

.video-class header .right a {
    font-size: 0.2rem;
    color: #4b556e;
}

.video-class header .right img {
    width: 0.1rem;
    height: 0.18rem;
    margin-left: 0.1rem;
    vertical-align: middle;
    margin-top: -0.03rem
}

.video-class ul {
    margin-left: -4%;
    overflow: hidden;
}

.video-class li {
    float: left;
    width: 46%;
    margin-left: 4%;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.video-class li a {
    display: block;
}

.video-class li .pic {
    position: relative;
    padding-top: 56.5%;
}

.video-class li .pic p {
    position: absolute;
    right: 0;
    bottom: 0;
    background: none repeat scroll 0 0 rgba(70, 72, 90, 0.8);
    box-sizing: border-box;
    padding: 0.0833rem 0.125rem;
    color: #fff;
    line-height: 1;
    border-top-left-radius: 0.1667rem;
    font-size: 0.2167rem;
}

.video-class li img {
    width: 100%;
    display: block;
    border-top-left-radius: 0.0833rem;
    border-top-right-radius: 0.0833rem;
    position: absolute;
    top: 0;
    left: 0;
}

.video-class li h3 {
    height: 0.9167rem;
    padding: 0.1667rem 0.25rem;
    position: relative;
    box-sizing: border-box;
    background: url(pro_h3_bg.png) no-repeat 0 bottom;
    background-size: 100% 0.4167rem;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    border-bottom-right-radius: 0.0833rem;
    border-bottom-left-radius: 0.0833rem;
}

.video-class li h3 a {
    font-size: 0.2167rem;
    color: #05163f;
    line-height: 0.3333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-class li h3:after {
    display: block;
    background: url(pro_name_zs.png) no-repeat;
    background-size: cover;
    content: "";
    width: 0.2833rem;
    height: 0.45rem;
    position: absolute;
    right: 0.0833rem;
    top: 0.0417rem;
}


/* 视屏中心end*/


/* 视频列表 */

.video-list {
    background: #fff;
    position: relative;
    margin-top: -1.25rem;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    padding: 0.25rem;
    box-sizing: border-box;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.2);
}

.video-list ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
    text-align: center;
}

.video-list ul li a {
    display: block;
}

.video-list ul li img {
    width: 0.7083rem;
    height: 0.7083rem;
}

.video-list ul li p a {
    color: #283755;
}

.video-list ul li.active p a {
    color: #fa2346;
}

.video-list ul li.active {
    position: relative;
}

.video-list ul li.active:after {
    width: 0;
    height: 0;
    border-width: 0.125rem 0.125rem 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    position: absolute;
    bottom: -0.3667rem;
    left: 30%;
    content: "";
    display: block;
}

.list-video {
    background: #fff;
    padding: 0.25rem 0.25rem 0.1667rem;
}

.list-video ul {
    overflow: hidden;
    margin-left: -4%;
}

.list-video li {
    float: left;
    width: 46%;
    margin-left: 4%;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.list-video li a {
    display: block;
}

.list-video li .pic {
    position: relative;
    padding-top: 56.5%;
}

.list-video li .pic p {
    position: absolute;
    right: 0;
    bottom: 0;
    background: none repeat scroll 0 0 rgba(70, 72, 90, 0.8);
    box-sizing: border-box;
    padding: 0.0833rem 0.125rem;
    color: #fff;
    line-height: 1;
    border-top-left-radius: 0.1667rem;
    font-size: 0.2167rem;
}

.list-video li img {
    width: 100%;
    display: block;
    border-top-left-radius: 0.0833rem;
    border-top-right-radius: 0.0833rem;
    position: absolute;
    top: 0;
    left: 0;
}

.list-video li h3 {
    height: 0.9167rem;
    padding: 0.1667rem 0.25rem;
    position: relative;
    box-sizing: border-box;
    background: url(pro_h3_bg.png) no-repeat 0 bottom;
    background-size: 100% 0.4167rem;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    border-bottom-right-radius: 0.0833rem;
    border-bottom-left-radius: 0.0833rem;
}

.list-video li h3 a {
    font-size: 0.2167rem;
    color: #05163f;
    line-height: 0.3333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-video li h3:after {
    display: block;
    background: url(pro_name_zs.png) no-repeat;
    background-size: cover;
    content: "";
    width: 0.2833rem;
    height: 0.45rem;
    position: absolute;
    right: 0.0833rem;
    top: 0.0417rem;
}


/* 视频列表end*/


/* 视频内页 */

.video-v video {
    width: 100%;
    height: auto;
}

.video-head {
    background: linear-gradient( #182246, #f0f3fa);
    padding: 0.2917rem 0.25rem;
    box-sizing: border-box;
}

.video-head .bg {
    background: #fff;
    margin: 0 auto 0.25rem;
    position: relative;
    padding: 0.25rem;
    box-sizing: border-box;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}

.video-head .bg:after {
    width: 95.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: -0.0833rem;
    margin-left: -2%;
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
}

.video-head .bg:before {
    width: 91.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: -0.1667rem;
    left: 4%;
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
}

.video-head h1 {
    font-size: 0.2667rem;
    color: #05163f;
    line-height: 0.3333rem;
    font-weight: bold;
    text-align: justify;
}

.video-head .video-time {
    margin-top: 0.1667rem;
}

.video-time p {
    color: #4b556e;
    font-size: 0.2167rem;
    display: inline-block;
    margin-right: 0.3333rem;
}

.video-time p img {
    vertical-align: middle;
    width: 0.2167rem;
    margin-right: 0.1rem;
    margin-top: -0.0333rem
}

.video-time .two img {
    width: 0.2917rem;
}

.video-time p span {
    font-size: 0.2167rem;
    color: #788291;
}

.video-head .bt {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.video-head .bt .fl {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.video-head .bt .fl img {
    width: 0.5833rem;
    height: 0.5833rem;
    border-radius: 50%;
}

.video-head .bt .fl .name {
    flex: 1;
    margin-left: 0.1667rem
}

.video-head .bt .fl .name p {
    font-size: 0.2167rem;
    color: #111f3f;
}

.video-head .bt .fl .name span {
    font-size: 0.2rem;
    color: #788291;
}

.video-head .bt .fr {
    background: #fa2346;
    border-top-left-radius: 0.4167rem;
    border-bottom-left-radius: 0.4167rem;
    margin-right: -0.3333rem;
    position: relative;
}

.video-head .bt .fr i {
    width: 0.0833rem;
    background: url(fr_ab2.png) no-repeat;
    background-size: cover;
    height: 0.1rem;
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: -0.0833rem;
}

.video-head .bt .fr span {
    color: #fff;
    line-height: 0.5833rem;
    font-size: 0.2333rem;
    padding: 0 0.3333rem 0 0.25rem;
    box-sizing: border-box;
}

.hot-rideo {
    background: #fff;
    margin: 0.25rem auto;
    padding: 0.25rem;
}

.hot-rideo h3 {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
    text-align: center;
}

.hot-rideo h3:before {
    content: "";
    display: inline-block;
    background: url(h_zs.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-right: 0.25rem;
    background-size: cover;
}

.hot-rideo h3:after {
    content: "";
    display: inline-block;
    background: url(h_zs2.png) no-repeat;
    width: 0.3167rem;
    height: 0.175rem;
    vertical-align: middle;
    margin-left: 0.25rem;
    background-size: cover;
}

.hot-rideo ul li {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.hot-rideo ul li .play-nums {
    color: #788291;
}

.hot-rideo ul li .play-nums img {
    width: 0.2333rem;
    margin-right: 0.0833rem;
}

.hot-rideo .item-dh {
    display: flex
}

.hot-rideo .item-dh .leftpic {
    position: relative;
    width: 2.0rem;
    margin-right: 0.25rem;
}

.hot-rideo .item-dh .leftpic a {
    display: block;
    width: 100%;
    height: 100%;
}

.hot-rideo .item-dh .leftpic a img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.0833rem;
}

.hot-rideo .item-dh .leftpic a span {
    color: #fff;
    width: 0.3rem;
    height: 0.3rem;
    text-indent: 0.0833rem;
    border-radius: 2px;
    background: url(numb.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0.0833rem;
    top: 0.0833rem;
    font-size: 0.2rem;
}

.hot-rideo .item-dh a {
    font-size: 0.2167rem;
    color: #4b556e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.hot-rideo .right-txt .play-rank-nums {
    font-size: 0.2rem;
    color: #788291;
    margin: 0.0833rem auto;
    display: block;
}

.hot-rideo .right-txt .play-rank-nums img {
    width: 0.2333rem;
    margin-right: 0.0833rem;
}

.hot-rideo .text-overflow a {
    font-size: 0.2rem;
    color: #4b556e;
}

.hot-rideo .item-hid {
    display: flex;
    justify-content: space-between;
}

.hot-rideo .item-hid p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 70%
}

.hot-rideo .item-hid a {
    font-size: 0.2167rem;
    color: #4b556e;
}

.hot-rideo .item-hid .num {
    color: #fff;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    text-indent: 0.0833rem;
    border-radius: 2px;
    background: url(numb.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.2rem;
}


/* 视频内页end*/


/* 解决方案 */

.solution-one {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    position: relative;
    margin-top: -1.25rem;
    background: #fff;
    padding: 0.25rem 0.25rem 0.1667rem;
}

.solution-one header,
.solution-two header {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
}

.solution-one header .left img,
.solution-two header .left img {
    vertical-align: middle;
    width: 0.7rem;
    height: 0.7rem;
    margin-top: -0.04rem
}

.solution-one header .left h2,
.solution-two header .left h2 {
    font-weight: bold;
    display: inline;
    margin-left: 0.0833rem;
}

.solution-one header .left h2 a,
.solution-two header .left h2 a {
    color: #051741;
    font-size: 0.27rem
}

.solution-one header .left span,
.solution-two header .left span {
    font-size: 0.2rem;
    color: #fff;
    background: url(hot_bg3.png) no-repeat;
    box-sizing: border-box;
    padding: 0.03rem 0.17rem;
    background-size: 100% 100%;
}

.solution-one header .right,
.solution-two header .right {
    flex: 1;
    text-align: right;
    line-height: 0.5833rem
}

.solution-one header .right a,
.solution-two header .right a {
    font-size: 0.2rem;
    color: #4b556e;
}

.solution-one header .right img,
.solution-two header .right img {
    width: 0.1rem;
    height: 0.18rem;
    margin-left: 0.1rem;
    vertical-align: middle;
    margin-top: -0.03rem
}

.solution-one li {
    border-bottom: 1px solid #ebecec;
    padding: 0.25rem 0;
}

.solution-one li:last-child {
    border: none;
    padding-bottom: 0.125rem
}

.solution-one li h3 {
    font-size: 0.2333rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.solution-one li h3 a {
    color: #111f3f;
    font-size: 0.25rem;
}

.solution-one li .t-tit {
    display: flex;
}

.solution-one li .t-tit .imgs {
    width: 2.0rem;
}

.solution-one li .t-tit .imgs img {
    width: 100%;
    border-radius: 0.0833rem;
    display: block;
}

.solution-one li .t-right {
    flex: 1;
    margin-left: 0.25rem;
}

.solution-one li .t-right p {
    font-size: 0.2167rem;
    color: #4b556e;
    margin-top: 0.1667rem;
}

.solution-one li .t-right p img {
    vertical-align: middle;
    margin-top: -0.0417rem;
    margin-right: 0.1667rem;
    width: 0.25rem;
}

.solution-one li .t-right p span {
    font-size: 0.2167rem;
    color: #fa2346;
}

.solution-two {
    margin-top: 0.25rem;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    background: #fff;
    padding: 0.25rem 0.25rem 0.1667rem;
}

.solution-two header {
    margin-bottom: 0.0833rem
}

.solution-two .mare-list {
    padding: 0;
    margin-top: 0
}


/* 解决方案end*/


/* 问答首页 */

.answer {
    margin-top: -1.2rem;
    position: relative;
    z-index: 2;
}

.answer ul {
    overflow: hidden;
}

.answer .ul li {
    width: 50%;
    text-align: center;
    float: left;
}

.answer .ul .one {
    font-size: 0.2667rem;
    color: #fa2346;
    font-weight: bold;
    background: #fff;
    border-top-right-radius: 0.125rem;
    border-top-left-radius: 0.125rem;
    padding: 0.375rem 0;
}

.answer .ul li img {
    margin-right: 0.1667rem;
}

.answer .ul .one img {
    width: 0.3583rem;
    vertical-align: middle;
    margin-top: -0.0833rem;
}

.answer .ul .two {
    font-size: 0.2667rem;
    color: #111f3f;
    font-weight: bold;
    background: #dbdbe0;
    border-top-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    margin-top: 0.125rem;
    padding: 0.2rem 0;
}

.answer .ul .two a {
    color: #111f3f;
}

.answer .ul .two img {
    width: 0.35rem;
    height: 0.35rem;
    vertical-align: middle;
    margin-top: -0.0417rem;
}

.answer-dh {
    background: #fff;
    padding: 0.4167rem 0.25rem 0.0417rem;
    margin-top: -0.3333rem;
}

.answer-dh h1 {
    font-size: 0.2333rem;
    color: #111f3f;
    font-weight: bold;
    margin-bottom: 0.1667rem;
    /* display: inline; */
}

.answer-dh h1 a {
    color: #fa2346;
}

.answer-tw .text {
    color: #788291;
    font-size: 0.2167rem
}

.answer-tw .text img {
    width: 1.0667rem;
    vertical-align: middle;
    margin-right: 0.1667rem;
}

.answer-tw .text a {
    color: #788291;
    font-size: 0.2167rem
}

.answer-tw .wt {
    background: #f0f3fa;
    padding: 0.3333rem 0.25rem;
    border-radius: 0.0833rem;
    border: 1px dashed #a0b0c7;
    margin-top: -0.2083rem;
}

.answer-tw .wt a {
    font-size: 0.2333rem;
    color: #111f3f;
    font-weight: bold;
}

.answer-tw .wt a span {
    color: #fa2346;
}

.answer-tw .wt time {
    font-size: 0.2rem;
    color: #4b556e;
    margin-top: 0.1667rem;
    display: block;
}

.answer-jd {
    margin-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.answer-jd .text {
    text-align: right;
    font-size: 0.2167rem;
    color: #788291;
}

.answer-jd .text span {
    color: #fa2346;
    font-size: 0.2167rem;
}

.answer-jd .text img {
    vertical-align: middle;
    margin-left: 0.1667rem;
    width: 1.0667rem
}

.answer-jd .jd {
    background: #f0f3fa;
    padding: 0.3333rem 0.25rem;
    border-radius: 0.0833rem;
    border: 1px dashed #a0b0c7;
    margin-top: -0.2083rem;
    font-size: 0.2167rem;
    color: #4b556e;
    line-height: 0.38rem;
    text-align: justify;
}

.answer-jd .jd p {
    font-size: 0.2167rem;
    color: #4b556e;
    line-height: 0.38rem;
    text-align: justify;
    margin-bottom: 0.125rem;
}

.answer-jd .jd p .wdmore {
    font-size: 0.2167rem;
    color: #fa2346;
    display: block;
    text-align: right;
}

.answer-jd .jd img {
    width: 100%;
}

.answer-jd .jd .content_video {
    text-align: center;
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
}

.answer-jd .jd .content_video p {
    background: -webkit-linear-gradient(left, #8d224e, #1b2057);
    background: -o-linear-gradient(right, #8d224e, #1b2057);
    background: -moz-linear-gradient(right, #8d224e, #1b2057);
    background: linear-gradient(to right, #8d224e, #1b2057);
    color: #fff;
    padding: 0 0.2083rem;
    margin: 0.125rem auto;
    display: inline-block;
    border-radius: 0.25rem;
}

.my-tw,
.jc-wd {
    position: relative;
}

.jc-wd span {
    font-size: 0.2333rem;
    color: #111f3f;
    font-weight: bold;
}

.jc-wd .tit {
    display: flex;
    justify-content: space-between;
}

.jc-wd .tit a {
    font-size: 0.2rem;
    color: #4b556e;
    margin-top: 0.0833rem
}

.jc-wd .tit a img {
    width: 0.1rem;
    height: 0.18rem;
    margin-left: 0.1rem;
    vertical-align: middle;
    margin-top: -0.03rem;
}

.my-tw .tit strong,
.jc-wd .tit strong {
    margin-left: 0.1667rem;
    display: inline-block;
    background: -webkit-linear-gradient(left, #8c224e, #1c2057);
    background: -o-linear-gradient(left, #8c224e, #1c2057);
    background: -moz-linear-gradient(left, #8c224e, #1c2057);
    background: linear-gradient(left, #8c224e, #1c2057);
    padding: 0.0833rem 0.25rem;
    color: #fff;
    font-size: 0.25rem;
    line-height: 1;
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: relative;
    z-index: 10
}

.my-tw .tit:before,
.jc-wd .tit:before {
    background: #9ea0c5;
    width: 0.4167rem;
    height: 0.4083rem;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-top-left-radius: 0.2083rem;
}

.my-tw .tit:after,
.jc-wd .tit:after {
    background: #6d70a8;
    width: 0.4167rem;
    height: 0.4083rem;
    content: "";
    position: absolute;
    left: 0.0833rem;
    top: 0;
    display: block;
    border-top-left-radius: 0.2083rem;
}

.my-tw .text {
    font-size: 0.2167rem;
    color: #4b556e;
    padding: 0.4167rem 0.125rem;
    line-height: 0.4rem;
    border-top: 2px solid #f0f0fa;
    margin-top: -0.1667rem;
}

.my-tw .text a {
    color: #fa2346;
    display: inline-block;
    font-size: 0.2167rem;
    font-weight: bold;
}

.my-tw .text span {
    line-height: 0.25rem;
    background: #fa2346;
    padding: 0.0833rem;
    display: inline-block;
    margin-left: 5px;
    margin-right: 0.0417rem;
    color: #fff;
    font-size: 0.2167rem;
    border-top-left-radius: 0.1667rem;
    border-bottom-right-radius: 0.1667rem;
}

.tj-wt {
    background: #f0f3fa;
    padding: 0.25rem;
    border-radius: 0.0833rem;
    border: 1px dashed #a0b0c7;
    margin-bottom: 0.4167rem;
}

.tj-wt form {
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.tj-wt input,
.tj-wt select {
    border: 1px solid #ccc;
    height: 0.5833rem;
    font-size: 0.24rem;
    color: #0e183b;
    padding-left: 12%;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0.25rem;
    border-radius: 0.125rem;
}

.tj-wt input.text-user {
    background: url(pic_one.png) no-repeat 3% center #fff;
    background-size: 0.3rem 0.3rem;
}

.tj-wt .rel {
    position: relative;
}

.tj-wt .sel {
    position: relative;
}

.tj-wt select {
    background: url(icon_lyfl.png) no-repeat 3% center #fff;
    background-size: 0.3rem 0.3rem;
}

.tj-wt .sel:after {
    position: absolute;
    top: 0.2083rem;
    right: 0.2083rem;
    background: url(dbx.png) no-repeat;
    background-size: cover;
    content: "";
    width: 0.2rem;
    height: 0.1333rem;
    display: block;
}

.tj-wt .lyb_wxts {
    position: absolute;
    z-index: 9999;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    padding: 6px 13px 6px 16px;
    top: -30px;
    left: 45%;
    display: none;
}

.tj-wt .lyb_wxts .W_icon {
    padding: 8px 14px;
    background: url(ly-icon8.png) left center no-repeat;
    background-size: 22px;
}

.tj-wt .lyb_wxts_arrow {
    position: absolute;
    overflow: hidden;
    display: block;
    bottom: -14px;
    left: 40%;
    line-height: 14px;
}

.tj-wt .lyb_wxts_arrow img {
    max-width: 28px;
    width: 100%;
    height: auto;
}

.tj-wt input.text-tel {
    background: url(pic_two.png) no-repeat 3% center #fff;
    background-size: 0.3rem 0.3rem;
}

.tj-wt textarea {
    width: 100%;
    height: 1.6667rem;
    border: 1px solid #ccc;
    font-size: 0.2333rem;
    line-height: 0.35rem;
    box-sizing: border-box;
    padding: 0.1083rem 4% 0.125rem 12%;
    background: url(pic_three.png) no-repeat 3% 10% #fff;
    background-size: 0.3rem 0.3rem;
    border-radius: 0.125rem;
}

.tj-wt button {
    padding: 0.0833rem 0.5rem;
    text-align: center;
    margin: 0.25rem auto 0;
    font-size: 0.25rem;
    display: block;
    box-sizing: border-box;
    background: -webkit-linear-gradient(left, #8b224e, #1d2057);
    background: -o-linear-gradient(left, #8b224e, #1d2057);
    background: -moz-linear-gradient(left, #8b224e, #1d2057);
    background: linear-gradient(left, #8b224e, #1d2057);
    color: #fff;
    border-radius: 0.4167rem;
    position: relative;
}

.tj-wt button:after {
    background: url(wt_jt.png) no-repeat;
    width: 0.2417rem;
    height: 0.1833rem;
    background-size: cover;
    position: absolute;
    right: 0.1667rem;
    top: 0.1667rem;
    display: block;
    content: "";
}

.jc-wd ul {
    padding: 0.25rem 0;
}

.jc-wd li {
    padding: 0.1667rem 0;
    border-bottom: 1px dashed #e1e9f4;
}

.jc-wd li a {
    font-size: 0.2167rem;
    color: #4b556e;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(xg_zs.png) no-repeat 0 center;
    background-size: 0.2rem 0.2rem;
    text-indent: 0.25rem;
}

.jc-wd li p {
    font-size: 0.2rem;
    color: #788291;
    margin-top: 0.0833rem;
    text-indent: 0.25rem;
}

.page-bottom {
    padding-bottom: 0.1167rem
}


/* 问答首页end*/


/* 问答内页 */

.answer-banner {
    position: relative;
}

.answer-banner:after {
    display: block;
    background: url(anse_ban_bg.png) no-repeat;
    width: 100%;
    height: 1.0rem;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5
}

.answer-banner img {
    width: 100%;
    display: block;
}

.answer-page {
    margin-top: 0
}

.answer-page .answer-dh {
    margin-top: 0
}

.answer-xq {
    position: relative;
    z-index: 10;
    margin-top: -0.75rem;
}

.answer-xq .gdxg {
    text-align: center;
    font-size: 0.3rem;
    display: block;
    font-weight: bold;
    color: #fff;
}

.answer-xq h2 a {
    text-align: center;
    font-size: 0.3rem;
    display: block;
    font-weight: bold;
    color: #fff;
}

.answer-xq .xq {
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    background: #fff;
    width: 94%;
    margin: 0.2083rem auto 0;
    border-radius: 0.0833rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 0.25rem;
}

.answer-xq .xq .fl p {
    font-size: 0.2167rem;
    color: #111f3f;
    margin-bottom: 0.0833rem;
}

.answer-xq .xq .fl p:last-child {
    margin-bottom: 0
}

.answer-xq .xq .fl p span {
    font-size: 0.2333rem;
    color: #fa2346;
    font-weight: bold;
}

.answer-xq .xq .fr {
    background: #fa2346;
    width: 0.7083rem;
    height: 0.7083rem;
    text-align: center;
    padding: 0.0833rem;
    box-sizing: border-box;
    line-height: 0.25rem;
    border-radius: 0.0833rem;
}

.answer-xq .xq .fr a {
    font-size: 0.2167rem;
    color: #f0f3fa;
}

.answer-cont {
    background: #fff;
    padding-top: 1.6667rem;
    margin-top: -1.3333rem;
    padding-bottom: 0.25rem;
}

.answer-cont ul {
    padding: 0 0.4167rem;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    justify-content: space-between;
}

.answer-cont ul li {
    font-size: 0.2rem;
    color: #788291;
}

.answer-cont ul li span {
    color: #fff;
    font-size: 0.2rem;
    box-sizing: border-box;
    margin-right: 0.0417rem;
    width: 0.5rem;
    height: 0.4167rem;
    display: inline-block;
    text-align: center;
    background: url(sp_bg.png) no-repeat;
    background-size: cover;
    line-height: 0.4167rem;
    padding-left: 0.0833rem;
}

.answer-talk a {
    font-size: 0.25rem;
    color: #fa2346;
    text-align: center;
    width: 92%;
    display: block;
    margin: 0.3333rem auto;
    border: 1px solid #a0b0c7;
    padding: 0.125rem 0;
    border-radius: 0.4167rem;
    background: url(answer-kf.png) no-repeat 30% center;
    background-size: 0.35rem;
    height: 0.325rem;
}


/* 问答内页end*/


/* 更多相关文章 */

.answer-ms {
    background: #fff;
    padding-top: 1.6667rem;
    margin-top: -1.3333rem;
}

.answer-ms ul {
    padding: 0 0.4167rem;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.answer-ms ul li {
    font-size: 0.2rem;
    color: #788291;
    width: 50%;
    margin-bottom: 0.25rem
}

.answer-ms ul li span {
    color: #fff;
    font-size: 0.2rem;
    box-sizing: border-box;
    margin-right: 0.0417rem;
    width: 0.5rem;
    height: 0.4167rem;
    display: inline-block;
    text-align: center;
    background: url(sp_bg.png) no-repeat;
    background-size: cover;
    line-height: 0.4167rem;
    padding-left: 0.0833rem;
}

.answer-ms ul li a {
    font-size: 0.2rem;
    color: #788291;
}

.jc-wd .more {
    font-size: 0.2667rem;
    color: #05163f;
    font-weight: bold;
}

.jc-wd .more span {
    font-size: 0.2667rem;
    color: #fa2346;
}

.jc-wd .more:before {
    margin-right: 0.125rem;
    display: inline-block;
    background: url(h_three.png) no-repeat;
    width: 0.25rem;
    height: 0.25rem;
    content: "";
    background-size: cover;
}


/* 更多相关文章end*/


/* 404 */

.err {
    background: #fff;
    padding: 0.6667rem 0;
    margin-top: 0.25rem;
}

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

.err .box img {
    width: 5.1333rem;
}

.err .box p {
    font-size: 0.25rem;
    color: #4b556e;
    margin: 0.25rem auto;
}

.err .box button {
    padding: 0.2083rem 1rem;
    text-align: center;
    margin: 0.25rem auto 0;
    font-size: 0.25rem;
    display: block;
    box-sizing: border-box;
    background: -webkit-linear-gradient(left, #8b224e, #1d2057);
    background: -o-linear-gradient(left, #8b224e, #1d2057);
    background: -moz-linear-gradient(left, #8b224e, #1d2057);
    background: linear-gradient(left, #8b224e, #1d2057);
    color: #fff;
    border-radius: 0.4167rem;
    position: relative;
}

.err .box button a {
    color: #fff;
}

.err .box button:before {
    background: url(return.png) no-repeat;
    width: 0.5333rem;
    height: 0.5333rem;
    background-size: cover;
    position: absolute;
    left: 0.1rem;
    top: 0.1rem;
    display: block;
    content: "";
}


/* 404end*/


/* 联系我们 */

.contact-head {
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    background: #fff;
    margin: -1rem auto 0.25rem;
    position: relative;
    padding: 0.25rem;
    box-sizing: border-box;
    width: 92%;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    display: flex;
    justify-content: space-between;
}

.contact-head:before {
    width: 87.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: -0.1667rem;
    margin-left: 2%;
}

.contact-head:after {
    width: 91.5%;
    height: 0.1667rem;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -0.0833rem;
}

.contact-head .l-box {
    margin-right: 0.2rem;
    width: 4rem
}

.contact-head .l-box img {
    width: 100%;
}

.contact-head .r-box h1 {
    font-size: 0.26rem;
    color: #05163f;
    font-weight: bold;
    margin-bottom: 0.1667rem;
}

.contact-head .r-box p {
    font-size: 0.2rem;
    color: #536280;
    text-align: justify;
    line-height: 0.3667rem;
}

.contact-two {
    padding: 0 0.25rem;
}

.contact-two .box {
    display: flex;
    justify-content: space-between;
    margin-top: 0.25rem
}

.contact-two .box a {
    display: block;
    font-size: 0.2167rem;
    color: #111f3f;
}

.contact-two .box img {
    display: block;
    width: 0.8917rem;
    flex-shrink: 0;
}

.contact-two .box p {
    font-size: 0.2167rem;
    color: #111f3f;
    background: #fff;
    border-radius: 0.0833rem;
    box-sizing: border-box;
    line-height: 0.8917rem;
    padding-left: 0.25rem;
    width: 100%;
    margin-left: -0.2083rem;
    margin-top: 0.125rem;
    position: relative;
    z-index: 5
}

.contact-two .box p span {
    font-size: 0.2167rem;
    color: #fa2346;
    font-weight: bold;
}

.contact-four,
.service-idea,
.service-advantage,
.parts-service,
.service-process {
    background: #fff;
    padding: 0.3333rem 0.25rem;
    margin-top: 0.25rem
}

.contact-four .tit,
.contact-five .tit,
.service-idea .tit,
.service-advantage .tit,
.parts-service .tit,
.service-process .tit {
    position: relative;
}

.contact-four .tit strong,
.contact-five .tit strong,
.service-idea .tit strong,
.service-advantage .tit strong,
.parts-service .tit strong,
.service-process .tit strong {
    background: #8d224e;
    margin-left: 0.1667rem;
    display: inline-block;
    background: -webkit-linear-gradient(left, #8c224e, #1c2057);
    background: -o-linear-gradient(left, #8c224e, #1c2057);
    background: -moz-linear-gradient(left, #8c224e, #1c2057);
    background: linear-gradient(left, #8c224e, #1c2057);
    padding: 0.12rem 0.25rem;
    color: #fff;
    font-size: 0.25rem;
    line-height: 1;
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: relative;
    z-index: 10;
}

.contact-four .tit:before,
.contact-five .tit:before,
.service-idea .tit:before,
.service-advantage .tit:before,
.parts-service .tit:before,
.service-process .tit:before {
    background: #9ea0c5;
    width: 0.4167rem;
    height: 0.48rem;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-top-left-radius: 0.2083rem;
}

.contact-four .tit:after,
.contact-five .tit:after,
.service-idea .tit:after,
.service-advantage .tit:after,
.parts-service .tit:after,
.service-process .tit:after {
    background: #6d70a8;
    width: 0.4167rem;
    height: 0.48rem;
    content: "";
    position: absolute;
    left: 0.0833rem;
    top: 0;
    display: block;
    border-top-left-radius: 0.2083rem;
}

.contact-four p.text,
.contact-five p.text,
.service-idea .tit p.text,
.service-advantage .tit p.text,
.parts-service .tit p.text,
.service-process .tit p.text {
    font-size: 0.2167rem;
    color: #4b556e;
    text-align: justify;
    padding: 0.4167rem 0.125rem 0.0833rem;
    line-height: 0.4rem;
    border-top: 2px solid #f0f0fa;
    margin-top: -0.25rem;
}

.contact-four ul {
    display: flex;
    justify-content: space-between;
    margin-left: -2%;
    margin-top: 0.1667rem
}

.contact-four ul li {
    border: 1px solid #f0f3fa;
    text-align: center;
    border-radius: 0.0833rem;
    padding: 0.25rem 0.1667rem;
    box-sizing: border-box;
    margin-left: 2%;
    width: 23%;
}

.contact-four ul li img {
    width: 0.4833rem
}

.contact-four ul li span {
    display: block;
    font-size: 0.2rem;
    color: #788291;
    line-height: 1.5em
}

.contact-five {
    background: #fff;
    margin-top: 0.25rem;
    padding: 0.3333rem 0.25rem;
}

.service-one {
    background: #fff;
    padding: 0.3333rem 0.25rem;
    margin-top: -1.25rem;
    position: relative;
    z-index: 10;
    border-top-left-radius: 0.1667rem;
    border-top-right-radius: 0.1667rem;
}

.service-one ul {
    display: flex;
    justify-content: space-between;
    margin-left: -3%
}

.service-one li {
    text-align: center;
    width: 30%;
    margin-left: 3%;
}

.service-one li img {
    width: 1.3333rem;
}

.service-one li p {
    font-size: 0.2167rem;
    line-height: 0.35rem;
    color: #788291;
    background: #fff;
    padding: 0.8333rem 0.1667rem 0.25rem;
    -moz-box-shadow: 0.0417rem 0px 0.5833rem #e5eeff inset;
    -webkit-box-shadow: 0.0417rem 0px 0.5833rem #e5eeff inset;
    box-shadow: 0.0417rem 0px 0.5833rem #e5eeff inset;
    border-radius: 0.1667rem;
    margin-top: -0.6667rem;
}

.service-idea li {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3333rem;
}

.service-idea li .fl-box img {
    width: 2.75rem;
}

.service-idea li .fr-box {
    background: url(s_fr.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -1.0rem;
    width: 4.1417rem;
    margin-top: -0.375rem;
    position: relative;
}

.service-idea li .fr-box span {
    font-size: 0.2167rem;
    color: #fff;
    position: absolute;
    top: 0.1833rem;
    left: 0.625rem;
}

.service-idea li .fr-box p {
    padding: 0.7rem 0.2rem 0.3rem 0.5rem;
    box-sizing: border-box;
    font-size: 0.2167rem;
    color: #788291;
    line-height: 0.4rem
}

.service-advantage .tit p.text {
    padding: 0.125rem;
}

.service-advantage li {
    display: flex;
    margin-top: 0.25rem
}

.service-advantage li i {
    background: #1c2057;
    background: -webkit-linear-gradient(left top, #1c2057, #8c224e);
    background: -o-linear-gradient(bottom right, #1c2057, #8c224e);
    background: -moz-linear-gradient(bottom right, #1c2057, #8c224e);
    background: linear-gradient(bottom right, #1c2057, #8c224e);
    color: #fff;
    display: inline-table;
    padding: 0.0167rem 0.1083rem 0.0167rem 0.0667rem;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    font-size: 0.2rem;
    color: #fff;
    margin-top: 0.375rem;
    position: relative;
}

.service-advantage li i:after {
    background: url(advantage_zs.png) no-repeat;
    width: 0.075rem;
    height: 0.6833rem;
    display: block;
    content: "";
    position: absolute;
    top: 0.4167rem;
    left: 0.0833rem;
    background-size: cover;
}

.service-advantage li:last-child i:after {
    background: none
}

.service-advantage li img {
    width: 0.7333rem;
    height: 0.7333rem;
    flex-shrink: 0;
    display: block;
    vertical-align: middle;
    margin: 0.1667rem 0.25rem 0 0.0833rem;
}

.service-advantage li p {
    background: #f0f3fa;
    padding: 0.1667rem 0.2917rem 0.1667rem 0.25rem;
    font-size: 0.2167rem;
    color: #394c73;
    line-height: 0.3667rem;
    border-radius: 0.0417rem;
    text-align: justify;
    box-sizing: border-box;
    position: relative;
}

.service-advantage li p:before {
    width: 0.2rem;
    height: 0.2667rem;
    background: url(ysj.png) no-repeat;
    position: absolute;
    left: -0.2rem;
    top: 0.375rem;
    content: "";
    display: block;
    background-size: cover;
}

.parts-service .tit strong {
    padding: 0.116rem 0.25rem;
}

.parts-service ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%
}

.parts-service li {
    width: 46%;
    margin-left: 4%;
    margin-top: 0.25rem;
}

.parts-service li img {
    width: 100%;
    display: block;
}

.service-process ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7%;
}

.service-process li {
    width: 26.333%;
    margin-left: 7%;
    text-align: center;
    box-shadow: 0px 0.0417rem 0.1667rem rgba(5, 26, 85, 0.2);
    border-radius: 0.0833rem;
    margin-top: 0.25rem;
    padding: 0.25rem 0 0.0833rem;
    box-sizing: border-box;
    position: relative;
}

.service-process li:before {
    width: 88%;
    height: 0.0667rem;
    content: "";
    display: block;
    background: #dce2ef;
    position: absolute;
    bottom: -0.0667rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    transition: all 0.5s;
    box-shadow: 0px 0.03rem 0.21rem rgba(40, 55, 85, 0.2);
    left: 50%;
    transform: translate(-50%, 0)
}

.service-process li img {
    display: block;
    width: 0.6667rem;
    margin: 0 auto;
}

.service-process li span {
    display: block;
    font-size: 0.2rem;
    color: #788291;
    line-height: 0.4rem;
    margin-top: 0.0833rem;
}


/* 联系我们end*/


/* 案例列表 */

.new-list .case-list {
    background: #fff;
    padding: 0.25rem;
    margin-top: -0.25rem;
    box-sizing: border-box;
}

.new-list .case-list li {
    border-bottom: 1px solid #ebecec;
    padding: 0.25rem 0;
}

.new-list .case-list li:last-child {
    border: none;
    padding-bottom: 0.125rem
}

.new-list .case-list li h3 {
    font-size: 0.2333rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.new-list .case-list li h3 a {
    color: #111f3f;
}

.new-list .case-list li .t-tit {
    display: flex;
}

.new-list .case-list li .t-tit .imgs {
    width: 2.0rem;
}

.new-list .case-list li .t-tit .imgs img {
    width: 100%;
    border-radius: 0.0833rem;
    display: block;
}

.new-list .case-list li .t-right {
    flex: 1;
    margin-left: 0.25rem;
}

.new-list .case-list li .t-right p {
    font-size: 0.2rem;
    color: #4b556e;
    margin-top: 0.1667rem;
}

.new-list .case-list li .t-right p img {
    vertical-align: middle;
    margin-top: -0.0417rem;
    margin-right: 0.1667rem;
    width: 0.275rem;
}

.new-list .case-list li .t-right p span {
    font-size: 0.2rem;
    color: #fa2346;
}


/* 案例列表end*/


/* 关于我们 */

.about-one {
    background: #fff;
    padding: 0.3333rem 0.25rem;
    margin-top: -1.25rem;
    position: relative;
    z-index: 5;
    border-top-left-radius: 0.1667rem;
    border-top-right-radius: 0.1667rem;
}

.about-one h1 {
    font-size: 0.2667rem;
    color: #111f3f;
    text-align: center;
    font-weight: bold;
}

.about-one p {
    font-size: 0.2rem;
    color: #4b556e;
    line-height: 0.4rem;
    margin-top: 0.0833rem;
}

.about-one ul {
    display: flex;
    justify-content: space-between;
    margin-left: -2%;
    margin-top: 0.1667rem;
}

.about-one ul li {
    border: 1px solid #f0f3fa;
    text-align: center;
    border-radius: 0.0833rem;
    padding: 0.25rem 0.1667rem;
    box-sizing: border-box;
    margin-left: 2%;
    width: 23%;
}

.about-one ul li img {
    width: 0.4917rem;
}

.about-one ul li span {
    display: block;
    font-size: 0.2rem;
    color: #788291;
}

.about-cj .pic {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.about-cj h3 {
    text-align: center;
    padding: 0.1667rem 0;
    font-size: 0.25rem;
    color: #05163f;
}

.about-cj h3 img {
    width: 0.375rem;
    vertical-align: middle;
    margin-top: -0.0417rem;
}

.about-pro,
.about-sc,
.about-hz {
    background: #fff;
    padding: 0.3333rem 0.25rem;
    margin-top: 0.25rem;
}

.about-pro .tit,
.about-sc .tit,
.about-hz .tit {
    position: relative;
}

.about-pro .tit:before,
.about-sc .tit:before,
.about-hz .tit:before {
    background: #9ea0c5;
    width: 0.4167rem;
    height: 0.4833rem;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-top-left-radius: 0.2083rem;
}

.about-pro .tit:after,
.about-sc .tit:after,
.about-hz .tit:after {
    background: #6d70a8;
    width: 0.4167rem;
    height: 0.4833rem;
    content: "";
    position: absolute;
    left: 0.0833rem;
    top: 0;
    display: block;
    border-top-left-radius: 0.2083rem;
}

.about-pro .tit strong,
.about-sc .tit strong,
.about-hz .tit strong {
    margin-left: 0.1667rem;
    display: inline-block;
    background: -webkit-linear-gradient(left, #8c224e, #1c2057);
    background: -o-linear-gradient(left, #8c224e, #1c2057);
    background: -moz-linear-gradient(left, #8c224e, #1c2057);
    background: linear-gradient(left, #8c224e, #1c2057);
    padding: 0.12rem 0.25rem;
    color: #fff;
    font-size: 0.25rem;
    line-height: 1;
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    position: relative;
    z-index: 10;
}

.about-pro .tit p.text,
.about-sc .tit p.text,
.about-hz .tit p.text {
    font-size: 0.2167rem;
    color: #4b556e;
    text-align: justify;
    padding: 0.4167rem 0.125rem 0.0833rem;
    line-height: 0.4rem;
    border-top: 2px solid #f0f0fa;
    margin-top: -0.25rem;
}

.about-pro ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%;
}

.about-pro li {
    width: 46%;
    margin-left: 4%;
    margin-top: 0.25rem;
}

.about-pro li img {
    width: 100%;
    display: block;
}

.about-sc ul {
    margin-left: -4%;
    overflow: hidden;
}

.about-sc li {
    float: left;
    width: 46%;
    margin-left: 4%;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.about-sc li img {
    width: 100%;
    display: block;
    border-top-left-radius: 0.0833rem;
    border-top-right-radius: 0.0833rem;
}

.about-sc li h3 {
    position: relative;
    text-align: center;
    line-height: 0.5417rem;
    background: url(pro_h3_bg.png) no-repeat 0 bottom;
    background-size: 100% 0.4167rem;
    box-shadow: 0px 0.03rem 0.21rem rgba(5, 26, 85, 0.1);
    border-bottom-right-radius: 0.0833rem;
    border-bottom-left-radius: 0.0833rem;
    font-size: 0.2167rem;
    color: #111f3f;
}

.about-sc li h3:after {
    display: block;
    background: url(pro_name_zs.png) no-repeat;
    background-size: cover;
    content: "";
    width: 0.2833rem;
    height: 0.45rem;
    position: absolute;
    right: 0.0833rem;
    top: 0.0417rem;
}

.about-hz .map img {
    width: 100%;
    display: block;
}


/* 关于我们end*/

#gotoTop {
    width: 0.5rem;
    height: 0.5rem;
    z-index: 9999;
    bottom: 1.6667rem;
    background: url(icon_mtop.png) no-repeat;
    background-size: 0.5rem;
    right: 0.0833rem;
    cursor: pointer;
    position: fixed;
    display: none;
}

table tr td {
    padding: 0.0833rem 0;
}

#computer {
    display: none;
}

.mobile-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    z-index: 100;
}

.mobile-loading .img {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 1.6667rem;
    transform: translate(-50%, 0);
    overflow: hidden;
}

.mobile-loading .img p {
    font-size: 0.25rem;
    color: #333333;
    line-height: 26px;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 3px;
    font-weight: bold;
}

.mobile-loading .img img {
    display: block;
    width: 100%;
}

.mobile-loading .img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
    width: 100%;
    animation: mark 0.5s linear;
}

@keyframes mark {
    0% {
        left: 0;
    }
    100% {
        left: 120%;
    }
}

@media screen and (max-width: 480px) {
    .service-idea li .fr-box p {
        font-size: 0.2rem
    }
}


/* 错误电话 */

.err-tel {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.err-con {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    max-width: 600px;
    border-radius: 10px;
    background-color: #fff;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: .4167rem .1667rem;
    text-align: center;
    box-sizing: border-box;
}

.err-con p {
    margin-bottom: .125rem;
    font-size: .2rem;
    color: #333333;
    line-height: 1.5em;
    text-align: center;
}

.err-con .close {
    position: absolute;
    right: .125rem;
    top: .125rem;
    width: .4167rem;
    height: .4167rem;
    background: url(close-err.png) no-repeat center;
}

.err-con img {
    display: block;
    margin: 0 auto .1667rem;
    max-width: 40%;
}

.err-con .btn {
    overflow: hidden;
}

.err-con .btn .swt {
    float: left;
    color: #ffffff;
    background-color: #fa2346;
    width: 48%;
    font-size: .15rem;
    line-height: .4rem;
    border: 1px solid #fa2346;
    border-radius: 5px;
}

.err-con .btn .ly {
    float: right;
    color: #fa2346;
    width: 48%;
    font-size: .15rem;
    line-height: .4rem;
    border: 1px solid #fa2346;
    border-radius: 5px;
}


/* 单独设置 */


/* 移动破碎站 */

.pro-content .cont .m-ydp h3 {
    position: relative;
    border: 1px solid #152888;
    display: inline-block;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 0.25rem;
    padding: 0.0417rem 0.3333rem;
    box-sizing: border-box;
    border-radius: 0.25rem;
    color: #273a9a;
    font-weight: normal;
    font-size: 0.2167rem;
    font-family: '微软雅黑 regular'
}

.pro-content .cont .m-ydp h3 a {
    line-height: 1;
}

.pro-content .cont .m-ydp h3::before {
    display: none;
}

.pro-content .cont .m-ydp h3::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.125rem solid transparent;
    border-right: 0.125rem solid transparent;
    border-top: 0.1167rem solid #2e41a1;
    margin: 0 auto;
    position: absolute;
    bottom: -0.125rem;
    left: 50%;
    transform: translate(-50%, 0);
    background: none
}

.pro-content .cont .big-tit,
.pro-content .cont .big-tit span {
    text-align: center;
    background: linear-gradient(to bottom, #4356b6, #192c8c);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 0.3rem;
    margin-bottom: 0.25rem;
    line-height: 1;
    margin-top: 0.25rem;
}

.pro-content .cont .big-tit span {
    font-weight: bold;
    margin-right: 1%;
}

.pro-content .cont .m-ydp .pic-sp img {
    position: relative;
    margin-bottom: -0.1667rem;
}

.pro-content .cont .m-ydp .pic-sp .tit {
    position: relative;
    margin-top: 0.3333rem;
}

.pro-content .cont .m-ydp .pic-sp .tit span {
    background: url('tit_bg.png') no-repeat;
    background-size: cover;
    width: 2.25rem;
    height: 0.4167rem;
    line-height: 0.4167rem;
    text-align: center;
    color: #fff;
    font-size: 0.2167rem;
    display: block;
    margin-bottom: 0;
}

.pro-content .cont .m-ydp .pic-sp .tit .sp-one {
    position: absolute;
    right: 0.1667rem;
    top: 0;
    z-index: 1
}

.pro-content .cont .m-ydp .pic-sp .tit .sp-two {
    position: absolute;
    left: 0.1667rem;
    top: 0;
    z-index: 1
}

.pro-content .cont .m-ydp .ydp-xq {
    background: #050541;
    padding: 0.3333rem 0 3.6rem;
    margin-bottom: 0.4167rem;
    position: relative;
}

.pro-content .cont .m-ydp .ydp-xq .sl {
    text-align: center;
    margin-left: 0.1667rem;
}

.pro-content .cont .m-ydp .ydp-xq span {
    font-size: 0.2167rem;
    color: #fff;
    border: 1px solid #4a598d;
    padding: 0.025rem 0.2rem;
    box-sizing: border-box;
    border-radius: 0.25rem;
    margin-left: -0.1667rem
}

.pro-content .cont .m-ydp .ydp-xq .big-tit span {
    font-size: 0.3rem;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 0;
}

.pro-content .cont .m-ydp .ydp-xq .big-tit {
    color: #fff;
    margin-left: 0.1667rem;
}

.pro-content .cont .m-ydp .xq {
    position: relative;
    z-index: 5;
    margin-top: -4rem;
    margin-bottom: 0.4167rem;
}

.pro-content .cont .m-ydp .xq-box {
    width: 90%;
    background: #fff;
    margin-left: 5%;
    padding: 0.25rem;
    box-sizing: border-box;
    position: relative;
}

.pro-content .cont .m-ydp .xq-box::before,
.pro-content .cont .m-ydp .xq-box::after {
    content: "";
    position: absolute;
    z-index: -1;
}

.pro-content .cont .m-ydp .xq-box::before,
.pro-content .cont .m-ydp .xq-box::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0.0833rem;
    left: 0.0833rem;
    width: 50%;
    height: 20%;
}

.pro-content .cont .m-ydp .xq-box::before,
.pro-content .cont .m-ydp .xq-box::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0.0833rem;
    left: 0.0833rem;
    width: 50%;
    height: 20%;
    box-shadow: 0 0.125rem 0.0833rem rgba(0, 0, 0, 0.2);
    transform: rotate(-3deg);
}

.pro-content .cont .m-ydp .xq-box::after {
    right: 0.0833rem;
    left: auto;
    transform: rotate(3deg);
}

.pro-content .cont .m-ydp .ms-box {
    padding: 0.1667rem;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #7c91d9;
    box-shadow: 2px 0 1.0rem #cad1ee inset;
}

.pro-content .cont .m-ydp .ms-box p {
    font-size: 0.2167rem;
    color: #4b556e;
    margin-bottom: 0;
    display: inline;
    border-bottom: 1px solid #e5e9f7;
    padding-bottom: 0.0833rem;
}

.pro-content .cont .m-ydp .bg-color {
    background: #f0f6fd;
    padding: 0.25rem;
    box-sizing: border-box;
    margin-bottom: 0.1667rem;
}


/* 颚式破碎机 */

.m-ep .ep-pz {
    background: url(ep_bg.jpg) no-repeat;
    background-size: cover;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    color: #fff;
    padding: 0.3333rem 0;
    box-sizing: border-box;
    overflow: hidden;
}

.m-ep .ep-pz p {
    font-size: 0.2667rem;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
}

.m-ep .ep-pz strong {
    display: block;
    font-size: 0.3167rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.1667rem;
}

.m-ep .ep-pz img {
    width: 4.1917rem;
    height: 4.2167rem;
    display: block;
    margin: 0.5rem auto;
}

.m-ep .ep-pz .list {
    margin-top: 0.25rem;
    text-align: center;
}

.m-ep .ep-pz li {
    display: inline-block;
    background: url(ep_tit_bg.png) no-repeat;
    background-size: cover;
    width: 1.4167rem;
    height: 0.4167rem;
    line-height: 0.4167rem;
    text-align: center;
    margin-left: 2%;
}

.m-ep .ep-pz .ep-bottom {
    background: url(ep_bt.png) no-repeat;
    background-size: cover;
    width: 5.25rem;
    height: 1.5167rem;
    margin: 0 auto;
}

.m-ep .ep-pz .ep-bottom p {
    text-align: left;
    font-size: 0.2167rem;
    padding: 0.3333rem 0.25rem 0;
    box-sizing: border-box;
}

.m-ep .bg-color {
    background: #f0f6fd;
    padding: 0.25rem;
    box-sizing: border-box;
    margin-bottom: 0.1667rem;
}

.m-ep .bg-color h3::before,
.m-ep .bg-color h3::after {
    background: none;
    width: 0;
    margin-right: 0;
    margin-left: 0;
}

.m-ep .bg-color h3 {
    font-weight: normal;
    position: relative;
}

.m-ep .bg-color h3::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    display: block;
    background: url('h_bg.png') no-repeat;
    width: 4.15rem;
    height: 0.0167rem;
    background-size: cover;
}

.m-ep .bg-color h3 span {
    background: linear-gradient(to bottom, #4356b6, #192c8c);
    color: #fff;
    font-size: 0.2667rem;
    padding: 0.075rem 0.125rem;
    border-radius: 50%;
    z-index: 2;
    position: relative;
}

.m-ep .bg-color strong {
    font-weight: normal;
    display: block;
    text-align: center;
    font-size: 0.2333rem;
    color: #0d2080;
    position: relative;
    margin-bottom: 0.4167rem;
    margin-top: 0.1667rem;
}

.m-ep .bg-color strong::after {
    position: absolute;
    bottom: -0.125rem;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    display: block;
    background: url('h_bg.png') no-repeat;
    width: 4.15rem;
    height: 0.0167rem;
    background-size: cover;
}

.m-ep .ep-sp img {
    position: relative;
    margin-bottom: -0.1667rem;
}

.m-ep .ep-sp .tit {
    position: relative;
    margin-top: 0.3333rem;
}

.m-ep .ep-sp .tit span {
    background: url('tit_bg.png') no-repeat;
    background-size: cover;
    width: 2.25rem;
    height: 0.425rem;
    line-height: 0.4167rem;
    text-align: center;
    color: #fff;
    font-size: 0.2167rem;
    display: block;
    margin-bottom: 0;
}

.m-ep .ep-sp .tit .sp-one {
    position: absolute;
    right: 0.1667rem;
    top: 0;
    z-index: 1
}

.m-ep .ep-sp .tit .sp-two {
    position: absolute;
    left: 0.1667rem;
    top: 0;
    z-index: 1
}

.m-ep .bg-liangdian {
    background: none;
    padding: 0;
}


/* 制砂机 */

.pro-content .cont .m-zs {
    padding-top: 0.125rem;
}

.pro-content .cont .m-zs h3 {
    color: #273a9a;
    margin-bottom: 0.25rem;
}

.pro-content .cont .m-zs h3::before {
    content: "";
    display: inline-block;
    background: url(zs_lbt.png) no-repeat;
    width: 0.71rem;
    height: 0.65rem;
    background-size: 100%;
    vertical-align: middle;
    margin-right: -0.4rem;
}

.pro-content .cont .m-zs h3::after {
    content: "";
    display: inline-block;
    background: url(zs_rbt.png) no-repeat;
    width: 0.4533rem;
    height: 0.65rem;
    background-size: 100%;
    vertical-align: middle;
    margin-left: -0.2rem;
}

.pro-content .cont .m-zs .zs-t {
    text-align: center;
    font-size: 0.25rem;
    color: #273a9a;
    line-height: 1;
}

.pro-content .cont .m-zs .zs-tp {
    background: url(zs_bg.png) no-repeat;
    background-size: cover;
    padding: 0.4167rem 0.3333rem;
    box-sizing: border-box;
    margin: 0.3333rem auto;
}

.pro-content .cont .m-zs .zs-tp strong {
    display: block;
    font-size: 0.3rem;
    color: #0c1e77;
    text-align: center;
    margin-bottom: 0.2083rem;
    margin-top: 0.2083rem;
}

.pro-content .cont .m-zs .zs-tp p {
    font-size: 0.2167rem;
    color: #2841af;
    text-align: center;
}

.pro-content .cont .m-zs .zs-tp img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.pro-content .cont .m-zs .zs-tp img:first-child {
    width: 4.225rem;
}

.pro-content .cont .m-zs .zs-tp img:nth-child(2) {
    width: 4.95rem;
}

.m-zs .zs-sp img {
    position: relative;
    margin-bottom: -0.1667rem;
}

.m-zs .zs-sp .tit {
    position: relative;
    margin-top: 0.3333rem;
}

.m-zs .zs-sp .tit span {
    background: url('tit_bg.png') no-repeat;
    background-size: cover;
    width: 2.25rem;
    height: 0.425rem;
    line-height: 0.4167rem;
    text-align: center;
    color: #fff;
    font-size: 0.2167rem;
    display: block;
    margin-bottom: 0;
}

.m-zs .zs-sp .tit .sp-one {
    position: absolute;
    right: 0.1667rem;
    top: 0;
    z-index: 1
}

.m-zs .zs-sp .tit .sp-two {
    position: absolute;
    left: 0.1667rem;
    top: 0;
    z-index: 1
}



.select-content{ width:90%; height:100%; overflow:auto; background:white; position:fixed; z-index:999; right:-90%; top:0; } 
.select-top{ width:100%; background:#e9e9e9; position:relative; line-height:10px; padding:10px 30px; font-size:16px; color:#999; } 
.select-top img{ width:10px; position:absolute; right:10px; top:calc(50% - 5px); } 
.select-device{ border-bottom:1px solid #e9e9e9; } 
.select-device .device-title img{ position:absolute; right:10px; top:calc(50% - 5px); } 
.select-device .current img{transform:rotate(180deg);} 
.select-content ul li{ width:calc(50% - 15px); float:left; margin:0 10px; margin-bottom:10px; text-align:center; background:#bfbdbd; border-radius:4px; padding:20px 0; position:relative;overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } 
.select-content ul li a{ color:#727272; } 
.select-content ul li.l1,.select-content ul li.l3,.select-content ul li.l5,.select-content ul li.l7,.select-content ul li.l9{ margin-right:5px; } 
.select-content ul li.l1,.select-content ul li.l2,.select-content ul li.l3,.select-content ul li.l4,.select-content ul li.l5,.select-content ul li.l6,.select-content ul li.l7,.select-content ul li.l8,.select-content ul li.l9,.select-content ul li.l10{ background-color:#e9e9e9; } 
.select-content ul li.title{ background-color:#cebdbd; } 
.select-content ul li.l2,.select-content ul li.l4,.select-content ul li.l6,.select-content ul li.l8,.select-content ul li.l10{ margin-left:5px; } 
.select-content ul li .current{ position:absolute; right:0; bottom:0; } 
.product-total li img{ width:16px; position:absolute; right:10px; top:calc(50% - 6px); } /*在线订购*/ 
.order { max-width:650px; } 


.select-top{ width:100%; background:#e9e9e9; position:relative; line-height:10px; padding:10px 30px; font-size:16px; color:#999; } 
.select-top img{ width:10px; position:absolute; right:10px; top:calc(50% - 5px); } 
.select-device{ border-bottom:1px solid #e9e9e9; } 

.select-device .device-title{padding:10px 30px;color:#666;position:relative;} /*物料定义样式*/ 
.stone { max-width:650px; background-color:#f6f6f6; } 
.stone-center { width:calc(100% - 20px); margin:0 10px; } 
.stone-wrap{ background-color:#fff; border-bottom:1px solid #dfdfdf; position:relative; padding:10px; top:-30px; margin-bottom:20px; color:#5e5757; text-align:justify; } 
.stone-table{ border-top:1px dashed #5e5757; border-bottom:1px dashed #5e5757; padding:10px 0; margin:20px 0; } 
.title-name{ position:relative; } 
.title-name h3{ margin-bottom:10px; } 
.title-name span{ position:absolute; left:54px; top:calc(50% - 10px); } 
.stone-table p{ margin-bottom:10px; } 
.stone-table p>b{ margin-right:15px; } 
.stone-intro h3{ margin-bottom:10px; } 

.select-top{ box-sizing:border-box;}


/* index style */
.index-ban{-webkit-box-shadow: 0px 8px 6px -5px rgba(228,0,52,.16);-moz-box-shadow: 0px 8px 6px -5px rgba(228,0,52,.16);box-shadow: 0px 8px 6px -5px rgba(228,0,52,.16);}
.index-base{ background:#fff; padding: 1em 0;-webkit-box-shadow: 0px 8px 6px -5px rgba(228,0,52,.16);-moz-box-shadow: 0px 8px 6px -5px rgba(228,0,52,.16);box-shadow: 0px 8px 6px -5px rgba(228,0,52,.16);}
.index-base h1{color: #ED3B47;font-size: 1.24em;text-align:center;text-shadow:0 3px 5px rgba(228,0,52,.16);}
.base-do{position: relative;margin-top:1.2em;}
.base-do span{font-size: 0.85em;color: #6E6874;display: inline-block;width: 20%;text-align: center;}
.base-do span.do-con01{position: absolute;left:0;top:-0.2em;}
.base-do span.do-con02{position: absolute;left:24%;bottom:0.3em;}
.base-do span.do-con03{position: absolute;left:51%;top:-0.2em;}
.base-do span.do-con04{position: absolute;left:75%;bottom:0.3em;}
.base-type{clear: both;overflow: hidden;margin-left:-4%;margin-top: 1.2em;padding-bottom: 10px;}
.base-type li{position: relative;float: left;width: 16%;margin-left:4%;text-align: center;}
.base-type li > a{display:block;border-radius: 50%;border:0.071em solid #BF3747;}
.base-type li:after{content: "";display: inline-block;position: absolute;left: 50%;bottom: 1.7em;width: 1px;height: 0.6em;background-color: #BF3747;}
.base-type li p{width: 100%;height:1.7em;line-height:1.7em;margin-top:0.6em;border-radius: 0.2em;background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);background: linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);-webkit-box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16);-moz-box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16);box-shadow: 0px 5px 8px -1px rgba(228,0,52,.16);}
.base-type li p a{display: block;color: #FFF;font-size: 0.9em;}
.index-pro{padding: 1em 0;}
.show-tit{text-align: center;}
.show-tit img{width: 1em;height: auto;margin: 0.4em auto;}
.show-tit:before{content: "";display: inline-block;margin-left:-6.8em;width: 3.4em;height: 1.8em;background: url(tit-fl.png) no-repeat left center;-webkit-background-size:96%;-moz-background-size:96%;-o-background-size:96%;background-size:96%;vertical-align: top;margin-top: 0.8em;}
.show-tit:after{content: "";display: inline-block;margin-right:-6.8em;width: 3.4em;height: 1.8em;background: url(tit-fr.png) no-repeat right center;-webkit-background-size:96%;-moz-background-size:96%;-o-background-size:96%;background-size:96%;vertical-align: top;margin-top: 0.8em;}







@media (min-width: 768px){
	.index-two .index-pro ul li .imgs img{ height:210px;}
	}
@media (min-width: 480px) and (max-width: 768px){
	.index-two .index-pro ul li .imgs img{ height:210px;}
	}
@media (min-width: 320px) and (max-width: 480px){
	.index-two .index-pro ul li .imgs img{ height:140px;}
	
	}
@media (max-width: 320px){
	.index-two .index-pro ul li .imgs img{ height:110px;}
	}
	
	
@media screen and (max-width:480px){
    .wrap{margin-left:0.63em;margin-right:0.63em;}
    .show-top{padding-left: 0.63em;padding-right: 0.63em;}
    .base-do span.do-con01,.base-do span.do-con03{top: -0.4em;}
    .base-do span.do-con02,.base-do span.do-con04{bottom: -0.1em;}
    .about-base{height: 30em;padding-left: 1.5em;padding-right: 1.5em;}
    .about-base p{margin-bottom: 1em;}
    .about-grow ul{padding-left: 22px;}
    .about-grow ul li span{width:22%;font-size: 1em;}.pro-name h2{background-image: url(news-names.png);width: 10em;}
    .list-pic{width: 48%;}
    .pro-base:after{bottom: 5.1em;}
    .pro-range, .pro-intro p{padding: 1.1em 0.6em 0;}
    .tel-info i{font-size: 1em;}
    .tel-info{left:25%;width: 70%;top:56%;}
    .con-show p{font-size: 0.98em;line-height: 2; padding: 0 0.6em;}
    .pro-point{margin:0 0.6em;font-size: 0.92em;line-height: 2;}

    .msg-info{padding-left: 1.5em;}
    .msg-btn{padding: 0.7em 1.5em;position: relative;}
    .msg-other:before{right: 4em;}
    .msg-info{margin: 0 0.6em;}
    .msg-flow{margin: 1em 0.6em;}
    .message:after{left: 0.6em;}
    .msg-area .msg-base{min-height: 6em;}
    .msg-flow span.flow-con02{bottom:-0.2em;}

    .list-pic{width: 48%;}
    .list-info{padding-left: 47%;}
    .base-info{left: 2em;}
    .pro-pic {padding: 0 0.8em;}
    .case-info p{font-size: 0.9em;line-height: 1.8;margin-top: 0.5em;}
    .case-info{padding:0.6em 0.6em 3.2em;}
    .case-dot:before{left: 3em;top:-2.1em;background-size:80%}
    .tel-info i{font-size: 1em;}
    .tel-info{left:25%;width: 70%;}
    .news-row li::before{padding-top: 2px;left: 0.3em;}
    .news-row li::after{left: 0.84em;}
    .row-info::after{right: -0.2em;bottom:-0.2em}
    .base-news{padding-left: 0.6em;padding-right: 0.6em;} 
    .news-base{right:-0.62em;}
    .con-page{margin-left: 0.6em;margin-right: 0.6em;}
    .more-info p{padding: 0.6em 1em;}
    .more-info::before,.news-more .news-row li::before{left: 0;}
    .more-info::after,.news-more .news-row li::after{left:0.52em;}
    .cont-base{margin: 0 0.6em;}
    
}
@media screen and (max-width:320px){
    .msg-other:before{display: none;}
    .msg-flow span.flow-con02{bottom: -0.3em;}
}