@font-face {
  font-family: "iconfont"; /* Project id 2529530 */
  src: url('../font/AlimamaShuHeiTi-Bold.otf') format('otf'),
       url('../font/AlimamaShuHeiTi-Bold.ttf') format('ttf'),
       url('../font/AlimamaShuHeiTi-Bold.woff') format('woff'),
	   url('../font/AlimamaShuHeiTi-Bold.woff2') format('woff2');
}

body{background:#F4F4F5; }
/* header{height:100px; background: linear-gradient(to top, #101522, #202e4f);}
header::after{content: "";display: block;height: 1px;width: 100%;  background: linear-gradient(to right, #161f32, #558ef9, #161f32);opacity: .7;}
header .navbar{height:100px;  }
header .navbar-dark .navbar-brand{padding: 0;margin-right:50px;}
header .navbar-dark .navbar-brand.logo img{width:7rem;}
 
header  .navbar-nav .nav-item{ position: relative; padding-left:40px;}
header  .navbar-nav .nav-item.on{background:url(../img/index-nav-bg.png) no-repeat center left #0A0F24;background-size: contain;}
header  .navbar-nav .nav-item.on .nav-link{background:url(../img/index-nav-bg.png) no-repeat center right;background-size: contain;}
header .navbar-nav .nav-item.on .nav-link b{color: #FFE369;}
header .navbar-nav .nav-item.on .nav-link span{color:#7890E9;}
header  .navbar-nav .nav-item .nav-link{height:100px; padding-right:40px;text-align: center;}
header  .navbar-nav .nav-item .nav-link b{display: block;margin-top: 20px; font-size:20px;color: #A1A4B0;}
header  .navbar-nav .nav-item .nav-link span{display: block;font-size:14px;color: #42518A;}
header  .navbar-nav .nav-item .nav-link.search-box{display: block;}
header  .navbar-nav .nav-item .nav-link.search-box b{display: block;float: right; width:120px; padding:10px;font-size:16px;color: #558ef9;font-weight:normal; background-color:#1D2845;border-radius:40px;}
header  .navbar-nav .nav-item .nav-link.search-box b:hover{color: #fff;}
header  .navbar-nav .nav-item:last-child{width:300px; }
header .search-form{position: absolute;top:25px; display: flex;align-items: center; width:100%;height:50px;line-height:48px; border:1px solid #558ef9;border-radius:40px;overflow: hidden;z-index: 999;background-color:#1D2845;}
header .search-form .iconfont{margin-left:10px; font-size:20px;color:#8a8a8a;}
header .search-form .search-input{padding: 0;margin: 0; width:85%;height:3rem;line-height:3rem; border: none;background:none;}

/*header*/
.header-nav{}
.header-nav .logo-box{}
.header-nav .logo-box .logo-img{display:inline-block;}
.header-nav .logo-box .logo-img img{width:140px;}
.header-nav .logo-box .form-inline{width:100%;padding: 0; height:42px; border:2px solid #FF831C;border-radius:8px;overflow: hidden;}
.header-nav .form-inline .input-group{position: relative;border:none;}
.header-nav .form-inline .input-group span{position: absolute;left:6px;top:8px; color:#FF831C;  }
.header-nav .form-inline .input-group input{ height:40px;line-height: 40px; margin-left:20px; border:none;font-size: 14px;}
.header-nav .form-inline .input-group button{ height:40px;line-height: 40px; padding:0 20px; background-color:#FF831C;color:#fff;border:none;}
.header-nav nav{width:100%;height:50px; line-height:50px; background-color: #2c2c2c;z-index:10000;}
.header-nav .container{		}

.header-nav nav a{display:inline-block; padding:0 30px; margin-right:40px;font-weight:400;color:#fff;}
.header-nav nav a span{margin-right:5px; color:#FF831C;font-size:16px;}
.header-nav nav a:hover{opacity:1;}
.header-nav nav a:last-child{margin-right:0;}
.header-nav nav a.active{opacity:1;font-weight:500;color:#fff;background-color:#FF831C;}
.header-nav nav a.active:hover{color: #fff !important;}
.header-nav nav a.active span{color: #fff;}
.search-info{position:absolute;right:0;}
	 
	


.loading-more{display: inline-block; color:#2c2c2c; font-size:14px;background-color:#fff;border-radius:20px;}
/* pagination */
.pagination{padding:20px; margin:20px auto;justify-content: center; text-align: center;}
.pagination li{background: none;border: 1px solid rgba(128,128,128,.5);color:#8a8a8a;}
.pagination li span{display: inline-block;padding:5px 10px;}
.pagination li a{display: inline-block;padding:5px 10px; color:#8a8a8a;}
.pagination li.active{color: #fff;background-color: #FF831C;}
.pagination li:hover{ color:#FF831C;border: 1px solid #888;}
/* breadcrumb */
.breadcrumb{margin: 0;}
.news-icon{display: inline-block;vertical-align: middle;padding:2px 5px;border-radius:4px;background-color:#f74a5e;color:#fff;font-size:14px;}
 .news-icon.icon2{background-color:#34bef4;}
.news-icon.icon3{background-color:#fa713b;}
.news-icon.icon4{background-color:#85da29;}
/*footer*/
footer {background-color: #0f131f;}
footer p {font-size: 13px;color: #999;}

@media only screen and (min-width:1680px){

	}
@media only screen and (min-width:1440px) and (max-width:1679px){
	 
	}
@media only screen and (max-width:1439px) and (min-width:800px){	}
@media only screen and (min-width:980px){		}
@media (max-width:767px){
	.ggbianxian-box img{width:100%;}
	.banner-box .banner-main{min-height:18rem;margin-top:0;} 
	.phone-none{display: none !important;}
 	.max-content{min-width: auto;}
	/*顶部导航控制*/
	.pc-header{display:none;}
	.phone-header{display:block !important;position: relative;top:0;line-height:40px;}
	/*手机短导航*/
	 .header-nav .phone-nav{width:100%; background-color:#000;}
	.header-nav .phone-nav .nav-item{text-align:center;}
	.header-nav .phone-nav .nav-item.active .nav-link{color: #FF831C !important;}
	.header-nav .phone-nav .nav-link{color:#fff !important;}
	.phone-header .navbar-dark{ }
	.phone-header .navbar-dark .navbar-brand img{width:4rem;}
	.navbar-toggler-icon{width: 1rem;height: 1rem;color: #fff;opacity: 1;}
	.navbar{padding: 0;}
	
	/* 导航下拉 */
	header .navbar-nav .nav-item{padding:0;}
	.navbar-collapse{position: relative;z-index:9999;padding:1rem;background-color:#001525;}
	header .navbar-nav .nav-item .nav-link{height:3rem;line-height: 3rem; padding:0;font-size:1rem;}
	header .navbar-nav .nav-item .nav-link.search-box b{float: none;margin:0 auto;}
	header .navbar-nav .nav-item .nav-link b{margin: 0;font-size:0.8rem;}
	header .navbar-nav .nav-item:last-child{width: auto;}
	/* part1 */
	header .navbar,header{height:3rem;}
	header .navbar-dark .navbar-brand.logo img{width:3rem;}
	.navbar-toggler{line-height: 0.6;}
	.navbar-toggler-icon{width: 1rem;height:1rem;}
}