body{
font-family: "Microsoft YaHei";
 }
 .header{
   position: relative;
 }
 body{
   background:#e7eef0;
   overflow-x: hidden;
 }
 .nav {
   width: 100%;
   height: 80px;
   background: rgba(0, 0, 0, .3);
   position: absolute;
   top: 0;
   z-index: 1;
 }

 .logo {
   margin-top: 18px;
 }



 .login {
   border: 1px solid;
   padding: 6px 20px;
   border-radius: 24px;
   cursor: pointer;
 }

.fd-jjfa-bg{
  
  position: relative;
  z-index:-1;
}
.fd-jjfa-title {
  font-size:64px;
  color:#fff;
  position: absolute;
  top:150px;
  text-align:center;
  width:100%;
  line-height:normal;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.fd-content-title{
  height:136px;
  text-align:center;
}
.fd-content-title h3{
  font-size:22px;
  padding-top:30px;
  padding-bottom:22px;
  color:#333;
}
.fd-content-title p{
  font-size:16px;
  color:#333;
}
.fd-content-title p span{
  margin:0 12px;
}

.card-tab {
  padding: 20px 0;
  background:#f3f6f7;
}

.card-tab-ul {
  display: flex;
  justify-content: space-between;
  text-align:center;
  align-items: center;
  padding-top: 9px;
  margin:0 -40px;
}

.card-tab-ul li {
  margin: 0 40px;
      line-height: 65px;
  text-align: center;
  cursor: pointer;
  width:140px;
  border-bottom: 5px solid transparent;
}

.card-tab-ul a {
    text-decoration: none;
    color: #000000;
    display:inline-block;
}

.card-tab-ul li:hover {
  font-weight: bold;
  color: #499CFC;
  border-bottom: 5px solid;
  border-image: -webkit-linear-gradient(to right, #19b8d5 0%, #19b8d5 45%, #1975ff 55%, #1975ff 100%) 30 30;
  border-image: -moz-linear-gradient(to right, #19b8d5 0%, #19b8d5 45%, #1975ff 55%, #1975ff 100%) 30 30;
  border-image: linear-gradient(to right, #19b8d5 0%, #19b8d5 45%, #1975ff 55%, #1975ff 100%) 30 30;
}

.active {
  font-weight: bold;
  color: #499CFC;
  border-bottom: 5px solid !important;
  border-image: -webkit-linear-gradient(to right, #19b8d5 0%, #19b8d5 45%, #1975ff 55%, #1975ff 100%) 30 30;
  border-image: -moz-linear-gradient(to right, #19b8d5 0%, #19b8d5 45%, #1975ff 55%, #1975ff 100%) 30 30;
  border-image: linear-gradient(to right, #19b8d5 0%, #19b8d5 45%, #1975ff 55%, #1975ff 100%) 30 30;
}
.fd-content-tab{
  background:#f3f6f7;
}
.fd-content-section{
  background:#fff;
  padding-bottom:68px;
}
.fd-content-section .center-section{
  height:auto;
}
.fd-content-section h1{
  text-align:center;
  font-size:40px;
  color:#333;
  padding:70px 0 40px;
}
.fd-section-desc{
  padding:25px 50px;
  box-shadow: 0 0 8px rgba(17,73,92,.2);
}
.fd-section-desc p{
  font-size:16px;
  line-height:48px;
}
.fd-func-list{
   overflow:hidden;
   display:flex;
   flex-wrap: wrap;
}
.fd-func-list li{
    width: 49%;
    min-height: 102px;
    display: flex;
    margin: 30px 0;
    display:inline-block;
}
.fd-func-desc{
    padding-left: 130px;
    flex: 1;
    padding-right: 40px;
    display: inline-block;
    width: 65%;
    margin-right: 2px;
}
.fd-func-desc h2{
  font-size:24px;
  line-height:48px;
}
.fd-func-desc p{
    line-height: 2;
    text-align: justify;
    text-justify : auto;
}
.fd-func-icon{
  width:102px;
  height:102px;
  display:inline-block;
  position: absolute;

}
.icon1{
  background:url(../image/icon1.png) no-repeat center;
}
.icon2 {
  background: url(../image/icon2.png) no-repeat center;
}
.icon3 {
  background: url(../image/icon3.png) no-repeat center;
}
.icon4 {
  background: url(../image/icon4.png) no-repeat center;
}
.fd-content-hybg{
  height:348px;
  background:#f0f2f5 url(../image/hybg.jpg) no-repeat center bottom;
}
.fd-hybg-list{
  overflow:hidden;
  padding-top:45px;
}
.fd-hybg-list li{
    width: 25%;
    float: left;
    height: 30px;
}
.fd-hybg-list li a{
  color:#666;
  text-decoration: none;
}
.fd-hybg-list li:before{
  content:'';
  display:inline-block;
  width:5px;
  height:5px;
  background:#666666;
  border-radius:5px;
  margin-right:6px;
}
.bg-gray{
  background:#f3f6f7;
}
.bg-gray .fd-section-desc {
  background:#fff;
}
.fd-content-xwxq{
  width:1200px;
  background:#fff;
  margin:auto;
  box-shadow: 0 0 8px rgba(17, 73, 92, .2);
  padding:10px;
  box-sizing: border-box;
}
.fd-content-wrap{
  position: relative;
  background:url(../image/background_3.png) no-repeat center bottom;
  padding:20px 10px;
padding-top:0 !important;
margin-top:50px !important;
}
.fd-xwxq-title{
  background:#f3f6f7;
}
.fd-xwxq-main{
  padding:20px; 
}
.fd-xwxq-main p{
  font-size:16px;
  line-height:28px;
  color:#666;
}
.xwxq-img{
  margin:30px auto;
  max-width: 656px;
  display: block;
}
.icon{
    width: 32px !important;
    height: 32px !important;
    display: inline-block !important;
    margin-right: 12px !important;
    float: none !important;
}
.icon-weixin{
  background: url(../image/weixin.png) no-repeat center !important;
}
.icon-weibo {
  background: url(../image/weibo.png) no-repeat center !important;
}
.icon-toutiao {
  background: url(../image/toutiao.png) no-repeat center !important;
}