/*font-size:62.5%; line-height:1; color:white;
* { margin:0; padding:0; } font-size:1.3em; */
body { margin:0; padding:0; font-family:"微软雅黑", "宋体", Arial, Helvetica; background:#555867;/*#f8f8f8;*/ font-size:1em; line-height:1.5em; }
h1,h2,h3{font-size:100%}

ul, li { margin:0; padding:0; list-style-type:none; }
dl, dt, dd { margin:0; padding:0; }
td {  }
img{border:none;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; }

p {margin:0; padding:0; }
.clr { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clr:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/

.mt8 { margin-top:8px }
.mt10 { margin-top:10px }
.ml10 { margin-left:10px }
.mr10 { margin-right:10px }
.pd8 { padding:8px }
.pd10 { padding:10px }
.fl { float:left; }
.fr { float:right; }
.show { display:block; }
.hide { display:none; }

a { text-decoration:none }
a:hover { text-decoration:underline }

/*
.container { margin:0 auto; }
#header {  }
#header #logo { float:left; }
#header #mnuTop { position: absolute; right: -5px; top: 20px; }
.word1 { font-size:12px; }
.word2 { font-size:1.3em; }
h1 { font-size:1.5em; }
*/
#logobox{text-align:left;height:80px; border-top:5px solid #0069A6;}
#quickmenu{position:absolute;right:0px;top:20px;}
	#quickmenu a { margin:0; padding:0 }
	/*#quickmenu img { width:60%; height:60%; }*/


#banner { display:block; overflow:hidden; width:100%; height:200px; border-bottom:1px solid #D9D9FF; }
#banner img { display:block; width:100%; vertical-align: middle; }

#foot { padding:1em 0; text-align:center; font-size:1.1em; font-weight:normal; color:#fff }
#foot a { color:#fff; font-weight:normal; }

.ui-header .ui-title, .ui-footer .ui-title { min-height:1.8em; }
.ui-content { overflow:hidden; padding:0em 0.1em 1em 0.1em; }
.dircatalog h3 span { font-size:0.8em; }

/*在新闻中没有这个 标题会太长 盖住日期*/
.ui-listview h2 { width:75%; }



.pageclass { width:90%; margin:0 auto; }
.pageclass a { width:36.5%; }

.box { }
	.box .box-t { overflow:hidden; height:2em; line-height:2em; }
		.box .box-t h3 { font-size:1.1em; line-height:2em; }
		.box .box-t span { float:right; }
		.box .box-t span a { font-size:0.87em; line-height:2.5em; font-weight:normal; }
		/*.box-t span a { overflow:hidden; display:block; width:40px; height:35px; margin-right:5px; background:url(more.jpg) no-repeat 0 15px; text-indent:-100px; }*/
	.box .box-c {  }


.box1 { overflow:hidden; margin-bottom:10px;}
	.box1 .box-t { margin-bottom:8px; border-bottom:1px solid #aaa }

.ibox { display:-webkit-box; display:-moz-box; display:box; width:100%; margin:6em auto; }
.ibox li{overflow:hidden;text-align:center;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1}
.ibox li a{display:block;overflow:hidden}
.ibox li a img{width:5.65em;height:5.65em}
.ibox li span { display:block; font-size:1.2em; margin-top:.61538em}
/*.ibox li span a.ui-link { font-size:0.95em; margin-top:.61538em; color:#000 }*/

.iprolist{ padding:0;}
.iprolist .pro-item { float:left; width:50%; margin-bottom:10px; text-align:center; }
.iprolist h4{ overflow:hidden; width:164px; height:164px; margin:0 auto; background:#fff; }
.iprolist h4 a { overflow:hidden; width:160px; height:160px; margin:0 auto; padding:1px; border:1px solid #cdcbcb; display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:139px;*font-family:Arial; }
.iprolist h4 a:hover { border:1px solid #666; }
.iprolist h4 img{ vertical-align:middle; }
.iprolist h3 { display:block; overflow:hidden; width:160px; height:2em; margin:0 auto; font-weight:normal; text-align:center; font-size:1.5em; line-height:2em; }

/*.iartlist dl { clear:both; overflow:hidden; padding-bottom:10px; }
.iartlist dt { float:left; width:120px; text-align:center; }
.iartlist dt a { overflow:hidden; width:100px; height:100px; margin:0 auto; padding:1px; border:1px solid #cdcbcb; display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:87px;*font-family:Arial; }
.iartlist dt a:hover { border:1px solid #666; }
.iartlist dt img{ vertical-align:middle; }
.iartlist dd { font-size:0.8em; }
.iartlist dd a { font-size:0.8em; }
.iartlist dd h2 { font-size:1.2em; line-height:1.5em; }
*/

.artlist dl { clear:both; overflow:hidden; padding-bottom:10px; }
	.artlist dt { margin:5px 0; padding-left:15px; background:url(icon003.gif) 0 center no-repeat; }
	.artlist h2 { margin:0; padding:0; font-family:"microsoft yahei"; font-size:14px; font-weight:bold; }
	.artlist h2 a { font-size:14px;  }
	.artlist dd { padding:0 15px; line-height:25px; }



#fenye { overflow:hidden; clear:both; height:30px; margin-top:10px; font-size:0.6em; }
	#fenye a { display:block; float:left; margin:0 3px; padding:0 8px; background:#fff; border:1px solid #cccccc; color:#000; font-size:0.7em; line-height:22px; }
	#fenye a:hover,
		#fenye a.curr { background:#585858; border:1px solid #cccccc; color:#fff; line-height:22px; font-weight:bold; }
	#fenye a.curr font { color:#fff }

.article-title { font-size:2em; line-height:2em; }
.article-date {  }
.article-content p {
	margin:0.6em 0; font-weight:400; line-height:1.5em; white-space:normal; font-size: 1.75em;
}
/*.article-content img { width:98% }*/
.article-content a {
	color:red;
}

#imgAbout { float:left; margin:0 10px 5px 0; border:3px solid #ededed; }
#imgAbout img { width:8em; height:8em }


.plug-wrap{position:absolute;height:100px;background:rgba(0,0,0,0);top:0;left:0;width:0;height:0;z-index:800;display:none!important;}
.plug-div{position:fixed;bottom:0;left:0px;z-index:900;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.plug-menu{-webkit-appearance:button;display:inline-block;width:36px!important;height:36px!important;border-radius:36px;position:absolute;bottom:17px;left:17px;z-index:999;-moz-box-shadow:0 0 0 4px #FFFFFF,0 2px 5px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 4px #FFFFFF,0 2px 5px 4px rgba(0,0,0,0.25);box-shadow:0 0 0 4px #FFFFFF,0 2px 5px 4px rgba(0,0,0,0.25);background-color:#B70000;-webkit-transition:-webkit-transform 200ms;-webkit-transform:rotate(1deg);color:#fff; background-image:url(/images/plugmenu.png);background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;}
.plug-menu:before{font-size:20px;margin:9px 0 0 9px;}
.plug-menu:checked{-webkit-transform:rotate(135deg);}
.plug-box>div{width:32px;height:32px;border-radius:32px;-moz-box-shadow:0 0 0 3px #FFFFFF,0 2px 5px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 3px #FFFFFF,0 2px 5px 3px rgba(0,0,0,0.25);box-shadow:0 0 0 3px #FFFFFF,0 2px 5px 3px rgba(0,0,0,0.25);background:#B70000;position:absolute;bottom:0;left:0;margin-bottom:20px;margin-left:20px;z-index:900;-webkit-transition:-webkit-transform 200ms;}
.plug-box>div a{color:#fff;font-size:20px;display:block;height:100%;line-height:33px;text-align:center;}
.plug-box>div.on:nth-of-type(1){-webkit-transform:translate(0,-100px) rotate(720deg);background-image:url(http://m.yibishi.com/images/stico2.png);background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;}
.plug-box>div.on:nth-of-type(2){-webkit-transform:translate(47px,-81px) rotate(720deg);background-image:url(http://m.yibishi.com/images/stico3.png);background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;}
.plug-box>div.on:nth-of-type(3){-webkit-transform:translate(81px,-45px) rotate(720deg);background-image:url(http://m.yibishi.com/images/stico4.png);background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;}
.plug-box>div.on:nth-of-type(4){-webkit-transform:translate(100px,0) rotate(720deg);background-image:url(/images/plug3.png);background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;}

.viewport{max-width:720px;margin:0 auto;overflow:hidden}

@media only screen and (max-width:300px){body{font-size:8.33333px!important}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8.33333px!important}.viewport{max-width:300px}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:8.88889px!important}.viewport{max-width:320px}}
@media only screen and (max-width:360px) and (min-width:320px){body{font-size:8.88889px!important}.viewport{max-width:360px}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px!important}.viewport{max-width:360px}}
@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px!important}.viewport{max-width:480px}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13.33333px!important}.viewport{max-width:480px}}
@media only screen and (max-width:560px) and (min-width:480px){body{font-size:13.33333px!important}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15.83333px!important}.viewport{max-width:570px}}
@media only screen and (max-width:640px) and (min-width:570px){body{font-size:15.83333px}.viewport{max-width:640px}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:17.77778px!important}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:17.77778px!important}.viewport{max-width:710px}}
@media only screen and (min-width:711px){body{font-size:17.77778px!important}.viewport{max-width:99%}}



.sednav{margin:0.5em 0 0 2em;overflow:hidden}
.sednav li{border:1px solid #ccc;background-color:#FFF; padding:0.5em;font-size:1.725em;margin:0.5em 0.5em 0 0;text-align:center;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em; width:25%; float:left}
.sednav a, .sednav a:hover{ color:#000}