@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:calc(100vw / 120) arial,verdana; color:#333;}
@font-face{font-family:"PDFin";src:url("fonts/PFDinTextCompPro-Medium-3.ttf");}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:#C7C7C7;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:0; background-color:#B53432;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;text-shadow:none;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #B53432;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #F8F8F8;}
.w-90{ width: 90%; margin: auto;}
.w-100{width:100%; float: left;}
.w-1200{margin:auto; width: 75rem;}
.w-1300{margin:auto; width: 84.375rem;}
.w-1400{margin: auto; width: 90rem;}
.w-1500{margin: auto; width: 95rem;}
.w-1600{margin: auto; width: 101.25rem;}
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}

.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{ width: 18px; float: right; position: relative; cursor: pointer; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff; border-radius: 50px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.head-btn i.bar-top{ margin-top: 0;}
.head-btn i.bar-cen{ margin-top: 0.375rem;}
.head-btn i.bar-bom{ margin-top: 0.375rem;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); transform-origin: 1px 1px; width: 1.57rem;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); transform-origin: 1px 1px; width: 1.57rem;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3rem 0; margin: auto;}
.fanye-box .between-center{ /* box-shadow: 0 0 1rem rgba(0,0,0,0.1); */}
.fanye-box a{ background: url(icon_fy1.png) no-repeat center; background-size: 3.125rem; width: 3.1875rem; height: 3.1875rem; line-height: 3.1875rem; font-size: 1rem; border-radius: 0; margin: 0 0.5rem; display: inline-block; color: #999;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.this{ background-image: url(icon_fy2.png); color: #fff;}
.fanye-box span{ color: #999; line-height: 3.1875rem; padding: 0 0.5rem;}

.swiper-pagination-bullet,.swiper-button-next,.swiper-button-prev{ outline: none;}

.all-center-box{ width: 100%; float: left; position: relative; transition: all .6s; overflow: hidden; padding-top: 9rem; background-size: 100%;}
.all-center-box::before{ content: ''; width: 100%; height: ;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

.head-box{ position: fixed; z-index: 99; left: 0; top: 0; z-index: 99; transition: all .6s ease;}
/* .head-box.active{ top: -7.1875rem;} */
.head-box .top-box{ position: relative; z-index: 2; padding: 1rem 0; font-size: 1rem; background: url(bg_1.jpg) no-repeat center; background-size: cover;}
.head-box .top-box .pull-left .logo img{ height: 4.875rem;}
.head-box .head-contact a{ color: #fff; float: left; margin-right: 1.625rem; padding: 0 1.625rem 0 0; line-height: 1.375rem; background-position: left; background-repeat: no-repeat; background-size: 1.375rem; padding-left: 1.5rem; position: relative;}
.head-box .head-contact a::after{ content: ''; width: 1px; height: 0.875rem; position: absolute; right: 0; top: 50%; margin-top: -0.4375rem; background: #fff;}
.head-box .head-contact a.icon1{ background-image: url(icon_1.png);}
.head-box .head-contact a.icon2{ background-image: url(icon_2.png);}

.head-box .head-menu{ position: relative; padding: 0 2.5rem;}
.head-box .head-menu ul li{ width: auto; float: left; text-align: center; position: relative;}
.head-box .head-menu ul li:first-child{ min-width: auto;}
.head-box .head-menu ul li span a{ width: 100%; text-align: center; line-height: 4.375rem; float: left; font-size: 1.125rem; color: #fff; white-space: nowrap; position: relative;}
.head-box .head-menu ul li span a::after{ content: ''; width: 0; height: 3px; background: #fff; position: absolute; left: 50%; top: -1px; transition: all .6s;}
.head-box .head-menu ul li .head-menu-lv2{ width: 10rem; position: absolute; left: 50%; top: 100%; margin-left: -5rem; padding-top: 1rem; opacity: 0; pointer-events: none; transition: all .6s ease;}
.head-box .head-menu ul li .head-menu-lv2::after{ content: ''; width: 0; height: 0; border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-bottom: 0.5625rem solid #fff; position: absolute; left: 50%; top: 0.5rem; margin-left: -0.4375rem; opacity: 0; transform: translate(0,-5px); transition: all .6s ease;}
.head-box .head-menu ul li .head-menu-lv2 div{ width: 100%; float: left; background: #fff; padding: 0.9375rem 0; opacity: 0; pointer-events: none; transition: all .6s ease .1s; transform: translate(0,-5px); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.head-box .head-menu ul li .head-menu-lv2 div a{ width: 100%; float: left; margin: 3px 0;}
.head-box .head-menu ul li .head-menu-lv2 div a span{ display: inline-block; font-size: 14px; position: relative; line-height: 2.1875rem;}
.head-box .head-menu ul li .head-menu-lv2 div a span::after{ content: ''; width: 0; height: 1px; background: #B53432; position: absolute; left: 50%; bottom:0; margin-top: -1px; transition: all .6s ease;}
.head-box .head-menu ul li .head-menu-lv2 div a:hover span::after,.head-box .head-menu ul li .head-menu-lv2 div a.active span::after{ width: 100%; left: 0;}
.head-box .head-menu ul li .head-menu-lv2 div a.active{ color: #B53432;}
.head-box .head-menu ul li:hover span a,.head-box .head-menu ul li.active span a{ color: #fff; font-weight: bold;}
.head-box .head-menu ul li:hover span a::after,.head-box .head-menu ul li.active span a::after{ width: 100%; left: 0;}
.head-box .head-menu ul li:hover .head-menu-lv2{ opacity: 1; pointer-events: auto;}
.head-box .head-menu ul li:hover .head-menu-lv2::after{ opacity: 1; transform: translate(0,0);}
.head-box .head-menu ul li:hover .head-menu-lv2 div{ opacity: 1; transform: translate(0,0); pointer-events: auto;}

.head-box .lower-box{ height: 5.875rem; position: relative; z-index: 2; background: url(bg_2.png) no-repeat bottom; background-size: auto 100%;}
.head-box .lower-box .pull-right{ width: 100%; flex: 1;}

.head-box .head-soso{ width: 14.375rem; height: 2rem; position: relative;}
.head-box .head-soso .text{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; border: none; background: #fff; padding: 0 3.5rem 0 1rem; font-size: 1rem; transition: all .6s; border-radius: 50px; font-size: 14px; border: none;}
.head-box .head-soso .text::-webkit-input-placeholder{ color: #666;}
.head-box .head-soso .btns{ width: 1.75rem; height: 1.75rem; background: url(icon_3.png) no-repeat center #B53432; background-size: 1.1rem; border: none; float: right; position: relative; z-index: 2; transition: all .6s; position: absolute; right: 0.125rem; top: 0.125rem; border-radius: 100%;}

.banner-box{ position: relative;}
.banner-box .swiper-container{ height: auto;}
.banner-box .swiper-container .swiper-slide{ background-size: cover; background-position: center;}
.banner-box .swiper-container .swiper-slide img, .banner-box .swiper-container .swiper-slide video{ width: 100%; height: 100%; object-fit: cover;}
.banner-box .swiper-pagination{ z-index: 10; width: 100%; bottom: 9.75rem;}
.banner-box .swiper-pagination .swiper-pagination-bullet{ width: 0.75rem; height: 0.75rem; text-align: center; margin: 0 0.5rem; background: #fff; color: #fff; font-size: 1.25rem; transition: all .6s; opacity: 1;}
.banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; background: #E50811;}

.home-bg{ background: url(bg_3.jpg) no-repeat top; background-size: 120rem;}

.home-box1{ padding: 8.25rem 0 6.875rem;}
.home-box1 .pull-left{ width: 50%; padding-right: 0.625rem;}
.home-box1 .pull-right{ width: 50%; padding-left: 0.625rem;}
.home-box1 .box-info1{ position: relative; height: 24.5rem;}
.home-box1 .box-info1 .swiper-container{ height: 100%;}
.home-box1 .box-info1 .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; float: left;}
.home-box1 .box-info1 .swiper-slide a{ width: 100%; height: 100%; float: left; position: relative;}
.home-box1 .box-info1 .swiper-slide a::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5));}
.home-box1 .box-info1 .swiper-slide a p{ width: 100%; position: absolute; left: 0; bottom: 0; line-height: 4rem; padding: 0 11.25rem 0 1.875rem; color: #fff; z-index: 2; font-size: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-box1 .box-info1 .swiper-pagination{ bottom: 1.3rem; right: 0;}
.home-box1 .box-info1 .swiper-pagination .swiper-pagination-bullet{ background: #fff; margin-right: 1.25rem; opacity: 0.5; transition: all .6s;}
.home-box1 .box-info1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; opacity: 1;}
.home-box1 .box-info2 a{ width: 21.5rem; height: 8.1875rem; background-position: center; background-size: cover; color: #fff; margin-top: 1.25rem;}
.home-box1 .box-info2 a img{ width: 3rem; height: 3rem; object-fit: contain; margin-right: 0.875rem; transition: all .6s;}
.home-box1 .box-info2 a span{ font-size: 1.5rem;}
.home-box1 .box-info2 a.btn1{ background-image: url(ho1_1.jpg);}
.home-box1 .box-info2 a.btn2{ background-image: url(ho1_2.jpg);}
.home-box1 .box-info2 a:hover img{ transform: rotateY(360deg);}
.home-box1 .box-info2 a:hover.btn1{ background-image: url(ho1_1_h.jpg);}
.home-box1 .box-info2 a:hover.btn2{ background-image: url(ho1_2_h.jpg);}
.home-box1 .pull-right .center-block{ background: #fff;;}
.home-box1 .box-info3{ height: 12.75rem; overflow: hidden;}
.home-box1 .box-info3 img{ width: 100%; float: left;}
.home-box1 .box-info4{ padding: 1.5rem 1.25rem 0.5rem;}
.home-box1 .box-info4 .box1 span{ width: 5.1875rem; line-height: 1.8125rem; background: url(icon_6.png) no-repeat center; background-size: 100%; text-align: center; font-size: 0.875rem; color: #fff;}
.home-box1 .box-info4 .box1 a{ width: 100%; flex: 1; padding-left: 0.75rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-box1 .box-info4 .box2{ font-size: 0.875rem; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.75rem; border-bottom: 1px solid #ddd; padding-bottom: 1.3rem;}
.home-box1 .box-info5{ padding: 0 1.25rem 0.65rem;}
.home-box1 .box-info5 ul li{ width: 100%; float: left;}
.home-box1 .box-info5 ul li a{ width: 100%; float: left; padding: 0.75rem 0; display: flex; line-height: 1.8125rem; border-bottom: 1px dotted #E5E5E5;}
.home-box1 .box-info5 ul li a span{ width: 5.1875rem; line-height: 1.8125rem; background: url(icon_7.png) no-repeat center; background-size: 100%; text-align: center; font-size: 0.875rem; color: #333;}
.home-box1 .box-info5 ul li a p{ width: 100%; flex: 1; padding: 0 0.75rem; font-size: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-box1 .box-info5 ul li a i{ font-size: 1rem; color: #d0d0d0;}
.home-box1 .box-info5 ul li:last-child a{ border: none;}

.home-box2{ padding: 3.125rem 0 4.375rem;}
.home-box2 .center-block{ width: 28.125rem; margin: 0;}
.home-box2 .center-block .top-box span{ width: 11.375rem; line-height: 3.3125rem; float: left; background: url(icon_9.png) no-repeat center; background-size: 100%; color: #fff; font-size: 1.5rem; padding-left: 1.75rem;}
.home-box2 .center-block .lower-box{ margin-top: 1.625rem; background: #fff;}
.home-box2 .center-block .lower-box .box1{ height: 15.375rem; overflow: hidden; position: relative;}
.home-box2 .center-block .lower-box .box1 img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.home-box2 .center-block .lower-box .box1 p{ width: 100%; line-height: 2.5rem; padding: 0 1.375rem; background: rgba(0,0,0,0.2); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; color: #fff;}
.home-box2 .center-block .lower-box:hover .box1 img{ transform: scale(1.1);}
.home-box2 .center-block .lower-box .box2{ padding: 0.5rem 1.375rem 0; height: 16.375rem;}
.home-box2 .center-block .lower-box .box2 ul li{ width: 100%; float: left;}
.home-box2 .center-block .lower-box .box2 ul li a{ width: 100%; float: left; line-height: 3.125rem; border-bottom: 1px dotted #E6E6E6; padding-left: 1.375rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1rem; background: url(icon_8.png) no-repeat left;}
.home-box2 .center-block .lower-box .box2 ul li:last-child a{ border: none;}

.home-box3 a{ width: 50%; float: left; height: 11.25rem; background: url(ho3_bg1.jpg) no-repeat center; background-size: cover; color: #fff; position: relative;}
.home-box3 a::after{ content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.5); position: absolute; right: 0; top: 0;}
.home-box3 a:last-child::after{ display: none;}
.home-box3 a img{ height: 3rem; transition: all .6s;}
.home-box3 a p{ font-size: 1.25rem; margin-top: 1.2rem;}
.home-box3 a:hover{ background-image: url(ho3_bg2.jpg);}
.home-box3 a:hover img{ transform: rotateY(360deg);}

.home-box4{ padding: 5rem 0;}
.home-box4 .center-block{ margin-top: 3.375rem;}
.home-box4 .center-block .swiper-container .swiper-slide{ height: 21.875rem; }
.home-box4 .center-block .swiper-container .swiper-slide a{ width: 100%; float: left; position: relative; height: 100%; overflow: hidden;}
.home-box4 .center-block .swiper-container .swiper-slide a img{ width: 100%; float: left; height: 100%; object-fit: cover; transition: all .6s;}
.home-box4 .center-block .swiper-container .swiper-slide a p{ width: 100%; padding: 11.25rem 0 1.125rem; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); color: #fff; font-size: 1.125rem; text-align: center; position: absolute; left: 0; bottom: 0;}
.home-box4 .center-block .swiper-container .swiper-slide a:hover img{ transform: scale(1.1);}
.home-box4 .swiper-button-next,.home-box4 .swiper-button-prev{ width: 3rem; height: 3rem; background: rgba(0,0,0,0.2); border-radius: 100%; opacity:1; transition:all .6s; }
.home-box4 .swiper-button-next:hover,.home-box4 .swiper-button-prev:hover{ background: #B20F08;}
.home-box4 .swiper-button-next::after,.home-box4 .swiper-button-prev::after{ color: #fff; font-size: 1.2rem; }
.home-box4 .swiper-button-next{ right: -5rem;}
.home-box4 .swiper-button-prev{ left: -5rem;}






.list-box1{ margin-top: -0.8125rem;}
.list-box1 ul{ margin: 0 -1.6875rem;}
.list-box1 ul li{ width: 25%; float: left; padding: 0 1.6875rem; margin-top: 3.375rem;}
.list-box1 ul li a{ width: 100%; float: left; position: relative; height: 26.625rem; overflow: hidden;}
.list-box1 ul li a img{ width: 100%; float: left; height: 100%; object-fit: cover; transition: all .6s;}
.list-box1 ul li a p{ width: 100%; padding: 11.25rem 0 1.125rem; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); color: #fff; font-size: 1.125rem; text-align: center; position: absolute; left: 0; bottom: 0;}
.list-box1 ul li a:hover img{ transform: scale(1.1);}

.home-box6{ background: url(bg_5.jpg) no-repeat center; background-size: cover; padding: 5rem 0; margin-top: 5.625rem;}
.home-box6 .lower-box{ margin-top: 2rem;}
.home-box6 .lower-box ul{ margin: 0 -0.75rem;}
.home-box6 .lower-box ul li{ width: 27.5%; float: left; padding: 0.75rem;}
.home-box6 .lower-box ul li a{ width: 100%; height: 17.5rem; float: left; overflow: hidden; position: relative;}
.home-box6 .lower-box ul li a img{ width: 100%; height: 100%; float: left; object-fit: cover; transition: all .6s;}
.home-box6 .lower-box ul li a p{ width: 100%; line-height: 3.75rem; padding: 0 10%; position: absolute; left: 0; bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; z-index: 3;}
.home-box6 .lower-box ul li a::before{ content: ''; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); position: absolute; left: 0; top: 0; z-index: 2;}
.home-box6 .lower-box ul li a::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(icon_10.png) no-repeat center; background-size: 3.375rem; z-index: 4;}
.home-box6 .lower-box ul li:first-child{ width: 45%;}
.home-box6 .lower-box ul li:first-child a{ height: 36.5rem;}
.home-box6 .lower-box ul li a:hover img{ transform: scale(1.1);}

.all-more{ margin-top: 3.125rem;}
.all-more a{ width: 11.125rem; line-height: 4.125rem; background: url(icon_11.png) no-repeat center; background-size: 100% 100%; color: #fff; font-size: 1rem; text-align: center; display: inline-block;}

.foot-box{ background: url(fo_bg1.png) no-repeat top; background-size: 120rem; color: #fff; margin-top: -1.5rem; position: relative; z-index: 2;}
.foot-box .top-box .box-info1{ padding: 3.5rem 0 1.625rem; border-bottom: 1px solid rgba(255,255,255,0.2);}
.foot-box .top-box .box-info1 .f-l img{ height: 3.5rem;}
.foot-box .top-box .box-info1 .f-r a{ float: left; margin-left: 2.25rem; position: relative;}
.foot-box .top-box .box-info1 .f-r a p{ position: absolute; left: 50%; top: 100%; background: rgba(255,255,255,0.8); white-space: nowrap; padding: 0.7rem; transform:translate(-50%,0); border-radius: 1rem; margin-top: 0.5rem; opacity: 0; color:#333; transition: all .6s; }
.foot-box .top-box .box-info1 .f-r a p img{ max-width: initial; width: 6.25rem; }
.foot-box .top-box .box-info1 .f-r a:hover p{ opacity: 1;}
.foot-box .top-box .box-info2{ padding: 3.5rem 0 4rem;}
.foot-box .top-box .box-info2 ul{ position: relative; padding-left: 1.25rem;}
.foot-box .top-box .box-info2 ul::before{ content: ''; width: 2px; height: 1rem; position: absolute; left: 0; top: 0.4rem; background: #fff;}
.foot-box .top-box .box-info2 ul::after{ content: ''; width: 1px; height: 95%; position: absolute; left: 0; top: 0.4rem; background: linear-gradient(180deg,rgba(255,255,255,0.3),rgba(255,255,255,0));}
.foot-box .top-box .box-info2 ul span{ display: block; margin-bottom: 2rem; font-size: 1.125rem;}
.foot-box .top-box .box-info2 ul span a{ color: #fff;}
.foot-box .top-box .box-info2 ul li{ display: block; margin-bottom: 1.125rem; font-size: 0.875rem;}
.foot-box .top-box .box-info2 ul li a{ display: block; color: rgba(255,255,255,0.5);}
.foot-box .top-box .box-info2 ul li a:hover{ color: #fff;}
.foot-box .top-box .box-info2 ul:last-child{ padding-left: 0;}
.foot-box .top-box .box-info2 ul:last-child::after,.foot-box .top-box .box-info2 ul:last-child::before{ display: none;}
.foot-box .lower-box{ height: 5.875rem; background: url(fo_bg2.png) no-repeat center; background-size: 120rem; text-align: center; padding-top: 3.2rem;}

.page-banner{ position: relative; z-index: 3;}
.page-banner .top-box{ height: 28.4375rem; background-position: center; background-size: cover;}
.page-banner .top-box span{ width: 19rem; height: 5rem; line-height: 5rem; background: url(icon_12.png) no-repeat center; background-size: 100%; color: #fff; font-size: 2.5rem; padding-left: 2.8rem;}
.page-banner .lower-box{ position: absolute; left: 0; bottom: 0.1rem;}
.page-banner .lower-box .between-center{ background: #3F7AD0; color: #fff;}
.page-banner .lower-box .f-l>div{ min-width: 5.75rem; text-align: center; float: left; position: relative; margin-left: 1.75rem;}
.page-banner .lower-box .f-l>div span{ display: block;}
.page-banner .lower-box .f-l>div span a{ width: 100%; float: left; line-height: 4.375rem; color: #fff; font-size: 1.125rem; position: relative;}
.page-banner .lower-box .f-l>div span a::after{ content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: url(bg_6.png) no-repeat bottom; opacity: 0; transition: all .6s;}
.page-banner .lower-box .f-l>div:hover span a::after,.page-banner .lower-box .f-l>div.active span a::after{ opacity: 1;}
.page-banner .lower-box .f-r{ padding:0 1.75rem; background: url(icon_13.png) no-repeat left; background-size: auto 1.25rem;}
.page-banner .lower-box .f-r a{ color: #fff;}
.page-banner .lower-box .f-l>div ul{ width: 7.875rem; position: absolute; left: 50%; top: 100%; margin-left: -3.9375rem; background: #F6F6F6; transition: all .6s; opacity: 0; pointer-events: none;}
.page-banner .lower-box .f-l>div ul li{ width: 100%; float: left;}
.page-banner .lower-box .f-l>div ul li a{ width: 100%; float: left; line-height: 3rem; border-bottom: 1px dotted #DEDEDE;}
.page-banner .lower-box .f-l>div ul li a:hover{ background:#ECEEF1;}
.page-banner .lower-box .f-l>div ul li:last-child a{ border: none;}
.page-banner .lower-box .f-l>div.menu span a{ background: url(icon_jt1.png) no-repeat right; background-size: 0.5rem; padding: 0 0.8rem;}
.page-banner .lower-box .f-l>div:hover ul{ opacity: 1; pointer-events: auto;}

.page-center{ min-height: 50vh; background-position: top; background-size: 120rem; margin-top: -2rem;}
.page-center .page-center-box{ background: #fff; padding: 5.625rem 6.875rem; margin-bottom: 6rem;}

.about-box1 .box1{ text-align: center; font-size: 1.75rem;}
.about-box1 .box2{ font-size: 1rem; line-height: 1.8; margin-top: 1.5rem; color: #666;}
.about-box2 .box1{ text-align: center; font-size: 1.75rem; margin-top: 5rem;}
.about-box2 .box2{ margin-top: 3rem;}
.about-box2 .box2 .f-l{ width: 66%; line-height: 1.8; color: #666;}
.about-box2 .box2 .f-r{ width: 21.5625rem; margin-top: 2.2rem;}

.list-box2 ul li{ width: 100%; float: left;}
.list-box2 ul li a{ width: 100%; float: left; border-bottom: 1px dotted #ddd; padding: 3.125rem 0;}
.list-box2 ul li a .f-l{ width: 21.6875rem; height: 13.9375rem; overflow: hidden;}
.list-box2 ul li a .f-r{ width: 100%; flex: 1; padding-left: 3.75rem;}
.list-box2 ul li a .f-r span{ display: block; font-size: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-box2 ul li a .f-r i{ display: block; font-size: 1rem; padding-left: 1rem; background: url(icon_14.png) no-repeat left; background-size: 0.875rem; color: #999; line-height: 1.2rem; margin: 1.125rem 0;}
.list-box2 ul li a .f-r p{ font-size: 1rem; color: #999; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.news-info .top-box{ text-align: center;}
.news-info .top-box span{ display: block; font-size: 1.5rem;}
.news-info .top-box p{ color: #999; margin-top: 1.3rem;}
.news-info .cen-box{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1.875rem 0; margin-top: 1.875rem; line-height: 1.8;}
.news-info .cen-box img{ margin-top: 1rem;}
.news-info .lower-box{ padding-top: 1.5rem;}
.news-info .lower-box .f-l{ width: 50%;}
.news-info .lower-box .f-l a{ width: 100%; float: left; line-height: 2.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-info .lower-box .f-r{ color: #AF1511; background: url(icon_jt2.png) no-repeat left; background-size: 1.5rem; padding-left: 2rem; line-height: 2.125rem;}

.list-box3 ul{ margin: 0 -1.5rem;}
.list-box3 ul li{ width: 33.33%; float: left; padding: 1.5rem;}
.list-box3 ul li a{ width: 100%; float: left; background: #F7F7F7;}
.list-box3 ul li a .imgs{ height: 12.6875rem; overflow: hidden;}
.list-box3 ul li a .info{ padding: 1.25rem 1.5rem;}
.list-box3 ul li a .info p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.125rem; line-height: 2rem; height: 4rem;}
.list-box3 ul li a .info i{ display: block; font-size: 0.875rem; margin-top: 1.3rem; color: #CACACA; transition: all .6s;}
.list-box3 ul li a:hover{ background: #AF1511; color: #fff;}
.list-box3 ul li a:hover .info i{ opacity: 0.3; color: #fff;}

.list-box4 ul{ margin: 0 -2.5rem;}
.list-box4 ul li{ width: 25%; float: left; padding: 2.5rem;}
.list-box4 ul li a{ width: 100%; float: left; height: 21rem; overflow: hidden; position: relative;}
.list-box4 ul li a p{ width: 100%; line-height: 2.5rem; color: #fff; padding: 0 2rem; text-align: center; background: rgba(0,0,0,0.2); position: absolute; left: 0; bottom: 0; font-size: 0.875rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.apply-box .top-box{ text-align: center; font-size: 1.75rem;}
.apply-box .cen-box{ font-size: 1rem; color: #666; padding: 2rem 0 3rem; line-height: 2;}
.apply-box .lower-box{ text-align: center;}
.apply-box .lower-box a{ width: 13.625rem; display: inline-block; line-height: 3.5rem; background: #B7140D; color: #fff; font-size: 1rem; text-align: center; border-radius: 50px;}

.soso-box select{ width: 32.5%; border: 1px solid #DDDDDD; height: 3rem; font-size: 1rem; -webkit-appearance: none; padding: 0 1rem; color: #999; cursor: pointer; background: url(icon_jt3.png) no-repeat 96% center;}

.list-box5 ul{ margin: 0 -1.25rem;}
.list-box5 ul li{ width: 33.33%; float: left; padding: 1.25rem;}
.list-box5 ul li a{ width: 100%; height: 17.5rem; float: left; overflow: hidden; position: relative;}
.list-box5 ul li a img{ width: 100%; height: 100%; float: left; object-fit: cover; transition: all .6s;}
.list-box5 ul li a p{ width: 100%; line-height: 3.75rem; padding: 0 10%; position: absolute; left: 0; bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; z-index: 3;}
.list-box5 ul li a::before{ content: ''; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); position: absolute; left: 0; top: 0; z-index: 2;}
.list-box5 ul li a::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(icon_10.png) no-repeat center; background-size: 3.375rem; z-index: 4;}
.list-box5 ul li a:hover img{ transform: scale(1.1);}

.list-box6 ul li{ width: 100%; float: left;}
.list-box6 ul li a{ width: 100%; float: left; line-height: 3.75rem; padding: 0 1.25rem; font-size: 1rem;}
.list-box6 ul li a span{ width: 80%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; position: relative; padding-left: 28px; transition: all .6s;}
.list-box6 ul li a span::after{ content: ''; width: 10px; height: 10px; border: 2px solid #ddd; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -5px; transition: all .6s;}
.list-box6 ul li a i{ float: right; color: #d0d0d0; transition: all .6s;}
.list-box6 ul li:nth-child(odd) a{ background: #F8F8F8;}
.list-box6 ul li:hover span{ color:#AF1511;}
.list-box6 ul li:hover i{ opacity: 0.2; color:#AF1511;}
.list-box6 ul li:hover span::after{ border-color: #AF1511;}

.recruit-box{ background: #F8F8F8; padding: 3.75rem 4.25rem;}
.recruit-box p{ width: 100%; float: left; font-size: 1.5rem; color: #AF1511; text-align: center; margin-bottom: 1.875rem;}
.recruit-box .text{ width: 100%; height: 3rem; background: #fff; border: none; padding: 0 1.25rem;}
.recruit-box .f-l{ width: 42%; margin-bottom: 1rem;}
.recruit-box .f-r{ width: 56.5%; margin-bottom: 1rem;}
.recruit-box .f-r .text{ flex: 1;}
.recruit-box .f-r div{ width: 10rem; height: 3rem; margin-left: 0.875rem; position: relative;}
.recruit-box .f-r div span{ width: 100%; float: left; line-height: 3rem; background: #AF1511; color: #fff; font-size: 1rem; text-align: center;}
.recruit-box .f-r div input{ width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; cursor: pointer;}
.recruit-box .yzm{ height: 3rem; cursor: pointer; background: #fff;}
.recruit-box textarea{ width: 100%; height: 8rem; float: left; padding: 1.25rem; background: #fff; border: none; margin-bottom: 1rem;}
.recruit-box .btns{ margin-top: 2.125rem;}
.recruit-box .btns input{ width: 13rem; height: 3rem; background: #DEDEDE; color: #fff; text-align: center; border: none; font-size: 1rem; margin: 0 0.625rem;}
.recruit-box .btns input.active{ background: #AF1511;}

.authSearch-box{ background: #fff; padding: 5rem 0 5rem 11rem; position: relative;}
.authSearch-box .pull-left{ width: 11rem; height: 100%; background: #F2F7FD; position: absolute; left: 0; top: 0; padding-top: 1.9rem;}
.authSearch-box .pull-left a{ width: 100%; line-height: 3.75rem; border-top: 1px dotted #ddd; font-size: 1rem; text-align: center; float: left;}
.authSearch-box .pull-left a:hover,.authSearch-box .pull-left a.active{ background: #3F7AD0; color: #fff;}
.authSearch-box .pull-left a:first-child{ border-top: 1px solid #ddd;}
.authSearch-box .pull-left a:last-child{ border-bottom: 1px dotted #ddd;}
.authSearch-box .pull-right{ width: 100%; min-height: 45rem;}
.authSearch-box .box-info1 .center-block{ width: 52.5rem; margin: auto;}
.authSearch-box .box-info1 .center-block .box1{ text-align: center; font-size: 1.75rem; padding-bottom: 2.5rem;}
.authSearch-box .box-info1 .center-block .box2{ margin-top: 1.5rem;}
.authSearch-box .box-info1 .center-block .box2 span{ width: 5.625rem; font-size: 1.125rem; margin-right: 2rem; font-size: 1.125rem;}
.authSearch-box .box-info1 .center-block .box2 input{ width: 100%; flex: 1; height: 3.75rem; padding: 0 1.2rem; font-size: 1.125rem; border: 1px solid #ddd;}
.authSearch-box .box-info1 .center-block .box2 input::-webkit-input-placeholder{ color: #ccc;}
.authSearch-box .box-info1 .center-block .box2 img{ width: 8.75rem; height: 3.75rem; cursor: pointer; margin-left: 1rem; }
.authSearch-box .box-info1 .center-block .box3{ text-align: center; margin-top: 2.375rem;}
.authSearch-box .box-info1 .center-block .box3 input{ width: 18.75rem; height: 3.75rem; color: #fff; background: #AF1511; font-size: 1.125rem; border: none;}

.authSearch-eject{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; display: none;}
.authSearch-eject .center-center{ width: 100%; height: 100%;}
.authSearch-eject .bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0;}
.authSearch-eject .center-block{ position: relative; z-index: 2; max-width: 60%;}

.contact-box .pull-right{ width: 50%; height: 27.5rem;}
.contact-box .pull-right img,.contact-box .pull-right label{ max-width: initial;}
.contact-box .pull-left{ width: 50%;}
.contact-box .pull-left .box1 p{ font-size: 4rem; color: #F8EFEE; text-transform: uppercase; font-weight: bold; line-height: 3.5rem;}
.contact-box .pull-left .box1 span{ font-size: 1.75rem; color:#B6130C;}
.contact-box .pull-left .box2{ padding: 1.5rem 0;}
.contact-box .pull-left .box2 p{ font-size: 1.125rem; padding-left: 2.5rem; background-position: left; background-repeat: no-repeat; background-size: auto 1.5625rem; margin-top: 1.5rem;}
.contact-box .pull-left .box2 p.icon1{ background-image: url(icon_15.png);}
.contact-box .pull-left .box2 p.icon2{ background-image: url(icon_16.png);}
.contact-box .pull-left .box2 p.icon3{ background-image: url(icon_17.png);}
.contact-box .pull-left .box3{ text-align: center; float: left; margin-left: 2.5rem;}
.contact-box .pull-left .box3 img{ max-width: 6.625rem; border: 1px solid #D2D2D2;}
.contact-box .pull-left .box3 p{ font-size: 0.875rem; margin-top: 0.3rem;}

@font-face{font-family:"syst-Bold";src:url("../fonts/SourceHanSerifCN-Bold.otf");}

.museum-center .top-box{ background-position: center; background-size: cover; height: 32.625rem; }
.museum-center .lower-box{ background: url(bg_11.jpg) top; background-size: 100%;}
.museum-center .lower-box .box-info1{ margin-bottom: 2rem;}
.museum-center .lower-box .box-info1 a{ width: 9.875rem; height: 4.0625rem; float: left; line-height: 4.0625rem; text-align:center; background: url(bg_9.png); background-size: 100% 100%; font-family:'syst-Bold'; font-size: 1.875rem; color: #FACF54; margin: 0  0.8125rem; }
.museum-center .lower-box .box-info1 a:hover,.museum-center .lower-box .box-info1 a.active{ background-image: url(bg_9_h.png);}



	.museum-center .lower-box .box-info2 {
		margin-bottom: 2rem;
	}

		.museum-center .lower-box .box-info2 a {
			width: 12.875rem;
			height: 4.0625rem;
			float: left;
			line-height: 4.0625rem;
			text-align: center;
			background-size: 100% 100%;
			font-family: 'syst-Bold';
			font-size: 1.475rem;
			color: #FFF;
			margin: 0 0.8125rem;
		}


	.museum-center .lower-box .box-info2 a:hover, .museum-center .lower-box .box-info2 a.active {
		color: #FACF54;
	}







/* 小于等于多少高度的样式 */
@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1660px){
    
}
@media screen and (max-width:1440px){
	body,html{ font-size: calc(100vw / 100);}
	
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1100px){
    
}
@media screen and (max-width:1024px){
    html,body{ font-size: 78%;}
    .w-90{ width: 94%;}
    .w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:94% !important;}
    .div-pc{ display: none;}
    .div-phone{ display: block;}
    .head-btn{ display: block; margin: 0 0 0 1.5rem;}
	.fanye-box{ padding: 1.5rem 0 0;}
	.fanye-box a{ width: 2.3rem; height: 2.3rem; line-height: 2.3rem; background-size: 2.3rem;}
    
	.all-center-box{ margin-top: 0; padding-top: 58px; background-size: cover;}
	.head-box{ background-size: 200%;}
	
	.head-soso{ display: none;}
    .head-box .head-menu{ width: 100%; position: fixed; left: 0; top: 58px; background: #fff; margin:0; border-top: 1px solid #DEDEDE; box-shadow: 0 3px 10px rgba(0,0,0,0.1); display: none; padding: 0.8rem 0;}
	.head-box .head-menu ul{ display: block;}
    .head-box .head-menu ul li{ width: 100%; text-align: center; margin: auto;}
    .head-box .head-menu ul li:first-child{ margin-left: 0;}
    .head-box .head-menu ul li span,.head-box .head-menu ul li span a{ width: 100%; line-height: 2.5rem;}
    .head-box .head-menu ul li.active span a{ color: #B53432;}
    .head-box .head-menu ul li .head-menu-lv2{ display: none;}
    .head-box .head-menu ul li span a::after{ display: none;}
	.head-box .head-menu ul li span a{ color: #333;}
	.head-box.active{ top:0;}
	
    .head-box .head-btn{ margin: 0;}
	
	.head-box .head-login{ padding-left: 0; margin-left: 0; display: none;}
	.head-box .head-login::after{ display: none;}
	
	.head-box .lower-box{ background: none; height: auto;}
	.head-box .lower-box .pull-right{ width: auto; flex: none;}
	
	.head-box .top-box{ border-top-width: 3px; padding: 12px 0; border-bottom-color: #fff;}
	.head-box .top-box .pull-left .logo img{ width: auto; height: 34px !important; position: relative;}
	
	.head-box .head-contact{ width: 14rem; flex: 1;}
	.head-box .head-contact a{ margin-right: 0; padding-right: 0; width: 100%;}
	.head-box .head-contact a::after{ display: none;}
	
	.home-bg{ background-color: #F4F4F4;}
	.home-box1{ padding: 2rem 0 0;}
	.home-box1 .pull-left,.home-box1 .pull-right{ width: 100%; padding: 0;}
	.home-box1 .box-info1{ height: 15.5rem;}
	.home-box1 .box-info2 a{ width: 48%; height: 5rem;}
	.home-box1 .box-info2 a img{ width: 2rem; height: 2rem; margin-right: 0.5rem;}
	.home-box1 .box-info2 a span{ font-size: 1.3rem;}
	.home-box1 .pull-right{ margin-top: 1.25rem;}
	.home-box1 .box-info3{ height: auto;}
	.home-box1 .box-info5 ul li a span{ line-height: 1.85rem;}
	
	.home-box2{ padding: 0 0 2rem;}
	.home-box2 .w-1400{ display: block;}
	.home-box2 .center-block{ width: 100%; float: left; margin-top: 2rem;}
	.home-box2 .center-block .lower-box .box2{ height: auto;}
	
	.home-box4{ padding: 2rem 0;}
	.home-box4 .center-block{ margin-top: 1.5rem;}
	.home-box4 .center-block .swiper-container .swiper-slide{ height: 18rem; }
	.home-box4 .swiper-button-next,.home-box4 .swiper-button-prev{ display: none;}
	
	.list-box1 ul{ margin: auto;}
	.list-box1 ul li{ width: 48%; padding: 0; margin-top: 1.5rem;}
	.list-box1 ul li:nth-child(2n){ float: right;}
	.list-box1 ul li a{ height: 18rem;}
	
	.home-box6{ padding: 2rem 0; margin-top: 2rem; background-color: #EBEBEB;}
	.home-box6 .lower-box{ margin-top: 1rem;}
	.home-box6 .lower-box ul{ margin: auto;}
	.home-box6 .lower-box ul li{ width: 100% !important; padding: 0; margin-top: 1rem;}
	.home-box6 .lower-box ul li a{ height: 17.5rem !important;}
	
	.foot-box{ background: #ebebeb; padding-top: 1.5rem;}
	.foot-box .top-box{ display: none;}
	.foot-box .lower-box{ padding-top: 2.5rem;}
	
	.page-center{ margin-top: -0.5rem; padding-top: 2rem; padding-bottom: 3rem; background-size: cover;}
	.page-banner .top-box{ height: 16rem;}
	.page-banner .top-box span{ width: 17rem; font-size: 1.6rem; margin-bottom: 2.5rem;}
	.page-banner .lower-box{ bottom: auto; top: 100%; margin-top: -2rem;}
	.page-banner .lower-box .between-center{ display: block; position: relative;}
	.page-banner .lower-box .f-l{ width: 100%;}
	.page-banner .lower-box .f-l>div{ width: 25%; margin: auto;}
	.page-banner .lower-box .f-l>div span a::after{ background-size: 100%;}
	.page-banner .lower-box .f-r{ width: 100%; position: absolute; bottom: 100%; left: 0; margin-bottom: 0.8rem;}
	.page-center .page-center-box{ padding: 1.5rem 1rem; margin-bottom: 1rem;}
	.about-box1 .box1{ font-size: 1.5rem;}
	.about-box1 .box2{ margin-top: 1rem;}
	.about-box2 .box1{ margin-top: 2rem; font-size: 1.5rem;}
	.about-box2 .box2{ margin-top: 2rem;}
	.about-box2 .box2 .f-l,.about-box2 .box2 .f-r{ width: 100%;}
	.about-box2 .box2 .f-r{ margin-top: 0.4rem;}
	.page-banner .lower-box .f-l>div.menu span a{ background-position: 93% center;}
	
	.list-box2 ul li a{ display: block; padding: 1.5rem 0;}
	.list-box2 ul li a .f-l{ width: 100%;}
	.list-box2 ul li a .f-r{ width: 100%; margin-top: 1.5rem; padding: 0;}
	.list-box2 ul li a .f-r i{ margin: 0.5rem 0;}
	.list-box2 ul li a .f-r span{ font-size: 1.3rem;}
	
	.news-info .top-box span{ font-size: 1.3rem;}
	.news-info .top-box p{ margin-top: 1rem;}
	.news-info .cen-box{ padding: 1rem 0; margin-top: 1rem;}
	.news-info .lower-box .f-l{ width: 70%;}
	.news-info .lower-box .f-l a{ line-height: 2rem;}
	
	.list-box3 ul{ margin: 0;}
	.list-box3 ul li{ width: 100%; padding: 0; margin-top: 1.5rem;}
	
	.list-box4 ul{ margin: 0;}
	.list-box4 ul li{ width: 48%; padding: 0; margin-top: 1.2rem;}
	.list-box4 ul li:nth-child(2n){ float: right;}
	.list-box4 ul li a{ height: 18rem;}
	
	.soso-box{ padding: 1rem 0;}
	.soso-box select{ height: 2.5rem; background-size: 1rem; background-position: 90% center;}
	
	.list-box5 ul{ margin: 0;}
	.list-box5 ul li{ width: 100%; padding: 0; margin-top: 1.2rem;}
	
	.list-box6{ margin-top: 1rem;}
	.list-box6 ul li a{ line-height: 3rem;}
	.list-box6 ul li a span{ width: 70%; padding-left: 15px;}
	.list-box6 ul li a span::after{ margin-top: -6px;}
	
	.recruit-box{ margin-top: 2rem; padding: 1.5rem;}
	.recruit-box .f-l,.recruit-box .f-r{ width: 100%;}
	.recruit-box .f-r{ margin-top: 1rem;}
	.recruit-box .f-r div{ width: 8rem;}
	.recruit-box .btns{ margin-top: 1.2rem;}
	.recruit-box .btns .between-center{ display: block; width: 100%;}
	.recruit-box .btns input{ width: 48%; margin: 0;}
	.recruit-box .btns input:nth-child(2n){ float: right;}
	
	.authSearch-box{ padding: 2rem 0;}
	.authSearch-box .pull-left{ width: 100%; position: relative; overflow: auto; white-space: nowrap; height: 3rem; padding: 0; display: flex;}
	.authSearch-box .pull-left a{ width: auto; padding: 0 1.5rem; line-height: 3rem; border: none; border-left: 1px solid #ddd;}
	.authSearch-box .pull-left a:first-child,.authSearch-box .pull-left a:last-child{ border: none;}
	.authSearch-box .pull-left::-webkit-scrollbar{ display: none;}
	.authSearch-box .pull-right{ min-height: auto;}
	.authSearch-box .pull-right .box-info1 .center-block{ width: 100%; float: left; padding: 1.5rem 1.5rem 0;}
	.authSearch-box .box-info1 .center-block .box1{ font-size: 1.5rem; padding-bottom: 0;}
	.authSearch-box .box-info1 .center-block .box2{ margin-top: 1rem;}
	.authSearch-box .box-info1 .center-block .box2 span{ margin-right: 1rem;}
	.authSearch-box .box-info1 .center-block .box2 input{ height: 3rem;}
	.authSearch-box .box-info1 .center-block .box3{ margin-top: 2rem;}
	.authSearch-box .box-info1 .center-block .box3 input{ width: 14rem; height: 3.5rem;}
	.authSearch-eject .center-block{ max-width: 90%;}
	
	.contact-box .pull-right,.contact-box .pull-left{ width: 100%; margin-top: 1.5rem;}
	.contact-box .pull-left .box2{ padding: 1rem 0;}
	.contact-box .pull-left .box2 p{ margin-top: 1rem;}
	.contact-box .pull-right{ height: 20rem;}
	
	.museum-center{ padding-bottom: 2rem; background: #B6231B;}
	.museum-center .top-box{ height: 14rem;}
	.museum-center .lower-box .box-info1{ margin-bottom: 1rem;}
	.museum-center .lower-box .box-info1 .between-center{ width: 100%; display: block;}
	.museum-center .lower-box .box-info1 a{ width: 22%; margin: 1rem 1.5% 0; font-size: 1.5rem; height: 3rem; line-height:3rem; }


		.museum-center .lower-box .box-info2 {
			margin-bottom: 1rem;
		}


			.museum-center .lower-box .box-info2 a {
				width: 22%;
				margin: 1rem 1.5% 0;
				font-size: 1.3rem;
				height: 6rem;
				line-height: 2rem;
				padding-top: 1rem;
				color: #FFF;
			}


				.museum-center .lower-box .box-info2 a:hover, .museum-center .lower-box .box-info2 a.active {
					color: #FACF54;
				}
	
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}


.mingj-box {
	overflow: hidden;
	width: 100%;
}

.mingj-box-l {
	float:left;
	width:50%;
}

.mingj-box-r {
	float: left;
	width: 50%;
}

	.mingj-box-r a {
		float: right;
		width: 45%;
		height: 11.5rem;
		margin: 0 2.5% 5%;
		
	}

.mingj-box2 {
	overflow: hidden;
	width: 100%;
	margin: 1rem 0 2rem;
}

.mingj-box2 a {
	overflow: hidden;
	width: 22%;
	margin:0 1.5%;
}

.auto-play a {
	position: relative;
	display: inline-block;
}

.auto-play a::before {
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.5));
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.auto-play a::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(icon_10.png) no-repeat center;
	background-size: 3.375rem;
	z-index: 4;
}

/*.auto-play a:hover img {
	transform: scale(1.1);
}*/

	.auto-play a p {
		width: 100%;
		line-height: 3.75rem;
		padding: 0 10%;
		position: absolute;
		left: 0;
		bottom: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #fff;
		z-index: 3;
	}