@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;min-width: 1200px; overflow-x: hidden;position: relative;}
a { text-decoration: none; color: #333;}
p{color: #434343;}
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
em{font-style: normal; font-weight: normal}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1000px; margin:0 auto; height: 100%; overflow: hidden;position: relative;}
.container1{width: 1200px; margin: 0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff;}
strong{ font-weight: normal;}
.container{position: relative;}
.about1{ position: absolute; top: -98px;}
/* CSS Document */

/*head*/
.head{position: fixed; top: 0; width: 100%; z-index: 1000; padding: 15px 0;}
.logo img{ display: block;}
.nav-list{ margin-top: 8px;}
.nav-list li{ float: left; margin-right: 40px;}
.nav-list li a em{ font-size: 17px;}
.nav-list li a em span{ font-size: 13px;}
.nav-list li a em,.nav-list li a em span{ color: #e4e4e4; display: block;}
.head-bg{ background: rgba(0,0,0,1);}
.nav-list li a:hover em{ color: #fff; display: block;}
.nav-list li a:hover em span{ color: #fff; display: block;}

/*.zw{ height: 98px;}*/


/*banner*/
.banner{position:relative; z-index: 2;}
.banner-hd {height:960px;position: relative; overflow:hidden;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
.banner-hd  ul li a {display: block; height:100%;}
/*banner number*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:13px;height:13px;  color: #FFF;margin:0 5px; cursor:pointer; float: left;background:url(../images/banner-icon.png) no-repeat;}
.banner-hd .num li.on { background:url(../images/banner-icon-on.png) no-repeat } 

/*about*/
.title{ margin: 25px auto;}
.title span{font-family:"MicrosoftYaHeiLight"; font-size: 40px; line-height: 42px;}
.title em{ text-transform: uppercase; font-size: 20px; color: #595959;}
.content p{ text-indent: 30px; font-size: 15px; line-height: 28px;color: #797979; margin-bottom: 15px;}
.about-more{ margin-top: 30PX; padding: 75px 0; background: url(../images/about-more-bg.jpg) no-repeat center;background-attachment:fixed; background-size:cover;min-height: 100%;}
.about-more p{ margin-bottom: 40px; height: 30px; display: block; background: url(../images/p-more.png) no-repeat center;}
.about-more a.more{ width: 258px; height: 57px;line-height: 57px; color: #fff; background: #020202; display: block; margin: 0 auto; font-size: 16px; border: 1px solid rgba(255,255,255,0.2);}
.about-more a.more:hover{ background: #fff; color: #000;}

/*service*/
.service .content{ background: #020202; padding-top: 15px;}
.service .content span{ display: block; padding-top: 38px; color: #fff; font-size: 15px; background: url(../images/service-span-bg.png) no-repeat center top;}
.service .content p{ color: rgba(255,255,255,0.77); font-size: 14px; line-height: 26px; margin-top: 5px;}

.title2{ margin-top: 60px; margin-bottom: 60px;}
.title3{ margin-top: 60px; margin-bottom: 80px;}

/*pro*/
.pro{ margin-bottom: 40px; overflow: hidden;}
.pro .hd{ margin-bottom: 45px;}
.pro-class{ margin: 0 auto;}
.pro-class li{display: inline-block; margin-right: 9px; cursor: pointer;border: 1px solid #424242; font-size: 15px;}
.pro-class li:hover{ background: #020202; color: #fff;}
.pro-class li.on{ background: #020202; color: #fff;}
.proclass-list li{ width: 108px; height: 32px;  line-height: 32px;}

.pro-list .bd{ max-height: 750px; overflow: hidden;}
.pro-list li{  overflow: hidden;float: left; margin-right: 17px; margin-bottom: 20px;}
.pro-list li a{width: 322px; height: 482px; display: block;}
.pro-list li:nth-child(3n){ margin-right: 0;}
.pro-list li:hover a img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

/*服装展示*/
.display{ margin-bottom: 40px;}
.display .hd .displayclass-list div{ margin: 0; cursor: pointer;border: 1px solid #424242; font-size: 15px; display: inline-block; width: 210px; height: 40px; line-height: 40px;}
.display .hd .displayclass-list div:nth-child(2){ margin-left: -4px;}
.display .hd .displayclass-list div:hover{ background: #000; color: #fff;}
.display .hd{ margin-bottom: 25px;}
.display .bd{ width: 2000px;}
.display-list{ float: left;}
.display-list>li{ width: 1000px;}
.display-list li .display-left img,.display-list li .display-right img{ display: block;}
.display-list li img:nth-child(2){ display: none;}
.display-list li .display-left,.display-list li .display-right{ width: 50%; overflow: hidden;}
.display-list li strong{ margin-top: 25px; font-size: 19px; color: #262626; display: block; line-height: 38px; background: url(../images/dis-bg.png) no-repeat center bottom;text-align: center;}
.display-list li .display-right strong,.display-list li .display-right p{ margin-left: 40px; margin-right: 20px;}
.display-list li p{ font-size: 15px; color: #464646; margin-top: 10px;}
.display-list li .display-left strong,.display-list li .display-left p{ margin-right: 30px;}
.display-list li .display-left:hover img{display: none;}
.display-list li .display-left:hover img:nth-child(2){ display: block;}
.display-list li .display-right:hover img{display: none;}
.display-list li .display-right:hover img:nth-child(2){display: block;}
.slideTxtBox .hd .displayclass-list div.on{ background: #020202; color: #fff;}


/*西服小知识*/
.know{ background: #020202;padding: 40px 0;}
.know .title4 span,.know .title4 em{ color: #fff;}
#knowlist{margin: 0 auto; width: 900px; overflow: hidden;}
.knowlist{ overflow: hidden;}
.knowlist ul{ float: left; display: inline; width: 900px; overflow: hidden;}
.knowlist li{text-align: center;}
.knowlist li p{display: block; width: 900px; line-height: 32px; font-size: 17px; color: #fff;}
.know .hd{ margin-left: 46%; margin-top: 45px;}
.hd a{ cursor: pointer; width: 18px; height: 32px; display: block; float: left; background-position: center;}
.hd .next1{ background: url(../images/next1.png) no-repeat;}
.hd .prev1{ margin-right: 40px; background: url(../images/prev1.png) no-repeat;}

/*制作过程*/
.process{ padding-bottom: 35px; position: relative;}
.line{ position: absolute; top: 437px; z-index: -100; left: 0;width: 100%; height: 5px; background: #000; display: block;}
.process .content{ overflow: hidden;}
.process .content p{ font-size: 15px; color: #595959;}
.processclass-list li{ float: left; width: 162px; margin-right: 47.5px;}
.processclass-list li:last-child{ margin-right: 0;}
.processclass-list li .process-pic{ display: block; width: 162px; height: 130px;background: #000;}
.processclass-list li .process-pic img{display: block; margin: 0 auto; padding-top: 23px; }
.processclass-list li .process-pic em{ color: #fff; font-size: 18px; line-height: 50px;}
.processclass-list li span{ width: 24px; height: 24px; border-radius: 12px; margin: 0 auto; display: block; background: #ffae00; margin-top: 10px;}
.processclass-list li strong{ font-size: 48px; font-weight: bold; color: #010101;}
.processclass-list li:hover .process-pic{transition-duration:100ms; background: #ffae00;}
.processclass-list li.on .process-pic{ background: #ffae00;}

.process-list{ margin-top: 20px; overflow: hidden; height: 530px;}
.process-list-pic{ float: left; display: block;width: 1000px;}
.process-list-pic img{ display: block ;}

/*合作*/
.cooperation{  background: url(../images/zs-bg.png) no-repeat center; padding: 60px 0;background-attachment:fixed; background-size:cover;min-height: 100%;}
.cooperation ul li{ float: left; margin-right: 9px; margin-bottom: 12px;}
.cooperation ul li:nth-child(4n){ margin-right: 0;}
.cooperation ul li img{ display: block;opacity:0.5;filter(alpha=80)}
.cooperation ul li:hover img{opacity:1.2;filter(alpha=100);transition-duration:250ms;}

/*展厅*/
.hall{ padding-bottom: 70px;}
.hall p{ text-indent: 0; font-size: 15px; color: #595959; width: 1000px; text-align: center;}
.hall-list{ position: relative;}
.hall-list .bd{ margin-left: 67.5px; position: relative;}
.hall-list .bd li{ float: left;}
.hall-list .bd li a{width: 865px; height: 492px; display: block;}
.hall-list .bd li a img{ display: block;}
.hall-list .prev,.hall-list .next{ opacity: 0.5; cursor:pointer; ; position: absolute; top: 220px; width: 25px; height: 48px; display: block;}
.hall-list .prev{ left: 0; background: url(../images/hall-left.png) no-repeat center;}
.hall-list .next{ right: 0; background: url(../images/hall-right.png) no-repeat center;}
.hall-list .prev:hover,.hall-list .next:hover{ opacity: 1;}
.hall-list .prevStop{ display:none;  }
.hall-list .nextStop{ display:none;  }


/*submit*/
.submit{ background: url(../images/submit-bg.png) no-repeat center; padding: 100px 0;background-attachment:fixed; background-size:cover;min-height: 100%;}
.submit p{ width: 390px; height: 30px; display: block; margin: 0 auto; background: url(../images/sub-p-bg.png) no-repeat center;}
.inp{font-size: 18px; color: #666; border:none; background: #fff; width: 433px; height: 52px; margin: 0; padding: 0;}
.sub{ width: 155px; height: 52px; line-height: 52px; background: #ffae00; font-size: 24px; color: #000; text-align: center; border: none; margin-left: 15px;}
.submit form{ margin-top: 25px;}

.contact .content{ margin-left: 100px; margin-bottom: 70px;}
.con-left img{ display: block;}
.con-right{ margin-left: 90px;}
.con-right p{font-size: 16px; line-height: 27px; margin-bottom: 20px;}
.con-right p:nth-child(1){ background: url(../images/con-tel.png) no-repeat center left;}
.con-right p:nth-child(2){ background: url(../images/cz.png) no-repeat center left;}
.con-right p:nth-child(3){ background: url(../images/con-email.png) no-repeat center left;}
.con-right p:nth-child(4){ background: url(../images/con-address.png) no-repeat center left;}
.con-right p:nth-child(6){ background: url(../images/con-add.png) no-repeat center left;}


.submit2{ background: #272727;}
.submit2 .container{ padding-top: 50px; padding-bottom: 50px;}
.submit2 p,.submit2 em{ font-size: 15px; color: #fff; margin-left: 190px;}
.submit2 .inp{color: #fff; background: none; border: 1px solid #fff; width: 528px; height: 44px; margin-bottom: 15px; margin-left: 10px; line-height: 46px;}
.submit2 .sub{ width: 265px; height: 58px; margin: 0 auto;}
.submit2 .sub{ display: block;}
.submit2 .tex{ vertical-align:top font-size: 15px; font-family: "Microsoft YaHei", arial,sans-serif; height: 148px; line-height: 30px;color: #fff; background: none; border: 1px solid #fff; width: 528px; margin-bottom: 15px; margin-left: 10px;}
.submit2 em{ float: left;}

.copyright{ background: #020202; padding: 10px 0;}
.copyright p,.copyright p a{ font-size: 15px; color: #fff; line-height: 22px;}
.copyright p a:hover{ text-decoration: underline;}

.picture-more{ width: 100%; background: rgba(255,255,255,1);}
.picture-more .container{ overflow: hidden; position: relative; margin: 4% auto;}
.picture-more .hd a{z-index: 1000; width: 50px; height: 92px; display: block;}
.picture-more .hd a.prev1,.picture-more .hd a.next1{  position: absolute; top: 35%;}
.picture-more .hd a.prev1{ left: 0; background: url(../images/pic-prev1.png) no-repeat center;}
.picture-more .hd a.next1{ right: 0; background: url(../images/pic-next1.png) no-repeat center;}
.picture-more .bd{ max-width: 800px; margin: 0 auto;}
.picture-more .bd .pic-list{overflow: hidden;}
.picture-more .bd .pic-list ul{ max-width: 800px; overflow: hidden;display: block; margin: 0 auto;}
.picture-more .bd .pic-list ul li{max-width: 800px; max-height: 1000px;display: inline-block; margin: 0 auto;}
.picture-more .bd .pic-list ul li img{ margin: 0 auto; display: inline-block;}

a.back{ width: 160px; height: 40px; color: #fff; background: #000; display: block; text-align: center; line-height: 40px; font-size: 16px; margin-left: 420px; margin-top: 30px;}

/* 右侧固定 */
.right-fixed {position: fixed;right: 10px;z-index: 999;bottom: 20%;}
.right-fixed li {width: 65px;height: 65px;background-color: #ffae00; position: relative;}
.right-fixed li {margin-top: 1px;text-align: center; padding: 8px 0;box-sizing: border-box;}
/* .right-fixed li a {display: flex;flex-direction: column; justify-content: center; align-items: center;} */
.right-fixed li span {display: block; font-size: 14px; color: #fff;}
.right-fixed li .el-hide {background:  url(../images/el-hide.png) no-repeat center; position: absolute; width: 224px;  height: 54px;  padding-right: 25px; left: -249px; top: 0; display: none;}
.right-fixed li .el-hide .hideys {display: flex; justify-content: center; align-items: center; height: 100%;}
.right-fixed li .el-hide span {font-size: 18px;color: #fff;margin-left: 10px; margin-right: 10px;}
.right-fixed li .wx-hide {left: -180px; top: 0;position:absolute; background-color: #ffae00; padding: 20px; box-sizing: border-box; display: none;}
.right-fixed li:hover .el-hide {display: block;}
.right-fixed li:hover .wx-hide {display: block;}