body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin: 0; padding: 0; font-size: 13px;_background-image:url(about:blank);_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 14px; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
body{ color:#333; font-family:"微软雅黑"; font-size:14px; line-height:1.8; }
img{ border: 0; max-width:100%;}
.clear { clear:both;}
a{text-decoration:none;outline:0; color:#333;}
a:hover{ color:#007dcc;}
center{padding:20px 0;}
.fl{ float:left;}
.fr{ float:right;}
input{ outline:none;}


#header{ width:1003px; margin:0 auto; min-height:112px;}
#header .logo{ float:left; padding-top:10px;}
#header .logo img{ max-height:110px;}
#header .logor{ float:right; background:url(../images/tel.jpg) right center no-repeat; width:280px; padding:78px 30px 0 0; font-size:18px;}
#header .logor span{ color:#EE0000;}
 
#nav{ width:100%; height:60px; background:url(../images/navbg.jpg) top center no-repeat;}
#nav ul{ width:1003px; margin:0 auto; height:60px;}
#nav ul li{ height:52px; line-height:52px; vertical-align:middle; color:#fff; padding-top:8px;float:left;}
#nav ul li.line{ background:url(../images/line.gif) 0 30px no-repeat; width:1px;height:52px; }
#nav ul li a{ display:block; padding:0 25px; color:#fff; height:52px; line-height:52px; vertical-align:middle; font-size:14px; font-weight:bold; }
#nav ul li a:hover{ color:#eee;}


#banner{ position:relative; z-index:99; height:600px;}
/*.banbg{ background:url(../images/banbotbg.png) bottom center no-repeat; bottom:-195px; z-index:99999; position:absolute; width:100%; max-width:1920px; min-width:1136px; height:285px;}*/
.banbg{ background:url(../images/banbotbg.png) bottom center no-repeat; z-index:99999; position: relative; width:100%; max-width:1920px; min-width:1440px; margin:-175px auto 0; height:285px; }

#main{ width:1003px; margin:0px auto 20px;}
#main .mtop{ height:30px; line-height:30px; vertical-align:middle; }
#main .mtop .notice{ width:600px; position:relative; float:left;}
#main .mtop .notice b{ position:absolute; top:0; left:0; color:#F00;}
#main .mtop marquee{ margin-left:50px;}
#main .mtop .search{ float:right; width:270px;}
#main .mtop .search input{ display:inline;}
#main .mtop .search .text{ width:200px; padding:5px; border:1px #ddd solid; border-radius:5px;}
#main .mtop .search .btn{ background:#F00; color:#fff; border:0; padding:5px 10px;border-radius:5px; cursor:pointer;}

.ibt{ background:url(../images/ibtbg.png) no-repeat; margin:50px 0 30px; height:27px; line-height:27px; vertical-align:middle; position:relative; padding-left:390px;}
.ibt a{ display:block; width:240px;}
.ibt span{ color:#0657B3; font-size:20px; font-weight:bold;}
.ibt span i{ font-style:normal; color:#A0A0A0; margin-left:10px; text-transform:uppercase; font-weight:normal; font-size:16px;}

/*--------滚动--------*/
#demo { height:240px; overflow:hidden; width: 96%; margin:0 auto; padding:10px;}
#demo img { }
#indemo { float: left; width: 800%; }
#demo1 { float: left; }
#demo table td { text-align:center; overflow:hidden; }
#demo2 { float: left; }

.pro_list li{ float:left; width:190px; text-align:center; margin-right:20px; } 
.pro_list li span{ display:block; width:168px;  border:1px #d2d2d2 solid; line-height:30px; padding:10px; background:#fff;}
.pro_list li span:hover{ border-color:#007dcc}
.pro_list li img{ height:180px; max-width:168px; display:block; margin:0 auto;}
.pro_list li p{ height:30px; line-height:30px; vertical-align:middle;}

#main .cj li{margin-right:10px; }  
#main .cj li img{ height:150px; }

#warp{ width:100%;}
#warp .prom{ background: url(../images/appbj.jpg) top center no-repeat; height:440px; padding-top:10px; }
#warp .wcon{ margin:0px auto; width:1003px;}
#warp .wcon .sm{ text-align:center; margin-bottom:30px; }
#warp .wcon .pro_list li{ margin-right:10px;}

#main .inews dl{ width:490px; margin:0 20px 30px 0;}
#main .inews dl.mr0{ margin-right:0;}
#main .inews dl .inpic{ float:left; width:120px; height:100px; border:1px #ddd solid; padding:3px; margin-right:10px; }
#main .inews dl dt{ float:right; width:350px; margin-bottom:5px;}
#main .inews dl dt a{ display:block;  font-weight:bold; height:30px; line-height:30px; vertical-align: middle;  border-bottom:1px #eee solid;}
#main .inews dl dd{ float:right; width:350px; color:#999;}
#main .inews dl dd span{ display:block; margin-top:5px; color:#666;}

#warp .about{ background: url(../images/aboutbj.jpg) top center no-repeat; height:440px; padding-top:10px; }
#warp .about .ibt span,#warp .about .ibt span i{ color:#fff;}
#warp .about .acon{ margin-top:50px; color:#fff;}
#warp .about .acon img{ float:left; margin-right:20px; background:#fff; padding:10px;}
#warp .about .acon a{ color:#fff;}
#warp .about .acon p{ text-indent:2em; margin-bottom:10px;}
#warp .about .acon .amore { display:inline-block; margin-top:10px;  border:1px #fff solid; padding:5px 30px;}

#footer{ background:url(../images/footbj.jpg) #1760AF top center repeat-x; width:100%; min-height:377px; margin-top:50px;}
#footer .fcon{ width:1003px; margin:0 auto; padding-top:55px;}
#footer .fcon .ewm{ float:left; width:200px; color:#fff; }
#footer .fcon .ewm img{ display: block; margin: 0 auto;}  
#footer .fcon .copyright{ float:right; width:780px; margin-top:20px; text-align:right;color:#fff;}
#footer .fcon .copyright  a{ color:#fff;}
#footer .fcon .copyright .fnav a{ padding:0 5px;}
#footer .fcon .copyright .bqinfo{ margin-top:40px; min-height:80px;}
#footer .fcon .copyright .link{ margin-top:30px; }
#footer .fcon .copyright .share{ margin-top:20px; float:right;}


/* 内页 */
#nmain{ margin:20px auto; width:1003px;}
#nmain .left{ float:left; width:200px;}
#nmain .left .lbt{ background:url(../images/lbtbg.jpg) no-repeat; height:76px; color:#fff; font-size:20px; text-align:center; text-transform:uppercase; padding-top:10px;}
#nmain .left .lcon{ border:1px #ddd solid; bottom-top:none; margin-bottom:10px; padding:10px 13px;}
#nmain .left .lcon .lul li{  height:32px;}
#nmain .left .lcon .lul li a{ background:url(../images/first-bg-02.gif) 0 0 no-repeat; display:block; height:32px; line-height:32px; vertical-align:middle; color:#333; padding-left:35px;}
#nmain .left .lcon .lul li a:hover{ background-position:0 -32px; color:#fff;}

#nmain .right{ float:right; width:760px; padding:20px 10px 10px 10px; border:1px #ddd solid; background:url(../images/rbtbg.jpg) repeat-x;}
#nmain .right .rbt{ height:50px; padding-left:30px; background:url(../images/rbtico.png) no-repeat 10px 8px;}
#nmain .right .rcon{ padding:10px;}

/* news */
#nmain .news{ }
#nmain .news li{ height:35px; line-height:35px; vertical-align:middle; border-bottom:1px #ddd dotted; position:relative; background:url(../images/icons.png) left center no-repeat; padding-left:10px; }
#nmain .news li span{ position:absolute; top:0; right:10px;}
#nmain .news .news_line{ margin-bottom:15px;}

#nmain .right .rcon h1.title{ text-align:center; font-size:18px;}
#nmain .right .rcon .datetitme{ text-align:center; border-bottom:1px #eee solid; margin-bottom:10px; padding-bottom:5px; }
#nmain .right .rcon .ncon p{ text-indent:2em; margin-bottom:10px;}
#nmain .right .rcon .back{ text-align:center; margin:20px auto; display:block; width:100px; height:30px; background:#F00; color:#fff; line-height:30px; vertical-align:middle; border-radius:5px;}
#nmain .right .rcon .page{ line-height:35px;}

/* pages */
.pages{width:100%;height:28px; margin:24px 0 20px; clear:both; text-align:center;}
.pages a{ padding:3px 5px; border:1px #eee solid; margin-right:10px; }


/* product */
.product{ }
.product li{float:left;width:230px; margin:0 20px 15px 0; text-align:center;}
.product li span{ border:1px #eee solid; display:block; width:218px; padding:5px; margin-bottom:10px;}
.product li img{display:block; margin:0 auto; height:165px; max-width:224px;}
 



/*浮动客服*/
#floatDivBoxs { width:170px; background:#fff; position:fixed; top:180px; right:0; z-index:99999; font-family:"微软雅黑"; }
#floatDivBoxs a { color:#000; }
#floatDivBoxs .floatDtt { width:100%; height:45px; line-height:45px; background:#0657B2; color:#fff; font-size:18px; text-indent:22px; position:relative; }
#floatDivBoxs .floatDqq { padding:0 14px; }
#floatDivBoxs .floatDqq li { height:45px; line-height:45px; font-size:15px; border-bottom:1px solid #e3e3e3; padding:0 0 0 50px; }
#floatDivBoxs .floatDtxt { font-size:18px; color:#333; padding:12px 14px; }
#floatDivBoxs .floatDtel { padding:0 0 15px 10px; text-align:center; font-size:22px; }
#floatDivBoxs .floatDtel img { display:block; }
#floatDivBoxs .floatDbg { width:100%; height:20px; background:url(../images/online_botbg.jpg) no-repeat; box-shadow:-2px 0 3px rgba(0,0,0,0.25); }
.floatShadow { background:#fff; box-shadow:-2px 0 3px rgba(0,0,0,0.25); }
#rightArrow { width:50px; height:45px; background:url(../images/online_arrow.jpg) no-repeat; position:fixed; top:180px; right:170px; z-index:99999; }
#rightArrow a { display:block; height:45px; }