/* * css Reset * auther daimingru * 2017-3-6 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif; } body { min-width: 1280px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } small { font-size: 12px; } ul, li, a, ol { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: none; } abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } legend { color: #000; } fieldset, img { border: none; } button, input, select, textarea { font-size: 100%; } table { background: url(/images/pc2017310/wqd-logo-blue.png); background-size: 0; border-collapse: collapse; border-spacing: 0; } hr { border: none; height: 1px; } .wqd-banner { min-height: 300px; } .wqd-banner .wqd-banner-img { display: block; } .wqd-banner .wqd-banner-img img { width: 100%; } .wqd-banner .bannar { width: 100%; position: relative; } .wqd-banner .bannar .ban-left, .wqd-banner .bannar .ban-right { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 8; background: #000; opacity: .15; border-radius: 50%; text-align: center; display: none; cursor: pointer; } .wqd-banner .bannar .ban-left:hover, .wqd-banner .bannar .ban-right:hover { display: block; opacity: .3; } .wqd-banner .bannar .ban-left img, .wqd-banner .bannar .ban-right img { margin-top: 16px; } .wqd-banner .bannar .ban-left { left: 50px; } .wqd-banner .bannar .ban-left img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .wqd-banner .bannar .ban-right { right: 50px; } .wqd-banner .bannar .arowshow { display: block; } .wqd-banner .img { overflow: hidden; min-height: 390px; } .wqd-banner .img ul { width: 100%; overflow: hidden; position: relative; left: 0; } .wqd-banner .img .ui-transform { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1); transition: transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1); } .wqd-banner .img li { float: left; display: none; } .wqd-banner .swiper-pagination { text-align: center; position: absolute; bottom: 64px !important; left: 50% !important; z-index: 10; width: auto !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .wqd-banner .swiper-pagination div { cursor: pointer; width: 50px; height: 2px; float: left; opacity: 1; border-radius: 0; margin: 0 5px; background: rgba(0, 0, 0, 0.15); position: relative; overflow: hidden; } .wqd-banner .swiper-pagination div p { position: absolute; top: 0; left: -50px; width: 50px; height: 2px; background: #fff; float: left; } .wqd-banner .swiper-pagination div .login { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: -webkit-transform 5s linear; transition: transform 5s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .wqd-banner .nav-arow em { display: inline-block; width: 12px; margin-top: 11px; height: 7px; background: url(/images/pc2017310/wqd-goTop.png) no-repeat; background-position: 0 0; } .slider-two .swiper-slide p { font-size: 14px; } .section-three-fix .wqd-p { font-size: 16px; } .slipe-box .wqd-banner-img { display: block; } .slipe-box .wqd-banner-img img { width: 100%; } .slipe-box .bannar { width: 100%; position: relative; } .slipe-box .bannar .swiper-slide img { width: 100%; } .slipe-box .bannar .slipe-left, .slipe-box .bannar .slipe-right { position: absolute; bottom: 50px; width: 50px; height: 50px; margin-top: -25px; z-index: 8; background: #000; opacity: .15; border-radius: 50%; text-align: center; display: none; cursor: pointer; } .slipe-box .bannar .slipe-left:hover, .slipe-box .bannar .slipe-right:hover { display: block; opacity: .3; } .slipe-box .bannar .slipe-left img, .slipe-box .bannar .slipe-right img { margin-top: 16px; } .slipe-box .bannar .slipe-left { left: 50px; } .slipe-box .bannar .slipe-left img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slipe-box .bannar .slipe-right { right: 50px; } .slipe-box .bannar .arowshow { display: block; } .slipe-box .nav-arow em { display: inline-block; width: 12px; margin-top: 11px; height: 7px; background: url(/images/pc2017310/wqd-goTop.png) no-repeat; background-position: 0 0; } .slipe-box .swiper-pagination { text-align: center; position: absolute; bottom: 64px !important; left: 50% !important; z-index: 10; width: auto !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slipe-box .swiper-pagination div { cursor: pointer; width: 50px; height: 2px; float: left; opacity: 1; border-radius: 0; margin: 0 5px; background: rgba(0, 0, 0, 0.15); position: relative; overflow: hidden; } .slipe-box .swiper-pagination div p { position: absolute; top: 0; left: -50px; width: 50px; height: 2px; background: #fff; float: left; } .slipe-box .swiper-pagination div .login { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: -webkit-transform 5s linear; transition: transform 5s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .slipe-box .slider-auther { font-size: 12px; font-style: oblique; font-weight: normal; } .correct { height: 855px !important; } @-webkit-keyframes warn { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { opacity: 0.2; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes warn { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { opacity: 0.2; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes scaleToggleOne { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(2); -webkit-transform: scale(2); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes scaleToggleOne { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(2); -webkit-transform: scale(2); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes scaleToggleTwo { 0% { transform: scale(1); -webkit-transform: scale(1); } 20% { transform: scale(1); -webkit-transform: scale(1); } 60% { transform: scale(2); -webkit-transform: scale(2); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes scaleToggleTwo { 0% { transform: scale(1); -webkit-transform: scale(1); } 20% { transform: scale(1); -webkit-transform: scale(1); } 60% { transform: scale(2); -webkit-transform: scale(2); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes scaleToggleThree { 0% { transform: scale(1); -webkit-transform: scale(1); } 33% { transform: scale(1); -webkit-transform: scale(1); } 66% { transform: scale(2); -webkit-transform: scale(2); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes scaleToggleThree { 0% { transform: scale(1); -webkit-transform: scale(1); } 33% { transform: scale(1); -webkit-transform: scale(1); } 66% { transform: scale(2); -webkit-transform: scale(2); } 100% { transform: scale(1); -webkit-transform: scale(1); } } .animate-img { position: relative; -webkit-transition: all .1s ease; transition: all .1s ease; } .animate-text { text-align:center; } .animate-btn { -webkit-transition: all .5s ease; transition: all .5s ease; } /*.animate-position { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 1; }*/ /*.animate-position { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 1; }*/ .wqd-parentWrap { overflow: hidden; margin: 2px auto; } .wqd-parentWrap .wqd-ad-item { margin-right: -2px; overflow: hidden; } .wqd-parentWrap .wqd-ad-item .wqd-ad-a { float: left; width: 25%; display: block; padding-right: 2px; box-sizing: border-box; } .wqd-parentWrap .wqd-ad-item .wqd-ad-a img { width: 100%; } .wqd-advantage { height: 800px; -webkit-transition: all .4s linear; transition: all .4s linear; background: #ffffff; background: url(/images/pc2017310/tonglan.png) repeat; position: relative; min-width: 1280px; } /*.wqd-advantage .wqd-adv-left { width: 40%; height: 100%; float: left; box-sizing: border-box; } .wqd-advantage .wqd-adv-left img { display: none; margin-top: 190px; }*/ .wqd-advantage .wqd-adv-right { padding: 217px 0 70px 0; margin:0 auto; color: #333; width: 80%; box-sizing: border-box; } .wqd-advantage .wqd-adv-right h5 { text-align:center; font-size: 32px; font-weight: 500; margin-bottom: 30px; } .wqd-advantage .wqd-adv-right li { width:33.3333%; float:left; text-align:center; margin-bottom: 47px; } .wqd-advantage .wqd-adv-right li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .wqd-adv-right-ul h2{font-size:18px; margin:50px 0 30px;} .wqd-advantage .wqd-adv-right .wqd-btn-shit { margin-top: 153px; } .wqd-advantage .wqd-adv-right .wqd-advantageli { margin-left: 14%; } .wqd-advantage .wqd-adv-right .wqd-pro { font-size: 16px; margin-bottom: 60px; color: #666; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont { float: left; margin-right: 40px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .wqd-advantage-icon { display: inline-block; vertical-align: middle; width: 80px; height: 80px; background: url(/images/pc2017310/advantage-icon.png) no-repeat; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .backg-one { background-position: 0 -0px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .backg-two { background-position: 0 -80px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .backg-thr { background-position: 0 -160px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .backg-fou { background-position: 0 -240px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .backg-fiv { background-position: 0 -320px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .backg-six { background-position: 0 -400px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .wqd-advantage-text { vertical-align: middle; display: inline-block; width: 170px; margin-left: 15px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .wqd-advantage-text h6 { font-weight: 500; color: #333; font-size: 17px; margin-bottom: 13px; } .wqd-advantage .wqd-adv-right .wqd-advantage-cont .wqd-advantage-text p { color: #666; font-size: 12px; line-height: 150%; } .wqd-advantage .add-more { width: 150px; position: absolute; bottom: 70px; color: #666; font-size: 14px; text-align: center; left: 50%; z-index: 8; margin-left: -75px; -webkit-transition: all 1s ease; transition: all 1s ease; } .wqd-advantage .add-more div { width: 36px; height: 36px; line-height: 36px; margin: 15px auto; background: #666; color: #f8f8f8; font-size: 22px; border-radius: 50%; cursor: pointer; -webkit-transition: all 1s ease; transition: all 1s ease; } .wqd-advantage .add-more div:hover { background: #333; } .wqd-advantage .add-more p:hover { color: #333; } .wqd-advantage .add-more-close { bottom: -100px; } .wqd-advantage .add-more-close div { background: #000; opacity: .15; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .wqd-advantage .add-more-close div:hover { opacity: .3; } .wqd-h5 { font-size: 32px; font-weight: 500; color: #333; } .wqd-p { color: #333; font-size: 14px; } .wqd-btn-shit, .wqd-btn-blue, .wqd-btn-black { width: 170px; height: 50px; box-sizing: border-box; line-height: 50px; font-size: 16px; display: inline-block; text-align: center; border-radius: 25px; } .wqd-btn-shit { border: 1px solid #333333; color: #333333; } .wqd-btn-blue { background: #578bea; color: #fff; } .wqd-btn-black { background: #333333; color: #fff; } .wqd-btn-black:hover { background: #666; } .wqd-btn-blue:hover { background: #507ed3; } .wqd-btn-shit:hover { background: #507ed3; border:solid 1px #507ed3; color: #fff; } .wqd-height { width: 100%; visibility: hidden; } .wqd-template { background-image: url(/img/template.jpg); background-attachment: fixed; background-size: 100%; background-repeat: no-repeat; background-position: center top; position: relative; min-height: 300px; max-height: 664px; overflow: hidden; z-index: 1; } .wqd-template .wqd-temp-content { width:80%; margin:0 auto; text-align: center; color: #fff;} .wqd-template .wqd-temp-content h5 { font-weight: normal; font-size: 32px; margin-bottom: 32px; } .wqd-template .wqd-temp-content p { font-size: 16px; } .wqd-section-three { width: 100%; overflow: hidden; position: relative; box-sizing: border-box; } .wqd-section-three li { position: relative; } .wqd-section-three h5 { margin-bottom: 30px; } .wqd-section-three .wqd-btn-blue { margin-top: 50px; } .wqd-section-three .section-three-pop { position: absolute; top: 163px; right: 6%; } .wqd-section-three p { font-size: 12px; margin-bottom: 10px; } .wqd-section-three .section-three-fix { position: absolute; top: 215px; left: 150px; z-index: 10; } .wqd-section-three .section-three-item { position: absolute; padding: 522px 0 0 150px; } .wqd-section-three .section-three-item p { width: 455px; line-height: 200%; } .wqd-section-three .slipe-box h6 { font-size: 14px; color: #333; } .wqd-section-three .section-three-box { border-radius: 3px; background: #fff; width: 615px; height: 450px; position: absolute; box-shadow: -10px 10px 50px 0 rgba(0, 0, 0, 0.2); right: 153px; top: 163px; z-index: 8; } .wqd-section-three .section-box-title { height: 19px; line-height: 19px; font-size: 0; border-bottom: 1px solid #e7e7e7; } .wqd-section-three .section-box-title em { display: inline-block; background: #000; vertical-align: middle; margin-left: 5px; width: 4px; height: 4px; border-radius: 2px; } .wqd-section-three .section-img { box-sizing: border-box; padding: 10px; position: relative; } .wqd-section-three .section-img img { opacity: 0; width: 595px; height: 410px; display: block; -webkit-transition: all .8s ease; transition: all .8s ease; position: absolute; top: 10px; left: 10px; } .wqd-section-four { height: 530px; padding: 80px 0; background: #f8f8f8; text-align: center; position: relative; box-sizing: border-box; } .wqd-section-four .wqd-btn-blue { font-size: 16px; margin: 60px auto; } .wqd-section-four ul { display: inline-block; margin: 0 auto; overflow: hidden; } .wqd-section-four li { width: 241px; height: 155px; border-radius: 10px; border: 1px dashed #dcdcdc; background: #fff; margin: 0 10px; float: left; } .wqd-section-four li h5 { margin: 31px 0 18px 0; font-family: Impact; color: #507ed3; text-align: center; font-size: 18px; font-weight: normal; } .wqd-section-four li p { font-size: 14px; color: #333; } .wqd-section-four .mt-number-animate { line-height: 40px; height: 40px; font-size: 36px; overflow: hidden; display: inline-block; position: relative; } .wqd-section-four .mt-number-animate .mt-number-animate-dot { width: 15px; line-height: 40px; float: left; text-align: center; } .wqd-section-four .mt-number-animate .mt-number-animate-dom { width: 20px; text-align: center; float: left; position: relative; top: 0; } .wqd-section-four .mt-number-animate .mt-number-animate-dom .mt-number-animate-span { width: 100%; float: left; font-family: Impact; } .wqd-section-four .numberRun1, .wqd-section-four .numberRun2, .wqd-section-four .numberRun3, .wqd-section-four .numberRun4 { display: inline-block; vertical-align: middle; } .wqd-section-four .numberRun5 { font-size: 36px; display: inline-block; vertical-align: middle; } .wqd-section-five { font-size: 0; padding: 50px 70px 30px 70px; text-align: center; position: relative; box-sizing: border-box; } .wqd-section-five a { display: inline-block; height: 40px; margin: 0 21px 20px 21px; } .wqd-section-five a img { height: 80%; } .wqd-section-six { background: url(/img/section-bg6.jpg) no-repeat; background-size: cover; position: relative; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; padding: 130px 0; text-align: center; } .wqd-section-six .six-content { position: absolute; left: 50%; top: 50%; text-align: center; color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wqd-section-six h5 { margin-bottom: 25px; } .wqd-section-six a { margin-top: 25px; } .advantagebox { overflow: hidden; height: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } .show-advan { height: 3070px; } .hide-advan { height: 930px; } .section-one { background: url(/images/pc2017310/advantage1.jpg) no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 790px; text-align: center; overflow: hidden; position: relative; box-sizing: border-box; padding: 130px 0 0 0; } .section-one h5 { margin-bottom: 20px; } .section-one a { position: absolute; top: 300px; left: 50%; z-index: 6; margin: 23px 0 0 -85px; } .section-one .wqd-p { font-size: 16px; margin-bottom: 10px; } .section-one img { position: absolute; left: 2%; bottom: -335px; } .section-two { min-height: 760px; background: url(/images/pc2017310/advantage2.jpg) no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; position: relative; box-sizing: border-box; padding: 143px 0 0 280px; } .section-two h5 { margin-bottom: 20px; } .section-two .wqd-p { font-size: 16px; margin-bottom: 10px; } .section-two a { margin-top: 50px; } .section-three { min-height: 760px; background-color: #fff3dc; background-repeat: no-repeat; background-position: 773px 175px; box-sizing: border-box; position: relative; overflow: hidden; padding: 143px 0 0 280px; } .section-three h5 { margin-bottom: 20px; } .section-three .wqd-p { font-size: 16px; margin-bottom: 10px; } .section-three a { margin-top: 50px; } .section-three img { position: absolute; right: 0; top: -487px; } .section-three .jp-server { position: absolute; right: 590px; top: 176px; } .section-four { overflow: hidden; height: 760px; text-align: center; } .section-four h5 { margin-bottom: 82px; } .section-four .left, .section-four .right { width: 50%; height: 100%; float: left; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background-position: center center; } .section-four .left { padding-top: 100px; background: url(/images/pc2017310/section4left.jpg); background-size: 100% auto; background-repeat: no-repeat; background-position: bottom center; } .section-four .left .icon { width: 120px; height: 120px; margin-bottom: 30px; display: inline-block; background: url(/images/pc2017310/section4.jpg); } .section-four .left .icon2 { background-position: 0 -120px; } .section-four .left .icon3 { background-position: 0 -240px; } .section-four .left li { width: 155px; margin: 0 40px; float: left; } .section-four .left p { font-size: 14px; color: #333; margin-bottom: 10px; } .section-four .right { background: #578bea; padding-top: 100px; } .section-four .right h5 { color: #fff; } .section-four .right ul { margin-bottom: 16px; } .section-four .right li { width: 155px; float: left; margin: 0 25px; } .section-four .right .icon { width: 90px; height: 90px; margin-bottom: 7px; display: inline-block; background: url(/images/pc2017310/section4right.png); } .section-four .right .icon1 { background-position: 0 0; } .section-four .right .icon2 { background-position: 0 -90px; } .section-four .right .icon3 { background-position: 0 -180px; } .section-four .right .icon4 { background-position: 0 -270px; } .section-four .right .icon5 { background-position: 0 -360px; } .section-four .right .icon6 { background-position: 0 -450px; } .section-four .right .icon7 { background-position: 0 -540px; } .section-four .right p { color: #fff; font-size: 14px; margin-bottom: 5px; } .section-four .right .right-zi { width: 200px; height: 50px; margin: 75px auto 0 auto; display: block; font-size: 16px; box-sizing: border-box; border-radius: 25px; border: 1px solid #fff; color: #fff; text-align: center; line-height: 50px; } .section-four .right .right-zi:hover { background: #fff; color: #333; } .section-four ul { display: inline-block; } .swiper-wrapper { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1); transition: transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1); } .ani { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1); transition: transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1); } .swiper-slide { font-size: 0; } @media (max-width: 1740px) { .wqd-section-four li { width: 227px; } .section-two { padding: 143px 0 0 75px; } .section-three { padding: 143px 0 0 75px; } /* .wqd-advantage .wqd-adv-right { padding-left: 165px; }*/ .section-one img { bottom: -210px; } .wqd-section-three .section-three-item { padding: 380px 0 0 150px; } .wqd-section-three .section-three-fix { top: 100px; } .wqd-section-three .section-three-box { top: 10px; } } @media (max-width: 1680px) { .wqd-section-four li { width: 227px; } .section-two { padding: 143px 0 0 75px; } .section-three { padding: 143px 0 0 75px; } /*.wqd-advantage .wqd-adv-right { padding-left: 165px; }*/ .wqd-advantage .wqd-adv-right .wqd-advantageli { margin-left: 10%; } .section-one img { bottom: -170px; } .left li { width: 155px !important; } .right li { width: 125px !important; } .wqd-section-three .section-three-item { padding: 380px 0 0 150px; } .wqd-section-three .section-three-fix { top: 100px; } .wqd-section-three .section-three-box { top: 10px; } } @media (max-width: 1440px) { .wqd-section-four li { width: 227px; } .section-two { padding: 143px 0 0 75px; } .wqd-advantage .wqd-adv-right { width: 50%; padding-left: 0; } .wqd-advantage .wqd-adv-right .wqd-advantageli { margin-left: 8%; } .wqd-advantage .wqd-adv-left { width: 50%; } .section-one img { bottom: -213px; } .section-four .right li { margin: 0; } .left li { width: 232px !important; margin: 0 !important; } .right li { width: 168px !important; } .section-three { padding: 143px 0 0 75px; } .section-three img { width: 50%; top: -215px; right: -150px; } .section-three .jp-server { width: 35%; top: 200px; right: 400px; } .wqd-section-three .section-three-item { padding: 380px 0 0 150px; } .wqd-section-three .section-three-item p { width: 370px; } .wqd-section-three .section-three-fix { top: 100px; } .wqd-section-three .section-three-box { width: 500px; height: 366px; top: 80px; } .wqd-section-three .section-three-box .section-img img { width: 480px; height: 326px; } } @media (max-width: 1366px) { .section-one img { bottom: -125px; } .wqd-section-four li { width: 204px; } .section-two { padding: 143px 0 0 60px; } .section-three { padding: 143px 0 0 75px; } .wqd-advantage .wqd-adv-right .wqd-advantageli { margin-left: 0; } .left li { width: 200px !important; margin: 0 !important; } .right li { width: 155px !important; } .section-three-box { top: 50px !important; } } @media (max-width: 1170px) { .wqd-section-four li { width: 205px; } .section-two { padding: 143px 0 0 60px; } .section-three { padding: 143px 0 0 60px; } .wqd-advantage { min-width: 1280px; } .wqd-advantage .wqd-adv-left { width: 35%; } .wqd-advantage .wqd-adv-right { width: 65%; padding-left: 40px; } .wqd-advantage .wqd-adv-right .wqd-advantageli { margin-left: 6%; } .section-one img { bottom: -180px; } } .clearfix{clear:both;} .zxkIndex-proCon{ width:90%; margin:0 auto; padding:100px 5%; background-color:#f8f8f8; } .zxkIndex-proCon h1{font-size:32px; color:#333; text-align:center; margin-bottom:90px;} .zxkIndex-proCon h2{text-align:center; font-weight:normal; margin-bottom:90px;} .zxkIndex-proCon li { width:33.3333%; float:left; text-align:center; } .zxkIndex-proCon li img{width:100px;} .zxkIndex-proCon li h2{font-size:22px; color:#333; margin:50px 0 30px;} .zxkIndex-proCon li p{line-height:1.9; margin-bottom:50px;} .zxkIndex_yycj li{float:left; width:14.285%; padding:50px 0; position:relative; cursor:pointer;} .zxkIndex_yycj li img{width:120px; margin-bottom:30px;} .zxkIndex_yycj_p{margin-bottom:80px;} .zxkIndex_foot{width:100%; text-align:center; background-color:#555; padding:60px 0; color:#fff;} .zxkIndex_foot img{width:30px;} .zxkIndex_foot h2{margin:30px 0 15px; font-weight:normal; font-size:20px;} .zxkIndex_foot h1{font-size:45px;} .zxkIndex_bottom{width:100%; height:40px; background-color:#393939; text-align:center; color:#aaa; line-height:40px; font-size:14px;} .zxkIndex_yycj_no{width:100%; color:#000; position:absolute; left:0; padding:50px 0; background-color:#fff;} .zxkIndex_yycj_no h2{color:#507ed3;} /*case*/ .zxkCase{width:80%; min-height:600px; margin:0 auto 80px; box-sizing:border-box;} .zxkCase li{position:relative; float:left; width:23%; margin:15px 1%;} .zxkCase li img{display:block; max-width:100%; height:auto;} .zxkCase_info { position: absolute; opacity: 0; top: 0; left: 0; /* -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; transform:scale(0.5);*/ background-color: transparent; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; } .zxkCase_infoCon{position:absolute; left:15px; bottom:20px;} .zxkCase_infoCon h5{font-size:18px; color:#fff; margin-bottom:10px;} .zxkCase_infoCon p{color:#fff; font-size:13px;} /*about*/ .zxkAbout{width:100%; margin-top:160px;} .zxkAbout_conTop{width:100%; text-align:center;} .zxkAbout_conTop h1{font-size:52px; color:#333; font-weight:bolder; margin-bottom:25px;} .zxkAbout_conTop h2{font-size:24px; color:#333; margin-bottom:40px; font-weight:normal;} .zxkAbout_conTop h3{font-size:14px; border:solid 1px #333; width:90px; height:90px; border-radius:250px; line-height:90px; text-align:center; font-weight:normal; margin:0 auto;} .zxkAbout_conTop img{width:25px; margin:10px 0 20px;} .zxkAbout_con{width:100%; margin:0 auto; padding:90px 10%; background:url(/img/zhi_02.jpg) top center no-repeat; background-size:100%; box-sizing:border-box;} .zxkAbout_con p{line-height:2; margin:15px 0;} .zxkContentus{width:100%;} .zxkContentus_left{float:left; width:40%; margin-left:10%; padding-top:80px;} .zxkContentus_leftTop{width:90px; text-align:center;} .zxkContentus_leftTop h2{font-size:14px; border:solid 1px #333; width:90px; height:90px; border-radius:250px; line-height:90px; text-align:center; font-weight:normal;} .zxkContentus_leftTop img{width:25px; margin:10px auto 20px;} .zxkContentus_left h3{margin-bottom:100px; font-size:25px; font-weight:normal;} .zxkContentus_left h1{font-size:40px; color:#333; font-weight:bold; margin-top:10px;} .zxkContentus_left h4{color:#333; font-size:18px; margin-top:10px;} .zxkContentus_left p{margin-top:30px;} .zxkContentus_left p span{color:#999;} .zxkContentus_right{float:right; width:50%; height:650px;} /*Apply*/ .zxkApply_jqCenter{width:100%; height:865px; background:url(/img/recruit_list_02.jpg);} .zxkApply_jqCenter_con{width:80%; margin:80px auto 0; height:605px; padding:105px 0 155px;} .zxkApply_jqCenter_con h2{font-size:32px; color:#f4f5f9; text-align:center; margin-bottom:80px;} .zxkApply_jqCenter_conUl{width:100%;} .zxkApply_jqCenter_conUl ul li{float:left; height:480px; background-color:#f4f5f9; position:relative;} .zxkApply_jqCenter_conUl_jq ul li{width:15.6666%; margin:0 0.5%;} .zxkApply_jqCenter_conUl_jy ul li{width:18%; margin:0 1%;} .zxkApply_jqCenter_conUl_ly ul li{width:23%; margin:0 1%;} .zxkApply_jqCenter_conUl_dj ul li{width:23%; margin:0 1%;} .zxkApply_jqCenter_conUl_hz ul li{width:23%; margin:0 1%;} .zxkApply_jqCenter_conUl_qy ul li{width:29.3333%; margin:0 2%;} .zxkApply_jqCenter_conUl_lxs ul li{width:18%; margin:0 1%;} .zxkApply_jqCenter_conUl_top{height:115px; background-color:#999; text-align:center; padding-top:35px;} .zxkApply_jqCenter_conUl_top p{font-size:18px; color:#fff;} .zxkApply_jqCenter_conUl_center{position:absolute; left:50%; top:85px; width:118px; margin-left:-59px;} .zxkApply_jqCenter_conUl_bottom{padding:95px 35px 0 35px; font-size:13px; color:#333; text-align:center;} .zxkApply_jqCenter_conUl_bottom p{line-height:1.8; margin-bottom:10px;} .zxkApply_jqBottom{width:100%;} .zxkApply_jqBottom_top{width:100%; height:300px; text-align:center; background:url(/img/zhi_02.jpg) center center; background-size:100%;} .zxkApply_jqBottom_top h1{font-size:36px; color:#333; padding-top:100px;} .zxkApply_jqBottom_top img{width:50px; margin-top:30px; opacity:.3;} .zxkApply_jqBottom_bottom{width:100%; background-color:#000;} .zxkApply_jqBottom_bottomLeft{width:50%; float:left;} .zxkApply_jqBottom_bottomLeft_jq{background:url(/img/icon-apply1.jpg) no-repeat center center; background-size:100% 100%;} .zxkApply_jqBottom_bottomLeft_jy{background:url(/img/icon-apply2.jpg) no-repeat center center; background-size:100% 100%;} .zxkApply_jqBottom_bottomLeft_ly{background:url(/img/icon-apply3.jpg) no-repeat center center; background-size:100% 100%;} .zxkApply_jqBottom_bottomLeft_dj{background:url(/img/icon-apply4.jpg) no-repeat center center; background-size:100% 100%;} .zxkApply_jqBottom_bottomLeft_hz{background:url(/img/icon-apply5.jpg) no-repeat center center; background-size:100% 100%;} .zxkApply_jqBottom_bottomLeft_qy{background:url(/img/icon-apply6.jpg) no-repeat center center; background-size:100% 100%;} .zxkApply_jqBottom_bottomLeft_lxs{background:url(/img/icon-apply7.jpg) no-repeat center center; background-size:100% 100%;} .zxkApply_jqBottom_bottomRight{width:50%; background-color:#202020; float:right; position:relative; box-sizing:border-box !important;} .zxkApply_jqBottom_bottomRight_con{width:80%; float:left; padding:100px 0 60px 70px;} .zxkApply_jqBottom_bottomRight_conDiv{width:100%; margin-bottom:40px; margin-left:-107.5px;} .zxkApply_jqBottom_bottomRight_conDiv img{float:left; margin-right:40px; margin-top:20px;} .zxkApply_jqBottom_bottomRight_conDiv_content{float:left; width:80%;} .zxkApply_jqBottom_bottomRight_conDiv_content h2{font-size:18px; color:#59c4ff; margin-bottom:5px;} .zxkApply_jqBottom_bottomRight_conDiv_content h3{font-size:14px; color:#999; margin-bottom:20px;} .zxkApply_jqBottom_bottomRight_conDiv_content p{font-size:14px; color:#999; line-height:1.8;} /*产品*/ .zxkProduct{width:100%;} .zxkProduct_top{width:70%; height:260px; margin:80px auto 0; padding:80px 15% 0;} .zxkProduct_topBg1{background:url(/img/imgPro_1.jpg) no-repeat center center; background-size:100% 100%;} .zxkProduct_topBg2{background:url(/img/imgPro_2.jpg) no-repeat center center; background-size:100% 100%;} .zxkProduct_topBg3{background:url(/img/imgPro_3.jpg) no-repeat center center; background-size:100% 100%;} .zxkProduct_topBg4{background:url(/img/imgPro_4.jpg) no-repeat center center; background-size:100% 100%;} .zxkProduct_topBg5{background:url(/img/imgPro_5.jpg) no-repeat center center; background-size:100% 100%;} .zxkProduct_top h1{font-size:36px; color:#fff; font-weight:bold; margin-bottom:15px;} .zxkProduct_top p{color:#fff; line-height:1.8; width:700px; font-size:15px;} .zxkProduct_center{width:80%; margin:80px auto;} .zxkProduct_center h2{font-size:36px; text-align:center; margin-bottom:80px;} .zxkProduct_center ul li{float:left; width:33.3333%; margin-bottom:30px;} .zxkProduct_centerPro{width:90%; margin:0 auto; border:solid 1px #dfdfdf; padding-bottom:40px; text-align:center;} .zxkProduct_centerPro_img{width:100%; height:140px; margin-bottom:30px; position:relative; background-size:100%;} .zxkProduct_centerPro_imgOpebg{width:100%; height:140px; position:absolute; left:0; top:0; background-color: transparent; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; opacity: 0; } .bgFx01{background:url(/img/products/imgpro_fx01.jpg) no-repeat center center;} .bgFx02{background:url(/img/products/imgpro_fx02.jpg) no-repeat center center;} .bgFx03{background:url(/img/products/imgpro_fx03.jpg) no-repeat center center;} .bgFx04{background:url(/img/products/imgpro_fx04.jpg) no-repeat center center;} .bgFx05{background:url(/img/products/imgpro_fx05.jpg) no-repeat center center;} .bgFx06{background:url(/img/products/imgpro_fx06.jpg) no-repeat center center;} .bgYx01{background:url(/img/products/imgpro_yx01.jpg) no-repeat center center;} .bgYx02{background:url(/img/products/imgpro_yx02.jpg) no-repeat center center;} .bgYx03{background:url(/img/products/imgpro_yx03.jpg) no-repeat center center;} .bgYx04{background:url(/img/products/imgpro_yx04.jpg) no-repeat center center;} .bgYx05{background:url(/img/products/imgpro_yx05.jpg) no-repeat center center;} .bgYx06{background:url(/img/products/imgpro_yx06.jpg) no-repeat center center;} .bgypw01{background:url(/img/products/imgpro_ypw01.jpg) no-repeat center center;} .bgypw02{background:url(/img/products/imgpro_ypw02.jpg) no-repeat center center;} .bgypw04{background:url(/img/products/imgpro_ypw03.jpg) no-repeat center center;} .bgypw03{background:url(/img/products/imgpro_ypw04.jpg) no-repeat center center;} .zxkProduct_centerPro h3{font-size:20px; margin-bottom:20px; font-weight:normal;} .zxkProduct_centerPro p{color:#999; font-size:15px; margin-bottom:20px;} .zxkProduct_centerPro a{color:#fff; font-size:15px;} .zxkProduct_centerPro h4{color:#ff; background-color:#507ed3; width:140px; height:42px; line-height:42px; margin:0 auto;} .zxkProduct_center2{width:80%; margin:80px auto;} .zxkProduct_center2 h2{font-size:36px; text-align:center; margin-bottom:80px;} .zxkProduct_center2 ul li{float:left; width:25%; margin-bottom:30px;} .zxkProduct_ypwZjpic{width:100%; background:url(/img/img_zj1.jpg) no-repeat left top; background-color:#fcfcfc; height:602px; box-sizing:border-box;} .zxkProduct_ypwZjpic_con{width:50%; float:right; padding-top:50px;} .zxkProduct_ypwZjpic_con ul li{margin:15px 0; float:left; width:50%; box-sizing:border-box; padding-right:80px;} .zxkProduct_ypwZjpic_con ul li h2{font-size:20px; font-weight:bold; margin-bottom:10px;} .zxkProduct_ypwZjpic_con ul li p{line-height:1.8; font-size:15px; color:#999;} .zxkProduct_ypwZjpic2{width:100%; background:url(/img/img_zj2.jpg) no-repeat left top; height:602px; box-sizing:border-box;} .zxkProduct_ypwZjpic_con2{width:50%; float:right; padding-top:50px;} .zxkProduct_ypwZjpic_con2 ul li{margin:15px 0 25px; box-sizing:border-box; padding-right:80px;} .zxkProduct_ypwZjpic_con2 ul li h2{font-size:20px; font-weight:bold; margin-bottom:10px;} .zxkProduct_ypwZjpic_con2 ul li p{line-height:1.8; font-size:15px; color:#999;} .zxkProduct_ypwZjpic4{width:100%; background:url(/img/img_zj4.jpg) no-repeat left top; height:662px; box-sizing:border-box;} .zxkProduct_ypwZjpic_con4{width:50%; float:right; padding-top:50px;} .zxkProduct_ypwZjpic_con4 ul li{margin:30px 0; width:50%; float:left; box-sizing:border-box; padding-right:80px;} .zxkProduct_ypwZjpic_con4 ul li h2{font-size:20px; font-weight:bold; margin-bottom:10px;} .zxkProduct_ypwZjpic_con4 ul li p{line-height:1.8; font-size:15px; color:#999;} .zxkProduct_ypwZjpic5{width:100%; background:url(/img/img_zj5.jpg) no-repeat left top; height:602px; box-sizing:border-box;} .zxkProduct_ypwZjpic_con5{width:50%; float:right; padding-top:50px;} .zxkProduct_ypwZjpic_con5 ul li{margin:30px 0; width:50%; float:left; box-sizing:border-box; padding-right:80px;} .zxkProduct_ypwZjpic_con5 ul li h2{font-size:20px; font-weight:bold; margin-bottom:10px;} .zxkProduct_ypwZjpic_con5 ul li p{line-height:1.8; font-size:15px; color:#999;} /*产品介绍*/ .zxkProductInfo{width:80%; margin:80px auto;} .zxkProductInfo h2{font-size:36px; text-align:center; margin-bottom:80px;} .zxkProductInfo ul li{float:left; margin-bottom:20px;} .zxkProductInfo_two ul li{width:50%;} .zxkProductInfo_three ul li{width:33.3333%;} .zxkProductInfo_four ul li{width:25%;} .zxkProductInfo_five ul li{width:20%;} .zxkProductInfo_con{width:80%; text-align:center; padding:60px 10%;} .zxkProductInfo_conImg1{width:130px; margin-bottom:30px;} .zxkProductInfo_con h3{font-size:20px; margin-bottom:20px; font-weight:normal;} .zxkProductInfo_conImg2{width:20px; margin-bottom:20px;} .zxkProductInfo_con p{color:#999; font-size:15px; margin-bottom:20px; line-height:2;} .zxkProductInfo_conLine{border-left:solid 1px #dfdfdf;} .zxkProduct_ypwZjtop_bg1{background:url(/img/bgimg_zj.jpg) no-repeat center center; background-size:100% 100%;} .zxkProduct_ypwZjtop_bg2{background:url(/img/bgimg_mini.jpg) no-repeat center center; background-size:100% 100%; color:#fff;} .zxkProduct_ypwZjtop_bg3{background:url(/img/bgimg_self.jpg) no-repeat center center; background-size:100% 100%; color:#fff;} .zxkProduct_ypwZjtop_bg5{background:url(/img/bgimg_soft.jpg) no-repeat center center; background-size:100% 100%; color:#fff;} .zxkProduct_ypwZjtop{width:80%; height:300px; margin:80px auto 0; padding:100px 10% 0;} .zxkProduct_ypwZjtop h1{font-size:36px; font-weight:bold; margin-bottom:80px; text-align:center;} .zxkProduct_ypwZjtop h1 span{font-size:50px;} .zxkProduct_ypwZjtop ul li{float:left; width:20%; padding:0 1% 0 2.5%; box-sizing:border-box;} .zxkProduct_ypwZjtop img{float:left; margin-right:10px;} .zxkProduct_ypwZjtop_con h2{font-size:20px; font-weight:bold; margin-bottom:15px;} .zxkProduct_ypwZjtop_con p{line-height:1.8; font-size:15px;} .zxkProduct_ypwZjtop2{width:80%; height:300px; margin:80px auto 0; padding:100px 10% 30px;} .zxkProduct_ypwZjtop2 h1{font-size:36px; font-weight:bold; margin-bottom:80px; text-align:center;} .zxkProduct_ypwZjtop2 h1 span{font-size:50px;} .zxkProduct_ypwZjtop2 ul li{float:left; width:16.6666%; padding:0 1% 0 2.5%; box-sizing:border-box; text-align:center;} .zxkProduct_ypwZjtop2 img{margin-bottom:15px;} .zxkProduct_ypwZjtop2 h2{font-size:20px; text-align:center;} .zxkProduct_ypwZjpic3{width:100%; background:url(/img/img_zj3.jpg) no-repeat center bottom; background-size:100% 100%; padding:100px 0;} .zxkProduct_ypwZjpic3 h3{font-size:36px; text-align:center; margin-bottom:80px;} .zxkProduct_ypwZjpic3_con{width:80%; margin:0 auto;} .zxkProduct_ypwZjpic3_con ul li{float:left; width:14.285%;} .zxkProduct_ypwZjpic3_con ul li p{font-size:15px; line-height:1.8; background-color:#fff; text-align:center; margin:0 auto; padding:20px; width:90%; box-sizing:border-box;} /*.navUl *{text-decoration:none;font-size:9pt;} .menu { width: 800px; }*/ /*.navUl{list-style:none;height:87px;width:100%; float:right;}*/ .navUl li{ position:relative;} /*.navUl_li {padding-top:13px;}*/ .navUl li a{width:100%; cursor:pointer; blr:expression(this.onFocus=this.close());blr:expression(this.onFocus=this.blur());display:inline-block;} .navUl li a:focus{-moz-outline-style: none;} .navUl li .sub-nav{position:absolute;top:60px;left:-1px;list-style:none;background-color:#fff;display:none; border:solid 1px #f1f1f1;} .navUl li .sub-nav li{text-align:center;clear:left;width:160px; height:40px;position:relative;border-bottom:solid 1px #f1f1f1;} .navUl li .sub-nav li a{padding:0;display:inline-block; height:40px; line-height:40px;} .navUl li .sub-nav li a:hover{background-color:#f1f1f1;} /* FILE ARCHIVED ON 08:09:49 Jan 08, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:17:28 Apr 29, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.642 exclusion.robots: 0.142 exclusion.robots.policy: 0.131 cdx.remote: 0.063 esindex: 0.01 LoadShardBlock: 669.253 (3) PetaboxLoader3.datanode: 42.614 (4) PetaboxLoader3.resolve: 709.197 (2) load_resource: 106.257 */