.news-wrap { padding-top: 46px; background-color: #f5f5f5; padding-bottom: 120px; overflow:hidden; } .news-wrap .pinterest { width: 100%; position: relative; overflow: hidden; padding-bottom: 120px; } .news-wrap .main { position: relative; width: 100%; } .news-wrap .main .box { font-family:"寰蒋闆呴粦"; background-color: #fff; border-bottom: 1px solid #dfdfdf; margin-bottom: 20px; } .news-wrap .main .pic { display: block; width: 100%; } .news-wrap .main img { width: 100%; max-width: 380px; } .news-wrap .main .cont { display: block; padding: 26px 30px 13px; } .news-wrap .main .cont2 { display: block; padding: 13px 30px 13px; } .news-wrap .main .tit { font-size: 18px; color: #000; line-height: 28px; height: 28px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .news-wrap .main .tit:hover { color: #0062cb; } .news-wrap .main .tit a{ color: #000; display: inline-block; } .news-wrap .main .tit a:hover{ color: #0062cb; } .news-wrap .main .font { display: inline-block; margin-top: 13px; font-size: 14px; color: #666; line-height: 200%; margin-right:5%; } .news-wrap .main .font:hover { color: #0062cb; } .news-wrap .main .date { float:left; display: block; font-size: 14px; font-family: "Arial"; color: #8d8d8d; line-height:200%; } .news-wrap .main .date2 { float:left; display: block; font-size: 14px; font-family: "Arial"; color: #8d8d8d; padding-right:15px; margin-right:15px; border-right:#f1f1f1 1px solid; } .news-wrap .pinterest .more{ text-align: center; margin: 10px auto; } .news-wrap .pinterest .more span{ display: inline-block; width: 120px; height: 36px; border: 1px solid #005aab; background: #005aab; font-size: 14px; line-height: 36px; color: #fff; cursor: pointer; } .news-wrap .pinterest .more span.hover{ background: none; color: #005aab; } .news-info { font-family:"寰蒋闆呴粦"; background-color: #fff; width: 92%; padding: 35px 4% 38px; } .news-info h3 { font-size: 24px; font-weight: normal; color: #333; line-height: 58px; text-align: center; padding-bottom: 23px; border-bottom: 1px solid #e4e4e4; } .news-info .lab-tips { padding-top: 21px; line-height: 30px; text-align: center; } .news-info .lab-tips .date { font-size: 14px; font-family: "Arial"; color: #999; text-align:center; } .news-info .lab-tips .tt { color: #525151; margin-right: 12px; } .news-info .lab-tips .share { margin-left: 18px; display: inline-block; margin-left: 17px; } .news-info .lab-tips a { display: inline-block; float: left; } .news-info .cont { padding-top: 24px; padding-bottom: 50px; font-size: 14px; line-height: 30px; color: #444; } .news-info .cont img { display: block; margin: 0 auto; max-width: 100%; } .news-info .paging .left { line-height: 22px; } .news-info .paging a { color: #666; } .news-info .paging a:hover { color: #0062cb; } .news-info .paging .return { display: inline-block; padding-left: 18px; background: url(../images/ico_01.jpg) no-repeat left center; line-height: 22px; } .global-wrap .fir-wrap { width: 100%; height: 641px; background: url(../images/bg_01.jpg) no-repeat center bottom; padding-top: 102px; } .global-wrap .fir-wrap .cn-tt { color: #dee3e9; } .global-wrap .fir-wrap .tt:before, .global-wrap .fir-wrap .tt:after { background-color: #46536d; } .global-wrap .en-tt { display: block; margin: 0 auto; } .global-wrap .cn-tt { display: block; text-align: center; line-height: 36px; margin-top: 9px; font-size: 22px; color: #dddee1; } .global-wrap .cn-tt .tt { display: inline-block; padding: 0 36px; position: relative; } .global-wrap .cn-tt .tt:before, .global-wrap .cn-tt .tt:after { content: ""; display: inline-block; width: 27px; height: 1px; position: absolute; top: 18px; } .global-wrap .cn-tt .tt:before { left: 0; } .global-wrap .cn-tt .tt:after { right: 0; } .global-wrap .word { display: block; width: 39%; margin: 47px auto 0; color: #fff; text-align: center; font-size: 14px; } .global-wrap .ico { display: block; width: 40px; height: 40px; background: url(../images/ico_02.png) no-repeat center; margin: 82px auto 0; cursor: pointer; animation: 2s linear 0s infinite running active; } .global-wrap .sec-wrap { width: 100%; height: 665px; background: url(../images/bg_02.jpg) no-repeat center bottom; padding-top: 64px; } .global-wrap .sec-wrap .cn-tt { color: #dee3e9; } .global-wrap .sec-wrap .tt:before, .global-wrap .sec-wrap .tt:after { background-color: #4c7598; } .global-wrap .thi-wrap { padding-top: 70px; } .global-wrap .thi-wrap p.en { font-size: 30px; line-height: 36px; color: #777; text-transform: uppercase; text-align: center; } .global-wrap .thi-wrap .cn-tt { color: #005aab; } .global-wrap .thi-wrap .tt:before, .global-wrap .thi-wrap .tt:after { background-color: #c8c8c8; } .global-wrap .thi-wrap .cent-nav { width: 758px; text-align: center; line-height: 16px; padding: 18px 0; border-bottom: 1px solid #f2f3f5; margin: 24px auto 0; font-size: 14px; } .global-wrap .thi-wrap .cent-nav span { padding: 0 34px; border-right: 1px solid #ececec; cursor: pointer; } .global-wrap .thi-wrap .cent-nav span:last-child { border-right: 0; } .global-wrap .thi-wrap .cent-nav span.hover { color: #0062cb; } .global-wrap .thi-wrap .cent-font { display: block; text-align: center; line-height: 40px; margin-top: 11px; font-size: 18px; color: #005aab; } .global-wrap .thi-wrap .city-list { padding-top: 44px; padding-bottom: 65px; position: relative; overflow: hidden; } .global-wrap .thi-wrap .city-list ul { width: 102%; } @media only screen and (max-width: 980px) { .global-wrap .thi-wrap .city-list ul { width: 100%; text-align: center; } } .global-wrap .thi-wrap .city-list li { min-width: 76px; height: 35px; line-height: 35px; padding: 0 22px; text-align: center; background-color: #e5e5e5; font-size: 14px; margin-right: 15px; margin-bottom: 15px; } @media only screen and (max-width: 980px) { .global-wrap .thi-wrap .city-list li { float: none; display: inline-block; } } .global-wrap .thi-wrap .city-list li:hover { background-color: #0167c3; color: #fff; } .global-wrap .map-sign { margin-top: 21px; position: relative; z-index: 3; } .global-wrap .map-sign img { width: 100%; position: relative; z-index: -1; } .global-wrap .map-sign .lab-sign { position: absolute; cursor: pointer; z-index: 5; background: url(../img/bg.png) no-repeat; } .global-wrap .map-sign .alert-box { display: none; position: absolute; width: 160px; padding: 43px 82px 0 0; height: 136px; background: url(../images/bg_03.png) no-repeat center; text-align: center; line-height: 20px; font-size: 13px; color: #000; left: 50%; margin-top: 50px; margin-left: -50px; z-index: 2; } .global-wrap .map-sign .lab-sign.hover .alert-box { display: block; } @keyframes active { 0% { transform: translate(0, 5px); } 50% { transform: translate(0, -5px); } 100% { transform: translate(0, 5px); } } .talent-wrap { padding-top: 60px; background-color: #f5f5f5; padding-bottom: 100px; } .talent-wrap .navbox { width: 100%; } .talent-wrap .navbox a { float: left; display: block; width: 50%; line-height: 68px; font-size: 20px; text-align: center; color: #666; background-color: #ededed; } .talent-wrap .navbox a:hover { color: #0164bc; } .talent-wrap .navbox a.hover { background-color: #0164bc; color: #fff; } .talent-wrap .list { margin-top: 57px; } .talent-wrap .list ul, .talent-wrap .list li { width: 100%; } .talent-wrap .list li { margin-bottom: 10px; } .talent-wrap .list .titbox { width: 91%; padding: 20px 4.5%; height: 30px; line-height: 30px; background-color: #fff; position: relative; } .talent-wrap .list .tit { font-size: 16px; } .talent-wrap .list .butn { display: inline-block; padding-right: 50px; background: url(../images/ico_03.png) no-repeat right center; cursor: pointer; font-size: 14px; } .talent-wrap .list .butn:hover { color: #026dcc; } .talent-wrap .list .sub-cont { width: 100%; margin-bottom: 15px; background-color: #fff; display: none; } .talent-wrap .list .top-tit { width: 91%; background-color: #696969; height: 70px; line-height: 70px; cursor: pointer; padding-left: 4.5%; padding-right: 4.5%; position: absolute; left: 0; top: 0; display: none; } .talent-wrap .list .top-tit .ico { display: inline-block; width: 25px; height: 13px; background: url(../images/ico_04.png) no-repeat center; margin-top: 28px; } .talent-wrap .list .top-tit .name { color: #fff; font-size: 16px; } .talent-wrap .list .top-tit .f20 { font-size: 20px; } .talent-wrap .list .cont-wrap { width: 91%; padding: 0 4.5%; } .talent-wrap .list .tabbox { padding-top: 42px; padding-bottom: 37px; border-bottom: 1px solid #dfdfdf; } .talent-wrap .list .tabbox td { color: #333; } .talent-wrap .list .tabbox .tt { font-size: 14px; color: #666; } .talent-wrap .list .info { border-bottom: 1px solid #dfdfdf; padding-top: 40px; padding-bottom: 36px; } .talent-wrap .list .info .word { display: block; margin-top: 10px; line-height: 26px; font-size: 14px; } .talent-wrap .list .info .boxs { width: 40%; } .talent-wrap .list .info .left { padding-right: 10%; border-right: 1px solid #f2f2f2; } .talent-wrap .list h4 { font-size: 18px; font-weight: normal; line-height: 34px; color: #333; } .talent-wrap .list .bot-hand { padding-top: 36px; padding-bottom: 30px; } .talent-wrap .list .bot-hand .apply { display: block; width: 158px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #026dcc; border-radius: 2px; padding: 0; margin: 0; } .talent-wrap .list .bot-hand .btn { display: inline-block; font-size: 14px; color: #999; line-height: 40px; padding: 0 0 0 26px; margin: 0 0 0 20px; float: right; height: 40px; } .talent-wrap .list .bot-hand .a1 { background: url(../images/ico_06.png) no-repeat left center; } .talent-wrap .list .bot-hand .a2 { background: url(../images/ico_07.png) no-repeat left center; } .talent-wrap .down{padding:20px 0px 30px 0px;text-align:right} .talent-wrap .down a{font-weight:bold;color:#005aab} .talent-wrap .downinfo{padding-bottom:30px} .talent-wrap .downinfo a{font-weight:bold;color:#005aab} .talent-wrap .downinfo a:hover{color:#9a031b} .talent-idea { padding-top: 68px; background-color: #f5f5f5; padding-bottom: 160px; } .talent-idea .list-wrap ul, .talent-idea .list-wrap li { width: 100%; } .talent-idea .list-wrap li { padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; margin-bottom: 26px; } .talent-idea .list-wrap li h3 { font-size: 26px; font-weight: normal; color: #005aab; padding-left: 39px; line-height: 42px; } .talent-idea .list-wrap li .word { display: block; font-size: 14px; line-height: 24px; margin-top: 6px; } .talent-idea .list-wrap li .tt1 { background: url(../images/ico_08.png) no-repeat left center; } .talent-idea .list-wrap li .tt2 { background: url(../images/ico_09.png) no-repeat left center; } .talent-idea .list-wrap li .tt3 { background: url(../images/ico_10.png) no-repeat left center; } .talent-idea .bot-img { margin-top: 27px; } .talent-idea .bot-img ul { width: 101%; } .talent-idea .bot-img li { width: 24.5%; margin-right: 0.5%; background-color: #fff; } .talent-idea .bot-img img { width: 100%; } .talent-idea .bot-img .tit { line-height: 32px; padding: 10px 0; text-align: center; font-size: 18px; color: #999; } .w1120 { width: 1120px; margin: 0 auto; } .tec-wrap { background-color: #f5f5f5; } .tec-wrap .en-tt { max-width: 90%; margin: 0 auto; display: block; } .tec-wrap .cn-tt { line-height: 30px; margin-top: 12px; font-size: 22px; text-align: center; display: block; width: 100%; color: #005aab; } .tec-wrap .cn-tt .tt { display: inline-block; padding: 0 32px; position: relative; } .tec-wrap .cn-tt .tt:after, .tec-wrap .cn-tt .tt:before { content: ""; display: inline-block; width: 27px; height: 1px; background-color: #c8c8c8; position: absolute; top: 16px; } .tec-wrap .cn-tt .tt:after { right: 0; } .tec-wrap .cn-tt .tt:before { left: 0; } .tec-wrap .fir-wrap { padding-top: 85px; padding-bottom: 75px; } .tec-wrap .fir-wrap .column { padding-top: 60px; padding-bottom: 80px; } .tec-wrap .fir-wrap .col-lg { width: 47%; height: 279px; } .tec-wrap .fir-wrap .col-lg .tt { text-align: center; line-height: 42px; font-size: 20px; color: #fff; } .tec-wrap .fir-wrap .left { background: url(../images/bg_05.jpg) no-repeat center; } .tec-wrap .fir-wrap .right { background: url(../images/bg_06.jpg) no-repeat center; } .tec-wrap .fir-wrap .ico { display: block; width: 54px; height: 54px; margin: 40px auto 0; } .tec-wrap .fir-wrap .word { display: block; text-align: left; line-height: 24px; font-size: 14px; margin: 17px auto 0; width: 90%; } .tec-wrap .sec-wrap { background-color: #fff; padding-top: 62px; padding-bottom: 108px; overflow:hidden; } .sch-box{ width:100%; margin-top:50px; } .scroll-down{ background: url("../images/down.jpg") no-repeat; float:right; } .clearpic{ width:1000px; float:left; overflow: hidden; height:137px; margin-left: 40px; } .picbox{ min-width:1264px; height:157px; } .picbox li span{ color:#44395e; font-size:14px; padding-bottom: 7px; line-height: 20px; height:20px; border-bottom:1px solid #d0d0d0; width:260px; display: block; } .picbox li{ width:260px; height:157px; margin-right: 96px; } .pic-tit{ font-size: 14px; font-weight:bold; color:#555; height:30px; line-height:15px; padding:10px 0 5px 0px; } .picbox li p{ font-size: 12px; line-height: 20px; +width:100%; float:left; color:#777; margin-top:0px; } .picbox li a:hover{ color:#035cac; } .picbox li a:hover p{ color:#777; } .scroll-up,.scroll-down{ display: block; width:22px; height:45px; margin-top: 27px; } .scroll-up{ background: url("../images/up.jpg") no-repeat; float:left; } .tec-wrap .thi-wrap { padding:20px; width: 100%; height: 626px; background: url(../images/bg_bg03.jpg) no-repeat center; position:relative; } .thi-wrap p, .thi-wrap span{color:#fff} .tec-wrap .thi-wrap .center-bold{ width:30px; height:340px; position: absolute; background: url("../images/center.png") no-repeat; left:500px; top:200px; } .bz-list{ width:1000px; margin:0 auto; } .bz-list li{ width:420px; height:auto; clear:both; padding:10px 20px; } .bz-list-one{ opacity: 0; filter: alpha(opacity=0); background-color:rgba(255,255,255,0.2); +margin-bottom:120px; margin-top:36px; border-radius:10px; } .bz-list-two{ opacity: 0; filter: alpha(opacity=0); margin-top:30px; background-color:rgba(255,255,255,0.2); +margin-top:110px!important; border-radius:10px; } .mtop3{ margin-top:20px;} .once-one{ float: right;text-align: right; font-size: 16px; color:#fff; line-height: 25px; text-indent: 131px; margin-right: 10px; } .once-tw{ text-align: left; font-size: 16px; color:#fff; line-height: 25px; margin-top:0px; margin-left: 0px; } .bz-list-one p{ float: right; text-align: right; color:#ededed; line-height: 20px; margin-top: 10px; margin-right: 20px; +width:480px; } .bz-list-two{ float:right; margin-top: -5px; } .bz-list-two p{ float:left; margin-left: 0px; text-align: left; line-height: 20px; margin-top: 10px; color:#ededed; +width:480px; } .bz-list-two .bz-bg{ float:left; } .tec-wrap .fou-wrap { padding-top: 30px; padding-bottom: 80px; overflow:hidden; } .severlist{width:900px;margin:0 auto;height:400px;padding-top:15px;} .severlist li{float:left;width:430px;height:130px;margin-right:30px;margin-top:20px;border-bottom:#f1f1f1 1px dotted;} .severlist li:nth-child(2n){margin-right:0px;} .severlist li .severtitle{font-size:15px;font-weight:bold;} .severlist li .severcon{font-size:13px;line-height:30px;} .fou-wrap .rowbox { padding-top: 72px; } .fou-wrap .leftbox { width: 47.5%; font-size: 14px; height: 270px; position: relative; } .fou-wrap .leftbox .content { width: 95.5%; } .tec-wrap .fou-wrap .img { width: 47.6%; } .tec-wrap .fiv-wrap { padding-top: 30px; padding-bottom: 105px; background-color: #fff; } .tec-wrap .fiv-wrap .scroll-box { position: relative; width: 902px; margin: 0px auto 0; } .tec-wrap .fiv-wrap h4 { font-weight: normal; font-size: 20px; color: #000; line-height: 36px; } .tec-wrap .fiv-wrap .word { line-height: 14px; line-height: 24px; margin-top: 7px; } .tec-wrap .fiv-wrap .scroll-box { position: relative; overflow: hidden; height: 428px; } .server-tel{background: url(../images/s-tel_05.png) no-repeat top; width:330px;height:170px;float:left;margin-left:220px;border-right:#f1f1f1 1px solid;} .server-tel p{text-align:center;margin-top:120px;font-size:14px;} .server-mail{background: url(../images/s-eamil_05.png) no-repeat top; width:330px;height:170px;float:right;;margin-right:220px;} .server-mail p{text-align:center;margin-top:120px;font-size:14px;} .server-tel:hover{background: url(../images/s-tell_05.png) no-repeat top;color:#035cac} .server-mail:hover{background: url(../images/s-eamill_05.png) no-repeat top;color:#035cac} @media only screen and (max-width: 980px) { .tec-wrap .fiv-wrap .scroll-box { height: auto; } } .tec-wrap .fiv-wrap .scroll { text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; } @media only screen and (max-width: 980px) { .tec-wrap .fiv-wrap .scroll { position: relative; } } .tec-wrap .fiv-wrap .butns { width: 100%; text-align: center; margin-top: 45px; } @media only screen and (max-width: 980px) { .tec-wrap .fiv-wrap .butns { display: none; } } .tec-wrap .fiv-wrap .butns span { display: inline-block; width: 29px; height: 29px; margin: 0 8px; cursor: pointer; } .tec-wrap .fiv-wrap .butns .up { background: url(../images/ico_15.png) no-repeat center; } .tec-wrap .fiv-wrap .butns .down { background: url(../images/ico_16.png) no-repeat center; } .tec-wrap .sex-wrap { padding-top: 57px; padding-bottom: 70px; width: 100%; height: 686px; background: url("../images/bg_bg05.jpg") center no-repeat; position:relative; } .tec-wrap .sex-wrap p{color:#fff} .cpxinfo{ width:730px; margin:0 auto; position:absolute; top:150px; left:200px; -webkit-animation-name: fadeIn; /*鍔ㄧ敾鍚嶇О*/ -webkit-animation-duration: 3s; /*鍔ㄧ敾鎸佺画鏃堕棿*/ -webkit-animation-iteration-count: 1; /*鍔ㄧ敾娆℃暟*/ -webkit-animation-delay: 0s; /*寤惰繜鏃堕棿*/ } .cpxinfo .logo{ margin-top:200px; margin-left:200px;} .cpxinfo .pxinfo1 {position:absolute;top:350px; left:20px;} .cpxinfo .pxinfo2 {position:absolute;top:180px; left:40px;} .cpxinfo .pxinfo3 {position:absolute;top:40px; left:180px;} .cpxinfo .pxinfo4 {position:absolute;top:40px; right:200px;} .cpxinfo .pxinfo5 {position:absolute;top:180px; right:70px;} .cpxinfo .pxinfo6 {position:absolute;top:350px; right:50px;} .cpxinfo .picon{text-align:center;line-height:145px; font-family:"寰蒋闆呴粦";} .cpxinfo .picon a{color:#0e54a0;font-size:16px;background:url(../images/gdm_231.png);width:144px;height:145px;display:block;transition-duration:500ms;} .cpxinfo .picon a:hover{background:url(../images/gdm1_23a.png);color:#fff;font-size:18px;transform:scale(1.04);transition: all 0.5s;} .tec-wrap .sev-wrap { padding-top: 37px; background:#fff; padding-bottom: 70px; width: 100%; height: 556px; position:relative; } .kcseach{width:900px;margin:0 auto;} @keyframes icotop { 0% { transform: translate(0, -150%); } 50% { transform: translate(0, 0); } 100% { transform: translate(0, 150%); } } #tablediv1 { width: 903px; margin: 0 auto; } #tablediv1 ul{background:#035cac;} #tablediv1 ul li{width:300px;float:left;text-align: center; } .tableth li{color:#fff;border-right:#fff 1px solid;font-size:16px;height: 50px; line-height: 50px;} .tabledh li{background:#f1f1f1;color:#333;border-right:#fff 1px solid;font-size:14px;height: 45px; line-height: 45px;} .tablesh li{background:#fff;color:#333;border-right:#f1f1f1 1px solid;font-size:14px;height: 45px; line-height: 45px;}