@charset "utf-8";
/* Style Reset
----------------------------------------------------------------------*/
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 */
.topbg{width:100%;background:url("../images/topbg.jpg") 0 0 repeat-x;height:105px;}
.top{width:980px;height:105px;margin:0 auto;}
.logo{float:left;margin:18px 0 0 0;display:inline;}
.logo img{width:626px; height:auto}
.toptel{float:right;background:url("../images/tel.jpg") 0 0 no-repeat;width:176px;height:66px;padding-left:55px;margin-top:26px;color:#000;padding-top:5px;}
.toptel p{font:600 22px/26px 'Arial';}
.toptel span{font:600 16px/26px '微软雅黑';}
.navbg{width:100%;height:62px;background:url("../images/navbg.jpg") 0 0 repeat-x;}
.navbg2{width:100%;height:62px;background:url("../images/navbg2.jpg") center 0 no-repeat;}
.nav{width:980px;margin:0 auto;}
.nav  a{display:block;width:108px;height:62px;text-align:center;float:left;background:url("../images/border1.jpg") left bottom no-repeat;font:600 16px/62px '微软雅黑';color:#fff;text-shadow:1px 1px 1px #28190b;}
.nav a:hover{color:#4f9938;}
.banner{width:100%; margin:0px auto; overflow:hidden;margin-bottom:12px;}
.banner img{display:block;width:1422px;}
/* 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:450px;margin:0 auto;}
.con1left{width:218px;float:left;position:relative;}
.leftnav{width:218px;background:url("../images/leftbg.jpg") 0 0 repeat-y;padding-top:46px;}
.leftnav li{width:194px;margin:0 auto;font:14px/39px '宋体';text-indent:41px;}
.leftnav li a{display:block;width:194px;height:39px;color:#646464;background:url("../images/leftli.jpg") 0 0 no-repeat;}
.leftnav li a:hover{background:url("../images/lefthover.jpg") 0 0 no-repeat;color:#fff;}
.title1{position:absolute;top:-6px;left:-7px;z-index:4;}
.lookmore{display:block;width:193px;height:34px;margin:0 auto;font:600 12px/34px '宋体';color:#646464;text-indent:21px;}
.con1right{width:748px;float:left;height:450px;}
.con1 .con1right{width:100%;}
.con1right li{width:242px;height:218px;float:left;}
.imgbox{display:block;width:212px;height:160px;padding:4px;border:1px solid #d7d7d7;background:#e9e9e9;float:right;margin-bottom:4px;}
.imgtitle{display:block;width:220px;height:22px;border:1px solid #d7d7d7;background:url("../images/icons1.jpg") 15px center no-repeat #e9e9e9;text-indent:33px;font:12px/22px '宋体';color:#000;float:right}
/* marquee */
.marquee{width:980px;height:56px;margin:0 auto 21px;background:url("../images/marquee.jpg") 0 0 no-repeat;}
.marquee marquee{float:left;width:588px;float:left;margin-left:102px;display:inline;height:56px;font:12px/47px '宋体';color:#fff;}
.search{width:260px;height:24px;float:left;margin:12px 0 0 5px;}
.text{float:left;width:167px;height:24px;border:0;background:url("../images/text.jpg") 0 0 no-repeat;text-indent:10px;font:12px/24px '宋体';color:#ff5202;}
.select{float:left;width:60px;height:34px;border:0;background:url("../images/text.jpg") no-repeat -167px 0;}
.button{float:left;background:url("../images/button.jpg") no-repeat;width:33px;height:24px;border:0;}
.select select{margin:5px auto;width:52px;}
.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:57px;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:60px;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:14px;font-family:'微软雅黑';color:#666;}
.selectbox{border:none;display:block;width:60px;text-align:center;cursor:pointer;height:24px;background:none;font-size:14px;font-family:'微软雅黑';color:#b3c0c3;line-height:24px;}
.btn{float:left;display:inline;margin-left:8px;margin-top:2px;}
/* con3bg */
.con3bg{width:100%;background:url("../images/con3bg.jpg") 0 0 repeat-x;height:268px;}
.con3{width:980px;height:268px;margin:0 auto;}
.con3left{float:left;width:490px;height:268px;}
.con3left img{margin:24px 0 0 14px;}
.con3right{float:left;width:480px;height:268px;}
.con3title{width:100%;height:60px;background:url("../images/border2.jpg") 0 bottom repeat-x;}
.title2{float:left;margin:20px 0 0 7px;display:inline;}
.more{float:right;margin:22px 12px 0 0;display:inline;}
.con3con{width:100%; height:250px; overflow:hidden;}
.con3top{width:100%;height:30px;overflow:hidden;}
.con3top a{background:url("../images/icons2.jpg") 7px center no-repeat;text-indent:27px;font:600 14px/40px '宋体';color:#646464;overflow:hidden;display:block;}
.con3top div{width:434px;padding-left:28px;height:50px;font:12px/25px '宋体';color:#9e9c9c;}
.newsul{width:466px;}
.newsul li{width:100%;height:33px;background:url("../images/icons2.jpg") 7px center no-repeat;text-indent:27px;color:#646464;font:12px/33px '宋体';}
.newsul li a{float:left;color:#646464;}
.newsul li span{float:right;}
/* con4 */
.con4{width:980px;height:330px;margin:0 auto;}
.con4title{width:100%;height:65px;border-bottom:1px solid #e9e9e9;}
.titlename{float:left;margin:26px 0 0 5px;display:inline;}
.more2{float:right;margin:26px 20px 0 0;display:inline;}
.con4con{width:100%;padding-top:22px; }
.con4con li{width:242px;height:218px;float:left;}
/* foot */
.footbg{width:100%;background:#4f9938;}
.links{width:950px;height:54px;margin:0 auto;border-bottom:1px solid #3b722a;padding-top:32px;font:12px/54px '宋体';color:#fff;}
.links a{color:#fff;margin:0 10px;}
.links span{margin-right:10px;}
.foot{width:950px;margin:0 auto;padding:20px 0;text-align:center;}
/*.footleft{float:left;width:604px;height:112px;background:url("../images/footbg.jpg") right 12px no-repeat;padding-top:28px;}
.footleft p{font:12px/34px '宋体';color:#fff;}*/
.footleft p a{color:#fff;font-size:25px;font-weight:bold;}
.footleft p span{margin-right:12px;}
.footright{float:left;width:345px;height:140px;}
.footright img{margin:28px 0 0 68px;}
/* subpage */
.subpage{width:980px;margin:0 auto;}
.left{float:left;position:relative;width:219px;}
.leftbottom{display:block;margin-bottom:18px;}
.leftnav li li a{display:block;width:194px;height:39px;color:#646464;background:url("../images/subli.jpg") 0 0 no-repeat;}
.leftnav li li a:hover{background:url("../images/sublihover.jpg") 0 0 no-repeat;color:#fff;}
.leftnav li li{width:194px;margin:0 auto;font:12px/39px '宋体';text-indent:60px;}
.lefttitle2{background:url("../images/lefttitle2.jpg") 0 0 no-repeat;text-align:center;font:600 20px/47px '微软雅黑';color:#fff;}
.leftcon{width:184px;padding:17px;background:url("../images/leftbg2.jpg") 0 0 repeat-y;font:12px/28px '宋体';color:#fff;}
.right{float:left;width:728px;padding-left:16px;}
.righttitle{width:728px;height:42px;border-bottom:1px solid #e9e9e9;}
.righttitle p{float:left;font:600 22px/42px '微软雅黑';color:#646464;text-indent:8px;}
.righttitle p span{color:#d4d4d4;margin-left:6px;}
.righttitle div{float:right;font:12px/42px '宋体';color:#666;}
.righttitle div a,.righttitle div span{color:#666;margin:0 8px;}
.rightcon{width:100%;font:14px/30px '宋体';color:#666;}
.about{width:600px;margin:3px auto;font:14px/30px '宋体';color:#666;}
.imgbox2{display:block;width:212px;height:160px;padding:4px;border:1px solid #d7d7d7;background:#e9e9e9;margin:0 auto 4px;}
.imgtitle2{display:block;width:220px;height:22px;border:1px solid #d7d7d7;background:url("../images/icons1.jpg") 15px center no-repeat #e9e9e9;text-indent:33px;font:12px/22px '宋体';color:#000;margin:0 auto;}
/* 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:#666;width:26px;height:26px;border:1px solid #131313;background:#373737; 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 #373737;text-indent:13px; border:1px solid #131313; 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 #373737;text-indent:6px; border:1px solid #131313; text-align:left;}
.pages ul li.clickli{font-weight:bold;}
.pages ul li.dot{border:0; background:none; color:#666;}
.pages ul li.allpage{width:136px;border:0;background:none;}
.allpage input{width:26px;height:26px;border:1px solid #131313;text-align:center;background:#373737; margin:0 5px;color:#fff;font:14px/26px 宋体;}
.pages ul li.ok{background:url("../images/okbg.jpg") no-repeat 0 0;width:55px;height:28px;border:0; float:left;}
.pages ul li.ok a{color:#fff;text-shadow:1px 1px 1px #473112;}
/* caseul */
.caseul{width:100%;}
.caseul li{width:100%;height:175px;padding-top:15px;}
.caseimg{float:left;display:block;width:212px;height:160px;padding:4px;background:#e9e9e9;border:1px solid #d7d7d7;}
.caseul li div{float:left;width:436px;height:175px;padding-left:18px;}
.caseul li div a{display:block;font:600 14px/54px '宋体';color:#646464;}
.caseul li div span{display:block;width:436px;height:112px;font:12px/28px '宋体';color:#9e9c9c;}
/* newsul2 */
.newsul2{width:100%;}
.newsul2 li{width:100%;height:36px;background:url("../images/icons2.jpg") 7px center no-repeat;text-indent:27px;color:#646464;font:14px/36px '宋体';}
.newsul2 li a{float:left;color:#646464;}
.newsul2 li span{float:right;}
.newsul2 li.none{background:none;height:7px;border-bottom:1px dashed #bfbfbf;}
/* hr */
.hr{ margin:10px auto; width:100%;font-size:12px;line-height:24px; border:1px #CCC solid; background-color:#fff;}
.hr td{ border:1px #CCC solid;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
/* book*/
.bookmain{width:660px;padding:0 8px; margin:8px auto; height:auto;background:#fff;}
.bookline{width: 650px; height:34px;background-image: url("../images/about_box_line.jpg")/*tpa=http://syhuhang.com/images/about_box_line.jpg*/; background-repeat:repeat-x; background-position: 0 0; margin:0 auto;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;}
/* view */
.right h1{width:100%;font:18px/40px '微软雅黑';text-align:center;color:#1c1c1c;}
.datetime{width:100%;font:12px/14px '宋体';text-align:center;color:#777;}
.border{width:100%;height:0;overflow:hidden;border-top:1px dashed #a8a8a8;margin:12px 0;}
.pageleft{float:left;font:12px/32px '宋体';color:#7d7d7d;display:block;width:500px;text-indent:15px;}
.pageleft a{color:#7d7d7d;}
.page{width:100%;height:76px;}
.back{float:right;font:600 12px/12px '宋体';color:#7d7d7d;}

.pageNavi{ text-align:center; font-size:14px; padding:10px; display:inline-block; color:#666;}
.pageNavi{ text-align:center; font-size:14px; padding:10px; display:inline-block; color:#666;}
.pageNavi a{border:1px solid #ccc;margin:2px;padding:2px 6px;background-color:#F2F9FD;}
.pageNavi span{border:1px solid #ccc;margin:2px;padding:2px 6px; color:#666;}
.pageNavi a:hover{background-color:#E4F2FF;}

.faqline {line-height: 30px; clear:both;}
.faqline .faqtit { float: left;text-align: right;width: 100px;}
.faqtit { font-size: 14px;font-weight: 700;}


.casetitle ul li{ padding:0 10px; float:left; color:#333;}
.casetitle ul li:hover{ background-color:#f3f3f3;}
.casetitle ul li a{ color:#333; text-decoration:none}
.casetitle ul li a:hover{ color:#F00; text-decoration:underline}
.caselist{ width:722px; min-height:332px; padding:8px 8px 0 8px; background-color:#f3f3f3; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.caselist1{ width:732px; height:332px; padding:0 0 0 8px;}
.caselist a{ color:#006eb7; text-decoration:none;}
.caselist a:hover{ color:#F00; text-decoration:underline}
.caselist ul li,.caselist1 ul li{ padding:10px; line-height:24px; float:left; color:#333; text-align:center;}
.caselist1 a{ color:#006eb7; text-decoration:none;}
.caselist1 a:hover{ color:#F00; text-decoration:underline}
.pageNavi{ text-align:center; font-size:14px; padding:10px; display:inline-block; color:#666;}
.pageNavi a{border:1px solid #ccc;margin:2px;padding:2px 6px;background-color:#F2F9FD;}
.pageNavi span{border:1px solid #ccc;margin:2px;padding:2px 6px; color:#666;}
.pageNavi a:hover{background-color:#E4F2FF;}

.faq{ border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:5px;}
.faqtit{ font-size:14px; font-weight:bold;}
.faqname{ padding-left:5px;}
.faqcon{ padding-left:5px;}
.reply{ padding-left:5px; background-color:#ccc; }
.faqtit span,.reply span{ font-weight:normal; font-size:12px;}

.faqline{ height:30px; line-height:30px;}
.faqline .faqtit{ width:100px; float:left; text-align:right;}
.Content{ text-align:left;}
.Content .faqtit{ width:100px; float:left; text-align:right}
.caselist form{ margin-top:20px;}

.single { PADDING:0 20px; WIDTH: 700px; min-height:380px; background-color:#FFF;}
.single H2 { FONT-SIZE: 18px; PADDING:20px 0 10px 0; margin-bottom:20px; COLOR: #333; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center;}
.single p{ margin:10px 0px;}