@charset "UTF-8";
body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, div, span, a, aside, article, section, header, nav, footer, label, img { margin: 0; padding: 0; box-sizing: border-box; }
fieldset, img { border: 0; }
img { vertical-align: middle; max-width: 100%; }
ol, ul, li { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; word-break: break-all; }
button, input, select, textarea { font-family: inherit; margin: 0; outline: none; resize: none; border: none; background: none; }
html { verflow: -Scroll; overflow-x: hidden; zoom: 1; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; line-height: 1.25 }
body { font-size: 14px; color: #666; line-height: 1.5; font-family: 'PingFang SC', 'Microsoft YaHei', Arial, 'simsun', HELVETICA; min-width: 320px; }
a { color: #666; text-decoration: none; transition: all ease 0.3s; }
a:hover { color: #e60012; }

/*去除苹果默认样式*/

/*input, textarea { -webkit-appearance: none; }*/

/*默认placeholder颜色*/::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { color: #888; }
::-moz-placeholder { color: #888; }
:-ms-input-placeholder { color: #888; }

/*简易栅格化*/
.col { margin-left: -10px; margin-right: -10px; zoom: 1; }
.col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col>li, .col .item { float: left; padding: 0 10px; }
.col li img, .col .item img { max-width: 100%; }
.col-2 li, .col-2 .item { width: 50%; }
.col-3 li, .col-3 .item { width: 33.3333%; }
.col-4>li, .col-4 .item { width: 25%; }
.col-5 li, .col-5 .item { width: 20%; }
.col-6 li, .col-6 .item { width: 16.6666%; }
.col-8 li, .col-8 .item { width: 12.5%; }
.col.k10 { margin-left: -5px; margin-right: -5px; }
.col.k10>li, .col.k10 .item { padding: 0 5px; }
.col.k16 { margin-left: -8px; margin-right: -8px; }
.col.k16>li, .col.k16 .item { padding: 0 8px; }
.col.k26 { margin-left: -13px; margin-right: -13px; }
.col.k26>li, .col.k30 .item { padding: 0 13px; }
.col.k30 { margin-left: -15px; margin-right: -15px; }
.col.k30>li, .col.k30 .item { padding: 0 15px; }
.col.k90 { margin-left: -45px; margin-right: -45px; }
.col.k90>li, .col.k90 .item { padding: 0 45px; }
@media (max-width:1280px) {
    .col { margin-left: -10px; margin-right: -10px; }
    .col>li, .col .item { padding: 0 10px; }
}
@media (max-width:992px) {
    .col-4>li, .col-4 .item { width: 50%; }
    .col { margin-left: -8px; margin-right: -8px; }
    .col>li, .col .item { padding: 0 8px; }
}
@media (max-width:768px) { }

/* CSS活动的公共样式 */
.clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.ce { text-align: center; }
.oh { overflow: hidden; }
.wp { position: relative; min-width: 320px; width: 90%; max-width: 1440px; margin: 0 auto; }
.wp2 { position: relative; min-width: 320px; width: 90%; max-width: 1600px; margin: 0 auto; }
.pImg { position: relative; padding-top: 100%; display: block; overflow: hidden; }
.pImg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; }
.bgImg { background-position: center; background-size: cover; position: relative; transition: all 0.5s; display: block; width: 100%; height: 100%; }
.gray { background: #efefef; }
.elp { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.elp2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.fix-border { padding: 0 1px; }

/*常用位置标签*/
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-80 { padding-top: 80px; }
.pb-80 { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
@media (max-width:1366px) { }
@media (max-width:640px) { }

/*垂直居中*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }
.abox { display: block; }
.icon, .v-middle { display: inline-block; vertical-align: middle; }
.flex-middle { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-left { display: flex; flex-wrap: wrap; }
.img-cover { object-fit: cover; width: 100%; height: 100%; }

/*浏览器更新提示*/
.browserupgrade { margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px; }
.browserupgrade a { font-weight: 600; color: red; text-decoration: underline; }

/*图片放大*/
.pic-scale .pic, .img-scale { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.img-scale.scale2:hover img, .pic-scale.scale2:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/*图片去色*/
.img-gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

/*三角形*/
.caret { display: inline-block; width: 0; height: 0; margin-left: 4px; margin-top: -1px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.bg-gray { background: #f6f6f6 !important; }
.trans { transition: all .5s }
.trans-mask { display: block; overflow: hidden; width: 100%; position: relative; }
.trans-mask img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.trans-mask:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.bg-mask .pic { overflow: hidden; }
.bg-mask .pic a { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.bg-mask:hover .pic a { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.bgimg { background-repeat: no-repeat; background-position: center; background-size: cover; }

/*英文字体*/
@font-face { font-family: "DINPro-Medium"; src: url("../fonts/dinpro-medium.woff2") format("woff2"), url("../fonts/dinpro-medium.woff") format("woff"), url("../fonts/dinpro-medium.ttf") format("truetype"), url("../fonts/dinpro-medium.eot") format("embedded-opentype"), url("../fonts/dinpro-medium.svg") format("svg"); font-weight: normal; font-style: normal; }
.font-en { font-family: "DINPro-Medium"; }

/* 主导航 */
.header .top { padding: 20px 0 10px; }
.header .top .wp { align-items: center; }
.header .top .logo { align-items: center; }
.header .top .logo .slogan { margin-left: 17px; }
.header .top .logo .slogan h4 { font-size: 18px; line-height: 1; color: #333333; }
.header .top .logo .slogan p { font-size: 14px; line-height: 1; color: #595757; margin-top: 10px; }
.toptel { margin-right: 40px; }
.toptel a { font-size: 18px; line-height: 32px; color: #e60012; }
.toptel a i { font-size: 18px; margin-right: 6px; }
.topwx { margin-right: 35px; }
.topwx, .topsearch { font-size: 15px; color: #595757; line-height: 32px; cursor: pointer; }
.topwx i, .topsearch i { font-size: 19px; color: #5c5c5c; margin-right: 6px; display: inline-block; vertical-align: middle; }
.mian-nav-holder { height: 60px; }
.header .mian-nav.fixed { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.header .mian-nav-m { display: none; float: right; }
.header .mian-nav-h { width: 100% }
.header .mian-nav ul { line-height: 60px; }
.header .mian-nav ul li { position: relative; font-size: 16px; text-align: center; }
.header .mian-nav ul li ~ li { margin-left: 45px; }
.header .mian-nav ul li>a { position: relative; color: #000; display: block; height: 100%; transition: .3s; }
.header .mian-nav ul li>a i { margin-left: 3px; }
.header .mian-nav ul li>a:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; border-bottom: 3px solid #e60012; transition: .3s; }
.header .mian-nav ul li.on>a:after, .header .mian-nav ul li>a:hover:after { width: 100%; left: 0; }
.header .mian-nav ul li.on>a, .header .mian-nav ul li>a:hover { color: #e60012 }
.header .mian-nav ul li>a span { display: block; font-size: 14px; text-align: center; color: #999999; margin-top: 5px }
.header .sub-nav { position: absolute; top: 100%; right: 0; left: 50%; z-index: 99; display: none; min-width: 150px; transform: translateX(-50%); }
.header .sub-nav .sub-nav-h { text-align: center; background: #fff; padding: 5px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
.header .sub-nav .sub-nav-h a { display: block; font-size: 14px; line-height: 40px }
.header .sub-nav .sub-nav-h a:hover { color: #e60012 }
.header .mian-nav ul li:hover .sub-nav { display: block }
.nav-zixun { align-items: center; }
.nav-zixun a { display: inline-block; width: 110px; height: 32px; line-height: 30px; border-radius: 16px; border: solid 1px #b2b2b2; text-align: center; color: #000000; }
.nav-zixun a:last-child { margin-left: 10px; background: #e60012; color: #fff; }
.nav-zixun a i { margin-right: 5px; }
.menu-btn { z-index: 999; overflow: hidden; margin-left: 20px; width: 36px; height: 36px; background: 0 0; text-indent: -5260px; opacity: 1; position: relative; z-index: 999; }
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 { position: absolute; top: 50%; right: 0; display: block; width: 36px; height: 2px; background: #e60012; transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s; transition-property: transform, width, margin, background-color }
.menu-btn .line-1 { margin-top: -11px; width: 30px }
.menu-btn .line-3 { margin-top: 11px; width: 30px }
.drawerMenu-open .menu-btn .line-1 { visibility: hidden }
.drawerMenu-open .menu-btn .line-2 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.drawerMenu-open .menu-btn .line-3 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.searchbtn { width: 40px; background: url(../images/ser1.png) no-repeat center; background-size: 24px 24px }
.mobNav { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background: #fff; z-index: 98; padding-top: 53px; padding: 40px 5% 30px; display: none }
.mobNav ul { height: 70vh; overflow: auto }
.mobNav ul li { padding: 15px 0; border-bottom: 1px solid #ddd }
.mobNav ul li:last-child { border-bottom: 0 }
.mobNav ul li .navp a { font-size: 15px; color: #333; font-weight: bold; }
.mobNav ul li .navp i { display: block; width: 16px; transition: .3s; transform-origin: center; margin-right: 5px;transform: rotate(-90deg); }
.mobNav ul li.on .navp i { transform: rotate(0); }
.mobNav ul li .subNavm { margin-top: 10px; padding-left: 10px; display: none;background: #f5f5f5;
    padding: 10px;}
.mobNav ul li .subNavm a { display: block; line-height: 30px; font-size: 14px;color: #454545; }
.headerm { display: none; padding: 10px 5%; position: fixed; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; height: 60px }
.headerm .logo img { height: 40px }
.serm { height: 20px; display: inline-block; }
@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1366px) { }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1260px) {
    .header { display: none }
    .headerm { display: flex; }
    .toptel {
        margin-right: 20px;
        align-items: center;
        display: flex;
    }
}
@media screen and (max-width:980px) { }
@media screen and (max-width:640px) {
    .menu-btn { transform: translateY(-2px); }
    .headerm { height: 55px }
    .headerm .logo img { height: 35px }
}
@media screen and (max-width:320px) {
    .headerm .logo img { height: 30px }
}

/* 广告轮播图 */
.banner { position: relative; overflow: hidden; }
.banner img { width: 100%; }
.banner .small { display: none; }
.banner .swiper-slide { overflow: hidden; }
.banner .swiper-slide a { display: block; height: 0; padding-bottom: 41.6666%; }
.banner .swiper-pagination { bottom: 35px !important; line-height: 1; font-size: 0; }
.banner .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 10px; background: transparent; margin: 0 10px; opacity: 1; position: relative; }
.banner .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 5px; background-color: rgba(0, 0, 0, .5); border-radius: 3px; }
.banner .swiper-pagination .swiper-pagination-bullet-active:before { background-color: #e60012; }
@media (max-width:1280px) {
    .banner .swiper-pagination { bottom: 25px !important; }
}
@media (max-width:640px) {
    .banner .swiper-slide a { padding-bottom: 0; height: auto; }
    .banner .swiper-pagination { bottom: 15px !important; }
    .banner .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 4px; }
}

/*尾部*/
.footer { background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover; padding-top: 60px; }
.foot-top { padding-bottom: 70px; }
.footer .foot-nav { flex: 1; }
.footer .foot-nav .item ~ .item { margin-left: 70px; }
.footer .foot-nav .item h4 { font-size: 16px; line-height: 1; color: #f5f5f5; margin-bottom: 24px; }
.footer .foot-nav .item ul li a { font-size: 14px; line-height: 36px; color: rgba(201, 201, 202, .8); }
.footer .foot-nav .item ul li a:hover, .copyright a:hover, .footer .links a:hover { color: #fff; }
.footer .links { padding-bottom: 15px; color: #9c9c9c; }
.footer .links a { position: relative; color: #9c9c9c; margin: 0 8px; }
.footer .links a:first-child { margin-left: 0; }
.copyright { padding: 15px 0; color: rgba(156, 156, 156, .6); border-top: 1px solid #2a2c37; }
.copyright a { color: rgba(156, 156, 156, .6); }
.foot-contact { padding-top: 6px; }
.foot-contact .qr { text-align: center; font-size: 14px; line-height: 24px; color: #e3e3e3; margin-right: 65px; }
.foot-contact .qr p { margin-top: 10px; }
.foot-contact ul li ~ li { margin-top: 40px; }
.foot-contact ul li i { display: inline-block; vertical-align: middle; border-radius: 50%; color: #fff; line-height: 48px; text-align: center; width: 48px; height: 48px; background-color: #292b34; margin-right: 15px; margin-top: 2px; font-size: 18px; }
.foot-contact ul li { justify-content: flex-start; align-items: center; }
.foot-contact ul li .des h4 { font-size: 14px; line-height: 24px; color: #c9c9ca; opacity: 0.5; }
.foot-contact ul li:first-child .des .font-en { font-size: 32px; color: #e60012; line-height: 48px; }
.foot-contact ul li .des p { font-size: 14px; line-height: 24px; color: #c9c9ca; max-width: 230px; }

/*通用标题*/
.com-title { text-align: center; margin-bottom: 45px; }
.com-title.autoheight { margin-bottom: 0; }
.com-title h3 { font-size: 48px; color: #1c1f2a; }
.com-title.white h3 { color: #fff; }
.com-title h3:after { content: ""; display: block; width: 40px; height: 3px; background-color: #e60012; margin: 18px auto 0; }
.com-title.white h3:after { background-color: #f2f7f9; opacity: 0.5; }
.com-title.left { text-align: left; }
.com-title.min h3 { font-size: 36px; }
.com-title.left h3:after { margin: 18px 0 0; }
.com-title p { font-size: 18px; line-height: 1.5; margin-top: 20px; color: #525252; }
.com-title.white p { color: #ffffff; opacity: 0.5; font-size: 18px; line-height: 36px; margin-top: 18px; }

/*通用按钮*/
.com-btn { display: inline-block; width: 180px; height: 46px; border-radius: 23px; border: solid 1px #182e65; line-height: 44px; text-align: center; color: #182e65; font-size: 16px; }

/*首页*/
.homea { padding-top: 90px; padding-bottom: 80px; }
.index-titbar { align-items: flex-end; }
.index-title.center { text-align: center; }
.index-title h3 { font-size: 42px; line-height: 1; color: #272933; font-weight: bold; }
.index-title h4 { font-size: 16px; color: #515457; margin-top: 20px; }
.index-title.white h3 { color: #fff; }
.index-title.min h3 { font-size: 36px; }
.index-title.white h4 { color: #ffffff; opacity: 0.6; }
.index-titbar .tab-group li { padding-bottom: 15px; position: relative; }
.index-titbar .tab-group li ~ li { margin-left: 30px; }
.index-titbar .tab-group li:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #e60012; transition: .3s; }
.index-titbar .tab-group li.on:before { width: 100%; left: 0; }
.index-titbar .tab-group li a { font-size: 16px; color: #515457; }
.index-titbar .tab-group li a:hover, .index-titbar .tab-group li.on a { color: #e60012; }
.inpro-list { margin-bottom: -20px; margin-top: 50px; }
.pro-item { margin-bottom: 20px; }
.pro-item .abox { border: solid 1px #dddddd; text-align: center; }
.pro-item .abox .tit { line-height: 60px; border-top: solid 1px #dddddd; font-size: 16px; color: #212637; }
.homeb { margin-bottom: 145px; align-items: center; }
.homeb .cont { flex: 1; padding-right: 100px; }
.homeb .pic { width: 66.6666%; }
.cate-solution { margin-top: 70px; margin-bottom: 80px; }
.cate-solution li { width: 50%; line-height: 52px; }
.cate-solution li a { font-size: 18px; color: #515457; }
.cate-solution li a:hover, .cate-solution li.on a { color: #e60012; }
.cate-solution li a i { font-size: 24px; margin-right: 6px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.zixun-bar { font-size: 0; }
.zixun-bar.center { text-align: center; }
.zixun-bar a { display: inline-block; vertical-align: middle; width: 180px; height: 48px; background-color: #e60012; border-radius: 24px; text-align: center; line-height: 48px; color: #fff; font-size: 16px; }
.zixun-bar a:last-child { background-color: #272933; margin-left: 10px; }
.zixun-bar.center a { margin: 0 5px; }
.zixun-bar.center a:last-child { margin-left: 5px; }
.zixun-bar a i { font-size: 22px; color: #fff; margin-right: 6px; margin-top: -2px; display: inline-block; vertical-align: middle; }
.homeb .cont .zixun-bar a { width: 48%; }
.homec .shili-list { margin-top: -139px; margin-bottom: 40px; position: relative; z-index: 2; }
.homec .shili-list .item { width: 18.8888%; height: 320px; background-color: #fcfcfc; border: solid 1px #dddddd; text-align: center; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; transition: .3s; }
.homec .shili-list .item:hover { border-color: #e60012; }
.homec .shili-list .item i { display: inline-block; width: 102px; height: 102px; background-repeat: no-repeat; transition: .3s; }
.homec .shili-list .item .icon-s1 { background-image: url(../images/sl-icon-1.png); }
.homec .shili-list .item .icon-s2 { background-image: url(../images/sl-icon-2.png); }
.homec .shili-list .item .icon-s3 { background-image: url(../images/sl-icon-3.png); }
.homec .shili-list .item .icon-s4 { background-image: url(../images/sl-icon-4.png); }
.homec .shili-list .item .icon-s5 { background-image: url(../images/sl-icon-5.png); }
.homec .shili-list .item .tit { font-size: 24px; line-height: 1.2; color: #000000; margin-top: 62px; }
.homec .shili-list .item .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e60012; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; transition: .3s; visibility: hidden; opacity: 0; }
.homec .shili-list .item:hover .cover { opacity: 1; visibility: visible; }
.homec .shili-list .item:hover i { background-position: -102px; }
.homec .shili-list .item .cover h4 { font-size: 24px; color: #ffffff; margin-top: 10px; }
.homec .shili-list .item .cover h4:after { content: ""; display: block; margin: 15px auto 12px; width: 19px; height: 2px; background-color: #ffffff; }
.homec .shili-list .item .cover p { height: 72px; font-size: 16px; color: #ffffff; opacity: 0.8; line-height: 28px; }
.swiper-container-shili { margin-top: 38px; }
.swiper-container-shili img {width:100%;}
.homed { padding-top: 110px; }
.index-ys { margin-top: 45px; background-color: #f8f8f8; border: solid 1px #dddddd; }
.index-ys .left { width: 50%; height: 520px; background: #fff; position: relative; }
.index-ys .right { width: 50%; height: 520px; border-left: 1px solid #ddd; }
.index-ys .left .ys-tab { position: absolute; left: 4.2%; bottom: 25px; z-index: 2; width: 91.6%; height: 48px; background-color: #7b7b7f; border-radius: 24px; overflow: hidden; }
.index-ys .left .ys-tab li { width: 24%; font-size: 20px; line-height: 48px; color: #ffffff; text-align: center; }
.index-ys .left .ys-tab li span { display: none; }
.index-ys .left .ys-tab li.on { width: 28%; background-color: #e60012; }
.index-ys .left .ys-tab li.on span { display: inline-block; }
.swiper-container-yspic { height: 100%; }
.ys-cont { padding: 50px 80px; }
.ys-cont .tit { font-size: 36px; line-height: 48px; color: #272933; font-weight: bold; margin-bottom: 25px; }
.ys-cont ul li ~ li { margin-top: 25px; }
.ys-cont ul li h4 { font-size: 18px; color: #e60012; }
.ys-cont ul li p { font-size: 14px; color: #767676; margin-top: 10px; }
.ys-cont .zx { display: inline-block; width: 180px; height: 48px; background-color: #e60012; border-radius: 24px; text-align: center; line-height: 48px; font-size: 16px; color: #ffffff; margin-top: 35px; }
.ys-cont .zx i { display: inline-block; vertical-align: middle; font-size: 25px; margin-right: 8px; }
.index-about { padding-top: 118px; padding-bottom: 86px; align-items: center; }
.index-about .cont { flex: 1; padding-right: 100px; padding-left: 12.3%; }
.index-about .cont .des { font-size: 14px; line-height: 32px; color: #515457; margin-top: 40px; margin-bottom: 40px; }
.index-about .cont .more { display: inline-block; width: 180px; height: 42px; border-radius: 21px; border: solid 1px rgba(33, 38, 55, .8); font-size: 16px; color: #212637; text-align: center; line-height: 40px; }
.index-about .pic { width: 48.9583%; height: 560px; }
.index-about .cont .ys-num { margin-top: 60px; }
.ys-num { padding-right: 70px; }
.ys-num li i { font-size: 48px; color: #212637; line-height: 1; font-style: normal; }
.ys-num li sup { display: inline-block; vertical-align: top; font-size: 24px; line-height: 1; color: #212637; margin-left: 3px; }
.ys-num li .tit { font-size: 14px; line-height: 1.5; color: #515457; }

/*表单*/
.block-form { background: url(../images/form-bg.jpg) no-repeat center; background-size: cover; margin-bottom: 120px; height: 280px; padding: 65px 80px; }
.block-form .index-titbar { align-items: center; }
.com-lx a i { margin-right: 6px; }
.com-lx .tel { font-size: 18px; line-height: 36px; color: #fff; }
.com-lx .tel i { font-size: 18px; }
.com-lx .wx { font-size: 15px; line-height: 36px; color: #fff; margin-left: 40px; }
.block-form .form { margin-top: 35px; }
.block-form .form .inp { background: #fff; height: 60px; padding: 0 20px; font-size: 16px; color: rgba(56, 54, 53, .8); width: 20%; }
.block-form .form .inp:nth-child(3) { width: 40%; }
.block-form .form .sub { width: 17%; height: 60px; background-color: #222632; color: #fff; font-size: 18px; }
.homee { padding-top: 110px; padding-bottom: 90px; background: url(../images/lc-bg.jpg) no-repeat center; background-size: cover; }
.fwlc-list { margin-top: 128px; margin-bottom: 120px; }
.fwlc-list .item { width: 14.28%; text-align: center; }
.fwlc-list .item h4 { font-size: 24px; margin-top: 30px; color: #f8f8f8; }
.fwlc-list .item p { font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #f8f8f8; opacity: 0.5; margin-top: 15px; margin-bottom: 30px; }
.fwlc-list .item .more { display: inline-block; width: 100px; height: 33px; border-radius: 16px; border: solid 1px #dddddd; font-size: 14px; color: #f8f8f8; line-height: 31px; transition: .2s }
.fwlc-list .item .more:hover { background-color: #e60012; color: #fff; border-color: #e60012; }
.lx-bar { text-align: center; }
.homef { padding-top: 90px; padding-bottom: 110px; }
.homef .item { width: 32.29%; }
.homef .item .tit { margin-bottom: 25px; }
.homef .item .tit h3 { font-size: 28px; font-weight: bold; color: #272727; line-height: 36px; }
.homef .item .tit h3 a { color: #272727; }
.homef .item .tit .more { font-size: 36px; line-height: 36px; color: #9c9c9c; font-weight: 300; }
.homef .item .pic { padding-bottom: 60%; height: 0; background: #fff; position: relative; }
.homef .item .pic img { position: absolute; left: 0; top: 0; }
.homef .item .cont { background: #fff; padding: 25px 30px; }
.homef .item .cont h4 { font-size: 20px; line-height: 24px; color: #272727; }
.homef .item .cont h4 a { color: #272727; display: block;}
.homef .item .cont p { font-size: 14px; letter-spacing: 1px; color: #9c9c9c; margin-top: 15px; height: 38px; }
.homef .item .cont .date { display: block; font-size: 16px; color: #515457; margin-top: 20px; }
.homef .item ul { background: #fff; padding: 13px 30px; border-top: 1px solid #ededed; }
.homef .item ul li { padding: 15px 0; color: #888; }
.homef .item ul li ~ li { border-top: 1px solid #ededed; }
.homef .item ul li a { color: #515457; flex: 1; }

/*内页通用*/
.mbx-bar { padding: 24px 0; line-height: 34px; }
.mbx-bar .search { background-color: #fff; line-height: 34px; padding-right: 5px; }
.mbx-bar .search input { padding: 0 15px; }
.mbx-bar .search .sub { cursor: pointer; }
.page-wrap { padding-bottom: 80px; }

/*产品列表*/
.list-wrap .side { width: 248px; }
.list-wrap .list { flex: 1; padding-left: 20px; }
.list-wrap .side .cate-side { background-color: #fff; }
.list-wrap .side .cate-side h2 { background-color: #e60012; color: #fff; font-size: 24px; padding: 16px 20px; }
.list-wrap .side .lx-side { background-color: #fff; margin-top: 20px; }
.list-wrap .list li .abox { text-align: center; }
.list-wrap .list li .abox .pic { background-color: #fff; transition: .3s; padding: 10px; }
.list-wrap .list li .abox:hover .pic { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.list-wrap .list li .abox .tit { font-size: 16px; padding: 15px 0 20px; color: #666; }

/*==版心定义↓==*/
button { cursor: pointer; }
.borTop { border-top: 1px #ddd solid }
.bga { background: #f8f8f8; }
div .imgPD { position: relative; padding-top: 100%; }
div .imgPD img, div .imgPD .effect-one-img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }
div .imgPD11 { position: relative; padding-top: 110%; }
div .imgPD70 { position: relative; padding-top: 70%; }
div .imgPD13 { position: relative; padding-top: 130%; }

/*==边距↓==*/

.ptm60{padding:60px 0}

.ptm80{padding:80px 0}

.ptm100{padding:100px 0}

.pt60{padding-top:60px}

.pt80{padding-top:80px}

.pt100{padding-top:100px}

.pm60{padding-bottom:60px}

.pm80{padding-bottom:80px}

.pm100{padding-bottom:100px}

/*--*/

.mtm60{margin:60px 0}

.mtm80{margin:80px 0}

.mtm100{margin:100px 0}

.mt60{margin-top:60px}

.mt80{margin-top:80px}

.mt100{margin-top:100px}

.mm60{margin-bottom:60px}

.mm80{margin-bottom:80px}

.mm100{margin-bottom:100px}

/*句段限制*/
.abbr { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lcp { -webkit-line-clamp: 2; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; }

/*==次级导航↓==*/
.menu { width: 100%; margin-top: 60px; margin-bottom: -10px; }
.menu ul { display: table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto; }
.menu li {/*! flex: 1; */ display: inline-block; }
.menu li a { position: relative; z-index: 2; display: block; margin: 0 10px 10px 10px; color: #191919; font-size: 18px; border: 1px #e9e9e9 solid; overflow: hidden; padding: 10px 40px; border-radius: 6px; background: #f7f7f7; }
.menu li a:after { content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background: #e60012; transition: transform .5s; transform: scale(0, 1); transform-origin: right; }
.menu li:hover a, .menu li.active a { color: #fff; border-color: #e60012 }
.menu li:hover a:after, .menu li.active a:after { transform: scale(1); transform-origin: left; }

/*==面包屑↓==*/
.site { }
.site .wp { padding: 20px 0; }
.site.bb .wp { border-bottom: 1px solid #ddd; }
.site .home i { color: #333; font-weight: bold; font-size: 16px; margin-right: 10px; }
.site a { color: #666; font-size: 12px; }
.site a:hover { color: #e60012 }
.site .more { float: right; color: #fff; font-size: 14px; padding: 5px 10px; margin-top: -5px; background: #666; }
.site .more:hover { color: #fff; background: #e60012; }

/*==标题↓==*/
.titleAx { color: #282828; font-size: 40px; line-height: 1; }
.titleAx span { margin-top: 20px; display: block; color: #999; font-size: 16px; font-weight: 400; text-transform: Uppercase; }
.titleAx span.cor { color: #e60012; font-size: 22px; }
.titleAx font { color: #e60012 }
.titleAx hr { display: block; margin: 20px 0 0 0; width: 40px; height: 1px; border: none; background: #e60012; }
.titleAx.cen { text-align: center; margin-bottom: 50px; }
.titleAx.m30 { margin-bottom: 30px }
.titleAx.m40 { margin-bottom: 40px }
.titleAx.white, .titleAx.white b, .titleAx.white span { color: #fff }
.titleAx.white hr { background: #fff }
.titleBx { color: #000123; font-size: 40px; margin-bottom: 50px; text-align: center; }
.titleBx span { display: block; margin: 10px auto 0; color: #bdbdbd; font-size: 14px; font-weight: 400 }
.titleBx hr { display: block; margin: 10px auto 0; width: 40px; height: 2px; border: none; background: #e60012; }
.titleBx.cen { text-align: center; }
.titleBx.white, .titleBx.white span { color: #fff }
.titleBx.tTop { margin: 50px 0 -20px 0; }

/*===内页框↓==*/
.rack { width: 100%; padding: 70px 0 80px 0; }
.rackWor { }
.lefterRs { width: 22%; float: left }
.righterRs { width: 78%; float: right; padding-left: 50px; }

/*==左侧导航↓==*/
.leftNav { border: 1px #eee solid }
.leftNav .title { position: relative; color: #fff; font-size: 32px; padding: 30px; text-align: center; background: #e60012; }
.leftNav .title:after { content: "";/* position:absolute; */ left: 0; right: 0; bottom: 0; display: block; width: 9px; height: 5px; margin: 5px auto 0; background: url(../images/arrow01.png) no-repeat center; }
.leftNav .title span { display: block; color: #fff; font-size: 12px; font-weight: 400; margin-top: 10px; }
.leftNav .title em { display: none; position: absolute; top: 20px; right: 20px; float: right; font-size: 16px; font-style: normal;}
.leftNav .title em i { margin-left: 5px;font-size: 14px; }
.leftNav .title em:hover { color: #e60012 }
.leftNav > .drop { display:; /* border:1px #eee solid; */overflow: hidden; background: #fff; }
.leftNav > .drop > li { border-bottom: 1px #e5e5e5 solid }
.leftNav > .drop > li:last-child { border-bottom: 0px }
.leftNav > .drop > li > a { position: relative; z-index: 2; display: block; color: #000123; font-size: 16px; padding: 13px 30px; }
.leftNav > .drop > li > a:before { content: ""; float: left;/* display: inline-block; */ flex-shrink: 0; margin: 8px 15px 0 0;/* position:absolute; */ left: 20px; top: 0; bottom: 0;/* margin: auto; */ display: block; width: 5px; height: 9px; background: url(../images/arrow03.png) no-repeat center; }
.leftNav > .drop > li:hover > a, .leftNav > .drop > li.active > a { color: #e60012; }
.leftNav > .drop > li:hover > a i, .leftNav > .drop > li.active > a i { color: #e60012 }
.leftNav .order > li { border-top: 1px #e8e8e8 solid }
.leftNav .order > li > a { display: block; color: #777; font-size: 16px; padding: 15px 30px 15px 50px; }
.leftNav .order > li:hover > a, .leftNav .order > li.active > a { color: #e60012; transform: translateX(5px); }

/*==产品列表↓==*/
.product-list.edge { margin: 0 0 0 -20px; display: flex; flex-flow: row wrap; align-content: flex-start; }
.product-list.edge li {/*flex-grow: 1;*/display: inline-block; width: 25%; margin-bottom: 30px; }
.product-list.edge a { margin-left: 20px }

/*==产品列表↓==*/
.product-list a { display: block; height: 100%; text-align: center; padding: 5px; }
.product-list .pic { padding-top: 100%; border: 1px #eee solid; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background: #fff; transition: .3s; }
.product-list h4 { color: #464646; font-size: 16px; margin-top: 20px; }
.product-list li:hover .pic { box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
.product-list li:hover h4 { color: #e60012 }

/*==产品首页↓==*/
.ProductHome { background-image: url(../images/bg101.png), url(../images/bg102.png); background-repeat: no-repeat, no-repeat; background-position: left center, right center }
.ProductHome.bg { background-color: #f6f8f9; }
.ProductHome .srllpro { }
.ProductHome .frame { display: none; position: relative; }
.ProductHome .frame.show { display: block; }

/*==产品切换↓==*/
.srllpro .btn { position: absolute; top: 50%; left: -70px; display: block; width: 55px; height: 55px; line-height: 55px; border: 1px #eee solid; text-align: center; color: #e60012; font-size: 20px; font-weight: bold; border-radius: 50%; transform: translateY(-50%); cursor: pointer; background: #fff; }
.srllpro .btn.sNext { left: auto; right: -70px; }
.srllpro .btn:hover { color: #fff; border-color: #e60012; background: #e60012 }
.srllpro .btn:hover:before { color: #fff }
.srllpro .sPrev:before { content: "\e662"; }
.srllpro .sNext:before { content: "\eb9b"; }
.srllpro .spot { display: none; }

/*==tab切换↓==*/
.tone-item { text-align: center; margin-bottom: 40px }
.tone-item li { display: inline-block; }
.tone-item a { position: relative; z-index: 1; display: block; color: #404040; font-size: 18px; padding: 10px 30px; margin: 0 10px; border-radius: 5px; border: 1px #ddd solid; cursor: pointer; }
.tone-item a:before { content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background: #e60012; transition: transform .5s; transform: scale(0, 1); transform-origin: right; }
.tone-item .active a { color: #fff; border-color: #e60012 !important; }
.tone-item .active a:before { transform: scale(1); transform-origin: left; }
.tone-item.white { }
.tone-item.white a { border-color: #fff; background: #fff; }

/*==切换点效果↓==*/
.spot-item { margin-top: 30px; text-align: center; }
.spot-item span { opacity: 1; position: relative; width: 12px; height: 12px; margin: 0 8px !important; overflow: hidden; background: #eee; transition: all .4s ease-in-out; }
.spot-item .swiper-pagination-bullet-active { width: 30px; border-radius: 20px; background: #e60012; }

/*==合作客户↓==*/
.PartnerCont { background: url(../images/partnerhomebg.png) no-repeat center; background-size: cover; }
.PartnerCont .long { padding: 0 100px;/* background: #ddd; */ }
.PartnerCont .list { display: flex; flex-flow: row wrap; align-content: flex-start; }
.PartnerCont .list li { display: inline-block; width: 20%;/* border: 1px #f60 dashed; */ }
.PartnerCont .list a { position: relative; display: block; width: 100%; height: 100%; }
.PartnerCont .list a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; margin: 15%; width: 70%; height: 70%; border: 1px #ddd solid; transform: rotate(45deg); background: #fff; }
.PartnerCont .list img {/* display: contents; */margin: auto; margin: 32% 20%; width: 60%;/* height: 62%; */ }
.PartnerCont .list li:nth-child(2n) { }
.PartnerCont .list li:nth-child(6) { margin-left: 10%; }
.PartnerCont .list li:nth-child(n+6) { margin-top: -10.2%; }
.PartnerCont .list li:hover a { z-index: 2; }
.PartnerCont .list li:hover a:before { border-color: #e60012 }
.PartnerCont .spot { position: initial; margin: 60px auto 0; text-align: center; }
.PartnerCont .spot li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 10px; border-radius: 50%; overflow: hidden; cursor: pointer; background: #e9e9e9; transition: all .4s ease-in-out; }
.PartnerCont .spot .active { background: #e60012; }

/*==产品详情↓==*/
.ProductShow { }
.DetailCont .top {/*padding:60px 0 120px 0; ;border-bottom:1px #ddd solid;background: #f5f5f5;*/ }
.DetailCont .top .left { width: 55%; }
.DetailCont .top .right { width: 40% }
.DetailCont .top .right .title { color: #191919; font-size: 30px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px #ddd solid; }
.DetailCont .top .right .wx { padding: 20px; color: #666666; font-size: 14px; min-height: 100px; margin-bottom: 80px; line-height: 24px; -webkit-line-clamp: 7; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; background: #f2f2f2; }
.DetailCont .top .right .parts { margin: -50px 0 35px 0; overflow: hidden; }
.DetailCont .top .right .parts h3 { color: #333; font-size: 18px; margin-bottom: 15px; }
.DetailCont .top .right .parts img { display: block; float: left; width: 17%; height: 80px; margin-right: 2%; border: 2px #ddd solid; }
.DetailCont .top .right .parts img:hover { border-color: #666 }
.DetailCont .top .right .tel { display: block; color: #191919; font-size: 22px; margin-bottom: 50px; padding: 20px 0 20px 0px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; }
.DetailCont .top .right .tel i { float: left; color: #666; font-size: 25px; margin-right: 15px; }
.DetailCont .top .right .btn { float: left; padding: 8px 40px; color: #fff; font-size: 18px; margin-right: 20px; border-radius: 40px; background-color: #e60012; }
.DetailCont .top .right .btn i { margin: 0 10px 0 0px; color: #fff; font-size: 20px; display: inline-block; line-height: 1; vertical-align: middle; }
.DetailCont .top .right .online {/* padding-left:70px; */ }
.DetailCont .top .right .download { color: #4c4c4c; background: #fff; }
.DetailCont .top .right .btn:hover { color: #fff; background-color: #333; }
.DetailCont .con { margin-top: 70px }
.DetailCont .con .tone { overflow: hidden; margin-bottom: 50px; border-bottom: 1px #ddd solid; text-align: center; }
.DetailCont .con .tone li { position: relative; display: inline-block; margin: 0 20px 0 20px; /*! border-left:1px #ddd solid; */ cursor: pointer; }
.DetailCont .con .tone li a { display: block; color: #444444; font-size: 20px; padding: 0px 0px 20px 0; }
.DetailCont .con .tone li a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; transition: transform .5s; transform: scale(0, 1); transform-origin: right; background: #e60012 }
.DetailCont .con .tone li.active a, .DetailCont .con .tone li:hover a { color: #e60012 }
.DetailCont .con .tone li.active a:after, .DetailCont .con .tone li:hover a:after { transform: scale(1); transform-origin: left; }
.DetailCont .con .long { margin-bottom: 50px; padding-bottom: 40px; border-bottom: 1px #ddd solid }
.DetailCont .con .title { position: relative; color: #333; font-size: 22px; margin-bottom: 30px; padding-left: 20px }
.DetailCont .con .title:before { content: ""; position: absolute; left: 0; top: 20%; width: 2px; height: 60%; background: #e60012; }
.DetailCont .con .long:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px }
.DetailCont .con .wx { }
.DetailCont .con .wor { color: #393939; line-height: 24px; font-size: 15px; }

/*==左右图片切换↓==*/
.srllOrso { }
.srllOrso .leftPic { width: 80%; float: left; border: 2px #efefef solid; background: #fff; }
.srllOrso .leftPic img { display: block; margin: auto; max-width: 100%; height: 100%; object-fit: cover; }
.srllOrso .rightPic { width: 20%; float: right; padding-left: 15px; }
.srllOrso .rightPic li { height: 20%; margin-bottom: 20px; border: 2px #efefef solid; cursor: pointer; background: #fff; }
.srllOrso .rightPic li img { display: block; max-width: 100%; height: 100%; margin: auto }
.srllOrso .rightPic li.swiper-slide-thumb-active { border-color: #e60012; }
.srllOrso .leftPic, .srllOrso .rightPic { height: 520px; }
.srllOrso .leftPic .look { opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 10px; color: #fff; font-size: 16px; height: 40px; text-align: center; transform: translateY(40px); background: rgba(0, 0, 0, 0.5); }
.srllOrso .leftPic .look i { margin-right: 10px; display: inline-block; font-size: 20px; line-height: 20px; height: 20px; vertical-align: middle; }
.srllOrso .leftPic:hover .look { opacity: 1; transform: translateY(0px); }
.srllOrso .rightPic:hover .btn { opacity: 1 !important; }
.srllOrso .btn { opacity: 0 !important; left: 15px; top: 0; right: 0; width: auto; height: auto; margin: 0px; color: #fff; font-size: 32px; padding: 5px 0; text-align: center; background: rgba(0, 0, 0, 0.5); }
.srllOrso .btn.swiper-button-disabled { opacity: .9 }
.srllOrso .btn.nt { top: auto; bottom: 0; }
.srllOrso .btn:hover { background: rgba(0, 0, 0, 0.7) }

/*==翻页↓==*/
.pagIng-2 { border: 1px #aaa solid; overflow: hidden; margin-top: 90px; display: table; width: 100%; }
.pagIng-2 span { display: inline-block; color: #888888; font-size: 14px; }
.pagIng-2 .block { float: none !important; padding: 20px 15px; display: table-cell; vertical-align: middle; }
.pagIng-2 span a { color: #888888; font-size: 14px; }
.pagIng-2 span a:hover { color: #e60012 }
.pagIng-2 .prev { float: left; }
.pagIng-2 .next { float: right; text-align: right }
.pagIng-2 .return { border-left: 1px #aaa solid; border-right: 1px #aaa solid; text-align: center; }
.pagIng-2 .return:hover { color: #fff; background: #e60012 }
.pagIng-2 .prev, .pagIng-2 .next { width: 40%; }

/*==左侧联系↓==*/
.connection { margin-top: 30px; padding: 20px; border: 1px #ddd solid; overflow: hidden;/* background:#eee;*/ }
.connection .tit {/* float:left;*/color: #333; font-size: 18px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #ddd solid; }
.connection .tit .more { float: right; display: block; color: #666; font-size: 13px; margin-top: 5px; }
.connection .tit .more:hover { color: #e60012 }
.connection .tel { position: relative; display: block; font-size: 12px; color: #858585; padding-left: 50px; margin-bottom: 20px; word-wrap: break-word; word-break: normal; }
.connection .tel font { display: block; color: #e60012; font-size: 24px; margin-top: 5px; line-height: 25px; font-weight: bold; }
.connection .tel:before { content: "\e611"; font-family: "iconfont"; position: absolute; top: 6px; left: 0; margin-right: 10px; font-weight: 400; color: #333; font-size: 36px; }
.connection .wx { color: #666; font-size: 14px; line-height: 24px }
.connection .ewm { display: table; margin-top: 20px; }
.connection .ewm img { max-width: 100px; }
.connection .ewm font { vertical-align: middle; color: #666; font-size: 14px; padding-left: 30px; }
.connection .ewm font hr { float: left; width: 30px; height: 1px; margin: 7px 10px 0 0; border: none; background: #aaa; }
.connection .ewm img, .connection .ewm font { display: table-cell; }

/*==新闻列表框↓==*/
.EssayCont .lefter { float: left; width: 65%; }
.EssayCont .righter { float: right; width: 30%; }
.EssayCont .righter .shell { width: 100%; margin-bottom: 30px; border: 1px #ddd solid }
.EssayCont .righter .shell:last-child { margin-bottom: 0px; }
.EssayCont .righter .shell .tit { position: relative; color: #333333; font-size: 18px; border-bottom: 1px #e6e8eb solid; padding-bottom: 15px; margin-bottom: 20px; }
.EssayCont .righter .shell .tit.bor:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 20%; height: 1px; background: #e60012; }

/*--*/
.EssayCont .bgb { margin-bottom: 30px; background: #fff; }
.EssayCont .bgb:last-child { margin-bottom: 0px; }
.EssayCont .bgb.p3 { padding: 30px 30px 50px 30px; }
.EssayCont .bgb.p4 { padding: 40px 40px 50px 40px; }

/*--*/
.EssayCont .news { }
.EssayCont .news li { clear: both; width: 100%; margin-bottom: 20px; }
.EssayCont .news .one { position: relative; }
.EssayCont .news .one h4 { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 10px 20px; color: #fff; font-size: 14px; background: rgba(0, 0, 0, 0.6) }
.EssayCont .news .one:hover h4 { background: #e60012 }
.EssayCont .news .two { }
.EssayCont .news .two a { position: relative; display: block; padding-left: 15px; color: #333333; font-size: 14px; }
.EssayCont .news .two a:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: #b2b2b2; }
.EssayCont .news .title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.EssayCont .news .two:hover a { color: #e60012; }
.EssayCont .news .two:hover a:before { background: #e60012; }

/*--*/
.EssayCont .content .titleTop { text-align: center; padding: 0 0 30px 0; margin: 0 0 40px 0; border-bottom: 1px #e4e4e4 solid; }
.EssayCont .content .title { color: #333333; font-size: 28px; }
.EssayCont .content .msg { margin-top: 15px; color: #a7a7a7; font-size: 14px; }
.EssayCont .content .msg *, .NewsDetail .msg span, .NewsDetail .msg a { color: #a3a3a3; font-size: 14px; }
.EssayCont .content .msg span { margin: 0 5px; }
.EssayCont .content .msg a:hover, .NewsDetail .msg .active { color: #0060ac }
.EssayCont .content .msg .active { font-weight: bold; }
.EssayCont .content .wor { min-height: 300px; font-size: 16px; }

/*--*/
.EssayCont .pagIng { margin-top: 60px; padding-top: 50px; border-top: 1px #eee solid; overflow: hidden; }
.EssayCont .pagIng span { display: inline-block; color: #888888; font-size: 15px; }
.EssayCont .pagIng a { width: 47%; color: #666666; font-size: 15px; padding: 15px 20px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f6f6f6; }
.EssayCont .pagIng a:hover { color: #fff; background: #0060ac; }
.EssayCont .pagIng .prev { float: left }
.EssayCont .pagIng .next { float: right }

/*==新闻列表↓==*/
.news-list { margin: 0px 0 -10px 0; }
.news-list li { clear: both; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px #ddd solid; overflow: hidden; }
.news-list a { display: block; }
.news-list .pic { float: left; width: 360px; height: 220px; margin-right: 30px; background: #eee; }
.news-list .pic img { width: 100%; height: 100%; object-fit: cover; }
.news-list .title { color: #333333; font-size: 22px; margin-bottom: 15px;/* margin-top:10px;*/ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list .part { position: relative; margin-bottom: 20px; display: table; }
.news-list .part:before { content: ""; float: left; display: block; margin: 8px 10px 0 0; width: 50px; height: 1px; background: #aaa; }
.news-list .part span { display: block; float: left; margin-right: 40px; color: #999999; font-size: 12px; line-height: 1; }
.news-list .part span:before { display: none; content: ""; float: left; margin-right: 5px; font-size: 14px; }
.news-list .part .time:before { content: "\e8b8"; }
.news-list .part .source:before { content: "\e647"; }
.news-list .part .read:before { content: "\e8c7"; }
.news-list .txt { -webkit-line-clamp: 3; color: #666666; font-size: 14px; line-height: 24px; }
.news-list .more { margin-top: 30px; display: table; color: #666; font-size: 13px; padding: 8px 20px; border: 1px #aaa solid; }
.news-list li:hover .title { color: #e60012 }
.news-list li:hover .more { color: #fff; border-color: #e60012; background: #e60012 }

/*==新闻详细页↓==*/
.NewsDetail { }
.NewsDetail .relevant { }
.NewsDetail .relevant .tit { display: table; color: #fff; font-size: 14px; padding: 15px 35px; margin-bottom: 30px; background: #0060ac; }
.NewsDetail .relevant .list { }
.NewsDetail .relevant .list li { float: left; width: 47%; margin: 8px 0% 8px 0; }
.NewsDetail .relevant .list li:nth-of-type(even) { float: right; }
.NewsDetail .relevant .list li .time { position: absolute; top: 0; right: 0; color: #858585; font-size: 14px; }
.NewsDetail .relevant .list li a { position: relative; display: block; padding-left: 15px; padding-right: 100px; color: #666666; font-size: 14px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.NewsDetail .relevant .list li a:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: #b2b2b2; }
.NewsDetail .relevant .list li:hover a { color: #0060ac }


/*==关于↓==*/
.AboutInner { padding-bottom: 0px !important }
.AboutInner .introduceCon { }
.AboutInner .introduce .long { display: flex }
.AboutInner .introduce .left, .AboutInner .introduce .right { float: none;/* display:inline-block */ }
.AboutInner .introduce .left { flex-shrink: 0; position: relative; margin-right: 50px; }
.AboutInner .introduce .left .gd { margin-top: 40px; display: block; color: #333; font-size: 16px; font-weight: bold; }
.AboutInner .introduce .left .online { display: table; margin-top: 20px; color: #fff; font-size: 14px; padding: 10px 40px; background: #e60012; }
.AboutInner .introduce .left .online:hover { background: #333; }
.AboutInner .introduce .right { flex: 1;/* width:45% */ }
.AboutInner .introduce .right .wx { color: #666666; font-size: 16px; line-height: 1.75; }
.AboutInner .introduce .right .wx h3 {font-size: 24px;color: #e60012;margin-bottom: 20px;}
.AboutInner .digital { width: 100%; border-top: 1px solid #efefef; padding-top: 40px; margin-top: 50px; display: flex; justify-content: space-between; }
.AboutInner .digital li { position: relative; z-index: 2; float: left; width: 25%; display: block; }
.AboutInner .digital li a { }
.AboutInner .digital li span { color: #e60012; font-size: 60px; line-height: 1; }
.AboutInner .digital li font { color: #e60012; font-size: 14px; }
.AboutInner .digital li h5 { color: #666; font-size: 16px; margin-top: 8px; }
.AboutInner .culture { background: #f9f9fe; }
.AboutInner .culture .long { }
.AboutInner .culture .left, .AboutInner .culture .right { float: none; display: table-cell; }
.AboutInner .culture .left {/* float:left;*//* width:65%;*/padding-right: 50px; }
.AboutInner .culture ul { display: flex; flex-flow: row wrap; align-content: flex-start; }
.AboutInner .culture ul li { flex-grow: 1; display: inline-block; width: 50%; padding-right: 50px;/* margin:0 0 -20px -10px;*/ margin-bottom: 50px; }
.AboutInner .culture ul i { display: block; color: #222; font-size: 50px; font-weight: bold; margin: 0 0 -30px -15px; opacity: .1; }
.AboutInner .culture ul h4 { color: #2f2f2f; font-size: 24px; margin-bottom: 15px; }
.AboutInner .culture ul p { font-size: 15px; }
.AboutInner .culture .right {/* float:right;*/position: relative; width: 50%; }
.AboutInner .culture .right img { display: block; position: absolute; left: 0; top: 0;/* right:0;*//* bottom:0;*/width: 950px; max-width: initial; height: 100%; object-fit: cover; }
.AboutInner .partner {/*border-top:1px #ddd solid*/ }
.AboutInner .ambient { background: #f8f8f8; }

/*==荣誉资质通用↓==*/
.honorCon {/*background:url(../images/bg03.jpg);*/ }
.honorCon .long { position: relative; }
.honorCon li { }
.honorCon .list li .pic { height: 310px; padding: 30px !important; }
.honorCon li h4 { color: #333333; font-size: 16px; margin-top: 20px; text-align: center; }
.honorCon li:hover h4 { color: #e60012 }
.honorCon .btn { left: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 25px; background: #666; }
.honorCon .btn.next { left: auto; right: -25px; }
.honorCon .btn:hover { background: #e60012; }
.honorCon .spot { display: none; margin-top: 25px; text-align: center; }
.honorCon .spot span { opacity: 1; display: inline-block; width: 15px; height: 10px; margin: 0 6px; border-radius: 10px; background: #aaa; }
.honorCon .spot .swiper-pagination-bullet-active { width: 25px; background: #e60012 }

/*==公司环境列表↓==*/
.ambient-list { margin: 0 0px -20px -20px; }
.ambient-list li { float: left; width: 24.8%; }
.ambient-list li:nth-child(1) { width: 50.2%; }
.ambient-list li a { position: relative; display: block; margin: 0 0px 20px 20px; }
.ambient-list li h4 { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; margin: 20px; padding: 12px 20px; color: #555; font-size: 16px; font-weight: bold; margin-top: 10px; background: rgba(255, 255, 255, 0.7); }
.ambient-list li:hover h4 { color: #fff; background: rgba(0, 0, 0, 0.6) }

/*数字加载*/
.digital { width: 100%; margin-top: 50px; padding: 0 50px; display: flex; flex-flow: row wrap; align-content: flex-start; }
.digital li { position: relative; z-index: 2; float: left; width: 20%; display: block; }
.digital li a { position: relative; z-index: 2; display: table; margin: auto }
.digital li span { color: #fff; font-size: 76px;/* font-weight: bold; */ }
.digital li h5 { color: #fff; font-size: 16px;/* margin-top: 10px; */ }

/*==list-box 图片款 久↓==*/
.list-box { margin: 0 0 -10px -10px }
.list-box li { float: left; width: 25%; }
.list-box li img { max-width: 100%; width: 100%; }
.list-box li a { display: block; margin: 0 0 10px 10px }
.list-box li .pic { border: 1px #eee solid; background: #f9f9f9; }
.list-box li:hover .pic { border: 1px #e60012 solid; }
.list-box li h4 { color: #666; font-size: 15px; text-align: center; padding: 12px 0; }
.list-box li:hover h4 { color: #e60012; }
.list-box.lx5 li { width: 20% }

/*==联系我们↓==*/
.ContactInner { padding-bottom: 0px !important }
.ContactInner .long .left, .ContactInner .long .right, .ContactInner #dituContent { height: 540px; }
.ContactInner .long .left { width: 50%; }
.ContactInner .long .left img { width: 100%; height: 100%; object-fit: cover; }
.ContactInner .long .right { position: relative; width: 50%;/* border:1px #ddd solid;*/ padding: 60px 40px 40px 50px; background: #f7f7f7; }
.ContactInner .long .right .title { color: #333333; font-size: 26px; }
.ContactInner .long .right .tel { position: relative; margin-top: 25px; color: #333333; font-size: 14px; display: block; }
.ContactInner .long .right .tel:before { content: ""; position: absolute; left: 0px; top: 32px; width: 10px; height: 3px; background: #e60012; }
.ContactInner .long .right .tel:after { content: ""; position: absolute; left: 13px; top: 32px; width: 25px; height: 3px; background: #e60012; }
.ContactInner .long .right .tel font { margin-top: 30px; font-size: 30px; color: #e60012; display: block; font-weight: bold; }
.ContactInner .long .right .wx { min-height: 156px; margin-top: 20px; color: #333333; font-size: 14px; display: block; line-height: 26px; }
.ContactInner .long .right .consult { position: absolute; top: 100px; right: 60px; }
.ContactInner .long .right .ewm { position: relative; color: #737373; font-size: 12px; text-align: center; display: block; line-height: 15px; }
.ContactInner .long .right .ewm img { display: block; margin: 0 auto 5px; }
.ContactInner .long .right .online {/* float:left;*/color: #fff; margin: 30px auto 0; font-size: 14px; padding: 8px 40px; background: #e60012; display: block; border-radius: 20px; text-align: center; }
.ContactInner .long .right .online:hover { background: #666; }
.ContactInner .map { }
.ContactInner #dituContent { height: 500px; }
.ContactInner #dituContent img {max-width: none;}

/*==留言通用↓==*/
.MessageCon { background: url(../images/message-bg.jpg) no-repeat center; background-size: cover; }
.MessageCon .long { padding: 80px; background: #fff; }
.MessageCon .title { margin-bottom: 40px; overflow: hidden; }
.MessageCon .title h2 { float: left; color: #191919; font-size: 24px; }
.MessageCon .title .tel { float: right; margin-top: 25px; color: #333333; font-size: 26px;/*font-weight: bold;*/ }
.MessageCon .title .tel em { display: block; float: left; margin-right: 10px; margin-top: 5px; color: #333; font-size: 25px; font-weight: 400; font-family: "iconfont"; }
.MessageCon input { position: relative; float: left; width: 49.5%; margin-bottom: 1% }
.MessageCon .block:nth-child(2n+1) { margin-left: 1%; }
.MessageCon input, .MessageCon textarea { padding: 15px 20px 15px 45px; border: 1px #ddd solid; background-repeat: no-repeat; background-position: 15px 17px; }
.MessageCon textarea { width: 100%; height: 120px; }
.MessageCon button { width: 25%; margin-top: 20px; padding: 16px 0; border: none; color: #fff; font-size: 14px; background: #666; }
.MessageCon button:hover { background: #e60012 }
.MessageCon .x1 { background-image: url(../images/ico201.png); }
.MessageCon .x2 { background-image: url(../images/ico202.png); }
.MessageCon .x3 { background-image: url(../images/ico203.png); }
.MessageCon .x4 { background-image: url(../images/ico204.png); }
.MessageCon .x5 { background-image: url(../images/ico205.png); }

/*方案*/
.listWrap {
    overflow: hidden;
    padding: 60px 0;
}
.in-tit {
    padding-top: 80px;
    padding-bottom: 50px;
    text-align: center;
}
.in-tit.npt {
    padding-top: 0;
}
.in-tit h3 {
    font-size: 36px;
    line-height: 1;
    color: #3c3c3c;
    display: inline-block;
    position: relative;
}
.in-tit h3 span {
    position: relative;
    color: #3c3c3c;
}
.caseIndex li{background:#f8f8f8;overflow:hidden;margin-bottom:20px; line-height:26px;}
.caseIndex li .pic{width:50%;overflow:hidden;display:block;height:430px;}
.caseIndex li .txt{width:50%;padding:4%;position:relative;}
.caseIndex li h4{font-size: 2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px;}
.caseIndex li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#e60012;width:15px;transition:all 0.4s; }
.caseIndex li h4 a{color:#333;}
.caseIndex li .txt .info{min-height:130px;}
.caseIndex li .more{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background:#e60012;}
.caseIndex li .more:hover{width:180px;color:#fff;border:none;}
.caseIndex li:nth-child(2n) .txt{float:left;} 
.caseIndex li:nth-child(2n) .pic{float:right;}
.caseIndex li:hover .bgImg{transform: scale(1.05);}
.caseIndex li h4 a:hover{color:#e60012;}



.page-banner .pb-pic img {width:100%;}