@charset "utf-8";
/* CSS Document */
/*banner部分*/
.banner{
	width:1920px;
	height:780px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.photo{
	width:100%;
}
.photo li{
	float: left;
}
.photo img{
	width: 100%;
}
.buto{
	position: absolute;
	width:105px;
	height: 15px;
	top:750px;
	left: 50%;
}
.buto li{
	width:15px;
	height: 15px;
	border-radius: 50%;
	float: left;
	margin:0 10px;
	background-color:#595959;
}
.buto li.active{
	width:15px;
	height: 15px;
	border-radius: 50%;
	float: left;
	margin: 0 10px;
	background-color:#DC7114;
}
/*视频部分*/
.vid{
	padding: 30px 0;
}
.vid video{
	padding-left:120px;
}
.vid p{
	width: 1080px;
	margin: 15px auto;
	color: #666;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.vid p a{
    color:#666;
}
/*产品部分*/
.course-box{
    background:url(/skin/images/dasj.png) repeat;
}
.cour-litie,
.cour-en{
	text-align: center;
}
.cour-litie {
    padding-top: 25px;
	font-size: 26px;
	line-height:50px;
	color: #333;
}
.cour-en{
	font-size: 14px;
	line-height:20px;
	color: #555;
}
/*产品导航*/
.cour-nav{
	height:60px;
}
.cour-nav ul{
	width:368px;
	margin:25px auto;
}
.cour-nav li{
	float: left;
}
.cour-nav li a{
	color:#333;
	padding:6px 20px;
}
.cour-nav li a:hover{
	border-radius:18px;
	background-color:#333;
	color: white;
}
/*产品图片*/
.cour-photo{
	width:1920px;
	height: 720px;
	position: relative;
}
.cour-pt{
	position: absolute;
	width:952px;
	height: 715px;
	overflow: hidden;
}
.cour-phl a{
	width:952px;
	height: 715px;
	overflow: hidden;
}
.cour-phl img{
	width: 100%;
	transition:1s;
}
.cour-phl img:hoer{
	transform: scele(1.1);
}
.cour-com{
	position: absolute;
	padding:25px 211px;
	width: 530px;
	bottom:5px;
	left:0;
	opacity: 0;
	
}
.cour-com a{
	font-size: 24px;
	line-height: 54px;
	color: #fff;
}
.cour-com span{
	font-size: 16px;
	line-height: 24px;
}
.cour-com:hover{
	background-color:rgba(114,114,114,0.5);
	opacity: 1;
	color: white;
}
.cour-phr{
	width: 963px;
	height: 710px;
}
.cour-phr li{
	position: relative;
	width: 479px;
	height: 355px;
	float: left;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 5px;
}
.cour-phr li:nth-child(2n){
    margin-right: 0;
}
.cour-phr img{
	width:100%;
}
.cour-phr-com{
	position: absolute;
	padding: 15px 66px;
	width: 340px;
	opacity: 0;
	bottom: 0;
	left:0;
}
.cour-phr-com a{
	font-size:20px;
	line-height:40px;
	color: #fff;
}
.cour-phr-com span{
	font-size: 14px;
	line-height: 20px;
}
.cour-phr-com:hover{
	background-color:rgba(114,114,114,0.5);
	opacity: 1;
	color: white;
}
/*优势部分*/
.adva{
	width: 100%;
	margin: 0 auto;
}
.adva-litie{
	height: 80px;
	padding: 25px 0;
	position: relative;
}
.litie-l b{
	position: absolute;
	color: #E84C18;
	font-size: 26px;
	left:620px;
}
.adva-litie:before {
	content:"十里洋场 - ";
	position: absolute;
	font-size: 26px;
	color: #444;
	left:485px;
}
.adva-litie p{
	position: absolute;
	top:90px;
	left:80px;
	color: #555;
	font-size: 18px;
	letter-spacing:8px;
}
/*风琴效果*/
.organ{
	width: 1920px;
	overflow: hidden;
	margin: 0 auto;
}
.organ ul{
	width:6000px;
}
.organ li{
	width:384px;
	height:655px;
	float: left;
	position: relative;
	cursor:pointer;
	overflow: hidden;
	transition: 1s;
}
.organ li:nth-child(1){
	background: url("../images/slide1.jpg") no-repeat;
}
.organ li:nth-child(2){
	background: url("../images/slide2.jpg") no-repeat;
}
.organ li:nth-child(3){
	background: url("../images/slide3.jpg") no-repeat;
}
.organ li:nth-child(4){
	background: url("../images/photo-1523199455310-87b16c0eed11.jpg") no-repeat;
}
.organ li:nth-child(5){
	background: url("../images/typely.jpg") no-repeat;
}
.organ ul:hover li{
	width:180px;
}
.organ ul li:hover{
	width:1200px;
}
.organ li:hover{
	width:1200px;
}
.op{
	width: 100%;
	height: 100%;
	opacity: 1;
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(66,66,66,0.5);
}
.organ li .op:hover{
	opacity: 0;
}
.hov{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
.hov-con{
	text-align: center;
	color:#fff;
	margin-top: 211px;
}
.hov-con span{
	font-size: 30px;
	line-height: 150px;
}
.hov-con p{
	font-size: 18px;
}
/*定制部分*/
.custom{
	width: 100%;
	height:540px;
	background:url("../images/fsbmjmy.jpg");
}
.custom:before{
	content: "";
	position:absolute;
	width: 100%;
	height:540px;
	background:rgba(151,151,151,0.89);
}
.cus-litie{
	font-size: 26px;
	color: #888;
	padding:50px 0;
}
.cus-litie p{
	position: absolute;
	padding-left:521px;
	color: #fff;
}
.cus-con{
	padding-top: 30px;
}
.cus-con li{
	width: 170px;
	height: 305px;
	position: relative;
	float: left;
	margin-right: 36px;
	background-color: #fff;
	transition: 1s;
	z-index: 1;
	color: #888;
}
.cus-con li:last-child{
	margin-right: 0;
}
.cus-con li:before{
	content: "";
	width: 170px;
	height: 305px;
	position:absolute;
	float: left;
	margin-right: 36px;
	transition: 1s;
	z-index: -1;
}
.cus-con li:hover:before{
	background-color:#F9A760;
	transform: rotateY(-180deg)
}
.cus-con span,
.cus-con i,
.cus-con p{
	position: absolute;
}
.cus-con li:hover{
	background:none;
	color: #fff;
}
.cus-con span{
	top:30px;
	left:43px;
	font-size: 70px;
}
.cus-con i{
	width: 48px;
	font-size:48px;
	top:140px;
	left: 66px;
}
.cus-con p{
	width: 173px;
	font-size:18px;	
	top:220px;
	text-align: center;
}
/*新闻部分*/
.news{
	margin-top: 180px;
	width: 100%;
	height:700px;
	color: #666;
}
.new-cont{
	position: relative;
	z-index: 1;
	line-height: 25px;
}
.new-litle{
	height: 35px;
	font-size:26px;
	padding-left:calc(50% - 52px);
}
.mt-tabpage {
	width: 1200px;
	margin: 25px auto;
}
.mt-tabpage-title {
	height: 44px;
	font-size: 0;
	width: 94%;
	margin: auto;
	border-bottom: 1px solid #888;
}
.mt-tabpage-title-1{
	width:375px;
	margin:0 auto;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 105px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #666;
	font-size: 20px;
	margin:0 10px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #eb4537;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #eb4537;
	font-size: 20px;
	border-bottom: 1px solid #F85B5E;
}
.mt-tabpage-count {
	position: relative;
	width:1200px;
	height: 600px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 1200px;
	height: 600px;
	text-align: center;
}
.new-t{
	position: absolute;
	width: 100%;
	height: 80px;
}
.new-t ul{
	padding-top: 25px;
	padding-left: calc(50% - 212px);
}
.new-t li{
	float: left;
	margin: 5px 30px;
	font-size: 20px;
}
.new-t li a{
	color:#666;
}
.new-t li.cur a{
	display:black;
	color:#cfa54f;
}
.new-t li a:hover{
	color: #cfa54f;
}
.mt-tabpage-cont__wrap{
	display: block;
	overflow: hidden;
	
}
.mt-tabpage-cont__wrap ul{
	width: 3600px;
}
.mt-tabpage-item{
	float: left;
	width: 1200px;
	height:570px;
	
}
.new-l{
	width: 50%;
	margin-top: 40px;
	
}
.a-img{
	width:598px;
	height: 335px;
	overflow: hidden;
}
.a-img img{
	width:100%;
	transition: 1s;
}
.a-img img:hover{
	transform: scale(1.1);
}
.new-l h2{
	padding-top: 30px;
	padding-bottom: 45px;
	font-size:20px;
	text-align: left;
}
.new-l a{
	color: #333;
}
.new-l a:hover{
	color:#cfa54f;
}
.new-l p{
	font-size: 14px;
	text-align: left;
}
.new-r{
	width:538px;
	margin-top: -470px;
    margin-left: 665px;
}
.new-r ul{
	width: 530px;
}
.mt-tabpage-item .mt-tabpage-item-1{
	display: inline-block ;
	float: none;
	width: 530px;
	height: 100px;
	padding-bottom:34px;
	text-align: left;
}
.new-r b{
	font-size:45px;
	color:#b09989;
	padding-right:110px;
}
.new-r span{
	color:#666;
	padding-right:316px;
}
.new-r a{
	color: #666;
	font-size: 16px;
	line-height:33px;
}
.new-r a:hover{
	color:#cfa54f;
}
.new-r p{
	font-size: 14px;
}
/*关于十里洋场服装*/
.about{
	width: 100%;
	height:800px;
	position: relative;
	color: #666;
}
.about:before{
	content: "";
	position: absolute;
	width: 100%;
	height:500px;
	background:url("../images/fhgdfjf.jpg");
	opacity: 0.3;
}

.about-com{
	position: relative;
}
.about-p{
	position: absolute;
	width: 600px;
	top:40px;
	right:0;
}
.about-p img{
    width:100%;
}
.about-w{
	position: absolute;
	top:100px; 
	color: #666;
}
.about-w h3{
	font-size: 22px;
	padding-bottom: 25px;
}
.about-w span{
	width: 150px;
	height: 6px;
	background-color: #333;
}
.about-w p{
    width: 452px;
	line-height: 30px;
	text-align: justify;
    text-justify: distribute;
}
.about-w p a{
    color: #666;
}
.about-t{
	position: absolute;
	top:550px;
	left: 0;
}
.about-t li{
	float:left;
	margin-right: 20px;
}
.about-t li p{
	width: 174px;
	height:102px;
	overflow:hidden;
}
.about-t li p img{
	width: 100%;
	transition: 1s;
}
.about-t li p img:hover{
	transform: scale(1.1);
}
.about-t li span{
	color: #666;
	line-height:50px;
	padding-left:55px;
}
.about-t li a span:hover{
	color:#cfa54f;
}