@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;}
body{font-size:18px;font-family:"微软雅黑";color:#333;line-height:150%;background:#fff;-webkit-text-size-adjust:none;min-width:320px;}
h1,h2,h3,h4,h5,h6, strong, em{font-size:100%;}
address,cite,dfn,em,var,i{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
form{display:inline;}
small{font-size:14px;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;}
a:active,a:focus{color:#333;text-decoration:none;}
a:active{color:#333;}
a:link,a:visited {color: #333; text-decoration: none;}
a:hover{ color:#999999}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;-webkit-appearance:none;}
section{ display:block; margin:0; padding:0; }
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}
.tc{text-align:center}
.clear {clear: both;}
.clearfix:after {clear: both;   content: ".";   display: inline;    height: 0;    overflow: hidden;    visibility: hidden;}
.clearfix {clear: both;  display: inline;   height: 0;   margin: 0;  padding: 0;}
#mainpage{overflow:hidden;margin:0 auto;width:100%;}
/* 澶撮儴 */
.headbox{clear:both;*zoom:1;background:url("http://www.locpg.hk/mobile/imgs/bg_dh.png") no-repeat center top,#fff;background-size:320px 69px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.headbox{clear:both;*zoom:1;background:url("http://www.locpg.hk/mobile/imgs/bg_dh.png") no-reapeat center top,#def1e1;background-size:100%}}
.logoarea{clear:both;height:69px;overflow:hidden;*zoom:1;/*width:320px;*/margin:0 auto;}
.logoarea #dh{ height:22px; line-height:22px; font-size:20px; color:#333; font-size:13px; text-align:center}
.logoarea #dh a{ color:#333; padding:0 10px; }
.logoarea #banner{height:47px; display:block; line-height:47px; text-align:center}
.logoarea #banner img{ width:313px; height:28px;}
.headnav{clear:both;height:60px; padding:7px 0 8px; line-height:30px;text-align:center; width:100%; float:left;background-color:#098941;background-image:-webkit-gradient(linear,left top,left bottom,from(#17a456),to(#098941));background-image:-webkit-linear-gradient(top,#17a456,#098941);background-image:-moz-linear-gradient(top,#17a456,#098941);background-image:-ms-linear-gradient(top,#17a456,#098941);background-image:-o-linear-gradient(top,#17a456,#098941);background-image:linear-gradient(top,#17a456,#098941);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#17a456',EndColorStr='#098941');}
.headnav a{display:inline-block; color:#fff; font-family:"微软雅黑"; text-align:left; font-size:14px; padding:0 5px}	
/* 婊戝姩*/
.fliptab .container {position: relative;width: 800%;display: -webkit-box;white-space: nowrap;-webkit-backface-visibility: hidden;-webkit-appearance: caps-lock-indicator;clear: both;-webkit-transition-property: left, top, translate; -webkit-transition-duration: .4s}
.fliptab .container > * { display: block;-webkit-transform: translate3d(0,0,0);-webkit-box-flex: 1;width: 0 }
.articles { margin: -1px auto 0 auto;height:100%;overflow: hidden}
.nav-2 .container { width: 400%; }
.nav-3 .container { width: 500%; }
.nav-4 .container { width: 600%; }
.nav-5 .container { width: 700%; }
*[touch=false].nav-2 .container { width: 200%; }
*[touch=false].nav-3 .container { width: 300%; }
*[touch=false].nav-4 .container { width: 400%; }
*[touch=false].nav-4 .container { width: 500%; }
.fliptab .touching { -webkit-transition-property: none }
/*鍥剧墖*/
.container .slidepic li{-moz-box-sizing:border-box; display:block; float:left; font-size:18px; height:154px; position:relative; text-align:center; width:320px;margin:0 auto;}
.container .slidepic h2, .container .slidepic h2 a{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-top: 1px solid #424242; bottom:0; left:0; box-shadow:0 1px 2px #F8F8F8 inset; color:#FFFFFF; display:block; font-size:14px; font-weight: normal; height:28px; line-height:28px; position:absolute; text-align:left; text-indent:1em;  width:100%;} 
#gallery .page-wrapper {bottom: 0; left: 0; height: 33px; width: 100%; overflow: hidden; position: absolute;}
#gallery .page-wrapper a.page-prev,#gallery .page-wrapper a.page-next {display: inline-block; float: right;  margin:3px 5px 0 0; overflow: hidden; color:#fff; font-size:40px; font-weight:bold;}
#gallery .page-wrapper a.page-prev {float: left;  margin-left: 5px; color:#fff;}
/*澶存潯*/
.main_prom{clear:both;overflow:hidden;padding:10px 8px;text-align:center;font-size:14px;color:#333; border-bottom:1px solid #cccccc; margin:0px 8px}
.main_prom a{color:#333;}
.main_prom h1{font-size:16px;color:#0b8b44;list-style:none outside none; width:99%; margin:0 auto }
.main_prom h1 a{color:#c64037;}
.main_prom h1 a:hover{color:#333;}
.ls .it{border-bottom:1px dashed #dbdbdb; margin:0px 8px}
.ls .it:last-child{border-bottom:none}
.h4{display:block;padding:8px 0 8px 10px;font-size:16px}
.h4:visited,.h4 a:visited{color:#551a8b}
.h4 .it{margin-left:5px}
.h4Spot{display:-webkit-box; position:relative}
.h4Spot .img{display:block;padding-right:10px; }
.h4Spot em { position:absolute; top:25px; left:54px;  width:36px; height:36px}
.h4Spot .des{-webkit-box-flex:1;padding-right:10px}
.h4Spot .des .ttl{line-height:22px;overflow:hidden;padding:10px 0 5px}
.ls .it{border-bottom:1px dashed #dbdbdb; margin:0px 8px}
.ls .it:last-child{border-bottom:none}
.gy .it { border-bottom:1px solid #ccc; margin:0px 8px; overflow:hidden}
.three .h4Spot { float:left; width:33%; padding:8px 0px}
.three .h4Spot .img { width:50%; height:50%; padding-right:5px}
.three .h4Spot .img img { width:100%;}
.three .h4Spot .des2 .ttl{ font-size:14px}
.three .h4Spot .des2 .cnt{ font-size:12px}
/*鏍囬*/
.h:after{content:' ';clear:both;display:block;height:0;visibility:hidden;line-height:0; }
.h aside{float:right}
.h menu{display:inline-block;vertical-align:top}
.h menu li{float:left}
.h menu.sep li:after{content:"路";padding:0 5px}
.h menu.sep li:last-child{background:transparent}
.h menu.sep li:last-child:after{content:"";padding:0;display:none}
.h em,.h em a{display:inline-block;vertical-align:top;float:left; color:#c64037;}
.h em .vhr{float:left}
h3{font-size:16px;line-height:40px;margin-top:10px;padding:0 10px 0 5px; background-image:-webkit-linear-gradient(left, #cc3e3a, #f8efb6);background-image:-moz-linear-gradient(left, #cc3e3a, #f8efb6);background-image:-ms-linear-gradient(left, #cc3e3a, #f8efb6);background-image:linear-gradient(left, #cc3e3a, #f8efb6);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc3e3a',EndColorStr='#f8efb6');-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);
  background-color: #f8efb6;}
h3 em{color:#fff; float:left;}
h3 em a{color:#c64037; background:#fff; padding:0px 10px}	
h3 aside,h3 aside a {color: #0a8a42; float:left; font-size:14px;}
/*鏈嶅姟*/
.wfqk{ width:93%;  margin:10px auto; text-align:center; display:inherit; _display:inline; overflow:hidden}
.wfqk li a{ color:#043117; font-size:14px; line-height:24px;}
.wfqk img{ padding-top:15px; display:block; margin:0 auto; display:inherit; _display:inline}
.wfqk ul{ width:90%; margin:10px auto; display:inherit; _display:inline}
.wfqk li{ float:left; text-align:left; color:#043117;}
.wfqk li span{ padding:0 5px;color:#cd4036}
.w33{ width:33%;}
.w66{ width:66%;}
.wline{ height:5px; background-color:#FFFFFF; width:98%; margin:0 auto; display:inherit; _display:inline}
.h10{ height:10px; display:block; width:100%}

/*椤靛簳*/
.footbox{ background-image:url(http://www.locpg.hk/mobile/imgs/bg_footer.gif); background-repeat:repeat-x; background-size:2px 130px; color:#e9ecd0; font-size:12px; line-height:18px;}
.footbox a{color:#e9ecd0;}
.footbox a:hover{ text-decoration:underline}
.backjt{float:left; width:100%; text-align:center; margin:0 auto;}
nav,nav ul,nav li{width:100%; text-align:center; float:left}

#mobileHeader { font-family: "微软雅黑"; position:relative }
#mobileHeader { width: 100%; background:#e2e2e2 url(http://www.locpg.hk/mobile/imgs/bg_nav.png) no-repeat 0 0px; -webkit-background-size: 100% 45px; background-size: 100% 45px; position:relative; }
#mobileHeader .right { display: block; width: 30px; height: 45px; position: absolute; top: 0px; right: 0px; background: url(http://www.locpg.hk/mobile/imgs/arrow.png) no-repeat 50% ; -webkit-background-size: 57px; background-size: 25px; }
#mobileHeader .phnav a { line-height:45px; color:#fff;  font-size:16px; width:14%; text-align:center; display:inline-block}
#mobileHeader .phnav a.fg { width:20%}
#mobileHeader .phnav a.on { background:#e3e3e3; color:#CC0000; margin:0px 5px; line-height:25px}
#mobileHeader .mobileNavList { width: 100%; height:0px; overflow:hidden; position: absolute; top: 45px; left: 0px; background: #ededed; z-index:10; }
#mobileHeader .mobileNavList a { float: left; width: 25%; padding: 5px 0; color: #333; text-align: center; font-size:16px; }

.more { text-align:center; width:50%; margin:0px auto; background:#e3e3e3; font-size:14px; margin-bottom:20px}
.pic-list {margin:14px 4px 0; overflow:hidden;}
.pic-list li {float:left; width:33%;}
.pic-list li div {position:relative; margin:8px;}
.pic-list li div  img {width:100%; margin:0 auto;vertical-align: middle;}
.pic-list li div a:nth-child(1) span.videoWrap{
	display: block;
	height: 80px;
	line-height: 80px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 5px;
}
.pic-list li div span.videoT{
	height: 25px;
	line-height: 15px;
	overflow: hidden;
	display: block;
	text-align: center;
	font-size:12px;
	padding:5px 0px
}


.zjzlb li { background:url(http://www.locpg.hk/mobile/imgs/bg_btn.png) no-repeat; width:40%; float:left; margin:4%;-webkit-background-size: 100%; background-size: 100%; height:50px; text-align:center; line-height:45px}
.zjzlb li a { color:#ca3f38}
.link-gq { margin:5px}
.link-gq li { background:#e9edf0; width:45%; margin:2%; float:left; height:48px;  line-height:48px; font-size:16px }
.link-gq li em {background:url(http://www.locpg.hk/mobile/imgs/icon_fuwu.png) no-repeat; display:block; float:left; width:40px; height:40px; -webkit-background-size: 100%; background-size: 100%; margin:6px 0px 0px 12px;}
.link-gq li.gq1 em { background-position:0px 0px;  }
.link-gq li.gq2 em { background-position:0px -46px;  }
.link-gq li.gq3 em { background-position:0px -94px;  }
.link-gq li.gq4 em { background-position:0px -140px; margin-left:20px; margin-right:5px }
.link-gq li.gq5 em { background-position:0px -185px;  }
.link-gq li.gq6 em { background-position:0px -233px;  }
.link-gq li.gq7 em { background-position:0px -285px;  }
.link-gq li.gq8 em { background-position:0px -333px;  }
.link-gq li.gq9 em { background-position:0px -383px;  }
.link-gq li.gq10 em { background-position:0px -427px;  }
.link-gq li.gq11 em { background-position:0px -475px;  }
.link-gq li.gq12 em { background-position:0px -522px;  }
.link-gq li.gq13 em { background-position:0px -572px;  }
.link-gq li.gq14 em { background-position:0px -620px;  }
.link-gq li.gq15 em { background-position:0px -665px;  }
.link-gq li.gq16 em { background-position:0px -706px;  }


.list{font-size:18px;display:-webkit-box;float:left; overflow:hidden; margin:0px 10px}
.list:last-child{border-bottom:none}
.list a:visited{color:#551a8b}
.list ul{width:100%; margin:0 auto; text-align:center}
.list li{float:left;-webkit-box-flex:1; text-align:left; border-bottom:1px solid #dbdbdb; display:block; padding:5px; }
.list li a{text-align:left;font-size:16px}
.list li.last { border-bottom:0px}
.list li span { }
.webpage_v2 { width:100%; margin:10px auto; }
.webpage_v2 h2 { text-align:center; font-size:16px; font-weight:bold; line-height:40px; height:40px; color:#cd4036}
.webpage_v2 h2 a {color:#cd4036}
.webpage_v2 span { text-align:center; font-size:14px; display:block;}
.webpage_v2 dl {  line-height:25px; margin:0px 15px 10px 15px;}
.webpage_v2 dl dt { font-size:15px; color:#43495c; font-weight:bold;}
.webpage_v2 dl dt a { color:#43495c;}
.webpage_v2 dl dd { font-size:14px; color:#43495c; text-indent:2em;}
.webpage_v2 dl dd a { color:#43495c;}
.webpage_v2 .ywban { width:248px;background:url(http://www.locpg.hk/static/imgs/cd_flvfgui.jpg) no-repeat; height:34px; font-size:16px; margin-left:15px; margin-bottom:25px; }
.webpage_v2 .ywban p {  font-size:16px; margin-left:45px; line-height:45px; font-weight:bold; color:#CC0C0C; }
.webpage_v2 .ywban p a { color:#CC0C0C; }
.line { height:1px; background:#ccc; margin:10px}
.infoList {
	width: 100%;
	margin: 0 auto;
}
.infoList li {
	position: relative;
	width: 95%;
	margin: 0px auto;
	margin-top:10px
}
.infoList li img {
	width: 100%;
	position: relative;
	z-index: 2
}
.infoList li .text {
	width: 100%;
	height: 35px;
	z-index: 4;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.infoList li .text a {
	color: #FFF;
	text-decoration: none;
}
.infoList li .text h2 {
	font-family: "微软雅黑";
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	width: 100%;
	overflow: hidden;
	padding: 0 10px;
	position: relative;
	z-index: 4;
	color: #FFF;
}
.infoList li .text .bg {
	background: #282828;
	z-index: 3;
	width: 100%;
	height: 100%;
	position: absolute;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	left: 0;
	top: 0;
}
.infoList li .text .bgon {
	background: url(http://www.xinhuanet.com/photo/picture_channel2015/images/txtbgon.png) 0 0 no-repeat;
	z-index: 3;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
