@charset "utf-8";
.fl { float: left;}
.fr { float: right;}
.slow img:hover { transform: scale(1.05);}
.slow img { transition: all 0.2s ease-in-out 0s;}
h5 a, .more a { transition: all 0.36s ease-in-out 0s;}
.slow01 { transition: all 0.6s ease-in-out 0s;}
.slow02 { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow { box-shadow: rgb(153, 153, 153) 1px 1px 10px;}
.radius { border-radius: 3px;}
.opacity { opacity: 1;}
.gray { filter: grayscale(100%); opacity: 0.6;}
.ie_bg { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.9; z-index: 99998;}
.ie9tips { width: 600px; height: 300px; position: fixed; top: 50%; left: 50%; margin: -150px 0px 0px -300px; line-height: 1.8; color: rgb(255, 255, 255); z-index: 99999; text-align: center;}
.ie9tips a { color: red;}
.ie9tips img { display: block; margin: 0px auto; max-width: 100%;}
.ie9tips p { padding-top: 10px; color: rgb(255, 255, 255); width: 420px; margin: 10px auto; line-height: 1.8;}
input::-webkit-input-placeholder { color: rgb(153, 153, 153);}
textarea::-webkit-input-placeholder { color: rgb(153, 153, 153);}
.w100 { width: 100%;}
.w156 { max-width: 15.6rem; margin: 0px auto;}
.w172 { max-width: 17.2rem; margin: 0px auto;}
@media (max-width: 1720px) {
  .w172 {width: 95%;}
}
@media (max-width: 1560px) {
  .w156 {width: 95%;}
}
@media (max-width: 1400px) {
  .w14 { width: 95%;}
}

img {vertical-align: middle;}
.flex { display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-center { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.flex-start { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex-end { display: flex; justify-content: flex-end; flex-wrap: wrap;}
#gotop {position: fixed;display: block; z-index: 90;height: 0px; opacity: 0; /* visibility: hidden; */ bottom: 80px; right: 30px; box-sizing: border-box; text-align: center; cursor: pointer; transition: all 0.5s ease 0s;}
#gotop.hide {width: 50px; height: 50px;opacity: 1;}
#gotop img{display: block;width: 50px;}
#gotop { cursor: pointer;}
#gotop svg { width: 100%; height: 100%; fill: rgb(13, 113, 230);}

@media (max-width: 1920px) {
  html { font-size: 16px;}
  table { width: 100% !important;}
}
@media (min-width: 1400px) and (max-width: 1600px) {
  html { font-size: 15px;}
  table { width: 100% !important;}
}
@media (min-width: 640px) and (max-width: 1399px) {
  html { font-size: 14px;}
  table { width: 100% !important;}
}
@media (min-width: 471px) and (max-width: 639px) {
  html { font-size: 13px;}
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important;}
}
@media (min-width: 329px) and (max-width: 470px) {
  html { font-size: 12px;}
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important;}
}
@media (max-width: 328px) {
  html { font-size: 12px;}
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important;}
}
.header_box { z-index: 100; left: 0px; right: 0px; top: 0px; position: fixed;}
#header {z-index: 999; width: 100%; transition: all 0.6s ease 0s;position: relative;}
.header_top{height: 0.5rem;background: #9d080c;display: none;}
.header_top p a{line-height: 0.5rem;font-size: 0.14rem;color: #fff;margin-right: 0.3rem;transition: 0.6s all;}
.header_top p a:hover{opacity: 0.6;transition: 0.6s all;}
.header_top li{position: relative;line-height: 0.5rem;}
.header_top li a{font-size: 0.14rem;color: #fff;margin-right: 0.16rem;padding-right: 0.16rem;position: relative;transition: 0.6s all;}
.header_top li a::after{content: "";width: 0.01rem;height: 0.12rem;background: #b95254;position: absolute;right: 0;top: 50%;margin-top: -0.06rem;}
.header_top li a:hover{opacity: 0.6;transition: 0.6s all;}
.header_top h5{font-size: 0.14rem;color: #fff;cursor: pointer;padding-right: 0.18rem;background: url(../images/top01.jpg) no-repeat right center;transition: 0.6s all;}
.header_top .language div{position: absolute;display: none; z-index: 99999; width: 7.8rem;padding: 0.3rem; right: 0;top: 100%;border-top: 0.03rem solid #fbee0b;background: #fff url(../images/top03.jpg) no-repeat right bottom;}
.header_top .language h3{font-size: 0.16rem;line-height: 0.22rem; color: #323232;text-align: center;margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 0.01rem solid #eeeeee;}
.header_top .language dl{margin-bottom: -0.12rem;justify-content: flex-start;}
.header_top .language dd{width: 20%;padding-left: 0.12rem;line-height: 0.2rem;margin-bottom: 0.12rem;background: url(../images/top02.jpg) no-repeat left 0.06rem;}
.header_top .language dd a{line-height: 0.2rem;font-size: 0.12rem;color: #666666;margin-right: 0;padding-right: 0;transition: 0.6s all;}
.header_top .language dd a::after{display: none;}
.header_top .language dd a:hover{color: #9c080c;transition: 0.6s all;opacity: 1;}
.header_top .language .content{display: none;}
.header_top h5:hover{opacity: 0.6;transition: 0.6s all;}

.headerNav {position: relative;z-index: 99;justify-content: flex-end;align-items: center;}
#header{padding-top: 0.3rem;}
.header{width: 72.67%;}
.header .search_btn{ cursor: pointer; text-align: center; transition: all 0.6s ease 0s;display: block;position: relative;}

#logo { width: 25.11%;height: 1rem;position: relative;z-index: 99;}
#logo::after{content: "";width: 100%;max-width: 4rem;height: 100%;max-height: 1rem;
	background: url(../images/logo_white.png) no-repeat left center;background-size: contain; position: 
	absolute;left: 0;top: -20px;
}
#logo a { display: block;width: 100%;height: 1rem;position: relative;z-index: 9;}
#header.show #nav{display: none;}
#header.show .menu-pc{background: url(../images/top05.png) no-repeat center;background-size: cover;}
@media (max-width: 1500px) {
  #m_header #logo { width: 50%;}
  #logo img { width: 100%;}
}
@media (max-width: 850px) {
  .header_box { height: 0.5rem;}
  #m_header #logo{width: 85%;}
}
@media (max-width: 414px) {
  .header_box { height: 0.5rem;}
}
@media (max-width: 340px) {
}

#nav { width: calc(100% - 1.5rem); position: relative;}
#nav ul { position: relative;}
#nav ul li { position: relative; z-index: 9;}
#nav ul li a { display: block; padding: 0px;}
#nav ul li h3 { font-size: 0.2rem;color: rgb(255, 255, 255);font-weight: 600; line-height: 0.5rem; position: relative; transition: all 0.6s ease 0s;}
#nav ul li:hover a h3 {}
#nav ul li:hover a { color: rgb(255, 255, 255);}
#nav ul li.on h3 { font-weight: bold;}
#nav ul li:hover a h3 span, #nav ul li.on h3 span { background: url("") left center no-repeat;}
#nav ul li a i { display: inline-block; background: url("") center center / contain no-repeat; width: 9px; height: 6px; vertical-align: middle; margin-left: 8px;}
#nav ul li .sub { position: absolute; top: 100%; background: rgba(255, 255, 255, 0.95); width: 2rem; left: 50%; margin-left: -1rem; z-index: 10000; visibility: hidden; opacity: 0;border-radius: 0.05rem;    transform: scaleY(0);
    transform-origin: top center;
    transition: .3s;}
#nav ul li:last-child .sub { margin-left: 0px; left: auto; right: 0px;}
#nav ul li .sub .box { padding: 10px 0px; text-align: center;}
#nav ul li .sub a { padding: 0px; line-height: 2.5; transition: all 0.3s ease 0s; font-size: 16px; color: rgb(102, 102, 102);}
#nav ul li .sub a:hover { color: #9d080c;font-weight: 600; background: rgb(229, 229, 229);}
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: scaleY(1);
    transform-origin: top center;
    transition: .3s;}
#nav ul > li.on h3, #nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3 { color: #fff;border-bottom: 1px solid #fff;}
#nav .navBox > ul > li h3::after { content: ""; display: block; width: 2rem; height: 3px; position: absolute; left: 50%; margin-left: -100px; background: #9d080c; bottom: -1px; transition: all 0.3s ease 0s; transform: scale(0); border-radius: 0px;}
#nav .navBox > ul > li:last-child h3::after { left: auto; margin-left: 0px; right: 0px;}
#nav .navBox > ul > li h3::before { content: ""; display: block; position: absolute; left: 50%; margin-left: -3px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 4px solid #970fbe; bottom: 2px; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden;}
#nav .navBox > ul > li:hover h3.ej::after, #nav ul li.on h3.ej::after { transform: scale(1);}
#nav .navBox > ul > li:hover h3.er::before, #nav > ul > li.on h3.ej::before { opacity: 1; visibility: visible;}
.header_box.xg {height: auto; transition: all 0.4s ease 0s; margin-top: 0px;border-top: none;background: #fff;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);}
.header_box.xg #header{padding: 0.1rem 0;transition: 0.6s all;}
.header_box.xg #header #logo::after{top:0;background: url(../images/logo.png) no-repeat left center;background-size: contain;}
.header_box.xg #header #logo,.header_box.xg #header #logo a{height: 0.6rem;}
.header_box.xg #header #logo::after{max-height: 0.6rem;}
.header_box.xg #nav ul li h3{color: #323232;line-height: 0.6rem;}
.header_box.xg .search_btn img{display: none;}
.header_box.xg .search_btn{background: url(../images/search_hui.png) no-repeat center;background-size: cover;}
.header_box.xg .menu-pc{background: url(../images/top04_hui.png) no-repeat center;background-size: cover;}
.header_box.xg #header.show .search_btn img{display: block;}
.header_box.xg #header.show .search_btn{background: none;}
.header_box.xg #header.show #logo,.header_box.xg #header.show #logo a{height: 0.8rem;}
.header_box.xg #header.show #logo::after{max-height: 0.8rem;}
.header_box.xg #header.show #logo::after{background: url(../images/logo_white.png) no-repeat left center;background-size: contain;}
#logo .logo_black { display: none;}
.top_search_black { display: none;}

@media (max-width: 1200px) {
  .header_box { display: none;}
}
@media (max-width: 850px) {
  
  #header { display: none;}
  #gotop{right: 0.15rem;bottom: 0.3rem;}
  #gotop img,#gotop.hide{width: 0.3rem;}
  #gotop.hide{height: 0.3rem;}
}
.tc2 .tc-box form { border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255); height: 60px; width: 100%;}
.tc2 .tc-box input[type="text"] { border: none; width: 94%; display: block; height: 60px; text-align: left; color: rgb(67, 67, 67); font-size: 14px; background: none; line-height: 60px; padding: 0px 20px;}
.tc2 .tc-box input[type="text"]:focus { text-align: left;}
.tc2 .tc-box input[type="submit"] { position: absolute; right: 0px; top: 50%; padding: 0px; z-index: 2;height: 60px; width: 70px; cursor: pointer; border: none; margin-top: -30px;}
.tc2 .tc { transition: all 300ms ease 0s; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9999;}
.tc2 .tc { pointer-events: none; opacity: 0; transform: scale(1.1); visibility: hidden;}
.tc2 .tc.act { opacity: 1; pointer-events: auto; transform: scale(1); visibility: visible;}
.tc2 .close:hover { transform: rotate(180deg);}
.tc2 .close, .tc { transition: all 400ms ease 0s;}
.tc2 .tc-box { position: absolute; border-radius: 4px; overflow: hidden; top: 50%; z-index: 9999; background: rgb(255, 255, 255); height: 60px; width: 50%; left: 50%; margin-left: -25%; margin-top: -40px;}
.tc2 .tc.act { display: block;}
.tc2 .close { position: absolute; cursor: pointer; font-size: 20px; right: 30px; top: 30px;}
.tc2 .tc-bg { height: 100%; background: rgba(206, 180, 114, 0.9); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; opacity: 0.8;}
.search_btn { cursor: pointer; width: 0.5rem;height: 0.5rem;margin-left: 0.3rem;}
.search_btn img{display: block;width: 100%;}
.search_btn svg { display: inline-block; fill: rgb(255, 255, 255); width: 16px; height: 16px; vertical-align: middle;}
.menu-pc{cursor: pointer;margin-left: 0.2rem; width: 0.5rem;height: 0.5rem;background: url(../images/top04.png) no-repeat center;background-size: cover;}
.nav-pc{position: absolute;top: 0;left: 0;right: 0;height: 100vh;z-index: -1;background-repeat: no-repeat;background-position: center;-o-background-size: cover;background-size: cover;display: none;}
.nav-pc .navBox{position: absolute;top: 162px;left: 5%;bottom: 0;overflow-y: auto;width: 90%;}
.nav-pc .navBox dt{font-size: 0.22rem;font-weight: bold;margin-bottom: 0.3rem;}
.nav-pc .navBox dt a{color: #fff;transition: 0.6s all;}
.nav-pc .navBox dt a:hover{opacity: 0.6;transition: 0.6s all;}
.nav-pc .navBox dd{margin-bottom: 0.34rem;}
.nav-pc .navBox dd a{color: #fff;font-size: 0.18rem;transition: 0.6s all;opacity: 0.8;}
.nav-pc .navBox dd a:hover{opacity: 1;transition: 0.6s all;}


.search-dialog-box { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ease 0s;}
.search-dialog-box::before { content: ""; position: absolute; top: 0px; height: 0px; background: none; transition: all 0.6s ease 0s; left: 0px; right: 0px; z-index: 1;}
.search-dialog-box.on::before { height: 100%;}
.search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none;}
.search-dialog-box .search-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; margin: 0px; background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7); transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;}
.search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s;}
.header-right .bubbles-bg { opacity: 0; visibility: hidden; transition: all 0.5s ease 0.8s;}
.search-dialog-box .bubbles-bg .bubble { position: absolute;}
.search-dialog-box .bubbles-bg .bubble .circle { border-radius: 100%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.search-dialog-box .bubbles-bg .bubble1 { width: 6%; padding-top: 6%; left: 26.875%; top: -6.67%;}
.search-dialog-box .bubbles-bg .bubble1 .circle { border: 1px solid rgb(255, 255, 255);}
.search-dialog-box .bubbles-bg .bubble2 { width: 12px; padding-top: 12px; left: 13.54%; top: 18%;}
.search-dialog-box .bubbles-bg .bubble2 .circle { background-color: rgb(41, 167, 65);}
.search-dialog-box .bubbles-bg .bubble3 { width: 36px; padding-top: 36px; left: 8.854%; top: 30.55%;}
.search-dialog-box .bubbles-bg .bubble3 .circle { background-color: rgb(255, 255, 255);}
.search-dialog-box .bubbles-bg .bubble4 { width: 56.875%; padding-top: 56.875%; left: -28.6458%; top: 51.85%;}
.search-dialog-box .bubbles-bg .bubble4 .circle { background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05) 100%);}
.search-dialog-box .bubbles-bg .bubble5 { width: 54px; padding-top: 54px; left: 26.3%; top: 70.83%;}
.search-dialog-box .bubbles-bg .bubble5 .circle { background-color: rgb(255, 255, 255); opacity: 0.1;}
.search-dialog-box .bubbles-bg .bubble6 { width: 56.875%; padding-top: 56.875%; left: 73.4375%; top: -52.77%;}
.search-dialog-box .bubbles-bg .bubble6 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 100%);}
.search-dialog-box .bubbles-bg .bubble7 { width: 2rem; padding-top: 2rem; left: 60.9375%; top: 18.5%;}
.search-dialog-box .bubbles-bg .bubble7 .circle { background-color: rgb(41, 167, 65);}
.search-dialog-box .bubbles-bg .bubble8 { width: 1.35rem; padding-top: 1.35rem; left: 95.83%; top: 70.83%;}
.search-dialog-box .bubbles-bg .bubble8 .circle { border: 1px solid rgb(255, 255, 255);}
.search-dialog-box .bubbles-bg .bubble9 { width: 16px; padding-top: 16px; left: 76.5625%; top: 96.296%;}
.search-dialog-box .bubbles-bg .bubble9 .circle { background-color: rgb(255, 255, 255);}
.search-dialog-box .bubbles-bg .bubble10 { width: 56.875%; padding-top: 56.875%; left: 71.354%; top: 87%;}
.search-dialog-box .bubbles-bg .bubble10 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.3) 100%);}
.search-dialog-box .bubbles-bg .bubble { animation: 8s linear 0s infinite normal none running spin; transform-origin: 50% 45%;}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) { animation: 8s linear 0s infinite normal none running spin2;}
.search-dialog-box .bubbles-bg .bubble .circle { animation: 8s linear 0s infinite normal none running spin-reverse;}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle { animation: 8s linear 0s infinite normal none running spin-reverse2;}
.search-dialog-box .bubbles-bg .sm-bubble { transform-origin: 30% 30px;}
.search-dialog { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2;}
.search-dialog .search-tit { font-size: 2.75rem; line-height: 3.5rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none;}
.search-dialog .search-inner { overflow: hidden; margin-top: 0px;}
.search-dialog .search-input { width: 50%; margin: 0px auto; padding: 0px 0rem 0px 1.5rem; box-sizing: border-box; transition: all 0.3s ease 0s; max-width: 94%;}
.search-dialog .search-input input[type="text"] { float: left; height: 1rem; width: calc(100% - 1rem); background-color: transparent; font-size: 0.18rem; line-height: 1rem; color: rgb(145, 145, 145); transition: all 0.3s ease 0s; outline: none; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.6);}
.search-dialog .search-input input[type="text"]::-webkit-input-placeholder { color: rgb(145, 145, 145);}
.search-dialog .search-input input[type="image"], .search-dialog .search-input .clear-btn { float: right; height: 0.8rem; width: 0.8rem;}
.search-dialog .search-input input[type="image"] { background: url(../images/search02.png) center center no-repeat #9d080c; height: 0.8rem; width: 0.8rem; border-radius: 100px;}
.search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center; background-image: url(); background-size: 3.5rem; border-radius: 100%; margin-right: 1rem; display: none;}
.search-dialog .search-input.on { background-color: rgb(255, 255, 255);}
.search-dialog .search-input.on input[type="image"] { background-image: url("");}
.search-dialog .hot-search { font-size: 0px; width: 19.5rem; margin: 0.6rem auto 0px; box-sizing: border-box; padding: 0px 0.6rem; overflow: hidden;}
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; zoom: 1; vertical-align: top;}
.search-dialog .hot-search .hot-tit { font-size: 0.375rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.6rem; background-repeat: no-repeat; background-position: left center; background-size: 0.5rem; background-image: url("");}
.search-dialog .hot-link { margin-left: 1rem;}
.search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.375rem; line-height: 0.5rem; margin-right: 0.75rem; color: rgb(255, 255, 255); padding-bottom: 5px; position: relative;}
.search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease 0s;}
.search-dialog-box .bottom-box { position: absolute; left: 0px; bottom: 5.1%; width: 100%;}
.search-dialog-box .bottom-box .share-box { overflow: hidden;}
.search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden;}
.header-right.is-open .bubbles-bg { visibility: visible; opacity: 1;}
.header-right.is-open .search-btn .con-box { display: none;}
.header-right.is-open .close-btn { display: block;}
.header-right.is-open .item .search-bg { transform: scale(1);}
.search-dialog-box.on { opacity: 1; visibility: visible;}
.search-dialog-box.on .search-bg { height: 100vh;}
.search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible;}
.search-dialog-box.on .wrap-inner { transform: translateY(0px);}
.pub-close { position: absolute; width: 51px; height: 52px; z-index: 10; right: 0.8rem; top: 0.8rem; border-radius: 100%;}
.pub-close .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(28, 90, 183); transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s;}
.pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url(../images/search_close.png); transition: all 0.6s ease 0s;}
.pub-close i:hover { transform: rotate(180deg);}
@keyframes spin { 
  100% { transform: rotate(1turn);}
}
@keyframes spin2 { 
  100% { transform: rotate(-1turn);}
}
@keyframes spin-reverse { 
  0% { transform: rotate(1turn);}
}
@keyframes spin-reverse2 { 
  0% { transform: rotate(-1turn);}
}
.tc_search { margin: 0.3rem 0.2rem 0px; width: calc(100% - 0.4rem); position: relative;}
.tc_search form { height: 40px; border-radius: 0px;position: relative; width: 100%; margin-bottom: 1rem;}
.tc_search .keyword {box-sizing: border-box; font-size: 0.18rem; color: rgb(255, 255, 255); height: 40px; line-height: 40px; box-shadow: none; appearance: none; background: none; width: 100%; outline: none; border: 1px solid rgba(255, 255, 255, 0.5); padding: 0px 51px 0 16px;}
.tc_search .btn_blue { position: absolute; right: 0px; width: 40px; height: 40px; line-height: 38px; border: 0px; background: url(../images/search_white.png) center center / 0.2rem no-repeat;}
.tc_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83);}
.tc_search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7);}
.tc_search input:focus::-webkit-input-placeholder { color: transparent;}
#nav_btn_box { height: 100%; z-index: 999999999; float: right;}
#nav_btn_box.on { background: none;}
#nav_btn {}
.m_headerB{align-items: center;padding: 0.1rem 0;}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: rgb(255, 255, 255);}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none;}
#nav_btn .point { display: inline-block; width: 24px; height: 22px; position: relative; outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.3rem;}
#nav_btn .navbtn { position: absolute; top: 12px; left: 0px; display: inline-block; width: 24px; height: 1px; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255);}
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0px; display: inline-block; width: 0.2rem; height: 1px; content: ""; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255);}
#nav_btn .navbtn::after { top: -8px;}
#nav_btn .navbtn::before { top: 8px;}
#nav_btn .point.on .navbtn { background: transparent;}
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px;}
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px;}
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; margin: 0.3rem 0px 0px;}
.m_nav_list::-webkit-scrollbar { display: none;}
#m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105%; top: 0px; padding: 0.3rem 0px 0.2rem; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out 0s; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
 background: #9d080d  no-repeat right bottom;}
#m_nav .close { position: absolute; top: 6px; right: 15px; font-size: 28px; color: rgb(255, 255, 255); z-index: 10000;}
#m_nav.act { pointer-events: auto; right: 0px; overflow: auto;}
#m_nav > ul > li { width: 100%; overflow: hidden; padding: 0px 0px 0px 0.3rem; position: relative;}
#m_nav > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a { display: inline-block; width: calc(100% - 30px);}
#m_nav li .a { line-height: 0.6rem; height: 0.6rem; color: rgb(255, 255, 255); padding: 0px; font-size: 14px; float: left;}
#m_nav li .a span { display: block; position: absolute; top: 0px; right: 10px; width: 20px; height: 50px; text-align: center;}
#m_nav li .a span i { font-size: 0px;}
#m_nav li i { opacity: 1; width: 0.6rem; height: 0.6rem; background-image: url(../images/arrow_down.png); background-position: calc(100% - 30px) center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; background-size: 13px 13px !important;}
#m_nav li.on i { background: url(../images/arrow_down_on.png) calc(100% - 30px) center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg);}
#m_nav li { display: block; width: 100%;}
.slide_nav { position: absolute; left: 0px; height: 70px; z-index: 998; padding: 15px; top: 0px; width: 100%;}
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0px; margin-left: 0px; background: none; border: 0px; clear: both; padding-bottom: 10px;}
#m_nav .title .list span { background: none;}
#m_nav .title .list span a:hover { color: #0a5aa8;}
#m_nav .title .list a { display: block; font-size: 0.16rem; color: rgba(255, 255, 255, 0.6); text-align: left; line-height: 40px; height: 40px; border: 0px; font-weight: 300;}
#m_nav .title .list .void > a { background-size: 10px; position: relative;}
#m_nav .title .list .void > a::before { content: ""; position: absolute; left: -1em; font-size: 12px; font-weight: bold;}
#m_nav .title .list span { position: relative; display: block;}
#m_nav .title .list span .sub { position: static; width: 100%; overflow: hidden; display: block !important;}
#m_nav .title .sub a { background: none; font-size: 0.875rem; opacity: 0.8; min-width: 50%; float: left; display: inline-block; color: rgb(153, 153, 153);}
#m_nav p{text-align: center;width: 100%;}
#m_nav>p{margin-bottom: 15px;}
#m_nav p a{color: #fff;padding: 0 10px;font-size: 14px;}
.m_links{display: none; width: 100%;padding: 0 0.3rem;padding: 0.15rem 0;border-bottom: 0.01rem solid rgba(255,255,255,0.2);}
.m_links dl{justify-content: flex-start;width: calc(100% - 1rem);}
.m_linksT dd{/* width: 24%; */margin-bottom: 0.1rem;/* border: 0.01rem solid #bb5355;border-radius: 0.05rem; */transition: 0.6s all;margin-right: 0.1rem;}
.m_linksT dd a{display: block;/* padding: 0.15rem 0.1rem; */font-size: 0.16rem;color: #fff;/* text-align: center; */line-height: 0.28rem;}
.m_linksT dd:hover{border: 0.01rem solid #fff;transition: 0.6s all;}
.m_links .language{/* position: relative; */width: 0.9rem;}
.m_links h5{border: 0.01rem solid #bb5355;border-radius: 0.05rem;padding: 0.1rem 0.1rem;font-size: 0.16rem;color: #fff;text-align: center;}
.m_links .content{position: absolute;top: 100%;left: 0;}
.m_links .language div{position: absolute;display: none; z-index: 99999; width: 100vw;padding: 0.3rem; right: 0;top: 100%;border-top: 0.03rem solid #fbee0b;background: #fff url(../images/top03.jpg) no-repeat right bottom;}
.m_links .language h3{font-size: 0.16rem;line-height: 0.22rem; color: #323232;text-align: center;margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 0.01rem solid #eeeeee;}
.m_links .language dl{margin-bottom: -0.12rem;justify-content: flex-start;}
.m_links .language dd{width: 20%;padding-left: 0.12rem;line-height: 0.2rem;margin-bottom: 0.12rem;background: url(../images/top02.jpg) no-repeat left 0.06rem;}
.m_links .language dd a{line-height: 0.2rem;font-size: 0.12rem;color: #666666;margin-right: 0;padding-right: 0;transition: 0.6s all;}
.m_links .language dd a::after{display: none;}
.m_links .language dd a:hover{color: #9c080c;transition: 0.6s all;opacity: 1;}
.m_links .language .content{display: none;}


.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none;}
.m_header_box { transition: all 0.6s ease 0s; display: none;}
#m_header #logo .box_table { width: auto; float: left; display: table; height: 100%;}
#nav_btn_box .box_table { width: auto; float: left; display: table; height: 100%;}
#nav_btn_box .box_table .box_table_cell { vertical-align: middle; display: table-cell;}
#m_header #logo .box_table .box_table_cell { vertical-align: middle; display: table-cell; margin: 0px auto;}
#m_header #logo .box_table .box_table_cell a { display: block;}
.m_header_box header { padding: 0px 5%; /*height: 120px;*/position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100;background: #9d080c;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);}
#m_header #logo { float: left; height: 50px;}
#m_header #logo::after{display: none;}
#m_header #logo img { max-height: 50px; width: auto;}
#m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem;}
#m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: rgb(255, 255, 255); font-size: 0.9rem; text-align: center; margin-left: 17px; background: rgba(255, 255, 255, 0.3);}
.ej .toubu_div { position: initial;}
.ej #nav ul li h3 { color: rgb(51, 51, 51); font-family: "microsoft yahei";}
.ej #nav ul li.on h3, .ej #nav ul li:hover h3 { color: rgb(255, 255, 255);}
.ej .list_box0 .li { line-height: 3rem;}
.ej .list_box0 .li > a { color: rgb(102, 102, 102);}
.ej .list_box0 .li input.txt { border-bottom: 1px solid rgb(102, 102, 102);}
.ej #header #logo .box_table { height: 132px;}
.ej #header { height: 8.18rem;}
.ej .header_box_li { height: 8.18rem;}
#fp-nav.fp-right { display: none;}
#m_nav .phone{padding: 0 0.3rem;}
#m_nav .phone p{font-size: 0.14rem;color: #fff;line-height: 0.24rem;text-align: left;margin-bottom: 0.05rem;}
@media (max-width: 1820px) {
  #header .w163{margin: 0 100px;width: calc(100% - 200px);}
}
@media (max-width: 1200px) {
  .m_header_box { display: block;}
  .header_box { display: none;}
}
@media (max-width: 768px) {
 .m_links .language h3{font-size: 0.2rem;}
 .m_links .language dd{width: 25%;}
 .m_links .language dd a{font-size: 0.16rem;}
}
@media (max-width: 540px) {
 .m_links .language dd{width: 33.3%;}
}
/* banner */
.bannerBox{position: relative;/*height: calc(100vh - 5rem);*/height:7.5rem;}
.bannerBox .swiper-container{max-width: 100%;}
.bannerBox{width:100%;position: relative;z-index: 1;}
.bannerBox .swiper-slide a{display: block;position: relative;}
.bannerBox .swiper-slide a::after{content: "";width: 100%;height: 100%;background: url(../images/topBG.png) repeat-x top;position: absolute;left: 0;top: 0;}
.bannerBox img{display: block;width: 100vw;height:7.5rem; position: relative;object-fit: cover;}
.bannerBox .swiper-pagination{bottom: 0.3rem !important;width: 17.2rem !important;margin-left: -8.6rem;left: 50% !important;text-align: right;}
.bannerBox .swiper-pagination-bullet{ margin: 0 8px !important;position: relative;font-size: 0.14rem;color: #fff;width: 0.35rem;height: 0.43rem;line-height: 0.43rem;text-align: center;opacity: 1;background: transparent;padding-left: 0.08rem;border-radius: 0;}
.bannerBox .swiper-pagination-bullet::after{content: "0";position: absolute;left: 0.08rem;top: 0;}
.bannerBox .swiper-pagination-bullet-active{font-size: 0.18rem;background: url(../images/bannerD.png) no-repeat center;background-size: cover;}
.bannerBox .swiper-button-prev,.bannerBox .swiper-button-next{display: none; width: 0.82rem;height: 0.82rem;border: none;border-radius: 50%;margin-top: -0.41rem;margin-left: 0;opacity: 1;}
.bannerSvg{position: absolute;bottom: 0;width: 3.5rem;height: 2rem;left: 50%;margin-left: -1.75rem;z-index: 99999999;}
@media(max-width: 1720px){
	.bannerBox .swiper-pagination{width: 100% !important;left: 0 !important;margin-left: 0;padding-right: 2.5%;}
}
@media(max-width: 1400px){
	.bannerBox .text{width: 100%;left: 0;margin-left: 0;}
	.bannerBox .text p{width: 95%;margin: 0 auto;}
}
@media(max-width: 1200px){
	.bannerBox .swiper-slide a::after{display: none;}
	.bannerBox img{height: 40vw;}
	.bannerBox .swiper-pagination-bullet{margin: 0 0.1rem !important;}
	.bannerBox{height: auto;margin-top: 66;}
}
@media(max-width: 850px){
	.banner a{height: 100%;width: 100%;}
	.bannerBox .swiper-button-prev, .bannerBox .swiper-button-next{display: none;}
	.bannerSvg{width: 2rem;height: 1rem;margin-left: -1rem;}
}	
@media(max-width: 640px){
	.bannerSvg{display: none;}
}
@media(max-width: 540px){
	.bannerBox .swiper-pagination{bottom: 0.15rem !important;}
}
@media(max-width: 480px){
	.m_header_box header{/*height: 144px;*/}
	.bannerBox{margin-top: 66px;}
}

/* banner end */


/* footer */
.footer{background: #9d080c;}
.footerT{padding: 0.8rem 0;background: url(../images/footerbg.jpg) no-repeat bottom center;background-size: contain; align-items: center;}
.footerL{width: 22.43%;}
.footerL .pic{overflow: hidden;margin-bottom: 0.24rem;}
.footerL .pic a{display: flex;justify-content: flex-end;}
.footerL .pic img{display: block;max-width: 100%;max-height: 0.8rem;}
.footerL .text{text-align: right;display: none;}
.footerL .text p{display: inline-block;width: 1.5rem;height: 0.45rem;line-height: 0.45rem;border: 0.01rem solid #ce8486;border-radius: 0.05rem;transition: 0.6s all;}
.footerL .text a{display: table;margin: 0 auto; text-align: center;padding-left: 0.32rem;font-size: 0.18rem;color: #fff;background: url(../images/footer01.jpg) no-repeat left center;}
.footerL .text p:hover{border: 0.01rem solid #fff;transition: 0.6s all;}
.footerC{width: 28.84%;margin-bottom: -0.15rem;}
.footerC li{font-size: 0.18rem;margin-bottom: 0.15rem;line-height: 0.26rem;padding-left: 0.34rem;background: url(../images/footer02.jpg) no-repeat left 0;background-size: 0.21rem 0.25rem;color: #fff;}
.footerC li+li{background: url(../images/footer03.jpg) no-repeat left 0.04rem;background-size: 0.21rem 0.16rem;}
.footerC li+li+li{background: url(../images/footer04.jpg) no-repeat left 0.04rem;background-size: 0.21rem 0.21rem;}
.footerC li:nth-of-type(4){background: url(../images/footer05.jpg) no-repeat left 0.04rem;background-size: 0.21rem 0.21rem;}
.footerR li{max-width: 1.2rem;margin-left: 0.2rem;}
.footerR li .pic{overflow: hidden;}
.footerR li .pic img{display: block;width: 100%;}
.footerR li p{margin-top: 0.15rem;font-size: 0.14rem;color: #dbb9b9;text-align: center;}
.footerB{border-top: 0.01rem solid #c46b6d;padding: 0.3rem 0;}
.footerB p{text-align: center;font-size: 0.16rem;color: #fff;line-height: 0.24rem;}
@media(max-width: 850px){
	.footerT{padding: 0.5rem 0;}
.footerL{width: 100%;}
.footerL .pic img{display: table;margin: 0 auto;}
.footerL .text{text-align: center;}
.footerC{width: 100%;margin: 0.2rem 0;}
.footerC li{display: table;margin: 0.08rem auto;}
.footerR{margin: 0 auto;}
}
/* list */