@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: 15px;

  padding-top: 18px;

}

.header .right-box {

  float: right;

  padding-right: 0px;

  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: Avian;

  float: left;

  margin-right: 30px;

  font-size: 18px;

  line-height:30px;

  color: #1C62B0;
 
  margin-top:-30px;

}

.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: left;

}

.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: 920px;

  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: 0px;

  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: 20px;

  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 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;

	}