/* CSS Document */
*{ padding:0; margin:0;}
body{ background:url(../image/body.jpg); font-size:12px; font-family:"MicroSoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#888;}
ul,li{ list-style:none;}
img{ border:0;}

.main_div1{ background:url(../image/header_bg.jpg) repeat-x; margin:0 auto 10px;}
.main_div2{ width:1200px; margin:0 auto; overflow:hidden;}

.header{ overflow:hidden; width:1200px; height:98px; margin:0 auto; background:url(../image/head_bg.jpg) right center;}
.header .top{ overflow:hidden;}
.header .top .top_1{ width:125px; height:23px; float:right; background:url(../image/top_1.png) no-repeat;}
.header .top .top_1 a{ display:block; width:50%; text-align:center; line-height:20px; float:right;}

.header .logo{ float:left; height:70px;}

.header .search{ float:right; margin-top:40px;}
.header .schtxt{ width:200px; height:20px; padding:4px; background:url(../image/search_txt.jpg) no-repeat;}
.header .schbtn{ width:68px; height:28px; background:url(../image/search_btn.jpg) no-repeat; cursor:pointer;}
.header .schtxt,.schbtn{ border:0; vertical-align:middle;}

.nav{ width:1200px; margin:0 auto; position:relative; z-index:10;}
.nav > ul{ height:60px;}
.nav > ul > li{ width:150px; float:left; line-height:60px; text-align:center; font-size:14px; background:url(../image/nav_ge.png) no-repeat left center; position:relative; height:60px;}
.nav > ul > li > a{ color:#FFF; display:block;}
.nav > ul > li:first-child{ background:none;}

.navTop{ position:absolute; display:none; z-index:999; width:100%; background:#08c; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:0.9;}
.navTop .Top_con{ text-align:left; padding:0 10px;}
.navTop .Top_con div.Top_font{ padding-left:10px; background:url(../image/arr.gif) no-repeat left center; line-height:30px;}
.navTop .Top_con div.Top_font a{ color:#FFF; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.navTop .Top_con div.Top_font a:hover{ color:#efefef;}

.banner{ text-align:center; width:1200px; margin:0 auto; position:relative; z-index:1;}

.i_box{ width:370px; float:left; margin-right:35px;}
.i_box .cont{ height:150px; overflow:hidden;}
.End{ margin-right:0;}

.box{ margin-bottom:10px;}
.box .bar{ border-bottom:1px solid #baccd4; font:18px/45px "微软雅黑"; padding-left:30px; height:45px;}
.box .bar img{ vertical-align:middle;}
.box .bar span{ color:#c5d8e0; font-size:14px;}
.box .cont{ border-top:1px solid #FFF; padding:15px 0 0;}
.boxLink{ margin-top:30px;}
.boxLink .bar{ font:bold 12px/24px "微软雅黑"; padding-left:0px; height:24px;}
.boxLink .cont{ padding:0;}

.Icon1{ background:url(../image/Icon1.png) no-repeat left center;}
.Icon2{ background:url(../image/Icon2.png) no-repeat left center;}
.Icon3{ background:url(../image/Icon3.jpg) no-repeat left center;}
.Icon4{ background:url(../image/Icon-phone.png) no-repeat 5px 8px;}

.About{ line-height:25px;}

ul.News{ }
ul.News li{ line-height:25px; overflow:hidden;}
ul.News li a{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:70%; float:left;}
ul.News li span{ float:right;}

.slides{ -webkit-transition:0.6s; transition:0.6s; -webkit-transform:translate3d(0px, 0, 0); height:235px;}

.NProduct{ overflow:hidden;}
.NProduct li{ width:162px; margin:0 10px 10px 0; float:left;}
.NProduct li a{ display:block; text-align:center;}
.NProduct li a.img{ border:1px solid #c5d8e0;}
.NProduct li a.img:hover{ border:1px solid #0081cc;}
.NProduct li img{ width:100%;}
.NProduct li p a{ line-height:25px;}

.Pro2{ display:none;}
.NProduct-phone li{ float:left; padding:4px;}
.NProduct-phone li a{ display:block; text-align:center;}
.NProduct-phone li a.img{ border:1px solid #c5d8e0; background:#FFF;}
.NProduct-phone li a.img:hover{ border:1px solid #0081cc;}
.NProduct-phone li img{ width:100%; height:208px; display:block;}
.NProduct-phone li p a{ line-height:25px;}

.Link{ line-height:24px;}

.Left{ width:320px; float:left;}
.Right{ width:848px; float:right;}

ul.Sort{ padding:0 10px;}
ul.Sort li{ line-height:25px; background-image:url("../image/Sort_File_End.gif"); background-repeat:no-repeat;}
ul.Sort li a{ display:block;}
ul.Sort li.one{ font-size:14px; padding-left:18px; background-position:left top;}
ul.Sort li.one a{ color:#AC2C2C;}
ul.Sort li.one a:hover{ color:#d00;}
ul.Sort li.two{ font-size:12px; padding-left:36px; background-position:18px top;}
ul.Sort li.two a{ color:#000;}
ul.Sort li.two a:hover{ color:#666;}

.Sort-phone ul.Sort li.one{ font-size:16px;}
.Sort-phone ul.Sort li.two{ font-size:14px;}

.Sort-phone{ background-color:#99d5ff; display:none; margin-bottom:10px;}
.Sort-phone .barPhone{ height:36px; line-height:36px; padding-left:30px; margin-right:5px; cursor:pointer; font-size:14px;}
.Sort-phone .contPhone{ display:none;}
.Sort-phone .SortOpen{ background:url(../image/SortOpen.gif) no-repeat right center;}
.Sort-phone .SortClose{ background:url(../image/SortClose.gif) no-repeat right center;}

.Article .ArtName{ font:18px/24px "微软雅黑"; text-align:center; margin-bottom:10px;}
.Article .ArtInfo{ text-align:center; line-height:20px; margin-bottom:10px;}
.Article .ArtCont{ border-top:1px dashed #CCC; padding-top:4px;}

.Tablist .form-group{ line-height:30px; overflow:hidden; margin-bottom:6px;}
.Tablist .form-group .col-2{ width:20%}
.Tablist .form-group .col-8{ width:80%}
.Tablist .form-group .col-10{ width:100%}
.Tablist .form-group .label{ text-align:right; font-weight:bold;}
.Tablist .form-group .text-right{ text-align:right;}
.col-2, .col-8{ float:left;}
#checkcode{ height:28px; border:1px solid #DDD; vertical-align:middle;}

.search{ font-size:14px; margin-bottom:10px;}

ul.ProductList{ overflow:hidden;}
ul.ProductList li{ width:202px; height:230px; float:left; margin:5px; text-align:center;}
ul.ProductList li a{ display:block;}
ul.ProductList li a.img{ border:1px solid #c5d8e0;}
ul.ProductList li a.img img{ width:100%;}
ul.ProductList li a.img:hover{ border:1px solid #0081cc;}

ul.NewsList li{ line-height:35px; border-bottom:1px dashed #a1a1a1; overflow:hidden;}
ul.NewsList li a{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:70%; float:left; background:url(../image/arr.jpg) no-repeat left center; padding-left:10px;}
ul.NewsList li span{ float:right;}

.ProView .ProImg{ width:350px; float:left;}
.ProView .ProImg img{ width:100%}
.ProView .ProInfo{ width:470px; float:right;}
.ProView .ProInfo .ProName{ font:16px/34px "微软雅黑"; color:#999; margin-bottom:10px; border-bottom:1px dotted #888;}
.ProView .ProInfo p{ line-height:24px;}
.ProView .OtherPic .title{ color:red; font-weight:bold; line-height:24px;}
.ProView .OtherPic img{ height:60px; margin:0 4px 4px 0;}
.ProView .OtherPic-Phone{ display:none; text-align:center;}
.ProView .ProCont{ padding-top:20px; margin-top:10px; border-top:1px dashed #888;}

ul.Contact li{ line-height:25px;}
textarea.message{ width:90%;}
input.memberName{ width:60%}

.footer{ border-top:1px solid #baccd4; background:#d8e7f0; text-align:center; line-height:25px; padding:10px 0;}

.Page{ margin:10px 0 0; font:12px "微软雅黑"; text-align:center;}
.Page a{ width:40px; height:40px; line-height:40px; background:#FFF; color:#a0a0a0; display:inline-block; margin:2px;}
.Page a:hover{ color:#000;}
.Page a.selected{ background:#0081cc; color:#F0F0F0;}

#Float{ display:none;}
.footerl{ background:#356ab5; height:60px; margin:0 auto;}
.footerl dl{ float:left; width:25%; height:60px; font-size:14px; letter-spacing:1px; text-align:center; position:relative; background:url("../image/dl_bg.jpg") top right no-repeat;}
.footerl dl dt{ cursor:pointer;}
.footerl dl dt a{ display:block; padding:35px 0 0 0; height:25px; line-height:25px; color:#fff;}
.footerl dl dt span{ display:block; padding:35px 0 0 0; color:#fff;}

#dt0{ background:url("../image/bottom_icon.png") center 4px no-repeat;}
#dt1{ background:url("../image/bottom_icon.png") center -119px no-repeat;}
#dt2{ background:url("../image/bottom_icon.png") center -182px no-repeat;}
#dt3{ background:url("../image/bottom_icon.png") center -243px no-repeat;}

.footerl dl dd{ z-index:8888; position:absolute; overflow:hidden; width:100%; top:0; display:block; height:0; opacity:0;}
.footerl .side span{ height:1px; font-size:1px; display:block; overflow:hidden; text-decoration:none; background:#356ab5;}
.s1{ margin:0 5px;}
.s2{ margin:0 3px;}
.s3{ margin:0 2px;}
.s4{ margin:0 1px; height:2px;}
.footerl ul li{ width:auto; margin:0 auto;}
.footerl ul li.li{ display:block; text-align:center; background:#356ab5; font-size:14px;}
.footerl ul li a{ display:block; color:#fff; line-height:30px; margin:0 4px; height:30px; border-bottom:1px solid #2459a4;}
.footerl a:visited{ color:#feffff;}

.more{ float:right; margin-top:20px;}
.clear{ clear:both;}

table.info{ width:100%; height:280px; border-collapse:collapse; margin-bottom:10px; border:1px solid #ccc; background:#fff;}
table.info th{ font-weight:bold; color:#EC0000; background:#EDEDED; text-align:center;}
table.info td{ border:1px solid #ccc; padding:0 15px}

.pn{ overflow:hidden; margin-top:30px; line-height:30px;}
.pn a{ display:block;}
.pn .prev{ float:left;}
.pn .next{ float:right;}