/* index */ html,body,.slide .swiper-slide{position: relative;height: 100%;} .slide .swiper-slide .wp{display: flex;height:100%;flex-direction: column;justify-content:center;} .swiper-container{width: 100%;height: 100%;} .slide{ display: flex;align-items: center;height:100%;} /* slide */ .slide .swiper-container{position:relative;} .slide .ban-slide-bj{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;background: no-repeat center;background-size: cover;} .slide .ban-slide-bj1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;} .slide .swiper-slide-active .ban-slide-bj{transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);transition:all linear 5s;-webkit-transition:all linear 5s;} .slide .slide_txt{position:relative;z-index:3;color:#fff;width:100%;height:100%} .slide .slide_txt .wp{height:100%} .slide .slide_txt .txt1{font-size:72px;font-weight:bold; text-shadow: 3px 3px 5px #fff;color:#0EC8C8} .slide .slide_txt .txt2{font-size:42px;font-weight:bold;margin:30px 0 60px 0;text-shadow: 3px 3px 5px #fff;color:#0EC8C8} .slide .swiper-pagination{bottom:6%!important} .slide .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;position: relative;margin: 0 15px!important;opacity: 1;cursor:pointer;background:none;} .slide .swiper-pagination .swiper-pagination-bullet:before{content: "";display: block;border: 1px solid #fff;border-radius: 50%;transition: background-color 1s cubic-bezier(.215,.61,.355,1),border-color 1s cubic-bezier(.215,.61,.355,1);width:15px;height:15px;} .slide .swiper-pagination .swiper-pagination-bullet-active::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;box-shadow: 0 0 17px 1px #0EC8C8;transition: opacity 1s cubic-bezier(.215,.61,.355,1);width:100%;height:100%} .slide .swiper-pagination .swiper-pagination-bullet-active::before{background-color:#0EC8C8;border-color:#0EC8C8;} .more1.more2 a{color:#fff;} .more1.more2 a::after{content:"";width:100%;height:1px;background:#fff;position:absolute;bottom:0;left:0;transition:all ease .3s} .more1.more2 a i{background:url(../img/icon_jt01.png) no-repeat right center;} .more1.more2:hover a{color:#0EC8C8} .more1.more2:hover a::after{background:#0EC8C8;} .more1.more2:hover a i{background:url(../img/icon_jt.png) no-repeat right center;} .slide .swiper-button-prev{left:30px!important} .slide .swiper-button-white{opacity:0;transition:all ease .3s;} .slide:hover .swiper-button-white{opacity:1;} .section1 video{object-fit: cover;} .section1{position: relative;background-size:100% 100%;} .section1 .play{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:22;} /* section2 */ .section2{background-repeat:no-repeat;background-size:cover;color:#fff;height:737px;} .dot span{transform: rotate(-90deg);position: absolute;left:25px;z-index:1;color:#fff;margin-top:100px;} .section2 .sec2_desc{line-height:32px;text-indent:2em;max-width:453px;} .section2 .xm4{border-right:1px solid rgba(255,255,255,.4);padding-right:65px;padding-bottom:150px;} .section2 .info{padding-left:50px;max-width:680px;} .section2 .sec2_t2{padding:20px 0 60px 0} .section2 .sec2_t3 li{color:rgba(255,255,255,.8)} .section2 .sec2_t3 li .counter{font-weight:bold;color:#fff;position:relative;padding-right:10px;} .section2 .sec2_t3 li .counter.jia:after{content:"+";position:absolute;right:5px;top:5px;font-size:16px;} .section2 .sec2_t3 li .counter.jia {padding-right:20px} .section2 .sec2_t3 li .desc{margin-top:6px;} .section2 a{color:#fff} .section2 a:hover{color:rgba(255,255,255,.8)} /* section3 */ .section3{border-bottom:1px solid #C4C4C4;} .dot2 span{color:#0EC8C8;margin-top:25px;} .swp_jt{position: relative;width:95px;align-items: flex-end;margin-right:8%;} .swp_jt .jt{background:none;font-size:20px;top:auto;margin-top:0;bottom:32%} .swp_jt .jt i{color:#666} .swp_jt .jt:hover i{color:#0EC8C8} .section3 .item .tit{margin:15px;} /* section4 */ .section4 .sec4_k1{padding:80px 0 140px 0} .section4 .sec4_t2{margin-top:30px;} .section4 .sec4_t1,.section4 .sec4_t1 a{color:#0EC8C8} .section4 .sec4_k1 .info{max-width:657px;} .section4 .sec4_k1 .info .sec4_t4{color:#666;margin:35px 0 60px 0;line-height:28px;} .section5 .time{color:#666;margin:20px 0;} .section5 .title{line-height:32px;height:96px;-webkit-line-clamp:3;max-width:360px;} /* section6 */ .section6 .xm5{border-right:1px solid #D3D2D2} .section6 .sec4_t2{margin-top:0;} .section6 .lxfs{padding-left:154px;} .section6 .lxfs li{margin:24px 0;color:#666;} .section6 .lxfs li .biao{width:36px;float:left;margin-right:17px;border:1px solid #083582;border-radius:50%;text-align:center;line-height:36px;height:36px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .section6 .lxfs li .biao i{font-size:20px;color:#083582} .section6 .lxfs li .biao:hover{opacity:.88} /* subpage */ .ny_slide{clear:both;color:#fff;position:relative;} .ny_slide .slide_tc{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;} .ny_slide .wp{height:100%;justify-content: center;flex-direction: column;} .ny_slide .slide_img{position:relative;z-index:0;} .ny_slide .desc{margin-top:15px;} /* subcat */ .subcat{background:#083582;color:#fff;height:80px;line-height:80px;} .subcat li{border-right:1px solid #7780A7;} .subcat li a{color:#fff;display: block;padding:0 60px} .subcat li:hover a,.subcat li.active a{background:#0EC8C8;} .main .list-news ul{margin-top:-45px;} .main .list-news li{cursor:pointer;position:relative;padding:45px 0px;} .main .list-news li .item{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .main .list-news li .item .pbox{overflow:hidden;} .main .list-news li:hover .item{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);} .main .list-news li::before{content:"";position:absolute;bottom:0;background:#E8E8E8;height:1px;width:100%;} .main .list-news li::after{content:"";position:absolute;bottom:0;background:#0ec8c8;height:1px;width:0;transition: all ease-in .3s;-webkit-transition:all ease-in .3s;} .main .list-news li:hover::after{width:100%;} .main .list-news li .pic{background-repeat:no-repeat;background-size:cover;} .main .list-news li .info{max-width:97%;padding:35px 50px;} .main .list-news li .title{font-weight:bold;margin-top:10px} .main .list-news li .title a{color:#083582} .main .list-news li:hover .title a{color:#0ec8c8} .main .list-news li .desc{font-size:14px;line-height:28px;margin:10px 0 15px;color:#666;height:56px;overflow:hidden;} .main .list-news li .time{color:#666;position:relative;} .more1 a{font-size:16px;position:relative;padding-bottom:10px;color:#0ec8c8;width:136px;display:block;position: relative;color:#0ec8c8} .more1 a::after{content:"";width:100%;height:1px;background:#0ec8c8;position:absolute;bottom:0;left:0;transition:all ease .3s} .more1 a i{width:21px;height:9px;background:url(../img/icon_jt.png) no-repeat right center;position: absolute;right:0;top:42%;transform: translateY(-50%);background-size:21px 9px;animation:mymove 1s linear infinite alternate;} @keyframes mymove{ 0%{right: 0;} 100%{right:10px}} /* pages */ .pages{text-align:center;margin-bottom:20px;} .pages ul{padding:0;} .pages li{display:inline-block;vertical-align:middle;margin:0 4px;} .pages li i{vertical-align:middle;font-size:20px;} .pages li a{display:block;border:1px solid #B5B5B5;color:#666;border-radius:2px;width:45px;height:45px;display:inline-flex;line-height:45px;align-items:center;justify-content:center;} .pages li:hover a,.pages li.active a{border-color:#0ec8c8;color:#fff;background-color:#0ec8c8;} .main.ptp .weizhi{margin:20px 0 16px 0} .main .xq1{background:#F7F8FA;padding:25px 0 60px 0;overflow:hidden;} .main .xq01{padding:25px 0;} .main .xq1 .title{font-weight:bold;margin:10px 0 15px 0;} .main .xq1 .subtitle{color:#666;margin-bottom:15px;} .main .xq1 .time{color:#666;font-size:14px} .main .xq1 .time span{margin:0 35px} .main .content,.main .content p{font-size:16px;line-height:32px;color:#666;} .main .xq2 .rbox{margin-left:25px;} .main .xq2 .rbox .item{background:#F7F8FA;padding:20px 20px ;margin-bottom:18px;} .main .xq2 .rbox .item .item_name{font-size:20px;font-weight:bold;margin-bottom:15px;} .main .xq2 .rbox .item .item_title{font-size:18px;line-height:30px;} .main .xq2 .rbox .item .item_title a{color:#666} .main .xq2 .rbox .item .item_title:hover a{color:#063A95} .main .xq2 .rbox .item .item_time{font-size:14px;color:#999;margin:15px 0 0 0} .main .xq2 .rbox .item_t2 .item_name{position:relative;padding-left:13px} .main .xq2 .rbox .item_t2 .item_name::before{content:"";width: 2px;height: 18px;background:#083582;position:absolute;left:0;top:50%;margin-top:-9px} .main .xq2 .rbox .item_t2 .tags{margin:0 -8px 15px -8px} .main .xq2 .rbox .item_t2 .tags a{height:32px;line-height:32px;padding:0 10px;background: #fff;border: 1px solid #D2D2D2;display:inline-block;margin:6px;font-size:14px;color:#666} .main .xq2 .rbox .item_t2 .tags a:hover{background:#0EC8C8;border-color:#0EC8C8;color:#fff} .main .xq2 .item_share{clear:both;margin:15px 0 20px 0;} .main .xq2 .social-share .social-share-icon{float:left;margin-right:15px;width: 45px;height: 45px;line-height:45px;text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;border-radius: 50%;} .main .xq2 .social-share .icon-wechat{background:#43AB35;border-color:#43AB35} .main .xq2 .social-share .icon-qq{background:#1c9bec;border-color:#1c9bec;color:#d2ebfb} .main .xq2 .social-share .icon-qq:hover{color:#fff} .main .xq2 .social-share .icon-weibo{background:#E41523;border-color:#E41523} .main .xq2 .social-share a:before{color:#fff;} .main .xq2 .rbox .share2{height:150px;} .main .back{margin-top:50px;} .main .back a{padding:15px 0;border:1px solid #063A95;border-radius:35px;text-align:center;color:#063A95;display:block;transition:all ease .3s;font-size:18px;} .main .back a:hover{background:#063A95;color:#fff} /* 鑱旂郴鎴戜滑 */ .contact-box{overflow:hidden;box-sizing:border-box;color:#FFF;margin:0 0 25px 0} .contact-box .info{float:left;background:url('../img/lxbg.jpg') no-repeat;width:600px;padding:80px 45px;box-sizing:border-box;height:650px;background-size:cover} .contact-box .map{width:calc(100% - 600px);height:650px;float:left;} .contact-box .map img{max-width:initial!important;} .contact-box .info h3{font-size:30px!important;margin-bottom:5px;font-weight:bold;} .contact-box .info ul{overflow:hidden;border-top:1px solid rgba(231, 221, 218,.6);border-bottom:1px solid rgba(231, 221, 218,.6);margin:35px 0 50px 0;padding:20px 0 45px 0} .contact-box .info ul li{margin-top:25px;overflow:hidden;font-size:14px;height:36px;line-height:30px;} .contact-box .info ul li .biao{width:36px;float:left;margin-right:17px;border:1px solid #fff;border-radius:50%;text-align:center;line-height:36px;height:36px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .contact-box .info ul li .biao i{font-size:1.2rem} .contact-box .info ul li .biao:hover{opacity:.88} .daohang-btn{min-width:127px;height:37px;background:#fff;margin-top:25px;display:inline-block;text-align:center;line-height:37px;border-radius:2px;color:#333!important;font-size:16px;padding:0 30px;} .mdk{padding-top:80px;margin-top:-80px} /* 涓氬姟鍜ㄨ */ .yfbox{background:#eee;} #c-contact .c-list-box{background: #fff;} #c-contact .c-list1 li{float: left;position: relative;width: 50%;height: 90px;font-size: 30px;line-height: 90px;text-align: center;color: #333;background: #ddd;cursor: pointer;} #c-contact .c-list1 li:before{content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -10px;border: 10px solid transparent;} #c-contact .c-list1 li.hover{color: #fff;background:#0EC8C8;} #c-contact .c-list1 li.hover:before{border-top: 10px solid #0EC8C8;} #c-contact .c-list2 li{display: none;padding: 0 40px 70px;} #c-contact .c-list2 li.active{display: block;} #c-contact .c-list2 .c-title{padding:20px 0 0 0;font-size: 24px;line-height: 34px;color: #191919;} #c-contact .c-list2 input{width: 100%;height: 60px;background: #f6f6f6;font-size: 16px;color: #666;padding: 0 20px;margin-bottom: 16px;} #c-contact .c-list2 textarea{width: 100%;padding: 17px 20px;font-size: 16px;line-height: 26px;color: #666;border: 0;background: #f6f6f6;height: 225px;margin-bottom: 16px;outline:0;} #c-contact .c-list2 .c-item2 input{float: left;width: -webkit-calc(50% - 10px);width: calc(50% - 10px);} #c-contact .c-list2 .c-item2 select{border: 0;float: right;width: -webkit-calc(50% - 10px);width: calc(50% - 10px);height: 60px;background: #f6f6f6;font-size: 16px;color: #666;padding: 0 20px;margin-bottom: 16px;outline:0;} #c-contact .c-list2 .c-item2 input:last-child{float: right;} #c-contact .c-list2 button{display: block;margin: 34px auto 0;width:139px;height:49px;font-size:16px;color: #fff;background:#0EC8C8; border: none;} #c-contact .c-list2 button:hover{opacity:.88;} #c-contact .f_yanzheng,#c-fixed-pop .f_yanzheng{display: flex;align-items: center;justify-content: space-between;} #c-contact .f_yanzheng input{margin-bottom: 0;width: calc(100% - 256px) !important;} #c-contact .f_yanzheng img{width: 240px;height: 60px;} /* jobs */ .jobs .t1{clear:both;padding:15px 80px 15px 100px;cursor:pointer;border-bottom:1px solid #C9C9C9;overflow:hidden;margin-bottom:15px;color:#666;} .jobs .list li{font-size:12px;margin:15px 0 0 0;padding:0;} .jobs .list li p.fold-head{padding: 15px;margin:0;display:flex;align-items:center;justify-content: space-between;font-size:20px;} .jobs .list li p.fold-head{clear:both;padding:15px 100px;cursor:pointer;border-bottom:1px solid #C9C9C9} .jobs .list li:hover p.fold-head{color:#0EC8C8} .jobs .list li.on p.fold-head{background:#Fbfbfb;border-bottom-color:#fafafa} .jobs .list li {color:#666;margin-bottom:10px;} .jobs .list li .info {background-color:#Fbfbfb;padding:30px 100px;display:none;} .jobs .list li .info,.jobs .list li .info p{color:#666!important;font-size:14px;line-height:28px;margin-bottom:15px;} .jobs .list li .info p{margin-bottom:10px} .jobs .list li .apply_btn{overflow:hidden;} .jobs .list li .apply_btn a{padding:6px 45px;background:#0EC8C8;color:#fff;margin:25px 0;cursor:pointer;display:inline-block} .jobs .list li .apply_btn a:hover{opacity:.8;} .jobs .list li i{color:#1D2C6C;font-size:28px;} .jobs .list li .zp1 span{font-size:16px;margin-right:50px;font-weight:bold;} /* list_product */ .main .list_pro li{padding:80px 0;} .main .list_pro li:nth-child(2n){background:#FCFCFC;} .main .list_pro li .bimg img{width:auto} .main .list_pro li .info{padding-left:8%;} .main .list_pro li .desc{margin:25px 0;line-height:32px;color:#666;max-height:96px;-webkit-line-clamp:3;} /* service */ .type_desc{color:#1D2C6C;} .fuwu2{background:#FBFBFB;} .mp50{margin-top:-50px;} .fuwu2 .list_hz li{margin-top:-20px;} .fuwu2 .list_hz li .bimg{border:1px solid #eee;background:#fff;text-align:center;} .fuwu2 .list_hz li .bimg img{display:inline-block;} .fuwu2 .list_hz li:hover .bimg{border-color:#0ec8c8;} /* yanfa */ .bgt{background-repeat:no-repeat;background-size:cover;} .yanfa1{color:#fff;text-align:center;justify-content:center;} .yanfa1 .ln{height:780px;position:relative;overflow:hidden} .yanfa1 .z1{position:relative;z-index:2} .yanfa1 .list_ul{margin-top:117px} .yanfa1 .list_ul li{font-size:18px;line-height:30px;color:rgba(255,255,255,.6);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .yanfa1 .list_ul li:hover{color:#fff} .yanfa2 .list_youshi li{text-align:center;} .yanfa2 .list_youshi li .tit{margin:15px 0 -5px 0;color:#666} /* touzi */ .blue{color:#1D2C6C} .touzi1 .tz1_desc{line-height:36px;color:#666;margin-top:35px;max-width:710px;} .touzi2 .list_tz2 .time{color:#666;margin:20px 0 15px 0;} .touzi2 .list_tz2 .tit{line-height:32px;height:96px;-webkit-line-clamp:3;max-width:365px;} /* 鑲$エ淇℃伅 */ .gshq .main{background:url(../img/bg_gp.jpg) no-repeat; overflow:hidden; position:relative;padding: 50px;background-size: cover;} .cyzl{padding-bottom:70px;} .hq1{font-size: 20px;color: #fff;margin-bottom: 20px;} .hq2{overflow: hidden;} .hq2 dl{float: left;margin-right: 63px;position: relative; overflow:hidden;} .hq2 dl h3{font-size: 90px!important;line-height: 1;margin-bottom:0;color:#fff} .hq2 dl.hq21{color: #fff;padding-right: 110px;} .hq2 dl.hq21.die{color:#fff;} .hq2 dl.hq21 i{position: absolute;display: block;width: 18px;height: 17px;bottom: 8px;z-index: 88;right: 80px; background:url(../img/zhang.png) center no-repeat;} .hq2 dl.hq21.die i{background:url(../img/die.png) center no-repeat;} .hq2 dl.hq21 span{position: absolute;font-size: 30px;font-weight: bold;z-index: 89;line-height: 1;bottom: 5px;right: 0;} .hq2 dl.hq22 dd{font-size: 18px;color: #fff;margin-bottom: 5px;line-height: 1.6;} .hq2 dl.hq22 dt{font-size: 34px;color: #fff;line-height: 1.2;} .hq3{font-size: 14px;color: #fff;margin-top: 30px;} .gshq .zhangfu{height:90px;color:#fff;font-size:16px; margin-right:150px;} .gshq .zhangfu li{margin:0 35px} /* about */ .about1 .info{padding-left:120px;max-width:865px;} .about1 .type_desc{margin:40px 0 35px 0} .about1 .desc{line-height:32px;color:#666;margin-top:30px;} .about1 .desc p{margin:20px 0} .about1 .bimg{margin-left:30px;} .about2{background-repeat:no-repeat;background-position:top center;color:#fff;background-size:cover;} .about2 .type_desc{color:#fff;margin-top:-20px;} .about2 li .icon{width:74px;height:74px;border:2px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;} .about2 li .tit{margin:30px 0 18px 0} /* history */ #about-history{position:relative;} #about-history .swiper-container{margin-left: auto;margin-right: auto;position: static;overflow: hidden;z-index: 1;} #about-history .body{margin:0 auto;position:relative;max-width:1300px;margin-top:-60px} #about-history .body .jt[class^="swiper-button"]{top:60%;position: absolute;font-size: 45px;transform: translateX(-50%);color: #999;cursor:pointer;z-index: 1111;font-weight:normal;} #about-history .body .right{background:none;padding-left:160px;position:relative;} #about-history .body .right::before{content:"";position:absolute;width:1px;height:180px;background:url(../img/zxt.png) no-repeat left center;top:0px;left:90px} #about-history .body .content{padding:0 30px;box-sizing:border-box;line-height:1.8;color:#666;font-size:18px;} #about-history li span{font-size:42px;display:block;margin-bottom:15px;font-weight:bold;margin-top:8px;color:#333;} #about-history li span i{font-size:18px;color:#333;font-style:normal;} .swiper-pagination-time{display: flex;justify-content: space-between;margin:150px 0 50px 0;position:relative;padding-left:15px} .swiper-pagination-time:before{content: '';height: 1px;width: 100%;background: #c7c7c7;display: block;position: absolute;top:15px;z-index: 0;} #about-history li{box-sizing:border-box;padding:20px;} #about-history li .img-block{max-width:320px;} #about-history li .pic,#about-history li .img-block{border-radius:2px;} #about-history .swiper-pagination-time .swiper-pagination-bullet{margin:0 16px !important;position:relative;background: #cecece;opacity: 1;width:21px;height:30px;background:url(../img/dian1.png) no-repeat center;} #about-history .swiper-pagination-time .swiper-pagination-bullet b{color: #333;font-weight:normal;font-size:16px;} #about-history .swiper-pagination-time .swiper-pagination-bullet-active{background:url(../img/dian2.png) no-repeat center;opacity: 1;} #about-history .swiper-pagination-time .swiper-pagination-bullet b{position:absolute;top:-27px;left:-4px;font-size:16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} #about-history .swiper-pagination-time .swiper-pagination-bullet-active b{font-size:26px!important;color:#0EC8C8;top:-40px;left:-20px} #about-history .swiper-button-prev-time{left:-50px !important;} #about-history .swiper-button-next-time{right:-50px !important;} /* about4 */ .about4{background:#F9F9F9;} .about4 .swiper-wrapper{padding-bottom:85px;} .about5{border-bottom:1px solid #DCDCDC} .about6 .type_desc{margin-top:30px;} /* zeren */ .zeren li .item{position:relative;overflow:hidden;} .zeren li .item .fdc{position:absolute;width:100%;bottom:40px;padding:0 45px;color:#fff;z-index:1;} .zeren li .item .desc{font-size:16px;line-height:26px;margin:13px 0;height:52px;transition:all 0.2s;overflow:hidden;} .zeren li .item .more{display:none;} .zeren li .item .more a{background:none;color:#fff;width:140px;text-indent:0;} .zeren li .item .more:hover a::after{display:none;} .zeren li .item:hover .fdc{white-space: normal;} .zeren li .item:hover .desc{height:160px;white-space: normal;} .zeren li .item:hover .more{display:block;} .zeren li .item:hover .bimg img{transform: scale(1.09) !important; } .more a{color:#666;font-size:14px;position:relative;border-radius:24px;background:#E7E7E7;width:180px;height:48px;line-height:48px;display:inline-block;text-indent:55px;} .more span{position:relative;z-index:1;width:100%;display:block;} .more a i{width:18px;height:18px;border-radius:50%;background:#fff url(../img/i_jt3.png) no-repeat center;line-height:18px;display:inline-block;position:absolute;top:50%;right:25px;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:1;} .more a::after{content:"";width:0;height:100%;position:absolute;bottom:0;background:#007EFF;left:0;transition: all ease-in .3s;border-radius:24px;} .more a:hover::after{width:100%;} .more a:hover span{color:#fff;} .fixdright{position: fixed;z-index: 1202;right: 16px;bottom: 60px;display: flex;flex-direction: column;align-items: flex-end;} .fixdright .lt{display: flex;flex-direction: column;align-items: flex-end;} .fixdright a{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;} .fixdright a i{display: block;width: 18px;} .fixdright a i img{width: 100%;float: left;} .fixdright a i img:nth-child(2){display: none;} .fixdright a .font{display: none;} .fixdright .top{margin-top: 50px;margin-bottom: 40px;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;-webkit-transform: translateX(600%);transform: translateX(600%);-webkit-transition: all .5s linear;transition: all .5s linear;} .fixdright .top.on{-webkit-transform: translateX(0%);transform: translateX(0%);} .fixdright .top:hover{background-color:#115FAD;} .fixdright .top:hover i img:nth-child(1){display: none;} .fixdright .top:hover i img:nth-child(2){display: block;} .fixdright .zi{width: 160px;height: 52px;background-color: #115FAD;border-radius: 40px;display: flex;justify-content: center;align-items: center;font-size: 20px;} .fixdright .zi i{margin-right: 10px;} .fixdright .zi span{color: #fff;} .fixdright .tel{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: #115FAD;overflow: hidden;border-radius: 30px} .fixdright .tel i img:nth-child(1){display: none;} .fixdright .tel i img:nth-child(2){display: block;} .fixdright .tel .font{display: none;font-size: 20px;} .fixdright .tel:hover{width: 240px;border-radius: 30px;color: #fff;} .fixdright .tel:hover .font{display: block;color: #fff;margin-right: 16px;} .fixdright .tel:hover i img:nth-child(2){display: block;} .fixdright .tel:hover i img:nth-child(1){display: none;} body.en .subcat li a{padding:0 30px} body.en .typecat{font-size:36px;} body.en .type_desc{font-size:26px;margin-top:5px} body.en .subcat ul.f16{font-size:14px!important} @media screen and (min-width:1000px) and (max-width:1199px){ body.en .subcat li a{padding:0 20px} body.en .typecat{font-size:30px;} body.en .type_desc{font-size:24px;} } @media screen and (max-width:999px) { body.en .subcat li a{padding:0 15px} body.en .typecat{font-size:20px;} body.en .type_desc{font-size:16px;} }