* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  list-style: none;

  text-decoration: none;

}

html,

body {

  width: 100%;

  float: left;

  min-width: 1080px;

  max-width: 1920px;

}

.none {

  display: none;

}

.none1 {

  min-height: 0 !important;

  height: 0 !important;

  overflow: hidden;

}

.block {

  display: block;

}

.header {

  width: 100%;

  padding: 0 4%;

  height: auto;

  float: left;

  position: relative;

  left: 0;

  top: 0;

  z-index: 999;

  background-color: #FDFFFD;

}

.header .left {

  width: 34%;

  height: 80px;

  float: left;

  margin: 0;

  text-align:center;

}

.header .left img {

  width: auto;

  max-width:100%;

  height: 95%;

  padding-top: 2.5%;

}

.header .right {

  width: 65%;

  height: 80px;

  float: right;

}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s {
  float: left;
  width: 30%;
  margin-right: 3.33%;
  margin-bottom: 24px;
  background-color: white;
  position: relative;
}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s img {
  width: 100%;
  float: left;
}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s .chanpin_img_hover {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s div {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  height: 30px;
  line-height: 30px;
  float: left;
  text-align: center;
  color: #333333;
  border: 1px solid #cccccc;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s p {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  height: 40px;
  line-height: 40px;
  float: left;
  text-align: center;
  color: #333333;
  border: 1px solid #cccccc;
  font-size: 16px;
}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s p:nth-child(3) {
  font-size: 12px;
  border-top: none;
}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s p:nth-child(3) span:nth-child(1) {
  float: left;
}
.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list .chanpin_s p:nth-child(3) span:nth-child(2) {
  float: right;
  color: #999999;
}
.header .right .nav_list {

  width: 12%;

  height: 100%;

  float: left;

  color: #333333;

  text-align: center;

  font-size: 18px;

  position: relative;

  padding: 23px 0 25px 0;

  cursor: pointer;

}

.header .right .nav_list p {

  width: 100%;

  height: auto;

  float: left;

}

.header .right .nav_list p:nth-child(2) {

  font-size: 11px;

}

.header .right .nav_list p a {

  color: #333333;

}

.header .right .nav_list ul {

  z-index: 999;

  position: absolute;

  width: 100%;

  height: 0;

  overflow: hidden;

  top: 80px;

  left: 0;

  background-color: #0464D3;

  color: white;

}

.header .right .nav_list ul li {

  width: 100%;

  height: 39px;

  line-height: 39px;

  border-top: 1px solid #ccc;

  box-sizing: border-box;

}

.header .right .nav_list ul li a {

  color: white;

}

.header .right .nav_list ul li:first-child {

  border: none;

}

.header .right .nav_list ul li:hover {

  background-color: white;

  color: #0464D3;

}

.header .right .nav_list ul li:hover a {

  color: #0464D3;

}

.header .right .nav_list:hover {

  background-color: #004EA2;

  color: white;

}

.header .right .nav_list:hover a {

  color: white;

}

.header .right .nav_list:hover ul {

  height: auto;

}

.header .right .active {

  background-color: #004EA2;

  color: white;

}

.header .right .active p a {

  color: white;

}

.content {

  width: 100%;

  float: left;

  margin-top: 0px;

  position: relative;

  overflow: hidden;

}

.content .home {

  width: 100%;

  height: auto;

  overflow: hidden;

  float: left;

  position: absolute;

  left: 0;

  top: 0;

}

.content .home .pb-carouselWarp {

  position: relative;

  width: 100%;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

}

.content .home .tabpage {

  overflow: hidden;

}

.content .about {

  width: 100%;

  height: 1000px;

  float: left;

  background: url("../img/about_bg.png") no-repeat center;

}

.content .about .about_left {

  width: 30%;


  float: left;

  margin-left: 20%;

}

.content .about .about_left .about_left_title {

  width: 35%;

  float: left;

  margin-top: 14%;

}

.content .about .about_left .about_left_title1 {

  width: 100%;

  float: left;

  color: #333333;

  font-size: 26px;

  font-weight: 600;

  height: 2%;

}

.content .about .about_left .about_left_content {

  width: 100%;

  float: left;

  text-indent: 48px;

  font-size: 24px;

  line-height: 43px;

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 6;

  -webkit-box-orient: vertical;

}

.content .about .about_left .content_list {

  width: 100%;

  float: left;

  margin-top: 8%;

}

.content .about .about_left .content_list img {

  width: 100%;

  float: left;

}

.content .about .about_left .content_list:first-child {

  margin: 0;

}

.content .about .about_left .about_more {

  width: 188px;

  height: 52px;

  float: left;

  margin-top: 8%;

  cursor: pointer;

}

.content .about .about_right {

  width: 40%;

  height: 56%;

  margin-top: 10%;

  float: right;

  /*background: url("../img/about_right.png") no-repeat center;*/

}

.content .news {

  width: 100%;

  height: 1000px;

  float: left;

  background: url("../img/news_bg.png") no-repeat center;

}

.content .news .news_contents {

  width: 100%;

  height: 100%;

  float: left;

}

.content .news .news_contents .news_title {

  width: 10%;

  float: left;

  margin-left: 20%;

  margin-top: 4%;

}

.content .news .news_contents .news_title1 {

  width: 60%;

  float: left;

  margin-left: 20%;

  margin-top: 17px;

  color: #333333;

}

.content .news .news_contents .news_title1 span {

  font-size: 26px;

  font-weight: bold;

}

.content .news .news_contents .news_title1 .news_nav_list {

  float: left;

  height: 40px;

}

.content .news .news_contents .news_title1 .news_nav_list p {

  width: 140px;

  height: 40px;

  float: left;

  line-height: 40px;

  text-align: center;

  background-color: white;

  margin-right: 14px;

  font-size: 17px;

  cursor: pointer;

}

.content .news .news_contents .news_title1 .news_nav_list .active {

  background-color: #004EA2;

  color: white;

}

.content .news .news_contents .news_content {

  width: 100%;

  float: left;

  position: relative;

  height: 62%;

  border-bottom: 1px solid white;

}

.content .news .news_contents .news_content .news_content_banner {

  width: 85%;

  float: left;

  margin-left: 15%;

  overflow: hidden;

}

.content .news .news_contents .news_content .news_content_banner .banner_left {

  width: 50%;

  float: left;

}

.content .news .news_contents .news_content .news_content_banner .banner_left .banner_title {

  width: 100%;

  float: left;

  margin-top: 30px;

}

.content .news .news_contents .news_content .news_content_banner .banner_left .banner_title p {

  float: left;

  color: white;

}

.content .news .news_contents .news_content .news_content_banner .banner_left .banner_title p:nth-child(1) {

  width: 44px;

  height: 44px;

  /*background-color: #0165D0;*/

  background-color: rgba(1, 101, 208, 0.4);

  border-radius: 50%;

  line-height: 44px;

  text-align: center;

  font-size: 16px;

}

.content .news .news_contents .news_content .news_content_banner .banner_left .banner_title p:nth-child(2) {

  width: 80%;

  font-size: 30px;

  margin-left: 6px;

  line-height: 44px;

}

.content .news .news_contents .news_content .news_content_banner .banner_left .banner_time {

  width: 100%;

  float: left;

  font-size: 22px;

  color: white;

  margin: 10px 50px;

}

.content .news .news_contents .news_content .news_content_banner .banner_left .banner_img {

  width: 40%;

  float: left;

  margin-left: 50px;

}

.content .news .news_contents .news_content .news_content_banner .banner_left .banner_img img {

  width: 100%;

}

.content .news .news_contents .news_content .news_content_banner .banner_right {

  width: 50%;

  float: right;

  margin-right: -25%;

  opacity: 0.6;

}

.content .news .news_contents .news_content .news_content_banner .banner_right .banner_title {

  width: 100%;

  float: left;

  margin-top: 30px;

}

.content .news .news_contents .news_content .news_content_banner .banner_right .banner_title p {

  float: left;

  color: white;

}

.content .news .news_contents .news_content .news_content_banner .banner_right .banner_title p:nth-child(1) {

  width: 44px;

  height: 44px;

  background-color: rgba(1, 101, 208, 0.4);

  border-radius: 50%;

  line-height: 44px;

  text-align: center;

  font-size: 16px;

  margin-left: -50px;

  margin-right: 6px;

}

.content .news .news_contents .news_content .news_content_banner .banner_right .banner_title p:nth-child(2) {

  width: 80%;

  font-size: 30px;

  line-height: 44px;

}

.content .news .news_contents .news_content .news_content_banner .banner_right .banner_time {

  width: 100%;

  float: left;

  font-size: 22px;

  color: white;

  margin: 10px auto;

}

.content .news .news_contents .news_content .news_content_banner .banner_right .banner_img {

  width: 40%;

  float: left;

}

.content .news .news_contents .news_content .news_content_banner .banner_right .banner_img img {

  width: 100%;

}

.content .news .news_contents .news_content .banner_box {

  width: 85%;

  float: left;

  margin-left: 16.8%;

  position: relative;

  overflow: hidden;

}

.content .news .news_contents .news_content .banner_box .auto_box {

  width: 100%;

  margin-left: 0;

  float: left;

  position: relative;

}

.content .news .news_contents .news_content .banner_box .auto_box .banner_list_auto {

  float: left;

  overflow: hidden;

}

.content .news .news_contents .news_content .news_content_dian {

  position: absolute;

  left: 16.8%;

  bottom: -32px;

  margin-left: 50px;

}

.content .news .news_contents .news_content .news_content_dian div {

  width: 64px;

  height: 64px;

  border-radius: 50%;

  background-color: white;

  float: left;

  margin-right: 80px;

  color: #333333;

  font-size: 16px;

  cursor: pointer;

}

.content .news .news_contents .news_content .news_content_dian div p {

  width: 100%;

  height: 25px;

  line-height: 25px;

  float: left;

  text-align: center;

}

.content .news .news_contents .news_content .news_content_dian div p:nth-child(1) {

  margin-top: 7px;

}

.content .news .news_contents .news_content .news_content_dian div:hover {

  color: white;

  background-color: #0165D0;

}

.content .news .news_contents .news_content .news_content_dian .active {

  color: white;

  background-color: #0165D0;

}

.content .chanpin {

  width: 100%;

  height: 1000px;

  float: left;

}

.content .chanpin .chanpin_content {

  width: 100%;

  height: 1000px;

  float: left;

  background: url(../img/yeji_bg.png) no-repeat center;

}

.content .chanpin .chanpin_content .chanpin_list {

  width: 16.66%;

  height: 1000px;

  float: left;

  position: relative;

  box-sizing: border-box;

  border-right: 1px solid white;

  transition: all 0.3s linear;

  overflow: hidden;

}

.content .chanpin .chanpin_content .chanpin_list:last-child {

  border: none;

}

.content .chanpin .chanpin_content .chanpin_list .de_title {

  width: 43px;

  position: absolute;

  top: 25%;

  left: 68px;

}

.content .chanpin .chanpin_content .chanpin_list .de_img {

  height: 172px;

  position: absolute;

  bottom: 0;

  right: 0;

}

.content .chanpin .chanpin_content .chanpin_list .hover_box {

  position: absolute;

  top: 1000px;

  left: 68px;

}

.content .chanpin .chanpin_content .chanpin_list .hover_box div {

  width: 100%;

  float: left;

}

.content .chanpin .chanpin_content .chanpin_list .hover_box div:nth-child(1) img {

  width: 212px;

}

.content .chanpin .chanpin_content .chanpin_list .hover_box div:nth-child(2) {

  margin-top: 30%;

}

.content .chanpin .chanpin_content .chanpin_list .hover_box div:nth-child(2) img {

  width: 100px;

}

.content .chanpin .chanpin_content .hover {

  width: 33.32%;

  transition: all 0.3s linear;

}

.content .chanpin .chanpin_content .hover .de_title {

  display: none;

}

.content .chanpin .chanpin_content .hover .hover_box {

  top: 22%;

  transition: all 0.3s linear;

}

.content .server {

  width: 100%;

  height: 1000px;

  float: left;

  background: url("../img/server_bg.png") no-repeat center;

}

.content .server .server_content {

  width: 100%;

  height: 100%;

  float: left;

  position: relative;

}

.content .server .server_content .server_content_left {

  width: 55%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.content .server .server_content .server_content_left .server_title {

  width: 20%;

  float: left;

  margin-left: 35%;

  margin-top: 10%;

}

.content .server .server_content .server_content_left .server_title1 {

  width: 50%;

  min-width: 470px;

  float: left;

  margin-top: 15%;

  text-indent: 35%;

  color: #FFFFFF;

  font-size: 26px;

  font-weight: 600;

  margin-left: 35%;

}

.content .server .server_content .server_content_left .left_content {

  width: 45%;

  float: left;

  margin-top: 6%;

  margin-left: 35%;

}

.content .server .server_content .server_content_right {

  width: 20%;

  min-width: 340px;

  position: absolute;

  top: 25%;

  right: 12%;

}

.content .server .server_content .server_content_right .right_content {

  width: 100%;

  height: 100%;

  float: left;

  position: relative;

}

.content .server .server_content .server_content_right .right_content ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.content .server .server_content .server_content_right .right_content li {

  float: left;

  width: 50%;

  height: 50%;

  overflow: hidden;

  display: block;

  border: 1px solid #fff;

  padding: 0;

  margin: 0;

}

.content .server .server_content .server_content_right .right_content li:first-child {

  border-bottom-style: none;

}

.content .server .server_content .server_content_right .right_content li:nth-child(2) {

  border-bottom-style: none;

  border-left-style: none;

}

.content .server .server_content .server_content_right .right_content li:last-child {

  border-left-style: none;

}

.content .server .server_content .server_content_right .right_content li img {

  width: 100%;

  height: auto;

  float: center;

  margin: 0;

}

.content .talent {

  width: 100%;

  height: 1000px;

  float: left;

  /*background: url(../img/talent_bg.png) no-repeat center;*/

}

.content .talent .talent_content {

  width: 100%;

  height: 100%;

  float: left;

  padding: 0 20% 0 20%;

}

.content .talent .talent_content .talent_title {

  width: 20%;

  float: left;

  margin-top: 6%;

  margin-bottom: 8%;

}

.content .talent .talent_content .talent_title1 {

  width: 100%;

  float: left;

  font-size: 26px;

  font-weight: 600;

  margin-top: 0px;

  color: white;

}

.content .talent .talent_content .talent_list {
  width: 80%;
  float: left;
  margin-top: 2%;
  margin-left: 10%;
}
.content .talent .talent_content .talent_list .talent_detail {
  width: 40%;
  float: left;
  position: relative;
}
.content .talent .talent_content .talent_list .talent_detail img {
  width: 100%;
  float: left;
}
.content .talent .talent_content .talent_list .talent_detail .talent_hover {
  display: none;
  position: absolute;
  left: 0;
}
.content .talent .talent_content .talent_list .talent_detail p {
  width: 100%;
  height: 70px;
  float: left;
  text-align: center;
  line-height: 70px;
  background-color: #004EA2;
  color: #FEFEFE;
  font-size: 24px;
  font-weight: 600;
  position: absolute;
  left: 0;
  bottom: -70px;
}
.content .talent .talent_content .talent_list .talent_detail:first-child {
  margin-right: 20%;
}
.content .talent .talent_content .talent_list .talent_detail:hover {
  cursor: pointer;
}
.content .talent .talent_content .talent_list .talent_detail:hover .talent_hover {
  display: block;
}

.content .happy {

  width: 100%;

  float: left;

  background: url("../img/happy_bg.png") no-repeat center;

}

.content .happy .happy_content {

  width: 100%;

  height: 100%;

  float: left;

  padding: 0 0 0 20%;

}

.content .happy .happy_content .happy_content_left {

  width: 273px;

  float: left;

}

.content .happy .happy_content .happy_content_left .happy_title {

  width: 85%;

  float: left;

  margin-top: 20%;

}

.content .happy .happy_content .happy_content_left .happy_title1 {

  width: 100%;

  float: left;

  font-size: 26px;

  font-weight: 600;

  color: #333333;

  margin-top: 17px;

}

.content .happy .happy_content .happy_content_right {

  width: 70%;

  height: 70%;

  float: right;

  margin-top: 12%;

  padding-left: 10%;

  position: relative;

}

.content .happy .happy_content .happy_content_right .happy_banner_bg {

  position: relative;

  width: 100%;

  height: 80%;

  margin-left: 0;

  margin-top: 0;

  float: left;

  background: url('../img/happy_tips_icon1p.png') no-repeat center;

}

.content .happy .happy_content .happy_content_right .happy_banner {

  width: 80%;

  height: 160px;

  position: absolute;

  left: 10%;

  bottom: -80px;

}

.content .happy .happy_content .happy_content_right .happy_banner .banner_content {

  width: 100%;

  height: 100%;

  float: left;

}

.content .happy .happy_content .happy_content_right .happy_banner .banner_content .carousel {

  width: 70%;

  height: 100%;

  position: relative;

  clear: both;

  margin: auto 15%;

  overflow: hidden;

}

.content .happy .happy_content .happy_content_right .happy_banner .banner_content .carousel img {

  visibility: hidden;

  cursor: pointer;

  border-radius: 50%;

  /*border:#fff  solid 4px;*/

  margin: 5px;

}

.content .happy .happy_content .happy_content_right .happy_banner .banner_content .happy_banner_prev {

  width: 50px;

  height: 50px;

  position: absolute;

  left: 10px;

  top: 55px;

}

.content .happy .happy_content .happy_content_right .happy_banner .banner_content .happy_banner_next {

  width: 50px;

  height: 50px;

  position: absolute;

  right: 10px;

  top: 55px;

}

.content .happy .happy_content .happy_content_right .happy_tips {

  width: 35%;

  height: auto;

  position: absolute;

  left: -43%;

  top: 15%;

}

.content .happy .happy_content .happy_content_right .happy_tips .happy_tips_content {

  width: 100%;

  height: 100%;

  float: left;

  cursor: pointer;

}

.content .happy .happy_content .happy_content_right .happy_tips .happy_tips_content ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.content .happy .happy_content .happy_content_right .happy_tips .happy_tips_content li {

  float: left;

  width: 50%;

  height: 50%;

  overflow: hidden;

  display: block;

  border: 1px solid #fff;

  padding: 0;

  margin: 0;

}

.content .happy .happy_content .happy_content_right .happy_tips .happy_tips_content li:first-child {

  border-bottom-style: none;

}

.content .happy .happy_content .happy_content_right .happy_tips .happy_tips_content li:nth-child(2) {

  border-bottom-style: none;

  border-left-style: none;

}

.content .happy .happy_content .happy_content_right .happy_tips .happy_tips_content li:last-child {

  border-left-style: none;

}

.content .happy .happy_content .happy_content_right .happy_tips .happy_tips_content li img {

  width: 100%;

  height: auto;

  float: center;

  margin: 0;

}

.content .us {

  width: 100%;

  height: 1000px;

  float: left;

  background: url("../img/us_bg.png") no-repeat center;

}

.content .us .us_left {

  width: 50%;

  height: 60%;

  float: left;

}

.content .us .us_left .us_left_content {

  width: 85%;

  float: left;

  margin-top: 15%;

}

.content .us .us_left .us_left_content .us_left_title {

  width: 26%;

  float: left;

  margin-left: 44%;

  margin-top: 0px;

}

.content .us .us_left .us_left_content .us_left_title1 {

  width: 100%;

  float: left;

  text-indent: 44%;

  font-size: 26px;

  color: #363636;

  font-weight: 600;

  margin-top: 18px;

}

.content .us .us_left .us_left_content .img_list {

  width: 100%;

  float: left;

  margin-top: 15%;

}

.content .us .us_left .us_left_content .img_list img {

  width: 16%;

  float: left;

  cursor: pointer;

}

.content .us .us_left .us_left_content .img_list img:nth-child(1) {

  margin-left: 44%;

}

.content .us .us_left .us_left_content .img_list img:nth-child(2) {

  margin-left: 53px;

}

.content .us .us_right {

  width: 30%;

  height: 60%;

  float: left;

  margin-left: 86px;

  margin-top: 7%;

}

.content .us .us_right .us_right_title {

  width: 100%;

  float: left;

}

.content .us .us_right .us_right_title p {

  width: 100%;

  float: left;

}

.content .us .us_right .us_right_title p:nth-child(1) {

  font-size: 26px;

  font-weight: 600;

  color: #004EA2;

}

.content .us .us_right .us_right_title p:nth-child(2) {

  font-size: 14px;

  line-height: 24px;

  color: #363636;

}

.content .us .us_right .forms {

  width: 100%;

  float: left;

  margin-top: 24px;

}

.content .us .us_right .forms .form_list {

  width: 100%;

  float: left;

}

.content .us .us_right .forms .form_list:nth-child(1) label {

  height: 56px;

  float: left;

  line-height: 56px;

  background-color: white;

  padding-left: 24px;

  font-size: 18px;

  color: #363636;

}

.content .us .us_right .forms .form_list:nth-child(1) label input {

  width: 70%;

  border: none;

  padding-left: 5px;

  font-size: 16px;

  color: #666666;

  height: 36px;

}

.content .us .us_right .forms .form_list:nth-child(1) label:nth-child(1) {

  width: 45%;

}

.content .us .us_right .forms .form_list:nth-child(1) label:nth-child(2) {

  width: 52%;

  margin-left: 3%;

}

.content .us .us_right .forms .form_list:nth-child(2) label {

  width: 100%;

  height: 56px;

  float: left;

  line-height: 56px;

  background-color: white;

  margin-top: 14px;

  padding-left: 24px;

  font-size: 18px;

  color: #363636;

}

.content .us .us_right .forms .form_list:nth-child(2) label input {

  width: 70%;

  height: 36px;

  border: none;

  padding-left: 5px;

  font-size: 16px;

  color: #666666;

}

.content .us .us_right .forms .form_list:nth-child(3) div {

  width: 100%;

  height: 76px;

  float: left;

  line-height: 76px;

  background-color: white;

  margin-top: 14px;

  padding-left: 24px;

  font-size: 18px;

  color: #363636;

}

.content .us .us_right .forms .form_list:nth-child(3) div span {

  color: #004EA2;

}

.content .us .us_right .forms .form_list:nth-child(3) div p {

  width: 75%;

  float: right;

  cursor: pointer;

  padding-left: 5px;

  font-size: 16px;

  color: #666666;

}

.content .us .us_right .forms .form_list:nth-child(3) div p label {

  width: 33.33%;

  height: 38px;

  line-height: 38px;

  float: left;

}

.content .us .us_right .forms .form_list:nth-child(3) div p label input {

  margin-right: 10px;

}

.content .us .us_right .forms .form_list:nth-child(4) label {

  width: 100%;

  height: 140px;

  line-height: 24px;

  float: left;

  background-color: white;

  margin-top: 14px;

  padding-left: 24px;

  font-size: 18px;

  color: #363636;

}

.content .us .us_right .forms .form_list:nth-child(4) label textarea {

  width: 95%;

  height: 100px;

  float: left;

  margin-top: 19px;

  border: none;

  resize: none;

  padding-left: 5px;

  font-size: 18px;

  color: #666666;

}

.content .us .us_right .us_right_btn {

  width: 100%;

  height: 46px;

  float: left;

  text-align: center;

  line-height: 46px;

  font-size: 20px;

  margin-top: 14px;

  color: white;

  background-color: #004EA2;

}

.content_two {

  width: 100%;

  margin-top:0;

  float: left;

  position: relative;

}

.content_two .ahout_two_content {

  width: 100%;

  min-height: 1000px;

  float: left;

}

.content_two .ahout_two_content .about_nav_bg {

  width: 100%;

  height: 440px;

  float: left;

  background: url("../img/about_nav1.png") no-repeat center;

}

.content_two .ahout_two_content .about_nav {

  width: 100%;

  height: 60px;

  float: left;

}

.content_two .ahout_two_content .about_nav div {

  width: 10%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 18px;

  cursor: pointer;

}

.content_two .ahout_two_content .about_nav div:nth-child(1) {

  margin-left: 20%;

}

.content_two .ahout_two_content .about_nav div:hover {

  background-color: #0165D0;

  color: white;

}

.content_two .ahout_two_content .about_nav .active {

  background-color: #0165D0;

  color: white;

}

.content_two .ahout_two_content .about_detail {

  width: 100%;

  float: left;

  padding: 0 20% 0 20%;

  background-color: #f9f9f9;

  padding-bottom: 60px;

}

.content_two .ahout_two_content .about_detail .detail_title {

  width: 100%;

  font-size: 34px;

  float: left;

  color: #333333;

  font-weight: 600;

  margin-top: 82px;

  text-align: left;

}

.content_two .ahout_two_content .about_detail .detail_describe {

  width: 100%;

  font-size: 16px;

  float: left;

  color: #aaaaaa;

  margin-top: 5px;

  margin-bottom: 5px;

  text-align: left;

  border-bottom: 1px dashed #aaaaaa;

  height: 35px;

}

.content_two .ahout_two_content .about_detail .detail_title1 {

  width: 100%;

  float: left;

  text-align: center;

  color: #004EA2;

  font-size: 18px;

  margin-top: 16px;

}

.content_two .ahout_two_content .about_detail .detail_content1 {

  width: 100%;

  float: left;

  margin-top: 21px;

  font-size: 18px;

  text-indent: 36px;

  line-height: 24px;

  text-align: left;

  color: #333333;

}

.content_two .ahout_two_content .about_detail .detail_content2 {

  width: 100%;

  float: left;

  margin-top: 20px;

}

.content_two .ahout_two_content .about_detail .detail_content2 img {

  width: 100%;

  float: left;

}

.content_two .ahout_two_content .about_detail .detail_content3 {

  width: 100%;

  float: left;

  margin-top: 28px;

  font-size: 16px;

  line-height: 24px;

  color: #333333;

  text-align: center;

}

.content_two .ahout_two_content .about_detail .detail_content3 p:nth-child(4) {

  margin-top: 19px;

}

.content_two .ahout_two_content .about_detail .detail_content4 {

  width: 100%;

  float: left;

  margin-top: 26px;

}

.content_two .ahout_two_content .about_detail .detail_content4 img {

  width: 60%;

  float: left;

  margin-left: 20%;

}

.content_two .ahout_two_content .about_detail .detail_content5 {

  width: 100%;

  float: left;

  margin-top: 26px;

  margin-bottom: 57px;

  font-size: 16px;

  line-height: 24px;

  text-align: left;

  color: #333333;

  text-align: center;

}

.content_two .ahout_two_content .about_detail .detail_content6 {

  width: 100%;

  float: left;

  margin-bottom: 57px;

  font-size: 24px;

  line-height: 24px;

  color: #333333;

  text-align: left;

}

.content_two .ahout_two_content .about_detail .detail_content6 p {

  margin-top: 24px;

}

.content_two .ahout_two_content .about_detail .detail_content6 .lan {

  color: #004EA2;

  font-size: 30px;

}

.content_two .ahout_two_content .about_detail .detail_content7 {

  width: 100%;

  float: left;

  margin-top: 43px;

  margin-bottom: 57px;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_nav {

  width: 100%;

  height: 40px;

  line-height: 40px;

  cursor: pointer;

  text-align: center;

  float: left;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_nav .about_honor_nav_list {

  width: 12%;

  float: left;

  margin-right: 2%;

  background-color: white;

  color: #333333;

  font-size: 17px;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_nav .about_honor_nav_list:first-child {

  margin-left: 30%;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_nav .about_honor_nav_list:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_nav .active {

  background-color: #004EA2;

  color: white;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_content {

  width: 100%;

  min-height: 500px;

  float: left;

  margin-top: 42px;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_content div {

  width: 26.66%;

  float: left;

  margin-left: 5%;

  position: relative;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_content div img {

  width: 100%;

  float: left;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_content div p {

  width: 100%;

  float: left;

  color: #333333;

  font-size: 14px;

  text-align: center;

  line-height: 50px;

}

.content_two .ahout_two_content .about_detail .detail_content7 .about_honor_content div:hover .img_hover {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}

.content_two .ahout_two_content .about_detail .detail_content7 .zhenshu_bg {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.5);

}

.content_two .ahout_two_content .about_detail .detail_content7 .zhenshu_bg .zhenshu_bg_content {

  width: 30%;

  float: left;

  margin-top: 5%;

  margin-left: 35%;

  position: relative;

}

.content_two .ahout_two_content .about_detail .detail_content7 .zhenshu_bg .zhenshu_bg_content .close_icon {

  width: 24px;

  position: absolute;

  right: 24px;

  top: 24px;

  cursor: pointer;

}

.content_two .ahout_two_content .about_detail .detail_content7 .zhenshu_bg .zhenshu_bg_content .zhenshu_bg_img {

  width: 100%;

  margin-top: 50px;

  margin-bottom: 50px;

  margin-left: 0%;

}

.content_two .ahout_two_content .about_detail .detail_content8 {

  width: 100%;

  float: left;

  margin-top: 43px;

  margin-bottom: 57px;

}

.content_two .ahout_two_content .about_detail .detail_content8 .pb-carouselWarp {

  position: relative;

  width: 100%;

  min-height: 700px;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

}

.content_two .ahout_two_content .about_detail .detail_content8 .pb-carouselWarp img {

  width: 100%;

  height: 600px;

}

.content_two .news_two_content {

  width: 100%;

  min-height: 1000px;

  float: left;

}

.content_two .news_two_content .news_nav_bg {

  width: 100%;

  height: 440px;

  float: left;

  background: url("../img/news_nav1.png") no-repeat center;

}

.content_two .news_two_content .news_nav {

  width: 100%;

  height: 60px;

  float: left;

}

.content_two .news_two_content .news_nav div {

  width: 10%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 18px;

  cursor: pointer;

}

.content_two .news_two_content .news_nav div:nth-child(1) {

  margin-left: 20%;

}

.content_two .news_two_content .news_nav div:hover {

  background-color: #0165D0;

  color: white;

}

.content_two .news_two_content .news_nav .active {

  background-color: #0165D0;

  color: white;

}

.content_two .news_two_content .news_detail {

  width: 100%;

  float: left;

  margin-top: 82px;

  padding: 0 20% 0 20%;

}

.content_two .news_two_content .news_detail .detail_content1 {

  width: 100%;

  float: left;

  min-height: 500px;

  margin-bottom: 57px;

  position: relative;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list {

  width: 75%;

  float: left;

  padding: 20px;

  margin-bottom: 20px;

  cursor: pointer;

  background-color: white;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list:first-child {

  margin-top: 70px;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div {

  float: left;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(1) {

  width: 20%;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(1) img {

  width: 100%;

  float: left;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(1) img:hover {

  width: 110%;

  transition: all 0.3s linear;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(2) {

  width: 75%;

  margin-left: 5%;

  margin-top: 1%;

  color: #333333;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(2):hover {

  color: #004ea2;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(2) p {

  width: 100%;

  float: left;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(2) p:nth-child(1) {

  font-size: 20px;

  font-weight: 600;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(2) p:nth-child(2) {

  font-size: 14px;

  margin-top: 1%;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.content_two .news_two_content .news_detail .detail_content1 .content1_list div:nth-child(2) p:nth-child(3) {

  font-size: 14px;

  margin-top: 5%;

  text-align: right;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date {

  position: absolute;

  right: 2.5%;

  top: 70px;

  width: 20%;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_search {

  width: 100%;

  height: 50px;

  font-size: 14px;

  background-color: white;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_search input {

  width: 70%;

  height: 40px;

  float: left;

  line-height: 40px;

  margin-top: 5px;

  margin-left: 5%;

  border: none;

  outline: none;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_search .search_btn {

  width: 16px;

  height: 16px;

  float: right;

  margin-top: 17px;

  margin-right: 5%;

  cursor: pointer;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box {

  width: 100%;

  float: left;

  margin-top: 34px;

  cursor: pointer;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list {

  width: 100%;

  float: left;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_box_head {

  width: 100%;

  height: 50px;

  float: left;

  color: #666666;

  line-height: 50px;

  padding-left: 5%;

  font-size: 16px;

  background-color: #EEEEEE;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_box_head img {

  width: 12px;

  height: 6px;

  float: right;

  margin-right: 5%;

  margin-top: 22px;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_box_head .shang {

  display: block;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_box_head .xia {

  display: none;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_btn_open {

  background-color: #C2C2C2;

  color: white;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_btn_open .shang {

  display: none;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_btn_open .xia {

  display: block;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_box_content {

  width: 100%;

  height: 0;

  overflow: hidden;

  float: left;

  background-color: white;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .date_box_content p {

  width: 25%;

  float: left;

  height: 50px;

  text-align: center;

  line-height: 50px;

  font-size: 12px;

  color: #333333;

}

.content_two .news_two_content .news_detail .detail_content1 .new_content_date .date_box .date_list .state_open {

  height: auto;

}

.content_two .news_two_content .news_detail .detail_content1 .pages {

  width: 50%;

  height: 38px;

  line-height: 38px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 16px;

  margin-left: 25%;

  margin-top: 58px;

  cursor: pointer;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_prev {

  width: 20%;

  float: left;

  box-sizing: border-box;

  color: #004EA2;

  background-color: white;

  border: 1px solid #E5E5E5;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_prev:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_num {

  width: 50%;

  float: left;

  margin-left: 5%;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_num p {

  width: 18%;

  float: left;

  margin-left: 2%;

  box-sizing: border-box;

  background-color: white;

  border: 1px solid #E5E5E5;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_num p:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_num .active {

  background-color: #004EA2;

  color: white;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_next {

  width: 20%;

  float: right;

  color: #004EA2;

  background-color: white;

  box-sizing: border-box;

  border: 1px solid #E5E5E5;

}

.content_two .news_two_content .news_detail .detail_content1 .pages .page_next:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .chanpin_two_content {

  width: 100%;

  min-height: 1000px;

  float: left;

}

.content_two .chanpin_two_content .chanpin_nav_bg {

  width: 100%;

  height: 440px;

  float: left;

  background: url("../img/chanpin_nav1.png") no-repeat center;

}

.content_two .chanpin_two_content .chanpin_nav {

  width: 100%;

  height: 60px;

  float: left;

}

.content_two .chanpin_two_content .chanpin_nav div {

  width: 10%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 18px;

  cursor: pointer;

}

.content_two .chanpin_two_content .chanpin_nav div:nth-child(1) {

  margin-left: 15%;

}

.content_two .chanpin_two_content .chanpin_nav div:hover {

  background-color: #0165D0;

  color: white;

}

.content_two .chanpin_two_content .chanpin_nav .active {

  background-color: #0165D0;

  color: white;

}

.content_two .chanpin_two_content .chanpin_detail {

  width: 100%;

  float: left;

  margin-top: 0;

  padding: 0 15%;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 {

  width: 100%;

  float: left;

  min-height: 500px;

  margin-bottom: 57px;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list {

  width: 78%;

  float: left;

  margin-top: 28px;

  padding-bottom: 27px;

  cursor: pointer;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list div {

  float: left;

  width: 30%;

  margin-right: 3.33%;

  /*margin-bottom: 24px;*/

  background-color: white;

  position: relative;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list div img {

  width: 100%;

  float: left;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list div .chanpin_img_hover {

  position: absolute;

  left: 0;

  top: 0;

  display: none;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list div p {

  width: 100%;

  padding-left: 5%;

  padding-right: 5%;

  height: 40px;

  line-height: 20px;

  float: left;

  text-align: center;

  color: #333333;

  border: 1px solid #cccccc;

  border-top-style:none;

  font-size: 16px;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list div p:nth-child(3) {

  font-size: 12px;

  border-top: none;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list div p:nth-child(3) span:nth-child(1) {

  float: left;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .chanpin_list div p:nth-child(3) span:nth-child(2) {

  float: right;

  color: #999999;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages {

  width: 50%;

  height: 38px;

  line-height: 38px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 16px;

  margin-left: 25%;

  margin-top: 58px;

  cursor: pointer;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_prev {

  width: 20%;

  float: left;

  box-sizing: border-box;

  background-color: white;

  color: #004EA2;

  border: 1px solid #E5E5E5;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_prev:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_num {

  width: 50%;

  float: left;

  margin-left: 5%;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_num p {

  width: 18%;

  float: left;

  margin-left: 2%;

  background-color: white;

  box-sizing: border-box;

  border: 1px solid #E5E5E5;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_num p:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_num .active {

  background-color: #004EA2;

  color: white;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_next {

  width: 20%;

  float: right;

  color: #004EA2;

  background-color: white;

  box-sizing: border-box;

  border: 1px solid #E5E5E5;

}

.content_two .chanpin_two_content .chanpin_detail .detail_content1 .pages .page_next:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .talent_two_content {

  width: 100%;

  min-height: 1000px;

  float: left;

}

.content_two .talent_two_content .talent_nav_bg {

  width: 100%;

  height: 440px;

  float: left;

  background: url("../img/talent_nav1.png") no-repeat center;

}

.content_two .talent_two_content .talent_nav {

  width: 100%;

  height: 60px;

  float: left;

}

.content_two .talent_two_content .talent_nav div {

  width: 10%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 18px;

  cursor: pointer;

}

.content_two .talent_two_content .talent_nav div:nth-child(1) {

  margin-left: 20%;

}

.content_two .talent_two_content .talent_nav div:hover {

  background-color: #0165D0;

  color: white;

}

.content_two .talent_two_content .talent_nav .active {

  background-color: #0165D0;

  color: white;

}

.content_two .talent_two_content .talent_detail {

  width: 100%;

  float: left;

  margin-top: 82px;

  padding: 0 20% 0 20%;

}

.content_two .talent_two_content .talent_detail .detail_title {

  width: 100%;

  font-size: 34px;

  color: #333333;

  font-weight: 600;

  text-align: left;

}

.content_two .talent_two_content .talent_detail .detail_title1 {

  width: 100%;

  float: left;

  text-align: center;

  color: #004EA2;

  font-size: 18px;

  margin-top: 16px;

}

.content_two .talent_two_content .talent_detail .detail_content1 {

  width: 100%;

  float: left;

  margin-top: 42px;

  font-size: 18px;

  line-height: 30px;

  text-align: left;

  color: #333333;

  text-indent: 2em;

}

.content_two .talent_two_content .talent_detail .detail_content2 {

  width: 100%;

  float: left;

  margin-top: 21px;

}

.content_two .talent_two_content .talent_detail .detail_content2 img {

  width: 100%;

  float: left;

}

.content_two .talent_two_content .talent_detail .detail_content6 {

  width: 100%;

  float: left;

  margin-bottom: 57px;

  font-size: 24px;

  line-height: 34px;

  text-align: center;

  color: #333333;

  text-align: left;

}

.content_two .talent_two_content .talent_detail .detail_content6 p {

  margin-top: 24px;

}

.content_two .talent_two_content .talent_detail .detail_content6 .lan {

  color: #004EA2;

  font-size: 30px;

}

.content_two .talent_two_content .talent_detail .detail_content8 {

  width: 100%;

  float: left;

  padding: 50px;

  margin-top: 43px;

  margin-bottom: 50px;

  background-color: white;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_search {

  width: 100%;

  height: 62px;

  line-height: 62px;

  color: #333333;

  font-size: 18px;

  margin-bottom: 34px;

  box-sizing: border-box;

  border: 2px solid #0165D0;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_search input {

  float: left;

  width: 60%;

  height: 50px;

  margin-top: 6px;

  margin-left: 10px;

  font-size: 18px;

  border: none;

  outline: none;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_search div {

  float: right;

  padding: 0 5% 0 5%;

  height: 58px;

  line-height: 58px;

  color: white;

  cursor: pointer;

  background-color: #0165D0;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_head {

  width: 100%;

  height: 62px;

  line-height: 62px;

  color: #333333;

  font-size: 18px;

  background-color: #F4F4F4;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_head p {

  float: left;

  text-align: center;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_head p:nth-child(1) {

  width: 20%;

  text-align: left;

  text-indent: 44px;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_head p:nth-child(2) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_head p:nth-child(3) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_head p:nth-child(4) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_head p:nth-child(5) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content {

  width: 100%;

  float: left;

  color: #333333;

  font-size: 18px;

  background-color: white;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content:nth-child(2) {

  margin-top: 20px;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title {

  width: 100%;

  float: left;

  height: 62px;

  line-height: 62px;

  border-top: 1px solid #E3F0FF;

  cursor: pointer;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title:last-child {

  border: none;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title p {

  float: left;

  text-align: center;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title p:nth-child(1) {

  width: 20%;

  text-align: left;

  text-indent: 44px;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title p:nth-child(2) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title p:nth-child(3) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title p:nth-child(4) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title p:nth-child(5) {

  width: 17.5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title .talent_join_btn {

  width: 10%;

  height: 62px;

  float: left;

  text-align: center;

  line-height: 62px;

  font-size: 22px;

  color: #004EA2;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title .talent_join_btn .jia {

  display: block;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_content_title .talent_join_btn .jian {

  display: none;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_btn_open .talent_join_btn .jia {

  display: none !important;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_btn_open .talent_join_btn .jian {

  display: block !important;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_detail {

  width: 100%;

  height: 0;

  float: left;

  border-top: 1px solid #E3F0FF;

  overflow: hidden;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_detail div {

  width: 100%;

  padding: 0 46px 0 46px;

  float: left;

  color: #333333;

  font-size: 16px;

  line-height: 30px;

  margin-top: 10px;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_detail div a {

  float: right;

  background-color: #004EA2;

  color: white;

  padding: 5px 46px 5px 46px;

  border-radius: 20px;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .talent_join_detail .lan {

  color: #004EA2;

  font-size: 18px;

}

.content_two .talent_two_content .talent_detail .detail_content8 .talent_join_content .state_open {

  height: auto;

  padding-bottom: 46px;

  transition: all 0.3s linear;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages {

  width: 50%;

  height: 38px;

  line-height: 38px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 16px;

  margin-left: 25%;

  margin-top: 58px;

  cursor: pointer;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_prev {

  width: 20%;

  float: left;

  box-sizing: border-box;

  color: #004EA2;

  background-color: white;

  border: 1px solid #E5E5E5;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_prev:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_num {

  width: 50%;

  float: left;

  margin-left: 5%;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_num p {

  width: 18%;

  float: left;

  margin-left: 2%;

  box-sizing: border-box;

  background-color: white;

  border: 1px solid #E5E5E5;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_num p:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_num .active {

  background-color: #004EA2;

  color: white;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_next {

  width: 20%;

  float: right;

  color: #004EA2;

  background-color: white;

  box-sizing: border-box;

  border: 1px solid #E5E5E5;

}

.content_two .talent_two_content .talent_detail .detail_content8 .pages .page_next:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .happy_two_content {

  width: 100%;

  min-height: 1000px;

  float: left;

}

.content_two .happy_two_content .happy_nav_bg {

  width: 100%;

  height: 440px;

  float: left;

  background: url("../img/happy_nav.png") no-repeat center;

}

.content_two .happy_two_content .happy_nav {

  width: 100%;

  height: 60px;

  float: left;

}

.content_two .happy_two_content .happy_nav div {

  width: 10%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 18px;

  cursor: pointer;

}

.content_two .happy_two_content .happy_nav div:nth-child(1) {

  margin-left: 30%;

}

.content_two .happy_two_content .happy_nav div:hover {

  background-color: #0165D0;

  color: white;

}

.content_two .happy_two_content .happy_nav .active {

  background-color: #0165D0;

  color: white;

}

.content_two .happy_two_content .happy_detail {

  width: 100%;

  float: left;

  margin-top: 82px;

  padding: 0 20% 0 20%;

}

.content_two .happy_two_content .happy_detail .detail_content1 {

  width: 100%;

  float: left;

  min-height: 500px;

  margin-bottom: 57px;

}

.content_two .happy_two_content .happy_detail .detail_content1 .happy_list {

  width: 100%;

  float: left;

  margin-top: 28px;

  padding-bottom: 27px;

  cursor: pointer;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages {

  width: 50%;

  height: 38px;

  line-height: 38px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 16px;

  margin-left: 25%;

  margin-top: 58px;

  cursor: pointer;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_prev {

  width: 20%;

  float: left;

  box-sizing: border-box;

  color: #004EA2;

  background-color: white;

  border: 1px solid #E5E5E5;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_prev:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_num {

  width: 50%;

  float: left;

  margin-left: 5%;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_num p {

  width: 18%;

  float: left;

  margin-left: 2%;

  box-sizing: border-box;

  background-color: white;

  border: 1px solid #E5E5E5;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_num p:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_num .active {

  background-color: #004EA2;

  color: white;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_next {

  width: 20%;

  float: right;

  color: #004EA2;

  background-color: white;

  box-sizing: border-box;

  border: 1px solid #E5E5E5;

}

.content_two .happy_two_content .happy_detail .detail_content1 .pages .page_next:hover {

  background-color: #004EA2;

  color: white;

}

.content_two .happy_two_content .happy_two_banner {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.5);

}

.content_two .happy_two_content .happy_two_banner .happy_two_banner_content {

  width: 40%;

  height: 520px;

  float: left;

  margin-top: 15%;

  margin-left: 30%;

  background-color: white;

  position: relative;

}

.content_two .happy_two_content .happy_two_banner .happy_two_banner_content .banner_imgs {

  width: 100%;

  height: 470px;

  float: left;

}

.content_two .happy_two_content .happy_two_banner .happy_two_banner_content .banner_imgs .pb-carouselWarp {

  position: relative;

  width: 100%;

  height: 470px;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

}

.content_two .happy_two_content .happy_two_banner .happy_two_banner_content .banner_text {

  width: 100%;

  height: 50px;

  line-height: 50px;

  float: left;

  color: white;

  font-size: 24px;

  text-indent: 31px;

  background-color: #004EA2;

}

.content_two .happy_two_content .happy_two_banner .happy_two_banner_content .banner_text img {

  width: 22px;

  height: 22px;

  float: right;

  margin-top: 14px;

  margin-right: 30px;

}

.content_two .us_two_content {

  width: 100%;

  min-height: 1000px;

  float: left;

}

.content_two .us_two_content .us_nav_bg {

  width: 100%;

  height: 440px;

  float: left;

  background: url("../img/us_nav3.png") no-repeat center;

}

.content_two .us_two_content .us_nav {

  width: 100%;

  height: 60px;

  float: left;

}

.content_two .us_two_content .us_nav div {

  width: 10%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 18px;

  cursor: pointer;

}

.content_two .us_two_content .us_nav div:nth-child(1) {

  margin-left: 20%;

}

.content_two .us_two_content .us_nav div:hover {

  background-color: #0165D0;

  color: white;

}

.content_two .us_two_content .us_nav .active {

  background-color: #0165D0;

  color: white;

}

.content_two .us_two_content .us_detail {

  width: 100%;

  float: left;

  margin-top: 82px;

  padding: 0 20% 0 20%;

}

.content_two .us_two_content .us_detail .detail_content0 {

  width: 100%;

  float: left;

  margin-bottom: 57px;

  font-size: 24px;

  line-height: 24px;

  color: #333333;

  text-align: left;

}

.content_two .us_two_content .us_detail .detail_content0 p {

  margin-top: 24px;

}

.content_two .us_two_content .us_detail .detail_content0 .lan {

  color: #004EA2;

  font-size: 30px;

}

.content_two .us_two_content .us_detail .detail_content1 {

  width: 100%;

  float: left;

  min-height: 500px;

  margin-bottom: 57px;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form {

  width: 100%;

  height: 820px;

  float: left;

  margin-top: 82px;

  background-color: #E3F0FF;

  padding: 0 50px 0 50px;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .one {

  width: 47.5%;

  font-size: 18px;

  color: #333333;

  float: left;

  margin-right: 5%;

  margin-top: 36px;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .one span {

  color: #CB0000;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .one input {

  width: 100%;

  height: 44px;

  float: left;

  margin-top: 9px;

  line-height: 44px;

  text-indent: 5px;

  border: none;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .le {

  margin-right: 0;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .two {

  width: 100%;

  font-size: 18px;

  color: #333333;

  float: left;

  margin-top: 24px;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .two span {

  color: #CB0000;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .two input {

  width: 100%;

  height: 44px;

  float: left;

  margin-top: 9px;

  line-height: 44px;

  text-indent: 5px;

  border: none;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .two textarea {

  width: 100%;

  height: 300px;

  float: left;

  margin-top: 9px;

  padding: 2.5%;

  border: none;

  resize: none;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .us_form_btn {

  width: 100%;

  float: left;

  cursor: pointer;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .us_form_btn div {

  float: left;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .us_form_btn div:nth-child(1) {

  width: 20%;

  height: 60px;

  text-align: center;

  line-height: 60px;

  color: white;

  font-size: 24px;

  margin-top: 30px;

  background-color: #004EA2;

  margin-left: 40%;

}

.content_two .us_two_content .us_detail .detail_content1 .us_form .us_form_btn div:nth-child(2) {

  width: 100%;

  text-align: center;

  color: #333333;

  font-size: 16px;

  margin-top: 16px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content {

  width: 100%;

  height: 820px;

  float: left;

  margin-top: 82px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .maps {

  width: 100%;

  height: 400px;

  float: left;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .maps #allmap {

  width: 100%;

  height: 100%;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer {

  width: 100%;

  height: 344px;

  margin-top: 30px;

  float: left;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_left {

  width: 30%;

  height: 100%;

  float: left;

  background-color: #E3F0FF;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_left .us_ma {

  width: 50%;

  float: left;

  margin-left: 25%;

  margin-top: 46px;

  margin-bottom: 10px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_left p {

  width: 100%;

  float: left;

  color: #333333;

  font-size: 20px;

  margin-top: 10px;

  text-align: center;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_right {

  width: 65%;

  height: 100%;

  float: left;

  margin-left: 5%;

  background-color: #E3F0FF;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_right div {

  width: 100%;

  height: 64px;

  float: left;

  margin-top: 30px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_right div:nth-child(1) {

  margin-top: 46px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_right div img {

  width: 64px;

  height: 64px;

  float: left;

  margin-left: 30px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_right div p {

  width: 70%;

  float: left;

  margin-left: 3%;

  font-size: 18px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_right div p:nth-child(2) {

  color: #004EA2;

  margin-top: 5px;

}

.content_two .us_two_content .us_detail .detail_content1 .map_content .map_footer .map_footer_right div p:nth-child(3) {

  color: #333333;

}

.sidebar {

  width: 44px;

  position: fixed;

  right: 0;

  top: -80px;

  bottom: 0;

  z-index: 1001;

}

.sidebar .sidebar_box {

  width: 100;

  height: 100%;

  float: right;

  opacity: 0;

  cursor: pointer;

  background-color: #004EA2;

  border-bottom: 1px solid #ccc;

  box-sizing: border-box;

  position: relative;

}

.sidebar .sidebar_box .box_list {

  width: 100%;

  float: left;

  margin-top: 34px;

  position: relative;

}

.sidebar .sidebar_box .box_list:first-child {

  margin-top: 278px;

}

.sidebar .sidebar_box .box_list img {

  width: 28px;

  float: left;

  margin-left: 9px;

}

.sidebar .sidebar_box .box_list div {

  position: absolute;

  right: 50px;

  display: none;

}

.sidebar .sidebar_box .box_list div img {

  width: auto;

}

.sidebar .sidebar_box .box_list .ma_box {

  width: 150px;

  height: 140px;

  background: url(../img/wx_hover.png) no-repeat 100% 100%;

}

.sidebar .sidebar_box .box_list .ma_box img {

  width: 135px;

  height: 136px;

  float: left;

  margin-top: 2px;

  margin-left: 2px;

}

.sidebar .sidebar_box .box_list:hover div {

  display: block;

}

.sidebar .sidebar_box .back_top {

  position: absolute;

  bottom: 41px;

  width: 28px;

  left: 9px;

}

.sidebar:hover .sidebar_box {

  opacity: 1;

  transition: all 0.5s linear;

}

.footer {

  width: 100%;

  height: 300px;

  overflow:hidden;

  float: left;

  background-color: #E6E6E6;

}

.footer .footer_content {

  width: 100%;

  float: left;

}

.footer .footer_content .list {

  width: 80%;

  float: left;

  margin: 0 10%;

}

.footer .footer_content .copyright {

  text-align: center;

}

.footer .footer_content:nth-child(1) {

  background-color: #004EA2;

  border-bottom: 1px solid #ccc;

}

.footer .footer_content:nth-child(1) .list div {

  float: left;

  width: 9%;

  height: 88px;

  text-align: center;

}

.footer .footer_content:nth-child(1) .list div a {

  color: white;

  font-size: 16px;

  float: left;

  width: 100%;

  height: auto;

  margin-top: 36px;

  border-left: 1px solid white;

}

.footer .footer_content:nth-child(1) .list div:first-child a {

  border: none;

}

.footer .footer_content:nth-child(1) .list div:last-child {

  width: 28%;

  float: right;

  text-align:right;

}

.footer .footer_content:nth-child(1) .list div:last-child img {

  height: 50px;

  margin-top: 22px;

}

.footer .footer_content:nth-child(2) {

  background-color: #004EA2;

}

.footer .footer_content:nth-child(2) .list {

  height: 130px;

}

.footer .footer_content:nth-child(2) .list .code {

  width: 12%;

}

.footer .footer_content:nth-child(2) .list .code img {

  width: 100px;

  height: 100px;

  padding-top: 10px;

  padding-right: 0px;

  float: right;

}

.footer .footer_content:nth-child(2) .list .code p {

  text-align: center;

  width: 100px;

  margin-left: 0px;

  margin-top: 0px !important;

  float: right;

  padding-right: 10px;

}

.footer .footer_content:nth-child(2) .list div {

  float: left;

  color: white;

}

.footer .footer_content:nth-child(2) .list div img {

  float: left;

}

.footer .footer_content:nth-child(2) .list div p {

  float: left;

  width: 65%;

  font-size: 16px;

  margin-left: 5%;

}

.footer .footer_content:nth-child(2) .list div p:nth-child(2) {

  margin-top: 36px;

}

.footer .footer_content:nth-child(2) .list div p span {

  font-size: 18px;

}

.footer .footer_content:nth-child(2) .list div:nth-child(1) {

  width: 35%;

  padding-left:4%;

}

.footer .footer_content:nth-child(2) .list div:nth-child(1) img {

  width: 36px;

  height: 51px;

  margin-top: 35px;

}

.footer .footer_content:nth-child(2) .list div:nth-child(2) {

  width: 20%;

}

.footer .footer_content:nth-child(2) .list div:nth-child(2) img {

  width: 50px;

  height: 50px;

  margin-top: 35px;

}

.footer .footer_content:nth-child(2) .list div:nth-child(3) {

  width: 20%;

}

.footer .footer_content:nth-child(2) .list div:nth-child(3) img {

  width: 50px;

  height: 34px;

  margin-top: 35px;

}

.footer .footer_content:nth-child(3) {

  background-color: #003D7F;

}

.footer .footer_content:nth-child(3) .list {

  width: 60%;

  margin: 0 20%;

  height: 89px;

  line-height: 89px;

  font-size: 16px;

  color: white;

}

.server_two_content {

  width: 100%;

  min-height: 1000px;

  float: left;

}

.server_two_content .server_nav_bg {

  width: 100%;

  height: 440px;

  float: left;

  background: url("../img/server_nav1.png") no-repeat center;

}

.server_two_content .server_nav {

  width: 100%;

  height: 60px;

  float: left;

}

.server_two_content .server_nav div {

  width: 10%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  float: left;

  color: #333333;

  font-size: 18px;

  cursor: pointer;

}

.server_two_content .server_nav div:nth-child(1) {

  margin-left: 20%;

}

.server_two_content .server_nav div:hover {

  background-color: #0165D0;

  color: white;

}

.server_two_content .server_nav .active {

  background-color: #0165D0;

  color: white;

}

.server_two_content .server_detail {

  width: 100%;

  float: left;

  margin-top: 82px;

  padding: 0 20% 0 20%;

}

.server_two_content .server_detail .detail_content7 {

  width: 100%;

  float: left;

  margin-top: 43px;

  margin-bottom: 57px;

}

.server_two_content .server_detail .detail_content7 .server_two_nav {

  width: 100%;

  height: 40px;

  line-height: 40px;

  cursor: pointer;

  text-align: center;

  float: left;

}

.server_two_content .server_detail .detail_content7 .server_two_nav .server_two_nav_list {

  width: 12%;

  float: left;

  margin-right: 2%;

  background-color: white;

  color: #333333;

  font-size: 17px;

}

.server_two_content .server_detail .detail_content7 .server_two_nav .server_two_nav_list:first-child {

  margin-left: 30%;

}

.server_two_content .server_detail .detail_content7 .server_two_nav .server_two_nav_list:hover {

  background-color: #004EA2;

  color: white;

}

.server_two_content .server_detail .detail_content7 .server_two_nav .active {

  background-color: #004EA2;

  color: white;

}

.server_two_content .server_detail .detail_content7 .server_two_content {

  width: 100%;

  min-height: 500px;

  float: left;

  margin-top: 42px;

}

.server_two_content .server_detail .detail_content7 .server_two_content .div_text_lan {

  font-size: 20px;

  font-weight: 600;

  color: #004EA2;

  width: 100%;

  float: left;

  text-align: center;

  line-height: 40px;

}

.server_two_content .server_detail .detail_content7 .server_two_content .div_text {

  width: 100%;

  float: left;

  color: #333333;

  font-size: 15px;

  text-indent: 30px;

  line-height: 30px;

}

.server_two_content .server_detail .detail_content7 .server_two_content img {

  width: 100%;

  float: left;

  margin-top: 20px;

  margin-bottom: 20px;

}

.server_two_content .server_detail .detail_content7 .server_two_content .img_list {

  width: 100%;

  font-size: left;

}

.server_two_content .server_detail .detail_content7 .server_two_content .img_list img {

  margin: 0;

  width: 49%;

  float: left;

  margin-top: 20px;

}

.server_two_content .server_detail .detail_content7 .server_two_content .img_list img:nth-child(2n+1) {

  margin-right: 2%;

}

.server_two_content .server_detail .detail_content7 .server_two_content .pb-carouselWarp {

  position: relative;

  width: 100%;

  padding-top: 43px;

  height: 499px;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

}

.server_two_content .server_detail .detail_content7 .server_two_content .pb-carouselWarp img {

  width: 100%;

  /*height: 400px;*/

  margin: 0;

}
.server_two_content .swiper-container3 {
  width: 100%;
  margin: 20px auto;
}
.server_two_content .swiper-container3 .swiper-slide {
  text-align: left;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.server_two_content .swiper-container3 .swiper-slide .text_list {
  width: 100%;
  float: left;
}
.server_two_content .swiper-container3 .swiper-slide .text_list .text_title {
  width: 100%;
  float: left;
  line-height: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #1257BC;
}
.server_two_content .swiper-container3 .swiper-slide .text_list .text_title span {
  padding-right: 10px;
}
.server_two_content .swiper-container3 .swiper-slide .text_list .text_content {
  width: 100%;
  float: left;
  line-height: 30px;
  font-size: 15px;
  color: #1257BC;
}
.server_two_content .swiper-container3 .swiper-slide .text_list .text_content span {
  padding-right: 10px;
}
.server_two_content .swiper-container3 .swiper-slide .text_list .text_content div {
  width: 100%;
  float: left;
  font-size: 15px;
  margin-left: 5%;
  color: #333333;
  line-height: 20px;
}