index.css 18 KB

12
  1. @keyframes dotanimo{0%{transform:scale(.6);-webkit-transform:scale(.6);opacity:1}70%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:.8}to{transform:scale(2);-webkit-transform:scale(2);opacity:0}}@keyframes marginl{0%{margin-left:0}50%{margin-left:50%}to{margin-left:100%}}.main{background:#fff}.main h2.item-title{text-align:center;font-size:32px;line-height:56px}.main h2>a{color:#000}.main .item-dec{text-align:center;font-size:22px;margin-bottom:32px;color:#aeaeae}.main>div{padding:70px 0}.swiper-slide>img{width:100%}#swiper1 .swiper-button-next:after,.swiper-button-prev:after{font-size:69px!important}#swiper1 .swiper-button-next,#swiper1 .swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{color:#fff!important}.tp-banner-dom,.video-button{position:absolute;border-radius:5px;z-index:99}.video-button{top:67%;background:0 0;padding:3px 20px;line-height:44px;font-size:22px;border:3px solid #fff;color:#fff;cursor:pointer;-webkit-transition:all .5;-moz-transition:all .5;-o-transition:all .5;transition:all .5s;left:46%}.video-button:hover{-webkit-animation-name:bounceln;-o-animation-name:bounceln;animation-name:bounceln;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.tp-banner-dom{bottom:-35px;left:50%;transform:translateX(-50%);width:1210px;height:122px;background:#fff;box-shadow:7px 12.1px 43px 0 rgba(0,0,0,.1)}.serve-list li,.tp-banner-item{width:25%;border-radius:5px;height:100%;float:left;padding:22px 0 22px 42px}.tp-banner-item:hover{background:#1296db;box-shadow:0 4px 15px 0 #1296dbbd}.tp-banner-item>div>span{font-size:25px;color:#000}.tp-banner-item>div>p{margin-top:14px;color:#666}.tp-banner-item>div{float:left}.tp-banner-item>em{display:inline-block;float:left;font-size:52px;margin-right:20px;color:#1296db}.client>.container>h2>a,.hezuo>.container>h2>a,.serve-list li.active .serve_text li,.serve-list li.active .serve_text>p,.serve-list li:hover .serve_text li,.serve-list li:hover .serve_text>p,.tp-banner-item:hover>div>p,.tp-banner-item:hover>div>span,.tp-banner-item:hover>em{color:#fff}.about_right>.img>.videox>div img,.honor-icon img,.serve-list,.serve-list li>div{width:100%}.client-list::after,.hezuo-list::after,.honor-list::after,.serve-list::after,.serve_text ul::after{content:"";display:block;clear:both}.serve-list li{width:287px;height:270px;margin-bottom:30px;background:#efefef;padding:40px 20px 20px;text-align:center;position:relative;-webkit-transition:all .5;-moz-transition:all .5;-o-transition:all .5;transition:all .5s}.serve-list a:not(:first-child) li{margin-left:32px}.serve-list a:nth-child(5) li{margin:0}.p-fontsiz{font-size:50px;color:#1296d8;font-weight:700;position:relative;top:0;-webkit-transition:all .5;-moz-transition:all .5;-o-transition:all .5;transition:all .5s}.serve-list li.active .p-fontsiz,.serve-list li:hover .p-fontsiz{top:-26px;color:#fff}.serve_text{position:relative;top:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;transition:all .36s ease;webkit-transition:all .36s ease}.serve_text li{float:left;width:50%;color:#999;white-space:nowrap;text-overflow:ellipsis}.serve_text li:nth-child(2n){text-align:right}.serve_text li:nth-child(2n-1){text-align:left}.serve-list a{display:inline-block;float:left}.serve-list .serve-button{width:100px;height:30px;background:#fff;border-radius:7px;line-height:30px;margin:20px auto;color:#000;opacity:0;position:relative;top:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;transition:all .36s ease;webkit-transition:all .36s ease}.serve-list .serve_icon{width:69px;height:60px;margin:0 auto;transition:.36s;position:relative;top:0}.serve-list .serve_text>p{font-size:18px;color:#343434;margin-top:18px;margin-bottom:15px}.serve-list .serve_text>span{font-size:14px;width:100%;color:#999;margin-top:3px;display:inline-block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.serve-list li.active,.serve-list li:hover{background:#1296db}.serve-list li:hover .serve_text{top:-36px}.serve-list li.active .serve_text>span,.serve-list li:hover .serve_text>span{color:#fff;margin-top:0}.serve-list li:hover .serve_icon{top:-26px}.serve-list li:hover .serve-button{opacity:1;top:-20px}.serve-list li.active .serve_text{top:-36px}.serve-list li.active .serve_icon{top:-26px}.serve-list li.active .serve-button{opacity:1;top:-20px}.about{width:100%;background:#f9f9fb}.about_left{height:550px;background:url(../images/about/chinamap.png) no-repeat;background-size:contain;background-position-x:102px}.about-dot,.aboutinfo,.aboutinfo>.line{position:absolute}.aboutinfo{top:-45px;left:0;width:248px;height:197px;font-size:46px;color:#d9dbdc}.aboutinfo>.line{bottom:0;width:41%;height:7px;background:#d9dbdc}.about_left>.one,.about_left>.two{top:418px;left:647px;border-radius:6px}.one.active>.bubble{width:274px}.about_left>.two{width:30px;height:30px;top:389px;left:545px;background-size:cover}.two.active>.bubble{top:-91px;left:-370px;width:352px}.about_left>.three{top:172px;left:613px;border-radius:6px}.three.active>.bubble{top:-99px;right:-233px;width:271px}.about_left>.four{top:351px;left:570px;border-radius:6px}.four.active>.bubble{top:-91px;right:-22px;width:229px}.about_left>.five,.about_left>.six{top:446px;left:530px;border-radius:6px}.five.active>.bubble{top:-88px;right:20px;width:293px}.about_left>.six{top:255px;left:627px}.six.active>.bubble{top:-104px;right:-243px;width:266px}.about_left>.seven{top:474px;left:595px;border-radius:6px}.seven.active>.bubble{top:-110px;right:-193px;width:264px}.about_left>.eight{top:296px;left:587px;border-radius:6px}.about_left>.nine,.about_left>.ten{top:336px;left:629px;border-radius:6px}.about_left>.ten{top:432px;left:441px}.ten.active>.bubble{top:-105px;right:7px;width:236px}.about_left>.eleven{top:350px;left:457px;border-radius:6px}.eleven.active>.bubble{top:-111px;right:-15px;width:283px}.about_left>.twelve{top:159px;left:687px;border-radius:6px}.about_left>.thirteen{top:391px;left:613px;border-radius:6px}.thirteen.active>.bubble{left:-230px;width:235px}.about_left>.fourteen{top:185px;left:686px;border-radius:6px}.about_left>.fifteen{top:324px;left:260px;border-radius:6px}.fifteen.active>.bubble{top:-96px;right:9px;width:350px}.about_left>.seventeen,.about_left>.sixteen{top:213px;left:474px;border-radius:6px}.sixteen.active>.bubble{top:-91px;right:31px;width:244px}.about_left>.seventeen{left:589px}.seventeen.active>.bubble{top:-91px;right:14px;width:294px}.about_left>.eighteen{top:117px;left:728px;border-radius:6px}.eighteen.active>.bubble{top:-91px;right:34px;width:235px}.about_left>.nineteen{top:392px;left:483px;border-radius:6px}.nineteen.active>.bubble{width:268px;top:-25px;right:41px}.about_left>.twenty{top:117px;left:283px;border-radius:6px}.twenty.active>.bubble{top:-61px;right:33px;width:258px}.bubble>div:nth-child(2),.bubble>div:nth-child(3),.bubble>div:nth-child(4),.bubble>div:nth-child(5),.bubble>div:nth-child(6){display:block;font-size:16px;color:#666;margin-top:10px}.bubble>.z_c{display:block;font-size:16px;color:#333;font-weight:700}.bubble{position:absolute;padding:16px;top:-91px;right:-159px;width:229px;background-color:#fff;border:1px solid #dddedf;border-radius:5px;box-shadow:0 5px 20px rgba(153,153,153,.4);box-sizing:border-box;z-index:99;display:none}.about-dot{width:20px;height:20px;background-size:cover}.about_left>.active.about-dot::before{background:#0058fa}.about-dot em,.about-dot.active em{margin-top:-13px;margin-left:-13px;border:1px solid #bab4f6;background-color:rgba(0,77,240,.1);display:inline-block}.about-dot em{position:absolute;top:50%;left:50%;box-sizing:border-box;margin-left:-12px;width:25px;height:25px;border:1px solid #e4c9b2;border-radius:50%;background-color:rgba(255,255,255,.4);-webkit-transform:scale(.6);transform:scale(.6);display:none;-webkit-animation:dotanimo 4s linear infinite;-moz-animation:dotanimo 4s linear infinite;-o-animation:dotanimo 4s linear infinite;animation:dotanimo 4s linear infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}.about-dot.two em,.item_p img,.text .descript p img{display:none}.about_left>.about-dot>.dot-radio1{z-index:0;border:1px dashed #e4c9b2}.about-dot>.dot-radio2,.about-dot>.dot-radio3{z-index:1;background-color:rgba(255,255,255,.3);-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.about-dot>.dot-radio3{z-index:2;-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.dot-radio1,.dot-radio2,.dot-radio3{border:1px dashed #f6b4b5}.about_right{box-shadow:7px 12.1px 43px 0 rgba(0,0,0,.1)}.about_right>.img{position:relative}.about_right>.img>img{width:100%;height:200px}.about_right>.img>.videox,.map-item{position:absolute;display:none;left:0}.about_right>.img>.videox{width:100%;height:100%;background:#0000008a;top:0}.about_right>.img:hover>.videox,.map-item li{display:block}.about_right>.img>.videox>div{width:46px;margin:88px auto;cursor:pointer}.about_right>.text{padding:12px 30px;background:#fff;color:#333}.about_right>.text>p{color:#666;margin-top:20px;line-height:26px}.map-item{bottom:13px}.map-item li{position:relative;padding:12px 10px 12px 8px;line-height:20px}.map-item li p{color:rgba(51,51,51,.7);font-size:17px}.map-item li p>i{color:#1296db;margin-right:10px}.map-item li h5{overflow:hidden;padding-left:5px;height:18px;color:#333;font-size:16px;margin:0}.map-item h5 strong{display:block;font-weight:400;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;transition:all .8s}.map-item li:hover h5 strong:first-child{margin-top:-20px}.map-item li em{position:absolute;bottom:-1px;left:0;width:160px;height:1px;background-color:#eceded}.map-item li .icon-kede{display:inline-block;margin-right:5px;width:20px;height:20px}.map-item li em:before{display:block;margin-left:0;width:10px;height:1px;background-color:#999;content:"";-webkit-animation:marginl 2s linear infinite;-moz-animation:marginl 2s linear infinite;-ms-animation:marginl 2s linear infinite;-o-animation:marginl 2s linear infinite;animation:marginl 2s linear infinite}.honor-box{width:194px;background:#f3f3f3;height:212px;text-align:center;padding-top:20px;float:left;margin-right:13px;position:relative;top:0;transition:all .36s;-webkit-transition:all .36s;-o-transition:all .36s;-moz-transition:all .36s}.honor-box:hover{top:-10px;box-shadow:0 3px 10px #c9c9c9}.honor-icon{width:52%;margin:10px auto}.honor-box div>p{font-size:16px}.honor-box div>span{font-size:12px;color:#999}.client{background:url(../images/kehu.jpg);background-attachment:fixed;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}.client-list,.newslist-right>ul>li:hover::after{width:100%}#swiper2{padding:20px 0}.client-list>div{width:20%;float:left;transition:all .5s;-webkit-transition:all .5s}.client-list>div:hover{position:relative;box-shadow:-4px 6px 19px 2px rgba(177,171,171,.38);transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}#swiper2 .swiper-wrapper{height:440px}#swiper2 .swiper-pagination-bullet{width:64px;height:6px;display:inline-block;border-radius:5px;background:#333;opacity:1}#swiper2 .swiper-pagination-bullet-active,.news{background:#fff}.news .mainnews{box-sizing:border-box;padding:44px 60px;width:520px;height:544px;text-align:center;background:#f8f8f8;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;float:left}.newslist-left .text span{font-size:24px;font-family:inherit;line-height:30px;color:#000}.newslist-left .text h4{margin-top:8px;color:#333;font-size:18px;line-height:30px;font-weight:400}.mainnews:hover .descript p{padding-left:15px}.text{text-align:left}.text .descript{margin-top:8px;margin-bottom:15px}.more_button,.text .descript p{-moz-transition:all .36s ease;-o-transition:all .36s ease;transition:all .36s ease;webkit-transition:all .36s ease}.text .descript p{box-sizing:border-box;padding-left:0;max-height:52px;border-left:1px solid transparent;font-size:13px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#7d7d7d;width:380px;height:auto;line-height:26px}.item_img{overflow:hidden;width:380px;height:180px}.item_img img{width:100%;transition:all .4s}.mainnews:hover .item_img img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.more_button{display:block;width:140px;height:36px;border-radius:2px;margin-top:55px;background:#276ace;background:-moz-linear-gradient(-90deg,#29bdd9 0%,#276ace 100%);background:-webkit-linear-gradient(-90deg,#29bdd9 0%,#276ace 100%);background:linear-gradient(-90deg,#29bdd9 0%,#276ace 100%);box-shadow:0 5px 20px rgba(9,83,187,.31);color:#fff;text-align:center;line-height:36px}.mainnews:hover .more_button{margin-top:35px}.newslist-right{float:left;width:57%}.newslist-right>ul{padding-left:40px}.newslist-right>ul>li{position:relative;border-top:1px solid #e5e5e5;padding:26px 20px 19px 38px}.newslist-right>ul>li::after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:#1296d8}.newslist-right>ul>li .item_p p,.newslist-right>ul>li h4,.newslist-right>ul>li::after{-moz-transition:all .36s ease;-o-transition:all .36s ease;transition:all .36s ease;webkit-transition:all .36s ease}.newslist-right>ul>li h4{color:#000}.newslist-right>ul>li .item_p p{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.newslist-right>ul>li:hover .item_p p{padding-left:18px}.newslist-right>ul>li:hover{box-shadow:0 0 40px rgba(0,0,0,.08)}.newslist-right>ul>li:hover h4{color:#1296d8;padding-left:18px}.newsitem .time{float:right;font-size:24px;color:#959595}.item_p{color:#aeaeae;padding-right:85px}.news-fenlei{width:100%;padding-left:40px;margin-bottom:15px}.news-fenlei span{font-size:20px;margin-right:20px;cursor:pointer}.news-fenlei span.active{color:#1296db}#swiper21,.news-list-it{display:none}.news-list-it.active{display:block}.hezuo{background:url(../images/banner/ad_bg4.png);background-attachment:fixed;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative}.client-list>div>img,.hezuo-list,.hezuo-list img,.modalx_kede img{width:100%}.hezuo-list>div{width:24.2%;float:left;margin-bottom:20px;margin-right:10px}#swiper22 .swiper-pagination-bullet{width:64px;height:6px;display:inline-block;border-radius:5px;background:#333;opacity:1}#swiper22 .swiper-pagination-bullet-active{opacity:1;background:#fff}.modalKede{display:none;position:fixed;z-index:999;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.73);filter:progid: DXImageTransform.Microsoft.Gradient(startColorStr=iWidth, endColorStr=iWidth)}.modal_video{position:relative;text-align:center;margin-top:100px}.modalx_kede{position:absolute;top:-53px;right:400px;width:50px;height:50px;cursor:pointer}.tp-banner-dom .m_top{display:none;width:100%}#swiper21{height:176px}#swiper22{height:277px}#swiper23{display:none;height:129px}#swiper23 .hezuo-list>div{width:31.2%}#swiper23 .hezuo-list>div:nth-child(3),#swiper23 .hezuo-list>div:nth-child(6){margin-right:0}.map_m{display:none}.banner-index{position:relative}@media screen and (max-width:768px){.tp-banner-dom{position:absolute;bottom:-78px;left:0;transform:translateX(0);width:100%;height:78px;box-shadow:none}.main>div:first-child{margin-top:70px}#swiper22,.tp-banner-dom .tp-banner-item{display:none}#swiper23,.tp-banner-dom .m_top{display:block}#swiper1 .swiper-button-next,#swiper1 .swiper-button-prev,.serve-list .serve_text>span,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{display:none}.video-button{position:absolute;top:75%;left:36%;background:0 0;padding:3px 4px;border-radius:5px;line-height:21px;font-size:14px;border:2px solid #fff;color:#fff;cursor:pointer}header{position:relative;margin-bottom:77px}.video-button img{width:23%}.main h2.item-title{font-size:18px;line-height:27px}.main .item-dec{font-size:12px;margin-bottom:20px}.serve-list>li{float:left;width:24.5%;height:98px;margin-bottom:5px;background:#efefef;border-radius:5px;padding:12px 0 0}.serve-list>li.active .serve_text,.serve-list>li:hover .serve_text{top:-15px}.serve-list>li.active .p-fontsiz,.serve-list>li:hover .p-fontsiz{top:-9px}.serve-list>li:not(:first-child){margin-left:2px}.serve-list>li:nth-child(5){margin-left:0}.serve-list .serve_text>p{font-size:13px;margin-top:7px}#swiper2,.main .about .col-lg-8,.serve-list .serve-button{display:none}.serve-list .p-fontsiz{font-size:32px}.main>div{padding:0 0 30px}.news .mainnews{box-sizing:border-box;width:100%;padding:21px 24px;height:475px}#swiper21{display:block;height:208px}#swiper21 .client-list>div{width:33.3%;float:left}#video_,.item_img,.newslist-right{width:100%}.text .descript p{max-height:52px;width:100%}.news-fenlei{margin-top:20px;text-align:center}.news-fenlei span,.newslist-left .text h4{font-size:16px}.newslist-right>ul{padding-left:0}.newslist-right>ul>li{padding:14px 2px 8px 1px}.newsitem .time{position:absolute;right:0;font-size:20px;top:17px}.newslist-left .text span{font-size:20px}.newslist-right>ul>li h4{width:86%;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item_p{padding-right:0}.about_right>.text h3{font-size:23px}.map_m{display:block}.modalx_kede{position:absolute;top:-53px;right:0;width:33px;height:33px}#video_{height:auto}.hezuo{margin-bottom:0}.honor-box:nth-child(3),.honor-box:nth-child(6){margin-right:0}.honor-box div>p{font-size:12px;margin-bottom:0}.honor-box{width:32.3%;height:140px;margin-bottom:5px;padding-top:0;margin-right:5px}.serve-list li{float:left;width:100%;height:96px;margin-bottom:5px;border-radius:5px;padding:9px 0 0}.serve-list a{float:left;width:23.88%}.serve-list a:not(:first-child){margin-left:5px}.serve-list a:nth-child(5){margin-left:0}.serve-list li.active .serve_text{top:-6px}.serve-list a:not(:first-child) li{margin-left:0}.serve-list li.active .p-fontsiz,.serve-list li:hover .p-fontsiz{top:-3px;color:#fff}.serve-list li:hover .serve_text{top:-8px}}@media screen and (max-width:360px){.serve-list a{float:left;width:23.8%}}