@charset "utf-8";
.cm {
  color: #2562b3;
}
.cm2 {
  color: #ff7700;
}
@font-face {
  font-family: 'swissbt';
  src: url('fonts/SWISSBT.TTF');
}
/*@font-face {font-family: 'NexaLight';src: url('../font/NexaLight.otf');}*/
@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothic.TTF');
}
/*内页*/
.inbanner {
  width: 100%;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.inbanner > img {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
  width: 1920px;
  height: 100%;
  z-index: 0;
}
.inbanner i.jtd {
  width: 30px;
  height: 16px;
  position: absolute;
  left: 50%;
  bottom: 70px;
  z-index: 1;
  background: url('../images/jtd-ib.png') center no-repeat;
  margin-left: -15px;
}
.inbanner2 {
  width: 100%;
  position: relative;
  overflow: hidden;
  font-size: 0;
}
.inbanner2 > img {
  width: 100%;
  display: block;
}
.ibcate {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-top: -68px;
  margin-left: -600px;
}
.ibcate .cn {
  font-size: 36px;
  color: #333;
  line-height: 42px;
  height: 42px;
}
.ibcate .en {
  font-size: 20px;
  color: #707070;
  line-height: 24px;
  height: 24px;
  font-family: 'Microsoft Yahei';
}
.ibcate .intro {
  margin-top: 16px;
  width: 400px;
  height: 48px;
  font-size: 14px;
  color: #7f7f7a;
  line-height: 24px;
  letter-spacing: 1px;
}
.js-qiecon {
  display: none;
}
.js-qiecon.on {
  display: block;
}
.editcon {
  font-size: 16px;
  line-height: 34px;
  color: #333;
}
.editcon img {
  max-width: 100%;
}
.bggrey {
  background-color: #f0f3f7;
}
.bgf5 {
  background-color: #f5f5f5;
}
.cate {
  text-align: center;
}
.cate .cn {
  font-size: 24px;
  line-height: 34px;
  color: #d0252e;
  background: url('../images/line1.png') center no-repeat;
}
.cate .cn span {
  color: #4c167d;
}
.cate .en {
  line-height: 22px;
  color: #bbb;
  text-transform: uppercase;
}
.neck {
  background-color: #fff;
  height: 60px;
  padding: 15px 0;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}
.erji {
  font-size: 0;
  white-space: nowrap;
  width: 1200px;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.erji a {
  display: inline-block;
  width: 200px;
  font-size: 16px;
  color: #333;
  line-height: 60px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.erji a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0px;
  z-index: 0;
  margin-left: 0;
  width: 0;
  height: 2px;
  background-color: #0c59db;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.erji a.on:after,
.erji a:hover:after {
  width: 64px;
  margin-left: -32px;
}
.erji a.on,
.erji a:hover {
  color: #0c59db;
}
.fsouout {
  padding: 10px 0;
  height: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
}
.fsouout .cer {
  overflow: hidden;
}
.souleft {
  float: left;
  width: 600px;
  padding-left: 90px;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.souleft label {
  float: left;
  color: #333;
  font-weight: bold;
  margin-left: -90px;
}
.souleft a {
  color: #666;
  margin: 0 9px;
  width: auto!important;
}
.souleft a:hover {
  color: #1157b8;
  text-decoration: underline;
}
.sou {
  width: 186px;
  height: 30px;
  overflow: hidden;
  float: right;
  position: relative;
  padding-right: 66px;
}
.sou form {
  height: 100%;
}
.sou input.soutxt {
  width: 100%;
  height: 28px;
  background-color: #f6f6f6;
  display: block;
  line-height: 28px;
  font-size: 14px;
  text-indent: 7px;
  border: 1px solid #ededed;
  color: #666;
}
.sou input.soubtn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 64px;
  height: 30px;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border: 1px solid #1157b8;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9f4a), to(#e67817));
  background: linear-gradient(to bottom, #1157b8 0%, #1c77f5 100%);
}
.sou,
.sou input.soutxt,
.sou input.soubtn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sou input.soutxt:focus {
  border-color: #b1b1b1;
}
.souwrap {
  width: 100%;
  height: 30px;
  overflow: hidden;
  position: relative;
}
.souinner {
  white-space: nowrap;
  height: 30px;
  overflow: hidden;
}
.fcate1 {
  text-align: center;
  padding-bottom: 30px;
  position: relative;
}
.fcate1:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 0;
  width: 40px;
  height: 3px;
  margin-left: -20px;
  background-color: #e67817;
}
.fcate1 .cn {
  font-size: 32px;
  color: #2562b3;
  line-height: 40px;
  font-weight: bold;
  height: 40px;
  position: relative;
  z-index: 1;
}
.fcate1 .cn span {
  color: #ff7700;
}
.fcate1 .en {
  font-size: 0;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.fcate1 .en img {
  max-height: 100%;
}
.fabout {
  padding: 75px 0 82px;
}
.fabtxt {
  overflow: hidden;
  margin: 38px 0 30px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  color: #666;
}
.fguolist {
  overflow: hidden;
  width: 100%;
  margin-top: 44px;
  position: relative;
  z-index: 1;
  font-size: 0;
  text-align: center;
}
.fguolist li {
  display: inline-block;
  width: auto;
  margin: 0 45px;
}
.fguolist li a {
  display: block;
  position: relative;
  text-align: left;
}
.fguolist h3 {
  height: 56px;
  line-height: 56px;
}
.fguolist h3 span {
  font-size: 56px;
  font-family: 'swissbt';
  color: #1157b8;
}
.fguolist h3 i {
  font-style: normal;
  font-size: 20px;
  color: #666;
  margin-left: 10px;
}
.fguolist li .txt {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  height: 26px;
}
.twlist2 {
  overflow: hidden;
  margin-top: 74px;
  text-align: center;
  height: 268px;
}
.twlist2 li {
  display: inline-block;
  width: 297px;
  height: 100%;
}
.twlist2 li .lin {
  padding: 0 13px;
}
.twlist2 .pic {
  width: 100%;
  /* height: 218px; */
  overflow: hidden;
}
.twlist2 img {
  width: 100%;
  height: 100%;
}
.twlist2 li h3 {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  margin-top: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.twlist2 li:hover h3 {
  color: #1157b8;
}
.fcate2 {
  text-align: center;
  padding-bottom: 30px;
  position: relative;
}
.fcate2:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 0;
  width: 40px;
  height: 3px;
  margin-left: -20px;
  background-color: #e67817;
}
.fcate2 .cn {
  font-size: 32px;
  color: #fff;
  line-height: 40px;
  font-weight: bold;
  height: 40px;
  position: relative;
  z-index: 1;
}
.fcate2 .cn span {
  color: #ff7700;
}
.fcate2 .en {
  font-size: 0;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.fcate2 .en img {
  max-height: 100%;
}
.fhuo {
  position: relative;
  padding: 65px 0;
  background: url('../images/fhuobg.jpg') center no-repeat;
}
.huoScroll {
  overflow: hidden;
  position: relative;
  padding: 48px 0 0px;
}
.huoScroll .bd {
  width: 1230px;
  margin: 0 auto;
  height: 210px;
  overflow: hidden;
}
.fhuolist {
  height: 210px;
  overflow: hidden;
}
.fhuolist li {
  float: left;
  width: 246px;
  height: 21-px;
}
.fhuolist li .lin {
  padding: 0 14px;
  height: 100%;
}
.fhuolist li a {
  display: block;
  height: 100%;
}
.fhuolist li .pic {
  overflow: hidden;
  height: 156px;
  background-color: #fff;
  line-height: 156px;
  text-align: center;
  font-size: 0;
  padding: 5px;
}
.fhuolist li img {
  max-width: 100%;
  max-height: 100%;
}
.fhuolist li h3 {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  margin-top: 6px;
  text-align: center;
  height: 24px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fhuolist li:hover h3 {
  color: #98c2fd;
}
.huoScroll a.prev,
.huoScroll a.next {
  position: absolute;
  width: 30px;
  height: 56px;
  z-index: 2;
  top: 72px;
}
.huoScroll a.prev {
  left: 50%;
  margin-left: -660px;
  background: rgba(255, 255, 255, 0.3) url('../images/lt1.png') center no-repeat;
}
.huoScroll a.next {
  right: 50%;
  margin-right: -660px;
  background: rgba(255, 255, 255, 0.3) url('../images/gt1.png') center no-repeat;
}
.huoScroll a.prev:hover,
.huoScroll a.next:hover {
  background-color: #ff7700;
}
.huoScroll .hd {
  height: 10px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
}
.huoScroll .hd ul {
  overflow: hidden;
  zoom: 1;
  font-size: 0;
}
.huoScroll .hd ul li {
  display: inline-block;
  margin: 0 15px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-color: rgba(1, 77, 162, 0.2);
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.huoScroll .hd ul li.on {
  background-color: #014da2;
}
@media screen and (max-width: 1400px) {
  .huoScroll a.prev {
    left: 10px;
    margin-left: 0;
  }
  .huoScroll a.next {
    right: 10px;
    margin-right: 0;
  }
}
.fcate3 {
  text-align: center;
  position: relative;
}
.fcate3 .cn {
  font-size: 32px;
  color: #2562b3;
  line-height: 40px;
  font-weight: bold;
  height: 40px;
  position: relative;
  z-index: 1;
}
.fcate3 .cn span {
  color: #ff7700;
}
.fcate3 .en {
  font-size: 0;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.fcate3 .en img {
  max-height: 100%;
}
.fcate3 p {
  font-size: 20px;
  color: #666;
  line-height: 32px;
  height: 32px;
  margin-top: 12px;
}
.proerji {
  margin-top: 43px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.proerji a {
  display: inline-block;
  padding: 0 26px;
  position: relative;
  font-size: 16px;
  color: #333;
}
.proerji a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  z-index: 0;
  width: 1px;
  height: 14px;
  background-color: #d7d7d7;
}
.proerji a:first-child:before {
  display: none;
}
.proerji a:hover {
  color: #1157b8;
}
.fpro {
  padding: 80px 0 40px;
}
.fproScroll {
  padding: 40px 0 36px;
  margin: 0 -12px;
  height: 474px;
  overflow: hidden;
}
.fprolist {
  width: 100%;
  overflow: hidden;
  height: 474px;
}
.fprolist ul {
  float: left;
  width: 280px;
  margin: 0 13px;
  height: 474px;
}
.fprolist li {
  width: 280px;
  margin-bottom: 27px;
}
.fprolist li a {
  display: block;
  height: 210px;
  position: relative;
}
.fprolist img {
  display: block;
  width: 100%;
  height: 210px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fprolist h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 18px;
}
.fprolist h3 span {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  padding-right: 40px;
  display: block;
  height: 40px;
  background: url('../images/gt-fpro.png') right no-repeat;
}
.fprolist li:hover img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.fprolist .txt,
.fprolist .txt2 {
  display: none;
}
.fbtnarea {
  height: 48px;
  text-align: center;
}
.seemore {
  display: inline-block;
  width: 180px;
  height: 48px;
  margin: 0 30px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  background-color: #1157b8;
  border-radius: 24px;
  -webkit-box-shadow: 0 8px 14px 1px rgba(0, 92, 156, 0.4);
  box-shadow: 0 8px 14px 1px rgba(0, 92, 156, 0.4);
}
.seemore.i2 {
  background-color: #ff7700;
  -webkit-box-shadow: 0 8px 14px 1px rgba(230, 120, 23, 0.4);
  box-shadow: 0 8px 14px 1px rgba(230, 120, 23, 0.4);
}
.jello-h:hover {
  -webkit-animation: jello 1s 0s infinite;
          animation: jello 1s 0s infinite;
}
.rubberBand-h:hover {
  -webkit-animation: rubberBand 1s 0s 1;
          animation: rubberBand 1s 0s 1;
}
.tada-r {
  -webkit-animation: tada2 1.5s 0s infinite;
          animation: tada2 1.5s 0s infinite;
}
.fgg1 {
  height: 260px;
  z-index: 2;
  margin-top: -40px;
  background: #ffffff url('../images/fgg1.jpg') center no-repeat;
}
.fgg1 .cer {
  position: relative;
  height: 100%;
}
.fgg1 .info {
  position: absolute;
  right: 0;
  top: 149px;
  z-index: 0;
  width: 292px;
}
.fgg1 .tel {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
  height: 30px;
}
.fgg1 .tel span {
  font-size: 28px;
  font-family: impact;
  font-weight: normal;
  letter-spacing: 2px;
}
.fbtnarea2 {
  height: 34px;
  margin-top: 15px;
}
.seemore2 {
  display: inline-block;
  width: 120px;
  height: 34px;
  font-weight: bold;
  margin-right: 18px;
  line-height: 34px;
  color: #020b14;
  text-align: center;
  background-color: #fff;
}
.seemore2.i2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffc300));
  background: linear-gradient(to bottom, #ffeedf 0%, #4994fd 100%);
}
.fser {
  padding: 80px 0;
}
.flclist {
  width: 1200px;
  height: 271px;
  margin: 52px auto 0;
  font-size: 0;
  text-align: center;
  background: url('../images/snake3.png') center no-repeat;
  position: relative;
  /* background-size: 99%; */
}
.flclist:before {
  content: '流程开始';
  position: absolute;
  left: -6px;
  top: 72px;
  z-index: 2;
  width: 106px;
  height: 44px;
  font-size: 24px;
  color: #333;
  line-height: 44px;
  text-align: center;
}
.flclist:after {
  content: '流程结束';
  position: absolute;
  right: -10px;
  top: 41px;
  z-index: 2;
  width: 106px;
  height: 44px;
  font-size: 24px;
  color: #333;
  line-height: 44px;
  text-align: center;
}
.flclist li {
  display: inline-block;
  width: 73px;
  margin: 0 3px;
  padding: 109px 0;
  height: 89px;
  position: relative;
}
.flclist .wrap {
  width: 109px;
  height: 68px;
  border: 1px dashed #1157b8;
  border-radius: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding-top: 14px;
  background-color: #fff;
}
.flclist .pic {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  position: absolute;
  top: 22px;
  left: 0;
  z-index: 1;
}
.flclist .p1,
.flclist .p2 {
  max-width: 100%;
  max-height: 100%;
}
.flclist .p1 {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flclist .p2 {
  opacity: 0;
  filter: alpha(opacity=0);
}
.flclist li .num {
  height: 81px;
  position: relative;
  line-height: 138px;
  color: #2562b3;
  font-size: 38px;
  font-family: 'swissbt';
}
.flclist li .num:after {
  content: '';
  position: absolute;
  left: 65px;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 14px;
  background: url('../images/sjd-lc.png') center no-repeat;
}
.flclist li h3 {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  /* height: 28px; */
  overflow: hidden;
}
.flclist li:nth-child(even) .num:after {
  bottom: auto;
  top: 0;
  background-image: url('../images/sju-lc.png');
}
.flclist li:nth-child(even) .wrap {
  top: 0;
  bottom: auto;
}
.flclist li:hover .p1,
.flclist li.on .p1 {
  opacity: 0;
  filter: alpha(opacity=0);
}
.flclist li:hover .p2,
.flclist li.on .p2 {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flclist li:hover h3,
.flclist li.on h3 {
  color: #fff;
}
.flclist li:hover .wrap,
.flclist li.on .wrap {
  background-color: #2562b3;
}
.flclist li h3,
.flclist li .p1,
.flclist li .p2,
.flclist li .wrap {
  -webkit-transition: .3s;
  transition: .3s;
}
.fcase {
  position: relative;
  padding: 65px 0 60px;
  background: url('../images/fcsbg.jpg') center no-repeat;
}
.caseScroll {
  overflow: hidden;
  position: relative;
  padding: 47px 0 60px;
}
.caseScroll .bd {
  width: 1224px;
  margin: 0 auto;
  height: 310px;
  overflow: hidden;
}
.fcslist {
  height: 344px;
  overflow: hidden;
}
.fcslist li {
  float: left;
  width: 306px;
  height: 308px;
}
.fcslist li .lin {
  padding: 0 13px;
  height: 100%;
}
.fcslist li a {
  display: block;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
}
.fcslist li .one {
  padding: 10px 10px 6px;
}
.fcslist li .pic {
  overflow: hidden;
  height: 195px;
  line-height: 195px;
  text-align: center;
  font-size: 0;
}
.fcslist li img {
  width: 100%;
  height: 100%;
}
.fcslist li h3 {
  font-size: 16px;
  color: #333;
  line-height: 32px;
  font-weight: bold;
  height: 32px;
  overflow: hidden;
  margin: 6px 0 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fcslist li .txt {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}
.fcslist li:hover h3 {
  color: #f70;
}
.fcslist li .two {
  padding: 0 10px;
  height: 38px;
  border-top: 1px solid #dfdfdf;
}
.fcslist li label {
  display: block;
  font-size: 14px;
  color: #9a999a;
  line-height: 38px;
  text-indent: 5px;
  background: url('../images/jtr-fcs.png') right no-repeat;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fcslist li:hover label {
  color: #f70;
  background-image: url('../images/jtrh-fcs.png');
}
.caseScroll a.prev,
.caseScroll a.next {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 2;
  top: 222px;
  opacity: 0.3;
}
.caseScroll a.prev {
  left: 50%;
  margin-left: -680px;
  background: url('../images/lt2.png') center no-repeat;
}
.caseScroll a.next {
  right: 50%;
  margin-right: -680px;
  background: url('../images/gt2.png') center no-repeat;
}
.caseScroll a.prev:hover,
.caseScroll a.next:hover {
  opacity: 1;
}
.caseScroll .hd {
  height: 10px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
}
.caseScroll .hd ul {
  overflow: hidden;
  zoom: 1;
  font-size: 0;
}
.caseScroll .hd ul li {
  display: inline-block;
  margin: 0 15px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-color: rgba(1, 77, 162, 0.2);
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.caseScroll .hd ul li.on {
  background-color: #014da2;
}
@media screen and (max-width: 1400px) {
  .caseScroll a.prev {
    left: 10px;
    margin-left: 0;
  }
  .caseScroll a.next {
    right: 10px;
    margin-right: 0;
  }
}
.fcate5 {
  text-align: center;
  padding-bottom: 30px;
  background: url('../images/line1.png') center bottom no-repeat;
}
.fcate5 .cn {
  font-size: 30px;
  color: #333;
  line-height: 48px;
  font-weight: bold;
  height: 48px;
}
.fcate5 .cn span {
  color: #0c4ea2;
}
.fcate5 p {
  font-size: 14px;
  color: #333;
  line-height: 22px;
  height: 22px;
}
.fcate5 .en {
  font-size: 0;
  height: 52px;
}
.frong {
  position: relative;
  padding: 70px 0 64px;
}
.ryScroll {
  overflow: hidden;
  position: relative;
  padding: 22px 0 0px;
}
.ryScroll .bd {
  width: 1220px;
  margin: 0 auto;
  height: 214px;
  overflow: hidden;
}
.frylist {
  height: 214px;
  overflow: hidden;
}
.frylist li {
  float: left;
  width: 244px;
  height: 214px;
}
.frylist li .lin {
  padding: 10px 12px;
  height: 194px;
}
.frylist li a {
  display: block;
  background-color: #fff;
  height: 100%;
}
.frylist li .pic {
  overflow: hidden;
  height: 156px;
  line-height: 156px;
  text-align: center;
  font-size: 0;
}
.frylist li img {
  max-width: 100%;
  max-height: 100%;
}
.frylist li:hover a {
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
.frylist li h3 {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  height: 24px;
  overflow: hidden;
  margin-top: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.frylist li:hover h3 {
  color: #1157b8;
  margin-top: 4px;
}
.ryScroll a.prev,
.ryScroll a.next {
  position: absolute;
  width: 30px;
  height: 56px;
  z-index: 2;
  top: 83px;
}
.ryScroll a.prev {
  left: 50%;
  margin-left: -660px;
  background: #1157b8 url(../images/lt1.png) center no-repeat;
}
.ryScroll a.next {
  right: 50%;
  margin-right: -660px;
  background: #1157b8 url(../images/gt1.png) center no-repeat;
}
.ryScroll a.prev:hover,
.ryScroll a.next:hover {
  background-color: #f70;
}
.ryScroll .hd {
  height: 10px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
}
.ryScroll .hd ul {
  overflow: hidden;
  zoom: 1;
  font-size: 0;
}
.ryScroll .hd ul li {
  display: inline-block;
  margin: 0 15px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-color: rgba(1, 77, 162, 0.2);
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ryScroll .hd ul li.on {
  background-color: #014da2;
}
@media screen and (max-width: 1400px) {
  .ryScroll a.prev {
    left: 10px;
    margin-left: 0;
  }
  .ryScroll a.next {
    right: 10px;
    margin-right: 0;
  }
}
.fgg2 {
  width: 100%;
  height: 240px;
  position: relative;
  font-size: 0;
  background: #ffffff url('../images/fgg2.jpg') center no-repeat;
}
.fgg2 .wrap {
  position: absolute;
  left: 50%;
  top: 51px;
  z-index: 1;
  margin-left: -586px;
}
.fgg2 span {
  display: inline-block;
  border: 2px solid #fff;
  margin-right: 24px;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  padding: 6px;
  line-height: 30px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.fnews {
  padding: 44px 0 80px;
}
.fnewswrap {
  margin: 54px auto 64px;
  width: 100%;
}
.fnewslist {
  float: right;
  width: 612px;
}
.fnewslist li {
  width: 100%;
  margin-bottom: 35px;
}
.fnewslist li:last-child {
  margin-bottom: 0;
}
.fnewslist li a {
  display: block;
  position: relative;
  padding-left: 186px;
  height: 88px;
  overflow: hidden;
  padding-right: 8px;
}
.fnewslist li .pic {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 156px;
  height: 100%;
  overflow: hidden;
}
.fnewslist li .pic img {
  width: 100%;
  height: 100%;
}
.fnewslist li .title {
  line-height: 28px;
  height: 28px;
  position: relative;
  overflow: hidden;
  padding-right: 90px;
  margin-bottom: 10px;
}
.fnewslist li h3 {
  font-size: 16px;
  color: #222;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fnewslist li .date {
  font-size: 14px;
  color: #888;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.fnewslist li .txt {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  height: 48px;
}
.fnewslist li:hover h3 {
  color: #2562b3;
}
.fhot {
  float: left;
  width: 560px;
}
.fhot a {
  display: block;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
}
.fhot a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 60%;
  height: 9px;
  background-color: #1157b8;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fhot .pic {
  width: 100%;
  height: 315px;
  overflow: hidden;
  position: relative;
  font-size: 0;
  text-align: center;
  line-height: 315px;
}
.fhot img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fhot .wrap {
  padding: 24px 20px 24px;
}
.fhot h3 {
  font-size: 18px;
  color: #222;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  -webkit-transition: .4s;
  transition: .4s;
}
.fhot .txt {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-top: 16px;
}
.fhot:hover h3 {
  color: #006caf;
}
.fhot:hover a:after {
  width: 100%;
}
.main {
  margin-top: 48px;
}
.mainleft {
  float: left;
  width: 250px;
}
.mainright {
  float: right;
  width: 910px;
}
.sdcate {
  color: #fff;
  position: relative;
  z-index: 2;
  width: 210px;
  height: 54px;
  padding: 11px 20px 12px;
  background: url('../images/sdnav.jpg') center no-repeat;
}
.sdcate .cn {
  font-size: 22px;
  line-height: 30px;
  height: 30px;
  font-weight: bold;
}
.sdcate .en {
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  text-transform: uppercase;
  opacity: 0.5;
}
.sdnav {
  width: 100%;
  padding-top: 5px;
}
.sdnav dd {
  position: relative;
  margin-top: 5px;
  line-height: 45px;
}
.sdnav dd > a {
  display: block;
  font-size: 14px;
  color: #333;
  position: relative;
  height: 45px;
  overflow: hidden;
  padding-right: 26px;
  padding-left: 39px;
  background: #eeeeee url('../images/fang1.png') 20px center no-repeat;
}
.sdnav dd.on > a,
.sdnav dd.ac > a,
.sdnav dd:hover > a {
  background-color: #ff7700;
  background-image: url('../images/fang1h.png');
  color: #fff;
}
.sdnav dd.on i,
.sdnav dd.ac i,
.sdnav dd:hover i {
  background-image: url('../images/gth-sdn.png');
}
.sdnav dd i {
  position: absolute;
  right: 0;
  top: 9px;
  z-index: 2;
  width: 26px;
  height: 26px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  cursor: pointer;
  background: url('../images/gt-sdn.png') center no-repeat;
}
.sdnav dd.ac i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sdnav dd s {
  position: absolute;
  z-index: 1;
  left: 4px;
  top: 9px;
  width: 12px;
  height: 2px;
  background-color: #fff;
  opacity: 1;
}
.sdnav dd s:first-child {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sdnav dd.ac s:first-child {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.sdnav dd s {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.leifour {
  width: 248px;
  display: none;
  border: 1px solid #ccc;
}
.leifour li {
  padding: 0 26px 0 38px;
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.leifour li a {
  font-size: 14px;
  color: #999;
}
.leifour li:hover a {
  color: #2562b3;
}
.sdbox {
  width: 100%;
  margin-top: 36px;
}
.sdbox .title {
  height: 50px;
  background-color: #2562b3;
  font-size: 18px;
  line-height: 50px;
  color: #fff;
  font-weight: bold;
  text-indent: 20px;
}
.sdbox .con {
  border: 1px solid #ccc;
  border-top: 0 none;
}
.sdtxtlist {
  padding: 0 14px;
  overflow: hidden;
  margin-bottom: -1px;
}
.sdtxtlist li {
  padding: 0 0 0 25px;
  height: 40px;
  border-bottom: 1px solid #e3e3e3;
  background: #ffffff url('../images/play1.png') 5px center no-repeat;
}
.sdtxtlist li a {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 39px;
}
.sdtxtlist li a:hover {
  color: #2562b3;
}
.sdlx {
  padding: 24px 19px 19px;
}
.sdlxcon {
  font-size: 14px;
  color: #333;
  line-height: 31px;
  margin-top: 16px;
}
.btl {
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  padding-bottom: 21px;
  background: #ffffff url('../images/sandian.png') bottom repeat-x;
}
.btl h4 {
  float: left;
  padding-left: 16px;
  font-size: 16px;
  color: #333;
  background: url('../images/tian.png') left no-repeat;
}
.tree {
  float: right;
  color: #999;
}
.tree a {
  color: #999;
  padding: 0 5px;
}
.tree a.leaf,
.tree a:hover {
  color: #2562b3;
}
.rylist {
  overflow: hidden;
  margin: 34px -10px 0;
  padding-bottom: 20px;
}
.rylist li {
  float: left;
  width: 310px;
  margin-bottom: 28px;
}
.rylist li .lin {
  padding: 0 10px;
}
.rylist li a {
  display: block;
  height: 252px;
}
.rylist li .pic {
  overflow: hidden;
  height: 218px;
  background-color: #f5f5f5;
  line-height: 218px;
  text-align: center;
  font-size: 0;
}
.rylist li img {
  max-width: 100%;
  max-height: 100%;
}
.rylist li h3 {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  text-align: center;
  height: 26px;
  overflow: hidden;
  margin-top: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rylist li:hover h3 {
  color: #2562b3;
}
.whlist {
  overflow: hidden;
  margin: 34px -10px 0;
}
.whlist li {
  float: left;
  width: 310px;
}
.whlist li .lin {
  padding: 0 10px;
}
.whlist li a {
  display: block;
  position: relative;
  text-align: center;
}
.whlist li .pic {
  width: 100%;
  overflow: hidden;
  height: 290px;
  line-height: 290px;
  font-size: 0;
}
.whlist li img {
  max-width: 100%;
  max-height: 100%;
}
.whlist li .wrap {
  margin-top: 6px;
  background-color: #f5f5f5;
  padding: 30px 0 40px;
}
.whlist li h3 {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
}
.whlist li .txtcn {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  font-weight: bold;
  height: 26px;
  overflow: hidden;
  margin-bottom: 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.whlist li .txten {
  font-size: 12px;
  color: #a4a4a4;
  line-height: 16px;
  height: 32px;
  overflow: hidden;
  text-transform: capitalize;
}
.whlist li .hx {
  width: 20px;
  height: 3px;
  margin: 13px auto 20px;
  background-color: #2562b3;
}
.whlist li:hover .txtcn {
  color: #2562b3;
}
.whlist .wrap:after {
  content: '';
  position: absolute;
  left: 100%;
  bottom: 0;
  z-index: 0;
  width: 0;
  height: 5px;
  background-color: #2562b3;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.whlist li:hover .wrap:after {
  left: 0;
  width: 100%;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.youshicon {
  margin-top: 70px;
  position: relative;
}
.youtitle {
  font-size: 30px;
  color: #fff;
  line-height: 56px;
  font-weight: bold;
  text-indent: 15px;
  height: 56px;
  background: url('../images/dao.png') 0 no-repeat;
}
.youbg {
  position: absolute;
  right: 0;
  top: 35px;
  z-index: 1;
  padding: 15px;
  border-radius: 50%;
  width: 306px;
  height: 306px;
  border: 2px dashed #ddd;
}
.youbg .pic {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: url('../images/youshi.png') center no-repeat;
}
.scaleout-h {
  -webkit-animation: scaleout 2s infinite ease-in-out;
          animation: scaleout 2s infinite ease-in-out;
}
.youlist {
  overflow: hidden;
  margin-top: 62px;
  padding-bottom: 16px;
  width: 542px;
}
.youlist li {
  height: 54px;
  margin-bottom: 36px;
}
.youlist li .lin {
  position: relative;
  padding-left: 72px;
  height: 100%;
}
.youlist label {
  width: 46px;
  height: 46px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 20px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  font-family: 'swissbt';
  border: 4px solid #d3e0f0;
  background-color: #2562b3;
  border-radius: 27px;
  overflow: hidden;
}
.youlist .txt {
  display: table;
  height: 54px;
  overflow: hidden;
}
.youlist .txt p {
  -webkit-transition: .6s;
  transition: .6s;
  font-size: 16px;
  color: #666;
  line-height: 26px;
  display: table-cell;
  vertical-align: middle;
}
.youlist li:hover p {
  color: #2562b3;
}
.prolist {
  padding: 35px 0 10px;
  margin: 0 -17px 0 -18px;
  overflow: hidden;
}
.prolist li {
  float: left;
  width: 280px;
  margin: 0 17px 35px 18px;
}
.prolist li a {
  display: block;
  height: 210px;
  position: relative;
  overflow: hidden;
}
.prolist img {
  display: block;
  width: 100%;
  height: 210px;
}
.prolist h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.prolist h3 span {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  padding-right: 40px;
  display: block;
  height: 40px;
  background: url('../images/gt-fpro.png') right no-repeat;
  overflow: hidden;
}
.prolist li:hover h3 {
  bottom: -50px;
}
.prolist li .cover {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(37, 98, 179, 0.9);
}
.prolist li .in {
  padding: 50px 20px 10px;
  text-align: center;
}
.prolist li .txt {
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
}
.prolist li label {
  display: block;
  width: 100px;
  height: 30px;
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  color: #2562b3;
  line-height: 30px;
  border-radius: 15px;
  margin: 20px auto 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.prolist li:hover .cover {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.prolist li label:hover {
  width: 120px;
}
.prolist li .txt2 {
  display: none;
}
.lxway {
  margin-top: 34px;
  padding-bottom: 25px;
}
.lxway p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  height: 24px;
  padding-left: 34px;
  margin-bottom: 15px;
}
.lxway p.lx01 {
  background: url('../images/lx1.png') 2px no-repeat;
}
.lxway p.lx02 {
  background: url('../images/lx2.png') 2px no-repeat;
}
.lxway p.lx03 {
  background: url('../images/lx3.png') 2px no-repeat;
}
#map {
  width: 100%;
  height: 440px;
}
.formout {
  padding: 0 0 80px 20px;
  margin-top: 62px;
  background: #ffffff url('../images/liuyanbg.jpg') right top no-repeat;
}
.liuyan {
  color: #333;
  font-size: 0;
  width: 510px;
}
.liuyan .intro {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  padding-top: 16px;
  margin-bottom: 30px;
  height: 30px;
}
.liuyan .hang {
  height: 40px;
  line-height: 40px;
  margin-bottom: 24px;
  position: relative;
}
.liuyan .hang.short {
  float: left;
  width: 250px;
  margin-right: 10px;
}
.liuyan .hang.short2 {
  float: left;
  width: 250px;
}
.liuyan input[type=text] {
  width: 100%;
  height: 38px;
  border: 1px solid #ddd;
  line-height: 38px;
  font-size: 14px;
  text-indent: 11px;
  margin-left: -1px;
}
.liuyan p {
  height: 100%;
}
.liuyan input[type=text]:focus {
  border-color: #2562b3;
}
.liuyan input[type=text] {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.liuyan i.v {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.liuyan .hang2 {
  margin-bottom: 34px;
}
.liuyan .hang2 i.v {
  display: inline-block;
  width: 250px;
}
.liuyan img.verifyImg {
  width: 84px;
  height: 40px;
  cursor: pointer;
  vertical-align: top;
  margin-left: 36px;
}
.liuyan .yzmchange {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #2562b3;
  margin-left: 28px;
}
.liuyan .btnarea input {
  width: 118px;
  height: 38px;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  text-align: center;
}
.liuyan input#tj {
  background-color: #2562b3;
  border: 1px solid #2562b3;
  margin-right: 14px;
}
.liuyan input#cz {
  background-color: #999;
  border: 1px solid #999;
}
.liuyan input#tj:hover {
  background-color: #fff;
  color: #2562b3;
}
.liuyan input#cz:hover {
  background-color: #fff;
  color: #999;
}
.footliuyan {
  float: left;
  width: 468px;
  margin-left: 30px;
  width: 580px;
}
.footliuyan h3 {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 14px;
}
.liuyan2 {
  color: #333;
  font-size: 0;
  position: relative;
}
.liuyan2 .hang {
  width: 260px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 8px;
}
.liuyan2 .hangfat {
  width: 260px;
  height: 124px;
  position: absolute;
  left: 270px;
  top: 0;
  z-index: 1;
}
.liuyan2 input[type=text] {
  width: 258px;
  height: 34px;
  border: 1px solid #fff;
  background-color: #fff;
  line-height: 34px;
  font-size: 14px;
  text-indent: 12px;
  border-radius: 6px;
}
.liuyan2 textarea {
  padding: 9px 9px;
  height: 60px;
  border: 1px solid #fff;
  resize: none;
  background-color: #fff;
  border-radius: 6px;
  width: 240px;
  line-height: 26px;
  font-size: 14px;
}
.liuyan2 input[type=text]:focus,
.liuyan2 textarea:focus {
  border-color: #f70;
}
.liuyan2 input[type=text],
.liuyan2 textarea {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.liuyan2 i.v {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.liuyan2 .hang2 {
  width: 260px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 8px;
  background-color: #fff;
  border-radius: 6px;
}
.liuyan2 .hang2 i.v {
  width: 142px;
}
.liuyan2 .hang2 input[type=text] {
  width: 140px;
}
.liuyan2 img.verifyImg {
  display: inline-block;
  width: 78px;
  height: 36px;
  cursor: pointer;
  vertical-align: top;
}
.liuyan2 .yzmchange {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  background: url('../images/change2.png') center no-repeat;
}
.liuyan2 input#submit {
  width: 40px;
  height: 80px;
  background-color: #2a82fb;
  padding: 2px 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  border-radius: 6px;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  white-space: normal;
}
.liuyan2 input#submit:hover {
  opacity: 0.9;
}
.liuyan2 .hang .v span.Validform_checktip {
  left: auto;
  right: 0;
  top: 6px;
}
.newslist {
  width: 100%;
  margin-top: 34px;
  padding-bottom: 12px;
}
.newslist li {
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f0f0f0;
}
.newslist li a {
  display: block;
  position: relative;
  padding-left: 210px;
  height: 101px;
  overflow: hidden;
}
.newslist li .pic {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 180px;
  height: 100%;
  overflow: hidden;
}
.newslist li .pic img {
  width: 100%;
  height: 100%;
}
.newslist li .title {
  line-height: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding-right: 90px;
  margin-bottom: 7px;
  margin-top: 8px;
}
.newslist li h3 {
  width: 100%;
  height: 30px;
  overflow: hidden;
  font-size: 16px;
  color: #222;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.newslist li .date {
  font-size: 14px;
  color: #888;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.newslist li .txt {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  overflow: hidden;
  height: 48px;
}
.newslist li:hover h3 {
  color: #2562b3;
}
.atc {
  padding: 40px 0 1px;
}
.atc-h {
  text-align: center;
}
.atc-h h2 {
  font-size: 24px;
  color: #333;
  line-height: 42px;
  font-weight: bold;
}
.atc-date {
  color: #999;
  line-height: 34px;
  margin-top: 20px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.atc-date span {
  margin: 0 5px;
}
.atc-con {
  padding: 36px 0 50px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  border-bottom: 1px solid #dcdcdc;
}
.atc-con img {
  max-width: 100%;
}
.atc-pn {
  position: relative;
  margin-top: 20px;
  padding-right: 100px;
}
.atc-pn a {
  display: block;
  overflow: hidden;
  color: #666;
  line-height: 20px;
  margin-bottom: 4px;
}
.atc-pn a span {
  display: inline-block;
  /* width: 54px; */
  height: 20px;
  background-color: #eee;
  color: #666;
  text-align: center;
  margin-right: 10px;
}
.atc-pn a:hover {
  color: #2562b3;
}
.atc-pn a:hover span {
  color: #2562b3;
}
.atc-pn a.ret {
  color: #fff;
  text-align: center;
  line-height: 38px;
  border: 1px solid #2562b3;
  background-color: #2562b3;
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 1;
  width: 88px;
  height: 38px;
}
.atc-pn a.ret:hover {
  -webkit-box-shadow: 0 0 10px 0 #2562b3;
          box-shadow: 0 0 10px 0 #2562b3;
}
.videowrap {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 45px 0 65px;
}
.video {
  width: 800px;
  max-width: 100%;
  height: 500px;
}
.pagecon {
  margin-top: 36px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.pagecon img {
  max-width: 100%;
}
h2.pagetitle {
  font-size: 24px;
  color: #333;
  line-height: 42px;
  text-align: center;
  margin-top: 36px;
}
.cate5 .cn {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  height: 38px;
}
.cate5 .hx {
  width: 35px;
  height: 2px;
  background-color: #2562b3;
  margin: 16px 0 14px;
}
.cate5 .en {
  font-size: 26px;
  color: #999;
  line-height: 38px;
  height: 38px;
  font-family: 'CenturyGothic';
}
.fuwucon {
  position: relative;
  padding-left: 390px;
  height: 392px;
  overflow: hidden;
  margin-top: 34px;
}
.fuwucon .pic {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 345px;
  height: 100%;
  overflow: hidden;
}
.fuwucon .pic img {
  width: 100%;
  height: 100%;
}
.fuwucon .cn,
.fuwucon .hx {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fuwucon .txt {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin-top: 22px;
  overflow: hidden;
  height: 240px;
}
.fuwucon:hover .cn {
  color: #2562b3;
}
.fuwucon:hover .hx {
  width: 70%;
}
.huolist {
  overflow: hidden;
  margin: 35px -6px 0;
  padding-bottom: 10px;
}
.huolist li {
  float: left;
  width: 230px;
  margin-bottom: 38px;
}
.huolist li .lin {
  padding: 0 6px;
}
.huolist li a {
  display: block;
}
.huolist li .pic {
  overflow: hidden;
  height: 100px;
  background-color: #fff;
  line-height: 100px;
  text-align: center;
  font-size: 0;
  border: 1px solid #ccc;
}
.huolist li img {
  max-width: 100%;
  max-height: 100%;
}
.huolist li h3 {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin-top: 6px;
  text-align: center;
  height: 24px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.huolist li:hover h3 {
  color: #2562b3;
}
.cslist {
  overflow: hidden;
  margin: 34px -10px 0;
  padding-bottom: 20px;
}
.cslist li {
  float: left;
  width: 310px;
  margin-bottom: 20px;
}
.cslist li .lin {
  padding: 0 10px;
}
.cslist li a {
  display: block;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.cslist li .one {
  padding: 14px 14px 26px;
}
.cslist li .pic {
  overflow: hidden;
  height: 195px;
  line-height: 195px;
  text-align: center;
  font-size: 0;
}
.cslist li img {
  width: 100%;
  height: 100%;
}
.cslist li h3 {
  font-size: 16px;
  color: #333;
  line-height: 32px;
  font-weight: bold;
  height: 32px;
  overflow: hidden;
  margin: 20px 0 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cslist li .txt {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}
.cslist li:hover h3 {
  color: #f70;
}
.cslist li .two {
  padding: 0 14px;
}
.cslist li label {
  display: block;
  font-size: 14px;
  color: #9a999a;
  line-height: 42px;
  text-indent: 5px;
  background: url('../images/jtr-fcs2.png') right no-repeat;
  cursor: pointer;
  height: 42px;
  border-top: 1px solid #dfdfdf;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cslist li:hover label {
  color: #f70;
  border-color: #f70;
  background-image: url('../images/jtrh-fcs2.png');
}
.cslist li:hover a {
  border-color: #f70;
}
.rlprowrap {
  width: 100%;
  margin-top: 22px;
}
.rlprowrap .bd {
  width: 100%;
  height: 184px;
  overflow: hidden;
}
.rlprolist {
  font-size: 0;
  white-space: nowrap;
}
.rlprolist li {
  display: inline-block;
  width: 240px;
  margin-right: 20px;
}
.rlprolist li a {
  display: block;
  text-align: center;
}
.rlprolist .pic {
  width: 100%;
  height: 150px;
  font-size: 0;
}
.rlprolist img {
  width: 100%;
  height: 100%;
}
.rlprolist h3 {
  font-size: 16px;
  color: #333;
  height: 34px;
  line-height: 34px;
  background-color: #ddd;
  overflow: hidden;
  padding: 0 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rlprolist li:hover h3 {
  color: #fff;
  background-color: #2562b3;
}
.rlprolist .txt,
.rlprolist .txt2 {
  display: none;
}
.rltitle {
  width: 100%;
  height: 40px;
  margin-top: 40px;
  background-color: #2562b3;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
  text-indent: 16px;
}
.rltitle a {
  color: #fff;
}
@-webkit-keyframes sheng {
  0%,
  100% {
    -webkit-transform: rotateZ(-6deg) rotateY(-60deg);
            transform: rotateZ(-6deg) rotateY(-60deg);
  }
  25%,
  75% {
    -webkit-transform: rotateZ(0deg) rotateY(0deg);
            transform: rotateZ(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateZ(6deg) rotateY(60deg);
            transform: rotateZ(6deg) rotateY(60deg);
  }
}
@keyframes sheng {
  0%,
  100% {
    -webkit-transform: rotateZ(-6deg) rotateY(-60deg);
            transform: rotateZ(-6deg) rotateY(-60deg);
  }
  25%,
  75% {
    -webkit-transform: rotateZ(0deg) rotateY(0deg);
            transform: rotateZ(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateZ(6deg) rotateY(60deg);
            transform: rotateZ(6deg) rotateY(60deg);
  }
}
.abtitle {
  font-size: 24px;
  color: #2562b3;
  line-height: 2em;
  font-weight: bold;
  height: 48px;
  margin-top: 32px;
}
.abcon {
  margin-top: 20px;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
.abcon img {
  max-width: 100%;
}
.guolist {
  overflow: hidden;
  width: 100%;
  margin-top: 58px;
  position: relative;
  z-index: 1;
  font-size: 0;
}
.guolist li {
  display: inline-block;
  width: auto;
  margin-left: 90px;
}
.guolist li:first-child {
  margin-left: 10px;
}
.guolist li a {
  display: block;
  position: relative;
  text-align: left;
}
.guolist h3 {
  height: 52px;
  line-height: 52px;
}
.guolist h3 span {
  font-size: 44px;
  font-family: 'swissbt';
  color: #2562b3;
}
.guolist h3 i {
  font-style: normal;
  font-size: 14px;
  color: #666;
  margin-left: 6px;
}
.guolist li .txt {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 24px;
}
.twlist1 {
  overflow: hidden;
  margin: 60px -10px 0;
  height: 218px;
  font-size: 0;
}
.twlist1 li {
  display: inline-block;
  width: 310px;
  height: 100%;
}
.twlist1 li .lin {
  padding: 0 10px;
}
.twlist1 .pic {
  width: 100%;
  height: 218px;
  overflow: hidden;
}
.twlist1 img {
  width: 100%;
  height: 100%;
}
.proin .slideBox {
  width: 750px;
  padding: 0 150px;
  height: 100%;
  position: relative;
}
.proin .bd {
  width: 100%;
  height: 100%;
}
.proin .bd li {
  width: 750px;
  height: 100%;
}
.proin .bd li .pic {
  width: 100%;
  height: 470px;
  font-size: 0;
  text-align: center;
  line-height: 470px;
  overflow: hidden;
  background-color: #eee;
}
.proin .bd img {
  max-width: 96%;
  max-height: 90%;
}
.proin .bd .wrap {
  background-color: #fff;
  padding: 18px 30px 20px;
}
.proin .bd h3 {
  height: 28px;
  overflow: hidden;
  font-weight: bold;
  line-height: 28px;
  font-size: 18px;
  color: #2562b3;
}
.proin .bd p {
  margin-top: 6px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  max-height: 48px;
  overflow: hidden;
}
.proin .proprev {
  width: 84px;
  height: 34px;
  background: url('../images/lt3.png') left center no-repeat;
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 50%;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  text-align: right;
}
.proin .pronext {
  width: 84px;
  height: 34px;
  background: url('../images/gt3.png') right center no-repeat;
  position: absolute;
  right: 0;
  z-index: 1;
  bottom: 50%;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  text-align: left;
}
.proin .proprev:hover {
  background-image: url('../images/lt3h.png');
  color: #f70;
}
.proin .pronext:hover {
  background-image: url('../images/gt3h.png');
  color: #f70;
}
.pro {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 160;
  left: 0;
  top: 0;
  display: none;
  overflow: hidden;
}
.probg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: url('../images/op0-80.png');
}
.proin {
  width: 1050px;
  height: 590px;
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: 50%;
  margin-left: -525px;
  top: 50%;
  margin-top: -295px;
  overflow: hidden;
  opacity: 0;
}
.pro.on .proin {
  opacity: 1;
}
.proclose {
  width: 43px;
  height: 42px;
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 1;
  cursor: pointer;
  background: url('../images/cha.png') center no-repeat;
  margin-left: 385px;
}