@charset "utf-8";
/* ====================
     公共样式
==================== */
body{ background:#DBE2EA url(../images/bg.gif) repeat-x top; font-size:12px; font-family:Arial; line-height:150%; margin:0; padding:0; color:#404040;}
div,form{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,ul li,dl,dt,dd,form,img,p,form{
margin:0; padding:0; border:none; list-style-type:none;
}
font{ font-size:12px;}
a:link,a:visited{color:#333;text-decoration:none}a:hover,a:active{text-decoration:underline;color:#f30;}
a.yellow:link,a.yellow:visited{color:#FE6A00;text-decoration:none}a.yellow:hover,a.yellow:active{text-decoration:underline;color:#FE6A00;}
a.blue:link,a.blue:visited{color:#005AA0;text-decoration:none}a.blue:hover,a.blue:active{text-decoration:underline;color:#f30;}
.block{
  width:960px; margin:0 auto; height:auto;
}
.none{ display:none}
.clear{clear:both;}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
/*英文强制换行*/
.word{word-break:break-all;}

.float_div{ width:920px; margin:0 auto; height:0; position:relative;}
.float_div .icon_kitty{ position:absolute; top:280px; left:-120px; z-index:1;}
.float_div .icon_group{ position:absolute; top:280px; right:-120px; z-index:2;}











.h_inbg{ background:url(../images/h_inbg.jpg) no-repeat center top; width:100%; height:395px; padding-top:80px;}
.inswf{ width:941px; background:#fff; margin:0 auto; height:286px;}
.enter{ text-align:center;  margin-top:70px;}
.h_bottom{ width:1004px; background:url(../images/h_fbg.jpg) no-repeat top; height:53px; margin:50px auto 0 auto; position:relative;}
.h_bottom span{ position:absolute; top:20px; right:10px;}

.header{ width:920px; margin:0 auto; height:120px; overflow:hidden; background:transparent}
.logo{ float:left; padding:22px 0 0 16px;}
.topMenu{ float:right; padding:30px 10px 0 0; width:290px;}
.topMenu ul{ float:right; padding-right:10px; padding-bottom:10px;}
.topMenu ul li{ float:left; background:url(../images/icon.gif) no-repeat; overflow:hidden; padding-left:30px; font-size:12px; color:#626262; white-space:nowrap; line-height:24px;}
.topMenu ul li.a2{ background-position: left -43px;}
.topMenu ul li.a3{ background-position: left -92px;}
.topMenu .tel{ float:right; text-align:right;}

.main{ width:920px; background:#fff; margin:0 auto;}
.nav{ background:url(../images/lmt.gif) no-repeat; height:51px; padding-top:7px;}
.nav li{ float:left; background:url(../images/lmt.gif) no-repeat -800px -55px; line-height:40px; font-size:14px; font-weight:bold; padding:0 21px; height:44px;}
.nav li a:link,.nav li a:visited{color:#fff; font-weight:bold;text-decoration:none}
.nav li a:hover,.nav li a:active{text-decoration:underline;color:#fff;}
.nav li.frist{ background:none; margin-left:15px;}
.nav li.cur{ background:url(../images/lmt.gif) no-repeat -800px -122px; position:relative;}
.nav li.cur a:link,.nav li.cur a:visited{color:#1B78BF;text-decoration:none;font-weight:bold;}
.nav li.cur a:hover,.nav li.cur a:active{text-decoration:underline;color:#1B78BF; font-weight:bold;}
.nav li.cur span{ background:url(../images/lmt.gif) no-repeat right -122px; width:5px; position:absolute; z-index:5; top:0; right:0; overflow:hidden; height:44px;}

.banner{ margin:5px auto; width:900px; height:227px; background:#eee}


.in_left{ float:left; width:905px; padding-left:10px;}
.in_right{ float:right; width:230px; padding-right:10px;}
.in_right1{ float:right; width:650px; padding-right:10px;}

/*titleBar*/
.titleBar{ background:#fff; border-bottom:1px solid #ccc; height:26px; margin-top:10px;}
.titleBar span{ float:left; background:url(../images/lmt.gif) no-repeat left -60px; width:83px; line-height:26px; position:relative; top:1px; font-size:14px; font-family:"微软雅黑"; color:#fff; text-align:center; font-weight:bold; margin-right:1px; display:inline}
.titleBar span.cur2{ background:url(../images/lmt.gif) no-repeat -84px -60px;}
.titleBar em{ float:right; background:url(../images/icon.gif) no-repeat -22px -157px; width:47px; height:13px; overflow:hidden; margin-top:8px;}
.titleBar em a{ display:block; white-space:nowrap; text-indent:2000px;}

.titleBar1{ background:url(../images/lmt.gif) no-repeat left -96px; height:28px; overflow:hidden}
.titleBar1 span{ float:left; line-height:28px; font-size:14px; font-family:"微软雅黑"; color:#fff; font-weight:bold; padding-left:12px;}
.titleBar1 em{ float:right; background:url(../images/lmt.gif) no-repeat -180px -96px; width:50px; height:28px; overflow:hidden;}
.titleBar1 em a{ display:block; line-height:20px; white-space:nowrap; text-indent:2000px; margin-top:6px;}



.w230{ float:left; width:230px;}
.w350{ float:right; width:350px;}

.newsList{ padding:10px 3px; line-height:24px;}
.newsList li{ background:url(../images/icon.gif) no-repeat -55px -195px; padding-left:20px; text-align:left}
.newsList li span.time{ color:#9D9D9D; padding-left:5px; }
.newsList1{ padding:10px 3px; line-height:24px;}
.newsList1 li{ background:url(../images/icon.gif) no-repeat -55px -192px; padding-left:20px; text-align:left; line-height:30px;}
.newsList1 li span.time{ color:#9D9D9D; padding-left:5px; float:right;}

.inAboutinfo{ padding:5px; line-height:24px;}
.inAboutinfo span.img{ float:left; padding:5px 8px 0 0;}


.porductInfo{ border:1px solid #E1E6EA; background:#F7FBFE; padding:20px 5px;}
.arrow_left{ float:left; background:url(../images/icon.gif) no-repeat left -337px; width:27px; height:30px;margin-top:45px; cursor:pointer}
.arrow_right{ float:right; background:url(../images/icon.gif) no-repeat -42px -337px; width:27px; height:30px; margin-top:45px; cursor:pointer}
.porductInfo ul{ float:left; width:590px; height:120px; overflow:hidden;}
.porductInfo ul li{ float:left; width:118px; text-align:center;}
.porductInfo ul li img{ border:1px solid #D5DADE}




.arrow_left1{ float:left; background:url(../images/icon.gif) no-repeat left -398px; width:20px; height:105px; margin-top:10px;}
.arrow_right1{ float:right; background:url(../images/icon.gif) no-repeat right -398px; width:20px; height:105px; margin-top:10px;}
.cplist{ padding:10px 0}
.cplist ul{ float:left; width:616px; height:160px; overflow:hidden;}
.cplist ul li{ float:left; width:140px; text-align:center; margin:0 6px; display:inline; border:1px solid #D4D9DC; background:#F7FBFE url(../images/cpbg.gif) repeat-x left top;}
.cplist ul li span.img{ display:block; height:127px; text-align:center; overflow:hidden}
.cplist ul li span.name{ display:block; border-top:1px solid #D4D9DC; line-height:28px; text-align:center}




.about_1{ background:url(../images/gsjj1.jpg) no-repeat 20px bottom;}
.about_1 p{ margin:10px 48px; line-height:25px; text-indent:2em;}




.cpClass li{ background:url(../images/lmt.gif) no-repeat left -158px; height:28px; line-height:28px; padding:0 5px 0 15px; margin-top:2px; *margin-top:1px; overflow:hidden; }
.cpClass li.frist{ background:url(../images/lmt.gif) no-repeat left -128px;}
.cpClass li span{ float:left; width:100%; line-height:28px;}
.cpClass li.frist a:link,.cpClass li.frist a:visited{color:#0083C7;text-decoration:none}
.cpClass li.frist a:hover,.cpClass li.frist a:active{text-decoration:underline;color:#0083C7;}

.contact{ margin:5px 0}


.otherinfo{ background:#F9FCFE; border:1px solid #D7EBF5; margin:10px; padding:10px;}
.w360{ float:left; width:360px; margin-left:20px;}
.title{ background:url(../images/icon.gif) no-repeat -55px -263px; font-size:14px; font-weight:bold; color:#037DC6; padding-left:20px; line-height:180%;}
.in_map{ position:absolute; z-index:2; top:0; text-align:center; width:320px;}
.mapbtn{ position:absolute; z-index:3; bottom:20px; right:20px;}
.w520{ float:right; width:520px;}
.w220{ width:220px; float:left;}
.honourInfo{ padding:10px 0 0 10px}
.honourInfo ul{ float:left; width:450px; height:100px; padding-top:16px; padding-left:5px; overflow:hidden;}
.honourInfo ul li{ float:left; width:150px; text-align:center}


.footer{ background:transparent url(../images/lmt.gif) no-repeat left -202px; color:#797A7E; height:auto; width:920px; margin:0 auto; text-align:center}
.footer a:link,.footer a:visited{color:#797A7E;text-decoration:none}
.footer a:hover,.footer a:active{text-decoration:underline;color:#f30;}
.footerMenu{ line-height:40px; height:58px; position:relative}
.footerMenu .select{ position:absolute; top:8px; right:18px;}
.footer .copy{ color:#797A7E; padding-bottom:10px; line-height:200%;}



/*列表详细页样式*/
.listbg{ margin:10px; background:url(../images/listbg.gif) repeat-y left top; margin-bottom:0px;}
.list_left{ float:left; background:#F0F8FE url(../images/lbg.gif) repeat-x top; display:inline; padding:0 5px; width:220px; overflow:hidden}
.list_right{ float:right; width:660px; background:url(../images/infobg.gif) no-repeat right top; display:inline}
.listBar{ background:url(../images/lmt.gif) no-repeat -250px -96px; height:28px; overflow:hidden}
.listBar span{ line-height:28px; font-size:14px; font-family:"微软雅黑"; color:#fff; font-weight:bold; padding-left:12px;}


.listBar1 span{ float:left; background:url(../images/icon.gif) no-repeat -55px -258px; font-size:14px; font-weight:bold; color:#037DC6; padding-left:20px; line-height:34px; padding-bottom:2px;}
.listBar1 em{ float:right; padding-right:15px; line-height:34px; color:#037DC6; font-style:normal;}
.listBar1 a:link,.listBar1 a:visited{color:#037DC6;text-decoration:none;}
.listBar1 a:hover,.listBar1 a:active{text-decoration:underline;color:#037DC6;}


.listMenu{ background:url(../images/lbbg.gif) no-repeat left bottom; padding-bottom:6px}
.listMenu ul{ border-left:1px solid #CEDCE3; border-right:1px solid #CEDCE3; background:#fff; padding:10px 0 10px 10px; width:208px;}
.listMenu li{ background:url(../images/lmt.gif) no-repeat -250px -158px; height:28px; line-height:28px; padding:0 5px 0 15px; margin-top:2px;}
.listMenu li.cur{ background:url(../images/lmt.gif) no-repeat -250px -128px;}
.listMenu li.cur a:link,.listMenu li.cur a:visited{color:#0083C7;text-decoration:none;}
.listMenu li.cur a:hover,.listMenu li.cur a:active{text-decoration:underline;color:#0083C7;}


.content,.cpinfo{ padding:20px 26px; line-height:180%}
.contentTitle{ text-align:center; margin:10px auto; border-bottom:1px dashed #ccc; line-height:180%;}
.contentTitle h3{ font-size:16px;}
.contentTitle span.time{ color:#666;}
.ListPage{ border-top:1px solid #DBE2EA; line-height:180%; margin:10px auto; padding:5px; text-align:right; color:#666;}
.ListPage input{ vertical-align:middle}

.productList{ padding:10px 0;}

.productList li{ float:left; width:140px; height:auto; margin:10px 0 0 15px; display:inline; border:1px solid #D4D9DC; background:#F7FBFE url(../images/cpbg.gif) repeat-x left top;}
.productList li span.img{ display:block; height:127px; text-align:center; overflow:hidden}
.productList li span.name{ display:block; border-top:1px solid #D4D9DC; line-height:28px; text-align:center}

.caseList{ padding:10px 0;}

.caseList li{ float:left; width:300px; height:auto; margin:10px 0 0 15px; display:inline; border:1px solid #D4D9DC; background:#F7FBFE url(../images/cpbg.gif) repeat-x left top;}
.caseList li span.img{ display:block; height:200px; text-align:center; overflow:hidden}
.caseList li span.name{ display:block; border-top:1px solid #D4D9DC; line-height:28px; text-align:center}

.f_gray{ font-size:12px; caption-side:#666}
.cpinfo .img{ float:left; width:240px; text-align:center}
.cpinfo .img img{ border:1px solid #eee; background:#fefefe; padding:10px; width:150px;}
.cpinfo .name{ float:left; width:360px;}
.cpinfoBar{ text-align:left; margin:10px 0; line-height:180%; font-size:14px; font-weight:bold; color:#037DC6; border-bottom:1px dashed #037DC6}

.infoclose{ padding:3px 30px; text-align: right; background:#F4F5F9; line-height:180%; margin:10px auto}

.contactbg{ background:url(../images/contactbg.gif) no-repeat right bottom;}
.contactinfo{ line-height:40px; font-size:14px; color:#4D4D4D; height:370px; padding:30px;}
.contactinfo strong{ color:#FF8A00; font-size:16px;}
.contactMap{ width:610px; height:350px; overflow:hidden; border:1px solid #ccc; margin:5px auto;}

.shipin{ float:right; padding:15px 10px;; background:#CCCCCC; margin-top:15px;}
.cpclass1{ width:648px; border:1px solid #CCCCCC; background:#f7fbfe; border-top:none;}
.rollBox .img1{ margin-top:70px; cursor: pointer;}
.rollBox{width:630px;overflow:hidden;margin:0 auto; height:170px;}
.rollBox .Cont{width:550px;overflow:hidden;margin:0 auto; float:left; margin-left:13px; margin-top:10px; height:150px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:160px;float:left;text-align:center;padding-right:10px;}
*+html .rollBox .Cont .pic{width:160px;float:left;text-align:center;padding-right:15px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}



.table1 th, .table1 td{ line-height:35px;}
.table1 img{ margin:5px;}
.table1 span{ background:#f0f0f0; display:block; line-height:25px; border:1px solid #CCCCCC; margin:5px 20px; padding:0px 15px;}

.text2{ width:154px; height:20px; }
.text3{ width:50px; height:20px;}
.text4{ width:350px; height:130px;}
.tabbox {width:580px; margin:20px;}
.tabmenu {width:580px;height:28px;}
.tabmenu ul {margin:0;padding:0;list-style-type: none;}
.tabmenu li { text-align:center; float:left; display:block; width:145px; height:27px; overflow:hidden;line-height:27px; border-bottom:#ccc 1px solid; display:inline; font-size:14px; font-weight:bold;}
.tabmenu .cli {text-align:center;float:left;display:block;width:145px;height:27px;overflow:hidden;line-height:27px;border-bottom:#1976bc 1px solid;display:inline;font-size:14px; cursor:pointer; font-weight:bold; color:#1976bc;}
#tabcontent {width:580px;}
#tabcontent ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent .hidden {display:none;}