div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;} h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0; font-weight:normal;} body{font-size:12px;margin:0px;padding:0px;color:#1a1a1a;line-height:24px;height:auto;clear:both;-webkit-appearance:none;-webkit-font-smoothing:antialiased;} img{border:0px;} ul,li{ list-style:none;} em,i{ font-style:normal;} a{ text-decoration:none; color:#666; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} a:hover{ background-repeat:no-repeat; color:#3b9ef2; text-decoration:none;} a,area{blr:expression(this.onFocus=this.blur())} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix{*zoom:1;} *{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input,textarea{ outline:none;border:none;resize: none;background: none;} html,body{height:100%;} .commonweb{padding:0px 10px;} .commonwebbox{ margin-left:0px; margin-right:0px; position:relative;} .commonleft{float:none;} .commonright{float:none;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left; padding-left:10px; padding-right:10px;} .col-xs-12 {width: 100%;} .col-xs-11 {width: 91.66666667%;} .col-xs-10 {width: 83.33333333%;} .col-xs-9 {width: 75%;} .col-xs-8 {width: 66.66666667%;} .col-xs-7 {width: 58.33333333%;} .col-xs-6 {width: 50%;} .col-xs-5 {width: 41.66666667%;} .col-xs-4 {width: 33.33333333%;} .col-xs-3 {width: 25%;} .col-xs-2 {width: 16.66666667%;} .col-xs-1 {width: 8.33333333%;} @media (min-width: 768px){ .commonleft{float:left;} .commonright{float:right;} .commonwebbox{ margin-left:-10px; margin-right:-10px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left; padding-left:10px; padding-right:10px;} .col-sm-12 {width: 100%;} .col-sm-11 {width: 91.66666667%;} .col-sm-10 {width: 83.33333333%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666667%;} .col-sm-7 {width: 58.33333333%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666667%;} .col-sm-4 {width: 33.33333333%;} .col-sm-3 { width: 25%;} .col-sm-2 {width: 16.66666667%;} .col-sm-1 {width: 8.33333333%;} } @media (min-width: 992px){ .commonweb{padding:0px 10px;margin:0px auto; max-width:1240px;} .commonwebbox{ margin-left:-10px; margin-right:-10px;} .commonleft{float:left;} .commonright{float:right;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; padding-left:10px; padding-right:10px;} .col-md-12 {width: 100%;} .col-md-11 {width: 91.66666667%;} .col-md-10 {width: 83.33333333%;} .col-md-9 {width: 75%;} .col-md-8 {width: 66.66666667%;} .col-md-7 {width: 58.33333333%;} .col-md-6 {width: 50%;} .col-md-5 {width: 41.66666667%;} .col-md-4 {width: 33.33333333%;} .col-md-3 {width: 25%;} .col-md-2 {width: 16.66666667%;} .col-md-1 {width: 8.33333333%;} } @media (min-width: 1200px){ .commonleft{float:left;} .commonright{float:right;} .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left; padding-left:10px; padding-right:10px;} .col-lg-12 {width: 100%;} .col-lg-11 {width: 91.66666667%;} .col-lg-10 {width: 83.33333333%;} .col-lg-9 {width: 75%;} .col-lg-8 {width: 66.66666667%;} .col-lg-7 {width: 58.33333333%;} .col-lg-6 {width: 50%;} .col-lg-5 {width: 41.66666667%;} .col-lg-4 {width: 33.33333333%;} .col-lg-3 {width: 25%;} .col-lg-2 {width: 16.66666667%;} .col-lg-1 {width: 8.33333333%;} } .visible-lg,.visible-md,.visible-sm{display:none;} .hidden-lg,.hidden-md,.hidden-sm{display:inline-block;} @media (min-width: 767px){ .visible-sm{display:inline-block;} .hidden-sm{display:none;} } @media (min-width: 991px) { .visible-md{display:inline-block;} .hidden-sm{display:none;} } @media (min-width: 1200px) { .visible-lg{ display:inline-block;} .hidden-lg{display:none;} } .textO { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .textO1 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; } .textO2 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; } .textO3 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; } .textO4 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; } .textC{text-align: center;} .textDB1{text-decoration: underline;} input::-webkit-input-placeholder{color:#b2b2b2;} input::-moz-placeholder{color:#b2b2b2;} input:-moz-placeholder{color:#b2b2b2;} input:-ms-input-placeholder{color:#b2b2b2;} textarea::-webkit-input-placeholder{color:#b2b2b2;} textarea::-moz-placeholder{color:#b2b2b2;} textarea:-moz-placeholder{color:#b2b2b2;} textarea:-ms-input-placeholder{color:#b2b2b2;} .header{position: fixed;top:0;left:0;right:0;z-index: 3;background: #fff;padding:7px 0;height:50px;} .header~.mainer{padding-top: 50px;position: relative;z-index: 1;} .header .logo{display: block;height:20px;position: absolute;top:50%;left:50%;transform: translate(-60%,-50%);z-index: 3;} .header .logo img{display: block;width:auto;height:100%;margin:0 auto;} .header .logo img.img2{display: none;} .navbtn{width:50px; height:50px; position:absolute;z-index: 3; left:0px; top:50%; margin-top:-25px; display:block; cursor:pointer;transition:all 0.2s ease-in-out;} .ulbg{position: absolute;z-index: 2;top:0;left:0;right:0;bottom:0;background: #3b9ef2;} .header.show .ulbg{background: #000;} .icon-css-menu, .icon-css-menu:after, .icon-css-menu:before {background:#fff;content:"";cursor:pointer;display:block;height:2px;left:50%;position:absolute;top:50%;transition:all 500ms ease-in-out 0s;width:22px; } .icon-css-menu:after { transform:translate3d(-50%, 6px, 0px);-webkit-transform:translate3d(-50%, 6px, 0px);} .icon-css-menu:before { transform:translate3d(-50%, -9px, 0px);-webkit-transform:translate3d(-50%, -8px, 0px);} .navbtn.show .icon-css-menu:after { top:10px;transform:translateX(-50%) translateY(-10px) rotate(-45deg);-webkit-transform:translateX(-50%) translateY(-10px) rotate(-45deg);} .navbtn.show .icon-css-menu:before { top:0px;transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);} .icon-css-menu { transform:translate3d(-50%, 0px, 0px);-webkit-transform:translate3d(-50%, 0px, 0px);} .webloginbox{display: none;} .navbtn.show .icon-css-menu { background:transparent;} .nav ul{ width:100%; background:#fff; border-top:2px solid #212121; left:0px; top:50px;bottom:0;min-height:50px;overflow-x: hidden;overflow-y: auto; text-align:left; font-size:14px; position:fixed;z-index: 1; padding-bottom:15px;transform: translateY(-120%);transition-duration: .5s;-webkit-transition-duration: .5s;padding:0 10px;} .nav ul.show{transform: translateY(0);transition-duration: .5s;-webkit-transition-duration: .5s;background: #000;} .nav ul li{line-height:3rem;font-size: 16px;position: relative;} .nav ul li h3 { position: relative; } .nav ul li h3 .btnbox { display:block;width:40%;height:100%;position:absolute;right:0;top:0;z-index:2;} .nav ul li h3 a{ color:#fff; display:block; position:relative;padding:0 1rem;opacity: .6;z-index:1;} .nav ul li.hastwonav h3 a::before{content:"+";display: block;width:2rem;height:2rem;line-height: 2rem;text-align: center;font-size: 30px;color:#999;font-weight: bold;position: absolute;right:0;top:50%;transform:translateY(-50%);font-family: "微软雅黑";} .nav ul li.cur h3 a{opacity: 1;} .nav ul li h3 a:hover{border-color:#3b9ef2;} .nav ul li.hastwonav h3:hover a::before{content:"-";} .nav ul li .twonav{background: #999;padding:0 10px;display: none;overflow: hidden;} .nav ul li .twonav a{display: block;padding:0 2rem;color:rgba(255,255,255,.6);} .nav ul li .twonav a:hover{color:#3b9ef2;} .nav ul li.loginli{margin-top: 2rem;text-align: center;} .nav ul li.loginli h3 a{display: inline-block;height:1.6rem;line-height: 1.6rem;} .nav ul li.loginli .signinbtn{border:1px solid #fff;border-radius: 10rem;display:inline-block;height:1.6rem;line-height:1.6rem;padding:0 1rem;} .searchbox .iconbtn{display: block;width:40px;height:50px;background: url(../images/icon01.png) no-repeat center center;background-size: 60% auto;position: absolute;z-index: 3;right:50px;top:50%;transform: translateY(-50%);} .searchboxM{position: fixed;z-index: 1;top:50px;left:0;right:0;padding:.5rem 1rem;transform: translateY(-100%);transition-duration: .5s;-webkit-transition-duration: .5s;} .searchboxM.show{transform: translateY(0);transition-duration: .5s;-webkit-transition-duration: .5s;} .searchboxM label{display: block;padding-right: 60px;padding-left:15px;height:32px;border:1px solid #b5b5b5;border-radius: 32px;background: #fff;} .searchboxM label input{display: block;width:100%;height:30px;} .searchboxM .submitbtn{position: absolute;right:1rem;top:.5rem;bottom:.5rem;display: block;width:60px;border-top-right-radius:20px;border-bottom-right-radius:20px;background: #f08200 url(../images/searchicon.png) no-repeat center center;background-size: auto 70%;} .header .enbtn{position: absolute;z-index: 3;top:0;right:0;width:40px;height:50px;background:url(../images/icon02.png) no-repeat center center;background-size: auto 50%;} .header .enbtn .enlist{position: absolute;top:100%;right:0;width:50px;text-align: center;line-height: 28px;background: rgba(255,255,255,.8);display: none;} .header .enbtn .enlist a{display: block;font-size: 14px;color:#666 !important;font-weight: normal!important;} .header .enbtn .enlist a:hover{color:#3b9ef2 !important;} .header .gamenavbtn{position: absolute;left:50px;top:50%;transform: translateY(-50%);z-index: 3;padding-right: 20px;color:#fff;} .header .gamenavbtn::before{content: "";display: block;width:12px;height:12px;background: url(../images/icon25.png) no-repeat;background-size: 100% 100%;position: absolute;right:0;top:50%;transform: translateY(-50%);} .header .gamenavbtn.show::before{background-image: url(../images/pages/a.png);} .gamenav{width:100%; background:#fff; border-top:2px solid #fff; left:0px; top:50px;bottom:0;min-height:50px;overflow-x: hidden;overflow-y: auto; text-align:left; font-size:14px; position:fixed;z-index: 1; padding-bottom:15px;transform: translateY(-120%);transition-duration: .5s;-webkit-transition-duration: .5s;padding:0 10px;} .gamenav.show{transform: translateY(0);transition-duration: .5s;-webkit-transition-duration: .5s;background: #fff;} .gamenav .ulbg{background: #fff;} .gamenavM{color:#333;position: relative;z-index: 3;padding:20px 0;} .gamenavM dl{float:left;width:50%;padding:0 20px 0 30px;margin-bottom: 20px;border-left:1px solid #e3e6f6;min-height:96px;} .gamenavM dl:nth-child(2n-1){border:none;clear:left;padding-left: 0;} .gamenavM dl:nth-child(2n){padding-right: 0;} .gamenavM dl dt{line-height: 24px;font-size: 14px;font-weight: bold;padding-bottom: 12px;border-bottom:1px dashed #cad3db;} .gamenavM dl dd{padding:12px 0 0;} .gamenavM dl dd a{display: block;line-height: 22px;margin-bottom: 10px;} .gamenavM dl dd a .name{display: inline-block;border-bottom:1px solid #fff;} .gamenavM i{display: inline-block;min-width:24px;font-size: 10px;text-align: center;border-radius: 30px;color:#fff;height:18px;margin-top: 2px;line-height: 18px;margin-left: 4px;} .gamenavM i.hi{background: #f44831;} .gamenavM i.ni{background: #44c093;} .gamenavM i.i6{background: #13cc93;} .gamenavM i.i12{background: #8c35fe;} .gamenavM i.i16{background: #da1efe;} .gamenavM i.i18{background: #ea1133;} .gamenavM .hinttext{float:left;width:100%;} .gamenavM .hinttext .box{float:left;margin-right: 12px;} .footer{background: #3b9ef2;position: relative;z-index: 2;} .footnav ul li{line-height: 2.6rem;font-size: 14px;} .footnav ul li>a{ color:#fff; display:block; position:relative; margin:0px 10px;border-bottom:1px solid #2890e7;} .footnav ul li>a::before{content:"+";display: block;width:2rem;height:2rem;line-height: 2rem;text-align: center;font-size: 30px;color:#2890e7;font-weight: bold;position: absolute;right:0;top:50%;transform:translateY(-50%);font-family: "微软雅黑";} .footnav ul li.cur>a::before,.footnav ul li.show>a::before{content:"-";} .footnav ul li .twonav{background: #92cdff;padding:0 10px;display: none;overflow: hidden;} .footnav ul li .twonav a{display: block;padding:0 2rem;color:#3b9ef2;transition: all 0.3s ease-in;} .footnav ul li .twonav a:hover{color:#fff;transition: all 0.3s ease-in;} .attentionus{display: none;overflow: hidden;padding:20px 10px;text-align: center;} .attentionus .iconnamebox{display: inline-block;width:120px;margin:0 10px;color:#b5ddff;} .attentionus .iconnamebox .iconbtn img{display: block;width:40px;height:40px;margin:0 auto;opacity: .8;} .attentionus .iconnamebox .iconbtn:hover img{opacity: 1;} .attentionus .iconnamebox .iconbtn .sname{color:#b5ddff;display: block;margin-top: 10px;} .attentionus .iconnamebox2{padding-bottom: 70px;} .attentionus .microblog{position: relative;} .attentionus .microblog .microblogbox{position: absolute;bottom:0;left:50%;transform: translateX(-50%);border:4px solid #fff;} .attentionus .microblog .microblogbox::after{content:"";border-bottom:6px solid #fff;border-left:5px solid transparent;border-right: 5px solid transparent;position: absolute;top:-10px;left:50%;margin-left: -5px;} .attentionus .microblog .microblogbox img{display: block;width:60px;height:60px;} .footerB{border-top:1px solid #95cbf8;padding:20px 10px;color:#b6deff;line-height: 24px;} .footerB a{color:#b6deff;} .footerB p{padding:5px 0;} .scrollTop{ cursor: pointer; background-image:url(../images/icon9.png); background-repeat:no-repeat; background-position: center; background-color:#e6e6e6; border-right:1px solid #eeeeee; border-radius:100%; position: fixed; z-index: 99; right:20px; bottom: 20px; width:50px; height: 50px; display: none;} .scrollTop:hover{ background-image:url(../images/icon09.png);background-color:#957619;border-right:1px solid #957619;} .popuppage{position: fixed;z-index: 99;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.5);display: none;height:100%;} .popuppageM{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background: #fff;border-radius: 10px;} .popuppageM .closebtn{display: block;width:18px;height:18px;background: url(../images/close.png) no-repeat center center;background-size: 18px 18px;position: absolute;right:-24px;top:0;} .feedbackpopup .popuppageM{width:75%;max-width:420px;padding:10px;} .popupmian{max-height:450px;overflow-x: hidden;overflow-y: auto;} .popupmian .stitle{font-size: 20px;line-height: 50px;text-align: center;} .formpage dl{float:left;padding:5px;} .formpage dl.dl1{width:100%;} .formpage dl.dl2{width:100%;} .formpage dl dd{border:1px solid #ddd;position: relative;} .formpage dl dd label{display: block;padding:5px;position: relative;height:40px;} .formpage dl dd label .name{position: absolute;z-index: 1;top:50%;left:5px;transform: translateY(-50%);font-size: 13px;color:#aaa;display: none;} .formpage dl dd label.textarealabel{height:90px;} .formpage dl dd label.textarealabel .name{top:20px;} .formpage dl dd label input{display: block;width:100%;height:30px;position: relative;z-index: 2;font-size: 13px;} .formpage dl dd label textarea{display: block;width:100%;height:80px;position: relative;z-index: 2;} .formpage dl dd .star{position: absolute;top:50%;right:8px;transform: translateY(-50%);color:red;} .formpage dl.cur dd{border-color:#4483ea;} .formpage dl.cur dd label{padding-top:10px;} .formpage dl.cur dd label .name{font-size: 10px;color:#4483ea;top:10px;line-height: 16px;display: block;} .formpage dl.cur dd label input{height:24px;margin-top: 5px;} .formpage dl.cur dd label textarea{height:74px;margin-top: 5px;} .formpage dl.yzmdl dd{width:100px;float:left;} .formpage dl.yzmdl dt{float:left;position: relative;} .formpage dl.yzmdl dt img{display: block;height:42px;} .formpage dl.yzmdl dt .changebtn{position: absolute;left:105%;top:50%;transform: translateY(-50%);font-size: 12px;line-height: 16px;color:#4483ea;width:68px;} .formpage .formbtnbox{float:left;width:100%;padding:5px;margin-top: 10px;} .formpage .formbtnbox .btn{float:left;width:100px;height:36px;line-height: 34px;text-align: center;border:1px solid #ddd;margin-right: 10px;font-size: 14px;color:#737373;} .formpage .formbtnbox .btn:hover{color:#4483ea;border-color: #4483ea;} .swiper-pagination-bullet{opacity: 1;background: #fff;width:8px;border-radius: 8px;} .swiper-pagination-bullet-active{background: #0078ff;width:20px;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/previcon3.png) no-repeat center;opacity: .8;width:16px;height:30px;background-size: 100% auto;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/nexticon3.png) no-repeat center;opacity: .8;width:16px;height:30px;background-size: 100% auto;} .swiper-button-prev:hover,.swiper-button-next:hover{opacity: 1;} .indexbanner ul li{position: relative;} .indexbanner ul li img{display: block;width:100%;} .indexbanner ul li .text{position: absolute;z-index: 2;top:32.2%;left:50%;transform: translate(-50%,30%);opacity: 0;height:17.66%;width:auto;transition: all 0.7s ease-in;} .indexbanner ul li.swiper-slide-active .text{transition: all 0.7s ease-in;transform: translate(-50%,0);opacity: 1;} .indexlump{with:100%;overflow: hidden;} .indexlump img{max-width:100%;} .indexlump1{padding:30px 10px 50px;} .indextitle{text-align: center;padding-bottom: 30px;} .indextitle .entitle{font-size: 12px;color:#3b9ef2;} .indextitle .entitle span{position: relative;padding:0 36px;} .indextitle .entitle span::before{content:"";display: block;width:26px;height:1px;background-image: linear-gradient(to right,#fff,#3b9ef2);position: absolute;left:0;top:50%;} .indextitle .entitle span::after{content:"";display: block;width:26px;height:1px;background-image: linear-gradient(to right,#3b9ef2,#fff);position: absolute;right:0;top:50%;} .indextitle .cntitle{font-size: 28px;line-height: 40px;} .indexlump2{position: relative;height:500px;overflow:hidden;padding:100px 0;margin:-100px 0;} .indexlump2M{position: absolute;bottom:100px;left:50%;top:100px;height:300px;transform: translateX(-50%);} .indexlump2 .boxbg{height:100%;position: relative;z-index: 1;display: inline-block;} .indexlump2 .boxbg img{display: block;height:100%;max-width:initial;} .indexlump2 .indextx{position: absolute;z-index: 2;height:69.44%;left:0;top:-9.77%;} .indexlump2 .indextx img{display: block;height:100%;max-width:initial;} .indexlump2 .indexld{position: absolute;z-index: 2;height:112.55%;right:0;top:-12.5%;} .indexlump2 .indexld img{display: block;height:100%;max-width:initial;} .indexlump2 .indexcm{position: absolute;z-index: 2;height:96.22%;left:0;bottom:0;} .indexlump2 .indexcm img{display: block;height:100%;max-width:initial;} .indexgamelist{position: absolute;z-index: 3;top:50%;left:50%;width:75%;transform: translate(-50%,-50%);max-width:556px;background: rgba(165,223,255,.25);border-radius: 10px;padding:10px;box-shadow: 5px 5px 0 0 rgba(102,61,237,.1);} .indexgamelistM{border-radius: 8px;border:1px solid rgba(215,236,248,.4);text-align: center;} .indexgamelistM ul{padding-bottom: 15px;} .indexgamelistM ul li{padding:10px;} .indexgamelistM ul li .stitle1{font-size: 15px;color:#fff;} .indexgamelistM ul li .stitle1 span{position: relative;} .indexgamelistM ul li .stitle1 span::before{content:"";display: none;width:100%;height:4px;background: #0078ff;position: absolute;left:0;bottom:0;z-index: 1;} .indexgamelistM ul li .stitle1 span em{position: relative;z-index: 2;} .indexgamelistM ul li .textbox{font-size: 11px;line-height: 18px;color:#fff;margin-top: 10px;text-align:justify;} .indexgamelistM ul li .imgbox{margin-top: 10px;} .indexgamelistM ul li .imgbox .img{display: inline-block;width:20%;max-width:82px;margin:0 2px;} .indexgamelistM .swiper-pagination-bullet{border:none;background: #fff;} .indexgamelistM .swiper-pagination-bullet-active{background: #0078ff;} .imgtextbox2 dl dt img{display: block;border-radius:5px;} .imgtextbox2 dl dd{padding:15px 0;} .imgtextbox2 dl dd .stitle{font-size: 20px;line-height: 30px;color:#3b9ef2;} .imgtextbox2 dl dd .textbox{font-size: 14px;line-height:22px;color:#576166;margin-top: 10px;} .imgtextbox2 .listmorebtn{margin:15px 0 0;} .indexlump3{padding:30px 10px 80px;} .indexlump3 .textlistimglist1 .morebtn{left:50%;top:100%;transform: translate(-50%,50%);} .indexlump3 .textlistimglist1 .imgbox{border-top-left-radius:10px;border-top-right-radius:10px;overflow: hidden;} .indexlump3 .textlistimglist1 .imgbox img{display: block;width:100%;} .indexlump3 .textlistimglist1 .newslistcut{text-align: right;height:37px;} .indexlump3 .textlistimglist1 .newslistcut a{display: inline-block;padding:0 15px;height:28px;line-height: 28px;border-radius: 40px;font-size: 13px;} .indexlump3 .textlistimglist1 .newslistcut a.cur{background: #3b9ef2;color:#fff;} .indexlump3 .textlistimglist1 .textlist .ulbox ul{display: none;} .textlistimglist1 .textlist ul li a:hover .time{color:#3b9ef2;} .textlistimglist1 .textlist ul li a:hover .name{color:#3b9ef2;} .searchpage{padding:20px 10px;} .lumpsearchbox.lumpsearchbox2{margin:0 auto;max-width:800px;border-color: #e2eaf1;} .lumpsearchbox.lumpsearchbox2 .searchbtn{background:#399cef url(../images/icon01.png) no-repeat center center;background-size: auto 90%;width:60px;border-top-right-radius: 100px;border-bottom-right-radius: 100px;} .searchhinttext{font-size: 12px;line-height: 20px;padding:8px 0;border-top:1px solid #eff4f8;margin-top: 20px;} .searchhinttext .num{color:#3b9ef2;} .insidebanner{position: relative;} .insidebanner .bg{position: relative;z-index: 1;display: block;width:100%;} .insidebannertext{position: absolute;top:50%;left:50%;z-index: 2;transform: translate(-50%,-50%);} .insidebannertext img{display: block;height:28px;} .insidebannertext .indextitle{color:#fff;padding:0;} .insidebannertext .indextitle .entitle{color:#fff;font-size: 10px;} .insidebannertext .indextitle .entitle span::before{background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));} .insidebannertext .indextitle .entitle span::after{background-image:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,1));} .insidebannertext .indextitle .cntitle{font-size: 20px;line-height: 28px;} .insidenav{padding:0 10px;position: relative;z-index: 2;} .insidecrumb{height:40px;line-height: 40px;text-align: right;} .insidecrumb a,.insidecrumb span{font-size: 12px;color:#737373;margin:0 1px;} .insidecrumb a.indexlink{border:none;padding-left: 16px;background: url(../images/home.png) no-repeat;background-size: 100% auto;margin-right: 4px;} .insidecrumb a.indexlink::after{display: none;} .insidenavM{position: relative;} .insidenavM .navtitle{height:36px;background: #3b9ef2;text-align: center;font-size: 15px;color:#fff;line-height: 36px;position: relative;} .insidenavM .navtitle::after{content:"";display: block;width:30px;height:16px;background: url(../images/pages/icon03.png) no-repeat center center;position: absolute;top:50%;right:10px;margin-top: -8px;background-size: auto 60%;} .insidenavM .navtitle.show::after{transform: rotate(180deg);} .insidenavM ul{position: absolute;top:100%;left:0;right:0;background: #67aaf9;display: none;} .insidenavM ul li{height:32px;line-height: 32px;text-align: center;border-bottom:1px solid #3b9ef2;font-size: 14px;} .insidenavM ul li a{color:#f1f1f1;} .companyintroT{padding-bottom: 20px;background: url(../images/bg1.png) no-repeat center bottom;background-size: 100% auto;padding:20px 10px;;} .companyintroT .imgbox{margin:18px 0 20px 18px;background: url(../images/bg2.png) repeat;} .companyintroT .imgbox img{display: block;width:100%;transform: translate(-18px,-18px);} .companyintroT .insidetitle1{margin-top: 20px;margin-bottom: 20px;} .introbox {text-align: justify;} .insidetitle1{font-size: 32px;line-height: 50px;color:#3b9ef2;position: relative;} .insidetitle1::before{content:"";display: block;width:24px;height:2px;background: #2f97ed;position: absolute;left:0;bottom:0;} .insidetitle1 .codebox{margin-left: 30px;font-size: 12px;color:#000;padding-left: 12px;background: url(../images/icon04.png) no-repeat left center;background-size: 8px auto;} .insidetitle1 .codebox .code{color:#3b9ef2;} .companyintroB{padding:30px 10px;} .companyintroB img{display: block;width:100%;} .companyintroB .imglist{padding-right: 5px;padding-bottom: 10px;margin:0 0 0 -10px;position: relative;} .companyintroB .imglist::before{content:"";display: block;width:100%;position: absolute;z-index: 1;right:0;bottom:0;height:60px;background:url(../images/img2bg.png) no-repeat right bottom;background-size: auto 100%;} .companyintroB .imglist li{position: relative;z-index: 2;margin-bottom: 5px;} .introbox{font-size: 13px;line-height: 24px;} .introbox img{max-width:100%;} .insidetitle2{margin-top: 20px;margin-bottom: 20px;font-size: 20px;line-height: 30px;padding-bottom: 10px;position: relative;text-align: center;} .insidetitle2::before{content:"";display: block;width:24px;height:2px;background: #2f97ed;position: absolute;left:50%;bottom:0;transform: translateX(-50%);} .companyculture{padding:10px 10px 36px;background: url(../images/bg3.png) no-repeat center bottom;background-size: 100% auto;} .companycultureM .leftimg img{ display: block;width:100%;} .companycultureR{margin-top: 20px;} .companycultureR ul li{margin-bottom: 20px;position: relative;} .companycultureR ul li .img{position: relative;width:60px;height:60px;} .companycultureR ul li .img img{display: block;width:100%;height:100%;} .companycultureR ul li .img .txt{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;color:#fff;width:100%;text-align: center;} .companycultureR ul li .text{position: absolute;left:72px;top:50%;transform: translateY(-50%);font-size: 14px;line-height: 18px;color:#576166;} .companycourseT{overflow: hidden;position: relative;} .companycourseT dl{transform: translateX(0);transition: all 1s ease-in;} .companycourseT dl.show{display: block;position: relative;left:0;transition: all 1s ease-in;} .companycourseT dl.rshow{display: block;position: absolute;top:0;left:0;transform: translateX(100%);} .companycourseT dl.sshow{display: block;position: absolute;top:0;left:0;transform: translateX(0);transition: all 1s ease-in;} .companycourseT dl.hide{display: block;transition: all 1s ease-in;transform: translateX(-100%);} .companycourseT dl dt img{display: block;width:100%;} .companycourseT dl dd .yearnum{font-size: 40px;color:#3b9ef2;font-weight: bold;line-height: 60px;} .companycourseT .textbox ul li{position: relative;font-size: 14px;color:#576166;padding:8px 0 8px 10px;} .companycourseT .textbox ul li::after{content:"";display: block;width:2px;height:2px;background: #576166;position: absolute;left:0;top:19px;} .companycoursebtns{padding:0 21px;position: relative;margin-top: 20px;} .companycoursebtns::before{content:"";display: block;height:1px;background: #ccc;position: absolute;left:20px;right:20px;top:50%;transform: translateY(-50%);} .companycoursebtns .prevbtn,.companycoursebtns .nextbtn{position: absolute;z-index: 2;top:50%;transform: translateY(-50%);display: block;width:42px;height:42px;background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;border-radius: 80px;box-shadow: 0 0 10px rgba(0,0,0,.1);} .companycoursebtns .prevbtn:hover,.companycoursebtns .nextbtn:hover{box-shadow: 0 0 10px rgba(0,0,0,.4);} .companycoursebtns .prevbtn{left:0;background-image: url(../images/previcon.png);} .companycoursebtns .nextbtn{right:0;background-image: url(../images/nexticon.png);} .companycoursebtns .btnlist{position: relative;overflow: hidden;height:60px;transform: translateY(-18px);} .companycoursebtns ul{position: relative;z-index: 2;width:9999px;height:60px;overflow: hidden;} .companycoursebtns ul li{float:left;width:100px;text-align: center;height:60px;line-height:30px;font-weight: bold;font-size: 15px;position: relative;} .companycoursebtns ul li::after{content:"";display: block;width:15px;height:15px;border-radius: 30px;background: url(../images/icon05.png) no-repeat;background-size: 100% 100%;box-shadow: 0 0 6px rgba(0,0,0,.2);position: absolute;left:50%;bottom:5px;transform: translateX(-50%);} .companycoursebtns ul li.cur,.companycoursebtns ul li.swiper-slide-active{color:#3b9ef2;} .companycoursebtns ul li.cur::after,.companycoursebtns ul li.swiper-slide-active::after{background-image: url(../images/icon05a.png);} .companycoursebtns2{padding:0;margin-left:-10px;margin-right: -10px;} .companycoursebtns2::before{left:0;right:0;} .companyhonor{padding:10px 10px 36px;background: url(../images/bg4.jpg) no-repeat center 94%;background-size: 100% auto;} .companyhonorT{overflow: hidden;position: relative;} .companyhonorT dl{transform: translateX(0);transition: all 1s ease-in;} .companyhonorT dl.show{display: block;position: relative;left:0;transition: all 1s ease-in;} .companyhonorT dl.rshow{display: block;position: absolute;top:0;left:0;transform: translateX(100%);} .companyhonorT dl.sshow{display: block;position: absolute;top:0;left:0;transform: translateX(0);transition: all 1s ease-in;} .companyhonorT dl.hide{display: block;transition: all 1s ease-in;transform: translateX(-100%);} .companyhonorT dl dt{box-shadow: 0 0 8px rgba(0,0,0,.2);} .companyhonorT dl dt img{display: block;width:100%;} .companyhonorT dl dd{background: #3d9ef0;color:#fff;padding:15px 0;} .companyhonorT dl dd .yearnum{font-size: 40px;font-weight: bold;line-height: 60px;padding:0 10px;border-bottom:1px solid #68b0ec;} .companyhonorT dl dd .yearnum .num{display: inline-block;border-bottom:2px solid #fff;} .companyhonorT .textbox{padding:10px;} .companyhonorT .textbox ul li{position: relative;font-size: 13px;padding:6px 0 6px 10px;} .companyhonorT .textbox ul li::after{content:"";display: block;width:4px;height:4px;border-radius: 8px;background: #fff;position: absolute;left:0;top:16px;} .companycoursebtns2 .btnlist{height:100px;transform: translate(0,0);} .companycoursebtns2 ul{height:100px;} .companycoursebtns2 ul li:nth-child(2n){margin-top: 40px;line-height: 80px;} .companycoursebtns2 ul li::after{bottom:3px;} .companycoursebtns2 ul li:nth-child(2n)::after{bottom:auto;top:3px;} .companyduty{padding:0 10px;} .imgtextlist dl{padding:20px 10px;border-bottom:1px solid #e2eaf1;} .imgtextlist dl dt img{display: block;width:100%;} .imgtextlist dl dd{padding-top: 15px;color:#576166;font-size: 12px;line-height: 20px;} .contactus{padding:0 10px;position: relative;z-index: 1;} .contactusL{position: relative;} .contactusL .imgbox img{display: block;width:100%;} .contactusL .imgbox .mapbox{position: absolute;z-index: 2;top:0;left:0;right:0;bottom:0;} .contactusL .textbox{position: absolute;z-index: 2;left:0;right:0;bottom:0;background: #4ba5f2;padding:10px;text-align: center;font-size: 13px;line-height: 22px;color:#fff;} .contactusL .textbox .icon{display: block;width:32px;height:32px;margin:0 auto 5px;background: url(../images/location.png) no-repeat;background-size: 100% 100%;} .contactulR{margin-top: 15px;} .contactulR dl{padding:20px 15px 20px 80px;border:1px solid #eee;margin-bottom: 15px;position: relative;} .contactulR dl dt{position: absolute;left:0;top:50%;transform: translateY(-50%);width:80px;} .contactulR dl dt img{display: block;width:50px;margin:0 auto;} .contactulR dl dd .cntext{font-size: 12px;line-height: 20px;color:#576166;} .contactulR dl dd .entext{font-size: 16px;line-height: 24px;color:#000;font-weight: bold;} .contactulR dl dd .sbox{padding:5px 0;} .newspage{padding:0 10px;} .listcutbtns{padding:10px 0;text-align: center;} .listcutbtns a{display: inline-block;font-size: 14px;height:32px;line-height: 32px;padding:0 10px;border-radius: 36px;margin:0 4px;color:#576166;} .listcutbtns a.cur,.listcutbtns a:hover{background: #3b9ef2;color:#fff;} .newslist{margin-top: 15px;} .newslist ul li{margin-bottom: 12px;border:1px solid #e2eaf1;padding:20px 15px;} .newslist ul li .timebox{float:left;width:25%;height:80px;text-align: right;padding:16px 20px 0 0;} .newslist ul li .timebox .today{font-size: 18px;color:#576166;font-weight: bold;height:28px;line-height: 28px;} .newslist ul li .timebox .yearmonth{font-size: 12px;color:#c2cbd8;font-weight: bold;height:20px;line-height: 20px;} .newslist ul li .imgbox{float:left;width:50%;height:80px;} .newslist ul li .imgbox img{display: block;height:80px;} .newslist ul li .iconbox{float:right;width:36px;height:36px;background: #e5e5e5 url(../images/icon14.png) no-repeat center center;background-size: 100% 100%;border-radius: 100px;margin:22px 10px 0 0;} .newslist ul li .textbox{float:right;width:75%;padding-top:10px;} .newslist ul li .textbox .newsname{font-size: 15px;color:#000;font-weight: bold;height:28px;line-height: 28px;} .newslist ul li .textbox .newstext{font-size: 12px;color:#576166;line-height: 20px;margin-top: 6px;} .newslist2{margin-top: 15px;} .newslist2 ul li{margin-bottom: 12px;border:1px solid #e2eaf1;padding:10px 60px 20px 80px;position: relative;} .newslist2 ul li .libox{display: block;} .newslist2 ul li .timebox{text-align: right;position: absolute;left:0;top:50%;transform: translateY(-50%);width:60px;} .newslist2 ul li .timebox .today{font-size: 18px;color:#576166;font-weight: bold;height:28px;line-height: 28px;} .newslist2 ul li .timebox .yearmonth{font-size: 12px;color:#c2cbd8;font-weight: bold;height:20px;line-height: 20px;} .newslist2 ul li .iconbox{display: block;position: absolute;right:12px;top:50%;transform: translateY(-50%);width:36px;height:36px;background: #e5e5e5 url(../images/icon14.png) no-repeat center center;background-size: 100% 100%;border-radius: 100px;} .newslist2 ul li .pdficonbox{right:5px;padding-top: 40px;height:auto;width:54px;background:url(../images/icon15.png) no-repeat center top;background-size: 70% auto;text-align: center;font-size: 12px;line-height: 20px;} .newslist2 ul li .textbox .newsname{font-size: 15px;color:#000;font-weight: bold;height:28px;line-height: 28px;} .newslist2 ul li .textbox .newstext{font-size: 12px;color:#576166;line-height: 20px;margin-top: 6px;} .investlist ul li{border-left-color:#fff;border-top-color:#fff;border-right-color:#fff;padding-left: 100px;} .investlist ul li .timebox{width:90px;text-align: left;top: 14px;transform: translateY(0);} .turnpage{padding:10px 10px 20px;} .turnpageM{text-align: center;} .turnpageM a{display: inline-block;height:32px;line-height: 32px;text-align: center;min-width:32px;padding:0 8px;margin:0 1px;border-radius: 4px;background: #e5e5e5;} .turnpageM a.cur,.turnpageM a:hover{background: #379cf2;color:#fff;} .turnpageM .prevbtn,.turnpageM .nextbtn{line-height: 30px;border:1px solid #379cf2;color:#379cf2;background: none;} .newspage{padding:20px 10px;} .newsdetailT{padding-bottom: 10px;background: url(../images/bg5.png) repeat-x center bottom;background-size: auto 5px;} .newsdetailT .newsname{font-size: 16px;color:#333;font-weight: bold;line-height: 26px;} .newsmes{padding:8px 0;} .newsmes .time{float:left;font-size: 13px;font-weight: bold;color:#c2cbd8;line-height: 26px;} .newsmes .sharebox{float:right;margin-right: 15px;} .newsmes .sharebox span{float:left;height:26px;line-height: 26px;font-size: 12px;color:#576166;} .newsmes .sharebox .wechatshare{float:left;width:26px;height:26px;position: relative;margin-left: 5px;cursor: pointer;} .newsmes .sharebox .wechatshare .icon img{display: block;width:26px;height:26px;} .newsmes .sharebox .wechatshare .ewmbox{position: absolute;top:100%;left:50%;transform: translateX(-50%);display: none;} .newsmes .sharebox .wechatshare .ewmbox img{display: block;width:72px;} .newsmes .sharebox .wechatshare:hover .ewmbox{display: block;} .detailpage{padding:20px 0;font-size: 13px;line-height: 22px;color:#576166;text-align:justify;} .detailpage img{max-width:100%;} .detailpage .imgc{text-align: center;} .newsdetailB{padding:1rem 6rem 1rem 0;position: relative;line-height: 26px;color:#646464;} .newsdetailB::before{content:"";display: block;height:5px;background: url(../images/bg5.png) repeat-x center bottom;background-size: auto 5px;position: absolute;top:-5px;left:0;right:0;} .newsdetailB .returnbtn{position: absolute;right:0;top:50%;transform: translateY(-50%);width:5rem;height:36px;line-height: 36px;background: #2895f1;color:#fff;text-align: center;} .newshotspot{padding:10px;border:1px solid #eaf1fa;} .newshotspot .stitle1{font-size: 15px;color:#333;line-height: 28px;margin-bottom: 8px;} .newshotspot ul li{margin-bottom: 20px;} .newshotspot ul li .imgbox img{display: block;width:100%;} .newshotspot ul li .textbox{font-size: 12px;line-height: 20px;color:#576166;margin:8px 0;} .newshotspot ul li .time{font-weight: bold;color:#c2cbd8;font-size: 13px;} .partnerspage{padding:0 10px 30px 10px;} .partnerspage .swiper-container{padding-top: 2px;} .partnerslist{position: relative;padding-bottom: 30px;} .partnerslist ul li{padding:0;} .partnerslist ul li .libox{display: block;border:1px solid #e3e8ef;padding:24px 5px;position: relative;background: #fff;} .partnerslist ul li .imgbox img{display: block;width:120px;margin:0 auto;transition: all 0.5s ease-in;} .partnerslist ul li .icon{display: block;width:7.4%;height:2px;background: #2a94ec;position: absolute;top:-2px;left:10%;transition: all 0.5s ease-in;} .partnerslist ul li .linkbtn{position: absolute;bottom:0;left:50%;width:100px;margin-left: -50px;opacity: 0;transition: all 0.5s ease-in;text-align: center;display:none;} .partnerslist ul li:hover .icon{width:80%;transition: all 0.5s ease-in;} .partnerslist ul li:hover .imgbox img{transform: translateY(-8px);transition: all 0.5s ease-in;} .partnerslist ul li:hover .linkbtn{transform: translateY(-15px);opacity: 1;transition: all 0.5s ease-in;color:#3b9ef2;display:none;} .partnerslist .swiper-button-next, .partnerslist .swiper-container-rtl .swiper-button-prev{background-image: url(../images/nexticon3a.png);transition: all 0.3s ease-in;right:-5px;} .partnerslist .swiper-button-prev, .partnerslist .swiper-container-rtl .swiper-button-next{background-image: url(../images/previcon3a.png);transition: all 0.3s ease-in;left:-5px;} .partnerslist .swiper-pagination{bottom:0;left:0;right:0;} .partnerslist .swiper-pagination-bullet{border:none;background: #d3dce9;margin:0 2px;} .partnerslist .swiper-pagination-bullet-active{width:40px;background: #3099f1;} .investpage{padding:0 10px 20px;} .governlist ul{margin:0 -10px;} .governlist ul li{position: relative;padding-bottom: 60px;margin-bottom: 20px;} .governlist ul li:nth-child(2n-1) { clear: left; } .governlist ul li .imgbox img{display: block;width:100%;} .governlist ul li .textbox{position: absolute;left:20px;right:20px;bottom:0;transition: all 0.3s ease-in;padding-right:50px;} .governlist ul li .textbox .more{position: absolute;right:10px;top:50%;transform: translateY(-50%);padding-top: 10px;background: url(../images/icon16.png) no-repeat center top;background-size: 100% auto;font-size: 10px;line-height: 18px;color:#fff;} .governlist ul li .textbox .name{font-size: 16px;color:#333;line-height: 24px;font-weight: bold;transition: all 0.3s ease-in;} .governlist ul li .textbox .site{font-size: 12px;color:#576166;transition: all 0.3s ease-in;} .governlist ul li:hover .textbox{padding:15px 50px 15px 10px;background: #40a0f0;transition: all 0.3s ease-in;} .governlist ul li:hover .textbox .name{color:#fff;font-size:18px;line-height: 32px;transition: all 0.3s ease-in;} .governlist ul li:hover .textbox .site{color:#fff;transition: all 0.3s ease-in;} .governdetail dl dt img{display: block;width:100%;} .governdetail dl dd{padding:15px 0;} .governdetail dl dd .namesite{margin-bottom: 10px;} .governdetail dl dd .namesite .name{font-size: 20px;color:#333;font-weight: bold;} .governdetail dl dd .namesite .site{font-size: 13px;color:#576166;margin-left: 10px;} .governdetail dl dd .text{color:#576166;} .governdetail dl dd .returnbtn{display: block;width: 100px;height:36px;line-height: 36px;text-align: center;font-size: 13px;color:#fff;background: #3b9ef2;margin-top: 15px;} .analystlist table{width:100%;text-align: center;border-collapse: collapse;font-size: 14px;} .analystlist table th{background: #2993ec;color:#fff;font-weight: normal;border:1px solid #fff;padding:8px 5px;} .analystlist table td{background: #f8f8f8;color:#576166;border:1px solid #fff;padding:8px 5px;} .investcontact{padding:0 10px 40px;background: url(../images/bg6.jpg) no-repeat center 5px;background-size: auto 105px;} .investcontactL{height:115px;width:223px;margin:0 auto;background: url(../images/bg7.png) no-repeat center center;background-size: auto 100%;} .investcontactL dl{width:100%;height:100%;position: relative;box-shadow: 0 5px 5px rgba(0,0,0,.02);} .investcontactL dl dt{position: absolute;left:29px;top:50%;transform: translateY(-50%);width:34px;height:34px;} .investcontactL dl dt img{display: block;width:100%;} .investcontactL dl dd{position: absolute;left:83px;top:50%;right:0;transform: translateY(-50%);font-size: 12px;line-height: 18px;} .investcontactL dl dd .mail{color:#3b9ef2;font-size: 14px;line-height: 22px;margin-top: 4px;} .investcontactR{padding:18px 0 0 18px;margin-top: 16px;} .investcontactR .imgbox{background: url(../images/bg2.png) repeat;} .investcontactR .imgbox img{display: block;width:100%;transform: translate(-18px,-18px);} .companyrecruit{padding:0 10px 20px;background: url(../images/bg3.png) no-repeat center bottom;background-size: 100% auto;} .recruitlump{border:1px solid #e2eaf1;border-top:2px solid #48a4f1;margin-bottom: 15px;background: #fff;} .recruitlump2{border-color:#e2eaf1;} .lupmtitle1{padding:0 15px;background-image: linear-gradient(to right,#f0f5f9,#fff);height:38px;line-height: 38px;font-size: 15px;color:#333;font-weight: bold;} .recruitfactorM{padding:15px;} .recruitfactorM dl{padding-bottom: 7px;padding:0 5px 7px 78px;} .recruitfactorM dl dt{float:left;width:76px;font-size: 13px;color:#576166;margin-left: -76px;height:26px;line-height: 26px;} .recruitfactorM dl dd{float:left;} .recruitfactorM dl dd a{float: left;height:26px;line-height: 26px;padding:0 8px;border-radius: 40px;margin-bottom: 5px;color:#576166;} .recruitfactorM dl dd a.cur{background: #3b9ef2;color:#fff;} .recruitfactorM .lumpsearchbox{margin-left: 78px;} .lumpsearchbox{border:1px solid #399df2;border-radius: 100px;padding:0 60px 0 20px;height:30px;position: relative;max-width:660px;} .lumpsearchbox label{display: block;width:100%;height:100%;} .lumpsearchbox label input{display: block;width:100%;height:100%;} .lumpsearchbox .searchbtn{display: block;width:30px;height:30px;background: url(../images/icon20.png) no-repeat;background-size: 100% 100%;position: absolute;top:-1px;right:-1px;} .recruitpublicM{padding:15px;text-align: center; } .recruitpublicM img{max-width: 100%;} .cutlisttitle{padding:0 15px;background-image: linear-gradient(to right,#f0f5f9,#fff);height:38px;line-height: 38px;} .cutlisttitle .cutlist{float:left;} .cutlisttitle .cutlist a{float:left;position: relative;margin-right: 10px;font-size: 14px;color:#333;} .cutlisttitle .cutlist a::before{content:"";display: block;width:20%;height:2px;background: #3b9ef2;position: absolute;left:0;top:-2px;transition: all 0.5s ease-in;} .cutlisttitle .cutlist a.cur,.cutlisttitle .cutlist a:hover{color:#3b9ef2;} .cutlisttitle .cutlist a.cur::before,.cutlisttitle .cutlist a:hover::before{width:100%;transition: all 0.5s ease-in;} .cutlisttitle .morebtn{float:right;padding-right: 20px;background: url(../images/icon21.png) no-repeat right center;background-size: auto 10px;} .hotrecruitlist{padding:10px;} .hotrecruitlist ul li{padding:4px 0 4px 12px;position: relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hotrecruitlist ul li::before{content:"";display: block;width:2px;height:2px;background: #576166;position: absolute;top:50%;left:0;margin-top: -1px;} .recruitcontactM .contactulR{padding:0 15px 15px;} .recruitcontactM .contactulR dl{border:none;border-bottom:1px solid #e2eaf1;padding:20px 0 20px 80px;} .recruitcontactM .contactulR .box:last-child dl{border: none;} .recruitsnavM{padding:10px;} .recruitsnavM ul li{float:left;width:33.33%;font-size: 13px;line-height: 24px;margin: 6px 0;padding:0 5px 0 10px;position: relative;} .recruitsnavM ul li.cur a{color:#3c9ef2;} .recruitsnavM ul li.cur::after{content:"";display: block;width:2px;height:14px;background: #3c9ef2;position: absolute;left:0;top:50%;transform: translateY(-50%);} .joblist ul li.li0{background: #2390eb;color:#fff;height:32px;line-height: 32px;} .joblist ul li{line-height: 35px;border-bottom:1px solid #e2eaf1;} .joblist ul li:last-child{border:none;} .joblist ul li .name{float:left;width:50%;overflow: hidden;padding:0 10px;line-height:20px;padding:8px 0 8px 10px;} .joblist ul li .type{float:left;display: none;min-height:36px;} .joblist ul li .type2{float:left;display: none;min-height:36px;} .joblist ul li .area{float:left;display: none;min-height:36px;} .joblist ul li .site{float:left;width:25%;overflow: hidden;min-height:36px;} .joblist ul li .time{float:left;width:25%;text-align: center;overflow: hidden;min-height:36px;} .jobhinttext{padding:10px 0;text-align: right;margin-top: -15px;color:#94999b;} .jobdetail{padding:10px;font-size: 13px;line-height: 24px;color:#576166;} .jobmes{padding:8px 0;border-bottom:1px solid #e2eaf1;} .jobmes .text{float:left;width:80%;} .jobintro{padding:15px 0;} .jobbtns{padding:12px 0;} .jobbtns a{float:left;width:80px;height:30px;text-align: center;border-radius: 4px;border:1px solid #e2eaf1;line-height: 28px;margin-right: 10px;} .jobbtns a.jobapplybtn{background: #3b9ef2;border-color: #3b9ef2;color:#fff;} .demeanorlist{position: relative;padding-bottom:30px;} .demeanorlist .swiper-pagination{bottom:0;left:0;right:0;} .demeanorlist .swiper-pagination-bullet{border:none;background: #a8aeb0;margin:0 2px;} .demeanorlist .swiper-pagination-bullet-active{width:40px;background: #3099f1;} .demeanorlist .swiper-container{padding-bottom: 40px;position: relative;} .demeanorlist .swiper-container ul li{position: relative;} .demeanorlist .swiper-container ul li .videobox{display: block;} .demeanorlist .swiper-container ul li .videobox img{display: block;width:100%;} .demeanorlist .swiper-container ul li .videobox .icon{display: block;width:50px;height:50px;background: url(../images/videoicon.png) no-repeat;background-size: 100% 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .demeanorlist .swiper-container ul li .videobox:hover .icon{opacity: .8;} .demeanorlist .swiper-container ul li .name{position: absolute;bottom:-35px;left:0;right:0;font-size: 12px;color:#333333;line-height: 30px;text-align: center;} .demeanorlist .swiper-button-prev, .demeanorlist .swiper-button-next{width:30px;height:50px;background-size: 100% auto;top:50%;transform: translateY(-50%);opacity: .5;margin:0;} .demeanorlist .swiper-button-prev{left:0;background-image: url(../images/previcon2.png);} .demeanorlist .swiper-button-next{right:0;background-image: url(../images/nexticon2.png);} .demeanorlist .swiper-button-prev:hover, .demeanorlist .swiper-button-next:hover{opacity: 1;} .videopopup .popuppageM{width:80%;max-width:800px;height:300px;} .videopopupM{height:100%;} #videobox1{height:100%;} .videopopupM video{display: block;width:100%;} .companyphotolist{margin-top: 30px;} .companyphotolist ul{margin:0 -10px;} .companyphotolist ul li{padding:10px;text-align: center;line-height: 24px;} .companyphotolist ul li img{display: block;width:100%;} .companyphotolist ul li .name{margin-top: 8px;height:24px;overflow: hidden;} .photopopup .popuppageM{width:80%;max-width:998px;background: none;} .popuppageM{max-height:100%;} .popuppageM .popupmian{height:100%;max-height: inherit;} .popuppageM ul li{position: relative;max-height:100%;} .popuppageM ul li .imgbox{max-height:100%;} .popuppageM ul li .imgbox img{display: block;width:100%;max-height:100%;max-width:100%;margin:0 auto;} .popuppageM ul li .name{position: absolute;bottom:-30px;left:0;right:0;text-align: center;color:#fff;} .popuppageM .swiper-button-prev, .popuppageM .swiper-button-next{width:12px;height:24px;background-size: 100% auto;} .popuppageM .swiper-button-prev{left:-25px;background-image: url(../images/previcon3.png);} .popuppageM .swiper-button-next{right:-25px;background-image: url(../images/nexticon3.png);} .popuppageM .swiper-container{padding-bottom: 30px;margin-bottom: -30px;} .playerservice{padding:0 10px 20px;} .icontextlist2 ul li{text-align: center;} .icontextlist2 ul li img{max-width:100%;} .icontextlist2 ul li .libox{padding:10px;border-bottom:1px solid #e6ebee;} .icontextlist2 ul li .name{font-size: 12px;color:#576166;} .icontextlist2 ul li .mail{font-size: 14px;color:#333;font-weight: bold;} .smallnav2{padding:20px 0;text-align: center;} .smallnav2 ul{display: inline-block;background: #3b9ef2;border-radius: 100px;padding:1px;} .smallnav2 ul li{display: inline-block;margin:0 5px;padding:0 10px;border-radius: 50px;} .smallnav2 ul li a{color:#fff;} .smallnav2 ul li:first-child{margin-left: 0;} .smallnav2 ul li:last-child{margin-right: 0;} .smallnav2 ul li.cur{background: #fff;} .smallnav2 ul li.cur a{color: #3b9ef2;} .playerservice .smallnav2{margin:20px 0;} .qanswerlist dl{border:1px solid #e2eaf1;} .qanswerlist dl dt{padding:15px 40px;border-bottom:1px solid #e2eaf1;line-height: 20px;position: relative;font-size: 13px;color:#333;} .qanswerlist dl dt::before{content:"";display: block;width:20px;height:20px;background: url(../images/pages/q.png) no-repeat;background-size: 100% 100%;position: absolute;top:15px;left:12px;} .qanswerlist dl dd{padding:15px 20px 15px 70px;position: relative;font-size: 13px;line-height: 20px;color:#576166;} .qanswerlist dl dd::before{content:"";display: block;width:20px;height:20px;background: url(../images/pages/a.png) no-repeat;background-size: 100% 100%;position: absolute;top:15px;left:40px;} .privacypolicy{padding:15px;font-size: 13px;line-height: 22px;border:1px solid #e2eaf1;} .privacypolicy .intro {text-align:justify;} .parentalcontrol{border:1px solid #e2eaf1;font-size: 13px;line-height: 22px;} .parentalcontrol img{max-width:100%;} .parentalcontrol .textimg{width:100%;} .parentalcontrol .box{padding:20px;} .parentalcontrol .box:nth-child(2n){background-image: linear-gradient(to right, #f8fafb , #fff);} .parentalcontrol .stitle4{position: relative;padding:10px 0;margin-bottom: 15px;font-size: 16px;font-weight: bold;} .parentalcontrol .stitle4::before{content:"";display: block;width:2px;height:20px;background: #2e96ed;position: absolute;left:-20px;top:50%;transform: translateY(-50%);} .parentalcontrol .linkbtn{color:#3b9ef2;text-decoration: underline;font-style: italic;} .brandlump{padding:20px 10px 40px;} .brandlump:nth-child(2n){background: #f3f6f9;} .brandlump img{max-width:100%;} .textlistimglist1{border-radius: 10px;background: #fff;position: relative;box-shadow: 0 5px 10px 5px rgba(0,0,0,.1);} .textlistimglist1 .textlist{padding:10px;} .textlistimglist1 .textlist ul li{padding:0 0 0 64px;position: relative;border-bottom:1px solid #eee;line-height: 36px;font-size: 13px;} .textlistimglist1 .textlist ul li:last-child{border:none;} .textlistimglist1 .textlist ul li .name{color:#576166;} .textlistimglist1 .textlist ul li .time{position: absolute;left:0;top:50%;transform: translateY(-50%);font-size: 12px;color:#c2cbd8;padding-right: 24px;} .textlistimglist1 .textlist ul li .time .day{font-size: 13px;color:#d7dee4;line-height: 18px;position:absolute;right:0;top:5px;} .textlistimglist1 .textlist ul li.cur .name{color:#3b9ef2;} .textlistimglist1 .textlist ul li.cur .time{color:#3b9ef2;} .textlistimglist1 .textlist ul li.cur .time .day{color:#3b9ef2;} .textlistimglist1 .imglist{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;} .textlistimglist1 .imglist ul li{float:left;} .textlistimglist1 .imglist ul li img{display: block;} .textlistimglist1 .swiper-pagination{left:10px;text-align: left;} .textlistimglist1 .swiper-pagination-bullet{border:none;background: #fff;} .textlistimglist1 .swiper-pagination-bullet-active{background: #319af1;width:20px;} .textlistimglist1 .morebtn{position: absolute;right:0;bottom:0;transform: translateY(50%);z-index: 2;width:130px;height:36px;line-height: 36px;text-align: center;background: #3b9ef2;font-size: 14px;color:#fff;padding-right: 20px;border-radius: 100px;} .textlistimglist1 .morebtn::before{content:"";display: block;width:10px;height:10px;background: url(../images/icon26.png) no-repeat;background-size: 100% 100%;position: absolute;top:50%;right:20px;transform: translateY(-50%);} .imgtextlist2 ul{margin:0 -10px;} .imgtextlist2 ul li{padding:0 10px;margin-bottom: 16px;} .imgtextlist2 ul li .libox{background: #fff;border-radius: 10px;padding-bottom: 15px;} .imgtextlist2 ul li .imgbox{border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;} .imgtextlist2 ul li .imgbox img{display: block;width:100%;} .imgtextlist2 ul li .textbox{padding:0 15px;position: relative;margin-top: 15px;} .imgtextlist2 ul li .textbox::before{content:"";display: block;width:2px;height:15px;background: #3b9ef2;border-radius: 20px;position: absolute;left:0;top:7px;} .imgtextlist2 ul li .textbox .name{font-size: 15px;line-height: 28px;font-weight: bold;} .imgtextlist2 ul li .textbox .text{font-size: 12px;line-height: 20px;color:#576166;} .imgtextlist2 ul li .btnbox{padding:0 15px;margin-top: 15px;} .imgtextlist2 ul li .btnbox a{float:left;width:88px;height:26px;line-height: 26px;text-align: center;color:#fff;font-size: 12px;border-radius: 40px;margin-right: 10px;} .imgtextlist2 ul li .btnbox a .t{padding-left: 12px;background-position: left center;background-size: 10px auto;background-repeat: no-repeat;} .imgtextlist2 ul li .btnbox .homebtn{background-image: linear-gradient(to right,#2895f1,#41a1f2);} .imgtextlist2 ul li .btnbox .homebtn .t{background-image: url(../images/icon29.png);} .imgtextlist2 ul li .btnbox .downbtn{background-image: linear-gradient(to right,#8eab23,#a3c839);} .imgtextlist2 ul li .btnbox .downbtn .t{background-image: url(../images/icon30.png);} .imgtextlist2 ul li .btnbox .icon{float:right;width:36px;height:26px;position: relative;} .imgtextlist2 ul li .btnbox .icon img{display: block;width:100%;position: absolute;left:0;bottom:0;} .brandlump3M .gamenavM .dlbox{margin:0 -10px;} .brandlump3M .gamenavM .dlbox .box{float:left;width:50%;padding:10px;} .brandlump3M .gamenavM dl{float:none;width:100%;padding:10px;border-radius: 10px;min-height:200px;margin-bottom: 0;border:none;border:1px solid #e3e6f6;} .brandlump3M .gamenavM dl dt{position: relative;} .brandlump3M .gamenavM dl dt::before{content:"";display: block;width:16px;height:2px;border-radius: 10px;background: #3b9ef2;position: absolute;left:0px;top:-10px;} .brandlump3M .gamenavM .hinttext{margin-top: 20px;} .imgtextlist3{position: relative;} .imgtextlist3 .swiper-container{padding:30px 0;margin-top: -30px;} .imgtextlist3 ul li{position: relative;} .imgtextlist3 ul li .imgbox{position: relative;z-index: 1;} .imgtextlist3 ul li .imgbox img{display: block;width:100%;} .imgtextlist3 ul li .textbox{position: absolute;z-index: 2;left:0;right:0;bottom:0;color:#fff;padding:15px 15px 25px;background: #329ded;} .imgtextlist3 ul li .morebtn{position: absolute;left:10px;bottom:0;transform: translateY(50%);z-index: 2;width:130px;height:36px;line-height: 36px;text-align: center;background-image: linear-gradient(to right,#3b9ef2,#41a1f2);font-size: 14px;color:#fff;padding-right: 20px;border-radius: 100px;} .imgtextlist3 ul li .morebtn::before{content:"";display: block;width:10px;height:10px;background: url(../images/icon26.png) no-repeat;background-size: 100% 100%;position: absolute;top:50%;right:20px;transform: translateY(-50%);} .imgtextlist3 ul li .morebtn:hover{box-shadow: 0 5px 5px 3px rgba(41,150,241,.2);transition: all 0.3s ease-in;margin-top: -3px;} .imgtextlist3 ul li .textbox .name{font-size: 17px;line-height: 30px;} .imgtextlist3 ul li .textbox .text{font-size: 12px;line-height: 20px;} .imgtextlist3 .swiper-button-prev, .imgtextlist3 .swiper-button-next,.imgtextlist2 .swiper-button-prev, .imgtextlist2 .swiper-button-next{width:12px;height:24px;background-size: 100% auto;} .imgtextlist3 .swiper-button-prev,.imgtextlist2 .swiper-button-prev{left:0;background-image: url(../images/previcon3a.png);} .imgtextlist3 .swiper-button-next,.imgtextlist2 .swiper-button-next{right:0;background-image: url(../images/nexticon3a.png);} .imgtextlist2 .swiper-button-prev, .imgtextlist2 .swiper-button-next { display: none; } .imgtextbox1 dl dt{margin:20px 0 0 20px;background: url(../images/bg2.png) repeat;} .imgtextbox1 dl dt img{display: block;width:100%;transform: translate(-20px,-20px);} .imgtextbox1 dl dd{padding:20px 0;} .imgtextbox1 dl dd .stitle1{font-size: 20px;line-height: 28px;padding-bottom: 10px;position: relative;} .imgtextbox1 dl dd .stitle1::before{content:"";display: block;width:30px;height:2px;background-image: linear-gradient(to right,#1d8dea,#51a9f3);position: absolute;left:0;bottom:0;} .imgtextbox1 dl dd .text{font-size: 13px;line-height: 20px;margin-top: 15px;color:#414a4e;} .listmorebtn{display: block;margin:0 auto;z-index: 2;width:130px;height:36px;line-height: 36px;text-align: center;background:#3b9ef2;font-size: 14px;color:#fff;padding-right: 20px;border-radius: 100px;position: relative;transition: all 0.5s ease-in;} .listmorebtn::before{content:"";display: block;width:10px;height:10px;background: url(../images/icon26.png) no-repeat;background-size: 100% 100%;position: absolute;top:50%;right:20px;transform: translateY(-50%);} .listmorebtn:hover{color:#fff;box-shadow: 0 5px 5px 3px rgba(41,150,241,.2);transition: all 0.5s ease-in;transform: translateY(-3px);} .listmorebtn2{padding:0;margin-top: 30px;margin-bottom: 30px;} .listmorebtn2::before{display: none;} .brandlump9 .imgtextlist2 ul li .textbox .name{color:#333;} .brandlump10 .demeanorlist{padding-bottom: 20px;} .brandlump10 .demeanorlist .swiper-container{padding-bottom: 0;} .imgnamelist2 ul{margin:0 -8px;} .imgnamelist2 ul li{padding:0 8px;margin-bottom: 10px;position: relative;} .imgnamelist2 ul li .imgbox img{display: block;width:100%;} .imgnamelist2 ul li .name{position: absolute;z-index: 2;left:8px;bottom:0;height:24px;line-height: 24px;padding:0 12px;background-image: linear-gradient(to right,#1d8dea,#51a9f3);font-size: 12px;color:#fff;border-top-right-radius: 20px;} .brandlump12M{padding:20px 0 0;} .brandlump12M dl{background: url(../images/bg2.png) repeat;margin:20px 0 0 20px;} .brandlump12M dl dd{width:100%;background: #fff;box-shadow: -2px 2px 5px 3px rgba(0,0,0,.1);border-top:1px solid #2f96ed;padding:15px;transform: translate(-20px,-20px);} .brandlump12M dl dd .stitle1{font-size: 16px;line-height: 26px;padding:10px 0;color:#3b9ef2;} .brandlump12M dl dd .text{font-size: 12px;color:#414a4e;line-height: 20px;} .brandlump12M dl dt{width:100%;margin-top: 10px;box-shadow: -2px 2px 5px 3px rgba(0,0,0,.1);background: #fff;border-top:1px solid #2f96ed;transform: translate(-20px,-20px);padding:20px 0;} .brandlump12M dl dt img{display: block;margin:0 auto;} .brandlump13M{margin-top: 15px;} .brandlump13M dl{padding:20px 15px;border:1px solid #eee;margin-bottom: 15px;position: relative;text-align: center;background: #fff;} .brandlump13M dl dt{width:80px;margin:0 auto;} .brandlump13M dl dt img{display: block;width:50px;margin:0 auto;} .brandlump13M dl dd .cntext{font-size: 12px;line-height: 20px;color:#576166;} .brandlump13M dl dd .entext{font-size: 16px;line-height: 24px;color:#000;font-weight: bold;} .brandlump13M dl dd .sbox{padding:5px 0;} .brandlump13M dl.ewmbox{padding:15px;position: relative;} .brandlump13M dl.ewmbox dt{width:100px;margin: 0;} .brandlump13M dl.ewmbox dt img{display: block;width:100%;} .brandlump13M dl.ewmbox dd{position: absolute;left:125px;text-align: left;bottom:15px;} .spinner {margin: 10px auto;width: 50px;height: 30px;text-align: center;font-size: 10px;background: url(../images/load.gif) no-repeat center center;background-size: auto 80%;;} @media (max-width: 992px) { .brandlump7 .partnerslist { padding-left: 16px; padding-right: 16px; } } @media (min-width: 668px) { .indexlump2{height:900px;} .indexlump2M{height:700px;} } @media (min-width: 992px) { .spinner { height: 40px; margin:10px auto 20px; } .header~.mainer{padding-top: 0;} .header{padding:20px 15px;background:url(../images/bg0.png) repeat-x bottom;height:80px;} .header.cur{transition: all 0.5s ease-in; height:66px;box-shadow:0 2px 2px 2px rgba(0,0,0,.1);} .header .logo{float:left;position: relative;transform: translate(0,0);top:0;left:0;height:auto;} .header .logo img{height:36px;} .navbtn,.ulbg{display: none;} .header.show .ulbg{background: none;} .nav{float:right;margin-right: 30px;} .nav ul{border:none;position: relative;transform: translateY(0);top:0;padding:0;height:36px;overflow: initial;background: none !important;} .nav ul li{float:left;border:none;text-align: center;height:38px;line-height: 38px;margin-left: 22px;} .nav ul li:first-child { margin-left:0;} .nav ul li.loginli{display: none;} .nav ul li h3 .btnbox { display: none; } .nav ul li h3 a,.nav ul li>a{margin:0;display: block;color:#fff;font-size: 18px;cursor: pointer;padding:0;position: relative;opacity: 1;} .nav ul li.cur h3 a::after,.nav ul li:hover h3 a::after{content:"";display: block;height:5px;width:100%;background: rgba(255,255,255,.4);position: absolute;left:0;bottom:0px;} .nav ul li.hastwonav h3 a::before{display: none;} .nav ul li .twonav{background: rgba(255,255,255,.95);padding:0;display: none;overflow: hidden;position: absolute;top:100%;left:-36px;right:-36px;box-shadow: 0 0 8px 8px rgba(0,0,0,.05);border-radius:10px;} .nav ul li .twonav a{display: block;font-size: 16px;color:#666;height:44px;line-height: 44px;border-bottom:1px solid #fff;padding:0;} .webloginbox{display: block;float:right;line-height: 38px;font-size: 15px;} .webloginbox a{color:#fff;font-size: 16px;display: inline-block;} .webloginbox .signinbtn{margin-right: 14px;border:1px solid #e3e6f6;border-radius: 38px;padding:0 15px;line-height: 20px;height:22px;} .searchbox{float:right;margin-right: 12px;} .searchbox .iconbtn{position: relative;transform: translateY(0);width:38px;height:38px;background-size: 36px 36px;right:0;} .searchboxM{position: relative;top:0;left:0;transform: translateY(0);width:200px;padding:0;} .searchboxM label{height:36px;} .searchboxM label input{height:34px;} .searchboxM .submitbtn{top:0;bottom:0;right:0;} .header .enbtn{width:38px;height:38px;position: relative;float:right;background-size: 36px 36px;margin-right: 18px;} .header .enbtn .enlist{position: absolute;top:100%;right:-10px;left:-10px;width:auto;text-align: center;line-height: 36px;} .header.show2{background: rgba(255,255,255,.9);} .header.show2 .logo img{display: none;} .header.show2 .logo img.img2{display: block;} .header.show2 .nav ul li>a,.header.show2 .nav ul li h3 a{color:#333;} .header.show2 .nav ul li.cur>a::after,.header.show2 .nav ul li:hover>a::after,.header.show2 .nav ul li.cur h3 a::after,.header.show2 .nav ul li:hover h3 a::after{background: #3d9ff2;} .header.show2 .searchbox .iconbtn{background-image: url(../images/icon01_2.png);} .header.show2 .enbtn{background-image: url(../images/icon02_2.png);} .header.show2 .webloginbox a{color:#333;} .header.show2 .webloginbox .signinbtn{border-color: #333;} .header.cur{background: rgba(255,255,255,.9);} .header.cur .logo img{display: none;} .header.cur .logo img.img2{display: block;} .header.cur .nav ul li>a,.header.cur .nav ul li h3 a{color:#333;} .header.cur .nav ul li.cur>a::after,.header.cur .nav ul li:hover>a::after,.header.cur .nav ul li.cur h3 a::after,.header.cur .nav ul li:hover h3 a::after{background: #2470bc;} .header.cur .searchbox .iconbtn{background-image: url(../images/icon01_2.png);} .header.cur .enbtn{background-image: url(../images/icon02_2.png);} .header.cur .webloginbox a{color:#333;} .header.cur .webloginbox .signinbtn{border-color: #333;} .insidecrumb{height:53px;line-height: 53px;} .insidenav{border-bottom:1px solid #eaeaea;} .insidecrumb{height:77px;line-height: 77px;float:right;} .insidecrumb a,.insidecrumb span{font-size: 14px;margin:0 3px;} .insidenavM{position: relative;float:left;} .insidenavM .navtitle{display: none;} .insidenavM ul{position: relative;top:0;background: none;display: block;} .insidenavM ul li{height:77px;line-height: 77px;text-align:left;border-bottom:none;font-size: 16px;float:left;margin-right: 29px;} .insidenavM ul li a{color:#94999b;} .insidenavM ul li.cur,.insidenavM ul li:hover{border-bottom:4px solid #3198ee;color:#333;} .insidenavM ul li.cur a,.insidenavM ul li:hover a{color:#333;} .insidebannertext{transform: translate(-50%,-56%);margin-top: 36px;} .insidebannertext .indextitle .entitle{font-size: 12px;} .insidebannertext .indextitle .cntitle{font-size: 24px;line-height: 34px;} .companycultureR ul li{float:left;width:50%;} .demeanorlist .swiper-container{padding:180px 0;} .demeanorlist .swiper-container ul li{transform: scale(1,1);transition:300ms} .demeanorlist .swiper-container ul li .name{display: none;} .demeanorlist .swiper-container ul li .shadebox{position: absolute;top:0;left:0;right:0;bottom:0;z-index: 2;background: rgba(0,0,0,.8);display: block;} .demeanorlist .swiper-container ul li.swiper-slide-active{transform: scale(1.8,1.8);z-index: 2;transition:300ms} .demeanorlist .swiper-container ul li.swiper-slide-active .shadebox{display: none;} .demeanorlist .swiper-container ul li.swiper-slide-active .name{display: block;} .demeanorlist .swiper-button-prev, .demeanorlist .swiper-button-next{width:47px;height:72px;} .demeanorlist .swiper-pagination-bullet{height:6px;width:6px;} .demeanorlist .swiper-pagination-bullet-active{width:60px;} .scroll_wrap {width: 100%;height: 350px;position: relative;} .scroll_wrap .scroll_cont {height: 100%;overflow: hidden;} .scroll_wrap .scroll_bar {position: absolute;top:0;right:0;width: 2px;height: 100%;background-color: #ccc;} .scroll_wrap .scroll_slider {position: absolute;top: 0;left: 0px;width: 2px;height: 0;background-color: #3b9ef2;border-radius:5px;opacity: .5} .scroll_wrap .scroll_slider:hover{opacity: 1} .indexlump3 .textlistimglist1 .imgbox { border-top-right-radius: 0; border-top-left-radius:10px;border-bottom-left-radius:10px;} .recruitpublicM img { width: 157px; } .governlist ul li:nth-child(2n-1) { clear: none; } .governlist ul li:nth-child(3n-2) { clear: left; } .governlist ul li .textbox { padding-right: 65px; } .governlist ul li:hover .textbox { padding-right: 65px; } } @media (min-width: 1200px) { .spinner { height: 50px; } .web{max-width:1640px;margin:0 auto;padding:0 20px;} .web3{max-width:1440px;margin:0 auto;padding:0 20px;} .web2{max-width:1220px;margin:0 auto;padding:0 10px;} .header{height:72px;padding:12px 60px;transition: all 0.5s ease-in;} .header2 { padding-left: 20px; padding-right: 20px; } .navbtn,.ulbg{display: none;} .header.show .ulbg{background: none;} .nav{float:right;margin-right: 50px;} .nav ul{border:none;position: relative;transform: translateY(0);top:0;padding:0;height:36px;overflow: initial;background: none !important;} .nav ul li{float:left;border:none;text-align: center;height:38px;line-height: 38px;margin-left: 22px;} .nav ul li.loginli{display: none;} .nav ul li .twonav{padding:0;display: none;overflow: hidden;position: absolute;top:100%;left:-36px;right:-36px;} .nav ul li .twonav a{display: block;font-size: 16px;color:#666;height:44px;line-height: 44px;} .webloginbox{display: block;float:right;line-height: 38px;font-size: 15px;} .webloginbox a{color:#fff;font-size: 16px;display: inline-block;} .webloginbox .signinbtn{margin-right: 14px;border:1px solid #e3e6f6;border-radius: 38px;padding:0 15px;line-height: 20px;height:22px;} .searchbox{float:right;margin-right: 12px;} .searchbox .iconbtn{position: relative;transform: translateY(0);width:38px;height:38px;background-size: 36px 36px;right:0;} .searchboxM{position: relative;top:0;left:0;transform: translateY(0);width:200px;padding:0;} .searchboxM label{height:36px;} .searchboxM label input{height:34px;} .searchboxM .submitbtn{top:0;bottom:0;right:0;} .header .enbtn{width:38px;height:38px;position: relative;float:right;background-size: 36px 36px;margin-right: 18px;} .header .enbtn .enlist{top:100%;right:-10px;left:-10px;width:auto;text-align: center;line-height: 36px;} .header .gamenavbtn{float:right;position: relative;left:0;top:0;transform: translate(0,0);background: #2996f1;border-radius: 50px;padding:0 39px 0 21px;margin-top: 4px;height:30px;line-height: 30px;font-size: 14px;margin-left: 22px;} .header .gamenavbtn::before{width:14px;height:14px;right:16px;} .gamenav{position: absolute;bottom:auto;} .gamenav.show{top:100%;background: rgba(255,255,255,.9);border-top:1px solid #e3e6f6;} .gamenavM{max-width:1200px;margin:0 auto;padding:57px 0 67px;} .gamenavM dl{float:left;width:25%;padding:0 45px 0 49px;min-height:218px;} .gamenavM dl:nth-child(2n-1){clear:none;border-left:1px solid #e3e6f6;padding-left: 45px;} .gamenavM dl:nth-child(2n){padding-right: 49px;} .gamenavM dl:first-child{border:none;padding-left: 0;} .gamenavM dl dt{line-height: 28px;line-height: 28px;font-size: 20px;padding:0 10px 19px;} .gamenavM dl dd{padding:18px 10px 0;} .gamenavM dl dd a{font-size: 16px;line-height: 30px;margin-bottom: 18px;} .gamenavM i{width:30px;height:16px;line-height: 16px;font-size: 12px;margin-left: 5px;} .gamenavM .hinttext{margin-top:24px;} .header~.mainer{min-height:100%;padding-top: 0;padding-bottom: 477px;margin-bottom: -477px;background-size: 1920px auto;} .mainer{width:100%;overflow: hidden;} .footer{padding-top: 50px;} .footnav{height:284px;} .footnav ul li{float:left;width:196px;margin-left: 0;} .footnav ul li>a{border:none;margin:0;line-height: 32px;font-size: 22px;color:#fff;font-weight: normal;padding-bottom: 26px;display: block;} .footnav ul li>a::before{display: none;} .footnav ul li .twonav{display: block !important;margin-top: 0 !important;height:auto !important;padding:0;background: none;} .footnav ul li .twonav p{padding:0;font-size: 16px;line-height: 30px;} .footnav ul li .twonav a{color:#b5ddff;padding:0;display: inline;} .footnav ul li .attentionus{display: block !important;margin-top: 0 !important;height:auto !important;padding:0;background: none;overflow: initial;} .footnav ul li.attentionli{width:200px;text-align: center;} .footnav ul li.opinionli{float:right;width:100px;text-align: center;} .footnav ul li.opinionli .attentionus .iconnamebox{width:80px;} .attentionus .iconnamebox{width:80px;float:left;} .attentionus .iconnamebox .iconbtn .sname{font-size: 16px;line-height: 30px;} .attentionus .iconnamebox2{padding-bottom: 0;} .attentionus .microblog .microblogbox{top:-128px;bottom:auto;display: none;border:10px solid #fff;box-shadow: 0 0 5px 5px rgba(0,0,0,.1);} .attentionus .microblog .microblogbox::after{border-top:8px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:none;top:auto;bottom:-18px;} .attentionus .microblog .microblogbox img{width:100px;height:100px;} .attentionus .microblog:hover .microblogbox{display: block;} .popuppageM .closebtn{right:-35px;} .feedbackpopup .popuppageM{max-width:1000px;padding:50px 55px 80px;height:758px;padding:0 55px;} .feedbackpopup .popupmian{padding:50px 0 80px;} .feedbackpopup .popupmian::-webkit-scrollbar{display: none;} .photopopup .popuppageM{height:758px;max-height:100%;} .photopopup .photopopupM{max-height:100%;overflow-x:hidden;overflow-y: auto;} .photopopup .photopopupM::-webkit-scrollbar{display: none;} .popupmian{max-height:800px;} .popupmian .stitle{font-size: 30px;margin-bottom: 18px;} .formpage dl{float:left;padding:10px;} .formpage dl.dl2{width:50%;} .formpage dl dd label{padding:10px 14px;height:58px;} .formpage dl dd label .name{left:14px;font-size: 14px;line-height: 20px;} .formpage dl dd label.textarealabel{height:288px;} .formpage dl dd label.textarealabel .name{top:30px;line-height: 20px;} .formpage dl dd label input{height:38px;font-size: 14px;} .formpage dl dd label textarea{height:266px;line-height: 22px;font-size: 14px;} .formpage dl dd .star{right:12px;} .formpage dl.cur dd label{padding-top:22px;} .formpage dl.cur dd label .name{font-size: 10px;color:#4483ea;top:16px;} .formpage dl.cur dd label input{height:28px;margin-top: 2px;} .formpage dl.cur dd label textarea{height:258px;margin-top: 2px;} .formpage dl.yzmdl dd{width:300px;} .formpage dl.yzmdl dt{margin-left: 10px;} .formpage dl.yzmdl dt img{height:60px;} .formpage .formbtnbox{padding:10px;margin-top: 10px;} .formpage .formbtnbox .btn{width:195px;height:60px;line-height: 58px;margin-right: 20px;cursor: pointer;} .swiper-pagination-bullet{width:12px;height:12px;} .swiper-pagination-bullet-active{width:50px;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{width:26px;height:50px;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width:26px;height:50px;} .indexlump1{padding:98px 0 187px;} .indextitle{padding-bottom: 47px;} .indextitle .entitle{font-size: 16px;line-height: 24px;} .indextitle .entitle span{padding:0 46px;} .indextitle .entitle span::after{width:38px;} .indextitle .entitle span::before{width:38px;} .indextitle .cntitle{font-size: 48px;line-height: 56px;} .imgtextbox2 dl dt{float:left;width:590px;position: relative;} .imgtextbox2 dl dt::after{content:"";display: block;width:100%;height:100%;position: absolute;z-index: 1;top:0;left:0;bottom:0;right:0;background: url(../images/bg8.png) no-repeat;background-size: 100% 100%;transform: translateY(36px);} .imgtextbox2 dl dt img{position: relative;z-index: 2;border-radius:15px;} .imgtextbox2 dl dd{float:right;width:550px;padding:17px 0 0;} .imgtextbox2 dl dd .stitle{font-size: 36px;line-height: 50px;} .imgtextbox2 dl dd .textbox{font-size: 18px;line-height: 26px;height:230px;margin-top: 32px;} .indexlump2{padding:120px 0;margin:-120px 0;height:1140px;} .indexlump2M{height:900px;top:120px;bottom:120px;} .indexgamelist{padding:30px;border-radius: 18px;box-shadow: 10px 10px 0 0 rgba(102,61,237,.1);} .indexgamelistM{border-radius: 14px;padding:20px;} .indexgamelistM ul{padding-bottom: 18px;} .indexgamelistM ul li{padding:20px;height:360px;} .indexgamelistM ul li .stitle1{height:52px;line-height: 52px;font-size: 36px;} .indexgamelistM ul li .stitle1 span::before{height:7px;} .indexgamelistM ul li .textbox{font-size: 16px;line-height: 24px;margin-top: 26px;height:120px;} .indexgamelistM ul li .imgbox .img{margin:0 8px;box-shadow: 6px 6px 0 0 rgba(0,102,255,.5);border-radius: 15px;} .indexgamelistM ul li .imgbox .img img{display: block;width:100%;} .indexgamelistM .swiper-pagination-bullet{width:8px;height:8px;} .indexgamelistM .swiper-pagination-bullet-active{width:50px;} .indexlump2 .indeximgbtn{cursor: pointer;transition: all 1s ease-in;} .indexlump2.show .indeximgbtn:hover{transform: translate(0,-2%);transition: all 1s ease-in;} .indexlump2 .indextx{transform: translate(20%,20%);opacity: 0;} .indexlump2 .indexld{transform: translate(-20%,0);opacity: 0;} .indexlump2 .indexcm{border-top-right-radius: 1000px;overflow: hidden;transform: translate(20%,-20%);opacity: 0;} .indexlump2.show .indeximgbtn{transition: all 1s ease-in;transform: translate(0,0);opacity: 1;} .indexlump3{padding:86px 0 148px;} .indexlump3 .textlistimglist1 .imgbox{float:left;width:600px;border-top-right-radius:0;border-top-left-radius: 15px;border-bottom-left-radius: 15px;} .indexlump3 .textlistimglist1 .morebtn{left:74px;transform: translate(0,-50%);transition: all 0.3s ease-out;} .indexlump3 .textlistimglist1 .morebtn:hover{margin-top: -3px;box-shadow: 0 0 5px 5px rgba(0,0,0,.1);transition: all 0.5s ease-out;} .indexlump3 .textlistimglist1 .textlist{float:right;width:566px;padding:16px 30px 0 0;} .indexlump3 .textlistimglist1 .newslistcut{height:42px;} .indexlump3 .textlistimglist1 .newslistcut a{padding:0 35px;height:36px;line-height: 36px;font-size: 16px;} .searchpage{border-top:106px solid #3273db;padding:90px 0 44px;} .lumpsearchbox.lumpsearchbox2{height:60px;padding:0 120px 0 36px;} .lumpsearchbox.lumpsearchbox2 label input{font-size: 16px;} .lumpsearchbox.lumpsearchbox2 .searchbtn{height:60px;width:110px;background-size: auto 60%;} .searchhinttext{padding:12px 0;border-width: 2;margin-top: 48px;} .searchpageM .newslist ul li{border-top: none;border-left:none;border-right:none;} .insidebannertext{margin-top: 52px;transform: translate(-50%,-58%);} .insidebannertext img{display: block;height:69px;} .insidebannertext .indextitle .entitle{font-size: 14px;} .insidebannertext .indextitle .cntitle{font-size: 36px;line-height: 50px;} .insidenavM{position: relative;float:left;width:995px;} .companyintroT{padding:120px 0 35px;} .companyintroT .imgbox{margin:33px 0 0 90px;float:right;width:600px;} .companyintroT .imgbox img{transform: translate(-33px,-33px);border-radius:15px;} .companyintroT .insidetitle1{margin-top: 0;margin-bottom: 20px;} .insidetitle1{font-size: 48px;line-height: 50px;color:#3b9ef2;position: relative;padding-bottom: 30px;} .insidetitle1::before{width:40px;height:4px;} .insidetitle1 .codebox{margin-left: 78px;font-size: 16px;padding-left: 19px;background-size: 12px auto;} .companyintroB{padding:64px 0 84px;} .companyintroB .imglist{padding-right: 19px;margin-left: -14px;padding-bottom: 33px;} .companyintroB .imglist li{padding:0 14px;} .companyintroB .imglist::before{height:137px;} .introbox{font-size: 16px;line-height: 26px;color:#414a4e;} .companyculture .insidetitle2{margin: 0;} .insidetitle2{font-size: 30px;line-height: 50px;padding-bottom: 18px;} .insidetitle2::before{width:40px;height:4px;} .insidetitle3{text-align: left;} .insidetitle3::before{left:0;transform: translateX(0);} .companyculture{padding:69px 0 86px;} .companycultureM{padding-top: 51px;} .companycultureM .leftimg{float:left;margin-left: 50px;width:540px;position: relative;} .companycultureM .leftimg::after{content:"";display: none;width:100px;height:150px;background-image: linear-gradient(to right, #1d8dea , #50a8f3);position: absolute;left:-50px;bottom:-25px;z-index: 2;} .companycultureR{margin-top: 70px;float:right;width:565px;} .companycultureR ul li{margin-bottom: 54px;position: relative;float:left;width:324px;} .companycultureR ul li:nth-child(2n){float:right;width:231px;} .companycultureR ul li .img{width:92px;height:92px;} .companycultureR ul li .img .txt{font-size: 24px;} .companycultureR ul li .text{left:103px;} .companyintroB img,.companycultureM .leftimg img,.companycourseT dl dt img,.imgtextbox1 dl dt img,.imgtextbox1 dl dt img,.governlist ul li .imgbox img ,.governdetail dl dt img,.investcontactR .imgbox img{ border-radius: 15px; } .imgtextlist dl dt img,.newslist ul li .imgbox img,.demeanorlist .swiper-container ul li .videobox img,.imgnamelist2 ul li .imgbox img,.newslist ul li .imgbox img { border-radius: 10px; } .companycourse .insidetitle2{margin-bottom:-68px;} .companycourseT{overflow: hidden;} .companycourseT dl dt{float:right;width:593px;} .companycourseT dl dt img{display: block;width:100%;} .companycourseT dl dd{float:left;width:551px;padding-top: 90px;} .companycourseT dl dd .yearnum{font-size: 72px;font-weight: bold;line-height: 70px;height:70px;} .companycourseT dl dd .textbox{margin-top: 27px;height:253px;} .companycourse .companycoursebtns{margin-top: 88px;} .companycoursebtns .prevbtn, .companycoursebtns .nextbtn{width:48px;height:48px;} .companycoursebtns .prevbtn{left:-24px;} .companycoursebtns .nextbtn{right:-24px;} .companycoursebtns .btnlist{width:1116px;margin:0 auto;height:80px;} .companycoursebtns ul{height:80px;} .companycoursebtns ul li{cursor: pointer;width:124px;height:80px;line-height: 26px;font-size: 24px;font-weight: bold;} .companycoursebtns ul li::after{width:20px;height:20px;bottom:11px;} .companyhonor{padding:69px 0 86px;} .companyhonorT{margin-top: 36px;} .companyhonorT dl dt{float:right;width:630px;margin:21px 15px 0 -90px;position: relative;z-index: 2;} .companyhonorT dl dd{float:left;width:629px;position: relative;z-index: 1;height:472px;padding:45px 0;} .companyhonorT dl dd .yearnum{font-size: 60px;font-weight: bold;line-height: 112px;height:116px;padding:0 57px;} .companyhonorT dl dd .textbox{padding:42px 57px;} .companyhonor .companycoursebtns2{margin:60px 0 80px;} .companycoursebtns2 .btnlist{height:140px;transform: translate(0,0);width:auto;} .companycoursebtns2 ul{height:140px;} .companycoursebtns2 ul li{line-height: 40px;} .companycoursebtns2 ul li:nth-child(2n){margin-top: 60px;line-height: 120px;} .companycoursebtns2 ul li::after{bottom:1px;} .companycoursebtns2 ul li:nth-child(2n)::after{bottom:auto;top:0;} .companyduty{padding:69px 0 86px;} .imgtextlist dl{padding:48px 41px;border-bottom:1px solid #e2eaf1;} .imgtextlist dl dt{float:left;width:287px;height:161px;} .imgtextlist dl dt img { display: block; width: 100%; height: 100%; } .imgtextlist dl dd{padding-top: 16px;font-size: 14px;line-height: 22px;float:right;width:800px;} .contactus{padding:69px 0 102px;} .contactusM{padding-top: 14px;} .contactusL{float:left;width:602px;height:490px;overflow: hidden;transition: all 0.3s ease-in;} .contactusL:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);transition: all 0.3s ease-in;} .contactusL .textbox{padding:19px 0;font-size: 16px;color:#fff;} .contactusL .textbox .icon{width:32px;height:32px;margin:0 auto 10px;} .contactulR{margin-top: 0;float:right;width:590px;} .contactulR .box{padding-left:20px;float:left;width:50%;} .contactulR .box2{width:100%;} .contactulR dl{padding:0 0 0 112px;margin-bottom: 20px;height:150px;transition: all 0.3s ease-in;} .contactulR dl:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);transition: all 0.3s ease-in;} .contactulR dl dd{position: absolute;top:50%;right:20px;left:112px;transform: translateY(-50%);} .contactulR dl dd .sbox{padding:5px 0;float:left;width:50%;} .newspage{padding:69px 0 74px;} .listcutbtns a{height:36px;line-height: 36px;width:137px;font-size: 16px;} .newslist{margin-top: 29px;} .newslist ul li{margin-bottom: 20px;position: relative;padding:38px 212px 38px 164px;cursor: pointer;transition: all 0.3s ease-in;} .newslist ul li .timebox{position: absolute;left:0;top:64px;width:120px;margin:0;padding:0;height:auto;} .newslist ul li .timebox .today{font-size: 32px;height:42px;line-height: 42px;} .newslist ul li .timebox .yearmonth{font-size: 18px;height:26px;line-height: 26px;} .newslist ul li .imgbox{height:auto;width:286px;height:160px;} .newslist ul li .imgbox img{width:100%;height:100%;} .newslist ul li .iconbox{position: absolute;right:51px;top:50%;transform: translateY(-50%);width:60px;height:60px;} .newslist ul li .textbox{float:right;width:500px;padding-top: 24px;} .newslist ul li .textbox .newsname{height:40px;line-height: 40px;font-size: 22px;} .newslist ul li .textbox .newstext{font-size: 14px;line-height: 28px;margin-top: 10px;} .newslist ul li:hover{box-shadow: 0 10px 10px rgba(0,0,0,.1);border-bottom-color:#3398ee;transition: all 0.3s ease-in;} .newslist ul li:hover .timebox .today{color:#3b9ef2;} .newslist ul li:hover .iconbox{background-color:#3b9ef2;} .newslist2 ul li{padding:38px 212px 38px 162px;margin-bottom: 20px;} .newslist2 ul li .timebox{width:115px;} .newslist2 ul li .timebox .today{font-size: 32px;height:42px;line-height: 42px;} .newslist2 ul li .timebox .yearmonth{font-size: 18px;height:26px;line-height: 26px;} .newslist2 ul li .iconbox{right:51px;width:60px;height:60px;} .newslist2 ul li .textbox .newsname{height:40px;line-height: 40px;font-size: 22px;} .newslist2 ul li .textbox .newstext{font-size: 14px;line-height: 28px;margin-top: 10px;height:56px;} .newslist2 ul li:hover{box-shadow: 0 10px 10px rgba(0,0,0,.1);border-bottom-color:#3398ee;} .newslist2 ul li:hover .timebox .today{color:#3b9ef2;} .newslist2 ul li:hover .iconbox{background-color:#3b9ef2;} .investlist ul li:hover{border-color: #e2eaf1;border-bottom-color:#3398ee;} .investlist ul li .timebox{width:134px;top:52px;} .investlist ul li:hover .timebox{text-align: right;} .investlist ul li:hover .timebox .yearmonth{color:#3b9ef2;} .investlist .listmorebtn{margin-top: 52px;} .newslist2 ul li .pdficonbox{width:80px;padding-top: 50px;background-size: 46px 46px;height:auto;} .newslist2 ul li:hover .pdficonbox{background-color: #fff;color:#3b9ef2;} .turnpage{padding-top:51px} .turnpageM a{height:40px;min-width:40px;line-height: 40px;margin:0 6px;font-size: 14px;} .turnpageM .prevbtn, .turnpageM .nextbtn{line-height: 38px;padding:0 16px;} .newspage2{padding:48px 0 11px;} .newsdetail{float:left;width:770px;} .newsdetailT{margin-top: -5px;background-size: auto 9px;padding:0 0 27px;} .newsdetailT .newsname{font-size: 24px;line-height: 36px;} .newsmes .sharebox{margin-right: 0;} .newsmes .time{font-size: 16px;line-height: 33px;} .newsmes{padding:20px 0 0;} .newsmes .sharebox span{font-size: 14px;line-height: 33px;height:33px;} .newsmes .sharebox .wechatshare{height:33px;width:33px;margin-left:17px;} .newsmes .sharebox .wechatshare .icon img{width:100%;height:auto;} .newsmes .sharebox .wechatshare .ewmbox img{width:104px;} .detailpage{padding:25px 0 38px;font-size: 16px;line-height: 26px;} .newsdetailB{padding:30px 200px 30px 0;border-width:2px;line-height: 30px;font-size: 14px;} .newsdetailB .returnbtn{right:0;width:144px;height:50px;line-height: 50px;font-size: 16px;transition: all 0.3s ease-in;} .newsdetailB .returnbtn:hover{box-shadow: 0 0 10px 5px rgba(0,0,0,.1);transition: all 0.3s ease-in;margin-top: -5px;} .newshotspot{float:right;width:320px;border-width: 2px;padding:30px 38px;} .newshotspot .stitle1{font-size: 20px;line-height: 28px;margin-bottom: 14px;} .newshotspot ul li{padding:12px 0;} .newshotspot ul li:last-child{margin-bottom: 0;padding-bottom: 0;} .newshotspot ul li .textbox{margin:8px 0 6px;font-size: 13px;line-height: 22px;} .newshotspot ul li .time{font-size: 16px;} .brandlump{overflow: hidden;width:100%;} .partnerspage{padding:49px 0 74px;} .partnerslist{padding-bottom: 64px;padding-top:64px;margin-top: -38px;} .partnerslist ul li .libox{padding:34px 10px;} .partnerslist ul li .imgbox img{width:auto;height:100px;} .partnerslist ul li .linkbtn{font-size: 14px;} .partnerslist ul li:hover .imgbox img{transform: translateY(-8px);} .partnerslist ul li:hover .linkbtn{transform: translateY(-15px);opacity: 1;} .partnerslist .swiper-pagination{bottom:0;left:0;right:0;} .partnerslist .swiper-pagination-bullet{margin:0 4px;width:8px;height:8px} .partnerslist .swiper-pagination-bullet-active{width:70px;} .partnerslist .swiper-button-next, .partnerslist .swiper-container-rtl .swiper-button-prev{right:-40px;width:19px;heigth:33px;} .partnerslist .swiper-button-prev, .partnerslist .swiper-container-rtl .swiper-button-next{left:-40px;width:19px;height:33px;} .investpage{padding:49px 0 32px;} .governlist{padding-top: 17px;overflow: hidden;} .governlist ul{margin:0 -60px;} .governlist ul li{margin-bottom: 30px;padding:0 60px 97px;} .governlist ul li .textbox{position: absolute;left:78px;right:78px;} .governlist ul li .textbox .more{right:15px;top:50%;padding-top: 20px;font-size: 14px;line-height: 22px;} .governlist ul li .textbox .name{font-size: 22px;line-height: 30px;} .governlist ul li .textbox .site{font-size: 16px;height:48px;} .governlist ul li:hover .textbox{padding:25px 80px 29px 20px;} .governlist ul li:hover .textbox .name{font-size:30px;line-height: 42px;} .governdetail{padding:34px 64px 58px;} .governdetail dl{position: relative;} .governdetail dl dt{float:left;width:400px;} .governdetail dl dt img{display: block;width:100%;} .governdetail dl dd{padding:66px 0 0;float:right;width:612px;} .governdetail dl dd .namesite{margin-bottom:30px;height:50px;line-height: 50px;} .governdetail dl dd .namesite .name{font-size: 36px;} .governdetail dl dd .namesite .site{font-size: 18px;margin-left: 20px;} .governdetail dl dd .text{font-size: 16px;line-height: 24px;height:264px;} .governdetail dl dd .returnbtn{width: 144px;height:49px;line-height: 49px;font-size: 16px;margin-top: 30px;transition: all 0.5s ease-in;} .governdetail dl dd .returnbtn:hover{transform: translateY(-5px);transition: all 0.5s ease-in;box-shadow: 0 3px 5px 3px rgba(0,0,0,.1);} .analystlist{padding:16px 0 30px;} .analystlist table{width:100%;text-align: center;border-collapse: collapse;font-size: 16px;} .analystlist table th{height:60px;} .analystlist table tr th:nth-child(1){width:490px;} .analystlist table tr th:nth-child(2){width:218px;} .analystlist table tr th:nth-child(3){width:490px;} .analystlist table td{height:45px;} .investcontact{padding:16px 0;background: url(../images/bg6.jpg) no-repeat center center;background-size: auto 210px;height:402px;} .investcontactL{height:230px;width:446px;background: url(../images/bg7.png) no-repeat center center;background-size: auto 100%;float:left;margin-top:70px;margin-left: 30px;} .investcontactL dl dt{left:59px;width:68px;height:68px;} .investcontactL dl dd{left:168px;font-size: 14px;line-height: 18px;} .investcontactL dl dd .mail{color:#3b9ef2;font-size: 24px;line-height: 30px;margin-top:8px;} .investcontactR{padding:35px 0 0 35px;margin-top: 16px;float:right;width:595px;height:405px;} .investcontactR .imgbox img{height:100%;transform: translate(-35px,-35px);} .companyrecruit{padding:50px 0 90px;} .companyrecruitM .recruitfactor{float:left;width:828px;margin-bottom: 30px;height:343px;} .companyrecruitM .hotrecruit{float:left;width:828px;margin-bottom: 0;height:343px;} .companyrecruitM .recruitpublic{float:right;width:343px;margin-bottom: 30px;height:343px;} .companyrecruitM .recruitcontact{float:right;width:343px;margin-bottom: 30px;height:343px;} .lupmtitle1{height:58px;line-height: 58px;padding:0 30px;font-size: 18px;} .cutlisttitle{height:58px;line-height: 58px;padding:0 28px 0 30px;} .cutlisttitle .cutlist a{padding-right: 10px;margin-right: 70px;font-size: 18px;} .cutlisttitle .morebtn{font-size: 14px;color:#576166;padding-right: 26px;background-size: 13px 13px;} .recruitfactorM{padding:27px 30px 0;} .recruitfactorM dl{padding-bottom: 11px;padding-left: 87px;} .recruitfactorM dl dt{width:87px;margin-left: -87px;font-size: 14px;line-height: 27px;height:27px;} .recruitfactorM dl dd a{height:27px;line-height: 27px;padding:0 14px;margin-bottom: 9px;margin-right: 2px;font-size: 14px;} .recruitfactorM .lumpsearchbox{margin-left: 87px;margin-top: 15px;} .lumpsearchbox{height:40px;} .lumpsearchbox .searchbtn{width:40px;height:40px;} .recruitpublicM{padding:40px 15px 0;line-height: 26px;} .recruitpublicM .text1{font-size: 14px;color:#576166;} .recruitpublicM .text2{font-size: 16px;color:#333;} .recruitcontactM .contactulR{float:none;width:100%;padding:0 29px;} .recruitcontactM .contactulR .box{float:none;width:100%;padding-left: 0;} .recruitcontactM .contactulR dl{padding:32px 0 36px 78px;height:136px;margin-bottom: 0;} .recruitcontactM .contactulR dl dt{width:68px;} .recruitcontactM .contactulR dl dt img{width:68px;} .recruitcontactM .contactulR dl dd{left:78px;right:0;} .recruitcontactM .contactulR dl dd .cntext{font-size: 14px;} .recruitcontactM .contactulR dl dd .entext{font-size: 14px;line-height: 20px;} .hotrecruitlist{padding:35px 0 0 36px;} .hotrecruitlist ul{height:213px;position: relative;margin-right: -40px;} .hotrecruitlist ul::before{content:"";display: block;width:1px;background: #e2eaf1;position: absolute;top:5px;left:376px;bottom:5px;} .hotrecruitlist ul li{float:left;width:350px;margin-right: 62px;padding:0 0 0 8px;margin-bottom: 24px;font-size: 14px;} .clearL{clear:left;} .companyrecruitM2 .recruitsnav{float:left;width:200px;} .recruitsnavM{padding:20px 0;} .recruitsnavM ul li{float:none;height:26px;line-height: 26px;padding:0 0 0 30px;margin:0 0 22px;width:100%;font-size: 14px;} .recruitsnavM ul li a{display: block;} .recruitsnavM ul li:last-child{margin-bottom: 0;} .companyrecruitM2 .recruitfactor{float:right;width:970px;height:auto;} .recruitfactor .joblist{padding-top: 26px;} .joblist ul li.li0{height:40px;line-height: 40px;} .joblist ul li{line-height: 50px;font-size: 14px;color:#576166;} .joblist ul li .name{float:left;width:30.9%;padding-left:30px;line-height:22px;padding:14px 0 14px 30px;} .joblist ul li .type{float:left;display: block;width:11.3%;min-height:50px;} .joblist ul li .type2{float:left;display: block;width:14.8%;min-height:50px;} .joblist ul li .area{float:left;display: block;width:14.8%;min-height:50px;} .joblist ul li .site{float:left;width:16.2%;min-height:50px;} .joblist ul li .time{float:left;width:11.3%;text-align: left;min-height:50px;} .jobhinttext{padding:10px 0;text-align: right;margin-top: -5px;color:#94999b;font-size: 14px;} .companyrecruitM2 .recruitpublic{float:left;width:200px;clear:left;height:278px;} .companyrecruitM2 .recruitpublicM img{width:125px;} .companyrecruitM2 .recruitpublicM{padding:20px 15px 0;} .jobdetail{padding:20px 52px;font-size: 14px;line-height: 34px;color:#576166;min-height:839px;} .jobmes{padding:0 0 15px;line-height: 40px;} .jobmes .text{float:left;width:auto;margin-right:50px;} .jobmes .text:last-child{margin-right: 0;} .jobintro{padding:25px 0;} .jobbtns{padding:20px 0;} .jobbtns a{width:100px;height:34px;line-height: 32px;margin-right: 18px;transition: all 0.5s ease-in;} .jobbtns a:hover{background: #3b9ef2;color:#fff;border-color: #3b9ef2;box-shadow: 0 0 5px 5px rgba(0,0,0,.1);transform: translateY(-3px);transition: all 0.5s ease-in;} .videopopup .popuppageM{height:500px;} .companyphotolist{margin-top: 90px;} .companyphotolist ul{margin:0 -20px;} .companyphotolist ul li{padding:0 20px 30px;} .companyphotolist ul li .name{font-size: 16px;height:30px;line-height: 30px;} .companyphotolist ul li .libox{cursor: pointer;} .companyphotolist ul li .libox:hover .imgbox{box-shadow: 0 0 10px 5px rgba(0,0,0,.1);} .companyphotolist ul li .libox:hover .name{color:#399df2;} .popuppageM .swiper-button-prev, .popuppageM .swiper-button-next{width:19px;height:33px;} .popuppageM .swiper-button-prev{left:-100px;} .popuppageM .swiper-button-next{right:-100px;} .popuppageM .swiper-container{padding-bottom: 50px;margin-bottom: -50px;} .popuppageM ul li .name{bottom:-42px;font-size: 18px;line-height: 30px;} .playerservice{padding:50px 0 120px;} .icontextlist2 ul{margin:0 -15px;} .icontextlist2 ul li{float:left;width:33.33%;padding:0 15px;} .icontextlist2 ul li .libox{height:130px;} .icontextlist2 ul li .mail{font-size:16px;line-height: 28px;} .icontextlist2 ul li .libox:hover{border-bottom:2px solid #228feb;box-shadow: 0 5px 8px 6px rgba(0,0,0,.1);} .smallnav2{padding:30px 0;margin:40px 0 30px;} .smallnav2 ul li{height:38px;line-height: 38px;padding:0 36px;font-size: 16px;margin:0 20px;} .qanswerlist dl dt{padding:32px 70px;font-size: 16px;line-height: 24px;} .qanswerlist dl dt::before{width:32px;height:32px;left:19px;top:28px;} .qanswerlist dl dd{padding:30px 70px 30px 133px;font-size: 16px;line-height: 24px;} .qanswerlist dl dd::before{width:32px;height:32px;left:70px;top:27px;} .privacypolicy{margin-top: 28px;padding:58px 40px 58px 60px;font-size: 16px;line-height: 24px;} .privacypolicy .intro{padding-right: 44px;height:782px;} .privacypolicy .convention_intro{padding-right: 44px;} .privacypolicy .intro p{padding:0;} .privacypolicy .scroll_wrap .scroll_bar{width:4px;} .privacypolicy .scroll_wrap .scroll_slider{width:4px;background: #50a8f3;opacity: 1;} .parentalcontrol{font-size: 16px;line-height: 24px;} .parentalcontrol .box{padding:40px 80px 48px 58px;} .parentalcontrol .stitle4{line-height: 40px;font-size: 24px;} .parentalcontrol .stitle4::before{width:4px;height:30px;left:-59px;} .brandlump{padding:54px 0 98px;} .brandlump1{padding-top: 0;} .textlistimglist1{box-shadow: 0 8px 16px 8px rgba(0,0,0,.1);border-radius: 15px;} .textlistimglist1 .textlist{float:left;width:570px;padding:29px 0 0 34px;} .textlistimglist1 .textlist ul li{height:66px;line-height: 65px;padding:0 0 0 75px;} .textlistimglist1 .textlist ul li .name{font-size: 17px;} .textlistimglist1 .textlist ul li .time{font-size: 18px;padding-right: 36px;font-weight: bold;} .textlistimglist1 .textlist ul li .time .day{font-size: 18px;line-height: 30px;top: 12px;} .textlistimglist1 .imglist{float:right;width:600px;border-radius: 0;border-top-right-radius: 15px;border-bottom-right-radius: 15px;} .textlistimglist1 .swiper-pagination{left:30px;} .textlistimglist1 .swiper-pagination-bullet{width:8px;height:8px;} .textlistimglist1 .swiper-pagination-bullet-active{width:30px;} .textlistimglist1 .morebtn{width:220px;height:50px;line-height: 50px;padding-right: 16px;font-size: 16px;transition: all 0.5s ease-in;} .textlistimglist1 .morebtn::before{width:14px;height:14px;right:50px;} .textlistimglist1 .morebtn:hover{margin-top: 3px;box-shadow: 0 0 5px 5px rgba(0,0,0,.1);transition: all 0.5s ease-in;} .brandlump2M .imgtextlist2{padding-top: 36px;} .imgtextlist2 ul{margin:0 -15px;} .imgtextlist2 ul li{padding:0 15px;margin-bottom: 30px;height:428px;position: relative;} .imgtextlist2 ul li .libox{padding-bottom: 30px;position: absolute;left:15px;top:0;right:15px;transition: all 0.5s ease-in;} .imgtextlist2 ul li .imgbox{height:300px;overflow: hidden;} .imgtextlist2 ul li .textbox{padding:0 20px 17px 30px;height:53px;transition: all 0.5s ease-in;overflow: hidden;} .imgtextlist2 ul li .textbox::before{width:4px;height:20px;transition: all 0.5s ease-in;} .imgtextlist2 ul li .textbox .name{font-size: 20px;line-height: 32px;font-weight: normal;padding-bottom: 4px;} .imgtextlist2 ul li .textbox .text{font-size: 14px;line-height: 20px;height:0px;overflow: hidden;opacity: 0;transition: all 0.5s ease-in;} .imgtextlist2 ul li .btnbox{margin-top: 0;height:30px;} .imgtextlist2 ul li .btnbox a{width:110px;height:30px;line-height: 30px;font-size: 14px;margin-right: 10px;} .imgtextlist2 ul li .btnbox a .t{padding-left: 24px;background-size:16px auto;} .imgtextlist2 ul li .btnbox .icon{width:48px;height:30px;} .imgtextlist2 ul li .libox:hover{top: -20px;height:468px;transition: all 0.5s ease-in;box-shadow: 0 10px 10px 8px rgba(0,0,0,.1);} .imgtextlist2 ul li .libox:hover .textbox{height:93px;transition: all 0.5s ease-in;} .imgtextlist2 ul li .libox:hover .textbox::before{height:68px;transition: all 0.5s ease-in;} .imgtextlist2 ul li .libox:hover .textbox .text{height:40px;opacity: 1;transition: all 0.5s ease-in;} .brandlump3M .gamenavM .dlbox{margin:0 -20px;} .brandlump3M .gamenavM .dlbox .box{width:25%;padding:0 20px;} .brandlump3M .gamenavM dl{padding:20px;border-radius: 15px;min-height:300px;border:1px solid #e3e6f6;transition: all 0.3s ease-in;} .brandlump3M .gamenavM dl dt::before{width:20px;height:4px;left:10px;top:-20px;transition: all 0.5s ease-in;} .brandlump3M .gamenavM dl:hover{border-color: #fff;box-shadow: 0 8px 8px 6px rgba(0,0,0,.1);} .brandlump3M .gamenavM dl:hover dt::before{width:76px;transition: all 0.5s ease-in;} .brandlump3M .gamenavM .hinttext{margin-top: 54px;} .brandlump4M{margin-bottom: -50px;} .brandlump4M .imgtextlist3{padding-top: 1px;margin-top: 32px;} .imgtextlist3 .swiper-container{padding:50px 0;margin:-50px 0 0;position: relative;} .imgtextlist3 .swiper-button-prev, .imgtextlist3 .swiper-button-next,.imgtextlist2 .swiper-button-prev, .imgtextlist2 .swiper-button-next{width:19px;height:33px;opacity: .7;} .imgtextlist3 .swiper-button-prev,.imgtextlist2 .swiper-button-prev{left:-50px;} .imgtextlist3 .swiper-button-next,.imgtextlist2 .swiper-button-next{right:-50px;} .imgtextlist3 .swiper-button-prev:hover, .imgtextlist3 .swiper-button-next:hover,.imgtextlist2 .swiper-button-prev:hover, .imgtextlist2 .swiper-button-next:hover{opacity: 1;} .imgtextlist3 ul li{transition: all 0.3s ease-in;opacity: 1;} .imgtextlist3 ul li .imgbox{border-radius: 15px;overflow: hidden;} .imgtextlist3 ul li .textbox{background: none;transition: all 0.5s ease-in;padding:0 28px 12px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;} .imgtextlist3 ul li .textbox .name{font-size: 24px;line-height: 50px;} .imgtextlist3 ul li .textbox .text{font-size: 14px;line-height: 20px;height:20px;transition: all 0.5s ease-in;} .imgtextlist3 ul li .morebtn{opacity: 0;transition: all 0.5s ease-in;transform: translateY(100%);width:170px;height:50px;line-height: 50px;font-size: 16px;left:26px;cursor: pointer;} .imgtextlist3 ul li .morebtn::before{width:14px;height:14px;right:31px;} .imgtextlist3 ul li .box { position: relative; transition: all 0.3s ease-in; opacity: 1; border-radius:15px;} .imgtextlist3 ul li:hover { z-index: 3; } .imgtextlist3 ul li:hover .box{transition: all 0.5s ease-in;box-shadow:0 0 6px 3px rgba(0,0,0,.2);transform: scale(1.05,1.05) translateX(-3.5%);} .imgtextlist3 ul li.swiper-slide-active:hover .box { transform: scale(1.05,1.05) translateX(3.5%); } .imgtextlist3 ul li:hover .textbox{background: #3f9eef;padding-top:26px;padding-bottom: 56px;transition: all 0.5s ease-in;} .imgtextlist3 ul li:hover .textbox .text{height:40px;transition: all 0.5s ease-in;} .imgtextlist3 ul li:hover .morebtn{opacity: 1;transform: translateY(50%);transition: all 0.5s ease-in;} .brandlump5{padding:77px 0 42px;} .imgtextbox1 dl dt{float:left;width:600px;margin:40px 0 0 40px;} .imgtextbox1 dl dt img{transform: translate(-40px,-40px);} .imgtextbox1 dl dd{float:right;width:515px;padding-top: 46px;} .imgtextbox1 dl dd .stitle1{font-size: 30px;line-height: 48px;padding-bottom: 29px;} .imgtextbox1 dl dd .stitle1::before{width:40px;height:4px;} .imgtextbox1 dl dd .text{font-size: 16px;line-height: 26px;margin-top: 32px;} .brandlump .listmorebtn{margin-top: 52px;} .listmorebtn{width:170px;height:50px;line-height: 50px;font-size: 16px;cursor: pointer;} .listmorebtn::before{width:14px;height:14px;} .brandlump8M .imgtextbox1 dl dt{float:right;width:460px;} .brandlump8M .imgtextbox1 dl dd{float:left;width:670px;} .brandlump .partnerslist .swiper-container{padding-top: 2px;} .brandlump9 .imgtextlist2{margin-top: -10px;} .brandlump9 .imgtextlist2 .swiper-container { padding-top:23px;} .brandlump9 .imgtextlist2 ul li{height:auto;} .brandlump9 .imgtextlist2 ul li .libox{padding:0;position: relative;} .brandlump9 .imgtextlist2 ul li .imgbox{height:171px;overflow:hidden;} .brandlump9 .imgtextlist2 ul li .textbox{height:68px;line-height: 68px;padding:0 38px;margin-top: 0;} .brandlump9 .imgtextlist2 ul li .textbox .name{height:68px;line-height: 68px;padding:0;} .brandlump9 .imgtextlist2 ul li .textbox::before{top:50%;transform: translateY(-50%);width:2px;transition: all 0.5s ease-in;} .brandlump9 .imgtextlist2 ul li .libox:hover .textbox::before{height:32px;transition: all 0.5s ease-in;} .brandlump9 .imgtextlist2 ul li .libox:hover{transition: all 0.5s ease-in;box-shadow: 0 6px 6px 6px rgba(0,0,0,.06);transform: scale(1.05,1.05);height:auto;top:0;} .brandlump9 .imgtextlist2 ul li .libox:hover .textbox{height:auto;transition: all 0.5s ease-in;} .brandlump9 .imgtextlist2 ul li .libox:hover .textbox::before{height:32px;transition: all 0.5s ease-in;} .brandlump9 .listmorebtn{margin-top: 24px;} .brandlump10 .demeanorlist .swiper-container{padding:100px 0;} .brandlump10 .textbox2{font-size: 16px;line-height: 26px;width:1040px;margin:0 auto;padding-top: 10px;text-align: center;} .brandlump11 .imgnamelist2{padding-top: 50px;} .imgnamelist2 ul{margin:0 -15px;padding-bottom: 1px;margin-bottom: -86px;} .imgnamelist2 ul li{padding:0 15px;margin-bottom: 86px;} .imgnamelist2 ul li .name{left:15px;font-size: 14px;line-height: 30px;height:30px;padding:0 22px;} .brandlump12M{padding:46px 0 0 30px;} .brandlump12M dl{padding:0;margin:0;} .brandlump12M dl dd{float:left;width:794px;height:258px;border-top-width: 2px;transform: translate(-30px,-30px);padding:8px 100px 0 30px;} .brandlump12M dl dd .stitle1{font-size: 24px;line-height: 36px;padding:12px 0;} .brandlump12M dl dd .text{font-size: 16px;line-height: 26px;} .brandlump12M dl dt{float:right;width:354px;height:258px;border-top-width: 2px;transform: translate(-30px,-30px);margin:0;padding-top: 54px;} .brandlump13M{margin-top: 0;padding-top: 11px;} .brandlump13M .box{float:left;margin-right: 30px;} .brandlump13M .box1{width:256px;} .brandlump13M .box2{width:256px;} .brandlump13M .box3{width:340px;margin-right: 0;} .brandlump13M .box4{width:256px;float:right;margin-right: 0;} .brandlump13M dl{padding:17px 10px;height:130px} .brandlump13M dl:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);border-bottom:2px solid #3c9eef;} .brandlump13M dl dd .entext{font-size: 14px;} .brandlump13M dl dd .sbox{padding:5px 0;float:left;width:50%;} .brandlump13M dl.ewmbox{padding-left:46px;} .brandlump13M dl.ewmbox dd{left:154px;font-size: 12px;color:#576166;line-height: 16px;top:56px;bottom:auto;} .animateP .movebox{opacity: 0;} .animateP .movebox2{opacity: 0;} .animateP .leftmove1{transform: translateX(-20%);} .animateP .rightmove1{transform: translateX(20%);} .animateP .topmove1{transform: translateY(-20%);} .animateP .bottommove1{transform: translateY(20%);} .animateP .leftmove2{transform: translateX(-40%);} .animateP .rightmove2{transform: translateX(40%);} .animateP .topmove2{transform: translateY(-40%);} .animateP .bottommove2{transform: translateY(40%);} .animateP .leftmove3{transform: translateX(-60%);} .animateP .rightmove3{transform: translateX(60%);} .animateP .topmove3{transform: translateY(-60%);} .animateP .bottommove3{transform: translateY(60%);} .animateP .leftmove4{transform: translateX(-80%);} .animateP .rightmove4{transform: translateX(80%);} .animateP .topmove4{transform: translateY(-80%);} .animateP .bottommove4{transform: translateY(80%);} .animateP .leftmove5{transform: translateX(-100%);} .animateP .rightmove5{transform: translateX(100%);} .animateP .topmove5{transform: translateY(-100%);} .animateP .bottommove5{transform: translateY(100%);} .animateP.show .movebox{opacity: 1;transition: all 0.5s ease-out;transform: translate(0,0);} .animateP.show .movebox2{opacity: 1;transition: all 0.5s ease-out;} .animateP.show .movebox.delay1,.animateP.show .movebox2.delay1{transition-delay: 0.5s;} .animateP.show .movebox.delay2,.animateP.show .movebox2.delay2{transition-delay: 1s;} .animateP.show .movebox.delay3,.animateP.show .movebox2.delay3{transition-delay: 1.5s;} .animateP.show .movebox.delay4,.animateP.show .movebox2.delay4{transition-delay: 2s;} .imgtextlist .animateP dt,.imgtextlist .animateP dd{opacity: 0;} .imgtextlist .animateP dt{transform: translateX(-20%);} .imgtextlist .animateP dd{transform: translateX(20%);} .imgtextlist .animateP.show dt,.imgtextlist .animateP.show dd{opacity: 1;transition: all 0.5s ease-out;transform: translate(0,0);} .partnerslist.animateP ul{opacity: 0;transform: translateY(20%);} .partnerslist.animateP.show ul{opacity: 1;transition: all 0.5s ease-out;transform: translate(0,0);} .companyphotolist.animateP ul{opacity: 0;transform: translateY(20%);} .companyphotolist.animateP.show ul{opacity: 1;transition: all 0.5s ease-out;transform: translate(0,0);} } @media (min-width: 1366px) { .nav{margin-right: 50px;} .nav ul li{margin-left: 42px;} .searchboxM{width:200px;} .insidebannertext{margin-top: 52px;transform: translate(-50%,-58%);} .insidebannertext img{display: block;height:69px;} .insidebannertext .indextitle .entitle{font-size: 16px;} .insidebannertext .indextitle .cntitle{font-size: 48px;line-height: 60px;} } @media (min-width: 1660px) { .nav { margin-right: 100px; } /* .header .logo{margin-top: 3px;} .header .logo img{height:31px;} .footnav ul li{width:110px;margin:0 0 0 32px;} .nav{margin-left: 44px;} .nav ul li{padding:0 25px;} .searchbox{margin-right: 143px;} .searchboxM{width:240px;} */ } @media (min-width:992px) and (max-width:1200px) { .imgtextbox2 dl dt{float:left;width:50%;} .imgtextbox2 dl dd{float:right;width:50%;padding:15px 0 0 20px;} .imgtextbox2 dl dd .stitle{font-size: 28px;} .imgtextbox2 dl dd .textbox{font-size: 16px;} .textlistimglist1 .imgbox{float:left;width:50%;} .textlistimglist1 .textlist{float:right;width:50%;padding:15px 20px;} .textlistimglist1 .textlist ul li{line-height: 44px;} .textlistimglist1 .textlist ul li .time .day{top: 10px;} .indexgamelist{padding:15px;} .indexgamelistM ul li{padding:15px;} .indexgamelistM ul li .stitle1{font-size:22px;line-height: 36px;} .indexgamelistM ul li .textbox{font-size: 13px;} .companyintroT .imgbox{float:right;width:40%;margin-left: 50px;margin-top: 40px;} .companycultureM .leftimg{float:left;width:50%;} .companycultureR{float:right;width:50%;padding-left: 30px;} .companycultureR ul li{width:100%;} .imgtextlist dl dt{float:left;width:30%;margin-right: 20px;} .imgtextlist dl dd{font-size: 13px;} .brandlump1 .textlistimglist1 .textlist{float:left;width:50%;} .brandlump1 .textlistimglist1 .imglist{float:right;width:50%;border-bottom-left-radius:0;border-top-right-radius:10px;} .imgtextbox1 dl dt{float:left;width:50%;} .imgtextbox1 dl dd{float:right;width:45%;} .imgtextbox1 dl dd .stitle1{font-size: 28px;line-height: 40px;} .imgtextbox1 dl dd .text{font-size: 16px;line-height: 26px;} .brandlump12M dl dd{float:left;width:70%;height:240px;} .brandlump12M dl dd .stitle1{font-size: 18px;} .brandlump12M dl dd .text{font-size: 14px;line-height: 24px;} .brandlump12M dl dt{float:right;width:28%;margin-top: 0;height:240px;padding-top:30px;} .brandlump12M dl dt img{height:156px;} .brandlump13M dl{float:left;width:50%;} .newslist ul li .timebox{width:15%;} .newslist ul li .imgbox{height:100px;} .newslist ul li .imgbox img{height:100px;} .newslist ul li .textbox{width:85%;} .governdetail dl dt{float:left;width:50%;} .governdetail dl dd{float:right;width:50%;padding:20px 0 0 20px;} .governdetail dl dd .namesite .name{font-size: 24px;} .governdetail dl dd .text{font-size: 14px;line-height: 24px;} .governdetail dl dd .returnbtn{margin-top: 50px;} .investcontact{margin:0 -10px;} .investcontact{padding:16px 0;background: url(../images/bg6.jpg) no-repeat center center;background-size: auto 210px;height:402px;} .investcontactL{height:230px;width:446px;background: url(../images/bg7.png) no-repeat center center;background-size: auto 100%;float:left;margin-top:70px;margin-left: 30px;} .investcontactL dl dt{left:59px;width:68px;height:68px;} .investcontactL dl dd{left:168px;font-size: 14px;line-height: 18px;} .investcontactL dl dd .mail{color:#3b9ef2;font-size: 24px;line-height: 30px;margin-top:8px;} .investcontactR{padding:35px 0 0 35px;margin-top: 16px;float:right;width:500px;height:405px;} .investcontactR .imgbox img{height:100%;transform: translate(-35px,-35px);} .icontextlist2 ul li{float:left;width:32%;margin:0 0.6%} .newsdetail{float:left;width:67%;} .newshotspot{float:right;width:30%;} .header2{padding-right: 90px;} .header2.cur{padding-right: 90px;} .header2 .nav{margin-right: 12px;} .header2 .nav ul li{margin-left: 12px;} .header2 .gamenavbtn{left:auto;right:10px;transform: translateY(-56%);} .header2.cur .gamenavbtn{transform: translateY(-65%);} .header2 .searchbox{margin-right: 8px;} .header2 .enbtn{margin-right: 8px;} .header2 .webloginbox .signinbtn{margin-right: 8px;} .partnerslist{padding:0 20px 30px;} .companycourseT dl dt{float:right;width:40%;} .companycourseT dl dd{float:left;width:55%;} .companycourseT dl dd .textbox{height:200px;} .companyhonorT dl dt{float:right;width:45%;} .companyhonorT dl dd{float:left;width:55%;} .contactusL{float:left;width:55%;height:560px;} .contactulR{float:right;width:45%;margin-top: 0;padding-left: 10px;} .brandlump10 .demeanorlist .swiper-container{padding:100px 0;} .companycourseT { padding-bottom:10px;} .companyduty { padding-bottom: 20px; } .companyduty .listmorebtn { margin-top: 20px; } .companyrecruitM .recruitfactor { float: left; width: 69%;height:283px; } .companyrecruitM .recruitpublic { float: right; width: 29%; } .companyrecruitM .hotrecruit { float: left; width: 69%;clear:left; } .companyrecruitM .recruitcontact { float: right; width: 29%; } .recruitcontactM .contactulR { float: none; width: 100%; } .recruitcontactM .contactulR dl { padding-left: 50px; } .recruitcontactM .contactulR dl dt { width: 50px; } .recruitcontactM .contactulR dl dd .entext { font-size:14px;} .demeanorlist .swiper-container { margin-top: -40px; padding:150px 0;} .footer{padding-top: 50px;} .footnav{height:284px;} .footnav ul li{float:left;width:150px;margin-left: 0;} .footnav ul li>a{border:none;margin:0;line-height: 32px;font-size: 22px;color:#fff;font-weight: normal;padding-bottom: 26px;display: block;} .footnav ul li>a::before{display: none;} .footnav ul li .twonav{display: block !important;margin-top: 0 !important;height:auto !important;padding:0;background: none;} .footnav ul li .twonav p{padding:0;font-size: 16px;line-height: 30px;} .footnav ul li .twonav a{color:#b5ddff;padding:0;display: inline;} .footnav ul li .attentionus{display: block !important;margin-top: 0 !important;height:auto !important;padding:0;background: none;overflow: initial;} .footnav ul li.attentionli{width:200px;text-align: center;} .footnav ul li.opinionli{float:right;width:100px;text-align: center;} .footnav ul li.opinionli .attentionus .iconnamebox{width:80px;} .footerT { padding: 0 10px;max-width:992px;margin:0 auto; } .footerB { max-width: 992px; margin:0 auto;} .attentionus .iconnamebox{width:80px;float:left;} .attentionus .iconnamebox .iconbtn .sname{font-size: 16px;line-height: 30px;} .attentionus .iconnamebox2{padding-bottom: 0;} .attentionus .microblog .microblogbox{top:-128px;bottom:auto;display: none;border:10px solid #fff;box-shadow: 0 0 5px 5px rgba(0,0,0,.1);} .attentionus .microblog .microblogbox::after{border-top:8px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:none;top:auto;bottom:-18px;} .attentionus .microblog .microblogbox img{width:100px;height:100px;} .attentionus .microblog:hover .microblogbox{display: block;} } /* 登录注册忘记密码 */ #ld_login{position:relative;background:#fff;} #ld_login .content{position:relative;z-index:1;background:#fff;color:#262626;font-size:14px} #ld_login .content .ins_item{overflow:hidden;margin-bottom:28px} #ld_login .content .ins_item .terms{float:left;width:120px;font-size:18px;text-align:right;line-height:37px;} #ld_login .content .ins_item .terms span{padding-right:10px} #ld_login .content .ins_item .val_ins{float:left;width:262px;height:35px;line-break:35px;background:#f3f3f3;border:1px solid #ebebeb;padding-left:15px} #ld_login .content .ins_item .msg{float:left;color:#d04946;padding-top:20px;margin-left:6px;line-height:1;display:none} #ld_login .content .ins_item .val_code_pic{width:148px} #ld_login .content .ins_item .code_pic{display:none} #ld_login .content .ins_item .code_pic,#ld_login .content .ins_item .get_code{float:left;width:105px;height:35px;border:1px solid #ebebeb;margin-left:8px;cursor:pointer} #ld_login .content .ins_item .get_code{background:#959393;color:#f3f3f3;text-align:center;line-height:35px} #ld_login .content .mc_box{width:262px;margin-left:120px;padding-top:10px} #ld_login .content .login .mc_box .btn,#ld_login .content .forget .mc_box .btn,#ld_login .content .regist .mc_box .btn{display:block;background:#2794f0;border-radius:5px;color:#fff;text-align:center;line-height:40px;font-size:20px;margin-bottom:20px} #ld_login .content .login .mc_box .tip,#ld_login .content .forget .mc_box .tip,#ld_login .content .regist .mc_box .tip{text-align:center;color:#262626;vertical-align:middle} #ld_login .content .login .mc_box .tip a,#ld_login .content .forget .mc_box .tip a,#ld_login .content .regist .mc_box .tip a{color:#2794f0;font-size:16px;text-decoration:underline} #ld_login .content .login .mc_box .tip i,#ld_login .content .forget .mc_box .tip i,#ld_login .content .regist .mc_box .tip i{display:inline-block;width:19px;height:19px;background:url("../images/in.png") no-repeat;vertical-align:-3px;margin-left:5px} #ld_login .content .login{padding-top:90px;width:600px;margin:0 auto;padding-bottom: 90px;} #ld_login .content .mc_box{width:279px;margin-left:120px;padding-top:10px} #ld_login .content .login .mc_box .link{text-align:right;margin-bottom:14px} #ld_login .content .login .mc_box .link a{color:#2794f0} #ld_login .content .forget{padding-top:90px;padding-bottom: 90px;width:600px;margin:0 auto;} #ld_login .content .forget .tit{font-size:20px;margin-bottom:26px;width:150px;text-align: right;} #ld_login .content .regist{padding-top:50px;padding-bottom: 50px;width:600px;margin:0 auto;} #ld_login .content .regist .info{padding-top:38px;} #ld_login .content .regist .info p{width:545px;height:27px;line-height:27px;background:#959393;text-align:center;color:#f3f3f3;position:relative;margin-bottom:30px} #ld_login .content .regist .info p::before{position:absolute;content:"";width:0;height:0;bottom:-7px;left:50%;margin-left:-3px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #959393} #ld_login .content .regist .read{margin-bottom:40px;color:#555;width:320px;} #ld_login .content .regist .read a{color:#555} #ld_login .content .regist .read span{margin-left:7px} #ld_login .content .regist .read input{width:19px;height:19px;border:0;-webkit-appearance:none;appearance:none;outline:0;background:url("../images/check_0.png") no-repeat;vertical-align:-3px} #ld_login .content .regist .read input:checked{background-image:url("../images/check_1.png")} @media (max-width:762px) { #ld_login .content .login{width:100%;max-width:400px;padding-left:20px;padding-right: 20px;} #ld_login .content .regist{width:100%;max-width:400px;padding-left:20px;padding-right: 20px;} #ld_login .content .ins_item{margin-bottom: 10px;} #ld_login .content .ins_item .terms{float:none;text-align: left;} #ld_login .content .ins_item .val_ins{float:none;display: block;width:100%;} #ld_login .content .ins_item .msg{float:none;display: block;padding-top: 8px;} #ld_login .content .mc_box{margin:0 auto;width:100%;} #ld_login .content .regist .info p{width:100%;height:auto;} } .qanswerlist, .playerservice { display: none; } .shows, .dishow { display: block; }