@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-y:scroll;}
body,p{margin:0;padding:0;}
body,button,input,select,textarea{line-height:1.5;}
body{text-align:center;background:#e8ecef;color:#444;word-wrap:break-word;word-break:break-all;word-break:normal;font:normal 16px/160% "微软雅黑", helvetica, arial;}
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal;text-shadow:none; }
img { border:0; margin: 0; padding: 0;   }
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#404040;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
a{-webkit-tap-highlight-color:rgba(0,0,0,0); text-shadow:none; }  /* 去掉链接触摸高亮 */

.clear{clear:both;height:0;line-height:0;overflow:hidden;font-size:0;}
.none{display:none;}
.block{display:block;}
.inlBlk{display:inline-block;}
.textLft{text-align:left;}
.textRgt{text-align:right;}
.textCent{text-align:center;}
.red,a.red:link,a.red:visited{color:#D66564;}
a.red:hover{color:#d10000;}
.gray,a.gray:link,a.gray:visited{color:#999;}
a.gray:hover{color:#d10000;}

.ft10{font-size:10px;}
.ft11{font-size:11px;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}

h7{font-size:14px; font-weight:normal;}

.header_m{height:70px;background:#fff;margin-bottom:0;box-shadow:none; overflow:hidden; line-height:70px;}
.header_m img {max-height:60px; max-width:200px; vertical-align:middle;}
.header_m .search {background: #999 url(images/icons-png/search-white.png) no-repeat center; width:20px;height:20px;-webkit-background-size:14px 14px;background-size:14px 14px;vertical-align:middle; cursor:pointer; float:left; margin-left:20px; margin-top:25px; opacity:0.5;filter: Alpha(Opacity=50); display:inline-block; border-radius:10px;}
.header_m .more {background: #999 url(images/icons-png/bullets-white.png) no-repeat center; width:20px;height:20px;-webkit-background-size:14px 14px;background-size:14px 14px;vertical-align:middle; cursor:pointer; float:right; margin-right:20px; margin-top:25px; opacity:0.5;filter: Alpha(Opacity=50); display:inline-block; border-radius:10px;}

.topBar{background:#F2F2F2;box-shadow:0 1px 2px #888 inset;height:40px;position:relative; z-index:1;margin-bottom:5px; color:#333; text-align:left; padding-left:10px; border-bottom:1px solid #CCC;}
.topBar span{line-height:40px;font-weight:bold;}

.s_toplist{background-color:rgba(000,000,000,0.8);position:fixed;right:9px;top:70px;z-index:9998;display:-webkit-box;}
.s_toplist div{-webkit-box-flex:1;margin:11px 0;}
.s_toplist span{width:0px;height:0px;border:7px solid #333333;border-color:transparent transparent #333333 transparent;position:absolute;top:-14px;right:17px;}
.s_toplist a{display:block;height:39px;line-height:39px;color:#FFF;width:100px;text-align:center;font-size:1em;}
.s_toplist a:hover{color:#fff; background:#06C;}
.s_toplist div:nth-of-type(1){border-right:1px solid #4B4B4B;}
.s_toplist div a:nth-of-type(1){height:1.3rem;line-height:1.3rem;padding:4px 0 12px 0;}
.s_toplist div a:nth-last-of-type(1){height:1.3rem;line-height:1.3rem;padding:12px 0 4px 0;}
.s_toplist div:nth-of-type(2){border-left:1px solid #000;}

.footer{padding-bottom:30px;padding-top:15px; color:#666;font-size:12px;} 
.m_bottom{height:38px;background-color:#F0F0F0;padding:0 12px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;} 
.m_bottom span{display:block;float:left;text-align:center;padding-top:12px;} 
.m_bottom span a{display:block;height:14px;width:100%;border-right:1px solid #D5D5D5;line-height:14px;color:#4a4a4a;} 
.m_bottom span:last-child a{border-right:none;} 
.m_bottoma{width:25%;} 

/*-栏目导航------------------*/
 .nav-list .content{padding:15px 0 20px 10px;}
 .nav-list .content a, .nav-list .content a:hover{color:#333}
 .nav-list .li{cursor:pointer;padding-top:8px;width:90px;height:86px;border-radius:5px;display:block;float:left;text-align:center}
 .nav-list .li:hover{background-color:#e0e1e5}
 .nav-list .li .icon{margin:0 auto;width:60px;height:60px;display:block; border-radius:15px;}
 .nav-list .li:hover .icon{}
 .nav-list .li .text{height:30px;display:block;font:14px/30px "Microsoft YaHei","Microsoft JhengHei"}
@media ( max-width: 36em ) {
	.nav-list .li{width:19.4%;}
}
@media ( max-width: 30em ) {
	.nav-list .li{width:24%;}
}
@media ( max-width: 22em ) {
	.nav-list .li{width:32%;}
}
/*-媒体控制------------------*/
	#Img_show img { max-width:98%; height:auto;}
	#Img_show iframe { width:320px; height:240px;}
	
/*-图片轮播------------------*/
	.slideBox{ position:relative; overflow:hidden; margin:2px auto;  max-width:600px;/* 设置焦点图最大宽度 */}
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;}
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(images/Iconwait.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
	.slideBox .bd li .titb{ display:block; width:100%;  position:absolute; bottom:0; height:28px; line-height:28px; background: #000; filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
	.slideBox .bd li .titf{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;color:#fff; font-weight: normal;  text-align:left;  text-shadow:none; }
/*-页头------------------*/
.m-page .m-header {background:#FFF;border-top: 2px solid #6C0;border-bottom-color: #eee;}
.m-page .m-header h2 {padding: .4em 0 .1em;margin: 0 3em;}
.m-page .m-header h2 a {display: inline-block;text-decoration: none;min-height: 50px;}
.m-page .m-header h2 img {display: block;max-width: 140px;max-height:60px;}
.m-page .m-header h2 > img {display: inline-block;}
.m-page .m-header p {position: absolute;bottom: -2em;left: 1em;	margin: 0;color: #666;font-family: 'Open Sans', sans-serif;	font-weight: 300;text-transform: uppercase;}
.m-page .m-header .ui-btn {width: 2em;height: 2em;background: none;	border: 0;top: 50%;	margin-top: -1em;	-webkit-border-radius: .3125em;	border-radius: .3125em;	opacity: .4;filter: Alpha(Opacity=40);}

/* Lists */
.m-page .jqm-search .jqm-list {	margin: 0 -1em 1em;}
.m-page .jqm-list .ui-btn,
.m-page .jqm-list .ui-btn:visited,
.m-page .jqm-list .ui-li-divider {	font-family: 'Open Sans', sans-serif;	font-weight: 300;	text-shadow: none !important;}
.m-page .jqm-list .ui-btn:hover,
.m-page .jqm-list .ui-btn:active {	color: #3388cc;}
.m-page .jqm-list .ui-btn.ui-btn-active {	color: #fff;}
.m-page .jqm-list .ui-li-divider {	color: #3eb249;}

/* Navmenu */
.jqm-navmenu-panel .ui-listview > li .ui-collapsible-heading {	margin: 0;}
.jqm-navmenu-panel .ui-collapsible.ui-li-static {	padding: 0;	border: none !important;}
.jqm-navmenu-panel .ui-collapsible + li > .ui-btn,
.jqm-navmenu-panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
.jqm-navmenu-panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {	border-top: none !important;}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn {	padding-left: 1.5em;	color: #999;}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn.ui-btn-active {	color: #fff;}
.jqm-navmenu-panel .ui-btn:after {	opacity: .4;	filter: Alpha(Opacity=40);}
.m-page .jqm-navmenu-panel.jqm-panel-page-nav {	display: none;	position: absolute;	top: 178px;	left: 12px;}
.m-page .jqm-navmenu-panel.jqm-panel-page-nav ul li:first-child a{	border-top: none;}

.mi_navbar {text-shadow:none; margin:5px;}
.mi_ca{background:#0C6; color:#FFF;}
.mi_cb{background:#9C0; color:#FFF;}
.mi_cc{background:#F93; color:#FFF;}
.mi_cd{background:#939; color:#FFF;}
.mi_ce{background:#F63; color:#FFF;}
.mi_cf{background:#36F; color:#FFF;}
.mi_cg{background:#C90; color:#FFF;}
.mi_ch{background:#6CC; color:#FFF;}

#allmap {clear:both;width:100%;height:100%;overflow: hidden;margin:0; }


.m-page .m-tit .ui-listview .ui-btn { background:#FFF;}
.m-page .m-tit .ui-listview  h2 {color: #333;}
.m-page .m-tit .ui-listview li .ui-btn p {color: #999;}
.m-page .m-tit .ui-listview h2,
.m-page .m-tit .ui-listview p {white-space: normal;}
.m-page .m-tit .ui-listview li {}
.m-page .m-tit .ui-listview p{
		color: #7c7c7c;
		font-size: 0.8em;
		line-height: 1.25em;
		max-height:3.75em;
		overflow: hidden;
	}

.m-page .m-ptit {}
.m-page .m-ptit .ui-listview .ui-btn { background:#FFF;}
.m-page .m-ptit .ui-listview  h2 {color: #333; background:#FFF;}
.m-page .m-ptit .ui-listview li .ui-btn p {color: #999; background:#FFF;}
.m-page .m-ptit .ui-listview h2,
.m-page .m-ptit .ui-listview p {white-space: normal;overflow: visible;}
.m-page .m-ptit .ui-listview li .ui-btn .p-li-icon {max-height:80px;max-width:80px; top:10px; left:10px;}
.m-page .m-ptit .ui-listview li img{border:1px solid #fdfdfd;-moz-box-shadow:1px 1px 1px rgba(179,179,179,0.75);-webkit-box-shadow:1px 1px 1px rgba(179,179,179,0.75);margin-right:12px;display:block;}
.m-page .m-ptit .ui-listview li {}

/* A bit custom styling */
.m-page .m-pic .ui-listview  h2 {color: #111;}
.m-page .m-pic .ui-listview li .ui-btn p {color: #333;}
.m-page .m-pic .ui-listview li .ui-btn .ui-li-aside {color:#F30;font-size: 0.8em;top:0; right:0;margin:0;padding: 0.1em 0.25em; text-shadow:none;}
.m-page .m-pic .ui-listview li {}
/* First breakpoint is  3 column layout. Tiles 130x130 pixels incl. margin at the breakpoint. */
@media ( min-width: 22em ) {
	.m-page .m-pic .ui-listview li .ui-btn p {color: #FFF;}
	.m-page .m-pic .ui-listview h2 {color: #FFF;}
    .m-page .m-pic .ui-content {
        padding: .5em; 
    }
    .m-page .m-pic .ui-listview li {
		float:left;
        width: 47%; /* 33.3333% incl. 2 x 1.2% margin */
        height: 9.6em; /* 232p */
        margin: .5625em 1.5%;
    }
    .m-page .m-pic .ui-listview li > .ui-btn {
        -webkit-box-sizing: border-box; /* include padding and border in height so we can set it to 100% */
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
    }
    .m-page .m-pic .ui-listview li.ui-li-has-thumb .ui-li-thumb {
        height: auto; /* To keep aspect ratio. */
        max-width: 100%;
        max-height: none;
    }
    /* Make all list items and anchors inherit the border-radius from the UL. */
    .m-page .m-pic .ui-listview li,
    .m-page .m-pic .ui-listview li .ui-btn,
    .m-page .m-pic .ui-listview .ui-li-thumb {
        -webkit-border-radius: inherit;
        border-radius: inherit;
    }
    /* Hide the icon */
    .m-page .m-pic .ui-listview .ui-btn-icon-right:after {
        display: none;
    }
    /* Make text wrap. */
    .m-page .m-pic .ui-listview h2,
    .m-page .m-pic .ui-listview p {
        white-space: normal;
        overflow: visible;
        position: absolute;
        left: 0;
        right: 0;
    }
    /* Text position */
    .m-page .m-pic .ui-listview h2 {
        font-size: 1em;
        margin: 0;
        padding: .125em 0.125em;
        bottom: 0;
    }
    .m-page .m-pic .ui-listview p {
        font-size: 0.8em;
        margin: 0;
        padding: 0 0.25em;
        min-height: 10%;
        bottom: 0;
		display:none;
    }
    /* Semi transparent background and different position if there is a thumb. The button has overflow hidden so we don't need to set border-radius. */
    .ui-listview .ui-li-has-thumb h2,
    .ui-listview .ui-li-has-thumb p {
        background: #111;
        background: rgba(0,0,0,.5);
    }
    .ui-listview .ui-li-has-thumb h2 {
        bottom: 35%;
    }
    .ui-listview .ui-li-has-thumb p {
        min-height: 15%;
    }
    /* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
    .m-page .ui-listview .ui-li-aside {
		white-space: normal;
		overflow: visible;
		position: absolute;
		right: 0;

		color:#FFF;
        padding: .125em .625em;
        width: auto;
        top: 0;
        left: auto;
        bottom: auto;
        /* Custom styling. */
        background: #FF6;
        background: rgba(255,255,128,.65);
        -webkit-border-top-right-radius: inherit;
        border-top-right-radius: inherit;
        -webkit-border-bottom-left-radius: inherit;
        border-bottom-left-radius: inherit;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
		display:block;
    }
    /* If you want to add shadow, don't kill the focus style. 
    .m-page .m-pic .ui-listview li {
        -moz-box-shadow: 0px 0px 9px #111;
        -webkit-box-shadow: 0px 0px 9px #111;
        box-shadow: 0px 0px 9px #111;
    }*/
    /* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
    .m-page .m-pic .ui-listview li > .ui-btn:hover {
        -moz-box-shadow: 0px 0px 12px #33ccff;
        -webkit-box-shadow: 0px 0px 12px #33ccff;
        box-shadow: 0px 0px 12px #33ccff;
    }
    /* Animate focus and hover style, and resizing. */
    .m-page .m-pic .ui-listview li,
    .m-page .m-pic .ui-listview .ui-btn {
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        transition: all 500ms ease;
    }
	}
/* First breakpoint is 48em (768px). 3 column layout. Tiles 250x250 pixels incl. margin at the breakpoint. */
@media ( min-width: 24em ) {
    .m-page .m-pic .ui-content {
        padding: .625em; /* 10px */
    }
    .m-page .m-pic .ui-listview {
        max-width: 24em; 
        margin: 0 auto;
    }
    .m-page .m-pic .ui-listview li {
        float: left;
        width: 47%; /* 33.3333% incl. 2 x 1.2% margin */
        height: 10em; /* 232p */
        margin: .5625em 1.2%;
    }
}
@media ( min-width: 28em ) {
    .m-page .m-pic .ui-content {
        padding: .625em; /* 10px */
    }
    .m-page .m-pic .ui-listview {
        max-width: 26em; 
        margin: 0 auto;
    }
    .m-page .m-pic .ui-listview li {
        float: left;
        width: 47%; /* 33.3333% incl. 2 x 1.2% margin */
        height: 11em; /* 232p */
        margin: .5625em 1.2%;
    }
}
@media ( min-width: 32em ) {
    .m-page .m-pic .ui-content {
        padding: .625em; /* 10px */
    }
    .m-page .m-pic .ui-listview {
        max-width: 32em; 
        margin: 0 auto;
    }
    .m-page .m-pic .ui-listview li {
        float: left;
        width: 30%; /* 33.3333% incl. 2 x 1.2% margin */
        height: 9em; /* 232p */
        margin: .5625em 1.3%;
    }
}
@media ( min-width: 36em ) {
    .m-page .m-pic .ui-content {
        padding: .625em; /* 10px */
    }
    .m-page .m-pic .ui-listview {
        max-width: 36em; 
        margin: 0 auto;
    }
    .m-page .m-pic .ui-listview li {
        float: left;
        width: 30%; /* 33.3333% incl. 2 x 1.2% margin */
        height: 10.5em; /* 232p */
        margin: .5625em 1.3%;
    }
}
@media ( min-width: 40em ) {
    .m-page .m-pic .ui-content {
        padding: .625em; /* 10px */
    }
    .m-page .m-pic .ui-listview {
        max-width: 40em; 
        margin: 0 auto;
    }
    .m-page .m-pic .ui-listview li {
        float: left;
        width: 30.9333%; /* 33.3333% incl. 2 x 1.2% margin */
        height: 12em; /* 232p */
        margin: .5625em 1.2%;
    }
}
@media ( min-width: 63.75em ) {
    .m-page .m-pic .ui-content {
        padding: .625em; /* 10px */
    }
    /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
    By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
    .m-page .m-pic .ui-listview {
        max-width: 62.5em; /* 1000px */
        margin: 0 auto;
    }
    /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
    but we stick to percentage values for demo purposes. */
    .m-page .m-pic .ui-listview li {
        width: 23%;
        height: 230px;
        margin: .625em 1%;
    }
}

.custom-corners .ui-bar {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.custom-corners .ui-body {
  border-top-width: 0;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

/*留言反馈*/
.mbook{padding:0 10px;padding-bottom:20px;}
.mbook .con{margin:10px 0px 0;border-radius:5px;border:1px solid #C7C7C7;background-color:#fff;}
.mbook .con input{height:42px;*line-height:42px;font-weight:normal;padding-left:7px;font-size:14px;color:#888;border-radius:0;-webkit-box-flex:1;width:100%;box-sizing:border-box;border:0 none;padding-right:0px;border-bottom:1px dashed #DADADA;}
.mbook .con div{display:-webkit-box;padding:0 8px;}
.mbook .con div input{-webkit-box-flex:1;display:block;}
.mbook .con textarea{-webkit-box-flex:1;width:100%;border:0 none;border-top:1px dashed #EEEEEE;padding-left:7px;height:111px;padding:7px 0;line-height:24px;word-wrap:break-word;word-break:break-all;background:none;font-size:14px;border-radius:0;}
.mbook .con div textarea{-webkit-box-flex:1;display:block;}
.mbook .sub {display:-webkit-box;-webkit-box-flex:1;background-color:  #06C;}
.mbook .sub input{border:0 none;text-align:center;color:#FFF;height:40px;line-height:40px;border-radius:0;background-color:#06C;-webkit-box-flex:1;width:100%;box-sizing:border-box;display:block;font-size:18px;border:1px solid #06F;background:none;}

.mbook .conb{margin:10px 0px 0;border-radius:5px;border:1px solid #C7C7C7;background-color:#fff;}
.mbook .conb div{padding:0 8px;}
.mbook .conb textarea{-webkit-box-flex:1;width:100%;border:0 none;border-top:1px dashed #EEEEEE;padding-left:7px;height:111px;padding:7px 0;line-height:24px;word-wrap:break-word;word-break:break-all;background:none;font-size:14px;border-radius:0;}
.mbook .conb div textarea{-webkit-box-flex:1;display:block;}
.mbook .conb input{height:42px;*line-height:42px;font-weight:normal;padding-left:7px;font-size:14px;color:#888;border-radius:0;-webkit-box-flex:1;width:100%;box-sizing:border-box;border-left:0px;border-top:0px;border-right:0px;padding-right:0px;border-bottom:1px dashed #DADADA;}