@font-face { font-family: 'GOTHAM-BLACK'; src: url('../font/Gotham-Black.otf');}

@font-face {

 font-family: 'iconfont';
  src: url('../font/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {

  font-family: 'iconfonts';
   src: url('../fonts/iconfont.ttf') format('truetype');
 }
 .iconfonts {
   font-family: "iconfonts" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }


body{color:#666;}
/*--------------------------------------------*/
a,a:link,a:visited,a:active{ color:#333;text-decoration:none;}
a:hover{ color:#245aab;}

.fc1,.fc1 a:link,.fc1 a:visited,.fc1 a:active{ color:#fff;}
.fc2 a:hover{ color:#00803D;}

.fc2,.fc2 a:link,.fc2 a:visited,.fc2 a:active{ color:#000;}
.fc2 a:hover{ color:#00803D;}

.fc3,.fc3 a:link,.fc3 a:visited,.fc3 a:active{ color:#111;}
.fc3 a:hover{ color:#00803D;}

.fc4,.fc4 a:link,.fc4 a:visited,.fc4 a:active{ color:#222;}
.fc4 a:hover{ color:#666;}

.fc5,.fc5 a:link,.fc5 a:visited,.fc5 a:active{ color:#333;}
.fc5 a:hover{ color:#023263;}

.fc6,.fc6 a:link,.fc6 a:visited,.fc6 a:active{ color:#444;}
.fc6 a:hover{ color:#0273C3;}

.fc7,.fc7 a,.fc7 a:link,.fc7 a:visited,.fc7a:active{ color:#555;}
.fc7 a:hover{ color:#023263;}

.fc8,.fc8 a:link,.fc8 a:visited,.fc8 a:active { color:#666;}
.fc8 a:hover{ color:#015198;}
.fc8s,.fc8s a:link,.fc8s a:visited,.fc8s a:active { color:#777;}
.fc8s a:hover{ color:#015198;}

.fc9,.fc9 a:link,.fc9 a:visited,.fc9 a:active{ color:#888;}
.fc9 a:hover{ color:#666;}

.fc10,.fc10 a,.fc10 a:link,.fc10 a:visited,.fc10 a:active{ color:#999;}
.fc10 a:hover{ color:#fff;}

/*--------------------自定义字体颜色-----------------------*/
.fc11,.fc11 a,.fc11 a:visited,.fc11 a:active{ color:#21488D;}
.fc11 a:hover{ color:#fff;}
.fc12,.fc12 a:link,.fc12 a:visited,.fc12 a:active{ color:#1D1D1D;}
.fc12 a:hover{ color:#fff;}
.fc13{ color:#87B4D3;}
.fc14,.fc14 a:link,.fc14 a:visited,.fc14 a:active{ color:#D6D6D6;}
.fc14 a:hover{ color:#333;}
.fc15,.fc15 a:link,.fc15 a:visited,.fc15 a:active{ color:#BB2820;}
.fc15 a:hover{ color:#666;}
.fc16{ color:#C42623;}
.fc17{ color:#187002;}
.fc18{ color:#aac8e3;}
.fc18 a:link,.fc18 a:visited,.fc18 a:active{ color:#fff;}
.fc18 a:hover{ color:#aac8e3;}
.fc19{ color:#c6c6c6;}

.fx1{
  overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.fx2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fx3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.fx4{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.fx5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.fx7{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #888;

}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #888;

}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #888;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #888;

}

.fs12{ font-size:12px;}
.fs13{ font-size:13px;}

.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}
.fs32{ font-size:32px;}
.fs34{ font-size:34px;}
.fs36{ font-size:36px;}
.fs38{ font-size:38px;}
.fs40{ font-size:40px;}
.fs42{ font-size:42px;}
.fs44{ font-size:44px;}
.fs48{ font-size:48px;}
.fs50{ font-size:50px;}
.fs56{ font-size:56px;}
.fs74{ font-size:74px;}


@media ( max-width : 768px){


.fs18{ font-size:16px;}
.fs20{ font-size:18px;}
.fs24,
.fs26,
.fs28{ font-size:20px;}
.fs30{ font-size:22px;}
.fs32{ font-size:24px;}
.fs36{ font-size:24px;}

.fs40{  font-size:32px;}
.fs44{ font-size:32px;}
.fs48,
.fs50{ font-size:36px;}
}



@media ( max-width : 576px){
	

.fsm16{ font-size:14px;}

.fs24{ font-size:18px;}
.fs32{ font-size:20px;}
}