.mb{display:none} .slider{overflow:hidden;height: 710px;} .foots1 img{max-width:200px;} .testimonials .single-testimonial p{/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */word-break: break-all;display: -webkit-box;-webkit-line-clamp:4;overflow:hidden;} .header .logo img{max-width:260px} .header .widget-main{margin-top:11px} .header .widget-main .telts{font-size:18px;color:#333333;background:url(../image/tel.png) left center no-repeat;height:28px;line-height:28px;padding-left: 38px;margin-top: 23px;} .header .widget-main .telds{font-size:24px;color:#1d55bf;font-weight:600;margin-top: 10px;} .header.style2 .header-inner{background-color:#1d55bf;} .nav .fsa{color:#FFFFFF;font-size:16px;display: block;} .header .nav{position:relative} .header .nav .navbgs{position:absolute;top:0;left:0;background-color:#3f6ec8;transition:0.5s;display:none} .header .nav li.active a.fsa::after{width:100%;height:100%;content:"";display:block;background-color:#3f6ec8;position:absolute;left:0;top:0;z-index:1;} .header .nav li a span{position:relative;z-index:9} .departments{background-color:#fcfcfc} .server .wds{margin-bottom:20px;width:25%;padding: 0 40px;} .server .single{text-align:center;display:inline-block} .server .single h3{color:#333333;font-size:18px;font-weight:bold;margin-bottom:16px} .server .single p{color:#333333;font-size:14px;} .signle-icon{margin-bottom:20px} .server .single:hover img{transform: translateY(-15px);} .server .single:hover h3{color:#1d55bf} .wbCast{background-color:#fcfcfc} .navList{text-align:center;margin-bottom:30px} .navList li{color:#333333;font-size:18px;display:inline-block;margin:0 20px} .navList li a{padding:0px 2px;line-height:36px} .navList .active{border-bottom:1px solid #1d55bf} .navList .active a{color:#1d55bf} .wbCol{width:100%;overflow: hidden;} .wbList{width:100%;transition: 0.5s;display: flex;} .tabList{width:100%;} .tabList .row{text-align:center;} .tabList .wdls{max-width:400px;margin-bottom:30px;width:33.333%;padding:0 15px;margin-top: 10px;} .tabList .wdls .wbPics{width:100%;background-color:#f1f1f1;border-radius:10px;padding:12px;position:relative;z-index:9} .tabList .wdls .wbPics .pics{width:100%;height:220px;display:block;overflow:hidden} .tabList .wdls a:hover .wbPics,.tabList .wdls a:hover .wbBgs{animation: myfirst 0.5s 1;} @keyframes myfirst { 0% {transform: translate(0px, 0px);} 20% {transform: translate(0px, -10px);} 40% {transform: translate(0px, 2px);} 60% {transform: translate(0px, -5px);} 80% {transform: translate(0px, 1px);} 90% {transform: translate(0px, -2px);} 100% {transform: translate(0px, 0px);} } .tabList .wdls .wbBgs{width:100%;margin-top:-1px;position:relative;z-index:8} .tabList .wdls .wbTitle h1{width:100%;font-size:16px;color:#333333;font-weight:normal;margin-top:10px} .tabList .wdls a:hover .wbTitle h1{color:#1d55bf;} .wbCast .section-title{margin-bottom:35px} .wbAdvs{padding-top:144px;} .wbAdvs .advs{justify-content: space-between;} .wbAdvs .advsWidth{width:200px;height:250px;padding: 0 10px;} .wbAdvs .advsList{width:100%;height:250px;background-color:#FFF;text-align:center;padding-top:56px;border-radius:10px;box-shadow: 0px 6px 6px #0000001c;} .wbAdvs .advsList .ts{color:#1d55bf;font-size:28px;font-weight:bold;margin-top:20px;margin-bottom:16px;} .wbAdvs .advsList .ts code{color:#1d55bf;font-size:28px;font-weight:bold;background: transparent;} .wbAdvs .advsList p{color:#666666;font-size:14px;} .wbTeam {background-image: url('../image/bg2.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;} .wbCust {background-image: url('../image/bg3.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;} .wbNews .desc .ts,.wbNews .desc .ds{position:relative} .wbNews .news{justify-content: space-between;} .wbNews .desc .ts{height:32px;line-height:32px;} .wbNews .wbLeft .desc .ts{margin-top:18px} .wbNews .desc .ts span{width:70px;display:inline-block;font-size:20px;color:#333333;position: absolute;text-align:right} .wbNews .desc .ts h1{width:100%;display:inline-block;font-size:16px;color:#333333;padding-left: 90px;height:32px;line-height:32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .wbNews .desc .ds{margin-top:16px} .wbNews .desc .ds span{width:70px;display:inline-block;font-size:14px;color:#666666;position: absolute;text-align:right} .wbNews .desc .ds p{width:100%;display:inline-block;font-size:14px;color:#666666;padding-left: 90px;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;} .wbNews .wbLeft{width:562px;float:left;max-width:100%;padding: 0 15px;} .wbNews .wbRight{width:600px;float:right;max-width:100%;padding: 0 15px;} .wbNews .wbRight .desc .ts{margin-top:18px} .wbNews .wbRight .mt0 .ts{margin-top:0} .wbNews .pics{width:532px;height:265px;overflow:hidden} .wbNews .pics img{width:100%;transition:0.5s} .wbNews .news a:hover .ts h1{color:#1d55bf} .wbNews .news a:hover .pics img{transform:scale(1.1)} .clients .single-clients img{transition:0.5s} .clients .single-clients img:hover{transform:translateY(-10px)} .foots1{width:260px;padding:0 15px} .links{margin-top:30px} .links li{position:relative;min-height:28px;margin-bottom: 14px} .links li span{color:#ffffff;font-size:14px;width:70px;display:inline-block;line-height:28px;position: absolute;padding-left: 28px;background-repeat:no-repeat;background-position:left center} .links li p{width:100%;color:#ffffff;font-size:14px;padding-left:75px;line-height:28px} .links li .address{background-image:url(../image/icos1.png);} .links li .phones{background-image:url(../image/icos2.png);} .links li .emails{background-image:url(../image/icos3.png);} .foots{width:170px;padding:0 15px} .footer .row{justify-content: space-between;} .foots2 h1,.foots h1{font-size:18px;color:#ffffff;font-weight:normal;margin-bottom:22px} .foots li{margin-bottom:15px} .foots li a{font-size:14px;color:#ffffff;} .foots .wechat img{max-width:140px} .navBgs img{width:100%} .dyy2 .testimonials{padding-bottom: 0px;} .foots2{width:340px;padding:0 15px;max-width:100%} .wbInput{width:100%;height:42px;background:transparent;border:1px solid #9c9c9c;margin-bottom:14px;border-radius:0;font-size:14px;padding: .375rem .75rem !important;color: #FFF !important;} .wbTextArea{width:100%;height:100px;background:transparent;border:1px solid #9c9c9c;border-radius:0;font-size:14px;color: #FFF !important;} .foots2 .btn{width:100%;border-radius:0;margin-top:14px;border:1px solid #1d55bf} .foots2 .btn::before{border-radius:0;} .wbInput:focus,.wbTextArea:focus{background:transparent;} @media (max-width:1199px) { .tabList .wdls .wbBgs{margin-top:-3px;} .wbAdvs .advsWidth{width:190px} .wbAdvs .advsList{width: 162px;} .wbAdvs .advsList .ts,.wbAdvs .advsList .ts code{font-size: 20px;} .wbAdvs .advsList p{font-size: 12px;} .wbNews .pics{width:100%;height: 225px;} .wbNews .wbLeft,.wbNews .wbRight{width:50%} .wbNews .wbRight .desc .ts{margin-top: 26px;} .wbNews .wbRight .mt0 .ts {margin-top: 0;} .nav .fsa{font-size:14px} } @media (max-width:991px) { .slider{height: 380px;} .tabList .wdls .wbBgs{margin-top:-6px;} .tabList .wdls .wbPics .pics{height:100px;} .wbAdvs{padding-top: 45px;} .wbAdvs .advs{justify-content: flex-start;} .wbAdvs .advsWidth{width:33.33%;margin-bottom:20px;height: 220px;} .wbAdvs .advsList{width:100%;padding-top: 40px;height: 220px;} .wbAdvs .advsList .ts{margin-top: 15px;margin-bottom: 8px;} .wbNews .pics{width:100%;height: 165px;} .wbNews .wbLeft,.wbNews .wbRight{width:50%} .wbNews .wbRight .desc .ts{margin-top: 16px;} .wbNews .wbRight .mt0 .ts {margin-top: 0;} .wbNews .desc .ts {height: 28px;line-height: 28px;} .wbNews .wbLeft .desc .ts{margin-top: 18px;} .wbNews .desc .ts span{font-size: 18px;width: 50px;} .wbNews .desc .ts h1{font-size: 14px;height: 28px;line-height: 28px;padding-left: 70px;} .wbNews .desc .ds{margin-top: 4px;} .wbNews .desc .ds span{width:50px} .wbNews .desc .ds p{font-size: 12px;padding-left: 70px;} .footer .row {justify-content: space-between;} .foots1{width:100%} .foots{width:48%;margin-top:18px} .foots2 h1,.foots h1{margin-bottom: 10px;font-size: 16px;} .foots li {margin-bottom: 4px;} .foots li a{font-size:12px} .header .logo img{max-height:52px} } @media (max-width:767px) { .owl-nav{display:none} .slider .single-slider h1 {font-size: 20px;margin-bottom: 10px;} .slider .single-slider .text p{margin-bottom: 6px;font-size: 16px;} .slider .single-slider .button{margin-top: 20px;} .server .wds{max-width:50%;margin-bottom:14px} .server .single h3 {font-size: 14px;margin-bottom:10px} .server .single p{font-size:12px;} .signle-icon{margin-bottom:20px} .tabList .wdls{width:50%;margin-bottom: 20px;} .tabList .wdls .wbPics{padding: 8px;border-radius: 6px;} .tabList .wdls .wbBgs{margin-top:-10px;} .tabList .wdls .wbTitle h1{font-size:12px;} .wbAdvs{padding-top: 45px;} .wbAdvs .advs{justify-content: flex-start;padding:0 10px;} .wbAdvs .advsWidth{width:33.33%;margin-bottom:20px;height: 160px;padding: 0 5px;} .wbAdvs .advsList{width:100%;padding-top: 24px;height: 160px;} .wbAdvs .advsList .ts{margin-top: 8px;margin-bottom: 2px;} .wbAdvs .advsList .wbPics img{max-width:50%;} .wbAdvs .advsList .ts, .wbAdvs .advsList .ts code {font-size: 16px;} .wbTeam .testimonials{padding-bottom: 70px;padding-top: 30px;} .wbTeam .testimonials .section-title{margin-bottom: 20px;} .wbNews .wbLeft,.wbNews .wbRight{width:100%} .wbNews .pics{height:auto} .wbNews .wbRight .mt0 .ts{margin-top:16px} .wbList{width: 100%;} .foots2 h1,.foots h1{margin-bottom: 4px;font-size: 14px;} .foots li {margin-bottom: 2px;line-height: normal;} .foots li a{font-size:10px} .footer .copyright .copyright-content p{font-size:8px} .foots2{margin-top:20px} .pc{display:none} .mb{display:block} .wdls a{display:block;width:100%} } .newsList .row{justify-content: space-between;} .newsList .conLeft{width:160px;padding:0 15px;position: relative;} .newsList .conCenter{width:730px;padding:0 15px} .newsList .conRight{width:300px;padding:0 15px;position: relative;} .newsList .conLeft li{width:100%;text-align:center;font-size:16px;margin-bottom:10px} .newsList .conLeft li a{display:block;padding:12px 5px;color:#333333;border-radius:8px;border:1px solid #FFF;} .newsList .conLeft li a:hover{border:1px solid #1d55bf;color:#1d55bf;} .newsList .conLeft li.active a{background-color:#1d55bf;color:#FFF;border:1px solid #1d55bf;-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.40);-moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.40);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.40);} .conList{position:relative;min-height:120px;padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid #cccccc;display:block;overflow: hidden;} .conList .ls{width:200px;height:120px;overflow:hidden;position:absolute;border-radius: 14px;text-align: center;} .conList .ls img{max-width:100%;height:100%;transition:0.5s} .conList .rs{width:100%;padding-left:230px} .conList .rs h1{font-weight:normal;font-size:18px;color:#333333;margin-top: 9px;width: 100%;height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .conList .rs span{background:url(../image/time.jpg) center left no-repeat;font-size:14px;color:#333333;padding-left:20px;margin-top: 6px;display: block;} .conList .rs p{width:100%;font-size:14px;color:#999999;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;margin-top:6px} .conList:hover .rs h1{color:#1d55bf;} .conList:hover .ls img{color:#1d55bf;transform:scale(1.1)} .conRight .search {position: relative;} .conRight .search input {width: 100%;height: 45px;box-shadow: none;text-shadow: none;font-size: 14px;color: #666;background: transparent;padding: 0 25px 0 20px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;border: 1px solid #cccccc;} .conRight .search .button {border-radius:0px;padding: 10px 20px;} .conRight .search .button::before{border-radius:0px} .online{background-color:#1d55bf;overflow: hidden;margin-top: 30px;padding:15px 15px 30px;text-align:center;color:#FFF} .online .serBgs{position:relative;width:160px;height:160px;margin: 0px auto 12px;} .online .serBgs .pics{width:100px;height:100px;border-radius:50%;overflow: hidden;position: absolute;left:30px;top:30px;z-index:9} .serBgs .waves-block .waves {position: absolute;width: 160px;height: 160px;background: rgba(255,255,255,0.5);opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius: 100%;-webkit-animation: waves 3s ease-in-out infinite;animation: waves 3s ease-in-out infinite;left: 50%;margin-left: -80px;top: 50%;margin-top: -80px;z-index:8} .serBgs .waves-block .wave-1 {-webkit-animation-delay: 0s;animation-delay: 0s;} .serBgs .waves-block .wave-2 {-webkit-animation-delay: 1s;animation-delay: 1s;} .serBgs .waves-block .wave-3 {-webkit-animation-delay: 2s;animation-delay: 2s;} .online .ts1{font-size:16px;} .online .ts2{font-size:12px;} .online .tls{font-size:12px;} .online .btns{color: #1d55bf;padding: 10px 40px;font-size: 14px;background-color:#FFF;position: relative;display: inline-block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);border-radius:8px;margin: 20px auto 10px;} .online:hover .btns{color:#fff;} .online .btns:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #2C2D3F;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:8px;} .online:hover .btns:before{-webkit-transform: scaleX(1);transform: scaleX(1);} .hotNew{border:1px solid #cccccc;padding:25px 15px;margin-top:30px} .hotNew h1{font-size:16px;color:#333333;margin-bottom:25px;font-weight: 600;} .hotNew ul li{margin-bottom:20px} .hotNew ul li a{font-size:14px;color:#333333;display:block;position:relative} .hotNew ul li a code{display:block;width:16px;line-height:16px;height:16px;font-size:10px;color:#FFF;position:absolute;background-color:#666666;text-align: center;} .hotNew ul li a span{display:block;font-size:12px;color:#333333;width:100%;line-height:16px;height:16px;padding-left:24px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .hotNew ul li a:hover span{color:#1d55bf} .hotNew ul li:nth-child(1) a code{background-color:#ff6500} .hotNew ul li:nth-child(2) a code{background-color:#ff8a00} .hotNew ul li:nth-child(3) a code{background-color:#ffb100} .showLeft{width:860px;padding:0 15px} .showLeft .wbTitle{margin-bottom:20px} .showLeft .wbTitle h1{font-size:22px;font-weight:bold;color:#333333;text-align: center;} .wbPost{margin-bottom:30px;text-align: center;} .wbPost div{display:inline-block;font-size:14px;color:#999999;margin-right:50px} .wbPost div:last-child{margin-right:0px} .showContent p{color:#555;font-size:14px;line-height: 2em;} .nextPrev{margin-top:30px;padding-top:30px;border-top:1px dashed #ccc} .wbPrev{margin-bottom:10px} .wbPages{width:100%} .wbCast .pagination{text-align:center} .showCat .wbCol{padding:10px 15px 20px 15px;overflow:hidden} .showCat .navList li:hover{border-bottom: 1px solid #1d55bf;} .showCat .navList li:hover a{color:#1d55bf;} .showCat .wbTitle{margin-bottom:30px;text-align:center} .showCat .wbTitle h1{font-size:24px;font-weight:normal;color:#333333} .showCat .showContent{border:4px solid #000000;border-radius:30px;overflow:hidden;box-shadow: 1px 2px 12px #666;} .showCat .showContent img{width:100%} .about1 video{width:100%;border-radius: 10px;overflow: hidden;} @media (min-width:768px) { } @media (min-width:992px) { .conRight .conSticky{position: sticky;top: 90px;} } @media (min-width:1200px) { .conLeft ul,.conRight .conSticky{position: sticky;top: 90px;} } @media (max-width:1199px) { .newsList .conLeft{width:100%;text-align:center;margin-bottom:30px} .newsList .conLeft li{width:auto;display: inline-block;margin:0 10px} .newsList .conLeft li a{padding: 10px 30px;} .newsList .conCenter{width:70%} .newsList .conRight{width:29%} .showLeft{width:670px;} } @media (max-width:991px) { .newsList .conCenter{width:100%} .newsList .conRight{display:none} .showLeft{width:100%;} } @media (max-width:575px) { .conList{padding-bottom:20px;margin-bottom:20px} .conList .ls{width:100%;height:auto;position: static;border-radius:0} .conList .ls img{width:100%} .conList .rs{padding-left:0px} .conList .rs h1{margin-top:16px} .showCat .wbTitle h1{font-size:18px;} } .dyy1 .dyy1List h1{font-size:18px;color:#333333;font-weight:bold;margin-bottom: 6px;} .dyy1 .dyy1List h2{font-size:18px;color:#333333} .dyy1 .wbCrs h1,.dyy1 .wbCrs h2{color:#1d55bf;} .dyy1 .dyy1List ul{margin-top:20px} .dyy1 .dyy1List ul li{position:relative;margin-bottom:20px} .dyy1 .dyy1List ul li span{display:inline-block;font-size:14px;color:#666666;width:74px;height:28px;line-height:28px;position:absolute;background-repeat:no-repeat;background-position:left center;padding-left:32px} .dyy1 .dyy1List ul li p{font-size:14px;color:#666666;width:100%;line-height:28px;padding-left:80px} .dyy1 .centers{align-items: center;justify-content: center;display: flex;} .dyy2{background-image:url(../image/showbg1.jpg);background-repeat:no-repeat} .dyy2 .testimonials{width:100%;} .dyy2 .section-title{margin-bottom:0px} .dyy2 .testimonials .owl-stage .owl-item:nth-child(3n-2) .single-testimonial{background-color:#e2a563} .dyy2 .testimonials .owl-stage .owl-item:nth-child(3n-1) .single-testimonial{background-color:#1ac1bb} .dyy2 .testimonials .owl-stage .owl-item:nth-child(3n+0) .single-testimonial{background-color:#4399dd} .dyy2 .testimonials p{width:100%;font-size:14px;color:#999999;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;} .dyy2 .testimonials .single-testimonial .name,.dyy2 .testimonials .single-testimonial p{color:#FFF;} .dyy2 .testimonials .owl-stage .owl-item{padding-top:20px} .dyy2 .testimonials .single-testimonial{padding: 15px 20px;transition:0.5s} .dyy2 .testimonials .single-testimonial .name{margin-bottom: 12px;} .dyy2 .testimonials .single-testimonial:hover{transform:translateY(-15px)} .showCat{background-color:#FFF;margin-top: 60px;} .pageCate{margin-top: 0px;} @media (max-width:1199px) { .dyy1 .dyy1List ul li span{font-size:12px;background-size:20px auto;width:64px;padding-left:26px;height:24px;line-height:24px;} .dyy1 .dyy1List ul li p{font-size:12px;padding-left:62px;line-height:24px;} .dyy2{background-size:100% 100%} } @media (max-width:991px) { .dyy1 .dyy1List{width:50%} .dyy1 .centers{display:none} .dyy1 .dyy1List ul li span{background:} } @media (max-width:767px) { .dyy1 .dyy1List{width:100%} .dyy1 .dyy1List h1,.dyy1 .dyy1List h2{font-size:14px;} .dyy1 .wbCrs{margin-top:15px} .dyy1 .dyy1List ul{margin-top:10px} .dyy1 .dyy1List ul li{margin-bottom:10px} .newsList .conLeft li a { padding: 6px 16px; font-size: 12px; } } .wpzx1 .single h3{font-weight: normal;margin-bottom: 5px;} .wpzx2{background-image:url(../image/vsbg1.jpg);background-repeat:no-repeat;text-align:center;background-attachment: fixed;} .wpzx2 .pics{width:100%} .wpzx2 .section-title h2,.wpzx2 .section-title p{color:#FFF} .wpzx3{padding-top:60px} .zysy1 .section-title p{font-size:14px} .zysy1 .wds:nth-child(1) .single h3{color:#538eff} .zysy1 .wds:nth-child(2) .single h3{color:#e42862} .zysy1 .wds:nth-child(3) .single h3{color:#23f841} .zysy1 .wds:nth-child(4) .single h3{color:#ff9853} .zysy2{background-color:#f8f8f8} .zysy2 .list1{justify-content: space-between;} .zysy2 .list1 .syList{width:25%;padding:0 15px} .zysy2 .list1 .syList .imgs{width:100%;overflow:hidden;} .zysy2 .list1 .syList .imgs img{width:100%;transition:0.5s} .zysy2 .list1 .syList:hover .imgs img{transform:scale(1.2);} .zysy2 .list1 .syList h1{color:#333333;font-size:18px;text-align:center;margin:15px auto} .zysy2 .section-title{margin:40px auto} .zysy2 .section-title h2{margin-bottom:10px} .zysy2 .section-title p{color:#333333;} .zysy2 .list2{justify-content: center;} .zysy2 .list2 .syList{width:25%;padding:0 15px;text-align: center;margin-top:15px} .zysy2 .list2 .syList .descs{background-color:#FFF;padding:45px 0;border-radius:10px} .zysy2 .list2 .syList .descs h1{color:#333333;font-size:24px;text-align:center;margin-bottom:6px} .zysy2 .list2 .syList .descs span{color:#333333;font-size:16px;text-align:center;} .zysy2 .list2 .syList:hover .descs{background-color:#c8dafc;} .zysy3{text-align:center} .zysy3 .pics{width:100%} @media (max-width:991px) { .zysy2 .list1 .syList{width:50%;} .zysy2 .list2 .syList{width:50%;} } @media (max-width:767px) { .zysy2 .list1 .syList h1{font-size:12px;} } @media (max-width:575px) { .zysy2 .list2 .syList .descs{padding:24px 0;} .zysy2 .list2 .syList .descs h1{font-size:14px;} .zysy2 .list2 .syList .descs span{font-size:12px;} .zysy2 .section-title{margin:20px auto} } .wzdz1{background-image:url(../image/wzdz1.jpg);background-repeat:no-repeat;height:794px;background-position: center;} .wzdz1 .section-title h2{color:#2cb8b9} .wzdz1 .stDesc{text-align:left;margin-top:40px} .wzdz1 .stDesc h2{color:#333333;font-size:14px;font-weight:bold} .wzdz1 .stDesc p{color:#333333;font-size:14px} .wzdz1 .wzs{width:520px;margin-left:420px;margin-top:40px} .wzdz1 .yxList{position:relative;margin-bottom:26px} .wzdz1 .yxList .yxIco{width:38px;height:38px;position:absolute;top:0;} .wzdz1 .yxList .yxDesc{width:100%;padding-left:52px} .wzdz1 .yxList .yxDesc h1{font-size:14px;font-weight:bold;color:#333;margin-bottom: 4px;} .wzdz1 .yxList .yxDesc p{font-size:12px;color:#333;line-height: 22px;} .wzdz2{background-color:#2fc9d3;} .wzdz2 .section-title h2,.wzdz2 .section-title p{color:#FFF} .wzdz2 .yxList{max-width:50%;width:460px;position:relative;padding:0 15px;} .wzdz2 .yxList:nth-child(1),.wzdz2 .yxList:nth-child(2){margin-bottom:40px} .wzdz2 .yxList .yxIco{width:73px;height:73px;position:absolute;top:0;} .wzdz2 .yxList .yxDesc{width:100%;padding-left:90px;min-height:73px;display: flex;flex-flow: column;justify-content: center;} .wzdz2 .yxList .yxDesc h1{font-size:18px;color:#FFF;margin-bottom: 4px;} .wzdz2 .yxList .yxDesc p{font-size:14px;color:#ffffff;} .wzdz2 .wzs1{justify-content: space-between;} .conLinks h1{color:#333333;font-size:18px;margin-top:36px;margin-bottom:20px;font-weight:bold} .conLinks li{color:#666666;font-size:14px;margin-bottom:16px} .conLinks .wechat img{width:140px;max-width:100%} .about1 .list1{justify-content: space-between;padding: 0 12px;margin-top:35px;margin-bottom:30px} .about1 .list1 .syList{width:25%;padding:0 3px} .about1 .list1 .syList .imgs{width:100%;overflow:hidden;} .about1 .list1 .syList .imgs img{width:100%;transition:0.5s} .about1 .list1 .syList:hover .imgs img{transform:scale(1.2);} .section-desc h1{font-size:20px;color:#333333;margin-bottom:10px} .section-desc p{font-size:16px;color:#333333;line-height: 32px;letter-spacing: 1px;} .abList{justify-content: center;} .abList li{position:relative;margin:0 15px} .abList li a{color:#ffffff;font-size:30px;position:absolute;top:0px;left:0px;width:100%;text-align:center;z-index: 9;padding-top: 34px;} .abList li:after{width:220px;height:130px;content:"";display:inline-block;transform: rotate(-13deg);} .abList li:nth-child(1):after{background-color:#39a3d4} .abList li:nth-child(2):after{background-color:#f49705} .abList li:nth-child(3):after{background-color:#7eb704} .abList li:nth-child(4):after{background-color:#08618a} .abCon{width:100%;height:200px;line-height:200px;overflow:hidden;position:relative;text-align:center;font-size:36px;color:#ffffff;margin-top:-65px;} .abHgs{height:800px;transition:0.5s} .abCon .adcr1{width:100%;height:200px;background-color:#39a3d4} .abCon .adcr2{width:100%;height:200px;background-color:#f49705} .abCon .adcr3{width:100%;height:200px;background-color:#7eb704} .abCon .adcr4{width:100%;height:200px;background-color:#08618a} .mbs{display:none} .wbTeam1{padding-bottom:120px;padding-top:60px} .wbTeam1 .wbAdvs{padding-top: 0px;} .wbTeam1 .wbAdvs .advsList{box-shadow: 0px 0px 6px #0000001c;} .headpd{position:absolute;width: 100%;top: 0;left: 0;z-index: 999;} .hrs{height: 1px;width: 120px;background-color: #ebebeb;margin: 18px auto 10px;} .cats1{color:#666666} @media (max-width:1199px) { .wzdz1{background: transparent;height:auto} .wzdz1 .section-title{padding: 0 180px;} .wzdz1 .wzs{width:520px;margin-left:200px;margin-top:20px;max-width:100%} .slider .single-slider h1{font-size:24px;margin-bottom: 16px;} .slider .single-slider .text p{font-size:18px;margin-bottom: 12px;} .slider .single-slider .banner3 p{font-size:18px} .slider .single-slider li{font-size: 20px;} .slider .single-slider .button {margin-top: 24px;} .abList li a{font-size: 24px;} .abList li:after{width:190px;} } @media (max-width:991px) { .wzdz1 .section-title{padding: 0px;} .wzdz1 .wzs{width:520px;margin-left:0px;margin-top:20px;max-width:100%} .slider .single-slider h1{font-size:20px;margin-bottom: 12px;} .slider .single-slider .text p{font-size:16px;margin-bottom: 8px;} .slider .single-slider .banner3 p{font-size:16px} .slider .single-slider li{font-size: 14px;padding:8px;margin-right: 8px;} .slider .single-slider .button {margin-top: 20px;} .slider .single-slider .banner2 h1{margin-bottom: 4px;} .slider .single-slider .text{margin-top: 46px;} .slider .single-slider .banner3 p{margin-bottom: 18px;} .about1 .list1{margin-bottom:14px;margin-top:18px} .about1 .list1 .syList{width:50%;margin-bottom:5px} .section-desc h1{font-size:16px;} .section-desc p{font-size:14px;line-height: 28px;} .about2{display:none} .mbs{display:block} .wbTeam1{padding-bottom:40px;padding-top:20px} .server .wds{width:33.333%;padding:0 15px;} } @media (max-width:767px) { .wzdz2 .yxList{max-width:100%;margin-bottom:20px} .wzdz2 .yxList:nth-child(1),.wzdz2 .yxList:nth-child(2){margin-bottom:20px} .wzdz2 .yxList .yxDesc h1{font-size:14px;} .wzdz2 .yxList .yxDesc p{font-size:12px;} .slider .single-slider .banner1 strong{font-size:16px;margin-bottom: 2px;line-height:normal;font-weight:600} .slider .single-slider .banner1 h1{font-size:16px;margin-bottom: 6px;font-weight:normal} .slider .single-slider .text p{font-size:12px;margin-bottom: 4px;line-height:normal} .slider .single-slider .banner3 p{font-size:12px} .slider .single-slider li{font-size: 12px;padding: 4px 8px;margin-right: 8px;} .slider .single-slider .button {margin-top: 10px;} .slider .single-slider .banner2 h1{margin-bottom: 4px;line-height: normal;} .slider .single-slider .text{margin-top: 68px;} .slider .single-slider .banner3 p{margin-bottom: 10px;} .header .logo{margin-bottom: 2px;margin-top: 2px;} .server .jcsb .signle-icon img{max-width:60%;} .navList li{font-size:12px;margin: 0 12px;} .wbCast .section-title {margin-bottom: 14px;} .navList{margin-bottom: 20px;} .links li{margin-bottom: 2px;} .links li p,.links li span{font-size:12px;line-height: 24px;} } @media (max-width:575px) { .server .wds{width:50%;padding:0 15px;} } .specNav{position:relative;margin-top: 30px;} .specNav .specWds{widows:100%;position:relative} .specNav .specNum{width:14.285%;text-align:center;float: left;} .specNav .specNum span{display:block;width:100%;font-size:46px;color:#999999;line-height: normal;font-weight:bold} .specNav .specNum i{display:block;width:100%;font-size:20px;color:#999999;line-height: normal;} .specNav .specNum p{display:block;width:100%;font-size:16px;color:#999999;line-height: normal;margin-top: 4px;} .specNav .specNum.active span,.specNav .specNum.active i,.specNav .specNum.active p{color:#1d55bf;} .specWds:before{content:"";display:block;width:100%;height:1px;background-color:#999999;position:absolute;top: 38px;z-index:-1} .specList{background-color:#1d55bf;display:flex;} .specList .specImgs{width:50%} .specList .specTxt{width: 50%;position: relative;justify-content: center;display: flex;flex-flow: column;align-items: center;} .specList .specTxt .specTxtNum{width:65px;height:80px;line-height:80px;text-align:center;font-size:30px;color:#333333;font-weight:bold;background-color:#bad1fc;position:absolute;left:0;top:0} .specList .specTxt .specTxtDesc{width:400px;max-width:100%} .specList .specTxt .specTxtDesc h1{font-size:30px;color:#ffffff;border-bottom:1px solid #bfbfbf;margin-bottom:20px;padding-bottom:20px;line-height:normal;width:330px;max-width:90%} .specList .specTxt .specTxtDesc p{font-size:14px;color:#ffffff} .wbPlay{display:none} .curs{display:block} .specMbs{display:none} .specMain{height:346px;overflow:hidden;} .wb404{background-image:url(../image/404p.jpg);background-repeat:no-repeat;background-size:100% auto;text-align:center;padding-bottom: 50px;background-color:#d4eafc} .pic404{padding:60px 0 20px} .wb404 a.link404{font-size:18px;padding:10px 30px;border-radius:80px;border:1px solid #1d55bf;color:#555;letter-spacing: 3px;margin-top:20px;display: inline-block;} .wb404 a.link404:hover{background-color:#1d55bf;color:#FFF} #wbBox {position: fixed;width: 110px;z-index: 200;right: 2px;bottom: 2px;} #wbBox li {margin-bottom: 2px;overflow: hidden;height: 50px;width: 110px;cursor: pointer;position: relative;background: rgba(29, 85, 191, 0.9)!important;border-radius: 3px;} #wbBox li .box-inner {width: 110px;height: 50px;position: absolute;} #wbBox li .box-inner a {display: block;width: 110px;float: left;height: 50px;padding-left: 45px;line-height: 50px;color: #fff!important;text-align: left;} #wbBox li .box-inner a.icon-top {background: url(../image/icon_top.png) 10px 15px no-repeat;} #wbBox li .box-inner a.icon-tel {background: url(../image/icon_tel.png) 10px 15px no-repeat;} #wbBox li.telshow {overflow: visible;height: 80px;} #wbBox li .telcode {width: 110px;color: #fff;font-size: 14px;text-align: center;font-weight: bold;} #wbBox li.queryshow {overflow: visible;height: 150px;} #wbBox li.queryshow .box-inner {position: relative;right: auto;} #wbBox li .box-inner a.icon-code {background: url(../image/icon_code.png) 10px 15px no-repeat;} #wbBox li .box-inner .querycode {text-indent: 0em;position: absolute;top: 50px;left: 10px;display: block;} #wbBox li .box-inner .querycode img {width: 90px;margin: 0px;} @media (max-width:991px) {#wbBox{display:none}} .processMain{display: flex;position: relative;} .processList{padding:0 20px;text-align: center;margin-right: 24px;} .processImgs{width:111px;height:161px;position: relative;z-index: 1;} .processList:last-child{margin-right: 0px;} .processTxt{margin-top:14px} .processTxt h1{font-size:16px;font-weight:normal;color:#333333;} .processMain:before{content:'';width:100%;height:6px;background-color:#1d55bf;position: absolute;top:141px;z-index: 0;} .processImgs:hover{animation-name:hvr-buzz-out;animation-duration:.75s;animation-timing-function:linear;transform-origin: bottom center;animation-iteration-count:1} @keyframes hvr-buzz-out { 10% {transform:translateX(3px) rotate(2deg)} 20% {transform:translateX(-3px) rotate(-2deg)} 30% {transform:translateX(3px) rotate(2deg)} 40% {transform:translateX(-3px) rotate(-2deg)} 50% {transform:translateX(2px) rotate(1deg)} 60% {transform:translateX(-2px) rotate(-1deg)} 70% {transform:translateX(2px) rotate(1deg)} 80% {transform:translateX(-2px) rotate(-1deg)} 90% {transform:translateX(1px) rotate(0)} to {transform:translateX(-1px) rotate(0)} } @media (max-width:1199px) { .specNav .specNum span{font-size:40px} .specNav .specNum i{font-size:16px} .specNav .specNum p{font-size:14px} .specWds::before{top: 32px;} .specList .specTxt .specTxtDesc h1{font-size: 24px;margin-bottom:10px;padding-bottom:10px} .specList .specTxt .specTxtDesc p{font-size: 12px;} .specMain{height:275px;} .processList{margin-right: 7px;padding: 0px 10px;} } @media (max-width:991px) { .specMain,.specNav{display:none} .specMbs{display:block} .specMbs p{margin-bottom: 16px;color:#333;} .processImgs{width: 86px;height:124px} .processMain::before{height: 4px;top: 112px;} .processTxt{margin-top: 10px;} .processList{margin-right: 8px;padding: 0px 5px;} } @media (max-width:767px) { .processMain::before{display:none} .processTxt h1{font-size:12px} .processMain{flex-flow: wrap;justify-content: center} .processList{margin-bottom:16px} }