.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }

.recuites{ padding:32px 58px 70px 58px; background:#fff; position:relative; border:1px solid #203768; border-top:none; display:none;}
.recuite-list{ margin-bottom:32px;}
.recuite-list strong{ font-weight:normal; line-height:normal; color:#969696; font-size:14px; margin-bottom:8px;}
.recuite-list p{ color:#969696; font-size:14px; margin-bottom:4px;}
.deliver{ margin-top:60px; padding-top:35px; border-top:1px solid #eeeeee;}
.deliver p{ color:#969696; font-size:14px; line-height:normal; margin-bottom:10px;}
.deliver a{ color:#203768; font-size:14px; text-decoration:underline;}
.showd{ display:block; padding-left:26px; color:#203768; font-size:14px; text-decoration:underline; background:url(../images/tshow.png) left center no-repeat; cursor:pointer; position:absolute; right:18px; bottom:20px; transition:322ms;}
.showd:hover{ background-position:left 2px;}
.loadmore{ margin:auto; margin-top:70px; width:140px; height:45px; text-align:center; line-height:45px; color:#203768; font-size:16px; border:3px solid #203768; overflow:hidden; position:relative;}
.loadmore a{ display:block; text-align:center; position:relative; z-index:5; line-height:45px; color:#203768; font-size:16px;}
.loadmore:before{ content:""; width:100%; height:100%; background:#203768; position:absolute; left:0; top:100%; transition:288ms;}
.loadmore:hover:before{ top:0;}
.loadmore:hover a{ color:#fff;}
.serviceline{ position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-110px;}
.menu-box{padding:50px 0;position:relative;z-index: 2;}
.menu-inner{ text-align:center;}
.menu-inner li{ display:inline-block; text-align:center; margin-right:116px;}
.menu-inner li:last-child{ margin-right:0;}
.menu-inner li b{ display:block; width:100px; transition:340ms; height:100px; margin:auto; position:relative; background:url(../images/radius.png) center no-repeat; background-size:cover !important;}
.menu-inner li b:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/radius1.png) center no-repeat; transition:488ms; transform:scale(0.48); -webkit-transform:scale(0.48); -moz-transform:scale(0.48); opacity:0; visibility:hidden;}
.menu-inner li b i{ display:block; width:43px; height:43px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10;}
.menu-inner li span{display:block;text-align:center;color: #313131;font-size: 15px;margin-top:12px;transition:355ms;}

.menu-inner li:hover b:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.menu-inner li:hover span{color: #203768;} 


.equivalent{ visibility:hidden; opacity:0;}
.content-box{padding: 70px 0;background-size:cover !important;}
.content h2{color: #312d2a;font-weight:normal;font-size: 32px;text-align:center;line-height:normal;margin-bottom:36px;}
.content-info{position:relative;width: 31.5%;float:left;margin-right: 2.75%;overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:466ms;}
.content-info figcaption{display:block;height:75px;line-height:75px;color: #313131;font-size:16px;text-align:center;background:#fff;position:absolute;left:0;bottom:0;width:100%;transition:335ms;}
.content-text{width:100%;height:100%;background: rgba(0, 64, 132, 0.9);box-sizing:border-box;padding:9px;position:absolute;left:0;top:0;opacity:0;visibility:hidden;transform:rotateY(-90deg);transition:450ms;}
.content-wr{ padding:50px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}



.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:22px; border-bottom:1px solid #fff; }
.content-wr p{color:#ffffff;font-size: 14px;line-height: 1.9;margin-top:42px;}
.content-wr span{ color:#ffffff; font-size:14px; position:absolute; left:32px; bottom:38px; z-index:10;}
.content-wr span:hover{ text-decoration:underline;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}
.maintenance{padding: 0;}
.mainten{ background:#ededed; position:relative;}
.mainten figure{ display:block; width:50%; float:left; line-height:normal; overflow:hidden; position:relative;}
.mainten figure img{ display:block; width:100%; height:auto; line-height:0;}
.mainten figcaption{ display:block; position:absolute; left:50%; top:0; width:50%; height:100%;}
.mainten figcaption .main-wr{ position:absolute; box-sizing:border-box; padding:0 34px; width:100%; top:50%; margin-top:-160px; height:320px;}
.mainten figcaption .main-wr h3{color: #124885;font-size: 32px;line-height:normal;font-weight:normal;margin-bottom: 22px;}
.mainten figcaption .main-wr p{color: #888885;font-size: 14px;line-height: 1.6;}
.mainten figcaption .main-wr a{display:inline-block;color:#124885;font-size: 17px;position:absolute;font-family: "Archivo Black",sans-serif;left:34px;bottom:0;}
.mainten figcaption .main-wr a:hover{ text-decoration:underline;}
.load-box{padding: 80px 0 92px;background-size:cover !important;}
.download-area{ width:300px; float:left;}
.download-area h3{color: #312d2a;font-size: 32px;font-weight:normal;line-height:normal;margin-bottom: 30px;}
.download-area p{color: #595757;line-height: 2;font-size: 14px;}
.downlaod-list{width: 100%;margin: 0 auto;}
.down-title{background: #004084;padding: 0 65px 0 44px;}
.down-title span{display:block;height:70px;line-height:70px;color:#fff;font-size: 16px;letter-spacing: 1px;float:left;}
.down-title span:last-child{ float:right;}
.down-content{border-bottom:1px solid #d6e5f0;overflow:hidden;background:#fff;padding:0 51px 0 42px;height: 66px;position:relative;}
.down-content a{display:block;height: 66px;}
.down-content span{display:inline-block;position:relative;z-index:5;float:left;height: 22px;overflow: hidden;width: 85%;color: #2d2d2d;font-size: 15px;line-height: 22px;margin-top: 23px;}
.down-btn{float:right;padding-top: 20px;position:relative;padding-right: 17px;z-index:5;}
.down-btn b{ display:block; width:26px; height:26px; float:left; background:url(../images/loads.png) center no-repeat; transition:330ms;}
.down-btn strong{ display:inline-block; float:left; color:#606060; font-size:14px; margin-left:12px; line-height:26px; font-weight:normal; transition:320ms;}
.down-content a:hover:before{ top:0;}
.down-content a:hover span{ color:#004084;}

.down-content a:hover .down-btn b{ background:url(../images/loads1.png) center no-repeat; }
.down-content a:hover .down-btn strong{ display:block; text-align:center; color:#fff; float:none; margin-left:0;}
.downlaod-list .flex-direction-nav{ height:31px;}
.downlaod-list .flex-direction-nav li{display:inline-block;float:left;margin-top: 15px;}
.downlaod-list .flex-direction-nav li:nth-child(1){ border-right:1px solid #686869; line-height:0;}
.downlaod-list .flex-direction-nav li a{ display:inline-block; width:32px; height:31px; text-indent:999px; overflow:hidden; transition:330ms;}
.downlaod-list .flex-direction-nav li a.flex-prev{ background:#595757 url(../images/prev.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-next{ background:#595757 url(../images/next.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-prev:hover{ background:#124885 url(../images/prev.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-next:hover{ background:#124885 url(../images/next.png) center no-repeat;}

.feedback-box{padding: 70px 0 70px 0;background: #fff;}
.feedback-right{width: 970px;margin: 0 auto;}
.feedbackinput{ margin-bottom:44px;}
.inputinfo{float:left;border-radius: 2px;box-shadow: 2px 2px 2px #d6d6d6;background: #ffffff;}
.inputinfo span{display:inline-block;float:left;padding-left:16px;line-height: 50px;color:#747474;font-size:14px;}
.inputinfo input{width: 414px;float:left;height: 50px;line-height: 50px;padding:
0;padding-left:6px;background:none;border:none;outline:none;font-size:14px;color:#747474;}
.inputinfo:nth-child(2){ float:right;}
.inputinfo:nth-child(3){ margin-top:20px; border-radius:6px;}
.inputinfo textarea{width: 882px;background: #ffffff;padding: 12px 0 12px 0;height:204px;float:left;border:none;outline:none;}
.feed-sub input{width: 230px;margin: 0 auto;display: block;height:50px;line-height:50px;color:#ffffff;font-size:18px;text-align:center;padding:0;border:none;outline:none;border-radius: 30px;transition:340ms;background: #124885;cursor:pointer;}
.feed-sub input:hover{ opacity:0.78;}


.p2-title{text-align:center;}/*通用标题2*/
.p2-title h1{font-size:1.875em;font-weight:normal;text-transform:uppercase;color:#0958a2;}
.p2-title p{color:#666666;margin-top:1.2857em;}

.p3-title{text-align:center;}/*通用标题2*/
.p3-title h1{font-size: 36px;font-weight:normal;line-height: 46px;margin: 0 auto;}
.p3-title i{display:block;width: 20px;height: 3px;background-color: #0958a2;margin: 15px auto 40px auto;}
.p3-title p{font-size:13px;color:#888888;line-height:2em;margin:1em auto 0;}

figure, form, blockquote {
  margin: 0; }

.down-list{ margin-bottom:10px;}

.w900 { width: 900px; margin: 0px auto; }
.jobT { font-size: 30px; line-height: 1.4; color: #676767; margin-bottom: 30px; }
.job-strategy {text-align: center;padding: 70px 0px 60px 0;line-height: 1.8;}
.job-strategy .w900 {margin-bottom: 40px;color: #585858;}
.strategy-btn {background-color: #616161;width: 120px;height: 38px;border-radius: 5px;display: block;margin: 0px auto;line-height: 38px;font-size: 14px;color: #fff;}
.strategy-btn:hover {background-color: #203768;color: #fff;}
.job-strategy-img { height: 275px; background-size: cover; width: 100%; background-repeat: no-repeat; background-position: center center; }
.job-strategy-list a:link, .job-strategy-list a:visited { color: #a7a7a7; text-decoration: underline; }
.job-strategy-list a:active, .job-strategy-list a:hover { color: #203768; }
.job-strategy-list {background-color: #ffffff;font-size: 14px;color: #a7a7a7;}
.job-strategy-list li {float: left;display: block;text-align: center;width: 33.333333333%;padding: 40px 2%;line-height: 1.75;}
.job-strategy-list .jico {width: 60px;display: block;margin: 0px auto 15px;}
.job-strategy-list .t {font-size: 16px;color: #000000;margin-bottom: 10px;}
.job-strategy-list .c {width: 238px;margin: 0px auto;color: #868686;line-height: 1.7;}
.job-strategy-list li:hover .jico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.jobList { width: 1024px; margin: 0px auto; }
#jobpage2 {padding-bottom: 80px;}
#jobpage2 .w900 {margin-bottom: 0px;color: #676767;}
.jobList { color: #9e9e9e; }
.jobList .jspan {text-align: center;cursor: pointer;width: 25%;display: block;float: left;color: #808080;height: 54px;line-height: 54px;}
.jobList .jobdt {font-size: 16px;border-radius: 5px 5px 0px 0px;overflow: hidden;background-color: #0092da;}
.jobList .jobdt .jspan { color: #fff; }
.jobList .jobTitle {border-bottom: 2px solid #ffffff;background: #f3f3f3;}
.jobList .jobBcon { background-color: #fafafa; padding: 28px 5%; display: none; overflow: hidden; }
.jobList .active .jobTitle { background-color: #efefef; }
#jobpage3 { padding-top: 50px; }
#jobpage3 .jobT { text-align: center; }
.staffList .img { width: 100%; overflow: hidden; position: relative; }
.staffList .img .imgbg { width: 100%; height: 280px; display: block; background-position: center center; background-repeat: no-repeat; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.staffList .img .black-30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.staffList .item { background-color: #fff; }
.staffList .con { padding: 40px 10%; height: 200px; position: relative; }
.staffList .con .zh { color: #4c4c4c; font-size: 18px; height: 32px; overflow: hidden; margin-bottom: 8%; }
.staffList .con .c { color: #777; font-family: arial, helvetica, sans-serif; height: 65px; overflow: hidden; }
.staffList .con .more2 { position: absolute; left: 10%; bottom: 40px; }
.staffList .con .newIa { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.staffList .item:hover { background-color: #e5e5e5; }
.staffList .item:hover .imgbg { transform: scale(1.06); -webkit-transform: scale(1.06); }
.staffList .item:hover .black-30 { opacity: 1; visibility: visible; }
.staffList .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(../images/img_btn2.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.staffList .slick-arrow i { background: url(../images/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.staffList .slick-prev { left: 2%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.staffList .slick-next { right: 2%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.staffList .slick-prev i { background-image: url(../images/img_l.png); }
.staffList .slick-next i { background-image: url(../images/img_r.png); }
.staffList:hover .slick-prev, .staffList:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }