@keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.part-banner { width: 100%; margin: 0 auto 6px }
.pic-in:after, .pic-list-in:after, .pic-list:after, .pic:after { content: ''; clear: both; display: inline-block; overflow: hidden; height: 0; width: 100% }
.default-no-data { font-size: 16px; text-align: center; line-height: 24px }
.header, .header-banner, .header-logo { width: 100%; height: auto }
.header { font-size: 0; overflow: hidden; position: relative; margin-bottom: 2px }
.header-logo { position: absolute; top: -11px; left: -21px; z-index: 2 }
.header-banner { position: relative; z-index: 1 }
.menu { top: 2px; left: 8px; display: block; width: 40px; height: 40px; position: absolute; z-index: 7; overflow: hidden }
.menu-icon, .menu-icon2, .menu-icon2:after, .menu-icon2:before, .menu-icon:after, .menu-icon:before { display: block; height: 2px; background-color: #fff; position: absolute; -webkit-transition: all 1s; transition: all 1s }
.menu-icon, .menu-icon:after, .menu-icon:before { width: 20px }
.menu-icon2, .menu-icon2:after, .menu-icon2:before { width: 2px }
.menu-icon, .menu-icon2 { pointer-events: none; top: 20px; -webkit-transform: translateX(0); transform: translateX(0) }
.menu-icon { left: 13px }
.menu-icon2 { left: 8px }
.menu-icon2:before, .menu-icon:before { content: ""; top: -6px; left: 0 }
.menu-icon2:after, .menu-icon:after { content: ""; top: 6px; left: 0 }
.menu-list { color: #555; line-height: 40px; position: fixed; width: 100%; height: 100%; padding: 40px 60px 100px; background-color: #fff; z-index: 6; font-size: 16px; top: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out }
.menu-text { color: #fff; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.menu-btn { color: #fff; margin-right: 30px; margin-left: 30px }
.menu-btn a { color: #fff; }
.menu-list li a { display: block; text-align: center; border: 1px solid #d8d8d8; border-radius: 5px; text-decoration: none; background: #fff; width: 60%; margin: 0 auto; margin-bottom: 15px; }
@media screen and (max-width:320px) {
.menu { top: 3px; right: 5px }
.menu-list { padding-top: 10px }
.menu-text { margin-bottom: 5px }
.menu-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.menu-list li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
.menu-list li a { display: block; text-align: center; border: 1px solid #d8d8d8; border-radius: 5px; margin: 0 5px 12px; text-decoration: none; padding-left: 12px; padding-right: 12px; line-height: 30px }
}
.menu-list li a:active { background-color: #ccc }
.open-menu { position: fixed; overflow: hidden; width: 100%; height: 100% }
.open-menu .menu-icon, .open-menu .menu-icon2, .open-menu .menu-icon2:after, .open-menu .menu-icon2:before, .open-menu .menu-icon:after, .open-menu .menu-icon:before { background-color: #fff }
.open-menu .menu-icon2 { -webkit-transform: translateX(45px); transform: translateX(45px) }
.open-menu .menu-icon, .open-menu .menu-icon:after, .open-menu .menu-icon:before { width: 25px }
.open-menu .menu-icon { -webkit-transform: translateX(90px); transform: translateX(90px) }
.open-menu .menu-icon:after, .open-menu .menu-icon:before { top: 50%; left: -94px; margin-top: -1px }
.open-menu .menu-icon:before { -webkit-transform: rotate(-315deg); transform: rotate(-315deg) }
.open-menu .menu-icon:after { -webkit-transform: rotate(315deg); transform: rotate(315deg) }
.open-menu .menu-list { -webkit-transform: translateX(0); transform: translateX(0); overflow: scroll!important; background: #ae0611; }
.rot { width: 100%; height: 100%; background-color: #ebebeb; position: relative; overflow: hidden; text-align: center; font-size: 0; margin-bottom: 20px }
.rot .swiper-slide { overflow: hidden; text-align: center; font-size: 1.4em }
.rot .swiper-pagination { position: absolute; text-align: right; z-index: 10; -webkit-transform: translate(-6px, 3px); transform: translate(-6px, 3px) }
.rot .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 0; background: #999; opacity: 1; margin-right: 3px!important }
.rot .swiper-pagination-bullet-active { background: #fff }
.rot-title, .rot-title a { color: #fff }
.rot-title { position: absolute; bottom: 8px; left: 50%; width: 90%; -webkit-transform: translateX(-50%); transform: translateX(-50%); line-height: 28px; font-size: 12px; text-align: center; text-shadow: 0 0 4px rgba(0,0,0,.6) }
.rot-title:after { content: ''; display: block; width: 140%; height: 90px; bottom: -30px; left: -20%; position: absolute; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,1) 100%) }
.column-title { font-size:2em; color:#d55355; border-bottom:1px solid #ccc; padding-bottom:2px; margin-bottom: 10px; }
.column-title a { font-size:0.9em; color:#d55355; font-weight:bold; border-bottom:1px solid #f00; padding-bottom:3px; }
.column-btn-back { font-size: 16px }
.list { margin-bottom: 2em }
.list li { font-size: 16px; line-height: 2em; border-bottom: #acaaaa 1px dashed; }
.big { font-size: 16px; line-height: 34px; font-weight: 800; margin-bottom: 5px }
.pic-list { font-size: 0; overflow: hidden; width: 100%; height: auto; margin-bottom: 30px; overflow: hidden }
.pic-list-in { width: 110% }
.pic-list-item { position: relative; width: 33.3%; height: auto; float: left }
.pic-list-title { position: absolute; top: .7em; left: .8em; font-size: 18px; color: #fff; z-index: 2 }
.pic-list-title:after { position: absolute; content: ''; width: 1.6em; height: 3px; background-color: #fff; bottom: -6px; left: 0 }
.pic-list-img { width: 100%; height: 100%; background-color: #333; background-position: center; background-size: 100% 100%; background-repeat: no-repeat }
.pic-list-img1 { background-image: url(../bundle/1.jpg) }
.pic-list-img2 { background-image: url(../bundle/2.jpg) }
.pic-list-img3 { background-image: url(../bundle/3.jpg) }
.pic-list-img4 { background-image: url(../bundle/4.jpg) }
.pic-list-img5 { background-image: url(../bundle/5.jpg) }
.pic-list-img6 { background-image: url(../bundle/6.jpg) }
.rot-video .rot-title { position: absolute; bottom: .5em; left: 50%; width: 90%; -webkit-transform: translateX(-50%); transform: translateX(-50%); line-height: 150%; font-size: 1.2em; text-align: center; color: #fff }
.rot-video .swiper-slide:before { content: ''; position: absolute; pointer-events: none; top: 50%; left: 50%; margin-top: -14px; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 14px 0 14px 25px; border-color: transparent transparent transparent #fa3e30; z-index: 3 }
.rot-video .swiper-slide:after { z-index: 2; content: ''; position: absolute; pointer-events: none; display: block; width: 60px; height: 60px; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); border-radius: 100%; opacity: .9 }
.back-top { width: 100%; height: 40px; background-color: #ebebeb; position: relative }
.back-top-icon-bg { background-color: #ebebeb; position: absolute; top: -8px; left: 50%; height: 12px; width: 80px; margin-left: -40px; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.back-top-icon { position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -14px; width: 0; height: 0; border-style: solid; border-width: 0 12px 16px 12px; border-color: transparent transparent #fa3e30 transparent }
a:active .back-top, a:active .back-top-icon-bg { background-color: #ccc }
a:active .back-top-icon { top: 46% }
.pic { width: 100%; height: auto; overflow: hidden }
.pic-in { width: 110% }
.pic-item { margin-right: 10px; height: auto; float: left; margin-bottom: 10px; text-align: center }
.pic-item img { width: 100% }
.pic-title { font-size: 12px; line-height: 24px; overflow: hidden; height: 48px }
.footer { display: block; width: 100%; background-color: #fa3e30; text-align: center; font-size: 1.2em; line-height: 1.6em; padding: 10px 0 }
.footer, .footer a { color: #ffa9a9 }
#rot-video { margin-bottom: 30px }

.focusBox3 .arrow-left { background: url(http://www.xinhuanet.com/zt/hk20/mobile/cms/bundle/icon-prev-arrow.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;z-index: 2 } 
.focusBox3 .arrow-right { background: url(http://www.xinhuanet.com/zt/hk20/mobile/cms/bundle/icon-next-arrow.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;z-index: 2 } 
.red { color:#f00; text-align:center; }
.red a { color:#f00; }