@import url(common.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
body,html{font-size:16px;font-family:Microsoft YaHei, tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif, 站酷文艺体;}
.center{max-width:1230px;}
.navc2:empty{display:none!important;}
.co4,.co4-hover:hover{color:#a31d2b;}
.bg4,.bg4-hover:hover{background:#a31d2b;}
.co5{color:#666;}
.lang-btn{width:100px;line-height:32px;box-sizing:border-box;border:1px solid #a31d2b;color:#a31d2b;border-radius:20px;text-align:center;font-weight:bold;margin-top:4px;cursor:pointer;}
.lang-btn:hover{background:#d50012;color:#fff;}
.bot2{background:#666;}
.s1img{min-height:270px;}
.sbt2{width:120px;height:2px;margin:15px auto 30px;}
.alc21{-webkit-line-clamp:2;height:3.2em;}
.alc221{width:30px;height:3px;margin:8px 10px 0 0;}
.s33-img{min-height:100px;}
.s42c1-img{width:188px;height:60px;margin:auto;}
.s2c1{height:58px;}
.btn1{display:inline;padding:5px 15px;border:1px solid #666;border-radius:4px;cursor:pointer;}
.btn1:hover{background:#a31d2b;color:#fff;border-color:#a31d2b;}
.case-b3-list,.case-b5-list{margin: 0 -10px;}
.case-b3-arrow{line-height:20px;height:22px;width:22px;text-align:center;font-size:1.3em;color:#fff;background:rgba(0,0,0,.5);padding:10px;border-radius:50%;top:50%;position:absolute;z-index:10;cursor:pointer;margin-top:-21px;}
.case-b3-prev{left:20px;}
.case-b3-next{right:20px;}
.case-b5-cb{border:1px solid #fff;border-radius:4px;overflow:hidden;}
.case-b5-item.active .case-b5-cb{border-color:#a31d2b;}
.case-b6 .layui-progress, .case-b6 .layui-progress-bar{height:2px;}
.case-b3-cb{border-radius:15px;}
.caseshow{background:none!important;}
.caseshow .layui-layer-content{background:#fff;}
.caseshow .layui-layer-close{height:0;}
.caseshow .layui-layer-close::before{content:"\1006";font-family:layui-icon;position:absolute;color:#fff;font-size:1.6em;right:0;top:-2px;font-weight:100;cursor:pointer;}
.caseshow .layui-layer-title{border-bottom:none;}
.fwc12{left:30px;bottom:-30px;border-radius:10px;overflow:hidden;}
.fwc12-img{width:60px;height:60px;}
.sha2{box-shadow: 0 1px 5px 1px rgba(0,0,0,.1);}
.lyinp{height:44px;border-radius:7px;}
.lytxt{height:240px;border-radius:7px;}
.ct11 table{width:auto;}
.ct11 td{width:auto;padding:0 10px;}
.ct2 .sbt3{max-width:650px;}
.wzicon{width:24px;height:24px;fill:#999;}
.wzc232{margin-top:-10px;position:relative;top:8px;}
.wzcb{box-shadow: 0 1px 5px 1px rgba(0,0,0,.05);}
.wzcb:hover{box-shadow: 0 1px 8px 1px rgba(0,0,0,.1);}
.wzcb:hover .wzicon{fill:#a31d2b;}
.wzc22{-webkit-line-clamp:2;height:3.2em;}
.page a:hover, .page span{background:#a31d2b;border:#a31d2b;color:#fff;}
.in311{width:4px;height:18px;margin:6px 10px 0 0;}
.s1c2{left:50%;top:50%;transform:translate(-50%,-50%);text-shadow:1px 1px 5px rgba(0,0,0,.5);}
.s1c21{position:relative;left:80%;opacity:0;}
.s1c22{position:relative;left:50%;opacity:0;}
.slick-current .s1c21{left:0;opacity:1;transition:ease 1s .6s;}
.slick-current .s1c22{left:0;opacity:1;transition:ease 1s .6s;}
.ct1-ewm{width:85px;height:85px;}
.layui-btn-sm{line-height:28px;}
.layui-card{box-shadow:0px 5px 10px rgba(38,58,79,0.12549019607843137);position:relative;transition:ease .5s;top:0;}
:hover>.layui-card{box-shadow:0 5px 10px rgba(38,58,79,.3);top: -5px;}
.itatic{font-style:italic;}
.fwc22{-webkit-line-clamp:2;height:3.2em;}
.case-b4 video,.case-b4 iframe{width:100%;height:60vw;max-height:640px;}
.in2{word-wrap:break-word;}
.case-b4 section{margin:auto!important;}
::placeholder{color:#ccc;}
.bot2-ewm-box{display:flex;justify-content:flex-end;}
.ewmitem{margin:5px 10px;}
.wechat-qrcode{top:40px;left:84px;}
.top233c a{display:block;padding:6px;border-radius:50%;cursor:pointer;}
.top233c a svg.icon{width:24px;height:24px;}
.top233cb{line-height:1em;}
.linkedin-link{border:1px solid #0077b5;}
.weixin-link{border:1px solid #7bc549;}
.top233c a .icon{vertical-align:top;}
.linkedin-link .icon{fill:#0077b5;}
.weixin-link .icon{fill:#7bc549;}
.wxewm{width:110px;height:110px;max-width:none;}
.top233c2{padding:5px;background:#fff;top:240%;box-shadow:0 0 2px 1px rgba(0,0,0,.1);left:50%;margin-left:-60px;display:none;}
.top233c2::after{content:"";position:absolute;width:8px;height:8px;border:1px solid #eaeaea;background:#fff;transform:rotate(-45deg) translateX(-5px);border-width:1px 1px 0 0;bottom:100%;left:50%;}
.top233cb:hover .top233c2{display:block;}
.sbt3{font-size:20px;color:#595959;line-height:1.6em;}


@keyframes animIn {
    from{display:block;margin-top:10px;opacity:0;}
    to{margin-top:0;opacity:1;}
}
@media screen and (min-width:769px) {
    .all{min-width:1380px;}
    .snav .navc{float:left;margin-right:40px;position:relative;padding:30px 5px;}
    .top23{margin:20px 0 0 60px;}
    .top4{display:none!important;}
    .snav.active .navca{color:#a31d2b;}
    .snav.active::after{content:"";background:#a31d2b;left:0;right:0;bottom:-1.5px;height:5px;position:absolute;}
    .sbt3{max-width:870px;}
    .s2c3{max-width:460px;height:14em;}
    .alc1-img{height:206px;}
    .case-box{max-width:1040px;}
    .fwitem{width:33.333333%;box-sizing:border-box;margin:0;}
    .fwlist{display:flex;flex-wrap:wrap;justify-content:center;}
    .fwc11-img{height:234px;}
    .a12{max-width:920px;}
    .a22{max-width:1080px;}
    .a22 .s2c3{height:10em;}
    .a3c22{height:4.8em;-webkit-line-clamp:3;}
    .a3c1-img{height:393px;}
    .wzc1-img{width:180px;height:125px;}
    .top2{position:fixed;left:0;right:0;top:0;background:#fff;}
    .top2b{}
    .case-b3-img{height:560px;}
    .case-b5-img{height:128px;}
    .top{height:90px;}
    .logo{height:60px;}
}
@media screen and (max-width:768px) {
    .all{min-width:480px;}
    .top3{z-index:100;box-shadow:0 1px 2px rgba(0,0,0,.05);}
    .top4{top:58px;display:none;}
    .snav .navc{padding:15px 0;border-bottom:1px solid #eaeaea;}
    .snav .navca::before{content:"\e602";font-family:layui-icon;float:right;opacity:.5;}
    .top{height:60px;}
    .lang-btn{width:38px;line-height:36px;margin-top:0;}
    .top44c{width:110px;}
    .bot2-ewm-box{justify-content:center;}
    .s22b{width:85%;min-width:420px;}
    .s2c-inner{padding:0 15px 15px;}
    .s32,.fw-box,.a22,.a32,.ct1,.wzlp1,.in2,.in3{width:85%;min-width:420px;padding:0 10px;}
    .wzc1{float:none;margin-right:0;margin-bottom:10px;}
    .wzc2{padding:10px;}
    .case-b3-img{height:52vw;}
    .case-b5-img{height:20vw;}
    .s1c2{font-size:1.2em;width:90%;}
    .s1c21{font-size:1.4em;}
    .s2cb{max-height:10000vh;}
    .m1img{height:40vw;}
}
@media screen and (max-width:575px) {
}