@charset "utf-8";
/* CSS Document */

.banner img{width:100%; float:left; margin-top:80px;}

.about .info{font-size:12px; color:#666; line-height: 20px; text-indent: 24px;}


.display{padding:20px 0px;}
.display ul{width:100%; float:left;}
.display ul li{width:25%; float:left; text-align:left; }
.display ul li:last-child{ margin-right:0px;}
.display ul li .number{font-size:20px; color:#666; font-weight: bold; font-family: DIN; float:left;}
.display ul li .number span{font-size:12px; color:#666; font-weight: normal;  margin-left:5px;}
.display ul li .text{font-size:14px; line-height: 30px;}


.ideaMain{background: url("../images/ideaBg.png") no-repeat; background-size:100%; height:140px; }
.ideaMain .ideaText1{font-size:16px; font-weight: bold; color:#333; text-indent: 30px;}
.ideaMain .ideaText2{font-size:12px; color:#666; margin-top:10px;}
.ideaMain .ideaText2 p{line-height:24px; text-indent: 30px;}


.service{background:url("../images/aboutServiceBg.png") no-repeat; background-size:100%; height:200px;}
.service h1, .service h3{color:#fff;}
.service ul{width:100%; float:left; margin-top:35px;}
.service ul li{width:33.3%; float:left;}
.service ul li .serviceEnglish{width:50px;font-size:60px; font-weight: bold; font-family: DIN; float:left;}
.service ul li .serviceTop{width:calc(100% - 55px); padding-left:5px;float:left;margin-top:15px; font-size:14px;}
.service ul li .serviceBottom{width:calc(100% - 55px);padding-left:5px;float:left; margin-top:5px; font-size:18px;}



.history{background:url("../images/aboutHistoryBg.png") no-repeat; background-size:100%;  height:710px;}
.history ul{width:100%; float:left;margin-top:10px;}
.history ul li{width:96%;padding-left:4%; background:url("../images/aboutHistory.png") no-repeat 0 center; background-size:2%; float:right; line-height: 40px;}
.history ul li:first-child{margin-top:0px!important;}
.history ul li .year{width:45px;float:left; font-family: DIN; font-size:14px; color:#333333; font-weight: bold;}
.history ul li .month{font-size:12px; color:#333; }



/*contact*/
.contactText{width:calc(100% - 42px);border:1px solid #ddd; padding:10px 15px;margin-top:15px;}
.contactText .contactName{font-size:14px; font-weight: bold;}
.contactText p{line-height:24px; font-size:12px; color:#666;}
.contactText .contactImg img{width:100%; float:left;}





/*招贤纳士*/
.culture ul{width:100%; float:left; margin-top:10px;}
.culture ul li{width:50%; float:left; text-align: center;height:130px; line-height: 130px; font-size:24px; color:#0033a0; background: #f8f8f8;}
.culture ul li img{width:100%; height:130px;}
.culture ul li:nth-child(7){background:#0033a0;color:#fff;}



.provide{background:url("../images/aboutProvideBg.png") no-repeat center; height: 420px;}
.provide h1, .provide h3{color:#fff;}
.provide ul{width:100%; float:left;}
.provide ul li{width:33.33%; float:left; color:#fff; font-size:12px; margin-top:10px;}
.provide ul li .provideIcon{width:100%; float:left; text-align: center;}
.provide ul li .provideIcon img{width:28%; padding:18px; border:1px solid #fff; border-radius: 50%;}
.provide ul li .provideText{line-height:24px;}





.job .jobInfo li{width:calc(100% - 40px); float:left; background: #f8f8f8; padding:10px 20px;}
.job .jobInfo li:last-child{margin-top:10px;}
.job .jobInfo li h3{width:100%; float:left;line-height:30px;}
.job .jobInfo li div{width:35px; float:left; height:2px; background: #0033a0; margin-top:10px;}
.job .jobInfo li p{width:100%; float:left; line-height:24px; color:#666; margin-top:10px;}
.job .jobInfo li p span{color: #0033a0; font-weight: bold;}
.job .jobList li{width:calc(100% - 42px);padding:10px 20px;border:1px solid #ddd; margin-top:10px; float:left;}
.job .jobList li .jobName{font-size:16px;line-height: 36px;}
.job .jobList li .jobBtn{width:110px; height:36px; text-align: center; line-height: 36px; color:#fff; background:#0033a0;cursor: pointer;}
.job .jobList li .jobDetails {border-top:1px dotted #ddd; margin-top:10px; display: none;}
.job .jobList li .jobDetails .jobTitle{color:#0033a0; font-size:14px; line-height: 24px; margin-top:10px;}
.job .jobList li .jobDetails .jobTitle span{display:block; background: #0033a0; width:2px; height:14px; float:left; margin-right:10px; margin-top:7px;}
.job .jobList li .jobDetails p{font-size:12px; color:#666; line-height:20px;}