*{margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size:62.5%; font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
body{margin: 0 auto; min-width:320px; line-height: 1.5; font-size: 1.2em; color:#666; background: #fff; overflow-x:hidden; -webkit-overflow-scrolling: touch;
}
input,buttom,select,textarea{font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

table{border-collapse:collapse;}
ul{ list-style:none;}
img{border: 0; max-width: 100%;}
a img{vertical-align: bottom;}
a{text-decoration: none; color:#666; background-color: transparent; -webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1.2em;}
p{text-align: justify;}

.fl{float: left}
.fr{float: right}
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.hide{display: none}
.overhide{overflow: hidden;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}
/*-------------------------缁撴潫鍏敤鏍峰紡--------------------------*/
body{background-color: #f0f0f0;}
::-webkit-scrollbar{display: none;}
/*.noscorll, .noscorll body{height: 100%!important; overflow: hidden!important;}*/
.whbg{background-color: #fff;}
.gybg{background-color: #e7e7e7;}
.lightgybg{background-color: #f0f0f0;}

.fade_bkbg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; background-color: rgba(0,0,0,.4); opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s;}

.fpic{display: block; width: 100%; vertical-align: bottom;}
.omit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hidel{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.nodata{display: block; text-align: center; padding: 1rem; font-size: 1.1rem; color: #ccc;}

@supports (position: sticky) or (position: -webkit-sticky) {
	.stickyWrap{overflow: visible!important;}
	.stickyInTop{position: -webkit-sticky!important; position: sticky!important; z-index: 5; top: 0!important; left: auto!important; box-shadow: 0 .5rem .5rem rgba(230,33,42,.2);}
}

.wbox, .wpbox{background-color: #fff; overflow: hidden;}
.wpbox{padding: 0 1rem;}
.shadowbox{display: block; background-color: #fff; box-shadow: 0 0 2.5rem rgba(0,0,0,.08); overflow: hidden;}

.wb{display: -webkit-box; display: flex;}
.wbc{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.wbw{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.selftop{-webkit-align-self: flex-start; align-self: flex-start;}
.selfcenter{-webkit-align-self: center; align-self: center;}
.selfend{-webkit-align-self: flex-end; align-self: flex-end;}

.cutrow, .cuth, .cutd{display: -webkit-box; display: flex;}
.agc.cutrow, .agc.cuth, .agc.cutd{-webkit-box-align: center; align-items: center;}
.cuth{margin-bottom: .5rem;}
.cutcont, .cuthcont, .cutdcont{position: relative; display: block; -webkit-box-flex: 1; flex: 1; width: 100%; min-width: 0;}
.cutlside{margin-right: 1rem; position: relative; display: block;}
.cutlside [class*="ico"]{margin-right: 0;}
.cutrside{margin-left: 1rem; position: relative; display: block; text-align: right;}
.ac.cutrside{text-align: center;}
.tol, .cuthcont{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


ins, .ins{text-decoration: none;}
.insm{margin-left: .3rem;}
ins + del{margin-left: .5rem;}


.inflist{line-height: 1.5rem; font-size: 1.1rem; color: #999;}
.infitm{margin-left: 1rem; line-height: 1.5rem;}
.infitm:first-child{margin-left: 0;}
.infitm:visited{color: #999;}


input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

.setint, .textint{display: block; text-align: left; text-indent: 0; padding: 1rem 0; width: 100%; line-height: 2.5rem; font-size: 1.4rem; color: #333; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; appearance: none; -webkit-appearance: none;}
.setint{height: 4.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.textint{height: auto; min-height: 12rem; resize: vertical;}
.feedback_textint{padding-bottom: 2rem; min-height: 24rem;}


.selgt{margin: 0 .5rem .2rem .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.rgt{margin: 0 .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 2px 2px 0 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}


[class*="btn"]:not(.disabled):active [class*="ico"]{opacity: .6;}




.xxlico{display: inline-block; width: 5.5rem; height: 5.5rem; background-repeat: no-repeat; background-size: 6rem auto; vertical-align: top;background-position: -.2rem -.5rem;}

.oil_xxlico1{background-image: url(/template/mobile/skin/images/1.png);}
.oil_xxlico2{background-image: url(/template/mobile/skin/images/2.png);}
.oil_xxlico3{background-image: url(/template/mobile/skin/images/3.png);}
.oil_xxlico4{background-image: url(/template/mobile/skin/images/4.png);}
.oil_xxlico5{background-image: url(/template/mobile/skin/images/5.png);}
.oil_xxlico6{background-image: url(/template/mobile/skin/images/6.png);}
.oil_xxlico7{background-image: url(/template/mobile/skin/images/7.png);}
.oil_xxlico8{background-image: url(/template/mobile/skin/images/8.png);}
.oil_xxlico9{background-image: url(/template/mobile/skin/images/9.png);}
.oil_xxlico10{background-image: url(/template/mobile/skin/images/10.png);}
.oil_xxlico11{background-image: url(/template/mobile/skin/images/11.png);}
.oil_xxlico12{background-image: url(/template/mobile/skin/images/12.png);}
.oil_xxlico13{background-image: url(/template/mobile/skin/images/13.png);}


.imgh90{height: 4.5rem; vertical-align: bottom;}


/*--鍏ㄥ眬椤堕儴--*/
.headwrap{position: relative; display: block; overflow: hidden;}
.header{position: relative; width: 100%; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; color: #0c5ca5; background: #fff; z-index: 13;}
.headtitle, .headcenter{margin: 0 5rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.headcenter{position: relative;}
.headtitle{height: 4.5rem; line-height: 4.5rem; font-size: 1.7rem; color: #0c5ca5;}
.headlogo{position: relative; max-width: 96%; max-height: 2.8rem; vertical-align: bottom;}
.headl, .headr{position: absolute; top: 0; height: 4.5rem; font-size: 0;}
.headl{left: 0;}
.headr{right: 0;}
.headwbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.headwbc .headl, .headwbc .headr{position: static; left: auto; right: auto; top: auto; bottom: auto;}
.headwbw{position: relative; display: block; flex: 1; -webkit-box-flex: 1;}
.headwbw:first-child{margin-left: 1rem;}
.headwbw:last-child{margin-right: 1rem;}

.headlinkbtn{display: inline-block; margin: 1rem 1rem 0 0; text-align: center; padding: .4rem .9rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.1rem; color: #0c5ca5; border: 1px solid #999; border-radius: 2rem; vertical-align: top;}
.headlinkbtn:visited{color: #0c5ca5;}
.headlinkbtn:active{color: #0066cb; background-color: #999;}
.headbtn{position: relative; display: inline-block; text-align: center; padding: 1.3rem .5rem 0 .5rem; min-width: 3rem; height: 4.5rem; font-size: 1.2rem; color: #999; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top;}
.hasdec.headbtn{padding-top: .5rem; line-height: 1.5rem; font-size: 1rem;}
.headl .headbtn:first-child, .headr .headbtn:last-child, .haspc.headbtn{padding-left: 1rem; padding-right: 1rem;}
.haspc.headbtn{margin-left: .5rem;}
.haspc.headbtn::before{position: absolute; top: 50%; left: 0; margin-top: -.9rem; display: block; content: ""; height: 1.8rem; line-height: 0; font-size: 0; border-right: 1px solid #ccc;}
.headbtn:visited{color: #0c5ca5;}
.headbtn:active{background-color: rgba(0,0,0,.1);}
.hico{display: inline-block; width: 2rem; height: 2rem; background-image: url(/template/mobile/skin/images/hico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}
.hasdec.headbtn .hico{margin: 0 auto; display: block;}
.search_hico{background-position: 0 0;}
.mes_hico{background-position: 0 -2rem;}
.user_hico{background-position: 0 -4rem;}




.searchrow{position: relative; display: block; width: 100%; background-color: #fff; box-shadow: 0 -1px 0 #efefef inset;}
.searchrow_form{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 0 .5rem; height: 4.5rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.searchrow_box{margin: 0 .5rem; position: relative; display: block; flex: 1; -webkit-box-flex: 1; height: 3.5rem;}
.searchrow_input, .searchrow_btn{border: none; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none;}
.searchrow_input{position: relative; z-index: 5; padding: .5rem .5rem .5rem 3.5rem; width: 100%; height: 3.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2.5rem; font-size: 1.3rem; color: #333; background-color: #f0f2f5; border-radius: 2rem;}
.searchrow_btn{position: absolute; z-index: 6; left: 1rem; top: 50%; margin-top: -1rem; width: 2rem; height: 2rem; background: url(/template/mobile/skin/images/hico.png) 0 0 no-repeat; background-size: 2rem auto;}
.searchrow_input:focus{background-color: #f0f0f0;}
.searchrow_outbtn{display: inline-block; padding: 1rem .5rem; height: 4.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2.5rem; font-size: 1.3rem; color: #999;}
.searchrow_outbtn:visited{color: #999;}
a.searchrow_outbtn:active{color: #0f829d;}


.headsearch{position: absolute; top: 0; left: 0; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; visibility: hidden; z-index: -1; background-color: #fff; overflow: hidden; transform: translateY(-100px); -webkit-transform: translateY(-100px); transition: transform .3s ease; -webkit-transition: -webkit-transform .3s ease;}
.headsearch_input:checked ~ .headsearch{/*position: static;*/ visibility: visible; z-index: 15; transform: translateY(0px); -webkit-transform: translateY(0px);}



/*sidemenu*/
.sidemenu_wrap{position: fixed; z-index: -1; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: z-index 0s .3s; -webkit-transition: z-index 0s .3s;}
.show_sidemenu .sidemenu_wrap{z-index: 199; transition: z-index 0s 0s; -webkit-transition: z-index 0s 0s;}
.container{transition: transform .3s; -webkit-transition: -webkit-transform .3s;}
.show_sidemenu .container{/*-webkit-filter: blur(2px); filter: blur(2px);*/ transform: translateX(-24rem); -webkit-transform: translateX(-24rem);}
.show_sidemenu .sidemenu_wrap .fade_bkbg{opacity: 1; visibility: visible;}

.menuico{position: relative; display: inline-block; width: 2rem; height: 2rem; vertical-align: top; transition: transform 0.2s; -webkit-transition: -webkit-transform 0.2s;}
.menuico_bd01, .menuico_bd02, .menuico_bd03{position: absolute; display: block; width: 2rem; height: 2rem; line-height: 0; font-size: 0; overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.show_sidemenu .menuico_bd01{transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.show_sidemenu .menuico_bd03{transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.menuico_bd01::before, .menuico_bd02::before, .menuico_bd03::before{position: absolute; left: .1rem; display: block; content: ""; width: 1.8rem; height: 2px; background-color: #EC881E; border-radius: 2px; transition: transform .2s .3s; -webkit-transition: -webkit-transform .2s .3s;}
.menuico_bd01::before{top: .3rem;}
.menuico_bd02::before{top: .9rem;}
.menuico_bd03::before{top: 1.5rem;}
.show_sidemenu .menuico_bd01::before{left: 50%; margin-left: -.9rem; transform: translateY(.5rem); -webkit-transform: translateY(.5rem);}
.show_sidemenu .menuico_bd02::before{transform: translateX(2.5rem); -webkit-transform: translateX(2.5rem);}
.show_sidemenu .menuico_bd03::before{left: 50%; margin-left: -.9rem; transform: translateY(-.7rem); -webkit-transform: translateY(-.7rem);}

.sidemenu{position: fixed; top: 0; right: 0; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; padding: 0 .8rem; width: 24rem; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; transform: translateX(100%); -webkit-transform: translateX(100%); -webkit-backface-visibility: hidden; transition: transform .3s; -webkit-transition: -webkit-transform .3s;}
.show_sidemenu .sidemenu{transform: translateX(0); -webkit-transform: translateX(0); z-index: 211; box-shadow: 0 0 1rem rgba(0,0,0,.3);}
.sidemenu_mc{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; overflow-x: hidden; overflow-y: auto; /*-webkit-user-select: none;*/ -webkit-overflow-scrolling: touch; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sidemenu_mt{position: relative; display: block; text-align: center; padding: 1rem; border-bottom: 1px solid #efefef;}
.sidemenu_mb{display: block; text-align: right; border-top: 1px solid #efefef;}

.contact.drawerlist{margin-bottom: 4rem;}
.contact.drawerlist .draweritem:last-child{border-bottom: 1px solid #efefef;}
.contact.drawerlist .draweritem{padding-left: 1rem; padding-right: 1rem;}
.draweritem{position: relative; display: block;  -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #efefef; overflow: hidden;}
.draweritem:last-child{border-bottom: none;}
.drawerhead, .drawermt{position: relative; z-index: 5; height: 5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; background-color: #fff;}
.drawerhead{display: block; padding: 1.5rem 4rem 1.5rem 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.4rem; color: #000;}
.drawermt{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.drawermtitle{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.5rem; color: #333;}
.hasfall.drawerhead::after{position: absolute; right: 1rem; top: 50%; margin-top: -.4rem; display: block; content: ""; width: .6rem; height: .6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #999; transform: rotate(-45deg) skew(-5deg,-5deg); -webkit-transform: rotate(-45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.drawerhead:visited{color: #000;}
.drawerfall{position: absolute; top: 100%; left: 0; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; visibility: hidden; z-index: -1; background-color: #fff; overflow: hidden; transform: translateY(-100px); -webkit-transform: translateY(-100px); transition: transform .3s ease; -webkit-transition: -webkit-transform .3s ease;}
.open.draweritem .drawerhead{color: #fff; background-color: #0c5ca5;}
.open.draweritem .hasfall.drawerhead::after{border-color: #fff; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg);}
.contact.drawerlist .open.draweritem .drawermt{/*margin-bottom: .5rem;*/ padding-top: 1.5rem; height: 3.5rem;}
.contact.drawerlist .open.draweritem .drawermtitle{color: #0c5ca5; font-weight: bold;}
.open.draweritem .drawerfall{position: static; visibility: visible; z-index: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}

/*涓嬫媺绗﹀彿(鑱旂郴鎴戜滑)*/
.drawerarrow{position: relative; display: inline-block; width: 2rem; height: 2rem; background-color: #e7e7e7; vertical-align: top;}
.drawerarrow ~ .drawermtitle, .drawermtitle ~ .drawerarrow{margin-left: 1rem;}
.drawerarrow::before{position: absolute; left: 50%; top: 50%; margin: -.3rem 0 0 -.6rem; display: block; content: ""; border: .6rem solid rgba(0,0,0,0); border-top-color: #0c5ca5; -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transition-duration: .3s; transition-duration: .3s;}
.open.draweritem .drawerarrow::before{margin-top: -.9rem; -webkit-transform: rotate(180deg) scaleX(.8); transform: rotate(180deg) scaleX(.8);}

/*涓嬫媺绗﹀彿(澶т簨閫熻)*/
.memorabilia_div .drawerarrow{background-color:transparent; }
.memorabilia_div .drawerarrow::before{border-top-color: #ccc;}
.memorabilia_div .open.draweritem .drawerarrow::before{border-top-color: #0c5ca5;}





.drawerseclist{padding: .5rem 0; text-align: left; line-height: 2rem; font-size: 1.2rem; color: #666;}
.drawerseclist a{display: block; padding: .95rem 1.5rem; width: 100%; height: 3.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666;}
.drawerseclist a:visited{color: #666;}
.drawerseclist a:active{color: rgba(102,102,102,.6); background-color: rgba(0,0,0,.05);}
/*end sidemenu*/


.tnav{position: relative; display: block; text-align: left; width: 100%; height: 4rem; line-height: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4d4d4d; background-color: #e7e7e7; overflow: hidden;}
.tnavlist{white-space: nowrap; font-size: 0; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.tnavlist>li{display: inline-block; font-size: 1.3rem; vertical-align: top;}
.tnavlist a{display: inline-block; text-align: center; padding: 1rem 1.5rem; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4d4d4d; vertical-align: top;}
.tnavlist a:visited{color: #4d4d4d;}
.tnavlist a:not(.disabled):active{background-color: rgba(0,0,0,.05);}
.tnavlist .on a{color: #fff; background-color: #0c5ca5;}
.party.tnavlist .on a{background-color: #0c5ca5;}


.clnavtab_wrap{display: block; height: 4rem; background-color: #fff;}
.clnavtab{display: block; width: 100%; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; color: #333; background-color: #fff; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.navbar_fixed .clnavtab{position: fixed; z-index: 11115; left: 0; top: 0; box-shadow: 0 -1px 0 #efefef inset;}
.clnavtablist{display: block; padding: .5rem 1rem 0 0rem;text-align: center;  white-space: nowrap; font-size: 0;}

.clnavtablist>li{padding:0 1rem; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.3rem; vertical-align: top;}
/*.clnavtablist>li:last-child{padding-right: 0;}*/
.clnavtablist a{display: inline-block; text-align: center; padding: .5rem 0; color: #333;}
.clnavtablist a:visited{color: #333;}
.clnavtablist a:not(.disabled):not(.on):active{color: rgba(15,130,157,.6);}
.clnavtablist .on a{padding-left: 1.5rem; padding-right: 1.5rem; color: #fff; background-color: #ec881e;}
.party.clnavtablist .on a{background-color: #e7b12b}




.picbn, .picadv{position: relative; display: block; overflow: hidden;}
.picadv{margin-bottom: .8rem;}
.picbn_link, .picadv_link{position: relative; display: block;}
.picbn_link{background-color: #000;}
.picbn img, .picadv img{display: block; width: 100%;}
.picbn_link:active img, .picadv_link:active img{opacity: .8;}



.focusbn{position: relative; display: block; overflow: hidden;}
.focusbn .bd li{position: relative; overflow: hidden;}
.focusbn .bd a{position: relative; display: block; background-color: #000; overflow: hidden;}
.focusbn .bd img{display: block; width: 100%;}
.focusbn .bd a:active img{opacity: .8;}
.focusbn .hd{position: absolute; z-index: 5; bottom: .8rem; left: 0; width: 100%; text-align: center; line-height: 0; font-size: 0;}
.focusbn .hd li{margin: 0 .2rem; position: relative; display: inline-block; width: .8rem; height: .2rem; min-height: 2px; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: rgba(255,255,255,.5); vertical-align: top; transition: .4s width linear; -moz-transition: .4s width linear; -webkit-transition: .4s width linear;}
.focusbn .hd li::before{position: absolute; top: 0; right: 0; display: block; content: ""; width: 0; height: 100%; background-color: #0c5ca5; transition: .4s width linear; -moz-transition: .4s width linear; -webkit-transition: .4s width linear;}
.focusbn .hd .on{width: 1.5rem;}
.focusbn .hd .on::before{right: auto; left: 0; width: 100%;}






.fsection{display: block; padding: .5rem 1.25rem; overflow: hidden;}
.whfsection{background-color: #fff;}
.aboutfsection{color: #fff; background-color: #0c5ca5;}

.fsecthead{margin: 2rem 0; text-align: center;}
.fsectitle{margin: 1.5rem 0; position: relative;font-weight: bold; display: block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 3rem; font-size: 1.9rem; color: #333;}
.fsecthead .fsectitle{margin: .2rem 0;}
.aboutfsection .fsectitle{color: #fff; }
.fsectitle:not(.noline){padding-bottom: .5rem;}
.fsectitle:not(.noline)::after{position: absolute; bottom: 0; left: 50%; margin-left: -4rem; display: block; content: ""; width: 8rem; height: 0; line-height: 0; font-size: 0; border-bottom: 1px solid #00aaea;}
.bu.fsectitle{color: #0c5ca5;}
.fsecteng{margin: .2rem 0; display: block; text-align: center; line-height: 1; font-size: 2rem; color: #999; text-transform: uppercase; font-variant: small-caps;}
.fsectpara{margin: .8rem .5rem; line-height: 1.8; font-size: 1.3rem;}
.fsectbtnrow{margin: 2rem .5rem 2.5rem .5rem; text-align: left;}


.fsectsechead{margin: 1.5rem 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.fsectsechead_text{position: relative; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2.5rem; font-size: 1.9rem; color: #0c5ca5; font-weight: bold;}
.party.fsectsechead_text{color: #e00000;}
.ogline.fsectsechead_text{padding-bottom: .2rem;}
.ogline.fsectsechead_text::before{position: absolute; bottom: 0; left: 0; display: block; content: ""; width: 1em; height: .2rem; min-height: 2px; background-color: #ec881e;}
.md.fsectsechead{margin: 1rem 0 .8rem 0;}
.md.fsectsechead .fsectsechead_text{font-size: 1.7rem;}


.bufsection{display: block; padding: 0 1rem; font-size: 1.2rem; color: #fff; background-color: #325398; background-image: url(../images/icon/clsolgenbg.jpg), -webkit-gradient(linear,0 50%,100% 50%, from(#325398), to(#5aa2dc)); background-image: url(../images/icon/clsolgenbg.jpg), -webkit-linear-gradient(0deg, #325398, #5aa2dc); background-image: url(../images/icon/clsolgenbg.jpg), linear-gradient(90deg, #325398, #5aa2dc); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; overflow: hidden;}
.party.bufsection{background-color: #325398; background-image: url(../images/icon/clsolgenbg2.jpg), -webkit-gradient(linear,0 50%,100% 50%, from(#325398), to(#5aa2dc)); background-image: url(../images/icon/clsolgenbg2.jpg), -webkit-linear-gradient(0deg, #325398, #5aa2dc); background-image: url(../images/icon/clsolgenbg2.jpg), linear-gradient(90deg, #325398, #5aa2dc); background-repeat: no-repeat; background-position: 50% 0; background-size: cover;}
.bufsection .fsectitle, .bufsection .fsectsechead_text{color: #fff;}

.fsectsecitem{margin: 2rem 0;}









.videobox{position: relative; display: block; text-align: center; overflow: hidden;}
.videobox video{position: relative; display: block; width: 100%;}
.videobox img{display: block; width: 100%;}
.videocover{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
.videobox_decs{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding: 0 1rem; width: 100%;}
.playbtn100{position: relative; display: inline-block; width: 5rem; height: 5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; border-radius: 50%; vertical-align: bottom;}
.playbtn100::before{position: absolute; left: 50%; top: 50%; margin: -1.6rem 0 0 -.6rem; display: block; content: ""; border: 1.6rem solid rgba(0,0,0,0); border-left-color: #fff; -webkit-transform: scaleY(.6); transform: scaleY(.6);}
.playbtn100:active{background-color: #00954c;}


.autabitem{display: block; overflow: hidden;}

.focustab{position: relative; padding: 1rem 3rem 1.8rem 3rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.fsection .focustab{margin-left: -1.25rem; margin-right: -1.25rem;}
.focustab .icoexplainitem{padding-left: 0; padding-right: 0;}
.focusctlbtn{position: absolute; top: 50%; margin-top: -2rem; display: block; width: 2.5rem; height: 4rem;}
.focusctlbtn::before{position: absolute; left: 50%; top: 50%; margin: -.8rem 0 0 -.4rem; display: block; content: ""; border: .8rem solid rgba(0,0,0,0); -webkit-transform: scaleY(.8); transform: scaleY(.8);}
.prev.focusctlbtn{left: 0; background-color: #e7e7e7;}
.next.focusctlbtn{right: 0; background-color: #0c5ca5;}
.prev.focusctlbtn::before{margin-left: -1.4rem; border-right-color: #0c5ca5;}
.next.focusctlbtn::before{border-left-color: #fff;}
.focusctlbtn:active{background-color: #00954c;}
.prev.focusctlbtn:active::before{border-right-color: #fff;}


.inlinectls{display: inline-block; font-size: 0; vertical-align: bottom;}
.inlinectlbtn{position: relative; display: inline-block; width:3.2rem; height:3.2rem; vertical-align: middle;}
.inlinectlbtn::before{position: absolute; left: 50%; top: 50%; margin: -1rem 0 0 -.3rem; display: block; content: ""; border: 1rem solid rgba(0,0,0,0); -webkit-transform: scaleY(.8); transform: scaleY(.8);}
.prev.inlinectlbtn{background-color: #0c5ca5;}
.next.inlinectlbtn{background-color: #0c5ca5;}
.prev.inlinectlbtn::before{margin-left: -1.6rem; border-right-color: #fff;}
.next.inlinectlbtn::before{margin-right: -1.6rem; border-left-color: #fff; border-right: 0;}
.gy.inlinectlbtn{background-color: #dbdbdb;}
.gy.inlinectlbtn::before{border-right-color: #fff;}
/*.inlinectlbtn:active{background-color: #00954c;}*/
/*.prev.inlinectlbtn:active::before{border-right-color: #fff;}*/

/*璺宠浆鍒?/
.jumpselectspan{margin: 0 .4rem; position: relative; display: inline-block; text-align: center; height: 3.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2.2rem; font-size: 1.2rem; color: #999; background-color: #dbdbdb; vertical-align: middle;}
.jumpselectspan::after{position: absolute; right: .8rem; top: 50%; margin-top: -.3rem; display: block; content: ""; border: .5rem solid rgba(255,255,255,0); border-top-color: #fff; transform: scaleX(.8); -webkit-transform: scaleX(.8);}
.jumpselectspan_select{position: relative; z-index: 5; text-align: center; padding: .5rem 2rem .5rem 1rem; line-height: 2.2rem; font-size: 1.2rem; color: #999; background: none; border: none; border-radius: 0; outline: 0; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; appearance: none;}


.icoexplainitem{margin: 1rem 0; position: relative; display: -webkit-box; display: flex; padding: 1rem;}
.icoexplain_icon{position: relative; display: block; margin-right: 1.3rem; -webkit-align-self: center; align-self: center;}
.icoexplainitem .spc{margin: .5rem 1.3rem .5rem 0; display: block; line-height: 0; font-size: 0; border-right: 2px solid #efefef;}
.icoexplainitem .bu.spc{border-right-color: #0c5ca5;}
.icoexplain_cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; font-size: 1.2rem; color: #333;}
.icoexplain_name, .icoexplain_tit, .icoexplain_decs{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.icoexplain_name{font-size: 1.9rem; color: #0c5ca5; font-weight: bold;line-height: 5rem;}
.icoexplain_tit{font-size: 1.4rem; font-weight: bold;}
.icoexplain_decs{font-size: 1.2rem;}

.gnavbox{display: block; padding: 0 1rem; background-color: #fff; padding-bottom: 2rem;}
.gnavrow{display: -webkit-box; display: flex; padding: 1.6rem 0; border-bottom: 1px solid #efefef;}
.gnavrow:last-child{ border-bottom:none;}
.gnav_sign{display: block; text-align: center; width: 8.5rem; -webkit-align-self: center; align-self: center;}
.gnav_sign .ico{margin: 0 auto .5rem; display: block; height: 4.5rem;}
.gnav_sign .dt{font-size: 1.3rem;}
.gnavrow .spc{margin: .5rem 0; display: block; line-height: 0; font-size: 0; border-right: 1px solid #efefef;}
.gnav_cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; padding-left: 1rem; -webkit-align-self: center; align-self: center;}
.gnavlist{line-height: 2rem; font-size: 1.2rem; color: #666; overflow: hidden;}
.gnavlist>li{float: left; width: 33.333%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.gnavlist a{display: block; padding: .2rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666;}
.gnavlist a:visited{color: #666;}
.gnavlist a:active{color: #0c5ca5;}






.cutnewlist{padding: 0 1rem; background-color: #fff;}
.cutnewitem{margin-bottom: 1.5rem;}
.cutnewlist .cutnewitem{margin-bottom: 0; padding:.8rem .5rem; border-bottom: 1px solid #efefef; overflow: hidden;}
.cutnew_link{display: block; padding: .5rem 0; overflow: hidden;}
.cutnew_sec{margin: 1rem 0; line-height: 1.6; font-size: 1.3rem; color: #666;}
.cutnew_produce{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
a.cutnew_link:not(.disabled):active, a.cutnew_produce:not(.disabled):active{opacity: .8;}
.cutnewlist .cutnew_produce{margin: 1rem 0;}
.cutnew_date{margin-right: 1.5rem; position: relative; padding-right: .5rem; min-width: 6.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; color: #333;}
.cutnew_date::after{position: absolute; top: 50%; right: 0; margin-top: -1.5rem; display: block; content: ""; height: 3rem; line-height: 0; font-size: 0; border-right: 1px solid #ccc;}
.cutnew_day{font-size: 1.9rem;}
.cutnew_year{font-size: 1.1rem;}
.cutnew_cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.cutnew_tilte, .cutnew_p{display: block; width: 100%; height: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cutnew_tilte{font-size: 1.5rem; color: #333; font-weight: bold;}
.cutnew_p{font-size: 1.1rem; color: #666;}






.clsolgen{padding-left: 2rem;}
.clsolgenitem{margin: 3rem 0;}
.clsolgentitle{margin: .5rem 0; font-weight: bold; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2.5rem; font-size: 1.9rem;}
.clsolgenpara{margin: .5rem 0; font-weight: bold;  display: block; line-height: 2rem; font-size: 1.6rem;}
.clsolgeneg{margin: 1rem 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.clsolgeneg::before{margin-right: .7rem; display: block; content: ""; width: .2rem; min-width: 2px; height: 3.5rem; line-height: 0; font-size: 0; background-color: #ec881e;}
.clsolgeneg_cnt{-webkit-box-flex: 1; flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; line-height: 2rem; font-size: 1.2rem;}

.secartdp{padding: 1.6rem 1rem; line-height: 1.6; font-size: 1.4rem; color: #333;}
.secartdp .pic{margin: 1rem 0; text-align: center;}
.secartdp .pic img{display: block; width: 100%;}
.secartdp .sec, .secartdp p{margin: 1rem;}

.focusbn .secartdp{ color:#666; font-size:1.3rem;}

.artdp{display: block; padding: 1rem 1.25rem; background-color: #fff; overflow: hidden;}
.artdp_title{margin: 1rem 0rem; line-height: 1.2; font-size: 2rem; color: #333; font-weight: bold;}
.artdp_slogen{margin: 1rem 0 1.6rem 0; position: relative; padding-bottom: 1rem; font-size: 1.3rem; color: #666;}
.artdp_slogen::before{position: absolute; bottom: 0; left: 0; display: block; content: ""; width: 10rem; height: .2rem; min-height: 2px; line-height: 0; font-size: 0; background-color: #ccc;}
.artdp_info{margin: 1rem 0; display: block; padding-bottom: .9rem; font-size: 1.1rem; border-bottom: 1px solid #efefef;}
.artdp_info_tr{margin: .5rem 0;}
.artdp_body{margin: 2rem 0rem 2rem 0rem; line-height: 1.8; font-size: 1.4rem; color: #333;}
.artdp .pic{margin: 2rem 0; text-align: center;}
.artdp .pic img{display: block; width: 100%;}
.artdp .sec, .artdp p{margin: 1rem .8rem;}





.clexpenters{background-color: #fff; box-shadow: 0 0 2.5rem rgba(0,0,0,.08); overflow: hidden;}
.clexpenteritem{position: relative; float: left; text-align: center; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; color: #999; background-color: #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.clexpenteritem:nth-of-type(odd)::after{position: absolute; z-index: 1; right: 0; top: 1rem; bottom: 1rem; display: block; content: ""; border-right: 1px solid #e7e7e7;}
.clexpenteritem:visited{color: #999;}
.clexpenter_produce{position: relative; padding: 3rem 1rem 0 1rem; width: 100%; height: 20rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff;}
.clexpenteritem:not(.disabled):active::before{display: none;}
.clexpenteritem:not(.disabled):active .clexpenter_produce{box-shadow: 0 0 .5rem rgba(0,0,0,.3); transform: perspective(30rem) translateZ(-2rem); -webkit-transform: perspective(30rem) translateZ(-2rem);}
.clexpenteritem .title{margin: .5rem 0; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.7rem; color: #333;}
.clexpenter_produce .para{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; max-height: 4rem; line-height: 2rem; font-size: 1.2rem; color: #999;}
.clexpenter_produce .ico{margin: 0 auto .5rem; display: block; height: 11rem;}


.focusband{position: relative; padding: 2rem 2.5rem; min-height: 3rem;}
.focusbandlist>li{display: -webkit-box!important; display: flex!important; -webkit-box-align: center; align-items: center;}
.focusbanditem{display: block; -webkit-box-flex: 1; flex: auto; min-width: 0;}
.focusbanditem img{display: block; width: 100%; opacity: .5;}
.focusbanditem:active img{opacity: 1;}
.focusband .prev, .focusband .next{position: absolute; top: 50%; margin-top: -1.2rem; display: block; width: 2.5rem; height: 3rem;}
.focusband .prev:not(.prevStop):active, .focusband .next:not(.nextStop):active{background-color: rgba(0,0,0,.05);}
.focusband .prev{left: 0;}
.focusband .next{right: 0;}
.focusband .prev::before, .focusband .next::before{position: absolute; top: 50%; margin-top: -.6rem; display: inline-block; content: ""; width: .9rem; height: .9rem; border-style: solid; border-color: #00ab00; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg);}
.focusband .prevStop::before, .focusband .nextStop::before{border-color: #ccc; cursor: not-allowed;}
.focusband .prev::before{left: 50%; margin-left: -.4rem; border-width: 0 0 3px 3px;}
.focusband .next::before{left: 50%; margin-left: -.8rem; border-width: 3px 3px 0 0;}


.aboutpeo{margin-top: 1.5rem; display: -webkit-box; display: flex; padding: 1rem 1.5rem 1px 1.5rem; font-size: 1.1rem; color: #fff; background-color: #0c5ca5;}
.aboutpeo_pic{margin: 0 -1.5rem 0 .1rem; position: relative; width: 50%; max-width: 404px; min-width: 200px; -webkit-align-self: flex-end; align-self: flex-end;}
.aboutpeo_pic img{display: block; width: 100%;}
.aboutpeo_cnt p{margin: 1rem 0;}

.aboutdp{display: block; background-color: #fff; overflow: hidden;}
.aboutdp_title{margin: 2.5rem 1rem 2.2rem 0rem; position: relative; display: block; font-weight: bold;padding-bottom: 1rem; line-height: 1.2; font-size: 2.4rem; color: #0c5ca5;}
.aboutdp_title::before{position: absolute; bottom: 0; left: 2.4rem; display: block; content: ""; width: 5rem; height: .3rem; min-height: 3px; line-height: 0; font-size: 0; background-color: #00aaea;}
.aboutdp_aside{display: block; padding: .5rem 1rem 3rem 1rem;}
.aboutdp .job{margin: .5rem 0; font-size: 1.1rem; color: #333;}
.aboutdp .name{margin: .5rem 0; line-height: 2.5rem; font-size: 1.9rem; color: #333;}



.honorfocus{margin: 2rem auto; position: relative; display: block; overflow: hidden;}
.wpbox .honorfocus, .fsection .honorfocus, .ph20 .honorfocus{margin-left: -1rem; margin-right: -1rem;}
.honorfocus .bd{position: relative; margin: 0 10%; width: 80%;}
.honorfocus .tempWrap, .honorfocus .honorfocus_list{overflow-x: visible!important; overflow-y: visible!important;}
.honorfocus_item{display: block; -webkit-box-sizing: border-box; box-sizing: border-box; transition: .3s; -webkit-transition: .3s; -webkit-transform: scale(.9); transform: scale(.9);}
.active.honorfocus_item{position: relative; z-index: 5; opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.honorfocus_produce{display: block; padding: .5rem; background-color: #fff; box-shadow: 0 .2rem 1.5rem rgba(0,0,0,.2);}
a.honorfocus_produce:not(.disabled):active{opacity: .8;}
.honorfocus_produce .pic{display: block; overflow: hidden;}
.honorfocus_produce .pic img{display: block; width: 100%;}
.honorfocus_produce .title{margin: .8rem 0 .3rem 0; display: block; text-align: center; width: 100%; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.4rem; color: #333;}
.honorfocus .hd{margin-top: 2rem; height: 1.2rem; text-align: center; line-height: 0; font-size: 0;}
.honorfocus .hd li{margin: 0 .2rem; position: relative; display: inline-block; width: .8rem; height: .8rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: rgba(0,0,0,.2); border-radius: 50%; overflow: hidden; vertical-align: middle; transition: .4s linear; -webkit-transition: .4s linear;}
.honorfocus .hd li::before{position: relative; display: block; content: ""; width: 100%; height: 100%; background-color: #0c5ca5; border-radius: 50%; transition: .4s linear; -webkit-transition: .4s linear; transform: scale(0); -webkit-transform: scale(0);}
.honorfocus .hd .on::before{transform: scale(1); -webkit-transform: scale(1);}


.endetail{display: block; font-size: 1.1rem; color: #666;}
.endetail a, .endetail a:visited{color: #666;}
.endetail a:active{color: rgba(153,153,153,.6);}
.gybg.endetail{padding: .5rem 1.5rem;}
.endetail .sec{margin: 1rem .5rem;}
.endetail .dlhoz{margin: .3rem 0; display: -webkit-box; display: flex;}
.endetail .dlhoz .dd{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.endetail .dlver{margin: 1rem 0;}
.endetail .dlver .dt{position: relative; padding-left: 1.5rem; line-height: 2rem; font-size: 1.2rem; color: #333;}
.endetail .dlver .dt::before{position: absolute; top: .7rem; left: 0; display: block; content: ""; width: .6rem; height: .6rem; background-color: #0c5ca5;}
.endetail .dlver .dd{padding-left: 1.5rem;}
.endetail .tr{margin: .5rem 0;}
.endetail .notice{font-size: 1.2rem; color: #ec881e;}

/*鐐瑰嚮缃戝潃閾炬帴*/
.contact .dlhoz .dd a:active{ color:#fff; background-color: #0c5ca5;}

.qrcodespan{margin-left: 2rem; display: inline-block; text-align: center; width: 10rem; vertical-align: bottom;}
.qrcodespan:first-child{margin-left: 0;}
.qrcodespan_img{display: block; width: 10rem; height: 10rem;}
.qrcodespan_title{margin-top: .5rem; font-size: 1rem; color: #666;}


.decimalist{margin-left: 1.5em; list-style: decimal outside;}
.decimalist>li{margin: .3rem 0;}


.eventlist{position: relative; margin: .5rem 0; padding: 0 .5rem; overflow: hidden;}
.wpbox .eventlist, .ph20 .eventlist, .fsection .eventlist{margin-left: -.5rem; margin-right: -.5rem; padding: 0;}
.eventitem{float: left; margin: .5rem 0; padding: 0 .5rem; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.eventitem_produce{display: block; text-align: center; background-color: #e7e7e7;}
a.eventitem_produce:not(.disabled):active{opacity: .9;}
.eventitem_produce .pic{display: block; overflow: hidden;}
.eventitem_produce .pic img{display: block; width: 100%;}
.eventitem_produce .t{display: block; padding: .5rem 1rem; width: 100%; height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.3rem; color: #333;}


.rulebox{margin: 1rem 0; display: block; max-height: 60vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.rulebox::-webkit-scrollbar{display: block;}
.rulebox_sec{margin-bottom: 2.4rem;}
.rulebox_dt{margin-bottom: .5rem; font-size: 1.5rem; color: #333; font-weight: bold;}
.rulebox_sec p{ font-size:1.3rem; margin-bottom: .5rem;}
.rulebox_sec .sec_ul{ padding:0 .3rem; margin-bottom: 1rem; margin-top: .5rem; font-size: 1.2rem;}
.rulebox_sec .th_t{ font-size:1.3rem; color:#333; margin: .4rem 0 0 0;}

.contactmap_wrap{position: relative; display: block; width: 100%; height: 40vh; min-height: 23rem; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.contactmap{position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.contactmap_sitebox{position: absolute; z-index: 5; left: 1.2rem; top: 43%; margin-top: -8.5rem; display: block; width: 25rem; height: 20.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5rem; font-size: 1.1rem; color: #fff; background-color: rgba(12,92,165,.9); background-image: url(/template/mobile/skin/images/contactmap3.png); background-position: -143px -117px; background-repeat: no-repeat; background-size: 445px auto;}
.contactmap_sitelist{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.contactmap_siteitem{position: absolute; padding-left: 2rem;}
.left.contactmap_siteitem::before{position: absolute; top: .5rem; left: 1rem; display: block; content: ""; width: .5rem; height: .5rem; font-size: 0; background-color: #ec881e; border-radius: 50%;}
.right.contactmap_siteitem::after{position: absolute; top: .5rem; right: -1.3rem; display: block; content: ""; width: .5rem; height: .5rem; font-size: 0; background-color: #ec881e; border-radius: 50%;}
/*.selected.contactmap_siteitem::before, .selected.contactmap_siteitem::after{top: 0; width: 1.5rem; height: 1.5rem; background: transparent url(/template/mobile/skin/images/sico.png) 0 0 no-repeat; background-size: 1.5rem auto;}*/
/*.selected.contactmap_siteitem::before{left: 0;}*/
/*.selected.contactmap_siteitem::after{right: -1.3rem;}*/
.fore0.contactmap_siteitem{top: 0.8rem; right: 4rem;}
.fore1.contactmap_siteitem{top: 2.1rem; right: 4.4rem;}
.fore2.contactmap_siteitem{top: 7.2rem; right: 6.8rem;}
.fore3.contactmap_siteitem{top: 8.6rem; right: 3.2rem;}
.fore4.contactmap_siteitem{bottom: 8.9rem; right: 3.4rem;}
.fore5.contactmap_siteitem{bottom: 7.2rem; left: 9.5rem;}
.fore6.contactmap_siteitem{bottom: 5.6rem; left: 11.5rem;}
.fore7.contactmap_siteitem{bottom: 0.6rem; right: 7.5rem;}





.asidefocus_section{display: none;}
.active.asidefocus_section{display: block;}










/*selint*/
.selint{position: relative;}
.selint_select{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 5;}

.linkselect{position: relative; display: inline-block; text-align: left; padding: .5rem 2rem .5rem 1rem; max-width: 100%; min-width: 20rem; height: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; font-size: 1.3rem; font-weight: bold; color: #333; background-color: #fff; margin-top: .5rem; margin-bottom: .5rem;}
.linkselect::after{position: absolute; right: .2rem; top: 50%; margin-top: -.5rem; display: block; content: ""; border: .5rem solid rgba(0,0,0,0); border-left-color: #4d4d4d; -webkit-transform: scaleY(.8); transform: scaleY(.8);}
/*end selint*/









/*footer*/
.footer{display: block; text-align: center; font-size: 1.1rem; color: #fff; background-color: #4d4d4d; overflow: hidden;}
.footer a{color: #fff; -webkit-transition: .3s; transition: .3s;}
.footer a:not(.disabled):active{color: rgba(255,255,255,.6);}
.footmain{display: block; padding: .5rem 1rem;}
.footer .itm{margin: 0 .8rem; display: inline-block;}
.footrow{margin: .5rem 0;}
.footqrcode{margin: 2rem 0;}
.footqrcode_itm{display: inline-block; width: 10rem;}
.footqrcode_pic, .footqrcode_pic img{display: block; width: 10rem; height: 10rem;}
.footright{margin: 1rem -.5rem 1rem -.5rem; font-size: .9rem; color: rgba(255,255,255,.4);}
.footright a{color: rgba(255,255,255,.4);}
.footlink{display: block; padding: 1.5rem .5rem; background-color: #333; font-size: 1.2rem;}
.footlink a{display: inline-block;}
.footlink .spc{margin: 0 2px;}


/*椤电爜*/
.page_r{text-align:right; margin:40px 0;}
.page_r a, .page_r span{display:inline-block;vertical-align: top;margin-left: 1px;width: 55px;height: 34px;line-height: 34px;overflow: hidden; border:1px solid #e7e7e7;font-size: 16px; color:#333;text-align: center;}
.page_r .page_prev, .page_r .page_next{font-size: 0; background-color: #e7e7e7; background-image: url("/template/pc/skin/images/btn.png"); background-position: -34px 0; background-repeat: no-repeat; background-size: 68px auto;}
.page_r .page_first, .page_r .page_last{font-size: 0; background-color: #e7e7e7; background-image: url("/template/pc/skin/images/btn2.png"); background-position: -34px 0; background-repeat: no-repeat; background-size: 68px auto;}
.page_r .page_next, .page_r .page_last{background-position: -34px -34px;}
.page_r a:hover, .page_r span{background-color: #0c5ca5; color: white;}
.party.page_r a:hover, .party.page_r span{background-color: #e60000;}

.hover{background: #0c5ca5;color:#fff !important;}

/*---------------------------star(2018.12.06)澶т簨閫熻*/


.memorabilia_div{ position:relative; margin: 1rem .8rem 1rem 0rem;}
.f_memorabilia_y_line{ position:absolute; font-size: 0; overflow: hidden; width: 1px; height: 98%; background-color: #ccc; z-index: 6; left:.45rem; top:1rem; }
.memorabilia_div .draweritem{ background-color:transparent;}
.memorabilia_div .draweritem{ border-bottom:none; position: relative; margin-bottom: 1.5rem; }
.memorabilia_div .drawermt,.memorabilia_div .drawerfall{padding:0 0 0 2.5rem;}
.memorabilia_div,.memorabilia_div .drawermt{ margin-left: 0rem;}
.memorabilia_div .drawermt{ height:3rem;}
/*灏忓渾鐐?/
.f_memorabilia_round{ width:.9rem; height: .9rem; background-color: #0c5ca5; font-size: 0; overflow: hidden; position: absolute; top:1rem; z-index: 6; left: 0; border-radius: 50%;}
.party.f_memorabilia_round{background-color: #e60000;}


.memorabilia_ul .item_li{ margin:0 0 2rem 0; }
.memorabilia_ul .item_li:last-child{ margin-bottom:0rem;}
.memorabilia_ul .dt{ margin-right:1.7rem;}
/*.memorabilia_ul .dd p{ margin-bottom:1rem;}
.memorabilia_ul .dd p:last-child{ margin-bottom:0rem;}*/
.memorabilia_ul{ font-size:1.2rem; line-height: 1.8;}
.memorabilia_num{ background-color: #e7e7e7; padding: 0 .8rem; -webkit-border-radius: 1.7rem; border-radius: 1.7rem;text-align: center; vertical-align: middle; display: inline-block; min-width: 4.5rem; line-height: 1.7rem; -webkit-box-sizing: border-box;box-sizing: border-box;}




/*ftool*/
.ftools{position: fixed; z-index: 13; bottom: 1rem; right: .5rem;}
.incenter.ftools{bottom: .5rem; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.ftoolsitem{margin: 0 auto .8rem; display: block; text-align: center; width: 3.4rem; height: 3.4rem; box-sizing: border-box; -webkit-box-sizing: border-box;}

.gotop.ftoolsitem{background-color: #ec881e;}
.gotop.ftoolsitem:active{background-color: #333;}



.ftoolsitem::before{display: block; content: ""; width: 3.4rem; height: 3.4rem; background-image: url(/template/mobile/skin/images/ftools.png); background-repeat: no-repeat; background-size: 3.4rem auto;}
.gotop.ftoolsitem::before{background-position: 0 0rem;}


/*end ftool*/



/*濯掍綋閾炬帴*/
.unbrandlist{overflow: hidden; margin-top: 2rem; margin-bottom: 2rem;}
.unbranditem{float: left; position: relative; display: block; width: 50%; min-height: 5rem; border-bottom: 1px solid #efefef;}
@media (min-width: 751px) and (max-width: 1200px) {
	.unbranditem{width: 33.33%;}
}
@media (min-width: 1201px) {
	.unbranditem{width: 25%;}
}
.unbranditem::after{position: absolute; right: 0; top: 50%; margin-top: -2.5rem; display: block; content: ""; height: 5rem; border-left: 1px solid #efefef;}
.unbrandproduce{position: relative; display: block; overflow: hidden;}
.unbrandproduce img{display: block; width: 100%;}
a.unbrandproduce:active{opacity: .8;}




/*btn*/
.abtnrow{margin: 1rem 0; padding:1rem 0; display: block; text-align: center;}



.msbtn{display: inline-block; text-align: center; padding: 0 .8rem; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.1rem; border-radius: 0; border: none; outline: 0; -webkit-appearance: none;}

.butxtwhbtn{color: #0c5ca5; background-color: #fff;}
.butxtwhbtn:visited{color: #0c5ca5;}
.butxtwhbtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #ec881e;}
.whtxtgybtn{color: #fff; background-color: #808080;}
.whtxtgybtn:visited{color: #fff;}
.whtxtgybtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #0c5ca5;}


/*border*/
.bborder{border-bottom: 1px solid #efefef;}


/*璺濈*/
.mt0, .mv0, .m0{margin-top: 0!important;}
.mb0, .mv0, .m0{margin-bottom: 0!important;}
.ml0, .mh0, .m0{margin-left: 0!important;}
.mr0, .mh0, .m0{margin-right: 0!important;}
.mt10, .mv10, .m10{margin-top: .5rem!important;}
.mb10, .mv10, .m10{margin-bottom: .5rem!important;}
.ml10, .mh10, .m10{margin-left: .5rem!important;}
.mr10, .mh10, .m10{margin-right: .5rem!important;}
.mt20, .mv20, .m20{margin-top: 1rem!important;}
.mb20, .mv20, .m20{margin-bottom: 1rem!important;}
.ml20, .mh20, .m20{margin-left: 1.25rem!important;}
.mr20, .mh20, .m20{margin-right: 1.25rem!important;}
.mt30, .mv30, .m30{margin-top: 1.5rem!important;}
.mb30, .mv30, .m30{margin-bottom: 1.5rem!important;}
.ml30, .mh30, .m30{margin-left: 1.5rem!important;}
.mr30, .mh30, .m30{margin-right: 1.5rem!important;}
.mt40, .mv40, .m40{margin-top: 2rem!important;}
.mb40, .mv40, .m40{margin-bottom: 2rem!important;}
.ml40, .mh40, .m40{margin-left: 2rem!important;}
.mr40, .mh40, .m40{margin-right: 2rem!important;}


.pt0, .pv0, .p0{padding-top: 0!important;}
.pb0, .pv0, .p0{padding-bottom: 0!important;}
.pl0, .ph0, .p0{padding-left: 0!important;}
.pr0, .ph0, .p0{padding-right: 0!important;}
.pt10, .pv10, .p10{padding-top: .5rem!important;}
.pb10, .pv10, .p10{padding-bottom: .5rem!important;}
.pl10, .ph10, .p10{padding-left: .5rem!important;}
.pr10, .ph10, .p10{padding-right: .5rem!important;}
.pt20, .pv20, .p20{padding-top: 1rem!important;}
.pb20, .pv20, .p20{padding-bottom: 1rem!important;}
.pl20, .ph20, .p20{padding-left: 1rem!important;}
.pr20, .ph20, .p20{padding-right: 1rem!important;}
.pt30, .pv30, .p30{padding-top: 1.5rem!important;}
.pb30, .pv30, .p30{padding-bottom: 1.5rem!important;}
.pl30, .ph30, .p30{padding-left: 1.5rem!important;}
.pr30, .ph30, .p30{padding-right: 1.5rem!important;}
.pt40, .pv40, .p40{padding-top: 2rem!important;}
.pb40, .pv40, .p40{padding-bottom: 2rem!important;}
.pl40, .ph40, .p40{padding-left: 2rem!important;}
.pr40, .ph40, .p40{padding-right: 2rem!important;}


.ph20{padding-left: 1rem!important; padding-right: 1rem!important;}

.box_md60{ margin-bottom:3rem;}
.box_p25{ padding:1.25rem;}


/*font*/
.name34{line-height: 2.5rem; font-size: 1.7rem; color: #333;}

/*color*/
.bktxt. .bktxt{color: #333;}
a.bktxt:active{color: #ec881e;}



@media only screen and (max-width: 320px) {

}

@media only screen and (min-width: 321px) and (max-width: 375px) {
	/*html{font-size: 75%;}*/
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
	html{font-size: 75%;}
}

@media only screen and (min-width: 415px) and (max-width: 750px) {
	html{font-size: 75%;}
}

@media only screen and (min-width: 751px) and (max-width: 767px) {
	html{font-size: 75%;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	html{font-size: 75%;}
}

@media only screen and (min-width: 1200px){
    html{font-size: 87.5%;}
}

.hide_box .bd .eventitem{float: left; width: calc(50% - 5px); margin:0; padding:5px;}
.hide_box .hd ul{ overflow:hidden; height:45px; padding:0 10px; display:flex; justify-content:center; align-items:center; }
.hide_box .hd ul li{ width:12px; height:12px; overflow:hidden; margin:5px 8px 5px; background:#ccc; text-indent:-999px; cursor:pointer; }
.hide_box .hd ul li.on{ background:#ec881e; }