html {
    font-size: 24px
}

body {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Microsoft YaHei';
    color: #4e4e4e;
    /* background-color: #fdfdfd; */
    overflow-x: hidden;
    min-width: 1024px;

}

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    border-radius: 8px;
}

body::-webkit-scrollbar-thumb {
    background: #ed6048;
    border-radius: 8px;
}

body::-webkit-scrollbar-thumb:hover {
    background: #da251d;
}

* {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

a {
    text-decoration: none;
    border: none;
    outline: none;
    color: #333;
}

img {
    vertical-align: middle;
    border: none;
    outline: none;
}

.clear:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

.clear {
    zoom: 1;
}

.ell-1 {
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ell-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ell-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ell-4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.warp {
    width: 1200px;
    margin: 0 auto
}

.wrap01 {
    max-width: 1720px;
    margin: 0 auto;
    width: 100%;

}

@font-face {
    font-family: "HelveticaBold";
    src: url("../fonts/Helvetica\ Condensed\ Bold.ttf") format("truetype");
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}

.fixed-right {
    width: 140px;
    height: auto;
    position: fixed;
    right: 10px;
    bottom: 40%;
    z-index: 999;
}

.fixed-right ul li {
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 auto 25px;
    position: relative;
    -moz-box-shadow: 0px 10px 20px #faa6a4;
    -webkit-box-shadow: 0px 10px 20px #faa6a4;
    box-shadow: 0px 10px 20px #faa6a4;
}

.fixed-right ul li a, .fixed-right ul li > span {
    display: block;
    color: #fea37e;
}


.fixed-right .b-box {
    width: 120px;
    height: 120px;
    position: relative;
}


.fixed-right .fix {
    width: 71px;
    height: 71px;
    background: #da251d;
    background: -webkit-linear-gradient(top, #ed6048, #da251d);
    background: -o-linear-gradient(bottom, #ed6048, #da251d);
    background: -moz-linear-gradient(bottom, #ed6048, #da251d);
    background: linear-gradient(to bottom, #ed6048, #da251d);
    cursor: pointer;
}

.fix a img, .fix span img {
    display: block;
    padding-top: 10px;
    margin: 0 auto 3px;
}

.fix01 .box {
    position: absolute;
    top: -15%;
    right: -500%;
    background: #fff;
    width: 300px;
    height: 100px;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}

.fix01 .box::after {
    content: "";
    position: absolute;
    top: 40%;
    right: -10px;
    width: 10px;
    height: 18px;
    background: url(../images/right.png) no-repeat;
}

.fix01 .box img {
    display: block;
    float: left;
    width: 75px;
    margin-right: 10px;
}

.fix01 .box .right {
    /* float: left; */
    overflow: hidden;
    /* margin-left: 10px; */
    /* margin-top: 5px; */
}

.fix01 .box .right p {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
}

.fix01 .box .right p span {
    color: #da251d;
}

.fix01 .box .right strong {
    font-size: 18px;
    color: #da251d;
}

.fixed-right .fix01:hover .box {
    right: 80px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.return-top {
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 57px;
    height: 57px;
    background: url(../images/top.png) no-repeat center;
    cursor: pointer;
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    border-radius: 4px;
    display: none;
    z-index: 9999;
}

@media (max-width: 768px) {
    .return-top {
        width: 45px;
        height: 45px;
        bottom: 50px
    }
}

.pull-left {
    float: left
}

.pull-right {
    float: right;
}


/* 8-5修改 */
.header {
    padding: 26px 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}

.header .logo {
    float: left;
}

.header .index-tel {
    float: right;
}

.index-tel p {
    line-height: 47px;
    font-size: 18px;
    color: #fff;
    background: url(../images/indexpc-tel.png) no-repeat left center;
    text-align: center;
    padding-left: 68px;
}

.index-tel p strong {
    font-weight: bold;
    font-size: 28px;
    color: #f3472e;
}

.nav {
    overflow: hidden;
    float: left;
    width: 64%;
    margin-left: 3%;
}

.nav li {
    float: left;
    width: 12.5%;
    text-align: center;
    
}

.nav li a {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 47px;
    text-align: center;
    position: relative;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
   
}
.nav li a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #ee2b21;
    box-sizing: border-box;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;

}
.nav li:hover a,.nav li.current a{color: #ee2b21;}
.nav li:hover a::before,.nav li.current a::before{
    width: 100%;
    top: 0;
    left: 0;
    transition-delay: 0.1s;
    border-bottom-color: #ee2b21;
    z-index: -1;
}
.nav li:hover ~li a::before{
    left: 0;
}




.banner {
    width: 100%;
    position: relative;
}

.banner .one-item img {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
}

.banner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.banner.slick-slider img {
    position: relative;
}

.banner .slick-dots {
    position: absolute;
    left: 5.2%;
    top: 289px;
    width: 80px;
    z-index: 1;
}

.banner .slick-dots li {
    margin-bottom: 30px;
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    background-color: #fff;
    width: 40px;
    height: 2px;
    position: relative;
}

.banner .slick-dots li button {
    position: absolute;
    top: -28px;
    right: 0;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    outline: none;
    border: none;
    font-size: 18px;
    background: transparent;
    width: 100%;
    text-align: right;
    height: 28px;
    line-height: 28px;

}

.banner .slick-dots li.slick-active {
    width: 80px;
    background: #da251d;
}

.banner .slick-dots li.slick-active button {
    color: #fff;
}

.banner:after {
    content: '';
    width: 27px;
    height: 46px;
    background: url(../images/index-sb.png) no-repeat;
}


.top-menu {
    background-color: #fff;
    padding: 40px 50px;
    position: relative;
    margin: -80px 0 100px;
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(190, 183, 164, 0.2);
    z-index: 1;
    overflow: hidden\0;
}

.top-menu li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.top-menu li p {
    font-size: 15px;
    color: #999
}

.top-menu li span {
    font-size: 15px;
    color: #da251d
}

.top-menu li span strong {
    background: -webkit-linear-gradient(left, #da251d, #da251d);
    background: -o-linear-gradient(right, #da251d, #da251d);
    background: -moz-linear-gradient(right, #da251d, #da251d);
    background: linear-gradient(to right, #da251d, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
    font-size: 60px;
    font-family: 'Impact'
}

/* 8-5 修改大标题 */

.index01-h2 {
    text-align: center;
    margin-top: 137px;
}

.index01-h2 .index-tit {
    display: inline-block;
    border: 1px solid #eaebed;
    padding: 0 78px;
    height: 57px;
}

.index01-h2 strong {
    display: block;
    font-size: 72px;
    line-height: 82px;
    font-family: "HelveticaBold";
    text-transform: uppercase;
    color: #f0f3fa;
    background: #fff;
    position: relative;
    margin-top: -42px;
    padding: 0 20px;
}

.index01-h2 h1 {
    font-size: 40px;
    font-weight: bold;
    color: #21282f;
    line-height: 48px;
    display: inline-block;
    background: #fff;
    margin-top: -5px;
    padding: 0 34px;
}

.index01-h2 h2 {
    font-size: 38px;
    font-weight: bold;
    color: #21282f;
    line-height: 48px;
    display: inline-block;
    background: #fff;
    margin-top: -5px;
    padding: 0 34px;
}

.index01-h2 h2 a {
    display: block;
    color: #21282f;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.index01-h2 .index-tit h2 a:hover {
    color: #ed644c;
}

.index01-h2 p {
    font-size: 18px;
    color: #3c3c3c;
    line-height: 28px;
    margin-top: 25px;
}

.index01-h2 p a:hover {
    color: #ed644c;
}

/* 8-30 首页产品类别 */

.index-tg {
    margin-top: 87px;
    margin-left: -2%;
}

.index-tg li {
    float: left;
    width: 18%;
    margin-left: 2%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    -moz-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    -ms-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    -o-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    position: relative;

}

.index-tg li:before, .index-tg li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.index-tg li:before {
    width: 2px;
    height: auto;
    bottom: 0;
    background-color: #b5becb;
}

.index-tg li:after {
    width: 3px;
    height: 120px;
    background-color: #aab4c1;
}

.index-tg li:hover:after {
    height: 160px;
    background-color: #465c7d;
}

.index-tg li .img img {
    width: 100%;
    display: block;
    height: auto;
}

.index-tg li .txt {
    padding: 0 20px 37px;
    box-sizing: border-box;
    position: relative;
}

.index-tg .txt .in-h3 {
    font-size: 20px;
    font-weight: bold;
    color: #2e3849;
    line-height: 30px;
    margin-bottom: 12px;
    display: block;
}

.index-tg .txt .in-h3:hover {
    color: #f0150c;
}

.index-tg .txt p {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    margin-bottom: 12px;
    height: 40px;
}

.index-tg .txt .in-qt {
    font-size: 14px;
    color: #373839;
    display: block;
    line-height: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.index-tg .txt .in-qt:hover {
    color: #f0150c;
    background: url(../images/in-arrow.png) no-repeat left center;
    padding-left: 22px;
}

.index-tg .txt .get-more {
    display: block;
    width: 25px;
    height: 18px;
    background: url(../images/in-getmore.png) no-repeat center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.index-tg .txt .get-more:hover {
    background: url(../images/in-getmore01.png) no-repeat center;
}

.youshi {
    margin-top: 70px;
    margin-bottom: 90px;
    overflow: hidden\0;
}

.youshi li {
    width: 25%;
    float: left;
    text-align: center
}

.youshi li h3 {
    margin: 50px 0 10px;
    font-size: 22px;
    font-weight: normal
}

.youshi li p {
    color: #999
}

/* 8-5修改 产品推荐 */

.hotpro-box {
    position: relative;
    background: url(../images/index-probg.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #252c32;
    margin-top: 70px;
    padding: 122px 0 109px;
}

.index-hotpro {
    display: none;
}

.index-hotpro .one-slick img {
    display: block;
    width: 100%;
    z-index: 1;
    position: relative;
}

.index-hotpro img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.index-hotpro.slick-slider img {
    position: relative;
}

.hotpro-item {
    text-align: center;
    position: relative;
}

.hotpro-item .img {
    display: inline-block;
    max-width: 1078px;
    width: 100%;
}

.hotpro-item .img img {
    display: block;
    width: 100%;
    height: auto;
}

.hotpro-item .hotpro-txt {
    width: 269px;
    position: absolute;
    top: 94px;
    text-align: left;
    left: 11.6%;
}

.one-slick .hotpro-txt {
    left: 7.3%;
}

.hotpro-txt .tit {
    display: block;
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    font-weight: bold;
}

.hotpro-txt .tit:hover {
    color: #e54735;
}

.hotpro-txt p {
    font-size: 18px;
    color: #ffffff;
    line-height: 32px;
    margin-top: 18px;
    font-weight: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hotpro-txt .look-more {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 100;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    border: 1px solid #62686b;
    padding: 0 32px;
    margin-top: 43px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.hotpro-txt .look-more:hover {
    background: #62686b;
}

.index-hotpro .hotpro-item {
    outline: none;
}

.hotpro-item .hotpro-ly {
    text-align: left;
    color: #fff;
    position: absolute;
    top: 94px;
    width: 360px;
    right: 8.75%;
}

.one-slick .hotpro-ly {
    width: 290px;
    right: 5%;
    right: 1%\0;
}

.hotpro-ly p {
    line-height: 26px;
    font-weight: 100;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hotpro-ly p.on {
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 21px;
}

.hotpro-gn {
    margin-top: 60px;
}

.hotpro-gn p b {
    font-size: 24px;
    color: #e54735;
    line-height: 34px;
}

.index-hotpro .slick-dots {
    position: absolute;
    top: 50%;
    top: 120px\0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 56px;
}

.index-hotpro .slick-dots li {
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.index-hotpro .slick-dots li button {
    background: transparent;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    cursor: pointer;
}

.index-hotpro .slick-dots li.slick-active button {
    color: #ec5c4a;
}

.index-hotpro .slick-dots li:before {
    content: '';
    width: 0;
    height: 2px;
    background: transparent;
    position: absolute;
    top: 11px;
    left: -6px;
}

.index-hotpro .slick-dots li.slick-active:before {
    width: 20px;
    background: #ec5c4a;
}

/* 自定义指示点 */
.custom-nav {
    overflow: hidden;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -274px;
    z-index: 1;
    /* left: 35%\0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); */
}

.custom-nav .slick-dot {
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #ffddd9;
    float: left;
    margin: 0 60px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

.custom-nav .slick-dot i {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    margin: 4px;
}

.custom-nav:after {
    content: '';
    width: 411px;
    height: auto;
    border-bottom: 1px dashed #fff;
    position: absolute;
    left: 66px;
    top: 8px;
    z-index: -1;
}

.custom-nav .slick-dot.on {
    background: #e54735;
    border-color: #e54735;
}

.custom-nav .slick-dot:hover {
    background: #e54735;
    border-color: #e54735;
}


.anli-list {
    margin: 70px -20px 90px;
    overflow: hidden\0;
}

.anli-list li {
    width: 33.3%;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
    overflow: hidden
}

.anli-list li img {
    width: 100%
}

.anli-list li .txt {
    height: 180px;
    border-bottom: 5px solid #fe3625;
}

.anli-list li .txt .menu {
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    padding: 40px 30px 20px 40px;
    position: relative;
    top: 0
}

.anli-list li .txt .menu span {
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    font-size: 48px;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: bold
}

.anli-list li .txt .menu h3 {
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    font-weight: normal;
    margin-bottom: 40px
}

.anli-list li .txt .menu h3 a {
    font-size: 24px;
    color: #333
}

.anli-list li .txt .menu p {
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    font-size: 15px;
    margin-bottom: 10px;
    color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anli-list li .txt .menu > a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 30px auto 0
}

.anli-list li:hover .txt {
    border-color: transparent
}

.anli-list li:hover .txt .menu {
    background: #f5251c;
    background: -webkit-linear-gradient(left top, #fb7b54, #f5251c);
    background: -o-linear-gradient(bottom right, #fb7b54, #f5251c);
    background: -moz-linear-gradient(bottom right, #fb7b54, #f5251c);
    background: linear-gradient(to bottom right, #fb7b54, #f5251c);
    top: -125px
}

.anli-list li:hover .txt .menu h3 {
    margin-bottom: 15px
}

.anli-list li:hover .txt .menu span,
.anli-list li:hover .txt .menu a,
.anli-list li:hover .txt .menu p {
    color: #fff
}

/* 首页新闻列表 新改 */
.index-newlist {
    padding-bottom: 50px;
    margin-top: 70px;
}

.index-newlist UL {
    overflow: hidden\0;
}

.index-newlist .tab-click li {
    float: left;
    width: 24%;
    text-align: center;
    margin-right: 11.5%;
    line-height: 68px;
    position: relative;
    padding-bottom: 6px;
}

.index-newlist .tab-click li.tab-lb3 {
    margin-right: 0;
}

.index-newlist .tab-click li span {
    display: block;
    font-size: 23px;
    font-weight: bold;
    color: #333333;
}

.index-newlist .tab-click .tab-lb2 span:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e94a3b;
    position: absolute;
    top: 31px;
    left: -3px;
}

.index-newlist .tab-click .tab-lb1 span:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e94a3b;
    position: absolute;
    top: 32px;
    right: -3px;
}

.index-newlist .tab-click li.newon {
    background: url(../images/index-tab.png) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.index-newlist .tab-click li.newon span {
    -webkit-box-shadow: 0 0 10px rgba(34, 24, 21, .18);
    -moz-box-shadow: 0 0 10px rgba(34, 24, 21, .18);
    -ms-box-shadow: 0 0 10px rgba(34, 24, 21, .18);
    -o-box-shadow: 0 0 10px rgba(34, 24, 21, .18);
    box-shadow: 0 0 10px rgba(34, 24, 21, .18);
    color: #fff;
}

.tab-click .tab-lb1:after {
    content: '';
    width: 110px;
    height: auto;
    border: 1px dashed #626262;
    position: absolute;
    top: 47%;
    right: -44%;
}

.newlist-con {
    margin-top: 70px;
    border: 1px solid #e4e4e4;
    padding: 10px 15px;
    box-sizing: border-box;
}

.newlist-con li {
    overflow: hidden;
    border-bottom: 1px dashed #e4e4e4;
}

.newlist-con li:last-child {
    margin-bottom: 75px;
}

.newlist-con li .pic {
    float: left;
    margin: 20px 10px;
    width: 19%;
    max-height: 130px;
    object-fit: cover;
    overflow: hidden;
}

.newlist-con li .pic img {
    width: 100%;
    display: block;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.newlist-con li .pic:hover img {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.newlist-con li .text {
    float: left;
    width: 64.8%;
    margin: 25px 0 0 2.7%;
}

.newlist-con li .text h3 a {
    font-size: 22px;
    color: #222121;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 12px;
    max-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
}

.newlist-con li .text h3:hover a {
    color: #da251d;
}

.newlist-con li .text p {
    font-size: 15px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
}

.newlist-con .date {
    float: left;
    width: 90px;
    background: #fff9f8;
    margin-left: 1.9%;
    position: relative;
    z-index: 1;
    margin-top: 46px;
    border-radius: 6px
}

.newlist-con .date .day {
    display: block;
    font-size: 34px;
    color: #222121;
    text-align: center;
    margin: 8px 0;
    line-height: 1.2;
}

.newlist-con .date .year {
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}

.newlist-con .date .year:before {
    content: '';
    width: 108px;
    height: 33px;
    background: url(../images/index-date.png) no-repeat;
    position: absolute;
    bottom: -5px;
    left: -9%;
    z-index: -1;
}


/* 首页新闻列表 新改结束 */
.khly {
    width: 100%;
}

.footer {
    background: url(../images/copy-bg.jpg) no-repeat center;
    -webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;
    background-color: #282a31;
}

.footer .foot {
    overflow: hidden;
}

.footer .left {
    width: 100%;
    padding: 50px 0 35px;
    overflow: hidden;
    font-size: 16px;
}

.footer .left strong {
    color: #aaa;
    display: block;
    margin-right: 5px;
    font-size: 16px;
    line-height: 36px;
    margin-left: 5px;
    font-weight: normal;
    float: left;
}

.footer .left .link {
    text-align: center;

}

.footer .left a {
    color: #aaa;
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
   
}
.footer .left .link a{
    line-height: 36px;
}
.footer .left strong span {
  
    display: inline-block;
    margin-left: 5px;
}

.foot .left li {
    float: left;
    color: #aaa;
    width: 25%;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 36px;
}

.foot .left li a {
    color: #aaa;
}

.foot .left li:hover a {
    color: #da251d;
}

.foot .sub-inner {
    overflow: hidden;
}

.foot .ks-nav {
    width: 50%;
    float: left;
}

.foot .sub-sm {
    float: right;
    width: 30%;
    background: url(../images/pc-ewm.jpg) no-repeat left center;
    padding-left: 90px;
}

.foot .sub-sm p {
    font-size: 18px;
    color: #f9f9f9;
    font-weight: 100;
    line-height: 32px;
}

.foot .sub-sm span {
    font-size: 16px;
    color: #f9f9f9;
    line-height: 32px;
}

.foot .sub-sm span b {
    font-size: 24px;
    font-weight: bold;
    color: #f3472e;
}


/* .footer .right {
    width: 267px;
    height: 164px;
    background: url(../images/lx-bg.png) no-repeat center;
    float: right;
    top: -29px;
    right: 0;
    position: absolute;
    box-sizing: border-box;
    padding: 40px 25px
}

.footer .right h3 {
    font-size: 18px;
    font-weight: normal;
    background: url(../images/phone.png) no-repeat left center;
    padding-left: 30px;
    margin-bottom: 20px;
    margin-bottom: 0;
}

.footer .right strong {
    font-size: 24px;
    background: -webkit-linear-gradient(left, #da251d, #da251d);
    background: -o-linear-gradient(right, #da251d, #da251d);
    background: -moz-linear-gradient(right, #da251d, #da251d);
    background: linear-gradient(to right, #da251d, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: transparent\0;
} */

.footer .copy {
    text-align: center;
    color: #fff;
    line-height: 70px;
    border-top: 1px solid #3f3f3f;
}

.footer .copy a {
    color: #fff;
    margin: 0 5px;
}

/*++++++++++++++ news list ++++++++++++++ */

.inner-banner {
    position: relative;
    margin-bottom: 70px;
}

.inner-banner > img {
    width: 100%
}

.inner-banner .txt {
    margin-top: 5%;
}

.inner-banner .ban-route {
    position: relative;
    margin-top: -17.5%;
}

.inner-banner .txt h1,
.inner-banner .txt .pic {
    padding-bottom: 30px;
    margin-bottom: 35px;
    background: url(../images/h2-bg.png) no-repeat left bottom;
    color: #fff;
}

.inner-banner .txt h1 {
    font-size: 40px;
}

.inner-banner .txt h1 a {
    color: #fff;
}

.inner-banner .txt p {
    color: #fff;
    line-height: 1.8;
}

.inner-h2 {
    margin-bottom: 45px
}

.inner-h2 strong, .inner-h2 a {
    display: block;
    font-size: 30px;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(left, #ed6048, #da251d);
    background: -moz-linear-gradient(left, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #ed6048\0;
    background: white\0;
}

.newslb-wrapper {
    position: relative;
    padding-top: 45px;
}

.newslb-wrapper::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ffc1ba;
    position: absolute;
    bottom: 10px;
    z-index: -1;
}

.news-lb {
    margin: 0 -15px;
}

.news-lb .item {
    box-sizing: border-box;
    outline: none;
}

.news-lb .item .menu-bg {
    margin: 0 15px;
    padding-bottom: 60px;
    position: relative;

}

.news-lb .item .menu-bg > a {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 43%;
}

.news-lb .item .menu-bg > a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.news-lb .item .menu-bg h3 {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    margin-top: -60px;
    width: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    padding: 20px 0 10px;
}

.news-lb .item .menu-bg h3 a {
    padding: 0 18px;
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-lb .item .menu-bg p {
    background-color: #f5f5f5;
    padding: 25px 15px 20px;
}

.shadow {
    position: relative;
    box-shadow: 0px 1px 4px rgba(250, 233, 221, 0.3), 0px 0px 20px rgba(223, 54, 42, 0.1) inset;
}

.shadow::after,
.shadow::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
}

.shadow::after,
.shadow::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 10px rgba(223, 54, 42, 0.5);
    transform: rotate(-3deg);
}

.shadow::after {
    right: 10px;
    left: auto;
    transform: rotate(3deg);
}

.news-lb .item .menu-bg p span {
    color: #999;
    background: url(../images/tb-time.png) no-repeat left center;
    padding-left: 25px;
}

.news-lb .item .menu-bg p a {
    float: right;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #ffffff\0;
    background: #ed6048\0;
}

.news-lb .item .menu-bg .dot {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ffc1ba;
    position: absolute;
    left: 48%;
    bottom: 0;
    background: #f5f5f5;
}

.news-lb .item .menu-bg:hover .dot {
    -ms-transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    background: linear-gradient(to right, #da251d, #da251d);
}

.news-lb .slick-next,
.news-lb .slick-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -70px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.news-lb .slick-prev {
    left: auto;
    right: 60px;
    background-image: url(../images/new-prev.png);
}

.news-lb .slick-next {
    right: 15px;
    background-image: url(../images/new-next.png);
}

.slick-next:before,
.slick-prev:before {
    display: none;
}

.news-lb .slick-prev:hover {
    background: url(../images/new-prev.jpg) no-repeat;
}

.news-lb .slick-next:hover {
    background: url(../images/new-next.jpg) no-repeat;
}


.news-list-tab, .case-list-tab {
    margin: 108px 0 60px;
    overflow: hidden\0;
}

.news-list-tab li, .case-list-tab li {
    float: left;
    font-size: 22px;
    width: 16.6%;
    text-align: center;
    background: #f5f5f5;
    height: 50px;
    line-height: 50px;
    padding: 15px 0;
    cursor: pointer;
}

.news-list-tab li a, .case-list-tab li a {
    display: block;
    box-shadow: inset 15px 0px 20px -15px #e3e3e3;
    position: relative;
    color: #333;
}

.news-list-tab li:hover,
.news-list-tab li.active,
.case-list-tab li.active {
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    box-shadow: 10px 0 20px -4px #e36962;
    position: relative;
    z-index: 2;
}

.news-list-tab li:hover a,
.news-list-tab li.active a,
.case-list-tab li.active a {
    font-weight: bold;
    background: -webkit-linear-gradient(left, #ffffff, #ffd4a8);
    background: -o-linear-gradient(right, #ffffff, #ffd4a8);
    background: -moz-linear-gradient(right, #ffffff, #ffd4a8);
    background: linear-gradient(to right, #ffffff, #ffd4a8);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: white\0;
    background: transparent\0;
    box-shadow: none;
}

.news-list-tab li:hover a:before,
.news-list-tab li.active a:before,
.case-list-tab li.active a:before {
    content: "";
    width: 28px;
    height: 2px;
    background: -webkit-linear-gradient(left, #ef6852, #febd94);
    background: -o-linear-gradient(right, #ef6852, #febd94);
    background: -moz-linear-gradient(right, #ef6852, #febd94);
    background: linear-gradient(to right, #ef6852, #febd94);
    position: absolute;
    top: 50%;
    left: 2px;
}

.news-list-tab li:hover a:after,
.news-list-tab li.active a:after,
.case-list-tab li.active a:after {
    content: "";
    width: 28px;
    height: 2px;
    background: -webkit-linear-gradient(left, #fe5541, #db261f);
    background: -o-linear-gradient(right, #fe5541, #db261f);
    background: -moz-linear-gradient(right, #fe5541, #db261f);
    background: linear-gradient(to right, #fe5541, #db261f);
    position: absolute;
    top: 50%;
    right: 2px;
}

.news-tabs .news-list-main {
    display: none;
}

.news-tabs .news-list-main.news-list-main1 {
    display: block;
}

.newslist {
    overflow: hidden;
    margin: 0 -2.5%;
}

.newslist li {
    position: relative;
    overflow: hidden;
    padding: 20px 0 20px;
    margin: 0 2.5%;
    width: 45%;
    float: left;
}

.newslist li span {
    display: block;
    float: left;
    width: 95px;
    text-align: center;
    border-right: 1px dashed #ddd;
    color: #999;
    font-size: 16px;
    margin-right: 20px
}

.newslist li span strong {
    display: block;
    font-size: 34px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
    color: #333;
}

.newslist li a {
    display: block;
    font-size: 18px;
    color: #222;
    margin: 0 0 12px
}

.newslist li a.pointer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.newslist li p {
    font-size: 16px;
    color: #777
}

.newslist li:hover a {
    color: #ff0100
}

.new-cs table td {
    word-break: break-all;
}

.pro-page {
    width: 64%;
    margin: 2rem auto;
    text-align: center
}

.pro-page a img {
    height: 1rem
}

.pro-page a:first-child {
    float: left
}

.pro-page a:last-child {
    float: right
}

.pro-page span {
    color: #999;
    display: inline-block;
    padding: 0 .5rem
}

.see-more {
    margin-top: 50px;
    margin-bottom: 75px;
    position: relative;
    text-align: center;
}

.see-more a {
    display: inline-block;
    line-height: 35px;
    background: -webkit-linear-gradient(left, #da251d, #da251d);
    background: -o-linear-gradient(right, #da251d, #da251d);
    background: -moz-linear-gradient(right, #da251d, #da251d);
    background: linear-gradient(to right, #da251d, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
    font-size: 16px;
    padding: 0 30px;
    border: 1px solid transparent;
}

.see-more::before,
.see-more::after {
    content: "";
    width: 42.25%;
    height: 1px;
    background-color: #ffc1ba;
    position: absolute;
    top: 50%;
}

.see-more::before {
    left: 0;
}

.see-more::after {
    right: 0;
}

.see-more a:hover {
    border: 1px solid #da251d;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}


.txt-tc {
    color: #2f3d8d;
    font-weight: bold;
}

/*++++++++++++++ knowledge-center++++++++++++++ */
.news-wrapper {
    padding-top: 45px;
}

.news-list {
    overflow: hidden;

}

.news-list .left {
    float: left;
    width: 75%;
    margin-top: 18px;
}

.news-list .left .news-ul li {
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.news-ul li .new-pic {
    float: left;
    width: 148px;
}

.news-ul li .new-pic img {
    width: 100%;
}

.news-ul li .new-txt {
    float: right;
    width: 80%;
}

.news-ul li .new-txt h3 a {
    display: block;
    font-size: 22px;
    color: #333333;
    line-height: 32px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-ul .new-txt h3:hover a {
    color: #ff0100;
}

.news-ul li .new-txt .date {
    font-size: 16px;
    color: #999999;
    margin: 20px 0 10px;
    display: block;
}

.news-ul li .new-txt p {
    font-size: 16px;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.float_right {
    float: right;
    width: 20%;
}

.float_right .related {
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 0 20px 20px 20px;
}

.float_right .title {
    display: block;
    font-size: 26px;
    line-height: 69px;
    color: #333333;
    font-weight: bold;
}

.float_right .title {
    background: url(../images/sign.png) no-repeat left center;
    padding-left: 34px;
}

.related ul li {
    margin-bottom: 20px;
    background-color: #fff;
}

.related ul li img {
    width: 100%;
    height: auto;
}

.related ul li .proName {
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    display: block;
    color: #333;
}

.related ul li .proName:hover {
    color: #ff0100;
    text-decoration: underline;
}

.float_right .device {
    background: #f5f5f5;
    padding: 0 20px 20px 20px;
    overflow: hidden;

}

.float_right .device .title {
    margin-bottom: 3px;
    background: url(../images/sign.png) no-repeat #f5f5f5 left center;
    padding-left: 34px;
}

.float_right .device ul {
    overflow-y: scroll;
    height: 1355px;
    position: relative;
}

.float_right .device ul::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #f5f5f5;
}

.float_right .device ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(219, 219, 219, .3);
    box-shadow: inset 0 0 6px rgba(219, 219, 219, .3);
    background-color: #dbdbdb;
}

.float_right .device ul li {
    margin-bottom: 18px;
    background-color: #fff;
}

.float_right .device ul li:last-child {
    margin-bottom: 0;
}

.float_right .device li > a {
    display: block;
    height: 132px;
    overflow: hidden;
}

.float_right .device li > a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.float_right .device .txt {
    padding: 0 15px 10px;
}

.float_right .device .txt a {
    font-size: 16px;
    display: block;
    color: #333;
    line-height: 1.5;
    margin-top: 15px;
}


.float_right .device .txt a:hover {
    color: #ff0100;
    text-decoration: underline;
}

.float_right .device .date {
    font-size: 12px;
    color: #323232;
    display: block;
    text-align: right;
    background: url(../images/rtime.png) no-repeat 55% center;
    margin-top: 15px;
}


.float_right .pro-type .title {
    margin-bottom: 3px;
    text-indent: 20px;
    background: url(../images/sign.png) no-repeat #f5f5f5 20px center;
    padding-left: 34px;
}

.float_right .pro-type li {
    height: 57px;
    line-height: 57px;
    background: #f5f5f5;
    margin-bottom: 3px;
    padding: 0 20px;
    position: relative;
    /* z-index: 1; */
}

.float_right .pro-type li a {
    display: block;
    font-size: 16px;
    color: #333333;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.float_right .pro-type li:hover a {
    background: -webkit-linear-gradient(left, #da251d, #da251d);
    background: -o-linear-gradient(right, #da251d, #da251d);
    background: -moz-linear-gradient(right, #da251d, #da251d);
    background: linear-gradient(to right, #da251d, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
}


/* 11-20产品内页增加现场视频 */

.side-voide {
    background-color: #f5f5f5;
    margin-bottom: 22px;
    padding: 0 20px 30px 20px;
}

.slick-voide .slick-slide {
    padding: 5px;
    margin-bottom: 20px;
    outline: none;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.slick-voide .slick-slide .con {
    -webkit-box-shadow: 0 0 5px rgba(101, 131, 185, .45);
    -moz-box-shadow: 0 0 5px rgba(101, 131, 185, .45);
    -ms-box-shadow: 0 0 5px rgba(101, 131, 185, .45);
    -o-box-shadow: 0 0 5px rgba(101, 131, 185, .45);
    box-shadow: 0 0 5px rgba(101, 131, 185, .45);
    border-radius: 4px;
}

.slick-voide .slick-slide .img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px 4px 0 0;
}

.slick-voide .text {
    background: #fff;
    padding: 15px 10px 24px;
    position: relative;
    margin-top: -10px;
    border-top-left-radius: 10px;
    -webkit-box-shadow: inset 0 4px 7px -4px rgba(64, 92, 137, .3);
    -moz-box-shadow: inset 0 4px 7px -4px rgba(64, 92, 137, .3);
    -ms-box-shadow: inset 0 4px 7px -4px rgba(64, 92, 137, .3);
    -o-box-shadow: inset 0 4px 7px -4px rgba(64, 92, 137, .3);
    box-shadow: inset 0 4px 7px -4px rgba(64, 92, 137, .3);
}

.slick-voide .text .tit {
    display: block;
    font-size: 16px;
    color: #333333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
}

.slick-voide .slick-dots {
    position: absolute;
    right: 5px;
    bottom: 0;
}

.slick-voide .slick-dots li {
    display: inline-block;
    margin-left: 10px;
    width: 12px;
    height: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.slick-voide .slick-dots li button {
    font-size: 0;
    border: 0;
    outline: none;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #a1b5bc;
    cursor: pointer;
    display: block;
}

.slick-voide .slick-dots li.slick-active {
    width: 20px;
}

.slick-voide .slick-dots li.slick-active button {
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
}

.slick-voide .text .a-btn {
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    bottom: -18px;
    left: 10px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.slick-voide .slick-slide:hover .a-btn {
    left: 75%;
}


/*++++++++++++++ news-inner++++++++++++++ */

.main-cont .left {
    width: 75%;
    float: left;
}

.news-box {
    padding-top: 120px;
    position: relative;
    z-index: 1;
}

.news-box .grid-img{
    position: absolute;
    width: 100%;
    height: 446px;
    top: 0;
    left: 0;
    z-index: -1;
}
.news-box .grid-img img{
    display: block;
    width: 100%;
    height: 446px;
}

.route-tit {
    color: #aaa;
    line-height: 54px;

}

.route-tit a {
    display: inline-block;
    color: #aaa;
}

.route-tit a:hover {
    color: #da251d;
}

.news-title {
    width: 75%;
    margin-top: 80px;
}

.news-title h1 {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 10px;
    min-height: 108px;
}

.news-title .release {
    margin-top: 12px;
    margin-left: 10px;
}

.news-title .release span {
    font-size: 16px;
    color: #aaa;
    line-height: 30px;
    padding-left: 30px;
}

.news-title .release .author {
    float: left;
    background: url(../images/author.png) no-repeat left center;
}

.news-title .release .time {
    float: right;
    background: url(../images/time.png) no-repeat left center;
}

.new-contact {
    margin: 10px 0 20px;
    height: 70px;
}

.new-contact p {
    font-size: 16px;
    color: #8e7224;
    line-height: 42px;
    text-indent: 15px;
    padding: 15px 0;
    float: left;
    width: 81%;
    background: #ffffff;
    border-radius: 6px 0 0 6px;
}

.new-contact p strong {
    color: #db271f;
}

.main-cont .left .m-cont p a {
    color: #da251d;
    display: inline-block;
    margin:0 4px;
}

.main-cont .left .m-cont p a:hover {
    cursor: pointer;
}

.main-cont .newdz {
    background: url(../images/icon-dz.png) no-repeat 2px 4px;
    padding-left: 52px;
    color: #2f2d2d;
}

.main-cont .newtip {
    background: url(../images/icon-tip.png) no-repeat 4px 5px;
    padding-left: 52px;
    color: #2f2d2d;
}

.main-cont .newtip strong {
    color: #db271f;
}

.main-cont .newtip em {
    font-style: normal;
    color: #828282;
}

.main-cont .new-block {
    border: 1px dashed #ef1b13;
    padding: 25px;
    margin-bottom: 20px;
}

.main-cont .new-block p:last-child {
    margin-bottom: 0;
}

.new-contact span {
    float: left;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    text-align: center;
    padding: 15px 0;
    line-height: 42px;
    width: 19%;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
}

.new-contact span:hover {
    text-shadow: 0px 5px 5px #3d3c3c;
}

.mfzx {
    color: #fff !important;
    margin: 0 5px;
    width: 123px;
    line-height: 51px;
    display: inline-block;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    background: url(../images/icon.gif) no-repeat center;
}

.mfzx span {
    color: #fff !important;
}

.main-cont {
    margin-top: 50px;
    overflow: hidden\0;
}

.main-cont .left .m-cont {
    padding-bottom: 35px;
    border-bottom: 1px solid #dddddd;
}

.main-cont .left .pro-cont p,
.m-cont p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin: 15px 0;
}

.main-cont .left .pro-cont dl dd span {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    float: left;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    vertical-align: middle;
    color: #fff;
    margin-right: 8px;
    margin-top: 2px;
}

.main-cont .left p img {
    margin: 5px 0;
}

.main-cont .left h3, .main-cont .left h2 {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    background: url(../images/sign.png) no-repeat left 8px;
    padding-left: 34px;
    line-height: 42px;
    margin: 38px 0 30px;
    padding-left: 30px;
}

.news-box table {
    margin: 10px 0;
}

.news-box table td {
    font-size: 14px;
    line-height: 25px;
    padding: 10px 0;
    text-align: center;
}

.main-cont .pager {
    width: 100%;
}

.pager {
    background: #f4f4f4;
    width: 75%;
    height: 64px;
    margin-top: 60px;
    overflow: hidden;
}

.pro-wrapper2 .pager {
    width: 100%;
}

.pager span {
    display: inline-block;
    width: 43%;
    line-height: 64px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    color: #111111;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pager span a {
    color: #111111;
}


.pager .prev-new, .no-news {
    background: url(../images/n-left.png) no-repeat left center;
    padding-left: 28px;
    margin-left: 7%;
}

.pager .next-new, .no-news1 {
    background: url(../images/n-right.png) no-repeat right center;
    padding-right: 28px;
    text-align: right;
}

.pager span:hover a {
    color: #e50012;
    font-weight: bold;
}

.pager .prev-new:hover {
    background: url(../images/n-left01.png) no-repeat left center;
}

.pager .next-new:hover {
    background: url(../images/n-right01.png) no-repeat right center;
}


.pro-wrapper .article, .news-box .article,.article {
    margin: 75px 0;
}


.article-lb {
    margin: 75px 0;
    padding-top: 50px;
}

.xg-title {
    text-align: center;
    position: relative;
    margin-bottom: 55px;
}

.xg-title h3 {
    display: inline-block;
    margin: 0 34px;
    font-size: 38px;
    color: #333333;
    line-height: 1.5;
}

.xg-title h3 a {
    display: block;
    color: #333333;
}

.xg-title img {
    vertical-align: middle;
    margin-bottom: 15px;
}

.ck-more {
    display: inline-block;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
    border-bottom: 1px solid transparent;
    position: absolute;
    right: 0;
}

.xg-title .ck-more {
    top: 45%;
}
.ck-more:after,
.ck-more:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0.5px solid transparent;
    bottom: 0;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 280ms ease-in-out;
    transition: all 280ms ease-in-out;
    width: 0
}

.ck-more:hover:after,
.ck-more:hover:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #da251d;
    -webkit-transition: width 350ms ease-in-out;
    transition: width 350ms ease-in-out;
    width: 100%
}


.article .newslist {
    overflow: hidden;
}

.article .newslist li {
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
    margin-bottom: 15px;
}

.article .newslist li .new-pic {
    float: left;
    width: 146px;
    height: 108px;
}

.article .newslist li .new-pic img {
    width: 146px;
    height: 108px;
    object-fit: cover;
}

.article .newslist li .new-txt {
    float: right;
    width: 70%;
}

.article .newslist li .new-txt a {
    font-size: 22px;
    display: block;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article .newslist li:hover .new-txt a {
    color: #da251d;
}

.article .newslist li .new-txt .date {
    margin: 20px 0 10px;
}

.article .newslist li .new-txt p {
    color: #999;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*+++++++++++ 参数样式 +++++++++++++++*/

.main-cont .tab-cs {
    margin-bottom: 40px;
}

.tab-cs li {
    display: inline-block;
    color: #666666;
    font-size: 16px;
    height: 52px;
    text-align: center;
    border-radius: 24px;
    margin-right: 15px;
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.tab-cs li span {
    display: block;
    padding: 0 20px;
    box-shadow: inset 0 2px 6px 1px rgba(0, 0, 0, .2);
    border-radius: 22px;
    background-color: #f2f2f2;
    height: 44px;
    line-height: 44px;
    margin: 4px;
}

.tab-cs li.on, .tab-cs li:hover {
    background: -webkit-linear-gradient(left, #da251d, #fa7a55);
    background: -o-linear-gradient(right, #da251d, #fa7a55);
    background: -moz-linear-gradient(right, #da251d, #fa7a55);
    background: linear-gradient(to right, #da251d, #fa7a55);
}

.tab-cs li.on:after, .tab-cs li:hover:after {
    position: absolute;
    content: "";
    bottom: 10px;
    left: 30px;
    right: 30px;
    z-index: -1;
    box-shadow: 0 0 15px 12px #e0382a;
    -webkit-box-shadow: 0 0 15px 12px #e0382a;
    -moz-box-shadow: 0 0 15px 12px #e0382a;
    -o-box-shadow: 0 0 15px 12px #e0382a;
    border-radius: 100px/20px;
}

.pro-cs table {
    color: #333333;
    font-size: 14px;
}

.pro-cs .one-tr {
    font-weight: bold;
    background: #f32b1c;
    background: -webkit-linear-gradient(left, #f32b1c, #fa7a55);
    background: -o-linear-gradient(right, #f32b1c, #fa7a55);
    background: -moz-linear-gradient(right, #f32b1c, #fa7a55);
    background: linear-gradient(to right, #f32b1c, #fa7a55);
}

.pro-cs table td {
    word-break: keep-all;
    padding: 12px 0 13px;
}

.pro-cs .one-td {
    font-weight: bold;
}

/*+++++++++++ liuyan +++++++++++++++*/

.mess-wrapper {
    border: 1px solid #dddddd;
    margin-top: 90px;
    padding: 15px 50px 24px 22%;
    background: #fff;
}

.mess-wrapper .mess-pic {
    position: absolute;
    left: -20px;
    top: -42px;
}

.messages span {
    font-size: 30px;
    display: block;
    color: #000000;
    font-weight: bold;
    line-height: 56px;
}

.messages p {
    font-size: 16px;
    color: #999999;
    line-height: 2;
    margin-bottom: 30px;
}

.messages label {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 5px 10px 60px;
    border: 1px solid #dddddd;
    margin-bottom: 22px;
    position: relative;
}

.messages label .ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.messages label .ico1 {
    background-image: url(../images/m-icon.png);
}

.messages label .ico2 {
    background-image: url(../images/m-icon1.png);
}

.messages label .ico3 {
    background-image: url(../images/m-icon2.png);
}

input:-webkit-autofill {
    -webkit-text-fill-color: #333333;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

.messages label .inp {
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #333;
    border: none;
    outline: none;
}

.messages label .area {
    height: 150px;
    display: block;
    width: 100%;
    font-size: 16px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    resize: none;
    outline: none;
    margin-top: 2px;
    line-height:30px;
    font-family: "Microsoft Yahei";
}

.messages label .area::-webkit-input-placeholder, input::-webkit-input-placeholder {
    font-family: "Microsoft Yahei";
    color: #333;
}

.messages label .area::-moz-placeholder, input::-moz-input-placeholder {
    font-family: "Microsoft Yahei";
    color: #333;
}

.messages label .area::-ms-input-placeholder, input::-ms-input-placeholder {
    font-family: "Microsoft Yahei";
    color: #333;
}

.messages .sub {
    border: none;
    display: block;
    line-height: 56px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    width: 100%;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.messages .sub:hover {
    box-shadow: 0px 12px 8px -10px #ed6048;
}


/*++++++++++++++ porduct list ++++++++++++++ */


.p-pro {
    position: absolute;
    right: 0;
    top: 42px;
    width: 340px;
    height: 320px;
}

.p-pro img {
    width: 100%;
    height: auto;
    position: relative;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 0\0;
}

.cp-list {
    margin-bottom: 75px;
}

.product-list {
    overflow: hidden;
    margin-bottom: 40px;
}

.product-list .pro-title {
    position: relative;
}

.product-list:first-child .pro-title {
    margin-top: 30px;
}

.product-list .pro-title .ck-more {
    bottom: 0;
}

.pro-title .inner-h2 strong {
    font-size: 32px;
}

.pro-title .inner-h2 {
    background: url(../images/sign1.png) no-repeat left center;
    padding-left: 40px;
}

.product-list .pro-list {
    margin: 0 -10px;
    padding: 0;
    overflow: hidden;
}

.product-list .pro-list li {
    float: left;
    width: 33.3%;
}



.pro-list li .item {
    margin: 0 11px 80px;
    border-radius: 4px;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.pro-list li .item .pro-pic{
    display: block;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
}

.pro-list li .item .pro-pic img{
    display: block;
    position: absolute;top: 0; left: 0;width: 100%; height: 100%;
}

.pro-list li .item .infor {
    background: #f5f5f5;
    padding: 0 25px 20px 25px;
    /* padding-bottom: 20px; */
    overflow: hidden;
    position: relative;
}

.pro-list li .item .infor::after {
    content: '';
    width: 100%;
    height: 6px;
    border-radius: 0 0 4px 4px;
    background: url(../images/p-style.jpg) no-repeat bottom center;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: 100%;
}

.pro-list li .item .infor .cpname {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    line-height: 46px;
    margin: 20px 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-list li .item .infor p {
    font-size: 16px;
    color: #666666;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    line-height: 25px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-list li .item .infor .i1 {
    background-image: url(../images/p-icon.png);
}

.pro-list li .item .infor .i2 {
    background-image: url(../images/p-icon1.png);
}

.pro-list li .item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
}

.pro-list li .item:hover .infor::after {
    display: none;
}

.pro-list li .item:hover .infor {
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    border-radius: 0 0 4px 4px;
}

.pro-list li .item:hover .cpname,
.pro-list li .item:hover p {
    color: #fff;
}

.pro-list li .item:hover .i1 {
    background-image: url(../images/p-icon00.png);
}

.pro-list li .item:hover .i2 {
    background-image: url(../images/p-icon01.png);
}

.more-list li .item {
    margin: 0 11px 24px;

}

.more-list li .item > a {
    display: block;
    position: relative;
    padding-top: 75%;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.more-list li .item > a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*++++++++++++++ porduct center ++++++++++++++ */

.pro-main-cont {
    margin-bottom: 75px;
}

.mpro-tit .inner-h2 {
    background: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
    display: inline-block;
}

.mpro-tit p {
    font-size: 16px;
    color: #999999;
    font-weight: normal;
    margin-bottom: 45px;
}

.product-list .mpro-tit .ck-more {
    bottom: -10px;
}


/*++++++++++++++ porduct inner ++++++++++++++ */

.mp-inner-top {
    background: url(../images/banner-cpinner.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 6.3% 0 38px;
    overflow: hidden\0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner-cpinner.jpg', sizingMethod='scale');
}

.mp-inner-top .project-inner {
    overflow: hidden\0;
}

.mp-inner-top .left-txt {
    width: 50%;
    float: left;
    margin-top: 30px;
}

.mp-inner-top .left-txt h1 {
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 15px;
}

.mp-inner-top .left-txt p {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 10px;
}

.mp-inner-top .left-txt .case-one {
    position: relative;
}

.mp-inner-top .left-txt .case-one strong {
    font-weight: normal;
    position: absolute;
    left: 0;
}

.mp-inner-top .left-txt .case-one i {
    display: -webkit-box;
    font-style: normal;
    margin-left: 90px;
}

.advantage {
    margin: 22px 0 30px;
    overflow: hidden;
}


.advantage p span {
    font-size: 28px;
    margin-left: 10px;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: transparent\0;
}

.advantage p a {
    font-size: 20px;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: white\0;
    background: transparent\0;
}

.left-txt .size {
    position: relative;
    overflow: hidden;
}

.left-txt .size > p {
    position: absolute;
    top: -8px;
    left: 0;
}

.left-txt .size ul {
    margin-left: 90px;
}

.left-txt .size ul li {
    display: inline-block;
    text-align: center;
    width: 20%;
    margin-right: 3.5%;
}

.left-txt .size ul li:last-child {
    margin-right: 0;
}

.left-txt .size ul li .wl {
    border: 1px solid #da251d;
    border-radius: 3px;
}

.left-txt .size ul li .wl img {
    display: block;
    border-radius: 3px;
    width: 100%;
}

.mp-inner-top .refer {
    display: inline-block;
    margin-top: 45px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 63px;
    width: 67%;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.mp-inner-top .refer img {
    margin-top: -3px;
    margin-right: 5px;
}

.mp-inner-top .refer::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #da251d;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.mp-inner-top .refer:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
}

.online-mess {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    margin-left: 20px;
    vertical-align: bottom;
    border-bottom: 1px solid transparent;
}

.online-mess img {
    margin-right: 5px;
    margin-top: -4px;
}

.online-mess:hover {
    border-bottom: 1px solid #fff;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
}

.mp-inner-top .tel {
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
}

.mp-inner-top .tel span {
    font-size: 24px;
    color: #c2b07e;
    font-weight: bold;
}

.right-img {
    float: right;
    width: 512px;
    position: relative;
    z-index: 1;
    margin-top: 80px;
}

.right-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #da251d;
    background: -webkit-linear-gradient(top, #ed6048, #da251d);
    background: -o-linear-gradient(bottom, #ed6048, #da251d);
    background: -moz-linear-gradient(bottom, #ed6048, #da251d);
    background: linear-gradient(to bottom, #ed6048, #da251d);
    position: absolute;
    right: -10px;
    bottom: -10px;
    z-index: -1;
}


/* pro-content */

.m-list {
    background: #f5f5f5;
}

.m-list ul {
    overflow: hidden;
}

.m-list li {
    float: left;
    width: 25%;
    padding: 20px 0;
}

.m-list li a {
    display: block;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #666666;
}

.m-list li:hover a,
.m-list li.hover a {
    font-weight: bold;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
}

.pro-cont h2,
.case-cont h2 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    padding-left: 34px;
    line-height: 42px;
    background: url(../images/sign.png) left center no-repeat;
    margin: 40px 0;
}

.pro-cont #a1 {
    margin: 0 0 40px;
}

.pro-cont p,
.case-cont p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 15px;
}

.pro-cont .one-tr {
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ed6048, endcolorstr=#da251d, gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ed6048, endcolorstr=#da251d, gradientType=0);
    background: #ed6048;
    background: -moz-linear-gradient(left, #ed6048, #da251d);
    background: -webkit-gradient(linear, left top, right top, from(#ed6048), to(#da251d));
    background: -o-linear-gradient(left, #ed6048, #da251d);
    color: #fff;
}


/* .pro-cont table td {
	padding: 13px 0;
	word-break: break-all;
}
.pro-cont table td:nth-child(1){
	font-weight: bold;
} */

/* ++鐩稿叧妗堝垪++ */


.pro-wrapper3 .xg-case {
    margin-top: 95px;
    margin-bottom: 75px;
}

.xg-case {
    margin-top: 95px;
    margin-bottom: 75px;
}

.case-list {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0;
}

.case-list li {
    float: left;
    width: 33.32%;
}

.case-list li .item {
    margin: 0 20px;
    overflow: hidden;
    position: relative;
}

.case-list li .item > a {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 67%;
}

.case-list li .item > a > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.case-list li .item .c-info {
    text-align: center;
    background-color: #f5f5f5;
    padding: 30px 0;
    border-bottom: 5px solid #f73325;
}

.case-list li .item .c-info span,
.case-xq span {
    display: block;
    font-size: 48px;
    font-weight: bold;
    line-height: 60px;
}

.case-list li .item .c-info span {
    color: #333333;
}

.case-list li .item .c-info h3,
.case-xq h3 {
    font-weight: normal;
    font-size: 24px;
    height: 52px;
    margin-top: 3px;
}

.case-xq h3 {
    height: 68px;
}

.case-list li .item .c-info h3 a {
    display: block;
    color: #333333;
}

.case-list li .item .case-xq {
    width: 100%;
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    position: absolute;
    left: 0;
    right: -1;
    bottom: -100%;
    z-index: 2;
}

.case-list li .item .case-xq span,
.case-xq h3 a {
    color: #ffffff;
    text-align: center;
    display: block;
}

.case-list li .item .case-xq span {
    padding-top: 15px;
}

.case-list li .item .case-xq p {
    font-size: 15px;
    color: #fff;
    margin-left: 25px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}

.case-list li .item .case-more {
    display: block;
    margin: 34px auto 0;
    width: 50px;
    padding-bottom: 20px;
}

.case-list li .item:hover .case-xq {
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    bottom: 0;
}


/*++++++++++++++ case inner ++++++++++++++ */

.case-inner .advantage {
    margin: 42px 0 0;
}

.case-inner .advantage p {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}

.case-inner .refer {
    margin-top: 24px;
}

.case-inner .right-img {
    width: 559px;
}

.case-cont .small-tit {
    font-size: 18px;
}

.case-cont h2 {
    margin: 40px 0 20px;
}

.case-cont .client-fk {
    background: #eee9db;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(238, 233, 219, 1), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(238, 233, 219, 1), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(238, 233, 219, 1), rgba(255, 255, 255, 0));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(238, 233, 219, 1), rgba(255, 255, 255, 0));
    padding: 38px 0;
    color: #8a7028;
}

.case-cont .client-fk p {
    margin-bottom: 0;
}

.case-wrapper .pager {
    width: 100%;
}

.case-wrapper .xg-case {
    margin-top: 95px;
    margin-bottom: 75px;
}


/*++++++++++++++ case inner ++++++++++++++ */

.project-inner .left-txt {
    padding-bottom: 40px;
}

.project-inner .left-txt h1 {
    margin: 60px 0 52px;
}

.project-inner .advantage {
    margin: 42px 0 0;
}

.project-inner .advantage p {
    float: none;
    width: 100%;
    margin-bottom: 25px;
}

.project-inner .right-img {
    width: 563px;
    margin-top: 100px;
}

.asse-wrapper .case-cont h2 {
    margin: 30px 0 10px;
}

.asse-wrapper .pager {
    width: 100%;
}


/* +++++++++++case-online-inner+++++++++++++++ */

.online-inner .left-txt {
    width: 45.8%;
}

.online-inner .left-txt .advantage {
    margin: 42px 0 0px;
}

.online-inner .left-txt .advantage p {
    width: 100%;
    margin-bottom: 20px;
}

.online-inner .left-txt .con p {
    margin-bottom: 10px;
}

.online-inner .left-txt .con p strong {
    font-size: 24px;
    font-weight: normal;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: transparent\0;
}

.online-inner .left-txt .advantage p span {
    font-size: 24px;
}

.online-inner .right-img {
    width: 50.25%;
    margin-top: 60px;
}

.right-img img {
    width: 100%;
}

.online-wrapper .main-cont {
    padding-bottom: 50px;
    border-bottom: 1px solid #dddddd;
}

/* +++++++++++ 生产线配置修改  7-11+++++++++++++++ */

.o-case-line ul {
    overflow: hidden;
    box-shadow: 0 0 7px rgba(0, 0, 0, .05) inset, 0 1px 2px 1px rgba(235, 102, 62, .05);
    padding: 40px 0;
    margin-top: 50px;
}

.o-case-line li {
    float: left;
    width: 20%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 42px;
    position: relative;

}

.o-case-line li:not(:last-child)::after {
    content: '';
    width: 26px;
    height: 26px;
    background: url(../images/al-jia.png) no-repeat;
    position: absolute;
    top: 34%;
    right: -8px;
}

.o-case-line li .img {
    width: 148px;
    height: 148px;
    background: url(../images/al-bg.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
}

.o-case-line li .img img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.o-case-line li .word {
    display: block;
    font-size: 18px;
    color: #000;
    margin-top: 10px;
}

.o-case-line li:hover .word {
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
}


/* +++++++++++case-list+++++++++++++++ */
.case-fl {
    padding-top: 50px;
}

.caselb-wrapper .case-list li {
    margin-bottom: 80px;
}

.caselb-wrapper .case-list li .item .c-info {
    padding: 40px 0;
}

.caselb-wrapper .case-list li .item .case-xq h3 {
    margin: 60px 0 10px;
}

.caselb-wrapper .case-list li .item .case-more {
    margin: 45px auto 0;
}


/* +++++++++++case-center+++++++++++++++ */
.case-lb {
    overflow: hidden;
}

.case-lb:first-child {
    padding-top: 30px;
}

.case-lb .pro-title {
    position: relative;
}

.case-lb .mpro-tit .ck-more {
    bottom: -10px;
}

/* +++++++++++ about +++++++++++++++ */

.ab-banner {
    background: url(../images/about-banner.jpg) top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.ab-about {
    padding-top: 6.4%;
}

.ab-about .route-tit {
    margin-bottom: 150px;
}

.m-about {
    height: 278px;
    border-radius: 6px 6px 0 0;
    background: #da251d;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
}

.m-about .ab-left {
    width: 38%;
    float: left;
    margin-top: -72px;
}

.m-about .ab-left img {
    display: block;
    margin: 0 30px 20px;
    border-radius: 4px;
}

.m-about .ab-right {
    width: 62%;
    float: right;
    margin-top: -72px;
}

.m-about .ab-right h2 {
    font-size: 48px;
    font-weight: bold;
    line-height: 75px;
    color: #fff;
}

.m-about .ab-right p {
    font-size: 15px;
    line-height: 2.6;
    margin: 50px 40px 50px 22px;
    color: #fff;
    text-align: justify;
    position: relative;
}

.m-about .ab-right p::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/a-icon.png) no-repeat;
    position: absolute;
    left: -20px;
    top: -25px;
}

.m-about .ab-right p::after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/a-icon1.png) no-repeat;
    position: absolute;
    right: -5px;
    bottom: -25px;
}

.m-about .ab-right p a {
    color: #fff;
    text-decoration: underline;
}

.m-about .ab-right p a:hover {
    color: #fea37e;
}

.m-about1 {
    overflow: hidden;
}

.m-about1 .ab-txt {
    float: left;
    width: 39%;
}

.m-about1 .ab-txt h3 {
    font-size: 40px;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
    line-height: 85px;
}

.m-about1 .ab-txt p {
    font-size: 16px;
    color: #999999;
    line-height: 2.3;
    margin-top: 16px;
}

.m-about1 .ab-img {
    float: right;
    width: 605px;
    margin-right: 25px;
    position: relative;
}

.m-about1 .ab-img .play {
    display: block;
    width: 78px;
    height: 81px;
    background: url(../images/open.png) no-repeat center;
    position: absolute;
    top: 45%;
    left: -39px;
}

.pop-video {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    z-index: 9999;
    opacity: 0;
    filter: alpha(opacity=0);
}

.pop-video .video {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.pop-video .video video {
    display: block;
    width: 100%;
    height: auto;
}

.pop-video .close {
    position: absolute;
    right: 0;
    top: -50px;
    font-size: 40px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    font-style: normal;
}

.pop-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.pop-video.open {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.m-about2 {
    box-shadow: 0 0 20px rgba(221, 46, 35, 0.2);
    border-radius: 6px;
    margin-bottom: 75px;
    overflow: hidden;
}

.m-about2 dl {
    float: left;
    width: 25%;
    text-align: center;
    padding: 55px 0 28px;
}

.m-about2 dl dt {
    min-height: 88px;
    position: relative;
    margin-bottom: 30px;
}

.m-about2 dl dt::after {
    content: "";
    width: 58px;
    height: 4px;
    background: #dddddd;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 40%;
}

.m-about2 dl dd span {
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

.m-about3, .m-about3 ul {
    overflow: hidden;
    background-color: #333333;
}

.m-about3 li {
    float: left;
    width: 25%;
}

.m-about3 li p {
    font-size: 16px;
    color: #fff;
}

.m-about3 li img {
    display: block;
    width: 100%;
    height: auto;
}

/* .m-about3 .on1 {
    min-height: 450px;
} */

.m-about3 .on1 h3 {
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    margin: 90px 0 0 15%;
}

.m-about3 .on1 p {
    line-height: 42px;
    margin: 50px 45px 0 15%;
    text-align: justify;
}

.m-about3 .on2 {
    position: relative;
}

.m-about3 .on2 .txt {
    position: absolute;
    bottom: 30px;
    padding-left: 34px;
}

.m-about3 .on2 span {
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    padding-bottom: 22px;
    background: url(../images/ab-bj.png) no-repeat left bottom;
}

.m-about3 .on2 p {
    width: 77%;
    margin-top: 30px;
}

.m-about4 {
    margin-top: 94px;
}

.ab-tit {
    text-align: center;
    margin-bottom: 55px;
}

.ab-tit h2 {
    display: inline-block;
    margin: 0 34px;
    font-size: 38px;
    color: #333333;
    line-height: 1.5;
}

.ab-tit img {
    vertical-align: middle;
    margin-bottom: 15px;
}

.history {
    padding: 65px 0;
    background: url(../images/qiu.jpg) no-repeat right 21px;
    position: relative;
    margin-top: 50px;
}

.history::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #dddddd;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.history .one-ul {
    margin-left: 5%;
    position: relative;
    bottom: -8px;
}


.history .two-ul {
    margin-left: 18%;
    position: relative;
    top: -8px;
}

.history ul li {
    float: left;
    min-height: 210px;
}

.history .one-ul li {
    width: 28.5%;
}

.history .two-ul li {
    width: 32.5%;
}

.history ul li .guide {
    width: 2px;
    height: 210px;
    background: #dddddd;
    float: left;
    position: relative;
}

.history ul li .guide::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #dddddd;
    position: absolute;
    right: -3px;
}

.history ul li .guide::after {
    content: "";
    width: 17px;
    height: 16px;
    border-radius: 50%;
    background-color: #dddddd;
    position: absolute;
    right: -8px;
}

.history .one-ul li .guide::before {
    top: 0;
}

.history .one-ul li .guide::after {
    bottom: 0;
}

.history .two-ul li .guide::before {
    bottom: 0;
}

.history .two-ul li .guide::after {
    top: 0;
}

.history ul li .txt {
    padding: 0 18% 0 28px;
}

.history ul li strong {
    font-size: 30px;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: white\0;
    display: block;
}

.history .one-ul li strong {
    margin-top: 25px;
}

.history .two-ul li strong {
    margin-top: 72px;
}

.history ul {
    overflow: hidden\0;
}

.history ul li p {
    font-size: 15px;
    color: #999999;
    line-height: 30px;
    margin-top: 25px;
}

.m-about5 ul {
    margin: 0 -5px 60px;
    overflow: hidden\0;
}

.m-about5 ul li {
    width: 33.3%;
    float: left;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.m-about5 ul li:after {
    content: "";
    width: 36px;
    height: 318px;
    background: url(../images/boxshadow.png) no-repeat top right;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: -24px;
    z-index: -1;
}
.m-about5 ul li img{
    display: block;
    width: 100%;
    height: auto;
}

.m-about5 ul li p {
    font-size: 22px;
    height: 50px;
    width: 100%;
    line-height: 50px;
    color: #333333;
    margin-top: 20px;
}

.brand {
    background: #333333;
    padding: 64px 0;
}

.brand img {
    width: 100%;
    height: auto;
}


/* +++++++++++++++++contat+++++++++++++++ */

.contact-ban {
    background: url(../images/banner-contact.jpg) no-repeat top center;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
       /** 添加如下内容即可解决 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner-contact.jpg', sizingMethod='scale');

}

.contact-ban .route-tit {
    margin-top: 10%;
}

.contact-info {
    width: 46.5%;
    float: right;
    margin-top: 70px;
    margin-top: 35px\0;
    background: url(../images/contact-bj.png);
    border-radius: 8px 8px 0 0;
    padding: 45px 40px 35px;
}

.contact-info h1 {
    font-size: 36px;
    line-height: 54px;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
}

.contact-info p {
    font-size: 16px;
    color: #fff;
}

.contact-info .fwrx {
    margin: 30px 0 22px;
}


.contact-info .fwrx strong {
    font-size: 26px;
    background: -webkit-linear-gradient(left, #ed6048, #da251d);
    background: -o-linear-gradient(right, #ed6048, #da251d);
    background: -moz-linear-gradient(right, #ed6048, #da251d);
    background: linear-gradient(to right, #ed6048, #da251d);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #da251d\0;
    background: transparent\0;
    /* display: block; */
    /* 修改手机号码样式 */
    display: inline-block;
}


.contact-info .adress {
    background: url(../images/dz.png) no-repeat left center;
    padding-left: 32px;
    margin-bottom: 20px;
}

.contact-info .online-zx {
    height: 50px;
    display: inline-block;
    border-radius: 4px;
    background: #da251d;
    background: -webkit-linear-gradient(left, #f3472e, #da251d);
    background: -o-linear-gradient(right, #f3472e, #da251d);
    background: -moz-linear-gradient(right, #f3472e, #da251d);
    background: linear-gradient(to right, #f3472e, #da251d);
    margin: 30px 0 45px;
}

.contact-info .online-zx em {
    font-size: 22px;
    background: -webkit-linear-gradient(left, #fffffc, #ffd0a0);
    background: -o-linear-gradient(right, #fffffc, #ffd0a0);
    background: -moz-linear-gradient(right, #fffffc, #ffd0a0);
    background: linear-gradient(to right, #fffffc, #ffd0a0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #fffffc\0;
    background: transparent\0;
    font-style: normal;
    font-weight: bold;
    line-height: 50px;
    padding: 0 65px;
}

.contact-info .online-zx:hover {
    background: #da251d;
}

.contact-info ul {
    border-top: 1px solid #fff;
    padding: 20px 0;
}

.contact-info ul li {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.contact-info ul li i {
    font-style: normal;
    color: #db281f;
}

.contact1 h2 {
    text-align: center;
    font-size: 32px;
    color: #333333;
}

.contact1 p {
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin: 32px 0;
}

.scroll-cont {
    background: #f5f5f5;
    height: 69px;
}

.scroll-cont > span {
    font-size: 22px;
    background: -webkit-linear-gradient(left, #da251d, #f3472e);
    background: -o-linear-gradient(right, #da251d, #f3472e);
    background: -moz-linear-gradient(right, #da251d, #f3472e);
    background: linear-gradient(to right, #da251d, #f3472e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #f3472e\0;
    background: #f5f5f5\0;
    line-height: 69px;
    padding: 0 55px;
    float: left;
}

.txt-scroll {
    width: 80%;
    height: 69px;
    line-height: 69px;
    float: left;
}

.txt-scroll .scrollbox {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all .2s;
}

.txt-scroll .txt, .txt-scroll .txt-clone {
    display: inline;
    position: relative;
}

.scrollbox span {
    font-size: 16px;
    color: #999999;
    padding: 0 35px;
    border-right: 1px solid #ffc1ba;
}

.contact2 {
    padding: 30px 0 100px;
    background: url(../images/lianxi-bj.jpg) no-repeat bottom;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    border-bottom: 1px solid #ffc1ba;
}

#allmap {
    width: 100%;
    height: 450px;
}


/*+++++++++++ server ++++++++++++++ */

.server-ban {
    overflow: hidden;
    background: url(../images/banner-server.jpg) no-repeat top center;
    padding-top: 6.5%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.server-ban .route-tit {
    margin-bottom: 40px;
}

.server-ban .fw-left {
    float: left;
    width: 36.6%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px #cacac9;
    margin-bottom: 5px;
}

.server-ban .fw-left h2 {
    font-size: 28px;
    position: relative;
    left: -25px;
    margin: 40px 0;
}

.fw-txt {
    margin-left: 25px;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
}

.fw-txt::after {
    content: "";
    width: 1px;
    height: 376px;
    background-color: #fec0b9;
    position: absolute;
    left: 13px;
    top: 15px;
    z-index: -1;
}

.fw-txt li {
    margin: 0 40px 26px 0;
}

.fw-txt li strong {
    font-size: 20px;
    color: #333333;
    line-height: 46px;
    background: url(../images/wjx.png) no-repeat left center;
    padding-left: 43px;
}

.fw-txt li p {
    font-size: 16px;
    color: #999;
    line-height: 34px;
    text-align: justify;
    margin-left: 30px;
}

.server-ban .fw-right {
    float: right;
    width: 58%;
    margin-top: 200px;
}

.server-ban .fw-right p {
    font-size: 16px;
    color: #fff;
    margin-top: 50px;
    line-height: 30px;
}

.s-container {
    overflow: hidden;
}

.s-container .s-video {
    width: 54.4%;
    float: left;
    position: relative;
}

.s-container .s-video video {
    display: block;
    width: 100%;
    height: 400px;
}

.s-container .s-txt {
    float: right;
    width: 40.6%;
}

.s-container .s-txt h2 {
    font-size: 30px;
    line-height: 46px;
    margin: 44px 0 32px;
    background: -webkit-linear-gradient(left, #da251d, #f3472e);
    background: -o-linear-gradient(right, #da251d, #f3472e);
    background: -moz-linear-gradient(right, #da251d, #f3472e);
    background: linear-gradient(to right, #da251d, #f3472e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #f3472e\0;
    background: white\0;
    
}

.s-container .s-txt p {
    font-size: 16px;
    color: #999999;
    line-height: 40px;
    margin-bottom: 34px;
    text-align: justify;
}

.s-container .s-play {
    display: block;
    width: 78px;
    height: 81px;
    position: absolute;
    right: -6%;
    top: 40%;
}

.s-container .s-play .picChange2 {
    display: none;
}

.s-container1 {
    margin-top: 100px;
}

.s-container1 .ab-tit {
    margin-bottom: 100px;
}

.s-flow {
    margin: 60px 0 50px;
    border-bottom: 2px solid #dddddd;
    overflow: hidden;
}

.s-flow dl {
    width: 16.6%;
    float: left;
    text-align: center;
}

.s-flow dl:last-child {
    margin-right: 0
}

.s-flow dl dt {
    position: relative;
}

.s-flow dl dt::after {
    content: "";
    width: 8px;
    height: 17px;
    background: url(../images/new-next.png) no-repeat;
    position: absolute;
    top: 35%;
    right: 0;
}

.s-flow dl:last-child dt::after {
    display: none;
}

.s-flow dl dd {
    font-size: 20px;
    color: #111111;
    margin-top: 25px;
    padding-bottom: 70px;
    position: relative;
    z-index: 1;
}

.s-flow dl dd::after {
    content: "";
    width: 85px;
    height: 3px;
    background-color: transparent;
    position: absolute;
    left: 28%;
    bottom: -2px;
}

.s-flow dl:hover dd {
    background: -webkit-linear-gradient(left, #da251d, #f3472e);
    background: -o-linear-gradient(right, #da251d, #f3472e);
    background: -moz-linear-gradient(right, #da251d, #f3472e);
    background: linear-gradient(to right, #da251d, #f3472e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #f3472e\0;
    background: white\0;
}

.s-flow dl:hover dd::after {
    background: -webkit-linear-gradient(left, #da251d, #f3472e);
    background: -o-linear-gradient(right, #da251d, #f3472e);
    background: -moz-linear-gradient(right, #da251d, #f3472e);
    background: linear-gradient(to right, #da251d, #f3472e);
    background: #f3472e;
}


/* 8-7 修改*/
.s-container2 .index01-h2 {
    margin-bottom: 60px;
}

.s-container2 .fuwu-left {
    float: left;
    width: 40%;
    position: relative;
    z-index: 1;
}

.fuwu-left p {
    font-size: 28px;
    background: #44536a;
    color: #fff;
    height: 59px;
    line-height: 59px;
    border-radius: 0 50px 0 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 350px;
    right: 0;
    z-index: -1;
}

.fuwu-left img {
    margin-left: 28px;
}

.slick-content {
    width: 54%;
    float: right;
    margin-top: 52px;
    position: relative;
    z-index: 1;
    padding-bottom: 68px;
}

.slick-box .slick-arrow {
    display: block;
    border: none;
    outline: none;
    width: 28px;
    height: 28px;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    bottom: -44px;
}

.slick-box .slick-prev {
    background: url(../images/fw-prev1.png) no-repeat center;
    left: 150px;
}

.slick-box .slick-next {
    background: url(../images/fw-next1.png) no-repeat center;
    left: 210px;
}

.slick-box .slick-prev:hover {
    background: url(../images/fw-prev01.png) no-repeat center;
}

.slick-box .slick-next:hover {
    background: url(../images/fw-next01.png) no-repeat center;
}

.slick-content .custom-dot {
    padding-right: 18%;
    -webkit-box-shadow: 0 0 12px rgba(26, 26, 26, .08);
    -moz-box-shadow: 0 0 12px rgba(26, 26, 26, .08);
    -ms-box-shadow: 0 0 12px rgba(26, 26, 26, .08);
    -o-box-shadow: 0 0 12px rgba(26, 26, 26, .08);
    box-shadow: 0 0 12px rgba(26, 26, 26, .08);
    position: absolute;
    left: -85%;
    bottom: 0;
    z-index: -1;
}

.custom-dot p {
    font-size: 20px;
    color: #2b2b2b;
    line-height: 30px;
    padding: 30px 0;
    border-bottom: 1px solid #e9e9e9;
    background-position: 36px center;
    background-repeat: no-repeat;
    padding-left: 113px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
}

.custom-dot .dot-on1 {
    background-image: url(../images/icon-fw01.png)
}

.custom-dot .dot-on2 {
    background-image: url(../images/icon-fw02.png)
}

.custom-dot .dot-on3 {
    background-image: url(../images/icon-fw03.png)
}

.custom-dot .dot-on4 {
    border-bottom: none;
    background-image: url(../images/icon-fw04.png)
}

.custom-dot .dot-on1:hover, .custom-dot .dot-on1.newon {
    background-image: url(../images/icon-fw.png)
}

.custom-dot .dot-on2:hover, .custom-dot .dot-on2.newon {
    background-image: url(../images/icon-fw2.png)
}

.custom-dot .dot-on3:hover, .custom-dot .dot-on3.newon {
    background-image: url(../images/icon-fw3.png)
}

.custom-dot .dot-on4:hover, .custom-dot .dot-on4.newon {
    background-image: url(../images/icon-fw4.png)
}


.s-container3 ul {
    margin-bottom: 85px;
    overflow: hidden\0;
    margin-top: 70px;
}

.s-container3 ul li {
    float: left;
    margin-right: 1.5%;
    position: relative;
    -webkit-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    -moz-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    -ms-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    -o-box-shadow: 0 0 16px rgba(30, 41, 66, .3);
    box-shadow: 0 0 16px rgba(30, 41, 66, .3);
}

.s-container3 ul .c-on1 {
    width: 46.875%;
}

.s-container3 ul .c-on2 {
    width: 25%;
}

.s-container3 ul .c-on3 {
    width: 25%;
    margin-right: 0;
}

/* .s-container3 ul li::after {
    content: "";
    width: 394px;
    height: 60px;
    background: url(../images/s-boxshowd.png) no-repeat left bottom;
    position: absolute;
    left: 0;
    bottom: -40px;
    z-index: -1;
} */

.s-container3 ul li img {
    width: 100%;
}


/* pager-wrap 缈婚〉鏁堟灉*/

.pager-wrap {
    margin: 80px auto;
    text-align: center;
    position: relative;
}

.pagination {
    display: inline-block;
    overflow: hidden;
}

.pagination li {
    float: left;
    margin: 0 5px;
    background: #f5f5f5;
    text-align: center;
    border-radius: 2px;
}

.pagination a,
.pagination span {
    color: #666666;
    padding: 0 12px;
    font-size: 18px;
    line-height: 36px;
    cursor: pointer;
}

.ellipsis:hover p {
    display: block;
}

.pagination li:hover,
.pagination li.active,
.ul-tab-page li:hover a,
.ul-tab-page li.on a,
.ul-page li:hover a,
.ul-page li.on a {
    background: #f3472e;
    background: -webkit-linear-gradient(left, #da251d, #f3472e);
    background: -o-linear-gradient(right, #da251d, #f3472e);
    background: -moz-linear-gradient(right, #da251d, #f3472e);
    background: linear-gradient(to right, #da251d, #f3472e);
}

.pagination li:hover a,
.pagination li:hover span,
.pagination li.active a,
.pagination li.active span,
.ul-tab-page li:hover a,
.ul-tab-page li.on a,
.ul-page li:hover a,
.ul-page li.on a {
    color: #fff;
}

.pages .page-ul {
    text-align: center;
}

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

.page-ul li a {
    display: block;
    background: #f5f5f5;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    width: 40px;
    margin: 0 5px;
    cursor: pointer;
}

.dn {
    display: none;
}

.t-pages {
    display: none;
    position: absolute;
    left: 0;
    width: 95%;
    bottom: 100px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 40px 30px;
    border-radius: 6px;
}

.t-pages .ico {
    display: block;
    width: 0;
    height: 0;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #ccc transparent transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
}

.t-pages .ico em {
    display: block;
    width: 0;
    height: 0;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    position: absolute;
    bottom: 1px;
    left: -20px;
}

.t-pages .close {
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #333333;
    cursor: pointer;
}

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

.ul-page li a {
    display: block;
    background: #f5f5f5;
    line-height: 46px;
    font-size: 16px;
    color: #333333;
    width: 60px;
    margin: 0 6px;
    cursor: pointer;
    border: 1px dashed transparent;
}


.ul-tab-page {
    overflow: hidden;
    margin-top: 40px;
}

.ul-tab-page li {
    float: left;
    width: 33.3%;
    text-align: center;
    margin-bottom: 10px;
}

.ul-tab-page li a {
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 46px;
    border: 1px solid #ccc;
    margin: 0 10px;
    border-radius: 2px;
}

/* +++++++++++ 404 +++++++++++++++ */
.err-box {
    background: #eeeeee;
}

.err-box .header {
    background: #232c3b;
}

.err-cont {
    width: 724px;
    height: 100vh;
    margin: 0 auto;
    overflow: hidden;
}

.err-cont img {
    display: block;
    margin: 300px auto 0;
}

.err-cont .txt {
    background: url(../images/404-img.png) no-repeat left center;
    padding-left: 94px;
    margin-top: 50px;
}

.err-cont .txt span {
    font-size: 34px;
    color: #999999;
    margin-bottom: 15px;
    font-weight: bold;
}

.err-cont .txt p {
    font-size: 18px;
    color: #999999;
}

.err-cont .txt p a {
    color: #da251d;
}

.pro-ol {
    margin-top: 35px;
}

.pro-ol li strong {
    display: inline-block;
    line-height: 1.34;
    background: -webkit-linear-gradient(left, #84afdf, #839fd0);
    background: -o-linear-gradient(right, #84afdf, #839fd0);
    background: -moz-linear-gradient(right, #84afdf, #839fd0);
    background: linear-gradient(to right, #84afdf, #839fd0);
    padding: 8px 28px 8px 66px;
    border-radius: 25px;
    color: #fffefe;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 25px;
    position: relative;
    margin-left: 14px;
}

.pro-ol li strong i {
    width: 57px;
    height: 64px;
    line-height: 58px;
    display: block;
    padding-left: 22px;
    font-size: 26px;
    color: #414141;
    background: #f7f7f7;
    position: absolute;
    left: -14px;
    top: 0;
    background: url(../images/cp-icon2.png) no-repeat center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    font-style: normal;
}

.pro-ol li p {
    margin-bottom: 26px;
}

.pro-arr {
    background: url(../images/ico-pro3.png) no-repeat left 4px;
    padding-left: 30px;
}

/* ===================视频中心====================== */

.vodie-banner {
    background: url(../images/video/vodie-banner.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 90px 0 64px;
    box-sizing: border-box;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/video/vodie-banner.jpg', sizingMethod='scale');
}

.vodie-banner .txt {
    padding-right: 22%;
    margin-top: 72px;
}

.vodie-banner .txt h1 {
    padding-bottom: 30px;
    margin-bottom: 35px;
    background: url(../images/video/h2-bg.png) no-repeat left bottom;
    color: #fff;
}

.vodie-banner .txt p {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
}

.vodie-banner .txt p a {
    color: #fff;
}

.vodie-banner .txt p a:hover {
    color: #ee2b21;
}

.vodie-list {
    margin-top: 75px;
    margin-bottom: 80px;
}

.vodie-title {
    position: relative;
}

.vodie-title h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #f73325;
    background-image: -webkit-gradient(linear, left top, right top, from(#ed6048), to(#f73325));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vodie-title p {
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    margin-top: 4px;
}

.vodie-title .a-more {
    font-size: 16px;
    color: #9f9f9f;
    line-height: 26px;
    position: absolute;
    right: 0;
    bottom: -5px;
}

.vodie-title .a-more:hover {
    color: #394e73;
}


.vodie-ul {
    margin-top: 55px;
    margin-left: -2%;
}

.vodie-ul li {
    float: left;
    width: 31.3%;
    margin-left: 2%;
    margin-bottom: 70px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.vodie-ul li .img {
    border-radius: 10px 10px 10px 40px;
    position: relative;
    padding-top: 56.2%;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    -moz-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    -ms-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    -o-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    display: block;
    z-index: 1;
}

.vodie-ul li .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vodie-ul li .text {
    margin-right: 44px;
    background: url(../images/video/play-bg.png) no-repeat left top;
    padding: 81px 60px 16px 32px;
    box-sizing: border-box;
    position: relative;
    margin-top: -60px;
    -webkit-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    -moz-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    -ms-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    -o-box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    box-shadow: 0 4px 7px -4px rgba(64, 92, 137, .3);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.vodie-ul li .text .tit {
    display: block;
    font-size: 22px;
    color: #262d34;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vodie-ul li .text .play-btn {
    display: block;
    width: 53px;
    height: 60px;
    border-radius: 100%;
    background: url(../images/video/icon-play.png) no-repeat;
    position: absolute;
    right: -27px;
    bottom: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.vodie-ul li:hover .text {
    background: #db2920;
    background: -moz-linear-gradient(left, #ec5c45 0%, #db2920 100%);
    background: -webkit-linear-gradient(left, #ec5c45 0%, #db2920 100%);
    background: -o-linear-gradient(left, #ec5c45 0%, #db2920 100%);
    background: -ms-linear-gradient(left, #ec5c45 0%, #db2920 100%);
    background: linear-gradient(to right, #ec5c45 0%, #db2920 100%);
    -webkit-box-shadow: 0 4px 7px -4px rgba(229, 71, 54, .3);
    -moz-box-shadow: 0 4px 7px -4px rgba(229, 71, 54, .3);
    -ms-box-shadow: 0 4px 7px -4px rgba(229, 71, 54, .3);
    -o-box-shadow: 0 4px 7px -4px rgba(229, 71, 54, .3);
    box-shadow: 0 4px 7px -4px rgba(229, 71, 54, .3);
}

.vodie-ul li:hover .play-btn {
    background: url(../images/video/icon-play1.png) no-repeat;
}

.vodie-ul li:hover .tit {
    color: #fff;
}

/* ===================视频内页====================== */

.vodie-inner {
    background: url(../images/video/vodie-bg.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 90px;
    padding-bottom: 45px;
}

.vodie-content {
    margin-top: 36px;
}

.vodie-content h1 {
    font-size: 34px;
    color: #ffffff;
    line-height: 44px;
    margin-bottom: 32px;
}

.vodie-main .grid-left {
    width: 66.7%;
    float: left;
    border-radius: 14px;
    position: relative;
    z-index: 1;
}

.vodie-main .grid-left video {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
    outline: none;
}

.vodie-main .grid-right {
    background: url(../images/video/v-bg.png) no-repeat right;
    border-radius: 40px 20px 20px 4px;
    float: right;
    width: 36%;
    position: relative;
    margin-left: -5%;
    padding-bottom: 70px;
    padding-top: 25px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 18px;
}


.vodie-main .grid-right .gn {
    box-sizing: border-box;
    margin-left: 65px;
}

.vodie-main .grid-right .gn p {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
}

.vodie-main .grid-right .gn .one {
    margin-bottom: 12px;
}

.vodie-main .grid-right .gn p img {
    margin-right: 20px;
    vertical-align: middle;
}

.vodie-main .get-price {
    display: block;
    width: 280px;
    height: 56px;
    border-radius: 11px;
    background: #da251d;
    background: -moz-linear-gradient(left, #ed6048 0%, #da251d 100%);
    background: -webkit-linear-gradient(left, #ed6048 0%, #da251d 100%);
    background: -o-linear-gradient(left, #ed6048 0%, #da251d 100%);
    background: -ms-linear-gradient(left, #ed6048 0%, #da251d 100%);
    background: linear-gradient(to right, #ed6048 0%, #da251d 100%);
    position: absolute;
    right: 50px;
    bottom: -27px;
    text-align: center;
    line-height: 56px;
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 4px 8px rgba(19, 32, 44, .41);
    -moz-box-shadow: 0 4px 8px rgba(19, 32, 44, .41);
    -ms-box-shadow: 0 4px 8px rgba(19, 32, 44, .41);
    -o-box-shadow: 0 4px 8px rgba(19, 32, 44, .41);
    box-shadow: 0 4px 8px rgba(19, 32, 44, .41);
}

.vodie-main .get-price img {
    margin-right: 18px;
}

.vodie-main .get-price:hover {
    background: #da251d;
    background: -moz-linear-gradient(left, #da251d 0%, #da251d 100%);
    background: -webkit-linear-gradient(left, #da251d 0%, #da251d 100%);
    background: -o-linear-gradient(left, #da251d 0%, #da251d 100%);
    background: -ms-linear-gradient(left, #da251d 0%, #da251d 100%);
    background: linear-gradient(to right, #da251d 0%, #da251d 100%);
}

.str_wrap {
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
}

/* .str_wrap.str_active {background:#f1f1f1;} */
.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0;
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%;
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%;
}

.str_vertical .str_move, .str_down .str_move {
    white-space: normal;
    width: 100%;
}

.str_static .str_move, .no_drag .str_move, .noStop .str_move {
    cursor: inherit;
}

.str_wrap img {
    max-width: none !important;
}

.str_ul {
    height: 190px;
    margin: 72px 12px 0 65px;
}

.case-ul {
    width: 100%;
}

.case-ul li {
    border: 1px solid #3c5265;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0 18px;
    box-sizing: border-box;
}

.case-ul li a {
    color: #aac5f2;
    font-size: 16px;
    line-height: 38px;
    background: url(../images/video/v-play.png) no-repeat left center;
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.str_ul:before {
    content: '';
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
    background: rgba(49, 66, 83, 0);
    background: -moz-linear-gradient(top, rgba(49, 66, 83, 1) 0%, rgba(49, 66, 83, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(49, 66, 83, 1) 0%, rgba(49, 66, 83, 0) 100%);
    background: -o-linear-gradient(top, rgba(49, 66, 83, 1) 0%, rgba(49, 66, 83, 0) 100%);
    background: -ms-linear-gradient(top, rgba(49, 66, 83, 1) 0%, rgba(49, 66, 83, 0) 100%);
    background: linear-gradient(to bottom, rgba(49, 66, 83, 1) 0%, rgba(49, 66, 83, 0) 100%);
}

.p-span {
    overflow: hidden;
    margin-top: 28px;
}

.p-span span {
    display: inline-block;
    font-size: 16px;
    color: #c3cacd;
    background: url(../images/video/v-icon2.png) no-repeat left center;
    padding-left: 40px;
    margin-right: 55px;
    line-height: 26px;
}
.p-span span:last-child{ background:transparent}

.vodie-box {
    margin-bottom: 80px;
}

.vodie-h2 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    padding-left: 34px;
    line-height: 42px;
    background: url(../images/sign.png) left center no-repeat;
    margin: 40px 0;
}


.show-ul {
    margin-left: -5%;
    margin-top: 85px;
}

.show-ul li {
    float: left;
    width: 19.25%;
    margin-left: 5%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.show-ul li a {
    display: block;
}

.show-ul li .img {
    position: relative;
    padding-top: 80%;
    overflow: hidden;
    border-radius: 13px;
    -webkit-box-shadow: 0 0 6px rgba(21, 60, 114, .43);
    -moz-box-shadow: 0 0 6px rgba(21, 60, 114, .43);
    -ms-box-shadow: 0 0 6px rgba(21, 60, 114, .43);
    -o-box-shadow: 0 0 6px rgba(21, 60, 114, .43);
    box-shadow: 0 0 6px rgba(21, 60, 114, .43);
    z-index: 1;
    margin-right: -42px;
    max-width: 248px;
    margin-left: 24px;
}

.show-ul li .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 13px;
}

.show-ul li .text {
    position: relative;
    margin-top: -166px;
}

.show-ul li .tit {
    text-align: center;
    margin-top: -60px;
    font-size: 22px;
    color: #171c23;
    line-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.show-ul li .hide {
    display: none;
}

.show-ul li:hover .show {
    display: none;
}

.show-ul li:hover .hide {
    display: block;
}

.show-ul li:hover .tit {
    color: #fff;
}

.show-ul li:hover {
    margin-top: -30px;
}

.vodie-con {
    margin-bottom: 105px;
}
.vodie-con .pager{width: 100%;}
.vodie-con h2 {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    background: url(../images/sign.png) no-repeat left 8px;
    padding-left: 34px;
    line-height: 42px;
    margin: 38px 0 30px;
    padding-left: 30px;
}

.vodie-con p {
    font-size: 16px;
    color: #333333;
    line-height: 2;
    margin: 15px 0;
}

.vodie-cs table {
    margin-bottom: 40px;
    font-size: 16px;
}

.vodie-cs .one-tr {
    font-weight: bold;
}

.vodie-cs .one-tr td {
    padding: 10px 0;
    box-sizing: border-box;
}

.vodie-cs tr td {
    padding: 5px 0;
    box-sizing: border-box;
    line-height: 40px;
}

.v-evaluate {
    background: url(../images/video/v-bg3.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 85px;
    position: relative;
    border-radius: 4px;
    padding: 30px 168px 40px 40px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 18px rgba(106, 123, 169, .1);
    -moz-box-shadow: 0 3px 18px rgba(106, 123, 169, .1);
    -ms-box-shadow: 0 3px 18px rgba(106, 123, 169, .1);
    -o-box-shadow: 0 3px 18px rgba(106, 123, 169, .1);
    box-shadow: 0 3px 18px rgba(106, 123, 169, .1);
}

.v-evaluate strong {
    display: block;
    width: 212px;
    height: 82px;
    text-align: center;
    background: url(../images/video/v-strong.png) no-repeat top center;
    position: absolute;
    font-size: 24px;
    color: #ffffff;
    line-height: 82px;
    left: -10px;
    top: -38px;
}

.v-evaluate .mp-p {
    margin-left: 166px;
    font-size: 16px;
    color: #5f76a0;
    margin-bottom: 30px;
}

.v-evaluate .mp-p span {
    display: inline-block;
    line-height: 36px;
    padding: 0 32px;
    border-radius: 19px;
    border: 1px dashed #5f76a0;
    margin-left: 20px;
}

.v-evaluate .wz-p {
    font-size: 16px;
    color: #333333;
    line-height: 2;
}

.v-evaluate:after {
    content: '';
    width: 201px;
    height: 173px;
    background: url(../images/video/v-kh.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: -1px;
}
.kh-pj-xc.v-evaluate{
    padding: 30px 40px 40px 40px;
}
.kh-pj-xc.v-evaluate:after{
    display: none;
}


@media (max-width: 3000px) and (min-width: 2000px) {
   .caselb-wrapper, .pro-main-cont, .news-wp {
        margin-top: 200px;
    }

    .newslb-wrapper {
        padding-top: 140px;
    }

    .article-lb {
        margin: 200px 0 75px;
    }

    .history::after {
        top: -14px;
    }
}

@media (min-width: 1921px) {
    .contact-info {
        margin-bottom: 200px;
    }
}

@media (max-width: 1680px) {
    .wrap01 {
        max-width: 1580px;
        width: 98%;
    }

    .inner-banner .txt {
        margin-top: 2%;
    }

    .contact-ban .route-tit {
        margin-top: 9%;
    }

    .p-pro {
        width: 260px;
        height: 240px;
    }

    /* .news-title {
        margin-top: 40px;
    } */

    .index-tj .slick-dots {
        left: -13%;
    }

    .server-ban .fw-right {
        margin-top: 120px;
    }

    .server-ban .fw-left h2 {
        margin: 30px 0 20px;
    }

    .fw-txt li {
        margin: 0 40px 13px 0;
    }

    .fw-txt::after {
        height: 345px;
    }

    .m-about3 .on1 p {
        margin: 10px 45px 0 15%;
    }

    .m-about3 .on1 h3 {
        margin: 65px 0 0 15%;
    }

    .hotpro-item .img {
        width: 800px;
    }
}

@media (max-width: 1550px) {
    .one-slick .hotpro-ly {
        right: 2%;
    }

}

@media (max-width: 1440px) {
    .nav {
        margin-left: 1%;
    }

    .index-tj .slick-dots {
        left: -3%;
    }

    .index-tj .gallery-thumbs {
        width: 60%;
    }

    .ab-about {
        top: 50%;
    }

    .m-about1 {
        margin-top: 150px;
    }

    .m-about3 .on1 h3 {
        margin: 45px 0 0 15%;
    }

    .server-ban .fw-right {
        margin-top: 95px;
    }

    .route_tit {
        margin-bottom: 90px;
    }

    .inner-banner .txt h1, .inner-banner .txt .pic {
        margin-bottom: 15px;
    }

    .contact-ban .route-tit {
        margin-top: 7.5%;
    }

    .fw-txt li {
        margin: 0 40px 10px 0;
    }

    .fw-txt::after {
        height: 338px;
    }

    .server-ban .fw-left h2 {
        margin: 28px 0;
    }

    /* .news-title {
        margin-top: 25px;
    } */

    .news-title h1 {
        font-size: 32px;
        height: 100px;
    }

    .article-lb {
        padding-top: 25px;
    }

    .hotpro-item .img {
        width: 700px;
    }

    .hotpro-item .hotpro-txt {
        top: 40px;
    }

    .hotpro-item .hotpro-ly {
        top: 40px;
    }

    .hotpro-ly p, .hotpro-txt p {
        font-size: 16px;
    }

    .hotpro-ly p.on {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .hotpro-txt .tit {
        font-size: 30px;
    }

    .hotpro-gn p b {
        font-size: 20px;
    }

    .hotpro-gn {
        margin-top: 34px;
    }

    .hotpro-item .hotpro-ly {
        right: 10px;
    }

    .one-slick .hotpro-ly {
        right: 10px;
    }
}

@media (max-width: 1410px) {

    .ab-about {
        position: relative;
        top: 0;
    }

    .m-about {
        border-radius: 0;
    }

    .m-about1 {
        margin-top: 0;
    }

    .inner-banner .txt h1, .inner-banner .txt .pic {
        margin-bottom: 10px;
        padding-bottom: 12px;
    }

}

@media (max-width: 1366px) {
    .nav {
        margin-left: 0;
    }

    .index-tel p {
        padding-left: 48px;
    }

    .news-title h1 {
        font-size: 30px;
    }

    .contact-ban .route-tit {
        margin-top: 7%;
    }

    .index-tj .slick-dots {
        left: 0;
    }

    .server-ban .fw-right {
        margin-top: 75px;
    }

    .m-about3 .on1 h3 {
        margin: 25px 0 0 15%;
    }

    .m-about3 .on1 p {
        line-height: 30px;
    }

    .one-slick .hotpro-ly {
        width: 240px;
    }

    .hotpro-item .hotpro-ly {
        width: 280px;
    }

    .hotpro-item .hotpro-txt {
        width: 210px;
    }
}

@media (max-width: 1280px) {
    .header .logo {
        width: 180px;
    }

    .header .logo img {
        display: block;
        width: 100%;
        height: auto;
    }

    .p-pro {
        width: 290px;
    }

    .server-ban .fw-left h2 {
        margin: 20px 0;
    }

    .server-ban .fw-right {
        margin-top: 80px;
    }

    .inner-banner .txt {
        margin-top: 1%;
    }

    .contact-ban .route-tit {
        margin-top: 6.7%;
    }

    .contact-info {
        margin-top: 20px;
        padding: 20px 40px 15px;
    }

    .contact-info .fwrx {
        margin: 20px 0 30px;
    }

    .contact-info .online-zx {
        margin: 15px 0 30px;
    }

    /* .news-title {
        margin-top: 70px;
    } */

    .m-about3 .on1 h3 {
        font-size: 32px;
        margin: 8px 0 0 15%;
    }

    .m-about3 .on1 p {
        line-height: 25px;
    }
}

@media (max-width: 1200px) {
    .warp {
        width: 1000px;
        margin: 0 auto;
    }

    .nav {
        width: 58%;
    }

    .nav li a {
        font-size: 16px;
    }

    .index-tel p {
        font-size: 16px;
    }

    .index-tel p strong {
        font-size: 26px;
    }

    .tuijian .right-txt {
        padding-left: 45px;
    }

    .tuijian .right-txt p span {
        width: 70%;
    }

    .m-about .ab-left img {
        margin: 0 15px 20px;
    }

    .m-about .ab-right {
        width: 57%;
    }

    .m-about .ab-right p {
        margin: 15px 40px 15px 22px;
    }

    .m-about .ab-right p::before {
        top: 0px;
    }

    .m-about .ab-right p::after {
        bottom: -0px;
    }

    .m-about1 .ab-img {
        margin-right: 0;
        width: 580px;
    }

    .m-about3 .on1 p {
        margin: 12px 20px 0 8%;
    }

    .m-about3 .on2 p {
        width: 85%;
    }

    .history {
        background: none;
    }

    .history ul li p {
        line-height: 23px;
    }

    .inner-banner .txt h1 {
        padding-bottom: 20px;
        margin-bottom: 15px;
    }

    .inner-banner .txt h1 img {
        width: 18%;
    }

    .contact-info {
        margin-top: 0;
        padding: 10px 40px 10px;
    }

    .contact-info .fwrx,
    .contact-info .online-zx {
        margin: 20px 0 20px;
    }

    .contact-info h1 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 15px;
    }

    .contact-info p {
        font-size: 15px;
    }

    .contact-info .fwrx strong {
        font-size: 24px;
    }

    .server-ban .fw-left h2 {
        margin: 10px 0;
    }

    .fw-txt {
        margin-left: 5px;
    }

    .fw-txt li {
        margin: 0 20px 10px 0;
    }

    .fw-txt li p {
        font-size: 14px;
        line-height: 25px;
    }

    .fw-txt::after {
        height: 290px;
    }

    .server-ban .fw-right {
        margin-top: 20px;
    }

    .server-ban {
        margin-bottom: 0;
    }

    .s-container .s-txt {
        width: 42.6%;
    }

    .s-container .s-txt p {
        margin-bottom: 15px;
    }

    .float_right {
        display: none;
    }

    .news-list .left,
    .main-cont .left {
        float: none;
        width: 100%;
    }

    .main-cont .left {
        margin-bottom: 50px;
    }

    .news-title {
        width: 100%;
    }

    .project-inner .right-img {
        width: 570px;
    }

    .mp-inner-top .project-inner .left-txt {
        width: 42%;
    }

    .project-inner .advantage p {
        margin-bottom: 15px;
    }

    .refer {
        margin-top: 10px;
    }

    .p-pro {
        display: none;
    }

    .case-inner .right-img {
        width: 500px;
    }

    .case-inner .advantage p {
        margin-bottom: 15px;
    }

    .right-img {
        width: 500px;
    }


    .youshi li p {
        font-size: 15px;
    }

    .anli-list li .txt .menu {
        padding: 40px 8px 20px 8px;
    }

    .article .newslist li .new-pic, .article .newslist .new-pic img {
        width: 136px;
    }

    .inner-banner .txt {
        margin-top: 0;
    }

    .inner-banner .txt h1, .inner-banner .txt .pic {
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .pager {
        width: 100%;
    }

    .article .newslist li .new-txt {
        width: 64%;
    }

    .left-txt .size ul li {
        width: 22%;
        margin: 0 0.5%;
    }

    .tab-click .tab-lb1:after {
        width: 90px;
        right: -43%;
    }

    .custom-nav .slick-dot {
        margin: 0 55px;
    }

    .custom-nav:after {
        width: 378px;
    }

    .index-hotpro .slick-dots {
        left: 25px;
    }

    .hotpro-item .hotpro-txt {
        left: 5.6%;
    }

    .hotpro-item .hotpro-ly {
        width: 260px;
    }

    .one-slick .hotpro-txt {
        left: 5.3%;
    }

    .hotpro-ly p, .hotpro-txt p {
        font-size: 14px;
        line-height: 20px;
    }

    .hotpro-gn {
        margin-top: 20px;
    }

    .hotpro-gn p b {
        font-size: 18px;
    }

    .hotpro-txt .tit {
        font-size: 26px;
        line-height: 36px;
    }

    .hotpro-txt .look-more {
        font-size: 14px;
        margin-top: 18px;
    }

    .one-slick .hotpro-ly {
        width: 140px;
    }

    .one-slick .hotpro-gn p b {
        display: block;
    }

    .custom-dot p {
        padding-left: 55px;
        background-position: left center;
    }

    .vodie-main .grid-right {
        top: 0;
    }

    .vodie-main .grid-right .gn {
        margin-left: 45px;
    }

    .case-ul {
        margin: 72px 12px 0 45px;
    }

    .vodie-main .get-price {
        width: 230px;
    }

    .str_ul{
        margin:72px 12px 0 0;
    }
    .case-ul li{width: 85%;}
    .p-span span{margin-right: 35px;}

    .vodie-main .grid-right .gn p{font-size: 16px;}
}
@media (max-width: 1100px)  and (min-width: 1000px){
    .hotpro-item .img {
        width: 548px;
    }
}

/*+++++++++++ boda +++++++++++++++*/
.container {
    max-width: 750px;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    background: url(../images/bd-bj.jpg) no-repeat top center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
}

.container .top {
    margin-top: 20%;
    text-align: center;
}

.container .top img {
    border: 16px solid #0a0c11;
    border-radius: 50%;

}

.container .top h2 {
    font-size: 42px;
    font-weight: normal;
    color: #fff;
    margin: 45px 0 25px;
}

.container .top p {
    font-size: 26px;
    color: #999999;
}

.container .phone {
    margin-top: 20%;
    text-align: center;
    font-size: 28px;
}

.container .phone span {
    display: block;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background: url(../images/bd-tel.png) #0b772a no-repeat center;
    background-size: 55%;
    margin: 0 auto 10px;
}

.container .phone a {
    color: #666;
}

@media (max-width: 480px) {
    .container .top img {
        width: 110px;
    }

    .container .top h2 {
        font-size: 28px;
        margin: 20px 0 10px;
    }

    .container .top p, .container .phone {
        font-size: 18px;
    }

    .container .phone span {
        width: 60px;
        height: 60px;
    }
}


.s_tit {
    font-weight: bold;
    color: #da251d !important;
    font-size: 18px !important;
    text-indent: 18px;
}

.s_tit1 {
    color: #505359 !important;
    font-size: 18px !important;
    background: url(../images/icon-tag.png) no-repeat left -5px;
    padding-left: 45px;
    background-size: 42px;
}

.s_tit2 {
    color: #505359 !important;
    font-size: 18px !important;
    line-height: 28px;
    background: url(../images/icon-tag3.png) no-repeat left 5px;
    padding-left: 40px;
    background-size: 30px;
}