#header{ position:relative; height:95px; background:#fff;z-index:9999}
#header .logo{ position:absolute; left:0px; top:0px;}
#header .slogan{ position:absolute; left:210px; top:0px;height: 95px; overflow: hidden;}

#header .myform{ position:absolute; right:0px; top:30px; width:220px; height: 35px; margin: 10px 0 0 0; overflow: hidden;}
#header .myform input.txt{float: left; width: 182px; height: 35px; padding: 0; margin:0; border:none;background: url("bk-icon08.png")/*tpa=http://www.yzcdaq.com/images/bk-icon08.png*/ no-repeat; text-indent: 5px; line-height: 35px; font-size: 12px; color: #999; box-sizing:border-box;}
#header .myform input.btn{ float: left; width:38px; height: 35px; padding: 0; margin: 0; border:none; background:url("bk-icon03.png")/*tpa=http://www.yzcdaq.com/images/bk-icon03.png*/ no-repeat;text-indent: -9999px; cursor:pointer; box-sizing:border-box;}

/*---菜单---*/
.navbg{width: 100%; height: 52px; background: #234da1;}
.nav{height:52px;}
.nav li{float:left;display:inline; position:relative;}
.nav li h3{ float:left; width:100%;font-weight: normal; font-size:14px; }
.nav li h3 a{display:block;padding:0 40px; height:50px; line-height:50px;border-bottom: 2px solid #234da1; text-align:center; color:#fff;}
.nav li h3 a:hover{background: #213765;color: #0099ff;}
.nav .on h3 a{background: #213765;border-bottom:2px solid #f2ad00;color: #f2ad00;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; top:52px; z-index:9999; padding: 30px 20px; background: #213765;}
.nav .sub li{line-height:30px;}
.nav .sub li a{color: #fff;}
.nav .sub li a:hover{ color: #f2ad00;}
.nav .sub li img{ display:block; width: 200px; height: 120px;}
.nav .sub li a:hover img{opacity: 0.8;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.nav .sub li .tit{padding: 0;  height: 40px; line-height: 40px;text-align: left; font-size: 13px;}
.nav .sub li .con a{ display: block; width: 100%; padding: 0; height: 24px; line-height: 24px; text-align: left; font-size: 12px;}

#subp{left:0px; width:200px;}
#suba{left:-243px; width:880px;padding: 30px 0px 30px 20px;}
#suba li{ float: left; width: 220px;}

.w-tit{height: 34px; line-height: 34px; color: #234da1; font-size: 24px; margin-top:50px;}
.w-tit span{ margin: 0 0 0 5px; color: #727b8c; font-size: 16px;}

.w-case li{float: left; width: 26%; z-index: 2; transition:all .2s ease-in; margin-top:5%; margin-bottom:3%; margin-right:8%;}
.w-case li:nth-child(3n){ margin-right:0;}
.w-case li a{ display:block; width:100%; position: relative;}
.w-case li img{ width: 100%; height: 100%; display:block;}
.w-case li .tit{position: absolute; left: 0; bottom: 5px; width: 100%; height: 40px; font-size: 16px; text-align: center; color: #fff;}

#footer { width: 100%; height: 50px; line-height:50px; background: #1f2229; margin-top:50px;}
#footer .copy{ float:left; color: #fff; font-size: 12px; text-align: left;}
#footer .pnet{ float:right; color: #fff; font-size: 12px; text-align: left;}

.s-banner{ background:url("s-banner.jpg")/*tpa=http://www.yzcdaq.com/images/s-banner.jpg*/ center top no-repeat; width:100%; height:250px;}

.s-nav { margin-top:20px; text-align:center;}
.s-nav li{ float:left; display: block; width:23.5%; background:#f9f9f9; margin-right:2%; margin-bottom:15px;}
.s-nav li:nth-child(4n){ margin-right:0;}
.s-nav li a{ display:block; border:#d3d3d3 dashed 1px;font-size:14px;height:30px; line-height:30px;}
.s-nav li:hover a{color:#fff; background:#f2ad00; border:#f2ad00 dashed 1px; }
.s-nav li.cur a{color:#fff; background:#f2ad00; border:#f2ad00 dashed 1px;}

/*面包屑导航*/
.sitemap{ border-bottom: 1px solid #ccc; background:url("home.png")/*tpa=http://www.yzcdaq.com/images/home.png*/ left center no-repeat; height: 30px; line-height: 30px; padding-left:20px; font-size:12px;color: #727b8c; margin-top:10px;}
.sitemap i{ float:left;display:inline-block;height: 30px; font-style:normal;}
.sitemap em{float:left;display:inline-block; width:17px;height: 30px;background:url("home-i.png")/*tpa=http://www.yzcdaq.com/images/home-i.png*/ left center no-repeat; font-style:normal;}
.sitemap a{float:left;display: inline-block; height: 30px; line-height:30px; color: #727b8c;}
.sitemap a:hover{color: #ff9f00;}

.pd-tit{ width: 100%; border-bottom: 3px solid #d9d9d9;height: 40px;line-height: 40px; margin-top:20px;}
.pd-tit h6{ float: left; width: auto; height: 40px; border-bottom: 3px solid #234da1;  margin: 0 5px -3px 0; font-size: 24px; color: #234da1; font-weight:normal; }

/*产品*/
.pd-list{}
.pd-list li{ float: left; width: 25%; margin-top:20px;}
.pd-list li div{ position: relative; width: 230px; height: 365px; margin:0 auto;  border:#eff2f7 solid 1px; background: #eff2f7; z-index: 1; overflow: hidden;}
.pd-list li img{ width: 230px; height: 144px;}
.pd-list li strong{ display:block; height: 30px; line-height: 30px; font-size:16px; font-weight:normal;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;padding-left:10px;}
.pd-list li p{line-height: 20px; font-size: 12px; color: #565d6c; padding:5px 10px 10px 10px;}
.pd-list li a.more{ position:absolute; bottom:10px; left:10px; display: block; width:106px ; height:34px; background:url("more.png")/*tpa=http://www.yzcdaq.com/images/more.png*/ no-repeat;}
.pd-list li a.more:hover{ background:url("more.png")/*tpa=http://www.yzcdaq.com/images/more.png*/ 0 -34px no-repeat;}
.pd-list li:hover a.more{ background:url("more.png")/*tpa=http://www.yzcdaq.com/images/more.png*/ 0 -34px no-repeat;}

/*案例*/
.case-list{}
.case-list li{ float: left; width: 33.33%; margin-top:20px;}
.case-list li div{ position: relative; width: 310px; height: 390px; margin:0 auto;  border:#eff2f7 solid 1px; background: #eff2f7; z-index: 1; overflow: hidden;}
.case-list li img{ width: 310px; height: 195px;}
.case-list li strong{ display:block; height: 30px; line-height: 30px; font-size:16px; font-weight:normal;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;padding-left:10px;}
.case-list li p{line-height: 20px; font-size: 12px; color: #565d6c; padding:5px 10px 10px 10px;}
.case-list li a.more{ position:absolute; bottom:10px; left:10px; display: block; width:106px ; height:34px; background:url("more2.png")/*tpa=http://www.yzcdaq.com/images/more2.png*/ no-repeat;}
.case-list li a.more:hover{background:url("more2.png")/*tpa=http://www.yzcdaq.com/images/more2.png*/ 0 -34px no-repeat;}
.case-list li:hover a.more{ background:url("more2.png")/*tpa=http://www.yzcdaq.com/images/more2.png*/ 0 -34px no-repeat;}


/*正文定义*/
#article-lsf { padding:20px 0px;line-height:28px;font-size:14px;}
#article-lsf p{margin-bottom:20px;}
#article-lsf img{WIDTH: expression(this.width > 900 && this.width > this.height ? 900 : true);max-width: 900px;margin-top:20px;}

/*正文文章样式*/
.single_title{font-size:28px; font-weight: normal;text-align:center;color:#000;margin-top:25px;}
.single_add{color:#A0A0A0;text-align:center; padding-bottom:10px; border-bottom:#DBDEE1 solid 1px;}
.pre_next{line-height:28px;border-top:1px solid #D7D7D7;padding-top:15px;margin-top:15px;}
.pre_next span{ display:block; font-size:12px;}

/*搜索样式*/
.search-kwd{font-size:16px; font-weight:bolder; color:#000; padding:15px 0 0 10px;}

/*表单*/
.table_post{ font-family: Verdana, Geneva, sans-serif; padding:20px 0;}
.table_post h2{ background:#eee; font-weight:normal; font-size:14px; padding:10px;}
.table_post table{border-collapse: collapse; width:100%; margin-top:20px;border:1px solid #ebebeb;}
.table_post th{ background:#fafafa; width:120px; padding:10px; font-size:14px;}
.table_post td{ padding:5px 10px; font-size:14px;}
.table_post em{ color:#F00; font-style:normal;font-size:12px;}
.table_post select {width:222px; padding:3px 5px; border:#c3c3c3 solid 1px; height:25px; background:#fff;}
.table_post input{width:400px;  background:#fff; height:35px; line-height:33px; border:#c3c3c3 solid 1px;}
.table_post textarea{ width:400px; height:100px;border:#c3c3c3 solid 1px;background:#fff; margin:3px auto;}
.table_post .btn{ background:#e5322c; border:none; width:115px; height:35px; line-height:33px; text-align:center; color:#FFF; cursor:pointer; margin:0px 20px 0 0px; font-size:14px;border-radius:3px;}


/*分页样式开始*/
.turnover { height:50px; font-family:"宋体" ;text-align:center; margin-top:30px; font-size:14px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block; height:32px; line-height:32px; padding:0 12px;margin-left:2px; text-align:center;}
.turnover a, .turnover .disabled { background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #f2ad00; background:#f2ad00; color:#fff;  }