blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul { margin:0; padding:0 } html { background:none repeat scroll 0 0 #000; color:#000; height:100%; } .Arial { font-family:"Arial"; } * { box-sizing:content-box; -moz-box-sizing:inherit; -webkit-box-sizing:inherit; } .nohover:hover{ border:none !important; } @font-face { font-family:OriginGothic; src:url(http://img.cheerue.com/OriginGothic-Bold.woff2) format("woff2"); src:url(http://img.cheerue.com/OriginGothic-Bold.eot) format("embedded-opentype"); font-style:normal; font-weight:700 } .OriginGothic { font-family:"OriginGothic"; letter-spacing:3px; } @font-face { font-family:SourceHanSansCN-Normal; src:url(http://img.cheerue.com/SourceHanSansCN-Normal.woff2) format("woff2"),url(http://img.cheerue.com/SourceHanSansCN-Normal.woff) format("woff"),url(http://img.cheerue.com/SourceHanSansCN-Normal.ttf) format("truetype"),url(http://img.cheerue.com/SourceHanSansCN-Normal.eot) format("embedded-opentype"),url(http://img.cheerue.com/SourceHanSansCN-Normal.svg) format("svg"); font-weight:400; font-style:normal } .SourceHanSansCN { font-family:"SourceHanSansCN-Normal"; } body,button,input,pre,select,textarea { font-family:"SourceHanSansCN-Normal"; font-size:12px; line-height:150%; height:100%; max-width:100%; margin:0 auto; } body { overflow-x:hidden; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500 } address,cite,dfn,em,var { font-style:normal } small { font-size:12px } ol,ul { list-style:none outside none } li,p { vertical-align:top; box-sizing:border-box; } a { color:#ffffff; text-decoration:none } a:hover { color:#ffffff; cursor:pointer; transition-duration:500ms; } a:focus { outline:0; -moz-outline:0; -webkit-outline:0 } sup { vertical-align:text-top } sub { vertical-align:text-bottom } legend { color:#000 } fieldset,img { border:0 none } button,input,select,textarea { font-size:12px; vertical-align:middle; border:0 } table { border-collapse:collapse; border-spacing:0 } img { vertical-align:top; border:0 } .image-center{ text-align: center; } textarea { resize:none } :focus { outline:0 none } .overflow { overflow:hidden } .hide { /*display:none*/ } .disblock { display:block } .inlineblock { display:inline-block } .block { display:block } .inline { display:inline } .error { color:red; font-size:12px } button { cursor:pointer } i { font-style:normal } button,input,select,textarea { font-size:100%; margin:0; vertical-align:baseline } button,input { line-height:normal } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled],input[disabled] { cursor:default; background-color:#ffffff; } input[type=checkbox],input[type=radio] { box-sizing:border-box; padding:0 } input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0 } textarea { overflow:auto; vertical-align:top } article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block } .wordwrap { word-break:break-all; word-wrap:break-word } pre.wordwrap { white-space:pre-wrap } .fl { float:left } .fr { float:right } input { border:0 } .zIndex6 { z-index:6 } .zIndex5 { z-index:5 } .zIndex4 { z-index:4 } .zIndex3 { z-index:3 } .zIndex2 { z-index:2 } .zIndex1 { z-index:1 } .unsell{ background: #333333 !important ; cursor: default !important; } .hidden { overflow:hidden } .clearfix:after { display:block; visibility:hidden; clear:both; height:0; content:"." } .clearfix { display:inline-block } .clear { clear:both; } * html .clearfix { height:1% } .clearfix { display:block } .relative { position:relative } .absolute { position:absolute } .fb { font-weight:700 } .fs12 { font-size:12px } .fs14 { font-size:14px } .fs16 { font-size:16px; line-height:16px; } .fs18 { font-size:18px; line-height:18px; } .fs20 { font-size:20px; line-height:20px; } .fs22 { font-size:22px; line-height:22px; } .fs24 { font-size:24px; line-height:24px; } .fs25 { font-size:25px; line-height:25px; } .fs30 { font-size:30px; line-height:30px; } .fs36 { font-size:36px; line-height:36px; } .fs38 { font-size:38px; line-height:38px; } .engin_fly { height:530px !important; } .letter3 { letter-spacing:3px; } .letter5 { letter-spacing:5px; } .mt5 { margin-top:5px } .mt10 { margin-top:10px } .mt15 { margin-top:15px } .mt20 { margin-top:20px } .mt25 { margin-top:25px } .mt30 { margin-top:30px } .mt40 { margin-top:40px } .mt50 { margin-top:50px } .mt80 { margin-top:80px } .mt100 { margin-top:100px } .mt210 { margin-top:210px } .mt400 { margin-top:400px } .mb10 { margin-bottom:10px } .mb15 { margin-bottom:15px } .mb20 { margin-bottom:20px } .mb30 { margin-bottom:30px } .mb40 { margin-bottom:40px } .mb50 { margin-bottom:50px } .mr5 { margin-right:5px } .mr10 { margin-right:10px } .mr20 { margin-right:20px } .mr40 { margin-right:40px } .ml10 { margin-left:10px } .pt20 { padding-top:20px } .pt40 { padding-top:40px } .pt50 { padding-top:50px } .pt60 { padding-top:60px } .pt80 { padding-top:80px } .pt100 { padding-top:100px } .pb10 { padding-bottom:10px } .pb50 { padding-bottom:50px } .pb65 { padding-bottom:65px } .pb80 { padding-bottom:80px } .pb100 { padding-bottom:100px } .pl10 { padding-left:10px } .pl20 { padding-left:20px } .pl40 { padding-left:40px } .opacity5 { opacity:0.5; } .lineh36 { line-height:36px; } .tl { text-align:left } .tc { text-align:center } .tr { text-align:right } .ellipsis { width:100%; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .radius3 { -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px } .radius5 { -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px } .radius10 { -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px } .radius15 { -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px } .radius50 { -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50% } .w1178 { width:1178px; height:auto; max-width:1178px; margin:0 auto; } .w1100 { width:1100px; height:auto; max-width:1100px; margin:0 auto; } .w1000 { width:1000px; height:auto; max-width:1000px; margin:0 auto; } .cyw_auto { margin:0 auto; } .imgscale img { transition:transform 2s cubic-bezier(.23,1,.32,1); transform:scale(1); } .imgscale:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } body { background-color:#000000; color:#ffffff; font-size:14px; height:100%; } div { box-sizing:border-box; } .red { color:red; } .col_white { color:white; } .col333 { color:#333333; } .colb2 { color:#b2b2b2; } .col_b2 { color:#b2b2b2; } .col_5196cb { color:#5196cb; } .col_606060 { color:#606060; } .bgfafafa { width:100%; background:#fafafa; } .cybtn { padding:8px 10px; font-size:14px; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; color:#ffffff; } .bg_red { background:#ff0000; color:#ffffff; } .bg_black { background:#000000; color:#ffffff; } .bg_fff { background:#ffffff; } .flex { display:flex } .row { flex-direction:row } .column { flex-direction:column } .wrap { flex-wrap:wrap } .nowrap { flex-wrap:nowrap } .justify_between { justify-content:space-between } .justify_center { justify-content:center } .justify_start { justify-content:flex-start } .justify_end { justify-content:flex-end } .justify_around { justify-content:space-around } .items_center { align-items:center } .items_end { align-items:flex-end } .align_start { align-content:flex-start } .pw10 { width:10% } .pw15 { width:15% } .pw20 { width:20% } .pw30 { width:30% } .pw33 { width:33.33333% } .pw35 { width:35% } .pw40 { width:40% } .pw45 { width:45% } .pw50 { width:50% } .pw60 { width:60% } .pw70 { width:70% } .pw75 { width:75% } .pw80 { width:80% } .pw85 { width:85% } .pw90 { width:90% } .pw100 { width:100% } .pointer { cursor:pointer } .img100 { max-width:100%; height:auto; } .imgw100 { width:100%; height:auto; } .web_bgone { width:100%; height:auto; } .uppercase { text-transform:uppercase; } @-webkit-keyframes fadeInUp200 { 0% { opacity:0; -webkit-transform:translate3d(0,200px,0); transform:translate3d(0,200px,0) } to { opacity:1; -webkit-transform:none; transform:none } }@keyframes fadeInUp1 { 0% { opacity:0; -webkit-transform:translate3d(0,200px,0); transform:translate3d(0,200px,0) } to { opacity:1; -webkit-transform:none; transform:none } }.fadeInUp200 { -webkit-animation-name:fadeInUp200; animation-name:fadeInUp200 } @-webkit-keyframes fadeInUp1 { 0% { opacity:0; -webkit-transform:translate3d(0,100px,0); transform:translate3d(0,100px,0) } to { opacity:1; -webkit-transform:none; transform:none } }@keyframes fadeInUp1 { 0% { opacity:0; -webkit-transform:translate3d(0,100px,0); transform:translate3d(0,100px,0) } to { opacity:1; -webkit-transform:none; transform:none } }.fadeInUp1 { -webkit-animation-name:fadeInUp1; animation-name:fadeInUp1 } .delay100 { animation-delay:.1s; animation-fill-mode:backwards!important } .delay200 { animation-delay:.2s; animation-fill-mode:backwards!important } .delay300 { animation-delay:.3s; animation-fill-mode:backwards!important } .delay400 { animation-delay:.4s; animation-fill-mode:backwards!important } .delay500 { animation-delay:.5s; animation-fill-mode:backwards!important } .delay600 { animation-delay:.6s; animation-fill-mode:backwards!important } .delay700 { animation-delay:.7s; animation-fill-mode:backwards!important } @-webkit-keyframes engineUp1 { 0% { opacity:0; -webkit-transform:translate3d(0,80px,0); transform:translate3d(0,80px,0) } to { opacity:1; -webkit-transform:none; transform:none } }@keyframes engineUp { 0% { opacity:0; -webkit-transform:translate3d(0,80px,0); transform:translate3d(0,80px,0) } to { opacity:1; -webkit-transform:none; transform:none } }.engineUp1 { -webkit-animation-name:engineUp1; animation-name:engineUp1 } @-webkit-keyframes engineUp { 0% { opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0) } to { opacity:1; -webkit-transform:none; transform:none } }@keyframes engineUp { 0% { opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0) } to { opacity:1; -webkit-transform:none; transform:none } }.engineUp { -webkit-animation-name:engineUp; animation-name:engineUp } @-webkit-keyframes engineOne { 0% { opacity:0; -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } to { opacity:1; -webkit-transform:none; transform:none } }@keyframes engineOne { 0% { opacity:0; -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } to { opacity:1; -webkit-transform:none; transform:none } }.engineOne { -webkit-animation-name:engineOne; animation-name:engineOne } .mh { transition-duration:500ms; -webkit-backface-visibility:hidden; -webkit-filter:blur(5px); filter:blur(5px); opacity:0.9; -webkit-animation:nvfadeInDown 1s .1s ease both; -moz-animation:nvfadeInDown .3s .1s ease both; } @-webkit-keyframes nvfadeInDown { 0% { opacity:.2; 100% { opacity:1 } }100% { opacity:1; } }@-moz-keyframes nvfadeInDown { 0% { opacity:.2; } 100% { opacity:1; } }.header { width:100%; position:fixed; top:0; left:0; z-index:10; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transition-duration:350ms; background:rgba(0,0,0,.5); } .header.hbg { background:rgba(0,0,0,.7); -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transition-duration:350ms; } .head { width:100%; height:110px; max-width:1365px; margin:0 auto; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transition-duration:350ms; } .header.hbg .head { height:90px; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transition-duration:350ms; } .logo { width:160px; /*height:36px;*/ overflow:hidden; display:block; } .nav li { position:relative; margin-right:5px; overflow:hidden; } .nav li a { height:107px; line-height:107px; display:inline-block; padding:0 10px; font-size:16px; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transition-duration:350ms; } .nav li a:after { content:""; position:absolute; left:0; right:0; bottom:0px; opacity:0; border-bottom:2px solid #ffffff; transform:scale(0) translateZ(0); -webkit-transition:-webkit-transform .5s ease,opacity .5s ease; -moz-transition:-moz-transform .5s ease,opacity .5s ease; -ms-transition:-ms-transform .5s ease,opacity .5s ease; -o-transition:-o-transform .5s ease,opacity .5s ease; transition:transform .5s ease,opacity .5s ease } .nav li a.hover:after { opacity:1; transform:scale(1) translateZ(0) } .nav li.hover>a:after { border-color:inherit } .nav li a.current:after { opacity:1; transform:scale(1) translateZ(0); } .header.hbg .nav li a { height:87px; line-height:87px; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transition-duration:350ms; } .nav li .nav_child { opacity:0; position:absolute; top:108px; left:-45px; width:200px; background-color:rgba(0,0,0,1); text-align:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow:hidden; transition-duration:400ms; transform:translate3d(0,10px,0); } .nav li .nav_child.myup { opacity:1; transition-duration:400ms; transform:translate3d(0,0,0); } .nav li .nav_child a { width:100%; height:50px; line-height:50px; padding:0px; font-size:15px; } .nav li .nav_child a.hover { padding-left:5px; } .image-center{ text-align: center; } .nav li .nav_child a.hover:after { opacity:0; } .header.hbg .nav li .nav_child { top:88px; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transition-duration:350ms; } .header.hbg .nav li .nav_child a { height:50px; line-height:50px; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; } .head_yuding { width:125px; } .head_yuding a { width:100%; height:46px; transition-duration:500ms; line-height:42px; font-size:18px; border:3px solid #5196cb; display:inline-block; text-align:center; border-radius:26px; } .head_yuding a:hover { background:rgba(81,150,203,1); transition-duration:500ms; } .language { font-size:16px; } .language a { display:inline-block; padding:0 5px; } .language a:hover { color:#5196cb; transition-duration:500ms; } .header .head_yuding a { border:3px solid #4e95cd; } .mobilenav { display:none; } .indexhome { position:absolute; bottom:30px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-box-orient:vertical; -moz-box-direction:normal; z-index:9; cursor:pointer; -webkit-animation:twinkling 2s infinite ease-in-out; -moz-animation:twinkling 2s infinite ease-in-out; -ms-animation:twinkling 2s infinite ease-in-out; -o-animation:twinkling 2s infinite ease-in-out; animation:twinkling 2s infinite ease-in-out } @-webkit-keyframes twinkling { 0% { opacity:0.2; } 50% { opacity:1; } 100% { opacity:0.2; } }.index_one { width:100%; min-height:737px; background:#000000; position:relative; } .huojian_one { width:100%; position:absolute; top:130px; left:0; right:0; } .huojian_han { position:absolute; right:-50px; bottom:0; } .huojia5 { width:684px; height:503px; } .huojian_first { width:430px; height:auto; position:absolute; /* top:-105px; */ left:0px; right:0; } .huojian_first img { width:100%; height:auto; } .huojian_text { position:absolute; top:30%; left:0; right:0; width:1178px; height:auto; } .huojian_text p { margin-left:60%; width:40%; } .huojian_text1 { height:3px; } .huojian_text1 span { width:84px; height:3px; background:#5196cb; display:inline-block; } .huojian_text2 { font-family:"Arial"; font-size:50px; line-height:50px; color:#5196cb; margin-top:13px; letter-spacing:5px; font-weight:bold; } .huojian_text3 { font-size:38px; line-height:38px; color:#ffffff; margin-top:30px; font-weight:bold; } .huojian_text4 { font-size:28px; line-height:28px; color:#ffffff; margin-top:20px; } .huojian_text5 { font-size:14px; line-height:34px; color:#b2b2b2; margin-top:30px; text-align:justify; } .huojian_text7 { font-size:14px; line-height:34px; color:#b2b2b2; margin-top:30px; text-align:justify; } .huojian_text p.huojian_more { width:264px; margin-top:40px; } .huojian_more a { width:100%; height:54px; line-height:54px; transition-duration:500ms; letter-spacing:3px; font-size:16px; border:3px solid #5196cb; display:inline-block; text-align:center; border-radius:35px; } .huojian_more a:hover { background:rgba(81,150,203,1); transition-duration:500ms; } .huojian_more a img { margin-left:15px; width:25px; height:15px; margin-top:20px; } .huojian_texttwo p { margin-left:0px; } .enginebg { padding-bottom:100px; } .engine { margin-top:100px; } .engine li { padding:0px 35px 20px; width:33.33333%; border-left:2px solid rgba(81,150,203,.15); } .engine li:first-child { border-left:0px; } .engine_num { font-size:40px; line-height:40px; color:#ffffff; opacity:.5; margin-top:35px; } .engine_title { font-size:18px; font-weight:bold; margin-top:50px; } .engine_text { min-height:78px; font-size:16px; letter-spacing:2px; line-height:26px; opacity:.5; margin-top:25px; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .engine p.huojian_more { width:70%; margin:30px auto 0; } .engine_img { width:100%; height:390px; display:flex; align-items:center; } .engine_img a { width:100%; height:100%; overflow:hidden; } .cywearth { width:377px; height:377px; overflow:hidden; position:absolute; left:-10%; top:-30%; } .cywearth img { -webkit-animation:animal 60s infinite linear; -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; } @-webkit-keyframes animal { 0% { transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0) } 100% { transform:rotate(-360deg); -ms-transform:rotate(-360deg); -webkit-transform:rotate(-360deg) } }.indexengine .engineweb_slider { width:100%; margin:100px auto 0; background:url(../images/enginelistbg.png) no-repeat center 30px; background-size:600px auto; } .indexengine .swiper-container { width:100%; height:100% } .indexengine .swiper-slide { text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; transition:.3s; transform:scale(.4); -webkit-filter:grayscale(100%) } .indexengine .swiper-slide-active,.indexengine.swiper-slide-duplicate-active { transform:scale(1); -webkit-filter:grayscale(0%); } .indexengine .swiper-button-next,.indexengine .swiper-container-rtl .swiper-button-prev { right:300px; } .indexengine .swiper-button-prev,.indexengine .swiper-container-rtl .swiper-button-next { left:300px; } .indexengine .engineweb_slider_title { width:100%; text-align:center; margin-top:50px; font-size:16px; line-height:16px; opacity:0; } .indexengine .engineweb_slider_more { width:180px; margin:30px auto 0; opacity:0; } .indexengine .engineweb_slider_more a { width:100%; height:46px; line-height:46px; text-align:center; font-size:18px; display:inline-block; background:#4d95cd; color:#ffffff; border-radius:25px; } .indexengine .engineweb_slider_more a:hover { background:#2491e6; } .indexengine .swiper-slide-active .engineweb_slider_title { opacity:1; } .indexengine .swiper-slide-active .engineweb_slider_more { opacity:1; } .newest { background:url(../images/newsbg.jpg) no-repeat center bottom; padding-bottom:300px; padding-top:100px; } .newscy { position:relative; } .newest_title { width:300px; } .newest_cont { width:470px; padding-bottom:50px; } .new_tobes { font-family:'OriginGothic'; font-size:30px; line-height:36px; font-weight:bold; text-transform:uppercase; } .newest_cont ul li { width:100%; border-bottom:1px solid rgba(255,255,255,.1); padding:25px 0; } .newest_cont .new_title { width:100%; } .newest_cont .new_title a { color:#ffffff; transition-duration:500ms; } .newest_cont .new_title a:hover { color:#5196cb; transition-duration:500ms; } .new_title .more { background:url(../images/gb.png) no-repeat center center; width:12px; height:12px; transition-duration:500ms; } .new_title .more.current { background:url(../images/dk.png) no-repeat center center; width:12px; height:12px; transition-duration:500ms; } .new_brief { width:90%; } .new_brief p { width:100%; text-align:left; overflow:hidden; margin-top:15px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:rgba(255,255,255,.5); } .newestimg { position:absolute; top:0px; right:0; width:330px; height:616px; overflow:hidden; } .allnew { height:20px; line-height:20px; margin-top:20px; } .allnew a { font-family:'OriginGothic'; font-size:20px; line-height:20px; color:#5196cb; } .allnew a:hover { opacity:.9; } .allnew span { width:25px; height:15px; margin-left:10px; } .in_about_text1 { font-family:'OriginGothic'; color:#808080; font-size:18px; font-family:"Arial"; } .in_about_text1 span.left { width:32px; height:7px; background:#1d92ff; margin-right:15px; } .in_about_text2 { font-size:34px; line-height:34px; color:#000000; margin-top:35px; font-weight:bold; } .in_about_text3 { padding:50px 0; color:#666666; font-size:16px; line-height:36px; text-align:center; margin:0 auto; } .in_about_text3 a { color:#666666; font-weight:bold; border-bottom:2px solid #a5a5a5; padding-bottom:5px; } .in_about_text3 a:hover { color:#1d92ff; } .index_about .joinus_third { padding:30px 0; } .footer { padding:60px 0 50px; } .footer ul li { padding:0 25px; font-size:18px; } .footer ul li a:hover { opacity:.8; } .f_logo { width:321px; overflow:hidden; padding:50px 0; } .f_logo img { transition-duration:300ms; } .f_logo img:hover { opacity:1; transition-duration:400ms; } .f_ewm { width:85px; height:85px; overflow:hidden; margin-left:40px; opacity:.7 } .f_ewm img { opacity:.7 } .f_ewm img:hover { opacity:1 } .footer_button a { margin-left:20px; width:20px; height:20px; padding:10px; display:inline-block; overflow:hidden; border:1px solid #000000; } .footer_button a:hover { border:1px solid #ffffff; border-radius:50%; } .scrollTop { width:50px; height:50px; position:fixed; bottom:285px; right:0; display:none; z-index:99; } .scrollTop a { width:100%; height:100%; background-color:#1c3049; border-radius:30px; } .scrollTop a:hover { background-color:#1c3049; } .scrollTop a img { width:16px; height:10px; } .engine_head { width:100%; height:528px; background-image:url('../images/engine_bg1.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:cover; } .second_banner h1 { padding-top:230px; font-size:60px; line-height:70px; font-weight:bold; font-family:'OriginGothic'; text-transform:uppercase; letter-spacing:5px; } .second_banner h2 { font-size:24px; line-height:24px; margin-top:10px; } .engineweb { background:url(../images/engine_bg2.jpg) no-repeat center center; padding:85px 0px 200px; background-size:cover; } .engineweb-text { margin:30px auto; line-height:40px; letter-spacing:2px; text-align:center; } .engineweb .engine { margin-top:200px; } .engineweb .engineweb_slider { width:100%; margin:100px auto 0; background:url(../images/enginelistbg.png) no-repeat center 30px; background-size:600px auto; } .engineweb .swiper-container { width:100%; height:100% } .engineweb .swiper-slide { text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; transition:.3s; transform:scale(.4); -webkit-filter:grayscale(100%) } .engineweb .swiper-slide-active,.engineweb.swiper-slide-duplicate-active { transform:scale(1); -webkit-filter:grayscale(0%); } .engineweb .swiper-button-next,.engineweb .swiper-container-rtl .swiper-button-prev { right:300px; } .engineweb .swiper-button-prev,.engineweb .swiper-container-rtl .swiper-button-next { left:300px; } .engineweb .engineweb_slider_title { width:100%; text-align:center; margin-top:50px; font-size:16px; line-height:16px; opacity:0; } .engineweb .engineweb_slider_more { width:180px; margin:30px auto 0; opacity:0; } .engineweb .engineweb_slider_more a { width:100%; height:46px; line-height:46px; text-align:center; font-size:18px; display:inline-block; background:#4d95cd; color:#ffffff; border-radius:25px; } .engineweb .engineweb_slider_more a:hover { background:#2491e6; } .engineweb .swiper-slide-active .engineweb_slider_title { opacity:1; } .engineweb .swiper-slide-active .engineweb_slider_more { opacity:1; } .engineweb.system { padding:100px 0; } .system_left { width:580px; } .system_one .opacity5 { color:#b2b2b2; text-align:justify; } .system_left .nano .nano-content { padding:0 50px 0 0; opacity:.8 } .system_left .nano .nano-content p { font-size:16px; line-height:26px; margin-bottom:20px; } .system_left .nano .nano-pane { background:rgba(255,255,255,.2); width:1px; right:2px; display:block; } .system_left .nano .nano-slider { background:rgba(255,255,255,.8); width:5px; position:absolute; top:0px; right:0; display:block; border-radius:3px; cursor:pointer; } .system_center { width:1px; height:380px; background:rgba(255,255,255,.2); margin:0px 80px 0px 0px; } .system_right { width:280px; height:400px; overflow:hidden; margin-left:80px; } .system_two { width:100%; background:#000000 url(../images/systembg.jpg) no-repeat center top; background-size:100% auto; width:100%; height:auto; padding:150px 0px; } .system_a div { width:25%; text-align:center; } .system_a div p { }.system_a div p.fs20 span { font-size:36px; line-height:36px; letter-spacing:3px; } .system_a div p.fs16 { color:rgba(255,255,255,.8); margin-top:25px; } .system_b { width:100%; margin-top:100px; text-align:center; font-size:30px; line-height:30px; font-weight:bold; } .system_three { width:100%; background:#000000 url(../images/engine_bg2.jpg) no-repeat center top; background-size:100% auto; padding:100px 0px; } .system_title { width:100%; text-align:center; color:#ffffff; font-size:40px; line-height:40px; letter-spacing:2px; text-transform:uppercase; font-weight:bold; font-family:"OriginGothic" } .system_three ul { width:100%; margin-top:70px; } .system_three ul li { width:30%; position:relative; height:270px; margin-bottom:50px; float:left; margin-right:3.33333%; } .system_three ul li:nth-child(3n) { margin-right:0px; } .system_three .system_img { width:100%; height:220px; overflow:hidden; position:absolute; top:0; left:0; z-index:1; } .system_three .system_img a { width:100%; height:220px; display:flex; justify-content:center; align-items:center; } .system_three .system_img img { width:100%; } .system_three .system_mask { width:100%; height:220px; background-color:rgba(0,0,0,.4); position:absolute; top:0; left:0; overflow:hidden; z-index:2; } .system_video { width:100%; height:220px; overflow:hidden; position:absolute; top:0; left:0; z-index:3; } .system_video a { width:78px; height:78px; overflow:hidden; } .system_video a img { width:100%; height:78px; } .system_text { width:100%; height:50px; line-height:50px; font-size:18px; color:#ffffff; position:absolute; bottom:0px; left:0; right:0; text-align:center; } .videobg.systemboxbg { background-color:rgb(30,30,30,.9); } .videobg.systemboxbg .fancybox-toolbar { opacity:1; visibility:visible; transition锛歰pacity .25s ease 0s,visibility 0s ease 0s; } .system_three .system_more { width:230px; margin:50px auto 0; } .system_three .system_more a { width:100%; height:46px; transition-duration:500ms; line-height:46px; font-size:18px; border:2px solid #5196cb; display:inline-block; text-align:center; border-radius:26px; } .system_three .system_more a:hover { background:rgba(81,150,203,1); transition-duration:500ms; } .system_three .system_more a img { margin:15px 0 0 25px; } .customization { width:100%; height:326px; background:#000000 url(../images/systembg2.jpg) no-repeat center top; text-align:center; } .customization_a { padding-top:90px; font-size:18px; } .customization_b { width:230px; margin:50px auto 0; } .customization_b a { width:100%; height:46px; transition-duration:500ms; line-height:46px; font-size:18px; border:2px solid #5196cb; display:inline-block; text-align:center; border-radius:26px; } .customization_b a:hover { background:rgba(81,150,203,1); transition-duration:500ms; } .liquid_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/liquid_bg1.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% auto; } .engine_liquid { padding:70px 0; } .liquid_one { width:280px; } .liquid_one .btom2 { border-bottom:2px solid #4d95cd; display:inline-block; padding-bottom:10px; } .liquid_one .btom3 { border-bottom:2px solid #4d95cd; display:inline-block; padding-bottom:10px; width:80% } .liquid_text { width:100%; margin-bottom:60px; } .liquid_two { width:290px; height:647px; } .liquid_threee { width:200px; } .liquid_threee p { width:100%; font-size:18px; margin-bottom:30px; color:#b2b2b2; } .bg_black.engineweb .system_three { background:none; } .lightY_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/lightYbg1.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% auto; } .lightY_text1 { width:60%; margin:60px auto 0; font-size:16px; color:#ffffff; line-height:36px; text-align:center; } .lightY_one { padding-top:100px; } .lightY_a { width:385px; } .lightY_a1 { width:100%; padding:50px 0; } .lightY_a1 .btom2 { border-bottom:2px solid #4d95cd; display:inline-block; padding-bottom:10px; width:70%; } .lightY_a2 { }.lightY_b { width:312px; height:157px; } .lightY_c { width:453px; height:161px; } .lightY_d { width:904px; height:156px; margin-top:30px; } .news_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/news_headbg.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:auto 528px; } .news { width:100%; padding:100px 0 50px; background:url(../images/newscontbg.png) repeat top center; background-size:cover; } .news ul li { width:33.33333%; padding-right:50px; margin-bottom:30px; } .news ul li:nth-child(3n) { margin-right:0px; } .news ul li .newsli { background:#0a0a0a; padding-bottom:20px; } .news_img { width:100%; height:211px; min-height:211px; } .news_img a { width:100%; height:211px; min-height:211px; display:block; position:relative; overflow:hidden; } .news_img a img{ width: 100%; } .news ul li .news_mask { width:100%; height:100%; display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background-color:rgba(19,19,19,.3); } .news_text { width:100%; padding:10px 30px; font-size:16px; line-height:30px; transition-duration:500ms; } .news_text.current { transition-duration:500ms; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); transform:translateX(10px) } .news_more { width:100%; padding:10px 30px; } .news_more a { width:100%; height:30px; line-height:30px; display:inline-block; opacity:.5; transition-duration:500ms; } .news_more a:hover { opacity:1; transition-duration:500ms; } .news_more a span { display:inline-block; font-size:16px; } .news_more a img { margin:7px 0 0 10px; } .news .news_load { width:264px; margin-top:40px; } .news_load a { width:100%; height:46px; line-height:46px; transition-duration:500ms; font-size:16px; border:3px solid #5196cb; display:inline-block; text-align:center; border-radius:26px; } .news_load a:hover { background:rgba(81,150,203,1); transition-duration:500ms; } .news_load a img { margin-left:15px; width:25px; height:15px; margin-top:16px; } .news_detail { width:100%; padding:100px 0; } .news_detailofl img{ width: 500px !important; height: auto !important; text-align: center; } .news_detailofl video{ /*width: 500px !important; height: auto !important;*/ text-align: center; } .news_detailofl { width:805px; height:auto; } .news_crumbs { width:100%; color:#ffffff; font-size:16px; } .news_crumbs a { opacity:.5; } .news_crumbs a:hover { opacity:1; transition-duration:500ms; } .news_crumbs .crumbs1 { padding:0 10px; opacity:.5; } .news_content { padding-top:50px; color:#808080; } .news_content h1 { font-size:28px; line-height:36px; color:#ffffff; } .news_content h3 { font-size:16px; line-height:30px; color:#ffffff; padding:30px 0; } .news_content p { line-height:30px; margin-bottom:20px; } .news_detailofr { width:257px; height:auto; } .news_detailofr h1 { color:#ffffff; font-size:18px; line-height:18px; width:100%; } .news_detailofr ul { width:100%; overflow:hidden; margin-top:35px; } .news_detailofr ul li { width:100%; background:#0a0a0a; } .news_detailofr ul li .news_img { width:100%; height:211px; overflow:hidden; } .about_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/about_head.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% auto; } .aboutone { width:100%; height:603px; background:#090b0f url(../images/bgxinx.jpg) no-repeat center top; background-size:cover; padding-top:120px; } .aboutone_right img { width:100%; } .about_text1 { font-family:'OriginGothic'; color:#4e95cd; font-size:20px; line-height:30px; text-transform:uppercase; padding:20px 0; letter-spacing:1px; } .about_text2 { color:#ffffff; font-size:36px; line-height:36px; } .aboutone .aboutone_text3 { width:480px; font-size:16px; line-height:36px; margin-top:40px; color:#b3b3b3; text-align:justify; } .abouttwo { width:100%; height:591px; background:#090b0f url(../images/bgxinx.jpg) no-repeat center top; overflow:hidden; background-size:cover; } .abouttwo_fl img { width:100%; max-height:100%; } .abouttwo_fr { padding-left:100px; } .about_1 { width:100%; height:60px; } .abouttwo_text1 { width:480px; color:#b2b2b2; font-size:16px; line-height:16px; margin-bottom:30px; background:url(../images/about1.png) no-repeat left center; background-size:8px 8px; padding-left:10px; } .aboutthree { width:100%; height:400px; background:#0d0a0b url(../images/aboutbg3.jpg) no-repeat right top; } .about_video { height:100%; } .about_video .video_btn { margin-right:25px; width:84px; height:84px; cursor:pointer; transition-duration:500ms; } .about_video .video_btn img { /*width:100%; height:100%;*/ } .aboutfour { width:100%; background:url(../images/aboutbg4.jpg) repeat center top; padding:100px 0; } .aboutfour .huojian_text1 span { width:60px; } .aboutfour_text1 { width:725px; font-size:16px; line-height:36px; color:#b2b2b2; padding:100px 0; margin:0 auto; text-align:justify; word-break: break-all; } .aboutfour_ul { width:100%; } .aboutfour_ul li { width:25%; text-align:center; padding-right:30px; text-transform:uppercase; } .aboutfour_ul li:nth-child(4n) { padding-right:0px; } .aboutfour_img { width:100%; height:276px; overflow:hidden; } .aboutfour_img img { -webkit-filter:grayscale(100%); transition-duration:500ms; } .aboutfour_img img:hover { -webkit-filter:grayscale(0%); transition-duration:500ms; } .aboutfour_text2 { border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:20px; } .aboutfive { width:100%; padding:100px 0; } .aboutfive_list { width:100%; margin-top:80px; background:url(../images/time_axis.jpg) repeat-y center center; } .aboutfive_list ul li.aboutfive_odd { width:calc(50% + 11px); background:url(../images/about4.png) no-repeat right 42px; padding:0px 40px 40px 30px; } .aboutfive_list ul li.aboutfive_even { width:calc(50% + 4px); height: 147px; background:url(../images/about2.png) no-repeat left center; padding:0px 30px 40px 40px; margin-left:calc(50% - 4px); } .aboutfive_list ul li.aboutfive_even .aboutfive_b{ padding-top: 60px; } .aboutfive_a { width:260px; font-size:16px; color:#b2b2b2 } .aboutfive_a .aboutfive_a1 { color:#ffffff; font-size:22px; line-height:22px; font-weight:bold; margin-bottom:20px; font-family:"Arial"; } .aboutfive_b { padding-top:42px; } .aboutsix { width:100%; height:auto; background:url(../images/aboutbg5.jpg) no-repeat center bottom; background-size:cover; padding:50px 0 100px; } .aboutsix_a { width:100%; margin-top:60px; } .aboutsix_a dl { width:30%; text-align:center; } .aboutsix_a dl dt { width:22px; height:auto; margin:0 auto; } .aboutsix_a dl dd { font-size:18px; color:#b2b2b2; } .aboutsix_b { width:100%; margin-top:60px; } .aboutfive #main { width:100%; height:500px; } .aboutfive .nano .nano-content { }.aboutfive .nano .nano-content p { }.aboutfive .nano .nano-pane { background:rgba(255,255,255,.2); width:1px; right:2px; display:block; } .aboutfive .nano .nano-slider { background:rgba(255,255,255,.8); width:5px; position:absolute; top:0px; right:0; display:block; border-radius:3px; cursor:pointer; } .msg_group { width:48%; margin-bottom:20px; } .msg_group label { font-size:20px; line-height:20px; color:#b2b2b2; } .msg_group input { width:100%; height:44px; line-height:44px; font-size:14px; padding:0 10px; box-sizing:border-box; background:rgba(0,0,0,.7); border:1px solid #4d4d4d; color:#ffffff; } .msg_group textarea { width:100%; height:100px; line-height:30px; font-size:14px; padding:5px; box-sizing:border-box; background:rgba(0,0,0,.7); border:1px solid #4d4d4d; color:#ffffff; } .leav_message { width:264px; margin:40px auto 0; } .leav_message a { width:100%; height:46px; line-height:46px; transition-duration:500ms; font-size:16px; border:3px solid #5196cb; display:inline-block; text-align:center; border-radius:26px; } .leav_message a:hover { background:rgba(81,150,203,1); transition-duration:500ms; } .leav_message a img { margin-left:15px; width:25px; height:15px; margin-top:16px; } .videobg { position:fixed; top:0; left:0; z-index:20; background:rgba(255,255,255,.2); width:100%; height:100%; display:none; } .videobox { width:960px; height:540px; position:absolute; top:50%; left:50%; opacity:0; transform: translate(-50%,-50%); } .myvideo { width:960px; height:540px; overflow:hidden; display:flex; justify-content:center; align-items:center; } .v_closed { width:50px; height:50px; overflow:hidden; position:absolute; top:-55px; right:-55px; } .v_closed a { width:100%; height:100%; display:inline-block; } .v_closed a img { width:100%; transition-duration:500ms; } .v_closed a:hover img { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); transition-duration:500ms; } .reserve_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/reserve_head.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% auto; } .reserveone { padding:100px 0; } .reserveone_title { width:100%; text-align:center; } .reserveone_fl { width:32px; height:7px; background:#5196cb; } .reserveone_fr { color:#828282; font-size:18px; text-transform:uppercase; margin-left:20px; font-weight:bold; font-family:"OriginGothic" } .reserveone_title1 { font-size:38px; line-height:38px; margin-top:30px; width:100%; text-align:center; font-weight:bold; } .events-content ol li { width:100%; height:300px; line-height:300px; } .reservea { width:100%; height:auto; margin-top:100px; padding:0 50px; } .reservea ul li { width:100%; } .reservea_fl { width:300px; margin-right: 50px; /*height:281px;*/ overflow:hidden; flex-shrink: 0; } .new_reservea_fl{ width: 30%; overflow:hidden; } .new_reservea_fr{ width: 65%; margin-left: 80px; } .new_reservea_fl img { width:100%; height:auto; } .reservea_fl img { width:100%; height:auto; } .reservea_fr { width:410px; height:auto; } .reservea_fr h1 { font-size:30px; line-height:30px; font-family:"OriginGothic"; text-transform:uppercase; letter-spacing:2px; } .reservea_fr .reservea_1 { font-size:26px; line-height:26px; font-weight:bold; padding:30px 0; } .reservea_fr .reservea_1 span { border-bottom:2px solid #4c97d1; padding-bottom:10px; } .reservea_fr .reservea_2 { font-size:16px; line-height:30px; } .reservetwo { padding:90px 0 200px; background:url(../images/reservebg.jpg) no-repeat center bottom; background-size:100% auto; } .reservetwo_cont { width:1100px; height:auto; margin:80px auto 0; } .reservetwo_fl,.reservetwo_fr { width:500px; height:576px; position:relative; } .reservetwo_a { position:absolute; top:0px; left:10%; right:0; width:80%; height:100%; z-index:1; background:rgba(0,0,0,.25); border-radius:20px; } .reservetwo_b { position:absolute; top:15px; left:5%; right:0; width:90%; height:100%; z-index:2; background:rgba(0,0,0,.5); border-radius:20px; } .reservetwo_c { position:absolute; top:30px; left:0; right:0; width:100%; height:100%; z-index:2; background:url(../images/reservebg.png) no-repeat center center; } .reservetwo_c1 { width:136px; height:136px; background:#121416; border:2px solid #383839; margin:95px auto 0px; transition-duration:500ms; } .reservetwo_c1 img { -webkit-filter:grayscale(100%); transition-duration:500ms; } .reservetwo_c2 { width:100%; font-size:24px; text-align:center; padding:20px 0 30px; letter-spacing:10px; transition-duration:500ms; } .reservetwo_c3 { width:55%; font-size:15px; margin:0 auto; line-height:30px; color:#b2b2b2; text-align:center; transition-duration:500ms; } .reservetwo_c4 { width:180px; position:absolute; bottom:100px; left:160px; } .reservetwo_c4 a { width:100%; cursor:pointer; height:46px; line-height:46px; text-align:center; color:#ffffff; font-size:18px; background:#5196cb; display:inline-block; border-radius:23px; overflow:hidden; } .reservetwo_c4 a:hover { background:rgba(81,150,203,.9); } .reservetwo_c.current .reservetwo_c1 { border:3px solid #5196cb; transition-duration:500ms; } .reservetwo_c.current .reservetwo_c1 img { transition-duration:500ms; -webkit-filter:grayscale(0%); } .reservetwo_c.current .reservetwo_c2 { color:#5196cb; transition-duration:500ms; } .reservetwo_c.current .reservetwo_c3 { color:#5196cb; transition-duration:500ms; } .customized { background:#0f1417 url(../images/customizedbg.jpg) no-repeat center bottom; width:100%; padding:200px 0; background-size:100% auto; } .customized_cont { width:905px; margin:0 auto; position:relative; } .goback { width:100px; height:20px; transition-duration:500ms; padding-left:35px; line-height:20px; position:absolute; top:0px; left:0px; z-index:2; font-family:"Arial"; font-size:18px; color:#666666; text-transform:uppercase; background:url(../images/goback.png) no-repeat left center; } .customized_cont h1 { width:100%; text-align:center; font-size:24px; line-height:24px; letter-spacing:5px; } .customized_fly { width:100%; height:730px; margin-top:50px; position:relative; } .customized_third { width:92%; height:100%; background:rgba(0,0,0,.25); position:absolute; top:0; left:4%; border-radius:20px; } .customized_second { width:96%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:20px; left:2%; border-radius:20px; } .customized_first { width:100%; height:100%; background:rgba(0,0,0,1); position:absolute; top:40px; left:0; border-radius:20px; padding:35px 85px; } .customized_first .layui-input { border-color:#000000; } .customized_first .layui-input:hover { border-color:#eeeeee!important; } .customized_group { height:90px; line-height:30px; padding:20px 0; font-size:16px; border-bottom:1px solid #1b1c1c; } .customized_group label { text-align:left; } .customized_group input { padding:0px 10px; color:#ffffff; background:#000000; } .customized_group select { padding:0px 10px; color:#666666; } .customized_group select option { color:#ffffff; background:#000000; } .customized_group .layui-form-select dl { background:#000; } .customized_group .layui-form-select dl dd,.customized_group .layui-form-select dl dt { color:#ffffff; background:#000000; } .yanzm_img { height:44px; } .yanzm_img img { height:44px; text-align:center; } .qiwangguidao .layui-form-select { width:130px; } .fasheriqi .layui-form-select { width:80%; } .customized_group textarea { height:60px; background:#000000; padding:3px 10px; color:#ffffff; } .customized_first .reservetwo_c4 { left:362px; bottom:-30px; text-align:center; } .customized_group.fashetime { padding-right:10%; } .customized_group.fashetime input { border:0px; text-align:right; } .customized_group.fashetime i.layui-icon-date { color:#cccccc; } .cywselect .layui-form-select { width:75%; } .joinus_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/joinus_head.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% auto; } .joinus_first { width:100%; background:url(../images/joinusbg.jpg) no-repeat center bottom; background-size:100% auto; padding:100px 0 150px; } .joinus_title1 { width:790px; margin:45px auto 0; line-height:36px; font-size:18px; color:#ffffff; text-align:center; } .joinus_title2 { width:100%; text-align:left; font-size:36px; line-height:36px; margin-top:80px; text-transform:uppercase; letter-spacing:3px; } .joinus_list { margin-top:10px; width:100%; padding-bottom:175px; } .joinus_list li { width:33.33333%; border-left:2px solid #121111; margin-top:80px; } .jolist_a { width:320px; height:40px; margin:40px auto 0; } .jolist_a .OriginGothic { font-size:40px; line-height:30px; color:#363636; transition-duration:500ms; } .jolist_a .jolist_a1 { font-size:18px; font-weight:bold; margin-left:15px; } .jolist_b { width:320px; height:105px; margin:30px auto; padding:20px 30px 10px 0px; color:#b2b2b2; transition-duration:500ms; } .jolist_b span { margin-bottom:10px; } .jolist_c { width:275px; margin:0 auto; transition-duration:500ms; } .jolist_c a { padding-right:20px; color:#b2b2b2; font-size:16px; transition-duration:500ms; display:inline-block; } .joinus_list li.current .jolist_a .OriginGothic { color:#ffffff; transition-duration:500ms; } .joinus_list li.current .jolist_b { background:#ffffff; transition-duration:1000ms; color:#333333; padding:20px 0px 10px 30px; } .joinus_list li.current .jolist_c { -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); transform:translateX(10px); transition-duration:500ms; } .joinus_list li.current .jolist_c a { color:#ffffff; transition-duration:500ms; } .joinus_first .huojian_more { width:265px; margin:100px auto 0; } .joinus_first .huojian_more a { height:56px; line-height:56px; border-radius:30px; } .joinus_first .huojian_more a img { margin-top:21px; } .joinus_second { width:100%; padding:110px 0 135px; } .joinus_second .huojian_more { width:265px; margin:50px auto 0; } .joinus_second .huojian_more a { height:56px; line-height:56px; border-radius:30px; } .joinus_second .huojian_more a img { margin-top:21px; } .joinus_third { width:100%; padding:120px 0; background:#ffffff; } .joinus_third p { font-size:18px; color:#000000; display:flex; flex-wrap:wrap; flex-direction:column; text-align:center; } .joinus_third p span { display:inline-block; padding:12px 0; } .recruit_list .joinus_title2 { margin-top:0px; } .joinus_detail h1 { font-size:30px; line-height:30px; width:100%; text-align:left; padding-bottom:50px; } .joinus_detail dl { font-size:18px; color:#b2b2b2; line-height:30px; margin-bottom:15px; } .joinus_detail dl dd { font-size:16px; } .joinus_detail_a { font-size:16px; color:#ffffff; margin-top:70px; } .resume .OriginGothic { text-align:left; } .resume #uploadre { background:#5196cb url(../images/upload.png) no-repeat 120px center; width:180px; padding-left:50px; text-align:left; background-size:18px 18px; } .resume .layui-upload-choose { color:#ffffff; } .resume .resume_more { margin-top:20px; width:100%; } .resume .resume_more .layui-form-radio>i:hover,.resume .resume_more .layui-form-radioed>i { color:#5196cb; } .resume .resume_conts { width:100%; } #leftul { margin-top:30px; } .pc_gushen { display:flex; } .mobile_gushen { display:none; } .cerealgod_head { width:100%; height:auto; padding-bottom:180px; background-image:url('http://img.cheerue.com/cereal_godbg.png'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:auto 528px; } .cerealgod_cont { width:100%; position:relative; margin-top:100px; background:url('http://img.cheerue.com/cereal_godbg.jpg') repeat-x center bottom; } .cerealgod_left { width:380px; } .cerealgod_a { width:100%; } .cerealgod_a1 { width:100%; color:#1d92ff; } .cerealgod_a2 { color:#ffffff; } .cerealgod_center { width:228px; height:2790px; position:relative; } .cerealgod_ceone { width:228px; height:2790px; overflow:hidden; position:absolute; top:0; left:0; z-index:1; } .cerealgod_cetwo { width:215px; height:2733px; overflow:hidden; position:absolute; top:0; left:0; z-index:1; } .cerealgod_brief1 { position:absolute; top:340px; left:145px; z-index:2; } .cerealgod_brief2 { position:absolute; top:915px; left:110px; z-index:2; } .cerealgod_brief3 { position:absolute; top:1470px; left:145px; z-index:2; } .cerealgod_brief4 { position:absolute; top:2100px; left:140px; z-index:2; } .brief_btn { position:absolute; cursor:pointer; width:38px; height:38px; transition-duration:500ms; border-radius: 38px; box-shadow: 6px 7px 12px 0px #000000; } .god_text { opacity:0; } .god_text h1 { color:#ffffff; font-size:18px; margin-top:20px; margin-bottom:10px; } .god_text p { background:url(../images/brief1.png) no-repeat left 12px; padding-left:20px; } .brief_btn.current { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); box-shadow: 6px -7px 12px 0px #000000; } .cerealgod_text1 { position:absolute; left:195px; top:0px; width:340px; font-size:16px; line-height:30px; color:rgba(255,255,255,1); text-align:justify; } .cerealgod_text2 { position:absolute; left:235px; top:-30px; width:340px; font-size:16px; color:#b2b2b2; line-height:30px; text-align:justify; } .cerealgod_text3 { position:absolute; left:200px; width:340px; font-size:16px; color:#ffffff; line-height:30px; text-align:justify; } .cerealgod_text4 { position:absolute; left:200px; top:-30px; width:340px; font-size:16px; color:#ffffff; line-height:30px; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center } .cerealgod_text4 p { background:none; } .cerealgod_right { width:355px; margin-top:30px; } .cerealgod_b1 img { width:342px; height:253px; } .cerealgod_yuding { width:100%; min-height:335px; background:url(../images/cereal_god6.png) no-repeat center center; background-size:cover; margin-top:140px; text-align:center; } .cerealgod_yuding .head_yuding { width:234px; } .cerealgod_yuding .head_yuding a { background:rgba(0,0,0,.3); } .cerealgod_yuding .head_yuding a:hover { background:rgba(81,150,203,1); transition-duration:500ms; } .cerealgod_a4 .pw50 { padding-right:10%; width:45%; } .cerealgod_a4 .btom2 { border-bottom:2px solid #4d95cd; padding-bottom:10px; } .zhishen_brief1 { top:275px; left:133px; } .zhishen_text1 { top:20px; left:205px; } .zhishen_brief2 { top:1545px; left:125px; } .zhishen_brief3 { top:945px; left:125px; } .zhishen_brief4 { top:2255px; left:83px; } .cerealgod_b2 img { /*width:345px;*/ height:351px; } .shopping_head { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/shopping_banner.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% 528px; } .shopping { background:#0f1417 url(../images/customizedbg.jpg) no-repeat center bottom; width:100%; padding-bottom:200px; background-size:100% auto; } .shopping_list { width:100%; padding:30px; background:url(../images/shopping_listbg.jpg) repeat; } .shopping_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .shopping_list ul li { float:left; text-align:center; width:50%; border-right:2px solid #000000; border-bottom:2px solid #000000; padding-bottom:40px; position: relative; } .qrcode_mini{ position: absolute; top: 10%; width: 50%; left: 25%; z-index: 1000; display: none; background: #fff; box-shadow: 2px 3px 15px 2px #7d7d7d; color: #000; line-height: 40px; font-size: 20px; } .qrcode_mini img{ width: 100%; } .shopping_list ul li:nth-child(2n) { border-right:0px; } .shopping_list ul li:nth-child(3n) { border-bottom:0px; } .shopping_list ul li:last-child { border-bottom:0px; } .shopping_img { width:400px; height:400px; overflow:hidden; margin:0 auto; } .shopping_img a { width:100%; height:400px; overflow:hidden; display:inline-block; } .shopping_img a img { width:400px; height:400px; } .shopping_title { width:400px; height:30px; line-height:30px; font-size:16px; text-align:center; margin:0 auto; } .shopping_buy { width:180px; margin:0 auto; padding-top:30px; } .shopping_buy a { width:100%; height:46px; line-height:46px; text-align:center; font-size:18px; display:inline-block; background:#4d95cd; color:#ffffff; border-radius:25px; } .shopping_buy a:hover { background:#2491e6; } .getmore { width:100%; text-align:center; margin-top:30px; } .msgyzm input { width:60% !important; } .msgyzm .yanzm_img { width:40%; } .msgyzm { display:flex; } .getmore a { height:26px; padding:5px 20px; margin-left:5px; margin-right:5px; transition-duration:500ms; line-height:26px; font-size:14px; border:1px solid #5196cb; display:inline-block; text-align:center; border-radius:26px; } .getmore_cur { background:#5196cb; } .reservetwo_c4 .circlenow { width:66px; cursor:pointer; height:66px; line-height:66px; text-align:center; color:#ffffff; font-size:12px; background:#F44336; display:inline-block; border-radius:33px; overflow:hidden; } .bigbannerie { width:100%; position:relative; height:800px; overflow:hidden; } .system_a .clear { display:none; } .bxslider .title { position:absolute; top:20%; left:30%; z-index:100; color:#fff; } .bxslider .title h3 { font-family:'OriginGothic'; text-transform:uppercase; font-weight:700; line-height:100px; font-size:80px; } .bxslider .title h4 { font-family:'SourceHanSansCN-Normal'; font-size:30px; margin-top:50px; } .slider-box { width:100%; position:absolute; top:0px; left:0px; z-index:10; text-align:center; } .slider-box img { width:100%; } .ieslider { display:none; } .in12 { width:1200px; margin:20px auto; margin-top:200px; position:relative; } .iesmalslider { width:1200px; overflow:hidden; margin:0 auto; display:none; } .iesmalslider .bx-wrapper { background:none; border:none; box-shadow:none; } .iesmalslider li { text-align:center; height:700px; padding-top:35px; } .iesmalslider .bx-wrapper img { display:inline; } .iesmalslider .engineweb_slider_title { font-size:18px; text-align:center; color:#fff; display:none; } .iesmalslider .bx-wrapper img { width:60%; margin-top:100px; } .iesmalslider .bx-wrapper .active-slide img { width:150%; margin-top:0px; } .iesmalslider .engineweb_slider_more { font-size:12px; text-align:center; color:#fff; } .iesmalslider .active-slide .engineweb_slider_more { opacity:1; } .iesmalslider .active-slide .engineweb_slider_title { opacity:1; } .bxslidertop li { height:800px; } .coadabout { /*margin-top: 20px;*/ } .coadabout label{ width: 50% !important; } .codegroup input{ width: 75%; float: left; } .codegroup span{ float: left; width: 25%; } .leav_message{ margin-top: 25px; } .codegroup{ width: 100%; margin-top: 10px; } .qrcode_out{ width: 100%; height: 100%; position: fixed; top: 0px; background:rgba(0,0,0,0.5); display: none; } .qr_in{ width: 80%; padding: 5%; margin:150px auto; opacity: 1; text-align: center; background: #fff; border-radius: 30px; margin-bottom: 20px; max-width: 400px; } #qrshow{ max-width: 100%; } .qr_in p{ padding-top: 30px; font-size: 16px; color: #000; } .qr_in2{ text-align: center; margin:0px auto; } .qr_in2 img{ cursor: pointer; } .briefmt{ margin-top: 30px; } .fl-video{ padding-right: 80px; line-height: 84px; border-right: 1px solid #DDD; } .fr-video{ padding-left: 80px; line-height: 84px; } .gimglist{ margin-top: 30px; } .gimglist li { width: 33% !important; text-align: center; padding-right: 30px; text-transform: uppercase; margin-top: 30px; } .gimglist li a{ display: block; width: 100%; height: 250px; } .ga_cat_list{ width: 100%; } .ga_cat_list_ul{ width: 100%; margin-top: 40px; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; flex-direction: row; } .ga_cat_list_ul li{ border: 2px solid #5196cb; font-size: 14px; line-height: 28px; padding: 5px 20px; border-radius: 20px; cursor: pointer; margin-left: 10px; margin-right: 10px; } .ga_cat_list_ul .nowshow{ background: #5196cb; color: #fff; } .ga_cat_list_ul li:hover{ background: #5196cb; color: #fff; } .gimglist .wow{ visibility: visible !important; } /* 锟斤拷锟斤拷 */ .line31{ width: 95%;height: 2px;background: #191919; float: right; } .box31{ display: inline-flex; flex-direction: row; align-items: center;margin: 25px 0px; width: 100%; } .pic31_1{ width: 20px; height: 18px; } .box_center{ font-size: 18px;width: 89%; } .box_right{ display: inline-flex; justify-content: space-between; width: 6%; } .btn31{ width: 270px;height: 60px; border-radius: 50px;border: 2px solid #4f95d0; margin: 0 auto; margin-top: 80px; } .btn31s{ width: 270px;height: 60px; border-radius: 50px;border: 2px solid #4f95d0; margin: 0 auto; margin-top: 80px; } .btn31_box{ display: flex;align-items: center; justify-content: center;height: 60px; } .download_file{ color: #7f7f7f;font-size: 18px;font-weight: 600; } .background31{ width: 100%; height: auto; background-image:url('../images/newfilepic.png'); background-repeat: no-repeat; background-size: cover; } .background22{ width: 100%; height: auto; background-image:url('../images/newfilepic.png'); background-repeat: no-repeat; background-size: cover; } .reserve_head31 { width:100%; height:auto; padding-bottom:150px; background-image:url('../images/newfile.jpg'); background-repeat:no-repeat; background-position:center top; text-align:center; background-color:#000000; background-size:100% auto; } .btn_box{ display: flex; } .btn_more{ display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; height: 60px; } .btn_plan{ display: flex; justify-content: center; margin: 30px 0px 80px 0px; } .plan_box{ padding: 0px 50px;display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; } .plan_box46{ /*width: calc(100% - 350px);*/ } .plan_box46_line{ width: 100px;height:2px;background-color: #4f95d0;margin-bottom: 30px; } .plan_box46_font{ font-size: 20px; } .plan_box46_mar{ margin: 60px 0px 30px 0px; } .plan_box46_detail{ font-size: 20px;margin-right: 20px;color: #9b9b9b; } .plan_pic{ width: 136px; height: 136px; background: #121416; border: 2px solid #383839; } .plan_name{ font-size: 24px;margin: 30px 0px; line-height: 40px; width: 100%; /* height: 75px; */ } .plan_info{ color: #9b9b9b; display: grid; justify-content: center; font-size: 15px; border-left: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b; } .plan_detail{ display: flex;flex-direction: column; align-items: center; } .plan_line{ width: 120px;height: 2px; background: #4e94cf;margin: 50px 0px; } .detail_box{ display: flex;justify-content: space-between; width: 100%;padding: 0px 160px; } .detail_box_left{ width: 30%; } .detail_box_right{ width: 60%; } .mar_space{ font-size: 18px; margin-bottom: 30px; } .mar_spaces{ font-size: 18px; margin-bottom: 0px; } .hidenone{ display: none; } .hideblock{ display: block; } .pic31{ width: 40px; height: 40px; } .box_left{ width: 5%; } .NewAdd10box{ width: 100%;height: 100%; border-left: 4px solid #5196cb; padding: 0px 15px; margin-top: 100px; } .NewAdd10box ul{ display: inline-flex; flex-direction: row;width: 100%; border-bottom:1px solid #505050 ; } .NewAdd10box ul li{ /*text-align: center;*/ border-right: 4px solid #505050; padding: 15px; display: flex; align-items: center; width: 25%; } .NewAdd10box ul li a{ display: flex; align-items: center; } .Headtitle li{ font-size: 18px; font-weight: 600; justify-content: center; } .NewAdd10box ul li:last-child{ border-right: 0px solid #FFFFFF; } .NewAdd10box img{ margin-right: 10px; width: 50px; } .Newphonepad{ padding: 0px; } .content10:first-child{ display: flex; justify-content: center; } .downloadpad{ padding: 100px 0px; } .showMessage { padding: 10px 20px; border-radius: 5px; position: fixed; top: 50%; left: 50%; color: #ffffff; z-index: 999; transform: translate(-50%, 0); background: #5196cb; } /*.showMessageSuccess {*/ /* background-color: #f0f9eb;*/ /* border: 1px solid #E1F3D8;*/ /* color: #67c23a;*/ /*}*/ /*.showMessageError {*/ /* background-color: #fef0f0;*/ /* border: 1px solid #fde2e2;*/ /* color: #F76C6C;*/ /*}*/ @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { body,button,input,pre,select,textarea { font-family:inherit; font-size:12px; line-height:150%; height:100%; max-width:100%; margin:0 auto; } } .more_info img{ max-width: 100% !important; height: auto !important; }