@charset "utf-8";
/* ====================公共样式========================= */

/* 头部 */
.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 99999;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);}
.Header-wrapper:after{display: none;content: "";width: 100%;height: 1px;background: #dadada;position: absolute;left: 0;bottom: 0;z-index: 99;}
.Header-container{width: 100%;padding: 0 100px;}
.winter .Header-navbarbox{display: block !important;}

.Header-logo{float: left;position: relative;z-index: 999;}
.Header-logo a{height: 90px;line-height: 90px;float: left;user-select: none;display: flex;align-items: center;}
.Header-logo a img{display: block; height: 50px;}

.Header-search{float: right;}
.Header-search-click{width: 48px;height: 90px;background:transparent url('../images/search.png') no-repeat center;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:transparent url('../images/close.png') no-repeat center;}

.Header-navbar{float: right;margin-right: 20px;font-size: 0;}
.Header-navbar li{display: inline-block;position: relative;}
.Header-Menu{display: block;height: 90px; min-width: 104px;  padding: 0 10px; text-align: center;line-height: 90px;font-size: 15px;color: #1a1a1a;transition: all .2s ease;font-weight: 400;position: relative; }
.Header-Menu:after{content: "";position: absolute;width: 100%;height: 0;bottom: 0;left: 0;background: #d82128;transition: all .2s ease;z-index: -1;}
.Header-navbar ul li.ontrue .Header-Menu, .Header-navbar ul li:hover .Header-Menu{color: #fff;}
.Header-navbar ul li.ontrue .Header-Menu:after, .Header-navbar ul li:hover .Header-Menu:after{height: 100%;}

.Header-search-message{width: 100%;height: 90px;position: absolute;z-index: 99;background: #fff;right: 0;top: 0;display: none;}
.Header-search-words{width: 100%;padding: 0 100px;}
.Header-search-wordsform{float: right;height: 90px;line-height: 90px;font-size: 0;}
.Header-search-submit{width: 48px;height: 90px;background: url('../images/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}
.Header-search-wordsform input{width: 580px;height: 40px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 15px;color: #1a1a1a;margin-right: 40px;border-bottom: 1px solid #dadada;}
.Header-search-close{width: 54px;height: 90px;background: url('../images/close.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}

.H-lang {position: relative;float: right;font-size: 0;}
.H-lang-span{display: inline-block;height: 16px;width: 1px;vertical-align: middle;background: #1a1a1a;transform: rotate(26deg);margin: 0 3px;}
.H-lang .Hlang-menu {display: inline-block;vertical-align: middle;width: 20px;height: 100%;transition: none;-webkit-transition: none;font-size: 15px;font-weight: 400;text-align: center;color: #1a1a1a;line-height: 90px;}
.H-lang .Hlang-menu i{width: 20px;height: 20px;background-repeat: no-repeat;background-image: url('../images/lang.png');display: none;vertical-align: middle;margin-right: 4px;}
.H-lang .Hlang-menu span{transition: all .4s ease;}
.H-lang .Hlang-menu:hover{color: #d82128;}
.H-lang .Hlang-menu.ontrue{color: #d82128;}

.Header-oa{display: block;float: right;height: 90px;margin: 0 12px 0 24px;line-height: 90px;font-size: 15px;font-weight: 700;color: #1a1a1a;transition: all .4s ease;}
.Header-oa:hover{color: #d82128;}

/* 下拉 */
.Header-arr{display: none;}
.Header-sonMenu{position: absolute;left: 50%;top: 90px;width: 1400px;margin-left: -700px;text-align: center;background: transparent;}
.Header-sonMenu:after{content: '';width: 200vw;height: 100%;position: absolute;background: rgba(6, 25, 46, .6);left: -80vw;top: 0;z-index: 1;}
.Header-sonMenu-link{width: 100%;display: none;}
.Header-sonMenu a{font-size: 15px;display: inline-block;min-width: 104px;padding: 0 10px;color: #fff;font-weight: 400;transition: all .4s ease;line-height: 62px;position: relative;z-index: 2;}
.Header-sonMenu a:hover{color: #d82128;}

/* 手机汉堡键 */
.Header-navclick{height: 60px;cursor: pointer;float: right;user-select: none;display: none;width: 20px;margin-left: 8px;}
.Header-navclick span{width: 100%;height: 2px;background: #1a1a1a;display: block;position: relative;margin-top: 29px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #333;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0); }
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0); }
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0); }
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0); }
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0); }
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0); }
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: 90px;}
.contain{width: 1330px;margin: 0 auto;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .Header-container, .Header-search-words{padding: 0 4%;}
    .Header-sonMenu{width: 1100px;margin-left: -550px;}
    .Footer-container, .contain{width: 92%;}
    .Footer-navbar{padding-right: 58px;}
    .Header-oa {margin: 0 10px 0 20px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .Header-sonMenu {width: 900px;margin-left: -450px;}
    .Header-Menu{width: 100px;}
    .Header-sonMenu a {min-width: 100px;}
    .Footer-navbar{padding-right: 48px;}
    .Header-oa {margin: 0 8px 0 18px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-navbar{margin-right: 16px;}
    .Header-sonMenu {width: 800px;margin-left: -400px;}
    .Header-Menu{width: 92px;}
    .Header-sonMenu a {min-width: 96px;}
    .Footer-navbar {padding-right: 28px;}
    .Header-oa {margin: 0 6px 0 16px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-navbar{margin-right: 12px;}
    .Header-search-wordsform input{width: 500px;}
    .Header-Menu {width: auto;padding: 0 10px;}
    .Header-sonMenu {width: 200px;margin-left: -100px;}
    .Header-sonMenu a{width: 100%;line-height: 44px;}
    .Header-sonMenu-link{padding: 10px 0 18px;}
    .Footer-navbar {padding-right: 0;width: 100%;margin-top: 32px;}
    .Footer-info{width: 100%;}
    .Footer-infolink{text-align: center;}
    .Footer-inforel-wd{text-align: center;}
    .Footer-inforel-ewm{width: 100%;text-align: center;margin-top: 28px;}
    .Footer-inforel {margin-top: 24px;}
    .Header-oa {margin: 0 2px 0 10px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-Menu {padding: 0 4px;}
    .Header-sonMenu a {line-height: 40px;}
    .Header-navbar{margin-right: 6px;}
    .Header-search-wordsform input{width: 400px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Container-wrapper{margin-top: 60px;}
    
    .Header-wrapper:after{display: block;}
    .Header-oa {height: 60px;line-height: 60px;}
    .Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: 60px;line-height: 60px;}
    .Header-logo a img{height: 42px;}
    .H-lang .Hlang-menu{line-height: 60px;}
    .Header-search-click{height: 60px;line-height: 60px;background: url("../images/search.png") no-repeat center;}
    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;background: #fff;position: absolute;top: 60px;left: 0;}
    .Header-navbar{float: left;width: 100%;margin-right: 0;height: auto;overflow-y: auto !important;padding: 10px 0 20px;text-align: left;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;}
    .Header-Menu{width: 100%;height: 40px;line-height: 40px;padding: 0 4%;text-align: left;}
    .Header-search-message{height: 41px;top: 60px;}
    .Header-search-click{width: 36px;}
    .Header-search-close{display: none;}
    .Header-search-wordsform{height: 40px;line-height: 40px;float: initial;}
    .Header-search-submit{height: 100%;position: absolute;right: 0;top: 0;z-index: 2;width: 40px;background: #d82128 url("../images/searchw.png") no-repeat center;}
    .Header-search-wordsform input{width: 100%;margin-right: 0;height: 40px;padding-right: 46px;box-sizing: border-box;border-bottom: none;}
    .Header-wrapper{box-shadow: none;}
    .Header-navbar ul li:hover .Header-Menu{color: #1a1a1a;}
    .Header-navbar ul li.ontrue .Header-Menu{color: #d82128;}
    .Header-Menu:after{display: none;}
    .Header-arr{position: absolute;display: block;width: 40px;height: 40px;top: 0;right: 0;z-index: 9;background: url("../images/iconarrh.png") no-repeat center center /14px auto;}
    .Header-arr.ontrue{transform: rotate(180deg);}
    .Header-sonMenu {position: relative;left: 0;top: 0;width: 100%;margin-left: 0;text-align: left;background: rgba(6, 25, 46, .6);}
    .Header-sonMenu a{width: 50%;padding: 0 4%;line-height: 36px;}
    .Header-sonMenu-link{padding: 10px 0 12px;}
    .Header-sonMenu:after{width: 100%;left: 0;}

    .Footer-wrapper {padding: 40px 0 36px;}
    .Footer-info{width: 100%;}
    .Footer-infolink a{width: 49%;margin: 0 0 2% 0;display: block;}
    .Footer-infolink a:nth-child(2n+1){float: left;}
    .Footer-infolink a:nth-child(2n){float: right;}
    .Footer-navbar {width: 100%;padding: 0;margin-top: 20px;margin-left: 0;}
    .Footer-navbar ul li{width: 100% !important;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navclick i{display: block;}
    .Footer-inforel-wd p span{font-size: 20px;}
    .Footer-inforel {margin-top: 16px;}
    .Footer-inforel-ewm {margin-top: 24px;}
    .Footer-copyright {margin-top: 28px;}
    .Footer-copyright h6, .Footer-copyright p{width: 100%;}
    .Footer-copyright h6{padding-top: 0;}
    .Footer-copyright p{margin-top: 12px;padding-top: 12px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}
/* Header & footer end */


/* 基础部分 */
/* 清除浮动 */
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:"";}
.clearFix:after {clear:both}
/* 基础部分 end */

/* --------------------------------公共组件部分 --------------------------------------*/
/* h1-h6标题文字 */
.title-h2{text-align: center; margin-top: 50px; margin-bottom: 40px;}
.title-h2 h2{font-size: 26px; font-weight: 600;}
.title-h2 span{margin: 0 auto; display: block; width: 60px; height: 1px; border-bottom: 2px solid red; padding-top: 10px; margin-bottom: 20px;}
h4 a{font-size: 16px; color: #d82128; font-weight: 700;}

/* 红色按钮 */
.red-button{background-color: #d82128; border: 0px;}
.red-button a{color: #fff;}
.red-button a:hover{color: #fff;}

/* 分页 */
.pages{display: flex; justify-content: center; margin-top: 50px;}
.pages strong{font-weight: 400;}
.pages li{padding: 8px 16px; border: 1px #ccc solid; background-color: #ededed; margin: 0 4px; transition: all .4s ease;}
.pages li:hover{border: 1px #d82128 solid; background-color: #d82128; color: #fff;}
.pages li a:hover{color: #fff;}


/* 内页banner */
.sonban{width: 100%;position: relative;}
.sonban img{width: 100%;object-fit: cover;min-height: 220px;}
.search img{min-height: 150px;}
.sonban-wd{position: absolute;z-index: 2;width: 100%;top: 50%;transform: translateY(-50%);left: 0;color: #fff;}
.sonban-wd h3{font-size: 40px;animation: sonbanCt 1s ease both; font-weight: normal;}
.sonban-wd p{font-size: 20px;color: rgba(255, 255, 255, .6);letter-spacing: .16em;text-transform: uppercase;margin-top: 18px;animation: sonbanCt 1s ease both 100ms;}
@keyframes sonbanCt{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}

/* 内页面包屑导航 */
.sonmenu{width: 100%;}
.sonmenu .contain{border-bottom: 1px solid #ccc;}
.sonmenu-site{float: left;font-size: 0;}
.sonmenu-link{float: right;font-size: 0;}
.sonmenu-link-scroll{width: auto;}
.sonmenu-site a, .sonmenu-link a{display: inline-block;height: 64px;line-height: 66px;position: relative;font-size: 14px;font-weight: 400;transition: all .4s ease;}
.sonmenu-site a{color: #888;padding-right: 18px;}
.sonmenu-site a:after{content: ">";font-weight: 700;font-family: "\5B8B\4F53";position: absolute;top: 0;right: 5px;color: #888;}
.sonmenu-site a:last-child{padding-right: 0;}
.sonmenu-site a:last-child:after{display: none;}
.sonmenu-link a{color: #666;padding: 0 2px;margin: 0 10px;}
.sonmenu-link a:last-child{margin-right: 0;}
.sonmenu-link a:first-child{margin-left: 0;}
.sonmenu-link a:after{content: "";width: 0%;height: 2px;position: absolute;z-index: 2;left: auto;right: 0;bottom: -1px;background: #d82128;transition: all .4s ease;}
.sonmenu-site a:hover, .sonmenu-link a:hover{color: #d82128;}
.sonmenu-link a:hover:after{width: 100%;right: auto;left: 0;}
.sonmenu-link a.ontrue{color: #d82128;}
.sonmenu-link a.ontrue:after{width: 100%;}
/* --------------------------------公共组件部分 -------------------------------------- end */

/* 首页开始 */
/* 首页-轮播图*/
.swiper0{ width: 100%; height: 100%; }
.swiper-slide { background-position: center; background-size: cover; }
.swiper-slide img { display: block; width: 100%; }
/* 首页轮播图 end */

/* 首页-走进中安 */
.index1 .row1{margin-top: 60px;}
.index1 .row1 .title{display: flex; flex-direction: column; align-items: center; margin-bottom: 50px;}

.index1 .row2 .text{height: 420px; display: flex; flex-direction: column; justify-content:space-between;}
.index1 .row2 .text h5{font-size: 16px; font-weight: 700; color: #d82128; flex-direction: column; align-items: ;}

.index1 .focus{height: 464px;}
.index1 .focus .swiper { width: 100%; height: 100%; }
.index1 .focus .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.index1 .focus .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.index1 .focus .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.index1 .focus .swiper-slide { background-size: cover; background-position: center; }
.index1 .focus .mySwiper2 { height: 80%; width: 100%; }
.index1 .focus .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; }
.index1 .focus .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.index1 .focus .mySwiper .swiper-slide-thumb-active { opacity: 1; }
.index1 .focus .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.index1 .row3{margin-bottom: 100px; margin-top: 50px;}
.index1 .row3 .li{width: 200px; height: 100px;}
.index1 .row3 .li{display: flex; flex-direction: row; flex-wrap: wrap; }
.index1 .row3 .li .items{flex-basis:0; flex-grow: 1; display: flex; flex-direction: column;justify-content: center; align-items: center; }
.index1 .row3 .li .items1 img{width: 90%; height: 90%;}
.index1 .row3 .li .items2 b{font-size: 22px; font-weight: 700; color: #d82128;}

/* 首页-现代化智能制造业 */
.index2{background:url(../images/index2bg.jpg); background-size: cover;  padding-top: 80px; padding-bottom: 100px;}
.index2 .row1 .title-h2{margin-top: 0px;}
.index2 .row2{background:url(../images/index2main.jpg); color: #fff;}
.index2 .row2 .layui-col-md4{height: 300px;  padding: 40px; background:rgba(76,76,76,.94); display: flex; flex-direction: column; justify-content:space-around;}
.index2 .row2 .layui-col-md4 div:nth-child(1){font-size: 30px; font-weight: 700;}
.index2 .row2 .layui-col-md4 div:nth-child(1) i{font-size: 30px;}
.index2 .row2 .layui-col-md4 button{border-color: #fff; color: #fff;}

/* 首页-中安大事记 */
.index3{padding-top: 50px; padding-bottom: 0px;}
.index3 .row2{width: 90%; position: relative; margin: 0 auto;}
.index3 .row2 .title{font-weight: 700; position: relative; top: 20px;}
.index3 .row2 .layui-timeline-axis{color: #d82128;}
.index3 .row2 .layui-timeline-item:before{background-color: #d82128;}
.index3 .row3 hr{position: relative; bottom: -110px;}
.index3 .row2 .swiper-wrapper{padding-bottom: 30px;}

/* 首页-公司动态 */
.index4{background:url(../images/index4bg.png); background-size: cover;  padding-top: 0px; padding-bottom: 80px;}
.index4 .title-h2{margin-top: 10px;}
.index4 .row2 .layui-col-md5{height: 500px; display: flex; flex-direction: column;}
.index4 .row2 .layui-col-md5 .img{flex-basis: 0; flex-grow: 8; overflow: hidden;}
.index4 .row2 .layui-col-md5 .img img{width: 100%; height: 100%; object-fit: cover;transition-duration: .3s;}
.index4 .row2 .layui-col-md5 .img:hover img { transform: scale(1.1); }

.index4 .row2 .layui-col-md5 .text{background-color: #f2f2f2; flex-basis: 0; flex-grow: 4; padding: 30px 20px; display: flex; flex-direction: column; justify-content: space-between;}
.index4 .row2 .layui-col-md5 .text h4 a{color: #1a1a1a;}
.index4 .row2 .layui-col-md5 .text h4 a:hover{color: #d82128; text-decoration: none;}
.index4 .row2 .layui-col-md5 .text p{color: #666;}

.index4 .row2 .layui-col-md3{height: 500px; display: flex; flex-direction: column; justify-content: space-between;}
.index4 .row2 .layui-col-md3 .li{height: 49%; display: flex;flex-direction: column;}
.index4 .row2 .layui-col-md3 .li .img{flex-basis: 0; flex-grow: 10; overflow: hidden;}
.index4 .row2 .layui-col-md3 .li .img img{width: 100%; height: 100%; object-fit: cover; transition-duration: .3s;}
.index4 .row2 .layui-col-md3 .li .img:hover img { transform: scale(1.1); }
.index4 .row2 .layui-col-md3 .li .text{color: #1a1a1a; background-color: #f2f2f2; flex-basis: 0; flex-grow: 3; padding: 10px 20px; display: flex; flex-direction: column; justify-content: space-between;}
.index4 .row2 .layui-col-md3 .li  .text h4 a{color: #1a1a1a;}
.index4 .row2 .layui-col-md3 .li  .text h4 a:hover{color: #d82128; text-decoration: none;}
.index4 .row2 .layui-col-md3 .li  .text p{color: #666;}

.index4 .row2 .layui-col-md4{height: 500px; display: flex; flex-direction: column; justify-content: space-between;}
.index4 .row2 .layui-col-md4 .layui-text{border-bottom: 1px #ccc solid; display: flex;flex-direction: column; padding-bottom: 20px; }
.index4 .row2 .layui-col-md4 .layui-text h4 a{display: inline-block; max-height: 56px; overflow: hidden; text-overflow: ellipsis; color: #1a1a1a;}
.index4 .row2 .layui-col-md4 .layui-text h4 a:hover{color: #d82128; text-decoration: none;}
.index4 .row2 .layui-col-md4 button{background-color: #d82128; border: 0px; color: #fff;}

/* 首页-视频动态 */
.index8{margin-bottom: 20px; }
.index8 .row2 .layui-col-md4 .main .img img{width: 100%; height: 240px;}
.index8 .row2 .layui-col-md4 .main .text{width: 100%; display: inline-block; height: 50px; line-height: 50px; background-color: #ededed; text-align: center;}
.h60{height: 60px; clear: both;}

/* 首页-数据中心 */
.index5{margin-bottom: 100px;}
.index5 .row1{margin-top: 10px; margin-bottom: 60px;}
.index5 .row1 .img img{width: 100%; height: auto;}
.index5 .row2 .layui-col-md3{height: 300px; display: flex; flex-direction: column; justify-content: space-between; line-height: 32px;}
.index5 .row2 .layui-col-md3 p{display: inline-block; max-height: 300px; overflow: hidden;}
.index5 .row2 .layui-col-md9{height: 300px; overflow: hidden;}
.index5 .row2 .layui-col-md9 img{width: 100%; background-size: cover;}

/* 首页-商务合作 */
.index6{margin-bottom: 80px;}
.index6 .con{padding: 30px 50px; height: 300px; background-color: #f2f2f2; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
.index6 .con i{font-size: 32px;}
.index6 .con button{border: 1px solid #d82128; background-color: #fff; color: #d82128!important;}
.index6 .con button a{color: #d82128;}
.index6 .con button:hover{background-color: #d82128; color: #fff!important;opacity: 1;}
.index6 .con button:hover a{color: #fff!important;}
.index6 .con button a:hover{text-decoration: none;}

/* 首页-供应商 */
.index7{margin-bottom: 100px;}
.index7 .row1{margin-top: 10px; margin-bottom: 40px;}
.index7 .row2 .ws-docs-icon { margin-bottom: 16px; font-size: 0; }
.index7 .row2 .ws-docs-icon>div { display: inline-block; vertical-align: middle; width: 16.5%; height: 115px; line-height: 25px; padding: 20px 0; margin-right: -1px; margin-bottom: -1px; border: 1px solid #e2e2e2; font-size: 14px; text-align: center; color: #777; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; }
.index7 .row2 .ws-docs-icon>div:hover { background-color: #f2f2f2; color: #000; }
.index7 .row2 .ws-docs-icon div img{width: auto; height: 75px; }

/* footer */
.footer{width: 100%; height: 455px; background:url(../images/footer-bg.png) no-repeat bottom; background-size: cover; overflow: hidden;}
.footer .layui-row{padding-top: 60px;}
.footer .layui-col-md3 .logo{margin-bottom: 20px;}
.footer .layui-col-md3 .logo img{width: 200px;}
.footer .layui-col-md3 p{line-height: 32px;color: #666;}
.footer .layui-col-md3 .ewm{display: flex;}
.footer .layui-col-md3 .weixin{margin-top: 10px; font-size: 12px; width: 80px; text-align: center; margin-right: 10px;}
.footer .layui-col-md3 .weixin img{width: 80px;}


.footer .layui-col-md9 ul{display: flex; justify-content: flex-end;}
.footer .layui-col-md9 ul li{width: 12%; text-align: center; overflow: hidden;}
.footer .layui-col-md9 ul li .title{font-weight: 700; margin-bottom: 10px;;}
.footer .layui-col-md9 ul li .con{line-height: 32px;}
.footer .layui-col-md9 ul li .con a{display: block; clear: both; color: #666;}
.footer .layui-col-md9 ul li .con a:hover{color: #d82128;}
.foot{background-color: #d3d3d3; font-size: 12px; color: #666; height: 50px; line-height: 50px; text-align: center;}
/* footer end */
/* 首页 end */

/* 集团介绍-lists_single_about */
.list-about .row1{height: 578; padding-top: 110px; background:url(../images/about-bg1.jpg) no-repeat; background-size: cover; }
.list-about .row1 h2{font-size: 32px; text-align: center; margin-bottom: 20px;}
.list-about .row1 b{display: inline-block; font-size: 16px; color: #d82128; margin:20px 0;}
.list-about .row2 {width: 90%; margin: 0 auto; margin-top: 30px;}

.list-about .row2 .con{width: 100%; height: 100px; border-right: 1px #ccc solid; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
.list-about .row2 .layui-col-md3:nth-child(4) .con{border-right: 0px;}
.list-about .row2 .layui-col-md3:nth-child(8) .con{border-right: 0px;}
.list-about .row2 .con .title{font-size: 32px; font-weight: 400; color: #d82128;}
.list-about .row2 .con .des{font-size: 16px; font-weight: 400;}

.list-about .row3{height: 101px; background: url(../images/about-bg2.png); margin-top: 10px;}

.list-about2{background:url(../images/about-bg2.jpg) no-repeat; background-size: cover; }
.list-about2 .row1 .title{width: 500px; height:180px; background:url(../images/about-title1.png) no-repeat center; margin: 0 auto;}
.list-about2 .row1 .des{width: 70%; margin: 0 auto; text-align: center; font-size: 12px; line-height: 26px; margin-top: 10px;}
.list-about2 .row2{margin-top: 30px;}
.list-about2 .row2 .main{height: 240px; background-color: #e2e2e2; padding: 20px; line-height: 26px; font-size: 12px; text-indent: 2em;}
.list-about2 .row2 .main .title{text-align: center;}

.focus-bottom{width: 100%;}
.focus-bottom .swiper-container { width: 100%;  height: auto; padding:70px 0; margin-left: auto; margin-right: auto; }
.focus-bottom .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: 200px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition-property:all; }
#progressEffect{ position: absolute; z-index: 10; top: 20px; left: 20px; }
/* 集团介绍-lists_single_about end*/

/* 新闻动态-lists_article*/
.list-article{margin-top: 50px; margin-bottom: 80px;}
.list-article ul li{width: 100%; height: 140px; border-bottom: 1px #ccc solid; display: flex; padding-bottom: 40px; margin-bottom: 40px;}

.list-article ul li .time{width: 100px;}
.list-article ul li .time p{font-size: 24px;}
.list-article ul li .time span{color: #888;}

.list-article ul li .img{width: 160px; height: 100px; overflow: hidden;}
.list-article ul li .img img{width:160px; height: 100px; background-size: cover; transition-duration: .3s;}
.list-article ul li .img:hover img{ transform: scale(1.1); }
.list-article ul li .text{padding-left: 30px; max-width: 1060px; display: flex; flex-direction: column; justify-content: space-between;}
.list-article ul li .text .title{font-size: 22px;}
.list-article ul li .text .title:hover{color: #d82128;}
.list-article ul li .text p{color: #666;}
/* 新闻动态-lists_article end*/

/* 产品中心-lists_product */
.list-product{margin-top: 50px; margin-bottom: 80px;}
.list-product .subnav ul{background-color: #e2e2e2; padding: 10px 30px;}
.list-product .subnav ul li{display: flex; height: 16px; align-items: center; margin: 30px 0;}
.list-product .subnav ul li a:hover{color: #d82128;}
.list-product .subnav ul li:hover{border-right: 3px #d82128 solid; }
.list-product .subnav ul .on{border-right: 3px #d82128 solid; }
.list-product .main .li .img{display: block; border: 1px #ccc solid;overflow: hidden;}
.list-product .main .li .img:hover{border: 1px #d82128 solid}
.list-product .main .li .img img{width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: .3s; }
.list-product .main .li .img img:hover{transform: scale(1.03);}
.list-product .main .li .title{display:block; width: 100%; height: 40px; text-align: center; margin: 20px 0;}
.list-product .main .li .title:hover{color: #d82128;}
/* 产品中心-lists_product  end*/

/* 产品中心内容页 view_product */
.view-product{margin-top: 150px;}
.view-product .row1 .mySwiper2{border: 1px #ccc solid;}
.view-product .row1 .swiper-button-next, .view-product .swiper-button-prev{color: #e2e2e2;}
.view-product .row1 .layui-col-md8{display: flex;  height: 454px; flex-direction: column; justify-content: space-between;}
.view-product .row1 .layui-col-md8 .des{display: inline-flex; flex-direction: column;}
.view-product .row1 .layui-col-md8 .des span{font-size: 16px; font-weight: 700; margin-bottom: 10px;}
.view-product .row1 .layui-col-md8 .type{display: inline-flex; flex-direction: column; padding-bottom: 20px; border-bottom: 1px #ccc solid;}
.view-product .row1 .layui-col-md8 .type span{font-size: 16px; font-weight: 700; margin-bottom: 10px;}
.view-product .row1 .layui-col-md8 .tel b{font-size: 32px; margin-left: 20px; font-weight: 400;  color: #d82128;}
.view-product .row1 .layui-col-md8 .contact button{padding: 0 30px;}
.view-product .row1 .layui-col-md8 .contact .btn1{background-color:#d82128; color: #fff; border: 0px;}
.view-product .row1 .layui-col-md8 .contact .btn2{background-color:#555555; color: #fff; border: 0px;}
.view-product .row1 .layui-col-md12 button{margin-top: 50px; background-color:#d82128; color: #fff; border: 0px;}

.view-product2{border-top: 1px #ccc solid; padding-top: 40px; margin-bottom: 180px;}
.view-product2 .layui-col-md9 img{width: 100%; height: auto;}
.view-product2 .layui-col-md3 .name{background-color:#d82128; color: #fff; border: 0px;}
.view-product2 .layui-col-md3 .name a:hover{color: #fff;}
.view-product2 .layui-col-md3 ul{margin-top: 30px;}
.view-product2 .layui-col-md3 li{display: flex; flex-direction: column; margin-bottom: 40px;}
.view-product2 .layui-col-md3 li .img{border: 1px #ccc solid;overflow: hidden;}
.view-product2 .layui-col-md3 li .img img{width: 100%; height: auto;transition-duration: .3s;}
.view-product2 .layui-col-md3 li .img:hover{border: 1px #d82128 solid;}
.view-product2 .layui-col-md3 li .img:hover img{ transform: scale(1.1); }

.view-product2 .layui-col-md3 li .title{width: 100%; margin-top: 30px; text-align: center;}
/* 产品中心内容页 view_product end*/

/* 技术中心单页 lists_single_tech*/
.list-tech .row1{height: 578; padding-top: 60px;  background-size: cover; }
.list-tech .row1 h2{font-size: 32px; text-align: center; margin-bottom: 20px;}
.list-tech .row1 b{display: inline-block; font-size: 16px; color: #d82128; margin:20px 0;}
.list-tech .row1 .part2{margin-top: 30px;}
.list-tech .row1 .part2 img{width: 100%;}
.list-tech .row2 {margin-top: 12px;}
.list-tech .row2 .layui-col-md6 img{width: 100%;}
.list-tech .row2 .layui-col-md3 img{width: 100%;}

.list-tech .row3{margin-top:80px; margin-bottom: 120px; background-size: cover; }
.list-tech .row3 h2{font-size: 32px; text-align: center; margin-bottom: 20px;}
.list-tech .row3 .layui-col-md12{margin-bottom: 30px;}
.list-tech .row3 .img{height: 410px;}
.list-tech .row3 .img img{width: 100%; height: 100%;}
.list-tech .row3 .text{display: flex; height:410px; padding: 80px 50px; flex-direction: column; justify-content:space-around; align-items: center; }
.list-tech .row3 .text .title{font-size: 24px; font-weight: 700;}
/* 技术中心单页 lists_single_tech end*/

/* 技术中心-数据中心 */
.date{margin-bottom: 100px;}
.date .row1{margin-top: 20px;}
.date .row1 .title{display: flex; flex-direction: column; align-items: center; margin-bottom: 50px;}
.date .row2 .layui-col-md3{height: 300px; text-align: justify;  line-height: 18px; font-size: 12px; text-indent: 2em; display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between;}
.date .row2 .layui-col-md3 button{background-color: #d82128; border: 0px;}
.date .row2 .layui-col-md3 button a{color: #fff;}
.date .row2 .layui-col-md9{height: 300px; overflow: hidden;}
.date .row2 .layui-col-md9 img{width: 100%; background-size: cover;}

.date .row3{margin-top: 40px;}
.date .row3 .main{background-color: #ededed; display: flex; height: 180px; flex-direction: column; justify-content:space-between; align-items: center; padding: 40px 0;}
.date .row3 .img img{width: 100%; height: 180px;}

.date .row4{margin-top: 30px;}
.date .row4 .main{width: 100%; height: 175px; position: relative;}
.date .row4 .main .title{background-color: #0569bd; width: 30px; height: 30px; border-radius: 100px; position: absolute; top: 0px; left: 50%; margin-left: -15px; color: #fff; text-align: center; line-height: 30px; z-index: 2;}
.date .row4 .main .con{background-color: #2e8edf; width: 100%; height: 160px; border-radius: 10px; position: absolute;  top: 15px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; color: #fff;}
.date .row4 .main2 .title{background-color: #9c9c9c;}
.date .row4 .main2 .con{background-color: #d7d7d7; color: #000;}

.date .row5{margin-top: 60px;}
.date .row5 .layui-col-md12 .title{display: flex; flex-direction: column; align-items: center; margin-bottom: 30px;}
.date .row5 .layui-col-md12 .title span{font-size: 14px; color: #333;}
.date .row5 .layui-col-md6 .con{background-color: #d82128; padding: 20px; display: flex; justify-content: space-between;}
.date .row5 .layui-col-md6 .con div{flex-basis: 0;}
.date .row5 .layui-col-md6 .con .text{flex-grow: 20; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; font-size: 20px; color: #fff;}
.date .row5 .layui-col-md6 .con .text .no{width: 50px; height: 50px; background-color: #fff; color: #d82128; text-align: center; line-height: 50px; border-radius: 100px; font-size: 20px; font-weight: 700;}
.date .row5 .layui-col-md6 .con .img{flex-grow: 1;}
.date .row5 .layui-col-md6 .con2{background-color: #d7d7d7;}
.date .row5 .layui-col-md6 .con2 .text{color: #000;}
.date .row5 .layui-col-md6 .con2 .text .no{background-color:#d82128; color: #fff;}
/* 技术中心-数据中心 end*/

/* 营销网络-中安营销版图 lists_single_market*/
.list-market .row1{margin-bottom: 100px; text-align: center; font-size: 18px; line-height: 60px; }
.list-market .row1 img{width: 80%; height: auto;}
/* 营销网络-中安营销版图 lists_single_market end*/



/* 关于中安-企业文化 */
.culture{margin-top: 50px; margin-bottom: 20px;}
.culture .row1 .main{background-color: #ededed; border-radius: 10px; height: 400px; padding: 60px 0; display: flex; flex-direction: column; justify-content: space-around; align-items: center;    transition: all .4s ease;}
.culture .row1 .layui-col-md6 .main{height: 300px; padding: 30px 0; }
.culture .row1 .main div i{font-size: 60px;}
.culture .row1 .main div h3{font-size: 24px;}
.culture .row1 .main div .line{width: 50px; border-bottom: 1px #000 solid; margin: 0 auto; margin-top: 10px;}
.culture .row1 .main div p{text-align: center;}
.culture .row1 .main:hover{background-color: #d82128;color: #fff;}
.culture .row1 .main:hover div .line {border-color: #fff;}
.culture .row1 .layui-col-md12 .main{height: 400px; padding: 0px 0px; border-radius: 10px; overflow: hidden;}
/* 关于中安-企业文化 end*/

/* 关于中安-组织架构 */
.organ{margin-top: 30px; margin-bottom: 60px;}
.organ img{width: 100%; height: auto;}
/* 关于中安-组织架构 end */

/* 关于中安-企业荣誉 */
.organ{margin-top: 30px; margin-bottom: 60px;}
.organ img{width: 100%; height: auto;}
/* 关于中安-企业荣誉 end */

/* 关于中安-企业荣誉 */
.honor{margin-top: 0px; margin-bottom: 80px;}
.honor .layui-col-md2:nth-child(1){margin-left: 25%;}
.honor .subnav .layui-col-md2 button{background-color: #ededed; color: #333;margin-top: 0px; margin-bottom: 50px;}
.honor .subnav .layui-col-md2 button:hover{background-color: #d82128; color: #fff;opacity: 1;}
.honor .subnav .hover button{background-color: #d82128; color: #fff;opacity: 1;}

.honor .main .img img{width: 100%; height: 200px;transition-duration: .3s; overflow: hidden;}
.honor .main .img2 img{width: 100%; height: 400px;transition-duration: .3s; overflow: hidden;}
.honor .main .text{display: block; text-align: center; height: 50px; line-height: 50px; background-color: #ededed;color: #333;}
/* 关于中安-企业荣誉 end */

/* 集团动态-文章页 */
.view-article{margin-top: 50px; margin-bottom: 50px;}
.view-article .layui-col-md12 h1{text-align: center;}
.view-article .layui-col-md12 .des{text-align: center;}
.view-article .layui-col-md12 .des span{line-height: 38px; padding: 0 10px; color: #666;}
.view-article .layui-col-md12 .line{width: 100%; height: 20px; border-bottom: 1px #ccc solid;}
.view-article .layui-col-md12 .content{margin-top: 30px; line-height: 32px; padding-bottom: 50px;}
.view-article .layui-col-md12 .content img{margin-top: 10px; margin-bottom: 10px; max-width: 80%;}

.view-article .layui-col-md3 button{background-color: #d82128;}
.view-article .layui-col-md3 ul{margin-top: 30px;}
.view-article .layui-col-md3 li{display: flex; flex-direction: column; margin-bottom: 40px;}
.view-article .layui-col-md3 li .img{border: 1px #ccc solid; width: 80%; margin: 0 auto;overflow: hidden;}
.view-article .layui-col-md3 li .img img{width: 100%; height: auto; transition-duration: .3s;}
.view-article .layui-col-md3 li .img:hover{border: 1px #d82128 solid;}
.view-article .layui-col-md3 li .img:hover img{ transform: scale(1.1); }
.view-article .layui-col-md3 li .title{width: 100%; margin-top: 30px; text-align: center;}
/* 集团动态-文章页  end*/

/* 集团动态-中安视频 */
.list-video{margin-top: 50px; margin-bottom: 50px;}
.list-video .main{background-color: #ededed; transition: all .4s ease;}
.list-video .main .img img{width: 100%; height: 320px;}
.list-video .main p{height: 70px; text-align: center; line-height: 62px;}
.list-video .main:hover{background-color: #d82128;}
.list-video .main:hover p{color: #fff;}
/* 集团动态-中安视频 end*/

/* 合作伙伴-经销商加盟 */
.join .layui-col-md4 .main .img img{width: 100%;}
.join .layui-col-md4 .main .text{height: 120px; background-color: #ededed; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.join .layui-col-md4 .main .text .ch{font-size: 20px; color: #333;}
.join .layui-col-md4 .main .text .ch b{font-weight: 400; color: #d82128;}
.join .layui-col-md4 .main .text .en{font-size: 16px; color: #666; text-transform: uppercase;}
.join .layui-col-md6 .main{display: flex; flex-direction: column; justify-content: space-around; padding: 40px 40px; height: 180px; border: 1px #ccc solid; background: url(../images/join-4.jpg); background-size: cover;}
.join .layui-col-md6 .main .title{font-size: 34px; color: #d82128;}
.join .layui-col-md6 .main2{background: url(../images/join-5.jpg); background-size: cover;}
.join .layui-col-md6 .main3{background: url(../images/join-6.jpg); background-size: cover;}
.join .layui-col-md6 .main4{background: url(../images/join-7.jpg); background-size: cover;}
.join .layui-col-md12 .gustbook{background-color: #ededed; padding: 80px 40px 40px 40px; margin-bottom: 80px;}
.join .layui-col-md12 .gustbook *{box-sizing: content-box;}
.join .layui-col-md12 .gustbook b{color: #d82128;}
.join .layui-col-md12 .gustbook .layui-input, .layui-textarea {box-sizing: border-box;}
.join .layui-col-md12 .gustbook .layui-form-item{margin-bottom: 30px;}
.join .layui-col-md12 .gustbook .btn{background-color: #d82128;}
.join .layui-col-md12 .gustbook .layui-btn-primary:hover{border-color:#d82128;}
/* 合作伙伴-经销商加盟 */

/* 人力资源-诚聘英才*/
.hr .row1{margin-top: 30px; margin-bottom: 10px;}
.hr .row1 .title{margin-bottom: 20px;}
.hr .row1 .title .layui-colla-icon{display: none;}
.hr .row1 .main{display: flex;}
.hr .row1 .main div{flex-basis: 0; flex-grow: 1; display: flex; justify-content: center;}
.hr .row1 .layui-colla-title{color: #555;}
.hr .row1 .list .layui-colla-title{background-color: #fff; color: #555;}

.hr .row2 img{width: 100%; height: auto;}
.hr .row2 p{margin-bottom: 10px;}
.hr .row2 p span{display: inline; font-size: 16px; color: #d82128; font-weight: 700; margin-top: 20px;}

.hr .row3{}
.hr .row3 .swiper{height: 270px; margin-bottom: 60px;}
.hr .row3 .swiper-slide{width: 325px;}
.hr .row3 .swiper-slide img{width: 325px; height: 180px;}
.hr .row3 .swiper-slide p{width: 325px; height: 40px; line-height: 40px; background-color: #ededed; text-align: center;}
.hr .row3 .swiper-pagination{margin-top: 100px;}
/* 人力资源-诚聘英才 end*/

/* 人力资源-在线留言 */
.join .layui-col-md12 .gustbook .layui-textarea{box-sizing: border-box;}
/* 人力资源-在线留言 end */

/* 人力资源-联系我们 */
.contact{width: 100%;padding: 0px 0 70px;overflow: hidden;}
.contact-list, .contact-map{height: 426px;}
.contact-list{background: #f7f7f7;width: 32.85%;float: left;padding: 30px 92px 0;}
.contact-list li{width: 100%;padding: 16px 0 16px 60px;border-bottom: 2px solid #e5e5e5;background-repeat: no-repeat;background-position: left top 45%;}
.contact-list li h6{font-size: 16px;color: #333;}
.contact-list li p{font-size: 15px;color: #666;line-height: 20px;margin-top: 10px;}
.contact-list li:nth-child(1){background-image: url('../images/lxwmic1_1.png');}
.contact-list li:nth-child(2){background-image: url('../images/lxwmic1_2.png');}
.contact-list li:nth-child(3){background-image: url('../images/lxwmic1_3.png');}
.contact-list li:nth-child(4){background-image: url('../images/lxwmic1_4.png'); border-bottom: 0px;}
.contact-map{width: 65%;float: right;padding: 5px;border: 1px solid #eee;}
#map{width: 100%;height: 100%;}
#map .amap-info-close{right: 6px !important;top: 6px;}
#map .amap-info-content{padding: 18px;}
#map .amap-logo,#map .amap-copyright{display: none !important;}

.lxwmgs{width: 100%;padding: 80px 0 100px;background: #f2f2f2;overflow: hidden;}
.lxwmgs-menu{width: 100%;border-bottom: 2px solid #e5e5e5;margin-top: 28px;font-size: 0;}
.lxwmgs-menu a{display: inline-block;font-size: 16px;color: #666;font-weight: 700;height: 34px;margin-right: 44px;position: relative;}
.lxwmgs-menu a:last-child{margin-right: 0;}
.lxwmgs-menu a:after{content: "";position: absolute;height: 2px;width: 0;left: auto;right: 0;height: 2px;background: #d82128;bottom: -2px;transition: all .4s ease;}
.lxwmgs-menu a.ontrue:after, .lxwmgs-menu a:hover:after{width: 100%;right: auto;left: 0;}
.lxwmgs-item{width: 100%;padding-top: 20px;}
.lxwmgs-list{width: 100%;display: none;}
.lxwmgs-list.ontrue{display: block;}
.lxwmgs-list ul{margin-left: -2%;}
.lxwmgs-list li{width: 31.3333%;float: left;margin-top: 30px;margin-left: 2%;background: #fff;height: 230px;padding-top: 44px;position: relative;}
.lxwmgs-list h6{padding: 0 36px;font-size: 20px;color: #333;line-height: 1.4em;position: relative;margin-bottom: 18px;}
.lxwmgs-list h6:after{content: "";position: absolute;width: 3px;background: #d82128;left: 0;top: 0;height: 100%;}
.lxwmgs-list p{padding: 0 36px;font-size: 14px;color: #666;line-height: 1.4em;margin-top: 8px;}
.lxwmgs-list p span{display: inline-block;position: relative;padding-left: 26px;background-repeat: no-repeat;background-position: left top 4px;}
.lxwmgs-list p.lxwmgs-dz span{background-image: url('../images/lxwm2_1.png');}
.lxwmgs-list p.lxwmgs-dh span{background-image: url('../images/lxwm2_2.png');}
.lxwmgs-list p.lxwmgs-cz span{background-image: url('../images/lxwm2_3.png');}
.lxwmgs-list p.lxwmgs-yb span{background-image: url('../images/lxwm2_4.png');}
.lxwmgs-list p:nth-of-type(1){margin-top: 0;}
.lxwmfk{width: 100%;padding: 88px 0 100px;overflow: hidden;}
.lxwmfk-form{width: 100%;padding-top: 20px;}
.lxwmfk-form li{width: 49%;margin-top: 30px;}
.lxwmfk-form li:nth-child(2n+1){float: left;}
.lxwmfk-form li:nth-child(2n){float: right;}
.lxwmfk-form li input, .lxwmfk-form li textarea{display: block;width: 100%;height: 50px;border: 1px solid #e5e5e5;padding: 0 20px;font-size: 16px;color: #666;}
.lxwmfk-form li.lxwmfk-textarea{width: 100%;}
.lxwmfk-form li textarea{padding: 14px 20px;height: 180px;}
.lxwmfk-form li.lxwmfk-yzmbtn{width: 100%;overflow: hidden;}
.lxwmfk-yzm{width: 685px;position: relative;padding-right: 166px;float: left;}
.lxwmfk-yzm span{width: 152px;height: 50px;display: block;border: 1px solid #e5e5e5;position: absolute;top: 0;right: 0;cursor: pointer;}
.lxwmfk-yzm span canvas{width: 100%;height: 50px;}

.lxwmfk-yzm span img{width: 100%;height: 100%;}
.lxwmfk-btn{width: 160px;height: 50px;float: right;font-size: 16px;color: #fff;cursor: pointer;background: #d82128;letter-spacing: .4em;transition: all .4s ease;}
.lxwmfk-btn:hover{background: #1262b4;}
/* 人力资源-联系我们 end*/

/* 营销中心 */
.market .row1{margin-top: 50px;}
.market .row1 img{width:100%;}

.market .row2 .main{display: flex; justify-content: space-between; height: 600px; margin-top: 50px; border-top: 4px solid #d82128;}
.market .row2 .nav{width: 400px; display: flex; flex-direction: column;}
.market .row2 .nav li{display: flex; height: 100px; padding: 0px; border-bottom: 1px #ededed solid; box-sizing: content-box; padding: 16px 0;}
.market .row2 .nav li .no{width: 60px; height: 100px; line-height: 100px; background-color: #ededed; border-right: 2px #d82128 solid; text-align: center;}
.market .row2 .nav li .text{height: 100px;padding: 6px 0px 6px 20px; line-height: normal; display: flex; flex-direction: column; justify-content: space-between;text-align: left;}
.market .row2 .nav li .text .layui-icon{margin-right: 6px;}
.market .row2 .nav li .text h3{color: #d82128;}
.market .row2 .nav li .text p{color: #666; width: 320px; overflow: hidden;}
.market .row2 .map{width: 900px; height: 506px; margin-top: 10px;}
.market .row3 .pages{margin: 0px; margin-bottom: 60px;}

.layui-tab-title .layui-this:after { position: absolute; left: 0; top: 0; content: ""; width: 0%; height: 0px; border-width: 0px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none; }
.layui-tab .layui-tab-title { position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; border-bottom-width: 0px; border-bottom-style: none; transition: all .2s; -webkit-transition: all .2s; }










/* 手机端 */
/* 首页部分 */
@media (max-width: 1000px){
.sonban {
    margin-top: 60px;
}
}

@media screen and (max-width: 767.98px){
        .ws-docs-icon>div {
            width: 33%;
        }
        }

@media (max-width: 1599px){
.contain {
    width: 92%;
}
}

@media (max-width: 640px){
.sonban-wd h3 {
    font-size: 22px;
    font-weight: 400;
}
}

@media (max-width: 640px){
.sonban-wd p {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: .1em;
}
}
@media (max-width: 1000px){
.sonban-wd h3, .sonban-wd p {
    animation: none;
}
}