@charset "utf-8";
/* CSS Document */
/*public start*/
html, body { background:url(../images/body_bg.jpg) repeat-x #f6f6f6; color: #666666; height: 100%; font-family: '微软雅黑', Arial, Helvetica, sans-serif; font-size:12px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,img,div{ margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family: '微软雅黑', Arial, Helvetica, sans-serif; vertical-align:baseline }
.clear{ clear:both}
.left{ float:left}
.right{ float:right}
ol, ul, li { list-style:none }
a, a:hover { text-decoration: none }
a { color: #666; font-size:14px;}
a:hover { color:#C00 }
ul, li { list-style: none}

/*header start*/
.top{ height:90px; width:100%; overflow:hidden; margin:0px auto; height:100px; background:#fff;}
.top_box{ width:1024px; overflow:hidden; margin:0px auto;}
.top .logo{ background:url(../images/logo.png) no-repeat 0px 15px; width:582px; height:81px; overflow:hidden; text-indent: -9999em;}
.top .logo a{ width:480px; height:85px; display:block;}
.top .tel{ background:url(../images/tel.png) no-repeat 60px 5px; width:288px; height:73px; overflow:hidden; margin-top:20px;}

/*menu start*/
.nav{ background:url(../images/dh.jpg); width:1040px; height:44px; margin:0px auto; border-radius:5px;}
.VeryHuoCom {height:44px; line-height:44px; width:1024px; margin:0px auto;}
.VeryHuoCom ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 90; FLOAT: left; PADDING-BOTTOM: 0px; margin-top:0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
.VeryHuoCom ul li {DISPLAY: block; FLOAT: left; width:98px; height:44px; LINE-HEIGHT: 44px; POSITION: relative; TEXT-ALIGN: center; }
HTML .VeryHuoCom ul li {FLOAT: left; width:98px; LINE-HEIGHT: 44px; POSITION: relative; TEXT-ALIGN: center}
.VeryHuoCom ul li A { font-size:16px; DISPLAY: block; width:98px; TEXT-DECORATION: none; height:44px; color:#fff;}
.VeryHuoCom ul li A:hover { color:#fff; text-decoration:none; background:url(../images/dh_hover.jpg) repeat-x center;}
.VeryHuoCom ul li ul { margin-left: 0px; VISIBILITY: hidden; POSITION: absolute; background:#fff; width:115px; overflow:hidden}
.VeryHuoCom ul li ul li { margin-left:0px; margin-top:0px; border-top:1px dotted #ccc; BACKGROUND:#3594c9; FLOAT: left; WIDTH: 115px; LINE-HEIGHT: 32px; height:32px; }
.VeryHuoCom ul li ul li A { DISPLAY: block; WIDTH:115px; TEXT-DECORATION: none; height:32px; line-height:32px; text-align:left; text-indent:10px; font-size:12px; color:#fff; font-weight:normal;}
.VeryHuoCom ul li ul li A:hover {BACKGROUND: #3599cf; height:32px; line-height:32px; color:#fff;}
.VeryHuoCom ul li ul li ul {TOP: 0px}
.downarrowclass {DISPLAY: none; POSITION: absolute}
.rightarrowclass {DISPLAY: none; POSITION: absolute}
.ddshadow {BACKGROUND: silver; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px}
.toplevelshadow {opacity: 0.8}
.on { color:#fff; text-decoration:none; background:url(../images/dh_hover.jpg) repeat-x center;}
.VeryHuoCom .dh_line { background:url(../images/dh_line.jpg) no-repeat; width:13px; height:47px; overflow:hidden;}

/*banner start*/
.index-banner{
width:1040px; margin:10px auto;-moz-box-shadow: 0px 0px 8px #999;/*firefox*/
-webkit-box-shadow: 0px 0px 8px #999;/*safari或chrome*/
box-shadow:0px 0px 8px #999;/*opera或ie9*/
background:#fff;
border:1px solid #dbdcde;	
	height:321px;
	overflow:hidden;
	border-bottom:3px; solid #ddd;
}
.main_image {
	width:100%;
	height:321px;
	border-top:0px solid #d7d7d7;
	overflow:hidden;
	margin:0 auto;
	position:relative
}
.main_image ul {
	width:9999px;
	height:321px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
.main_image li {
	float:left;
	width:100%;
	height:321px;
}
.main_image li span {
	display:block;
	width:100%;
	height:321px
}
.main_image li a {
	display:block;
	width:100%;
	height:321px
}
div.flicking_con {
	width:1024px;
	margin:0 auto;
	position:relative
}
div.flicking_con .flicking_inner {
	position:absolute;
	top:302px;
	right:10px;
	z-index:999;
	height:21px;
} /* 121126 */
div.flicking_con a {
	float:right;
	width:43px;
	height:10px;
	margin:0;
	padding:0;
	margin-left:5px;
	background:url(../images/btn_main_img.png) 0 -10px no-repeat;
	display:block;
	text-indent:-1000px
}
div.flicking_con a.on {
	background-position:0 0px
}
#btn_prev, #btn_next {
	z-index:11111;
	position:absolute;
	display:block;
	width:73px!important;
	height:74px!important;
	top:50%;
	margin-top:-37px;
	display:none;
}
#btn_prev {
	background:url(../images/hover_right.png) no-repeat left top;
	left:100px;
}
#btn_next {
	background:url(../images/hover_left.png) no-repeat right top;
	right:100px;
} 
.infobox{
width:1040px; margin:10px auto;background:#fff;
border:1px solid #dbdcde;	
}
.info_title{ background:url(../images/info_tit_bg.jpg) repeat-x center; height:35px; line-height:35px; overflow:hidden}
.info_title .info_type{ background:url(../images/info_tit_bg.png) no-repeat; line-height:36px; width:123px; text-indent:25px; font-size:18px; color:#fff;}
.info_title .info_type1{ background:url(../images/info_tit_bg.png) no-repeat; line-height:36px; width:123px; text-indent:25px; font-size:18px; color:#fff;}
.info_title .info_type2{ background:url(../images/info_tit_bg.png) no-repeat; line-height:36px; width:123px; text-indent:25px; font-size:18px; color:#fff;}
.info_title .info_type3{ background:url(../images/info_tit_bg.png) no-repeat; line-height:36px; width:123px; text-indent:25px; font-size:18px; color:#fff;}
.info_title .info_type4{ background:url(../images/info_tit_bg.png) no-repeat; line-height:36px; width:123px; text-indent:25px; font-size:18px; color:#fff;}
.info_title .info_type5{ background:url(../images/info_tit_bg.png) no-repeat; line-height:36px; width:123px; text-indent:25px; font-size:18px; color:#fff;}
.info_title .more {margin-right:10px; margin-top:2px;}

.infonews{ width:315px; margin:0px auto;}
.infonews p { color:#999; font-family:Verdana, Geneva, sans-serif; background:url(../images/dot.jpg) no-repeat 0px 11px; text-indent:15px; text-align:right; font-size:12px; height:30px; line-height:30px;}
.infonews p a{ font-size:14px; display:inline; width:220px; text-align:left; overflow:hidden; height:30px; color:#333; float:left; }
.infonews p a:hover{color:#C00; text-decoration: none}

.one{ width:1020px; padding-top:10px; margin:0px auto; height:255px;}

.one1{ width:328px; margin-right:12px; border:0px solid #ddd; height:250px; overflow:hidden;}
.one2{ width:408px; margin-right:10px; border:1px solid #ddd; height:250px; overflow:hidden;}
.one2 .infonews{ width:390px; margin:0px auto;}
.one2 .infonews p { color:#999; font-family:Verdana, Geneva, sans-serif; background:url(../images/dot.jpg) no-repeat 0px 11px; text-indent:15px; text-align:right; font-size:12px; height:30px; line-height:30px;}
.one2 .infonews p a{ font-size:14px; display:inline; width:300px; text-align:left; overflow:hidden; height:30px; color:#333; float:left; }
.one2 .infonews p a:hover{color:#C00; text-decoration: none}

.one3{ width:256px; border:1px solid #ddd; height:250px; overflow:hidden;}
.one3dis{ margin:10px auto; width:240px; line-height:25px;}
.one1 .demo1{width:338px;height: 250px; margin:0px auto; position: relative;overflow: hidden; border:0px solid #ccc;}
.one1 .demo1 img{width: 338px;height: 252px;}
.one1 .num1{position: absolute;right: 10px;bottom: 10px;z-index: 10; font-size:14px;}
.one1 .num1 a{width: 23px;height: 20px;display:block;text-align: center; background:#FFF; margin: 0 3px;cursor: pointer; float:left; line-height:20px;}
.one1 .num1 a.cur{background: #cc0000;color: #fff;}
.one1 .demo1 ul{position: relative;z-index: 5;}
.one1 .demo1 ul li{position: absolute;display: none;}

.info_add{ width:1022px; height:100px; overflow:hidden; margin:5px auto;}
.two{ width:1020px; height:255px; margin:10px auto; overflow:hidden}
.two1{ width:332px; height:250px; overflow:hidden; border:1px solid #ddd;}
.two2{ width:332px; height:250px; overflow:hidden; margin-left:9px; border:1px solid #ddd;}
.two3{ width:332px; height:250px; overflow:hidden; border:1px solid #ddd;}
.in_news1 p a:hover{color: #F60; text-decoration: none}

.infophoto{ width:1022px; height:220px; overflow:hidden; border:1px solid #ddd; margin:10px auto;}

/*tab*/
#Tab2{width:100%; margin-top:0px; overflow:hidden;}
.Contentbox{clear:both;margin-top:0px;border-top:none; height:auto; text-align:left; border-top:0px; overflow:hidden; height:450px;}
.Menubox { height:40px; width:100%; line-height:40px; background:url(../images/line_bg.jpg) repeat-x 0px 37px}
.Menubox ul{margin:0px;padding:0px;}
.Menubox li{ margin-right:5px;float:left;display:block;cursor:pointer;width:100px; height:39px;text-align:center;color:#fff;font-size:16px; border-bottom:0px; background:#029ad9; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}
.Menubox li.hover{ margin-left:0px; background:#02a8f2; width:100px;color:#fff; font-size:16px; text-align:center;}

.news_pic{ width:1085px; overflow:hidden;}
.news_pic li{position:relative; width:191px; height:155px; overflow:hidden; float:left; margin-top:5px; margin-right:22px;}
.news_pic li img{width:191px; height:155px; overflow:hidden; float:left; margin-top:10px; margin-right:22px;}
.news_pic li div{background:#333;width:191px;height:30px;display:inline-block;position:absolute;top:125px;left:0px; line-height:30px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-left:10px; padding-right:15px; color:#fff; font-size:14px;filter:alpha(opacity=40);  /*支持 IE 浏览器*/ -moz-opacity:0.80; /*支持 FireFox 浏览器*/ opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.news_pic li div:hover{background:#F90;width:191px;height:30px;display:inline-block;position:absolute;top:125px;left:0px; line-height:30px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-left:10px; padding-right:15px; color:#fff; font-size:14px;filter:alpha(opacity=80);  /*支持 IE 浏览器*/ -moz-opacity:0.80; /*支持 FireFox 浏览器*/ opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/}

/*topnews*/
.in_news{ width:100%; margin:0px auto;}
.in_news .img_box{ background:#000; margin-top:10px; height:100px; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.in_news .img{ width:130px; height:112px; overflow:hidden; margin-top:7px; margin-left:8px;}
.in_news .img img{ width:123px; height:80px; padding:2px; border:1px solid #ddd; padding:2px; background:#ddd}
.in_news .con{ width:375px; overflow:hidden; margin-right:10px}
.top_tit{ margin-top:13px; text-align:center; font-size:16px; width:375px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.top_tit a{ color:#F90; text-decoration:none; font-family:"微软雅黑"; font-size:16px; }
.top_tit a:hover{ color:#F60; text-decoration:none;}
.top_con{ text-indent:24px; line-height:25px; margin-top:3px; height:50px; overflow:hidden; color:#ddd; margin-bottom:5px;}
.in_news p { color:#666; font-family:Verdana, Geneva, sans-serif; background:url(../images/d.png) no-repeat 0px 17px; text-indent:15px; text-align:right; font-size:12px;  height:35px; line-height:35px;  border-bottom:1px dashed #ddd}
.in_news p a{ font-family:"微软雅黑"; font-size:15px; display:inline; width:430px; text-align:left; overflow:hidden; height:28px; color:#666; float:left;white-space:nowrap;text-overflow:ellipsis; }
.in_news p a:hover{color: #F60; text-decoration: none}

.pro{ width:1022px; margin:13px auto; height:280px; border:1px solid #ddd; background:url(../images/line_bg.jpg) repeat-x bottom #fff;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.pro_tit{ background:url(../images/pro_titbg.jpg) no-repeat; height:32px; line-height:32px;}
.pro_type{ margin-top:3px; color:#666; font-size:16px; font-weight:bold; width:125px; text-align:center}
.pro_type span{ font-size:9px; color:#999; font-weight:normal;}

.three{ width:1020px; margin:10px auto}


/* 图片水平滚动
------------------------------ */
.scroll_horizontal{position:relative;width:1024px;height:200px; margin-left:0px; margin-top:10px;}
.scroll_horizontal .box1{overflow:hidden;position:relative;width:1000px;height:200px;margin:0 auto; border:0px;}
.scroll_horizontal .plus{position:absolute;top:30px;width:12px;height:53px; cursor:pointer; background:url(../images/s_left.jpg) no-repeat;}
.scroll_horizontal .minus{position:absolute;top:30px;width:12px;height:53px;cursor:pointer; background:url(../images/s_right.jpg) no-repeat;}
.scroll_horizontal .plus{left:-4px;}
.scroll_horizontal .minus{right:5px;}
.scroll_horizontal ul{position:absolute;top:0;left:0;width:9999px; border:0px;}
.scroll_horizontal li{width:200px; height:200px; overflow:hidden; float:left; }
.scroll_horizontal img{ width:190px; height:130px; border:1px solid #ddd; padding:1px;}
.scroll_horizontal div .tit{ width:190px; overflow:hidden; height:25px; line-height:25px; text-align:center}
.scroll_horizontal .txt{ width:180px; height:29px; background:url(../images/pro_tit_bg.jpg) repeat-x top;  overflow:hidden; text-align:center; margin-top:-5px; font-size:14px; line-height:29px; color:#666;}
.scroll_horizontal .con{ width:166px; height:40px; line-height:20px; overflow:hidden; margin-top:5px; color:#000}

.page_box{ width:1024px; margin:10px auto}
.page_box .page_box_left{ width:211px; overflow:hidden;}
.left_tree{border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF}
.left_tree ul{background:url(../images/nav_bg.jpg) repeat-y; padding-bottom:10px;}
.left_tree .tree_tit{ background:url(../images/nav_title.png) no-repeat; height:40px; line-height:40px; font-size:18px; color:#FFF; text-align:center; margin-bottom:15px;}
.left_tree .tree_line{ background:url(../images/nav_top.jpg) no-repeat; height:9px; font-size:14px; font-weight:bold; color:#FFF; text-indent:18px;}
.left_tree .tree_down{ background:url(../images/nav_down.jpg) no-repeat; height:23px; font-size:14px; font-weight:bold; color:#FFF; text-indent:18px;}
.left_tree li{ width:180px; height:27px; line-height:27px; text-indent:30px; font-size:14px; margin-left:auto; margin-right:auto; background:url(../images/hover_go.jpg) no-repeat; margin-bottom:5px;} 
.left_tree a{display:block;text-align:left;color:#38415a; font-size:13px;text-decoration:none;} 
.left_tree a:hover{color:#fff; text-decoration:none; background:url(../images/hover_on.jpg) no-repeat;}  
.left_tree .treeon{ height:27px; color:#fff; text-decoration:none; background:url(../images/hover_on.jpg) no-repeat;}  
.left_tree .treeon a{ color:#fff; text-decoration:none; background:url(../images/hover_on.jpg) no-repeat;}  
.left_tree .treeon a:hover{ color:#fff; text-decoration:none; background:url(../images/hover_on.jpg) no-repeat;}  
.us{ margin-top:12px;background:url(../images/us_bg.gif) no-repeat; height:232px; overflow:hidden; line-height:35px; font-size:14px;}
.us p{ padding-left:15px; padding-top:10px; padding-right:15px}
.us strong{ font-size:18px; font-weight:bold;}
.us span{ color:#cc0000;}


.page_box .page_box_right{ width:799px; overflow:hidden; border:1px solid #ddd; background:#fff; }
.page{ line-height:22px; margin:0px auto; width:98%; padding-bottom:20px; padding-top:0px; overflow:hidden; float:right; color:#666; }

.page_list { WIDTH:97%; margin-left:5px;}
.page_list SPAN {	TEXT-ALIGN: right; LINE-HEIGHT: 35px; PADDING-RIGHT: 7px; DISPLAY: block; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
.page_list SPAN A {TEXT-ALIGN: right; PADDING-LEFT: 15px; DISPLAY: block; BACKGROUND: url(../images/dot.jpg) no-repeat left 50%; COLOR: #666; CURSOR: pointer; TEXT-DECORATION: none; border-bottom:1px dashed #ddd;}
.page_list A:HOVER {TEXT-ALIGN: right; PADDING-LEFT: 15px; DISPLAY: block;  COLOR: #F90; CURSOR: pointer; TEXT-DECORATION: none}
.page_list SPAN A DIV {TEXT-ALIGN: left; FLOAT: left; font-family:"微软雅黑"; width:600px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-size:15px;}

.photo_list{width:830px; margin:15px auto}
.photo_list li{ width:230px; height:220px; float:left; margin-right:26px; margin-top:5px; margin-left:5px;}
.photo_list li img{ border:1px solid #ddd; padding:4px; background:#FFF; width:220px; height:162px;}
.photo_list li img:hover{ border:1px solid #F60; padding:4px; background:#FFF; width:220px; height:162px;}
.photo_list li .pro_tit{ widows:225px; height:30px; line-height:25px; overflow:hidden; text-align:center}

.photo_news{  WIDTH:96%; margin:0px auto;}
.photo_news li{ margin-top:12px; height:150px; border:1px solid #ddd; margin-left:-10px;/*ie*/
-moz-box-shadow: 1px 1px 5px #ddd;/*firefox*/
-webkit-box-shadow: 1px 5px 1px #ddd;/*safari或chrome*/
box-shadow:1px 1px 5px #ddd;/*opera或ie9*/}
.photo_news li img{ border:1px solid #ddd; padding:2px; width:150px; height:115px; background:#FFF; margin-top:15px; }
.photo_news li .pn_pic{ width:180px; overflow:hidden; text-align:center; float:left;}
.photo_news li .pn_con{ width:560px; float:right; margin-right:10px;}
.photo_news li .pn_con h1{ font-size:18px; font-family:"微软雅黑"; padding-top:15px; color:#06C}
.photo_news li .pn_con h1 a{ font-size:18px; font-family:"微软雅黑"; padding-top:15px; color:#333}
.photo_news li .pn_con h1 a:hover{ font-size:18px; font-family:"微软雅黑"; padding-top:15px; color:#F60}
.photo_news li .pn_con p{ font-size:14px; font-family:"微软雅黑"; padding-top:10px; line-height:25px; text-indent:27px;}
.photo_news li .pn_con .span{ font-family:"微软雅黑"; font-size:14px; margin-top:5px;}

/*CSS page style pagination*/
.manu_page { MARGIN-TOP:10px; TEXT-ALIGN: center; font-size:14px; padding-top:20px; margin-bottom:20px;}
.manu_page A { font-family:"微软雅黑"; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:14px; BORDER: #ddd 1px solid; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM:7px; MARGIN-LEFT: 2px; PADDING-TOP:7px; TEXT-DECORATION: none}
.manu_page A:hover{ BORDER: #F60 1px solid; COLOR: #fff; background:#F60; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.manu_page A:active{ BORDER: #999 1px solid; COLOR: #666;}
.manu_page .current{ font-size:14px; BORDER: #F60 1px solid; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; PADDING-BOTTOM: 7px; MARGIN-LEFT: 2px; COLOR: #fff; PADDING-TOP: 7px; BACKGROUND: #F60;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.manu_page .disabled{ BORDER: #eee 1px solid; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 2px; COLOR: #ddd; PADDING-TOP: 5px; }
.manu_page .page_num {font-size:12px; BORDER: #ddd 1px solid; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 2px; PADDING-TOP: 4px; TEXT-DECORATION: none}

/*page*/
.pagin{position:relative;margin-top:10px;padding:0 12px;}
.pagin .blue{color:#056dae;font-style:normal;}
.pagin .paginList{position:absolute;right:12px;top:0;}
.pagin .paginList .paginItem{float:left;}
.pagin .paginList .paginItem a{float:left;width:31px;height:28px;border:1px solid #DDD; text-align:center;line-height:30px;border-left:none;color:#3399d5;}
.pagin .paginList .paginItem:first-child a{border-left:1px solid #DDD;}
.pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}
.pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#f5f5f5; cursor:default;color:#737373;}
.pagin .paginList .paginItem:hover{background:#f5f5f5;}
.pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}
.pagin .paginList .paginItem.more:hover{background:#FFF;}
.pagin .paginList .paginItem.more a{color:#737373;}
.pagepre{background:url(../images/pre.gif) no-repeat center center; width:31px; height:28px;}
.pagenxt{background:url(../images/next.gif) no-repeat center center; width:31px; height:28px;}

.page_parth { color:#666; text-indent:0px; line-height:36px; height:36px; margin: 0px auto 10px auto; background:url(../images/info_tit_bg.jpg) repeat-x center; width:100%;}
.page_parth a{ color:#666;}
.page_parth a:hover{ color:#333;}
.parth_type{ background:url(../images/info_tit_bg.png) no-repeat; width:123px; height:36px; color:#fff; font-size:16px; font-family:"微软雅黑"; text-indent:25px}
.parth_tit{ padding-right:15px; background:url(../images/iconh_kebp.png) no-repeat 0px 10px; text-indent:20px; font-size:14px;}
.page .page_tit{ text-align:center; font-size:20px; color:#333; overflow:hidden; font-family:"微软雅黑"; line-height:30px; margin-top:10px;}
.page .page_type{ color:#999; font-size:12px; text-align:center; padding-top:10px; padding-bottom:5px; border-bottom:1px dashed #ddd; margin-bottom:10px;}
.page .page_discon{ border:1px solid #ddd; line-height:20px; background:#FCFCFC; padding-top:8px; padding-bottom:5px; padding-left:10px; padding-right:5px; margin-bottom:15px;}
.page .page_discon span{ font-size:14px; font-weight:bold;}
/*CSS content style pagination*/
.page .news_page { MARGIN-TOP: 10px; TEXT-ALIGN: center; font-size:14px; border-top:0px solid #ddd; padding-top:10px;}
.page .news_page A { font-size:14px; BORDER: #ddd 1px solid; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none}
.page .news_page A:hover{ BORDER: #999 1px solid; COLOR: #666; }
.page .news_page A:active{ BORDER: #999 1px solid; COLOR: #666;}
.page .news_page .current{ font-size:14px; BORDER: #036cb4 1px solid; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN-LEFT: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #036cb4}

.mark{padding:15px 0 0 150px;overflow:hidden;zoom:1;}
#mark0, #mark1{width:189px;height:48px;background:url('../images/mark.gif') no-repeat -189px 0;border:0px none;cursor:pointer;position:relative;margin:0;padding:0;overflow:hidden;float:left}
#mark1{background-position:-378px 0;margin-left:10px;}
.bar{position:absolute;left:9px;top:32px;width:55px;height:5px;border:1px solid #40a300;background-color:#fff;overflow:hidden;text-align:left;}
#mark1 .bar{border-color:#555;}
.bar div{background:url('../images/sprites.gif') repeat-x 0 -265px;height:5px;overflow:hidden}
#mark1 .bar div{background-position:0 -270px;}
#barnum1, #barnum2{position:absolute;top:30px;left:70px;font:400 10px/12px arial;color:#333;}

.page .news_page .disabled{ BORDER: #eee 1px solid; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 2px; COLOR: #ddd; PADDING-TOP: 2px; }
.page .next_page{ border-top:1px dashed #ddd; line-height:25px; padding-top:10px; margin-top:15px; width:98%}
.page .page_dis{ border:1px dashed #ddd; background:#F3F3F3; width:95%; text-indent:25px; font-size:14px; line-height:25px; padding:10px; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/*form*/
.upbook { width:726px; margin-top:10px; border:1px solid #ccc; margin-left:auto; margin-right:auto; margin-bottom:15px; }
.book_type { font-size:14px; font-weight:bold; color:#F60;}
.book_txt { background:url(../images/put1.gif) no-repeat; width:300px; height:22px; border:1px solid #ccc;}
.book_txt1 { background:url(../images/put2.gif) no-repeat; width:350px; height:100px; border:1px solid #ccc;}
.book { width:97%; margin:0px 15px 15px 0px;}
.book_tit { line-height:30px; font-size:14px; color:#09C; font-weight:bold;}
.book_list { border:1px solid #ccc; margin-top:15px;}
.book_list ul{ height:30px; line-height:30px; background: #f3f2f4; border-bottom:1px solid #ddd;}
.book_list li{ text-indent:15px; list-style-type:none; float:left; width:200px; color:#09C;}
.book_con { line-height:22px;}
.book_con .span100{ padding-left:15px; padding-right:20px; padding-bottom:10px; padding-top:5px;}
.book_con .span00{ color:#C00; padding-left:10px; padding-right:5px; padding-top:5px; padding-bottom:5px; background:#FAEAE7; margin:0px auto; width:94%;}
.book_sub1 { background:url(../images/tit.jpg) repeat-x; width:78px; height:28px; border:0px; color:#999; border:1px solid #ddd; cursor:pointer;}


.book_code{ width:74px; height:27px; border:1px solid #ddd;}
.book_sub { width:135px; height:33px; overflow:hidden;  border:0px;}

.bm_btn{-webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius:5px; height:30px; line-height:30px; background:#F90; font-size:14px; color:#fff; border:0px; padding-bottom:10px;}
.bm_btn:hover{-webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius:5px; height:30px; line-height:30px; background:#F60; font-size:14px; color:#fff; border:0px; }
.board_type{ font-size:16px; line-height:22px; padding-bottom:5px; margin-top:10px;}
.board_input{ }
.board_input input{ height:25px; width:400px;}
.board_input textarea{ width:400px; height:150px}
.Correct,.Wrong,.Exp{ margin-left:5px; height:20px;line-height:20px;font-size:12px}
.Correct{color:#090;}
.Wrong{color:#ff0000;}
.Exp{color:#666;}

.link_box{ border-radius:5px; margin:0px auto; width:1025px; border:1px solid #ddd; background:#fff; line-height:37px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-right:5px;}
.link_box span{ font-weight:bold; font-size:14px;}
.link_box a{ margin-right:20px;}


.bottom{ width:100%; margin:0px auto; height:110px; overflow:hidden; font-family:"宋体"}
.copy{ width:1024px; margin:0px auto; line-height:25px; color:#777; height:100px; text-align:center;}
.copy_logo{ width:200px; height:91px; margin-top:0px; background:url(../images/footlogo.png) no-repeat 50px 0px;}
.copy_txt{ width:800px; margin-top:0px; line-height:23px; font-size:12px; text-align:left}

/*用户登录窗体*/
.main_nav {width:300px; height:60px; margin:60px auto 10px auto}
.main_nav li{float:left;  margin-right:10px; font-size:16px; }
.main_nav li a{color:#666; font-size:16px;}
.main_nav li a:hover{color:#F60}
.cd-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.4);
  z-index: 3;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0; 
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity 0.3s 0, visibility 0 0.3s;
}
.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0;
}
.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both;
}
.cd-user-modal-container .cd-switcher li {
  width: 50%;
  float: left;
  text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
  border-radius: .25em 0 0 0;
}
.cd-user-modal-container .cd-switcher li:last-child a {
  border-radius: 0 .25em 0 0;
}
.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #d2d8d8;
  color: #809191;
}
.cd-user-modal-container .cd-switcher a.selected {
  background: #FFF;
  color: #505260;
}
@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin: 4em auto;
  }
  .cd-user-modal-container .cd-switcher a {
    height: 70px;
    line-height: 70px;
  }
}

.cd-form {
  padding: 1.4em;
}
.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}
.cd-form label {
  font-size: 16px;
  font-size: 0.875rem;
}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.cd-form label.cd-username {
  background-image: url("../images/user/cd-icon-username.svg");
}
.cd-form label.cd-email {
  background-image: url("../images/user/cd-icon-email.svg");
}
.cd-form label.cd-password {
  background-image: url("../images/user/cd-icon-password.svg");
}
.cd-form input {
  margin: 0;
  padding: 0;
  border-radius: 0.25em;
}
.cd-form input.full-width {
  width: 80%;
  font-size:15px;
  font-weight:bold;
  color:#333
}
.cd-form input.full-width2 {
  width: 94%;
}
.cd-form input.has-padding {
  padding: 12px 20px 12px 50px;
}
.cd-form input.has-border {
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {
  border-color: #339933;
  box-shadow: 0 0 5px rgba(59, 170, 36, 0.6);
  outline: none;
}
.cd-form input.has-error {
  border: 1px solid #d76666;
}
.cd-form input[type=password] {
  /* space left for the HIDE button */
  padding-right: 65px;
}
.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  background: #339933;
  color: #FFF;
  font-weight: bold;
  font-size:16px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  background: #3599ae;
  outline: none;
}


@media only screen and (min-width: 600px) {
  .cd-form {
    padding: 2em;
  }
  .cd-form .fieldset {
    margin: 2em 0;
  }
  .cd-form .fieldset:first-child {
    margin-top: 0;
  }
  .cd-form .fieldset:last-child {
    margin-bottom: 0;
  }
  .cd-form input.has-padding {
    padding: 16px 20px 16px 50px;
  }
  .cd-form input[type=submit] {
    padding: 16px 0;
  }
}



.cd-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  bottom: -40px;
  background: url("../images/user/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 1170px) {
  .cd-close-form {
    display: none;
  }
}

#cd-login, #cd-signup, #cd-reset-password {
  display: none;
}

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block;
}
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.page img{ max-width: 770px; width:expression(this.width > 770 ? "770px" : this.width;}