@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%;}
}
.fanhui { position: fixed; right: 30px; bottom: 75px; width: 48px; height: 48px; border-radius: 50%;}
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: 0.8rem; right: 0.3rem; box-sizing: border-box; text-align: center; cursor: pointer; transition: all 0.5s ease 0s;}
#gotop.hide {width: 0.5rem; height: 0.5rem;opacity: 1;}
#gotop img{display: block;width: 0.5rem;}
#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;  width: 100% !important;}
}
@media (min-width: 329px) and (max-width: 470px) {
  html { font-size: 12px;}
  table { display: flex; overflow-x: auto;  width: 100% !important;}
}
@media (max-width: 328px) {
  html { font-size: 12px;}
  table { display: flex; overflow-x: auto;  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;}
.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.2rem;}
.header{width: 72.67%;}

#logo { width: 20.11%;height: 1.8rem;position: relative;z-index: 99;}
#logo::after{content: "";width: 100%;max-width: 3.5rem;height: 100%;max-height: 1.8rem;background: url(../images/logo_white.png) no-repeat left center;background-size: contain; position: absolute;left: 0;top: 0;}
#logo a { display: block;width: 100%;height: 1.8rem;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{background: url(../images/logo.png) no-repeat left center;background-size: contain;}
.header_box.xg #header #logo,.header_box.xg #header #logo a{height: 1.6rem;}
.header_box.xg #header #logo::after{max-height: 1.4rem;}
.header_box.xg #nav ul li h3{color: #323232;line-height: 0.6rem;}
.header_box.xg #nav ul li:hover h3 {
  border-bottom: 1px solid #323232;
}
.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.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;}
}


@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-color: #9d080d ;}
#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 {    box-sizing: border-box; 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: "??????莽炉鈥????猫路炉??a茅鈥澟该┾?溌懊柯????茅鈥澟该р?÷????忙沤鲁"; 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{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: 70px;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);}
.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: calc(100vh); 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;}
@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: 70px;}
}
@media(max-width: 850px){
	.banner a{height: 100%;width: 100%;}
	.bannerBox .swiper-button-prev, .bannerBox .swiper-button-next{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: 144px;} */
}

/* banner end */