﻿@charset "utf-8";
/* CSS Document */

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.5 tahoma,arial,'微软雅黑',\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after{ content:''; height:0; clear:both; display:block; zoom:1}
.clearfix{ clear:both;}
#content,#footer,#header{margin-left:auto;margin-right:auto}

.wrap{ width:1000px;}



/*头部通用样式*/
#header{ background:#e8e8e8;}
.top{ margin:0 auto;}
.logo{ display:block; float:left; margin-top:34px;}
.top span{ float:right; width:242px; margin-top:44px; position:relative;}
.top span input{ background:url(../images/serchor.gif) no-repeat; font-size:12px; height:32px; width:242px; vertical-align:middle; border:none; color:#808080; padding-left:5px; font-family:"宋体"; line-height:32px;}
.top span input.button{ background:url(../images/ss.png) no-repeat; width:27px; height:27px; border:none; position:absolute; top:3px;*top:5px; right:2px; cursor:pointer}
.nav{ background:url(../images/nav-bei.gif) repeat-x; height:50px; line-height:50px;}
.nav ul{ width:1000px; margin:0 auto;}
.nav li{ background:url(../images/nav-fl.gif) no-repeat top right; width:166px; float:left;}
.nav li a{ display:block; width:120px; height:50px; text-align:center; color:#FFF; margin:0 auto;}
.nav li a.hover{ background:url(../images/nav-hover.gif) no-repeat;}
.nav li a:hover{ background:url(../images/nav-hover.gif) no-repeat;}
/*头部通用样式  end*/


#content{}
.banner{ -webkit-height:436px; overflow:hidden; margin:0 auto; position:relative;}
.banner ul{ width:50000px; -webkit-padding-start:0px;}
.banner ul li{ width:auto; float:left;}
.banner ul li img{ vertical-align:top;}
.slow{height:40px; width:100%; background:url(../images/p-bei.png) repeat-x;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../images/p-bei.png");_background:none; position:absolute; top:446px; left:0;}
ol{  width:130px; text-align:center; margin:18px auto;}
ol li{ background:url(../images/slow-a.png) no-repeat; display:block; width:25px; height:5px; float:left; margin:0 3px;}
ol li.seleted{ background:url(../images/slow-hover.png) no-repeat;}

.jianjie{ margin:0 auto;}
.jianjie h2{ height:45px; background:url(../images/con-bei.gif) repeat-x; line-height:40px; vertical-align:top;}
.jianjie h2 span{ float:left; line-height:40px; height:40px; padding-left:18px; background:url(../images/icon-left.gif) no-repeat; display:block; color:#0076d7; font-weight:normal;}
.jianjie h2 b{ float:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; font-size:10px; margin-left:10px; color:#777;}
.jianjie h2 a{ float:right; display:block; margin:15px 10px 0 0; *margin:10px 5px 0 0;}
.left{ width:627px; border:1px solid #e3e3e3; position:relative; float:left; margin-top:20px;}

ul.list{ padding-left:3px;}
ul.list li{  float:left; margin:18px 24px 18px; display:inline}
ul.list li dt{ background:url(../images/tu-bei.gif) no-repeat bottom left; display:block; width:160px; height:160px;}
ul.list li dt img{ border:1px solid #e3e3e3; vertical-align:top;width: 147px;height: 146px;}
ul.list li dd{ text-align:center}
ul.list li dd a{ color:#666666; font-size:12px;}
.hengxian{ position:absolute; top:257px; left:30px;}
.shuxian1{ position:absolute; top:70px; left:200px;}
.shuxian2{ position:absolute; top:70px; left:410px;}


.right{ width:350px; float:right;}
.right-t{ margin-top:20px; border:1px solid #e3e3e3;}
.right-t ul{ font-size:12px;margin-bottom:13px; *margin-bottom:4px;}
.right-t ul li{ width:320px; margin:0 auto; height:33px; line-height:33px; border-bottom:1px dotted #CCCCCC;}
.right-t ul li a{ float:left; color:#666666;}
.right-t ul li span{ float:right; color:#ababab;}

/*底部通用样式*/
#footer{ background:#f1f1f1; border-top:2px solid #0072d0; margin-top:20px; font-size:12px;}
#footer p{ line-height:33px; width:1000px; margin:0 auto; text-align:center; color:#333333; margin-top:13px;}
#footer p a{ margin:0 8px; color:#333333;}
/*底部通用样式 end*/



.wrap260{ width:260px;}
.wrap729{ width:729px;}
.list-banner{ border:1px solid #e2e2e2; margin:10px auto 0;}
.list-banner img{ vertical-align:top ; width:1000px;}
.list{ margin-top:10px;}
.list-left{ float:left; display:inline;}
.list-left h2{ height:50px; line-height:50px; background:url(../images/list-left.gif) no-repeat;}
.list-left h2 span{ margin-left:28px; color:#FFF; font-size:16px;}
.list-left h2 b{ margin-left:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color:#95cefc;}
.list-left ul li{ background:url(../images/list-hui.gif) no-repeat; height:40px; line-height:40px; margin:1px auto;}
.list-left ul li a{ display:block; width:260px; height:40px; background:url(../images/list-icon.gif) no-repeat 75px center; padding-left:105px; color:#595959;}

.list-right{ float:right; border:1px solid #e2e2e2; display:inline; _width:700px;}
.list-right h2{ height:50px; line-height:50px; background:url(../images/zy.gif) no-repeat 20px center; padding-left:40px; font-size:14px; color:#888888; font-weight:normal;}
.list-right h2 a{ color:#888;}
.list-right h2 span{ color:#0071cf;}
.list-right ul{ margin:0 15px;}
.list-right ul li{ border-bottom:1px dotted #cccccc; padding-bottom:10px;}
.list-right ul li dt{ height:34px; line-height:34px;}
.list-right ul li dt a{ color:#333333;}
.list-right ul li dd{ line-height:24px;}
.list-right ul li dd a{ color:#666666;}

.fenye{ width:400px; margin:40px auto;}
.fenye a{ color:#b8aab8; height:15px; line-height:15px; text-align:center; float:left; display:inline; border:1px solid #e0e0e0; padding:3px 5px; margin:0 3px;}
.fenye a.active{ background:#f0f0f0}
.fenye a:hover{ border-color:#a0a0a0;}

.artical{ text-align:center; padding:0px 23px 50px;}
.artical img{ margin:30px auto;width: expression(this.width > 640 && this.width > this.height ? 640 : true); max-width: 640px}
.artical p{ text-indent:2em; text-align:left; line-height:30px; color:#666666; margin:15px 0;}

.artical h1{ font-size:18px; color:#252525; font-weight:normal; height:50px; line-height:50px;}
.xinxi{ color:#c0c0c0; font-size:12px; border-bottom:1px solid #f1f1f1; line-height:40px;}




/*产品列表*/
ul#cp-list{ margin:0 5px; margin-bottom:50px;}
ul#cp-list li{ width:276px; float:left; border:1px solid #e9e9e9; background:#f7f7f7; padding:20px; margin:10px 20px; display:inline}
ul#cp-list li img{ float:left;}
ul#cp-list li .cp-xx{ width:100px; float:right;}
.cp-xx h3{ font-size:14px; color:#006bc3; font-weight:normal; height:30px; line-height:30px;}
.cp-xx p{ font-size:12px; line-height:24px;}

/*产品内容*/
#artical-cp{}
#artical-cp h1{ padding:0 30px; color:#006bc3; font-weight:normal; font-size:14px; border-bottom:1px dotted #e0e0e0; margin-bottom:28px; }
#artical-cp img{ float:right; margin:0; display:inline;}
#artical-cp p{ font-size:12px; line-height:24px; padding:0 30px;}
#artical-cp .chanpin{ border-bottom:1px dotted #e0e0e0;}
#artical-cp .chanpin p{ width:480px;}
#artical-cp dl{ text-align:left; padding-left:30px; margin-top:36px; line-height:24px;}
#artical-cp dt{ color:#006bc3; line-height:30px;}
#artical-cp dd{ color:#666666;}



.gg{ border:1px solid #ebebeb; margin-bottom:10px;}































