@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;/* overflow-x: hidden;*/ font-size: 12px; } 

html button::-moz-focus-inner{ border-color:transparent!important; } 
html{overflow-x:hidden;}

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

fieldset, img { border: 0; }

iframe { background-image: none; }

hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

.clear { clear:both; }

.input 输入{ line-height: 15px; height: 15px; border: 1px solid #999999; padding: 2px; }

.checkbox 复选框{ line-height:13px; height: 13px; width:13px; padding:0px; margin: 0px; }

.indent 缩进 { text-indent: 24px;}

a{text-decoration:none; color:#0173af;}

/*---------------------------------------------------------------------*/



body{background-image:url(../images/bg.jpg); background-repeat:repeat;}



/*  header

---------------------------------------------------------------------*/

.header{width:1004px; height:101px; margin:0 auto;}

.logo{margin-left:22px; margin-top:0px; width:600px; height:100px; float:left;}

.telephone{margin-left:100px; margin-top:25px; width:191px; height:59px; float:left;}

.search{height:28px; width:198px; float:left; margin-left:13px; margin-top:37px;}

.searchinput{background-image:url(../images/searchinput.jpg); background-repeat:no-repeat; width:165px; height:28px; border:0px; line-height:28px; float:left; text-indent:5px; color:#CCCCCC; *margin-left:-13px;}

.searchbutton{width:33px; height:28px; float:left;}

.banner{width:100%; height:390px;  background-position:center; background-position:0px;}

.bannerad{width:100%; height:339px; z-index:-100; min-width:1004px; width:auto!important; width:1004px;_width:expression(document.documentElement.clientWidth<1004?"1004px":"auto");  }

/* nav

-----------------------------------------------------------------------------------------------------*/

.nav_box{ width:1002px;  height:51px; position:relative; margin:0 auto;}

#nav{ width:1002px; margin:0 auto;height: 51px;  list-style-type: none; padding-left:20px; line-height:51px;overflow:hidden; color:#373636; font-size:13px; margin-left:23px; position:absolute; left:50%; margin-left:-501px; background-image:url(../images/navbg.png); background-repeat:no-repeat;}

#nav a {display: block; width: 106px; text-align:center;color:#373636; height:51px;}

#nav a:link{color:#EEE; text-decoration:none;color:#373636; }

#nav a:visited{color:#EEE;text-decoration:none;color:#373636;}

#nav a:hover{color:#FFF;text-decoration:none;font-weight:bold;color:#fff;background:url(../images/navhover.jpg) center center no-repeat;}

#nav li {float: left; width: 106px;color:#098003; font-size:13px; font-weight:bold; height:51px;}

#nav li ul {line-height: 51px; list-style-type: none;text-align:left;left: -999px;width: 958px;position: absolute;}

#nav li ul a{display: block; width: 65px;text-align:left;padding-left:15px; height:24px;}

#nav li ul a:link  {color:#F1F1F1; text-decoration:none;}

#nav li ul a:visited  {color:#F1F1F1;text-decoration:none;}

#nav li ul a:hover  {color:#FFF;text-decoration:none;font-weight:normal;background:#cf0808;}

#nav li:hover ul {left:auto;}

#nav li .sfhover ul {left:auto;}

#content {clear: left;}



/* content

---------------------------------------------------------------------------------------------------------*/

.content{width:1004px; margin:0 auto; background-image:url(../images/contentbg.jpg); background-repeat:repeat-y; height:892px;}

.content a{color:#333333;}

.producttitle{background-image:url(../images/productshowbg.jpg); background-repeat:no-repeat; background-position:center; width:1004px; height:44px; margin-top:16px; float:left; font-size:13px; line-height:44px; color:#ffffff; text-indent:450px;}

.product{float:left; margin-top:5px;}

.productimg{border:1px solid #bdbcbc; width:223px; height:171px;}

.productimg img{margin:6px;}

.product input{margin-top:5px;}

.product li{width:225px; margin-left:19px; float:left;}

/* runpic

---------------------------------*/

.con3 {width:1002px;margin:0 auto;background-color:#FFFFFF;clear:both;}

.cp {width:1002px;height:225px;}

.cp div{ float:left; height:225px; margin-left:26px;}

.inpro_list_m{width:948px;float:left; overflow:hidden;}

.con3 ul {width:948px;height:225px;float:left}

.con3 ul li {width:225px;padding:20px 10px 0 15px;float:left; }

.con3 ul li img {padding:1px; border:solid 1px #d5d5d5 ; }

.con3 ul li span {display:block;line-height:33px;text-align:center;color:#fff; background-image:url(../images/case.jpg); background-repeat:no-repeat; width:225px; height:33px; margin-left:1px; text-decoration:none;cursor: hand;}

.bottom_menu{ width:965px; background-color:#FFFFFF;  height:40px; border:solid 1px #dcdcdc; margin:0 auto; padding-right:35px; }

.height10{ width:1002px;  height:10px;  background-color:#FFFFFF; margin:0 auto;  }

.bottom_menu p { color:#666; text-align:left; padding-left:20px; line-height:40px; word-spacing:0.5em; float:left; }

.bottom_menu p a { color:#666; text-decoration:none;}

.footer{ width:100%; background:url(../images/footerbg.jpg) left top repeat-x; clear:both; min-width:1004px; width:auto!important; width:1004px;_width:expression(document.documentElement.clientWidth<1004?"1004px":"auto");  }

.footer_text{ width:1002px; margin:0 auto;  }



/*---------------------------------*/

.f1{ float:right; margin-right:25px; color:#666666; *margin-top:-45px;}



.show{margin-top:5px; background:url(../images/productname.jpg); width:225px; height:35px; color:#ffffff; text-align:center; line-height:35px; float:left;}

.show a{color:#ffffff;}

.show a:hover{text-decoration:none;}

.product li{width:225px; margin-left:19px;float:left;}

.news{width:968px; height:314px; float:left; margin-left:16px; margin-top:18px; display:inline;}

.newsleft{background-image:url(../images/contentleft.jpg); background-repeat:no-repeat; width:182px; height:314px; float:left;}

.newscenter{width:758px; height:314px; background-image:url(../images/centerbg.jpg); background-repeat:repeat-x; float:left;}

.newsright{background-image:url(../images/centerright.jpg); background-repeat:no-repeat; width:28px; height:314px; float:left;}

.newstop{ width:403px; height:104px; margin-top:29px; background-image:url(../images/centertop.jpg); background-position:bottom; background-repeat:no-repeat;}

.newsimg{border:1px solid #bdbcbc; width:107px; height:89px; float:left;}

.newsimg img{margin:4px;}

.newstitle{width:269px; height:24px; font-weight:bold; text-indent:11px; line-height:24px; float:right; margin-right:25px;}

.newstitle a{color:#383b68;}

.newsview{width:257px; height:24px; float:right; margin-right:20px; line-height:20px;}

.newsview a{color:#666666;}

.newsul{width:380px; height:167px;}

.newsul li{width:379px; height:39px; line-height:39px; border-bottom:1px dashed #acabab; background-image:url(../images/icons.jpg); background-repeat:no-repeat; background-position:left center; text-indent:10px;}

.newsul a{color:#666666;}

.newsul span{float:right; color:#333333; *margin-top:-39px;}

.newsmore{float:left; margin-top:-280px;margin-left:720px; width:40px; height:20px; background-image:url(../images/moreicons.jpg); background-repeat:no-repeat; background-position:left center; text-indent:12px; line-height:20px;}

.newsmore a{color:#333333;}

.newsad{float:left; margin-top:-250px; margin-left:400px; display:inline; background-image:url(../images/adbg.jpg); background-repeat:no-repeat; width:336px; height:236px; padding:5px;}

/* case

--------------------------------------------------------------------------*/

.case{width:989px; margin-top:9px; float:left; height:255px; margin-left:15px;}

.caseleft{width:675px; height:251px; border-bottom:1px solid #c7c6c5; border-left:1px solid #c7c6c5; border-right:1px solid #c7c6c5; float:left;}

.casetitle{background-image:url(../images/listitlebg.jpg); background-repeat:repeat-x; width:675px; height:46px;}

.case1{background-image:url(../images/titlebg.jpg); background-repeat:no-repeat; width:193px; height:46px; float:left;}

.case1 p{width:87px; height:46px; background-image:url(../images/icons2.jpg); background-position:left center; text-indent:20px; background-repeat:no-repeat; line-height:46px; margin-left:20px; color:#ffffff; font-size:13px; font-weight:bold;}

.casemore{height:46px; width:481px; float:left; line-height:46px;}

.casemore p{ background-image:url(../images/icons4.jpg); background-repeat:no-repeat; text-indent:15px; width:45px; height:46px; line-height:46px; background-position:left center; margin-left:426px; }

.casename{width:212px; height:197px; float:left; margin-left:10px; margin-top:5px;}

.caseimg{border:1px solid #bdbcbc; width:210px; height:158px;}

.caseimg img{margin:4px;}

.casebutton{margin-top:5px; background:url(../images/case.jpg); width:212px; height:33px; color:#ffffff; text-align:center; line-height:33px;*margin-top:2px;}

.casebutton a{color:#ffffff;}

.casebutton a:hover{text-decoration:none;}

.caseright{width:274px; height:251px; border-bottom:1px solid #c7c6c5; border-left:1px solid #c7c6c5; border-right:1px solid #c7c6c5; float:left; margin-left:15px;}

.contacttitle{background-image:url(../images/listitlebg.jpg); background-repeat:repeat-x; width:274px; height:46px;}

.contact{background-image:url(../images/titlebg.jpg); background-repeat:no-repeat; width:193px; height:46px; float:left;}

.contact p{width:87px; height:46px; background-image:url(../images/icons2.jpg); background-position:left center; text-indent:20px; background-repeat:no-repeat; line-height:46px; margin-left:20px; color:#ffffff; font-size:13px; font-weight:bold;}

.contactmore{height:46px; width:81px; float:left; line-height:46px;}

.contactmore p{ background-image:url(../images/icons4.jpg); background-repeat:no-repeat; text-indent:15px; width:45px; height:46px; line-height:46px; background-position:left center; margin-left:26px; }

.contactcontent{width:274px; height:205px; background-position:bottom center; background-repeat:no-repeat;}

.contactcontent li{ width:250px; line-height:25px; text-indent:15px; float:left;}

.contactcontent li.l1{margin-top:20px;}

/* footer

--------------------------------------------------------------------------------------*/

.footer{width:100%; height:234px; background-repeat:no-repeat; background-position:0px; background-position:center; background-image:url(../images/footerbg.jpg); margin-top:0px;}

.footer a{color:#006cff;}

.footerlink{width:1004px; margin:0 auto; height:234px;} 

.footertop{background-image:url(../images/footerboder.jpg); background-position:bottom center; background-repeat:no-repeat; width:1004px; height:182px;}

.footerleft{width:226px; height:178px; background-image:url(../images/footerleftboder.jpg); background-position:right center; background-repeat:no-repeat; float:left;}

.footerleft img{margin-left:22px; margin-top:46px;}

.footerright{width:777px; height:140px; margin-top:27px; float:left; color:#006cff; text-align:center;}

.footernav span{width:77px; height:20px; margin-left:10px; margin-right:10px;}

.footernav{height:20px; line-height:20px;}

.footertel{height:32px; line-height:32px;}

.footertel span{margin-left:5px; margin-right:10px;}

.copyright{height:24px; line-height:24px;}

.copyright span{margin-left:5px; margin-right:10px;}

.qq{float:left; margin-left:215px;}

.share{margin:auto; width:260px; height:18px; line-height:18px; float:left; margin-left:45px;}

.friendlink{height:52px; line-height:52px;}

.linktitle{font-weight:bold; color:#0069ff;}

.friendlink span{ margin-right:27px;}



/* left

------------------------------------------------------------------------------*/

.left{width:258px; height:722px; float:left; margin-left:10px; margin-top:16px;}

.lefttitle{font-size:14px; color:#ffffff; font-weight:bold; width:256px; height:57px; background-image:url(../images/lefttitle.jpg); background-repeat:no-repeat; text-align:center; line-height:57px;}

.leftnav{width:256px;min-height:176px; background-image:url(../images/leftbg.jpg); background-repeat:repeat-y; clear:both;}

.leftnav ul{width:192px; min-height:176px;float:left; margin-left:32px; margin-top:4px; margin-bottom:10px; }

.leftnav li{background-image:url(../images/li_list_20.jpg); width:192px; height:34px; background-repeat:no-repeat; line-height:34px; text-indent:29px; margin-top:6px;}

.leftnav li a{color:#025097; }

.leftnav a:hover{ text-decoration:none;}

.leftnav li a p:hover{background-image:url(../images/li_list_19.jpg); background-repeat:no-repeat; color:#ffffff;}

.bottomboder{background-image:url(../images/leftbottom.jpg); background-position:center; width:256px; height:4px; background-repeat:no-repeat;}

.feather{background-image:url(../images/feather.jpg); background-position:210px 0px; background-repeat:no-repeat; width:256px; height:45px;}

.left img{margin:0px auto 11px 6px;}



/* right

---------------------------------------------------------------------------*/

.listcontent{width:1004px; margin:0 auto; background-image:url(../images/contentbg.jpg); background-position:100%;background-repeat:repeat-y; }

.right{width:723px; height:auto; float:left; margin-top:16px; margin-left:11px;}

.righttitle{background-image:url(../images/listtitlebg.jpg); background-repeat:no-repeat; width:723px; height:45px; line-height:45px; float:left;}

.productshow{color:#005098; margin-left:32px; font-weight:bold;}

.showlink{color:#666666; margin-left:468px;}

.showlink a{color:#666666;}

.rightcontent{width:723px; float:left;}

.product li.li2{width:225px; margin-left:11px;}

.rightfont{width:700px; height:389px; float:left; margin-left:18px;}

.rightfont2{width:700px; height:auto; float:left; margin-left:18px;}

.newsul2{width:688px; height:auto;}

.newsul2 li{width:688px; height:39px; line-height:39px; border-bottom:1px dashed #acabab; background-image:url(../images/icons.jpg); background-repeat:no-repeat; background-position:left center; text-indent:10px;}

.newsul2 a{color:#666666;}

.newsul2 span{float:right; color:#333333; *margin-top:-39px;}

/* page

-----------------------------------------------------------------------------------------------------*/

.page{clear:both; width:100%; text-align:center; padding:0px 0 15px 0; overflow:hidden; line-height:normal;}

.page ul{ margin:0 auto; overflow:hidden; float:right; padding:0 8px 0 0;}

.page ul li{ float:left; padding:0 4px 0 4px; font-size:12px; color:#0173af; vertical-align:middle; margin:0; line-height:16px;}

.page a{ display:block; float:left; padding:4px 8px 4px 8px; border:1px #0173af solid; margin:0;}

.page a:hover{text-decoration:none;}

.page input{ width:50px; border:1px #0173af solid; line-height:28px; height:21px;}

.bg{ background:#0173af; color:#fff;}

.bg:hover{ color:#FFF;}



/* list_view

--------------------------------------------------------------------------------------*/

.listviewcontent{width:1004px; margin:0 auto; background-image:url(../images/contentbg.jpg); background-repeat:repeat-y;}

.viewright{width:723px; float:left; margin-top:16px; margin-left:11px; margin-bottom:25px;}

.rightcontent2{width:723px; height:100%; float:left;}

.rightp1{line-height:38px; width:720px; text-align:center; color:#004481; font-size:14px; font-weight:bold;}

.rightp2{height:18px; line-height:18px; width:720px; text-align:center; color:#999999;}

.rightp3{margin-left:220px;}

.viewimg{width:507px; height:auto; border:1px #d8d5d5 solid; clear:left; margin-left:111px; margin-top:10px; float:left;}

.viewimg img{margin:3px;}

.viewcontent{width:685px; height:auto; float:left; margin-left:15px; margin-top:14px; line-height:30px; color:#333333;}

.viewpage{width:720px; float:left;}

.p_view_back{ text-align:center; line-height:24px; color:#004481; padding:20px 0 0 0;}

.p_view_back a{ color:#004481;}

.p_view_top{ width:95%; overflow:hidden; line-height:24px; border-bottom:1px #004481 solid; margin:0 auto 10px auto;}

.p_view_top a{ color:#004481}

/* book

--------------------------------------------------------------------------------------------------*/

.bookmain{width:650px; margin:0 auto; height:auto;}

.bookline{width: 650px; height:34px; background-image: url(../images/about_box_line.jpg); background-repeat: no-repeat; background-position: 0 0; float:left; margin-top:10px;}

.book{ 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:#5c6d8f; padding-left:30px; line-height:30px; font-weight:bold;}

.booktop_time{ width:150px; height:30px; float:left; color:#4b7bd4; text-align:right; line-height:30px;}

.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #b3c3e4; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px;}

.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:#8695b1;}

.messagecol{ color:#df5b0b;}

.admincol{ color:#0c3b90; font-weight:bold;}

.admintimecol{ color:#5e7194;}

.message{ width:600px; height:auto;float:left;padding-left:50px; color:#3d6a96;}

.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;}

.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;}

/* hr

--------------------------------------------------------------*/

.blank{width:100%; height:30px; float:left; clear:both;}

.hr{ margin:10px auto 10px auto; width:95%;  line-height:24px; border:1px #CCC solid;}

.hr td{ border:1px #CCC solid;}

.hr a{ color:#333;}

.hr a:hover{ color:#de0303;}

.hr_btn{width:100px; height:40px; font-size:14px;}

/* news

-----------------------------------------------------------------*/

.list_news{ width:100%; clear:both; overflow:hidden;}

.list_news ul{ padding:0 0 0 10px;}

.list_news li{ padding:8px 8px 0 8px;line-height:24px; border-bottom:1px #c5c5c3 dotted; width:705px; position:relative;}

.list_news li span{ position:absolute; right:18px; top:4px; line-height:24px;}

.list_news li p{ color:#666;}

/* product list

---------------------------------------------*/

.product_list{ width:750px;overflow:hidden; clear:both; padding-left:1px;}

.product_list li{ margin:0; padding:8px 5px 0 6px; float:left; line-height:22px; width:202px;}

.product_list li img{ border:1px #d6d3d3 solid; padding:2px 2px; display:block;}

.product_list li span{  display:block; line-height:22px; text-align:center;}

.page2{clear:both; width:100%; text-align:center; padding:0px 0 15px 0; overflow:hidden; line-height:normal;}

.page2 ul{ margin:0 auto; overflow:hidden; float:left; padding:0 8px 0 0;}

.page2 ul li{ float:left; padding:0 4px 0 4px; font-size:12px; color:#0173af; vertical-align:middle; margin:0; line-height:16px;}

.page2 a{ display:block; float:left; padding:4px 8px 4px 8px; border:1px #0173af solid; margin:0;}

.page2 a:hover{text-decoration:none;}

.page2 input{ width:50px; border:1px #0173af solid; line-height:28px; height:21px;}

.bg{ background:#0173af; color:#fff;}

.bg:hover{ color:#FFF;}

/* contact

---------------------------------------------*/

.p_view_text{ width:95%; line-height:26px; padding:8px 0 0 20px;}

.righttitle a{ color:#666;}



/* click

----------------*/

.click{background:#94c7ee; width:679px; height:35px; line-height:35px; float:left; margin-left:10px; text-align:right; padding-right:20px;}

.li3{width:685px; height:100pt; border-bottom:1px dashed #acabab;}

.fontproduct{margin-left:10px; color:#666; float:left;}

.li3title{height:36px; line-height:36px; color:#333; background-image:url(../images/icons.jpg); background-position:left center; background-repeat:no-repeat; text-indent:10px;}

.li3title span{float:right;}

.li3content{height:36px; line-height:36px;}