@charset "utf-8";
/* CSS Document */
/*重置*/

* { margin:0 auto; padding: 0; font-family: "微软雅黑"; font-size: 15px; color: #4d4d4d; }
body { color: #4d4d4d; font-family: "微软雅黑"; font-size: 15px;}
li { list-style-type: none; }
input, img { border: 0 none; /*display:block;*/ outline: 0 none !important; }
input { border: 0; }
textarea, input { word-wrap: break-word; word-break: break-all; padding: 0px; }
a { color: #4d4d4d; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "微软雅黑"; }

/*========== header ==========*/
#header { width:100%; margin:0 auto;  border-bottom:1px solid #e2e2e2;}
.header { width:1200px; height:105px;}
.header-L { float:left; width:300px; }
.header-W { float:left; width:595px; }
.header-R { float:left; width:305px; }

/* logo图标 */
.logo { margin:0 auto; overflow:hidden;}
.logo li { float:left; padding:5px 0px;}

/* 导航 */
.nav { margin-top:45px; width:620px; height:55px; background:url(nav_bg.png) no-repeat;}
.nav li { float:left; text-align:center;}
.nav li a { font-size:18px; color:#333; padding:15px 21px 16px 21px; line-height:55px;}
.nav li a:hover {  background:#efefef; }

/* 版本 */
.language { width:305px; height:55px; overflow:hidden; margin:0px auto; }
.language li {  float:left; line-height:55px; margin-right:10px ; color:#999;}
.language li a{ color:#999;}
.language li a:hover { color:#ccc;}


/* 联系电话 */
.tel { margin-top:25px; width:230px; height:30px; background:url(tel.png) no-repeat left;}
.tel li { float:left; padding-left:30px; line-height:30px;}

/* 搜索 */
.search{  width:305px; height:35px; margin:0 auto; overflow:hidden;}
.search li{ float:left;}
.text{ width:205px; height:33px; line-height:33px; padding-left:25px; background:url(search.png) left no-repeat #fff; border:1px solid #666666; color:#ccc;  font-size:15px; *margin-top:-1px;}
.button{ cursor:pointer; width:60px; height:35px; line-height:35px; color:#fff; background:#666666; text-align:center; }


/*========== banner ==========*/
#banner { width:100%; margin:0 auto; height:400px;}
.banner { width:1200px; }
.banner li { line-height:30px; text-indent:30px; padding-bottom:10px;}

.bannerbox { width:100%; height: 400px; overflow:hidden; margin: 0px auto; min-width:1200px;}
#focus { width:1420px; height: 400px; clear:both; overflow: hidden; position: relative; }
#focus ul {  float:left; width:1420px; height: 400px; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li {  float:left; width:1420px;  height: 400px; overflow: hidden; position: relative; padding: 0px; margin: 0px; text-align:center;}
#focus .preNext { width:1420px; height:400px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(sprite1.png) no-repeat right center; }

/*========== main ==========*/
#main { width:100%; margin:0 auto; }
.main { width:1200px; overflow:hidden; }


/* 西装西裤系列 */
.suit { width:1200px; margin-bottom:25px; overflow:hidden; min-width:1240px;}
.suit .title {width:100%; overflow:hidden; margin:30px 0; }
.suit .title li{ float:left; font-size:26px; color:#333; border:1px solid #000; padding:10px 69px; margin:0px 173px; }
.suit .pic {width:100%; height:410px; margin:0 auto; overflow:hidden; }
.suit .pic li {float:left; width:540px; padding:20px; border:1px solid #ccc; overflow:hidden; margin-right:36px; }
.suit .pic li a:hover {filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}


/* 服装分类 */
.classify {width:1200px;  margin-bottom:30px;  overflow:hidden; min-width:1230px;}
.classify li { float:left; margin-right:22px; height:60px; line-height:60px;background:#ededed;}
.classify li a{ font-size:18px; color:#333; padding:20px 55px; background:#ededed; }
.classify li a:hover { color:#fff;  background:#999;  }



/* 服装展示 */
.display { width:1200px; height:235px; margin-bottom:30px; min-width:1275px;}
.display li { float:left;  margin-right:75px;}
.display li a:hover {filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}


/* 联系我们 */
.contact {  width:1200px; margin-bottom:30px; overflow:hidden;}
.contact .name { width:100%; height:50px; margin-bottom:20px;border-bottom:1px solid #ccc;}
.contact .name li { font-size:26px; color:#333; text-align:center; }

.code { float:left; width:152px; height:152px; margin:20px 50px;}
.iconbox01{ float:left;width:450px; margin-left:40px; }
.iconbox01 li{float:left; width:450px; margin-bottom:15px;}
.icon01{ background:url(icon001.png) no-repeat; padding-left:45px; font-size:15px; line-height:30px; color:#4d4d4d;}
.icon01a{ background:url(icon006.png) no-repeat;}
.icon01b{ background:url(icon002.png) no-repeat;}
.icon01c{ background:url(icon005.png) no-repeat;}
.icon01d{ background:url(icon004.png) no-repeat;}
.message { float:left; width:400px; margin-left:0px;}
.message li{ margin-bottom:15px;}
.message li .red { color:#F00;}
.message .texts{ width:300px; height:35px; line-height:35px; padding-left:5px;  background:#efefef;  color:#ccc;  font-size:15px; *margin-top:-1px;}
.message .button{ cursor:pointer; width:70px; height:35px; line-height:35px; color:#fff; background:#666666; text-align:center; margin-left:60px; }
.message .textarea {width: 300px; height:60px; line-height:30px; border:1px solid #efefef ; background: #efefef; }



/* 产品图片 */
.product-box-big {width:890px; margin-top: 30px; overflow:hidden; min-width:920px;}
.product-box {float:left; width:280px;  margin:10px 24px 0px 0;}
.product {width:280px; height:188px;  }
.product a:hover{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.8;}
.product-name {text-align: center; width:280px;  height: 40px; margin: 5px 0; padding:0 10px;}
.product-name a{ color:#333; line-height:40px; }
.product-name a:hover { color:#cc0000;}



/* 左侧栏目 */
.leftnav { float:left; width:278px; border:1px solid #ccc; margin-top:50px; overflow:hidden;}
.leftnav .pic { width:278px; height:150px; margin-bottom:15px;}
.leftnav .xlbox { width:200px; margin:0 auto;overflow:hidden;}
.leftnav .xl { width:200px; height:60px; line-height:60px; background:#ededed; font-size:18px; color:#333; margin:20px 20px 10px 0px; padding-left:40px;}
.leftnav li { width:180px; height:40px; line-height:40px; background:url(d02.png) no-repeat 0px 15px;  border-bottom:1px solid #ccc; margin-bottom:10px;}
.leftnav li a { font-size:15px; color:#666; padding-left:0px;  margin:7px 0px 7px 20px;}
.leftnav li a:hover { font-size:15px; color:#bb9223;}
.leftnav .base { height:40px; margin:0 auto;}


/* 右侧栏目 */
.rightnav {float:left; width:890px; margin:50px 0 0 30px;}
.rightnav .hd { height:60px; background:#ededed; }
.rightnav .hd li{ float:left;  font-size:18px; line-height:60px; padding:0 20px; color:#333;}
.rightnav .hd .pos { float:right; line-height:60px; color:#999; margin-right:20px;}
.rightnav .hd .pos a { font-size:15px; margin-right:0px; color:#999; }
.rightnav .hd .pos a:hover { color:#000; }


/* 页 码 */
.page-box{  overflow:hidden; margin:20px 150px;}
.page-box li{ float:left; margin-right:4px;}
.page-box li a .page{ float:left; background-color:#f4f4f4; color:#454545; border:1px solid #c3c9cd; height:34px; line-height:36px; font-size:14px; padding:0 12px;}
.page-box li a .page:hover{ background-color:#bb9223; color:#FFF;border:1px solid #c3c9cd;}
.page-box li a .page_on{ color:#bb9223;}
.ptext{ width:70px; height:34px; line-height:34px; background-color:#f5f7f8; border:1px solid #c3c9cd; text-align:center;}



/* 位 置 */
.position { width:1200px;  padding:10px 0 10px 0;  overflow:hidden; }
.position li { float:left; font-size:15px; color:#666;}
.position li a:hover { color:#cc0000; }


/* 文 章 */
.article {  overflow:hidden; width:100%; margin-top:0px;}
.article .tit { font-size:26px;line-height:40px; color:#333; text-align:center; margin:30px 0 20px 0;}
.article .pic { text-align:center; width:540px; height:360px;}
.article .content{ width:860px; margin:0 auto; font-size:15px; color:#4d4d4d;line-height:32px; padding:5px 0 25px 0; text-align:justify; text-justify:inter-ideograph;}
.source { font-size:15px; height:30px; color:#999999; text-align:center;}
.sizecolor { font-size:15px; height:30px; color:#999999; text-align:center;}
.line { border-bottom:1px dotted #595959; width:870px; margin:15px auto;}


/*========== footer ==========*/
#footer { width:100%; margin-top:20px; background:#ededed; overflow:hidden; }
.copyright { width:1200px; height:100px;}
.copyright h1 {text-align:center; font-size:15px;  color:#333;padding-top:20px;}
.copyright h1 a { font-size:15px; color:#333; padding:0px 8px;}
.copyright h1 a:hover { color:#cc0000;}
.copyright h2 { font-size:15px; color:#999; line-height:22px;  text-align:center;padding-top:10px;}