html , body{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.error{height: 30px;line-height: 30px;text-align: center;color: red;font-size: 12px;}
.errorbox{width:100%; height: 30px;line-height: 30px;}
form input.red,form select.red,form textarea.red{outline:none;border:2px solid red;}
form input[type=submit]{outline:none;}
.banner-index{
width: 100%;
min-height: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
top: 0px;
background-attachment: fixed;
-webkit-background-size: cover !important;
-moz-background-size: cover!important;
-o-background-size: cover !important;
background-size: cover !important;
text-align: center;
background: #fff;
background-position: 50% 0%;
background-repeat: no-repeat;
margin-bottom: 120px;
}
.banner-index a{
display:none;
}
.slogan{
font-family:"Impact";
font-weight:600;
font-size:68px;
line-height:108px;
}
.slogan_en{
font-family:"Impact";
font-weight:300;
font-size:68px;
line-height:108px;
}
.banner-index-pic{
width: 100%;
height: 609px;
background-image: url(../images/banner1.jpg);
background-size: auto 100%;
background-position: center;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 12%;
z-index: 10;
}
.banner-index-animtion{
width: 1760px;
height: 478px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
bottom: 0;
position: absolute;
}
.banner-video{
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
overflow: hidden;
background: url(../images/line_zhu_402x.png) center no-repeat;
background-size: cover;
}
.banner-video video{
width: 100%;
}
.banner-video img{
width: 100%;
}
.mask-left{
width: 2px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #198ff0;
z-index: 3;
}
.mask-right{
width: 2px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #198ff0;
z-index: 3;
}
.women{
width: 110px;
height: 160px;
background-image: url(../images/women_gif_402x.png);
background-size: auto 100%;
background-position: 0% 0%;
animation: banner_animation 4s steps(100) infinite;
-webkit-animation: banner_animation 4s steps(100) infinite;
position: absolute;
z-index: 5;
bottom: 0;
left: 20%;
}
.car{
width: 300px;
height: 80px;
background-image: url(../images/car_gif_402x.png);
background-size: auto 100%;
background-position: 0% 0%;
animation: banner_animation 2s steps(50) infinite;
-webkit-animation: banner_animation 2s steps(50) infinite;
position: absolute;
z-index: 5;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.robot{
width: 100px;
height: 90px;
background-image: url(../images/robot_gif_402x.png);
background-size: auto 100%;
background-position: 0% 0%;
animation: banner_animation 2s steps(50) infinite;
-webkit-animation: banner_animation 2s steps(50) infinite;
position: absolute;
z-index: 5;
bottom: 0;
right: 10%;
}
.uav{
width: 70px;
height: 50px;
background-image: url(../images/uav_gif_402x.png);
background-size: auto 100%;
background-position: 0% 0%;
animation: banner_animation 4s steps(100) infinite;
-webkit-animation: banner_animation 4s steps(100) infinite;
position: absolute;
z-index: 5;
left: 10%;
top: 10%;
}
.man{
width: 140px;
height: 160px;
background-image: url(../images/man_gif_402x.png);
background-size: auto 100%;
background-position: 0% 0%;
animation: banner_animation 4s steps(100) infinite;
-webkit-animation: banner_animation 4s steps(100) infinite;
position: absolute;
z-index: 3;
right: 25.5%;
top: 38%;
}
.country{
width: 100%;
height: 100%;
background-image: url(../images/country_402x.png);
position: absolute;
z-index: 3;
left: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
transition: transform 0.1s;
}
@keyframes banner_animation{
0%{background-position: 0% 0%;}
100%{background-position: 100% 0%;}
}
@-webkit-keyframes banner_animation{
0%{background-position: 0% 0%;}
100%{background-position: 100% 0%;}
}
.in-service{
background:url(../images/aboutbg.jpg) no-repeat center top #F9F9F9;
}
.in-service-card ul{
margin-top: 40px;
margin-bottom: 60px;
height:auto;
overflow:auto;
}
.in-service-card li{
width: 25%;
float: left;
position: relative;
}
.in-service-card li:nth-child(4){
margin-right: 0;
}
.in-service-card li span{
width: 212px;
height: 220px;
display: block;
background-position: 0px 0px;
background-size: auto 100%;
margin: 0 auto;
}
.in-service-card li h5{
font-size: 30px;
line-height: 30px;
color: #414553;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
white-space:nowrap;
}
.in-service-card li p{
font-size: 18px;
line-height: 18px;
position: absolute;
white-space:nowrap;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
display:none;
}
.in-service-card li:nth-child(1) span{
background-image: url(../images/s1.jpg);
}
.in-service-card li:nth-child(2) span{
background-image: url(../images/s2.jpg);
}
.in-service-card li:nth-child(3) span{
background-image: url(../images/s3.jpg);
}
.in-service-card li:nth-child(4) span{
background-image: url(../images/s4.jpg);
}
.resumebox{
background:url(../images/addresumebg.jpg) no-repeat center center #1A69AC;
background-size:cover;
text-align:center;}
.in-analysis-text h5{
font-size: 40px;
line-height: 40px;
width: 100%;
padding-top: 70px;
color:#FFF;
}
.in-analysis-text p{
font-size: 16px;
line-height: 32px;
width: 100%;
padding-top: 45px;
color:#FFF;
}
.in-analysis-content{
width: 100%;
}
.in-analysis-content a{
width: 440px;
height: auto;
display: inline-block;
margin-right: 36px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
overflow: hidden;
padding-bottom: 22px;
}
.in-analysis-content a:nth-child(3){
margin-right: 0;
}
.in-analysis-content a:hover .analy-card-bg{
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.in-analysis-content a:nth-child(1) .analy-card{
background-image: url(../images/news1_hover.png);
}
.in-analysis-content a:nth-child(2) .analy-card{
background-image: url(../images/news2_hover.png);
}
.in-analysis-content a:nth-child(3) .analy-card{
background-image: url(../images/news3_hover.png);
}
.analy-card-bg{
width: 440px;
height: 440px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
z-index: 1;
transform: scale(1);
-webkit-transform: scale(1);
position: absolute;
left: 0;
top: 0;
transition: all 1.5s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
}
.analy-card{
margin: 0 auto;
margin-top: 356px;
position: relative;
width: 400px;
height: 180px;
background: #fff;
cursor: pointer;
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.07) ;
z-index: 2;
background-size: auto 100%;
background-position: 100% 0%;
transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
}
.analy-label{
position: absolute;
left: 30px;
top: -16px;
font-size: 18px;
text-align: center;
color: #fff;
display: block;
background: #329bf0;
z-index: 3;
padding: 4px 10px;
}
.analy-text{
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.analy-text p{
width: 338px;
position: absolute;
font-size: 30px;
line-height: 45px;
color: #373737;
left: 32px;
top: 42px;
z-index: 2;
transition: all 0.8s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.8s cubic-bezier(.19,1,.22,1);
}
.in-analysis-content a:hover .analy-card{
background-position: 0% 0%;
transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
}
.in-analysis-content a:hover .analy-text p{
color: #fff;
transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
}
.in-analysis-content a:hover .analy-label{
background: #fff;
color: #373737;
}
.porbg{
width:100%;
background-image: url(../images/newsbg1.jpg), url(../images/newsbg2.jpg);
background-position: center top,center bottom;
background-repeat: no-repeat, no-repeat;
}
.portfolio-more a{
width: 342px;
height: 150px;
font-size: 18px;
line-height: 150px;
text-align: center;
color: #414553;
margin: 0 auto;
margin-top: 20px;
background-position: 100% 0%;
cursor: pointer;
display: block;
transition: all 0.8s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.8s cubic-bezier(.19,1,.22,1);
}
.portfolio-more a:hover{
background-position: 0% 0%;
color: #fff;
}
.in-logo-pic{
padding-bottom: 142%;
background: url(../images/logolist.png) no-repeat center / cover;
background-image: -webkit-image-set(url(../images/logolist.png) 1x,url(../images/logolist_402x.png) 2x);
margin-bottom: 100px;
}
/*********************************************index*********************************************/
/*********************************************index*********************************************/
.portfolio-nav{
padding: 60px 0px 0px 0px;
}
.portfolio{
width: 1420px;
margin: 0 auto;
margin-top: 0px;
transform: translateX(10px);
}
.portfolio-nav li{
width: 160px;
height: 60px;
background-image: url(images/li_bg.png);
background-position: 100% 0%;
font-size: 18px;
line-height: 60px;
text-align: center;
color: #414553;
margin-right: 17px;
display: inline-block;
margin-bottom: 20px;
cursor: pointer;
transition: all 0.7s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1);
}
.portfolio-nav li:nth-child(8){
margin-right: 0;
}
.portfolio-nav li.active{
background-position: 0% 0%;
color: #fff;
}
.portfolio-nav li:hover{
background-position: 0% 0%;
color: #fff;
}
.portfolio-part a{
margin-bottom: 20px;
margin-right: 20px;
display: inline-block;
position: relative;
vertical-align: top;
}
.portfolio-part a:hover .pic-bg{
transform: scale(1);
-webkit-transform: scale(1);
transition: all 4s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 4s cubic-bezier(.19,1,.22,1);
}
.pic-bg{
z-index: 1;
width: 100%;
height: 320px;
transform: scale(1);
-webkit-transform: scale(1);
background-size: cover;
background-position: center center;
transition: all 4s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 4s cubic-bezier(.19,1,.22,1);
overflow:hidden;
}
.pic-mask{
width: 100%;
background: #F9F9F9;
z-index: 2;
transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
margin-top:0;
padding-top:0;
}
.pic-mask-content{
width: 100%;
margin: 0 auto;
}
.pic-mask-content h5{
width:100%;
height:65px;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
font-size: 22px;
color: #414553;
margin-bottom: 15px;
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
}
.pic-mask-content span{
width:100%;
position:relative;
text-align:center;
color:#BBBBBB;
font-size: 14px;
line-height: 14px;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
}
.pic-mask-content p{
font-size: 18px;
line-height: 26px;
text-indent:34px;
color: #808080;
margin-top: 15px;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
}
.pic-mask:hover .pic-mask-content p , .pic-mask:hover .pic-mask-content h5, .pic-mask:hover .pic-mask-content span{
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.pic-mask-vertival{
padding-top: 385px;
}
.pic-mask-across{
padding-top: 22px;
}
.pic-text{
position: relative;
overflow: hidden;
}
.pic-text span{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.strength-box{
width: 100%;
transform: translateX(0);
margin-top: 0;
text-align:center;
margin-bottom:30px;
}
.strength{
background:url(../images/logo-c.png) no-repeat center center;
width: 94%;
margin-left: 3%;
margin-right: 3%;
background-size:18%;
text-align:left;
}
.strength-left{
float:left;
width:37%;
margin-right:0px;
margin-left:0;
}
.strength-title{
float:left;
position:relative;
width:100%;
color:#1A69AC;
font-size:28px;
line-height:46px;
border-bottom: 1px solid #1A69AC;
}
.strength-title2{
float:left;
position:relative;
width:100%;
color:#1A69AC;
font-size:22px;
line-height:38px;
border-bottom: 1px solid #1A69AC;
}
.strength-item p{
float:left;
position:relative;
width:100%;
color:#808080;
font-size:14px;
line-height:24px;
margin-bottom:30px;
margin-top:8px;
text-indent:28px;
}
.blue{
color:#1A69AC;
}
.strength-intro{
float:left;
line-height:24px;
margin-left:28px;
font-size:14px;
color:#808080;
}
.strength-blue{
float:left;
height:24px;
line-height:24px;
font-size:14px;
color:#1A69AC;
list-style: none;
padding-left:28px;
background: url(../images/dot.gif) no-repeat left center;
}
.strength-right{
float:right;
width:37%;
margin-left:0px;
margin-right:0;
}
.team{
text-align:left;
}
.team-item{
min-height:188px;
margin-bottom:48px;
border-bottom:1px solid #EFEFEF;
}
.team-item:last-child{
border-bottom:0;
}
.team-img{
float:left;
width:20%;
margin-right:0px;
margin-left:0;
display:block;
text-align:center;
}
.team-img img{
width:170px;
height:170px;
border-radius:100px;
}
.team-text{
float:right;
width:75%;
margin-left:0px;
}
.team-title{
position:relative;
width:100%;
color:#414553;
font-size:22px;
line-height:36px;
}
.team-item p{
position:relative;
width:100%;
color:#808080;
font-size:16px;
line-height:30px;
margin-bottom:30px;
margin-top:18px;
text-indent:28px;
}
.team-img{
border-radius: 90px;
}
.news-tabs{width:100%;text-align:center; height:150px; line-height:150px;}
.nav-box button {width: 188px; height: 41px;box-sizing: border-box;outline: none;background: #fff;border: 1px solid #CCCCCC;font-size: 18px;cursor: pointer; border-radius:0px;margin:52px -3px; padding:0;}
.nav-box { text-align:center;}
.nav-box button:focus-within {color: #fff;background: #1A69AC;border: 1px solid #1A69AC;}
.news .content-A,.news .content-B{display: none;}
.nav-box:not(:focus-within) .nav-A {color: #fff; background: #1A69AC;border: 1px solid #1A69AC; }
.nav-box:not(:focus-within) .content-A {display: block;}
.nav-A:focus-within ~ .news .content-A {display: block;}
.nav-B:focus-within ~ .news .content-B { display: block;}
.news{
_height:400px;
min-height:400px;
text-align:left;
}
.news-item{
min-height:370px;
margin-bottom:48px;
border-bottom:1px solid #EFEFEF;
}
.news-img{
float:left;
width:50%;
margin-right:0px;
margin-left:0;
display:block;
text-align:left;
overflow:hidden;
}
.news-img img{
width:465px;
border-radius:2px;
}
.news-text{
float:right;
width:50%;
margin-left:0px;
text-align:left;
}
.news-text p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.news-title{
position:relative;
width:100%;
color:#1A69AC;
text-decoration:none;
font-size:22px;
line-height:32px;
}
.news-date{
position:relative;
width:100%;
color:#999;
font-size:14px;
line-height:40px;
text-align:left;
}
.news-more{
line-height:50px;
text-align:left;
}
.news-more button{
width: 128px;
height: 44px;
margin: 10px 10px;
padding: 10px 10px;
border-radius: 8px;
border:0;
font: 16px 'Open Sans', sans-serif;
color: #fff;
background-color: #1A69AC;
position: relative;
overflow: hidden;
}
.news-item p{
position:relative;
width:100%;
color:#808080;
font-size:16px;
line-height:30px;
margin-bottom:20px;
margin-top:10px;
text-indent:28px;
}
.news-img{
border-radius: 2px;
}
.newsinfo_title{
width:100%;
color:#1A69AC;
text-decoration:none;
font-size:28px;
line-height:46px;
margin-top:40px;
text-align:center;
}
.fz-24{font-size:24px;
line-height:34px;}
.newsinfo_date{
width:100%;
color:#ccc;
font-size:14px;
line-height:56px;
text-align:center;
}
.newsinfo_content{
width:96%;
color:#666;
font-size:16px;
line-height:26px;
margin-bottom:30px;
margin-top:0px;
padding:2%;
text-align:left;
}
.newsinfo_content p{
color:#666;
font-size:16px;
line-height:30px;
}
.newsinfo_content a{
text-decoration:underline;
color:#1A69AC;
font-size:16px;
line-height:30px;
margin-bottom:30px;
margin-top:18px;
}
.newsinfo_content img{
max-width:100%;
height:auto;
max-height:768px;
}
.sitemap_content{
width:60%;
padding-left:20%;
padding-right:20%;
}
.sitemap-item{
text-align:center;
width:46%;
margin-right:0;
margin:0;
padding:0;
float:left;
}
.sitemap-item ul{
margin:0;
padding:0;
}
.fanye{
width:100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin:30px 0 80px 0;
}
.fanye a{
font-size: 18px;
text-decoration: none;
color: #0094d9;
}
.fanye a:hover,.fanye a:focus{
text-decoration: underline;
}
.pagination{
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination__number{
line-height: 1;
text-decoration: none;
display: inline-block;
color: var(--paginationPageTextColor, inherit);
}
.pagination__number:hover{
text-decoration: none;
}
.pagination__number_active{
font-weight: var(--paginationPageFontWeight, 600);
font-size: 18px;
}
.pagination__control_prev{
margin-left: var(--paginationArrowIndent, 4px);
}
.pagination__control_next{
margin-right: var(--paginationArrowIndent, 4px);
}
.pagination_type1{
--paginationPageActiveBgColor: #1A69AC;
--paginationPageTextColor: #1A69AC;
--paginationPageActiveTextColor: #fff;
}
.pagination_type1 .pagination__number{
padding: 7px 12px;
}
.pagination_type1 .pagination__number_active{
background-color: var(--paginationPageActiveBgColor);
color: var(--paginationPageActiveTextColor);
}
/*职位搜索*/
.search-box{
height:auto;
}
.search{
width:100%;
height:41px;
padding:58px 0 50px 0;
}
.search input{
width:-webkit-calc(70% - 134px);
width:-moz-calc(70% - 134px);
width:calc(70% - 134px);
height:42px;
border:#CCC 1px solid;
border-right:0;
border-radius: 6px 0 0 6px;
font-size:18px;
color:#666;
padding-left:10px;
margin-left:30%;
float:left;
outline: none;
}
.search input::-webkit-input-placeholder{
color:#EEE;
}
.search button{
width:134px;
height:42px;
background-color:#1A69AC;
border:0;
font-size:18px;
color:#fff;
border-radius:0;
float:right;
margin:0;
border-radius: 0 6px 6px 0;
}
.search-options button{
width:100%;
height:42px;
background-color:#1A69AC;
border:0;
font-size:18px;
color:#fff;
border-radius:0;
float:right;
margin:15px 0 0 0;
border-radius: 6px;
}
.openapply{
width:66%;
background-color:#F0F0F0;
padding:2%;
margin-left:30%;
color:#666;
font-size:14px;
text-align:center;
margin-top:-25px;
}
.openapply button{
margin-top:0;
}
.search-options{
width:26%;
font-size:16px;
margin:0;
float:left;
margin-top:-165px;
}
.search-lists{
width:70%;
float:right;
margin:0;
margin-top:-35px;
}
.search-hidden{
display: none;
}
.collapse-init summary + * {
transition: all 0.25s ease-in-out;
overflow: hidden;
}
.collapse-init :not(.panel-active) summary + * {
height: 0;
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.collapse-init summary {
list-style: none;
}
.collapse-init summary::-webkit-details-marker {
display: none;
}
.collapse-init summary::before {
display: none;
}
.collapse-init summary {
cursor: pointer;
}
.details-styling {
padding: 1em;
}
.details-styling li {
font-size:14px;
line-height:20px;
}
.details-styling li label {
margin:0;
padding:0;
}
.collapse {
margin: 0 auto;
max-width: 255px;
}
.details-styling li input{
display: inline-block;
vertical-align: middle;
margin-top:4px;
}
input[type=checkbox] {
opacity: 1;
position: absolute;
width: 15px;
height: 15px;
box-sizing: border-box;
vertical-align: middle;
}
input[type=checkbox] + label {
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 0px;
border-radius: 3px;
display: inline-block;
position: relative;
vertical-align:middle;
}
label span{
padding-left:18px;
vertical-align:middle;
}
.ls-1{letter-spacing:-0.8px;
}
input[type=checkbox] + label::before {
border-radius: 2px;
color: #5b13ec;
content: '';
display: inline-block;
transition: 0.1s;
width: 1ch;
height: 1ch;
vertical-align: middle;
}
input[type=checkbox]:focus + label {
outline: 0px solid #5b13ec;
}
input[type=checkbox]:checked + label::before {
background: currentColor;
box-shadow: inset 0 0 0 2px #fff;
}
details {
background: #fff;
border: 1px solid #d6d1e0;
border-bottom: 0;
list-style: none;
}
details:first-child {
border-radius: 6px 6px 0 0;
}
details:last-child {
border-bottom: 1px solid #d6d1e0;
border-radius: 0 0 6px 6px;
}
summary {
display: block;
transition: 0.2s;
font-weight: 300;
padding: 0.55em;
font-size:16px;
}
summary:focus {
outline: 0px solid #5b13ec;
}
.collapse-init summary::after {
border-right: 2px solid;
border-bottom: 2px solid;
content: '';
float: right;
width: 0.5em;
height: 0.5em;
margin-top: 0.25em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: inherit;
}
[open] summary {
background: #fff;
color: #333;
border-radius: 6px 6px 0 0;
}
[open] summary::after {
margin-top: 0.5em;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
/*职位列表css*/
.col-md-5 .col-sm-12{
padding-left: 5px;
}
.job-detail.row .col-md-5{
float: left;
}
.single-job-row{
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #fff;
border-bottom:#CCC 1px solid;
font-size:16px;
height:135px;
}
.job-title{
font-weight: 500;
padding-top: 10px;
padding-bottom: 10px;
}
.job-title a{
font-size:18px;
color:#1A69AC;
text-decoration:underline;
}
.job-detail{
font-size: 90%;
padding-bottom: 10px;
}
.job-detail .title,.job-detail .value{
font-size:16px;
font-weight: 500;
color:#666;
}
.job-detail .value a{
color:#666;
text-decoration:underline;
}
.job-detail-block{
width:-webkit-calc(48% - 40px);
width:-moz-calc(48% - 40px);
width:calc(48% - 40px);
float:left;
}
.job-detail-block2{
width:-webkit-calc(48% - 40px);
width:-moz-calc(48% - 40px);
width:calc(48% - 40px);
float:left;
}
.clogo{
text-align: right;
margin-right: 10px;
}
.clogo img{
max-height: 80px;
max-width: 80px;
}
/* Featured job sytle in the list */
.single-job-row-f{
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #eee;
box-shadow: 0 0 3px #bbb;
font-size:16px;
}
.jobs-block .col-sm-3.col-sm-12{
margin-top: -80px !important;
}
.jobs-block .col-sm-9.col-sm-12{
margin-top: -20px !important;
}
.resume{
text-align:center;
padding-bottom:30px;
}
.jobinfo-box{
height:auto;
padding-top:60px;
}
.jobinfo-options{
width:26%;
font-size:16px;
margin:0;
float:left;
margin-top:0px;
background-color:#F0F0F0;
border-radius:8px;
}
.jobinfo-options-block{
width:80%;
padding:10%;
height:auto;
}
.jobinfo-title{
font-size:18px;
font-weight: 500;
padding-bottom:20px;
color:#444;}
.jobinfo-options-block .title,.jobinfo-options-block .value{
font-size:14px;
font-weight: 500;
line-height:30px;
color:#666;}
.jobcontent{
width:68%;
float:right;
margin:0;
margin-top:-20px;
}
.jobcontent-item{
width:100%;
float:left;
font-size:14px;
line-height:24px;
color:#666;
border-bottom:1px solid #EEE;
padding-bottom:50px;
margin-bottom:20px;
}
.jobcontent-item p{
font-size:14px;
line-height:24px;
color:#666;
}
.jobcontent-title{
font-size:28px;
color:#1968AC;
line-height:78px;
}
.jobcontent-title2{
font-size:22px;
color:#444;
line-height:58px;
}
.jobcontent-logo{
}
.jobcontent-item img{
float:right;
max-height:120px;
max-width:120px;
margin-top:30px;
}
.jobcontent-item button{
float:right;
max-height:120px;
max-width:120px;
margin-top:30px;
}
span.por-bg{
z-index: 1;
}
span.por-bg-hover{
z-index: 2;
left: -100%;
transition: all 0.7s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1);
}
span.por-text{
z-index: 3;
opacity: 1;
transition: all 0.7s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1);
}
span.por-text-hover{
z-index: 4;
opacity: 0;
transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
}
.pic-text:hover span.por-bg-hover{
left: 0;
transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
}
.pic-text:hover span.por-text{
opacity: 0;
transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
}
.pic-text:hover span.por-text-hover{
opacity: 1;
transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1) ;
}
.pic-across{
width: 660px;
box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.2);
}
.pic-vertical{
width: 660px;
height: 800px;
position: relative;
overflow: hidden;
}
.portfolio-text{
padding-top: 75px;
padding-bottom: 85px;
}
/*********************************************portfolio*********************************************/
/*********************************************portfolio*********************************************/
.banner-service{
background: url(../images/banner1.jpg);
background-image: -webkit-image-set(url(../images/banner1.jpg) 1x,url(../images/banner1.jpg) 2x);
top: 12%;
}
.banner-text-service{/*
background: url(../images/slogan.png);
background-image: -webkit-image-set(url(../images/slogan.png) 1x,url(../images/banner-text_402x.png) 2x);*/
text-align: center;
color:#FFF;
}
.service-text{
font-size: 56px;
line-height: 70px;
font-weight: normal;
letter-spacing: 8px;
text-align: center;
}
.service-wrap li{
width: 100%;
padding-bottom: 60px;
}
.service-wrap li:last-child{
padding-bottom: 0;
}
.service-product{
width: 100%;
background-image: url(../images/service_1_402x.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.service-experience{
width: 100%;
background-image: url(../images/service_2_402x.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.service-strategy{
width: 100%;
background: url(../images/service_3_402x.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.service-design{
width: 100%;
background-image: url(../images/service_4.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.service-motion{
width: 100%;
background-image: url(../images/service_5_402x.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.service-card-top{
padding-top: 500px;
}
.service-card{
width: 1322px;
margin: 0 auto;
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.07) ;
}
.card-wrap{
width: 100%;
height: 350px;
background: #fff;
position: relative;
cursor: pointer;
}
.card-text{
float: left;
margin-top: 50px;
margin-left: 60px;
}
.card-text h5{
font-size: 44px;
line-height: 44px;
font-weight: normal;
color: #414553;
}
.card-text p {
width: 489px;
font-size: 18px;
line-height: 27px;
margin-top: 27px;
color: #414553;
}
.card-wrap:hover .drop-tab{
background-position-x : 126px;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.card-wrap:hover .drop-tab a{
color: #fff;
border: 1px solid #fff;
transition: all 0.5s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.card-example{
margin-left: 128px;
margin-top: 133px;
height: 70px;
display: inline-block;
font-size: 0;
}
.logo{
padding-bottom: 100px;
}
.logo-text{
padding-top: 100px;
}
.logo-pic{
width: 100%;
padding-bottom: 142%;
background: url(../images/logolist.png);
background-image: -webkit-image-set(url(../images/logolist.png) 1x,url(../images/logolist_402x.png) 2x);
background-size: cover;
}
/*********************************************service*********************************************/
/*********************************************service*********************************************/
.banner-pic-about{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.banner-text-about{
background: url(../images/banner-text.png);
background-image: -webkit-image-set(url(../images/banner-text.png) 1x,url(../images/banner-text_402x.png) 2x);
}
.banner-pic-about li{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;
}
.banner-pic-about li.on{
opacity: 1;
}
.banner-text-about{
position: absolute;
z-index: 10;
width: 100%;
}
.concept-text{
padding-bottom: 54px;
padding-top: 100px;
}
.concept-content{
width: 100%;
position: relative;
}
.concept-content span{
width: 2px;
height: 296px;
display: block;
background: #329bf0;
position: absolute;
top: 7px;
left: 100px;
}
.concept-word{
width: 1118px;
font-size: 18px;
line-height: 30px;
color: #414553;
margin: 0 auto;
}
.concept-word p{
font-size: 18px;
line-height: 30px;
}
.concept-word p:nth-child(2){
line-height: 40px;
}
.concept-word p:nth-child(2) a{
font-weight: bold;
}
.concept-word p:nth-child(1){
margin-bottom: 34px;
}
.culture-text{
padding-top: 100px;
}
.culture-content{
width: 100%;
padding-bottom: 22.8%;
background: url(../images/design_culture.png);
background-image: -webkit-image-set(url(../images/design_culture.png) 1x,url(../images/design_culture_402x.png) 2x);
background-size: cover;
}
.leadership li{
float: left;
width: 430px;
margin-right: 55px;
}
.leadership li:nth-child(3){
margin-right: 0;
}
.leader{
width: 100%;
height: 360px;
margin-top: 67px;
position: relative;
background-position-y: 0%;
transition: all 0.7s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1);
}
.leader:hover{
background-position-y: 100%;
}
.leader span{
width: 100%;
height: 419px;
display: block;
position: absolute;
left: 0;
bottom: 0;
}
.leadership li:nth-child(1) span{
background: url(../images/founder.png) center no-repeat;
background-image: -webkit-image-set(url(../images/founder.png) 1x,url(../images/founder_402x.png) 2x);
background-size: cover;
}
.leadership li:nth-child(2) span{
background: url(../images/design_director.png) center no-repeat;
background-image: -webkit-image-set(url(../images/design_director.png) 1x,url(../images/design_director_402x.png) 2x);
background-size: cover;
}
.leadership li:nth-child(3) span{
background: url(../images/research_director.png) center no-repeat;
background-image: -webkit-image-set(url(../images/research_director.png) 1x,url(../images/research_director_402x.png) 2x);
background-size: cover;
}
.leadership li h5{
font-size: 24px;
line-height: 24px;
margin-top: 30px;
color: #414553;
text-align: center;
}
.leadership li p{
font-size: 18px;
line-height: 18px;
margin-top: 13px;
color: #979ea9;
text-align: center;
}
.employees{
width: 100%;
padding-top: 80px;
}
.employees li{
width: 230px;
margin-right: 62px;
margin-bottom: 40px;
float: left;
}
.employees li:nth-child(5n){
margin-right: 0;
}
.employee-pic{
width: 230px;
height: 230px;
position: relative;
}
.employee-pic span:first-child{
position: absolute;
z-index: 2;
opacity: 0;
transition: all 0.7s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 0.7s cubic-bezier(.19,1,.22,1);
}
.employee-pic span:last-child{
position: absolute;
z-index: 1;
}
.employee-pic span:first-child:hover{
opacity: 1;
}
.employee-pic span{
width: 100%;
height: 100%;
display: block;
background-size: 1150px 2070px;
}
.employees li h5{
font-size: 24px;
line-height: 50px;
color: #414553;
text-align: center;
white-space: nowrap
}
.employees li p{
font-size: 16px;
line-height: 16px;
color: #979ea9;
text-align: center;
white-space:nowrap;
}
.memory-pic{
width: 100%;
padding-bottom: 67.9%;
background: url(../images/memory_402x.jpg)center no-repeat;
background-size: cover;
}
.recruitment-rext{
font-size: 40px;
line-height: 40px;
text-align: center;
color: #414553;
}
.recruitment-line{
width: 100%;
height: 1px;
display: block;
background: #dfdfdf;
}
.recruitment-title{
width: 100%;
height: 60px;
margin-top: 30px;
margin-bottom: 30px;
cursor: pointer;
}
.recruitment-title span:nth-child(1){
width: 60px;
height: 60px;
display: block;
float: left;
background: url(../images/recruiting_icon.png);
background-image: -webkit-image-set(url(../images/recruiting_icon.png) 1x,url(../images/recruiting_icon_402x.png) 2x);
}
.recruitment-title span:nth-child(2){
font-size: 30px;
line-height: 60px;
margin-left: 20px;
color: #414553;
}
.recruitment-title span:nth-child(3){
font-size: 18px;
line-height: 18px;
color: #a1a1a1;
margin-left: 21px;
}
.recruitment-btn{
width: 24px;
height: 24px;
display: block;
background: url(../images/delete_icon.png);
background-image: -webkit-image-set(url(../images/delete_icon.png) 1x,url(../images/delete_icon_402x.png) 2x);
float: right;
margin-top: 19px;
margin-right: 3px;
cursor: pointer;
transform: rotate(45deg);
transition: all 1.5s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
}
.recruitment-btn.active{
transform: rotate(0deg);
}
.recruitment-word{
overflow: hidden;
margin-top: 24px;
margin-left: 80px;
display: block;
}
.recruitment-word p{
font-size: 18px;
line-height: 30px;
color: #414553;
margin-bottom: 28px;
}
/*********************************************about*********************************************/
/*********************************************about*********************************************/
.banner-mlab{
background: url(images/banner.jpg);
background-image: -webkit-image-set(url(images/banner.jpg) 1x,url(images/banner_402x.jpg) 2x);
}
.banner-text-mlab{
background: url(images/banner-text.png);
background-image: -webkit-image-set(url(images/banner-text.png) 1x,url(images/banner-text_402x.png) 2x);
}
.mlab-content{
padding-top: 80px;
}
.mlab-content a{
width: 100%;
height: 610px;
background-repeat: no-repeat;
background-position: center top;
position: relative;
display: inline-block;
margin-bottom: 45px;
background-size: 100% auto;
overflow: hidden;
}
.mlab-bg{
width: 100%;
height: 440px;
position: absolute;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
transition: all 1.5s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
top: 0;
left: 0;
transform: scale(1);
-webkit-transform: scale(1);
z-index: 0;
}
.mlab-content a:hover .mlab-bg{
transform: scale(1.08);
-webkit-transform: scale(1.08);
}
.mlab-time{
width: 110px;
height: 90px;
background: #329bf0;
position: absolute;
left: 0;
top: 245px;
z-index: 10;
}
.mlab-time h5{
font-size: 40px;
line-height: 53px;
color: #fff;
text-align: center;
}
.mlab-time span{
width: 68px;
height: 1px;
display: block;
background: #fff;
margin: 0 auto;
}
.mlab-time p{
font-size: 18px;
line-height: 36px;
text-align: center;
color: #fff;
}
.mlab-card{
width: 1320px;
height: 200px;
top: 385px;
background: #fff;
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.07) ;
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.card-content{
margin-left: 40px;
padding-top: 40px;
width: 1240px;
}
.card-content h5{
font-size: 40px;
line-height: 40px;
float: left;
color: #414553;
margin-bottom: 21px;
}
.card-content span{
width: 160px;
height: 40px;
margin-top: 2px;
display: block;
float: right;
text-align: center;
font-size: 16px;
line-height: 40px;
color: #373737;
background: #f4f7fb;
}
.card-content p{
font-size: 18px;
line-height: 36px;
color: #979ea9;
clear: both;
}
#hear{width: 300px;height: 45px;line-height: 45px; text-align:center; margin:0 auto;list-style: none; margin-bottom:40px;}
#hear a{height: 45px;line-height: 45px;font-weight: normal;text-decoration: none;list-style: none;color:#1A69AC; font-size:16px;}
#hear li{text-align: center;color: #fff;;height: 45px;width: 150px;float: left; }
.ttt{ width: 100%; display: none;text-align: center;margin: 0 auto;margin-top: 12px;}
#contentop .action{ display: block;}
/**************************************************mlab********************************************/
.banner-mlab-pro{
width: 100%;
height: 930px;
background-position: center;
background-size: cover;
}
.mlab-wrap-pro{
width: 100%;
background: #f6f7f9;
position: relative;
}
.mlab-content-pro{
width: 1160px;
margin: 0 auto;
transform: translateY(-120px);
-webkit-transform: translateY(-120px);
background: #fff;
}
.mlab-Introduction h5{
font-size: 42px;
line-height: 48px;
color: #272727;
padding-top: 72px;
margin-bottom: 32px;
}
.mlab-Introduction p:nth-child(1){
font-size: 18px;
line-height: 18px;
color: #272727;
}
.mlab-Introduction p:nth-child(2){
font-size: 20px;
line-height: 30px;
color: #272727;
margin-top: 45px;
}
.mlab-section-title{
margin-top: 75px;
}
.mlab-section-title h5{
font-size: 36px;
line-height: 36px;
color: #272727;
padding-bottom: 40px;
}
.mlab-section-title p{
font-size: 20px;
line-height: 20px;
color: #272727;
}
.mlab-section-content{
padding-bottom: 76px;
}
.mlab-section-content h5{
font-size: 30px;
line-height: 30px;
padding-bottom: 35px;
color: #272727;
}
.mlab-section-content p{
font-size: 20px;
line-height: 30px;
padding-bottom: 35px;
}
.mlab-section-pic-wrap1{
width: 50%;
float: left;
}
.mlab-section-pic{
width: 100%;
height: 340px;
display: block;
}
.mlab-section-content{
padding-top: 80px;
}
.mlab-section-pic1{
width: 100%;
height: 100%;
display: block;
}
.mlab-section-triangle{
width: 12px;
height: 10px;
display: block;
background: url(images/tranigle.png);
background-image: -webkit-image-set(url(images/tranigle.png) 1x,url(images/tranigle_402x.png) 2x);
margin-top: 27px;
margin-right: 16px;
float: left;
}
.mlab-section-pic p{
font-size: 14px;
line-height: 14px;
color: #272727;
margin-top: 27px;
}
.mlab-section-pic-wrap2{
width: 100%;
}
.mlab-share{
margin-top: 37px;
margin-bottom: 100px;
}
.mlab-line{
width: 1000px;
height: 1px;
background: rgba(0,0,0,0.1);
margin: 0 auto;
}
.mlab-logo p{
font-size: 20px;
line-height: 100px;
color: #272727;
}
.mlab-logo span{
width: 680px;
height: 340px;
display: block;
margin: 0 auto;
margin-bottom:60px;
}
.mlab-review{
font-size: 30px;
line-height: 30px;
color: #272727;
padding-top: 60px;
padding-bottom: 40px;
margin-left: 80px;
}
.mlab-analysis{
width: 940px;
margin: 0 auto;
padding-bottom: 120px;
}
.mlab-fill{
width: 1160px;
height: 120px;
background: #fff;
}
/*= effect-2 css =*/
.single-member{width: 212px; float: left; background-color: #F3F3F3; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.effect-2{max-height: 280px; min-height: 280px; overflow: hidden;}
.effect-2 .member-info h3 {font-size: 16px; font-weight: 300; padding: 22px 0 15px; line-height: 22px;color:#414553;}
.effect-2 .member-info h4 {width: 160px;font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px; color:#fff; opacity:0.6;}
.effect-2 .member-image{border-bottom: 5px solid #1A69AC; height: 212px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s;height: 210px;}
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2:hover .member-image{height: 70px; transition: 0.4s;}
.effect-2:hover .member-info{background-color: #1A69AC; color:#fff;}
.effect-2:hover .member-info h3 {color:#fff;}
/*= effect-2 css end =*/
.message{
width:86%;
padding-left:7%;
padding-right:7%;
}
.message-item{
height:75px;
line-height:32px;
float:left;
text-align:left;
width:50%;
}
.message-item span{
font-size:16px;
vertical-align:inherit;
}
.message-item input,.message-item select,.message-item option{
width:95%;
height:32px;
border:1px solid #ccc;
-moz-box-shadow:-1px -1px 1px #eee inset;
-webkit-box-shadow:-1px -1px 1px #eee inset;
box-shadow:-1px -1px 1px #eee inset;
vertical-align:inherit;
}
.message-item select,.message-item option{
color:#888;
font-size:16px;
height:35px;
}
.message-item0{
width:50%;
height:42px;
padding-top:33px;
padding-bottom:0;
float:left;
text-align:left;
}
.message-item0 input{
width:95%;
height:32px;
border:1px solid #ccc;
-moz-box-shadow:-1px -1px 1px #eee inset;
-webkit-box-shadow:-1px -1px 1px #eee inset;
box-shadow:-1px -1px 1px #eee inset;
vertical-align:inherit;
text-transform:none;
}
.message-item2{
height:123px;
line-height:32px;
float:left;
text-align:left;
width:100%;
}
.message-item3{
height:75px;
line-height:32px;
float:left;
text-align:left;
width:100%;
}
.message-item3 input{
height:75px;
line-height:32px;
float:left;
text-align:left;
width:80%;
border:1px solid #ccc;
-moz-box-shadow:-1px -1px 1px #eee inset;
-webkit-box-shadow:-1px -1px 1px #eee inset;
box-shadow:-1px -1px 1px #eee inset;
vertical-align:inherit;
}
.message-item2 span{
font-size:16px;
vertical-align:inherit;
}
.message-item2 textarea{
height:80px;
border:1px solid #ccc;
-moz-box-shadow:-1px -1px 1px #eee inset;
-webkit-box-shadow:-1px -1px 1px #eee inset;
box-shadow:-1px -1px 1px #eee inset;
vertical-align:inherit;
width:97%;
}
.message button{
width: 128px;
height: 44px;
margin: 40px 10px;
padding: 10px 10px;
border-radius: 8px;
border:0;
font: 16px 'Open Sans', sans-serif;
color: #fff;
background-color: #1A69AC;
position: relative;
overflow: hidden;
}
.required{
color:red;
}
.btn-up{
width: 50%;
height: 37px;
border-radius: 0px;
margin: 0;
padding: 0;
border:1px solid #ccc;
font: 14px ;
color: #444;
background-color: #EEE;
}
.termsornot{
width: 100%;
height: 48px;
line-height: 28px;
font-size: 16px;
margin: 20px 0 20px 0;
float:left;
vertical-align:middle;
}
.termsornot a{
font-size: 14px;
text-decoration:underline;
}
.termsornot input[type='checkbox']{
vertical-align:middle;
margin-top:10px;
}
@media screen and (max-width: 1950px){
.portfolio{
width: 1220px;
}
.portfolio-part a{
margin-right: 10px;
margin-bottom: 10px;
}
.pic-across{
width: 540px;
}
.pic-bg{
width: 100%;
}
.pic-mask-content{
width: 486px;
text-align:center;
}
.pic-vertical{
width: 600px;
height: 782px;
}
.in-analysis-content a{
width: 380px;
margin-right: 26.4px;
}
.analy-card-bg{
width: 380px;
height: 380px;
}
.analy-card{
width: 360px;
margin-top: 320px;
}
.analy-text p{
font-size: 26px;
width: 300px;
}
.portfolio-nav li.other{
display: none;
}
.portfolio-nav li{
width: 160px;
height: 50px;
line-height: 50px;
margin-right: 13.3px;
font-size: 14px;
}
.portfolio-nav li:nth-child(7){
margin-right: 0;
}
.service-card{
width: 1160px;
}
.card-text{
margin-left: 40px;
}
.drop-tab{
left: 40px;
}
.card-example{
margin-left: 90px;
}
.ex1,.ex2{
width: 280px;
}
.ex-text{
margin-left: 20px;
}
.card-text p{
width: 470px;
}
.drop-tab span.active{
width: 900px;
}
.dropDown-content dl{
width: 180px;
}
.dropDown-content-dm dl{
width: 220px;
}
.field-content li{
width: 300px;
}
.model{
width: 1200px;
}
.model-wrap{
background: url(../images/model_bg_1200.png) center no-repeat;
background-image: -webkit-image-set(url(../images/model_bg_1200.png) 1x,url(../images/model_bg_1200_402x.png) 2x);
}
.concept-word{
width: 1000px;
}
.concept-content span{
left: 60px;
}
.leadership li{
width: 380px;
margin-right: 20px;
}
.employees li{
width: 200px;
margin-right: 50px;
}
.employee-pic{
width: 200px;
height: 200px;
}
.employee-pic span{
background-size: 1000px 1800px;
}
.news-content a{
width: 380px;
margin-right: 27.5px;
}
.news-card{
width: 360px;
margin-top: 280px;
}
.news-card-bg{
width: 360px;
height: 360px;
}
.news-card p:nth-child(2){
font-size: 26px;
}
.news-card div{
width: 300px;
}
.mlab-content a{
height: 520px;
}
.mlab-card{
width: 1160px;
top: 300px;
}
.mlab-time{
top: 140px;
}
.card-content{
width: 1070px;
}
.card-content h5{
font-size: 36px;
}
.news-img{
width:500px;
}
.news-text{
width:-webkit-calc(100% - 500px);
width:-moz-calc(100% - 500px);
width:calc(100% - 500px);
}
}
@media screen and (max-width: 1700px){
.banner-pic-about li:nth-child(1){
background: url(../images/banner1_a_402x.jpg)center no-repeat / cover !important;
}
.banner-pic-about li:nth-child(2){
background: url(../images/banner2_a_402x.jpg)center no-repeat / cover !important;
}
.banner-pic-about li:nth-child(3){
background: url(../images/banner3_a_402x.jpg)center no-repeat / cover !important;
}
.banner-pic-about li:nth-child(4){
background: url(../images/banner4_a_402x.jpg)center no-repeat / cover !important;
}
.banner-index-animtion{
width: 1200px;
height: 326px;
}
.man{
right: 24.4%;
top: 22%;
}
.in-service-card{
width: 1100px;
}
.in-service-card ul{
margin-top: 0;
}
.portfolio{
width: 1000px;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.portfolio-part a{
margin-right : 0px;
margin-bottom: 10px;
}
.pic-across{
width: 465px;
}
.pic-vertical{
width: 465px;
height: 680px;
}
.pic-mask-content{
width: 386px;
text-align:center;
}
.pic-mask-content h5{
font-size: 22px;
margin-bottom: 15px;
}
.pic-mask-content h4{
font-size: 20px;
margin-bottom: 15px;
color:#444;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.pic-mask-content p{
font-size: 16px;
margin-top: 15px;
text-align:left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.pic-mask-across{
padding-top: 22px;
}
.pic-mask-vertival{
padding-top: 270px;
}
/*.zszj{
background-image: url(images/zszj_moveBG_402x.jpg) !important;
}*/
.fyd{
background-image: url(images/fyd_moveBG_402x.jpg) !important;
}
.sy{
background-image: url(images/sy_moveBG_402x.jpg)!important;
}
.df{
background: url(images/df_1000_402x.jpg)center no-repeat / cover !important;
}
/*.szw{
background-image: url(images/szw_1000_moveBG_402x.jpg)!important;
}
.airx{
background-image: url(images/airx_1000_moveBG_402x.jpg)!important;
}*/
.portfolio-more a{
width: 260px;
height: 150px;
line-height: 150px;
font-size: 14px;
}
.in-analysis-content a{
width: 320px;
height: auto;
margin-right: 16px;
}
.in-analysis-content a:nth-child(1) .analy-card{
background-image: url(../images/news1_hover_1000.png);
}
.in-analysis-content a:nth-child(2) .analy-card{
background-image: url(../images/news2_hover_1000.png);
}
.in-analysis-content a:nth-child(3) .analy-card{
background-image: url(../images/news3_hover_1000.png);
}
.mlab-analysis{
width: 800px;
padding-bottom: 60px;
}
a.mlab-analysis-a{
width: 47%;
}
.analy-card{
width: 280px;
height: 120px;
margin-top: 240px;
}
.analy-card-bg{
width: 320px;
height: 320px;
}
.analy-card p{
width: 240px;
font-size: 20px;
line-height: 30px;
top: 30px;
left: 20px;
}
.analy-label{
left: 20px;
font-size: 14px;
}
.in-logo-pic{
width: 100%;
}
/**************************************************index****************************************************/
.banner-content {
padding-top: 220px;
}
.portfolio-nav li{
width: 130px;
height: 50px;
line-height: 50px;
margin-right: 15px;
font-size: 14px;
}
.portfolio-nav li:nth-child(7){
margin-right: 0px;
}
.portfolio-nav li:nth-child(8){
margin-right: 15px;
}
.service-product{
background: url(../images/service_1_1000.jpg);
background-image: -webkit-image-set(url(../images/service_1_1000.jpg) 1x,url(../images/service_1_1000_402x.jpg) 2x);
}
.service-experience{
background: url(../images/service_2_1000.jpg);
background-image: -webkit-image-set(url(../images/service_2_1000.jpg) 1x,url(../images/service_2_1000_402x.jpg) 2x);
}
.service-strategy{
background: url(../images/service_3_1000.jpg);
background-image: -webkit-image-set(url(../images/service_3_1000.jpg) 1x,url(../images/service_3_1000_402x.jpg) 2x);
}
.service-design{
background: url(../images/service_4_1000.jpg);
background-image: -webkit-image-set(url(../images/service_4_1000.jpg) 1x,url(../images/service_4_1000_402x.jpg) 2x);
}
.service-motion{
background: url(../images/service_5_1000.jpg);
background-image: -webkit-image-set(url(../images/service_5_1000.jpg) 1x,url(../images/service_5_1000_402x.jpg) 2x);
}
.service-product ,.service-experience ,.service-strategy , .service-design , .service-motion{
background-size: 100% 500px;
background-repeat: no-repeat;
}
.service-card-top{
padding-top: 320px;
}
.service-wrap li{
padding-bottom: 40px;
}
.service-card{
width: 920px;
height: auto;
}
.card-wrap{
height: 280px;
}
.card-text{
margin-left: 30px;
margin-top: 30px;
}
.card-text p{
width: 425px;
}
.card-text h5{
font-size: 30px;
line-height: 30px;
}
.card-text p{
font-size: 16px;
margin-top: 15px;
line-height: 25px;
}
.card-example{
margin-left: 80px;
margin-top: 78px;
}
.ex-img{
width: 48px;
height: 48px;
}
.ex-text{
margin-left: 15px;
}
.ex-text p{
font-size: 14px;
line-height: 24px;
}
.ex1, .ex2{
width: 190px;
}
.drop-tab{
left: 30px;
bottom: 24px;
}
.drop-tab a{
font-size: 14px;
}
.drop-tab span.active{
width: 710px;
}
.dropDown-content dl{
width: 144px;
}
.dropDown-content-dm dl{
width: 180px;
}
.dropDown-content dt p{
font-size: 24px;
line-height: 70px;
}
.dropDown-content dt span{
width: 45px;
height: 34px;
}
.dropDown-content{
padding-left: 28px;
padding-bottom: 30px;
}
.card-dropDown dl dd li{
font-size: 14px;
}
.field-content{
margin-left: 0px;
}
.field-content li{
margin-right: 0px;
width: 25%;
margin-bottom: 86px;
}
.field-content li span{
width: 120px;
height: 90px;
}
.field-content li p{
font-size: 20px;
bottom: -38px;
}
.model{
width: 1000px;
margin-top: -50px;
}
.model-wrap{
width: 100%;
height: 880px;
background: url(../images/model_bg_1000.png);
background-image: -webkit-image-set(url(../images/model_bg_1000.png) 1x,url(../images/model_bg_1000_402x.png) 2x);
background-size: cover;
}
.model-content-li{
margin-top: 40px;
width: 280px;
}
.model-content span:first-child{
width: 125px;
height: 100px;
}
.model-content h5{
font-size: 30px;
line-height: 30px;
margin-bottom: 15px;
}
.model-content p{
font-size: 14px;
margin-bottom: 52px;
}
.model-content li{
margin-right: 0px;
}
#model-lineup{
margin-top: 0;
}
.concept-word{
width: 877px;
}
.concept-word p{
font-size: 16px;
line-height: 30px;
}
.concept-content span{
left: 0;
height: 297px;
}
.leadership li:nth-child(1) span{
background: url(../images/founder_1000.png)center no-repeat / cover;
background-image: -webkit-image-set(url(../images/founder_1000.png) 1x,url(../images/founder_1000_402x.png) 2x);
}
.leadership li:nth-child(2) span{
background: url(../images/design_director_1000.png)center no-repeat / cover;
background-image: -webkit-image-set(url(../images/design_director_1000.png) 1x,url(../images/design_director_1000_402x.png) 2x);
}
.leadership li:nth-child(3) span{
background: url(../images/research_director_1000.png)center no-repeat / cover;
background-image: -webkit-image-set(url(../images/research_director_1000.png) 1x,url(../images/research_director_1000_402x.png) 2x);
}
.leadership li h5{
font-size: 20px;
margin-top: 20px;
line-height: 20px;
}
.leadership li p{
font-size: 14px;
line-height: 14px;
margin-top: 10px;
}
.leadership li{
width: 320px;
margin-right: 20px;
}
.employees li{
width: 160px;
margin-right: 50px;
}
.employees li h5{
font-size: 20px;
line-height: 40px;
}
.employees li p{
font-size: 14px;
}
.employee-pic{
width: 160px;
height: 160px;
}
.employee-pic span{
background-size: 800px 1440px !important;
}
.news-content a{
width: 320px;
height: auto;
margin-right: 20px;
background-size: auto 320px;
}
.news-card{
width: 280px;
height: 120px;
margin-top: 240px;
}
.news-card-bg{
width: 320px;
height: 320px;
}
.news-card p:nth-child(1){
font-size: 14px;
}
.news-card div{
width: 240px;
top: 18px;
left: 20px;
}
.news-card p:nth-child(2){
font-size: 20px;
margin-top: 6px;
line-height: 30px;
}
.news-content a:nth-child(1n) .news-card{
background-image: url(../images/news1_hover_1000.png);
}
.news-content a:nth-child(2n) .news-card{
background-image: url(../images/news2_hover_1000.png);
}
.news-content a:nth-child(3n) .news-card{
background-image: url(../images/news3_hover_1000.png);
}
.recruitment-rext{
font-size: 40px;
}
.recruitment-word p{
font-size: 16px;
}
/****************************************about**********************************************/
.mlab-content a{
margin-bottom: 40px;
}
.mlab-card{
width: 920px;
height: 148px;
top: 240px;
}
.card-content{
width: 860px;
margin: 0 auto;
padding-top: 25px;
}
.mlab-content a{
height: 400px;
}
.card-content h5{
font-size: 27px;
line-height: 30px;
margin-bottom: 15px;
}
.card-content p{
font-size: 16px;
line-height: 30px;
}
.card-content span{
margin-top: 0;
height: 36px;
line-height: 34px;
width: 136px;
height: 34px;
font-size: 14px;
}
.mlab-time{
width: 86px;
height: 75px;
top: 145px;
}
.mlab-time h5{
font-size: 24px;
line-height: 40px;
margin-bottom: 0px;
}
.mlab-time p{
font-size: 14px;
line-height: 34px;
margin-bottom: 0px;
margin-top: 0;
}
.mlab-time span{
height: 1px;
}
}
@media screen and (max-width: 1440px){
.banner-pic-about li:nth-child(1){
background: url(../images/banner1_b_402x.jpg)center no-repeat / cover !important;
}
.banner-pic-about li:nth-child(2){
background: url(../images/banner2_b_402x.jpg)center no-repeat / cover !important;
}
.banner-pic-about li:nth-child(3){
background: url(../images/banner3_b_402x.jpg)center no-repeat / cover !important;
}
.banner-pic-about li:nth-child(4){
background: url(../images/banner4_b_402x.jpg)center no-repeat / cover !important;
}
}
@media screen and (max-width: 1000px){
.in-service-card{
width: 100%;
}
.portfolio{
width: 1000px;
transform: translateX(0px);
}
.pic-across{
width: 48%;
}
.pic-vertical{
width: 50%;
height: 0;
}
.portfolio-part a{
margin-bottom: 0;
margin-right: 0;
}
.pic-mask-vertival{
}
.pic-mask-across{
padding-top: 0;
}
.in-analysis-content a{
width: 32%;
height: 0;
padding-bottom: 36.7%;
margin-right: 2%;
background-size: 100% auto;
}
.analy-card{
width: 95%;
margin-top: 80%;
}
.analy-label{
top: -8%;
left: 8%;
}
.analy-text p{
left: 8%;
top: 28%;
font-size: 24px;
line-height: 36px;
}
.portfolio-nav li, .portfolio-nav li:nth-child(7), .portfolio-nav li:nth-child(8){
margin-right: 6px;
}
.model-content{
padding-left: 36px;
padding-top: 40px;
}
.model-content h5{
margin-bottom: 20px;
}
.model-content span:first-child{
width: 120px;
height: 96px;
margin-bottom: 20px;
}
.model-content span:last-child{
width: 46px;
height: 31px;
}
.model-content li{
width: 280px;
margin-right: 47px;
margin-bottom: 55px;
}
.concept-content span{
left: 0;
}
.concept-word{
left: 100px;
}
.recruitment-rext{
font-size: 42px;
}
.leadership li{
margin-right: 10px;
width: 325px;
}
.employees li:nth-child(5n){
margin-right: 50px;
}
.mlab-card{
width: 95%;
margin-top: 250px;
position: relative;
top: 0;
}
.card-content{
margin-left: 20px;
padding-top: 20px;
}
.card-content{
width: 95%;
}
.card-content p{
padding-bottom: 30px
}
.mlab-content a{
background-size: 100% auto;
}
.mlab-time{
top: 100px;
}
.mlab-content a{
height: auto;
margin-bottom: 50px;
overflow: visible
}
.service-card-top{
padding-top: 350px;
}
.service-card{
width: 95%;
}
.service-product , .service-experience ,.service-strategy ,.service-design , .service-motion{
background-size: 100% auto;
}
.ex1{
float: none;
margin-bottom: 30px;
}
.card-example{
margin-top: 112px;
margin-left: 100px;
}
.drop-tab span.active{
width: 700px;
}
.dropDown-content dl{
margin-bottom: 20px;
}
.field-content li{
margin-right: 126px;
}
.model{
width: 1000px;
}
.model-wrap{
padding-bottom: 74.1%;
height: 0;
}
.mlab-analysis{
width: 100%;
}
.in-analysis-content a.mlab-analysis-a{
width: 49%;
}
a.mlab-analysis-a .analy-card{
margin-top: 70%;
}
a.mlab-analysis-a .analy-text p{
font-size: 24px;
line-height: 36px;
}
.mlab-content-pro{
width: 100%;
transform: translateY(-60px);
-webkit-transform: translateY(-60px);
}
.mlab-fill{
width: 100%;
height: 60px;
}
.banner-mlab-pro{
height: 720px;
}
}
/*分页*/
.pagination {display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #337ab7;color: #fff;border: 1px solid #337ab7;}
.pagination li a {display: block;text-align: center;}