﻿

.l{float:left;}
.r{float:right;}
.c{clear:both;}
.dis{display:none;}
.mc{margin:0 auto;}
.b{border:1px solid #56b4fe;border-radius:5px 5px 3px 3px;}
.bb{border:1px solid #a5d4cb;border-radius:5px 5px 3px 3px;}
.bt{border:1px solid #eee;border-top:2px solid #B0D4EC;}

#imgcode{cursor:pointer;}

/*padding*/
.pt10{padding-top:10px;}
.p10{padding:10px;}
.p20{padding:20px;}

/*margin*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.m10{margin:10px;}

/*color*/
.c9{color:#999;}

/*width*/
.w1000{width:1000px;overflow:hidden;}
.w978{width:1198px;overflow:hidden;}
.w980{width:1212px;overflow:hidden;}
.w610{width:810px;padding:20px 30px;}
.w640{width:840px;padding:15px;}
.w920{width:1118px;padding:20px 30px;}
.w890{width:1088px;padding:30px 40px;}
.w900{width:1098px;padding:30px 40px;}
.w670{width:920px;}
.w550{width:550px;}

/*bar*/
.topbar{margin:0 auto;line-height:40px;height:40px;}
.topbar .l{font-family:verdana;padding-left:10px;}
.topbar .r{padding-right:10px;}
.topbar .r img{vertical-align:middle;margin:0 5px 3px 0;}


#topad{width:958px;margin:0 auto;padding:10px;border:1px solid #BDD6E7;background:#F9FDFF;display:none;}
#topad ul{margin:0;padding:0;list-style:none;}
#topad ul li{float:left;width:25%;line-height:25px;height:25px;overflow:hidden;font-family:arial;color:#333;}
#topad ul li span{font-family:宋体;margin:0;padding:0;font-size:12px;}
#topad .ad{position:absolute;clear:both;margin:-21px 0 0 944px;}

/*position*/
#position{width:1180px;margin:0 auto;padding:0 10px;border:0px solid #BED7E8;height:30px;line-height:30px;font-family:宋体;overflow:hidden;}
#position div{float:right;height:30px;line-height:30px;_padding-top:8px;}
#position div img{margin:0 5px;vertical-align:middle;}

/*subject*/
.subject{background:url(../images/2b.jpg) left top;line-height:28px;height:28px;font-weight:600;font-size:14px;padding:0 0 3px 26px;color:#fff;}
.subject a{color:#fff;text-decoration:none;}
.subject a:hover{color:yellow;}
.subject span{float:right;margin:0 10px 0 0;font-size:10px;font-weight:100;}
.subject span a{color:#000;font-size:10px;}
.subject span a:hover{color:#fff;}
.subject_user{background:url(../images/bg_title.gif) repeat-x top;line-height:32px;height:32px;font-weight:bold;font-size:14px;text-align:center;}
/*subject2*/
/*subject*/
.subject2{background:#a5d4cb;line-height:28px;height:28px;font-weight:600;font-size:14px;padding:0 0 3px 6px;color:#000;}
.subject2 a{color:#015141;text-decoration:none;}
.subject2 a:hover{color:#000;}
.subject2 span{float:right;margin:0 10px 0 0;font-size:10px;font-weight:100;}
.subject2 span a{color:#000;font-size:10px;}
.subject2 span a:hover{color:#fff;}
.subject2_user{background:url(../images/bg_title.gif) repeat-x top;line-height:32px;height:32px;font-weight:bold;font-size:14px;text-align:center;}
/*subject3*/
.subject3{background:url(../images/td3.jpg) repeat-x top left;line-height:30px;height:30px;font-weight:bold;font-size:14px;}
.subject3 span{float:right;margin:0 10px 0 0;font-size:8px;font-weight:normal;font-family:arial;}
.subject3 a{color:#fff;}
.subject3 a:hover{color:yellow;}
.subject3 span a{color:yellow;}
.subject3 span a:hover{color:#000;}
.ab1{background:url(../images/bbb.jpg) no-repeat top center;min-height:124px;}

.toplist{margin:10px;padding:0;list-style:none;background:url(../images/dotnum.gif) no-repeat top left;}
.toplist li{line-height:30px;height:30px;padding-left:30px;border-bottom:1px solid #F0F0F0;}
.toplist li span{float:right;color:#999;}
.topcate{padding:0;margin:0;list-style:none;text-align:center;}

.topcate li{line-height:37px;height:37px;text-align:center;width:229px;margin:0px auto;border-bottom:1px solid #fff;}
.topcate li a{display:block;height:37px;color:#000;background:#b9d7cc;font-size:13px;font-weight:600;}
.topcate li a:hover{color:#fff;background:#008856;text-decoration:none;}
.topcate .hover{line-height:37px;height:37px;}
.topcate .hover a{color:#fff;font-weight:600;background:#008856;}

#container{overflow:hidden;}
#container .left{width:680px;float:left;overflow:hidden;}
#container .right{width:300px;float:left;overflow:hidden;}



/*list*/
.list_page{text-align:center;margin:10px;font-family:宋体;}
.list_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #90CBF9;color:#333;font-family:宋体;}
.list_page span{background:#90CBF9;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #90CBF9;font-family:宋体;}
.list_page b{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #90CBF9;color:#333;font-family:宋体;}
.list_page b input{border:0;margin:0;padding:0;font-size:12px;font-family:宋体;font-weight:normal;width:12px;vertical-align:middle;text-align:center;}

/*buy tips*/
#sdcms_buy{background:#FFFBF9;color:#333;border:1px solid #FACFBA;padding:5px 10px;}
#sdcms_buy .point{color:#f00;font-family:verdana;margin:0 2px;}
#sdcms_buy .buytip{cursor:pointer;}




.block{width:325px;float:left;margin:0px 10px 10px 0;overflow:hidden;min-height:262px;height:262px;}
.toppic{margin:10px 10px 16px 10px;color:#999;line-height:22px;word-break:break-all;overflow:hidden;}
.toppic img{float:left;display:block;margin:0 10px 0 0;border:1px solid #ddd;padding:2px;}
.toppic a{font-size:14px;font-weight:bold;display:block;line-height:30px;}
.topnew{margin:10px;padding:0;list-style:none;clear:both;}
.topnew li{line-height:30px;height:30px;border-bottom:1px solid #eee;}
.topnew li span{float:right;color:#999;}








ul,li{ list-style:none;}

.clear{ clear:both;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}

*:first-child+html .clearfix{zoom:1}

.clear15{ clear:both; height:15px;}
.clear20{ clear:both; height:20px;}


.holder{width:1000px;margin:0px auto;}


.news{height:40px; width:1000px; position:absolute;top:-40px; left:center; background:url(../Images/news-bg.gif) no-repeat;}
.news .title{ width:94px; padding-left:96px; height:40px; line-height:40px; float:left;}
.news .title a{ font-weight:bold; color:#9f0202;}
.newsgu{ width:790px;float:left;}
.newsgu a{ color:#727272;}
.newsgu span{color:#727272; padding-right:15px; padding-left:15px;}
#demo{width:790px;overflow:hidden;}
#indemo {width:800%; float:left; height:40px; line-height:40px;}
#demo1,#demo2{float:left;}

.home_l{ width:22px; height:232px; position:absolute; left:-22px; top:0px; background:url(../Images/home-l.gif) no-repeat;}
.home_r{ width:22px; height:232px; position:absolute; right:-22px; top:0px; background:url(../Images/home-r.gif) no-repeat;}

.wrap{ height:auto;}
.about{ width:204px; padding-left:24px; padding-top:10px; float:left; background:url(../Images/about-bg.gif) no-repeat right; height:222px; padding-right:29px;}
.about .title{ height:36px; line-height:36px; background:url(../Images/aboutt.gif) no-repeat 7px; padding-left:26px;}
.about .title span{ font-family:"Arial"; color:#909090; padding-left:10px;}
.about .title a{ font-family:"微软雅黑"; font-size:14px; color:#2c2c2c; font-weight:bold;}
.about .comt{ padding-top:5px; }
.about .comt .pic{ width:196px; height:79px; display:block; background:url(../Images/aboutpicbg.gif) no-repeat; padding:4px;}
.about .comt p{ text-indent:2em;line-height:20px; color:#555555;text-align:justify; text-justify:inter-ideograph; padding-top:8px;}

.product{ width:496px; padding-top:10px; float:left; padding-left:23px; padding-right:22px;}
.product .title{height:36px;line-height:36px; background:url(../Images/productt.gif) no-repeat bottom; padding-left:3px;margin-bottom:13px;}
.product .title span{ font-family:"Arial"; color:#909090; padding-left:10px;}
.product .title a{ font-family:"微软雅黑"; font-size:14px; color:#2c2c2c; font-weight:bold;}
.tbody {height:171px;}
.tbody .arrow_l{display:none;}
.tbody .arrow_r{display:none;}
.tbody .main { width:496px; overflow:hidden; height:171px; float:left;}
.tbody .main ul { float:left;height:171px;}
.tbody .main li{width:156px; height:171px; float:left; margin-right:14px; display:inline; background:url(../Images/porductb.gif) no-repeat bottom; text-align:center;}
.tbody .main li img{width:156px;height:105px;display:block;}
.tbody .main li span{height:60px;line-height:26px; display:inline-block; padding-top:6px; background:url(../Images/productli.gif) no-repeat 0px 6px;width:156px; overflow:hidden;}

.contact{ width:180px; padding-left:22px; float:right; background:url(../Images/contact-bg.gif) no-repeat left; height:232px;}
.contact .pic{ height:auto; padding-top:14px;}
.contact .pic img{ display:block;}

/* page style began */
.nymian{ background:url(../Images/nymian.gif) repeat-x; padding-top:15px; padding-bottom:25px;}
.nybanner{ height:278px;}
.subleft{float:left;width:175px;}
.subleft .title{ height:36px; line-height:36px; padding-left:20px; background:url(../Images/subtitle.png) no-repeat 2px; color:#2c2c2c; font-weight:600; font-family:"微软雅黑"; font-size:16px;}
.subleft .title span{ font-family:"Arial"; color:#909090; font-weight:normal; padding-left:8px;}
.subleft .typelist{padding-top:6px;}
.subleft .typelist li{ height:32px; padding-top:6px; border-bottom:1px solid #e2e2e2;}
.subleft .typelist li a{ width:152px; height:25px; line-height:25px; display:inline-block; color:#2c2c2c; padding-left:23px; overflow:hidden;}
.subleft .typelist li a:hover{color:#fff; text-decoration:none; background:url(../Images/subhover.gif) no-repeat center;}
.subleft .typelist .hover a{color:#fff; text-decoration:none; }
.subleft .typelist .hover{background:url(../Images/subhover2.gif) no-repeat center;}
.subleft .nypic{ padding-top:14px; height:auto;}
.subleft .nypic img{ display:block;}

.subleft .nycontact{padding-left:10px; padding-top:52px; background:url(../Images/nycontact.gif) no-repeat; margin-top:15px; line-height:24px; color:#555555;}
.subleft .nycontact strong{ font-family:"Adobe 黑体 Std"; font-size:18px; color:#b10000; }
.subleft .nycontact span{ font-weight:bold; color:#333333;}

.subright{float:right;width:792px; padding-left:33px; background:url(../Images/subright.png) no-repeat 0px 10px;overflow:hidden;}
.comCrumb{height:36px;background:url(../Images/crumb.gif) repeat-x bottom;}
.comCrumb .nav_title{height:36px;line-height:36px;font-family:"Arial"; color:#909090; float:left;}
.comCrumb .nav_title span{height:36px;line-height:36px; padding-left:4px; padding-right:4px; display:inline-block; background:url(../Images/nav_title.gif) repeat-x bottom; font-family:"微软雅黑"; font-size:16px; color:#2c2c2c; font-weight:bold;}
.comCrumb .nav_route{float:right; background:url(../Images/nav_route.gif) no-repeat left; height:36px;line-height:36px; color:#909090;}
.comCrumb .nav_route a{ color:#909090;}

/* page style 产品 */
.prodlist{padding-top:25px;}
.prodlist li{width:257px; float:left; height:202px; text-align:center; margin-bottom:10px; margin-left:4px; margin-right:3px; display:inline;}
.prodlist li img{ width:245px; height:163px; display:block; padding:5px;border:1px solid #e6e6e6;}
.prodlist li span{ height:26px; line-height:26px; display:inline-block;}
.prodlist li span a{ color:#333333;}

.prodlist2{padding-top:25px;}
.prodlist2 li{width:186px; height:192px; float:left;display:inline; background:url(../Images/porductb.gif) no-repeat bottom; text-align:center; margin-left:6px; margin-right:6px;}
.prodlist2 img{width:186px;height:126px;display:block;}
.prodlist2 span{height:60px;line-height:26px; display:inline-block; padding-top:6px; background:url(../Images/nproductli.png) no-repeat 0px 6px;width:186px; overflow:hidden;}



/* page style 分页 */
.page {display:block;height:30px;margin:20px auto;text-align:center;}
.page a,.page span {background:transparent;border:1px solid #b9b9b9;color:#484848;display:inline-block;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#ae0000;border-color:#ae0000;color:#fff;text-decoration: none;}

/* page style 详细 */
.sunping{ padding:25px;}
.articleTitle {color:#333333;font-family:微软雅黑;font-size:20px;line-height:40px;margin-bottom:10px;text-align:center;}
.articleMessage {color:#999999;height:36px;line-height:36px;text-align: center; margin-bottom:15px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.articleMessage span{padding-right:20px;}
.deseditor{line-height:180%;color:#2c2c2c;}
.preNext{ border-top:1px solid #e1e1e0;border-bottom:1px solid #e1e1e0; height:21px; line-height:21px; padding-top:8px; margin-top:20px; padding-left:5px; padding-right:5px; padding-bottom:8px;}
.preNext a{ color:#333;}
.preNext a:hover{ color:#ae0000;}
.fleft{ float:left;color:#fff;}


.caselist{padding-top:25px; height:135px; border-bottom:1px solid #e4e4e4;}
.caselist .time{ width:34px; float:left; line-height:14px; color:#fff; background:url(../Images/time.gif) no-repeat; padding-left:6px; padding-right:17px; height:135px;}
.caselist .pic{ width:120px; float:left; border:1px solid #e3e3e3; padding:3px 4px 12px 4px; background:#fff;}
.caselist .pic img{ width:120px; display:block; height:80px;}
.caselist .comt{width:588px; float:left; padding-left:15px;}
.caselist .comt .name{ height:30px; line-height:24px;}
.caselist .comt .name a{color:#2c2c2c; font-weight:bold;}
.caselist .comt .name a:hover{ color:#ae0000;}
.caselist .comt p{ line-height:22px; color:#2c2c2c;}
.caselist .comt p a{ color:#fff; width:49px; height:18px; line-height:18px; background:url(../Images/more.gif) no-repeat; display:inline-block; text-align:center;}

/* 表单验证 */
.formData { width:550px; margin:0px auto 20px; padding-top:30px; }
.formData tr.item label { margin-right:5px; }
.formData tr.item .tip { width:130px; margin-left:20px; }
.formData tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc !important;  border-radius:3px; padding:0 5px;  }
.formData tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
.formData tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #ee5579 !important;  border-radius:3px; }
.formData tr.code input { width:90px; }
.formData .sub { width:102px; height:32px; line-height:32px; color:#FFF; text-align:center; background:#ae0000 0 0 no-repeat; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.formData tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
.formData .err, .formData .red { color:#ee5579; }
.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }



