.flex{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap;} .Hometitle{position: relative;z-index: 1; padding-bottom: 2vw;color: #333; text-align: center;} .Hometitle .cn{font-size:50px;position: relative;z-index: 2} .Hometitle .cn::after{content: '';display: block;width:40px;height:5px;background: #0049e4;margin: 10px auto 10px} .Hometitle .cn span{display: inline-block;position: relative;line-height: 0.75; font-weight: bold;} .Hometitle .cn span:before{position: absolute;content: '';z-index: -1;width: calc(80 / 42 * 1em);height: calc(60 / 42 * 1em);left: calc(-102 / 42 * 1em);top: calc(-14 / 42 * 1em);background-size: contain;opacity: 1.2;} .Hometitle .cn span:after{position: absolute;content: '';z-index: -1;width: calc(80 / 42 * 1em);height: calc(60 / 42 * 1em);right: calc(-102 / 42 * 1em);top: calc(-14 / 42 * 1em);background-size: contain;opacity: 1.2;} .Hometitle .en{font-size:.7rem;font-weight: bold;text-transform: uppercase;position: absolute;left: 50%;top: -18%;z-index: -1; transform: translateX(-50%);color: #000;opacity: .05;width: 100%} .Hometitle .intro{padding:.16rem 0 .24rem;position: relative;color: #999; font-size:16px} .Hometitle .intro:before{position: absolute;content: '';width:calc(40 / 20 * 1em);height: 2px;left:50%;bottom: 0;margin-left: calc(-20 / 20 * 1em);} .Hometitle .intros{padding:.16rem 0 .24rem;position: relative;color: #fff; font-size:16px} .Hometitle .intros:before{position: absolute;content: '';width:calc(40 / 20 * 1em);height: 2px;left:50%;bottom: 0;margin-left: calc(-20 / 20 * 1em);} .line50{ line-height:150px} .colorWhite{ color:#FFFFFF } .Floor003028 {padding: 55px 0px 75px; overflow: hidden;background: url(/images/bg2.jpg)no-repeat center;background-size: cover } .Floor003028 .item {width:31.3%;float:left;margin-right:3%; height:215px; background:#FFFFFF;margin-top:0.5%} .Floor003028 .item:hover{box-shadow: 0 10px 40px rgba(0,0,0,0.1)} .Floor003028 .item .ytable-cell { vertical-align: top; background:#FFFFFF; } .Floor003028 .item .num { color: #d62921; font-weight: bold; font-size: 36px;padding-right: calc(30 / 36 * 1em);width: 15%} .Floor003028 .item .tit { color: #fff; font-size: 24px;background-image: linear-gradient(90deg, #0272f0, #35b1fd);padding:20px 32px;border-radius: 8px 8px 0 0;text-align: left;} .Floor003028 .item .tit img{max-width:50px;margin-right:8px;margin-top:-2px;} .Floor003028 .item .tit span{position: absolute;right: 25px;font-size: 38px;font-weight: bold;color: rgba(255,255,255,0.3);margin-top:-10px;} .Floor003028 .item p{color: #666; font-size: .16rem;line-height: 2; margin: 0;background:#fff;position:relative; padding-top:25px} .Floor003028 .item h6{display:flex;position:relative; background:#FFFFFF;padding-left:20px; padding-bottom:5px} .Floor003028 .item h6 span{display:flex;align-items:center;line-height:26px;font-size:16px;color:#596efb; width:100%; float:left;background:#FFFFFF;} .Floor003028 .item h6 span:before{content:'';width:18px;height:16px;background-image:url(/images/icon-product.png);background-position:-1px -61px;background-repeat:no-repeat;margin-right:10px} .Floor003028 .img{overflow: hidden;} .Floor003028 .img img{transition: 0.3s all;} .Floor003028 .img:hover img{transform: scale(1.05);} .moreb{text-align: left;} .more{display: inline-block;color: #0049e4; font-size:14px;border: 1px solid #0049e4;background: url(/images/jt2.png)no-repeat center right 15px;margin-top: 18px;border-radius: 10px;transition: 0.3s all; width: 110px;height:40px;text-align: left;line-height:40px;padding: 0 0 0 15px;} .more:hover{background: url(/images/jt3.png)no-repeat center right 15px #0049e4;color: #fff} @media (min-width:1025px) { .Floor003028 .left { width: 100%; } .Floor003028 .right { width: 58%; } .Floor003028 .item:nth-child(1){margin-top:0.5%;} .Floor003028 .item:nth-child(2){margin-top:0.5%;} .Floor003028 .item:last-child { margin-right:0;} } @media (max-width:1024px) { .Floor003028 { padding: 1rem 0;} .Floor003028 .item {width:100%;float:none;margin-right:0;margin-bottom: 10px; } .Floor003028 .item p{ font-size: .2rem;} .more{padding: 0 0 0 0.1rem;background: url(/images/jt2.png)no-repeat center right 10px;} .more:hover{background: url(/images/jt3.png)no-repeat center right 10px #d62921;color: #fff} } .Banner003069{position: relative; z-index: 1;} .Banner003069 .txt{position: absolute; left: 0; top: 0; width: 100%;height: 100%; z-index: 10;color: #fff; text-align: center;} .Banner003069 .txt .ytable{height: 100%} .Banner003069 .txt .en{font-size: .36rem;text-transform: uppercase;font-weight: bold;opacity: .5;padding-top: .1rem} .Banner003069 .txt .cn{font-size: .5rem;} .Banner003069 img{width: 100%;} .Banner003069 .wap{display: none;} @media (max-width:1024px) { .Banner003069 .pc{display: none;} .Banner003069 .wap{display: block;} } .Menu003135{border-bottom: 1px solid #ebebeb;} .Menu003135 .nav-menu li{float: left;line-height: .86rem;position: relative} .Menu003135 .nav-menu li:hover a, .Menu003135 .nav-menu li.aon a{color:#d62921 } .Menu003135 .nav-menu li:hover::after, .Menu003135 .nav-menu li.aon::after{opacity: 1} .Menu003135 .current{padding-left: .3rem;background: url(../images/home.svg)no-repeat center left;background-size: .2rem auto;line-height: .86rem;} .Menu003135 .current i{display: inline-block;font-style: normal;background: url(../images/rightarr_1.png)no-repeat center;padding:0 .24rem;height: 10px} .Menu003135 .current a{color: #aaa} .Menu003135 .current a:hover{color: #d62921} .Menu003135 .menu-site{line-height: .7rem;background: #fff;border: 5px solid #d62921;color: #333;padding: 0 .3rem;border-radius: 10px;font-size: .24rem;position: relative} .Menu003135 .menu-site:before{content: '';position: absolute;width: .24rem;height: .24rem;background: url(../images/jt1.png)no-repeat center;right: .2rem;top: 50%;transform: translateY(-50%);transition: 0.3s all} .Menu003135 .menu-site.on:before{transform: translateY(-50%) rotate(90deg);} @media(min-width:1025px){ .Menu003135{font-size: 15px} .Menu003135 .auto{display: flex;justify-content: space-between;align-items: center;} .Menu003135 .nav-menu li:not(:last-child){margin-right: .5rem} .Menu003135 .nav-menu li::after{content: '';position: absolute;width: 100%;height: 2px;bottom: -1px;left: 0; background:#d62921;opacity: 0;transition: 0.3s all } .Menu003135 .menu-site{display: none} } @media(max-width:1024px){ .Menu003135{padding: .2rem 0;position: relative;z-index: 10} .Menu003135 .auto{position: relative;} .Menu003135 .current{display: none} .Menu003135 .nav-menu ul{display: none;position: absolute;top: 100%;left: 0;width: 100%;background: #fff;border: 1px solid #ebebeb;border-bottom: 0;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 12px rgba(0,0,0,.1)} .Menu003135 .nav-menu li{float: none;width: 100%;border-bottom: 1px solid #ebebeb;line-height: .6rem;padding: 0 .2rem} } .column-title{font-size: .36rem;color: #333;font-weight: bold;padding-bottom: .25rem;line-height: 1.3;position: relative;margin-bottom: .5rem} .about{padding: 1rem 0;background: url(../images/about-bg.png)no-repeat center bottom} .about .txt {flex-wrap: nowrap;display: flex} .about .txt .tl {flex: 0 0 auto;width: 38.7%;padding-right: .3rem;} .about .p {line-height: 2;} .about .p b{color: #d62921} .about .img {display: inline-block;position: relative;padding-bottom: .6rem;padding-left: .6rem;z-index: 5;} .about .img img { display: block;border: .15rem solid #fff;} .about .img:after {content: "";position: absolute;left: 0;bottom: 0;right: 40%;top: .6rem;background: #d62921;z-index: -1;} @media(max-width:1024px){ .about{padding: .5rem 0;} .about .txt {display: block} .about .txt .tl {width: 100%;padding-right: 0;} .about .img {float: left;width: 45%;padding-bottom: .3rem;padding-left: .3rem;margin-right: .3rem} } .team {padding: 1rem 0;} .team .column-title{text-align: center;} .team .box:not(:last-child){margin-bottom: .5rem;border-bottom: 1px solid #ebebeb;padding-bottom: .5rem} .team .box .tit1{font-size: .24rem;color: #333} .team .box .tit2{font-size: .18rem;color: #d62921;padding: .1rem 0 .2rem} .team .box .con{line-height: 1.75;border-top: 1px solid #f0f0f0;padding-top: .2rem} @media(min-width:1025px){ .team .pic{width: 19%;max-width: 2.38rem;} .team .info{padding-left: 5vw;} .team .info:nth-child(2n-1){padding-left: 0;padding-right: 5vw;} } @media(max-width:1024px){ .team {padding: .5rem 0;} .team .pic{width: 100%;display: block;text-align: center} .team .info{width: 100%;display: block;margin-bottom: 20px} } .new{padding: 0 0 0} .new li:not(:last-child){border-bottom: 1px solid #ebebeb;margin-bottom: .3rem;padding-bottom: .3rem;} .new .pic{overflow: hidden;border-radius: 10px} .new .pic figure{padding-bottom: 65%;transition: 0.5s all} .new .txt time{display: inline-block;color: #999} .new .txt .tit{font-size: .22rem;padding: .2rem 0;color: #333} .new .txt p{line-height: 1.75;color: #999} .new .txt .more{padding-right: .2rem;background: url(../images/jt2.png)no-repeat top 5px right;display: inline-block;margin-top: .2rem;color: #d62921} .new li:hover .pic figure{transform: scale(1.05);} .new li:hover .tit{color: #d62921;} .new li:hover .more{color: #d62921;background: url(../images/jt2.png)no-repeat top 5px right;} @media(min-width:1025px){ .new .pic{width: 30%;} .new .txt{padding-left: 3.5vw;} } @media(max-width:1024px){ .new .pic{width: 100%;display: block} .new .txt{width: 100%;display: block;margin-top: 20px} .new .txt .tit{font-size: .24rem;} } .Page002046 .Pages{ text-align:center; padding:3% 0 1rem;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#d62921; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);} @media(min-width:1025px){ .Page002046.wap{display: none} } @media(max-width:1024px){ .Page002046.pc{display: none} .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } .hornor{padding: 1rem 0 0;} .hornor .auto{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: flex-start;} .hornor .item {width: 33.33%;text-align: center;position: relative;padding-bottom: 1rem;padding-left: .2rem;padding-right: .2rem;} .hornor .item:before{content:"";width:50%;left:0;bottom:0;height:1rem;background:url(../images/img21.png) no-repeat center top;position:absolute;} .hornor .item:after{content:"";width:50%;right:0;bottom:0;height:1rem;background:url(../images/img21.png) no-repeat center top;position:absolute;} .hornor .item .img{position:relative;padding-bottom:50%;z-index:5;} .hornor .item .img img{position:absolute;left:50%;bottom:0;transform:translate(-50%);max-height:100%;padding:0 5%;background:url(../images/ying.png) no-repeat right bottom;background-size:contain;} .hornor .item p{position: absolute;width: 90%;left: 50%;bottom: .5rem;transform: translateX(-50%);z-index: 10;} @media(min-width:1025px){ .hornor .wap{display: none;} .hornor .item:nth-child(3n+3):after{background:url(../images/img22.png) no-repeat right top;} .hornor .item:nth-child(3n+1):before{background:url(../images/img20.png) no-repeat left top;} .hornor .item p{font-size: 15px} } @media(max-width:1024px){ .hornor{padding: .5rem 0 0;} .hornor .pc{display: none;} .hornor .item {width: 50%;} .hornor .item:nth-child(2n+2):after{background:url(../images/img22.png) no-repeat right top;} .hornor .item:nth-child(2n+1):before{background:url(../images/img20.png) no-repeat left top;} } .join{padding: 1rem 0;background: #fafafa} .join .column-title{margin-bottom: .1rem} .join .con{line-height: 1.75;padding-bottom: .3rem} .join li{float: left;text-align: center} .join li:not(:last-child){margin-right: .4rem} .join li .icon{background: #d62921;border-radius: 50%;width: .6rem;height: .6rem;padding: .1rem;text-align: center;display: flex;align-items: center;justify-content: center} .join li .icon img{max-height: .36rem;max-width: .36rem} .join li p{margin-top: .05rem} @media(min-width:1025px){ .join .txt{padding-right: 3%} .join .pic{width: 60%} .join .con{font-size: 15px;} } @media(max-width:1024px){ .join{padding: .5rem 0;} .join .txt{width: 100%;display: block;margin-bottom: 20px} .join .pic{width: 100%;display: block} } .JoinList { padding: 1rem 0; } .JoinList .column-title{margin-bottom: .2rem;text-align: center} .JoinList .type dd { position: relative; color: #333; } .JoinList .type dd span { color: #999; display: inline-block; padding-left: 1.25em; background-repeat: no-repeat; background-position: left center; background-size: 1em auto; } .JoinList .type dd.edu span { background-image: url(../images/Floor003147-edu.svg); } .JoinList .type dd.num span { background-image: url(../images/Floor003147-user.svg); } .JoinList .type dd.wp span { background-image: url(../images/Floor003147-place.svg); } .JoinList .type dd.time span { background-image: url(../images/Floor003147-time.svg); } .JoinList .list li { background: #f9fafa; padding: 2.5em; transition: 0.3s; cursor: pointer; } .JoinList .list li .inner { position: relative; padding-right: 60px; } .JoinList .list li .inner i { position: absolute; width: 30px; height: 30px; border: 1px solid #d62921; border-radius: 50%; right: 0; top: 50%; margin-top: -16px; } .JoinList .list li .inner i::before, .JoinList .list li .inner i::after { position: absolute; content: ''; background: #d62921; } .JoinList .list li .inner i::before { left: 20%; width: 60%; height: 1px; top: 50%; margin-top: -1px; } .JoinList .list li .inner i::after { left: 50%; margin-left: -1px; width: 1px; top: 20%; height: 60%; } .JoinList .list li .name { font-size: 1.25em; color: #333; } .JoinList .list li .type {padding: 1em 0 0; } .JoinList .list li .type dd:not(:last-child) { padding-right: 1.7142em; margin-right: 1.7142em; } .JoinList .list li:hover .name { color: #d62921; } @media (min-width:1025px) { .JoinList .type { overflow: hidden; } .JoinList .type dd { float: left; } .JoinList .type dd:not(:last-child):after { position: absolute; content: ''; width: 1px; height: 10px; background-color: #d4d4d4; top: 50%; margin-top: -5px; right: 0; } .JoinList .list li { float: left; width: 49.286%; margin-bottom: 1.5%; } .JoinList .list li:nth-child(2n) { float: right; } .JoinList .list li:nth-child(2n+1) { clear: left; } .JoinList .list li .type { font-size: 0.875em; } } @media (max-width:1024px) { .JoinList { padding: .5rem 0; } .JoinList .list li { margin-bottom: 20px;padding: .3rem; } } .JoinList .popUp-box { position: fixed; left: -100%; width: 100%; top: 0; height: 100%; background-color: rgba(0,0,0,0.5); overflow: auto; z-index: 200; } .JoinList .popUp-box.show { left: 0; } .JoinList .popUp-box .ytable { height: 100%; } .JoinList .popUp-box .main { position: relative; max-width: 1000px; background-color: #fff; width: 90%; margin: 0 auto; } .JoinList .popUp-box .main .colse { position: absolute; width: 1.5625em; height: 1.5625em; right: 1.25em; top: 1.25em; background: url(../images/Floor003147-close.svg) no-repeat; background-size: contain; z-index: 10; cursor: pointer; } .JoinList .popUp-box .main > div { width: 90%; margin: 0 auto; max-width: 1200px; padding: 3em 0; } .JoinList .popUp-box[data-type="form"] .main > div { max-width: 1082px; } .JoinList .popUp-box .name { font-size: 1.5em; color: #333; padding-bottom: 1em; border-bottom: 2px solid #d62921; } .JoinList .popUp-box[data-type="form"] .name { border-bottom: 1px solid #000; margin-bottom: 1em; } .JoinList .load-info .intro-tit { font-size: 1.125em; line-height: 2; margin-top: 1em; margin-bottom: 1em; color: #333; } .JoinList .load-info .edit-info .otwo { display: flex; justify-content: space-between; padding: 39px 0; border-top: 1px dotted #cccccc; } .JoinList .load-info .edit-info .otwo .o_left { width: 19%; } .JoinList .load-info .edit-info .otwo .text { width: 100%; color: #121212; font-weight: bold; } .JoinList .load-info .edit-info .otwo .o_right { width: 81%; } .JoinList .load-info .edit-info .otwo .o_right .r_three { color: #555; margin-bottom: 10px; line-height: 1.5; } .JoinList .load-info .edit-info .otwo .o_right .r_three:last-child { margin-bottom: 0; } .JoinList .load-info .job-email { color: #d62921; padding: .3rem 0;line-height: 1.75 } @media (max-width:1024px) { .JoinList .popUp-box .name { font-size: 1.5em; } .JoinList .popUp-box .main { height: 70%;overflow: auto} } .Timeline003058{padding: 1rem 0;background: url(../images/Timeline003058-bg.jpg)no-repeat center top} .Timeline003058 .column-title{margin-bottom: .2rem;text-align: center} .Timeline003058 .topcon{line-height: 2;text-align: center;margin-bottom:0.3rem;} .Timeline003058 .topcon span{color:#d62921;font-weight: bold;font-size:36px;margin:0 7px;} .Timeline003058 .list{overflow: hidden;position: relative;} .Timeline003058 .year{ z-index: 1;} .Timeline003058 .year .slider:after{position: absolute;content: ''; left: 0; top: 38px; width: 100%;height: 8px;border-radius: 4px;} .Timeline003058 .year .slick-list{padding-bottom: .3rem} .Timeline003058 .year li{text-align: center;position: relative;border-bottom: 1px solid #dadee1;} .Timeline003058 .year li::after{content: '';position: absolute;width: 1px;height: 19px;background: rgba(256,256,256,.2);left: 0;bottom: 4px} .Timeline003058 .year li.slick-current{} .Timeline003058 .year li span{color: #666;display: inline-block; padding-bottom: .3rem; line-height:40px;font-size: 0.24rem;font-weight: bold;position: relative} .Timeline003058 .year li span::after{content: '';display: block;width: 7px;height: 7px;background: #d62921;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -4px} .Timeline003058 .year li.slick-current span{color: #d62921} .Timeline003058 .year li.slick-current span::after{width: 15px;height: 15px;border: 4px solid #d62921;background: #fff;bottom: -8px} .Timeline003058 .btn{position: absolute;top: 30%;width: 100%;left: 0} .Timeline003058 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: .6rem; height: .6rem; background:url(../images/jt1.png)no-repeat center;border: 1px solid #a9adb2;padding: 0; border-radius: 50%; transition: 0.3s;} .Timeline003058 .slick-arrow:hover{background:url(../images/jt3.png)no-repeat center #d62921;border-color: #d62921; } .Timeline003058 .slick-prev{left: 0vw;transform: rotate(180deg)} .Timeline003058 .slick-next{right: 0vw;} .Timeline003058 .slider-list{position: relative;margin: 0 10vw;} .Timeline003058 .slider-list li{padding: 0 0 2vw 0;} .Timeline003058 .slider-list .inner{padding: .6rem 1rem; margin: 0 1.405vw; transition: 0.3s;border-radius: 10px;background: linear-gradient(to left, #77d6df 0%,#335bc1 100%);height: 3.6rem;color: #fff;position: relative} .Timeline003058 .slider-list .inner .ytable{height: 100%} .Timeline003058 .slider-list .inner time{font-size: 2rem;color: #fff;opacity: .08;right: 0;bottom: -.4rem;position: absolute;font-weight: bold} .Timeline003058 .slider-list .con{line-height: 1.75;overflow: auto} .Timeline003058 .slider-list p{padding-left: .2rem;position: relative} .Timeline003058 .slider-list p:not(:last-child){margin-bottom: .1rem} .Timeline003058 .slider-list p::before{content: '';position: absolute;width: 4px;height: 4px;left: 0;top: 11px;background: #fff} .Timeline003058 .slider-list .btn .slick-arrow{position: absolute; top: 50%;border: solid 4px #8696a9; width: 32px; height: 32px; transform: rotate(45deg); border-right: 0;border-top: 0; border-radius: 4px;} .Timeline003058 .slider-list .btn .slick-next{transform: rotate(-135deg);} .Timeline003058 .slider-list .btn .slick-arrow:hover{border-color: #009cbd;} @media(min-width:1601px){ .Timeline003058 .slider-list .btn .slick-prev{left: -3.07vw;} .Timeline003058 .slider-list .btn .slick-next{right: -3.07vw;} .Timeline003058 .slider-list .slider{margin: 0 -1.405vw;} } @media(max-width:1600px){ .Timeline003058 .year li{background: url(../images/Timeline003058-line1.png)no-repeat center bottom 13px;} .Timeline003058 .slider-list .btn .slick-prev{left: 0;} .Timeline003058 .slider-list .btn .slick-next{right: 0;} .Timeline003058 .slider-list .inner{margin: 0 1vw;} .Timeline003058 .slider-list .slider{} } @media(max-width:1400px){ .Timeline003058 .slider-list .inner time {transform: translateX(-120px);} } @media(min-width:1025px){ .Timeline003058 .topcon{font-size:16px;} .Timeline003058 .slider-list .con{font-size: 15px} } @media(max-width:1024px){ .Timeline003058{padding: .5rem 0;} .Timeline003058 .pic{margin-bottom: 30px} .Timeline003058 .pic figure{padding-bottom: 60%} .Timeline003058 .list{padding-right: 0%;overflow: inherit;} .Timeline003058 .slick-list{} .Timeline003058 .slider-list{margin: 0;} .Timeline003058 .slider-list li {padding: 0;} .Timeline003058 .slider-list .pic{margin: 4vw 0;} .Timeline003058 .slider-list .btn .slick-arrow{width: 5vw; height: 5vw;margin-top: -2.5vw;} .Timeline003058 .slider-list .slider{} .Timeline003058 .slider-list .inner{margin: 0;padding: 20px} .Timeline003058 .slider-list .inner time{transform: translateX(0px);display: block;font-size:1rem; bottom: .2rem; right: .2rem; } .Timeline003058 .slider-list .p{font-size: 16px;display: block;width: 100%;height: 10.5em} .Timeline003058 .year{padding: 0 7vw;margin-top: 30px} .Timeline003058 .year .slider:after{height: 5px;top: 28px;} .Timeline003058 .year li span{font-size: 4vw;} .Timeline003058 .year li span::after{margin: 10px auto 0} .Timeline003058 .btn{top: 88%} .Timeline003058 .slick-prev{left: -.2rem;} .Timeline003058 .slick-next{right: -.2rem;} } .Contact{padding: 1rem 0;} .Contact .column-title{text-align: center} .Contact li{float: left;width: 49%;background: #f9fafa;padding:.4rem;border-radius: 10px;position: relative} .Contact li:before{content: '';position: absolute;width: 34%;height: 60%;background: url(../images/logo-bg.png)no-repeat center;right: 0;bottom: 0;background-size:contain;opacity: .02} .Contact li .tit{font-size: .24rem;color: #333;padding-bottom:.2rem;margin-bottom: .2rem;border-bottom: 1px solid #ebebeb;position: relative} .Contact li .tit:before{content: '';position: absolute;width: 4px;height: 50%;background:#d62921;left: -.4rem;top:5px} .Contact li .info{line-height: 1.75} .Contact li .info p{margin-bottom: .1rem;padding-left: .3rem} .Contact li .info p.add{background: url(../images/contact-icon-add.svg)no-repeat center left;background-size: 22px auto} .Contact li .info p.tel{background: url(../images/contact-icon-tel.svg)no-repeat center left;background-size: 16px auto} .Contact li .info p.fax{background: url(../images/contact-icon-fax.svg)no-repeat center left;background-size: 18px auto} .Contact li .info p.mail{background: url(../images/contact-icon-mail.svg)no-repeat center left;background-size: 18px auto} .Map002858 #allmap{height: 6rem;} .Map002858 #allmap, .Map002858 #allmap *{box-sizing: content-box;} .Map002858 #allmap img{max-width: inherit;} /* .Map002858 .BMap_bubble_content b{font-size: 18px;display: block;padding-bottom: 5px;} */ .tdt-infowindow-content{font-size: 14px;} .tdt-infowindow-content b{font-size: 18px;display: block;padding-bottom: 5px;} @media(min-width:1025px){ .Contact li:nth-child(2n){float: right;} .Contact li:nth-child(2n+1){clear: both;} .Contact li .info p{font-size: 15px;} } @media(max-width:1024px){ .Contact{padding: .5rem 0;} .Contact li{float: none;width: 100%;margin-bottom: 20px} .Map002858 #allmap{height: 3rem;} } .partner {padding: 1rem 0} .partner .column-title{text-align: center} .partner .topcon{font-size:16px;line-height: 30px;text-align: center;} .partner .box:not(:last-child){margin-bottom: .5rem;border-bottom: 1px solid #ebebeb;padding-bottom: .5rem} .partner .box .pic img{border-radius: 50%;box-shadow: 0 0px 12px rgba(214,41,33,.08)} .partner .box .info{background: #f9fafa;padding: .6rem;border-radius: 10px;position: relative} .partner .box .info:before{content: '';position: absolute;width: 34%;height: 60%;background: url(../images/logo-bg.png)no-repeat center;right: 0;bottom: 0;background-size:contain;opacity: .02} .partner .box .tit1{font-size: .24rem;color: #333;padding-bottom: .2rem;position: relative;border-bottom: 1px solid #f0f0f0;} .partner .box .tit1::after{position: absolute;content: '';width: .5rem;height: 3px;background:#d62921;left: 0;bottom: -2px; } .partner .box .con{line-height: 1.75;padding-top: .2rem;color: #777} .partner .box .con p:not(:last-child){margin-bottom: .15rem} @media(min-width:1025px){ .partner .pic{width: 24%;padding-right: 5%} } .hylist .item{padding:5% 0;} .hylist .item .w1280{align-items:center;flex-wrap:nowrap;} .hylist .item:nth-child(2n){background:#f9fafa;} .hylist .item:nth-child(2n) .w1280{flex-direction:row-reverse;} .hylist .item .img{flex:0 0 auto;width:45.8%;overflow:hidden;border-radius: 10px} .hylist .item .img img{display:block;width:100%;transition:.8s;} .hylist .item .img figure{padding-bottom: 60%;transition:0.3s;} .hylist .item .img:hover figure{transform:scale(1.15);} .hylist .item .itxt{padding-left:8%;flex:1 1 auto;overflow:hidden;text-align:justify;} .hylist .item .itxt .en{font-size: .16rem;padding-bottom: .05rem} .hylist .item .itxt .cn{font-size: .2rem;color: #333} .hylist .item .icon{margin-bottom:25px;} .hylist .item .icon img{max-width: .5rem;height: .5rem;} .hylist .item .p{margin:.3rem 0 .4rem;line-height:1.75;color:#777;} .hylist .item .more{display: inline-block;color: #d62921;border: 1px solid #d62921;width: 1.44rem;line-height: .46rem;padding: 0 .3rem;background: url(../images/jt2.png)no-repeat center right .3rem;border-radius: 10px;transition: 0.2s all;} .hylist .item .more:hover{background: url(../images/jt3.png)no-repeat center right .3rem #d62921;color: #fff} .hylist .item:nth-child(2n) .itxt{padding-left:0;padding-right:8%;} @media(max-width:1024px){ .hylist .item .w1280{display: block;;} .hylist .item{padding: 0.5rem 0} .hylist .item .img{width: 100%;} .hylist .item .itxt{padding-left: 0;margin-top: 20px;} .hylist .item .itxt .cn{font-size: .24rem;} .hylist .item .more{padding: 0 .2rem;background: url(../images/jt2.png)no-repeat center right .2rem;} } .HyBanner{position: relative; z-index: 1;} .HyBanner .txt{position: absolute; left: 0; top: 0%; width: 100%;height: 100%; z-index: 10; text-align: center;} .HyBanner .txt::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0; background: rgba(0,28,88,.35);z-index: 1} .HyBanner .txt .ytable{height: 100%;padding-bottom: 0%;position: relative;z-index: 2} .HyBanner .txt .cn{font-size: .5rem;color: #fff;} .HyBanner .txt .info{font-size: .18rem;width: 70%;margin: .3rem auto 0;line-height: 1.75;color: #fff;opacity: .85} .HyBanner .wap{display: none} @media(max-width:1024px){ .HyBanner .txt .info{font-size: .2rem;width: 100%;margin-top: .15rem} .HyBanner .pc{display: none} .HyBanner .wap{display: block} } .hyBox2{padding: 1rem 0} .hyBox2 .auto{position: relative} .hyBox2 .column-title{text-align: center;margin-bottom: .1rem} .hyBox2 .bg{text-align: center;position: relative;border-radius: 15px;overflow: hidden;background: #ffffff;box-shadow: 0 10px 35px rgb(0 0 0 / 8%);} .hyBox2 .bg .tit{position: absolute;bottom: 12%;left: 50%;transform: translateX(-50%);color: #fff;opacity: ;font-weight: bold;font-size: .32rem;z-index: 10;} .hyBox2 .list{width: 100%;padding: 5% 5% 3% 5%;} .hyBox2 .pic{width: 100%;background:#000;padding-bottom: 14%;right:0;background-size:cover;} .hyBox2 li{display: inline-block;width: 22.7%;margin-right: 1%;margin-left: 1%;margin-bottom: 2%;background:rgba(255,255,255,0.1);background-image: linear-gradient(rgb(224 233 249 / 60%), rgb(255 255 255 / 60%),rgb(224 233 249 / 60%));align-items: center;justify-content: center;z-index: 10;padding:15px 0;font-size:0.16rem;border-radius: 60px;line-height: 30px;} .hyBox2 li:nth-child(1), .hyBox2 li:nth-child(2), .hyBox2 li:nth-child(3){font-size:0.22rem;} .hyBox2 li:nth-child(7){} .hyBox2 li:nth-child(11){} .hyBox2 li a{display: block;width:100%;} .hyBox2 li p{padding:0 .2rem;text-align: center;color: #1e56bf;} .hyBox2 li:hover{animation:infinite 1s ease imghover;background:#1e56bf;} .hyBox2 li:hover p{color:#fff;} @media(min-width:1025px){ .hyBox2 li:nth-child(1), .hyBox2 li:nth-child(2), .hyBox2 li:nth-child(3){width: 31.1%;} } @media(max-width:1024px){ .hyBox2{padding: 0.5rem 0} .hyBox2 li{width: auto;padding: 10px .2rem;font-size: .18rem} .hyBox2 .pic{padding-bottom: 34%;} } @keyframes imghover{ 0% {transform:translateY(10px)} 50% {transform:translateY(0)} 100% {transform:translateY(10px)} } @-webkit-keyframes imghover{ 0% {transform:translateY(10px)} 50% {transform:translateY(0)} 100% {transform:translateY(10px)} } @-ms-keyframes imghover{ 0% {transform:translateY(10px)} 50% {transform:translateY(0)} 100% {transform:translateY(10px)} } .hyBox3{padding: 1rem 0;background:#f9fafa;} .hyBox3 .column-title{text-align: center;} .hyBox3 ul{} .hyBox3 li{float: left;width: 18.4%;background: #fff;padding: .3rem;border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); margin-right: 2%} .hyBox3 li .num{color: #d62921;font-size: .16rem;} .hyBox3 li .icon{max-width:60px;margin:0 auto;} .hyBox3 li .icon img{} .hyBox3 li .icon .himg{display: none} .hyBox3 li .tit{color: #333;font-size: .22rem;padding: .2rem 0 .2rem;text-align: center;} .hyBox3 li .info{color: #777;line-height: 1.75} .hyBox3 li:hover{background:#d62921;box-shadow: 0 10px 30px rgba(214,41,33,0.06);} .hyBox3 li:hover .icon img{filter: grayscale(100) brightness(100);} .hyBox3 li:hover .icon .himg{display: block;} .hyBox3 li:hover .tit{color:#fff;} .hyBox3 li:hover .info{color:#fff;} @media(min-width:1025px){ .hyBox3 .ul-4 li{width: 23.5%;} .hyBox3 .ul-5 li:nth-child(5n){margin-right: 0;} .hyBox3 .ul-4 li:nth-child(4n){margin-right: 0;} } @media(max-width:1024px){ .hyBox3{padding: 0.5rem 0;} .hyBox3 li{float: none;width: 100% ;margin-right: 0%;margin-bottom: 10px;text-align: center} .hyBox3 li .tit{font-size: .24rem;} } .hyBox4{padding: 1rem 0;} .hyBox4 .column-title{text-align: center;margin-bottom: .2rem} .hyBox4 .txt .tit{font-size:.24rem;color: #333;font-weight: normal;} .hyBox4 .txt .tit:after{content: '';display: block;width: .4rem;height: 3px;background:#d62921;margin: .2rem 0 .3rem } .hyBox4 .txt p{line-height: 1.75;text-align: justify;} .hyBox4 .txt p:not(:last-child){margin-bottom: .2rem} .hyBox4 .txt dl dd{padding-left: .2rem;position: relative;color: #777} .hyBox4 .txt dl dd:not(:last-child){margin-bottom: .05rem;line-height: 1.75;} .hyBox4 .txt dl dd::before{position: absolute;content: '';width: 4px;height: 4px;background:#d62921;left: 0;top: 10px; } .hyBox4 .pc{text-align: center;border-radius:20px; overflow:hidden;} .hyBox4 .pc img{transition: 0.3s ease-out;} .hyBox4 .pc:hover img{transform: scale(1.2);} @media (min-width:1025px) { .hyBox4 .pc{width: 50%;} .hyBox4 .txt{padding-left: 5.0714em; } } @media(max-width:1024px){ .hyBox4{padding: 0.5rem 0;} .hyBox4 .ytable-cell{display: block;width: 100%;} .hyBox4 .txt{margin-top: 20px;} } .PicList002735 { padding: 1rem 0 0; } .PicList002735 li { margin-bottom: 2%;} .PicList002735 li a { display: block; box-shadow: 0 0 20px rgb(0 0 0 / 10%); transition: 0.3s; border-radius: 10px; position: relative;} .PicList002735 li .Ispic { background-size: cover; background-color: #fff; padding-bottom: 67%; border-radius: 10px 10px 0 0; } .PicList002735 li .txt { padding: 6px; } .PicList002735 li .txt h3 { font-size: .18rem; color: #333;font-weight: normal; text-align: center; padding: .15rem 0} .PicList002735 li .txt p { line-height: 1.75; color: #555; height: 84px; } .PicList002735 li:hover .txt h3 { color: #d62921; } .PicList002735 li .hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background-image: linear-gradient(to top, #fff, #fff, rgba(255,255,255,0.75)); z-index: 10; transition: 0.3s; color: #fff; } .PicList002735 li a:hover .hover { opacity: 1; } .PicList002735 li aside { position: absolute; left: 10%;right: 10% ;top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .PicList002735 li .hover img { width: 60px; height: 60px; } .PicList002735 li .hover h5 { margin: 0px 0 10px 0; color: #000; font-size: .18rem;font-weight: normal; line-height: 22px; max-height: 22px; overflow: hidden; } .PicList002735 li .hover p { color: #555; line-height: 30px; margin: 0; max-height: 90px; overflow: hidden; } @media(min-width:1025px) { .PicList002735 li { width: 32%;float: left} .PicList002735 li:not(:nth-child(3n)) {margin-right: 2%;} } @media(max-width:1024px){ .PicList002735 { padding: .5rem 0 0; } .PicList002735 li .txt h3 { font-size: .24rem; } .PicList002735 li .hover h5 {font-size: .24rem;} } .capacityBox1{padding: 1rem 0;} .capacityBox1 .column-title{;margin-bottom: .2rem} .capacityBox1 .txt .tit{font-size:.24rem;color: #333;font-weight: normal;} .capacityBox1 .txt .tit:after{content: '';display: block;width: .4rem;height: 3px;background:#d62921;margin: .2rem 0 .3rem } .capacityBox1 .txt p{line-height: 1.75;text-align: justify;} .capacityBox1 .txt p:not(:last-child){margin-bottom: .2rem} .capacityBox1 .txt dl dd{padding-left: .2rem;position: relative;color: #777} .capacityBox1 .txt dl dd:not(:last-child){margin-bottom: .05rem;line-height: 1.75;} .capacityBox1 .txt dl dd::before{position: absolute;content: '';width: 4px;height: 4px;background:#d62921;left: 0;top: 10px; } .capacityBox1 .pc{text-align: center;overflow: hidden;border-radius: 20px;} .capacityBox1 .pc img{transition: 0.3s ease-out;} .capacityBox1 .pc_h img{border-radius:20px; overflow:hidden;transition: 0.3s ease-out;} .capacityBox1 .pc:hover img{transform: scale(1.1);} .capacityBox1 .pc_h:hover img{transform: scale(1.2);} @media (min-width:1025px) { .capacityBox1 .pc{width: 50%;} .capacityBox1 .txt{padding-left: 5.0714em; } } @media(max-width:1024px){ .capacityBox1{padding: 0.5rem 0;} .capacityBox1 .ytable-cell{display: block;width: 100%;} .capacityBox1 .pc{margin-bottom: 20px;} } .capacityBox2{padding: 1rem 0;background:#f2f6fb;} .capacityBox2 .column-title{text-align: center;margin-bottom: .2rem} .capacityBox3{padding: 1rem 0;} .capacityBox3 .column-title{text-align: center;margin-bottom: .2rem} @media(max-width:1024px){ .capacityBox2, .capacityBox3{padding: 0.5rem 0;} } .capacityBox4{padding: 1rem 0;background:#f2f6fb;} .capacityBox4_white{background:#fff;} .capacityBox4 .column-title{;margin-bottom: .2rem} .capacityBox4 .txt .tit{font-size:.24rem;color: #333;font-weight: normal;} .capacityBox4 .txt .tit:after{content: '';display: block;width: .4rem;height: 3px;background:#d62921;margin: .2rem 0 .3rem } .capacityBox4 .txt p{line-height: 1.75;text-align: justify;} .capacityBox4 .txt p:not(:last-child){margin-bottom: .2rem} .capacityBox4 .txt dl dd{padding-left: .2rem;position: relative;color: #777} .capacityBox4 .txt dl dd:not(:last-child){margin-bottom: .05rem;line-height: 1.75;} .capacityBox4 .txt dl dd::before{position: absolute;content: '';width: 4px;height: 4px;background:#d62921;left: 0;top: 10px; } .capacityBox4 .pc{text-align: center;border-radius:20px; overflow:hidden} .capacityBox4 .pc img{} .capacityBox4 .pc_h img{border-radius:20px; overflow:hidden;transition: 0.3s ease-out;} .capacityBox4 .pc_h:hover img{transform: scale(1.2);} @media (min-width:1025px) { .capacityBox4 .pc{width: 50%;} .capacityBox4 .txt{padding-right: 5.0714em; } } @media(max-width:1024px){ .capacityBox4{padding: .5rem 0;} .capacityBox4 .ytable-cell{display: block;width: 100%;} .capacityBox4 .txt{margin-bottom: 20px; } } .case{padding: 1rem 0 0;} .case li{float: left;width: 49%;margin-bottom: 2%;} .case li .pic{overflow: hidden;position: relative} .case li .pic figure{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: 0.3s ease-out;} .case li .pic a:hover figure{transform: scale(1.2);} .case li .txt{background: #f9fafa;padding: .3rem} .case li .txt .tit{color: #000} .case li .txt .tit:hover a{color:#d62921;} .case li .txt p{line-height: 1.5;color: #777;padding: .15rem 0 0rem;margin-bottom:0.2rem;} .case li .txt .more{display: inline-block;color: #d62921;border: 1px solid #d62921;width: 1.44rem;line-height: .46rem;padding: 0 .3rem;background: url(../images/jt2.png)no-repeat center right .3rem;border-radius: 5px;transition: 0.2s all;} .case li .txt .more:hover{background: url(../images/jt3.png)no-repeat center right .3rem #d62921;color: #fff;} @media (min-width:1025px) { .case li:nth-child(2n){float: right;} .case li .pic{width: 45%;} .case li .txt .tit{font-size: .18rem;} } @media(max-width:1024px){ .case{padding: .5rem 0 0;} .case li{float: none;width: 100%;margin-bottom: 2%;} .case li .pic{width: 45%} .case li .txt .tit{font-size: .24rem} .case li .txt .more{padding: 0 .2rem;background: url(../images/jt2.png)no-repeat center right .2rem;} } /* .Menu002252 为demo编号 */ .Menu002252{padding:0.7rem 0; text-align:center; overflow:hidden;} .Menu002252 a{display:inline-block;line-height:38px; padding:0 20px;background:#f4f4f4; min-width:130px; border-radius:36px;font-size:.16rem;} .Menu002252 a.aon, .Menu002252 a:hover{ color:#fff; background-color:#d62921;} @media(min-width:1025px){ .Menu002252{} .Menu002252 a{display:inline-block;line-height:38px; padding:0 20px;background:#f4f4f4; min-width:130px; border-radius:36px;font-size:.16rem;} } @media(max-width:1024px){ .Menu002252{padding:0.5rem 0; } .Menu002252 a{font-size: .2rem} } /* .PicList002313 为demo编号 */ .PicList002313{ padding: 1rem 0;} .PicList002313 .column-title{text-align: center;padding-bottom:0rem;} .PicList002313 li{ padding: 10px 0;} .PicList002313 li .inner{ position: relative; background: #f8f8f8;} .PicList002313 li .pic{ position: relative;overflow: hidden;} .PicList002313 li .pic .Ispic{position: absolute;width: 100%;height: 100%;top: 0;left: 0;;} .PicList002313 li .pic img{ height: 100%; width: 100%;} .PicList002313 li .icon{width: 120px;height: 120px; border-radius: 50%; background-color: #fff;padding: 10px; box-shadow: 0 0px 12px rgb(214 41 33 / 8%); overflow: hidden; transition: background-color .3s ease-out; -webkit-transition: background-color .3s ease-out;-moz-transition: background-color .3s ease-out; -ms-transition: background-color .3s ease-out;} .PicList002313 li .icon img{ width:100px; height: 100px; transition: transform .5s ease-in-out;; -webkit-transition: -webkit-transform .5s ease-in-out;;-moz-transition: -moz-transform .5s ease-in-out; -ms-transition:-ms-transform .5s ease-in-out;} .PicList002313 li .text{ position: relative;} .PicList002313 li .text figure{ padding: 5% 5% 5% 11%;} .PicList002313 li .text .h3{position: relative; margin: 0; font-size: .24rem;font-weight: normal;padding-bottom:0.2rem;border-bottom:1px solid #f0f0f0;} .PicList002313 li .text .h3:after{position: absolute;content: '';width: .5rem;height: 3px;background:#d62921;left: 0;bottom: -2px;} .PicList002313 li .text .h3 a{ color: #333;} .PicList002313 li:hover .text .h3 a{ } .PicList002313 li .text .con{color: #777; line-height: 1.75; margin: 0.2rem 0 0; overflow: hidden;} .PicList002313 li .text .con p{margin-bottom:0.1rem;text-align: justify;} .PicList002313 li:hover .inner{} .PicList002313 li:hover img{ transform: rotateY(360deg);} @media only screen and (min-width: 1025px) { .PicList002313 li{ padding: 20px 0;} .PicList002313 li .icon{position: absolute; top: 50%; left: -.6rem;transform: translateY(-50%);} .PicList002313 li:nth-child(2n) .icon{ right: -.6rem;left: auto;} .PicList002313 li .pic{width: 37%} .PicList002313 li .text{width:63%;z-index: 10} .PicList002313 li:nth-child(2n) .text figure{ padding: 5% 11% 5% 5%;} .PicList002313 li .pic img{ position: relative;} } @media(max-width:1024px){ .PicList002313{ padding: 0.5rem 0;} .PicList002313 li .pic{width: 100%;display: block;height: 3rem} .PicList002313 li .text{width:100%;display: block} .PicList002313 li .icon{position: relative;margin: 20px auto 0px;} .PicList002313 li .text figure{ padding: .5rem!important;} } /*Timeline002853 */ .Timeline002853{padding: 1rem 0; background: url(../images/Timeline003058-bg.jpg)no-repeat center top;} .Timeline002853 .auto{max-width: 1440px;} .Timeline002853 .inner{max-width: 1280px;margin:0 auto;} .Timeline002853 .column-title{margin-bottom: .2rem;text-align: center} .Timeline002853 .topcon{font-size:16px;line-height: 35px;text-align: center;margin-bottom:0.3rem;} .Timeline002853 .topcon span{color:#d62921;font-weight: bold;font-size:36px;margin:0 7px;} @media(min-width:1025px){ .Timeline002853 .slider-nav{float: left;width: 40.516%;} .Timeline002853 .slider-for{float: right;width: 51.134%;} .Timeline002853 .slider-nav .slick-arrow{width: 197.246%;right:0; top: 50%;} .Timeline002853 .slider-nav .slick-prev{margin-top: -65px;} .Timeline002853 .slider-nav .slick-next{margin-top: 65px;} .Timeline002853 .slider-nav .slick-next:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} .Timeline002853 .slider-nav li{padding-right: 3vw;text-align: right;} } .Timeline002853 .slider-nav{border-right: 1px solid #e6e6e6;position: relative; padding: 3vw 0;} .Timeline002853 .slider-nav .slick-arrow{position: absolute; font-size: 0;border:0;border-bottom: 1px solid #e7e7e7; cursor: pointer;font-size: 0;padding: 0; z-index: 10;} .Timeline002853 .slider-nav .slick-arrow:before{position: absolute; content: ''; width: 25px; height: 25px; background: url(../images/Timeline002853_btn.png) no-repeat center center #fff; left: 50%; top: 50%; margin: -12px 0 0 -12px;} .Timeline002853 .slider-nav li{line-height: 129px; font-size: 18px;color: #ccc;} .Timeline002853 .slider-nav li span{ font-size: 34px; margin-right: 10px;} .Timeline002853 .slider-nav li.slick-center{color: #666;} .Timeline002853 .slider-for .box{padding-top: 6.2vw;line-height: 35px;font-size:16px;} .Timeline002853 .slider-for .year{ color: #d62921;font-size: 48px;line-height: normal;font-weight: bold;margin-bottom:3%;} .Timeline002853 .slider-for .desc{line-height: 28px;color: #333; margin: 1vw 0 2vw 0;font-size: 16px;line-height: 28px;} .Timeline002853 .slider-nav.under3 .slick-track{transition: 0.3s;} @media(max-width:1024px){ .Timeline002853 .slider-nav li{line-height: 60px; text-align: center;} .Timeline002853 .slider-nav{padding: 0 5vw;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;} .Timeline002853 .slider-nav .slick-arrow{width: 1px; height: 100%;background: #e7e7e7; top: 0;} .Timeline002853 .slider-nav .slick-prev{ left: 2.5vw;} .Timeline002853 .slider-nav .slick-next{ right: 2.5vw;} .Timeline002853 .slider-nav .slick-prev:before{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} .Timeline002853 .slider-nav .slick-next:before{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .Timeline002853 .slider-nav .slick-track{margin-top: 0!important;} .Timeline002853 .slider-nav li.slick-current{color: #666;} } @media(max-width:640px){ .Timeline002853 .slider-nav li{font-size: 16px;} .Timeline002853 .slider-nav li span{font-size: 24px;} } .StandardFeatures{padding-top:55px;padding-bottom: calc(100 / 1920 * 100vw);} .StandardFeatures .inner{} .StandardFeatures .pic{width:50%;overflow: hidden;} .StandardFeatures .pic img{transition: 0.3s;border-radius: 10px} .StandardFeatures .pic:hover img{transform: scale(1.15);} .StandardFeatures .text{width:45%;padding-top:4%;} .StandardFeatures .text h2{font-size:0.32rem;color:#333;margin-bottom:5%;} .StandardFeatures .text .icon{max-width:60px;margin-bottom:4%;} .StandardFeatures .text p{line-height: 2;margin: 20px 0;} .StandardFeatures .text p span{background:#d62921;color:#fff;padding: 5px;border-radius: 50%;margin-right: 7px;width: 30px;height: 30px;line-height: 21px;display: inline-block;text-align: center;} .StandardFeatures .box{margin-top:3%;} .StandardFeatures .box h2{font-size:0.32rem;color:#333;text-align: center;margin-bottom: 3%;} .StandardFeatures .box li{width: 23.5%;margin-right:2%;float: left;line-height: 2;text-align: center;box-shadow: 0 5px 30px rgba(0,0,0,0.06);padding: 3%;border-radius: 10px;} .StandardFeatures .box li:nth-child(4){margin-right:0;} .StandardFeatures .box li .icon{margin-bottom:12px;} .StandardFeatures .box li .icon img{max-width:60px;} .StandardFeatures .box li .icon .h{display: none;} .StandardFeatures .box li:hover{background-image: linear-gradient(180deg, #ef6451, #d62921)} .StandardFeatures .box li:hover .icon img{filter: grayscale(100) brightness(100);} .StandardFeatures .box li:hover p{color:#fff;} @media(min-width:1025px){ .StandardFeatures .text p{font-size:0.16rem;} .StandardFeatures .text p span{font-size: 0.14rem;} .StandardFeatures .box li{font-size: 0.16rem;min-height: 2.15rem;} } @media(max-width:1024px){ .StandardFeatures{padding: 1rem 0;} .StandardFeatures .text{width:100%;} .StandardFeatures .pic{width:100%;} .StandardFeatures .text p{display: flex;align-items: center;line-height: 1.75} .StandardFeatures .text p span{width: 40px;height: 40px;line-height: 30px;margin-right: .2rem} .StandardFeatures .box{margin-top:.3rem;} .StandardFeatures .box li{width: 100%;margin-right:0%;float: none;display: flex;align-items: center;text-align: left;} .StandardFeatures .box li .icon{margin:0 .2rem 0 0;} } /*News_detail*/ .News_detail { padding:1rem 0; } .News_detail .news_info { } .News_detail .news_info .title { text-align: center; padding-bottom: 2%; border-bottom: 1px solid #ededed; margin-bottom: 2.5em; } .News_detail .news_info .title h1 { margin: 0; padding-bottom: 1%; font-size: .28rem; font-weight: 500; color: #333 } .News_detail .news_info .title aside span { display: inline-block; vertical-align: middle; margin: 0 1.5em 0.5em; line-height: 2; color: #999; } .News_detail .news_info .info {} .News_detail .news_info img { margin: 1% auto; /* max-width: 50%; */ text-align: center } .News_detail .info { line-height:1.75; color: #333; } .News_detail .bot { position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px dashed #d2d2d2 } .News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 } .News_detail .info_back a { position: relative; color: #fff; display: block; ; width: 150px; line-height: 3; border-radius: 50px; background:#d62921; transition: .3s; } .News_detail .info_back a:hover {opacity: 0.8; } .News_detail .info_pn span { display: block; ; margin: 1% 0; } .News_detail .info_pn span a { color: #666 } .News_detail .info_pn span a:hover { color: #d62921; } @media(max-width:1024px) { .News_detail { padding:.5rem 0; } .News_detail .info_back { position: relative } .News_detail .news_info .title h1{font-size: 1.5em;} } @media(max-width:768px) { .News_detail .info * { max-width: 100%!important } .News_detail .info .rich_media_area_primary_inner { max-width: 100%!important } .News_detail .info_back a { width: 100%; margin-bottom: 2% } } .sing{padding:1rem 0;line-height:1.75; color: #333;} @media(max-width:1024px) { .sing { padding:.5rem 0; } } .sitemap{padding: 1rem 0;;} .sitemap li{ padding:.2rem 0; line-height:.24rem; min-height: .24rem; border-bottom: 1px dashed #eaeaea; font-size:.16rem; position: relative; padding-left:1rem; color: #999;} .sitemap strong{display: inline-block; width:1rem; position: absolute; left: 0; top:.2rem; color: #333;} .sitemap span a{padding: 0 1.5vw; display: inline-block; color: #333;} .sitemap a:hover{color:#d62921;} .f5bg{background:#f5faff} #index_edit .solutions{padding:0 0 0px 0;} #index_edit .solutions .tops-box{display:flex;margin-top:90px} #index_edit .solutions .tops-box .blank{width:240px;flex-shrink:0} #index_edit .solutions .tops-box .right{width:100%} #index_edit .solutions .tops-box .right .text-box{font-size:14px;line-height:28px} #index_edit .solutions .tops-box .right .line-bar{width:100%;height:1px;background-color:#fff;position:relative;margin-top:60px} #index_edit .solutions .tops-box .right .line-bar .bar{width:20%;position:absolute;left:0;background-color:#0049e4;height:1px}#index_edit .solutions .solution-box{display:flex;margin-top:10px} #index_edit .solutions .solution-box .left-nav{width:170px;flex-shrink:0;} #index_edit .solutions .solution-box .left-nav .item{font-size:15px;line-height:32px;color:#888;width:160px;height:44px;display:flex;align-items:center;position:relative;padding-left:15px;margin-bottom:9px;cursor:pointer} #index_edit .solutions .solution-box .left-nav .item .num{font-size:18px;font-family:'Bebas';display:inline-block;margin-right:8px;color:#333; font-weight:bold} #index_edit .solutions .solution-box .left-nav .item .xlines{margin-right:5px;display:inline-block} #index_edit .solutions .solution-box .left-nav .item.active,#index_edit .solutions .solution-box .left-nav .item:hover{color:#fff;background-color:#0049e4;font-size:18px} #index_edit .solutions .solution-box .left-nav .item.active .num,#index_edit .solutions .solution-box .left-nav .item:hover .num{color:#fff;font-size:24px} #index_edit .solutions .solution-box .left-nav .item.active:after, #index_edit .solutions .solution-box .left-nav .item:hover:after{content:'';position:absolute;border-width:6px 0px 6px 6px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px} #index_edit .solutions .solution-box .left-nav .item:nth-child(11).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(11):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(12).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(12):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(13).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(13):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(14).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(14):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(15).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(15):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(16).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(16):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(17).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(17):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(18).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(18):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(19).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(19):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(20).active, #index_edit .solutions .solution-box .left-nav .item:nth-child(20):hover{color:#fff;background:url(/images/navbg.png);font-size:18px; width:164px} #index_edit .solutions .solution-box .left-nav .item:nth-child(11).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(11):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(12).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(12):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(13).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(13):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(14).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(14):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(15).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(15):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(16).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(16):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(17).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(17):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(18).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(18):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(19).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(19):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} #index_edit .solutions .solution-box .left-nav .item:nth-child(20).active:after, #index_edit .solutions .solution-box .left-nav .item:nth-child(20):hover:after{background:url(/images/navbg.png);content:'';position:absolute;border-width:0px 0px 0px 0px;border-color:transparent transparent transparent #0049e4;border-style:solid;right:-6px;top:50%;margin-top:-6px;} .iconfonts{ background:url(/images/icon191.png) repeat right; width:25px; height:6px; margin-left:15px} #index_edit .solutions .solution-box .solution-container{width:calc(100% - 340px); padding:0px 10px; background:#FFFFFF} .left05{ padding-left:5px} .right05{margin-right:-1126px;float:right;} .top01{ margin-top:-530px;} .top02{ margin-top:-477px} .top03{ margin-top:-424px} .top04{ margin-top:-371px} .top05{ margin-top:-318px} .top06{ margin-top:-265px} .top07{ margin-top:-212px} .top08{ margin-top:-159px} .top09{ margin-top:-106px} .top10{ margin-top:-53px} #index_edit .solutions .solution-box .solution-container .swiper-solute{width:100%}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide{background-position:center;background-repeat:no-repeat;background-size:cover}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide img{width:100%;opacity:0;}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide .bottom-box{background-color:rgba(0,73,228,0.8);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 50px 0 40px;font-size:16px}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide .bottom-box .left{color:#fff;display:flex;align-items:center}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide .bottom-box .left .line{display:inline-block;margin:0 10px}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide .bottom-box .left i{display:inline-block;margin-left:30px;font-size:26px}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide .bottom-box .left .iconfont{display:inline-block;margin-left:30px;font-size:26px}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide .bottom-box .left>a{color:#fff;display:flex;align-items:center;height:100%;line-height:70px}#index_edit .solutions .solution-box .solution-container .swiper-solute .swiper-wrapper .swiper-slide .bottom-box>a{color:#fff;display:flex;align-items:center;height:100%;line-height:70px}#index_edit .cases{padding-bottom:80px}#index_edit .cases .case-list{margin-top:60px;display:flex;flex-wrap:wrap}#index_edit .cases .case-list .item{width:280px;margin-right:10px;margin-bottom:50px;position:relative;cursor:pointer}#index_edit .cases .case-list .item .pic{width:100%;height:198px;border:1px solid #f2f4f5}#index_edit .cases .case-list .item .pic img{width:100%;height:100%;object-fit:cover}#index_edit .cases .case-list .item .info{line-height:36px}#index_edit .cases .case-list .item .info .t1{font-size:14px;color:#888}#index_edit .cases .case-list .item .info .t2{font-size:18px;line-height:32px}#index_edit .cases .case-list .item:nth-child(5n){margin-right:0}#index_edit .cases .case-list .item .case-dtl{width:569px;height:280px;background-color:#f5faff;box-shadow:0px 0px 16px 0px rgba(17,109,219,0.2);padding:40px 40px 20px 30px;display:flex;flex-direction:column;justify-content:space-between;top:0;left:0;position:absolute;z-index:10;display:none}#index_edit .cases .case-list .item .case-dtl .tops .top{display:flex;align-items:flex-end;justify-content:space-between}#index_edit .cases .case-list .item .case-dtl .tops .top .tt{color:#0049e4;font-size:14px;position:relative;padding-bottom:10px}#index_edit .cases .case-list .item .case-dtl .tops .top .tt:before{content:'';position:absolute;width:70px;height:2px;background-color:#0049e4;bottom:0}#index_edit .cases .case-list .item .case-dtl .tops .title{font-size:24px;line-height:32px;color:#0049e4;font-weight:bold;margin-top:20px;display:block}#index_edit .cases .case-list .item .case-dtl .tops .desc{font-size:14px;line-height:28px;color:#333;margin-top:20px;display:block}#index_edit .cases .case-list .item .case-dtl .tag{font-size:14px;color:#0049e4;display:flex;align-items:center} #index_edit .cases .case-list .item .case-dtl .tag i{font-size:32px;color:#2F77F1;display:inline-block;margin-right:14px}#index_edit .cases .case-list .item:nth-child(5n) .case-dtl{right:0;left:unset}#index_edit .cases .case-list .item:hover .case-dtl{display:flex}#index_edit .cases .ask-box{margin-top:40px}#index_edit .abouts{}#index_edit .abouts .title-box{width:1040px;margin:0 auto;text-align:center;margin-top:60px}#index_edit .abouts .title-box .title{font-size:32px;line-height:36px;font-weight:bold;color:#0049e4}#index_edit .abouts .title-box .desc{font-size:16px;line-height:32px;margin-top:30px}#index_edit .abouts .about-list{margin:0 auto;display:flex;flex-wrap:wrap;margin-top:15px}#index_edit .abouts .about-list .item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;width:33.3%;transition:transform 0.3s;cursor:pointer}#index_edit .abouts .about-list .item .pic{width:120px;height:120px;line-height:120px;text-align:center;border-radius:50%;background-color:#e5f0ff}#index_edit .abouts .about-list .item .pic i{font-size:58px;color:#0049e4}#index_edit .abouts .about-list .item .tt{color:#0049e4;font-size:20px;margin-top:15px;padding-bottom:15px;position:relative;font-weight:bold;display:inline-block}#index_edit .abouts .about-list .item .tt:before{content:'';position:absolute;width:90%;height:1px;background-color:#e5f0ff;bottom:0;left:5%}#index_edit .abouts .about-list .item .info{font-size:14px;line-height:28px;color:#333;text-align:center;margin-top:20px}#index_edit .abouts .about-list .item:nth-child(4){margin-left:calc(100%/6)}#index_edit .abouts .about-list .item:hover{transform:translateY(-15px);transition:transform 0.3s}#index_edit .abouts .about-list .item:hover .pic{animation:rollRound 1s both}#index_edit .video-box{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;position:relative}#index_edit .video-box img{width:100%;opacity:0}#index_edit .video-box .text-box{position:absolute;width:100%;top:50%;display:flex;align-items:center;flex-direction:column;transform:translateY(-50%)} #index_edit .video-box .text-box .play{width:64px;height:64px;display:block;background-image:url("../img/play.png");background-position:center;background-size:100%;background-repeat:no-repeat;margin:0 auto;cursor:pointer} #index_edit .video-box .text-box p{font-size:18px;line-height:48px;padding:0px 0 20px;color:#fff} #index_edit .video-box .text-box .index-more{color:#0049e4; background:#FFFFFF; height:40px; border-radius:50px; width:120px; line-height:40px; text-align:center; font-size:16px; font-weight:bold } #index_edit .video-box .text-box h2{font-size:40px;line-height:45px;padding:0px 0 20px;color:#fff} #index_edit .index-news{padding-bottom:80px}#index_edit .index-news .news-tops{display:flex;margin-top:50px}#index_edit .index-news .news-tops .left{width:604px;flex-shrink:0}#index_edit .index-news .news-tops .left .swiper-news .swiper-slide{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}#index_edit .index-news .news-tops .left .swiper-news .swiper-slide img{width:100%;opacity:0}#index_edit .index-news .news-tops .left .swiper-news .swiper-slide .date-box{width:80px;height:75px;background-color:#0049e4;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:25px;left:0;font-family:'Bebas'}#index_edit .index-news .news-tops .left .swiper-news .swiper-slide .date-box .day{font-size:36px;line-height:36px}#index_edit .index-news .news-tops .left .swiper-news .swiper-slide .date-box .date{font-size:14px;line-height:20px;margin-top:6px}#index_edit .index-news .news-tops .left .swiper-news .swiper-slide .desc{height:65px;line-height:65px;padding:0 20px;color:#fff;font-size:18px;font-weight:bold;position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,73,228,0.8)}#index_edit .index-news .news-tops .right{width:calc(100% - 604px);padding-left:60px}#index_edit .index-news .news-tops .right .item{padding:15px 0;border-bottom:1px solid #dbdbdb;display:flex}#index_edit .index-news .news-tops .right .item .date-box{width:80px;border-right:1px solid #dbdbdb;font-family:"Bebas";padding:10px 0 0;flex-shrink:0}#index_edit .index-news .news-tops .right .item .date-box .day{font-size:44px;line-height:44px;color:#111111}#index_edit .index-news .news-tops .right .item .date-box .date{color:#666;font-size:14px;margin-top:10px}#index_edit .index-news .news-tops .right .item .info{margin-left:20px;width:calc(100% - 80px)}#index_edit .index-news .news-tops .right .item .info .tt{font-size:22px;line-height:30px;font-weight:bold;color:#111}#index_edit .index-news .news-tops .right .item .info .desc{font-size:14px;line-height:24px;color:#666;margin-top:6px}#index_edit .index-news .news-tops .right .item:nth-child(1){padding-top:0}#index_edit .index-news .news-tops .right .item:hover .info .tt,#index_edit .index-news .news-tops .right .item.active .info .tt{color:#0049e4}#index_edit .index-news .news-tops .right .item:hover .date-box .day,#index_edit .index-news .news-tops .right .item.active .date-box .day{color:#0049e4}#index_edit .index-news .news-tops .right .item:hover .date-box .date,#index_edit .index-news .news-tops .right .item.active .date-box .date{color:#0049e4}#index_edit .index-news .news-list{margin-top:60px;display:flex}#index_edit .index-news .news-list .items-box{width:50%;padding-right:40px;border-right:1px solid rgba(204,204,204,0.6)}#index_edit .index-news .news-list .items-box .item{padding-left:14px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:8px 0 8px 14px}#index_edit .index-news .news-list .items-box .item:before{content:'';position:absolute;width:4px;height:4px;background-color:#666;border-radius:50%;left:0;top:calc(50% - 2px)}#index_edit .index-news .news-list .items-box .item .text{font-size:18px;color:#111;width:85%}#index_edit .index-news .news-list .items-box .item .date{font-size:14px;color:#888;flex-shrink:0}#index_edit .index-news .news-list .items-box .item:nth-child(1){padding-top:0}#index_edit .index-news .news-list .items-box.right-item{padding-right:0px;padding-left:40px;border:none}#index_edit .index-contact{background-color:#f5faff;padding-bottom:85px}#index_edit .index-contact .contact-tops{margin-top:70px}#index_edit .index-contact .contact-tops .tops{display:flex;justify-content:space-between}#index_edit .index-contact .contact-tops .tops .txt{font-size:20px;line-height:36px}#index_edit .index-contact .contact-tops .tops .online .t1{font-size:16px;line-height:32px}#index_edit .index-contact .contact-tops .tops .online .t2{font-size:24px;line-height:48px;font-family:'bebas'}#index_edit .index-contact .contact-tops .items-box{height:180px;background-color:#ffffff;box-shadow:0px 0px 16px 0px rgba(17,109,219,0.2);padding:0 125px;display:flex;align-items:center;justify-content:space-between;margin-top:30px}#index_edit .index-contact .contact-tops .items-box .items{display:flex;align-items:flex-start;cursor:pointer;transition:all 0.3s}#index_edit .index-contact .contact-tops .items-box .items:hover{transform:translateY(-10px);transition:all 0.3s}#index_edit .index-contact .contact-tops .items-box .items img{width:48px;flex-shrink:0}#index_edit .index-contact .contact-tops .items-box .items .txt{margin-left:24px}#index_edit .index-contact .contact-tops .items-box .items .txt .tt{font-size:24px;line-height:24px;font-weight:bold}#index_edit .index-contact .contact-tops .items-box .items .txt .desc{font-size:14px;line-height:24px;color:#333;margin-top:14px}#index_edit .index-contact .form-box .contact-line{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}#index_edit .index-contact .form-box .contact-line input{width:19.4%;height:60px;padding-left:20px;background-color:#fff;border-radius:5px;border:1px solid #ddd;margin-bottom:20px}#index_edit .index-contact .form-box .contact-line input::-webkit-input-placeholder{color:#b9b9b9 !important }#index_edit .index-contact .form-box .contact-line input:-moz-placeholder{color:#b9b9b9 !important}#index_edit .index-contact .form-box .contact-line input:-ms-input-placeholder{color:#b9b9b9 !important}#index_edit .index-contact .form-box .contact-line input.long-ipt{width:58%}#index_edit .index-contact .form-box .contact-line input.short-ipt{width:19%}#index_edit .index-contact .form-box .contact-line .text-box{margin:15px 0;max-height:160px;overflow-y:auto}#index_edit .index-contact .form-box .contact-line .text-box::-webkit-scrollbar{width:4px;height:10px;background-color:#f3f4f5}#index_edit .index-contact .form-box .contact-line .text-box::-webkit-scrollbar-track{border-radius:4;background-color:#f3f4f5}#index_edit .index-contact .form-box .contact-line .text-box::-webkit-scrollbar-thumb{border-radius:4px;background-color:#0049e4}#index_edit .index-contact .form-box .contact-line .text-box span{min-width:14%;height:30px;line-height:30px;padding:0 10px;font-size:14px;color:#333;background-color:#ffffff;border-radius:4px;border:solid 1px #eaeaea;display:inline-block;margin-right:10px;margin-bottom:10px;cursor:pointer}#index_edit .index-contact .form-box .contact-line .text-box span.active{background-color:#0049e4;color:#fff;border:1px solid #0049e4}#index_edit .index-contact .form-box .contact-line textarea{width:100%;height:190px;padding-left:20px;padding-top:20px;resize:none;background-color:#fff;border-radius:5px;border:1px solid #ddd;margin-bottom:20px}#index_edit .index-contact .form-box .contact-line textarea::-webkit-input-placeholder{color:#b9b9b9 !important}#index_edit .index-contact .form-box .contact-line textarea:-moz-placeholder{color:#b9b9b9 !important}#index_edit .index-contact .form-box .contact-line textarea:-ms-input-placeholder{color:#b9b9b9 !important}#index_edit .index-contact .form-box .contact-line .code-input{width:26.5%;height:60px;background-color:#fff;border-radius:5px;border:1px solid #ddd;padding-right:20px;display:flex;align-items:center;justify-content:space-between}#index_edit .index-contact .form-box .contact-line .code-ipt{width:90%;border:none;margin-bottom:0;background-color:transparent}#index_edit .index-contact .form-box .contact-line .code-img{width:120px;height:40px;border:1px solid #eaeaea}#index_edit .index-contact .form-box .contact-line .code-img img{width:100%;height:100%}#index_edit .index-contact .form-box .contact-line .btn{width:264px;height:60px;line-height:60px;color:#fff;font-size:20px;text-align:center;border-radius:5px;border:0;background-color:#0049e4;display:block}#about .about-title{display:flex;align-items:flex-end}#about .about-title .tt{font-size:48px;line-height:48px;font-weight:bold}#about .about-title .t1{font-size:16px;line-height:32px;margin-left:50px}#about .about-box-company{display:flex;padding:130px 0 90px}#about .about-box-company .left-box{width:67.5%;padding-left:11.25%}#about .about-box-company .left-box .desc-box{margin-top:35px;font-size:16px;line-height:32px}#about .about-box-company .left-box .video-box{margin-top:80px;margin-bottom:100px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;left:-20%;width:120%}#about .about-box-company .left-box .video-box img{width:100%;opacity:0}#about .about-box-company .left-box .video-box .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background-repeat:no-repeat;background-image:url("../img/11.png");background-size:100%;background-position:center;cursor:pointer}#about .about-box-company .right-num-box{width:32.5%;padding:8% 9% 0}#about .about-box-company .right-num-box .item-box{margin-bottom:60px}#about .about-box-company .right-num-box .item-box .top{font-size:20px;display:flex;align-items:center}#about .about-box-company .right-num-box .item-box .top .add{font-size:36px;margin-left:10px}#about .about-box-company .right-num-box .item-box .top .num{font-size:48px}#about .about-box-company .right-num-box .item-box .top .unit{margin-left:10px}#about .about-box-company .right-num-box .item-box .info{font-size:14px;line-height:24px;margin-top:10px}#about .about-history{width:100%;height:640px;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}#about .about-history img{width:100%;opacity:0;display:none}#about .about-history .history-bg{position:static;top:0;left:0;width:100%;height:100%;padding-top:4%;display:flex;flex-direction:column;justify-content:flex-end}#about .about-history .history-bg .history-swiper{cursor:pointer;width:100%;height:100%;padding-left:4%;padding-top:4%}#about .about-history .history-bg .history-swiper .finger-box{text-align:center;display:none;position:absolute;top:0px;left:calc(50% - 10px);animation:fingerAnimate 1s infinite;-webkit-animation:fingerAnimate 1s infinite;transition:all 0.6s}#about .about-history .history-bg .history-swiper .finger-box i{font-size:40px;color:#fff}#about .about-history .history-bg .history-swiper .swiper-wrapper{display:flex;align-items:flex-end;margin-top:4%}#about .about-history .history-bg .history-swiper .swiper-slide{width:20% !important;padding:0 4% 0 1.5%;height:85%;position:relative}#about .about-history .history-bg .history-swiper .swiper-slide .text-box{color:#fff}#about .about-history .history-bg .history-swiper .swiper-slide .text-box .year{font-size:32px;line-height:32px} #product .product-container .solute-box-two .solute-list .items .tops{display:flex;align-items:center;justify-content:space-between}#product .product-container .solute-box-two .solute-list .items .tops .left-title{display:flex;align-items:center}#product .product-container .solute-box-two .solute-list .items .tops .left-title img{height:50px;flex-shrink:0}#product .product-container .solute-box-two .solute-list .items .tops .left-title .title{margin-left:30px}#product .product-container .solute-box-two .solute-list .items .tops .left-title .title .t1{font-size:20px;line-height:20px;margin-bottom:20px;font-weight:bold}#product .product-container .solute-box-two .solute-list .items .tops .left-title .title .line{width:40px;height:2px;background-color:#ccc}#product .product-container .solute-box-two .solute-list .items .tops .right-pic{display:flex;align-items:center;font-size:14px;cursor:pointer;transition:all 0.6s}#product .product-container .solute-box-two .solute-list .items .tops .right-pic i{display:inline-block;margin-left:10px;font-size:30px}#product .product-container .solute-box-two .solute-list .items .tops .right-pic.pic-m{display:none}#product .product-container .solute-box-two .solute-list .items .cont{margin-top:20px;font-size:14px;line-height:24px;color:#888}#product .product-container .solute-box-two .solute-list .items:hover{border:1px solid #0049e4}#product .product-container .solute-box-two .solute-list .items:hover .tops .right-pic{transform:translateY(-6px);transition:all 0.6s;color:#0049e4}#product .product-container .solute-box-two .solute-list .items:hover .tops .right-pic i{color:#0049e4}#product .product-container .solute-box-two .solute-list .items:hover .cont{color:#333}#product .product-container .solute-box-three{margin-top:60px;margin-bottom:40px}#product .product-container .solution-num-circle{display:flex;flex-wrap:wrap;padding-bottom:50px}#product .product-container .solution-num-circle .items{width:180px;margin-right:66px;margin-bottom:50px;margin-top:50px}#product .product-container .solution-num-circle .items .circle-box{width:100%;height:180px;border-radius:50%;border:4px solid #1932b2;background-color:#fff;padding:6px}#product .product-container .solution-num-circle .items .circle-box .inner-box{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;position:relative}#product .product-container .solution-num-circle .items .circle-box .inner-box .inner{width:100%;height:100%;position:relative} #product .product-container .solution-num-circle .items .circle-box .inner-box .inner .bg{position:absolute;width:100%;height:0;bottom:0;left:0;background-repeat:no-repeat;background-position:top center;background-size:100% 100%;background-image:url("../img/99.png")}#product .product-container .solution-num-circle .items .circle-box .inner-box .num-box{width:100%;height:100%;top:0;left:0;position:absolute;line-height:160px;text-align:center;color:#1932b2}#product .product-container .solution-num-circle .items .circle-box .inner-box .num-box .num{font-size:64px;font-family:'Bebas'}#product .product-container .solution-num-circle .items .circle-box .inner-box .num-box .ratio{font-size:32px;display:inline-block}#product .product-container .solution-num-circle .items .text-box{margin-top:10px;text-align:center}#product .product-container .solution-num-circle .items .text-box p{font-size:16px;line-height:24px;color:#333;font-weight:bold}#product .product-container .solution-num-circle .items.type-one .circle-box{border-color:#108741}#product .product-container .solution-num-circle .items.type-one .circle-box .inner-box .inner .bg{background-image:url("../img/100.png")}#product .product-container .solution-num-circle .items.type-one .circle-box .inner-box .num-box{color:#108741}#product .product-container .solution-num-circle .items:nth-child(5n){margin-right:0}#product .product-container .solution-num-line{display:flex;flex-wrap:wrap;margin-top:100px;padding-bottom:50px;display:none}#product .product-container .solution-num-line .items{width:355px;margin-right:50px;margin-bottom:40px}#product .product-container .solution-num-line .items .line-box{width:100%;height:40px;border:4px solid #19abdb}#product .product-container .solution-num-line .items .line-box .inner-box{height:100%}#product .product-container .solution-num-line .items .line-box .inner-box .inner{width:0;height:100%;background-image:url("../img/89.png");background-repeat:repeat-x;background-position:center;background-size:auto 100%}#product .product-container .solution-num-line .items .txt{font-size:16px;line-height:24px;font-weight:bold;margin-top:6px;color:#333}#product .product-container .solution-num-line .items.type-one .line-box{border-color:#f59b1a}#product .product-container .solution-num-line .items.type-one .line-box .inner-box .inner{background-image:url("../img/90.png")}#product .product-container .solution-num-line .items:nth-child(3n){margin-right:0}#product .product-container .solution-num-line-one{display:flex;flex-wrap:wrap;margin-top:100px;padding-bottom:50px;display:none}#product .product-container .solution-num-line-one .items{width:355px;margin-right:50px;margin-bottom:40px}#product .product-container .solution-num-line-one .items .line-box{width:100%;height:50px;border:4px solid #1932b2;border-radius:10px;padding-left:2px}#product .product-container .solution-num-line-one .items .line-box .inner-box{height:100%}#product .product-container .solution-num-line-one .items .line-box .inner-box .inner{width:0;height:100%;background-image:url("../img/101.png");background-repeat:no-repeat;background-position:right center;background-size:auto;border-radius:10px 0 0 10px;padding-left:16px}#product .product-container .solution-num-line-one .items .line-box .inner-box .inner span{display:inline-block;height:100%;line-height:42px;font-size:18px;color:#1c38af;font-weight:bold}#product .product-container .solution-num-line-one .items .txt{font-size:16px;line-height:24px;font-weight:bold;margin-top:6px;color:#333}#product .product-container .solution-num-line-one .items.type-one .line-box{border-color:#108741}#product .product-container .solution-num-line-one .items.type-one .line-box .inner-box .inner{background-image:url("../img/102.png")}#product .product-container .solution-num-line-one .items.type-one .line-box .inner-box .inner span{color:#1b8644}#product .product-container .solution-num-line-one .items:nth-child(3n){margin-right:0}#product .product-container .solution-num-box{padding-bottom:50px}#product .product-container .solution-num-mountain{display:flex;flex-wrap:wrap;align-items:flex-end;height:660px;margin-top:120px;margin-bottom:30px}#product .product-container .solution-num-mountain .item{width:150px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;margin-right:104px;margin-bottom:120px}#product .product-container .solution-num-mountain .item .mountain-pic{width:100%;position:relative}#product .product-container .solution-num-mountain .item .mountain-pic .bg-box{width:100%;height:100%;position:relative}#product .product-container .solution-num-mountain .item .mountain-pic .bg-box .bg-height{width:100%;height:0;position:absolute;bottom:0;left:0}#product .product-container .solution-num-mountain .item .mountain-pic .bg-box .bg{width:100%;height:0;background-image:url("../img/103.png");background-repeat:no-repeat;background-position:bottom center;background-size:100% 100%;position:absolute;bottom:0;left:0}#product .product-container .solution-num-mountain .item .mountain-pic .bg-box .bg .num-box{color:#1932b2;font-size:28px;text-align:center;position:absolute;top:-90px;width:100%}#product .product-container .solution-num-mountain .item .mountain-pic .bg-box .bg .num-box .num{font-size:58px;font-family:'Bebas'}#product .product-container .solution-num-mountain .item .txt-box{text-align:center;margin-top:15px}#product .product-container .solution-num-mountain .item .txt-box p{font-size:16px;line-height:24px;color:#333;font-weight:bold}#product .product-container .solution-num-mountain .item:nth-child(5n){margin-right:0}#product .product-container .solution-num-mountain .item.type-one .mountain-pic{height:180px}#product .product-container .solution-num-mountain .item.type-one .mountain-pic .bg-box .bg-height{height:100%}#product .product-container .solution-num-mountain .item.type-one .mountain-pic .bg-box .bg{background-image:url("../img/104.png")}#product .product-container .solution-num-mountain .item.type-one .mountain-pic .bg-box .bg .num-box{color:#108741}#product .product-container .pro-title{display:flex;align-items:center;justify-content:space-between}#product .product-container .pro-title .left .title-box .t1{color:#0049e4}#product .product-container .pro-title .left .title-box .t1 i{font-size:32px}#product .product-container .pro-title .left .title-box .t1 span{display:inline-block;margin-left:15px;font-size:24px;line-height:32px;font-weight:bold}#product .product-container .pro-title .left .title-box .t2{font-size:40px;line-height:32px;margin-top:15px;font-weight:bold}#product .product-container .pro-title .right .txt{font-size:18px;line-height:32px}#product .product-container .pro-title.border{padding-bottom:10px;border-bottom:1px solid #eaeaea}#product .product-container .pro-title.ali-center .left{width:100%} .page_index .banner .swiper .swiper-slide .picbox{width:100%;height:700px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox{position:relative}.page_index .banner .swiper .swiper-slide .picbox .wap{display:none}.page_index .banner .swiper .swiper-slide .picbox .container-xl{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt{position:relative}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox{width:458px;height:100px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2{max-width:100%;height:33px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:18px;font-weight:normal;color:#fff}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2 span{font-size:22px;font-weight:600;color:#00CC8F}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn{font-size:16px;font-weight:normal;color:#fff;width:136px;height:44px;background:#3371FF;border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:40px}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn:hover .picbox{margin-left:6px;opacity:1;visibility:visible}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn .picbox{width:12px;height:12px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn .picbox{margin-left:-12px;margin-top:2px;opacity:0;visibility:hidden;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play{position:absolute;top:50%;right:20%;transform:translateY(-50%)}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .icon{position:relative;z-index:9}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .icon .picbox{width:76px;height:76px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b1,.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b2,.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b3{position:absolute;border-radius:50%;background-color:rgba(255,255,255,0.5)}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b1{top:0;right:0;bottom:0;left:0;z-index:5}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b2{z-index:3}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b2,.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b3{top:0;right:0;bottom:0;left:0}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b3{animation:wave3 2s infinite}.page_index .service{padding:80px 0 100px 0}.page_index .service .titlebox{display:flex;justify-content:center;margin-bottom:40px}.page_index .service .titlebox .atitle{max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:28px;font-weight:600;color:#1A2133;display:inline-flex;line-height:40px;padding:0 52px;position:relative}.page_index .service .titlebox .atitle::before,.page_index .service .titlebox .atitle::after{content:'';width:36px;height:36px;position:absolute;top:2px}.page_index .service .titlebox .atitle::before{left:0;background:url(/Jzw/Tpl/Home/Default/webimages/title_pattern_left.png) no-repeat center center / contain}.page_index .service .titlebox .atitle::after{right:0;background:url(/Jzw/Tpl/Home/Default/webimages/title_pattern_right.png) no-repeat center center / contain}.page_index .service .service_main{background:url(/Jzw/Tpl/Home/Default/webimages/bg_introduce.jpg) no-repeat center center / cover}.page_index .service .service_main .container-xl .detail{padding:48px 60px 40px 60px}.page_index .service .service_main .container-xl .detail:hover .more{color:#3371FF}.page_index .service .service_main .container-xl .detail .d1{max-width:100%;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:24px;font-weight:600;color:#3371FF;line-height:32px}.page_index .service .service_main .container-xl .detail .d2{max-width:100%;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:normal;color:#1A2133;line-height:24px;margin:16px 0}.page_index .service .service_main .container-xl .detail .more{max-width:100%;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:14px;font-weight:normal;color:#1A2133;line-height:20px;transition:all .5s}.page_index .service .service_main .container-xl .detail .more:hover span{margin-left:10px}.page_index .service .service_main .container-xl .detail .more span{transition:all .6s}.page_index .service .service_main .container-xl .itemlist{display:flex}.page_index .service .service_main .container-xl .itemlist .item{height:240px;padding:24px 28px;box-sizing:border-box;position:relative}.page_index .service .service_main .container-xl .itemlist .item::after{content:'';width:0;height:0;position:absolute;left:0;top:0;background-color:#3371FF;transition:all .4s}.page_index .service .service_main .container-xl .itemlist .item:hover::after{width:100%;height:100%}.page_index .service .service_main .container-xl .itemlist .item:hover .itemtitle{font-weight:600}.page_index .service .service_main .container-xl .itemlist .item:hover .item_con{opacity:1;visibility:visible}.page_index .service .service_main .container-xl .itemlist .item .icon,.page_index .service .service_main .container-xl .itemlist .item .itemtitle,.page_index .service .service_main .container-xl .itemlist .item .item_con{position:relative;z-index:5}.page_index .service .service_main .container-xl .itemlist .item .icon{margin-bottom:10px}.page_index .service .service_main .container-xl .itemlist .item .icon .picbox{width:30px;height:30px;overflow:hidden}.page_index .service .service_main .container-xl .itemlist .item .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .service .service_main .container-xl .itemlist .item .itemtitle{margin-bottom:24px;max-width:100%;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-weight:normal;color:#fff;line-height:24px}.page_index .service .service_main .container-xl .itemlist .item .item_con{max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:14px;font-weight:normal;color:#fff;line-height:24px;max-height:112px;opacity:0;visibility:hidden;transition:all .6s}.page_index .service .service_main .container-xl .itemlist .item .bg{position:absolute;left:0;top:0;width:100%;height:100%}.page_index .service .service_main .container-xl .itemlist .item .bg .picbox{width:100%;height:100%;overflow:hidden}.page_index .service .service_main .container-xl .itemlist .item .bg .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}.page_index .fangan{position:relative;height:680px;box-sizing:border-box;padding:80px 0 115px 0;background-color:#333333}.page_index .fangan .container-xl{position:relative;z-index:5}.page_index .fangan .container-xl .titlebox{position:relative;margin-bottom:75px}.page_index .fangan .container-xl .titlebox::after{content:'';width:36px;height:5px;position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);background:linear-gradient(270deg, #00CC8F 0%, #3371FF 100%)}.page_index .fangan .container-xl .titlebox .atitle{max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:28px;font-weight:600;color:#fff;line-height:40px;text-align:center}.page_index .fangan .container-xl .details .itemlist{width:280px;border-radius:4px;background-color:rgba(255,255,255,0.11)}.page_index .fangan .container-xl .details .itemlist .item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:280px;height:60px;border-radius:4px;padding:0 24px;transition:all .5s;cursor:pointer}.page_index .fangan .container-xl .details .itemlist .item.active{width:320px;background:linear-gradient(270deg, #00CC8F 0%, #3371FF 100%)}.page_index .fangan .container-xl .details .itemlist .item.active .item_main .txt{font-weight:600}.page_index .fangan .container-xl .details .itemlist .item.active .arrow{opacity:1;visibility:visible}.page_index .fangan .container-xl .details .itemlist .item .picbox{width:28px;height:28px;overflow:hidden}.page_index .fangan .container-xl .details .itemlist .item .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .fangan .container-xl .details .itemlist .item .item_main{display:flex;align-items:center}.page_index .fangan .container-xl .details .itemlist .item .item_main .icon{flex:none}.page_index .fangan .container-xl .details .itemlist .item .item_main .txt{max-width:100%;height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:18px;font-weight:normal;color:#fff;line-height:26px;padding:0 16px}.page_index .fangan .container-xl .details .itemlist .item .arrow{flex:none;opacity:0;visibility:hidden;margin-left:10px}.page_index .fangan .container-xl .details .item_detail{display:none;flex-direction:column;justify-content:center;padding-left:120px}.page_index .fangan .container-xl .details .item_detail.active{display:flex}.page_index .fangan .container-xl .details .item_detail .d1{max-width:100%;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:26px;font-weight:600;color:#fff;line-height:40px;margin-bottom:24px}.page_index .fangan .container-xl .details .item_detail .d2{max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:16px;font-weight:normal;color:#fff;max-height:72px;line-height:24px;margin-bottom:40px}.page_index .fangan .container-xl .details .item_detail .btns{display:flex}.page_index .fangan .container-xl .details .item_detail .btns .more,.page_index .fangan .container-xl .details .item_detail .btns .tiyan{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:16px;font-weight:normal;color:#fff;width:136px;height:44px;background:none;border-radius:4px;line-height:22px;overflow:hidden}.page_index .fangan .container-xl .details .item_detail .btns .more:hover .picbox,.page_index .fangan .container-xl .details .item_detail .btns .tiyan:hover .picbox{margin-left:6px;opacity:1;visibility:visible}.page_index .fangan .container-xl .details .item_detail .btns .more .picbox,.page_index .fangan .container-xl .details .item_detail .btns .tiyan .picbox{width:12px;height:12px;overflow:hidden}.page_index .fangan .container-xl .details .item_detail .btns .more .picbox .pic,.page_index .fangan .container-xl .details .item_detail .btns .tiyan .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .fangan .container-xl .details .item_detail .btns .more .picbox,.page_index .fangan .container-xl .details .item_detail .btns .tiyan .picbox{margin-left:-12px;margin-top:2px;opacity:0;visibility:hidden;transition:all .6s}.page_index .fangan .container-xl .details .item_detail .btns .more{border:1px solid #FFFFFF}.page_index .fangan .container-xl .details .item_detail .btns .tiyan{background:#3371FF;margin-left:16px}.page_index .fangan .bg{width:100%;height:100%;position:absolute;top:0;left:0}.page_index .fangan .bg .picbox{width:100%;height:100%;overflow:hidden}.page_index .fangan .bg .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}.page_index .fangan .bg .picbox{position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:all .4s}.page_index .fangan .bg .picbox .wap{display:none}.page_index .fangan .bg .picbox.active{opacity:1;visibility:visible}.page_index .shuzi{background:linear-gradient(270deg, #3371FF 0%, #144BCC 100%)}.page_index .shuzi .container-xl .item{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:flex-start;position:relative;height:100px;padding:0 48px;padding-top:6px}.page_index .shuzi .container-xl .item:first-child::before{content:'';width:1px;height:80%;background:#FFFFFF;opacity:.2;position:absolute;left:0;bottom:0}.page_index .shuzi .container-xl .item::after{content:'';width:1px;height:80%;background:#FFFFFF;opacity:.2;position:absolute;right:0;bottom:0}.page_index .shuzi .container-xl .item .itemtitle{max-width:100%;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:14px;font-weight:normal;color:#fff;line-height:20px}.page_index .shuzi .container-xl .item .per{max-width:100%;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:36px;font-weight:normal;color:#fff;line-height:50px}.page_index .func{padding:80px 0 64px 0;background:url(/Jzw/Tpl/Home/Default/webimages/bg_special_function.jpg) no-repeat center bottom / contain;overflow:hidden}.page_index .func .titlebox{display:flex;justify-content:center;margin-bottom:40px}.page_index .func .titlebox .atitle{max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:28px;font-weight:600;color:#1A2133;display:inline-flex;line-height:40px;padding:0 52px;position:relative}.page_index .func .titlebox .atitle::before,.page_index .func .titlebox .atitle::after{content:'';width:36px;height:36px;position:absolute;top:2px}.page_index .func .titlebox .atitle::before{left:0;background:url(/Jzw/Tpl/Home/Default/webimages/title_pattern_left.png) no-repeat center center / contain}.page_index .func .titlebox .atitle::after{right:0;background:url(/Jzw/Tpl/Home/Default/webimages/title_pattern_right.png) no-repeat center center / contain}.page_index .func .container-xl .itemlist{position:relative;padding:0 40px}.page_index .func .container-xl .itemlist .item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 50px}.page_index .func .container-xl .itemlist .item .icon{transition:all .6s}.page_index .func .container-xl .itemlist .item:hover .icon{transform:translateY(-10px)}.page_index .func .container-xl .itemlist .item .icon .picbox{width:96px;height:96px;overflow:hidden}.page_index .func .container-xl .itemlist .item .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .func .container-xl .itemlist .item .itemtitle{max-width:100%;height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:20px;font-weight:600;color:#1A2133;line-height:28px;margin-bottom:12px}.page_index .func .container-xl .itemlist .item .item_con{max-width:100%;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;font-weight:normal;color:#646566;line-height:24px;text-align:center}.page_index .func .container-xl .itemlist .float1,.page_index .func .container-xl .itemlist .float2{position:absolute}.page_index .func .container-xl .itemlist .float1{left:-20px;top:50%;animation:float 2.5s linear infinite}.page_index .func .container-xl .itemlist .float1 .picbox{width:76px;height:87px;overflow:hidden}.page_index .func .container-xl .itemlist .float1 .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .func .container-xl .itemlist .float2{right:-20px;top:-30px;animation:float 3s linear infinite}.page_index .func .container-xl .itemlist .float2 .picbox{width:90px;height:104px;overflow:hidden}.page_index .func .container-xl .itemlist .float2 .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s} .sy_con3{padding:75px 0 50px 0;background:url(/images/1632821799635925.jpg) no-repeat left center / cover} @keyframes float{0%{transform:translateY(0)}25%{transform:translateY(10px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes wave1{from{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes wave2{from{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes wave3{from{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes scale{from{width:100%;height:100%}to{width:110%;height:110%}} .page_index .advantage{padding:0px 0 0px 0;} .page_index .advantage .titlebox{display:flex;justify-content:center;margin-bottom:40px} .page_index .advantage .titlebox .atitle{max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:28px;font-weight:600;color:#fff;display:inline-flex;line-height:40px;padding:0 52px;position:relative} .page_index .advantage .titlebox .atitle::before,.page_index .advantage .titlebox .atitle::after{content:'';width:36px;height:36px;position:absolute;top:2px} .page_index .advantage .titlebox .atitle::before{left:0;background:url(/images/title_pattern_left.png) no-repeat center center / contain} .page_index .advantage .titlebox .atitle::after{right:0;background:url(/images/title_pattern_right.png) no-repeat center center / contain} .page_index .advantage .container-xl .advantage_list .item{width:auto;height:auto;background:rgba(255,255,255,0.12);border-radius:6px;border:1px solid rgba(255,255,255,0.3);margin-bottom:24px;padding:24px 30px;transition:all .5s} .page_index .advantage .container-xl .advantage_list .item:hover{transform:translateY(-10px);border-color:#fff}.page_index .advantage .container-xl .advantage_list .item .icon{margin-bottom:12px} .page_index .advantage .container-xl .advantage_list .item .icon .picbox{width:52px;height:52px;overflow:hidden}.page_index .advantage .container-xl .advantage_list .item .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .advantage .container-xl .advantage_list .item .txt{padding-bottom:4px}.page_index .advantage .container-xl .advantage_list .item .txt .itemtitle{max-width:100%;height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:20px;font-weight:600;color:#fff;line-height:28px;margin-bottom:12px}.page_index .advantage .container-xl .advantage_list .item .txt .item_con{max-width:100%;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:normal;color:#fff;line-height:24px;letter-spacing:0}.page_index .advantage .container-xl .animate_component{display:flex;flex-direction:column;justify-content:center;align-items:center}.page_index .advantage .container-xl .animate_component .animate_main{position:relative}.page_index .advantage .container-xl .animate_component .animate_main .picbox{width:100%;height:100%;overflow:hidden}.page_index .advantage .container-xl .animate_component .animate_main .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .advantage .container-xl .animate_component .animate_main .main{width:340px;height:340px}.page_index .advantage .container-xl .animate_component .animate_main .float1,.page_index .advantage .container-xl .animate_component .animate_main .float2,.page_index .advantage .container-xl .animate_component .animate_main .float3{position:absolute}.page_index .advantage .container-xl .animate_component .animate_main .float1{width:96px;height:186px;top:20px;right:12px;animation:float 3s linear infinite}.page_index .advantage .container-xl .animate_component .animate_main .float2{width:40px;height:60px;top:14px;left:94px;animation:float 2.2s linear infinite}.page_index .advantage .container-xl .animate_component .animate_main .float3{width:48px;height:56px;top:36px;left:14px;animation:float 2.6s linear infinite}.page_index .case{padding:80px 0 55px 0;background:url(/Jzw/Tpl/Home/Default/webimages/bg_customer_case.jpg) no-repeat center center / cover}.page_index .case .container-xl .swiper_top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px}.page_index .case .container-xl .swiper_top .titlebox .atitle{max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:28px;font-weight:600;color:#fff;line-height:40px;margin-bottom:8px} .bg06{ background:#f3f3f3;} .bg05{ background:#eff7ff} .xys-xldk1{ padding-top: 110px; background: url(/images/xys-xlbg1.png) left top no-repeat, url(/images/xys-xlbg2.png) right top no-repeat; } .xys-xldk{ display: block; padding: 46px 0px 60px; overflow: hidden; position: relative; } .qywh{ display: block; padding: 46px 0px 60px; overflow: hidden; position: relative;} .aboutbk{padding-top:60px;padding-bottom: calc(100 / 1920 * 100vw);} .aboutbk .inner{ margin:0 auto; padding-top:10px} .aboutbk .pic{width:45%;overflow: hidden;} .aboutbk .pic img{transition: 0.3s;border-radius: 10px} .aboutbk .pic:hover img{transform: scale(1.15);} .aboutbk .text{width:55%;padding-top:4%; float:left; padding-right:5%} .aboutbk .text h2{font-size:30px;color:#333;margin-bottom:5%; font-weight:bold} .aboutbk .text .icon{max-width:60px;margin-bottom:4%;} .aboutbk .text p{line-height:30px;margin: 20px 0; font-size:15px} .aboutbk .text p span{background:#d62921;color:#fff;padding: 5px;border-radius: 50%;margin-right: 7px;width: 30px;height: 30px;line-height: 21px;display: inline-block;text-align: center;} .aboutbk .box{margin-top:3%;} .aboutbk .box h2{font-size:0.32rem;color:#333;text-align: center;margin-bottom: 3%;} .aboutbk .box li{width: 23.5%;margin-right:2%;float: left;line-height: 2;text-align: center;box-shadow: 0 5px 30px rgba(0,0,0,0.06);padding: 3%;border-radius: 10px;} .aboutbk .box li:nth-child(4){margin-right:0;} .aboutbk .box li .icon{margin-bottom:12px;} .aboutbk .box li .icon img{max-width:60px;} .aboutbk .box li .icon .h{display: none;} .aboutbk .box li:hover{background-image: linear-gradient(180deg, #ef6451, #d62921)} .aboutbk .box li:hover .icon img{filter: grayscale(100) brightness(100);} .aboutbk .box li:hover p{color:#fff;} @media(min-width:1025px){ .aboutbk .text p span{font-size: 0.14rem;} .aboutbk .box li{font-size: 0.16rem;min-height: 2.15rem;} } @media(max-width:1024px){ .aboutbk{padding: 1rem 0;} .aboutbk .text{width:100%;} .aboutbk .pic{width:100%;} .aboutbk .text p{display: flex;align-items: center;line-height: 1.75} .aboutbk .text p span{width: 40px;height: 40px;line-height: 30px;margin-right: .2rem} .aboutbk .box{margin-top:.3rem;} .aboutbk .box li{width: 100%;margin-right:0%;float: none;display: flex;align-items: center;text-align: left;} .aboutbk .box li .icon{margin:0 .2rem 0 0;} } .jcgn{padding-top:0px;padding-bottom:10px;} .jcgn .inner{} .jcgn .pic{width:50%;overflow: hidden;} .jcgn .pic img{transition: 0.3s;border-radius: 10px} .jcgn .pic:hover img{transform: scale(1.15);} .jcgn .text{width:45%;padding-top:4%;} .jcgn .text h2{font-size:0.32rem;color:#333;margin-bottom:5%;} .jcgn .text .icon{max-width:60px;margin-bottom:4%;} .jcgn .text p{line-height: 2;margin: 20px 0;} .jcgn .text p span{background:#d62921;color:#fff;padding: 5px;border-radius: 50%;margin-right: 7px;width: 30px;height: 30px;line-height: 21px;display: inline-block;text-align: center;} .jcgn .box{margin-top:1.2%;} .jcgn .box h2{font-size:20px;color:#333;text-align: center;margin-bottom: 3%; font-weight:bold; padding:20px 0px 10px} .jcgn .box li{width: 18.4%;margin-right:2%; margin-bottom:2%;float: left;line-height: 2;text-align: center;box-shadow: 0 5px 30px rgba(0,0,0,0.06);padding: 3%;border-radius: 10px; font-size:14px} .jcgn .box li:nth-child(5n){margin-right:0;} .jcgn .box li:nth-child(11){margin-bottom:0;} .jcgn .box li:nth-child(12){margin-bottom:0;} .jcgn .box li:nth-child(13){margin-bottom:0;} .jcgn .box li:nth-child(14){margin-bottom:0;} .jcgn .box li:nth-child(15){margin-bottom:0;} .jcgn .box li .icon{margin-bottom:12px; height:40px} .jcgn .box li .icon img{max-width:60px;} .jcgn .box li .icon .h{display: none;} .jcgn .box li:hover{background-image: linear-gradient(180deg, #2152b8, #0049e4)} .jcgn .box li:hover .icon img{filter: grayscale(100) brightness(100);} .jcgn .box li:hover p{color:#fff;} .jcgn .box li:hover h2{color:#fff;} @media(min-width:1025px){ .jcgn .text p{font-size:0.16rem;} .jcgn .text p span{font-size: 0.14rem;} .jcgn .box li{font-size:14px;min-height: 2.15rem;} } @media(max-width:1024px){ .jcgn{padding: 1rem 0;} .jcgn .text{width:100%;} .jcgn .pic{width:100%;} .jcgn .text p{display: flex;align-items: center;line-height: 1.75} .jcgn .text p span{width: 40px;height: 40px;line-height: 30px;margin-right: .2rem} .jcgn .box{margin-top:.3rem;} .jcgn .box li{width: 100%;margin-right:0%;float: none;display: flex;align-items: center;text-align: left;} .jcgn .box li .icon{margin:0 .2rem 0 0;} } /*浮动*/ .clearfix { *zoom: 1; clear: both; } .clearfix:after { clear: both; display: block; height: 0; visibility: hidden; line-height: 0; content: '\20'; } .index_tit { text-align: center; padding:0 15px; } .index_tit span { display: block; font-size: 38px; color: #222222; line-height: 1.6; } .index_tit h2 { display: block; font-size: 38px; color: #222222; line-height: 1.6; font-weight:normal; } .index_tit p { font-size: 16px; color: #999999; line-height: 1.6; } @media (max-width: 1366px) { .index_tit span { font-size: 32px; } .index_tit h2 { font-size: 32px; } .index_tit p { font-size: 15px; } } @media (max-width: 768px) { .index_tit span { font-size: 26px; } .index_tit h2 { font-size: 26px; margin-bottom:10px; margin-top:20px; } .index_tit p { font-size: 16px; line-height: 1.6; } .index_tit p br{ line-height:0px; display:none; } } @media (max-width: 480px) { .index_tit span { font-size: 24px; } .index_tit h2 { font-size: 20px; margin-top: 10px; } .index_tit p { font-size: 15px; width: 100%; margin: 4px auto 30px auto; } } @media (max-width: 414px) { .index_tit span { font-size: 20px; } } @media (max-width: 375px) { .index_tit span { font-size: 22px; } } .index_block { width: 100%; background: #fff; padding: 90px 0; } @media (max-width: 1366px) { .index_block { padding: 3% 0; } } .about_brand { text-align: center; margin-top: 6%; } .about_brand li { display: inline-block; margin: 0 2% 2% 2%; vertical-align: top; } .about_brand li b { font-size: 60px; color: #222; line-height: .6; } .about_brand li b sup { font-size: 16px; vertical-align: top; } .about_brand li p { font-size: 14px; color: #999999; line-height: 2; } @media (max-width: 1200px) { .about_brand li b { font-size: 50px; line-height: 1; } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15px; } } @media (max-width: 768px) { .about_brand li b { font-size: 1rem; } .about_brand li b sup { font-size: 14px; } .about_brand li p { font-size: 16px; } } @media (max-width: 425px) { .about_brand li:first-child{ margin-left:16%; margin-bottom: 20px; } .about_brand li:nth-child(2){ margin-right:16%; margin-bottom: 20px; } } @media (max-width: 412px) { .about_brand li b sup { font-size: 12px; } .about_brand li p { font-size: 13px; } } .index_about { padding-top: 80px; background: #f4f4f4; } @media (max-width: 1200px) { .index_about { padding-top: 3%; } } .in_about { margin-top: 45px; } @media (max-width: 1200px) { .in_about { margin-top: 3%; } } .in_about ul li { width: 32.9%; float: left; } .in_about ul li .inabout_el { width: 100%; background: #222222; margin-bottom: 1%; } .in_about ul li .inabout_el .inabout_img { width: 50%; float: left; position: relative; } .in_about ul li .inabout_el .inabout_img:after { content: ''; display: block; width: 100%; padding-top: 101%; } .in_about ul li .inabout_el .inabout_img a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about ul li .inabout_el .inabout_img a span { display: block; font-size: 14px; line-height: 26px; height: 26px; width: 70px; text-align: center; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; color: #fff; } .in_about ul li .inabout_el .inabout_img a span:before { content: ''; display: block; width: 0; height: 1px; background: #fff; margin: auto; top: 0; left: 0; right: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about ul li .inabout_el .inabout_img a span:after { content: ''; display: block; width: 0; height: 1px; background: #fff; margin: auto; bottom: 0; left: 0; right: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about ul li .inabout_el .inabout_img a:hover { opacity: 1; } .in_about ul li .inabout_el .inabout_img a:hover span:before { width: 100%; } .in_about ul li .inabout_el .inabout_img a:hover span:after { width: 100%; } .in_about ul li .inabout_el .inabout_img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .in_about ul li .inabout_el .inabout_wen { width: 50%; float: left; position: relative; } .in_about ul li .inabout_el .inabout_wen:after { content: ''; display: block; width: 100%; padding-top: 101%; } .in_about ul li .inabout_el .inabout_wen .inabout_wen_inner { position: absolute; width: 100%; height: 100%; padding: 6% 6% 0 6%; top: 0; left: 0; } .in_about ul li .inabout_el .inabout_wen a { display: block; } .in_about ul li .inabout_el .inabout_wen a span { display: block; width: 100%; font-size: 36px; color: #fff; float: left; line-height: 1.3; } .in_about ul li .inabout_el .inabout_wen a h2 { display: block; width: 100%; font-size: 30px; color: #fff; float: left; line-height: 1.3; font-weight:normal; } .in_about ul li .inabout_el .inabout_wen a hr { width: 14px; height: 1px; background: #fff; border: none; display: block; float: left; margin: 2% 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about ul li .inabout_el .inabout_wen a:hover hr { width: 100px; } .in_about ul li .inabout_el .inabout_wen p { width: 100%; font-size: 15px; color: #fff; line-height: 2.1; float: left; margin-top: 2%; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; } .in_about ul li .inabout_el .inabout_wen .inabout_a { margin-top: 5%; float: left; } .in_about ul li .inabout_el .inabout_wen .inabout_a a { display: block; font-size: 15px; color: #fff; position: relative; margin-right: 50px; float: left; line-height: 17px; margin-bottom: 16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; } .in_about ul li .inabout_el .inabout_wen .inabout_a a .service_tit{ font-weight:normal; color: #9c9c9c; font-size: 15px; } .in_about ul li .inabout_el .inabout_wen .inabout_a a:after { content: ''; display: block; width: 2px; height: 100%; background: #fff; position: absolute; right: -25px; top: 0; } .in_about ul li .inabout_el .inabout_wen .inabout_a a:hover { color:#0049e4; } .in_about ul li .inabout_el:hover { background: #0049e4; } .in_about ul li.in_about_middle { width: 33.2%; margin: 0 .5%; } .in_about ul li.in_about_middle .inabout_el .inabout_img { width: 100%; } .in_about ul li.in_about_middle .inabout_el .inabout_img:after { padding-top: 61%; } .in_about ul li.in_about_middle .inabout_el .inabout_wen { width: 100%; } .in_about ul li.in_about_middle .inabout_el .inabout_wen:after { content: ''; display: block; width: 100%; padding-top: 40%; } .in_about ul li.in_about_middle .inabout_el .inabout_wen p { margin-top: 1%; } .in_about ul li.in_about_middle .inabout_el .inabout_wen .inabout_a { margin-top: 2%; } @media (max-width: 1600px) { .in_about ul li .inabout_el .inabout_wen a span { font-size: 20px; } .in_about ul li .inabout_el .inabout_wen a h2 { font-size: 20px; } .in_about ul li .inabout_el .inabout_wen hr { margin: 2% 0; } .in_about ul li .inabout_el .inabout_wen p { line-height: 1.7; } } @media (max-width: 980px) { .in_about ul li { width: 100%; float: none; } .in_about ul li.in_about_middle { width: 100%; float: none; margin: 2% 0 2% 0; } } @media (max-width: 1200px) { .in_about ul li .inabout_el .inabout_wen a span { font-size: 22px; font-weight:bold; } .in_about ul li .inabout_el .inabout_wen a h2 { font-size: 22px; font-weight:bold; } .in_about ul li .inabout_el .inabout_wen p { line-height: 1.8; font-size:16px; } .in_about ul li .inabout_el .inabout_wen .inabout_a a .service_tit { font-weight: normal; color: #9c9c9c; font-size: 17px; } } @media (max-width: 480px) { .in_about ul li .inabout_el .inabout_wen a span { font-size: 17px; } .in_about ul li .inabout_el .inabout_wen a h2 { font-size: 17px; } .in_about ul li .inabout_el .inabout_wen p { line-height: 1.8; font-size:14px; } .in_about ul li .inabout_el .inabout_wen .inabout_a a .service_tit { font-size: 15px; } } .index_case_tit { margin: 3% 0; text-align: center; } .index_case_tit li { display: inline-block; padding: 0 2%; font-size: 14px; color: #222222; line-height: 42px; margin: 0 4px 4px 4px; background: #f4f4f4; cursor: pointer; vertical-align: top; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .index_case_tit li span { position: relative; z-index: 6; } .index_case_tit li:before { content: ''; display: block; position: absolute; width: 0; height: 100%; top: 0; left: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .index_case_tit li:after { content: ''; display: block; position: absolute; width: 0; height: 100%; top: 0; right: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .index_case_tit li:hover { color: #fff; } .index_case_tit li:hover:before { width: 100%; } .index_case_tit li:hover:after { width: 100%; } .index_case_tit li.active { color: #fff; } .index_case_tit li.active:before { width: 100%; } .index_case_tit li.active:after { width: 100%; } .index_case li { width: 100%; display: none; } .index_case .index_case_more { margin-top: 3%; text-align: center; border-radius: 3px; } .index_case .index_case_more a { display: inline-block; vertical-align: top; font-size: 16px; padding: 0 5%; line-height: 54px; margin: 0 2%; border: 1px solid #e9e9e9; background: #f4f4f4; border-radius: 2px; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .index_case .index_case_more a span { position: relative; z-index: 6; } .index_case .index_case_more a:before { content: ''; display: block; position: absolute; width: 100%; height: 0; top: 0; left: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; } .index_case .index_case_more a:after { content: ''; display: block; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 3px; } .index_case .index_case_more a:hover { color: #fff; border: none; } .index_case .index_case_more a:hover:before { height: 100%; } .index_case .index_case_more a:hover:after { height: 100%; } @media (max-width: 1366px) { .index_case .index_case_more a { line-height: 50px; } } @media (max-width: 768px) { .index_case .index_case_more a { font-size: 15px; line-height: 42px; } } @media (max-width: 460px) { .index_case .index_case_more a { font-size: 14px; line-height: 35px; } } .index_case_inner a { display: block; width: 32%; margin: 0 .66667% 1.3333%; position: relative; float: left; } @media (max-width: 414px) { } .index_case_inner a:after { content: ''; display: block; width: 100%; padding-top: 61.2244898%; } .index_case_inner a img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .index_case_inner a .in_case_wen { position: absolute; width: 100%; height:100%; bottom: 0; left: 0; padding: 24% 3% 0 3%; background: rgba(203, 6, 0, 0.8); text-align:center; opacity:0; transition:.1s; } // .index_case_inner a .in_case_wen:after { // content: ''; // display: block; // position: absolute; // background: #0049e4; // bottom: 0; // left: 0; // width: 100%; // height: 0; // -webkit-transition: 0.3s; // -moz-transition: 0.3s; // -ms-transition: 0.3s; // -o-transition: 0.3s; // transition: 0.3s; // } .index_case_inner a .in_case_wen span { display: block; width: 100%; font-size: 26px; color: #fff; line-height: 1.3; overflow: hidden; position: relative; z-index: 2; transform:translateY(-20px); transition:all .3s ease-out 0s; } .xgcase_inner a .in_case_wen span{ font-size: 20px; } // .index_case_inner a .in_case_wen i { // position: absolute; // right: 3%; // top: 0; // font-size: 24px; // color: #fff; // line-height: 58px; // float: right; // z-index: 2; // } .index_case_inner a .in_case_wen p{ display: block; width: 100%; font-size: 16px; color: #fff; line-height: 1.4; overflow: hidden; position: relative; z-index: 2; margin-top:6px; transform:translateY(20px); transition:all .3s ease-out 0s; } @media (max-width: 1366px) { .index_case_inner a .in_case_wen span { font-size: 22px; } .index_case_inner a .in_case_wen i { line-height: 50px; } } @media (max-width: 768px) { // .index_case_inner a .in_case_wen span { // font-size: 18px; // } // .index_case_inner a .in_case_wen p { // font-size: 14px; // } .index_case_inner a .in_case_wen i { font-size: 20px; line-height: 36px; } } @media (max-width: 460px) { // .index_case_inner a .in_case_wen span { // font-size: 14px; // } // .index_case_inner a .in_case_wen p { // font-size: 12px; // } .index_case_inner a .in_case_wen i { font-size: 16px; line-height: 30px; } } @media (min-width: 769px) { .index_case_inner a:hover .in_case_wen { opacity:1; } .index_case_inner a:hover .in_case_wen span{ transform:translateY(0); } .index_case_inner a:hover .in_case_wen p{ transform:translateY(0); } } .index_why { background: #f4f4f4; padding-top: 90px; } @media (max-width: 1366px) { .index_why { padding-top: 3%; } } .in_why { margin-top: 35px; position: relative; overflow: hidden; } @media (max-width: 1366px) { .in_why { margin-top: 1.5%; } } .in_why .swiper-wrapper { width: 100%; } .in_why .swiper-wrapper .swiper-slide img { display: block; max-width: 100%; } .in_why .swiper-wrapper .swiper-slide .why_cont { position: absolute; width: 100%; padding: 10% 6%; top: 0; } .in_why .swiper-wrapper .swiper-slide .why_cont span { display: block; font-size: 28px; color: #fff; margin-bottom: 4%; } .in_why .swiper-wrapper .swiper-slide .why_cont p { font-size: 14px; color: #fff; line-height: 1.8; } @media (max-width: 1366px) { .in_why .swiper-wrapper .swiper-slide .why_cont { padding: 6%; } .in_why .swiper-wrapper .swiper-slide .why_cont span { font-size: 20px; } .in_why .swiper-wrapper .swiper-slide .why_cont p { font-size: 13px; } } @media (max-width: 768px) { .in_why .swiper-wrapper .swiper-slide .why_cont span { font-size: 18px; font-weight:bold; } .in_why .swiper-wrapper .swiper-slide .why_cont p { font-size: 12px; } } @media (max-width: 425px) { .in_why .swiper-wrapper .swiper-slide .why_cont span { font-size: 16px; } .in_why .swiper-wrapper .swiper-slide .why_cont p { font-size: 12px; } } @media (max-width: 414px) { .in_why .swiper-wrapper .swiper-slide .why_cont { padding: 5% 4%; } .in_why .swiper-wrapper .swiper-slide .why_cont span { font-size: 16px; margin-bottom: 3%; } } .in_why .swiper-button-next, .in_why .swiper-button-prev { width: 130px; height: 130px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; margin-top: -1.5rem; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 1600px) { .in_why .swiper-button-next, .in_why .swiper-button-prev { width: 100px; height: 100px; margin-top: -50px; -webkit-background-size: 22px 44px; background-size: 22px 44px; } } @media (max-width: 1366px) { .in_why .swiper-button-next, .in_why .swiper-button-prev { width: 80px; height: 80px; margin-top: -40px; -webkit-background-size: 16px 44px; background-size: 16px 44px; } } @media (max-width: 768px) { .in_why .swiper-button-next, .in_why .swiper-button-prev { width: 1.6rem; height: 1.6rem; margin-top: -0.8rem; -webkit-background-size: 11px 44px; background-size: 11px 44px; } } .in_why .swiper-button-next:hover, .in_why .swiper-button-prev:hover { background-color: rgba(203, 6, 0, 0.5); } .in_why .swiper-button-prev { left: 3%; } .in_why .swiper-button-next { right: 3%; } .index_join { padding: 90px 0 60px 0; } @media (max-width: 640px) { .index_join { padding: 3.33333333% 0 5% 0; } } .index_join .injoin { border: 1px solid #f1f1f1; border-bottom: 0; margin-top: 3%; position: relative; } .index_join .injoin:before { content: ''; display: block; width: 100%; height: 1px; background: #f1f1f1; position: absolute; margin: auto; bottom: 0; left: 0; } .index_join .injoin a { display: block; width: 16.66666667%; float: left; position: relative; border-bottom: 1px solid #f1f1f1; } .index_join .injoin a:before { content: ''; display: block; width: 100%; padding-top: 70%; } .index_join .injoin a:after { content: ''; display: block; width: 1px; height: 100%; background: #f1f1f1; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; } .index_join .injoin a img { max-width: 80%; max-height: 80%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } @media (min-width: 769px) { .index_join .injoin a:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } } @media (max-width: 640px) { .index_join .injoin a { width: 25%; } } @media (max-width: 425px) { .index_join .injoin a { width: 33.33333333%; } } @media (min-width: 641px) { .index_join .injoin a:nth-child(6n):after { display: none; } } @media (max-width: 640px) { .index_join .injoin a:nth-child(6n):after { display: block; } .index_join .injoin a:nth-child(4n):after { display: none; } } @media (max-width: 425px) { .index_join .injoin a:nth-child(6n):after { display: block; } .index_join .injoin a:nth-child(4n):after { display: block; } .index_join .injoin a:nth-child(3n):after { display: none; } } .index_how { padding: 90px 0 95px 0; background: #f4f4f4; } .server_hezuo{ background: #fff; margin-bottom: 2%; padding: 60px 0 70px 0; } @media (max-width: 1200px) { .index_how { padding: 3% 0 3% 0; } } @keyframes yuan { 0% { transform: scale(0); opacity: 0; } 20% { transform: scale(1); opacity: 1; } 40% { transform: scale(0); opacity: 0; } 60% { transform: scale(1); opacity: 1; } 80% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes yuan { /*Safari and Chrome*/ 0% { transform: scale(0.3); opacity: 0; } 20% { transform: scale(1); opacity: 1; } 40% { transform: scale(0.3); opacity: 0; } 60% { transform: scale(1); opacity: 1; } 80% { transform: scale(0.3); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .in_how { margin-top: 90px; } @media (max-width: 1200px) { .in_how { margin-top: 3%; } } .in_how li { width: 11.11111111%; border-bottom: 1px solid #dfdfdf; padding-bottom: 35px; position: relative; float: left; } .in_how li:after { content: ''; display: block; width: 22px; height: 22px; background: #fff; border: 1px solid #dfdfdf; border-radius: 50%; position: absolute; bottom: -11px; margin: auto; left: 0; right: 0; } .in_how li:before { content: ''; display: block; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; bottom: -4px; margin: auto; left: 0; right: 0; z-index: 9; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; animation: yuan 3s infinite; } .in_how li .in_how_img { width: 70px; height: 70px; background: #d7d7d7; border-radius: 50%; margin: 0 auto; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_how li .in_how_img img { width: 40%; } .in_how li span { display: block; text-align: center; font-size: 14px; color: #222222; margin-top: 24px; } @media (max-width: 768px) { .in_how li { padding-bottom: 25px; } .in_how li .in_how_img { width: 50px; height: 50px; } .in_how li span { font-size: 12px; margin-top: 18px; } .in_how li:after { width: 18px; height: 18px; bottom: -9px; } .in_how li:before { width: 8px; height: 8px; bottom: -3px; } } @media (max-width: 540px) { .in_how li { width: 33.33333333%; margin-bottom: 6%; } } .in_how li.active:before { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #0049e4; } .in_how li.active .in_how_img { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #0049e4; } .index_faq { padding: 90px 0 95px 0; } .now_zixun { display: block; width: 184px; height: 54px; background: #fbfbfb; border: 1px solid #e9e9e9; border-radius: 2px; text-align: center; line-height: 54px; margin: 80px auto 0 auto; font-size: 16px; color: #222222; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .now_zixun span { position: relative; z-index: 6; } .now_zixun:before { content: ''; display: block; position: absolute; width: 100%; height: 0; top: 0; left: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .now_zixun:after { content: ''; display: block; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .now_zixun:hover { color: #fff; border: 1px solid #0049e4; } .now_zixun:hover:before { height: 100%; } .now_zixun:hover:after { height: 100%; } @media (max-width: 1200px) { .now_zixun { width: 164px; height: 50px; line-height: 50px; margin-top: 5%; font-size: 16px; } } @media (max-width: 768px) { .now_zixun { width: 134px; height: 45px; line-height: 45px; font-size: 15px; } } @media (max-width: 460px) { .now_zixun { width: 114px; height: 40px; line-height: 40px; font-size: 14px; } } .index_news { padding: 90px 0; background: #f4f4f4; } .faq_list { margin: 20px 0 0 -20px; } .faq_list li { float: left; width: 33.333333%; } .faq_list li a { display: block; border: 1px solid #eaeaea; padding: 20px; margin: 20px 0 0 20px; } .faq_list li h4 { font-size: 18px; margin: 0; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#222; } .faq_list li h4 span{ font-size:20px; } .faq_list li p { font-size:14px; line-height:25px; margin: 10px 0 0; height: 50px; overflow: hidden; } .faq_list li a:hover { box-shadow: 0 0 30px #eeeeee; color:#222; } @media screen and (max-width: 1440px) { .faq_list li h4 { font-size: 17px; } .faq_list li h4 span{ font-size:20px; } } @media screen and (max-width: 768px) { .faq_list li { width: 100%; } .faq_list li a { padding: 10px 15px; margin: 15px 0 0 20px; } .faq_list li h4 { font-size: 16px; } .faq_list li h4 span{ font-size: 14px; } .faq_list li p { height: auto; line-height:23px; margin: 5px 0 0; } } @media (max-width: 1200px) { .index_news { padding: 4% 0; } } .in_new_tit { text-align: center; margin-top: 3%; } .in_new_tit span { display: inline-block; width: 125px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #222222; background: #fff; margin: 0 5px; vertical-align: top; cursor: pointer; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_new_tit span i { position: relative; font-style: normal; z-index: 6; } .in_new_tit span:before { content: ''; display: block; position: absolute; width: 0; height: 100%; top: 0; left: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_new_tit span:after { content: ''; display: block; position: absolute; width: 0; height: 100%; top: 0; right: 0; background: #0049e4; z-index: 2; opacity: .7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_new_tit span:hover { color: #fff; } .in_new_tit span:hover:before { width: 100%; } .in_new_tit span:hover:after { width: 100%; } .in_new_tit span.active { color: #fff; } .in_new_tit span.active:before { width: 100%; } .in_new_tit span.active:after { width: 100%; } @media (max-width: 1200px) { .in_new_tit span { width: 110px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 5px; } } @media (max-width: 768px) { .in_new_tit span { width: 100px; height: 40px; line-height: 40px; font-size: 17px; margin: 0 3px; } } @media (max-width: 425px) { .in_new_tit:after{ content:''; display:block; clear:both; } .in_new_tit span { display:block; width: 18%; height: 30px; line-height: 30px; float:left; margin-right:2.5%; margin-left: 0; } .in_new_tit span:last-child{ margin-right:0; } } @media (max-width: 375px) { .in_new_tit span { font-size: 12px; } } .in_new_con_w { margin-top: 3%; } .in_new_con_w .in_new_con_li { display: none; } .in_new_con_w .in_new_con a { display: block; width: 49%; margin: 0 .5% 1% .5%; border: 1px solid #e9e9e9; float: left; position:relative; } .in_new_con_w .news_list a { width: 32.3333%; } .in_new_con_w .in_new_con a:after{ content: ""; position: absolute; bottom: 0; left: 0; width:0; height: 0; border-bottom: 2px solid #0049e4; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .in_new_con_w .in_new_con a:hover:after { width: 100%; } .in_new_con_w .in_new_con_li .in_new_left{ float:left; width:70%; } .in_new_con_w .in_new_con_li .in_new_hot { float:right; width:29.7%; background-color:#fff; padding:16px 15px 8px 15px; border: 1px solid #e9e9e9; } .in_new_con_w .in_new_con_li .in_new_hot .hot_tit{ font-size:18px; line-height:25px; padding-bottom:8px; position:relative; margin-bottom: 12px; } .in_new_con_w .in_new_con_li .in_new_hot .hot_tit:after { content: ''; display: block; width: 20px; height: 1px; background: #022222; position: absolute; bottom: 0; left: 0; } .in_new_con_w .in_new_con_li .in_new_hot a{ display:block; font-size:16px; line-height:31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left:15px; } .in_new_con_w .in_new_con_li .in_new_hot a:before { content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border: 2px solid #C7C7C7; border-radius: 50%; } @media (max-width: 425px) { .in_new_con_w .in_new_con a:nth-child(2n){ margin-right:0; } } .in_new_con_w .in_new_con a .in_new_img { width: 100%; position: relative; overflow: hidden; } .in_new_con_w .in_new_con a .in_new_img:after { content: ''; display: block; width: 100%; padding-top: 53.06%; } .in_new_con_w .in_new_con a .in_new_img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_new_con_w .in_new_con a .in_new_wen { padding: 16px 26px; background: #fff; } .in_new_con_w .in_new_con a .in_new_wen span { display: block; font-size: 16px; color: #222222; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_new_con_w .in_new_con a .in_new_wen h2 { display: block; font-size: 16px; color: #222222; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; } .in_new_con_w .in_new_con a .in_new_wen p { font-size: 12px; color: #888888; line-height: 18px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .in_new_con_w .in_new_con a .in_new_wen p.wen_p { font-size: 12px; color: #888888; margin-top: 5px; margin-bottom:3px; line-height: 25px; overflow: hidden; height:25px; } .in_new_con_w .in_new_con a .in_new_wen i { display: block; font-size: 12px; color: #222222; margin-top: 12px; } @media (max-width: 1200px) { .in_new_con_w .in_new_con a .in_new_wen { padding: 5%; } .in_new_con_w .in_new_con a .in_new_wen span { font-size: 18px; line-height: 26px; height: 22px; } .in_new_con_w .in_new_con a .in_new_wen h2 { font-size: 18px; line-height: 26px; height: 22px; } .in_new_con_w .in_new_con a .in_new_wen p { font-size: 15px; line-height: 23px; height: 46px; } .in_new_con_w .in_new_con a .in_new_wen i { margin-top: 3%; font-size:15px; } .in_new_con_w .in_new_con_li .in_new_left { width: 100%; } .in_new_con_w .in_new_con_li .in_new_hot{ width:100%; display:none; } .in_new_con_w .in_new_con a { width: 49%; margin: 0 2% 2% 0; } .in_new_con_w .in_new_con a:nth-child(2n){ margin-right:0; } .in_new_con_w .in_new_con a .in_new_wen p.wen_p { margin-top: 5px; margin-bottom: 0; line-height: 23px; height: auto; font-size: 15px; } .index_join { padding: 3% 0; } .index_faq { padding: 3% 0; } } @media (max-width: 425px) { .in_new_con_w .in_new_con a .in_new_wen span { font-size:16px; } .in_new_con_w .in_new_con a .in_new_wen h2 { font-size:16px; } .in_new_con_w .in_new_con a { width: 100%; margin: 0 4% 4% 0; } } @media (max-width: 480px) { .in_new_con_w .in_new_con a .in_new_wen p { font-size: 14px; line-height: 22px; height: 44px; } .in_new_con_w .in_new_con a .in_new_wen p.wen_p { margin-top: 5px; margin-bottom: 0; line-height: 22px; font-size: 14px; } .in_new_con_w .in_new_con a .in_new_wen i { margin-top: 3%; font-size:14px; } } .in_new_con_w .in_new_con a:hover .in_new_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .in_new_con_w .in_new_con a:hover .in_new_wen span { color: #0049e4; } .in_new_con_w .now_zixun { background: #fff; } .map { position: relative; } .map #map { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .map .kejian { height: 640px; } .map .kejian .map_wen { position: relative; z-index: 8; width: 490px; height: 100%; background: #0049e4; padding: 7% 5%; } .map .kejian .map_wen span { display: block; font-size: 38px; color: #fff; } .map .kejian .map_wen p { font-size: 15px; color: #fff; line-height: 2; } .map .kejian .map_wen p.tit { font-size: 16px; margin-top: 40px; } .map .kejian .map_wen p.solgen { font-size: 16px; margin-top: 2%; } .map .kejian .map_wen a { display: block; width: 25.30612245%; } .map .kejian .map_wen a img { display: block; width: 100%; margin-top: 4%; } @media (max-width: 1200px) { .map .kejian { height: 520px; } .map .kejian .map_wen { width: 400px; } .map .kejian .map_wen span { font-size: 30px; } .map .kejian .map_wen p { font-size: 14px; } .map .kejian .map_wen p.tit { font-size: 15px; margin-top: 36px; } } @media (max-width: 768px) { .map .kejian { height: 360px; } .map .kejian .map_wen { width: 320px; padding: 30px 20px; } .map .kejian .map_wen span { font-size: 20px; } .map .kejian .map_wen p { font-size: 12px; line-height: 1.6; } .map .kejian .map_wen p.tit { font-size: 15px; margin-top: 10px; font-weight:bold; } .map .kejian .map_wen p.solgen { font-size: 15px; } .map .kejian .map_wen a { width: 40%; display:none; } } @media (max-width: 425px) { .map .kejian { height: 350px; } .map .kejian .map_wen { width: 300px; padding: 18px 14px; } .map .kejian .map_wen span { font-size: 16px; } .map .kejian .map_wen p.tit { font-size: 14px; margin-top: 3px; } .map .kejian .map_wen p.solgen { font-size: 14px; } } .foot { padding: 25px 0; background: #111; } .footer_con{ width: 100%; padding: 80px 0 50px 0; background: #222; } .footer_con .nr{ width: 18.6%; margin-right:2.6%; float:left; } .footer_con .nr:nth-child(2){ width: 20.6%; } .footer_con .nr:nth-child(3){ width: 25%; } .footer_con .nr:nth-child(4){ width: 28%; margin-right:0; } .footer_con .nrtitle{ font-size: 15px; line-height: 28px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.08); padding-bottom: 12px; } .footer_con .nr1 p{ font-size: 13px; line-height: 28px; padding-top: 22px; color: #999; } .footer_con .nr2 .nr_column{ padding-top: 22px; } .footer_con .nr2 .nr_column a{ width: 50%; display: block; color: #999; float: left; transition: all ease .5s; font-size: 13px; line-height: 28px; } .footer_con .nr2 .nr_column a:hover{ color: #0049e4; } .footer_con .nr4 span{ font-size: 14px; line-height: 28px; padding-top: 22px; color: #999; font-weight:bold; letter-spacing: 1px; } .footer_con .nr4 span a{ color: #999; } .footer_con .nr4 .nrlianxi{ margin-top:5px; } .footer_con .nr4 .nrlianxi p{ font-size: 13px; line-height: 25px; color: #999; } .footer_con .nr4 .nrlianxi p a{ color: #999; } .footer_con .nr4 .nrlianxi p.company_name{ font-size: 13px; line-height: 29px; font-weight:bold; } .footer_link{ background: #222; border-top: 1px solid #333; padding:20px 0; } .footer_link .link_list { font-size: 13px; color: #777; } .footer_link .link_list span { padding-bottom: 9px; font-size: 12px; color: #444; } .footer_link .link_list a { font-size: 12px; line-height:26px; margin-right: 15px; color: #444; } .footer_link .link_list a:hover{ color: #666; } @media (max-width: 1200px) { .foot { padding: 4% 0; } .footer_con { padding: 30px 0 20px 0; } .footer_con .nr { margin-bottom:30px; } .footer_con .nr:nth-child(1) { display:none; } .footer_con .nr:nth-child(2) { display:none; } .footer_con .nr:nth-child(3) { display:none; } .footer_con .nr:nth-child(4) { width:100%; } .footer_con .nrtitle { line-height: 28px; padding-bottom: 5px; } .footer_con .nr1 p { font-size: 13px; line-height: 20px; padding-top: 10px; } .footer_con .nr2 .nr_column { padding-top: 10px; } .footer_con .nr2 .nr_column a { line-height: 23px; } .footer_con .nr4 span { display:block; font-size: 14px; line-height: 25px; padding-top: 10px; font-weight:normal; } .footer_con .nr4 .nrlianxi p { line-height: 23px; } .footer_link{ display:none; } .footer_con .nr4 .hzlx{ display:none; } } .foot p { text-align: center; font-size: 14px; color: #666666; line-height:28px; letter-spacing: 0.5px; } .foot p a:hover{ color:#0049e4; } .server_in { padding-top: 2%; } .server_in .in_about { margin-top: 0!important; } .server_in .in_about ul li { width: 100%; } .server_in .in_about ul li .inabout_el { background: #fff; } .server_in .in_about ul li .inabout_el .inabout_img:after { padding-top: 64%; } .server_in .in_about ul li .inabout_el .inabout_wen:after { padding-top: 64%; } .server_in .in_about ul li .inabout_el .inabout_wen span { color: #2f2f2f; } .server_in .in_about ul li .inabout_el .inabout_wen h2 { color: #2f2f2f; } .server_in .in_about ul li .inabout_el .inabout_wen hr { background: #222222; } .server_in .in_about ul li .inabout_el .inabout_wen p { color: #4c4c4c;; } .server_in .in_about ul li .inabout_el .inabout_wen .inabout_a { width: 100%; } .server_in .in_about ul li .inabout_el .inabout_wen .inabout_a a { color: #9c9c9c; } .server_in .in_about ul li .inabout_el .inabout_wen .inabout_a a:after { background: #cccccc; } .server_in .in_about ul li .inabout_el .inabout_wen a.server_a { display: block; width: 112px; line-height: 40px; height: 40px; border-radius: 3px; background: #0049e4; color: #fff; text-align: center; float: left; font-size: 15px; margin-top: 5%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .server_in .in_about ul li .inabout_el .inabout_wen a.server_a:hover { background: #ab0500; } @media (max-width: 768px) { .server_in .in_about ul li .inabout_el .inabout_img { width: 100%; float: none!important; } .server_in .in_about ul li .inabout_el .inabout_wen { width: 100%; float: none!important; } .in_about ul li .inabout_el .inabout_wen .inabout_wen_inner{ padding: 20px 15px; position: relative; } .in_about ul li .inabout_el .inabout_wen .inabout_wen_inner:after{ content:''; display:block; clear:both; } .in_about ul li .inabout_el .inabout_wen:after,.server_in .in_about ul li .inabout_el .inabout_wen:after{ padding:0; } .server_in{ padding:20px 0; } .in_about ul li .inabout_el .inabout_wen p{ margin-top:0; } .in_about ul li .inabout_el .inabout_wen .inabout_a{ margin-top: 10px; } .in_about ul li .inabout_el .inabout_wen .inabout_a a{ font-size: 13px; margin-bottom: 8px; margin-right: 20px; } .in_about ul li .inabout_el .inabout_wen .inabout_a a:after{ right: -11px; } .server_in .in_about ul li .inabout_el .inabout_wen a.server_a{ position: relative; margin: 8px 0 0 -56px; left: 50%; } } @media (max-width: 425px) { .in_about ul li .inabout_el .inabout_wen .inabout_a a{ font-size: 12px; margin-bottom: 6px; margin-right: 16px; } .in_about ul li .inabout_el .inabout_wen .inabout_a a:after{ right: -9px; width:1px; } } .server_top { background: #f4f4f4; padding: 60px 0; } @media (max-width: 1200px) { .server_top { padding: 3% 0; } .foot p:nth-child(2){ display:none; } } .server_top_inner { padding: 60px 70px; background: #fff; position: relative; } @media (max-width: 1200px) { .server_top_inner { padding: 3% 4%; } } .server_top_inner img.serimg { display: block; position: absolute; width: 40%; bottom: 0; right: 0; } .server_top_inner .serverwen { width: 60%; } .server_top_inner .serverwen span { display: block; font-size: 24px; color: #222222; line-height: 2; } .server_top_inner .serverwen h1 { display: block; font-size: 24px; color: #222222; line-height: 2; } .server_top_inner .serverwen h1 a{ color: #222222; } .server_top_inner .serverwen .serverhr { width: 14px; height: 1px; background: #222222; margin: 1% 0 3% 0; } .server_top_inner .serverwen p { font-size: 14px; color: #888888; line-height: 1.7; } .server_top_inner .serverwen p.tit { color: #222222; margin: 2% 0; font-size:16px; } .server_top_inner .serverwen ul li { margin-bottom: 2.3%; } .server_top_inner .serverwen ul li img { float: left; } .server_top_inner .serverwen ul li span { display: block; padding-left: 50px; font-size: 14px; color: #222222; line-height: 2; padding-top: 1%; } .server_top_inner .serverwen ul li p { font-size: 14px; color: #888888; padding-left: 50px; line-height: 1.6; } @media (max-width: 425px) { .server_top_inner img.serimg { position: relative; width: 100%; } .server_top_inner .serverwen { width: 100%; } } @media (max-width: 1001px) { .server_top_inner img.serimg { display:none; } .server_top_inner .serverwen{ width:100%; } } @media (max-width: 1200px) { .server_top_inner .serverwen p { font-size: 16px; line-height: 1.7; } .server_top_inner .serverwen p.tit { font-size: 17px; } .server_top_inner .serverwen ul li span { font-size: 17px; } .server_top_inner .serverwen ul li p { font-size: 16px; } } @media (max-width: 480px) { .server_top_inner .serverwen p { font-size: 14px; line-height: 1.7; } .server_top_inner .serverwen p.tit { font-size: 15px; } .server_top_inner .serverwen ul li span { font-size: 15px; } .server_top_inner .serverwen ul li p { font-size: 14px; } } .server_middle { width: 100%; background: url("../images/servermbg.jpg") no-repeat center center; background-size: auto 100%; } .server_middle ul li { width: 16.66666667%; height: 664px; float: left; padding: 10% 2% 0 2%; border-right: 1px solid rgba(255, 255, 255, 0.2); text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (min-width: 768px) { .server_middle ul li:hover { background: rgba(0, 0, 0, 0.3); } } .server_middle ul li img { display: block; width: 100%; } .server_middle ul li .ser_img { width: 24%; margin: 0 auto; } .server_middle ul li span { display: block; font-size: 24px; color: #fff; margin-top: 20%; } .server_middle ul li .serhr { width: 14px; height: 1px; background: #fff; margin: 12% auto; } .server_middle ul li p { font-size: 14px; color: #fff; line-height: 24px; width: 90%; margin: 0 auto; } @media (max-width: 1600px) { .server_middle ul li { height: 580px; } .server_middle ul li span { font-size: 20px; } } @media (max-width: 1200px) { .server_middle ul li { height: 450px; } .server_middle ul li span { font-size: 16px; } .server_middle ul li p { font-size: 13px; line-height: 20px; width: 100%; } .server_top_inner .serverwen h1 { font-size: 22px; line-height: 1.5; } } @media (max-width: 768px) { .server_middle ul li { width: 33.33333333%; height: 360px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .server_middle ul li span { font-size: 16px; } .server_middle ul li p { font-size: 13px; line-height: 20px; width: 100%; } } @media (max-width: 425px) { .server_middle ul li { height: 260px; padding-top: 6%; } .server_middle ul li span { font-size: 14px; line-height: 18px; height: 36px; } .server_middle ul li p { font-size: 12px; line-height: 20px; } .server_top_inner .serverwen h1 { font-size: 17px; line-height: 2; } } .index_server_middle { width: 100%; background: url("../images/index_server_bg2.jpg") no-repeat center center; background-size: auto 100%; overflow: hidden; } .index_server_middle ul li { width: 25%; height: 712px; float: left; padding: 8% 3% 0 3%; border-right: 1px solid rgba(171, 142, 142, 0.2); text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (min-width: 768px) { .index_server_middle ul li:hover { background: rgba(0, 0, 0, 0.3); } } .index_server_middle ul li img { display: block; width: 100%; } .index_server_middle ul li .ser_img { width: 24%; margin: 0 auto; } .index_server_middle ul li span { display: block; color: #fff; font-family: "黑体"; font-size: 95px; font-weight: 900; text-align:left; letter-spacing:1px; } .index_server_middle ul li .serhr { width: 45px; height: 3px; background: #fff; margin: 4% 0 12% 0; text-align:left; } .index_server_middle ul li h2 { color: #fff; font-family: Arial; font-size: 24px; margin: 12px 0 20px; width: 100%; text-align:left; letter-spacing: 1px; font-weight: normal; } .index_server_middle ul li p { font-size: 15px; color: #fff; line-height: 24px; text-align:left; font-family: Arial; letter-spacing: 1px; } .index_server_middle ul li a { display:block; font-size: 14px; color: #fff; line-height: 24px; text-align:left; font-family: Arial; letter-spacing: 1px; margin-top:30px; } .index_server_middle ul li a { font-family: Arial; display: block; width: 112px; line-height: 40px; height: 40px; border-radius: 3px; background: #0049e4; color: #fff; text-align: center; float: left; font-size: 15px; margin-top: 10%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .index_server_middle ul li a:hover { background: #ab0500; } @media (max-width: 1600px) { .index_server_middle ul li { height: 580px; } .index_server_middle ul li span { font-size: 70px; } .index_server_middle ul li h2 { font-size: 20px; margin: 12px 0 20px; line-height:25px; } .index_server_middle ul li p { font-size: 15px; color: #fff; line-height: 24px; text-align: left; font-family: Arial; letter-spacing: 1px; } } @media (max-width: 1200px) { .index_server_middle ul li { width: 50%; height: 450px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .index_server_middle ul li h2 { font-size: 22px; margin: 12px 0 12px 0; line-height:25px; } .index_server_middle ul li span { font-size: 60px; } .index_server_middle ul li p { font-size: 16px; line-height: 24px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .index_server_middle ul li .serhr { width: 35px; height: 3px; background: #fff; margin: 3% 0 9% 0; text-align: left; } } @media (max-width: 480px) { .index_server_middle ul li { width: 100%; height: 320px; padding-top: 10%; } .index_server_middle ul li span { font-size: 36px; line-height: 18px; height: 26px; font-weight:bold; } .index_server_middle ul li .serhr { width: 28px; height: 2px; background: #fff; margin: 4% 0 6% 0; text-align: left; } .index_server_middle ul li p { font-size: 15px; line-height: 23px; } .index_server_middle ul li h2 { font-size: 19px; line-height: 23px; margin: 12px 0 12px 0; } .index_server_middle ul li a { width: 102px; line-height: 36px; height: 36px; } } .sheji_tit { background: #fff; border-bottom: 1px solid #ebebeb; } .sheji_tit a { display: block; font-size: 16px; color: #222222; float: left; line-height: 95px; margin-right: 3%; position: relative; } .sheji_tit a:after { content: ''; display: block; width: 0; height: 1px; background: #0049e4; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .taglist{ background: #fff; border-bottom: 1px solid #ebebeb; line-height:55px; } .taglist .position{ font-size:14px; } .taglist .position a{ font-size:14px; margin-right:0; color: #666; } .taglist .position a:hover{ color:#0049e4; } .taglist .position span{ color:#0049e4; } .tagbox{ width:100%; background: #f4f4f4; padding: 1% 0; } .tagbox .kejian{ background:#FFF; padding:20px 30px 30px 30px; } .tagbox a{ font-size:13px; background-color: #f3f3f3; color: #666; padding: 8px 12px; margin-right:5px; border-radius:3px; display:inline-block; } .topnews .tagbox a { margin-right: 10px; } .tagbox a:hover{ background-color: #0049e4; color: #fff; } .topnews .xiangguan{ float:left; width:68%; margin-right:2%; padding: 2% 0 0 0; } .topnews .topxg .xiangguan_tit { margin: 0 auto 6.5% auto; } .topnews .topxg .xgnews a { margin-bottom: 3%; } .topnews .tagbox{ float:right; width:30%; height:416px; background-color:#FFF; padding: 2% 1.5%; margin-bottom: 2%; overflow:hidden; } .topnews .tagbox .xiangguan_tit { width: 94%; margin: 0 auto 1.5% auto; } .topnews .tagbox .xiangguan_tit span { display: block; font-size: 20px; color: #022222; position: relative; line-height: 1.5; padding-bottom: 1%; float: left; } .topnews .tagbox .xiangguan_tit span:after { content: ''; display: block; width: 14px; height: 1px; background: #022222; position: absolute; bottom: 0; left: 0; } @media (max-width: 768px) { .sheji_tit a { font-size: 16px; line-height: 80px; } } @media (max-width: 425px) { .sheji_tit a { font-size: 14px; line-height: 60px; margin-right: 6%; } } @media (min-width: 769px) { .sheji_tit a:hover { color: #0049e4; } } .sheji_tit a:hover:after { width: 100%; } .sheji_tit a.active { color: #0049e4; } .sheji_tit a.active:after { width: 100%; } .sheji_cont { background: #f4f4f4; padding: 2% 0 1% 0; } .sheji_wen { background: #fff; margin-bottom: 2%; } .sheji_wen .sheji_con_tit { width: 90%; margin: 0 auto; padding: 4% 0 2% 0; position: relative; } .case_xq .case_xq_left .js{ font-size:16px; color: #999; line-height: 1; } .sheji_wen .sheji_con_tit span { display: block; font-size: 30px; color: #222222; line-height: 70px; position: relative; } .sheji_wen .sheji_con_tit span:after{ content: ""; position: absolute; bottom: -10px; left: 0; width: 50px; height: 2px; background-color: #0049e4; } .sheji_wen .sheji_con_tit h1 { display: block; font-size: 26px; color: #222222; text-align: center; line-height: 1.6; } @media (max-width: 768px) { .sheji_wen .sheji_con_tit span { font-size: 20px; } } @media (max-width: 425px) { .sheji_wen .sheji_con_tit span { font-size: 16px; } } .sheji_wen .news_con_tit { width: 90%; margin: 0 auto 1% auto; padding: 4% 0 3% 0; padding-bottom: 1%; border-bottom: 1px solid #e5e5e5; } .sheji_wen .news_con_tit span { display: block; font-size: 26px; color: #222222; line-height: 1.6; } .sheji_wen .news_con_tit h1 { display: block; font-size: 28px; color: #222222; line-height: 1.6; font-weight:normal; } @media (max-width: 768px) { .sheji_wen .news_con_tit span { font-size: 20px; } .sheji_wen .news_con_tit h1 { font-size: 22px; } } @media (max-width: 425px) { .sheji_wen .news_con_tit span { font-size: 14px; } .sheji_wen .news_con_tit h1 { font-size: 19px; } } .sheji_wen .news_con_tit p { display: block; font-size: 12px; color: #666666; line-height: 1.6; margin-top: .5%; } .sheji_wen .sheji_con_wen { width: 90%; margin: 0 auto; padding-bottom: 4%; } .sheji_wen .sheji_con_wen .gsjs{ margin-bottom: 2%; } .sheji_wen .sheji_con_wen .gsjs p{ text-indent:2em; } .sheji_wen .sheji_con_wen p,.sheji_wen .sheji_con_wen div { font-size: 16px; color: #333333; line-height: 1.8; margin: 0 auto 2% auto; } .sheji_wen .sheji_con_wen .tag{ width:100%; font-size:14px; } .sheji_wen .sheji_con_wen .tag a{ font-size:14px; color: #333333; margin-right:15px; } .sheji_wen .sheji_con_wen .tag a:hover{ text-decoration:underline; } @media (max-width: 1200px) { .sheji_wen .news_con_tit p { font-size: 14px; line-height: 2; margin-top: .5%; } .sheji_wen .sheji_con_wen p, .sheji_wen .sheji_con_wen div{ font-size:17px; } .topnews{ display:none; } .tagbox a { margin-bottom:10px; } } @media (max-width: 768px) { } @media (max-width: 425px) { .sheji_wen .news_con_tit p { font-size: 13px; line-height: 2; } .sheji_wen .sheji_con_wen p { font-size: 15px; } } .sheji_wen .sheji_con_wen img { display: block; max-width: 100%; } .sheji_wen .sheji_con_bottom { background: #fcfcfc; border-top: 1px solid #f4f4f4; text-align: center; } .sheji_wen .sheji_con_bottom a { display: inline-block; font-size: 16px; color: #666666; margin: 0 4px; padding: 2% 0; line-height: 30px; } .sheji_wen .sheji_con_bottom a:hover { color: #0049e4; } .sheji_wen .sheji_con_bottom a img { margin-right: 8px; vertical-align: top; } @media (max-width: 768px) { .sheji_wen .sheji_con_bottom a { font-size: 14px; } } @media (max-width: 425px) { .sheji_wen .sheji_con_bottom a { font-size: 12px; } } .xiangguan { background: #fff; padding: 2% 0; margin-bottom: 2%; } .xiangguan .xiangguan_tit { width: 94%; margin: 0 auto 1.5% auto; } .xiangguan .xiangguan_tit a { float: right; font-size: 16px; color: #222222; line-height: 1.5; margin-top: 1%; } .xiangguan .xiangguan_tit a:hover { color: #0049e4; } .xiangguan .xiangguan_tit span { display: block; font-size: 20px; color: #022222; position: relative; line-height: 1.5; padding-bottom: 1%; float: left; } .xiangguan .xiangguan_tit span:after { content: ''; display: block; width: 14px; height: 1px; background: #022222; position: absolute; bottom: 0; left: 0; } .xiangguan .index_case_inner { width: 96%; margin: 0 auto; overflow: hidden; position: relative; } .xiangguan .index_case_inner a { float: none; margin: 0 2%!important; width: 96%!important; } .xiangguan .index_case_inner .swiper-button-prev, .xiangguan .index_case_inner .swiper-button-next { width: 28px; height: 56px; overflow: hidden; margin-top: -28px; background: transparent; } .xiangguan .index_case_inner .swiper-button-prev:after, .xiangguan .index_case_inner .swiper-button-next:after { content: ''; display: block; width: 56px; height: 56px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; position: absolute; top: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .xiangguan .index_case_inner .swiper-button-prev img, .xiangguan .index_case_inner .swiper-button-next img { display: block; width: 30%; margin: 66% 0 0 20%; position: relative; z-index: 8; } .xiangguan .index_case_inner .swiper-button-prev:hover:after, .xiangguan .index_case_inner .swiper-button-next:hover:after { background: rgba(203, 6, 0, 0.85); } .xiangguan .index_case_inner .swiper-button-prev { left: 1%; } .xiangguan .index_case_inner .swiper-button-prev:after { right: 0; } .xiangguan .index_case_inner .swiper-button-next { right: 1%; } .xiangguan .index_case_inner .swiper-button-next:after { left: 0; } .xiangguan .index_case_inner .swiper-button-next img { margin: 66% 0 0 50%; } @media (max-width: 425px) { .xiangguan .index_case_inner a { width: 100%!important; margin: 0!important; } .xiangguan .index_case_inner .swiper-button-prev { left: 0; } .xiangguan .index_case_inner .swiper-button-next { right: 0; } } .xgnews { width: 94%; margin: 0 auto 1.5% auto; } .xgnews a { display: block; width: 49%; float: left; margin-bottom: 2%; padding-left: 100px; position: relative; } .xgnews a .xgnews_tit { width: 90px; background: #e9e9e9; text-align: center; padding: 14px 0; float: left; position: absolute; top: 0; left: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .xgnews a .xgnews_tit i { display: block; font-style: normal; color: #e11013; font-size: 30px; } .xgnews a .xgnews_tit b { display: block; color: #666666; font-size: 14px; font-weight: normal; line-height: 1.6; } .xgnews a span { display: block; font-size: 16px; color: #222222; line-height: 26px; height: 26px; padding-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xgnews a p { font-size: 14px; color: #999999; line-height: 21px; height: 42px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xgnews a:hover .xgnews_tit { background: #e11013; } .xgnews a:hover .xgnews_tit i { color: #fff; } .xgnews a:hover .xgnews_tit b { color: #fff; } .xgnews a:hover span { color: #e11013; } @media (max-width: 768px) { .xgnews a { padding-left: 90px; margin-bottom: 3%; } .xgnews a .xgnews_tit { width: 80px; padding: 12px 0; } .xgnews a .xgnews_tit i { font-size: 22px; } .xgnews a .xgnews_tit b { font-size: 13px; } .xgnews a span { font-size: 15px; line-height: 24px; height: 24px; } .xgnews a p { font-size: 13px; line-height: 18px; height: 36px; } } @media (max-width: 425px) { .xgnews a { width: 100%; float: left; margin-right: 0!important; } } .xgnews a:nth-child(2n-1) { margin-right: 2%; } .nei_news { background: #f4f4f4; padding: 1% 0; color: #fff; } .nei_about { background: #f4f4f4; padding: 2% 0; } .nei_about .nei_about_in { background: #fff; position: relative; padding-left: 30%; } .nei_about .nei_about_in .nei_about_img { width: 30%; height: 100%; position: absolute; left: 0; top: 0; background: #0049e4; } .nei_about .nei_about_in .nei_about_img:after { content: ''; display: block; width: 90%; height: 90%; border: 3px solid #fff; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .nei_about .nei_about_in .nei_about_img img { width: 43%; } .nei_about .nei_about_in .nei_about_wen { padding: 3%; } .nei_about .nei_about_in .nei_about_wen span { display: block; font-size: 22px; color: #222222; } .nei_about .nei_about_in .nei_about_wen b { display: block; width: 14px; height: 1px; background: #000; margin: 2% 0; } .nei_about .nei_about_in .nei_about_wen p { font-size: 16px; color: #666; margin: 2% 0; line-height: 28px; } .nei_contact { padding: 2% 0; background: #f4f4f4; min-height: 490px; } .nei_contact .nei_contact_in { padding: 2%; background: #fff; } .nei_contact .nei_contact_in #map2 { width: 100%; height: 415px; } .nei_contact .nei_contact_in .contact_wen { width: 95%; margin: 2% auto 0 auto; } .nei_contact .nei_contact_in .contact_wen li { width: 50%; float: left; padding: 3%; background: #0049e4; height: 240px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nei_contact .nei_contact_in .contact_wen li span { display: block; font-size: 18px; color: #fff; margin-bottom: 4%; font-weight: bold; } .nei_contact .nei_contact_in .contact_wen li p { font-size: 15px; color: #fff; line-height: 1.9; } .nei_contact .nei_contact_in .contact_wen li p a{ color: #fff; } .nei_contact .nei_contact_in .contact_wen li:hover { opacity: .8; } .nei_contact .nei_contact_in .contact_wen li:first-child { border-right: 1px solid #fff; } @media (max-width: 768px) { .nei_contact .nei_contact_in #map2 { height: 360px; } .nei_contact .nei_contact_in .contact_wen li { height: 200px; } .nei_contact .nei_contact_in .contact_wen li span { font-size: 16px; } .nei_contact .nei_contact_in .contact_wen li p { font-size: 12px; } } @media (max-width: 640px) { .nei_contact .nei_contact_in #map2 { height: 260px; } .nei_contact .nei_contact_in .contact_wen li { width: 100%; height: auto; padding: 4%; height: 140px; } .nei_contact .nei_contact_in .contact_wen li span { font-size: 14px; } .nei_contact .nei_contact_in .contact_wen li p { font-size: 12px; line-height: 1.6; } .nei_contact .nei_contact_in .contact_wen li:first-child { border-right: none; border-bottom: 1px solid #fff; } } .nei_fukuan { padding: 2% 0; background: #f4f4f4; } .nei_fukuan .nei_fukuan_in { background: #fff; padding: 3%; } .nei_fukuan ul { margin-top: 3%; } .nei_fukuan ul li { width: 48%; margin: 0 1% 2% 1%; border: 5px solid #f2f2f2; padding: 2% 3%; background: #fff; float: left; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nei_fukuan ul li .nei_fukuan_tit { padding-bottom: 2%; border-bottom: 1px solid #f2f2f2; margin-bottom: 4%; } .nei_fukuan ul li .nei_fukuan_tit span { display: block; float: left; font-size: 24px; color: #222222; line-height: 40px; } .nei_fukuan ul li .nei_fukuan_tit img { float: right; display: block; width: 166px; } .nei_fukuan ul li p { font-size: 16px; color: #666666; line-height: 1.5; } @media (min-width: 768px) { .nei_fukuan ul li:hover { transform: translateY(-6px); } } @media (max-width: 768px) { .nei_fukuan ul li .nei_fukuan_tit span { font-size: 18px; line-height: 30px; } .nei_fukuan ul li .nei_fukuan_tit img { width: 120px; } .nei_fukuan ul li p { font-size: 14px; } } @media (max-width: 640px) { .nei_fukuan ul li { width: 100%; margin: 0 0 2% 0; } .nei_fukuan ul li .nei_fukuan_tit span { font-size: 15px; line-height: 20px; } .nei_fukuan ul li .nei_fukuan_tit img { width: 90px; } .nei_fukuan ul li p { font-size: 13px; line-height: 1.6; } } .case_xq .case_xq_left { width: 100%; margin-right: 0; position: relative; top: -100px; } .case_xq .case_xq_left .sheji_con_tit p { font-size: 13px; color: #666666; line-height: 1.9; margin-top: 30px; } .case_xq .case_xq_left .sheji_con_tit a.right_a { display: block; font-size: 14px; color: #666666; margin: 3% 0 0 0; width: 120px; line-height: 46px; border: 1px solid #e9e9e9; background: #f4f4f4; text-align: center; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; float:right; position: absolute; top: 30px; right: 0; } .case_xq .case_xq_left .sheji_con_tit a.right_a:hover { border: 1px solid #0049e4; background: #0049e4; color: #fff; } .case_xq .case_xq_right { width: 30%; overflow-y: auto; position:absolute; right:0; top:0; } .case_xq .case_xq_right .case_xq_r_el { padding: 4% 6%; background: #fff; margin-bottom: 3%; } .case_xq .case_xq_right .case_xq_r_el span { display: block; font-size: 24px; color: #222222; line-height: 2; } .case_xq .case_xq_right .case_xq_r_el h1 { display: block; font-size: 24px; color: #222222; line-height: 2; font-weight: normal; } .case_xq .case_xq_right .case_xq_r_el .case_logo { display: block; margin: 0 0 2% 0; max-width: 45%; } .case_xq .case_xq_right .case_xq_r_el .case_c { max-height: 3em; overflow-y: auto; } .case_xq .case_xq_right .case_xq_r_el p { font-size: 13px; color: #666666; line-height: 1.9; } .case_xq .case_xq_right .case_xq_r_el i { display: block; font-size: 14px; color: #333333; margin-top: 2%; } .case_xq .case_xq_right .case_xq_r_el i span{ line-height:15px; } .case_xq .case_xq_right .case_xq_r_el i img { vertical-align: top; } .case_xq .case_xq_right .case_xq_r_el a.right_a { display: block; font-size: 14px; color: #666666; margin: 3% 0 0 0; width: 120px; line-height: 46px; border: 1px solid #e9e9e9; background: #f4f4f4; text-align: center; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .case_xq .case_xq_right .case_xq_r_el a.right_a:hover { border: 1px solid #0049e4; background: #0049e4; color: #fff; } .case_xq .case_xq_right .case_xq_r_el span.dingtit { font-size: 18px; text-align: center; } .case_xq .case_xq_right .case_xq_r_el input { width: 100%; font-size: 14px; color: #666; line-height: 44px; border: 1px solid #ebebeb; padding: 0 15px; margin-bottom: 10px; } .case_xq .case_xq_right .case_xq_r_el input:focus { border: 1px solid #0049e4; } .case_xq .case_xq_right .case_xq_r_el textarea { width: 100%; font-size: 14px; color: #666; line-height: 24px; border: 1px solid #ebebeb; padding: 10px 15px; font-family:"Microsoft Yahei"; } .case_xq .case_xq_right .case_xq_r_el textarea:focus { border: 1px solid #0049e4; } .case_xq .case_xq_right .case_xq_r_el .biaott input[type="submit"] { display: block; font-size: 14px; color: #666666; margin: 3% 0 0 0; width: 120px; line-height: 46px; border: 1px solid #e9e9e9; background: #f4f4f4; text-align: center; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .case_xq .case_xq_right .case_xq_r_el .biaott input[type="submit"]:hover { border: 1px solid #0049e4; background: #0049e4; color: #fff; } @media (max-width: 768px) { .case_xq .case_xq_right .case_xq_r_el .biaott input[type="submit"] { width: 100px; line-height: 40px; } .case_xq .case_xq_right .case_xq_r_el span { font-size: 20px; } .case_xq .case_xq_right .case_xq_r_el h1 { font-size: 20px; } .case_xq .case_xq_right .case_xq_r_el .case_c { max-height: 5em; } .case_xq .case_xq_right .case_xq_r_el p { font-size: 16px; line-height: 1.8; } .case_xq .case_xq_right .case_xq_r_el i { font-size: 14px; } .case_xq .case_xq_right .case_xq_r_el span.dingtit { font-size: 16px; font-weight:bold; } .case_xq .case_xq_right .case_xq_r_el input { font-size: 13px; line-height: 36px; padding: 0 10px; margin-bottom: 6px; } .case_xq .case_xq_right .case_xq_r_el textarea { font-size: 13px; line-height: 20px; padding: 8px 10px; } .case_xq .case_xq_left .sheji_con_tit a.right_a { width: 100px; line-height: 40px; } } @media (max-width: 460px) { .case_xq .case_xq_right .case_xq_r_el p { font-size: 14px; line-height: 1.8; } .case_xq .case_xq_right .case_xq_r_el .biaott input[type="submit"] { width: 80px; line-height: 35px; } .case_xq .case_xq_right .case_xq_r_el span { font-size: 17px; } .case_xq .case_xq_right .case_xq_r_el h1 { font-size: 17px; } .case_xq .case_xq_right .case_xq_r_el i { font-size: 12px; } .case_xq .case_xq_right .case_xq_r_el span.dingtit { font-size: 15px; } .case_xq .case_xq_right .case_xq_r_el input { font-size: 12px; line-height: 32px; padding: 0 6px; margin-bottom: 4px; } .case_xq .case_xq_right .case_xq_r_el textarea { font-size: 12px; line-height: 20px; padding: 6px; } .case_xq .case_xq_left .sheji_con_tit a.right_a { width: 80px; line-height: 30px; font-size: 12px; top: 10px; } } @media (max-width: 414px) { .case_xq .case_xq_right .case_xq_r_el .biaott input[type="submit"] { width: 70px; line-height: 30px; } .case_xq .case_xq_right .case_xq_r_el span { font-size: 15px; } .case_xq .case_xq_right .case_xq_r_el h1 { font-size: 15px; } // .case_xq .case_xq_right .case_xq_r_el span.dingtit { // font-size: 13px; // } .case_xq .case_xq_left .sheji_con_tit a.right_a { width: 70px; line-height: 25px; } } @media (max-width: 768px) { .case_xq .case_xq_left { width: 100%; margin-right: 0; top: 0; } .case_xq .case_xq_right { width: 100%; float: none; margin-top: 2%; position:relative; } } .nei_case { background: #f4f4f4; padding: 2% 0; } .case_box{ width: 100%; } .case_box a{ display: block; width: 32%; margin: 0 .66667% 1.3333%; float: left; } .case_box a .case_imgcon { position: relative; width: 100%; height: 100%; overflow: hidden; } .case_box a .case_imgcon img { display: block; width: 100%; transition: all .4s; } .case_box a .case_imgcon .case_wen { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; padding: 24% 3% 0 3%; background: rgba(203, 6, 0, 0.8); text-align: center; opacity: 0; transition: .1s; } .case_box a .case_imgcon .case_wen span { display: block; width: 100%; font-size: 26px; color: #fff; line-height: 1.3; overflow: hidden; position: relative; z-index: 2; transform: translateY(-20px); transition: all .3s ease-out 0s; font-family: "黑体"; } .case_box a .case_imgcon .case_wen p{ display: block; width: 100%; font-size: 16px; color: #fff; line-height: 1.4; overflow: hidden; position: relative; z-index: 2; margin-top:6px; transform:translateY(20px); transition:all .3s ease-out 0s; font-family: "黑体"; } .case_box a:hover .case_wen { opacity:1; } .case_box a:hover .case_wen span{ transform:translateY(0); } .case_box a:hover .case_wen p{ transform:translateY(0); } .case_box a .case_con{ width: 100%; box-sizing: border-box; border: 1px solid #ebebeb; border-top: none; padding: 20px 20px 16px; background: #fff; line-height: 36px; position: relative; } .case_box a .case_con .case_title{ font-size: 16px; font-weight: bold; color: #222; } .case_box a .case_con .case_service{ font-size: 14px; color: #666; height: 36px; line-height: 36px; overflow: hidden; } .case_box a:hover { box-shadow:0 0 15px 1px rgba(0,0,0,.1); } .case_box a:hover .case_imgcon img { transform: scale(1.1); } .case_box a .case_con .icon{ position: absolute; right: 20px; top: 28px; font-size: 0; } .case_box a .case_con .icon span{ display: inline-block; width: 18px; height: 16px; margin-left: 10px; } .case_box a .case_con .icon .icon1{ background: url(../images/icon1.png) center center no-repeat; } .case_box a .case_con .icon .icon2{ background: url(../images/icon2.png) center center no-repeat; } .case_box a .case_con .icon .icon3{ background: url(../images/icon3.png) center center no-repeat; } .nei_case #div1 { position: relative; } .nei_case .box { width: 23%; position: absolute; top: 0; left: 0; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out,-webkit-transform .2s ease-out; padding-bottom:20px; } .nei_case .box a{ display:block; border: 1px solid #edecec; background: #fff; padding-top: 1%; transition:.3s; } .nei_case .box a:hover{ transform:translateY(-10px) } .nei_case .box span { display: block; font-size: 16px; color: #222222; width: 88%; margin: 0 auto; line-height: 1.5; padding: 8px 0; } .nei_case .box img { display: block; width: 88%; margin: 1% auto; } .nei_case .box p { margin: 0 auto; font-size: 14px; color: #999999; line-height: 1.5; padding: 20px 6%; background: #fafafa; border-top: 1px solid #f2f2f2; } .nei_case .box p.casewen { border: 0; color: #666; background: #fff; } @media (max-width: 768px) { .nei_case .box { width: 31%; } .nei_case .box p { padding: 4% 6%; font-size:12px; } } @media (max-width: 425px) { .nei_case .box { width: 48%; } } @media (max-width: 768px) { .beian { display: none; } } /*动态点赞开始*/ .praise { display: inline-block; cursor: pointer; font-size: 14px; text-align: center; position: relative; margin-right: 5%; } #praise { display: inline-block; width: 15px; height: 15px; } #praise-txt { display: inline-block; // height: 18px; // line-height: 18px; font-size: 14px; color: #666666; vertical-align: bottom; } @media (max-width: 640px) { // .praise { // height: 34px; // } #praise-txt { display: inline-block; // height: 34px; // line-height: 34px; // font-size: 26px; } .news_xq .zanliu .liu { width: 34px; height: 34px; } } @media (max-width: 560px) { // .praise { // height: 31px; // } // #praise-txt { // height: 31px; // line-height: 31px; // font-size: 23px; // } .news_xq .zanliu .liu { width: 31px; height: 31px; } } @media (max-width: 460px) { // .praise { // height: 26px; // } // #praise-txt { // height: 26px; // line-height: 26px; // font-size: 20px; // } .news_xq .zanliu .liu { width: 26px; height: 26px; } } @media (max-width: 420px) { // .praise { // height: 23px; // } // #praise-txt { // height: 23px; // line-height: 23px; // font-size: 16px; // } .news_xq .zanliu .liu { width: 23px; height: 23px; } } @media (max-width: 360px) { // .praise { // height: 20px; // } // #praise-txt { // height: 20px; // line-height: 20px; // font-size: 14px; // } .news_xq .zanliu .liu { width: 20px; height: 20px; } } .praise img { max-width: 100%; max-height: 100%; display: block; } .praise img.animation { animation: myfirst 0.5s; -moz-animation: myfirst 0.5s; /* Firefox */ -webkit-animation: myfirst 0.5s; /* Safari 和 Chrome */ -o-animation: myfirst 0.5s; /* Opera */ } #add-num { display: none; } #add-num .add-animation { color: #000; position: absolute; top: -15px; left: 10px; font-size: 15px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; animation: mypraise 0.5s ; -moz-animation: mypraise 0.5s ; /* Firefox */ -webkit-animation: mypraise 0.5s ; /* Safari 和 Chrome */ -o-animation: mypraise 0.5s ; /* Opera */ font-style: normal; } .praise .hover, #add-num .add-animation.hover, #praise-txt.hover { color: #EB4F38; } /*点赞图标放大动画开始*/ .bd {border: 1px #f00 solid!important;} .in_about_in { margin-top: 45px; } @media (max-width: 1200px) { .in_about_in { margin-top: 3%; } .sheji_wen .sheji_con_tit h1 { font-size: 22px; } } .in_about_in ul{ position:relative; } .in_about_in ul li { width: 32.9%; // float: left; } .in_about_in ul li .inabout_el { width: 100%; background: #222222; margin-bottom: 1%; } .in_about_in ul li .inabout_el .inabout_img { width: 50%; float: left; position: relative; } .in_about_in ul li .inabout_el .inabout_img:after { content: ''; display: block; width: 100%; padding-top: 101%; } .in_about_in ul li .inabout_el .inabout_img a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about_in ul li .inabout_el .inabout_img a span { display: block; font-size: 14px; line-height: 26px; height: 26px; width: 70px; text-align: center; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; color: #fff; } .in_about_in ul li .inabout_el .inabout_img a span:before { content: ''; display: block; width: 0; height: 1px; background: #fff; margin: auto; top: 0; left: 0; right: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about_in ul li .inabout_el .inabout_img a span:after { content: ''; display: block; width: 0; height: 1px; background: #fff; margin: auto; bottom: 0; left: 0; right: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about_in ul li .inabout_el .inabout_img a:hover{ opacity: 1; } .in_about_in ul li .inabout_el .inabout_img a:hover span:before { width: 100%; } .in_about_in ul li .inabout_el .inabout_img a:hover span:after { width: 100%; } .in_about_in ul li .inabout_el .inabout_img img { display: block; position: absolute; width: 100%; height: 100%; margin:auto; top: 0; left: 0; right:0; bottom:0; } .in_about_in ul li .inabout_el .inabout_wen { width: 50%; float: left; position: relative; } .in_about_in ul li .inabout_el .inabout_wen:after { content: ''; display: block; width: 100%; padding-top: 101%; } .in_about_in ul li .inabout_el .inabout_wen .inabout_wen_inner { position: absolute; width: 100%; height: 100%; padding: 6% 6% 0 6%; top: 0; left: 0; overflow:hidden; } .in_about_in ul li .inabout_el .inabout_wen a { display: block; } .in_about_in ul li .inabout_el .inabout_wen span { display: block; width: 100%; font-size: 24px; color: #fff; float: left; line-height: 1.3; } .in_about_in ul li .inabout_el .inabout_wen a hr { width: 14px; height: 1px; background: #fff; border: none; display: block; float: left; margin: 2% 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .in_about_in ul li .inabout_el .inabout_wen a:hover hr { width: 100px; } .in_about_in ul li .inabout_el .inabout_wen p { width: 100%; font-size: 15px; color: #fff; line-height: 2.1; float: left; margin-top: 2%; font-family:"Microsoft Yahei"; } .in_about_in ul li .inabout_el .inabout_wen .inabout_a { margin-top: 5%; float: left; } .in_about_in ul li .inabout_el .inabout_wen .inabout_a a { display: block; font-size: 12px; color: #fff; position: relative; margin-right: 8px; float: left; line-height: 14px; margin-bottom: 10px; font-family:"Microsoft Yahei"; padding-right:8px; } .in_about_in ul li .inabout_el .inabout_wen .inabout_a a:after { content: ''; display: block; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; } .in_about_in ul li .inabout_el:hover { background: #0049e4; } .in_about_in ul li.in_about_middle { width: 33.2%; margin: 0 auto; } .in_about_in ul li.inabout_first{ position:absolute; top:0; left:0; } .in_about_in ul li.inabout_last{ position:absolute; top:0; right:0; } .in_about_in ul li.in_about_middle .inabout_el .inabout_img { width: 100%; } .in_about_in ul li.in_about_middle .inabout_el .inabout_img:after { padding-top: 61%; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen { width: 100%; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen:after { content: ''; display: block; width: 100%; padding-top: 40%; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen p { margin-top: 1%; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen .inabout_a { margin-top: 2%; } @media (max-width: 1600px) { .in_about_in ul li .inabout_el .inabout_wen span { font-size: 20px; } .in_about_in ul li .inabout_el .inabout_wen hr { margin: 2% 0; } .in_about_in ul li .inabout_el .inabout_wen p { line-height: 1.7; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen p{ line-height: 1.7; } } @media (max-width: 1440px){ .in_about_in ul li .inabout_el .inabout_wen p{ height: 7.3em; overflow:hidden; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen p{ height:4.8em; overflow:hidden; } } @media (max-width: 1200px) { .in_about_in ul li .inabout_el .inabout_wen span { font-size: 18px; } .in_about_in ul li .inabout_el .inabout_wen p { line-height: 1.6; } } @media (max-width: 980px) { .in_about_in ul li { width: 100%; float: none; } .in_about_in ul li.in_about_middle { width: 100%; float: none; margin: 2% 0 2% 0; } .in_about_in ul li.inabout_first{ position:relative; top:0; left:0; } .in_about_in ul li.inabout_last{ position:relative; top:0; right:0; } .in_about_in ul li .inabout_el .inabout_wen span{ font-weight:bold; } .in_about_in ul li .inabout_el .inabout_wen p{ height:auto; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen p{ height:auto; } } @media (max-width: 414px) { .in_about_in ul li .inabout_el .inabout_wen span { font-size: 16px; } } @media (max-width: 375px) { .in_about_in ul li .inabout_el .inabout_wen span { font-size: 15px; } } .in_about_in ul li .inabout_el .inabout_wen p{ font-size: 13px; line-height:1.9; opacity: 0.5; } .in_about_in ul li .inabout_el .inabout_wen .inabout_a a{ font-size: 12px; line-height: 14px; opacity: 0.8; } .in_about_in ul li .inabout_el .inabout_wen .inabout_a a:hover{ opacity: 1; } @media (max-width: 1600px){ .in_about_in ul li .inabout_el .inabout_wen span { font-size: 20px; } } @media (max-width: 1200px){ .in_about_in ul li .inabout_el .inabout_wen span { font-size: 18px; } } @media (max-width: 414px){ .in_about_in ul li .inabout_el .inabout_wen span { font-size: 16px; } .sheji_wen .sheji_con_tit h1 { font-size: 20px; } } @media (max-width: 375px){ .in_about_in ul li .inabout_el .inabout_wen span { font-size: 15px; } } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen .inabout_wen_inner{ padding: 3% 6% 0 6%; } @media (max-width: 980px){ .in_about_in ul li.in_about_middle .inabout_el .inabout_wen .inabout_wen_inner{ padding: 3% 3% 0 3%; } } .in_about ul li .inabout_el .inabout_wen .inabout_a a:hover { color: #0049e4; } .server_middle ul li img.serverf_img{ padding-top:15%; } @media (max-width: 768px){ .server_middle ul li img.serverf_img{ padding-top: 46%; } .nei_about .nei_about_in .nei_about_wen span{ font-size: 18px; line-height:1.4; } .nei_about .nei_about_in .nei_about_wen p{ font-size: 14px; } .map #map{ display:none; } .nei_contact .nei_contact_in #map2{ display:none; } .map .kejian{ height:auto; width:100%; } .map .kejian .map_wen{ width:100%; padding: 30px 20px; } .map .kejian .map_wen span { line-height:1.4; margin-bottom:6px; text-align:center; } .map .kejian .map_wen p.solgen { width: 80%; margin: 0 auto; text-align:center; font-size:14px; color:rgba(255,255,255,.8); padding:0 5px; } } @media (max-width: 425px){ .index_block,.index_how,.index_news,.index_faq{ padding: 25px 0 20px 0; } .index_about,.index_why{ padding-top: 20px; } .index_join { padding: 25px 0 40px 0; } .banner .swiper-slide{ overflow:hidden; } .banner img { display: block; width: 130%; position: relative; left: -10%; z-index: 9999; } .in_about_in ul li .inabout_el .inabout_img{ float:none!important; width:100%; overflow:hidden; } .in_about_in ul li .inabout_el .inabout_wen{ float:none; width:100%; } .in_about_in ul li .inabout_el .inabout_img:after{ padding-top: 61%; } .in_about_in ul li .inabout_el .inabout_img img{ height:auto; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen .inabout_wen_inner,.in_about_in ul li .inabout_el .inabout_wen .inabout_wen_inner{ padding: 20px 15px; position:relative; } .in_about_in ul li.in_about_middle .inabout_el .inabout_wen:after,.in_about_in ul li .inabout_el .inabout_wen:after{ padding:0; } .map .kejian .map_wen span { font-size: 20px; line-height:1.4; } .map .kejian .map_wen p.solgen { font-size:12px; } .map .kejian .map_wen a{ margin-top:12px; } .xiangguan{ padding: 18px 0 8px 0; } .xiangguan .xiangguan_tit{ margin-bottom: 15px; } .xiangguan .xiangguan_tit span{ font-size: 16px; line-height:32px; } .xiangguan .xiangguan_tit a{ font-size: 14px; line-height:32px; } .nei_case .box span{ font-size: 14px; line-height: 1.5; padding: 6px 0; } .nei_case .kejian{ width:97%; margin-left:1.5%; } .sheji_cont{ padding:20px 0 5px 0; } .sheji_wen .sheji_con_bottom{ padding:10px 0; } .sheji_wen .sheji_con_bottom a{ width:100%; margin:0; padding:0 5%; text-align:left; } .sheji_wen .sheji_con_bottom a img{ width: 20px; margin-top: 5px; } .nei_about .nei_about_in{ padding:0; } .nei_about .nei_about_in .nei_about_img{ display:none; } .nei_about{ padding:20px 0; } .nei_about .nei_about_in .nei_about_wen{ padding:20px 15px; } .nei_about .nei_about_in .nei_about_wen span{ font-size: 16px; } .nei_about .nei_about_in .nei_about_wen p{ font-size: 13px; } .nei_fukuan,.nei_contact{ padding:20px 0; } .nei_fukuan .nei_fukuan_in,.nei_contact .nei_contact_in { padding: 20px 15px; } .neibanner img{ position:relative; width:120%; left:-10%; } } @media (max-width: 375px){ .in_why .swiper-wrapper .swiper-slide img{ max-width: 115%; } .map .kejian .map_wen span{ font-size:18px; } } .sheji_in{ white-space: nowrap; } .sheji_tit a{ display:inline-block; float: none; } .pager{ color: #333; padding-bottom:20px; } /**分页样式*/ .pager { margin: auto; text-align: center; height: 40px; font-size: 14px; margin-top:3%; } .pager a { border: #999999 1px solid; border-radius: 4px; color: #999999; padding: 6px 10px; margin-left: 5px; } .pager span { margin-left: 5px; padding: 6px 10px; border-radius: 4px; border: #0049e4 1px solid; } .pager a:hover, #pager a:active { border: #0049e4 1px solid; color: #fff; background: #0049e4; } .pager span.current { font-weight: bold; color: #fff; background: #0049e4; } .pager span.disabled { color: #999999; padding: 6px 10px; border: #999999 1px solid; } .provnext { padding: 10px 5px 20px; } .prov { height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; float: left; width: 100%; } .next { height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; float: left; width: 100%; } .next a:hover, .prov a:hover { color: #334d98; font-weight: bold; } hr { clear: both; border: 0; background: none; } .clear { clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; } .i2 { display: block; clear: both; height: 2px; line-height: 2px; font-size: 2px; overflow: hidden; } .i5 { display: block; clear: both; height: 5px; line-height: 5px; font-size: 5px; overflow: hidden; } .i8 { display: block; clear: both; height: 8px; line-height: 8px; font-size: 8px; overflow: hidden; } .i10 { display: block; clear: both; height: 10px; line-height: 10px; font-size: 10px; overflow: hidden; } .i12 { display: block; clear: both; height: 10px; line-height: 12px; font-size: 12px; overflow: hidden; } .i15 { display: block; clear: both; height: 15px; line-height: 15px; font-size: 15px; overflow: hidden; } .i20 { display: block; clear: both; height: 20px; line-height: 20px; font-size: 20px; overflow: hidden; } .i25 { display: block; clear: both; height: 25px; line-height: 25px; font-size: 25px; overflow: hidden; } .i30 { display: block; clear: both; height: 30px; line-height: 30px; font-size: 30px; overflow: hidden; } .i50 { display: block; clear: both; height: 50px; line-height: 50px; font-size: 30px; overflow: hidden; } .bd { border: 1px #f00 solid!important; } @media (max-width: 1200px) { .case_xq .case_xq_left { width: 100%; margin-right: 0; top: 0; } .case_box a{ display: block; width: 49.33335%; margin: 0 1.3333% 1.3333% 0; float: left; } .case_box a:nth-child(2n){ margin: 0 0 1.3333% 0; } } @media (max-width: 768px) { } @media (max-width: 480px) { .case_box a { display: block; width: 100%; margin: 0 0 3% 0; float: left; } .case_box a .case_con { padding: 10px 15px 10px; } .case_box a .case_con .case_service { height: 30px; line-height: 30px; } .sheji_wen .sheji_con_tit { padding: 6% 0 2% 0; } .case_box a .case_imgcon .case_wen { display: none; } .index_case_inner a { width: 100%; margin: 0 0 2% 0; } } .suspension { position: fixed; z-index: 55; right: 0; bottom: 85px; width: 70px; height: 240px; } .suspension-box { position: relative; float: right; } .suspension .a { display: block; width: 44px; height: 44px; background-color: #cf281f; opacity: 0.8; margin-bottom: 4px; cursor: pointer; outline: none; transition: 0.3s; } .suspension .a.active, .suspension .a:hover { opacity: 1; } .suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(/images/side_icon.png); background-repeat: no-repeat; } .suspension .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(/images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; } .suspension .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(/images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; } .suspension .a-qrcode .i { background-position: -44px 0; } .suspension .a-cart .i { background-position: -88px 0; } .suspension .a-top .i { background-position: -132px 0; } .suspension .a-top { background: #8c8d90; background: rgba(140, 141, 144, 0.8); display: none; } .suspension .a-top:hover { background: #8c8d90; } .suspension .d { display: none; width: 140px; background: #fff; position: absolute; right:50px; border: 1px solid #e0e1e5; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(161, 163, 175, 0.11); } .suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(/images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; } .suspension .d-service { top: -15px; } .suspension .d-service-wechat { top: -2px; width: 150px; height: 50px; line-height: 50px; } .suspension .d-service-phone { top: 130px; } .suspension .d-qrcode { top: 36px; } .suspension .d .inner-box { padding: 0px; text-align: center; } .suspension .d-service-item { border-bottom: 1px solid #eee; padding: 0px 0; } .suspension .d-service .d-service-item { border-bottom: none; } .suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #f1f1f3; display: block; float: left; } .suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all 0.2s; border-radius: 50%; overflow: hidden; } .suspension .d-service-item .i-kf { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center; background-position: center; display: block; transition: all 0.2s; border-radius: 50%; overflow: hidden; } .suspension .d-service-item:hover .i-qq { background-position: center 3px; } .suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; } .suspension .d-service-item h3 { font-size: 16px; font-weight:bold; } .suspension .d-service-item h3{ line-height: inherit; font-size: inherit; } .suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 14px; margin-left: 12px; } .suspension .d-service-intro { padding-top: 10px; } .suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; } .suspension .d-service-intro i { background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; } .suspension .d-qrcode { text-align: center; } .suspension .d-qrcode .inner-box { padding: 10px 0; } .suspension .d-qrcode p { font-size: 16px; color: #93959c; } /**关于我们**/ .f_l{ float: left; display: inline-block; } .f_r{ float: right; display: inline-block; } .about_h2{position: relative;z-index: 1;color: #333; text-align: left; } .about_h2 .cn{font-size:40px;position: relative;z-index: 2} .about_h2 .cn::after{content: '';display: block;width:80px;height:3px;background: #0049e4; margin-top:10px} .about_h2 .cn span{display: inline-block;position: relative;line-height: 0.75; font-weight: bold;} .about_h2 .cn span:before{position: absolute;content: '';z-index: -1;width: calc(80 / 42 * 1em);height: calc(60 / 42 * 1em);left: calc(-102 / 42 * 1em);top: calc(-14 / 42 * 1em);background-size: contain;opacity: 1.2;} .about_h2 .cn span:after{position: absolute;content: '';z-index: -1;width: calc(80 / 42 * 1em);height: calc(60 / 42 * 1em);right: calc(-102 / 42 * 1em);top: calc(-14 / 42 * 1em);background-size: contain;opacity: 1.2;} .AboutDesA{ padding:55px 0px 60px; } .AboutDesA .Box{ position:relative; } .AboutDesA .l_con{ width:55%; position:relative; z-index:1; padding-right:2% } .AboutDesA .des{ -webkit-line-clamp: 3; font-size:15px; line-height:30px; color:#666666; margin:40px 0 0px; text-indent:2em } .AboutDesA .r_img{ width:45%; padding-top:120px} .AboutDesA .swiperBox{ overflow:hidden; position:relative;} .AboutDesA .swiperBox img{ width:100%} .AboutDesA .swiperBox .swiper-container{ overflow:visible; width:630px; } .AboutDesA .swiperBox .swiper-slide{ opacity:.1; transform:translateX(-70%) scale(.88); transition:all .3s; } .AboutDesA .swiperBox .swiper-slide.swiper-slide-active{ opacity:1; transform:scale(1); z-index:2; } .AboutDesA .swiperBox .swiper-slide.swiper-slide-next{ opacity:.1; transform:translateX(-70%) scale(.88); } .AboutDesA .swiperBox .imgBox{ padding-top:93.65%; } .AboutDesA .swiperBox .paginations{ z-index:2; position:absolute; left:0; width:630px; max-width:100%; bottom:18px; text-align:right; font-size:0; line-height:0; padding:0 5px; } .AboutDesA .swiperBox .paginations .swiper-pagination-bullet{ width:10px; height:10px; background-color:#c30819; border-radius:50%; opacity:.16; margin:0 5px; } .AboutDesA .swiperBox .paginations .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; } .AboutDesB{ padding:30px 0 60px; border-top:1px solid #eee; } .AboutDesB .Images{ margin:-10px; font-size:0; line-height:0; } .AboutDesB .Images .li{ display:inline-block; padding:10px; } .AboutDesB .Images .imgBox{ padding-top:55.47%; background-color:#000; } .AboutDesB .Images .imgBox img{ opacity:.5; } .AboutDesB .Images .Box{ position:absolute; left:0; top:0; height:100%; width:100%; color:#fff; text-align:center; } .AboutDesB .Images .table{ display:table; width:100%; height:100%; } .AboutDesB .Images .tab-cell{ display:table-cell; vertical-align:middle; padding:25px; } .AboutDesB .Images .title{ font-size:26px; line-height:30px; font-weight:bold; margin-bottom:25px; } .AboutDesB .Images .des{ font-size:20px; line-height:26px; max-height:104px; overflow:hidden; } .AboutDesB .ul{ margin:-8px; font-size:0; line-height:0; padding:7px 0; } .AboutDesB .ul li{ padding:8px; display:inline-block; } .AboutDesB .ul .Box{ background:#f3f3f3; text-align:center; transition:all .3s; transform:translateY(0); padding:55px 25px; box-shadow:0 0 15px rgba(0,0,0,0); } .AboutDesB .ul .title{ font-size:24px; line-height:28px; color:#333333; margin-top:15px; } .AboutDesB .ul .Box:hover{ transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.05); } @media only screen and (max-width: 1200px){ .AboutDesA{ padding:40px 0; } .AboutDesA .l_con{ width:100%; float:none; display:block; } .AboutDesA .title{ font-size:80px; line-height:80px; } .AboutDesA .title span{ font-size:26px; } .AboutDesA .des{ margin:5px 0 15px; line-height:26px; } .AboutDesA .r_img{ margin:0 auto; display:block; float:none; } .AboutDesB{ padding:40px 0; } .AboutDesB .Images{ margin:-7px; } .AboutDesB .Images .li{ padding:7px; } .AboutDesB .Images .title{ font-size:22px; line-height:26px; margin-bottom:10px; } .AboutDesB .Images .des{ font-size:16px; line-height:20px; max-height:80px; } .AboutDesB .ul{ margin:-6px; } .AboutDesB .ul li{ padding:6px; } .AboutDesB .ul .Box{ padding:30px 20px; } .AboutDesB .ul .Box img{ width:56px; } .AboutDesB .ul .title{ font-size:18px; line-height:24px; margin-top:10px; } } @media only screen and (max-width: 992px){ .AboutDesB .Images{ margin:-5px; } .AboutDesB .Images .li{ padding:5px; } .AboutDesB .Images .tab-cell{ padding:10px; } .AboutDesB .Images .title{ font-size:18px; line-height:24px; margin-bottom:5px; } .AboutDesB .Images .des{ font-size:15px; } .AboutDesB .ul{ margin:-5px; display:flex; flex-wrap:wrap; } .AboutDesB .ul li{ padding:5px; } .AboutDesB .ul .Box img{ width:46px; } .AboutDesB .ul .title{ font-size:16px; line-height:22px; margin-top:5px; } } @media only screen and (max-width: 768px){ .AboutDesA{ padding:25px 0; } .AboutDesA .title{ font-size:60px; line-height:50px; } .AboutDesA .title span{ font-size:18px; } .AboutDesA .des{ line-height:22px; } .AboutDesA .r_img{ width:100%; } .AboutDesA .swiperBox{ margin:0; padding:0; } .AboutDesA .swiperBox .swiper-container{ overflow:hidden; width:100%; } .AboutDesA .swiperBox .swiper-slide.swiper-slide-next, .AboutDesA .swiperBox .swiper-slide{ transition:all 0s; opacity:.7; transform: translateX(0) scale(1); } .AboutDesB{ padding:25px 0; } } .biaozhi{ width:100%; overflow:hidden; position:fixed; bottom:0; left:0; right:0; z-index:980;} .biaozhi .webu{ position:relative; background:#000; overflow:hidden;} .biaozhi .webu li{ width:25%; float:left; text-align:center; overflow:hidden;} .biaozhi .webu li a{ display:block; border-left:1px solid rgba(255,255,255,0.2); padding:10px 0 6px; overflow:hidden;} .biaozhi .webu li i{ display:block; width:22px; height:22px; margin:0 auto;} .biaozhi .webu li i.ii_a{ background:url(/images/ii_a.png) no-repeat; background-size:100%;} .biaozhi .webu li i.ii_b{ background:url(/images/ii_b.png) no-repeat; background-size:100%;} .biaozhi .webu li i.ii_c{ background:url(/images/ii_c.png) no-repeat; background-size:100%;} .biaozhi .webu li i.ii_d{ background:url(/images/ii_d.png) no-repeat; background-size:100%;} .biaozhi .webu li span{ display:block; line-height:14px; padding-top:8px; color:#fff;} .biaozhi .webu li.on,.biaozhi .webu li:active{ background:#005bac;} /* 左侧菜单栏样式 */ .left-sidebar { position: fixed; /* 固定在左侧 */ top: 0; left: 0; width: 200px; /* 菜单宽度 */ height: 100vh; /* 高度占满视口 */ background-color: #f4f4f4; /* 背景色 */ border-right: 1px solid #ddd; /* 右边框 */ z-index: 1000; /* 确保在内容之上 */ overflow-y: auto; /* 如果菜单项过多，允许滚动 */ } .menu-container { padding: 20px 0; } .menu-list { list-style: none; margin: 0; padding: 0; } .menu-list li { padding: 0 20px; /* 左右内边距 */ } .menu-list li a { display: block; padding: 12px 0; /* 上下内边距 */ color: #333; /* 文字颜色 */ text-decoration: none; border-left: 4px solid transparent; /* 左侧默认无边框 */ transition: all 0.3s ease; /* 过渡动画 */ } .menu-list li a:hover { color: #0049e4; /* 鼠标悬停颜色 */ border-left-color: #0049e4; /* 鼠标悬停左侧边框变色 */ background-color: #eef2f7; /* 鼠标悬停背景色 */ } /* 当前选中项样式 */ .menu-list li.on a { color: #0049e4; border-left-color: #0049e4; font-weight: bold; background-color: #eef2f7; } /* 右侧内容区域样式（需要给原本的 bg-col 添加这个类或样式） */ /* 假设你的内容容器是 .bg-col，你需要给它加上 margin-left 或者 padding-left */ .bg-col { margin-left: 200px; /* 与左侧菜单宽度一致 */ padding: 20px; /* 内容内边距 */ }