﻿@charset "utf-8";

/* css reset ( HTML 5 version )*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {font-size:12px;font-family:Verdana;line-height:2em;-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
.clear:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clear{display:block;zoom:1;}

/* css.css start here */
body{font:12px/2em 宋体;color:#444;}
a{color:#444;}
a:hover{color:#f00;}
ul{list-style-type:none;}
.css3{behavior:url(images/PIE-2.0beta1/PIE.htc)}
.inner{width:980px;margin:0 auto;}
.clearfix{clear:both;}

/* 跑马灯组件 */
.paomadeng{_width:940px;overflow:hidden;}
.paomadeng_sub{display:block;float:left;margin:0 30px 0 0;width:130px;}
.paomadeng_sub img{display:block;float:left;border:1px solid #ccc;}
.paomadeng_sub span{display:block;text-align:center;}
.indemo{float:left;width:800%;}
.demo2{float:left;}

.img_box{text-align:center;}
/* head */
.head{width:980px;height:81px;margin:0 auto;}
.logo{float:left;margin:20px 0 0 1px;display:inline;}
.tel{float:right;margin:20px 1px 0 0;display:inline;}

/* menu */
.menu{background:url(/templets/zys/images/bg_menu.jpg) repeat-x;}
.menu ul:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.menu ul{display:block;zoom:1;background:url(/templets/zys/images/bg_menu.jpg) repeat-x;width:980px;margin:0 auto;padding-left:0px;}
.menu li{float:left;display:inline;}
.menu li a{display:block;padding:0 35px;line-height:40px;color:#fff;font-size:14px;}
.menu li a:hover{background:#fff;color:#f00;}

/* banner */
.banner{font-size:0;line-height:0;width:980px;margin:10px auto;}

/* main */
.main:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.main{display:block;zoom:1;width:980px;margin:10px auto 40px;}
.box{border:1px solid #ccc;}
.box2:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.box2{display:block;zoom:1;border:10px solid #eee;}
.i_title{background:url(/templets/zys/images/bg_title.jpg) left center repeat #ababab;height:30px;line-height:30px;padding:0 10px;}
.i_title a{color:#fff;font-size:14px;font-family:宋体;}
.i_title .more{float:right;}
.i_title .more a{color:#fff;font-size:11px;font-family:宋体;}
.m10{margin:10px 0 0;}

.i_brand{background:#ebebeb;padding:20px 20px 10px;margin:0 0 10px;}
.i_about{padding:0 10px 0 0;margin:0 0 10px;}
.i_about img{float:left;}
.i_about a img{float:none;margin:10px 0;}
.i_type{width:238px;float:left;padding:0 0 8px;}
.i_type .i_title{margin:0 0 8px;}
.i_type h2{font-weight:400;margin:0 10px;padding:0 10px;line-height:32px;border-bottom:1px dashed #ccc;}
.i_type h2 a{line-height:24px;padding:0 0 0 10px;background:url(/templets/zys/images/icon.jpg) left center no-repeat;}
.i_products{width:728px;float:right;}
.pro_list:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.pro_list{display:block;zoom:1;padding:10px 0 0 13px;}
.pro_list li{float:left;width:168px;display:inline;margin:10px 10px 8px 0;}
.pro_list li img{border:1px solid #ccc;}
.pro_list li span{width:168px;display:block;text-align:center;}
.i_contact{width:235px;padding:5px 10px;float:left;}
.i_news{border-left:1px solid #ccc;background:url(/templets/zys/images/bg_i_news.jpg) 25px 10px no-repeat;float:right;width:490px;padding:0 10px 0 200px;height:220px;}
.news_hot a{color:#005ac2;font-size:14px;margin:10px 0;display:block;text-align:center;}
.news_hot_con{border-top:1px dashed #005ac2;border-bottom:1px dashed #005ac2;color:#666;}
.i_news li a{padding:0 0 0 10px;background:url(/templets/zys/images/icon_news.jpg) left center no-repeat;}
.i_news li span{float:right;}

/* foot */
.foot{background:#181818;}
.foot .inner{background:#181818;color:#fff;text-align:center;line-height:30px;padding:10px 0;}
.foot .inner a{background:#181818;color:#fff;}
.foot .inner a:hover{background:#181818;color:#f00;}

/* inpage */
.sidebar{width:240px;float:left;}
.sidebar .box{margin:0 0 10px;}
.sidebar .i_type{float:none;}
.sidebar .side_contact p{padding:0 0 0 10px;line-height:28px;}

/*pages*/
#pages{margin:10px auto;text-align:center;clear:both;}
#pages a{padding:3px 6px 2px;margin:3px;border:1px solid #B9DFF9;text-align:center;color:#077ac7;}
#pages a.now{background:#077ac7;color:#fff;border:0;}
#pages a:hover,#pages a.now:hover{background:#077ac7;color:#fff;}

.content{width:728px;float:right;border:1px solid #ccc;}
.crumb{font-size:12px;float:right;color:#fff;}
.crumb a{font-size:12px;color:#444;padding:0 15px 0 0;background:url(ico_crumb.gif) right 1px no-repeat;color:#fff;margin:0 4px;}
.crumb a:hover{color:#f00;}

/* about */
.about{font-size:14px;line-height:2em;padding:10px;}
.about img{float:left;margin:5px 10px 0 0;display:inline;}
.about p{text-indent:2em;}

/* brand */
.brand {padding:10px 0;}
.brand ul:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.brand ul{display:block;zoom:1;padding:0 0 0 19px;}
.brand li{float:left;width:158px;margin:15px 19px 0 0;}
.brand li img{width:158px;}
.brand li span{width:158px;text-align:center;display:block;}

/* brand_sub */
.brand_sub{padding:10px;}
.brand_sub img{float:left;display:inline;margin:10px 10px 0 0;}
.brand_sub strong{font-size:14px;line-height:2em;}
.brand_sub p{text-indent:2em;font-size:14px;line-height:2em;}

/* contact */
.contact{background:url(/templets/zys/images/bg_contact.jpg) 280px 15px no-repeat;font-size:14px;line-height:2em;padding:30px 460px 50px 50px}
.contact h1{margin:0 0 20px;}

/* web */
.web{text-align:center;}

/* news */
.news{padding:15px 10px 0;}
.news li{line-height:30px;}
.news li a{padding:0 0 0 10px;background:url(/templets/zys/images/icon_news.jpg) left center no-repeat;}
.news li span{float:right;}

/* news_sub */
.news_sub{font-size:14px;line-height:2em;padding:10px;}
.news_sub h1{text-align:center;margin:5px 0 10px;}
.news_sub p{text-indent:2em;}
.pre_next{margin:15px 0;}

/* products_sub */
.products_sub{font-size:14px;line-height:2em;padding:10px;}
.products_sub img{border:1px solid #ccc;}
.products_sub p{text-indent:2em;}

/* search */
.search{text-align:center;padding:10px;}














