@charset "utf-8";
/* CSS Document */
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
  /* [disabled]margin:0;
*/
  padding: 0;
  font-family: "microsoft yahei", "simhei", "simsun";
  color: #394351;
  margin: 0;
  font-size: 16px
}
p {
  padding: 0;
  font-family: "microsoft yahei", "simhei", "simsun";
  color: #394351;
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html, body, fieldset, img, iframe, abbr {
  border: 0;
}
i, cite, em, var, address, dfn {
  font-style: normal;
}
[hidefocus], summary {
  outline: 0;
}
li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6, small {
  font-size: 100%;
  font-weight: normal
}
sup, sub {
  font-size: 83%;
}
pre, code, kbd, samp {
  font-family: inherit;
}
q:before, q:after {
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
label, summary {
  cursor: default;
}
a, button {
  cursor: pointer;
}
del, ins, u, s, a, a:hover {
  text-decoration: none;
}
a {
  color: #394351;
  font-family: "microsoft yahei";
}
a:hover {
  color: #1d5fba
}

.fr {
  float: right !important
}
.fl {
  float: left !important
}
.clearfix {
    *+height: 1%;
}
  .clearfix:before{
            content:"";
            display:table;
        }
*,
:before,
:after {
  box-sizing: border-box;
}
body {
  margin: 0px;
  padding: 0px;
}
img {
 
  border: 0;
  display: block
}
/*返回顶部*/
#totop {
  position: fixed;
  bottom: 20px;
  right: 180PX;
  z-index: 9999999999;
  width: 44px;
  cursor: pointer;
  display: none;
}
#totop a {
  display: block;
  outline: none;
  width: 44px;
  height: 44px;
  background: #6e7b9c url(cosmos_back_top@2x.png) center no-repeat;
  background-size: 44px 44px;
  opacity: 0.3;
  border-radius: 3px;
}
#totop a:hover {
  opacity: 1;
  background-color: #bd0101;
}
.topbar {
	width: 100%;
	overflow: hidden;
	
}
.topbar p {
	float: left;
	line-height: 52px; color: #fff
	
}
.topbar li {
	float: right;
	color: #666666;
	margin: 0 4px;
	height: 52px;
	line-height: 52px;
	
}
.topbar li a {
	color: #666666
}
.topbar li a:hover {
	color: #015293
}
.head ul,.topbar_box{ width: 1300px; margin: 0 auto; overflow: hidden}
.topbar_box p { display: flex;align-items: center}
.topbar_box p label{ display: inline-block}
.topbar_box p label img{ width: 25px}
.topbar_box #time{margin-right: 16px}
.weather_icon{ margin-left: 10px}


.head{ width: 100%; height: 60px; line-height: 60px; background: #bd0101}
.head ul li{ display: inline-block; font-size: 20px; font-weight: bold; }
.head ul li a{ color: #fff; display: block; padding: 0 13px}
.head ul li a:hover{ background: #aa0000 url(nav_on.png) no-repeat center bottom;}
.head .active a{background: #aa0000 url(nav_on.png) no-repeat center bottom;}
.logo { width: 939px; margin: 60px auto; overflow: hidden}
.search_box{ margin-top: 35px}
.i_search {
	 width: 280px;
	height: 36px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	background: #fff; margin-top: 13px
}
.search_input {
	height: 34px;
	line-height: 34px;
	border: none;
	font-size: 16px;
	color: #9f9f9f;
	margin-left: 6%;
	outline: none;
}
.search_btn1 {
	width: 54px;
	height: 36px;
	float: right;
	background:url(search.png) no-repeat center;
	border: none
}

.row,.contents{ background: #fff;  width: 1300px; margin: 0 auto; overflow: hidden;}
.contents{min-height: 500px; padding: 0 24px; border: 2px solid #e7ecf2}
.more{ float: right; background: url(more.png) no-repeat right center; padding-right: 20px; height: 50px; line-height: 50px; color: #777; font-size: 14px  }
/*标题*/
.R_tit {
  width: 100%;
  background: #bd0101;
  background-size: 100% 100%
}
.R_tit h2 {
  color: #fff;
 
  background: url("R_titBg_sl_2021518.png") no-repeat left center;
  margin-left: 25px;
  padding: 13px 30px;
}
/*通用ul列表*/
.currency_ul,.New_ul {
	width: 100%;
	overflow: hidden;
	display: block; margin-top: 25px
}

.currency_ul li {
	background:url(liBg1.png) 8px center no-repeat;
	padding-left: 22px;
	clear: both; display:block; margin-bottom: 17px; overflow: hidden
}
.New_ul  li {
	background:url(liBg.png) 8px center no-repeat;
	padding-left: 22px;
	clear: both; display:block; margin-bottom: 28px; overflow: hidden; font-size: 18px
}
.currency_ul li:last-child {
	margin-bottom: 0px;
}
.currency_ul li a {
	color: #394351;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	display: block; -webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.currency_ul li:hover a{ color: #1d5fba; padding-left: 5px}







.tit{ width: 100%; height: 50px; border-bottom: 1px solid #d8d8d8; position: relative}
.tit::after{ content: ""; width:24px; height: 2px; background:#ff8400; position: absolute; left: 0; bottom: -1px}
.tit h2{ height: 50px; line-height:50px;   display: inline-block; color: #c70000; font-size: 20px; font-weight: bold}
.tit1{ border-bottom: 1px solid #eaeaea; padding: 0 0 13px 30px; margin-top: 20px; background: url("titBg-sl-2021518.png") no-repeat 16px 4px; font-size: 18px; font-weight: bold}
.tit1 h2{color: #bd0101; font-size: 18px; font-weight: bold}
.tit1 a{ color: #bd0101}

.R_tit1{ border-bottom: 1px solid #eaeaea; height: 46px; line-height: 46px; background: url("titBg-sl-2021518.png") no-repeat 16px center; padding-left: 30px}
.R_tit1 h2{color: #bd0101; font-size: 18px; font-weight: bold}

.R_line{border-bottom: 1PX dotted #cfcfcf;
padding-bottom: 20PX;
margin-bottom: 20px;}
.R_line:last-child{ border: none}
/*
/*通用TAB*/
.tab-ul {
 width: 100%; height: 50px; border-bottom: 1px solid #d8d8d8; position: relative}

.tab-ul ::after{ content: ""; width:24px; height: 2px; background:#ff8400; position: absolute; left: 0; bottom: -1px}
.tab-ul li {
  float: left;
 
 display: inline-block; height: 50px;
line-height: 50px;font-size: 20px; margin-right: 35px

}


.tab-ul .cur  {
color: #c70000;font-weight: bold;
}
.LinksBox{background: #edf2f5; padding-bottom: 4px; margin-top: 30px}
.Links{ width:1300px; margin: 25px auto 0; padding-top: 25px; border-bottom: 2px solid #c70000; position: relative}

.Links_top{ width: 100%; overflow: hidden; height: 46px; margin-bottom: 20px}
.Links h2{ float: left;
width: 124px;
height: 36px;
text-indent: 15px;
line-height: 36px;
color: #c70000;
font-weight: bold;
border-radius: 4px;
background: #fff url(ico6.png) no-repeat 100px center;
font-size: 18px;}

.Links ul{ float: left; margin-bottom: 0}
.Links ul li{height: 46px; display: inline-block;height: 36px; line-height: 36px; padding: 0 14px;}
.Links ul li a{ color: #394351}
.Links ul .cur {
    background: none;
}
.Links ul .cur a{ color: #333333; font-weight: bold}
.Links .imgList{ width: 100%; margin-top: 20px;overflow: hidden}
.Links .imgList a{ float: left; width: 240px; height: 65px; margin-right: 22px}
.last_r{ margin-right: 0!important}
.Links .link_a{ width: 100%; overflow: hidden; min-height: 65px }
.Links .link_a a{ height: 30px; line-height: 30px; padding: 0 10px; display: inline-block}
.f_box{ width: 1300px; margin: 0 auto}
.dzjg_img{ width: 110px; float: left; margin-top: 35px}

.footer {
	overflow: hidden;
	width: 100%;
	
	font-size: 16px;
	padding: 22px 0; background: #c70000
}
.f_main {
	width:800px; 

	margin: 0 auto;
	overflow: hidden; margin-top: 15px
}
.f_main p {
	font-size: 16px;
	margin-bottom: 8px; color: #fff
}
.f_main p label{ margin-right: 35px}

.f_main p:last-child {
	margin-bottom: 0
}
.f_main p a {
	 color: #fff
}
.f_Text {
	width: 600px;
	float: left
}
.f_links{margin-bottom: 8px;}
.f_links a{color: #fff; margin-right: 18px; padding-right: 18px; position: relative}
.f_links a::after{ content: ""; display: inline-block;width: 1px; height: 13px; background: #fff; position: absolute; right: 0; top: 5px}
.f_links a:last-child::after{ display: none}
.f_links a:hover{ color: #fff!important}
.f_ul li{ width: 115px; float: left; margin-left: 40px; text-align: center }
.f_ul li label{ color: #fff; font-size: 14px}
.f_ul li img{ display:block; margin: 0 auto; border-radius:4px }

.mb_30{ margin-bottom: 35px}
.mb_25{ margin-bottom: 25px}


/* 通用菜单 */

.Hamburg {
  margin: 20px auto; width: 1300px; margin: 25px auto;
  overflow: hidden; height: 48px; line-height: 48px; background:#fff url(ico9.png) no-repeat 20px center; padding-left: 54px
}
.Hamburg span{ background: url(ico10.png) no-repeat center right; width: 10px; height: 12px;margin: 0 10px; display: inline-block}
.Hamburg a:last-child {
  background: none;

}


.tab_more{ position: absolute; top: 0; right: 0}

.link_W_Sub p{ position: relative; color: #394351;cursor:pointer }
.link_W_Sub:after {
  content: "";
  speak: none;
}

.link_W_Sub>p:after {
  position: absolute;
  speak: none;
  content: "";
  display: inline-block;
  width: 8px;
  height: 5px;
  background: url(ico8.png) right center no-repeat;
  right: -16px;
  top: 18px
}

.link_W_Sub.expended>p:after {
  transform: rotate(180deg);
  transition: transform 0.2s linear;
  background: url(ico8.png) right center no-repeat
}

.link_hidden_box {
  position: absolute;
  width: 1300px;
  height: auto;
  left: 50%;
  margin-left: -650px;
  background: #fff;
  border: 1px solid #edf2f5;
  border-radius: 3px 3px 0 0;
  z-index: 9999;
  display: none;
}

.link_hidden_box div {
  padding: 10px;
  text-align: left;
	  background: #f6f9fa;
}

.link_hidden_box div a {
  color: #333;
  line-height: 30px;
  padding: 0 10px;
  display: inline-block;
  white-space: nowrap;
  font-size: 16px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    .font_color{
        background-image: -webkit-linear-gradient(left, #000000, #ff0000 25%, #000000 50%, #ff0000 75%, #000000);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: color-animation 1.5s infinite linear;
    }
}
@-webkit-keyframes color-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}
@-webkit-keyframes Hot-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}