﻿* { padding:0; margin:0; border:none;outline:none;}
body {color: #000; font-size:12px;line-height:150%; font-family:Microsoft YaHei; }
body {
  /* _behavior: url("css/csshover3.htc");*/
}
table {margin: 0px auto;}
td { line-height:22px;font-size: 12px;}
ul,li { list-style-type:none;}
a{color: #000; text-decoration: none;}
a:hover {text-decoration: none;}
.mt10{ margin-top:10px;}
.mt3{ margin-top:2px;}
.red{ color:red}
img{ border:none;}
.fl{ float:left;}
.fr{ float: right;}
.clear{ clear:both;}
.db{ display:block;}
.c999{ color:#999}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.overhidden { overflow:hidden; _display:inline-block; }
.align_c { text-align:center; }
.align_l { text-align:left; }
.align_r { text-align:right; }
.fl { float:left; }
.fr { float:right; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mb5 { margin-bottom:5px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mlr5 { margin-left:5px; margin-right:5px; }
.mlr10 { margin-left:10px; margin-right:10px; }
.mlr15 { margin-left:15px; margin-right:15px; }
.mlr20 { margin-left:20px; margin-right:20px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt40 { padding-top:40px; }
.plr5 { padding-left:5px; padding-right:5px; }
.plr10 { padding-left:10px; padding-right:10px; }
.plr15 { padding-left:15px; padding-right:15px; }
.plr20 { padding-left:20px; padding-right:20px; }
.ptb5 { padding-top:5px; padding-bottom:5px; }
.ptb10 { padding-top:10px; padding-bottom:10px; }
.ptb15 { padding-top:15px; padding-bottom:15px; }
.ptb20 { padding-top:20px; padding-bottom:20px; }
.pl30 { padding-left:30px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.lh20 { line-height:20px; }
.lh22 { line-height:22px; }
.lh24 { line-height:24px; }
.lh26 { line-height:26px; }
.lh28 { line-height:28px; }
.lh30 { line-height:30px; }
.lh36 { line-height:36px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f36 { font-size:36px; }
.c_f60{ color:#f60}
.red{ color:red}
.c_b80004{ color:#b80004}
.c_e74800{ color:#e74800}



.topbg{ width:100%; height:32px; line-height:32px; background:#e8e8e8;  color:#333;font-size:12px;}
.top a{ color:#333;}

.top,.head{ margin:0 auto; width:1200px;}

.logo{ float:left; margin-top:30px;}
.logo_l{ float:left;}
.logo_r{ float:left; margin-left:5px;  font-size:22px; line-height:35px; font-weight:bold; padding-top:10px; }
.borm{ border-bottom:2px solid #000}
.logo_text{ color:#063b86; font-size:17px;}
.tel{ float: right ;margin-top:45px;}





.navbg{ width:100%; background: url(../images/navbg.jpg) repeat-x; height:57px; _overflow:hidden; margin-top:27px; border-bottom:1px solid #fff}
.nav{ margin:0 auto; width:1200px;}
/*.nav ul li{ float:left; width:90px; text-align:center;}
.nav ul li a{ width:90px; line-height:42px; color:#fff; font-size:14px; font-weight:bold; padding-top:7px; display:block}
.nav ul li a:hover,.nav ul li a.on{ background: url(../images/hover.gif) no-repeat center top; display:block; text-decoration:none}
*/.menu{ width:1200px; margin:0 auto;}
.menubg{ width:1200px; margin:0 auto; }

.nav{width:1200px;height:57px;  position:relative;z-index:9; }
.nav .child{width:120px;height:57px;float:left; position:relative; line-height:57px;text-align:center;z-index:2; }
.nav .child p{font-size:14px; color:#fff; font-weight:bold; background:url(../images/libg.jpg) no-repeat right}
.nav .child p:hover{ color:#fff;font-weight:bold}
.nav .on p{color:#fff;}
.nav .child .on p:hover{ color:#fff;}

.nav .navTop{ position:absolute;bottom:0px;text-align:center;z-index: 1;height:57px; background:#b80004;}
.nav .navTop{transition-duration: 0.5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav .child .childContent{ opacity:0;width:120px; position:absolute; left:0; }
.nav .child .childContent .childContentLi{height:36px;font-size: 14px;line-height:36px; background:#b80004;color:#fff;display:none; position:relative; border-top:1px solid #fff;}
.nav .child .childContent .childContentLi:hover{ background:#063b86}

.childContent a dl{ display:none}
.childContent a:hover dl{ display: block; position:absolute; }

.nav .child .childContent .no{ border:0;}

.nav .navBj{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav .child .childContent{      transition-duration: 1s;
  -ms-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;}
.nav:hover .navBj{height:168px;}
.nav .child:hover .childContent{opacity:1;z-index:9;}
.nav .child:hover .childContent .childContentLi{display:block;}
.nav .child:hover .childContent .lie .uls{display:block !important;}


.banner{ width:100%; height:535px;	}
.fullSlide {width:100%;	position:relative;	height:535px;}
.fullSlide .bd {	margin:0 auto;	position:relative;	z-index:0;	overflow:hidden;}
.fullSlide .bd ul {	width:100% !important;}
.fullSlide .bd li {	width:100% !important;	height:535px;	overflow:hidden;	text-align:center;}
.fullSlide .bd li a {	display:block;	height:535px;}
.fullSlide .hd {	position: relative;	z-index:1;	bottom:30px; height:30px;line-height:30px;}
.fullSlide .hd ul {	text-align: center;}
.fullSlide .hd ul li {	cursor:pointer;	display:inline-block;	*display:inline;	zoom:1;	width:22px;	height:10px;	margin:0 0 0 3px;	overflow:hidden;background:#063b86;	filter:alpha(opacity=80);	opacity:0.8;	line-height:999px ;}
.fullSlide .hd ul .on {	background:#e74800;}


.s_bg{ width:100%; border-bottom:1px solid #ccc;}
.f1_bg{ background:#f1f1f1; width:100%; }
.w1200_box{ margin:0 auto; width:1200px;}

.s_box{ height:52px; line-height:52px;}
.keyword{ float:left;}
.keyword a{ color:#b80004; margin-right:15px; font-weight:bold}
.searchbox{ float: right; width:284px;  margin-top:15px;display:inline; border:1px solid #ccc; }
.searchbox .s_input{ width:250px; height:16px;padding:3px 5px 3px 5px;  float:left; color:#888; outline:none;}
.searchbox .s_btn{ width:24px; height:24px;  float:left; cursor:pointer; background:url(../images/search.gif)}

.yw_bg{ background:url(../images/yiwen.jpg) no-repeat top; width:100%; height:635px;}
.yw_box{ color:#000; font-size:18px;}
.yw_txt{ padding:286px 0 0 707px; line-height:48px;}



.fff_bg{ width:100%; }

.til02{ font-size: 26px; color: #0e50ac; text-align: center; line-height:34px;background:url(../images/line1.jpg) repeat-x 0 50px;height:90px;}
.til02 a{ color: #0e50ac;}
.til02 span{ padding: 0 10px; color: #000; font-size: 22px; line-height: 30px; font-weight: normal;  background: #fff;}


.pro_side{ float:left; width:230px; border:1px solid #0f50ac}
.side_tit{ height:75px; background:url(../images/pro_tit_bg.jpg) no-repeat top; color:#fff; font-size:20px; font-weight:bold;  text-align:center; padding-top:35px; line-height:24px; width:100%}
.side_tit p{ font-size:14px;}
.side_mid{ padding:0 10px; margin-top:10px;}
.pro_fenlei{ background:#0e50ac; color: #fff; font-size:14px; padding:5px 10px;}
.side_mid ul{ margin-top:5px;}
.side_mid ul li{ float:left; display:block; width:210px;border-bottom:1px dotted #ccc; height:34px; line-height:34px; font-size:14px; font-weight:bold; background:url(../images/ico01.png) 10px 16px no-repeat; text-indent:20px;}
.side_mid ul li a{ color:#333}
.pro_main{ float:right; width:946px;}



.pro_box{float:left; width:894px; border:1px solid #0f50ac; border-radius:3px; padding:10px 25px; margin-bottom:20px;}
.pro_tit{float:left; width:894px; border-bottom:1px solid #063b86; height:40px;}
.pro_tit h3{ display:inline; font-size:18px; border-bottom:2px solid #063b86; padding-bottom:6px;line-height:40px;}
.pro_tit span{font-family: Verdana, Geneva, sans-serif; font-weight:bold;  font-size:14px; color:#999; margin-left:15px;}
.pro_list{width:894px; float:left; margin-top:16px; overflow:hidden;}
.pro_list ul{width:920px; }
.pro_list ul li{ float:left; width:212px; text-align:center; margin-right:15px; line-height:27px; margin-top:5px;}
.pro_list ul li a img{ width:210px; height:215px; border:1px solid #ddd}

.sec{padding:20px 0 0 0;height:550px;font-size: 14px; color: #333; line-height: 24px;font-family:"Microsoft YaHei"; overflow: hidden; position:relative}
.pa{ position:absolute;}
.pr{ position:relative}
.sec_c{ width:1200px; height: 370px; overflow: hidden;background:url(../images/secbg.jpg) no-repeat center 0;}
.sec_c dl{ width: 372px; height: 173px; overflow: hidden;}
.sec_c dl.secl1{ top: 37px; left: 4px;}
.sec_c dl.secl2{ top: 37px; left: 836px;}
.sec_c dl.secl3{ top:207px; left: 4px;}
.sec_c dl.secl4{ top:207px; left: 836px;}
.sec_c dt{ width: 133px; display: block; float: left;}
.sec_c dd{ width: 239px; float: left;padding:14px 0 0;}
.sec_c dd h3{ height: 31px; line-height: 31px; font-weight: normal; font-size: 20px; border-bottom: solid 2px #d7d7d7; color: #0e50ac;}
.sec_c dd h3 b,.edge h3 b{ color: #c30a10;}
.sec_c dd p{ padding: 6px 12px 0 0;}
.sec_c dd b,.edge p b,.serv_w p b{color: #0e50ac;}
.sec_lj{ clear: both; text-align: center; color: #fff; font-size: 16px;}
.sec_lj a,.edgep1 span a{ width: 166px; line-height: 46px; color: #fff; display: inline-block;background:url(../images/icobg1.gif) no-repeat 0 0;}
.sec_lj a.sec_ico1{background:url(../images/icobg2.gif) no-repeat 0 0; margin: 0 0 0 24px;}

.ysbg{ background:url(../images/ysbg.jpg) top no-repeat #f1f1f1;}
.ys_box{ margin: 0  auto; width:1080px;}
.ys_tit{ padding:50px 0 0;height: 80px;text-align: center;}
.ys_tit h2{font-size: 30px;color: #063b86;}
.ys_tit i{color: #b80004; font-style:inherit}
.ys_tit span{display: block;font-size: 14px;color: #063b86;font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding:15px 0 0;}
.ys_box h2{ padding:66px 0 0; height:94px 0 0; text-align:center;}
.ys_box h3{ height:108px; background:url(../images/ystbg.png) repeat-x 0 89px; font-size:18px; color:#010101; line-height:24px;font-family:"Microsoft YaHei";}
.ys_box h3 span{ display:block; width:80px; height:80px; text-align:center; line-height:80px; font-family:Futura Hv BT, "Times New Roman", Times, serif; color:#fff; font-size:48px; background:url(../images/ystsbg.png) no-repeat 0 0; float:left}
.ys_box h3 p{ float:left; padding:5px 0 0 8px; white-space:nowrap}
.ys_box h3 p b{ display:block; line-height:38px; font-size:36px; color:#0f50ac; margin-bottom:10px;}
.ys_box li{ height:30px; line-height:30px; background:url(../images/gou.png) no-repeat 2px 8px; padding-left:25px; font-size:14px; color:#222;}
.ys01{ height:345px; padding:48px 0 0 8px; overflow:hidden}
.ys02{ height:443px;}
.ys03{ height:424px;overflow:hidden}
.ys04{ height:397px; padding:0 0 0 8px; overflow:hidden}
.ys05{ height:419px;overflow:hidden}
.ysw1{ width:462px; padding:16px 13px 0 0;}
.ysw1 h3 p{ width:370px; overflow:hidden; float:left;}
.ysp1{ width:477px;}
.ysw2{ width:406px; padding:86px 0 0 35px;}
.ysp2{ width:508px;}
.ysp2 img{ position:relative; margin-top:-34px;}
.ysw3{ width:508px; padding:68px 0 0;}
.ysw3 h3{ font-size:18px;}
.ysp3{ width:451px;}
.ysw4{ width:446px; padding:48px 0 0;}
.ysp4{ width:501px;}
.ysw5{ width:446px; padding:45px 10px 0 14px;}
.ysp5{ width:490px;}
.ysw5 ul{ height:124px;}
.ystex{ clear:both; display:block; padding:0 0 0 34px; font-size:14px; color:#222;}
.ystex em{ display:inline-block; line-height:40px; width:149px; text-align:center; background:#c38508; color:#fff; font-size:22px;}
.ys_pho{ display:block; background:url(../images/ys_pho.jpg) no-repeat 0 21px; height:54px; line-height:54px; padding-left:23px;}
.ys_pho b{ font-size:26px; padding:0 1px;}

.adbg{ background:url(../images/mid_tel.jpg) no-repeat center; width:100%; height:161px;}

.case{ float:left; width:1200px;  }
/*案例*/
.case{font-family:"Microsoft YaHei"; overflow: hidden; padding: 0;}
.case_c{ padding:0;}
.case_l{width: 232px; overflow: hidden;}
.case_l li{ height: 95px; padding: 0 0 1px; overflow: hidden;}
.case_l li a{ background: #333; color: #fff; padding:31px 0 0 26px; width: 206px; height: 64px; display: inline-block; line-height: 21px; font-size: 16px;}
.case_l li a span{ display: block; font-size: 12px; line-height: 14px; text-transform: uppercase; white-space: nowrap; overflow: hidden;}
.case_l li.cur a,.case_l li a:hover{ background: #0e50ac;}
.case_r{width: 968px; overflow: hidden;}
.case_r li{ width: 481px; height: 239px; float: left; padding: 0 0 1px 3px; overflow: hidden; position: relative; font-size: 14px; color: #fff; line-height: 25px;}
.case_r li img{ width: 481px; height: 239px;}
.case_r li span{ position: absolute; top: 105px; left: 149px; width:96px; padding: 0 0 0 11px; line-height:30px;background:url(../images/icobg2.png) no-repeat 0 0;}
.case_r li span a,.case_r li p a{ color: #fff;}
.case_r li p{ width: 458px; height: 167px; padding: 72px 0 0 23px; position: absolute; top: 0; left: 3px;background:url(../images/bg02.png) repeat 0 0; display: none;}
.case_r li.cur p{ display: block;}
.case_r li.cur span{ display: none}


/*关于*/
.til01{background:url(../images/line1.jpg) repeat-x center 29px;height:31px;line-height:28px;font-size: 16px;font-family:"Microsoft YaHei";}
.new h2 a{ color: #333; border: 0; margin: 0 17px 0 0;}
.indexabout h2 a,.new h2 a:hover,.new h2 a.cur{ border-bottom: solid 3px #0e50ac;display: inline-block; color: #0e50ac; padding: 0 2px;}
.more01 a,.til01 .more01 a,.new h2 .more01 a:hover{ padding: 0; color: #555; background: none; border: 0; margin: 0;}
.indexabout{ clear:both;overflow:hidden;font-family:"Microsoft YaHei";}
.indexabout dl{ height:300px; padding:22px 0 0;line-height:30px; overflow: hidden;}
.indexabout dt{ width: 445px;height:273px; padding: 0 0 29px; float: left;background:url(../images/vidbg.jpg) 0 bottom no-repeat;overflow: hidden;}
.indexabout dt img{display:block;width:445px;height:273px;}
.indexabout dd{padding:5px 17px 0 39px;width:698px; height: 269px;float: left; overflow:hidden; background: #f3f3f3;}
.indexabout dd h4{ height:54px; line-height:54px; font-size: 14px; color: #333;}
.indexabout dd h4 a{color: #333; border:none;}
.indexabout dd p{ height: 175px;overflow:hidden;font-family:"宋体";}
.indexabout dd p span a{color:#666; font-size: 14px; }

/*相册*/
.ab_lc{ height: 242px; text-align: center; overflow: hidden;width:1200px;}
.ab_lc h3{ height: 59px; line-height: 42px; color: #0e50ac; font-size: 16px;background:url(../images/tilbg2.gif) repeat-x center 12px;}
.ab_lc h3 a{color: #0e50ac; padding: 0 9px; background: #fff;}
.ab_lcb ul{width:1250px; overflow:hidden;height:159px;}
.ab_lcb li{padding:0 18px 0 0;width:226px;overflow:hidden; float: left; position: relative;}
.ab_lcb li img{ display:block;width:224px;height:157px; border: solid 1px #ddd;}
.ab_lcb li span{ position: absolute; width: 224px; top: 128px; left: 1px; line-height: 30px; text-align: center; display: block; font-size: 14px;background:url(../images/bg03.png) repeat 0 0;}
.ab_lcb li span a{ color: #fff;}


.about_news{float:left; width:1200px;  margin-top:25px;}

.index_news{ float:left; width:1200px;}

.index_news_box{ float:right; width:915px;}

.tabPanel{ float:left;width:915px; }

/**tabs**/
.tab {height:40px; border-bottom:1px solid #ddd}
.tab  li{float:left;font-size:16px; font-weight:bold; height:40px;line-height:40px;text-align:center;cursor:pointer; color:#000; padding:0 20px;}
.tab .hit{cursor:pointer;color:#0f50ac;border-bottom:3px solid #0f50ac}
.tab .hit .cad0015{ color:#000;}
.pane{display:none; }

.pane dl{ width:865px; padding:30px 25px 15px; display:inline-block; overflow:hidden;}
.pane dt{ width:242px; float:left; padding:0 20px 0 0;}
.pane dt img{ width:232px; height:154px; border:#e9e9e9 1px solid; padding:4px;background: #fff;}
.pane dd{ float:left; overflow:hidden; width:595px; padding:12px 0 0;}
.pane dd h4{height: 25px;line-height: 25px;overflow: hidden;}
.pane dd h4 a{font-size: 12px;color: #e20000;}
.pane dd p{ font-size:12px; color:#555; height:52px; line-height:26px;overflow: hidden; padding:12px 0 0;}
.pane dd span{ display:block; padding:15px 0 0;}
.pane dd span img{ width:82px; height:22px;}
.newslists{ width:865px; display:inline-block; padding:0 24px; overflow:hidden;}
.newslists p{ height:34px; line-height:34px; overflow:hidden; width:410px; float:left; padding:0 20px 0 0; background:url(../images/ico01.png) no-repeat 0 15px;}
.newslists p a{ font-size:12px; color:#333; padding:0 0 0 14px;}




.index_faq_box{ float:left; width:265px; height:415px;}
.index_news_box_tit{float:left; width:265px;border-bottom:1px solid #ccc; height:40px;}
.index_news_box_tit h3{border-bottom:3px solid #0f50ac; height:40px; line-height:40px;}
.faq{ float:left;width:265px}
.faq dl {padding:10px 0 8px;border-bottom:1px dashed #dbdbdb; margin:0 0;width:245px}
.faq dt { background: url(../images/wen.jpg) no-repeat;line-height:18px; padding:0 0 1px 25px;  overflow:hidden; white-space:nowrap;text-overflow: ellipsis;width:220px}
.faq dt a { color:#b80004; font-weight:bold;}
.faq dd { background:url(../images/da.jpg) no-repeat 0 2px; padding-left:28px; line-height:21px; color:#333333; max-height:84px; overflow:hidden;}

/*流程*/
.tec_pro{ padding:54px 30px 0;font-size: 14px; height: 435px;font-family:"Microsoft YaHei";background:url(../images/tecpbg.gif) no-repeat center 21px;}
.tec_pl{ width: 584px; padding:0 65px 0 0;overflow: hidden;}
.tec_pl h3{ font-size: 22px; color: #0e50ac; height: 66px; line-height: 50px;}
.tec_pl li{ height: 39px; line-height: 39px; background: #0e50ac; border-radius: 2px; padding: 0 14px; margin: 0 0 9px; color: #fff; font-weight: bold;}
.tec_pl li span{background:url(../images/icobg1.png) no-repeat 0 5px; width: 30px; text-align: center; line-height: 39px; font-weight: normal; float: left; display: block; color: #0e50ac;}
.tec_pl li p{ float: left; padding: 0 0 0 18px; width: 385px;}

/*在线*/
.online{ width: 445px;}
.online h3{ height: 76px; padding: 8px 0 0; font-size: 21px; _font-size: 21px; color: #d20005; line-height: 36px;}
.online h3 span{ display: block; font-weight: normal; font-size: 14px; line-height: 22px; color: #010101;}
.online li { height:38px; line-height: 27px;}
.online li img{ float: left; margin:0 10px;}
.sbt { width:68px; display:block; float:left; padding:0 0 0 4px;}
.sinp01,.sinp02,.area{ float: left; border: 0; background: #e4e4e4;width: 261px; height: 27px; line-height: 27px;}
.sinp01 {padding: 0 10px;}
.sinp02 { width:89px;padding: 0 5px;}
.sbz { color:#003f1e; padding:0 0 0 8px; font-style: normal;}
.online li.onl01{ height:120px;}
.area {width: 261px;height:99px; overflow:auto;padding:5px 10px;}
.inpimg{ padding: 0 18px 0 0;}



.link{float:left; width:1168px;  margin-top:25px; border:1px solid #ccc; padding:0 15px;}
.link_tit{float:left; width:1168px;border-bottom:1px solid #063b86; height:40px;}
.link_tit h3{ display:inline; font-size:16px; border-bottom:2px solid #063b86; padding-bottom:7px;line-height:40px;}
.link_tit span{font-family: Verdana, Geneva, sans-serif; font-weight:bold;  font-size:14px; color:#999; margin-left:10px;}
.linkcon{float:left; width:1168px; padding:10px 0}
.linkcon a{  float:left; margin-right:25px; line-height:24px;}

.f_bg{ width:100%;margin-top:25px; background:#0e50ac; color:#fff; overflow:hidden;}
.f_nav_bg{ width:100%;height:40px; line-height:40px; }
.f_nav { margin:0 auto; width:1200px; border-bottom:1px dotted #fff; height:40px; line-height:40px; }
.f_nav li{ float:left; width:120px; background:url(../images/fli.jpg) right no-repeat; text-align:center;}
.f_nav li a{ color:#fff;}

.foot{ margin:45px auto 0; width:1000px; height:130px}
.f_logo{ float:left; width:156px;}
.copy{ float:left; width:920px; margin-left:24px;}
.copy_l{ float:left; margin-top:15px; line-height:24px;}




.a_side_mid{ width:230px;float:left;}
.a_side_mid ul{padding:0 15px;}
.a_side_mid ul li{ float:left; display:block; width:200px;border-bottom:1px dotted #000; height:35px; line-height:35px; font-size:14px; font-weight:bold; background:url(../images/ico01.png) left no-repeat; text-indent:10px;}


.n_side_mid{ width:230px;float:left;}
.n_side_mid ul{padding:0 15px;}
.n_side_mid ul li{ float:left; display:block; width:200px;border-bottom:1px dotted #000; height:35px; line-height:35px; font-size:12px;  background:url(../images/ico01.png) left no-repeat; text-indent:10px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}

.n_side_cat{width:230px;float:left;}
.n_side_cat ul{padding:0 15px;width:200px; line-height:30px;}

.location{ float:right; font-size:12px; margin-top:15px; }


.about,.messageg,.news,.productdetail{width:894px; float:left; margin-top:16px; overflow:hidden; line-height:30px;font-size:14px;  min-height:800px;}
.messageg input,.messageg textarea{ border:1px solid #ddd; padding:3px 5px;}
.m_btn{ cursor:pointer}

.newslist,.page,.newscnt{width:894px; float:left;}
.newslist ul{ float:left; width:894px}
.newslist ul li{ float:left; width:894px;  height:155px; border-bottom:1px dotted #ccc;   padding:15px 0;}
.n_info{ float:right; width:654px; padding:10px 20px 20px 0; line-height:28px;}
.s_pic{ float:left; width:195px; padding:2px; border:1px solid #ddd}
.newslist ul li:hover{ background:#f1f1f1;}

.pagelist{float:left; width:894px; margin-top:25px;}

.page_nav a {border: #f8b751 1px solid;  padding: 2px 5px; margin: 3px;  color: #000;  text-decoration: none}
.page_nav a:hover { border: #e74800 1px solid; color: red;}
.page_nav a:active {border: #e74800 1px solid;  color:red; }
.page_nav span.current {border: #e74800 1px solid;  color:red;
}
.page_nav span.nolink {border: #f8b751 1px solid;  padding: 2px 5px; margin: 3px;  color: #000; }
.thislink{ font-weight:bold; margin:0 5px}
.page_nav  select{border: #f8b751 1px solid; }


.newstit{float:left; width:894px; text-align:center; border-bottom:1px solid #ccc; padding-bottom:15px;}
.newstit h2{ margin-bottom:20px;}
.ntxt{float:left; width:894px; margin-top:15px; font-size:14px; line-height:200%;}
.npage{float:left; width:894px;  margin:25px 0; padding-top:10px;border-top:1px solid #ccc; }

.hotpro{float:left; width:894px; border:1px solid #ccc; border-radius:3px; padding:10px 25px; }
.hotpro h3{ height:30px; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:15px}
.hotpro ul{float:left; width:894px; height:218px; overflow:hidden;}
.hotpro ul li{float:left; width:214px; border:1px solid #ccc; padding:3px; text-align:center; line-height:24px; font-size:14px; margin-bottom:10px; margin-right:11px;}
.hotpro ul li img{width:210px; height:180px;}
.hotpro ul li a:hover{ color:#d0891d}
.hotpro ul li:hover{ border:1px solid #d0891d}


.info_picbox{ float:left; width:894px;}
.infobox{ float: right; width:474px; height:420px;}
.infobox h2{float:  left; width:474px; padding-bottom:10px; line-height:50px; margin-bottom:15px; font-size:30px;  font-weight: normal; border-bottom:  double 4px #063b86}
.infobox .info{ line-height:26px;}

.prodetail{float:left; width:894px; margin-top:15px;}
.prodetail .jstitle{ width:894px; height:35px; line-height:35px; border-bottom:1px solid #063b86}
.prodetail .jstitle span{ width:100px; height:35px; background:#063b86; display:block;     border-radius: 5px 5px 0 0; text-align:center; color:#fff}
.protxt{float:left; width:894px; margin-top:15px; }


/*==========pic===========*/

.pic_box{ float:left; width:402px; height:420px;}
#preview{ width:402px;}
.jqzoom{ width:400px; border:1px solid #063b86; padding:2px;  height:340px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:90px; padding-top:11px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:13px; height:45px; float:left; cursor:pointer; margin-top:12px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:13px; height:45px; float: right;cursor:pointer; margin-top:12px;}
#spec-list{ float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul{}
#spec-list ul li{ float:left; width:65px; padding-right:8px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:60px; height:60px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:360px; margin-right:0px; padding-left:6px; height:70px;}
#spec-list div{ margin-top:0; *margin-left:0;}







