/* CSS Document */
#yinying{ height:8px; background:url(/_images/yinying.gif); display:none;}
#main{ margin-top:20px; margin-bottom:60px; }
#right{ width:697px;; float:right; line-height:23px; }
#quick{ line-height:35px; height:35px; background-color:#e9eaee; margin-top:30px;}
#banner{ overflow:hidden; text-align:center; border-radius: 15px;}
#aboutbanner{ height:185px; overflow:hidden; position:relative; border-radius: 0px;}
#aboutbanner img{ position:absolute;}
#aboutbanner div{ position:absolute; z-index:10; right:0px; bottom:10px;}
#aboutbanner div span{ float:left; height:14px; width:15px; border:#CCC solid 1px; line-height:14px; text-align:center; margin-right:7px; background-color:#000; color:#fff;  cursor:pointer;}
#aboutbanner div span.this{ background-color:#ce1010;}


#center{ float:left; width:694px; margin-left:42px; line-height:23px;}
#crumb{ height:30px; line-height:30px;  margin-bottom:15px; border-bottom:#CCC solid 1px; padding-left:30px; background:url(/_images/icon4.gif) left center no-repeat;}
#crumb h1{ font-size:16px; float:left; background-color:#fff; font-weight:bold; }
#crumb strong{ font-size:16px;}
#crumb span{ float:right; font-size:12px;}
#center .banner{ margin-bottom:15px;}




#left{ float:left; width:262px;
-moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/
   -khtml-user-select: none; /*早期浏览器*/
   user-select: none;
 }
#left .con{ padding:0px 15px; background-color:#f1f1f1;}
#left .con h3{ margin-bottom:10px; text-align:left; background-color:#fff;}
#left .con h3 a{ display:inline-block;  padding-left:20px; width:100%; height:100%;  background:url(/_images/icon2.gif) 200px center no-repeat; line-height:30px;}
#left .con h3 a:hover{ background-image:url(/_images/icon3.gif);}
#left .case h3{ line-height:25px; padding-left:10px; background:url(/_images/icon9.gif) left center no-repeat;}
#left .contact{ border-top:#b2b2b2 solid 1px; line-height:28px; padding-left:25px; background:url(/_images/icon5.gif) left 17px no-repeat;}

#left p.bigtit{ line-height:44px; background-color:#1f3453; color:#fff; font-size:20px; font-weight:bold; text-align:center;}
#left div.title{ line-height:50px; height:39px; font-weight:bold; background:url(/_images/icon12.gif) 230px 17px no-repeat; padding-left:15px; color:#666; cursor:pointer; border-bottom:#c8c8c8 solid 1px;}
#left div.title.open{ background-image:url(/_images/icon3.gif);}
#left div.content{ display:none;}
#left div.content h3{ line-height:30px; padding-left:35px; background:url(/_images/icon9.gif) 20px center no-repeat;}
#left div.tit{ line-height:25px; border-bottom:#b2b2b2 solid 1px; font-size:14px; font-weight:bold; margin-bottom:10px;}
#left p.tit{ line-height:25px; margin-top:20px; font-size:14px; font-weight:bold;}
#left div.other a{ float:left; height:100%; width:100%;}

/************** index *****************/
#index h1{ font-size:18px; font-weight:bold;}
#index .pro{ margin-top:10px; line-height:22px;}
#index .pro #lunbo{ float:left; margin:0px 15px 0px 0px;  width:380px; height:280px; position:relative;}
#index .pro #lunbo img{ width:380px; height:280px; position:absolute;}
#index .bar{ position:absolute; z-index:10; bottom:5px; right:0px; height:15px; line-height:15px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
#index .bar a{ display:inline-block; width:15px; height:15px; text-align:center; cursor:pointer; background-color:#000; color:#fff; margin-right:5px;}
#index .bar a:hover{ text-decoration:none; background-color:#F00;}
#index .bar a.this{background-color:#F00;}

#index p.tit{ line-height:30px; font-weight:bold; font-size:16px; padding-left:15px; background:url(/_images/icon2.gif) left center no-repeat;}
#index .hot{ width:340px; float:left;}
#index .hot div{ width:147px; float:left; margin-right:20px; height:137px;}
#index .hot div img{ width:147px;}
#index .solution{ float:right; width:350px; line-height:27px;}


/**************************** product list *****************/
#product{}
#product .left{ width:674px;}
#product .anli{ width:647px;}
#product .right{ width:285px;}
#product #crumb{ background-image:none; padding-left:0px; border:none;}
#product #crumb h1{ font-size:22px; float:left; background-color:#fff; font-weight:bold; text-transform:uppercase; }

#product #tab{ height:48px; width:685px; text-align:center; font-weight:bold;}
#product #tab li{ float:left; line-height:18px; height:48px; background-color:#e5e5e5; margin-right:1px; cursor:pointer; }
#product #tab li.active{ background-color:#fff; color:#c3060a; height:46px; border-top:#c3060a solid 2px; cursor:default; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px;}
#product #tab li a{ float:left; height:42px; padding:6px 33px 0px 34px; }
#product #tab li a:hover{ text-decoration:none;}

#product #tab1{ height:40px; width:680px; text-align:center; font-weight:bold;}
#product #tab1 li{ float:left; line-height:30px; height:40px; background-color:#e5e5e5; margin-right:1px; cursor:pointer; }
#product #tab1 li.active{ background-color:#fff; color:#c3060a; height:38px; border-top:#c3060a solid 2px; cursor:default; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px;}
#product #tab1 li a{ float:left; height:34px; padding:6px 30px 0px 30px; }
#product #tab1 li a:hover{ text-decoration:none;}
#product #tab_con1{ margin-top:15px; margin-bottom:8px;}
#product #tab_con1 div.con{ display:none;}
#product #tab_con1 ul{ width:750px;}
#product #tab_con1 li{ float:left; text-align:center; margin-right:8px; margin-bottom:15px;}
#product #tab_con1 img{ width:156px; height:100px; padding: 2px; border: #ddd solid 1px;}

#product #tab_con{ margin-top:35px; margin-bottom:20px;}
#product #tab_con div.con{ display:none;}
#product #tab_con ul{ width:750px;}
#product #tab_con li{ float:left; width:197px; text-align:center; margin-right:39px; margin-bottom:15px;}
#product #tab_con img{ width:197px; height:127px;}
#product #tab_con h3{ line-height:25px;}

#product .left .tit{ text-transform:uppercase; font-size:14px; font-weight:bold; line-height:25px; border-bottom:#cccccc solid 1px; margin-bottom:20px;}
#product .left .other{ width:750px;}
#product .left .other li{ width:316px; float:left; margin-right:40px; text-align:center;}
#product .left .other img{ width:316px; height:126px;}
#product .left .other h3{ line-height:25px;}

#product .anli div{ height:127px; padding:22px 0px; border-bottom:#d9d9d9 dotted 1px; line-height:25px;}
#product .anli img{ width:197px; height:127px; float:left; margin-right:25px;}
#product .anli h3{ font-weight:bold; font-size:12px;}
#product .anli h3 a{ color:#000;}
#product .anli h3 a:hover{ color:#ce1010;}


#product .right .tit{ font-size:15px; font-weight:bold; text-transform:uppercase; line-height:40px;}
#product .right div.con{ padding-bottom:30px; border-bottom:#e5e5e5 solid 1px; margin-bottom:20px;}
#product .right h3{ line-height:30px; padding-left:15px; background:url(/_images/icon10.gif) left center no-repeat;}
#product .right h4{ line-height:30px; padding-left:15px; background:url(/_images/icon9.gif) left center no-repeat;}
#product .right .contact{line-height:28px; padding-left:25px; background:url(/_images/icon5.gif) left 17px no-repeat;}

#arclist{ margin-top:20px; text-align:center; }
#arclist li{ display:inline;}
#arclist li b{display: inline-block;height:22px; line-height:22px; padding:0px 8px; border:#b20000 solid 1px; color:#fff; background-color:#b20000;}
#arclist li.thisclass{  }
#arclist a{ display:inline-block;height:22px; line-height:22px; padding:0px 8px; border:#CCC solid 1px;}
#arclist span{ display:inline-block; height:24px; line-height:24px; margin-left:10px;}
#arclist select{ display:inline-block; height:24px; border:#CCC solid 1px; vertical-align:top;}

/**************************** anli list *****************/
#anlilist .list img{ float:left; width:149px; height:96px; margin-right:15px;}
#anlilist .list li{ height:110px; position:relative; margin-bottom:15px;}
#anlilist .list li p{ line-height:18px;}
#anlilist .list h3{ font-weight:bold;}
#anlilist .list a.more{ color:#fff; font-weight:bold; position:absolute; width:112px; height:25px; line-height:25px; text-align:center; right:0px; bottom:0px; background-color:#b3b3b3;}
#anlilist .list a.more:hover{ text-decoration:none; background-color:#bf0005;}

#anli h1{line-height:50px; font-size:16px; font-weight:bold; text-align:center;}
#anli p.tit{ line-height:30px; font-size:14px; font-weight:bold; border-bottom:#cccccc solid 1px; margin-bottom:15px;}
#anli ul.arc_nav{ padding:10px; border:dotted #666 1px;}
#anli .xiangguan{ width:750px;}
#anli .xiangguan li{ width:155px; float:left; margin-right:25px;}
#anli .xiangguan h3{ line-height:30px; text-align:center;}
#anli .xiangguan img{ width:155px;}
/**************************** news list *****************/
#newslist .list li{ line-height:35px; height:35px; border-bottom:#999 dotted 1px; padding-left:15px; background:url(/_images/icon11.gif) left center no-repeat;}
#newslist .list li a{ float:left;}
#newslist .list li span{ float:right; color:#999;}
#newslist .top{ height:134px; background:url(/_images/newsbg.gif) left center no-repeat; margin-bottom:30px;}
#newslist .top img{ float:left; margin:10px 25px 0px 10px; width:176px; height:110px;}
#newslist .top h2{ font-weight:bold;}

/**************************** about *****************/
#about{ color:#666; line-height:23px;}
#about p.tit{line-height: 25px;
border-bottom: #CCC dotted 1px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
color:#000;
}
#about p{ margin-bottom:10px;}


/************* service ****************/
#service{ color:#666;}
#service p.tit{ height:32px; line-height:32px; background-color:#27426d; color:#fff; font-size:16px; font-weight:bold; margin-bottom:10px; padding-left:15px;}
#service p.stit{ font-size:14px; font-weight:bold; color:#27426d; line-height:25px;padding-left: 20px;
background: url(/_images/icon.png) left center no-repeat;}


/**************************** contact *****************/
#contact p{ line-height:35px;}
#contact p.tit{ line-height:25px; border-bottom:#CCC dotted 1px; font-size:16px; font-weight:bold; margin-bottom:10px;}


/**************************** product *****************/
#shop{}
#shop #lunbo{ position:relative; width:380px; height:353px; float:left; margin-right:20px;}
#shop #lunbo .img{ position:absolute; width:380px;}
#shop #lunbo #lunbobar{ position:absolute; width:380px; height:55px; bottom:0px; }
#shop #lunbo #lunbobar img{ width:70px; height:49px; padding:2px; border:#cccccc solid 1px; float:left; margin-left:16px;}
#shop #lunbo #lunbobar img.this{ border-color:#F00;}
#shop .info{ height:373px; position:relative; margin-bottom:20px; }
#shop .info h1{ font-size:18px; font-weight:bold; line-height:35px;}
#shop .info #LR_User_Icon0{ position:absolute; bottom:80px; right:125px; width:173px; height:25px; background:url(/_images/chart.gif);}
#shop .info p.links{ position:absolute; bottom:20px; left:400px; padding-left:20px; line-height:27px; background:url(/_images/icon5.gif) left 4px no-repeat;}
#shop .info p.email{ position:absolute; bottom:50px; right:0px; padding-left:18px; background: url(/_images/icon13.gif) left -20px no-repeat;}
#shop .protit{ font-weight:bold; font-size:14px; border-bottom:#000 solid 1px; margin-bottom:10px;}
#shop div.canshu h2,#shop div.canshu p.tit{ font-weight:bold; font-size:14px;}
#shop #tab{ height:35px; border:#c4c0bf solid 1px; text-align:center; line-height:35px; background-color:#f2f2f2; margin-bottom:15px;}
#shop #tab li{ float:left; height:35px; width:173px; border-right:#c4c0bf solid 1px; cursor:pointer;}
#shop #tab li.active{ background-color:#1f3453; color:#fff; font-weight:bold;}
#shop #tab_con{ margin-bottom:30px;}
#shop #tab_con .con{ display:none;}
#shop div.tit{line-height:30px; font-size:14px; font-weight:bold; border-bottom:#cccccc solid 1px; margin-bottom:15px;}
#shop #tab_con p.tit,#shop #tab_con h2{font: bold 13px/25px Arial, Helvetica, sans-serif;color: #990000;background: #E5EBF2;padding-left: 10px;}
#shop #tab_con p.note{line-height: 22px;color: #496191; margin-top:10px;}
#shop .xiangguan{ width:750px; margin-bottom:30px;}
#shop .xiangguan li{ width:155px; float:left; margin-right:25px;}
#shop .xiangguan h3{ line-height:30px; text-align:center;}
#shop .xiangguan img{ width:155px;}

/**************************** article *****************/
#article h1.title{ font-size:16px; font-weight:bold; text-align:center;}
#article .info{ text-align:center; line-height:30px; border-bottom:dotted #666666 1px; margin-bottom:10px;}
#article ul.arc_nav{ padding:10px; border:dotted #666 1px;}


#inquiry{padding-top:15px;}



