/* CSS Document 定律*/

body{margin:0 auto;background: url(../images/topbg.png) 0 2.6em  repeat-x #fff; color:#333; font: normal 100%/180% "微软雅黑"; }
div,ul,li,dl,dt,p,h1,h2,h3,form,input{ padding:0; margin:0; list-style:none; }

img{ border:0;}
a{text-transform: none; color: #5c5c5c; text-decoration: none;}
a:hover {color: #00539F; }

.clear{clear:both; }
.fs12{ font-size:0.8em;}

#head{ width:92.5em; margin:0 auto; height:8em; }
#head .logo{ float:left; padding-top:1em; }
#head .search{ width:30em; float:right;height:3.375em; line-height:3.375em; vertical-align:middle; padding-top:2em; }
#head .search form{ float:right;  }
#head .search .input{ border:2px #008FB5 solid; border-right:0; height:3.26em; line-height:3.26em; vertical-align:middle; width:22em; float:left; padding-left:2.5em; background:url(../images/searchico.png) left center no-repeat; color:#999;}
#head .search .sub{ background:#F90; height:3.5em; line-height:3.5em; vertical-align:middle; width:9em; color:#fff; float:left; border:2px #008FB5 solid; display:block; font-family:"微软雅黑";}
#head .search p{ float:right; font: normal 0.8em/3em Verdana, Geneva, sans-serif;}

#menu{ background:#0095BB;width:100%;  }
#menu ul{ width:1200px;height:3em; margin:0 auto;}
#menu ul li{ float:left; color:#fff;  text-align:center; position: relative;}
#menu ul li a{ color:#fff; display:block;  padding:0 1.5em; font:normal 1.2em/4em "微软雅黑"; text-shadow:1px 1px 1px #666;}
#menu ul li a:hover{ background:#008FB5; }
#menu ul .navli{ }
#menu ul li:hover a{ background:#008FB5;}
#menu ul ul{ display:none; width:135px;}
#menu ul li:hover ul{ display:block; z-index:999; position:absolute; top:4.78em; padding:0; background:#008FB5;}
#menu ul li:hover ul li{   background:#008FB5; width:135px;   }
#menu ul li:hover ul li a{ font:normal 14px/2em "微软雅黑"; line-height:3em;padding:0; }
#menu ul li:hover ul li a:hover{ background:#F90; color:#fff;}

#banner{ border-bottom:5px #CDECF4 solid;}

#main{ width:92.5em; margin:1em auto 1em;}
#main .mb{  }
#main .ibt{ font: normal 1em/2em "微软雅黑"; border-bottom:2px #0095BB solid; position:relative;}
#main .ibt b{font: normal 1em/2em "微软雅黑"; color:#fff; width:8em; padding-left:2.2em; display:block;}
#main .ico1{ background:url(../images/ico1.png) #0095BB no-repeat 8px center;}
#main .ico2{ background:url(../images/ico2.png) #0095BB no-repeat 8px center;}
#main .ico3{ background:url(../images/ico3.png) #0095BB no-repeat 8px 0.6em;}


#main .ibt span{ position:absolute; top:0; right:0; font-size:0.8em;}
#main .icon{ padding:0.5em;}
#main .icon .inews li{ background:url(../images/newsico.jpg) no-repeat left center; height:30px;line-height:30px; vertical-align:middle; border-bottom:1px #ccc dotted; width:30%; padding-left:0.8em; margin-right:2%; float:left; position:relative;}
#main .icon .inews li span{ position:absolute; top:0; right:0; font-size:0.8em;}
#main .icon .inews li a{ font:normal 0.8em/100% "微软雅黑";height:30px;line-height:30px; vertical-align:middle;}

#main .pro{ margin-top:1em;}
/*首页图片列表*/
#main .ipros li{ box-shadow:1px 2px 6px #999; float:left; width:13em; height:15em; border:1px #ccc solid; margin:0.5em; padding:0.5em; position:relative; text-align:center;}
#main .ipros li .ipinfo{ display:none;}

#main .ipros li a{ display:block;}
#main .ipros li a:hover{  }
#main .ipros li img{ width:13em; display:block; margin-bottom:0.2em; min-height:5em; max-height:13em;}

#main .ipros li:hover{ border:1px #333 solid; box-shadow:1px 2px 6px #333;  }
#main .ipros li:hover .ipinfo{ position:absolute; display:block; bottom:0em; left:0; background:#333;  filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; width:13em; padding:0.5em;height:15em; color:#fff; z-index:999; overflow:hidden;}
#main .ipros li:hover .ipinfo b{ border-bottom:5px #ccc solid; display:block; line-height:2em; margin-bottom:0.5em;}
#main .ipros li:hover .ipinfo p{ padding:0 0.5em; line-height:180%; text-align:left; font-size:0.8em; }
#main .ipros li:hover .ipinfo span{ display:block; background:#0095BB; margin-top:1em; color:#fff; border-radius:0.4em; position:absolute; bottom:0.5em; width:13em; }


#main .iprocon{ position:relative; margin-bottom:10px; }
/*滚动css样式1 */
#main .iprocon #arrLeft{ position:absolute; top:40%; left:0;}
#main .iprocon #arrRight{ position:absolute; top:40%; right:0;}
#scrollbox{ width:96%; margin:10px auto 0; height:14.8em; overflow:hidden;}
#scrollbox ul{}
#scrollbox ul li{width:12em; float:left; margin:0 6px; border:1px #CEC7AD solid; padding:5px; text-align:center;  }
#scrollbox ul li:hover{background:#0095BB;}
#scrollbox ul li img{ display:block; margin-bottom:5px; width:15em; height:14em;}
#scrollbox ul li a{display:block; color:#666; font-size:0.8em;}
#scrollbox ul li a:hover { color:#fff;}
/*滚动css样式1 */

#main .link{ border:2px #0095BB solid; height:2em; width:100%; margin:0.5em auto 0; }
#main .link b{ font: normal 1em/2em "微软雅黑"; display:block; float:left; width:5.5em; padding-left:2.2em;  background:url(../images/ico4.png) #0095BB  no-repeat 8px center  ; color:#FFF; margin-right:0.8em;}
#main .link a{ font-size:0.8em;}

#foot{ background:#333; position:relative; padding:1em 0; color:#fff; border-top:5px #999 solid;}
#foot .fcon{ width:62.5em; margin:0 auto; text-align:center; font-size:0.8em;}
#foot .fcon a{ color:#fff;}
#foot .fcon a:hover{ color:#ccc;}
/*内页
*********/
#main .left{ float:left; width:8em; position:fixed; top:14em;  }
#main .left .lbt{ background:#0095BB; font: normal 1.2em/2.5em "微软雅黑"; text-align:center; color:#FFF; border-bottom:3px #CCCCCC solid;}
#main .left .lcon{ background:#eee; }
#main .left .lcon li{ background:#444; text-align:center; border-bottom:1px #fff solid;}
#main .left .lcon li a{ display:block; color:#FF9900; display:block; height:2.3em; line-height:2.3em;}
#main .left .lcon li a:hover{ background:#FF9900; color:#FFF;}

#main .left .npro li{ width:8em; margin-bottom:0.2em; }
#main .left .npro li:hover{ background:#FF9900;}
#main .left .npro li a img{ width:7.5em; display:block; border:1px #ccc solid;padding:2px;}

#main .right{ float:right; width:83em; min-height:20em;}
#main .right .rbt{ position: relative; font:normal 1.1em/2em "微软雅黑"; border-bottom:0.4em #999 solid;}
#main .right .rcon{ padding:1em 0;}
#main .right .ncon p{ text-indent:2em; margin-bottom:0.8em;}
#main .right .ncon p a{ color:#0095BB;}
#main .right .ncon p a:hover{ color:#FF9900;}

/*图片列表*/
#main .right .ipros li,#main .right .ipros li img,#main .right .ipros li:hover .ipinfo{ width:11em;height:15em;}
#main .right .ipros li:hover .ipinfo span{ width:11em;}
#main .right .ipros li:hover .ipinfo b{ height:2em; overflow:hidden;}

/*列表分页*/
#main .right .pages{ text-align:center; margin-top:3em;font-size:0.8em;}
#main .right .pages .nolink,#main .right .pages span,#main .right .pages a{ border:1px #ccc solid; padding:0.2em 0.5em; margin-right:0.2em; background:#0095BB; color:#fff; }
#main .right .pages a:hover{ background:#FF9900;}

/*新闻列表*/
#main .right .news_list{ position:relative; padding:0 0.5em;}
#main .right .news_list li{ padding-left:0.8em; border-bottom:1px #eee solid; padding:0.8em;}
#main .right .news_list li:hover{  margin-left:-3px;border-left:3px #0095BB solid; background:#F8FCFE;}
#main .right .news_list li b{ font:normal 0.8em/2em Verdana, Geneva, sans-serif; background:#0095BB; padding:0.3em 0.5em; margin-right:1em; color:#fff;}
#main .right .news_list li b a{ color:#fff;}
#main .right .news_list h3{ display: inline; font-size:1em;}
#main .right .news_list h3 a,#main .right .news_list p a{ color:#008FB5;}
#main .right .news_list h3 a:hover,#main .right .news_list p a:hover{ color:#3071A9;}

#main .right .news_list .ico{ margin:0.2em 0;}
#main .right .news_list .ico span{ color:#999; background:url(../images/icot.png) no-repeat;padding-left:1.4em; margin-right:1em; font-size:0.8em;}
#main .right .news_list .ico .author{ background-position: 0px 0.3em;  }
#main .right .news_list .ico .date{ background-position: 0px -1.25em;}
#main .right .news_list .ico .visits{ background-position: 0px -2.65em;}

#main .right .news_list p{ font-size:0.8em; text-indent:1em;}
#main .right .news_list p img{ display:none;}

/*新闻内页*/
#main .right .rcon h2{ text-align:center; color:#666; }
#main .right .rcon .fbt{ margin:1em 0 ; text-align:center; font-size:0.8em; border-bottom:1px #CCC dotted;}
#main .right .rcon .adw{ float:right; width:20em; height:16em; margin-left:1em;}/*广告位置*/
/*相关文章*/
#main .right .rcon .xgnews{ margin-top:1em; font-size:0.8em;}
#main .right .rcon .xgnews li{ position:relative; list-style:inside square; border-bottom:1px #ccc dotted;}
#main .right .rcon .xgnews li span{ position:absolute; top:0; right:0;}
/*图片内容*/
#main .nright{ width:62.5em; float:none; margin:0 auto;}
#main .nright .pic{ width:30em; float:left; text-align:center; height:28em; overflow:hidden;}
#main .nright .pic img{ width:30em; min-height:10em; }
#main .nright .picinfo{ width:31em; float:right; }
#main .nright .picinfo h3{ color:#666; border-bottom:1px #ccc dotted; position:relative; padding-bottom:0.5em;}
#main .nright .picinfo h3 span{ font: normal 0.8em/2em "微软雅黑"; position:absolute;top:0; right:0;}
#main .nright .picinfo .pric{ background:#F3F3F2; padding:1em; border-bottom:0.4em #CCC solid; position:relative;}
#main .nright .picinfo .pric span{ font:bold 1em/2em "微软雅黑"; color:#F00;}
#main .nright .picinfo .pric .buy{ position:absolute; top:1em; right:1em; width:8em; height:3em; line-height:3em; vertical-align:middle; background:#FF9900; text-align:center; border-radius:5px; transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */}
#main .nright .picinfo .pric .buy a{ display:block; color:#fff;}
#main .nright .picinfo .pric .buy:hover{width:10em;}

#main .nright .picinfo .other{padding:1em; font: normal 0.9em/2em Verdana, Geneva, sans-serif;}
#main .nright .picinfo .sm{ margin-top:1em; color:#0095BB; font: normal 1em/2em "微软雅黑"; border-bottom:1px #CCC dashed;}
#main .nright .share{ margin-top:1em;}
#main .xlcon{ padding:1em; font-family:Verdana, Geneva, sans-serif; font-size:0.85em;}
#main .xlcon p{ text-indent:2em; margin-bottom:1em;}
#main .xlcon p a{ color:#0095BB;}
#main .xlcon p a:hover{ color:#3071A9;}
#main .mt1e{ margin-top:1em;}
/*内容分页*/
#main .nex{ background:#eee; padding:0.3em; border:1px #ddd solid; margin-top:0.5em;}
#main .nex .shang{ float:left;}
#main .nex .xia{ float: right;}

.vidolist li{ width:390px; float:left; margin:20px; text-align:center;}

#main .ship{ z-index:1;}

/*评论*/
#main .comment{ font-size:0.8em; background:#eee;}
/*留言*/
#main .gbookhf{ font:normal 0.8em/2em Verdana, Geneva, sans-serif;}
#main .gbook{ margin-top:1em; background:#eee; padding:1em 2em; font-size:0.8em; border-top:0.4em #999 solid;}
#main .gbook .faqtit{ width:6em; display:block; float:left;}
#main  .submit{ font: normal 1em/2em '微软雅黑'; padding:0 1em; margin-top:1em;}
#main .gcontent{ width:30em;}

#main pre{padding:1em;background:#ddd; border-radius:0.4em;}

/*返回top
***********/
#rocket-to-top div {left: 0;margin: 0;overflow: hidden;padding: 0;position: absolute;top: 0; width: 149px;}
#rocket-to-top .level-2 { background: url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent; display: none;height: 250px; opacity: 0;z-index: 1;}
#rocket-to-top .level-3 { background: none repeat scroll 0 0 transparent;  cursor: pointer; display: block; height: 150px; z-index: 2;}
#rocket-to-top { background: url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent; cursor: default; display: block; height: 250px; margin: -125px 0 0; overflow: hidden; padding: 0; position: fixed; right: 0; top: 80%; width: 149px; z-index: 11;}

/*手机*/

@media screen and (max-device-width: 1440px) {

        #head,#main,#main .nright{ width:62.5em;}
        #main .right{ width:53em;}

}

@media screen and (max-device-width: 700px) {
	body{ width:100%; font-size:0.63em;}
	#head,#main,#foot,#main .right,#foot .fcon,#main .nright { width:100%; overflow:hidden; height:auto;}
	#head .search,#main .left,#qq_Kefu,#kefu_pannel,#menu ul .navli,#banner{ display:none;}
	#head .logo img{ width:30em; margin-bottom:1em;}
	#menu {padding:1em 0;}
	#menu ul{ width:100%; height:auto; }
	#menu ul li{ width:25%;}
	#menu ul li a{ display: inline; height:auto; line-height:normal; padding:0; margin:0; font:normal 1.2em/2em "微软雅黑";}
	#main .right{ float:none; width:98%; padding:0 1%; }
	#main .nright .pic,#main .nright .picinfo{ float:none;  }
	#main .ico1,#main .ico2,#main .ico3,#main .link b{-moz-background-size:10px 10px;background-size:1em 1em;}
	/*图片列表*/
	#main .right .ipros li,#main .right .ipros li img,#main .right .ipros li:hover .ipinfo{ width:13em;height:15em;}
	#main .right .ipros li:hover .ipinfo span{ width:13em;}
	#main .right .ipros li:hover .ipinfo b{ height:2em; overflow:hidden;}
	#main .gbook .gcontent{ width:10em;}
	#main .gbook .faqline{ margin:0.5em 0;}
	#main .submit{ width:23em;   }
	
	#main .icon .inews li{ float:none; width:100%;   vertical-align:middle;}
	
	#main .right .news_list .ico span{ padding-left:2em;}
	#main .right .news_list .ico .author{ background-position: 0px 0.2em;  }
    #main .right .news_list .ico .date{ background-position: 0px -2.6em;}
	#main .right .news_list .ico .visits{ background-position: 0px -4.8em;}
}