html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100px;
}
body {
  color: #fff;
  line-height: 1.5;
  font-size: 14px;

  font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
  -webkit-font-smoothing: antialiased;
}
p {
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  background: 0;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
textarea {
  resize: none;
}
img {
  border: 0;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  background: none;
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-variant: normal;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
.clear-p-t{
  padding-top: 0 !important;
}
.clear-margin{
  margin: 0 !important;
}
.clear-b-margin{
  margin-bottom: 0 !important;
}
.light{
	color: #0052D9;
}
.p-light{
	padding-left: 5px;
}

@font-face {
  font-family: 'TencentSansw3';
  src: url('../font/TencentSans-W3.eot');
  src:
    url('../font/TencentSans-W3.eot?#font-spider') format('embedded-opentype'),
    url('../font/TencentSans-W3.woff') format('woff'),
    url('../font/TencentSans-W3.ttf') format('truetype'),
    url('../font/TencentSans-W3.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TencentSansw7';
  src: url('../font/TencentSans-W7.eot');
  src:
    url('../font/TencentSans-W7.eot?#font-spider') format('embedded-opentype'),
    url('../font/TencentSans-W7.woff') format('woff'),
    url('../font/TencentSans-W7.ttf') format('truetype'),
    url('../font/TencentSans-W7.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.w3{
  color: #000;
  font-family: 'TencentSansw3';
}
.w7{
  color: #000;
  font-family: 'TencentSansw7';
}
 /* banner */
 .banner_contains{
   width: 100%;
    position: relative;
    left: 0;
    top: 0;
 }
 .banner_contains div{
    color: rgba(255, 255, 255, 1);
    font-size: .45rem;
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
 }
/*容器*/
.wrap{ display: block; width: 100%;height:100%;overflow-x: hidden;}
.wrap_head{ 
  display:block; width:100%;  height: .8rem; 
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #B90F1C;
}
/* 头部 */
.head_con{ width:12rem; height: .8rem;  margin: 0 auto; position: relative; z-index: 2; display: flex;}
.head_con .logo{  height:.66rem; padding: .26rem 0 0 0;box-sizing: border-box; }

/*menu_list*/
.menu_list{flex:1; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);text-align: right;}
.menu_list .menu_item{ display: inline-block; height: .8rem; margin-left:.6rem; position: relative;}

.menu_list .menu_item .txt{ display: block; height:.8rem; line-height: .8rem; font-size: .16rem; color: #fff; font-weight: bold; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
.menu_list .menu_item .txt:hover{  opacity: 1;}
.menu_list .menu_item .txt:after{ display:block; content:""; height: .04rem; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #fff; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}
.menu_list .menu_item .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #fff; opacity: 1;}
.menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
.menu_list .menu_item.menu_item_lan{ display:none;}
.menu_list .menu_item .menu_hook{ display:none; width: 100%; height: 3.5rem; position: absolute; left: -.36rem; top: 0px; z-index: 1;}


.sub_list{display: none; position: absolute; width:1.6rem; left: 50%; margin-left: -.8rem; text-align: center; z-index: 2; }
.sub_list li a{ display: block; font-size: .16rem; color: #2b2e2e; opacity: 0.7; padding: .13rem 0;box-sizing: border-box;}
.sub_list li a:hover{ opacity: 1;}

.submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt{ color: #fff;}

.submenu_show .bg_hover{ display:block !important; width: 100%; height: 2.5rem; background:#fff; z-index: 1; position: absolute; top: .8rem; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
.submenu_show .menu_list .menu_item.sublist_show .sub_list,.head_white .menu_list .menu_item.sublist_show .sub_list{ -webkit-animation:a_menu_item_show 0.2s ease-out both;}
.submenu_show .menu_list .menu_item.sublist_hide .sub_list,.head_white .menu_list .menu_item.sublist_hide .sub_list{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}
.submenu_show .menu_list .menu_item .menu_hook{ display:block;}
.submenu_hide,.sublist_hide{ pointer-events:none;}
.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}



@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
	0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
	100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}

/* 页脚 */
.wrap_footer{
  background-color: #B90F1C; 
  color: rgba(255, 255, 255, .6);
}
.wrap_footer_top{
  max-width: 12rem;
  margin: 0 auto;
  display: flex;
  padding: .3rem 0 .8rem 0;
  box-sizing: border-box;
}
.wrap_footer_top1{
  flex: 1;
  font-size: .16rem;
}
.wrap_footer_top1 img {
  margin-bottom: .1rem;
}
.wrap_footer_top1 ul li:first-child{
  color: rgba(255, 255, 255, 1);
}
.wrap_footer_top1 ul li{
  padding:.05rem 0;
  box-sizing: border-box;
}
.wrap_footer_top2{
  flex: 2;
  padding-top: .6rem;
  box-sizing: border-box;
  padding: .6rem .1rem 0 .1rem;
  box-sizing: border-box;
}
.wrap_footer_top2 ul{
  display: flex;
  padding:.05rem 0;
  box-sizing: border-box;
}
.wrap_footer_top2 ul li a{
  display: inline-block;
  width: 80%;
  text-align: left;
}
.wrap_footer_top2 ul li:first-child{
  color: rgba(255, 255, 255, 1);
}
.wrap_footer_top2 ul li{
  flex: 1;
  text-align: center;
  color: rgba(255, 255, 255, .71);
  font-size: .14rem;
}
@media screen and (min-width: 1500px ) {
	.wrap_footer_top2 ul li{
    max-width: .9rem;
  }
}

.wrap_footer_top2 ul li a{
  color: rgba(255, 255, 255, .71);
}
/* .wrap_footer_top2 ul li b{
  margin: 0 .15rem;
} */

.wrap_footer_top3{
  padding-top: .15rem;
  box-sizing: border-box;
}
.wrap_footer_top3 h3{
  font-size: .2rem;
  color: rgba(255, 255, 255, 1);
}


.wrap_footer_top3 img{
  width: 1.25rem;
  height:  1.25rem;
  display: block;
}
.wrap_footer_btm{
  border-top: .01rem solid rgba(255, 255, 255, 1);
  padding:  .15rem 0;
  box-sizing: border-box;
  text-align: center;
  font-size: .12rem;
}
.wrap_footer_btm a{
  color: rgba(255, 255, 255, .71);
}
.wrap_content .banner{
  width: 100%;
  display: block;
}
.wrap_title{
  max-width: 12rem;
  margin: 0 auto;
}
h1 {
  display: inline-table;
  color: rgba(5, 18, 30, 1);
  font-size: .24rem;
}
h1 b{
  width: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  z-index: 9;
}
h1 i{
  width: 100%;
  display: block;
  position: relative;
  top: -.12rem;
  left: 0;
  border-bottom:.06rem solid darkgoldenrod;
}
.wrap_content{
  width: 100%;
  font-size: .16rem;
  font-family: PingFang-SC-Semibold;
}