﻿@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: 14px;_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) 0 740px repeat-x #004382;}

.header{width:100%;position:relative;}

.topbg{width:100%;position:absolute;top:0;left:0;background:url(../images/topbg.png) 0 0 repeat;height:145px;border-bottom:1px solid #895615;z-index:9999}

.top{width:980px;margin:0 auto;height:86px;border-bottom:1px solid #492803}

.logo{float:left;margin:28px 0 0 31px;display:inline}

.top p{float:right;height:48px;background:url(../images/tel.png) 0 0 no-repeat;width:282px;margin:21px 0 0;font:22px/48px 'Arial';color:#fff;font-style:italic;text-indent:57px}

.nav{width:980px;height:57px;border-top:1px solid #674110;margin:0 auto}

.nav a{width:108px;height:57px;float:left;text-align:center;font:16px/57px '微软雅黑';color:#fff}

.nav a:hover{background:url(../images/hover.png) 0 0 repeat;}

/* banner */

div.wrapper {width:100%; margin: 0 auto; position: relative;overflow:hidden;}

.fn-clear { zoom: 1; }

.bannercenter{width:980px;margin:0 auto;position:relative;z-index:999}

.box_skitter { position: relative; background: none; }

.box_skitter ul { display: none;}

.box_skitter .container_skitter { overflow: hidden; position: relative;margin:0 auto}

.box_skitter .image { overflow: hidden; }

.box_skitter .image img { display: none; }

.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }

.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;}

.box_skitter .prev_button { position: absolute; top:333px; left:0; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }

.box_skitter .next_button { position: absolute; top:333px; right:0; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }

.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }

#slideshow { width:100%;height:740px; text-align: center; }

#slideshow ul { display: none;}

/* 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;}

/* conbg */

.conbg{width:980px;background:url(../images/conbg.jpg) 16px 0 repeat-y;margin:0 auto;overflow:hidden;padding-left:16px;}

.conbg2{width:980px;background:url(../images/conbg2.jpg) 0 0 no-repeat;margin:0 auto;overflow:hidden;}

.bgtop{display:block;width:100%}

.marquee{width:948px;margin:0 auto;background:url(../images/marqueebg.jpg) 0 0 repeat-x;height:52px;}

.search{width:319px;height:33px;float:left;margin:0 0 0 33px;display:inline;}

.text{width:218px;height:33px;float:left;background:url(../images/text.jpg) 0 0 no-repeat;font:14px/33px '宋体';color:#88a6b7;text-indent:1em;border:0;}

.select{float:left;width:60px;height:33px;border:0;background:url(../images/text.jpg) no-repeat -218px 0;}

.button{float:left;background:url(../images/button.jpg) no-repeat;width:41px;height:33px;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:33px;background:none;font-size:14px;font-family:'微软雅黑';color:#b3c0c3;line-height:33px;}

.btn{float:left;display:inline;margin-left:8px;margin-top:2px;}

.marright{float:right;width:300px;height:52px;margin-right:3px}

.marright span{display:block;width:78px;height:52px;float:left;background:url(../images/marquee.jpg) 0 3px no-repeat;text-indent:34px;font:14px/36px '微软雅黑';color:#1f1f1f}

.marright marquee{float:left;width:222px;height:36px;font:14px/36px '微软雅黑';color:#1f1f1f}



/* t1 */

.t1{
width:480px;
margin-left:380px;
margin-top:-240px;
font-size:16px;	
line-height:26px;
letter-spacing:2px;
	}




/* con11 */

.con11{width:884px;margin:0 auto; height:280px;}






/* con1 */

.con1title{width:884px;margin:26px auto 0;height:62px;font:16px/62px '微软雅黑';color:#000}

.con1title span{background:url(../images/poduct.jpg) right 0 no-repeat;padding-right:112px}
.con1title span1{background:url(../images/poduct1.jpg) right 0 no-repeat;padding-right:112px}

.con1{width:884px;margin:0 auto;height:370px;}

.pic1{float:left;display:block;width:285px;height:326px;position:relative}

.pic1 p{position:absolute;bottom:0;left:0;width:282px;height:44px;background:url(../images/topbg.png) 0 0 repeat;text-align:center;font:16px/44px '微软雅黑';color:#fff}

.con1 img{display:block;}

.pic2{display:block;width:246px;float:left;height:164px}

.pic3{display:block;width:246px;float:left;height:162px}

.con1box1{float:left;width:246px}

.con1box2{float:left;width:353px}

.pic4{width:173px;display:block;float:left;height:164px}

.pic5{width:180px;display:block;float:left;height:164px}

.pic6{width:353px;display:block;float:left;height:162px}

/* con2 */

.con2{width:890px;margin:0 auto;height:378px}

.con2left{float:left;width:520px;height:378px}

.newstitle{width:100%;height:56px;background:url(../images/titlebg2.jpg) 70px center no-repeat;overflow:hidden}

.newstitle span{float:left;font:16px/56px '微软雅黑';color:#000}

.newstitle a{float:right;font:12px/74px '微软雅黑';color:#070707}

.newsul{width:520px;}

.newsul li{width:460px;height:136px;padding-top:10px;border-bottom:1px dotted #474f57;padding-left:60px}

.libg1{background:url(../images/01.jpg) 5px 14px no-repeat}

.libg2{background:url(../images/02.jpg) 5px 14px no-repeat}

.newsul li a{display:block;width:444px;height:36px;margin-top:8px;font:18px/36px '微软雅黑';color:#2c2c2c}

.newsul li div{width:444px;height:48px;font:14px/24px '微软雅黑';color:#565756;overflow:hidden;}

.newsul li p{width:444px;font:14px/32px '微软雅黑';height:32px;overflow:hidden;color:#bfc0bf}

.con2right{float:left;width:314px;padding-left:54px;_padding-left:40px}

.casetitle{width:100%;height:56px;background:url(../images/titlebg3.jpg) 76px 22px no-repeat;text-indent:5px;overflow:hidden}

.casetitle span{float:left;font:16px/64px '微软雅黑';color:#000}

.casetitle a{float:right;font:12px/76px '微软雅黑';color:#070707}

.newsul2{width:100%;padding-top:6px}

.newsul2 li{width:100%;height:40px;border-bottom:1px dotted #474f57;font:14px/40px '微软雅黑';color:#474f57;text-indent:10px}

.newsul2 li a{color:#474f57;float:left}

.newsul2 li span{float:right}

.newsul2 li.none{width:100%;height:15px;border:0;overflow:hidden}

/* con3 */

.con3{width:909px;height:270px;margin:0 auto;background:url(../images/con3bg.jpg) center 35px no-repeat}

.movead {zoom:1; width:909px; margin:0 auto;overflow:hidden}

.movead .pcont { float:left;width:808px; height:240px; overflow:hidden;padding:10px 0 0 15px;position:relative;z-index:99}

.movead .ScrCont {width: 32766px; zoom: 1}

.movead #List1_1 {FLOAT: left}

.movead #List2_1 {FLOAT: left}

.movead .LeftBotton { background:url(../images/leftbtn.jpg) no-repeat center; FLOAT: left; WIDTH: 43px;HEIGHT:160px;_behavior: url(js/iepngfix.htc);}

.movead .RightBotton {background:url(../images/rightbtn.jpg) no-repeat center; FLOAT: left; WIDTH: 43px; HEIGHT:160px;_behavior: url(js/iepngfix.htc);}

.movead .pl img {DISPLAY: block; CURSOR: pointer; width:243px; height:174px; float:left;}

.movead .pl {float:left; width:270px; height:201px;overflow:hidden;position:relative;margin:0 2px;}

.movead .pl img.picshadow{width:213px;height:9px;padding:0;border:0;background:0;}

.con3title{background:url(../images/con3title.jpg) 0 0 no-repeat;width:167px;height:66px;text-indent:64px;font:18px/56px '微软雅黑';color:#fff;margin:0 auto}

/* foot */

.footbg{width:100%;height:232px;background:#04549b}

.foot{width:980px;margin:0 auto;height:193px;padding-top:39px;background:url(../images/conbottom.jpg) 16px 0 no-repeat;padding-left:16px}

.links{width:100%;height:85px;background:url(../images/link.jpg) 3px center no-repeat;text-indent:138px;font:14px/85px '微软雅黑';border-bottom:1px solid #003b70}

.links a{color:#fff;margin-right:18px;}

.copyright{width:980px;height:84px;padding-top:22px;border-top:1px solid #0d6bbf;text-align:center;font:13px/28px '微软雅黑';color:#fff;}

.copyright span{margin:0 6px;}

.copyright a{color:#fff}

.copyright p{font-size:14px}

/* subpage */

.subpage{width:888px;margin:0 auto;padding-top:22px;}

.left{float:left;width:258px;}

.lefttitle{background:url(../images/lefttitle.jpg) 0 0 no-repeat;width:257px;height:46px;text-align:center;font:16px/36px '微软雅黑';color:#fff}

.leftnav{width:257px;background:url(../images/leftbg.jpg) 0 0 repeat-y;padding-top:20px}

.leftnav li{width:217px;margin:0 auto;}

.leftnav li a{display:block;width:217px;height:53px;color:#fff;text-indent:33px;background:url(../images/classbg.jpg) 0 0 no-repeat;font:14px/38px '微软雅黑';}

.leftnav li li a{display:block;width:217px;background:none;height:36px;border-bottom:1px dotted #075cd0;color:#075cd0;line-height:36px;text-indent:34px}

.leftnav ul{padding-bottom:18px}

.leftbottom{display:block;width:257px;margin-bottom:26px}

.lefttitle2{background:url(../images/lefttitle2.jpg) 0 0 no-repeat;width:258px;height:90px;text-align:center;font:21px/26px '微软雅黑';color:#fff;padding-top:6px}

.lefttitle2 p{font:600 16px/18px '宋体';}

.leftcontact{width:258px;background:url(../images/lefbg2.jpg) 0 0 no-repeat #249dee;}

.leftcontact p{width:100%;height:68px;background:url(../images/border1.jpg) 0 bottom repeat-x;text-align:center;font:18px/68px '微软雅黑'; color:#FFF}

.leftbottom2{display:block;width:258px;margin-bottom:26px}

.leftcontact p span{display:block;width:222px;font:14px/24px '微软雅黑';margin:0 auto;padding-top:12px}

.right{float:left;width:578px;padding-left:48px;}

.righttitle{width:100%;height:42px;padding-top:10px;background:url(../images/icons1.jpg) 5px bottom no-repeat;text-indent:54px;font:14px/42px '微软雅黑';color:#212121;border-bottom:1px solid #f2d37a}

.righttitle a{color:#212121}

.rightcon{width:100%;font:14px/30px '微软雅黑';color:#2b2b2b;padding-top:12px;}

/* 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:#0163ba;width:26px;height:26px;border:1px solid #88bfef;background:#e5f1ff; text-align:center;}

.pages ul li a{color:#0163ba; display:block;width:26px;height:26px;}

.pages ul li.prev{width:64px;height:26px;background:url(../images/prev_page.jpg) 6px center no-repeat #e5f1ff;text-indent:13px; border:1px solid #88bfef; 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 #e5f1ff;text-indent:6px; border:1px solid #88bfef; text-align:left;}

.pages ul li.clickli{font-weight:bold;}

.pages ul li.dot{border:0; background:none;color:#0163ba;}

.pages ul li.allpage{width:136px;border:0;background:none;}

.allpage input{width:26px;height:26px;border:1px solid #88bfef;text-align:center;background:#e5f1ff; 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:#d4e9ff;}

/* product */

.product{width:100%;}

.product li{width:33.333%;float:left;}

.product li img{display:block;margin:0 auto;}

.protitle{display:block;width:187px;height:46px;float:left;text-align:center;font:14px/46px '微软雅黑';color:#202020}

.caseul{width:100%;}

.caseul li{width:100%;height:150px;padding-top:10px;}

.caseul li img{display:block;float:left}

.caseright{float:left;display:block;width:372px;padding-left:18px;font:16px/26px '微软雅黑';color:#3f3f3f;margin-bottom:16px;}

.caseul li div{width:372px;padding-left:18px;float:left;font:14px/24px '微软雅黑';color:#3f3f3f;height:72px;overflow:hidden}

/* book*/

.bookmain{width:550px;padding:0 5px;margin:8px auto 0 0; height:auto;background:#fff;}

.bookline{width: 550px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}

.book3{ width:550px; margin:0 auto;}

.booktop{ width:550px; 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:528px; 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:550px; height:auto; float:left;}

.bookadmin_top{ width:550px; height:12px; float:left;}

.bookadmin_mid{ width:528px; 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:500px; 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;}

/* 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;}

/* view*/

.datetime{font:14px/44px '微软雅黑';padding-left:20px;color:#878a8d;float:left;}

.rightcon h1{margin:0;font:18px/50px '微软雅黑';width:100%;text-align:center;color:#3f526f;}

.adddatetime{width:100%;font:12px/40px '宋体';text-align:center;color:#9eacbb;border-bottom:1px dotted #e9b522;margin-bottom:10px;}

.back{display:block;background:url(../images/back.jpg) 0 0 no-repeat;width:104px;height:36px;margin:10px auto;text-align:center;font:16px/32px '微软雅黑';color:#a46c00;}

.page{width:100%;font:14px/24px '微软雅黑';color:#474f57;}

.page a{color:#1a3957}

