@charset "utf-8";

@font-face {



  font-family: 'Avian';



  src: url('../fonts/Avian.ttf');



  font-weight: normal;



  font-style: normal;



}



.main-color {



  color: #1C62B0;



}



.color-red {



  color: #FE0000 ;



}



.header {



  height: 90px;



}



.header .logo {



  float: left;



  margin-top: 15px;



  margin-left: 10px;



}



.header .name {



  float: left;



  padding-left: 0px;



  padding-top: 18px;



}



.header .right-box {



  float: right;



  padding-right: 10px;



  padding-top: 14px;



}



.header .right-box .top-link {



  text-align: right;



}



.header .right-box .top-link .language {



  position: relative;



  top: 2px;



}



.header .right-box .top-link a {



  color: #878787;



}



.header .right-box .top-link a:hover {



  text-decoration: underline;



}



.header .right-box .bottom-box {



  margin-top: 10px;



}



.header .right-box .bottom-box .tel {



  font-family: 宋体;



  float: left;



  margin-right: 150px;



  font-size: 18px;



  line-height:30px;



  color: #1C62B0;

 

  margin-top:-15px;



}



.header .right-box .bottom-box .tel i {



  display: inline-block;



  width: 20px;



  height: 20px;



  background: url("../images/all-icon.png") no-repeat 0 -32px;



}



.header .right-box .bottom-box .top-search {



  position: relative;



  float: right;



}



.header .right-box .bottom-box .top-search .select-box {



  position: relative;



  float: left;



}



.header .right-box .bottom-box .top-search .select-box select {



  height: 26px;



  border: 1px solid #D6D6D6;



  color: #878787;



  padding-left: 9px;



  font-size: 12px;



  position: relative;



}







.header .right-box .bottom-box .top-search .input-box {



  float: left;



  position: relative;



}



.header .right-box .bottom-box .top-search .input-box input {



  display: block;



  margin-left: 1px;



  border: 1px solid #D6D6D6;



  width: 188px;



  height: 26px;



  line-height: 26px;



  font-size: 12px;



  padding-left: 12px;



  padding-right: 30px;



}



.header .right-box .bottom-box .top-search .input-box input:-moz-placeholder {



  /* Mozilla Firefox 4 to 18 */



  color: #878787;



  opacity: 1;



}



.header .right-box .bottom-box .top-search .input-box input::-moz-placeholder {



  /* Mozilla Firefox 19+ */



  color: #878787;



  opacity: 1;



}



.header .right-box .bottom-box .top-search .input-box input:-ms-input-placeholder {



  color: #878787;



  opacity: 1;



}



.header .right-box .bottom-box .top-search .input-box input::-webkit-input-placeholder {



  color: #878787;



  opacity: 1;



}



.header .right-box .bottom-box .top-search .input-box input:focus {



  border-color: #1C62B0;



}



.header .right-box .bottom-box .top-search button {



  cursor: pointer;



  width: 30px;



  height: 24px;



  background: #fff;



  border: none;



  padding: 0;



  position: absolute;



  right: 1px;



  top: 1px;



  background: url("../images/all-icon.png") no-repeat 9px 5px;



}



.home-history {



  padding: 50px 0;



}



.home-history .history-slick {



  width: 1066px;



  margin: 0 auto;



}



.home-history .history-slick .history-box {



  margin-top: 40px;



  width: 1066px;



  height: 215px;



  background-color: #F3F7FB;



}



.home-history .history-slick .history-box .pic {



  float: left;



  width: 422px;



  height: 100%;



  position: relative;



}



.home-history .history-slick .history-box .txt {



  padding-top: 20px;



  padding-left: 40px;



  padding-right: 56px;



  width: 644px;



  height: 100%;



  float: left;



  color: #777;



}



.home-history .history-slick .history-box .txt .title {



  font-family: Avian;



  font-size: 30px;



  line-height: 60px;



  height: 60px;



  overflow: hidden;



}



.home-history .history-slick .history-box .txt .content {



  font-size: 14px;



  line-height: 26px;



  height: 104px;



  overflow: hidden;



}



.home-history .history-btn {



  padding-top: 50px;



  padding-bottom: 50px;



}



.home-history .history-btn .page-btn {



  display: block;



  float: left;



  width: 23px;



  height: 23px;



  cursor: pointer;



}



.home-history .history-btn i.prev {



  background: url("../images/prev.png") no-repeat 0 0;



}



.home-history .history-btn i.prev:hover {



  background-image: url("../images/prev-hover.png");



}



.home-history .history-btn i.next {



  background: url("../images/next.png") no-repeat 0 0;



}



.home-history .history-btn i.next:hover {



  background-image: url("../images/next-hover.png");



}



.home-history .history-btn .list-box {



  float: left;



  overflow: hidden;



  width: 1154px;



  height: 64px;



}



.home-history .history-btn .list-box .btn-list {



  height: 64px;



  padding: 0 37px;



  width: 5000px;



  position: relative;



}



.home-history .history-btn .list-box .btn-list:after {



  content: "";



  display: block;



  width: 100%;



  border-bottom: 1px solid #E9E9E9;



  position: absolute;



  left: 0;



  top: 11px;



  z-index: -1;



}



.home-history .history-btn .list-box .btn-list li {



  float: left;



  cursor: pointer;



  text-align: center;



  font-size: 14px;



  color: #777777;



  width: 60px;



  margin: 0 60px;



}



.home-history .history-btn .list-box .btn-list li i {



  display: block;



  margin: 0 auto;



  height: 23px;



  width: 23px;



  margin-bottom: 20px;



  background: url("../images/hitory-btn.png") no-repeat 0 0;



}



.home-history .history-btn .list-box .btn-list li:hover,



.home-history .history-btn .list-box .btn-list li.active {



  color: #1C62B0;



}



.home-history .history-btn .list-box .btn-list li:hover i,



.home-history .history-btn .list-box .btn-list li.active i {



  background: url("../images/hitory-btn-hover.png") no-repeat 0 0;



}



.nav {



  height: 40px;



  background-color: #1C62B0;



}



.nav .nav-list {



  padding: 0 10px;



}



.nav .nav-list li {



  float: left;



  line-height: 40px;



  text-align: center;



  position: relative;



}



.nav .nav-list li a {



  font-weight: bold;



  display: block;



  color: #fff;



  font-size: 15px;



  padding: 0 47px;



}



.nav .nav-list li .navv {



  z-index: 1000;



  display: none;



  width: 100%;



  padding: 10px 0;



  background-color: #1C62B0;



  position: absolute;



  left: 0;



  top: 40px;



}



.nav .nav-list li .navv a {



  font-weight: normal;



  text-align: center;



  display: block;



  font-size: 14px;



  line-height: 30px;



  padding: 0 10px;



}



.nav .nav-list li .navv a:hover {



  background-color: #014399;



  color: #fff;



}



.nav .nav-list li:hover > a,



.nav .nav-list li.active > a {



  background-color: #014399;



}



.nav .nav-list li:hover .navv {



  display: block;



}



.nav .nav-list .last a,



.nav .nav-list .first a {



  padding: 0 33px;



}



.home-banner {



  overflow: hidden;



}



.home-banner .box {



  width: 1920px;



  position: relative;



  left: 50%;



  margin-left: -960px;



}



.home-banner .box div {



  height: 450px;



  overflow: hidden;



}



.home-banner .slick-dots {



  line-height: 0;



  height: 12px;



  width: 1200px;



  position: relative;



  left: 50%;



  margin-left: -600px;



  text-align: right;



  padding-right: 10px;



  bottom: 50px;



}



.home-banner .slick-dots li {



  margin: 0 2px;



  padding: 0px;



  width: 12px;



  height: 12px;



}



.home-banner .slick-dots li button {



  width: 12px;



  box-sizing: border-box;



  border: 2px solid #fff;



  height: 12px;



  border-radius: 50%;



  display: block;



  background-color: transparent;



  padding: 0;



}



.home-banner .slick-dots li.slick-active button {



  background: #1C62B0;



}



.home-solutions {



  background-color: #F3F3F3;



  padding: 0px 0;



}



.home-solutions .home-solution-slick {



  width: 1200px;



  height: 260px;



  margin-top: 10px;



}



.home-solutions .home-solution-slick .box {



  cursor: pointer;



  width: 300px;



  height: 265px;



  padding: 0 7px;



}



.home-solutions .home-solution-slick .box .pic {



  width: 100%;



  height: 210px;



  border: 1px  solid #E1E1E1;



  position: relative;



}



.home-solutions .home-solution-slick .box .pic .home-mask {



  padding: 8px;



}



.home-solutions .home-solution-slick .box .pic .home-mask img {



  display: inline;



}



.home-solutions .home-solution-slick .box .pic .home-mask .mask-box {



  padding: 15px 35px;



}



.home-solutions .home-solution-slick .box .pic .home-mask .mask-box .title {



  height: 48px;



  line-height: 48px;



  font-size: 20px;



}



.home-solutions .home-solution-slick .box .pic .home-mask .mask-box .content {



  margin-top: 10px;



}



.home-solutions .home-solution-slick .box .txt {



  margin-top: 10px;



  text-align: center;



  font-size: 16px;



}



.home-solutions .home-solution-slick .box .txt a {



  color: #666;



}



.home-solutions .home-solution-slick .slick-prev,



.home-solutions .home-solution-slick .slick-next {



  width: 20px;



  height: 40px;



  top: 93px;



}



.home-solutions .home-solution-slick .slick-prev:before,



.home-solutions .home-solution-slick .slick-next:before {



  display: none;



}



.home-solutions .home-solution-slick .slick-prev:hover:before,



.home-solutions .home-solution-slick .slick-next:hover:before {



  color: #000;



}



.home-solutions .home-solution-slick .slick-prev {



  left: -28px;



  background: url(../images/arrow-icon.png) no-repeat -5px 0;



}



.home-solutions .home-solution-slick .slick-next {



  right: -28px;



  background: url(../images/arrow-icon.png) no-repeat -45px 0;



}



.home-solutions .btn-more {



  text-align: center;



  margin-top: 0px;



}



.home-solutions .btn-more .box {



  display: inline-block;



}



.home-solutions .btn-more .box i {



  margin-top: 20px;



  float: left;



  width: 120px;



  border-bottom: 1px solid #D8D8D8;



}



.home-solutions .btn-more .box a {



  float: left;



  width: 156px;



  height: 40px;



  line-height: 38px;



  text-align: center;



  font-size: 16px;



  color: #a1a1a1;



  border: 1px solid #D8D8D8;



  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);



  border-radius: 20px;



  background-color: #fff;



  overflow: hidden;



  padding: 1px;



}



.home-solutions .btn-more .box a span {



  border-radius: 18px;



  display: block;



  width: 100%;



  height: 100%;



  background-color: #EDEDED;



}



.home-solutions .btn-more .box a:hover span {



  color: #fff;



  background-color: #1C62B0;



}



.home-mask {



  text-align: center;



  color: #fff;



  height: 100%;



  width: 100%;



  padding: 15px;



  position: absolute;



  z-index: 100;



  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);



  filter: alpha(opacity=0);



  opacity: 0;



  transition: all 0.6s;



}



.home-mask .mask-box {



  padding: 40px 40px;



  text-align: center;



  width: 100%;



  height: 100%;



  background: url("../images/case-bg.png") repeat;



}



.home-mask .mask-box .title {



  font-size: 24px;



  line-height: 60px;



  height: 60px;



  overflow: hidden;



}



.home-mask .mask-box .title:after {



  content: "";



  display: block;



  width: 34px;



  position: relative;



  left: 50%;



  top: -1px;



  margin-left: -17px;



  border-bottom: 1px  solid #fff;



}



.home-mask .mask-box .content {



  font-size: 14px;



  line-height: 20px;



  height: 60px;



  overflow: hidden;



  margin-top: 14px;



  margin-bottom: 20px;



}



.home-mask:hover {



  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);



  filter: alpha(opacity=100);



  opacity: 1;



}



.home-case {



  padding-top: 20px;



}



.home-case .case-list {



  margin: 0 -7px;



  margin-top: 20px;



  padding: 0 10px;



}



.home-case .case-list li {



  float: left;



  width: 384px;



  height: 270px;



  position: relative;



  margin-left: 7px;



  margin-right: 7px;



  margin-bottom: 14px;



 border: 1px solid #1c62b0;

}



.home-reasons {



  padding-top:20px;



}



.home-reasons .home-title {



  position: relative;



  text-align: center;



  line-height: 0;



}



.home-reasons .home-title .home-title-box {



  display: inline-block;



  padding: 0 30px;



  background: #fff;



}



.home-reasons .home-title .home-title-box .pic {



  float: left;



}



.home-reasons .home-title .home-title-box .txt {



  float: left;



  margin-top: 41px;



  padding-left: 30px;



  line-height: 1.5;



  text-align: left;



}



.home-reasons .home-title .home-title-box .txt .en {



  text-align: left;



}



.home-reasons .home-title .home-title-box .txt .big-number {



  font-size: 60px;



  color: #1C62B0;



  font-style: italic;



  padding-right: 10px;



}



.home-reasons .home-title:after {



  display: block;



  content: "";



  border-bottom: 1px solid #D5D5D5;



  position: absolute;



  width: 100%;



  left: 0;



  top: 50%;



  z-index: -1;



}



.home-reasons .reason-list {



  margin-top: 50px;



}



.home-reasons .reason-list li {



  margin-bottom: 100px;



}



.home-reasons .reason-list li .txt {



  display: table;



  width: 50%;



  height: 330px;



  line-height: 45px;



  font-weight: bold;



  font-size: 24px;



}



.home-reasons .reason-list li .txt .txt-box {



  display: table-cell;



  vertical-align: middle;



}



.home-reasons .reason-list li .txt p {



  padding: 15px 0;



}



.home-reasons .reason-list li .txt .number {



  color: #fff;



  font-weight: normal;



  display: inline-block;



  width: 57px;



  height: 45px;



  padding-left: 10px;



  background: url("../images/home-index.png") no-repeat 0 0;



}



.home-reasons .reason-list li .pic {



  width: 50%;



}



.home-reasons .reason-list li .pic img {



  max-width: 100%;



}



.home-reasons .reason-list li .txt-left {



  float: left;



  padding-left: 75px;



  padding-right: 20px;



  background: url("../images/reason-left.jpg") no-repeat -10px -65px;



}



.home-reasons .reason-list li .pic-left {



  text-align: right;



  float: left;



}



.home-reasons .reason-list li .pic-right {



  text-align: left;



  float: right;



}



.home-reasons .reason-list li .txt-right {



  float: right;



  padding-left: 150px;



  padding-right: 20px;



  background: url("../images/reason-right.jpg") no-repeat 205px -65px;



}



.home-reasons .reason-list .li03 .txt {



  width: 470px;



}



.home-reasons .reason-list .li03 .pic {



  width: 730px;



}



.home-reasons .reason-list .li04 .pic {



  width: 650px;



}



.home-reasons .reason-list .li04 .txt {



  width: 550px;



  padding-left: 100px;



}



.home-about {



  height: 660px;



  background: url("../images/home-about-bg.jpg") no-repeat center 0;



  padding-top: 100px;



}



.home-about .home-title .cn {



  color: #fff;



}



.home-about .home-title .en {



  color: #fff;



}



.home-about .about-box {



  margin-top: 40px;



}



.home-about .about-box .pic {



  text-align: right;



  float: left;



  width: 680px;



  height: 340px;



  position: relative;



}



.home-about .about-box .pic .border {



  width: 565px;



  height: 250px;



  position: absolute;



  left: 0px;



  bottom: 0px;



  border: 2px solid #fff;



}



.home-about .about-box .pic img {



  position: absolute;



  right: 0;



  top: 0;



  z-index: 10;



  max-width: 650px;



  max-height: 315px;



}



.home-about .about-box .txt {



  float: right;



  margin-left: 50px;



  width: 470px;



  padding-right: 25px;



  font-size: 14px;



  color: #fafafa;



  line-height: 30px;



}



.home-about .about-box .txt .more {



  display: block;



  width: 120px;



  height: 28px;



  border: 1px solid #fff;



  line-height: 26px;



  color: #fff;



  text-align: center;



  margin-top: 16px;



  border-radius: 14px;



}



.home-about .about-box .txt .more:hover {



  background-color: #1C62B0;



}



.home-news {



  padding: 30px 0;



}



.home-news .home-news-box {



  margin-top: 20px;



}



.home-news .home-news-box .subtitle {



  width: 100%;



  line-height: 36px;



  font-size: 18px;



  color: #1C62B0;



  border-bottom: 1px solid #eee;



  margin-bottom: 50px;



}



.home-news .home-news-box .subtitle .txt {



  float: left;



  position: relative;



}



.home-news .home-news-box .subtitle .txt:after {



  content: "";



  display: block;



  position: absolute;



  left: 0;



  bottom: -2px;



  width: 100%;



  border-bottom: 2px solid #1C62B0;



}



.home-news .home-news-box .subtitle .more {



  float: right;



  font-size: 12px;



  font-family: Arial;



}



.home-news .home-news-box .subtitle .more a {



  color: #666;



}



.home-news .home-news-box .subtitle .more a:hover {



  color: #1C62B0;



  text-decoration: underline;



}



.home-news .home-news-box .left-box {



  float: left;



  width: 700px;



  padding-right: 50px;



}



.home-news .home-news-box .left-box .company-news-list li {



  width: 100%;



  height: 110px;



  background-color: #fff;



  position: relative;



}



.home-news .home-news-box .left-box .company-news-list li .pic {



  float: left;



  width: 180px;



  height: 120px;



  position: relative;



  overflow: hidden;



}



.home-news .home-news-box .left-box .company-news-list li .pic img {



  transform: scale(1);



  transition: 0.5s;



}



.home-news .home-news-box .left-box .company-news-list li .pic:hover img {



  transform: scale(1.05);



}



.home-news .home-news-box .left-box .company-news-list li .txt {



  padding: 10px 30px;



  float: left;



  width: 470px;



  height: 100%;



}



.home-news .home-news-box .left-box .company-news-list li .txt .title {



  font-size: 16px;



  line-height: 48px;



  height: 48px;



  overflow: hidden;



}



.home-news .home-news-box .left-box .company-news-list li .txt .title a {



  color: #222;



}



.home-news .home-news-box .left-box .company-news-list li .txt .content {



  font-size: 12px;



  color: #666;



  height: 36px;



  overflow: hidden;



  line-height: 18px;



}



.home-news .home-news-box .left-box .company-news-list li .more-arrow {



  display: none;



  width: 23px;



  height: 23px;



  position: absolute;



  right: -8px;



  bottom: -8px;



}



.home-news .home-news-box .left-box .company-news-list li:hover {



  background-color: #F8F8F8;



}



.home-news .home-news-box .left-box .company-news-list li:hover .title a {



  color: #1C62B0;



}



.home-news .home-news-box .left-box .company-news-list li:hover .more-arrow {



  display: block;



}



.home-news .home-news-box .left-box .company-news-list li + li {



  margin-top: 30px;



}



.home-news .home-news-box .right-box {



  float: right;



  width: 500px;



  padding-left: 49px;



  border-left: 1px solid #eee;



}



.home-news .home-news-box .right-box .industry-news-list a:hover {



  color: #1C62B0;



}



.home-news .home-news-box .right-box .industry-news-list .first {



  margin-bottom: 30px;



}



.home-news .home-news-box .right-box .industry-news-list .first:hover .txt a {



  color: #1C62B0;



}



.home-news .home-news-box .right-box .industry-news-list .first:after {



  content: "";



  display: block;



  width: 65px;



  border-bottom: 2px solid #1C62B0;



  margin-top: 38px;



}



.home-news .home-news-box .right-box .industry-news-list .first .pic {



  width: 100%;



  height: 150px;



  position: relative;



  overflow: hidden;



}



.home-news .home-news-box .right-box .industry-news-list .first .pic img {



  transform: scale(1);



  transition: 0.5s;



}



.home-news .home-news-box .right-box .industry-news-list .first .pic:hover img {



  transform: scale(1.05);



}



.home-news .home-news-box .right-box .industry-news-list .first .title {



  line-height: 50px;



  height: 50px;



  overflow: hidden;



  width: 100%;



  font-size: 16px;



}



.home-news .home-news-box .right-box .industry-news-list .first .title a {



  color: #222;



}



.home-news .home-news-box .right-box .industry-news-list .first .content {



  font-size: 12px;



  line-height: 18px;



  height: 36px;



  overflow: hidden;



  color: #666;



}



.home-news .home-news-box .right-box .industry-news-list li + li {



  line-height: 30px;



  height: 30px;



  overflow: hidden;



}



.home-news .home-news-box .right-box .industry-news-list li + li a {



  color: #666;



}



.home-title {



  text-align: center;



}



.home-title .cn {



  font-size: 28px;



  color: #222;



}



.home-title .en {



  font-family: Avian;



  font-size: 16px;



  color: #555;



}



.home-title .en i {



  position: relative;



  margin: 0 10px;



  top: -2px;



}



.inside-banner {



  overflow: hidden;



  height: 252px;



}



.inside-banner img {



  position: relative;



  left: 50%;



  margin-left: -960px;



}



.inside {



  overflow: hidden;



}



.inside .inside-box {



  width: 1200px;



  position: relative;



  *left: 50%;



  *margin-left: -960px;



  *background: url("../images/inside-bg.png") repeat-y;

  margin:0 auto;



}



.inside .inside-box .left-menu {



  float: left;



  padding-top: 30px;



  width: 238px;



}



.inside .inside-box .left-menu .menu-title {



  color: #fff;



  height: 100px;



  background: url("../images/menu-title.png") no-repeat;



  font-size: 30px;



  text-align: center;



  padding-top: 35px;



}



.inside .inside-box .left-menu .menu-body {



  background: url("../images/menu-body.png") repeat-y;



}



.inside .inside-box .left-menu .menu-body .sub-menu {



  padding-left: 34px;



  padding-top: 14px;



  padding-bottom: 14px;



}



.inside .inside-box .left-menu .menu-body .sub-menu > li {



  background-color: #EEF5FD;



  width: 173px;



  margin-bottom: 14px;



}



.inside .inside-box .left-menu .menu-body .sub-menu > li > a {



  border-radius: 5px;



  width: 100%;



  overflow: hidden;



  padding: 0 18px;



  height: 33px;



  line-height: 33px;



  display: block;



  background: url("../images/menu-bg.png") no-repeat 0 0;



  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);



}



.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu {



  padding-left: 22px;



  line-height: 30px;



  padding-top: 10px;



  padding-bottom: 10px;



}



.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu li.active a,



.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu li:hover a {



  color: #1C62B0;



}



.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu a {



  font-size: 12px;



  color: #666;



}



.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu a:before {



  display: inline-block;



  content: "";



  width: 5px;



  height: 5px;



  background: url("../images/menu-arrow.png") no-repeat 0 0;



  margin-right: 5px;



  position: relative;



  top: -2px;



}



.inside .inside-box .left-menu .menu-body .sub-menu li.drop-down {



  margin-bottom: 0;



}



.inside .inside-box .left-menu .menu-body .sub-menu > li:last-child {



  margin-bottom: 0;



}



.inside .inside-box .left-menu .menu-body .sub-menu > li.active > a,



.inside .inside-box .left-menu .menu-body .sub-menu > li:hover > a,.inside .inside-box .left-menu .menu-body .sub-menu > li>.drop-down-menu  a.active {



  font-weight: bold;



  color: #1C62B0;



}



.inside .inside-box .left-menu .menu-footer {



  height: 40px;



  background: url("../images/menu-footer.png") no-repeat;



}



.inside .inside-box .right-box {



  width: 840px;



  padding-right: 10px;



  float: right;



}



.inside .inside-box .right-box .inside-title {



  padding-top: 70px;



  padding-bottom: 40px;



}



.inside .inside-box .right-box .inside-title .cn {



  font-size: 32px;



  color: #1C62B0;



}



.inside .inside-box .right-box .inside-title .en {



  font-family: Avian;



  font-size: 30px;



  color: #555;



}



.inside .inside-box .right-box .center-title {



  text-align: center;



}



.company-profile {



  line-height: 32px;



  font-size: 14px;



  color: #555;



  padding-bottom: 80px;



}



.company-profile .content {



  position: relative;



  padding-bottom: 40px;



  margin-bottom: 40px;



  border-bottom: 1px solid #EAEAEA;



}



.company-profile .content .txt {



  width: 460px;



  float: left;



}



.company-profile .content .pic {



  float: right;



  position: absolute;



  top: -100px;



  right: 0;



  width: 340px;



  height: 225px;



}



.company-profile .content .pic img {



  max-width: 100%;



  max-height: 100%;



}



.company-profile .big-font {



  font-size: 24px;



  line-height: 50px;



}



.career-development {



  padding-bottom: 100px;



  font-size: 14px;



  color: #555;



  line-height: 32px;



}



.career-development img {



  max-width: 100%;



}



.career-development .first {



  font-size: 18px;



  line-height: 40px;



}



.join-box {



  padding-left: 40px;



  padding-top: 70px;



  padding-bottom: 130px;



}



.join-box .title-icon-before {



  color: #1C62B0;



  font-size: 32px;



}



.join-box .title-icon-before:before {



  content: "";



  display: inline-block;



  background-color: #1C62B0;



  width: 12px;



  height: 12px;



  border-radius: 50%;



  margin-right: 15px;



  position: relative;



  top: -5px;



}



.join-box .join-table {



  margin-top: 40px;



  width: 100%;



  color: #666;



  vertical-align: middle;



  line-height: 30px;



}



.join-box .join-table .col01 {



  text-align: center;



  width: 130px;



}



.join-box .join-table .col02 {



  padding-left: 18px;



}



.join-box .join-table td {



  padding-top: 10px;



  padding-bottom: 10px;



  border: 1px solid #EDEDED;



}



.join-box .join-table td input {



  font-size: 14px;



  box-sizing: border-box;



  padding-left: 10px;



  height: 33px;



  background-color: #fff;



  border: 1px solid #EDEDED;



}



.join-box .join-table td input:focus {



  border-color: #1C62B0;



}



.join-box .join-table td .email,



.join-box .join-table td .tel {



  width: 210px;



}



.join-box .join-table td .company-name,



.join-box .join-table td .address {



  width: 410px;



}



.join-box .join-table td .textarea {



  font-size: 14px;



  width: 515px;



  height: 175px;



  border: 1px solid #EDEDED;



  padding: 10px;



}



.join-box .join-table td .textarea:focus {



  border-color: #1C62B0;



}



.join-box .join-table td .verify-img {



  display: inline-block;



  width: 66px;



  height: 33px;



}



.join-box .join-table td .verify-img img {



  max-width: 100%;



  height: 100%;



  vertical-align: middle;



}



.join-box .join-table td .change {



  color: #999;



  text-decoration: underline;



}



.join-box .join-table td .btn {



  display: inline-block;



  margin-right: 20px;



  margin-top: 20px;



  margin-bottom: 20px;



  color: #fff;



  text-align: center;



  width: 131px;



  height: 52px;



  padding-top: 5px;



}



.join-box .join-table td .submit-btn {



  background: url("../images/submit-btn.png") no-repeat 0 0;



}



.join-box .join-table td .reset-btn {



  background: url("../images/reset-btn.png") no-repeat 0 0;



}



.resume-box {



  padding-left: 40px;



  padding-top: 70px;



  padding-bottom: 130px;



}



.resume-box .title-icon-before {



  color: #1C62B0;



  font-size: 32px;



}



.resume-box .title-icon-before:before {



  content: "";



  display: inline-block;



  background-color: #1C62B0;



  width: 12px;



  height: 12px;



  border-radius: 50%;



  margin-right: 15px;



  position: relative;



  top: -5px;



}



.resume-box .resume-table {



  margin-top: 40px;



  width: 100%;



  color: #666;



  vertical-align: middle;



  line-height: 30px;



}



.resume-box .resume-table .col01 {



  text-align: center;



  width: 130px;



}



.resume-box .resume-table .col02 {



  padding-left: 18px;



}



.resume-box .resume-table td {



  padding-top: 10px;



  padding-bottom: 10px;



  border: 1px solid #EDEDED;



}



.resume-box .resume-table td input {



  box-sizing: border-box;



  padding-left: 10px;



  height: 33px;



  background-color: #fff;



  border: 1px solid #EDEDED;



  font-size: 14px;



}



.resume-box .resume-table td input:focus {



  border-color: #1C62B0;



}



.resume-box .resume-table td select {



  padding-left: 10px;



  margin-right: 35px;



  color: #999;



  background: #fff url("../images/join-select.png") no-repeat 128px 2px;



  border: 1px solid #EDEDED;



  width: 160px;



  height: 33px;



  -moz-appearance: none;



  -webkit-appearance: none;



}



.resume-box .resume-table td select::-ms-expand {



  display: none;



}



.resume-box .resume-table td .txt {



  width: 140px;



}



.resume-box .resume-table td .name {



  width: 210px;



}



.resume-box .resume-table td .email,



.resume-box .resume-table td .tel {



  width: 310px;



}



.resume-box .resume-table td .address {



  width: 510px;



}



.resume-box .resume-table td .textarea {



  font-size: 14px;



  width: 510px;



  height: 175px;



  border: 1px solid #EDEDED;



  padding: 10px;



}



.resume-box .resume-table td .textarea:focus {



  border-color: #1C62B0;



}



.resume-box .resume-table td .file {



  width: 240px;



  height: 24px;



}



.resume-box .resume-table td .verify-img {



  display: inline-block;



  width: 66px;



  height: 33px;



}



.resume-box .resume-table td .verify-img img {



  max-width: 100%;



  height: 100%;



  vertical-align: middle;



}



.resume-box .resume-table td .change {



  color: #999;



  text-decoration: underline;



}



.resume-box .resume-table td .btn {



  display: inline-block;



  margin-right: 20px;



  margin-top: 20px;



  margin-bottom: 20px;



  color: #fff;



  text-align: center;



  width: 131px;



  height: 52px;



  padding-top: 5px;



}



.resume-box .resume-table td .submit-btn {



  background: url("../images/submit-btn.png") no-repeat 0 0;



}



.resume-box .resume-table td .reset-btn {



  background: url("../images/reset-btn.png") no-repeat 0 0;



}



.resume-box .resume-table td .reset-btn:hover {



  background: url("../images/submit-btn.png") no-repeat 0 0;



}



.recruitment-box {



  padding-top: 80px;



}



.recruitment-box .join-title {



  text-align: center;



}



.recruitment-box .join-title .en {



  font-size: 36px;



  color: #1C62B0;



}



.recruitment-box .join-title .cn {



  font-size: 30px;



}



.recruitment-box .join-content {



  margin-top: 20px;



  text-align: center;



  font-size: 16px;



  color: #666;



  line-height: 36px;



}



.recruitment-box .job-list {



  margin-top: 40px;



  border: 1px solid #DFDFDF;



  padding-top: 14px;



  padding-left: 14px;



  padding-right: 14px;



  background-color: #fff;



}



.recruitment-box .job-list li {



  width: 100%;



  height: 44px;



  line-height: 44px;



  color: #666;



  padding-left: 15px;



  overflow: hidden;



}



.recruitment-box .job-list li span {



  height: 44px;



  overflow: hidden;



  text-align: center;



  float: left;



  width: 160px;



  color: #666;



}



.recruitment-box .job-list li span.last {



  padding-left: 40px;



  text-align: left;



  width: 120px;



}



.recruitment-box .job-list li span.first {



  text-align: left;



  width: 185px;



}



.recruitment-box .job-list li.first {



  font-weight: bold;



  color: #555;



  background-color: #EBEBEB;



}



.recruitment-box .job-list li + li {



  border-top: 1px solid #EBEBEB;



}



.recruitment-box .job-list li + li span.first:before {



  content: "";



  display: inline-block;



  width: 5px;



  height: 5px;



  margin-right: 8px;



  position: relative;



  top: -2px;



  background: url("../images/job-arrow.png") no-repeat 0 0;



}



.recruitment-box .job-list li + li:hover {



  background-color: #FBFBFB;



}



.recruitment-box .job-list li + li:hover span {



  color: #1C62B0;



}



.recruitment-box .job-list li + li:hover span.first:before {



  background: url("../images/job-arrow-hover.png") no-repeat 0 0;



}



.recruitment-box .inside-page {



  padding-top: 70px;



  padding-bottom: 90px;



}



.recruitment-details {



  padding-top: 80px;



}



.recruitment-details .title-icon-before {



  color: #1C62B0;



  font-size: 32px;



}



.recruitment-details .title-icon-before:before {



  content: "";



  display: inline-block;



  background-color: #1C62B0;



  width: 12px;



  height: 12px;



  border-radius: 50%;



  margin-right: 15px;



  position: relative;



  top: -5px;



}



.recruitment-details .request-box {



  margin-top: 40px;



}



.recruitment-details .request-box .col {



  float: left;



  overflow: hidden;



  color: #555;



  border-left: 1px solid #fff;



}



.recruitment-details .request-box .col p {



  height: 36px;



  line-height: 36px;



  overflow: hidden;



}



.recruitment-details .request-box .col p.bg-gray {



  background-color: #F2F2F2;



}



.recruitment-details .request-box .col1 {



  border-left: none;



  width: 110px;



  text-align: center;



}



.recruitment-details .request-box .col2 {



  width: 320px;



}



.recruitment-details .request-box .col2 P {



  padding-left: 36px;



}



.recruitment-details .request-box .col3 {



  width: 110px;



  text-align: center;



}



.recruitment-details .request-box .col4 {



  width: 290px;



}



.recruitment-details .request-box .col4 p {



  padding-left: 36px;



}



.recruitment-details .request-details {



  margin-top: 70px;



  font-size: 14px;



  line-height: 32px;



  color: #555;



}



.recruitment-details .request-details .request-title {



  margin-bottom: 20px;



  width: 143px;



  line-height: 31px;



  height: 31px;



  padding-left: 33px;



  color: #fff;



  font-size: 16px;



  overflow: hidden;



  background: url("../images/request-title.png") no-repeat 0 0;



}



.recruitment-details .btn-resume {



  margin-top: 65px;



  padding-top: 60px;



  padding-bottom: 90px;



  border-top: 1px solid #E5E5E5;



}



.recruitment-details .btn-resume .btn-box a {



  display: block;



  text-align: center;



  width: 200px;



  height: 52px;



  line-height: 40px;



  color: #fff;



  background: url("../images/job-btn.png") no-repeat 0 0;



}



.recruitment-details .btn-resume .btn-box a:after {



  content: "";



  display: inline-block;



  width: 22px;



  height: 16px;



  background: url("../images/white-arrow.png") no-repeat 0 0;



  position: relative;



  margin-left: 10px;



  top: 3px;



}



.recruitment-details .btn-resume .btn-box a:hover {



  background: url("../images/job-btn-hover.png") no-repeat 0 0;



}



.application {



  padding-top: 40px;



}



.application .application-list li {



  position: relative;



  height: 350px;



}



.application .application-list li .box {



  position: relative;



  z-index: 10;



  background-color: #fff;



  width: 100%;



  height: 290px;



  border: 1px solid #ddd;



  padding: 2px;



}



.application .application-list li .box .pic {



  float: left;



  height: 100%;



  width: 300px;



  position: relative;



  overflow: hidden;



}



.application .application-list li .box .pic img {



  transform: scale(1);



  transition: 0.5s;



}



.application .application-list li .box .pic:hover img {



  transform: scale(1.1);



}



.application .application-list li .box .txt {



  padding-left: 30px;



  padding-top: 15px;



  padding-right: 50px;



  float: left;



  width: 524px;



  height: 100%;



  position: relative;



}



.application .application-list li .box .txt:before {



  content: "";



  display: block;



  height: 288px;



  left: 0;



  top: -2px;



  border-left: 1px solid #ddd;



  position: absolute;



  z-index: 0;



}



.application .application-list li .box .txt .title {



  font-size: 18px;



  color: #555;



  line-height: 68px;



  height: 68px;



  overflow: hidden;



  position: relative;



}



.application .application-list li .box .txt .title a {



  color: #555;



}



.application .application-list li .box .txt .title:after {



  content: "";



  display: block;



  position: absolute;



  width: 55px;



  border-bottom: 2px solid #1C62B0;



  bottom: 0;



  left: 0;



}



.application .application-list li .box .txt .content {



  margin-top: 20px;



  font-size: 14px;



  color: #777;



  line-height: 30px;



  height: 90px;



  overflow: hidden;



}



.application .application-list li .box .txt .read-more {



  margin-top: 30px;



  display: block;



  width: 101px;



  border: 1px solid #ADADAD;



  font-size: 12px;



  color: #ADADAD;



  text-align: center;



  height: 23px;



  line-height: 23px;



}



.application .application-list li .box:hover {



  padding: 0;



  border: 3px solid #1C62B0;



}



.application .application-list li .box:hover .txt:before {



  height: 284px;



  top: 0;



}



.application .application-list li .box:hover .read-more {



  background-color: #1C62B0;



  color: #fff;



  border-color: #1C62B0;



  border-left: 1px solid #E60011;



}



.application .application-list li:after {



  content: "";



  display: block;



  height: 60px;



  width: 100%;



  background: url("../images/application-bg.png") no-repeat 0 0;



}



.application .inside-page {



  padding-top: 60px;



  padding-bottom: 100px;



}



.application-show {



  padding-bottom: 135px;



  text-align: center;



}



.application-show .product-img .small-box {



  width: 502px;



  height: 492px;



  margin: 0 auto;



  border: 1px solid #DEDEDE;



  position: relative;



}



.application-show .product-img .small-box .enlarge-icon {



  width: 44px;



  height: 44px;



  position: absolute;



  right: 0;



  bottom: 0;



}



.application-show .product-img .small-box #mask {



  position: absolute;



  width: 200px;



  height: 196px;



  border: 1px solid #fff;



  background: url("../images/background-color.png");



  display: none;



  cursor: pointer;



}



.application-show .product-img .small-box #largeDiv {



  display: none;



  position: absolute;



  width: 502px;



  height: 492px;



  top: 0;



  border: 1px solid #DEDEDE;



  left: -520px;



}



.application-show .product-img .small-box #superMask {



  position: absolute;



  width: 500px;



  height: 490px;



  opacity: 0;



  top: 0;



  left: 0;



  cursor: pointer;



}



.application-show .product-img:after {



  content: "";



  display: block;



  width: 100%;



  height: 62px;



  background: url("../images/application-show-shaow.png") no-repeat center 0;



}



.application-show .product-nav {



  margin-top: 60px;



  height: 42px;



  border-top: 1px solid #E7E7E7;



  border-bottom: 1px solid #E7E7E7;



  background: url("../images/product-title.png") no-repeat 0 0;



  text-align: center;



}



.application-show .product-nav li {



  cursor: pointer;



  display: inline-block;



  font-size: 16px;



  line-height: 40px;



  width: 125px;



  margin: 0 18px;



  position: relative;



  float: left;



}



.application-show .product-nav li a {



  display: block;



  width: 100%;



  height: 100%;



  position: relative;



}



.application-show .product-nav li a:hover,



.application-show .product-nav li a.active {



  background-color: #1C62B0;



  color: #fff;



}



.application-show .product-nav li a:hover:before,



.application-show .product-nav li a.active:before {



  display: block;



}



.application-show .product-nav li a:before {



  content: "";



  display: none;



  width: 16px;



  height: 8px;



  position: absolute;



  margin-left: -7px;



  left: 50%;



  bottom: -8px;



  background: url("../images/product-arrow.png") no-repeat 0 0;



}



.application-show .product-nav li:before {



  display: inline-block;



  content: "";



  height: 23px;



  border-left: 1px solid #E7E7E7;



  position: absolute;



  left: -18px;



  top: 10px;



}



.application-show .product-nav li:last-child:after {



  display: inline-block;



  content: "";



  height: 23px;



  border-left: 1px solid #E7E7E7;



  position: absolute;



  right: -18px;



  top: 10px;



}



.application-show .product-details {



  display: none;



  margin-top: 60px;



  text-align: left;



  color: #555;



  font-size: 14px;



  line-height: 32px;



}



.application-show .product-details .before-icon:before {



  content: "-";



  margin: 0 5px;



  color: #1C62B0;



}



.application-show .product-details .title {



  font-weight: bold;



  font-size: 16px;



  color: #1C62B0;



}



.application-show .product-details .title:before {



  display: inline-block;



  content: "";



  width: 7px;



  height: 7px;



  margin: 0 3px;



  position: relative;



  top: -2px;



  background: url("../images/product-title-before.png") no-repeat;



}



.application-show .download-box {



  display: none;



  border: 1px solid #E1E1E1;



  margin-top: 60px;



  padding: 5px;



  background-color: #fff;



}



.application-show .download-box .number {



  width: 80px;



  float: left;



}



.application-show .download-box .title {



  width: 598px;



  float: left;



}



.application-show .download-box .download {



  width: 140px;



  float: left;



}



.application-show .download-box .list-head {



  background-color: #F6F6F6;



  color: #666;



  line-height: 40px;



  height: 40px;



  text-align: center;



}



.application-show .download-box .download-list li {



  font-size: 12px;



  color: #666;



  line-height: 26px;



  padding: 10px 0;



  border-top: 1px dashed #DADADA;



}



.application-show .download-box .download-list li .title {



  height: 26px;



  overflow: hidden;



  text-align: left;



}



.application-show .download-box .download-list li .title a {



  color: #666;



}



.application-show .download-box .download-list li .title a:hover {



  color: #1C62B0;



}



.application-show .download-box .download-list li .download a {



  text-align: left;



  padding-left: 9px;



  display: inline-block;



  width: 86px;



  height: 26px;



  color: #666;



  background: url("../images/download-btn01.png") no-repeat 0 0;



}



.application-show .download-box .download-list li .download a:hover {



  color: #fff;



  background: url("../images/download-btn.png") no-repeat 0 0;



}



.application-show .show {



  display: block;



}



.news-list {



 width:840px; border-top: 3px solid #EAEAEA;



}



.news-list li {



  height: 187px;



  padding: 30px 0;



  border-bottom: 1px solid #EAEAEA;



}



.news-list li .pic {



  float: left;



  width: 195px;



  height: 128px;



  position: relative;



  overflow: hidden;



}



.news-list li .pic img {



  transform: scale(1);



  transition: 0.5s;



}



.news-list li .pic:hover img {



  transform: scale(1.1);



}



.news-list li .txt {



  width: 590px;



  float: right;



}



.news-list li .txt .title {



  font-size: 14px;



  line-height: 30px;



  height: 30px;



  overflow: hidden;



}



.news-list li .txt .title a {



  color: #222;



}



.news-list li .txt .content {



  margin-top: 10px;



  font-size: 12px;



  color: #888;



  line-height: 22px;



  height: 44px;



  overflow: hidden;



}



.news-list li .txt .read-more {



  margin-top: 20px;



  display: block;



  width: 101px;



  border: 1px solid #ADADAD;



  font-size: 12px;



  color: #ADADAD;



  text-align: center;



  height: 23px;



  line-height: 23px;



}



.news-list li:hover .txt .title a {



  color: #1C62B0;



}



.news-list li:hover .txt .read-more {



  color: #fff;



  background-color: #1C62B0;



  border: 1px solid #1C62B0;



  border-left: 1px solid #E60112 ;



}



.inside-page {



  width: 100%;



  padding-top: 100px;



  padding-bottom: 120px;



  text-align: center;



}


.inside-page li{



     display: inline;



}



.inside-page a,.inside-page span {



  border: 1px solid #CBCBCB;



  color: #666;



  display: inline-block;



  font-size: 12px;



  padding: 0 10px;



  line-height: 25px;



  height: 27px;



  margin: 0 5px;



}



.inside-page a:hover,



.inside-page .hover,.inside-page span {



  color: #fff;



  background-color: #1C62B0;



  border-color: #1C62B0;



}







.news-show {



  padding-bottom: 90px;



}



.news-show img {



  max-width: 100%;



  max-height: 100%;



}



.news-show .title {



  text-align: center;



  line-height: 30px;



}



.news-show .title h1 {



  padding-top: 80px;



  padding-bottom: 40px;



  font-weight: normal;



  color: #222;



  font-size: 24px;



}



.news-show .title .info {



  



  border-top: 1px solid #DBDBDB;



  border-bottom: 1px solid #DBDBDB;



  font-size: 12px;



  line-height: 30px;



  color: #888;



}



.news-show .title .info .date {



  margin: 0 15px;



}



.news-show .content {



  padding-top: 40px;



  font-size: 14px;



  color: #555;



  line-height: 32px;



}



.news-show .page-change {



  margin-top: 70px;



}



.news-show .page-change > a {



  overflow: hidden;



  display: block;



  width: 410px;



  height: 34px;



  line-height: 34px;



  color: #999;



  padding-left: 16px;



  border-left: 2px solid transparent;



  background-color: #EEEEEE;



}



.news-show .page-change > a:hover {



  background-color: #1C62B0;



  color: #fff;



  border-left: 2px solid #E60011;



}



.news-show .page-change .prev {



  float: left;



  overflow: hidden;



    display: block;



    width: 410px;



    height: 34px;



    line-height: 34px;



    color: #999;



    padding-left: 16px;



    border-left: 2px solid transparent;



    background-color: #EEEEEE;



}



.news-show .page-change .next {



  float: right;



  overflow: hidden;



    display: block;



    width: 410px;



    height: 34px;



    line-height: 34px;



    color: #999;



    padding-left: 16px;



    border-left: 2px solid transparent;



    background-color: #EEEEEE;



}



.news-show .related-news {



  margin-top: 60px;



}



.news-show .related-news .related-title span {



  border-bottom: 1px solid #1C62B0;



  line-height: 28px;



  display: inline-block;



  height: 29px;



  color: #1C62B0;



}



.news-show .related-news .related-list {



  margin-top: 30px;



}



.news-show .related-news .related-list a {



  display: block;



  width: 100%;



  height: 32px;



  position: relative;



  line-height: 32px;



  padding-left: 28px;



  padding-right: 28px;



  overflow: hidden;



  color: #a9a9a9;



}



.news-show .related-news .related-list a .title {



  line-height: 32px;



  text-align: left;



  float: left;



  height: 32px;



  width: 600px;



  color: #666;



  overflow: hidden;



}



.news-show .related-news .related-list a:before {



  content: "";



  display: inline-block;



  width: 4px;



  height: 5px;



  background: url("../images/related-arrow.png") no-repeat 0 0;



  position: absolute;



  left: 13px;



  top: 14px;



}



.news-show .related-news .related-list a:hover {



  color: #fff;



  background-color: #1C62B0;



}



.news-show .related-news .related-list a:hover .title {



  color: #fff;



}



.case-box,



.service-box {



  padding-bottom: 160px;



  font-size: 14px;



  color: #555;



  line-height: 32px;



}



.case-box img,



.service-box img {



  max-height: 100%;



  max-width: 100%;



}



.case-box .title,



.service-box .title {



  font-weight: bold;



  margin-top: 20px;



  font-size: 16px;



  line-height: 46px;



  color: #3a82d3;



}



.case-box .feature-list li,



.service-box .feature-list li {



  width: 30%;



  float: left;



}



.case-box .before-icon,



.service-box .before-icon {



  padding-left: 28px;



  position: relative;



}



.case-box .before-icon:before,



.service-box .before-icon:before {



  content: "";



  display: block;



  width: 4px;



  height: 4px;



  position: absolute;



  top: 14px;



  left: 12px;



  background: url("../images/case-list-icon.png") no-repeat 0 0;



}



.address-box {



  padding-bottom: 160px;



  text-align: center;



}



.address-box .title {



  width: 415px;



  height: 52px;



  margin: 0 auto;



  margin-bottom: 20px;



  margin-top: 90px;



  color: #fff;



  line-height: 52px;



  font-size: 24px;



  border-left: 6px solid #E60011;



  border-right: 6px solid #E60011;



  background-color: #1C62B0;



  position: relative;



}



.address-box .title:after {



  content: "";



  display: block;



  width: 11px;



  height: 8px;



  position: absolute;



  background: url("../images/address-arrow.png") no-repeat 0 0;



  left: 50%;



  margin-left: -5px;



  bottom: -8px;



}



.address-box .en-address {



  font-size: 12px;



  color: #777;



}



.address-box .cn-address {



  font-size: 18px;



  color: #333;



}



.address-box .information-list {



  margin-top: 30px;



  border-top: 1px solid #F1F1F1;



  padding-top: 30px;



  color: #666;



}



.address-box .information-list li {



  display: inline-block;



  width: 24%;



}



.address-box .information-list li .number {



  font-size: 18px;



  line-height: 36px;



}



.address-box .webMap {



  margin-top: 55px;



  width: 100%;



  height: 280px;



}



.address-box .webMap #map-box1,



.address-box .webMap #map-box2 {



  width: 100%;



  height: 100%;



}



.offices-box {



  line-height: 30px;



  color: #555;



  font-size: 16px;



}



.offices-box .offices-list {



  position: relative;



  width: 100%;



  height: 920px;



  background: url("../images/offices-map.jpg") no-repeat 0 0;



}



.offices-box .offices-list li {



  position: absolute;



  width: 10px;



}



.offices-box .offices-list li .contact-box {



  display: none;



  padding-top: 10px;



  position: absolute;



  z-index: 100;



  left: -172px;



  text-align: center;



  width: 355px;



}



.offices-box .offices-list li .contact-box .contact-city {



  color: #fff;



  display: inline-block;



  font-size: 14px;



  width: 88px;



  height: 36px;



  background: url("../images/offices-map-bg.jpg") no-repeat 0 0;



}



.offices-box .offices-list li .contact-box .contact-information {



  text-align: left;



  width: 100%;



  background-color: #fff;



  border: 1px solid #1C62B0;



  border-radius: 5px;



  padding: 20px 15px;



  line-height: 30px;



  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);



  color: #555;



}



.offices-box .offices-list li .contact-box .contact-information .icon {



  position: absolute;



  display: inline-block;



  width: 12px;



  height: 12px;



  left: 0;



  top: 8px;



}



.offices-box .offices-list li .contact-box .contact-information p {



  padding-left: 18px;



  position: relative;



}



.offices-box .offices-list li .contact-box .contact-information .address-icon {



  background: url("../images/all-icon.png") no-repeat -36px 0;



}



.offices-box .offices-list li .contact-box .contact-information .tel-icon {



  background: url("../images/all-icon.png") no-repeat -34px -14px;



}



.offices-box .offices-list li .contact-box .contact-information .fax-icon {



  background: url("../images/all-icon.png") no-repeat -33px -28px;



}



.offices-box .offices-list li .contact-box .contact-information .email-icon {



  background: url("../images/all-icon.png") no-repeat -34px -42px;



}



.offices-box .offices-list li .contact-box .contact-information .area {



  border-top: 1px dashed #eee;



  padding-top: 15px;



  margin-top: 10px;



}



.offices-box .offices-list li .show {



  display: block;



}



.offices-box .offices-list li i {



  position: relative;



  cursor: pointer;



  display: block;



  width: 10px;



  height: 10px;



  background: url("../images/all-icon.png") no-repeat -35px -61px;



}



.offices-box .offices-list .ln {



  top: 280px;



  left: 638px;



}



.offices-box .offices-list .tj {



  top: 328px;



  left: 572px;



}



.offices-box .offices-list .wx {



  top: 449px;



  left: 617px;



}



.offices-box .offices-list .sc {



  top: 480px;



  left: 394px;



}



.offices-box .offices-list .gd {



  top: 596px;



  left: 538px;



}



.inside-history {



  padding-bottom: 180px;



}



.inside-history .inside-history-slick {



  width: 100%;



}



.inside-history .inside-history-slick .history-box {



  width: 100%;



  height: 185px;



  background-color: #F3F7FB;



}



.inside-history .inside-history-slick .history-box .pic {



  float: left;



  width: 360px;



  height: 100%;



  position: relative;



}



.inside-history .inside-history-slick .history-box .txt {



  padding-top: 20px;



  padding-left: 25px;



  padding-right: 25px;



  width: 470px;



  height: 100%;



  float: left;



  color: #777;



}



.inside-history .inside-history-slick .history-box .txt .title {



  font-family: Avian;



  font-size: 30px;



  line-height: 60px;



  height: 60px;



  overflow: hidden;



}



.inside-history .inside-history-slick .history-box .txt .content {



  font-size: 14px;



  line-height: 26px;



  height: 78px;



  overflow: hidden;



}



.inside-history .inside-history-btn {



  padding-top: 50px;



  padding-bottom: 100px;



}



.inside-history .inside-history-btn .page-btn {



  display: block;



  float: left;



  width: 23px;



  height: 23px;



  cursor: pointer;



}



.inside-history .inside-history-btn i.prev {



  background: url("../images/prev.png") no-repeat 0 0;



}



.inside-history .inside-history-btn i.prev:hover {



  background-image: url("../images/prev-hover.png");



}



.inside-history .inside-history-btn i.next {



  background: url("../images/next.png") no-repeat 0 0;



}



.inside-history .inside-history-btn i.next:hover {



  background-image: url("../images/next-hover.png");



}



.inside-history .inside-history-btn .list-box {



  float: left;



  width: 784px;



  height: 64px;



  overflow: hidden;



  position: relative;



}



.inside-history .inside-history-btn .list-box:after {



  content: "";



  display: block;



  width: 100%;



  border-bottom: 1px solid #E9E9E9;



  position: absolute;



  left: 0;



  top: 11px;



  z-index: 1;



}



.inside-history .inside-history-btn .list-box .btn-list {



  height: 64px;



  width: 5000px;



  padding: 0 18px;



  position: relative;



  z-index: 10;



}



.inside-history .inside-history-btn .list-box .btn-list li {



  float: left;



  cursor: pointer;



  text-align: center;



  font-size: 14px;



  color: #777777;



  width: 60px;



  margin: 0 45px;



}



.inside-history .inside-history-btn .list-box .btn-list li i {



  display: block;



  margin: 0 auto;



  height: 23px;



  width: 23px;



  margin-bottom: 20px;



  background: url("../images/hitory-btn.png") no-repeat 0 0;



}



.inside-history .inside-history-btn .list-box .btn-list li:hover,



.inside-history .inside-history-btn .list-box .btn-list li.active {



  color: #1C62B0;



}



.inside-history .inside-history-btn .list-box .btn-list li:hover i,



.inside-history .inside-history-btn .list-box .btn-list li.active i {



  background: url("../images/inside-btn-hover.png") no-repeat 0 0;



}



.qualification-box .txt-list {



  color: #2e2e2e;



  font-size: 16px;



  line-height: 40px;



  padding: 30px;



  border-top: 1px solid #EDEDED;



  border-bottom: 1px solid #EDEDED;



}



.qualification-box .txt-list li p {



  width: 50%;



  float: left;



}



.qualification-box .txt-list li p:before {



  content: "";



  display: inline-block;



  width: 6px;



  height: 6px;



  background: url("../images/before-red-icon.png") no-repeat 0 0;



  position: relative;



  top: -3px;



  margin-right: 10px;



}



.qualification-box .pic-list li {



  width: 215px;



  float: left;



  margin: 0 30px;



  margin-top: 45px;



}



.qualification-box .pic-list li .pic {



  width: 100%;



  height: 305px;



  border: 1px  solid #D8D8D8;



  position: relative;



}



.qualification-box .pic-list li .pic .mask {



  cursor: pointer;



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0;



  top: 0;



  color: #fff;



  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);



  filter: alpha(opacity=0);



  opacity: 0;



  transition: all 0.5s;



  text-align: center;



  padding-top: 120px;



  background: url("../images/honor-mask.png") repeat;



  z-index: 10;



}



.qualification-box .pic-list li .pic .mask:hover {



  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);



  filter: alpha(opacity=100);



  opacity: 1;



}



.qualification-box .pic-list li .txt {



  width: 100%;



  text-align: center;



  height: 46px;



  line-height: 45px;



  overflow: hidden;



  font-size: 16px;



  color: #2e2e2e;



  border-bottom: 1px solid #D8D8D8;



}



.qualification-box .inside-page {



  padding-top: 90px;



  padding-bottom: 90px;



}



.footer .footer-box {



  background-color: #004398;



  padding-top: 50px;



  padding-bottom: 30px;



  color: #cfdffa;



  font-size: 12px;



  line-height: 26px;



}



.footer .footer-box .footer-list {



  width: 720px;



  float: left;



  overflow: hidden;



}



.footer .footer-box .footer-list li {



  float: left;



  width: 120px;



  padding-left: 10px;



}



.footer .footer-box .footer-list li a {



  color: #cfdffa;



  font-size: 12px;



  display: block;



  line-height: 26px;



  height: 26px;



  overflow: hidden;



}



.footer .footer-box .footer-list li a:hover {



  text-decoration: underline;



  color: #fff;



}



.footer .footer-box .footer-list li a.title {



  color: #fff;



  font-size: 14px;



  margin-bottom: 15px;



}



.footer .footer-box .footer-list .w110 {



  width: 110px;



}



.footer .footer-box .footer-list .w140 {



  width: 140px;



}



.footer .footer-box .footer-contact {



  border-left: 1px dashed #1859B0;



  width: 480px;



  padding-right: 10px;



  float: left;



  padding-left: 45px;



}



.footer .footer-box .footer-contact a {



  color: #cfdffa;



}



.footer .footer-box .footer-contact .title {



  color: #fff;



  font-size: 14px;



  margin-bottom: 15px;



}



.footer .footer-box .footer-contact .contact-box .f-l {



  width: 320px;



}



.footer .footer-box .footer-contact .contact-box .f-r {



  margin-top: 7px;



  max-width: 100px;



}



.footer .footer-box .footer-contact .contact-box .f-r img {



  max-width: 100%;



}



.footer .copyright {



  background-color: #FE0000;



}



.footer .copyright .container {



  padding: 10px;



  font-size: 12px;



  line-height: 30px;



  color: #fff;



}



.footer .copyright .container .site-map a {



  color: #fff;



}



.footer .copyright .container .site-map a:hover {



  text-decoration: underline;



}



.modal {



  display: none;



  width: 100%;



  height: 100%;



  position: fixed;



  overflow: hidden;



  background: url("../images/modal-bg.png") repeat;



  top: 0px;



  left: 0px;



  z-index: 100;



}



.modal .box {



  position: absolute;



  width: 430px;



  height: 610px;



  background-color: #fff;



  top: 50%;



  left: 50%;



  margin-left: -215px;



  margin-top: -305px;



}



.modal .box .close {



  cursor: pointer;



  display: block;



  width: 47px;



  height: 47px;



  background: url("../images/honor-close.png") no-repeat;



  position: absolute;



  top: 0;



  right: -47px;



}



.map {



  padding: 30px 50px;



}



.map img {



  margin-left: 20px;



}



.map dl {



  border: #d6dbe1 solid 1px;



  border-top: #1C62B0 solid 2px;



  border-bottom: none;



  margin: 20px 0 20px 0;



  background: #fff;



}



.map dl dt {



  background: #fcfcfc;



  color: #0053a8;



  font-size: 16px;



  line-height: 40px;



  border-bottom: #d6dbe1 solid 1px;



  padding: 0 0 0 20px;



}



.map dl dt a:hover {



  color: #1C62B0;



}



.map dl:hover {



  background: #f5f8fa;



}



.map dd {



  overflow: hidden;



  padding-top: 10px;



}



.map dd .first {



  padding: 10px 0 0 20px;



  clear: both;



  line-height: 30px;



}



.map dd .first a {



  color: #b87500;



  font-weight: bold;



}



.map dd .first a:hover {



  color: #764b00;



}



.map dd div {



  clear: both;



  overflow: hidden;



  line-height: 30px;



  border-bottom: #d6dbe1 solid 1px;



  padding: 0px 20px 10px 10px;



}



.map dd div a {



  color: #333;



  float: left;



  padding: 0 10px 0 10px;



}



.map dd div a:hover {



  background: #1C62B0;



  color: #fff;



}



.login {



  display: none;



  width: 100%;



  height: 100%;



  position: fixed;



  overflow: hidden;



  background: url("../images/modal-bg.png") repeat;



  top: 0px;



  left: 0px;



  z-index: 100;



}



.login .box {



  position: absolute;



  width: 444px;



  height: 434px;



  padding: 16px;



  background: url("../images/loginbox-bg.png") no-repeat;



  top: 50%;



  left: 50%;



  margin-left: -222px;



  margin-top: -217px;



}



.login .box .login-box {



  text-align: center;



  width: 100%;



  height: 100%;



  background-color: #fff;



  position: relative;



}



.login .box .login-box .close {



  cursor: pointer;



  width: 30px;



  height: 30px;



  text-align: center;



  position: absolute;



  color: #fff;



  line-height: 30px;



  right: 0;



  top: 0;



}



.login .box .login-box .title {



  width: 100%;



  height: 90px;



  color: #fff;



  text-align: center;



  line-height: 90px;



  font-size: 30px;



  background: url("../images/login-title.png") no-repeat;



}



.login .box .login-box .input-box {



  width: 312px;



  margin: 0 auto;



  margin-top: 25px;



}



.login .box .login-box .input-box input {



  width: 100%;



  height: 36px;



  border: 1px solid #CBCBCB;



  margin-bottom: 14px;



  padding-left: 10px;



}



.login .box .login-box .input-box .submit-btn {



  color: #fff;



  background-color: #1C62B0;



  border-radius: 5px;



  width: 136px;



  height: 46px;



  margin-top: 10px;



  padding: 0;



}



.show {



  display: block;



}











.search_mask,.mdown,.mdown1 {



    background: url(../images/tm-bg.png) repeat;



    width: 100%;



    height: 100%;



    position: fixed;



    z-index: 999;



    top: 0;



    left: 0;



}







    .search_mask .s_box,.mdown .s_box,.mdown1 .s_box {



        width: 350px;



        height: 136px;



        padding: 25px;



        top: 50%;



        left: 50%;



        margin-left: -175px;



        position: absolute;



        margin-top: -68px;



        background: #fff;



    }







        .search_mask .s_box .text1,.mdown .s_box .text1,.mdown1 .s_box .text1 {



            text-align: center;



            line-height: 24px;



            color: #666;



            font-size: 16px;



            font-style: normal;



        }







        .search_mask .s_box #sure,.mdown .s_box #sures,.mdown1 .s_box #suress {



            width: 140px;



            height: 36px;



            display: block;



            margin: 20px auto 0;



            background: #0058b2;



            border-radius: 2px;



            color: #fff;



            font-size: 16px;



            text-align: center;



            line-height: 36px;



            letter-spacing: 5px;



        }











.home-case .btn-more {



  text-align: center;



  margin-top: 0px;



}



.home-case .btn-more .box {



  display: inline-block;



}



.home-case .btn-more .box i {



  margin-top: 20px;



  float: left;



  width: 120px;



  border-bottom: 1px solid #D8D8D8;



}



.home-case .btn-more .box a {



  float: left;



  width: 156px;



  height: 40px;



  line-height: 38px;



  text-align: center;



  font-size: 16px;



  color: #a1a1a1;



  border: 1px solid #D8D8D8;



  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);



  border-radius: 20px;



  background-color: #fff;



  overflow: hidden;



  padding: 1px;



}



.home-case .btn-more .box a span {



  border-radius: 18px;



  display: block;



  width: 100%;



  height: 100%;



  background-color: #EDEDED;



}



.home-case .btn-more .box a:hover span {



  color: #fff;



  background-color: #1C62B0;



}







.coolbg



{



    display: inline-block;



    margin-right: 20px;  



    margin-bottom: 20px;



    color: #fff;



    text-align: center;



    width:120px;



    height:45px;



	font-size: 14px;



	font-family: 微软雅黑;



	background: #1c62b0;



	border: 1px solid #fbfbfb;



	}