@charset "utf-8";
*{ padding:0; margin:0;}
p{ text-indent:2em; line-height:1.8;}
img{ border:0;}
.line{height:40px;} 
.line2{height:30px;} 
.border{ height:10px; border-top:1px solid #ddd}
/*--------------------------清除浮动 -----------------------------------*/
.clear{clear:both; font-size:1px; line-height:0; height:0; }
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
ul,ol{ list-style:none;}
/* End hide from IE-mac */
/*-------------------------清除浮动结束 ------------------------------------*/
a{ color:#333; text-decoration:none}
a:hover{ color:#f60; text-decoration:none}
body{ font:12px/18px arial,"宋体";color:#444;background:url(i/main_bg.gif) repeat-x 25px left;}
.warp{ width:1003px; margin:0 auto;}
.page{ text-align:center; margin:10px 0;}
.page a{ margin:0 3px;}
.page a.on{color:#f60; font-weight:bold; border:1px solid #f60; padding:0 3px;}
/*首页*/
.logo01{ background:url(i/logo01.jpg) no-repeat 0 0; display:inline-table; width:100px; height:50px; float:left; margin:10px}
.logo01:hover{ background:url(i/logo01.jpg) no-repeat 0 -49px ;}
.logo02{ background:url(i/logo02.jpg) no-repeat 0 0; display:inline-table; width:100px; height:50px; float:left; margin:10px}
.logo02:hover{ background:url(i/logo02.jpg) no-repeat 0 -50px ;}
.logo03{ background:url(i/logo03.jpg) no-repeat 0 0; display:inline-table; width:100px; height:50px; float:left; margin:10px;}
.logo03:hover{ background:url(i/logo03.jpg) no-repeat 0 -51px ;}
.footer_index span{ line-height:25px;}
/*内页*/
.left{ width:281px; float:left; background:#ddd; margin:20px 0 20px 20px; position:relative; height:680px;}
.right{ width:630px; float:right; margin:20px 10px 20px 0;}
.footer{ border-top:1px solid #ccc; text-align:center;}

.left li a.on{ background:url(i/submenu_bg.jpg) no-repeat top right;display:block; height:35px;} 
.left li.on a{display: block; text-align:right; padding:10px;background:url(i/dot.jpg) no-repeat 210px center;}
.left li  a{ display:block; text-align:right; padding:10px;}
.left .flash{ position:absolute; left:0; bottom:0;}

.right .title{height:35px; background:url(i/dot.gif) repeat-x left bottom;}
.right .title span{ float:right; margin:20px 20px 0 0; padding:0;}
.right .title span a{ color:#999; text-decoration:none}
.right .title span a:hover{ color:#333; text-decoration:none}
.right .title h1{ font-size:16px; width:95px;float:left; color: #990000;text-align:left; font-weight:normal;}
.right .title h1 span{ margin:15px 0 0 0; background:url(i/icon01.gif) no-repeat  left center; padding:0 0 0 20px;}
.right .pic{ width:175px; float:left;}
.right .info{ width:410px; float:right;padding:0 10px 0 0;}


/*新闻动态*/
.news .right ul li{ padding:3px; background:url(i/dot.gif) repeat-x left bottom;}
.news .right ul li a{ padding:3px; background:url(i/icon02.gif) no-repeat left top; padding:0 0 0 20px; display:inline-block;}
.news .right ul li  span{ color:#999; padding:0 10px;}
/*专卖形象*/
.shop .right .pic{ width:312px; float:left; }
.shop .right .info{ width:250px; float:right;}
.shop .right .info h1{ font-size:16px; color:#f60;}
.shop .right .info dl { margin:20px 0;}
.shop .right .info dl dt{ color:#f60; background:url(i/dot.gif) repeat-x left top; padding:5px 0 0 0; font-weight:bold;}
/*联系方式*/
.contact .lxfs{ background:url(i/contact.jpg) no-repeat top right;}
.contact .lxfs p{ width:320px;}
.contact form { margin:20px 0; padding:10px; background:url(i/dot.gif) repeat-x top left;}
.contact form ul{ background:url(i/message.gif) no-repeat top 450px;}
.contact form ul li{ margin:5px 0;}
.contact form ul label{width:90px; float:left; color:#666; padding:3px 0 0 0;}
.contact form ul input,.contact form ul select,.contact form ul textarea{ border:1px solid #ddd; background:#ddd; padding:3px}
.contact form .bt{ background:none; border:0;}

/*产品*/
.pro .right .big{ width:400px; float:left;} 
.pro .right .list { width: 200px; float:left;}
.pro .right .list ul{ background:red; margin:0 0 10px 1px;}
.pro .right .list ul li{ float:left;}
.pro .right .list ul li a{display:inline-block; padding:0 10px; color:#ccc;}
.pro .right .list ul li a:hover{color:#fff;}
.pro .right .list ul li a.on{ background:#000; display:inline-block; padding:0 10px; color:#fff}
.pro .right ol li{ float:left; text-align:center; margin:1px;}
.pro .right ol li{width:60px;height:70px;}
.pro .right ol li a img{width:60px;height:70px;}
.pro .right ol li a:hover img{border:5px solid red;width:50px;height:60px;}
.pro .right ol.list3 li{ width:60px; height:60px;}
.pro .right ol.list3 li img{ width:60px; height:60px}
.pro .right ol.list3 li a:hover img{border:5px solid red;width:50px;height:50px;}

/*制服案例*/
.order2_list li { float:left; margin:5px 10px}
.order2_list li p{ text-indent:0; text-align:center}
.order2_list li img{ width:120px; height:160px; border:1px solid #ccc;padding:1px;}

/*企业荣誉*/
.honor dl dt{ font-size:18px;background:url(i/honor_bg.gif) repeat top left; padding:2px 0 2px 10px; color:#fff; margin:10px 0;}
.honor dl dd{ font-size:14px;background:url(i/icon02.gif) no-repeat top left; padding:2px 0 2px 20px; margin:0 0 0 20px;}

/*加盟手册*/
.join .right strong{ margin:20px 0 0 0; display: block;}
.join .right ul{ margin:0 0 0 24px;}
.join .right ul li{ padding:5px 0;}