@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
/* topbg */
body{background:url(../images/bg.jpg) center 0 repeat-y #fff8e3;}
.topbg{width:100%;background:url(../images/topbg.jpg) center 0 no-repeat #ff640c;height:134px;}
.top{width:980px;height:134px;margin:0 auto}
.logo{float:left;margin:46px 0 0 0;}
.toptel{float:right;margin-top:31px}
.banner{width:100%;position:relative}
.banner img{display:block;width:100%;margin:0 auto}
.banner p{width:100%;background:url(../images/bar.png) 0 0 repeat-x;position:absolute;top:0;left:0;z-index:2;height:20px}
.navbg{width:100%;height:50px;background:url(../images/navbg.jpg) center 0 repeat-x;margin-bottom:20px}
.nav{width:980px;height:50px;margin:0 auto}
.nav a{display:block;width:114px;height:50px;float:left;text-align:center;font:600 20px/50px 'microsoft yahei';color:#fff;text-shadow:1px 1px 1px #b0450c}
.nav a:hover{display:block;width:114px;height:50px;float:left;text-align:center;font:600 20px/50px 'microsoft yahei';color:#fff;background:url(../images/hover.png)  center 1px no-repeat;}
.nav a.homebtn,.nav a.homebtn:hover{width:67px;height:65px;background:url(../images/homebtn.png) center center no-repeat;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* con1 */
.con1{width:980px;height:430px;margin:0 auto;overflow:hidden}
.left{float:left;width:227px;}
.lefttitle{background:url(../images/lefttitle.jpg) 0 0 no-repeat;width:227px;height:64px;text-align:center;font:600 20px/50px 'microsoft yahei';color:#fff;}
.leftbg{width:227px;background:url(../images/leftbg.jpg) 0 0 repeat-y;padding:10px 0}
.leftbottom{display:block;margin-bottom:14px}
.leftnav li{width:216px;margin:0 auto}
.leftnav li a{display:block;width:216px;background:url(../images/leftli.png) 0 0 no-repeat;height:36px;font:14px/36px 'microsoft yahei';color:#fff;text-indent:31px;}
.lookmore{display:block;background:url(../images/leftmore.png) 0 0 no-repeat;width:216px;height:36px;margin:0 auto;text-align:center;font:14px/36px 'microsoft yahei';color:#fff;}
.con1right{float:left;width:678px;padding-left:47px;}
.con1right li{width:226px;float:left;height:207px;}
.imgbox{display:block;width:199px;height:146px;padding:3px;border:1px solid #890000;background:#fff;}
.imgtitle{display:block;width:208px;height:28px;margin-top:7px;font:600 14px/28px 'microsoft yahei';color:#fff;text-align:center;background:#890000;overflow:hidden}
.leftnav li li a{text-indent:58px}
/* contentbg */
.contentbg{width:100%;background:url(../images/con2bg.jpg) center 0 repeat;height:678px;}
.con_bar{width:100%;background:url(../images/con2top.png) 0 0 repeat-x;height:16px;}
.marquee{background:url(../images/marquee.png) 0 0 no-repeat;width:980px;height:55px;margin:12px auto 30px;}
.marquee_name{float:left;background:url(../images/martitle.jpg) 0 0 no-repeat;width:119px;height:36px;text-align:center;font:600 18px/36px 'microsoft yahei';color:#fff;text-align:center;margin:10px 0 0 9px;_display:inline}
.marquee marquee{float:left;width:570px;height:55px;margin:0 10px 0 12px;font:12px/55px 'simsun';color:#fff}
.search{float:left;width:241px;height:26px;margin-top:15px}
.text{float:left;width:140px;height:26px;font:12px/26px '����';color:#fff;text-indent:14px;border:0;background:url(../images/text.jpg) 0 0 no-repeat;display:inline}
.select{float:left;width:75px;height:26px;border:0;background:url(../images/select.jpg) no-repeat 0 0;}
.button{float:left;background:url(../images/button.jpg) no-repeat;width:26px;height:26px;border:0;cursor:pointer}
.select select{margin:5px auto;width:74px;}
.searchBar span{ float:right; margin-top:6px;}
.searchBar span a{ color:#666; margin-right:8px;}
.searchBar span a:hover{ color:#ef9b11;}
.searchBar .select {float:left;margin-top:1px; display:inline; margin-right:8px;}
.searchBar .text {float:left;}
.searchBar .text input{width:214px; padding-top:3px; height:17px; border:1px solid #b7d1eb;}
div.selectbox-wrapper{border-right: #b7d1eb 1px solid;border-top: #b7d1eb 0 solid;overflow:hidden;border-left: #b7d1eb 1px solid;width:76px;border-bottom: #b7d1eb 1px solid;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background-color: #e0ecf7;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:75px;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:14px;font-family:'΢���ź�';color:#666;}
.selectbox{border:none;display:block;width:60px;text-indent:8px;cursor:pointer;height:26px;background:none;font-size:12px;font-family:'simsun';color:#fff;line-height:26px;}
.btn{float:left;display:inline;margin-left:8px;margin-top:2px;}
/* con2 */
.con2{width:980px;height:294px;margin:0 auto;}
.con2left{width:672px;float:left;height:294px;}
.con2title{width:100%;height:44px;}
.title1{float:left;background:url(../images/icons1.jpg) 3px center no-repeat;text-indent:33px;font:600 20px/42px 'microsoft yahei';color:#fff;}
.more{float:right;display:block;background:url(../images/more.jpg) 0 0 no-repeat;width:56px;height:21px;text-align:center;font:12px/21px 'simsun';color:#fff;margin:14px 3px 0 0}
.title_border{width:100%;height:0;border-top:1px solid #8b0101;border-bottom:1px solid #b81616;overflow:hidden;clear:both}
.newscon{width:100%;height:244px;margin-top:22px}
.news_img{float:left;display:block;border:7px solid #fff8e3;width:231px;height:185px;}
.news_img img{display:block}
.news_title{float:left;width:406px;margin-left:20px;display:block;height:26px;font:600 14px/26px 'simsun';color:#fff;overflow:hidden;}
.newscon div{float:left;width:406px;padding-left:20px;height:34px;font:12px/34px 'simsun';color:#ff8f8f;overflow:hidden}
.newsul{float:left;width:406px;padding-left:20px;}
.newsul li{width:100%;height:32px;border-bottom:1px dashed #c44a4a;background:url(../images/icons2.jpg) 2px center no-repeat;text-indent:20px;font:12px/32px 'simsun';color:#fff}
.newsul li a{float:left;color:#fff}
.newsul li span{float:right}
.con2right{float:left;width:288px;padding-left:20px;height:294px;}
.list_top{display:block;width:288px;height:26px;overflow:hidden;margin-top:22px;font:600 14px/26px 'simsun';color:#fff}
.list_div{width:288px;height:34px;overflow:hidden;font:12px/34px 'simsun';color:#ff8f8f;}
.list_ul{width:100%;}
.list_ul li{width:100%;height:32px;border-bottom:1px dashed #c44a4a;background:url(../images/icons2.jpg) 2px center no-repeat;text-indent:20px;font:12px/32px 'simsun';color:#fff;overflow:hidden}
.list_ul li a{color:#fff}
/* con3 */
.con3{width:980px;height:272px;margin:0 auto}
.con3left{float:left;width:672px;float:left;height:272px;}
.title2{float:left;background:url(../images/icons3.jpg) 3px center no-repeat;text-indent:33px;font:600 20px/42px 'microsoft yahei';color:#fff;}
.title3{float:left;background:url(../images/icons4.jpg) 3px center no-repeat;text-indent:33px;font:600 20px/42px 'microsoft yahei';color:#fff;}
.con3_join{width:100%;margin-top:12px;font:12px/30px 'simsun';color:#fff;height:210px;overflow:hidden}
.con3right{float:left;width:288px;padding-left:20px;height:272px;}
.con3_contact{width:244px;margin:12px auto 0;font:12px/28px 'simsun';color:#fff}
/* foot */
.linksbg{width:100%;height:64px;background:url(../images/linksbg.jpg) center 0 repeat-x;}
.links{width:980px;height:52px;margin:0 auto;font:12px/52px 'simsun';color:#fff;padding-top:12px}
.links span,.links a{margin-left:24px;color:#fff}
.foot{width:100%;background:url(../images/footbg.jpg) center 0 repeat-x;height:116px;padding-top:50px;text-align:center;font:12px/28px 'simsun';color:#fff}
.foot span{margin:0 7px}
.foot a{color:#fff}
/* subpage */
.subpage{width:980px;margin:0 auto}
.leftnews{width:192px;margin:0 auto}
.leftnews li{width:100%;height:30px;font:12px/30px 'simsun';overflow:hidden}
.leftnews li a{color:#fff}
.leftcontact{width:192px;margin:0 auto;color:#fff;font:12px/30px 'simsun'}
.right{float:left;width:702px;padding-left:26px}
.righttitle{background:url(../images/righttitle.jpg) 0 0 no-repeat;width:702px;height:48px;}
.titlename{float:left;font:600 20px/48px 'microsoft yahei';color:#fff;padding-left:26px}
.righttitle p{float:right;font:12px/48px 'simsun';color:#fff;padding-right:8px}
.righttitle p a,.righttitle p span{color:#fff;margin:0 7px}
.rightcon{width:700px;border:1px solid #ad0400;border-top:0;padding-bottom:15px;margin-bottom:15px;overflow:hidden}
.right_bar{width:100%;background:url(../images/bar.jpg) 0 0 repeat-x;height:16px;margin-bottom:10px}
.about{width:680px;margin:0 auto;font:14px/30px 'simsun';color:#6b1305}
.rightcon div,.about div{font:14px/30px 'simsun';color:#6b1305}
/* news */
.news{width:860px;margin:0 auto}
.news li{width:100%;height:34px;border-bottom:1px dashed #f5e0b9;background:url(../images/icons5.png) 2px center no-repeat;text-indent:20px;font:14px/34px 'simsun';color:#540e00}
.news li a{float:left;color:#540e00}
.news li span{float:right;padding-right:6px}
.news li.none{margin-bottom:15px}
/* pages */
.pages{width:100%;height:28px; margin:14px 0; clear:both;}
.pages ul{float:right; margin:0 15px 0 0; display:inline;}
.pages ul li{float:left; display:inline; margin:0 7px 0 0; font:500 14px/28px ����;color:#6a1001;width:26px;height:26px;border:1px solid #ff4800;background:#ff6500; text-align:center;}
.pages ul li a{color:#fff; display:block;width:26px;height:26px;}
.pages ul li.prev{width:64px;height:26px;background:url(../images/prev_page.jpg) 6px center no-repeat #ff6500;text-indent:13px; border:1px solid #ff4800; text-align:left;}
.pages ul li.prev a,.pages ul li.next a{display:block;width:64px;height:26px;}
.pages ul li.ok a{display:block;width:55px;height:28px;}
.pages ul li.next{width:64px;height:26px;background:url(../images/next_page.jpg) 54px center no-repeat #ff6500;text-indent:6px; border:1px solid #ff4800; text-align:left;}
.pages ul li.clickli{font-weight:bold;}
.pages ul li.dot{border:0; background:none;color:#6a1001;}
.pages ul li.allpage{width:136px;border:0;background:none;}
.allpage input{width:26px;height:26px;border:1px solid #ff4800;text-align:center;background:#ff6500; margin:0 5px;color:#fff;font:14px/26px ����;}
.pages ul li.ok{background:#ff6500;width:46px;height:28px;float:left;}
.pages ul li.ok a{color:#6a1001;width:46px;height:28px;display:block}
/* product */
.product{width:900px;padding:10px 0 0 10px;}
.product li{width:220px;height:207px;float:left}
/* case */
.case{width:97%;margin:0 auto}
.case li{width:100%;height:178px;}
.casepic{display:block;width:199px;height:146px;padding:3px;border:1px solid #890000;background:#fff;float:left;margin-right:14px;}
.caseright{float:left;display:block;width:443px;height:30px;border:1px solid #890000;text-indent:13px;font:12px/30px 'Simsun';color:#540e00;overflow:hidden}
.case li div{width:413px;height:96px;padding:9px 15px;border:1px solid #890000;font:12px/24px 'Simsun';color:#540e00;float:left;margin-top:5px}
/* book*/
.bookmain{width:650px; margin:0 auto; height:auto;background:#fff;padding:0 25px;}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; float:left; margin-top:10px;}
.book3{ width:650px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:470px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.message{ width:600px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; font-size:12px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left; text-align:right;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}
.c_red{color:red;margin-left:4px;position:relative;z-index:9;}
/* view */
.rightcon h1{width:100%;font:18px/40px '΢���ź�';text-align:center;color:#b40505;}
.datetime{width:100%;font:12px/14px '����';text-align:center;color:#777;}
.border2{width:100%;height:0;overflow:hidden;border-top:1px dashed #f5e0b9;margin:12px 0;}
.pageleft{float:left;font:12px/32px '����';color:#5a1301;display:block;width:500px;text-indent:15px;}
.pageleft a{color:#5a1301;}
.page{width:100%;height:76px;}
.back{float:right;font:600 12px/12px '����';color:#5a1301;}
*:focus {outline: none;}
/* fade */
.jbox-fade{background-color:#000000;}
/* drag */
.jbox-drag{border:1px dashed #A5C11B;}
/* jbox */
div.jbox {padding:0px;border:none;font-size:12px;}
/* border */
div.jbox .jbox-border{background: none repeat scroll 0 0 #000000;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
/* container */
div.jbox .jbox-container{background-color:#ffffff;border:1px solid #999999;}
/* title-panel */
div.jbox .jbox-title-panel{background:#cccccc;border-bottom:1px solid #CCCCCC;}
div.jbox .jbox-title{font-weight:bold;color:#000000; font-size:14px;}
div.jbox .jbox-title-icon{background:url(images/jbox-title-icon.gif) no-repeat scroll 3px 5px transparent;}
div.jbox .jbox-close,div.jbox .jbox-close-hover{background:url(images/jbox-close1.gif) no-repeat scroll 0px 0px transparent;}
div.jbox .jbox-close-hover{background-position:-16px 0;}
/* content */
div.jbox .jbox-content{min-height:24px;line-height:18px;color:#444444;}
div.jbox .jbox-content-loading{background-color:#E6E6E6;}
div.jbox .jbox-content-loading-image{background:url(images/jbox-content-loading.gif) no-repeat bottom center;}
/* button-panel */
div.jbox .jbox-button-panel{border-top:1px solid #CCCCCC;background-color: #EEEEEE;}
div.jbox .jbox-bottom-text{text-indent:10px;color:#444444;}
div.jbox .jbox-button{background:url(images/jbox-button2.png) repeat-x transparent;border:#AAAAAA 1px solid;color:#888888;border-radius:3px 3px 3px 3px;margin:1px 7px 0px 0px;height:22px;cursor:default;}
div.jbox .jbox-button-hover{background-position:0px -20px;color:#666666;}
div.jbox .jbox-button-active{background-position:0px -40px;}
div.jbox-warning .jbox .jbox-button-panel{background-color: #FFFFFF;}
/* tip-color */
div.jbox .jbox-tip-color{ border-color:#a7a7a7; font-weight:bold;border-radius:3px 3px 3px 3px;color:#333333;}
/* icons */
div.jbox span.jbox-icon{background:url(images/jbox-icons.png) no-repeat scroll 0 0 transparent;_background:url(images/jbox-icons-ie6.gif) no-repeat scroll 0 0 transparent;}
div.jbox span.jbox-icon-info {background-position:0 0;}
div.jbox span.jbox-icon-question {background-position:-36px 0;}
div.jbox span.jbox-icon-success {background-position:-72px 0;}
div.jbox span.jbox-icon-warning {background-position:-108px 0;}
div.jbox span.jbox-icon-error {background-position:-144px 0;}
div.jbox span.jbox-icon-none {display: none; overflow:hidden;}
div.jbox span.jbox-icon-loading {background:url(images/jbox-loading1.gif) no-repeat scroll 0 0 transparent;}



.spanImgal {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 147px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}