/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
figure,
legend,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    width: 100%;
    height: 100%;
    color: #666666;
    font: 14px/1.6 arial;
    background: #ffffff;
}

a {
    text-decoration: none;
    color: #666666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {}

.hidd {
    display: none;
}

li {
    list-style: none;
}

i,
em {
    font-style: normal;
}

#bord {
    border: none;
    background: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.align_l {
    text-align: left;
}

.align_r {
    text-align: right;
}

.align_c {
    text-align: center;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    width: 0;
    height: 0px !important;
    line-height: 0px !important;
}

img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
}

.wrapper {
    margin: 0 40px;
}

html button::-moz-focus-inner {
    border-color: transparent !important;
}

.box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.transtime {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    appearance: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cecece;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #cecece;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #cecece;
}

input[type="text"],
input[type="password"],
input[type='submit'],
input[type='reset'],
input[type='button'],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 0 none;
}


/* img 动画效果 */

.scale12 {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}


/* fonts特殊字体 */

@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../font/dincond-regular-webfont.eot');
    src: url('../font/dincond-regular-webfont.eot') format('embedded-opentype'), url('../font/dincond-regular-webfont.woff2') format('woff2'), url('../font/dincond-regular-webfont.woff') format('woff'), url('../font/dincond-regular-webfont.ttf') format('truetype'), url('../font/dincond-regular-webfont.svg') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../font/dincond-medium-webfont.eot');
    src: url('../font/dincond-medium-webfont.eot') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../font/dincond-black-webfont.eot');
    src: url('../font/dincond-black-webfont.eot') format('embedded-opentype'), url('../font/dincond-black-webfont.woff2') format('woff2'), url('../font/dincond-black-webfont.woff') format('woff'), url('../font/dincond-black-webfont.ttf') format('truetype'), url('../font/dincond-black-webfont.svg') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../font/dincond-bold-webfont.eot');
    src: url('../font/dincond-bold-webfont.eot') format('embedded-opentype'), url('../font/dincond-bold-webfont.woff2') format('woff2'), url('../font/dincond-bold-webfont.woff') format('woff'), url('../font/dincond-bold-webfont.ttf') format('truetype'), url('../font/dincond-bold-webfont.svg') format('svg');
}


/* banner start */


/* top start */

.top {
    position: relative;
    z-index: 10000;
    /* background: url(../images/top-r-bg.jpg) no-repeat right center / auto 100%; */
}

.top .wrapper {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.top .topl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top .topl .logo {}

.top .topl .language {
    position: relative;
    z-index: 1;
    margin-left: 30px;
    margin-right: 15px;
    padding-left: 25px;
    line-height: 20px;
    background: url(../image/icon-world-bg.png) no-repeat left center;
}

.top .topl .language div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.top .topl .language span {
    font-size: 18px;
    color: #797979;
    white-space: nowrap;
}

.top .topl .language i {
    margin-left: 6px;
    width: 13px;
    height: 13px;
    background: url(../image/icon-down.png) no-repeat center center;
}

.top .topl .language ul {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 134%;
    padding: 10px 0;
    display: none;
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.top .topl .language ul li {
    padding-left: 25px;
    line-height: 22px;
}

.top .topl .language ul li a {
    display: block;
}

.top .topl .language:hover ul {
    display: block;
}

.top .topr {
    display: flex;
    justify-content: flex-end;
}

.top .topr .nav {
    display: flex;
}

.top .topr .nav ul li {
    position: relative;
    z-index: 10;
    float: left;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% + 10px);
    cursor: pointer;
}

.top .topr .nav ul li>a {
    position: relative;
    z-index: 1;
    display: block;
    line-height: 35px;
    padding: 0 1.5vw;
    font-size: 16px;
    color: #FFFFFF;
}

.top .topr .nav ul li>a:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 0px;
    z-index: 10;
    height: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.top .topr .nav ul.bgc-red {
    background-color: #FFFFFF;
}

.top .topr .nav ul.bgc-red li>a {
    color: #000000;
}

.top .topr .nav ul.bgc-black {
    margin-top: 10px;
    background-color: #231815;
}

.top .topr .nav ul.bgc-black a {
    color: #FFFFFF;
}

.top .topr .nav ul.bgc-black a:hover {
    background-color: #D4000D;
}

.top .topr .nav ul.bgc-black a:hover {
    color: #FFFFFF;
}

.top .topr .nav ul.bgc-red li:hover>a {
    background-color: #D4000D;
}

.top .topr .nav ul.bgc-red li:hover>a {
    color: #FFFFFF;
}

.nav ul.bgc-black li .navdrop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
}

.nav ul.bgc-black li .navdrop a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #F4F4F4;
}

.nav ul.bgc-black li:hover .navdrop {
    display: block;
}

.top .topr .nav ul li .menusub {
    position: absolute;
    top: 100%;
    left: -40px;
    z-index: 10;
    width: calc(100% + 80px);
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.top .topr .nav ul.bgc-red li .menusub>div {
    margin: 8px 0;
}

.top .topr .nav ul.bgc-red li .menusub a {
    display: block;
    padding: 2px 5px;
    color: #CCCCCC;
    text-align: center;
}

.top .topr .nav ul.bgc-red li .menusub a:hover {
    color: #FFFFFF;
}

@media only screen and (max-width: 1080px) {
    .top .topr .nav ul li>a {
        font-size: 14px;
    }
}

.top .topr .search {
    margin-left: 45px;
}

.top .topr .search input[type=text] {
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    border: 0 none;
    background: url(../image/icon-search-bg.png) no-repeat left center;
    font-size: 18px;
    color: #999999;
    border-bottom: 1px solid #8f8f8f;
}

.top .topr .search input[type=button] {
    display: none;
}

.m-topr,
.m-topdown {
    display: none;
}


/* top   end */


/* banner start */

.banner img {
    width: 100%
}


/* banner end */


/* 首页-链接内页 start */

.link-ncont {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    background-color: #000000;
}

.link-ncont div {
    display: flex;
    justify-content: center;
}

.link-ncont a {
    padding: 0 50px;
}

.link-ncont i {
    width: 50px;
    background: url(../image/itype-bg.png) no-repeat center center;
}


/* 首页-链接内页 end */


/* 首页-产品 start */

.gallery-thumbs {
    background: #f7f7f7;
}

.gallery-thumbs ul {
    height: 100%;
}

.gallery-thumbs ul li {
    position: relative;
    z-index: 1;
    height: 100%;
    margin-right: 0;
}

.gallery-thumbs ul li:before {
    content: '';
    position: absolute;
    top: 5%;
    left: 0px;
    z-index: 10;
    width: 0px;
    height: 90%;
    border-left: 1px solid #e6e6e6;
}

.gallery-thumbs ul li a {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    padding: 8%;
    padding-top: 12%;
    box-sizing: border-box;
}

.gallery-thumbs ul li p {
    position: absolute;
    top: 8%;
    left: 5%;
    z-index: 10;
    font-size: 40px;
    color: #333333;
}

.gallery-thumbs ul li img {
    width: 48%;
}

.gallery-thumbs ul li.swiper-slide-thumb-active {
    background: #FFFFFF;
}

.gallery-top {}

.gallery-top ul li {
    display: flex;
    align-items: center;
    padding: 55px 10%;
    box-sizing: border-box;
}

.gallery-top ul li .iprol {
    width: 50%;
    text-align: center;
}

.gallery-top ul li .ipror {
    width: 50%;
}

.gallery-top ul li .ipror dl dt {
    display: flex;
    align-items: center;
}

.gallery-top ul li .ipror dl dt i {
    position: relative;
    z-index: 1;
    padding-left: 35px;
    margin-left: 10px;
    font-size: 50px;
    line-height: 1;
    font-family: "arial black";
    color: #222222;
}

.gallery-top ul li .ipror dl dt i:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 1;
    margin-top: -3px;
    width: 18px;
    height: 6px;
    background: #222222;
}

.gallery-top ul li .ipror dl dd {
    font-style: italic;
    line-height: 2;
    font-size: 16px;
    word-wrap: break-word;
}

.gallery-top ul li .ipror .ipro-event {
    display: flex;
    padding: 3% 0;
}

.gallery-top ul li .ipror .ipro-event i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    margin-right: 3%;
}

.gallery-top ul li .ipror .ipro-btn {
    display: flex;
}

.gallery-top ul li .ipror .ipro-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 208px;
    height: 40px;
    margin-right: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #c8c8c8;
}

.gallery-top ul li .ipror .ipro-btn a:first-child {
    background: #D4000D;
    color: #FFFFFF;
    border-color: #D4000D;
}


/* 首页-产品分类 start */

.iproType {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 50px;
    border-bottom: 1px solid #dcdcdc;
}

.iproType ul {
    position: relative;
    z-index: 1;
    /* display: flex; flex-wrap: wrap; */
}

.iproType ul .swiper-slide {
    width: auto;
}

.iproType li a {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 3.125vw;
    font-size: 16px;
    color: #222222;
    text-transform: uppercase;
}

.iproType li a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    width: 0;
    height: 7px;
    margin-top: -4px;
    border-right: 1px solid #cecece;
}

.iproType li:last-child a:after {
    display: none;
}

.iproType li i {
    position: relative;
    z-index: 1;
    padding: 1vw 0;
}

.iproType li.active i:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #D4000D;
}

.iproType li.active a {
    font-weight: bold;
    color: #D4000D;
}

.iproType .beijing {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 100;
    margin-top: -21px;
    width: 43px;
    height: 43px;
    background: url(../image/ahuadong1.png) no-repeat center center;
    background-size: contain;
}


/* .ntype{ margin: 20px 0; display: none; border-bottom: 1px solid #F9F9F9;}
.ntype .swiper-slide{ width: auto; height: 40px; line-height: 40px;}
.ntype .swiper-slide a{ display: block; padding: 0 30px; font-size: 16px;}
.ntype .swiper-slide.active a{ color: #D4000D;} */

.textover {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.textover2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.iprolist {
    padding: 3.125vw 3%;
}

.iprolist ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.iprolist ul li {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 24%;
    margin-right: 1.33%;
    margin-top: 2vw;
}

.iprolist ul li:nth-child(4n+4) {
    margin-right: 0;
}

.iprolist .ipro-tp {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18.5vw;
    background-color: #f7f7f7;
}

.iprolist .ipro-tp .ipro-pos {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.65);
    color: #FFFFFF;
    transition: 0.5s;
    padding: 0 5.5%;
    box-sizing: border-box;
}

.iprolist .ipro-name {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5vw;
    font-size: 0.9375vw;
    color: #333333;
    background-color: #e8e8e8;
}

.iprolist li:hover .ipro-name {
    font-weight: bold;
    color: #D4000D;
}

.iprolist .ipro-tp .ipro-img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.iprolist .ipro-tp .ipro-pos .ipro-logo {
    display: flex;
    align-items: center;
    transform: translateX(20px);
    transition: 0.5s;
    margin-top: 1.55vw;
}

.iprolist .ipro-tp .ipro-pos .ipro-logo img {
    width: 6.35vw;
}

.iprolist .ipro-tp .ipro-pos .ipro-logo i {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    font-size: 1.667vw;
    font-family: "arial black";
    color: #FFFFFF;
    text-transform: uppercase;
}

.iprolist .ipro-tp .ipro-pos .ipro-logo i:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 1;
    width: 12px;
    margin-top: -2px;
    border-bottom: 4px solid #FFFFFF;
}

.iprolist .ipro-tp .ipro-pos .ipro-nr {
    -webkit-line-clamp: 3 !important;
    font-size: 12px;
}

.iprolist .ipro-bz {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1vw;
}

.iprolist .ipro-bz i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.8vw;
    height: 2.8vw;
    margin-right: 1vw;
    border-radius: 50%;
}

.iprolist .ipro-link {
    display: flex;
    justify-content: center;
    margin-top: 2vw;
}

.iprolist .ipro-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47%;
    border: 1px solid #FFFFFF;
    font-size: 0.83vw;
    padding: 0.5vw;
    text-align: center;
    box-sizing: border-box;
    color: #FFFFFF;
    line-height: 1.2;
}

.iprolist li:hover .ipro-pos {
    opacity: 1;
}

.iprolist li:hover .ipro-pos .ipro-logo {
    transform: translateX(0);
}

.iprolist .ipro-link a:hover {
    background-color: #d4000d;
    border-color: #d4000d;
}


/* 首页-产品分类 end */


/* 首页-新闻 */

.inews {
    display: none;
    justify-content: space-between;
    padding: 5% 6.5%;
    background: url(../image/inews-bg.jpg) no-repeat center center / cover;
}

.inews .inewsl {
    width: 49.5%;
    background: #FFFFFF;
}

.inews .inewsl .inewsl-img {
    display: block;
    overflow: hidden;
}

.inews .inewsl .inewsl-img img {
    width: 100%;
    min-height: 100%;
}

.inews .inewsl-tt {
    display: block;
    padding: 0 3% 0 6%;
    margin-top: -23px;
}

.inews .inewsl-tt dl dt i {
    display: inline-block;
    line-height: 46px;
    padding: 0 20px;
    background: #111111;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
}

.inews .inewsl-tt dl dd {
    margin-top: 1%;
    line-height: 28px;
    font-weight: bold;
    color: #222222;
    font-size: 22px;
}

.inews .inewsl-tt .more-btn {
    display: block;
    height: 20px;
    padding-bottom: 2%;
    background: url(../image/arrow-r-black.png) no-repeat right top;
}

.inews .inewsr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 49.5%;
}

.inewsrt {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 48.5%;
    background: #FFFFFF;
}

.inewsr a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 2% 3%;
}

.inewsr .inewsdate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #999999;
}

.inewsrt dl dt {
    margin-top: 4%;
    font-size: 22px;
    color: #222222;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inewsrt dl dd {
    line-height: 1.4;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.inewsrt .more-btn {
    position: absolute;
    bottom: 2%;
    right: 6%;
    z-index: 10;
    display: block;
    width: 100%;
    height: 20px;
    background: url(../image/arrow-r-black.png) no-repeat right top;
}

.inewsr ul {
    display: flex;
    justify-content: space-between;
    height: 48.5%;
}

.inewsr ul li {
    position: relative;
    z-index: 1;
    width: 49%;
    background: #FFFFFF;
}

.inewsr ul li a {
    display: block;
    padding: 4% 6%;
}

.inewsr ul li dl dt {
    margin-top: 4%;
    font-size: 22px;
    color: #222222;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.inewsr ul li .more-btn {
    position: absolute;
    bottom: 2%;
    right: 6%;
    z-index: 10;
    display: block;
    width: 100%;
    height: 20px;
    background: url(../image/arrow-r-black.png) no-repeat right top;
}


/* 首页-公司简介 start */

.icompjj {
    padding: 4% 14.43%;
}

.icompjj h3 {
    display: none;
    text-align: center;
}

.icompjj-sm {
    margin-top: 2%;
    font-size: 24px;
    text-align: center;
}

.icompjj-txt {
    /*padding: 0 10%;*/
    font-size: 18px;
    line-height: 28px;
}

.icompjj .more-btn,
.iprolist .more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.icplist {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 3vw;
}

.icplist ul {
    display: flex;
    justify-content: center;
    width: 100%;
}

.icplist ul li {
    width: 25%;
    background-color: #ebebeb;
}

.icplist ul li:nth-child(even) {
    background-color: #f5f5f5;
}

.icplist ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 4.17vw 0;
}

.icplist ul li dl {
    padding: 0 5%;
}

.icplist ul li dt {
    margin-top: 1vw;
    font-size: 42px;
    color: #333333;
    font-family: 'dincond-bold-webfont';
}

.icplist ul li dd {
    font-size: 16px;
    color: #999999;
}

.share {}

.share.social-share a {
    /*background: #D4000D;*/
    /*border: 1px solid #D4000D;*/
    width: 44px;
    height: 44px;
    line-height: 44px;
}

.share.social-share a:before {
    color: #FFFFFF;
    font-size: 22px;
}

.share.social-share a:hover {
    /*background: #D4000D;*/
    /*border: 1px solid #D4000D;*/
}


/* 首页-footer start */

.footer {
    padding: 2% 0;
    border-top: 2px solid #D4000D;
    background: url(../image/foot-bg.jpg) #ececec no-repeat left center;
}

.footer .wrapper {
    display: flex;
    justify-content: space-between;
}

.footer dl dt {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333333;
}

.footer dl dd {
    margin-top: 20px;
    line-height: 2.2;
}

.footer dl dd i {
    font-weight: bold;
}

.footer .s1 dl dd a {
    display: inline-block;
    /* margin-top: 30px;*/
    line-height: 1.2;
    border-bottom: 1px solid #D4000D;
    color: #D4000D;
    font-size: 16px;
}

.footer .s2 dl dd a {
    position: relative;
    z-index: 1;
    display: block;
    padding-left: 15px;
    text-transform: uppercase;
}

.footer .s2 dl dd a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    overflow: hidden;
    background: #D4000D;
}

.footer .s3 dl dd {}

.footer .s4 {
    text-align: right;
    color: #999999;
}

.footer .s4 img {
    margin-top: 40px;
}


/* 关于我们 */

.ncont .icompjj {
    border-bottom: 1px solid #efe9e9;
    padding: 4% 15%;
    background: url(../image/about-comp-bg.png) no-repeat center center;
}


/* 小于1366 */

@media only screen and (max-width: 1366px) {
    .ncont .icompjj {
        background-size: 56% auto;
    }
}

.dszzc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dszzcl {
    padding: 3% 0;
    padding-left: 15%;
    width: 33%;
    padding-right: 2%;
}

.dszzcl dl {
    color: #333333;
}

.dszzcl dl dt {
    line-height: 1.2;
    font-size: 50px;
    font-weight: bold;
}

.dszzcl dl dd {
    font-size: 16px;
}

.dszzcl dl:after {
    content: '';
    margin-top: 30px;
    display: block;
    width: 22px;
    border-bottom: 4px solid #D4000D;
}

.dszzcl .dszzc-txt {
    margin-top: 30px;
    text-align: justify;
}

.dszzcr {
    width: 50%;
}


/* 关于我们-发展历程 */

.fzlc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fzlcl {
    position: relative;
    z-index: 1;
    width: 50%;
}

.fzlcl img {
    pointer-events: none;
}

.fzlcban {
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 10;
    height: 90%;
    padding: 5% 0;
    box-sizing: border-box;
}

.fzlcban .swiper-container {
    height: 100%;
    overflow: hidden;
}

.fzlcban ul li {
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
}

.fzlcban ul li.active {
    font-size: 32px;
}

.fzlcban .swiper-button-prev {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 34px;
    height: 34px;
    background: url(../image/arrow-up.png) no-repeat center center / 34px auto;
}

.fzlcban .swiper-button-next {
    top: auto;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 34px;
    height: 34px;
    background: url(../image/arrow-down.png) no-repeat center center / 34px auto;
}

.fzlcr {
    width: 31%;
    padding: 0 15% 0 4%;
}

.fzlcr h4 {
    line-height: 1.2;
    font-size: 46px;
    color: #333333;
    text-transform: uppercase;
}

.fzlcr .year {
    font-size: 46px;
    color: #efefef;
}

.fzlcr .year:after {
    content: '';
    display: block;
    width: 20px;
    border-bottom: 2px solid #D4000D;
}

.fzlcnr {
    overflow: hidden;
}

.fzlcnr dl {
    overflow-x: hidden;
    max-height: 300px;
    margin-top: 10px;
}

.fzlcnr dl dt {
    font-size: 24px;
    font-weight: bold;
}

.fzlcnr dl dd {
    margin-bottom: 10px;
    line-height: 1.5;
    color: #999999;
}


/* 关于我们ced start */

.about-ced {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    background-color: #f7f7f7;
}

.about-ced .cedl {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    width: 35.4vw;
}

.about-ced .cedr {
    width: 50%;
}

.about-ced .cedr img {
    width: 100%;
    object-fit: cover;
}

.cedl dl {
    position: relative;
    z-index: 1;
    padding-right: 13%;
    padding-bottom: 5%;
    border-bottom: 1px solid #e8e2e2;
}

.cedl dl:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0px;
    z-index: 10;
    width: 15%;
    border-bottom: 3px solid #D4000D;
}

.cedl dl dt {
    font-size: 2.6vw;
    color: 333333;
}

.cedl dl dd {
    margin-top: 1vw;
    font-size: 1vw;
    color: #999999;
}

.cedlist {
    margin-top: 3vw;
}

.cedlist ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cedlist ul li {
    position: relative;
    z-index: 1;
    width: 11vw;
    height: 7.8125vw;
    overflow: hidden;
    margin-right: 0.3vw;
    margin-top: 0.3vw;
    transition: 0.5s;
}

.cedlist ul li a {
    display: block;
}

.cedlist ul li .cedimg {
    min-width: 100%;
    object-fit: cover;
}

.cedlist ul li div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(212, 0, 13, 0.7);
}

.cedlist ul li div:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
}

.cedlist ul li div i {
    width: 35px;
    height: 21px;
    background: url(../image/about-eye-icon.png) no-repeat center;
    background-size: contain;
}

.cedlist ul li.active div {
    display: flex;
}

.hoq {
    padding: 3vw 14%;
}

.hoq .titlename {
    text-align: center;
    font-size: 2.6vw;
    color: #333333;
}

.hoqlist .swiper-container {
    padding: 3vw 0;
}

.hoqlist .swiper-slide div {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16.25vw;
    border: 3px solid #dcdcdc;
}

.hoqlist .swiper-slide div img {
    max-height: 100%;
}

.hoqlist .swiper-slide p {
    display: block;
    text-align: center;
    padding: 1.5vw;
    padding-bottom: 0;
    margin-bottom: 1.5vw;
    font-size: 16px;
    color: #333333;
}

.hoqlist .swiper-slide:hover p {
    color: #D4000D;
    font-weight: bold;
}

.hoqlist .swiper-pagination-bullet {
    width: 15px;
    height: 10px;
    border-radius: 10px;
    background-color: #d8d8d8;
    opacity: 1;
}

.hoqlist .swiper-pagination-bullet-active {
    width: 24px;
    height: 10px;
    border-radius: 10px;
    background-color: #d4000d;
}


/* 关于我们ced end */


/* 关于我们-合作伙伴 */

.partners-title {
    display: none;
    padding: 3% 0;
    text-align: center;
    background: url(../image/partner-bg.png) no-repeat center center / cover;
}

.partnerlist ul li {
    overflow: hidden;
    display: flex;
    width: 100%;
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
}

.partnerlist ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3%;
    box-sizing: border-box;
}

.partnerlist ul li img {
    max-height: 100%;
}


/* 2-1公司新闻 start */

.padlr15 {
    padding: 0 14%;
}

.newstype {
    display: flex;
    justify-content: space-between;
    background-color: #f7f7f7;
}

.newstype a {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 2% 0;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}

.newstype a:after {
    content: '';
    position: absolute;
    top: 20%;
    right: 0;
    z-index: 10;
    height: 60%;
    border-left: 1px solid #d2d2d2;
}

.newstype a:last-child:after {
    border: none;
}

.newstype a i {
    display: block;
}

.newstype a em {
    display: none;
}

.newstype a p {
    margin-left: 20px;
    line-height: 1;
}

.newstype a p:after {
    content: '';
    display: block;
    width: 15px;
    margin-top: 5px;
    border-bottom: 3px solid #dedede;
}

.newstype a.active i {
    display: none;
}

.newstype a.active em {
    display: block;
}

.newstype a.active {
    color: #D4000D;
    background: #FFFFFF;
}

.newstype a.active p:after {
    border-color: #fbe5e6;
}

.newstype a.active:after {
    border: none;
}

.newslist {
    padding: 3% 0;
}

.newslist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newslist ul li {
    width: 47%;
    margin-top: 3%;
    background: #f7f7f7;
}

.newslist ul li a {
    display: flex;
    justify-content: space-between;
}

.newslist ul li .newsl {
    display: flex;
    justify-content: center;
    width: 44%;
    overflow: hidden;
    height: 20vw;
}

.newslist ul li .newsl img {
    max-width: none;
    height: 100%;
    object-fit: cover;
}

.newslist ul li .newsr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 48%;
    padding-right: 2%;
}

.newslist ul li .newsr .date {
    color: #cccccc;
}

.newslist ul li .newsr dl dt {
    line-height: 1.2;
    font-size: 22px;
    font-weight: bold;
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.newslist ul li .newsr dl dd {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-all;
}

.newslist ul li .newsr em {
    display: block;
    margin-top: 5%;
    color: #999999;
}

.m-page {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.m-page span {
    display: flex;
    justify-content: center;
}

.m-page a {
    display: block;
    padding: 0 15px;
    margin: 0 6px;
    line-height: 38px;
    border-radius: 3px;
    color: #999999;
    border: 1px solid #D2D2D2;
}

.m-page a.z-crt {
    background: #D4000D;
    border-color: #D4000D;
    color: #FFFFFF;
}

.m-page a.pagenxt,
.m-page a.pageprv {
    padding: 0 25px;
}


/* 2-1公司新闻 end */


/* 3-1产品中心 start */

.protop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3% 0;
}

.prosearch {
    display: flex;
    align-items: center;
    border: 1px solid #DEDEDE;
}

.prosearch .searinp {
    width: 300px;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #DEDEDE;
    color: #CCCCCC;
}

.prosearch .searsub {
    width: 70px;
    height: 55px;
    background: url(../image/fff2.png) no-repeat center center;
    border: 0 none;
    cursor: pointer;
}

.prohome.align_l {
    text-align: left;
    margin-top: 3%;
}

.prohome {
    text-transform: uppercase;
    text-align: right;
}

.prohome a {
    color: #999999;
}

.prohome :first-child {
    color: #D4000D;
}

.prolist {
    width: 66%;
    padding-bottom: 2%;
}

.prolist ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 2%;
}

.prolist ul li:nth-child(2n+2) {
    margin-right: 0;
}

.prolist ul li a {
    display: block;
}

.prolist ul li div {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
    overflow: hidden;
}

.prolist ul li div img {
    max-height: 100%;
}

.prolist ul li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5%;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
}

.procont {
    display: flex;
    justify-content: space-between;
}

.proleftSub {
    width: 30%;
}

.proleftSub .prolefttitle {
    position: relative;
    z-index: 1;
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
    border-bottom: 1px solid #E8E2E2;
    padding-bottom: 1.5vw;
}

.proleftSub .prolefttitle:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
    width: 25%;
    border-bottom: 3px solid #D4000D;
}

.proleftMenu {
    padding-top: 1vw;
}

.proleftMenu ul li {
    display: block;
}

.proleftMenu ul li>a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0.4vw 0;
    padding-right: 10%;
    font-size: 20px;
    color: #333333;
    text-transform: capitalize;
}

.proleftMenu ul li.active>a {
    color: #D4000D;
}

.proleftMenu ul li>a i {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 13px;
    height: 13px;
    margin-top: -7px;
    background: url(../image/add.png) no-repeat center center;
    background-size: contain;
}

.proleftMenu ul li .proleftdown {
    display: block;
}

.proleftMenu ul li .proleftdown a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 5px 0;
    padding-left: 20px;
}

.proleftMenu ul li .proleftdown a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 10px;
    height: 10px;
    transform: translateY(-5px);
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.proleftMenu ul li .proleftdown dt.active a {
    color: #D4000D;
}

.proleftMenu ul li .proleftdown dt.active a:before {
    background-color: #D4000D;
    border-color: #D4000D;
}


/* 3-1产品中心 end */


/* 3-3产品详情 start */

.prodetail {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3%;
}

.prodt-img {
    display: flex;
    justify-content: space-between;
    width: 60%;
}

.prodt-bigimg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 68%;
    background: #f7f7f7;
}

.prodt-bigimg img {
    max-height: 100%;
}

.prodt-smlimg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 30%;
}

.prodt-smlimg span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 49%;
    overflow: hidden;
    background: #F7F7F7;
}

.prodt-smlimg img {
    max-height: 100%;
}

.prodt-event {
    width: 37%;
}

.prodt-event .prodt-tt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.protable {
    padding-bottom: 3%;
}

.gridfix {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 0;
    height: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.25);
}

.gridfixc {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    z-index: 10;
    box-sizing: border-box;
    padding: 2%;
    background: #FFFFFF;
}

.gridfixc .close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    width: 20px;
    cursor: pointer;
}

.gridfixc.xqcont {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    padding: 2% 0;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
}

.gridfixc.xqcont>.close-btn {
    display: none;
}

.gridfixc .gridfixl {
    width: 49%;
    display: none;
}

.gridfixc .preview {
    width: 49%;
}

.gridfixc .gridfixr {
    width: 66%;
}

.gridsml {
    position: relative;
    z-index: 1;
    padding: 0 45px;
    height: 68px;
    margin-top: 20px;
}

.gridsml .swiper-button-prev {
    top: 0px;
    left: 0px;
    margin-top: 0px;
    width: 40px;
    height: 100%;
    background-image: url(https://www.senci.com/skin/hansha/images/arrow-l1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px auto;
    background-color: #d9d9d9;
}

.gridsml .swiper-button-next {
    top: 0px;
    right: 0px;
    margin-top: 0px;
    width: 40px;
    height: 100%;
    background-image: url(https://www.senci.com/skin/hansha/images/arrow-r1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px auto;
    background-color: #d9d9d9;
}

.gridsml .swiper-button-next.swiper-button-disabled,
.gridsml .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.gridsml .swiper-slide {
    height: 66px;
    line-height: 66px;
    text-align: center;
    border: 1px solid #999999;
    overflow: hidden;
    box-sizing: border-box;
}

.gridsml .swiper-slide img {
    max-height: 100%;
}

.gridsml .swiper-slide-thumb-active {
    border-color: #d41a1a;
}

.gridbig {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 426px;
    text-align: center;
    border: 1px solid #999999;
}

.gridbig img {
    max-height: 426px;
}

.gridType {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gridType .grida {
    display: block;
    width: 50%;
    text-align: center;
    line-height: 1.8;
    font-size: 24px;
    background: #dddddd;
    color: #555555;
    cursor: pointer;
}

.gridType .grida.active {
    background: #cecece;
}

.gridfixr .viewbt {
    height: 56px;
    line-height: 28px;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
    color: #555555;
    word-break: break-all;
}

.gridcode {
    margin-top: 10px;
}

.gridcode .code {
    font-weight: bold;
    font-style: italic;
    color: #555555;
}

.gridcode .viewmore {
    font-size: 12px;
    color: #666666;
    border-bottom: 2px solid #bcbcbc;
}

.gridfixr .event-val {
    position: relative;
    z-index: 1;
    height: 390px;
    background-color: #fafafa;
}

.gridfixr .events {
    overflow-x: hidden;
    height: 310px;
    padding: 15px 25px;
    background-color: #fafafa;
}

.gridfixr .events dl {
    margin-top: 0px;
    line-height: 18px;
}

.gridfixr .events dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.gridfixr .events dt i {
    min-width: auto;
    width: 48% !important;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.gridfixr .events dt em {
    min-width: auto;
    width: 48% !important;
    font-size: 14px;
    color: #333333;
}

.gridfixr .events dt img {
    width: 20px;
    margin-right: 12px;
}

.gridfixr .events-title {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 10;
    width: calc(100% - 65px);
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FAFAFA;
}

.gridfixr .events-title .events-c {
    width: 48%;
    font-size: 20px;
    line-height: 2.3;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.gridfixr .share1 {
    margin-top: 15px;
}

.gridfixr .share1 a {
    width: 24%;
    height: 34px;
    line-height: 34px;
    margin: 0;
    margin-right: 1.33%;
    border: none;
    border-radius: 0;
    background-color: #999999;
}

.gridfixr .share1 a:nth-child(4) {
    margin-right: 0;
}

.gridfixr .share1 a:before {
    color: #ffffff;
}

.gridfixr .share1 a {
    color: #fff;
    text-align: center;
    display: block;
    float: left;
}


/*.gridfixr .share1 .emaila:before{ content:''; display:block; width: 100%; height: 100%; background: url(../images/emailbg.png) no-repeat center center;}
.gridfixr .share1 .honora:before{ content:''; display:block; width: 100%; height: 100%; background: url(../images/honorbg.png) no-repeat center center;}*/

.gridfixr .share1 a:hover {
    background-color: #D4000D;
}


/* 淘宝放大镜1223 start */

.bg {
    position: relative;
    width: 22.4vw;
    padding: 0px;
    box-sizing: border-box;
    background: #fff;
}

.bg_left {
    width: 22.4vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.bg_right {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
    width: 18.75vw;
    height: 22.4vw;
}

.show {
    width: 98%;
    height: 22.4vw;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #E8E8E8;
    cursor: move;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.show img {
    width: 22.4vw;
    height: 22.4vw;
}

.mask {
    width: 9.375vw;
    height: 9.375vw;
    background: #000;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.bigshow {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 100;
    width: 22.4vw;
    height: 22.4vw;
    overflow: hidden;
    margin-left: 10px;
    display: none;
    border: 1px solid #E8E8E8;
    background: #FFFFFF;
}

.bigshow img {
    width: 860px;
    height: 860px;
    margin-right: 10px;
}

.smallshow {
    width: 100%;
    height: 70px;
    position: relative
}

.smallshow img {
    width: 100%;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    transition: all 0.5s
}

.smallshow>.middle_box {
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
    overflow: hidden;
    height: 70px;
}

.smallshow .middle {
    overflow: hidden;
    transition: all 0.5s;
    height: 70px;
}

.smallshow .middle>li {
    width: 64px;
    height: 64px;
    float: left;
    cursor: pointer;
    padding: 0 5px;
}

.smallshow>p {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 32px;
    margin-top: -16px;
}

.smallshow>.prev {
    left: 0;
    background: url(../image/hover-prev.png) no-repeat;
    background-size: contain;
    transition: all 0.5s
}

.smallshow>.next {
    right: 0;
    background: url(../image/hover-next.png) no-repeat;
    background-size: contain;
    transition: all 0.5s
}

.smallshow>.prev.prevnone {
    left: 0;
    background: url(../image/prev.png) no-repeat;
    cursor: not-allowed
}

.smallshow>.next.nextnone {
    right: 0;
    background: url(../image/next.png) no-repeat;
    cursor: not-allowed
}


/* 淘宝放大镜1223 end */


/* 淘宝放大镜1223 start */

.preview {
    width: 400px;
    height: 465px;
}


/* smallImg */

.smallImg {
    position: relative;
    height: 52px;
    margin-top: 1px;
    background-color: #F1F0F0;
    padding: 6px 5px;
    width: 390px;
    overflow: hidden;
    float: left;
}

.scrollbutton {
    width: 14px;
    height: 50px;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

.scrollbutton.smallImgUp,
.scrollbutton.smallImgUp.disabled {
    background: url(https://www.senci.com/skin/hansha/css/images/d_08.png) no-repeat;
}

.scrollbutton.smallImgDown,
.scrollbutton.smallImgDown.disabled {
    background: url(https://www.senci.com/skin/hansha/css/images/d_09.png) no-repeat;
    margin-left: 375px;
    margin-top: -50px;
}

#imageMenu {
    height: 50px;
    width: 360px;
    overflow: hidden;
    margin-left: 0;
    float: left;
}

#imageMenu li {
    height: 50px;
    width: 60px;
    overflow: hidden;
    float: left;
    text-align: center;
}

#imageMenu li img {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#imageMenu li#onlickImg img,
#imageMenu li:hover img {
    width: 44px;
    height: 44px;
    border: 3px solid #959595;
}


/* bigImg */

.bigImg {
    position: relative;
    float: left;
    width: 400px;
    height: 400px;
    overflow: hidden;
}

.bigImg #midimg {
    width: 400px;
    height: 400px;
}

.bigImg #winSelector {
    width: 235px;
    height: 210px;
}

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}


/* bigView */

#bigView {
    position: absolute;
    border: 1px solid #959595;
    overflow: hidden;
    z-index: 999;
}

#bigView img {
    position: absolute;
}


/* 淘宝放大镜1223 end */


/* 产品详情 */

.xqtype {
    padding: 0 40px;
}

.xqtype ul li {
    float: left;
    height: 52px;
    line-height: 52px;
    min-width: 108px;
    padding: 0 5px;
    font-size: 16px;
    text-align: center;
    color: #666666;
    border: 1px solid #f2f2f2;
    cursor: pointer;
}

.xqtype ul li.active {
    background-color: #f2f2f2;
    color: #2a2a2a;
}

.xqtype ul li:hover {
    color: #d41a1a;
}

.xqxx {
    padding: 2% 0;
}

.xqxx .xqbt {
    font-size: 18px;
    color: #e62e2e;
}

.xqxx .xqtxt {
    margin-top: 20px;
    font-size: 18px;
    color: #666666;
    line-height: 1.8;
    word-break: break-all;
    text-align: justify;
}

.xq-abs {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 10001;
    width: 460px;
    padding: 0 30px 30px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.9);
    display: none;
    transition: none;
}

.xq-abs .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
    width: 18px;
    cursor: pointer;
}

.xq-abs h3 {
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #191919;
}

.xq-abs ul li {
    position: relative;
    z-index: 1;
    padding: 5px 20px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    margin-bottom: 22px;
}

.xq-abs ul li p {
    display: block;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 12px;
    color: #a6a6a6;
    font-weight: bold;
}

.xq-abs ul li:before {
    content: '*';
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    line-height: 25px;
    color: #D41A1A;
}

.xq-abs ul li input {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border: none;
    font-size: 12px;
    background: none;
}

.xq-abs ul li select {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #a6a6a6;
    background: none;
}

.xq-abs ul li textarea {
    width: 100%;
    height: 80px;
    line-height: 20px;
    border: none;
    font-size: 12px;
    color: #a6a6a6;
    resize: none;
    font-family: arial;
    background: none;
}

.formbtn {}

.formbtn .formsend {
    float: right;
    width: 240px;
    height: 45px;
    font-weight: bold;
    color: #0F0F0F;
    border: none;
    background: url(https://www.senci.com/skin/hansha/images/formsub-btn.png) no-repeat center center;
    margin-left: 30px;
    text-transform: uppercase;
}

.formbtn .formrest {
    float: right;
    width: 90px;
    height: 45px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    background: url(https://www.senci.com/skin/hansha/images/formrst-btn.png) no-repeat center center;
    text-transform: uppercase;
}

.fixedr {
    position: fixed;
    bottom: 5%;
    right: 10px;
    z-index: 10000;
    width: 62px;
}

.fixedr ul li.rt-up {
    display: none;
}

.fixbig {
    display: none;
}


/* 3-3产品详情 end */


/* 5-1联系我们 start */

.lxwm-bt {
    padding-top: 3%;
    text-align: center;
}

.lxwm-bt dl {
    padding-bottom: 3%;
}

.lxwm-bt dl dt h4 {
    line-height: 1;
    font-size: 36px;
    color: #333333;
}

.lxwm-bt dl dd {
    font-size: 16px;
    color: #999999;
    margin-top: 10px;
}

.lxwm-bt dl dd:after {
    content: '';
    display: block;
    width: 30px;
    margin: 0 auto;
    margin-top: 30px;
    border-bottom: 2px solid #D4000D;
}

.lxwm-form ul {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.lxwm-form ul li {
    display: flex;
    align-items: center;
    height: 55px;
    width: 31%;
    padding: 0 1%;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
}

.lxwm-form img {
    width: 22px;
}

.lxwm-form ul li input {
    padding-left: 4%;
    width: 96%;
    font-size: 16px;
}

.lxwm-form div {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 1%;
    margin-top: 20px;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
}

.lxwm-form div img {
    margin-top: 5px;
}

.lxwm-form textarea {
    padding-left: 1%;
    width: 99%;
    font-size: 16px;
    font-family: arial;
    resize: none;
}

.lxsub {
    display: block;
    width: 105px;
    height: 32px;
    background: #D4000D;
    color: #FFFFFF;
    margin: 20px auto;
}

.map {
    display: flex;
    background: #666666;
    display: none;
}

.map .mapl {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    padding-left: 14%;
    padding-right: 2%;
    color: #FFFFFF;
}

.map .mapl dl dt {
    font-size: 40px;
    text-transform: uppercase;
}

.map .mapl dl dt:after {
    content: '';
    display: block;
    width: 25px;
    margin-top: 20px;
    border-bottom: 4px solid #8a8a8a;
}

.map .mapl dl dd {
    margin-top: 20px;
}

.map .mapl dl dd div {
    margin-top: 10px;
    display: flex;
    line-height: 20px;
    text-transform: uppercase;
}

.map .mapl dl dd div i {
    color: #c2c2c2;
}

.map .mapl dl dd div em {}

.map .mapr {
    width: 58%;
}


/* 5-1联系我们 end */


/* 4-1招贤纳士 start */

.zxlslist {
    padding: 3% 0;
}

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

.zxlslist ul li {
    position: relative;
    z-index: 1;
    width: 47%;
}

.zxlslist ul li div {
    position: absolute;
    bottom: 1%;
    left: 1%;
    z-index: 10;
    width: 40%;
    padding: 4%;
}

.zxlslist ul li dl dt {
    line-height: 1.2;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
}

.zxlslist ul li dl dt:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 16px;
    border-bottom: 3px solid #D4000D;
}

.zxlslist ul li:nth-child(1) div {
    background: url(../image/zxns-11.png) #FFFFFF no-repeat right bottom;
}

.zxlslist ul li:nth-child(2) div {
    background: url(../image/zxns-12.png) #FFFFFF no-repeat right bottom;
}

.zxlslist ul li i {
    display: inline-block;
    margin-top: 20px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #E6E6E6;
}


/* 4-1招贤纳士 end */


/* 4-2校园招聘 start */

.returnpage {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    border: 1px solid #E6E6E6;
}

.returnpage img {}

.returnpage i {
    text-transform: uppercase;
    margin-left: 10px;
}

.zptable {
    padding-bottom: 3%;
    overflow: hidden;
}

.zptable dl dt {
    display: flex;
    justify-content: space-between;
}

.zptable dl dt div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22.5%;
    padding: 1%;
    font-size: 24px;
    color: #FFFFFF;
    background: #333333;
}

.zptable dl dt div img {
    margin-right: 10px;
}

.zptable dl dd {
    margin-top: 4px;
    border: 1px solid #E6E6E6;
}

.zptable dl dd a {
    display: block;
    font-size: 16px;
}

.zptable dl dd .zpevent {
    display: flex;
    border-bottom: 1px solid #E6E6E6;
}

.zptable dl dd .zpevent div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22.5%;
    padding: 1%;
    text-align: center;
}

.zptable dl dd .zpsm {
    padding: 1% 2%;
    color: #999999;
}


/* 4-2校园招聘 end */


/* 4-3招聘详情 start */

.zpdetail-tt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5% 3%;
    background: #333333;
}

.zpdetail-tt i {
    font-size: 16px;
    color: #FFFFFF;
}

.zpdetail-tt em {
    color: #838383;
}

.zpdetail {
    padding: 1% 0 2%;
}

.zpdetail dl dt {
    padding: 1% 0;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
    border-bottom: 1px solid #E6E6E6;
}

.zpdetail dl dd {
    padding: 1% 0;
    color: #999999;
    line-height: 1.8;
}


/* 4-3招聘详情 end */

.ntype {
    margin: 20px 0;
    display: none;
    border-bottom: 1px solid #F9F9F9;
}

.ntype .swiper-slide {
    width: auto;
    height: 40px;
    line-height: 40px;
}

.ntype .swiper-slide a {
    display: block;
    padding: 0 30px;
    font-size: 16px;
}

.ntype .swiper-slide.active a {
    color: #D4000D;
}

.ntypesub {
    margin: 20px 0;
    display: none;
}

.ntypesub .swiper-slide {
    width: auto;
    height: 40px;
    line-height: 40px;
    background: #f9f9f9;
}

.ntypesub .swiper-slide a {
    display: block;
    padding: 0 30px;
    font-size: 16px;
}

.ntypesub .swiper-slide.active a {
    color: #D4000D;
}


/* 1200以上 */

@media only screen and (min-width: 768px) {
    .top .topl .language ul li:hover a {
        color: #D4000D;
    }
    .inews .inewsl:hover {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    }
    .inewsr a:hover {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background: #D4000D;
    }
    .inewsr a:hover .inewsdate {
        color: #FFFFFF;
    }
    .inewsr a:hover dt {
        color: #FFFFFF;
    }
    .inewsr a:hover dd {
        color: #FFFFFF;
    }
    .inewsr a:hover .more-btn {
        background-image: url(../image/arrow-r-white.png);
    }
    .prolist ul li:hover div {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }
    .prolist ul li:hover p {
        color: #D4000D;
        font-weight: bold;
    }
    .zxlslist ul li:hover i {
        background: #D4000D;
        color: #FFFFFF;
        border-color: #D4000D;
    }
    .zptable dl dd:hover .zpevent div {
        color: #333;
    }
    .zptable dl dd:hover .zpevent div:nth-child(1) {
        color: #D4000D;
        font-weight: bold;
    }
    .newslist ul li:hover {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background: #FFFFFF;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
    .cedlist ul li:hover div {
        display: flex;
    }
}


/* 768到1200 */

@media only screen and (max-width: 1199px) {
    .footer .s2 {
        display: none;
    }
    .footer .s3 {
        display: none;
    }
    .iprolist .ipro-bz {
        display: none;
    }
    .gridfixc.xqcont {
        flex-direction: column;
    }
    .gridfixc .gridfixl {
        display: block;
        width: 100%;
    }
    .bg {
        display: none;
    }
    .gridfixc .gridfixr {
        width: 100%;
        margin-top: 2%;
    }
}

@media only screen and (max-width: 1000px) {
    .top .topl .logo {
        width: 110px;
    }
    .top .topr .search {
        display: none;
    }
    .top .topr .nav ul li>a {
        font-size: 14px;
    }
    .newstype a {
        flex-direction: column;
        text-align: center;
    }
    .newstype a p {
        margin: 0;
    }
    .newstype a p:after {
        display: none;
    }
    .newslist {
        padding: 0 5% 5%;
    }
    .newslist ul li a {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .newslist ul li .newsl {
        align-items: center;
        width: 100%;
    }
    .newslist ul li .newsl img {
        width: 100%;
    }
    .newslist ul li .newsr {
        width: auto;
        padding: 5%;
    }
    /* 5-1联系我们 start */
    .map {
        flex-direction: column;
    }
    .map .mapl {
        padding: 3%;
        width: 100%;
    }
    .map .mapr {
        width: 100%;
    }
    /* 4-2 */
    .zptable dl dt div {
        font-size: 20px;
    }
    .zptable dl dt div img {
        display: none;
    }
    .zptable {
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .zptable dl {
        min-width: 800px;
    }
}

.vfixed {
    width: 155px;
    background: #fff;
    position: fixed;
    right: 50px;
    bottom: 50%;
    z-index: 1000;
}

.vt {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

.vt strong {
    font-size: 12px;
    float: left;
}

.vt a {
    float: right;
    display: inline-block;
    cursor: pointer;
}

.vc {}

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

.vplayfix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
}

.vpaly {
    width: 800px;
    height: 600px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -300px;
    background: #fff;
}

.vpc {
    position: relative;
    width: 100%;
    height: 100%;
}

.vpc .close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../image/closet.png)#fff no-repeat center;
    position: absolute;
    right: -20px;
    top: -20px;
}

.vpc .close a {
    display: block;
    width: 100%;
    height: 100%;
}

.vfvideo,
.vfvideo video {
    width: 100%;
    height: 100%;
}

.vfvideo video {
    object-fit: cover;
}

.vfixed1 {
    width: 155px;
    background: #fff;
    position: fixed;
    right: 50px;
    bottom: 36%;
    z-index: 1001;
}

.vfixed1 i {
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 10;
    cursor: pointer;
}

.vfixed1 a {
    display: block;
    width: 100%;
    height: 100%;
}

.vfixed1 a img {
    width: 100%;
}


/* 手机屏幕 */

@media only screen and (max-width: 768px) {
    .gridType .grida {
        font-size: 18px!important;
    }
    .vfixed {
        right: 0.5rem;
        bottom: auto;
        top: 5rem;
        right: 10px;
    }
    .vfixed1 {
        right: 0.5rem;
        bottom: auto;
        top: 10.5rem;
        right: 10px;
    }
    .vpaly {
        width: 80%;
        height: 30%;
        margin-left: -40%;
        margin-top: -15%;
    }
    html,
    body {
        max-width: 750px;
        color: #666;
        font: 0.48rem/1.4 "微软雅黑", Arial;
        -webkit-text-size-adjust: none;
        margin: 0;
        padding: 0px;
    }
    .wrapper {
        margin: 0 0.5rem;
    }
    /* top */
    .top {
        position: relative;
        z-index: 99;
        background: none;
    }
    .top .topl .logo {
        width: 3.88rem;
    }
    .top .topl .language {
        display: none;
    }
    .top .topr {
        display: none;
    }
    .top .m-topr {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .top .m-topr .m-lang,
    .top .m-topr .m-menu,
    .top .m-topr .m-pro {
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 0.1rem;
        border: 1px solid #DEDEDE;
        margin-left: 0.2rem;
    }
    .top .m-topr {
        position: relative;
        z-index: 1;
    }
    .top .m-topr .m-lang {
        background: url(../image/m-top-lang.png) no-repeat center center / 0.88rem auto;
    }
    .top .m-topr .m-menu {
        background: url(../image/m-top-menu.png) no-repeat center center / 0.68rem auto;
    }
    .top .m-topr .m-pro {
        background: url(../image/m-top-pro.png) no-repeat center center / 0.66rem auto;
    }
    .top .m-topr .m-lang:active {
        background-image: url(../image/m-top-lang1.png);
    }
    .top .m-topr .m-menu:active {
        background-image: url(../image/m-top-menu1.png);
    }
    .top .m-topr .m-pro:active {
        background-image: url(../image/m-top-pro1.png);
    }
    .top .m-topr .m-lang.active {
        background-image: url(../image/m-top-lang1.png);
    }
    .top .m-topr .m-menu.active {
        background-image: url(../image/m-top-menu1.png);
    }
    .top .m-topr .m-pro.active {
        background-image: url(../image/m-top-pro1.png);
    }
    .langdiv {
        position: absolute;
        top: 2rem;
        right: 2rem;
        z-index: 10;
        width: 4rem;
        background: #FFFFFF;
        border: 1px solid #DEDEDE;
        display: none;
    }
    .langdiv:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0px;
        right: 0px;
        z-index: 8;
        width: 0;
        margin: 0 auto;
        border-width: 9px;
        border-style: solid;
        border-color: transparent transparent #DEDEDE transparent;
    }
    .langdiv:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0px;
        right: 0px;
        z-index: 10;
        width: 0;
        margin: 0 auto;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
    }
    .langdiv ul li {
        padding: 0 0.2rem;
    }
    .langdiv ul li a {
        display: block;
        line-height: 1.2rem;
        border-bottom: 1px solid #DEDEDE;
        text-align: center;
    }
    .langdiv ul li:last-child a {
        border-bottom: 0 none;
    }
    body.on {
        overflow: hidden;
    }
    .navfix {
        position: fixed;
        background: rgba(255, 255, 255, .96);
        z-index: 2;
        width: 100%;
        height: 100%;
        max-width: 750px;
        margin: auto;
        box-sizing: border-box;
        padding-top: 3rem;
        display: none;
        left: 0;
        top: 0;
    }
    .navfix ul li {
        text-align: center;
    }
    .navfix ul li:active a {
        color: #D4000D;
        font-weight: bold;
        background: url(../image/menyDown.png) no-repeat center left 5rem / 0.4rem auto;
    }
    .navfix ul li a {
        display: block;
        font-size: 0.6rem;
        color: #333333;
        margin-top: 2rem;
    }
    .navfix.navTwo ul li a {
        margin-top: 1.5rem;
    }
    .navfix.navTwo ul li:active a {
        background: url(../image/menyDown.png) no-repeat center left 3.5rem / 0.4rem auto;
    }
    .iproType {
        padding-right: 1rem;
    }
    .iproType .beijing {
        right: 0.1rem;
        margin-top: -0.4rem;
        width: 0.8rem;
        height: 0.8rem;
    }
    /* 首页链接 */
    .link-ncont {
        padding: 0.6rem 0;
    }
    .link-ncont a {
        padding: 0 0.8rem;
    }
    .link-ncont i {
        width: 2.5rem;
        background-size: contain;
    }
    /* 首页-产品 */
    .iprolist ul li {
        width: 49%;
        margin-right: 2%;
        margin-top: 0.5rem;
    }
    .iprolist ul li:nth-child(2n+2) {
        margin-right: 0;
    }
    .iprolist .ipro-tp {
        height: 5rem;
    }
    .iprolist .ipro-tp .ipro-pos .ipro-logo {
        margin-top: 0.3rem;
    }
    .iprolist .ipro-tp .ipro-pos .ipro-logo img {
        width: 2.44rem;
    }
    .iprolist .ipro-tp .ipro-pos .ipro-logo i {
        font-size: 0.64rem;
    }
    .iprolist .ipro-tp .ipro-pos .ipro-nr {
        -webkit-line-clamp: 2;
    }
    .iprolist .ipro-link a {
        padding: 0.2rem;
        font-size: 0.4rem;
    }
    .iprolist .ipro-name {
        padding: 0.3rem 0.5rem;
        font-size: 0.48rem;
    }
    .icplist ul {
        flex-wrap: wrap;
    }
    .icplist ul li {
        width: 50%;
        background-color: #ebebeb !important;
    }
    .icplist ul li:nth-child(2),
    .icplist ul li:nth-child(3) {
        background-color: #f5f5f5 !important;
    }
    /* 首页新闻 */
    .inews {
        flex-direction: column;
        padding: 0.8rem 0.5rem;
    }
    .inews .inewsl {
        width: 100%;
    }
    .inews .inewsr {
        width: 100%;
        margin-top: 0.4rem;
    }
    .inews .inewsl-tt {
        margin-top: -0.5rem;
        padding: 0 0.5rem;
    }
    .inews .inewsl-tt dl dt {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .inews .inewsl-tt dl dt i {
        font-size: 0.6rem;
        line-height: 1rem;
        padding: 0 0.5rem;
    }
    .inews .inewsl-tt dl dd {
        margin-top: 0.2rem;
        line-height: 1.6;
        font-size: 0.48rem;
    }
    .inews .inewsl-tt .more-btn {
        padding-bottom: 0.4rem;
        background-position: left center;
        background-size: 0.56rem auto;
    }
    .inewsrt dl dt {
        margin-top: 0.4rem;
        font-size: 0.56rem;
    }
    .inewsrt dl dd {
        -webkit-line-clamp: 3;
    }
    .inewsrt .more-btn {
        position: static;
        height: 0.5rem;
        background-position: left center;
        background-size: 0.56rem auto;
    }
    .inewsr ul {
        margin-top: 0.4rem;
    }
    .inewsr .inewsdate {
        font-size: 0.48rem;
    }
    .inewsr .inewsdate em {
        display: none;
    }
    .inewsr ul li dl dt {
        font-size: 0.56rem;
        -webkit-line-clamp: 3;
    }
    .inewsr ul li .more-btn {
        position: static;
        height: 0.5rem;
        background-position: left center;
        background-size: 0.56rem auto;
    }
    .inewsr a:active {
        background: #D4000D;
    }
    .inewsr a:active .inewsdate {
        color: #FFFFFF;
    }
    .inewsr a:active dt {
        color: #FFFFFF;
    }
    .inewsr a:active dd {
        color: #FFFFFF;
    }
    .inewsr a:active .more-btn {
        background-image: url(../image/arrow-r-white.png);
    }
    .ncont {
        position: relative;
        z-index: 0;
    }
    .icompjj {
        padding: 0.5rem;
    }
    .icompjj h3 img {
        width: 7.06rem;
    }
    .ncont .icompjj {
        padding: 0.5rem;
    }
    .icompjj-sm {
        font-size: 0.56rem;
    }
    .icompjj-txt {
        overflow: hidden;
        /* max-height: 4.5rem;*/
        line-height: 0.9rem;
        font-size: 0.48rem;
    }
    .icompjj .more-btn img:first-child,
    .iprolist .more-btn img:first-child {
        width: 4.6rem;
    }
    .icompjj .more-btn img:last-child,
    .iprolist .more-btn img:last-child {
        width: 0.42rem;
    }
    .fzlcban ul li {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fzlcban .swiper-button-prev {
        display: none;
    }
    .fzlcban .swiper-button-next {
        display: none;
    }
    .footer .wrapper {
        justify-content: center;
    }
    .footer .s1 {
        display: none;
    }
    .footer .s4 {
        text-align: center;
    }
    .footer .s4 img {
        width: 3.88rem;
        margin-top: 0.4rem;
    }
    /* 关于我们 */
    .dszzc {
        flex-direction: column;
    }
    .dszzcl {
        width: auto;
        padding: 0.5rem;
    }
    .dszzcl dl dt {
        font-size: 1.2rem;
    }
    .dszzcl dl dd {
        font-size: 0.48rem;
    }
    .dszzcr {
        width: auto;
        padding: 0 0.5rem;
    }
    .fzlc {
        flex-direction: column;
    }
    .fzlcl {
        width: 100%;
        margin-top: 0.5rem;
    }
    .fzlcban {
        width: 90%;
    }
    .fzlcr {
        width: auto;
        padding: 0.5rem;
    }
    .fzlcr h4 {
        font-size: 0.8rem;
    }
    .fzlcr .year {
        font-size: 0.8rem;
        background: none;
    }
    .fzlcnr dl {
        overflow: auto;
    }
    .fzlcnr dl dt {
        font-size: 0.6rem;
    }
    .fzlcnr dl dd {}
    .partners-title {
        padding: 1rem 0;
    }
    .partners-title img {
        width: 80%;
    }
    .about-ced {
        flex-wrap: wrap;
    }
    .about-ced .cedl {
        width: 100%;
        padding: 0.5rem;
    }
    .cedlist {
        width: 100%;
    }
    .cedlist ul li {
        width: 32%;
        margin-right: 1.33%;
        height: 3rem;
        margin-top: 0.2rem;
    }
    .cedlist ul li div i {
        width: 0.7rem;
        height: 0.42rem;
    }
    .about-ced .cedr {
        width: 100%;
    }
    .hoqlist .swiper-slide div {
        height: 6.2rem;
    }
    .hoqlist .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        opacity: 1;
    }
    .hoqlist .swiper-pagination-bullet-active {
        width: 8px;
        height: 8px;
        border-radius: 8px;
    }
    .hoqlist .swiper-slide p {
        margin-bottom: 0.6rem;
        font-size: 0.48rem;
    }
    /* 关于我们 end */
    /* 公司新闻 start */
    .newstype a {
        font-size: 0.64rem;
    }
    .newstype a img {
        height: 1.44rem;
    }
    .padlr15 {
        padding: 0.5rem;
    }
    .newslist {}
    .newslist ul li a {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .newslist ul li .newsl {
        align-items: center;
        width: 100%;
    }
    .newslist ul li .newsl img {
        width: 100%;
    }
    .newslist ul li .newsr {
        width: auto;
        padding: 0.5rem;
        font-size: 0.44rem;
    }
    .newslist ul li .newsr dl dt {
        font-size: 0.56rem;
    }
    .newslist ul li .newsr dl dd {
        display: none;
        -webkit-line-clamp: 2;
        font-size: 0.44rem;
    }
    .newslist ul li .newsr i,
    .newslist ul li .newsr em {
        display: none;
    }
    .m-page {
        display: flex;
        justify-content: center;
        margin-top: 0.8rem;
    }
    .m-page span {
        display: flex;
        justify-content: center;
    }
    .m-page a {
        display: block;
        padding: 0 0.4rem;
        margin: 0 0.15rem;
        line-height: 1.1rem;
        border-radius: 3px;
        color: #999999;
        border: 1px solid #D2D2D2;
    }
    .m-page a.z-crt {
        background: #D4000D;
        border-color: #D4000D;
        color: #FFFFFF;
    }
    .m-page a.pagenxt,
    .m-page a.pageprv {
        padding: 0 0.6rem;
    }
    /* 公司新闻 end */
    /* 产品中心 start */
    .protop {
        display: none;
    }
    .prolist {
        width: 100%;
    }
    .prolist ul li {
        width: 48%;
        margin-right: 4%;
    }
    .prolist ul li:nth-child(3n+3) {
        margin-right: 4%;
    }
    .prolist ul li:nth-child(2n+2) {
        margin-right: 0;
    }
    .prolist ul li:active div {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }
    .prolist ul li:active p {
        color: #D4000D;
        font-weight: bold;
    }
    .prolist ul li div {
        height: 13.8rem;
    }
    .proleftSub {
        display: none;
    }
    /* 产品中心 end */
    /* 产品详情 start */
    .prodetail {
        flex-direction: column-reverse;
    }
    .prodt-img {
        flex-direction: column;
        width: 100%;
        margin-top: 0.4rem;
    }
    .prodt-bigimg {
        width: 100%;
        height: 7rem;
    }
    .prodt-smlimg {
        margin-top: 0.2rem;
        width: 100%;
        flex-direction: row;
        height: 2.8rem;
    }
    .prodt-smlimg span {
        width: 49%;
        height: 100%;
    }
    .prodt-event {
        width: 100%;
    }
    .prodt-event .prodt-tt {
        overflow: auto;
        white-space: normal;
        text-overflow: initial;
        font-size: 0.6rem;
    }
    .bg {
        display: none;
    }
    /* 产品详情 end */
    /* 5-1联系我们 start */
    .lxwm-bt dl dt h4 {
        font-size: 0.7rem;
    }
    .lxwm-bt dl dd {
        margin-top: 0.3rem;
        font-size: 0.44rem;
    }
    .lxwm-bt dl dd:after {
        margin-top: 0.5rem;
    }
    .lxwm-form ul {
        flex-direction: column;
    }
    .lxwm-form ul li {
        width: 100%;
        height: auto;
        margin-top: 0.3rem;
    }
    .lxwm-form ul li input {
        height: 1.2rem;
        line-height: 1.2rem;
    }
    .lxwm-form div {
        margin-top: 0.3rem !important;
    }
    .lxwm-form div textarea {
        padding-left: 3%;
    }
    .map .mapl dl dt {
        font-size: 0.72rem;
    }
    .map .mapl dl dd div {
        line-height: 1.6;
        font-size: 0.44rem;
    }
    /* 5-1联系我们 end */
    /* 4-1招贤纳士 start */
    .zxlslist ul {
        flex-direction: column;
    }
    .zxlslist ul li {
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .zxlslist ul li div {
        bottom: 2%;
        left: 2%;
        width: 56%;
        height: auto;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
    .zxlslist ul li div dl dt {
        font-size: 0.7rem;
    }
    .zxlslist ul li div i {
        margin-top: 0.3rem;
    }
    .zxlslist ul li:active i {
        background: #D4000D;
        color: #FFFFFF;
        border-color: #D4000D;
    }
    /* 4-1招贤纳士 end */
    .ntype {
        margin: 0.5rem 0;
        display: block;
    }
    .ntype .swiper-slide {
        width: auto;
        height: 1rem;
        line-height: 1rem;
        background: #f9f9f9;
    }
    .ntype .swiper-slide a {
        display: block;
        padding: 0 0.5rem;
        font-size: 0.56rem;
    }
    .ntypesub {
        margin: 0.5rem 0;
        display: block;
    }
    .ntypesub .swiper-slide {
        width: auto;
        height: 1rem;
        line-height: 1rem;
        background: #f9f9f9;
    }
    .ntypesub .swiper-slide a {
        display: block;
        padding: 0 0.5rem;
        font-size: 0.56rem;
    }
}


/* 产品新增页面 */

.testing {
    width: 100%;
    padding: 3vw 0;
}

.testing img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testlist {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5%;
}

.testlist.reverse {
    flex-direction: row-reverse;
}

.testlist .testl {
    width: 66%;
}

.testlist .testr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 33.5%;
}

.testlist .testr p {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 49.5%;
}

.problem {
    padding: 3vw 0;
}

.problem .problem-title {
    font-size: 3.3333vw;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.problem .problemlist {
    padding-top: 1.25vw;
}

.problem .problemlist ul li {
    margin-top: 0.5vw;
    border: 1px solid #e2e2e2;
}

.problem .problemlist ul li a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 2% 8% 2% 4%;
    transition: 0.5s;
    background: #f7f7f7;
}

.problem .problemlist ul li .quest {
    font-size: 20px;
    color: #333333;
    font-family: arial;
    font-weight: bold;
}

.problem .problemlist ul li .ansor {
    display: none;
    font-size: 16px;
    color: #666666;
    font-family: arial;
}

.problem .problemlist ul li.active a {
    background: #FFFFFF;
}

.problem .problemlist ul li i {
    position: absolute;
    top: 50%;
    right: 4%;
    z-index: 1;
    pointer-events: none;
    width: 1.5vw;
    height: 1.5vw;
    margin-top: -0.75vw;
    background: url(../image/pro-addicon.png) no-repeat right 4% center / 1.5vw auto;
    opacity: 1;
    transition: 0.5s;
}

.problem .problemlist ul li.active i {
    background: url(../image/pro-addicon.png) no-repeat right 4% center / 0.8vw auto;
    opacity: 0;
}

.vidicon {
    width: 100%;
    margin-top: 10px;
}

.vidicon ul a {
    display: block;
    border: 1px solid #EEEEEE;
}