@charset "utf-8";
/* pubic css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,form,a{ padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#555;} 
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal; } 
ol,ul {list-style: none;} 
a{ color:#555; text-decoration:none;}
a:hover{ color:#ad0101;}
.center{ margin:0 auto;}
.clear{ clear:both;} 
.w1002{ width:1002px; height:auto;} 
.w1010{width:1010px; height:auto;}
.content1{line-height:29px; width:97%; height:auto; font-size:12px;}

/*head css*/
.head{ width:100%; height:130px;}
.head .logo-bj{ height:92px; width:100%; background:url(../images/head-bj.gif) repeat-x;}
.head .logo-bj .w1002{ background:url(../images/head-bj2.gif) no-repeat 0 0;}
.head .logo-bj .logo{ float:left;}
.head .logo-bj .tel-search{ float:right;font-size:16px;color:#ff0000; width:204px; height:40px; padding:7px 0 0 220px; margin-top:36px; line-height:18px;}
.head .logo-bj .tel-search input.search-input{ height:18px;line-height:18px; width:146px; border:1px solid #ccc; margin-right:5px;}
.head .logo-bj .tel-search input{vertical-align:top;}
.head .logo-bj .tel-search .search-sub{ background:url(../images/sub.gif) no-repeat; width:48px; height:20px; border:none; cursor:pointer;}
.head .nav{ height:38px; width:100%; background:url(../images/nav-bj.gif) repeat-x;}
.head .nav ul{ background:url(../images/nav-b.gif) no-repeat 0 0; height:38px; z-index:2;}
.head .nav li{ float:left; width:125px; height:38px; background:url(../images/nav-b.gif) no-repeat 123px 0; position:relative;z-index:2}
.head .nav li a{ display:block; height:38px; line-height:36px; color:#fff; font-family:"微软雅黑"; font-size:16px; text-align:center;}
.head .nav li a:hover,.head .nav li a.hover{ background:url(../images/nav-hover.gif) no-repeat center;}
.head .nav li p.none{ display:none;}
.head .nav li p.selected{ display:block; position:absolute; bottom:-28px; }
.head .nav li p{ height:28px; color:#fff; background:#3c0000; padding:0 10px;z-index:2; overflow:hidden; display:inline-block;filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;}
.head .nav li p a{ display:inline-block; font-size:12px; font-family:"宋体"; background:none; height:28px;line-height:28px; margin:0 15px;}
.head .nav li p a:hover{ background:none; text-decoration:underline;}

/*banner*/
.banner{ width:100%; height:412px; background-position:center; background-repeat:no-repeat;}
.index-banner{ height:412px; width:100%; overflow:hidden; position:relative; background:#000;}
.index-banner #back{ width:100%; height:412px; background-position:center; background-repeat:no-repeat;}
.index-banner #banner{ width:300px; height:48px; position:absolute; bottom:18px;}
.index-banner #banner .sub{ width:300px; height:48px; position:relative;}
.index-banner #banner ul{ width:300px; height:48px; position:absolute; z-index:100;}
.index-banner #banner .sub a.pav{ width:14px; height:26px; background:url(../images/banner-sub.png) no-repeat 0 0; position:absolute; left: -22px;  top:14px;}
.index-banner #banner .sub a.next{ width:14px; height:26px; background:url(../images/banner-sub.png) no-repeat -14px 0; position:absolute; right: -20px; top:14px;}
.index-banner #banner li{width:100px; height:48px; float:left; cursor:pointer;}
.index-banner #banner li a{ display:block;width:100px; height:48px; background:url(../images/banner-subbj.png) no-repeat -100px 0;}
.index-banner #banner li img{ width:89px; height:32px; padding:11px 0 0 5px;}
.index-banner #banner li.current a{ background-position:0 0;}

/*main*/
.main{ width:100%; height:auto; background:url(../images/main-bj.gif) repeat-x top; margin-bottom:20px;}
.main .w1002{ padding-top:38px;}
.main .web-left{ float:left; width:235px; height:auto;}
.main .web-left .web-left-nav,.main .web-left .contactus{ width:100%; height:auto;}
.main .web-left .web-left-nav .top,.main .web-left .contactus .top{ height:48px; width:100%; background:url(../images/web-left-top.gif) no-repeat; position:relative;}
.main .web-left .web-left-nav .top h3,.main .web-left .contactus .top h3{ position:absolute; display:inline-block; font-size:15px; font-family:"微软雅黑"; color:#fff; left:10px; top:5px;}
.main .web-left .web-left-nav .top em,.main .web-left .contactus .top em{ position:absolute; display:inline-block; font-size:14px; font-family:"微软雅黑"; color:#d68080; left:80px; top:6px;}
.main .web-left .web-left-nav ul{ width:100%; padding-bottom:15px;}
.main .web-left .web-left-nav ul li{ height:30px; width:100%; margin-bottom:5px;}
.main .web-left .web-left-nav ul li a{ background:url(../images/web-left-hover.gif) no-repeat 0 -30px; display:block; height:30px; line-height:30px; text-indent:45px; font-size:14px;}
.main .web-left .web-left-nav ul li a:hover,.main .web-left .web-left-nav ul li a.hover{ background-position:0 0;color:#942f0f;}
.main .web-left .contactus .content{ line-height:220%; width:100%; height:auto;padding-left:15px;}
.main .web-right{ width:714px; height:auto; float:right; background:url(../images/web-right-bj.gif) no-repeat 0 0; padding-left:24px;}
.main .web-right .top{ height:56px; width:100%; background:url(../images/web-right-bj2.gif) no-repeat -5px bottom; position:relative;}
.main .web-right .top h3{ position:absolute; height:24px; left:2px; top:2px; background:url(../images/web-right-bj3.gif) no-repeat 0 1px; text-indent:30px; font-family:"微软雅黑"; font-size:16px; font-weight:bold; color:#d80000;}
.main .web-right .top .path{ position:absolute; right:5px; top:5px; color:#999;}
.main .web-right .top .path a{ color:#999;}
.main .web-right .top .path a:hover{ color:#942f0f;}
.main .web-right .content{ padding:0px 10px; width:694px;}
.main .web-right .content2{ width:100%;}
.main .web-right .aboutinfo{ line-height:200%;}
.main .web-right .aboutinfo p{ text-indent:23px;}

/*foot css*/
.foot-nav{ width:100%; height:35px; border-bottom:1px solid #fff; border-top:1px solid #e0e0e0; background:#f1f1f1;}
.foot-nav li{ float:left; padding:0 10px; height:35px; line-height:35px; text-align:center;}
.foot-nav li.sila{ background:none;}
.foot-nav li.firstli{width:63px; }
.foot{ background:#800000;}
.foot .logo{ float:left; display:inline-block;}
.foot p.copyright{ float:left; padding:26px 0 0 44px; color:#fff; line-height:200%;}
.foot p.copyright a{ color:#fff;}
.foot p.copyright a:hover{ color:#fff; text-decoration:underline;}

/*page css*/
.pagelink,.pages{display:block;height:30px;margin:25px auto;text-align:center;margin-bottom:20px;}
.pagelink a,.pagelink span,.pages a,.pages span{background:none repeat scroll 0 0 #fdfbfc;border:1px solid #e8e6e7;color:#a0a0a0;display: inline-block;height:auto;line-height:16px;margin:0 1px;padding:2px 7px;width:auto; vertical-align:middle;}
.pagelink a:hover,.pagelink .cur {background:#e8e6e7;border-color:#999999;color: #5e5c5d;text-decoration: none;}
.pagelink select{ vertical-align:middle;}

.news-list,.case-list,.faq-list,.product-list{ width:100%; overflow:hidden;}
.news-list li{ height:38px; width:100%; overflow:hidden; vertical-align:top; border-bottom:1px dotted #ccc; line-height:38px; background:url(../images/d1.gif) no-repeat 5px 16px; text-indent:20px;}
.news-list li a{ float:left; display:inline-block;font-size:14px;}
.news-list li span{ float:right; color:#999;}
.ArticleTitle,.product-title{color:#e60203;font-family:微软雅黑;font-size:18px;line-height:50px;text-align:center;}
.ArticleMessage {border:1px dotted #ddd; border-left:none; border-right:none;color:#c0c0c0;height:26px;line-height: 26px;text-align: center;}
.ArticleTencont{ line-height:200%; width:98%; padding:25px 1%; }
.ArticleTencont p{text-indent:23px; }
.NewsPreNext{ border:1px solid #ddd; height:32px; line-height:32px; margin-bottom:15px;padding-left:15px; padding-right:15px; }
.NewsPreNext .NewsPre{ float:left; display:inline-block;}
.NewsPreNext .NewsNext{ float:right; display:inline-block;}
.case-list li{ float:left; width:33%; height:204px; text-align:center;}
.case-list li img{ width:206px; height:152px; padding:3px; border:1px solid #d5d4d2; margin-bottom:7px;}
.faq-list li{ padding:15px 2%; height:auto; width:96%; border-bottom:1px dotted #ccc;}
.faq-list li h2{ height:26px; }
.faq-list li h2 a{font-family:"微软雅黑"; font-size:14px; color:#e60203;}
.faq-list li h2 a:hover,.faq-list li p a.more:hover{ color:#ad0101;}
.faq-list li span.date{ height:20px; display:inline-block; color:#ccc; line-height:20px;}
.faq-list li p{ line-height:22px; color:#999; text-indent:23px;}
.faq-list li p a.more{color:#e60203;}
.product-list li{float:left; width:33%; height:212px;}
.product-list .product-div{ width:210px; height:184px; padding:1px; text-align:center; background:#d1d1d1;}
.product-list .product-div img{ width:202px; height:146px; padding:4px; background:#f3f3f3; margin-bottom:6px;}
.product-list .product-div a:hover{ color:#fff;}
.product-list .hover,.index-2 .content ul li div.hover{ background:#d70000;}
.product-list .hover a,.product-list .hover a:hover,.index-2 .content ul li div.hover a,.index-2 .content ul li div.hover a:hover{ color:#fff;}
.product-list .hover img,.index-2 .content ul li div.hover img{ background:#fee8ea;}
dl.img{ width:100%; height:auto;}
dl.img dd{ width:570px; height:420px; border:1px solid #cdcdcd; background:#f1f1f1; padding:4px; float:left;}
dl.img dd img{ width:570px; height:420px;}
dl.img dt{ width:100px; height:430px; float:right; position:relative;}
.product-desc{ width:100%; height:auto; padding:20px 0; line-height:200%;}
dl.img dt .imglist{ height:390px; width:100px; margin-top:20px; position:relative; overflow:hidden;}
dl.img dt .imglist ul{ position:absolute; top:0;}
dl.img dt .imglist li{ height:60px; width:90; margin-bottom:10px; border:1px solid #cdcdcd; background:#f1f1f1; padding:4px;}
dl.img dt .imglist li.hover{ border-color:#d70000;background:#fee8ea;}
dl.img dt .imglist li img{ width:90px; height:60px;}
dl.img dt a.pav{ width:11px; height:7px; position:absolute; display:block; background:url(../images/d2.gif) no-repeat 0 0; top:0; left:42px;}
dl.img dt a.next{ width:11px; height:7px; position:absolute; display:block; background:url(../images/d2.gif) no-repeat 0 -7px; bottom:0; left:42px;}

/*index*/
.index-1{width:100%; height:auto; background:url(../images/main-bj.gif) repeat-x top; padding:34px 0 10px 0;}
.index-1 .video{ float:left; width:286px; height:216px;}
.index-1 .news{ width:396px; height:216px; float:left; background:url(../images/index-bj1.gif) no-repeat 0 0; padding:0 26px;}
.index-1 .news .top,.index-1 .contentus .top,.index-1 .video .top,.index-2 .top{ height:34px; width:100%; position:relative;}
.index-1 .news .top h3,.index-1 .video .top h3,.index-1 .contentus .top h3,.index-2 .top h3{ position:absolute; display:inline-block; left:0px; top:3px;}
.index-1 .news .top h3 a,.index-1 .video .top h3 a,.index-1 .contentus .top h3 a,.index-2 .top h3 a{font-family:"微软雅黑"; color:#d80000; font-size:16px; font-weight:bold;}
.index-1 .news .top em,.index-1 .video .top em,.index-1 .contentus .top em,.index-2 .top em{ position:absolute;font-family:"微软雅黑"; color:#c0c0c0; font-size:16px; display:inline-block; left:70px;top:3px;}
.index-1 .news ul{ width:100%; height:auto;}
.index-1 .news ul li{ height:33px; border-bottom:1px dotted #ccc; vertical-align:top; line-height:33px; background:url(../images/d3.gif) no-repeat 3px 15px; text-indent:15px; overflow:hidden;}
.index-1 .news ul li a{ float:left;}
.index-1 .news ul li span{ float:right; color:#999;}
.index-1 .contentus{ float:left; width:242px; height:216px; padding-left:26px;background:url(../images/index-bj1.gif) no-repeat 0 0;}
.index-1 .contentus .content{ line-height:29px; width:100%; height:auto;}
.index-2{ width:100%; height:auto; background:url(../images/index-bj2.gif) repeat-x 0 0; padding:20px 0 0 0;}
.index-2 .top h3{ left:5px;}.index-2 .top em{ left:75px;}
.index-2 ul.sub{ display:inline-block; position:absolute; right:5px; top:5px; width:58px; height:16px; }
.index-2 ul.sub li{ cursor:pointer; width:50%; float:left; height:16px; display:inline-block;}
.index-2 ul.sub a{ display:block; height:16px;background:url(../images/sub2.gif);}
.index-2 ul.sub a.next{ background-position:-29px 0;}
.index-2 ul.sub a:hover{ background-image:url(../images/sub3.gif);}
.index-2 .content{ width:1010px; height:215px; padding-top:5px; overflow:hidden; position:relative;}
.index-2 .content ul{ height:168px; position:absolute;}
.index-2 .content ul li{ float:left; width:202px;}
.index-2 .content ul li div{ width:184px; height:166px; background:#d1d1d1; padding:1px; text-align:center;}
.index-2 .content ul li div img{ height:128px; width:176px; padding:4px; background:#f2f2f2; margin-bottom:6px;}

/*唐梦玲添加CSS*/
.content table{ margin-left:50px;}
.content td{padding:10px 5px;}
.content th{ text-align:right;}
.content textarea{ width:500px; height:100px;}