blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} abbr,acronym,fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} q:after,q:before{content:''} .col-c,.col-l{float:left} .col-r,.col_r{float:right} .c{clear:both} em{font-weight:400;font-style:normal} .dn{display:none} .clearfix:after{content:" ";display:block;height:0;visibility:hidden;clear:both} body{color:#333;font-size:14px;line-height:1.5;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";padding-top:80px} a{color:#333;text-decoration:none} a:hover{color:#ea0017} img,video{max-width:100%} input,select,textarea{font-size:16px;color:#333;outline:0;border:none} input:active,input:focus,textarea:focus{border:none} select::-ms-expand{display:none} input[type=button],input[type=reset],input[type=submit],option,select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} img{object-fit:cover} .ani,a,img{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} *{font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0} .unselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} .wp{max-width:1200px;margin:0 auto;width:100%} .wp2{width:94%;max-width:1500px;margin:0 auto} .header{background-color:#fff;height:80px;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 0 20px 0 rgba(0,0,0,.1)} .header .wp{max-width:1620px} .logo{float:left;height:40px;overflow:hidden;position:relative;top:20px} .logo img{display:block;height:100%;width:auto} .hd-r{float:right} .nav{float:left} .nav-item{float:left;position:relative} .nav-tit{height:80px;line-height:80px;padding:0 25px} /* .product-n2{min-width: 1600px;} */ .nav-tit a{display:block;font-size:16px;color:#333;} .nav-item:hover .nav-tit a,.nav-item.active .nav-tit a{color:#ea0017} .nav-child2{opacity:0;pointer-events:none;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding-top:12px;min-width:260px} .nav-child2-con{background-color:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.15);border-radius:5px} .nav-c2-item{height:51px;line-height:50px;position:relative;padding:0 18px 0 22px} .nav-c2-tit{border-bottom:1px solid #f2f2f2;width:100%;font-size:0} .nav-c2-item:last-child .nav-c2-tit{border-bottom:none} .nav-c2-tit a{display:inline-block;vertical-align:middle;line-height:40px;width:100%;white-space:nowrap;color:#333;font-size:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .nav-c2-item:hover .nav-c2-tit a,.nav-c2-item.active .nav-c2-tit a{color:#ea0017} .nav-c2-tit.hasChild a{background:url(../images/r.png) right 14px center/6px auto no-repeat} .nav-c2-item:hover .nav-c2-tit.hasChild a{background-image:url(../images/r-on.png)} .nav-child3{opacity:0;pointer-events:none;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;position:absolute;left:100%;top:0;padding-left:5px} .nav-child3-con{min-width:260px;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.15);border-radius:5px;padding:0 16px 0 22px} .nav-c3-tit{border-bottom:1px dashed #f2f2f2} .nav-c3-tit:last-child{border-bottom:none} .nav-c3-tit a{color:#666;font-size:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .nav-c3-tit a:hover{color:#ea0017} .nav-c2-item:hover .nav-child3,.nav-item:hover .nav-child2{opacity:1;pointer-events:auto} .search-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999} .search-mask{display:block;width:100%;height:100%} .search-con{position:fixed;top:112px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:800px;height:100px;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.15);border-radius:5px} .search-box form{display:block;height:55px;width:700px;position:absolute;bottom:26px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border-bottom:1px solid #ea0017} .search-box .inp{position:absolute;width:100%;height:100%;top:0;left:0;background:0 0;border:none;font-size:14px;font-weight:700;color:#666;padding-right:60px;z-index:1} .search-box .sub{position:absolute;z-index:2;right:0;top:0;width:55px;height:55px;background:url(../images/search-red.png) center center/18px auto no-repeat;border:none} .lang{float:left;width:100px;height:80px;position:relative} .lang .show{cursor:pointer;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:0;padding-right:14px;white-space:nowrap;background:url(../images/lang-d.png) right center/7px auto no-repeat} .lang .show i{display:inline-block;vertical-align:middle;width:18px;height:18px;margin-right:4px;background:url(../images/lang.png) center center/contain no-repeat} .lang:hover .show i{background-image:url(../images/lang-red.png)} .lang .show em{display:inline-block;vertical-align:middle;font-size:16px;color:#333} .lang .list{opacity:0;pointer-events:none;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding-top:12px} .lang:hover .list{opacity:1;pointer-events:auto} .lang .list .con{background-color:#fff;padding:0 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 10px 25px 0 rgba(0,0,0,.15)} .lang .list .con a{width:80px;display:block;font-size:14px;color:#333;padding:15px 0;text-align:center;white-space:nowrap;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .lang .list .con a:hover{color:#ea0017} .lang .list .con a+a{border-top:1px solid #f2f2f2} .search{float:left;width:100px;height:80px;position:relative} .search i{display:block;height:100%;background:url(../images/search.png) center center/18px auto no-repeat;cursor:pointer} .search i:hover{background-image:url(../images/search-red.png)} .user{float:left;width:100px;height:80px} .user a{display:block;height:100%;background:url(../images/user.png) center center/18px auto no-repeat} .user a:hover{background-image:url(../images/user-red.png)} .footer{background-color:#ececec} .fd-top{position:relative;overflow:hidden;padding:40px 0 70px;border-bottom:1px solid #999} .fd-l{float:left;width:280px;margin-right:70px} .fd-logo{height:40px;overflow:hidden;margin-bottom:43px} .fd-logo img{display:block;height:100%;width:auto} .fd-l-s{overflow:hidden;font-size:14px;line-height:25px} .fd-l-s.address,.fd-l-s.tel{margin-bottom:27px} .fd-l-s .label dt{font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";font-size:18px;font-weight:700;color:#333;margin-bottom:25px} .fd-l-s .label{color:#1e1e1e;text-transform:uppercase;margin-right:5px} .fd-l-s .value{color:#666} .fd-l-s .title1 dt{font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";font-size:18px;font-weight:700;color:#333;margin-bottom:25px} .fd-r{overflow:hidden;font-size:0;text-align:justify;position:relative;top:-3px;display: -webkit-flex;display: flex;justify-content: space-between;} /* .fd-r:after{content:'';display:inline-block;width:100%} */ /* .fd-r-s{font-size:14px;display:inline-block;vertical-align:top;} */ .fd-r-s{font-size:14px;flex-shrink: 0;} .fd-r-s dt{font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";font-size:18px;font-weight:700;color:#333;margin-bottom:25px} .fd-r-s dd a{font-size:14px;color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .fd-r-s dd a:hover{color:#ea0017} .fd-r-s dd+dd{margin-top:12px} .copyright{text-align:center;text-transform:uppercase;color:#333;font-size:14px;padding:15px 0} .share{position:absolute;bottom:10px;right:0} .share a{margin:0!important;padding:0!important;width:30px!important;height:30px!important;display:inline-block} .share a+a{margin-left:15px!important} .bd_weixin_popup{height:auto!important} .share .bds_weixin{background:url(../images/wx.png) center center/contain no-repeat!important} .share .bds_tsina{background:url(../images/wb.png) center center/contain no-repeat!important} .share .bds_mail{background:url(../images/email.png) center center/contain no-repeat!important} .share .bds_video{background:url(../images/video.png) center center/contain no-repeat!important} .share .bds_toutiao{background:url(../images/toutiao.png) center center/contain no-repeat!important} .bds_weixin{position:relative} .bds_weixin .qr{pointer-events:none;transition:all .3s;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);opacity:0;width:110px;height:110px} .bds_weixin:hover .qr{opacity:1;pointer-events:auto} .bds_video{position:relative} .bds_video .qr{pointer-events:none;transition:all .3s;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);opacity:0;width:110px;height:110px} .bds_video:hover .qr{opacity:1;pointer-events:auto} .bds_mail{position:relative} .bds_mail .maildiv{display:none; pointer-events:none;transition:all .3s;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);opacity:0;width:160px;height:110px;padding:5px;border:1px solid #963;} .bds_mail:hover .maildiv{display:block;opacity:1;pointer-events:auto;} .sideNav{position:fixed;right:10px;top:55%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:888;background-color:#f2f2f2} .sideNav .s{display:block;height:90px;width:70px;text-align:center;padding-top:20px;font-size:14px;color:#333;cursor:pointer;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .sideNav .tel:hover{background-color:#ea0017;color:#fff} .sideNav .tel:hover .icon{background-image:url(../images/sn2-on.png)!important} .sideNav .tel:hover .telNum{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1} .telNum{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;right:100%;top:0;height:100%;width:130px;padding:20px;color:#fff;font-size:18px;background-color:#ea0017;text-align:left} .sideNav .qq:hover{background-color:#ea0017;color:#fff} .sideNav .qq:hover .icon{background-image:url(../images/sn1-1.png)!important} .sideNav .qq:hover .qqLink{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1} .qqLink{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;right:100%;top:0;padding-right: 8px;color:#fff;font-size:18px;text-align:left} .qqLink .box{background-color:#ea0017;} .qqLink a{display: block;font-size: 14px;line-height: 55px;text-align: center;color: #fff;padding: 0 20px;width: 125px;position: relative;} .qqLink a::after{content: "";position: absolute;left: 50%;bottom: 0;width: 90px;height: 1px;background-color:rgba(255,255,255,0.4);margin-left: -45px;} .qqLink a:last-child::after{display: none;} .sideNav .icon{width:30px;height:30px;background:center center/contain no-repeat;margin:0 auto} .sideNav .s+.s{border-top:1px solid #dcdcdc} .sideNav .s.qr:hover .qrPic{pointer-events:all;opacity:1} .qrPic{position:absolute;right:calc(100% + 10px);top:0;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;pointer-events:none} .qrPic .con{width:110px;height:110px;text-align:center;line-height:110px;background-color:#fff;overflow:hidden;font-size:0} .qrPic .con img{display:inline-block;vertical-align:middle} .m-pop{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%} .pop-mask{display:block;width:100%;height:100%;background:rgba(0,0,0,.6)} .pop-warp{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:850px;width:80%;padding:40px;background-color:#fff} .pop-con{height:650px;padding:0 40px;width:100%;margin:0 auto;overflow-y:auto} .pop-close{width:45px;height:45px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;position:absolute;right:-20px;top:-20px;z-index:20;background:url(../images/close.png) center center/12px auto no-repeat #ea0017} .freeTrial .pic{height:210px;text-align:center;font-size:0;margin-bottom:30px} .freeTrial .pic img{display:inline-block} .freeTrial .info{text-align:center;padding-bottom:25px;border-bottom:1px solid #eee} .freeTrial .info h3{margin-bottom:15px;color:#1e1e1e;font-size:18px} .freeTrial .info p{font-size:18px;color:#666} .freeTrial form{margin-top:40px} .freeTrial form .row{overflow:hidden;margin-bottom:25px} .freeTrial form .row input{width:300px;height:40px;background:#f2f2f2;border-radius:2px;float:left;border:none;font-size:14px;padding-left:20px} .freeTrial form .row input:last-child{float:right} .freeTrial form .tips{font-size:14px;color:#aaa} .freeTrial .sub{display:block;margin:50px auto 0;width:166px;height:50px;background:#ea0017;border-radius:25px;border:none;font-size:14px;color:#fff} .swi-ban{position:relative;overflow:hidden} .ban-item{position:relative} .ban-item img{display:block;width:100%} .ban-txt{position:absolute;top:21.3%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);max-width:1200px;width:100%;} .ban-txt.center{text-align: center;} .ban-txt.center .g-more{margin-left: auto;margin-right: auto;} .ban-txt.right {text-align: right;overflow: hidden;} .ban-txt.right .g-more{float: right;} .ban-txt h4{font-size:30px;color:#333;font-weight:400} .ban-txt h3{color:#1e1e1e;font-size:50px;margin:9px 0 26px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";} .ban-txt p{font-size:30px;color:#000;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";} .ban-txt .g-more{margin-top:66px} .banner .swiper-pagination{bottom:30px!important} .banner .swiper-pagination-bullet{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:12px;height:12px;background-color:#666;opacity:1;margin:0 7px!important;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{height:24px;background-color:#ea0017} .g-more{display:block;width:190px;height:50px;border:2px solid #fff;border-radius:25px;position:relative;line-height:46px;overflow:hidden;text-align:center} .g-more.red{border-color:#ea0017} .g-more.gray{background-color:#eee;border-color:#eee} .g-more:after{content:'';width:0;height:100%;background-color:#ea0017;position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .g-more:hover{border-color:#ea0017} .g-more:hover:after{width:100%} .g-more em{font-size:14px;color:#fff;position:relative;z-index:2;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .g-more.red em{color:#ea0017;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .g-more.red:hover em{color:#fff} .g-more.gray em{color:#aaa} .g-more.gray:hover em{color:#fff} .g-more .icon{position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:0;z-index:2} .g-more .icon b{display:inline-block;vertical-align:middle;width:1px;height:10px;background-color:#fff} .g-more.red .icon b{background-color:#ea0017} .g-more.red:hover .icon b{background-color:#fff} .g-more.gray .icon b{background-color:#aaa} .g-more.gray:hover .icon b{background-color:#fff} .g-more .icon b:first-child{height:14px} .g-more .icon b:last-child{height:6px} .g-more .icon b+b{margin-left:3px} .g-more:hover .icon b:first-child{height:0;animation:.6s linear forwards fadeIn1;-moz-animation:.6s linear forwards fadeIn1;-webkit-animation:.6s linear forwards fadeIn1;-o-animation:.6s linear forwards fadeIn1} .g-more:hover .icon b:nth-child(2){height:0;animation:.6s linear .3s forwards fadeIn2;-moz-animation:.6s linear .3s forwards fadeIn2;-webkit-animation:.6s linear .3s forwards fadeIn2;-o-animation:.6s linear .3s forwards fadeIn2} .g-more:hover .icon b:last-child{height:0;animation:.6s linear .6s forwards fadeIn3;-moz-animation:.6s linear .6s forwards fadeIn3;-webkit-animation:.6s linear .6s forwards fadeIn3;-o-animation:.6s linear .6s forwards fadeIn3} @keyframes fadeIn1{ from{height:0} to{height:14px} } @-moz-keyframes fadeIn1{ from{height:0} to{height:14px} } @-webkit-keyframes fadeIn1{ from{height:0} to{height:14px} } @-o-keyframes fadeIn1{ from{height:0} to{height:14px} } @keyframes fadeIn2{ from{height:0} to{height:10px} } @-moz-keyframes fadeIn2{ from{height:0} to{height:10px} } @-webkit-keyframes fadeIn2{ from{height:0} to{height:10px} } @-o-keyframes fadeIn2{ from{height:0} to{height:10px} } @keyframes fadeIn3{ from{height:0} to{height:6px} } @-moz-keyframes fadeIn3{ from{height:0} to{height:6px} } @-webkit-keyframes fadeIn3{ from{height:0} to{height:6px} } @-o-keyframes fadeIn3{ from{height:0} to{height:6px} } .idx-row1{background-color:#fff;padding:90px 0 100px;overflow:hidden} .g-titMod h3{color:#1a1a1a;font-size:42px;margin-bottom:20px;font-weight:400;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .titMod-bot{position:relative} .titMod-desc{color:#333;font-size:16px;line-height:30px;max-width:50%} .titMod-right{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .prod-item{padding-top:57.6%;position:relative;overflow:hidden} .prod-item img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1} .prod-item:After{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background:url(../images/mask.png) center center/cover no-repeat;opacity:.4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .prod-item:hover:after{opacity:1} .g-more4.red{border:1px solid #ea0017;color: #ea0017;background-color: transparent;} .g-more4.red:hover{background-color: #ea0017;color: #fff;} .swi-prod{margin-top:42px;overflow: hidden; } .prod-txt{position:absolute;z-index:3;bottom:0;left:0;width:100%;padding-left:40px;padding-bottom:40px;color:#fefefe;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .prod-txt h3{font-size:32px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .prod-txt p{overflow:hidden;font-size:14px;line-height:24px;max-width:665px;height:45px;margin:15px 0 25px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .g-more2{overflow:hidden;color:#fff;font-size:0;display:inline-block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .g-more2 em{font-size:14px;display:inline-block;vertical-align:middle;margin-right:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .g-more2:hover em{color:#ea0017} .g-more2 .icon{display:inline-block;vertical-align:middle;font-size:0} .g-more2 .icon b{display:inline-block;vertical-align:middle;background-color:#ea0017;width:1px;height:0} .g-more2 .icon b+b{margin-left:3px} .g-more2 .icon b:first-child{height:14px} .g-more2 .icon b:nth-child(2){height:10px} .g-more2 .icon b:last-child{height:6px} .g-more2:hover .icon b:first-child{height:0;animation:.6s linear forwards fadeIn1;-moz-animation:.6s linear forwards fadeIn1;-webkit-animation:.6s linear forwards fadeIn1;-o-animation:.6s linear forwards fadeIn1} .g-more2:hover .icon b:nth-child(2){height:0;animation:.6s linear .3s forwards fadeIn2;-moz-animation:.6s linear .3s forwards fadeIn2;-webkit-animation:.6s linear .3s forwards fadeIn2;-o-animation:.6s linear .3s forwards fadeIn2} .g-more2:hover .icon b:last-child{height:0;animation:.6s linear .6s forwards fadeIn3;-moz-animation:.6s linear .6s forwards fadeIn3;-webkit-animation:.6s linear .6s forwards fadeIn3;-o-animation:.6s linear .6s forwards fadeIn3} .swi-btn{font-size:0!important} .swi-btn.white .btn-list,.swi-btn.white .swi-btn-next,.swi-btn.white .swi-btn-prev{background-color:#fff} .btn-list,.swi-btn-next,.swi-btn-prev{display:inline-block;vertical-align:middle;line-height:50px;text-align:center;width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#eee;position:relative;cursor:pointer;overflow:hidden} .btn-list{width:99px;margin:0 9px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px} .btn-list:after{content:'';width:0;height:100%;background-color:#d7000f;position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .btn-list i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:14px;height:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../images/list-icon.png) center center/contain no-repeat} .btn-list:hover:after{width:100%} .btn-list:hover i{background-image:url(../images/list-icon-w.png)} .swi-btn-next:after,.swi-btn-prev:after{content:'';position:absolute;left:0;top:0;height:100%;width:0;z-index:1;background-color:#d7000f;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .swi-btn-next b,.swi-btn-prev b{display:inline-block;vertical-align:middle;width:1px;background-color:#666;position:relative;z-index:2;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .swi-btn-next b+b,.swi-btn-prev b+b{margin-left:3px} .swi-btn-prev b:first-child{height:6px} .swi-btn-prev b:nth-child(2){height:10px} .swi-btn-prev b:last-child{height:14px} .swi-btn-next b:first-child{height:14px} .swi-btn-next b:nth-child(2){height:10px} .swi-btn-next b:last-child{height:6px} .swi-btn-next:hover,.swi-btn-prev:hover{box-shadow:0 5px 15px 0 rgba(0,0,0,.1)} .swi-btn-next:hover b,.swi-btn-prev:hover b{background-color:#fff} .swi-btn-next:hover:after,.swi-btn-prev:hover:after{width:100%} .swi-btn-next:hover b:first-child{height:0;animation:.6s linear forwards fadeIn1;-moz-animation:.6s linear forwards fadeIn1;-webkit-animation:.6s linear forwards fadeIn1;-o-animation:.6s linear forwards fadeIn1} .swi-btn-next:hover b:nth-child(2){height:0;animation:.6s linear .3s forwards fadeIn2;-moz-animation:.6s linear .3s forwards fadeIn2;-webkit-animation:.6s linear .3s forwards fadeIn2;-o-animation:.6s linear .3s forwards fadeIn2} .swi-btn-next:hover b:last-child{height:0;animation:.6s linear .6s forwards fadeIn3;-moz-animation:.6s linear .6s forwards fadeIn3;-webkit-animation:.6s linear .6s forwards fadeIn3;-o-animation:.6s linear .6s forwards fadeIn3} .swi-btn-prev:hover b:first-child{height:0;animation:.6s linear .6s forwards fadeIn3;-moz-animation:.6s linear .6s forwards fadeIn3;-webkit-animation:.6s linear .6s forwards fadeIn3;-o-animation:.6s linear .6s forwards fadeIn3} .swi-btn-prev:hover b:nth-child(2){height:0;animation:.6s linear .3s forwards fadeIn2;-moz-animation:.6s linear .3s forwards fadeIn2;-webkit-animation:.6s linear .3s forwards fadeIn2;-o-animation:.6s linear .3s forwards fadeIn2} .swi-btn-prev:hover b:last-child{height:0;animation:.6s linear forwards fadeIn1;-moz-animation:.6s linear forwards fadeIn1;-webkit-animation:.6s linear forwards fadeIn1;-o-animation:.6s linear forwards fadeIn1} .g-more3{display:block;width:166px;height:50px;border-radius:25px;text-align:center;line-height:48px;border:1px solid #ea0017;font-size:14px;position:relative;overflow:hidden} .g-more3:after{content:'';width:0;height:100%;position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:#ea0017} .g-more3 span{position:relative;z-index:2;color:#ea0017;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .g-more3:hover span{color:#fff} .g-more3:hover:after{width:100%} .idx-row2{padding:50px 0 42px;margin-bottom:100px;background:center center/cover no-repeat} .accordion{overflow:hidden;margin-top:48px} .acc-s{float:left;height:550px;width:200px;overflow:hidden;position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s} .acc-s:after{content:'';background:url(../images/mask.png) center center/cover no-repeat;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2} .acc-s img{position:absolute;left:0;top:0;min-width:100%;min-height:100%;max-width:none;z-index:1} .acc-txt{position:absolute;z-index:3;left:0;width:100%;bottom:45px;color:#fff;padding:0 30px} .acc-txt h3{font-size:32px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .acc-txt p{max-width:450px;font-size:14px;line-height:24px;height:0;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s} .acc-txt .g-more{height:0;overflow:hidden;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s} .acc-s.on{width:calc(100% - 400px)} .acc-s.on .acc-txt .g-more{opacity:1;height:50px} .acc-s.on .acc-txt p{height:48px;margin:10px 0 30px} .idx-row3{padding:107px 0 97px;background:center center/cover no-repeat} .abo-tit{font-weight:400;text-align:center;color:#1e1e1e;font-size:42px;margin-bottom:22px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .abo-desc{font-size:16px;line-height:34px;color:#666;text-align:center;padding:0 70px} .abo .g-more{margin:40px auto 0} .abo-video{margin:70px auto 0;width:524px;position:relative} .abo-video img{display:block;width:100%;height:100%} .abo-video .play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size:14px;color:#ddd;z-index:2} .abo-video .play i{display:block;margin:0 auto;background:url(../images/play.png) center center/contain no-repeat;width:60px;height:60px;cursor:pointer;position:relative} .abo-video .play i:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/play-y.png) center center/contain no-repeat;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s} .abo-video .play:hover i:after{-webkit-transform:rotate(285deg);-moz-transform:rotate(285deg);-ms-transform:rotate(285deg);-o-transform:rotate(285deg);transform:rotate(285deg)} .idx-row4{background-color:#fff;padding:120px 0 88px} .news-l{padding:78px 0 0 0;overflow:hidden} .news-r{float:left;width:calc(100% - 695px);margin-right:85px} .news-l-item{overflow:hidden;background-color:#f8f8f8} .news-l-item+.news-l-item{margin-top:33px} .news-l-item .pic{float:left;width:240px;height:200px;overflow:hidden} .news-l-item .pic img{display:block;width:100%;/*height:100%;*/margin-top:17%;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s} .news-l-item .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} .news-l-item .txt{overflow:hidden;padding:15px 0 15px 25px;font-size:14px;color:#666} .news-l-item .txt h3 a{display:block;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;font-size:20px;line-height:28px;height:56px;margin:10px 0 15px;font-weight:400;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-l-item .txt h3 a:hover{color:#ea0017} .news-l-item .txt .date{padding-left:25px;background:url(../images/date.png) left top 3px/18px auto no-repeat} .news-l-item .txt .pos{margin-top:19px;padding-left:25px;background:url(../images/pos.png) left top 3px/18px auto no-repeat} .news-tit{position:relative;overflow:hidden;line-height:45px;padding-bottom:33px;border-bottom:1px solid #eee} .news-tit h3{overflow:hidden;color:#1a1a1a;font-size:42px;font-weight:400} .news-tit .more{float:right;color:#ccc;font-size:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;line-height: 1;margin-top: 26px;} .news-tit .more:hover{color:#ea0017} .news-r-item{padding:35px 0 23px;border-bottom:1px solid #eee} .news-r-item .date{font-size:14px;color:#999} .news-r-item h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1a1a1a;font-size:20px;margin:19px 0 14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-r-item h3 a:hover{color:#ea0017} .news-r-item p{color:#666;font-size:14px;line-height:25px;height:75px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .swi-news{position:relative;padding-bottom:30px} .swi-news .swiper-pagination{bottom:0;text-align:right} .swi-news .swiper-pagination-bullet{opacity:1;background-color:#ddd;vertical-align:middle;float:none;display:inline-block} .swi-news .swiper-pagination-bullet-active{width:6px;height:6px;background-color:#ea0017;position:relative} .swi-news .swiper-pagination-bullet-active:after{content:'';width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #ea0017;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .idx-row5{padding:49px 0 50px;background-color:#f9f9f9} .comp-tit{text-align:center;color:#1e1e1e;font-size:42px} .comp-btn{text-align:center;font-size:0} .comp-btn .g-more{display:inline-block;vertical-align:middle;margin:0 20px;text-align:center;background-color:#eee;color: #aaa;border-color: #eee;} .comp-btn .g-more:hover{ background-color:#ea0017 ; border-color: #ea0017; } .comp-btn .g-more:hover em{color: #fff;} .comp-btn .g-more em{color:#aaa} .swi-comp{margin:14px 0 30px;padding-bottom:58px;position:relative;overflow:hidden} .swi-comp a{display:block;line-height:45px;text-align:center;font-size:0} .swi-comp a img{display:inline-block;vertical-align:middle} .swi-comp .swiper-slide{margin-top:40px!important} .swi-comp .swiper-pagination-bullet{opacity:1;background-color:#ddd;vertical-align:middle} .swi-comp .swiper-pagination-bullet-active{width:6px;height:6px;background-color:#ea0017;position:relative} .swi-comp .swiper-pagination-bullet-active:after{content:'';width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #ea0017;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .pop-video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#000;max-width:90%;max-height:70%;min-width:50%} .pop-video video{display:block;width:100%;height:100%} .menu{display:none} .tools{float:left} .forMobile,.lang2,.search2,.user2{display:none} .sideNav-close{width:70px;height:30px;background:url(../images/close.png) center center/12px auto no-repeat #ea0017;cursor:pointer} .search-close{position:absolute;top:50%;right:15px;width:30px;height:30px;background:url(../images/close-g.png) center center/15px auto no-repeat;transition:all .3s;cursor:pointer;transform:translateY(-50%);z-index:2} .search-close:hover{background-image:url(../images/close-r.png)} .g-notice{font-size: 14px;color: #999999;line-height: 24px;margin-top: 25px;} @media only screen and (max-width:1620px){ .header .wp{padding-left:25px} .titMod-right{right:30px} .pop-con{height:460px} } @media only screen and (max-width:1300px){ .titMod-right{right:60px} } @media only screen and (max-width:1200px){ .titMod-right{right:0} .ban-txt,.wp{padding:0 20px} .nav-tit{padding:0 15px} } @media only screen and (max-width:1199px){ .news-r{width:100%;float:none;margin-right:0} .sideNav .qr{display:none} .hd-r{position:fixed;top:50px;left:0;width:100%;height:calc(100vh - 50px);overflow-y:auto;background-color:#fff;border-top:1px solid #eee;padding-top:5px;display:none} .header{height:50px} body{padding-top:50px} .logo{height:20px;top:15px;margin-left: 7px} .menu{display:block;position:absolute;right:0;top:0;width:50px;height:50px;background:url(../images/menu.png) center center/20px auto no-repeat;cursor:pointer} .menu.open{background-image:url(../images/close2.png)} .user2{display:block;position:absolute;right:50px;top:0;height:100%;width:40px;background:url(../images/user2.png) center center/16px auto no-repeat;cursor:pointer} .search2{display:block;position:absolute;right:90px;top:0;height:100%;width:40px;background:url(../images/search2.png) center center/16px auto no-repeat;cursor:pointer} .nav{float:none} .nav-item{float:none;width:100%} .nav-tit{height:40px;line-height:40px;padding:0 20px} .nav-tit a{border-bottom:1px dashed #ddd;font-size:12px} .nav-c2-item:hover .nav-c2-tit.hasChild a,.nav-c2-tit.hasChild a{background:0 0} .nav-tit.hasChild a{background:url(../images/nav-arrow.png) right center/17px auto no-repeat} .nav-tit.on.hasChild a{background-image:url(../images/nav-arrow-on.png)} .nav-child2{position:static;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;padding-top:0;box-shadow:none;margin-top:1px;pointer-events:auto;display:none} .nav-c2-item{height:auto;line-height:40px} .nav-c2-tit a{font-size:10px;color:#888;padding-left:13px} .nav-child2-con,.nav-child3-con{box-shadow:none} .nav-child3-con{padding:0} .nav-c3-tit a{font-size:10px;color:#888;padding-left:26px} .nav-child3{opacity:1;position:static;padding-left:0;pointer-events:auto;display:none} .nav-c3-tit,.nav-c3-tit:last-child{border-bottom:1px solid #eee} .lang,.search,.tools,.user{display:none} .lang2{display:block;margin:0 20px;font-size:0;line-height:45px;height:45px} .lang2 i{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(../images/lang.png) center center/contain no-repeat;margin-right:10px} .lang2 a,.lang2 em{font-size:13px;color:#666;display:inline-block;vertical-align:middle} .lang2 em{margin:0 10px} .lang2 a.on{color:#ea0017} .ban-txt{top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .ban-txt h4,.ban-txt p,.news-l-item .txt h3 a,.news-r-item h3 a{font-size:18px} .ban-txt h3{font-size:24px;margin:10px 0 20px} .g-more{border-width:1px;line-height:48px} .news-tit .more,.titMod-desc{font-size:14px} .abo-tit,.acc-txt h3,.comp-tit,.g-titMod h3,.news-tit h3,.prod-txt h3{font-size:24px} .acc-txt{padding:0 20px} .abo-desc{font-size:14px;line-height:24px} .idx-row1,.idx-row2,.idx-row3,.idx-row4,.idx-row5{padding:50px 0} .news-l{float:none;width:100%;margin-right:0;margin-bottom:40px} .news-l-item .txt{padding:15px} .news-tit{padding-bottom:20px} .news-r-item .date{font-size:12px} .fd-l{margin-right:40px} .news-l-item .txt h3 a,.news-r-item p{height:auto} } @media only screen and (max-width:959px){ .bds_weixin .qr{left:0;transform:translateX(0)} .nav.forMobile{display:block} .nav.forMobile .nav-child2-con,.nav.forMobile .nav-child3-con{background:0 0} .nav.forMobile .nav-tit{padding:0} .banner .swiper-pagination{bottom:15px!important} .banner .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px!important} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{height:12px} .g-more{width:160px;height:40px;line-height:38px} .acc-s.on .acc-txt .g-more{height:40px} .acc-s{float:none;width:100%;height:82px} .acc-s.on{width:100%;height:550px} .acc-txt{bottom:20px} .acc-s.on .acc-txt{bottom:45px} .fd-r{display:none} .fd-l{float:none;width:100%;margin-right:0} .share{left:0} .g-more3{height:40px;line-height:38px;display:none} .acc-s:after{background:rgba(0,0,0,.4);opacity:.5} .acc-s.on:after{opacity:1} .search-con{width:calc(100% - 40px);top:60px;height:50px} .search-box form{width:calc(100% - 100px);height:30px;bottom:13px} .search-box .sub{width:30px;height:30px;-webkit-background-size:12px auto;background-size:12px auto} .search-box .inp{font-size:9px} .accordion{display:none} .accordion.forMobile{display:block;margin-top:20px} .acc-txt p{height:auto;font-size:9px;line-height:12px} .acc-txt .g-more{height:25px;opacity:1;margin-top:10px} .swi-acc{position:relative;padding:0 20px} .acc-item{position:relative} .acc-item:after{content:'';background:url(../images/mask.png) center center/cover no-repeat;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2} .swi-acc .swi-btn-next,.swi-acc .swi-btn-prev{display:block;position:absolute;top:50%;z-index:20;right:8px;margin:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .swi-acc .swi-btn-prev{left:8px;right:auto} .g-more3.forMobile{display:block;margin:25px auto 0;width:83px;height:25px;line-height:23px;font-size:0;color:#fff;border: 1px solid #ea0017;} .g-more3 span{font-size:8px;display:inline-block;vertical-align:middle;color:#ea0017} } @media only screen and (max-width:767px){ .titMod-right{position:static;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);margin-top:20px} .titMod-bot .g-more4{display:none} .swi-btn{text-align:center;display:none} .prod-txt{padding:10px 10px 1px} .prod-txt p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .g-more3{margin:0 auto} .acc-s.on{height:350px} .acc-s.on .acc-txt{bottom:15px} .abo-desc{padding:0} .abo-video img{position:static;display:block} .share a{float:none!important;display:inline-block;vertical-align:middle} .share{text-align:left;left:20px;bottom:14px} .lang,.search,.user{width:80px;height:80px} .swi-comp{margin-bottom:20px} .pop-video{min-width:80%} .banner{display:none} .banner.forMobile{display:block} .ban-item{padding-top:100%;position:relative;overflow:hidden} .ban-item img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1} .ban-txt{z-index:2;top:34.4%} .ban-txt h4,.ban-txt p{font-size:12px} .ban-txt h3{font-size:20px;margin:1px 0 12px} .ban-txt .g-more{margin-top:27px} .g-more{width:95px;height:25px;line-height:23px;padding-left:20px;font-size:0} .g-more em{font-size:8px;display:inline-block;vertical-align:middle} .g-more .icon{right:15px} .g-more .icon b:first-child{height:7px} .g-more .icon b{height:5px;width:1px} .g-more .icon b:last-child{height:3px} .g-more .icon b+b,.swi-btn-next b+b,.swi-btn-prev b+b{margin-left:1px} .abo-tit,.acc-txt h3,.comp-tit,.g-titMod h3,.news-tit h3,.prod-txt h3{font-size:18px} .titMod-desc{font-size:9px;line-height:15px;text-align:center;max-width:220px;margin:0 auto} .prod-item:hover .prod-txt p,.prod-txt p{height:auto;line-height:12px;font-size:9px;margin:5px 0 8px} .g-more2{opacity:1;height:auto} .prod-txt h3{font-size:14px} .g-more2 em{font-size:8px} .prod-item:After{opacity:1} .swi-btn.forMobile{display:block;margin:25px auto 0} .btn-list,.swi-btn-next,.swi-btn-prev{width:25px;height:25px;line-height:25px;font-size:0} .btn-list{width:50px} .swi-btn-prev b:first-child{height:3px} .swi-btn-prev b:nth-child(2){height:5px} .swi-btn-prev b:last-child{height:7px} .swi-btn-next b:first-child{height:7px} .swi-btn-next b:nth-child(2){height:5px} .swi-btn-next b:last-child{height:3px} .g-more2 .icon b:first-child{height:7px} .g-more2 .icon b:nth-child(2){height:5px} .g-more2 .icon b:last-child{height:3px} .g-more2 .icon b+b{margin-left:1px} .btn-list i{width:7px;height:7px} .abo-desc{font-size:9px;line-height:17px} .abo .g-more{margin-top:25px} .abo-video .play{font-size:9px} .abo-video .play i{width:30px;height:30px} .abo-video{margin-top:40px;width:235px;height:auto} .news-l-item .pic{width:132px;height:132px} .news-l-item .txt{font-size:9px} .news-l-item .txt span{font-size:8px} .news-l-item .txt h3 a{font-size:12px;line-height:15px;margin-bottom:15px} .news-l-item .txt .date,.news-l-item .txt .pos{padding-left:14px;-webkit-background-size:8px auto;background-size:8px auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .news-l-item .txt .pos{margin-top:10px} .news-tit .more{font-size:10px} .news-r-item .date{font-size:8px} .news-r-item p{font-size:9px;line-height:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .swi-news .swiper-pagination{text-align:center} .comp-btn .g-more+.g-more{margin-top:0} .comp-btn .g-more{padding-left:15px;margin:0 10px} .fd-logo{height:20px;margin-bottom:0;float:left;margin-right:40px} .fd-info{overflow:hidden} .fd-l-s{font-size:9px;line-height:13px} .fd-l-s.address,.fd-l-s.tel{margin-bottom:0} .fd-l-s .value br{display:none} .share a{width:20px!important;height:20px!important} .share a+a{margin-left:25px!important} .copyright{font-size:8px;padding:15px 0} .g-titMod h3{text-align:center;margin-bottom:5px} .idx-row1,.idx-row2,.idx-row3,.idx-row4,.idx-row5{padding:40px 0} .swi-prod{margin-top:0} .idx-row1{padding-bottom:40px} .idx-row2{padding:24px 0 0;margin-bottom:40px} .abo-tit{margin-bottom:12px} .idx-row4{padding-top:20px} .news-l-item+.news-l-item{margin-top:20px} .news-l{padding:0;margin-bottom:28px} .news-l-item .pic img{margin-top:27%} .news-tit{padding-bottom:7px} .news-r-item{padding:18px 0 20px} .news-r-item h3 a{font-size:12px;margin:9px 0 8px} .swi-comp{margin-top:0;padding-bottom:30px} .swi-comp .swiper-slide{margin-top:16px!important} .fd-top{padding:30px 0 53px} .nav-c2-tit,.nav-c3-tit,.nav-c3-tit:last-child{border-bottom:1px dashed #ddd} @keyframes fadeIn1{ from{height:0} to{height:7px} } @-moz-keyframes fadeIn1{ from{height:0} to{height:7px} } @-webkit-keyframes fadeIn1{ from{height:0} to{height:7px} } @-o-keyframes fadeIn1{ from{height:0} to{height:7px} } @keyframes fadeIn2{ from{height:0} to{height:5px} } @-moz-keyframes fadeIn2{ from{height:0} to{height:5px} } @-webkit-keyframes fadeIn2{ from{height:0} to{height:5px} } @-o-keyframes fadeIn2{ from{height:0} to{height:5px} } @keyframes fadeIn3{ from{height:0} to{height:3px} } @-moz-keyframes fadeIn3{ from{height:0} to{height:3px} } @-webkit-keyframes fadeIn3{ from{height:0} to{height:3px} } @-o-keyframes fadeIn3{ from{height:0} to{height:3px} } .swi-comp .swiper-pagination{bottom:0!important} } .index-part1{padding:95px 0 100px;overflow:hidden;position:relative} .index-part1 .btn{position:absolute;right:360px;top:170px} .index-part1 .btn a{display:inline-block;vertical-align:middle;width:50px;height:50px;border-radius:50px;margin-left:10px;background-color:#eee;background-repeat:no-repeat;background-position:center} .index-part1 .btn a:hover{background-color:#d7000f} .index-part1 .btn a.more{width:100px;background-image:url(../images/i-ico2.png)} .index-part1 .btn a.more:hover{background-image:url(../images/i-ico5.png)} .index-part1 .btn a.prev{background-image:url(../images/i-prev1.png)} .index-part1 .btn a.prev:hover{background-image:url(../images/i-prev2.png)} .index-part1 .btn a.next{background-image:url(../images/i-next1.png)} .index-part1 .btn a.next:hover{background-image:url(../images/i-next2.png)} .index-part1 .wrap{width:1560px;float:right} .g-tit1{margin-bottom:40px} .g-tit1 h3{font-size:42px;color:#1a1a1a;line-height:52px;margin-bottom:22px;font-weight:400} .g-tit1 p{font-size:18px;color:#333;line-height:30px} .g-tit1 .g-more4{float:right;margin-top:85px} .g-more4{display:block;margin:0 auto;width:168px;line-height:52px;text-align:center;background-color:#eee;color:#aaa;font-size:14px;border-radius:52px} .g-more4.disabled{color:#aaa;background-color:#eee} .g-more4.margin{margin:50px auto} .g-more4:hover{background-color:#d7000f;color:#fff;} .slick-index1 .item a{display:block;position:relative;margin-right:50px} .slick-index1 .item a::after{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/a-bg6.png) center bottom no-repeat;content:"";-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .slick-index1 .item a:hover::after{opacity:1} .slick-index1 .item a img{display:block;width:100%} .slick-index1 .item a .txt{position:absolute;left:0;bottom:-80px;width:100%;padding:0 200px 0 46px;color:#fff;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index:1} .slick-index1 .item a .txt h3{font-size:32px;line-height:42px;margin-bottom:10px} .slick-index1 .item a .txt p{font-size:14px;line-height:24px;margin-bottom:20px;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .slick-index1 .item a .txt span{font-size:14px;line-height:24px;padding-right:20px;display:inline-block;background:url(../images/i-ico4.png) center right no-repeat;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .slick-index1 .item a:hover .txt{bottom:10px} .slick-index1 .item a:hover .txt p,.slick-index1 .item a:hover .txt span{opacity:1} .index-part2{background:url(../images/a-bg7.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:50px 0 42px;margin-bottom:100px} .index-part2 ul{overflow:hidden} .index-part2 ul li{float:left;width:200px;overflow:hidden;position:relative;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .index-part2 ul li.active{width:800px} .index-part2 ul li img{display:block;width:800px;max-width:800px} .index-part2 ul li .txt{position:absolute;left:0;bottom:-120px;width:100%;padding:0 46px;color:#fff;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index:1} .index-part2 ul li .txt h3{font-size:32px;line-height:42px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .index-part2 ul li .txt p{font-size:14px;line-height:24px;margin-bottom:20px;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;height:48px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .index-part2 ul li .txt a{font-size:14px;line-height:46px;padding-right:20px;display:inline-block;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;border:2px solid #fff;background-color:transparent;width:0;border-radius:50px;text-align:center;color:#fff;height:50px;overflow:hidden} .index-part2 ul li .txt a:hover{background-color:#d7000f;border-color:#d7000f} .index-part2 ul li.active .txt,.index-part2 ul li:hover .txt{bottom:40px;width:60%} .index-part2 ul li.active .txt a,.index-part2 ul li.active .txt p,.index-part2 ul li:hover .txt a,.index-part2 ul li:hover .txt p{opacity:1} .index-part2 ul li.active .txt a,.index-part2 ul li:hover .txt a{width:190px} .g-tit1.other{text-align:center} .g-tit1.other .g-more4{float:none;margin:42px auto 0;display:block} .index-part3{padding:110px 0 80px;background:url(../images/a-bg8.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .index-part3 .g-tit1 p{color:#666} .m-video{margin:0 auto;width:526px;position:relative} .m-video .ico{position:absolute;left:50%;top:50%;width:110px;margin-left:-55px;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);font-size:14px;color:#fff;line-height:34px;padding-top:60px;background:url(../images/i-play1.png) center top no-repeat;text-align:center;font-style:normal;cursor:pointer;z-index:1} .index-part4{padding:100px 0;overflow:hidden} .index-part4 .col-l{width:42%} .index-part4 .col-r{width:51.2%} .g-tit2{overflow:hidden;padding-bottom:30px;border-bottom:1px solid #eee} .g-tit2 h3{float:left;font-size:42px;color:#1a1a1a;line-height:52px} .g-tit2 a{float:right;font-size:16px;color:#ccc;line-height:52px} .g-tit2 a:hover{color:#d7000f} .index-list1 li{padding:35px 0 20px;border-bottom:1px solid #eee} .index-list1 li span{font-size:14px;color:#999;line-height:24px;display:block;margin-bottom:18px} .index-list1 li .tit{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;color:#1a1a1a;line-height:30px;margin-bottom:15px} .index-list1 li .tit:hover{color:#d7000f} .index-list1 li p{font-size:14px;color:#666;line-height:24px} .index-list2 li{overflow:hidden;margin-bottom:30px;background-color:#f8f8f8} .index-list2 li .img{display:block;margin-right:25px;width:240px;float:left;overflow:hidden} .index-list2 li .img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)} .index-list2 li .img img{display:block;width:100%} .index-list2 li .txt{overflow:hidden;padding-top:25px} .index-list2 li .txt span{font-size:14px;color:#666;line-height:24px;display:block;margin-bottom:10px} .index-list2 li .txt h3 a{display:block;font-size:20px;color:#1a1a1a;line-height:30px;margin-bottom:30px;height:60px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .index-list2 li .txt h3 a:hover{color:#d7000f} .index-list2 li .txt p{background-repeat:no-repeat;background-position:0 center;padding-left:25px;font-size:14px;color:#666;line-height:24px;margin-bottom:18px} .index-list2 li .txt p.a1{background-image:url(../images/i-ico1.png)} .index-list2 li .txt p.a2{background-image:url(../images/i-ico3.png)} .index-part5{background-color:#f9f9f9;padding:55px 0} .slick-index2{padding-bottom:110px} .slick-index2 a{display:block;height:80px;line-height:77px;text-align:center} .slick-index2 a img{display:inline-block;vertical-align:middle;max-width:70%;max-height:70%} .slick-index2 .slick-dots{bottom:78px;position:absolute;left:0;width:100%;text-align:center;z-index:99} .slick-index2 .slick-dots li{margin:0 2px;border:1px solid transparent;padding:2px;border-radius:12px;width:auto;height:auto} .slick-index2 .slick-dots li button{display:block;width:8px;height:8px;padding:0;border-radius:50%;background-color:#ddd;margin:0} .slick-index2 .slick-dots li.slick-active{border-color:#ea0017} .slick-index2 .slick-dots li.slick-active button{background-color:#ea0017} .m-shengming{width:100%;max-width:900px;margin:85px auto} .m-shengming .tit{text-align:center;border-bottom:1px solid #eee;padding-bottom:45px;margin-bottom:45px} .m-shengming .tit h1{font-size:38px;color:#1e1e1e;line-height:48px;margin-bottom:20px;font-weight:400} .m-shengming .tit span{display:inline-block;padding-left:18px;font-size:14px;color:#999;line-height:24px;background:url(../images/time1.png) left center no-repeat} .m-shengming .con{font-size:14px;color:#666;line-height:32px} .m-shengming .con h3{font-size:18px;color:#1e1e1e;line-height:28px;margin-bottom:5px} .m-shengming .con p{margin-bottom:26px} .m-contact{padding:95px 0} .m-contact .contact li{margin-bottom:60px;background-color:#f8f8f8;overflow:hidden} .m-contact .contact li:nth-child(2n+1) .img{float:right} .m-contact .contact li:nth-child(2n+1) .txt{float:left} .m-contact .contact li .img{float:left;width:50%} .m-contact .contact li .img .map{height:400px;width:100%} .m-contact .contact li .img img{display:block;width:100%} .m-contact .contact li .txt{float:left;width:50%;padding-left:70px;padding-top:55px;padding-right:30px} .m-contact .contact li .txt h3{font-size:24px;color:#1e1e1e;line-height:34px;margin-bottom:33px} .m-contact .contact li .txt p{font-size:16px;color:#666;line-height:26px;margin-bottom:25px} .m-contact .contact li .txt p span{color:#1e1e1e;background-repeat:no-repeat;background-position:0 center;float:left;padding-left:40px;margin-right:15px} .m-contact .contact li .txt p span.a1{background-image:url(../images/map-ico1.png)} .m-contact .contact li .txt p span.a2{background-image:url(../images/map-ico2.png)} .m-contact .contact li .txt p span.a3{background-image:url(../images/map-ico3.png)} .m-contact .contact li .txt p span.a4{background-image:url(../images/map-ico4.png)} .m-contact .contact li .txt p span.a5{background-image:url(../images/map-ico5.png)} .m-contact .contact li .txt p em{display:block;overflow:hidden} .g-tit3{text-align:center;margin-bottom:50px} .g-tit3 span{font-size:20px;color:#666;line-height:30px;text-transform:uppercase} .g-tit3 h3{font-size:40px;color:#1e1e1e;line-height:50px;padding:5px 0 20px;position:relative;text-align:center} .g-tit3 h3::after{width:200px;height:4px;content:"";position:absolute;left:50%;bottom:0;background-color:#ea0017;margin-left:-100px} .m-search{background-color:#f6f6f6} .m-form{width:800px;margin:0 auto;background-color:#fff;overflow:hidden} .m-form .form{overflow:hidden;position:relative;margin:28px 45px} .m-form .form .inp{display:block;width:100%;border:none;border-bottom:1px solid #e5e5e5;height:56px;line-height:56px;padding:0 50px 0 10px} .m-form .form .sub{width:50px;height:56px;background:url(../images/so2.png) center no-repeat;position:absolute;right:0;bottom:0;text-indent:-9999px} .m-result{color:#999;text-align:center;margin-top:25px;line-height:24px} .pro-list1{overflow:hidden;padding-bottom:40px} .pro-list1 li{float:left;width:33.33%;margin-bottom:40px} .pro-list1 li .item{display:block} .pro-list1 li .item:hover p{color:#ea0017} .pro-list1 li .item:hover img{-ms-transform:scale(.92);-moz-transform:scale(.92);-webkit-transform:scale(.92);-o-transform:scale(.92);transform:scale(.92)} .pro-list1 li .item .img{text-align:center;height:215px;line-height:212px} .pro-list1 li .item .img img{display:inline-block;vertical-align:middle;max-width:70%;max-height:70%} .pro-list1 li .item p{text-align:center;font-size:16px;color:#1e1e1e;line-height:28px;position:relative;padding-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pro-list1 li .item p::after{content:"";position:absolute;left:50%;top:0;width:20px;height:2px;background-color:#ea0017;margin-left:-10px} .abo-video.other{width:100%} .bg-grey,.pro-grey{background-color:#f6f6f6;padding-bottom:1px} .pro-tab1{text-align:center;padding:20px 0;} .pro-tab1.other{border-bottom:1px solid #eee} .pro-tab1.other li a{margin:0 15px;background-color:#eee;color:#aaa} .pro-tab1 li{display:inline-block;vertical-align:middle} .pro-tab1 li:last-child a::after{display:none} .pro-tab1 li a{display:block;font-size:14px;color:#1e1e1e;line-height:40px;padding:0 20px;position:relative;border-radius:40px;text-align:center} .pro-tab1 li a:hover{color:#fff;background-color:#ea0017} .pro-tab1 li a::after{content:"";position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#dcdcdc} .pro-tab1 li.active a{color:#fff;background-color:#ea0017} .pro-tab1 li.active a::after{display:none} .g-tit5{padding:30px 0 25px;border-bottom:1px solid #e5e5e5} .g-tit5 h3{text-align:center;font-size:20px;color:#1e1e1e;line-height:38px} .pro-tab2{text-align:left;border-bottom:1px solid #e5e5e5} .pro-tab2 li{display:inline-block;position:relative} .pro-tab2 li::after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background-color:#ccc} .pro-tab2 li.active a{color:#ea0017;border-color:#ea0017} .pro-tab2 li:last-child::after{display:none} .pro-tab2 li a{display:block;margin:0 50px;border-bottom:2px solid transparent;padding:13px 0;font-size:16px;color:#aaa;line-height:28px;font-weight: bold;} .pro-tab2 li a:hover{color:#ea0017;border-color:#ea0017} .pro-detail1{padding:75px 0;background:url(../images/a-bg9.jpg) center top no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} .pro-detail1 .tit{padding-bottom:20px;margin-bottom:30px;position:relative;text-align:center;font-size:40px;color:#1e1e1e;line-height:50px} .pro-detail1 .tit::after{content:"";position:absolute;left:50%;bottom:0;width:50px;height:4px;background-color:#ea0017;margin-left:-25px} .pro-detail1 .txt{padding:40px 95px;background-color:#fff;-moz-box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);font-size:16px;color:#1e1e1e;line-height:26px;text-align:center} .slick-img1{padding-bottom:110px} .slick-img1 .item img{display:block;margin:0 auto;max-height: 400px;} .slick-img1 .slick-dots{bottom:60px;position:absolute;left:0;width:100%;text-align:center;z-index:99} .slick-img1 .slick-dots li{margin:0 2px;border:1px solid transparent;padding:2px;border-radius:12px;width:auto;height:auto} .slick-img1 .slick-dots li button{display:block;width:8px;height:8px;padding:0;border-radius:50%;background-color:#ddd;margin:0} .slick-img1 .slick-dots li.slick-active{border-color:#ea0017} .slick-img1 .slick-dots li.slick-active button{background-color:#ea0017} .pro-table1{margin:0px 0 50px;overflow:auto;height: 850px;padding-bottom: 20px;} .pro-table1::-webkit-scrollbar{background-color:#eee;height:10px;width: 10px;} .pro-table1::-webkit-scrollbar-thumb{background-color:#ea0017} .pro-table1 table{max-width:1800px;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;position:relative;} .pro-table1.other table tr:first td{min-width: 200px;} .pro-table1 tr:first-child td{padding-left: 0;} .pro-table1 tr td:first-child { color: #1e1e1e; background-color: #f8f8f8; text-align: left; position: sticky; left: 0; padding-left: 0; width: 200px; } .pro-table1 tr td:first-child em{padding-left:24px;display:block;text-align:left;} .pro-table1 td{font-size:14px;color:#666;line-height:26px;padding:5px 0 5px 80px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;width: 320px;} .pro-table1 td em{font-weight:700} .pro-table1 td .g-more4{margin-top:55px} .pro-table1 td .imgtxt{padding:20px 0} .pro-table1 td .imgtxt img{display:block;margin:0 auto} .pro-table1 td .imgtxt p{text-align:center;font-size:16px;color:#1e1e1e;margin-top:12px} .pro-table1 td .btn{display:block;width:165px;line-height:50px;text-align:center;font-size:14px;color:#888;background-color:#eee;border-radius:50px;margin:0 0 10px} .pro-table1 td .btn:last-child{ margin-bottom: 0; } .pro-table1 td .btn.btn2{margin:0 auto 15px} .pro-table1 td .btn span{padding-left:40px;display:inline-block;background-repeat:no-repeat;background-position:0 center;background-image:url(../images/b-ico11.png)} .pro-table1 td .btn:hover{background-color:#ea0017;color:#fff} .pro-table1 td .btn:hover span{background-image:url(../images/b-ico12.png)} .pro-compare{margin:100px 0;border:1px solid #d2d2d2;padding-bottom:50px} .pro-compare .tit{border-bottom:1px solid #d2d2d2;background-color:#f9f9f9;line-height:48px;text-align:center;font-size:18px;color:#1e1e1e;margin-bottom:30px} .pro-compare .btn{width:120px;line-height:50px;text-align:center;font-size:14px;color:#fff;background-color:#ea0017;border-radius:50px;margin:0 auto;display:block} .list-compare{padding-bottom:20px;overflow:hidden} .list-compare li{margin-bottom:40px;float:left;width:25%} .list-compare li .item label{display:block;cursor:pointer} .list-compare li .item input{display:none} .list-compare li .item input:checked+.ico{border:5px solid rgba(224,5,23,.2)} .list-compare li .item input:checked+.ico::after{background-color:#ea0017} .list-compare li .item .img{height:170px;line-height:167px;text-align:center} .list-compare li .item .img img{display:inline-block;vertical-align:middle;max-height:100%} .list-compare li .item p{text-align:center;font-size:18px;color:#666;line-height:28px;margin:15px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .list-compare li .item .ico{display:block;margin:0 auto;border:5px solid rgba(170,170,170,.2);border-radius:50%;width:20px} .list-compare li .item .ico::after{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#aaa} .pro-detail3{margin:75px 0;font-size:16px;color:#666;line-height:30px} .pro-detail3 h1{font-size:40px;color:#1e1e1e;line-height:50px;text-align:center;font-weight:400;padding-bottom:20px;margin-bottom:80px;position:relative} .pro-detail3 h1::after{content:'';position:absolute;left:50%;bottom:0;width:50px;height:4px;background-color:#ea0017;margin-left:-25px} .pro-detail3 h3{color:#333;font-weight:400} .pro-detail3 p a{color:#ea0017;text-transform:uppercase} .pro-detail3 img{margin:80px auto 60px;display:block} .case-tab1{background-color:#fbfbfb} .case-tab1 ul{overflow:hidden} .case-tab1 ul li{float:left;margin-right:40px} .case-tab1 ul li a{display:block;line-height:70px;font-size:14px;color:#1e1e1e;position:relative} .case-tab1 ul li a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent} .case-tab1 ul li.active a,.case-tab1 ul li:hover a{color:#ea0017} .case-tab1 ul li.active a::after,.case-tab1 ul li:hover a::after{background-color:#ea0017} .ban{position:relative} .ban img{display:block;width:100%} .ban .txt{position:absolute;left:0;top:50%;margin-top:-45px;color:#fff;text-align:center;width:100%;letter-spacing:2px} .ban .txt span{font-size:20px;color:#fff;line-height:30px;display:block;margin-bottom:10px;text-transform:uppercase; } .ban .txt p{font-size:40px;color:#fff;line-height:50px} .pro-grey{padding-top: 1px;} .case-select{margin:80px 0 40px;padding-bottom:30px;border-bottom:1px solid #e5e5e5} .case-select .item{display:inline-block;vertical-align:middle;line-height:50px;font-size:18px;color:#1e1e1e;margin-right:50px} .case-select .item select{border:1px solid #dcdcdc;background-color:#fff;padding:0 40px 0 43px;height:70px;line-height:68px;width:270px;background-repeat:no-repeat;background-position:right 28px center;background-image:url(../images/c-ico1.png)} .case-select .item select option{background-color:#fff;border-bottom:1px dashed #dcdcdc} .case-select .item span{display:inline-block;vertical-align:middle} .g-select{font-size:18px;color:#1e1e1e;position:relative;display:inline-block;z-index:9} .g-select span{border:1px solid #dcdcdc;background-color:#fff;padding:0 40px 0 43px;height:50px;line-height:48px;width:230px;font-size:16px;color:#333;background-repeat:no-repeat;background-position:right 28px center;background-image:url(../images/c-ico1.png);cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .g-select span.active{background-image:url(../images/c-ico2.png)} .g-select ul{position:absolute;left:0;top:100%;width:100%;display:none;background-color:#fff;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;z-index:1} .g-select ul li.active a{color:#ea0017} .g-select ul li a{padding:0 40px 0 43px;background-color:#fff;border-bottom:1px dashed #dcdcdc;display:block;line-height:40px;font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .g-select ul li a:hover{color:#ea0017} .case-list1{padding-bottom:24px;margin:0 -10px} .case-list1 li{float:left;width:33.33%;margin-bottom:46px} .case-list1 li .item{display:block;margin:0 10px;-moz-box-shadow:0 0 5px rgba(0,0,0,.05);-webkit-box-shadow:0 0 5px rgba(0,0,0,.05);box-shadow:0 0 5px rgba(0,0,0,.05)} .case-list1 li .item:hover{-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)} .case-list1 li .item:hover .txt{border-color:#ea0017} .case-list1 li .item:hover .txt p::after{background-image:url(../images/i-next2.png);background-color:#ea0017} .case-list1 li .item .img{position:relative;padding-top:52.85%;overflow:hidden} .case-list1 li .item .img img{position:absolute;left:0;top:0;width:100%;height:100%} .case-list1 li .item .txt{padding:17px 20px;border-bottom:1px solid transparent;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .case-list1 li .item .txt p{font-size:18px;font-weight:bold;color:#1e1e1e;line-height:32px;padding-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;position:relative} .case-list1 li .item .txt p::after{content:'';position:absolute;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;background-position:center;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;right:0;top:0} .case-list1 li .item .txt span{display:block;font-size:14px;color:#666;line-height:24px;height:48px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .m-pages{text-align:center;padding-bottom:100px} .m-pages.other li a.next,.m-pages.other li a.prev{background-color:#f6f6f6} .m-pages li{display:inline-block;vertical-align:middle} .m-pages li a{font-size:14px;color:#1e1e1e;line-height:50px;margin:0 10px;display:block} .m-pages li a.active,.m-pages li a:hover{color:#ea0017} .m-pages li a.next,.m-pages li a.prev{width:50px;height:50px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center} .m-pages li a.next:hover,.m-pages li a.prev:hover{background-color:#ea0017} .m-pages li a.prev{background-image:url(../images/i-prev1.png)} .m-pages li a.prev:hover{background-image:url(../images/i-prev2.png)} .m-pages li a.next{background-image:url(../images/i-next1.png)} .m-pages li a.next:hover{background-image:url(../images/i-next2.png)} .case-detail1{max-width:900px;width:100%;margin:0px auto 100px} .case-detail1 .pro-list1{padding-bottom:0} .case-detail1 .pro-list1 li{margin-bottom:0} .case-detail1 .con{font-size:14px;color:#666;line-height:2;margin:20px 0;border-bottom:1px solid #eee;padding-bottom:20px} .case-detail1 .con h3{text-align:center;font-size:20px;line-height:60px;background-color:#f6f6f6;color:#ea0017;margin-bottom:20px;margin-top:40px;} .case-detail1 .con h4{font-size:18px;color:#1e1e1e;line-height:28px;margin-bottom:8px} .case-detail1 .con p{margin-bottom:20px} .case-detail1 .con img{display:block;margin:0 auto 20px} .tit-line1{font-size:36px;color:#1e1e1e;line-height:46px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";padding-bottom:17px;position:relative;margin-bottom:22px;text-align:center} .tit-line1::after{content:'';position:absolute;left:50%;bottom:0;width:50px;height:2px;background-color:#ea0017;margin-left:-25px} .tit-line2{font-size:24px;color:#1e1e1e;line-height:38px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";padding-bottom:17px;position:relative;margin-bottom:22px;text-align:center} .tit-line2::after{content:'';position:absolute;left:50%;bottom:0;width:50px;height:2px;background-color:#ea0017;margin-left:-25px} .case-detail2{margin-top:75px;font-size:16px;color:#666;line-height:30px} .case-detail2 p{text-align:center;margin-bottom:28px} .case-detail2 .m-video{width:100%;margin-bottom:35px} .case-detail3{padding:75px 0;background-color:#f6f6f6;font-size:14px;color:#666;line-height:30px} .case-detail3 p{margin-bottom:35px} .case-detail3 img{display:block;width:100%;margin-bottom:35px} .case-detail3 .pro-list1{background-color:#fff;margin-bottom:45px;padding-bottom:0} .case-detail3 .pro-list1 li{margin-bottom:0} .case-detail3 .pro-list1 img{margin-bottom:0;width:auto} .case-detail3 .pro-list1 .slick-next,.case-detail3 .pro-list1 .slick-prev{position:absolute;top:50%;margin-top:-25px;overflow:hidden;width:50px;height:50px;font-size:0;line-height:0;z-index:999;background-repeat:no-repeat;background-position:center center;background-color:#eee;border-radius:50%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;text-indent:-9999px} .case-detail3 .pro-list1 .slick-prev{left:20px;background-image:url(../images/i-prev1.png)} .case-detail3 .pro-list1 .slick-prev:hover{background-image:url(../images/i-prev2.png);background-color:#ea0017} .case-detail3 .pro-list1 .slick-next{right:20px;background-image:url(../images/i-next1.png)} .case-detail3 .pro-list1 .slick-next:hover{background-image:url(../images/i-next2.png);background-color:#ea0017} .m-img-txt1{background-color:#fff;overflow:hidden;padding-right:30px} .m-img-txt1 .img{width:387px;float:left;margin-right:45px;overflow:hidden} .m-img-txt1 .img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)} .m-img-txt1 .img img{display:block;width:100%;margin-bottom:0} .m-img-txt1 .txt{overflow:hidden;padding-top:33px;font-size:14px;color:#666;line-height:24px;padding-right:60px;position:relative} .m-img-txt1 .txt::after{content:'';position:absolute;right:0;top:50%;width:1px;height:104px;margin-top:-52px;background-color:#e5e5e5} .m-img-txt1 .txt .tit{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;color:#1e1e1e;line-height:30px;margin-bottom:20px} .m-img-txt1 .txt .tit:hover{color:#ea0017} .m-img-txt1 .txt p{height:72px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .m-img-txt1 .g-more4{margin-top:76px;float:right;margin-left:24px} .case-list3{padding:85px 0 20px;margin:0 -9px} .case-list3 li{float:left;width:33.33%} .case-list3 li .item{margin:0 9px 40px;display:block;background-color:#fff;-moz-box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);overflow: hidden;padding-bottom: 10px;position: relative;} .case-list3 li .item .img{position:relative;padding-top:66.67%;overflow:hidden} .case-list3 li .item .img img{position:absolute;left:0;top:0;width:100%;height:100%} .case-list3 li .item p{line-height:26px;padding:10px 10px 0 30px;font-size:16px;color:#1e1e1e;position:relative;height: 62px;display: -webkit-box;display: box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .case-list3 li .item::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#ea0017;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .case-list3 li .item:hover{-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)} .case-list3 li .item:hover::after{width:100%} .h100{height:100px} .resource-center{margin-top:80px;border-top:1px solid #e5e5e5} .resource-center .col-l{width:22.83%} .resource-center .col-r{width:73.33%} .help-tab1{text-align:center;margin-top:-40px;position:relative;z-index:1;margin-bottom:80px} .help-tab1.other{margin:-40px -10px 0} .help-tab1.other li{float:left;width:33.33%;margin:0} .help-tab1.other li a{margin:0 10px;display:block} .help-tab1 li{display:inline-block;width:386px} .help-tab1 li a{display:block;padding:32px 0 22px;text-align:center;font-size:16px;color:#1e1e1e;position:relative;border-radius:10px;background-color:#fff;-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);margin:0 10px} .help-tab1 li a::after{content:'';position:absolute;left:50%;bottom:0;width:68px;height:2px;background-color:transparent;margin-left:-34px} .help-tab1 li a span{padding-top:40px;background-repeat:no-repeat;background-position:center top;line-height:26px;display:block} .help-tab1 li a span.ico1{background-image:url(../images/r-ico8.png)} .help-tab1 li a span.ico2{background-image:url(../images/r-ico7.png)} .help-tab1 li a span.ico3{background-image:url(../images/r-ico5.png)} .help-tab1 li a span.ico4{background-image:url(../images/r-ico2.png)} .help-tab1 li a span.ico5{background-image:url(../images/r-ico3.png)} .help-tab1 li a:hover{color:#ea0017} .help-tab1 li a.active::after{background-color:#ea0017} .help-tab1 li a.active span.ico1{background-image:url(../images/r-ico6.png)} .help-tab1 li a.active span.ico2{background-image:url(../images/r-ico9.png)} .help-tab1 li a.active span.ico3{background-image:url(../images/r-ico1.png)} .help-tab1 li a.active span.ico4{background-image:url(../images/r-ico10.png)} .help-tab1 li a.active span.ico5{background-image:url(../images/r-ico4.png)} .help-top{padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:25px} .help-top .g-search{float:right} .help-top .g-select{margin-right:10px} .g-search{position:relative;width:270px} .g-search .inp{display:block;width:100%;padding:0 60px 0 20px;border:1px solid #dcdcdc;border-radius:50px;line-height:48px;height:50px;background-color:#fff} .g-search .sub{position:absolute;right:0;top:0;width:60px;height:50px;background:url(../images/so1.png) center no-repeat;text-indent:-9999px} .help-tit1{font-size:18px;color:#1e1e1e;line-height:34px;margin-bottom:25px;font-weight:bold} .help-list1{padding-bottom:45px} .help-list1 li{margin-bottom:15px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;line-height:70px;font-size:16px;padding:0 22px;background-color:#fff} .help-list1 li span{float:right;color:#666;margin-left:10px} .help-list1 li a{color:#666;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .help-list1 li:hover{background-color:#ea0017} .help-list1 li:hover a,.help-list1 li:hover span{color:#fff} .help-apply{margin:80px 0;padding:45px 90px 80px 40px;background-color:#fff} .help-apply .tit{text-align:center;font-size:16px;color:#666;line-height:26px;margin-bottom:35px} .help-apply .tit a{color:#ea0017} .help-apply .item{margin-bottom:30px;overflow:hidden} .help-apply .item p{font-size:14px;color:#bbb;line-height:24px;margin-top:5px} .help-apply .item .part{float:left;width:50%} .help-apply .item span{float:left;width:165px;font-size:16px;color:#333;line-height:45px;text-align:right} .help-apply .item span em{color:#ea0017} .help-apply .item .inp{overflow:hidden} .help-apply .item .inp input{display:block;width:100%;padding:0 20px;background-color:#f6f6f6;border:none;border-bottom:1px solid transparent;height:45px;line-height:45px;font-size:14px;color:#333} .help-apply .item .inp input:focus{border-color:#ea0017} .help-apply .item .select{overflow:hidden} .help-apply .item .select select{display:block;width:100%;height:45px;line-height:45px;background-color:#f6f6f6;background-repeat:no-repeat;background-position:right 20px center;background-image:url(../images/e-ico1.png);padding:0 30px 0 12px;font-size:14px} .help-apply .item .area{overflow:hidden} .help-apply .item .area textarea{height:122px;background-color:#f6f6f6;font-size:14px;color:#333;line-height:34px;padding:10px 20px;width:100%} .help-apply .item .file{line-height:45px;overflow:hidden;color:#bbb;background-color:#f6f6f6;padding:0 10px} .help-apply .item .file input{display:none} .help-apply .item .file label{padding-left:18px;display:inline-block;background:url(../images/e-ico2.png) center left no-repeat;color:#ea0017;cursor:pointer} .m-aside dl dt{cursor:pointer;line-height:59px;font-weight:bold;padding-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-repeat:no-repeat;background-position:right center;background-image:url(../images/i-jt2.png);border-bottom:1px solid #e5e5e5;font-size:18px;color:#1e1e1e} .m-aside dl dt{ cursor: pointer; } .m-aside dl dt.active{background-image:url(../images/c-ico2.png)} .m-aside dl.active dd{display:block} .m-aside dl dd{cursor: pointer; border-bottom:1px dashed #e5e5e5;display:none} .m-aside dl dd span,.m-aside dl dd>a{display:block;cursor:pointer;padding:0 30px 0 22px;background-repeat:no-repeat;background-position:right 22px center;background-image:url(../images/i-jt2.png);line-height:52px;font-size:14px;color:#666} .m-aside dl dd.active span{background-image:url(../images/c-ico2.png)} .m-aside dl dd.active ul{display:block} .m-aside dl dd ul{display:none;padding:5px 0;border-top:1px dashed #e5e5e5} .m-aside dl dd ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:18px;font-size:14px;color:#666;line-height:34px;position:relative} .m-aside dl dd ul li a::after{content:'';position:absolute;left:0;top:50%;width:5px;height:5px;background-color:#bbb;margin-top:-2px;border-radius:50%} .m-aside dl dd ul li a:hover{color:#ea0017} .m-aside dl dd ul li a:hover::after{background-color:#ea0017} .m-aside dl dd ul li.active a{color:#ea0017} .m-aside dl dd ul li.active a::after{background-color:#ea0017} .resource-center{margin-bottom:90px} .resource-center .tit{padding-left:23px;margin:15px 0 15px;font-size:18px;color:#1e1e1e;line-height:34px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";position:relative} .resource-center .tit::after{content:'';position:absolute;left:0;top:50%;width:10px;height:10px;background-color:#1e1e1e;margin-top:-5px;border-radius:50%} .resource-center .table table{width:100%} .resource-center .table tr{border-bottom:10px solid #fff} .resource-center .table tr th{background-color:#ea0017;color:#fff;font-size:16px;line-height:28px;padding-left:23px;font-weight:400;height:70px;white-space: nowrap;} .resource-center .table tr td{font-size:14px;color:#333;line-height:20px;background-color:#f6f6f6;padding-left:23px;height:60px;white-space: nowrap;} .resource-center .table tr td:nth-child(4),.resource-center .table tr td:first-child{white-space: normal;word-wrap: break-word;word-break: break-all;} .resource-center .table tr td .down{display:block;width:30px;height:30px;background-repeat:no-repeat;background-position:center;background-image:url(../images/b-ico11.png)} .resource-center .table tr td .down:hover{background-image:url(../images/b-ico13.png)} .resource-center .table tr td .see{display:block;width:30px;height:30px;background-repeat:no-repeat;background-position:center;background-image:url(../images/b-ico14.png)} .resource-center .table tr td .see:hover{background-image:url(../images/b-ico15.png)} .resource-center .table .lang3{position:relative} .resource-center .table .lang3.active .link{display:block} .resource-center .table .lang3 span{display:inline-block;padding-right:12px;background-repeat:no-repeat;background-position:right center;background-image:url(../images/c-ico2.png);-webkit-background-size:7px;-moz-background-size:7px;-o-background-size:7px;background-size:7px;cursor:pointer} .resource-center .table .lang3 span.active{background-image:url(../images/b-ico16.png)} .resource-center .table .lang3 .link{position:absolute;left:0;top:100%;border:1px solid #e5e5e5;width:100px;z-index:1;/*height:205px;*/overflow-y:scroll;display:none} .resource-center .table .lang3 .link::-webkit-scrollbar{background-color:#eee;width:6px} .resource-center .table .lang3 .link::-webkit-scrollbar-thumb{background-color:#ea0017} .resource-center .table .lang3 .link a{display:block;border-bottom:1px solid #e5e5e5;padding-left:7px;background-color:#fff;font-size:14px;color:#666;line-height:34px} .resource-center .table .lang3 .link a:last-child{border:none} .resource-center .table .lang3 .link a:hover{color:#ea0017} .resource-center .table .lang3:hover .link{display:block!important} .y-nb{border:none} .video-resource{padding:75px 0 100px} .pt0{padding-top:0!important} .slick-video1{padding:50px 0 40px;margin:0 -30px 45px} .slick-video1 .box{margin:0 30px} .slick-video1 .box:hover .img .ico{top:0} .slick-video1 .box:hover p{background-color:#fff;border-color:#ea0017} .slick-video1 .box:hover p .btn{background-image:url(../images/b-ico13.png)} .slick-video1 .box .img{display:block;position:relative;padding-top:56.1%;overflow:hidden;cursor:pointer} .slick-video1 .box .img img{position:absolute;left:0;top:0;width:100%;height:100%} .slick-video1 .box .img .ico{position:absolute;left:0;top:-100%;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index:1} .slick-video1 .box .img .ico::after{content:'';position:absolute;width:50px;height:50px;left:50%;top:50%;margin-top:-25px;margin-left:-25px;background:url(../images/e-play.png) center no-repeat} .slick-video1 .box p{background-color:#f8f8f8;padding:13px 100px 13px 20px;border-bottom:1px solid transparent;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;position:relative} .slick-video1 .box p .btn{content:'';position:absolute;width:30px;height:30px;right:22px;top:32px;background-repeat:no-repeat;background-position:center;background-image:url(../images/b-ico11.png)} .slick-video1 .box p a{display:block;font-size:16px;color:#1a1a1a;line-height:26px;height:52px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .slick-video1 .slick-dots{bottom:0;position:absolute;left:0;width:100%;text-align:center;z-index:99} .slick-video1 .slick-dots li{margin:0 2px;border:1px solid transparent;padding:2px;border-radius:12px;width:auto;height:auto} .slick-video1 .slick-dots li button{display:block;width:8px;height:8px;padding:0;border-radius:50%;background-color:#ddd;margin:0} .slick-video1 .slick-dots li.slick-active{border-color:#ea0017} .slick-video1 .slick-dots li.slick-active button{background-color:#ea0017} .shadow{-moz-box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05)} .video-resource-tit{position:relative;margin-top:93px;padding-bottom:22px} .video-resource-tit .g-search{position:absolute;right:0;top:0;margin-top:0} .video-list1{margin:0 -30px 20px;overflow:hidden} .video-list1 li{float:left;width:33.33%} .video-list1 li .item{margin:0 30px 40px} .video-list1 li .item:hover .img .ico{top:0} .video-list1 li .item:hover .tit{background-color:#fff;border-color:#ea0017} .video-list1 li .item:hover p .btn{background-image:url(../images/b-ico13.png)} .video-list1 li .item .img{display:block;position:relative;padding-top:56.1%;overflow:hidden;cursor:pointer} .video-list1 li .item .img img{position:absolute;left:0;top:0;width:100%;height:100%} .video-list1 li .item .img .ico{position:absolute;left:0;top:-100%;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index:1} .video-list1 li .item .img .ico::after{content:'';position:absolute;width:50px;height:50px;left:50%;top:50%;margin-top:-25px;margin-left:-25px;background:url(../images/e-play.png) center no-repeat} .video-list1 li .item .tit{background-color:#f8f8f8;padding:13px 100px 13px 20px;border-bottom:1px solid transparent;position:relative;display:block} /* .video-list1 li .item .tit::after{content:'';position:absolute;width:30px;height:30px;right:22px;top:32px;background-repeat:no-repeat;background-position:center;background-image:url(../images/b-ico11.png)} */ .video-list1 li .item .tit span{display:block;font-size:16px;color:#1a1a1a;line-height:26px;height:60px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .video-list1 .item p{position: relative;} .video-list1 .item p .btn{content:'';position:absolute;width:30px;height:30px;right:22px;top:32px;background-repeat:no-repeat;background-position:center;background-image:url(../images/b-ico11.png);z-index: 2;} .partner-form1{padding:76px 0} .partner-form1 .form{background-color:#fff;overflow:hidden;padding:45px 80px 75px} .partner-form1 .form .box{margin:0 -70px 55px;overflow:hidden} .partner-form1 .form .item{float:left;width:50%} .partner-form1 .form .item .part{margin:0 70px} .partner-form1 .form .item .part p{font-size:16px;color:#1e1e1e;line-height:36px} .partner-form1 .form .item .part p span{color:#ea0017} .partner-form1 .form .item .part .inp{margin-bottom:25px} .partner-form1 .form .item .part .inp input,.partner-form1 .form .item .part .inp .select{display:block;width:100%;line-height:44px;border:none;border-bottom:1px solid transparent;background-color:#f2f2f2;font-size:16px;color:#1e1e1e;padding:0 20px} .partner-form1 .form .item .part .inp input:focus{border-color:#ea0017} .partner-form1 .form .item .part .inp .select{display:block;width:100%;line-height:44px;border:none;border-bottom:1px solid transparent;background-color:#f2f2f2;font-size:16px;color:#1e1e1e;padding:0 20px;background-repeat: no-repeat;background-position: right 10px center;background-image: url(../images/select-ico.png);-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px;} .partner-form1 .form .item .part .inp .select:focus{border-color:#ea0017} .partner-form1 .form .item .part .inp.yzm{position:relative} .partner-form1 .form .item .part .inp.yzm input{padding-right:100px} .partner-form1 .form .item .part .inp.yzm span{position:absolute;right:-1px;top:0;width:100px;height:46px;z-index:1;background-color:#ea0017;color:#fff;font-size:14px;border-radius:2px;line-height:46px;text-align:center;cursor:pointer} .partner-form1 .form .item .part .inp.yzm span.active{background-color:#949494;cursor:no-drop} .partner-form1 .find{padding:60px 200px 65px;background-color:#fff;-moz-box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);font-size:16px;color:#666;line-height:26px} .partner-form1 .find .table{width:600px;margin:0 auto 60px} .partner-form1 .find .table table{border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;width:100%} .partner-form1 .find .table td{font-size:16px;color:#666;line-height:26px;padding:10px 0 10px 28px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-transform:uppercase} .partner-form1 .find .tit{border-bottom:1px solid #e5e5e5;text-align:center;margin-bottom:40px} .partner-form1 .find .tit h3{font-size:32px;color:#1e1e1e;line-height:42px;padding-bottom:24px;margin-bottom:24px;font-weight:400;position:relative} .partner-form1 .find .tit h3::after{content:'';position:absolute;left:50%;bottom:0;width:50px;height:4px;background-color:#ea0017;margin-left:-25px} .partner-form1 .find .tit p{margin-bottom:25px} .partner-form1 .find .none{text-align:center;margin-bottom:75px} .partner-form1 .find .form2,.partner-form1 .find .form2 .item{margin-bottom:30px} .partner-form1 .find .form2 .item span{display:inline-block;width:245px;font-size:16px;color:#333;line-height:40px;text-align:right} .partner-form1 .find .form2 .item input{height:40px;line-height:40px;padding:0 20px;width:300px;background-color:#f2f2f2;border-radius:2px;font-size:14px;color:#aaa} .partner-form1 .find .form2 .item select{height:40px;line-height:40px;padding:0 20px;width:300px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:right 18px center;background-image:url(../images/e-ico1.png);border-radius:2px;font-size:14px;color:#aaa} .partner-form1 .find .sub{background-color:#eee;color:#aaa} .btn-partner{text-align:center;margin:50px 0;font-size: 14px;} .btn-partner a{display:inline-block;width:190px;line-height:50px;padding-left:55px;border-radius:50px;margin:0 20px;background-repeat:no-repeat;background-position:right 30px center;text-align:left} .btn-partner a.a1{background-color:#eee;color:#aaa;background-image:url(../images/i-prev2.png)} .btn-partner a.a2{background-color:#eee;color:#aaa;background-image:url(../images/i-prev3.png)} .btn-partner a.a1:hover{background-color:#ea0017;color: #fff;background-image:url(../images/i-prev2.png)} .partner-black{padding:75px 0;font-size:16px;color:#666;line-height:26px} .partner-black .con p{margin-bottom:30px} .partner-black .con p em{color:#ea0017} .partner-black .con .table{padding-top:30px;padding-bottom:55px} .partner-black .con .table table{background-color:#fff;width:100%;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc} .partner-black .con .table h4{text-align:center;font-weight:400;font-size:20px;color:#1e1e1e;line-height:30px;margin-bottom:15px} .partner-black .con .table h4 a{display:inline-block;vertical-align:middle;font-size:14px;color:#ea0017} .partner-black .con .table h4 a:hover{text-decoration:underline} .partner-black .con .table h4 a img{display:inline-block;vertical-align:middle;width:16px} .partner-black .con .table th{background-color:#ea0017;color:#fff;font-size:14px;line-height:24px;padding:12px 28px 12px 28px;border-right:1px solid #ec6974;border-bottom:1px solid #dcdcdc;} .partner-black .con .table td{font-size:14px;color:#1e1e1e;line-height:24px;padding:18px 0 18px 28px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} .partner-black .con .last{color:#1e1e1e;text-align:right} .partner-black .con .last p{margin-bottom:0} .partner-js{padding:75px 0 95px} .partner-js p{font-size:16px;color:#666;line-height:28px;margin-bottom:45px} .partner-js .list{padding-bottom:20px} .partner-js .list li{margin-bottom:30px;-moz-box-shadow:0 0 10px rgba(0,0,0,.01);-webkit-box-shadow:0 0 10px rgba(0,0,0,.01);box-shadow:0 0 10px rgba(0,0,0,.01);background-color:#fff} .partner-js .list li .img{width:195px;height:160px;line-height:157px;float:left;text-align:center} .partner-js .list li .img img{display:inline-block;vertical-align:middle;max-width:90%} .partner-js .list li .txt{overflow:hidden;height:160px;padding:10px 0;font-size:14px;color:#1e1e1e;line-height:24px} .partner-js .list li .txt span{display:inline-block;vertical-align:middle;width:95%} .partner-js .list li .txt::after{content:"";display:inline-block;vertical-align:middle;height:100%;width:0} .mo{display:none!important} .pro-tab1.other li a::after{display:none} .wp-zz{width:96%;max-width:900px;margin:0 auto} .about-head1{margin-bottom:10px;padding:60px 0 20px;border-bottom:1px solid #eee} .about-head1 .tit{float:left;font-size:24px;color:#1a1a1a;line-height:50px;font-weight:400} .about-head1 .case-select{float:right;border:none;margin:0;padding:0} .about-head1 .case-select .item{margin:0;font-size:14px;line-height:inherit} .about-head1 .g-select span{width:190px;height:50px;line-height:46px;border-radius:25px;border-width:1px;padding:0 40px;font-size:14px;color:#666} .about-head1 .g-select span.active{border-radius:25px 25px 0 0;border-bottom:none} .about-head1 .g-select ul{border:1px solid #dcdcdc;border-radius:0 0 25px 25px;overflow:hidden} .about-newsL1{margin-bottom:40px;overflow:hidden} .about-newsL1 .con{padding:40px 0;border-bottom:1px solid #e5e5e5;display:block;overflow:hidden} .about-newsL1 .pic{float:right;width:378px;height:208px;overflow:hidden} .about-newsL1 .pic img{display:block;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-newsL1 .inner{padding:0 54px 0 0px;font-size:14px;overflow:hidden} .about-newsL1 .inner h3{margin:4px 0 7px;font-size:24px;color:#1a1a1a;line-height:1.5;max-height:3em;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-newsL1 .inner .date{color:#ea0017;margin-bottom:19px} .about-newsL1 .inner .txt{color:#666;line-height:1.8;max-height:3.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden} .about-newsL1 .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)} .about-newsL1 .con:hover .inner h3{color:#ea0017} @media only screen and (max-width:959px){ .about-newsL1 .pic{width:310px;height:170px} .about-head1 .tit{font-size:18px} .about-newsL1 .inner{padding:0 30px 0 0;font-size:12px} .about-newsL1 .inner h3{font-size:18px} } @media only screen and (max-width:767px){ .about-head1{padding:40px 0 10px} .about-head1 .tit{margin:0;float:none;font-size:18px;line-height:1.5} .about-head1 .case-select .item{font-size:12px} .about-head1 .g-select span{width:110px;height:34px;line-height:30px;padding:0 25px 0 15px;background-position:right 10px center;font-size:12px} .about-head1 .g-select{font-size:14px} .about-head1 .g-select ul li a{padding:0 15px} .about-newsL1{margin-bottom:20px} .about-newsL1 .con{padding:20px 0} .about-newsL1 .pic{float:none;width:auto;height:auto} .about-newsL1 .pic img{height:auto} .about-newsL1 .inner{padding:10px 0 0;font-size:9px} .about-newsL1 .inner h3{margin:0 0 5px;font-size:12px} .about-newsL1 .inner .date{margin-bottom:5px} } .about-rec{padding:56px 0 40px;overflow:hidden} .about-tit1{margin-bottom:60px;text-align:center} .about-tit1 h2{position:relative;line-height:2.1;font-size:24px;color:#1e1e1e;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .about-tit1 h2:after{content:'';position:absolute;left:50%;bottom:0;width:50px;height:4px;background-color:#ea0017;margin-left:-25px} .about-tit1.fff h2{color:#fff} .about-recL1{margin:0 -22px} .about-recL1 li{margin-bottom:60px;padding:0 22px;float:left;width:33.33%;height:200px} .about-recL1 .con{padding:8px 36px;display:block;height:100%;background-color:#fff;position:relative;overflow:hidden} .about-recL1 .con:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#ea0017;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-recL1 .pic{padding:5px 0;margin-bottom:38px;height:76px;line-height:66px;font-size:0;position:relative;overflow:hidden} .about-recL1 .pic:after{content:'';position:absolute;left:0;bottom:0;width:20px;height:2px;background-color:#ea0017} .about-recL1 .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .about-recL1 h4{font-size:20px;color:#1e1e1e;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .about-recL1 .btn{position:absolute;right:0;bottom:0;line-height:50px;font-size:14px;color:#ccc;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-recL1 .btn i{margin-left:18px;display:inline-block;vertical-align:middle;width:50px;height:50px;background:url(../images/zz-i1.png) center center no-repeat #ddd;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-recL1 .con:hover{box-shadow:0 5px 25px 0 rgba(0,0,0,.08)} .about-recL1 .con:hover:after{width:100%} .about-recL1 .con:hover .btn{color:#ea0017} .about-recL1 .con:hover .btn i{background-color:#ea0017} .about-cont{padding:80px 0 60px;overflow:hidden} .about-contL1{overflow:hidden} .about-contL1 li{margin-bottom:40px;background-color:#f6f6f6;overflow:hidden} .about-contL1 .pic{float:left;width:50%} .about-contL1 .pic img{display:block;width:100%} .about-contL1 .inner{padding:62px 6%;font-size:16px;color:#666;overflow:hidden} .about-contL1 .inner h4{margin-bottom:16px;font-size:24px;color:#1e1e1e;font-weight:bold;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .about-contL1 .inner h4 i{margin:-2px 6px 0 0;display:inline-block;vertical-align:middle;width:15px;height:20px;background:url(../images/zz-i2.png) center center no-repeat;-webkit-background-size:cover;background-size:cover} .about-contL1 .inner .txt{line-height:2.1;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";} .about-contL1 .inner .txt span{display:inline-block;vertical-align:middle;width:90px;color:#1e1e1e;font-weight:bold} .about-contL1 li:nth-child(even) .pic{float:right} @media only screen and (max-width:1599px){ .pro-table1{height: 600px;} } @media only screen and (max-width:1280px){ .about-contL1 .inner{padding:60px 5%} } @media only screen and (max-width:1199px){ .about-rec{padding:40px 0} .about-tit1{margin-bottom:40px} .about-tit1 h2{font-size:24px} .about-recL1{margin:0 -15px} .about-recL1 li{padding:0 15px;margin-bottom:30px;height:186px} .about-recL1 .con{padding:15px 30px} .about-recL1 .pic{margin-bottom:30px;height:60px;line-height:50px} .about-recL1 h4{font-size:18px} .about-contL1 .inner{padding:35px 5%;font-size:14px} .about-contL1 .inner h4{margin-bottom:10px;font-size:18px} .about-contL1 .inner .txt{line-height:1.8} } @media only screen and (max-width:767px){ .pro-table1{height: 500px;} .about-rec{padding:40px 0} .about-tit1{margin-bottom:20px} .about-tit1 h2{font-size:18px} .about-tit1 h2:after{width:30px;height:2px;margin-left:-15px} .about-recL1{margin:0 -5px} .about-recL1 li{padding:0 5px;margin-bottom:10px;height:140px} .about-recL1 .con{padding:25px 15px} .about-recL1 .pic{margin-bottom:15px;height:50px;line-height:40px} .about-recL1 h4{font-size:12px} .about-recL1 .btn{line-height:30px;font-size:12px} .about-recL1 .btn i{width:30px;height:30px} .about-cont{padding:40px 0 30px} .about-contL1 li{margin-bottom:10px} .about-contL1 .pic{float:none;width:auto} .about-contL1 .inner{font-size:9px;padding:20px 5%} .about-contL1 .inner h4{font-size:12px} .about-contL1 .inner h4 i{-webkit-background-size:10px auto;background-size:10px auto} .about-contL1 .inner .txt span{width:50px} } .about-actL1{margin-bottom:60px;overflow:hidden} .about-actL1 li{padding:80px 0;background-color:#fafafa} .about-actL1 li:nth-child(odd){background-color:#f2f2f2} .about-actL1 .con{display:block;background-color:#fff;overflow:hidden} .about-actL1 .pic{float:left;width:574px;height:284px;overflow:hidden} .about-actL1 .pic img{display:block;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-actL1 .inner{padding:34px 54px 30px;overflow:hidden} .about-actL1 .inner h4{margin-bottom:10px;font-size:20px;color:#1a1a1a;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .about-actL1 .inner .txt{margin-bottom:20px;font-size:16px;color:#666;line-height:2.5;min-height:7.5em} .about-actL1 .inner .txt p{white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .about-actL1 .inner .txt i{margin:-2px 7px 0 0;display:inline-block;vertical-align:middle;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover} .about-actL1 .inner .btn{width:120px;height:40px;line-height:40px;border-radius:20px;font-size:14px;color:#fff;text-align:center} .about-actL1 .inner .doing{background-color:#ea0017} .about-actL1 .inner .end{background-color:#bbb} .about-actL1 .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05,1.05);-o-transform:scale(1.05,1.05,1.05);transform:scale(1.05,1.05,1.05)} @media only screen and (max-width:1199px){ .about-actL1 li{padding:60px 0} .about-actL1 .pic{width:440px;height:218px} .about-actL1 .inner{padding:30px 40px} .about-actL1 .inner h4{font-size:18px} .about-actL1 .inner .txt{margin-bottom:15px;line-height:1.8;min-height:5.4em;font-size:14px} .about-actL1 .inner .btn{width:100px;height:30px;line-height:30px} .news-tit .more{margin-top: 20px;} } @media only screen and (max-width:959px){ .about-recL1 li{width:50%} .about-actL1 .pic{width:340px;height:168px} } @media only screen and (max-width:767px){ .about-actL1{margin-bottom:20px} .about-actL1 li{padding:40px 0} .about-actL1 .pic{float:none;width:auto;height:auto} .about-actL1 .pic img{height:auto} .about-actL1 .inner{padding:20px} .about-actL1 .inner h4{font-size:12px} .about-actL1 .inner .txt{font-size:9px;min-height:auto} .about-actL1 .inner .txt i{-webkit-background-size:10px auto;background-size:10px auto} .about-actL1 .inner .btn{font-size:9px;width:60px;height:20px;line-height:20px} } .about-dt{padding:88px 0 100px;overflow:hidden} .about-dt .head{padding-bottom:45px;border-bottom:1px solid #eee} .about-dt h1{font-size:38px;color:#1e1e1e;line-height:1.3;text-align:center;margin-bottom:18px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .about-dt .info{text-align:center;font-size:14px;color:#999;overflow:hidden} .about-dt .info span{display:inline-block;vertical-align:middle} .about-dt .info i{margin:-2px 0 0;display:inline-block;vertical-align:middle;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover} .about-dt .content{padding:43px 0;font-size:14px;color:#666;line-height:2.1} .about-dt .content h3{font-size:18px;font-weight:400} .about-dt .content img{display:block;margin: 0 auto;} .about-dt .btn{padding:15px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden} .about-dt .btn a{font-size:14px;color:#666;line-height:50px;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .about-dt .btn .next,.about-dt .btn .prev{width:calc(50% - 83px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-dt .btn .prev{padding-right:20px;float:left} .about-dt .btn .next{padding-left:20px;float:right;text-align:right} .about-dt .btn .next i,.about-dt .btn .prev i{margin-top:-2px;display:inline-block;vertical-align:middle;width:50px;height:50px;border-radius:50%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .about-dt .btn .prev i{margin-right:10px;background:url(../images/i-prev1.png) center center no-repeat #f6f6f6} .about-dt .btn .next i{margin-left:10px;background:url(../images/i-next1.png) center center no-repeat #f6f6f6} .about-dt .btn .return{display:block;width:166px;height:50px;line-height:50px;background-color:#eee;border-radius:25px;color:#aaa;text-align:center;font-weight:400;overflow:hidden} .about-dt .btn .return:hover{background-color:#ea0017;color:#fff;} .about-dt .btn .next:hover i,.about-dt .btn .prev:hover i{background-color:#ea0017} .about-dt .btn .prev:hover i{background-image:url(../images/i-prev2.png)} .about-dt .btn .next:hover i{background-image:url(../images/i-next2.png)} @media only screen and (max-width:959px){ .about-dt{padding:60px 0} .about-dt .head{padding-bottom:40px} .about-dt h1{font-size:24px} } @media only screen and (max-width:767px){ .about-dt{padding:40px 0} .about-dt .head{padding-bottom:20px} .about-dt h1{margin-bottom:10px;font-size:18px} .about-dt .info{font-size:12px} .about-dt .info i{-webkit-background-size:14px auto;background-size:14px auto} .about-dt .content{padding:20px 0;font-size:12px} .about-dt .content h3{font-size:14px} .about-dt .btn .next,.about-dt .btn .prev{width:calc(50% - 40px)} .about-dt .btn .return{width:80px;height:30px;line-height:30px} .about-dt .btn a{line-height:30px;font-size:12px} .about-dt .btn .next i,.about-dt .btn .prev i{width:30px;height:30px} } .person-box1{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover} .person-form1{padding-top:46px;width:560px;margin:0 auto;background-color:#fff;line-height:50px;box-shadow:0 1px 20px 0 rgba(0,0,0,.05);overflow:hidden} .person-form1 h2{font-size:24px;color:#1e1e1e;text-align:center;font-weight:400} .person-form1 .con{padding:26px 0;width:400px;margin:0 auto} .person-form1 .item{margin-bottom:22px} .person-form1 .inp{display:block;width:100%;height:50px;line-height:48px;border:1px solid #d6d6d6;border-radius:5px;padding:0 20px;font-size:14px;color:#333} .person-form1 .inp:focus{border-color:#ea0017} .person-form1 .btn1{margin:30px 0 10px;display:block;width:100%;background-color:#ea0017;height:50px;line-height:50px;font-size:18px;color:#fff;text-align:center} .person-form1 .forget{display:block;font-size:16px;color:#999;text-align:center;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .person-form1 .register{padding:44px 0;display:block;font-size:20px;color:#fff;text-align:center;line-height:36px;background:url(../images/zz-bg2.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover} .person-form1 .register span{display:inline-block;vertical-align:middle;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .person-form1 .register span:after{content:'';position:absolute;left:0;bottom:0;right:0;height:1px;background-color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .person-form1 .forget:hover,.person-form1 .register:hover span{color:#ea0017} .person-form1 .register:hover span:after{background-color:#ea0017} .person-form1 .code{position:relative} .person-form1 .code .inp{padding-right:120px} .person-form1 .code .vcodebtn{padding:0;position:absolute;right:0;top:0;bottom:0;width:100px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;background-color:#ea0017;border:none;cursor:pointer;border-radius:0 5px 5px 0} @media only screen and (max-width:767px){ .person-box1{padding:60px 0} .person-form1{width:90%;padding-top:30px} .person-form1 .con{padding:10px 0 20px;width:80%} .person-form1 h2{font-size:18px} .person-form1 .item{margin-bottom:15px} .person-form1 .inp{height:40px;line-height:38px;font-size:12px} .person-form1 .btn1{margin:20px 0 10px;height:40px;line-height:40px;font-size:14px} .person-form1 .forget{font-size:12px;line-height:40px} .person-form1 .register{padding:20px 0;font-size:14px;line-height:24px} .person-form1 .code .vcodebtn{height:40px;line-height:40px;font-size:12px} } .person-box1{padding:100px 0 120px;overflow:hidden} .person-slide{background-color:#fff;border:1px solid #f0f0f0;float:left;width:245px;overflow:hidden} .person-head{padding:48px 0 56px;text-align:center;overflow:hidden} .person-head .pic{width:60px;height:60px;margin:0 auto 2px;border-radius:50%;overflow:hidden} .person-head .pic img{display:block;width:100%;height:100%} .person-head h4{margin-bottom:8px;margin-top:10px;font-size:16px;color:#1e1e1e;font-weight:bold;} .person-head .explain{font-size:14px;color:#999} .person-L1{overflow:hidden} .person-L1 li .level{display:none;margin-bottom:10px;margin-top:-10px} .person-L1 li .level a{font-size:14px;color:#333;line-height:34px;padding:0 30px} .person-L1 .active .level{display:block} .person-L1 .active .level a.active,.person-L1 .active .level a:hover{color:#d7000f} .person-L1 li{border-top:1px solid #f0f0f0} .person-L1 a{display:block;padding:17.5px 15px;font-size:16px;line-height:40px;color:#333;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .person-L1 span{font-weight:bold;display:block;padding-left:18px;position:relative;background-repeat:no-repeat;background-position:right center} .person-L1 .has span{background-image:url(../images/i-jt2.png)} .person-L1 .active .has span{background-image:url(../images/c-ico2.png)} .person-L1 span:before{content:'';position:absolute;left:0;top:50%;width:3px;height:15px;margin-top:-7.5px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .person-L1 .active a,.person-L1 a:hover{color:#ea0017} .person-L1 .active span:before,.person-L1 a:hover span:before{background-color:#ea0017} .person-con{padding:32px 50px 65px;float:right;width:calc(100% - 272px);background-color:#fff;overflow:hidden} .person-tit{border-bottom:1px solid #eee;line-height:52px;overflow:hidden;margin-bottom:20px} .person-tit h3{font-size:20px;color:#1e1e1e;font-weight:bold;} .person-tit h3 i{margin:-2px 14px 0 0;display:inline-block;vertical-align:middle;width:24px;height:24px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover} .person-con .pro-tab1{padding:36px 0 20px;margin:0 -15px;font-size:0;text-align:left} .person-con .pro-tab1 li{margin-bottom:10px} .person-con .pro-tab1 li a{margin:0 15px;padding:0 12px;font-size:14px;color:#888;background-color:#eee;min-width:120px} .person-con .pro-tab1 li a:hover,.person-con .pro-tab1 li.active a{background-color:#ea0017;color:#fff} .person-con .pro-tab1 li a::after{display:none} .person-downloadL1{margin-bottom:45px;overflow:hidden} .person-downloadL1 li{margin-bottom:15px} .person-downloadL1 .con{padding:0 20px 0 25px;display:block;line-height:50px;background-color:#f8f8f8;overflow:hidden} .person-downloadL1 .icon{margin:10px 0 0 20px;float:right;width:30px;height:30px;background:url(../images/zz-i8.png) center center no-repeat;-webkit-background-size:cover;background-size:cover} .person-downloadL1 .date{margin-left:20px;float:right;font-size:14px;color:#999} .person-downloadL1 h4{font-size:14px;color:#333;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .person-downloadL1 .con:hover .icon{background-image:url(../images/zz-i9.png)} .person-con .m-pages{margin:0} @media only screen and (max-width:959px){ .person-box1{padding:60px 0} .person-slide{float:none;width:auto} .person-head{padding:20px 0} .person-L1 a{padding:10px 15px} .person-con{float:none;width:auto;padding:30px} .person-con .pro-tab1{padding:20px 0 10px;margin:0 -5px} .person-con .pro-tab1 li a{margin:0 5px} .person-downloadL1{margin-bottom:10px} .person-form2{margin:0 auto} } @media only screen and (max-width:767px){ .person-box1{padding:40px 0} .person-head .pic{width:40px;height:40px} .person-head h4{font-size:12px} .person-head .explain{font-size:9px} .person-L1 a{line-height:30px} .person-tit h3{font-size:18px} .person-tit h3 i{margin-right:5px;-webkit-background-size:20px auto;background-size:20px auto} .person-con .pro-tab1 li a{font-size:12px;min-width:100px;line-height:30px} .person-downloadL1 li{margin-bottom:10px} .person-downloadL1 .con{padding:0 15px} .person-downloadL1 h4{font-size:12px} .person-downloadL1 .icon{margin:13px 0 0 10px;width:24px;height:24px} .person-downloadL1 .date{margin-left:10px;font-size:9px} } .person-form2{padding:10px 0 0;width:486px} .person-form2 .item{margin-bottom:26px;font-size:18px;color:#1e1e1e;line-height:46px;overflow:hidden} .person-form2 .sp1{padding-right:10px;float:left;width:136px;font-size:16px;color:#333;text-align:right} .person-form2 .right{overflow:hidden} .person-form2 .inp{display:block;width:100%;height:46px;line-height:44px;border-radius:5px;border:1px solid #d6d6d6;padding:0 20px;font-size:14px;color:#1e1e1e} .person-form2 .inp:focus{border-color:#ea0017} .person-form2 .btn1{margin:50px 0 0 136px;display:block;width:166px;height:50px;line-height:50px;background-color:#ea0017;border-radius:25px;font-size:14px;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .person-form2 .btn1:hover{opacity:.8;filter:alpha(opacity=80)} @media only screen and (max-width:767px){ .person-form2{width:90%} .person-form2 .item{margin-bottom:10px;font-size:14px;line-height:36px} .person-form2 .sp1{font-size:12px;width:100px} .person-form2 .inp{font-size:12px;height:36px;line-height:34px} .person-form2 .btn1{margin:20px 0 0 100px;width:100px;height:36px;line-height:36px;font-size:12px} } .person-about{padding:81px 0 90px;overflow:hidden} .person-aboutCon{margin-bottom:45px;overflow:hidden} .person-aboutCon .left{float:left;width:35%;font-size:0} .person-tit2{padding:0 0 17px 45px;display:inline-block;position:relative;border-bottom:1px solid #ea0017;font-size:16px;color:#1e1e1e;line-height:1.7} .person-tit2:before{content:'';position:absolute;left:0;top:0;width:37px;height:29px;background:url(../images/zz-i11.png) center center no-repeat;-webkit-background-size:cover;background-size:cover} .person-tit2:after{content:'';position:absolute;left:0;bottom:0;height:1px;background-color:#ea0017} .person-tit2 h2{font-size:28px;color:#1e1e1e;line-height:1.9;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"} .person-aboutTxt{padding-top:4px;font-size:16px;color:#666;line-height:1.8;overflow:hidden} .person-aboutL1{margin:0 -9px;overflow:hidden} .person-aboutL1 li{margin-bottom:10px;padding:0 9px;float:left;width:33.33%} .person-aboutL1 .pic{padding-top:58%;position:relative;overflow:hidden} .person-aboutL1 .pic img{position:absolute;left:0;top:0;width:100%;height:100%} .person-core{padding:58px 0 146px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden} .person-core .about-tit1{margin-bottom:32px} .person-core .about-tit1 h2{padding-bottom:10px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";font-weight:400;letter-spacing:5px} .person-coreTxt{margin:0 auto 74px;font-size:16px;color:#fff;line-height:1.7;text-align:center;width:67%} .person-coreL1{margin:0 -60px;overflow:hidden} .person-coreL1 li{padding:0 60px;margin-bottom:10px;float:left;width:25%} .person-coreL1 .pic{width:80px;height:80px;margin:0 auto 10px;overflow:hidden} .person-coreL1 .pic img{display:block;width:100%;height:100%} .person-coreL1 h4{font-size:24px;color:#fff;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";text-align:center} .person-honor{padding:102px 0;overflow:hidden} .person-honorCon{margin-bottom:60px;overflow:hidden} .person-honorCon .left{padding-bottom:70px;float:left;width:41%;font-size:0;border-bottom:1px solid #eee} .person-honorCon .person-tit2{margin-bottom:22px} .person-honorTxt{font-size:16px;color:#666;line-height:1.8} .person-honorCon .right{padding:70px 0 0 44px;overflow:hidden} .person-honorL1{margin:0 -15px;overflow:hidden} .person-honorL1 li{padding:0 15px;float:left;width:50%} .person-honorL1 .pic{padding-top:62.8%;position:relative;border:1px solid #e5e5e5;overflow:hidden} .person-honorL1 .pic img{position:absolute;left:0;top:0;width:100%;height:100%} .person-honorSlick1{margin:0 -12px;padding-bottom:54px;position:relative;overflow:hidden} .person-honorSlick1 .item{padding:0 12px} .person-honorSlick1 .con{padding:18px 0;border:1px solid #e5e5e5} .person-honorSlick1 .pic{font-size:0;height:90px;line-height:90px;overflow:hidden;text-align:center} .person-honorSlick1 .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .person-honorSlick1 h4{padding:10px 20px 90px 20px;font-size:14px;color:#1a1a1a;line-height:1.6;font-weight:400;text-align:center;height:3.2em;overflow:hidden} .person-honorSlick1 .slick-dots{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:0;text-align:center;overflow:hidden} .person-honorSlick1 .slick-dots li{margin:0 3px;display:inline-block;vertical-align:middle;border:2px solid #fff;border-radius:7px} .person-honorSlick1 .slick-dots button{margin:0;padding:0;background-color:#d7000f;width:10px;height:10px} .person-honorSlick1 .slick-dots .slick-active{border-color:#ea0017} .person-honorSlick1 .slick-dots .slick-active button{width:10px;background-color:transparent} .person-quality{padding:83px 0 120px;background-color:#f6f6f6;overflow:hidden} .person-quality .person-tit2{margin-bottom:35px;padding-right:120px;display:block} .person-quality .person-tit2 .txt{padding-bottom:6px} .person-quality .person-tit2 .arrows{padding-right:7px;margin:0 -15px;position:absolute;right:0;bottom:30px;font-size:0} .person-quality .person-tit2 .arrows a{margin:0 15px;display:inline-block;vertical-align:middle;width:36px;height:36px;border-radius:50%;background-color:#d7000f;background-repeat:no-repeat;background-position:center center;box-shadow:0 5px 15px 0 rgba(0,0,0,.1)} .person-quality .person-tit2 .arrows .prev{background-image:url(../images/i-prev2.png)} .person-quality .person-tit2 .arrows .next{background-image:url(../images/i-next2.png)} .person-qualitySlick1{margin:0 -10px;position:relative;overflow:hidden} .person-qualitySlick1 .item{padding:0 10px} .person-qualitySlick1 .pic{padding:10px;background-color:#fff;height:290px;line-height:270px;font-size:0;text-align:center;overflow:hidden} .person-qualitySlick1 .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} @media only screen and (max-width:959px){ .person-tit2{padding:0 0 15px 30px;font-size:14px} .person-tit2 h2{font-size:20px} .person-tit2:before{width:20px;height:16px} .person-aboutTxt,.person-coreTxt{font-size:14px} .person-coreL1 .pic{width:50px;height:50px} .person-coreL1 h4{font-size:18px} .person-honorTxt{font-size:14px} .person-honorSlick1 .pic{height:70px;line-height:70px} .person-honorSlick1 h4{font-size:14px} .person-quality .person-tit2 .arrows{margin:0 -10px;bottom:20px} .person-quality .person-tit2 .arrows a{width:30px;height:30px;margin:0 10px} .person-qualitySlick1 .pic{height:200px;line-height:180px} } @media only screen and (max-width:767px){ .person-about{padding:40px 0 30px} .person-aboutCon{margin-bottom:20px} .person-aboutCon .left{float:none;width:auto;text-align:center} .person-tit2{margin-bottom:20px;padding:0 0 10px 30px;font-size:9px} .person-tit2 h2{font-size:18px} .person-aboutTxt{font-size:9px} .person-aboutL1{margin:0 -5px} .person-aboutL1 li{padding:0 5px} .person-core{padding:40px 0 30px} .person-core .about-tit1{margin-bottom:20px} .person-core .about-tit1 h2{padding-bottom:5px} .person-coreTxt{font-size:9px;margin-bottom:20px} .person-coreL1{margin:0} .person-coreL1 li{padding:0} .person-coreL1 .pic{margin-bottom:5px;width:30px;height:30px} .person-coreL1 h4{font-size:12px} .person-honor{padding:40px 0} .person-honorCon{margin-bottom:20px} .person-honorCon .left{padding-bottom:20px;float:none;width:auto;text-align:center} .person-honorCon .person-tit2{margin-bottom:20px} .person-honorTxt{font-size:9px} .person-honorCon .right{padding:20px 0 0} .person-honorL1{margin:0 -5px} .person-honorL1 li{padding:0 5px} .person-honorSlick1{padding-bottom:40px} .person-honorSlick1 .slick-dots li{margin:0 1px} .person-honorSlick1 .slick-dots button{width:5px;height:5px} .person-honorSlick1 .slick-dots .slick-active button{width:5px} .person-quality{padding:40px 0} .person-quality .person-tit2{margin-bottom:20px;padding:0 0 40px 30px} .person-quality .person-tit2 .txt{padding:0} .person-quality .person-tit2 .arrows{bottom:10px} } .hd-product{position: sticky;top: 0;background-color: #fff;z-index: 999;} .zl-scrollBarBox { height: 100%; position: absolute; background: #f3f3f3; } .zl-scrollBar { position: absolute; left: 0; top: 0; background: #ff374b; transition: background 0.3s; } .zl-scrollBar.zl-verticalBar { min-height: 18px; } .zl-scrollBar.zl-horizontalBar { min-width: 10px; } .zl-scrollBar:hover { background: #ea0017; } .zl-scrollContentDiv { position: relative !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; top: 0; left: 0; } /* 2021-0917 新增 */ .ban .txt2 { position: absolute; left: 0; top: 50%; color: #fff; text-align: center; width: 100%; font-style: italic; line-height: 1.33; font-size: 0; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .ban .txt2 p{ font-size: 60px;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; position: relative;z-index: 2;} .ban .txt2 .txt2-body{display: inline-block; position: relative; letter-spacing: 4px; } .ban .txt2 .txt2-body .img-line{position: absolute;bottom: 0;right: 40px;} .school-welcome .info1{font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";text-align: center;font-size: 16px;color: #333;line-height: 1.7;margin-bottom: 34px;} .school-welcome .info2{font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";text-align: center;font-size: 16px;color: #333;line-height: 1.7;margin-bottom: 32px;} /* .school-welcome .info1{font-family: ;} */ .school-welcome .wel{text-align: center;font-size: 24px;color: #1e1e1e;font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif";} .school-welcome{padding: 52px 0 36px;} .row-school01{background-color: #F8F8F8;padding: 80px 0 0;} .g-schooltit01{text-align: center;} .g-schooltit01 h4{ text-transform: uppercase; font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; font-size: 20px; color: #e00517; } .g-schooltit01 h3{ font-weight: normal; font-size: 32px;color: #1E1E1E;line-height: 1.1; margin-bottom: 38px; } /* 2021-0918 */ .school-join{ padding: 0 0 40px; } .school-join .join-item{ background-color: #fff; margin-bottom: 20px; } .join-item .title{ padding: 22px 30px 12px; background: url(../images/arrow_down.png) no-repeat right 31px center; cursor: pointer; } .join-item .title.active{ background-image: url(../images/arrow_up.png); } .join-item .title .tit{ display: flex; align-items: center; margin-bottom: 10px; } .join-item .title .tit h3{ font-family:"Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; font-weight: normal; font-size: 18px; margin-right: 20px; color: #1e1e1e; } .join-item .title .tit span{ font-size: 14px; min-width: 60px; padding: 0 15px; height: 30px; line-height: 30px; border-radius: 15px; } .join-item .title .tit span.s1{ background: #D1E6FF; color: #4288cf; margin-right: 10px; } .join-item .title .tit span.s2{ background: #F9CDD1; color: #e00517; } .join-item .title .desc{ font-size: 16px; line-height: 40px; color: #666666; } .join-item .title .desc em + em{ position: relative; } .join-item .title .desc em + em:before{ content: '|'; margin: 0 15px 0 10px; } .join-item .cont{ display: none; font-size: 16px; line-height: 34px; padding: 36px 30px 78px; border-top: 1px solid #eeeeee; } .join-item .cont h4{ font-weight: normal; font-size: 20px; color: #1e1e1e; margin-bottom: 5px; } .row-school02{ padding: 100px 0 120px; } .step_list{ padding: 0 0 30px; display: flex; justify-content: space-between; } .step_list li{ position: relative; } .step_list li + li:before{ content: ''; position: absolute; top: 63px; left: -60px; width: 28px; height: 11px; background: url(../images/arrow_right.png) no-repeat center; } .step_list .icon{ width: 122px; height: 122px; margin-bottom: 15px; } .step_list .icon img{ display: block; width: 100%; height: 100%; } .step_list p{ font-size: 16px; color: #1e1e1e; text-align: center; } .z_recruit{ display: flex; align-items: center; padding: 23px 30px 15px; background-color: #F9F9F9; } .z_recruit .eq{ width: 130px; margin-right: 39px; } .z_recruit .eq img{ width: 130px; height: 130px; } .z_recruit .eq p{ font-family: "Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; line-height: 25px; color: #666666; text-align: center; } .z_recruit .txt p{ font-size: 16px; line-height: 42px; } .z_recruit .txt p span{ font-family: "Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; font-size: 16px; color: #1e1e1e; } .z_recruit .txt p a{ font-family: "Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; font-size: 18px; color: #e00517; } .row-school03{ padding: 76px 0 85px; background-repeat: no-repeat; background-position: top center; -webkit-background-size: 100% auto;background-size: 100% auto; } .row-school03 .g-schooltit01 h3{ color: #ffffff; } .row-school03 .box{ background-color: #fff; padding: 45px 28px 72px; box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.08); } .z-tit1{ position: relative; font-family: "Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; font-size: 30px; color: #1e1e1e; padding-left: 22px; } .z-tit1:after{ content: ''; position: absolute; left: -15px; bottom: 5px; width: 152px; height: 10px; background: url(../images/tit_bg.png) no-repeat center; } .slick_salary{ padding: 36px 0 0; margin-bottom: 100px; } .slick_salary .items{ margin: 0 -22px; } .slick_salary .item{ float: left; width: 50%; } .slick_salary .inner{ display: flex; align-items: center; background: #F9F9F9; height: 120px; padding: 0 18px 0 30px; margin: 0 22px 30px; } .slick_salary .num{ font-size: 20px; color: #ffffff; font-style: italic; flex: 0 0 40px; height: 40px; line-height: 40px; text-align: center; background: #F99B5D; border-radius: 50%; margin-right: 21px; } .slick_salary .num2{ background: #8ED2F9; } .slick_salary .num3{ background: #F98EA4; } .slick_salary .num4{ background: #C08EF9; } .slick_salary .num5{ background: #5df3d9; } .slick_salary .num6{ background: #efed68; } .slick_salary .num7{ background: #f99b5d; } .slick_salary .txt{ font-size: 16px; line-height: 1.875; text-align: justify; } .slick_salary .slick-dots{ } .slick_salary .slick-dots li{ width: 12px; height: 12px; background: url(../images/dot.png) no-repeat center; margin: 0 3px; } .slick_salary .slick-dots li.slick-active{ background-image: url(../images/dot_on.png); } .slick_salary .slick-dots li button{ display: none; } .learn_list{ display: flex; justify-content: space-between; padding: 34px 22px 0; } .learn_list li{ font-size: 16px; color: #1e1e1e; } .learn_list .icon{ width: 80px; height: 80px; margin-bottom: 10px; } .learn_list .icon img{ display: block; width: 100%; height: 100%; } .learn_list .tit{ font-family: "Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; margin-bottom: 6px; } .z-tip1{ font-family: "Microsoft YaHei", "Arial", "Helvetica", "sans-serif"; font-size: 20px; padding: 26px 22px 0; } .row-school04{ padding: 0 0 100px; } .guide_tab{ display: flex; justify-content: center; margin-bottom: 40px; } .guide_tab li{ margin: 0 15px; } .guide_tab li a{ display: block; min-width: 90px; height: 50px; line-height: 45px; border: 2px solid #E5E5E5; border-radius: 25px; padding: 0 22px; font-size: 18px; color: #aaaaaa; } .guide_tab li.on a{ border-color: #E00517; background-color: #E00517; color: #ffffff; } .guide_list li{ background: #F9F9F9; margin-bottom: 10px; } .guide_list .title{ font-size: 16px; color: #1e1e1e; display: flex; align-items: center; padding: 24px 0 24px 30px; border-radius: 5px; background: url(../images/arrow_down2.png) no-repeat right 30px center; cursor: pointer; } .guide_list .title span{ font-size: 24px; color: #ffffff; flex: 0 0 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 10px; background: #E5E5E5; } .guide_list .cont{ display: none; } .guide_list .cont p{ display: flex; padding: 6px 132px 30px 80px; font-size: 16px; line-height: 30px; color: #666666; } .guide_list .cont p span{ font-size: 24px; color: #ffffff; flex: 0 0 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 10px; background: #E00517; } .guide_list .title.active{ background-image: url(../images/arrow_up2.png); } @media only screen and (max-width:1199px){ .ban .txt2 p{ font-size: 36px; } .school-welcome .info1{ font-size: 16px; } .school-welcome .info2{ font-size: 16px; } .school-welcome .wel{ font-size: 20px; } .g-schooltit01 h3{ font-size: 30px; } .learn_list li{ font-size: 14px; } .z-tip1{ font-size: 20px; } .slick_salary .txt{ font-size: 14px; } .z_recruit .txt p{ font-size: 14px; line-height: 36px; } .z_recruit .eq{ margin-right: 20px; } .z_recruit .txt p span{ font-size: 16px; } .step_list .icon{ width: 100px; height: 100px; margin-bottom: 5px; } .step_list p{ font-size: 16px; } .step_list li + li:before{ top: 46px; left: -48px; } } @media only screen and (max-width:959px){ .join-item .cont{ font-size: 14px; line-height: 2; } .slick_salary .item{ float: none; width: auto; } .slick_salary .inner{ margin-bottom: 10px; } .learn_list{ display: block; } .learn_list li{ margin-bottom: 15px; } .guide_list .title{ font-size: 14px; padding: 12px 0 12px 12px; background-position: right 10px center; } .guide_list .cont p{ font-size: 14px; line-height: 1.8; padding: 0 30px 20px 60px; } .row-school04{ padding: 0 0 30px; } .guide_tab li a{ font-size: 14px; } .step_list{ display: block; overflow: hidden; } .step_list li{ float: left; width: 25%; margin-bottom: 10px; } .step_list .icon{ width: 60px; height: 60px; margin: 0 auto 5px; } .row-school02{ padding: 50px 0; } .step_list p{ font-size: 12px; } } @media only screen and (max-width:767px){ .ban .txt2 p{ font-size: 20px; } .school-welcome .info1{ font-size: 14px; margin-bottom: 14px; } .row-school01{ padding: 50px 0 0; } .join-item .title{ padding: 10px; -webkit-background-size: 16px auto;background-size: 16px auto; } .join-item .title .tit{ display: block; } .join-item .title .desc{ font-size: 14px; line-height: 2; } .g-schooltit01 h3{ font-size: 22px; } .join-item .title .tit h3{ font-size: 18px; margin-right: 0; } .join-item .title .tit span{ font-size: 14px; } .join-item .title .tit span.s1{ margin-right: 5px; } .join-item .cont{ padding: 10px; } .school-join{ padding: 0 0 20px; } .m-pages{ padding-bottom: 60px; } .z_recruit{ display: block; padding: 10px; } .z_recruit .eq{ margin: 0 auto 10px; } .z_recruit .txt p{ line-height: 2; } .slick_salary .inner{ display: block; padding: 15px; height: auto; } .slick_salary .num{ display: block; width: 40px; margin: 0 auto 10px; } .learn_list .icon{ width: 60px; height: 60px; margin: 0 auto 10px; } .guide_tab li{ margin: 0 5px; } .guide_tab li a{ padding: 0 5px; text-align: center; height: 40px; line-height: 38px; border-width: 1px; } .g-schooltit01 h3{ margin-bottom: 20px; } .guide_tab{ margin-bottom: 20px; } .row-school03{ padding: 30px 0; } .row-school03 .box{ padding: 20px; } .z-tip1{ font-size: 16px; } .slick_salary{ margin-bottom: 30px; } .step_list li + li:before{ display: none; } }