@font-face {
	font-family: 'SourceHanSans';
	font-style: normal;
	font-weight: 300;
	src: url("/Public/new_home/font/SourceHanSans-Normal.eot");
	src: local('☺︎'), url("/Public/new_home/font/SourceHanSans-Normal.eot?#iefix")
		format('embedded-opentype'), url("/Public/new_home/font/SourceHanSans-Normal.woff2")
		format("woff2"), url("/Public/new_home/font/SourceHanSans-Normal.woff")
		format("woff"), url("/Public/new_home/font/SourceHanSans-Normal.ttf")
		format("truetype");
	/* (C) 2015 Apple Inc. All rights reserved.*/
}

@font-face {
    font-family: 'DINPro';
    src: url('DINPro-Regular.eot');
    src: local('/Public/new_home/font/DINPro-Regular'),
        url('/Public/new_home/font/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Public/new_home/font/DINPro-Regular.woff2') format('woff2'),
        url('/Public/new_home/font/DINPro-Regular.woff') format('woff'),
        url('/Public/new_home/font/DINPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, input, textarea, select, button {
	font-synthesis: none;
	-moz-font-feature-settings: "kern";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: ltr;
	-ms-font-feature-settings: "kern";
}

input[type="button"], input[type="submit"], input[type="reset"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}

select::-ms-expand {
	display: none;
}

* {
	margin: 0;
	padding: 0;
	border: none;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

html {
	font-size: 625%; /* 10÷16=62.5% */
}

body {
	font-family: "DINPro", "SourceHanSans", "sans-serif";
	font-size: 12px; /* 12÷10=1.2 */
}

ul, ol {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	padding: 0;
	margin: 0;
}

p, h1, h2, h3, h4, h5, li, span, i, u, b, em, div {
	word-wrap: break-word;
	word-break: break-all;
}

.hero {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.navigation {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	position: absolute;
	width: 100%;
	z-index: 999;
}

.hero .fixed {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 999;
	width: 100%;
	border-bottom: 1px solid #c1c1c1;
}

header .logo img{
	height:50px;
}
header {
	padding: 20px 0;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	position: relative;
	width: 1170px;
	margin: 0 auto;
	-webkit-transition: padding 300ms ease-in-out;
	transition: padding 300ms ease-in-out;
}

header .logo {
	display: inline-block;
}

header a {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}

img {
	vertical-align: middle;
}

header .header-nav {
	display: inline-block;
}

header ul.primary-nav {
	margin: 0 0 0 50px;
	padding: 0;
}

header ul.primary-nav li {
	display: inline;
}

header ul.primary-nav li a {
	color: #fff;
	padding-right: 25px;
	padding-left: 25px;
	letter-spacing: 2px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 18px;
	padding-top: 8px\0;
}

t {
	font-weight: 500;
	font-size: 17px;
}

m {
	font-weight: 300;
}

header ul.primary-nav li a:hover {
	color: #b99d6b;
}

header ul.primary-nav li .nav-a-bg {
	color: #b99d6b;
}

header ul.primary-nav li .nav-a-s {
	color: #738092;
}

header ul.primary-nav li .nav-a-s:hover {
	color: #b99d6b;
}

header ul.primary-nav li .nav-a-bg-1 {
	color: #b99d6b;
}

header ul.primary-nav li .nav-a-bg-1:hover {
	color: #b99d6b;
}

header .member-actions {
	position: absolute;
	right: 0;
	top: 21px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

header ul.member-actions li {
	display: inline;
}

header ul.member-actions li a {
	color: #fff;
	border-color: #fff;
}

header a.login {
	margin-right: 20px;
}

header ul.member-actions li a:hover {
	color: #b99d6b;
	border-color: #b99d6b;
}

header ul.member-actions li .a-btn {
	color: #3D4351;
	border-color: #3D4351;
}

.navigation-two {
	position: absolute;
	width: 100%;
	top: 100px;
	z-index: 999;
}

.header-two {
	padding: 0;
	position: relative;
	width: 1170px;
	margin: 0 auto;
	animation: bounceInLeft ease-in-out 1.5s 1;
	-webkit-animation: bounceInLeft ease-in-out 1.5s 1;
}

.header-two-content {
	position: relative;
}

.header-two-nav {
	width: 100%;
	overflow: hidden;
}

.header-two-nav .primary-nav-two {
	width: 100%;
	overflow: hidden;
}

.primary-nav-two li {
	width: 16%;
	display: inline-block;
	text-align: right;
}

.primary-nav-two li a {
	color: #fff;
	font-size: 18px;
	display: inline-block;
}

.primary-nav-two .primary-nav-two-one {
	width: 20%;
	text-align: left;
}

.primary-nav-two .primary-nav-two-six {
	width: 13%;
}

.primary-nav-two li a:hover {
	color: #fff;
}

.primary-nav-two li .nav-two-bg {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
}

.primary-nav-two li .nav-two-bg-one {
	color: #fff;
}

.primary-nav-two li .nav-two-a-1 {
	color: #738092;
}

.primary-nav-two li .nav-two-a-1:hover {
	color: #b99d6b
}

.primary-nav-two li .nav-two-bg-1 {
	color: #b99d6b
}

.primary-nav-two li .nav-two-bg-1:hover {
	color: #b99d6b
}

.primary-nav-two li .nav-two-bg-one-1 {
	color: #3D4351;
}

.btn-small {
	padding: 8px 25px;
	padding: 14px 25px 6px\0;
}

.btn-white {
	font-size: 18px;
	border: solid 2px;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-radius: 40px;
	display: inline-block;
}

.btn {
	position: relative;
	color: #ff3e3e;
	background-color:#b99d6b;
	border-radius: 40px;
	margin: 0;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	height:50px;
	line-height:50px;
	line-height:58px\0;
	padding:0;
	width:240px;
	display: inline-block;
	color:#fff;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	-ms-transform: perspective(1px) translateZ(0);
	-o-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;

}

.btn:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #7a1813;
	color:#fff;
	border-radius: 40px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	-ms-transition: transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.btn:hover{
  color: #fff;
}
.btn:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.layui-layer-btn a {
	padding: 6px 15px 0px\0;
}

.container .swiper-container {
	width: 100%;
	overflow: hidden;
	height: 100%;
	margin: 0 auto;
}

.container .swiper-container .swiper-slide {
	color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.container .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	display: block;
}
.container .shirts-pos-top a{
	display:block;
	padding-top:15px;
}
.center-pos{
	top:36%;
	left:0;
	position:absolute;
	width:100%;
	animation: bounceInLeft ease-in-out 1.2s 1;
	-webkit-animation: bounceInLeft ease-in-out 1.2s 1;
	-moz-animation: bounceInLeft ease-in-out 1.2s 1;
	-o-animation: bounceInLeft ease-in-out 1.2s 1;
}
.center-pos .text-title{color:#fff;}
.center-pos a{padding-top:40px;display:block;}
.container .row {
	position: absolute;
	top: 28%;
	width: 100%;
	overflow: hidden;
	left: 0;
}

.container .row .content {
	color: #ffffff;
	width: 1170px;
	margin: 0 auto;
	z-index: 500;
}

.row .content p {
	font-size: 0.74rem;
	letter-spacing: 6px;
	text-align: center;
	animation: bounceInRight ease-in-out 1s 1;
}

.row .content .title {
	font-size: 0.36rem;
	letter-spacing: 2px;
	text-align: center;
	margin: 40px auto 30px;
	animation: bounceInLeft ease-in-out 1.2s 1;
	-webkit-animation: bounceInLeft ease-in-out 1.2s 1;
}

.row .content .center {
	font-size: 0.26rem;
	letter-spacing: 2px;
	text-align: center;
	margin: 0px auto 100px;
	animation: bounceInLeft ease-in-out 1.5s 1;
	-webkit-animation: bounceInLeft ease-in-out 1.5s 1;
}

.row .content .btn {
	padding: 12px 0px;
	padding: 14px 0px 6px\0;
	color: #fff;
	background-color: #ff3e3e;
	border-radius: 40px;
	border-radius: 0.4rem;
	width: 330px;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
	-webkit-animation: fadeInUp ease-in-out 0.5s 1;
	animation: fadeInUp ease-in-out 0.5s 1;
}

.row .content p .small-p {
	font-size: 0.64rem;
	font-family: 'SourceHanSans 300';
	position: relative;
	top: -4px;
}

.container .swiper-pagination-bullet {
	width: 70px;
	height: 5px;
	background: #fff;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.container .swiper-pagination-bullet-active {
	background: #b99d6b;
}

.swiper-pagination-fraction, .swiper-pagination-custom,
	.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 8%;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 5%;
	background-image: url("/Public/new_home/images/prev.png?9527")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("/Public/new_home/images/next.png?9527");
	right: 5%;
}

.swiper-button-prev, .swiper-button-next {
	width: 30px;
	height: 50px;
	background-size: 30px 50px;
}
/*index*/
.index-one-box{
	background-color:#f8f8f8;
	margin:0 auto;
	padding:0;
	overflow: hidden;
}
.box-container{
	width:1170px;
	margin:0 auto;
}
.index-one-left{
	width:40%;
	float:left;
	overflow:hidden;
	padding-top:210px;
}
.index-one-right{
	width:60%;
	float:right;
	overflow:hidden;
}
.index-one-left .text-title{
	padding-bottom:50px;
}
.index-one-left .text-small-title{
	padding-bottom:5px;
}
.text-title{
	font-size:40px;
	color:#333333;
	letter-spacing:3px;
}
.text-small-title{
	font-size:20px;
	color:#7b7b7b;
}
.index-one-left .btn{
	margin-top:45px;
}
.index-one-right img{
	display:block;
	width:100%;
	overflow:hidden;
}
.index-two-box{
	width:100%;
	overflow:hidden;
	background-image: url(/Public/new_home/images/index-5.jpg); 
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center center;
    padding-top:80px;
    background-position:0 0;
}

.index-two-left{
	width:45%;
	float:left;
	overflow:hidden;
	position:relative;
}
.index-two-left img{
	width:100%;
	display:block;
	
}
.index-two-right{
	width:40%;
	float:left;
	margin:90px 5% 0 10%;
}
.index-two-right .text-title{
	color:#fff;
	padding-bottom:50px;
}
.index-two-right .text-small-title{
	padding-bottom:10px;
	color:#fff;
}
.index-two-right .btn{
	margin-top:45px;
	float:right;
	margin-right:18%;
}
.index-three-box{
	width:100%;
	padding:80px 0;
	margin:0 auto;
	overflow:hidden;
	background-color:#dfdfd5;
}
.index-three-box .text-title{
	text-align:center;
}
.index-three-ul{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding:50px 0;
}
.index-three-li{
	width:10%;
	float:left;
	position: relative;
}
.index-three-li:hover{z-index:1;}
.index-three-li img{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	-webkit-transition: .1s transform;
	-moz-transition: .1s transform;
	-ms-transition: .1s transform;
	-o-transition: .1s transform;
	transition: .1s transform;
    transform:translateZ(0);
	-ms-transform:translateZ(0); 	/* IE 9 */
	-moz-transform:translateZ(0); 	/* Firefox */
	-webkit-transform:translateZ(0); /* Safari 和 Chrome */
	-o-transform:translateZ(0); 	/* Opera */

}
.index-three-li img:hover{
	-webkit-transition: .3s transform;
	-moz-transition: .3s transform;
	-ms-transition: .3s transform;
	-o-transition: .3s transform;
	transition: .3s transform;
    transform:scale(1.1);
	-ms-transform:scale(1.1); 	/* IE 9 */
	-moz-transform:scale(1.1); 	/* Firefox */
	-webkit-transform:scale(1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1); 	/* Opera */
}
.index-three-btn{
	text-align:center;
}
.index-four-box{
	width:100%;
	overflow:hidden;
	margin:80px auto;
}
.index-four-box .text-title{
	color:#7a1813;
	text-align:center;
}
.e-small-title{
	width:460px;
    margin: 10px auto 60px;
    height:1px;
    background-color:#333;
    position:relative;
}
.e-small-title p{
	width:140px;
	font-size:14px;
	color:#333;
	text-align:center;
	background-color:#fff;
	position:absolute;
	top:-10px;
	left:160px;
}
.join-container{
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}
.index-four-left{
	width:45%;
	float:left;
	overflow:hidden;
}
.join-container .title{
	font-size:20px;
	color:#333;
	margin-bottom:25px;
}
.index-four-left .item-box{
	width:100%;
	border-radius:3px;
	height:50px;
	line-height:50px;
	margin-bottom:23px;
	background-color:#f7f7f7;
}
.index-four-left .item-box label{
	display:inline-block;
	width:16%;
	font-size:16px;
	color:#333;
	padding-left:4%;
}
.index-four-left .item-box input{
	display:inline-block;
	width:76%;
	height:49px;
	line-height:49px;
	color:#7a7a7a;
	background-color:#f7f7f7;
	border:none;
	font-size:16px;
}
.index-four-left .item-box select{
	display:inline-block;
	width:32%;
	padding-left:4%;
	margin-right:2%;
	height:50px;
	line-height:50px;
	background:#f7f7f7 url(/Public/new_home/images/select_icon.png) no-repeat 95% center;
	background-size: 18px 18px;
	border:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
}
.index-four-left .item-box select::-ms-expand {display:none; }
.index-four-right{
	width:53%;
	float:right;
	overflow:hidden;
}
.xdsoft_datetimepicker .xdsoft_mounthpicker{
	overflow:hidden;
}
.btn-box{text-align:center;}
.index-four-box .btn{
	margin-top:50px;
	background-color:#7a1813;
}
.index-four-box .btn::before{
	background: #b99d6b;
}
/*about*/
.pos-container{position:relative;}
.pos-container .top-img{
	width:100%;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0;
    opacity: 0;
    filter: alpha(opacity=0);
    /*.alpha-sz(1,100)\0;*/
    animation: fdd-hy 0.5s 0.1s linear forwards;
    -webkit-animation: fdd-hy 0.5s 0.1s linear forwards;
    -moz-animation: fdd-hy 0.5s 0.1s linear forwards;
    -o-animation: fdd-hy 0.5s 0.1s linear forwards;
    filter: none\9;
    opacity: 1\9;
}
.pos-container .pos-top{
	width:78%;
	position:absolute;
	top:39%;
	left:22%;
	overflow:hidden;
	animation: bounceInLeft ease-in-out 1.2s 1;
	-webkit-animation: bounceInLeft ease-in-out 1.2s 1;
	-moz-animation: bounceInLeft ease-in-out 1.2s 1;
    -o-animation: bounceInLeft ease-in-out 1.2s 1;
}
.pos-container .text-top{
	width:56%;
}
.big-small-title{
	color:#333;
	font-size:20px;
}
.pos-container .pos-top .text-title{
	color:#fff;
	padding-bottom:30px;
}
.pos-container .pos-top .big-small-title{
	color:#fff;
}
.team-one-box{
	background-color:#eaeaea;
}
.team-one-box .team-box-left{
  padding-top:26%;
}
.team-box{
	width:100%;
	overflow:hidden;
}
.team-box-left{
	width:55%;
	overflow:hidden;
	float:left;
}
.team-box .text-title{
	padding-bottom:30px;
}
.team-box .text-title span{
	display:inline-block;
	margin-left:20px;
	letter-spacing:0;
}
.team-box-right{
	width:45%;
	overflow:hidden;
	float:left;
}
.team-box img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.team-two-box{
	background-color:#fff;
}
.team-two-box .team-box-right{
  padding-top:34%;
}
.team-three-box{
	width:100%;
	background-color:#dfdfd5;
	overflow:hidden;
	padding: 150px 0;
}
.team-three-ul{
	width:1000px;
	margin:0 auto;
}
.team-three-li{
	width:20.5%;
	margin-right:6%;
	float:left;
}
.team-three-li img{
	width:100%;
	display:block;
	paddding:0;
	margin:0 0 20px;
	transition: all 0.6s;
}
.team-three-li img:hover{
	transform:translateY(-30px);
	-ms-transform:translateY(-30px); 	/* IE 9 */
	-moz-transform:translateY(-30px); 	/* Firefox */
	-webkit-transform:translateY(-30px); /* Safari 和 Chrome */
	-o-transform:translateY(-30px); 
}
.team-three-li p{
	text-align:center;
	color:#333;
}
/*evolution*/
.evolution-box{
	width:100%;
	overflow:hidden;
	padding:80px 0;
}
.evolution-box .text-title{
	font-size:34px;
}
.evolution-box-li{
	width:100%;
	overflow:hidden;
	height:244px;
}
.evolution-img{
	width:42%;
	float:left;
	overflow:hidden;
	height:100%;
	text-align:right
}
.evolution-img img{
	height:100%;
	margin:0;
	padding:0;
	display:block;
	transition: all 0.6s;
}
.evolution-img img:hover{
	transform:scale(1.4);
	-ms-transform:scale(1.4); 	/* IE 9 */
	-moz-transform:scale(1.4); 	/* Firefox */
	-webkit-transform:scale(1.4); /* Safari 和 Chrome */
	-o-transform:scale(1.4); 
}
.evolution-center{
	width:6%;
	float:left;
	margin:0 5%;
}
.evolution-center img{
	height:100%;
	display:block;
	padding:0;
	margin:0;
}
.evolution-title-right{
	width:42%;
	float:left;
	overflow:hidden;
	text-align:left;
}
.evolution-title-right .text-title{
	padding-top: 23%;
}
.evolution-box-li .text-left{
	text-align:right;
}
.evolution-box-li .evolution-img-right{
	text-align:left;
}
/*service*/
.service-pos-top{
	top: 54%;
	left: 28%;
}
.service-one-box{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.service-one-box img{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	opacity: 0;
    filter: alpha(opacity=0);
}
.pos-box-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.service-one-left{
	padding:20% 0 0 5%;
}
.service-one-left .text-title{
	color:#fff;
	padding-bottom:50px;
}
.service-one-left .text-small-title{
	color:#fff;
	padding-bottom:5px;
}
.service-one-left .btn{margin-top:45px;}
.service-two-box,.service-two-img{
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.service-two-img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.service-two-centent{
	padding:60px 0;
	width:100%;
	overflow:hidden;
	text-align:center;
}
.service-two-center{
	width: 527px;
	overflow:hidden;
	margin:0 auto;
}
.service-two-left{
	width:20%;
	float:left;
}
.service-two-left .text-title{
	color:#7a1913;
	font-size:60px;
	position: relative;
	top: -5px;
}
.service-two-right{
	width:75%;
	float:right;
	text-align:left;
}
.service-two-right span{
	display:block;
	color:#333333;
	padding-top: 5px;
}
.service-two-centent .btn{
	margin-top:40px;
}
.service-three-box{
	width:100%;
	overflow:hidden;
	position:relative;
}
.service-three-box .top-img{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	opacity: 0;
    filter: alpha(opacity=0);
}
.service-three-box .service-one-left{
	padding: 22% 0 0 9%;
}
.service-three-box .service-one-left .text-title{
	font-size: 60px;
	color:#7a1913;
}
.service-three-box .service-one-left .text-small-title{
	color:#333333;
}
/*shirts*/
.pos-container .shirts-pos-top{
	top: 32%;
	left: 56%;
}
.price-title{
	display:inline-block;
	border-radius:20px;
	padding:0 15px 4px;
	background-color:#7a1813;
	color:#fff;
	font-family:"DINPro";
	font-size:26px;
	margin-top:10px;
}
.price-title span{
	font-size:12px;
	position:relative;
	top:-10px;
}
.shirts-one-box{
	width:100%;
	overflow:hidden;
	position:relative;
}
.shirts-one-box img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.shirts-one-left{
    padding: 23% 0 0 12%;
}
.shirts-one-left .text-title{
	color: #fff;
    padding-bottom: 50px;
}
.shirts-one-left .text-small-title {
    color: #fff;
    padding-bottom: 5px;
}
.shirts-one-steps{
	width:100%;
	overflow:hidden;
	margin-top: 60px;
}
.shirts-one-steps .round{
	width:80px;
	height:80px;
	line-height:80px;
	line-height:90px\0;
	border-radius:50%;
	color:#fff;
	font-size:16px;
	float:left;
	border:2px solid #fff;
	text-align:center;
}
.shirts-one-steps .arrow{
	width:30px;
	height:80px;
	line-height:80px;
	line-height:100px\0;
	color:#fff;
	font-size:30px;
	float:left;
	position: relative;
	left: -3px;
}
.shirts-two-box{
	width:100%;
	overflow:hidden;
	position: relative;
	background-image: url(/Public/new_home/images/shirts-2.png);
	background-attachment: fixed;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 80px;
	padding-bottom:30px;
}
.shirts-two-box .box-container{
	position: relative;
	overflow:hidden;
}
.shirts-two-left{
	width:60%;
	margin-left:5%;
	float:left;
	overflow:hidden;
}
.shirts-two-left img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.shirts-two-right{
	width:35%;
	position:absolute;
	text-align:right;
	right:5%;
	top:38%;
}
.shirts-two-right .text-title{
	color:#fff;
	padding-bottom:10px;
}
.shirts-two-right .text-small-title{
	color:#fff;
	padding-bottom:5px;
}
.shirts-two-right .btn{
	color:#fff;
	margin-top:15px;
}
.shirts-three-box{
	width:100%;
	overflow:hidden;
	position:relative;
}
.shirts-three-box img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.shirts-three-box .service-one-left{
	padding-top:12%;
}
.shirts-three-box .service-one-left .text-title{
	padding-bottom:20px;
}
.big-text-title{
	color:#fff;
	font-size:50px;
}
.shirts-four-box{
	width:100%;
	overflow:hidden;
	position:relative;
}
.shirts-four-box img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.shirts-five-box{
	width:100%;
	background-color:#efefed;
	position:relative;
	overflow:hidden;
}
.shirts-swiper-img-1{
	height:900px;
	overflow:hidden;
	display:block;
	float:right;
	animation: fadeInRight ease-in-out 1s 1;
	-webkit-animation: fadeInRight ease-in-out 1s 1;
}
.shirts-swiper-img-2{
	height:900px;
	overflow:hidden;
	display:block;
}
.shirts-five-box .text-title{
	text-align:center;
	margin-top: 80px;
	margin-bottom: 30px;
}
.shirts-five-box .text-small-title{
	text-align:center;
	padding-bottom:5px;
	color:#333;
}
.shirts-five-box .box-container .text-title{
	text-align:left;
	padding-left:18px;
	animation: fdd-hy ease-in-out 1s 1;
	-webkit-animation: fdd-hy ease-in-out 1s 1;
	margin-top: 210px;
}
.shirt-box-border{
	width:96.6%;
	margin-bottom:20px;
	margin:0 auto;
	animation: fdd-hy ease-in-out 2s 1;
	-webkit-animation: fdd-hy ease-in-out 2s 1;
}
.shirt-swiper-border{
	position:relative;
	height:1px;
	width:100%;
	background-color:#333;
	float:left;
}
.w40{
	width:40%;
}
.w55{
	width:55%;
	float:right;
	background:none;
}
.shirt-swiper-border .text-small-title{
	color:#333;
	position:absolute;
	top:-14px;
	width:40%;
	left:32%;
	
	display:block;
}
.w40 .text-small-title{
	width:36%;
	background-color:#efefed;
}
.shirt-swiper-border .w40-b{
	width:40%;
	height:1px;
	background-color:#333;
	float:left;
}
.w55 .text-small-title{
	width:20%;
	left:40%;
}
.shirt-swiper-ul{
	width:100%;
	overflow:hidden;
	padding-top:30px;
		animation: fdd-hy ease-in-out 1s 1;
	-webkit-animation: fdd-hy ease-in-out 1s 1;
}
.shirt-swiper-ul li{
	width:12%;
	float:left;
	margin-right:2.66666%;
}
.shirt-swiper-ul li img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.shirt-swiper-ul li .text-small-title{
	color:#333;
	text-align:center;
}
.shirts-five-box .swiper-pagination-fraction, .swiper-pagination-custom,.shirts-five-box .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 4%;
}
.shirts-five-box .swiper-pagination-bullet-active{
	background: #b99d6b;
}
.box-container-two{
	width:900px;
	overflow:hidden;
	margin:160px auto;
}
.box-container-two .text-title{
	text-align: left;
	margin-bottom: 30px;
	padding-left:18px;
}
.box-container-two .shirt-box-border{
	width:95%;
}
.w70{
	width: 70%;
	float: left;
	background: none;
}
.w15{
	width: 14%;
	float: right;
}
.w15 .text-small-title{
	width: 70%;
	left: 15%;
	background-color: #efefed;
}
.w70 .w40-b{
	width:35%;
}
.w70 .text-small-title{
	width: 30%;
	left: 35%;
}
.shirt-swiper-ul-two li{
	width:17.6%;
	margin-right:3%;
	
}
.shirts-swiper-img-3{
	width: 270px;
	left: 22%;
	bottom: -14%;
	position: absolute;
}
.shirts-title-three{
	width:100%;
	overflow:hidden;
	padding-bottom: 40px;
	padding-top: 110px;
}
.shirts-swiper-three {
	width:100%;
	overflow:hidden;
}
.shirts-title-three img,.shirts-swiper-three img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}

/*fabirc*/
.fabric-top{
	overflow:hidden;
	width:100%;
	background-color:#333333;
	height:90px;
}
.content {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-top: 0px;
	margin:0 auto;
}

.box {
	width: 100%;
	position: relative;
}

.box>img {
	display: block;
	margin: 0 auto;
}

.foot {
	min-width: 1260px;
	margin: 0 auto;
	padding: 30px 0;
	background: #333;
}

.foot img {
	display: block;
	margin: 0 auto;
}

.form {
	width: 1150px;
	margin: 0 auto;
}

.form>p.title {
	font-size: 38px;
	line-height: 100px;
}

.form>p {
	color: #333;
	font-size: 18px;
	line-height: 30px;
}

.form-con {
	margin: 20px 0 60px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 30px 0;
}

.form-con .fl {
	width: 555px;
}

.form-con .fl p {
	margin: 0;
	margin-bottom: 17px;
	font-size: 16px;
	color: #5c5c5c;
}

.form-con .fl p input {
	box-sizing: border-box;
	width: 100%;
	height: 46px;
	line-height: normal;
	padding: 0 20px;
	background: #f6f6f6;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
}

.form-con .fl p input.min {
	width: 370px;
}

.form-con .fl p  span, .form-con .fr p span {
	float: right;
	display: inline-block;
	width: 168px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #7e192a;
	color: #c5c5c5;
	cursor: pointer;
}

.form-con .fl p select {
	float: left;
	box-sizing: border-box;
	width: 175px;
	height: 46px;
	line-height: normal;
	padding: 0 10px;
	background: #f6f6f6;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
}

.form-con .fl p select+select {
	margin-left: 15px;
}

.form-con .fr {
	width: 565px;
}

.form-con .fr .date {
	margin-bottom: 20px;
}

.form-con .fr>p {
	margin: 0;
	margin-bottom: 17px;
	font-size: 16px;
	color: #FFFFFF;
	clear: both;
}

.box-center {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	color: #515a5f;
	position:relative;
	min-height:700px;
}

.box-center .left.left-1 {
	width: 25%;
	float:left;
	overflow: hidden;
	padding-top: 14px;
	position: absolute;
	left:0;
	top:auto;
	bottom:0;
}

.box-center .left {
	width: 16%;
	overflow: hidden;
	position: fixed;
	left:18%;
	top:76px;
	min-width: 300px;
}

.box-center .right {
	width: 70%;
	float: right;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}

.left-box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.left-box #fabric_code{
	border-radius:0px;
	border:1px solid #000;
	background:none;
	line-height:28px;
	width:60%;
	color:#000;
	text-align:left;
	padding:0 3%;
	margin-right:3%;
}

.left-box button{
	width:24%;
	text-align:center;
	line-height:28px;
	border:1px solid #000;
	background:#b99d6b;
	color:#fff;
}

.left-box h5 {
	font-size: 15px;
	margin-bottom: 10px;
	margin-top:10px;
}

.left-box-ul {
	width: 100%;
	overflow: hidden;
}

.left-box-ul span {
	position: relative;
	cursor: pointer;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
	display: block;
	border: 1px solid #515a5f;
	width: 35px;
	height: 35px;
	line-height: 40px;
	text-align: center;
}

.left-box-ul span img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.left-box-ul span .colors_bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: url('/Public/home/images/colors_bg.png') no-repeat center
		center;
	background-size: 30px 30px;
}

.left-box-ul .li-input {
	width: 82px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	line-height: 35px\0;
}

#price .li-input{
	line-height:26px\0;
}

.left-box input {
	background-color: #7a1813;
	border-radius: 20px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	width: 90%;
	text-align: center;
	cursor: pointer;
}

.left-box-ul .li-color {
	background-color: #7a1813;
	color: #fff;
}
/* .left-box-ul .li-border{border:2px solid #7a1813;} */
.right-box {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.fabric-ul {
	width: 100%;
	overflow: hidden;
}

.fabric-ul li {
	float: left;
	width: 18%;
	margin: 0 1% 2%;
	position: relative;
}

.fabric-ul li img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.fabric-ul li p {
	padding: 0;
	margin: 5px 0 0;
	text-align: left;
	width: 100%;
	font-size: 12px;
	color:#333;
	line-height:18px;
}

.fabric-ul li .fabric-name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	line-height: 18px;
}

.fabric-ul li .fabric-price {
	color: #7a1813;
	margin: 0;
	line-height: 18px;
}

.fabric-ul li .img_new {
	left: 0;
	top: 0;
	position: absolute;
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
}

.shirt-ul {
	width: 100%;
	overflow: hidden;
}

.shirt-ul li {
	float: left;
	width: 31%;
	margin: 0 1% 2%;
	position: relative;
}

.shirt-ul li img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #e8e8e8;
}

.shirt-ul li p {
	bottom: 5px;
	left: 3%;
	width: 94%;
	position: absolute;
	color: #333333;
	margin: 0;
}

.shirt-ul li p span {
	float: right;
	color: #7a1813;
}

.shirt-ul li .img_new {
	left: 0;
	top: 0;
	position: absolute;
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
}

.model-ul {
	width: 100%;
	overflow: hidden;
}

.model-ul li {
	float: left;
	width: 31%;
	margin: 0 1% 2%;
	position: relative;
}

.model-ul li img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.model-ul li .image-desc{
	bottom:0;
	left:0;
	position: absolute;
	width:100%;
	height:60px;
	background-color:#FFF;
	filter:alpha(opacity=78); 
	-moz-opacity:0.78; 
	-khtml-opacity: 0.78; 
	opacity: 0.78;
	padding:0 0;
}

.model-ul li .image-desc p{
	margin-bottom:0px;
	margin-left:10px;
	font-size:12px;
	color:#000;
	margin-top:4px;
	line-height: 17.5px;
}
.model-ul li .image-desc .fabric-name
{
	margin-top:0px;
}
.model-ul li .image-desc .fabric-price
{
	color:#7a1813;
	margin-top:0px;
}
.model-ul li a:hover{
	color:#000;
	margin-top:0px;
}
.model-ul li .img_new {
	left: 0;
	top: 0;
	position: absolute;
	width: 50px;
	height: 50px;
	background: url('/Public/home/images/img_new.png') no-repeat center
		center;
	background-size: 100% 100%;
}

.no-title {
	font-size: 30px;
	height: 100%;
	text-align: center;
	color: #7a1813;
	line-height: 500px;
}

.detail-box {
	width: 100%;
	margin: 80px auto 0;
	overflow: hidden;
}

.detail-content {
	position: relative;
	width: 94%;
	padding: 0 3%;
	margin: 0 auto;
	overflow: hidden;
}

.detail-ul {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.detail-ul li {
	float: left;
	width: 24%;
	margin: 0 0.5% 20px;
	position: relative;
}

.detail-ul li img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.nav-wr {
	position: fixed;
    width: 100%;
    z-index: 999;
    top: 90px;
}
.nav-wr .title {
	padding: 10px 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background-color: #f6f6f6;
	font-size: 14px;
	color: #666;
}

.nav-wr .title p {
	width: 93%;
	padding: 0 3.5%;
	margin: 0 auto;
	overflow: hidden;
}

.nav-wr .title p span {
	float: left;
	display: block;
}

.nav-wr .title p input {
	background-color: #7a1813;
	border-radius: 20px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	width: 100px;
	text-align: center;
	cursor: pointer;
	float: right;
	margin-top: 2.5px;
}
/*culture*/
.pos-container .cultrue-top{
	width: 220px;
	top: 69%;
	right: 24%;
	left:auto;
	animation: bounceInRight ease-in-out 1.2s 1;
	-webkit-animation: bounceInRight ease-in-out 1.2s 1;
	-moz-animation: bounceInRight ease-in-out 1.2s 1;
	-o-animation: bounceInRight ease-in-out 1.2s 1;
}
.cultrue-one-box{
	width: 100%;
	overflow: hidden;
	position: relative;
	background-image: url(/Public/new_home/images/culture-2.png);
	background-attachment: fixed;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.cultrue-one-box .service-one-left{
	padding: 8% 0 2% 5%;
}
.cultrue-one-box  .service-one-left .text-title{
	padding-bottom: 5px;
}
.cultrue-one-box img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.cultrue-two-box{
	width:100%;
	overflow:hidden;
}
.cultrue-two-box img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.cultrue-two-box .box-container{
	ovarflow:hidden;
	height:120px;
}
.cultrue-two-content{
	padding-right: 9%;
	position: relative;
	float: right;
	width: 260px;
	top: -30px;
}
.cultrue-two-box .text-title{
	padding-bottom:10px;
}
.cultrue-three-box{
	width:100%;
	overflow:hidden;
	background-color:#f9f9f9;
	position:relative;
}
.cultrue-three-box img{
	width:100%;
	display:block;
	margin:0;
	padding:0;
}
.cultrue-three-pos{
	width:200px;
	position: absolute;
	bottom: 15%;
	right: 22%;
}
.cultrue-three-pos .text-title{padding-bottom:10px;}
/*joinus*/
.joinus-one-box,.joinus-two-box,.joinus-three-box{
	width:100%;
	position:relative;
	overflow:hidden;
}

.joinus-img-box{
	width:100%;
	overflow:hidden;
}

.joinus-img-box .top-img{
	width:90%;
	display:block;
	margin:0 auto;
	padding:0;
}

.joinus-img-box .video-img{width:89.5%;}

.box-c-box{width:100%;overflow:hidden;margin-top:60px;}
.box-c-box img{
	width:100%;
	padding:0;
	margin:0 auto;
}

.p-box{
	width:100%;
	overflow:hidden;
	margin:40px auto 70px;
}

.p-box .p-text{
	font-size:46px;
	color:#313131;
	width:100%;
	text-align:center;
}
.p-box .p-text span{
	color:#7a1813;
	font-size:56px;
}

.p-box .bg-title{
	width:800px;
	background:#836341;
	color:#fff;
	padding:5px 0;
	font-size:46px;
	text-align:center;
	margin:0 auto;
}

.p-box .big-title{
	width:100%;
	text-align:center;
	font-size:56px;
	color:#836341;
}

.joinus-title-box{
	width:89%;
	border:4px solid #7a1813;
	overflow:hidden;
	margin:0 auto;
}

.joinus-title-top{
	width:100%;
	text-align:center;
	color:#fff;
	background:#7a1813;
	padding:5px 0 10px;
	font-size:46px;
}

.joinus-title-bottom{
	width:100%;
	text-align:center;
	color:#3b3b3b;
	font-size:40px;
}

.joinus-new-box{
	width:100%;
	background:#e3dcd2;
	padding:80px 0 0;
	margin:80px auto 0;
	border-bottom:2px solid #fff;
}

.joinus-bg-title{
	width:100%;
	text-align:center;
	font-size:34px;
	color:#f4f4f4;
	padding:8px 0;
	background:#846342;
	margin-bottom:1px;
}

.joinus-bg-title span{
	color:#fff;
	font-size:38px;
}

.img-gc-title{
	width:100%;
	color:#060606;
	text-align:center;
	font-size:36px;
	padding:10px 0 80px;
}

.p-title-border{
	width:594px;
	border-top:4px solid #846342;
	margin:20px auto 0;
}

.triangle_border_down{
    width:0;
    height:0;
    border-width:15px 15px 0;
    border-style:solid;
    border-color:#846342 transparent transparent;/*灰 透明 透明 */
    margin:0 auto;
    position:relative;
}

.big-p-title{
	width:100%;
	text-align:center;
	font-size:60px;
	color:#846342;
	margin:20px auto 60px;
}

.msg-box{
	width:100%;
	padding:40px 0;
	background:#7a1913;
}
.msg-box p{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:36px;
}

.joinus-new-ul{
	width:89.4%;
	margin:30px auto 60px;
	overflow:hidden;
}
.joinus-new-li{
	width:32%;
	margin-right:2%;
	overflow:hidden;
	float:left;
}

.joinus-new-li img{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0;
}

.joinus-title{
	width:100%;
	padding:100px 0 0;
	margin:0 auto 40px;
	overflow:hidden;
	display:block;
}

.joinus-small-title{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}

.joinus-one-ul{
	width:100%;
	overflow:hidden;
}

.joinus-one-li{
	width:31.3%;
	border:3px solid #922336;
	overflow:hidden;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
}

.joinus-one-top{
	width: 100%;
	background: #922336;
	text-align: center;
	font-size: 32px;
	color: #fff;
	letter-spacing: 2px;
	padding-bottom: 5px;
}
.joinus-one-text{
	width:90%;
	padding:15px 5%;
	overflow:hidden;
	font-size:16px;
	letter-spacing: 1px;
	text-align:justify;
    text-align-last:justify;
    color:#333;
}

.joinus-two-ul{
	width:100%;
	overflow:hidden;
}

.joinus-two-li{
	width:33.33333%;
	overflow:hidden;
	float:left;
	margin-bottom:20px;
}
.joinus-two-li img,.joinus-three-centent img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}

.joinus-three-centent{
	width:80%;
	margin:0 auto;
	overflow:hidden;
}

.joinus-four-li{
	width:48%;
	float:left;
	margin-right:4%;
	oveflow:hidden;
}
.joinus-four-li img,.joinus-four-bottom img{
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
.joinus-four-li span{
	margin-top:10px;
	text-align:center;
	color:#333;
	display:block;
	width:100%;
	font-size:32px;
}
.joinus-four-bottom{
	width:80%;
	margin:120px auto 40px;
	overflow:hidden;
}
.joinus-six-bottom{
	width: 700px;
	text-align:left;
	overflow:hidden;
	padding-top:20px;
	margin:0 auto;
	letter-spacing: 2px;
	padding-bottom:40px;
}
.joinus-six-bottom .text-small-title,.joinus-six-bottom a{
	color:#333;
}

#joinus-five-box .text-title{
	margin-bottom:5px;
}

#joinus-five-box .text-small-title{
	padding-bottom: 20px;
}

.joinus-container{
	width:600px;
	margin:0 auto;
}
.joinus-container .fo-item{
	padding-top:20px;
	width:100%;
	position:relative;
	overflow:hidden;
}
.placeholder {width:80%;position: absolute;top: 39px;z-index: 10;color: #7a7a7a;font-size:16px;}
.joinus-container .fo-item input{
	height:50px;
	line-height:50px;
	border-radius:3px;
	border:1px solid #b99d6b;
	padding:0 5%;
	width:89%;
	font-size:16px;
	color:#333;
	background-color:#f7f7f7;
}

.joinus-container .fo-item input:focus{
	border:1px solid #7a1813;
}

.joinus-top-box{
    float:right;
	overflow:hidden;
}
.joinus-pos{
	top:auto;
	bottom:5%;
	animation: bounceInRight ease-in-out 1.2s 1;
	-webkit-animation: bounceInRight ease-in-out 1.2s 1;
	-moz-animation: bounceInRight ease-in-out 1.2s 1;
	-o-animation: bounceInRight ease-in-out 1.2s 1;
}

.joinus-pos .big-small-title{
	color:#fff;
}
/*footer*/
.footer{
	width:100%;
	overflow:hidden;
	background-color:#333333;
	padding:80px 0;
}
.footer-box-top{
	widthL:100%;
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #fff;
}
.footer-box-left{
	width:22%;
	float:left;
	overflow:hidden;
}
.footer-box-left li{
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:16px;
	margin-bottom:5px;
}
.footer-box-left li a{
	color:#fff;
}
.footer-box-left li a:hover{color:#b99d6b;}
.footer-box-left li .item-li-title{
	font-size:18px;
}
.footer-box-left li .item-li-border{
	height:2px;
	background-color:#b99d6b;
	width:40px;
	margin:5px 0 15px;
}
.footer-box-left li span{
	display:inline-block;
	margin-left:20px;
}
.footer-box-bottom{
	padding-top:30px;
	text-align:center;
	color:#fff;
	font-size:14px;
}
@media screen and (max-width: 1600px) {
	.service-one-left{padding: 15% 0 0 10%;}
	.service-three-box .service-one-left {padding: 17% 0 0 11%;}
	.shirts-one-left{padding: 18% 0 0 12%;}
	.shirts-one-left .text-title{padding-bottom: 40px;}
	.big-text-title {font-size: 48px;}
	.shirts-one-steps{margin-top: 40px;}
	.joinus-two-pos{left: 7%;}
	
}
@media screen and (max-width: 1400px) {
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 1%;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 1%;}
	.service-one-left{padding: 10% 0 0 10%;}
	.service-three-box .service-one-left {padding: 13% 0 0 14%;}
	.shirts-one-left{padding: 13% 0 0 12%;}
	.big-text-title {font-size: 45px;}
	.shirts-five-box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:1%}
	.shirts-five-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:1%}
	.shirts-swiper-img-1,.shirts-swiper-img-2{height:750px;}
	.shirts-five-box .box-container .text-title{margin-top: 110px;}
	.box-container-two{margin: 20px auto;}
	.shirts-title-three{padding-top: 50px;padding-bottom: 20px;}
	.shirts-title-three img{
	   width: 86%;
	   margin: 0 auto;
	}
	.shirts-swiper-three img{
	   width: 90%;
	   margin: 0 auto;
	}
	.shirts-swiper-img-3{bottom: -12%;width: 200px;left: 26%;}
	.cultrue-one-box .service-one-left{padding: 5% 0 0 5%;}
	.cultrue-three-pos{right: 11%;}
	.pos-container .cultrue-top{right: 15%;}
	.joinus-two-pos{left: 5%;}
	.pos-container .pos-top{top: 41%;left: 10%;}
	.pos-container .text-top{width:80%}
	.joinus-title{width:90%}
	.joinus-four-li span{font-size:26px;}
	/* 招商  */
	.joinus-title-top,.p-box .p-text{font-size:38px;}
	.joinus-title-bottom{font-size:32px;}
	.p-box .p-text span,.p-box .big-title{font-size:42px;}
	.p-box .bg-title{font-size: 38px;width: 530px;}
	.box-c-box{width:80%;margin:60px auto 0;}
	.joinus-bg-title{font-size:30px;width:90%;margin:0 auto 1px;}
	.joinus-bg-title span{font-size:34px;}
	.img-gc-title{font-size:32px;}
	.big-p-title{font-size:56px;}
	.msg-box p{font-size:32px;}
}
@media screen and (max-width: 1200px) {
	header{padding:14px 0;}
	header .logo img{height:45px;}
	header ul.primary-nav li a{font-size:16px;}
	.btn-white,.primary-nav-two li a{font-size: 16px;}
	header .member-actions{top:13px;}
	header,.box-container,.header-two,.box-center{width:90%;}
	.text-title{font-size:38px;}
	.text-small-title{font-size: 18px;}
	.big-small-title{font-size:16px;}
	.index-three-li{width:12.5%}
	.join-container{width: 1000px;}
	.xdsoft_datetimepicker .xdsoft_datepicker{width: 528px;}
	.team-three-box{padding: 120px 0;}
	.navigation-two{top:85px;}
	.team-three-ul{width:900px;}
	.evolution-title-right .text-title{padding-top: 30%;}
	.evolution-box .text-title{font-size: 28px;}
	.evolution-img,.evolution-box-li .evolution-img-right{text-align:center;}
	.evolution-img{height:auto;}
	.evolution-img img,.evolution-center img{width:100%;height:auto;}
	.evolution-center{width: 8%;margin: 0 4%;}
	.service-one-left .text-title{padding-bottom: 30px;}
	.service-one-left .btn{margin-top: 25px;}
	.service-two-centent{padding: 40px 0;}
	.service-two-centent .btn{margin-top: 20px;}
	.service-two-center{width: 440px;}
	.service-three-box .service-one-left .text-title,.service-two-left .text-title{font-size: 50px;}
	.shirts-one-steps .round{width: 70px;height: 70px;line-height: 70px;font-size: 14px;}
	.shirts-one-steps .arrow {width: 25px;height: 70px;line-height: 70px;font-size: 26px;}
	.shirts-one-left .text-title,.shirts-one-steps {padding-bottom: 30px;}
	.shirts-two-box{padding-top: 60px;padding-bottom: 25px;}
	.shirts-two-left{width: 55%;}
	.price-title{font-size: 24px;}
	.nav-wr .title{font-size:12px;}
	.fabric-top{height: 74px;}
	.nav-wr{top: 74px;}
	.shirts-swiper-img-3{bottom: -26%;}
	.pos-container .cultrue-top{width: 200px;}
	.joinus-three-right .text-title{padding-bottom: 5px;}
	.joinus-one-pos .big-small-title{font-size: 14px;}
	.joinus-three-right .big-small-title{font-size: 14px;line-height: 25px;}
	.joinus-one-bottom-box{height:80px;}
	.joinus-one-bottom-box .one-top{line-height:80px;}
	.joinus-one-top-box{font-size:18px;padding-bottom:0;}
	.joinus-swiper-one .swiper-two-box{height: 100px;}
	.joinus-swiper-one .swiper-two-box .left{line-height: 100px;}
	.swiper-two-box .two-top{margin-top: 10px;}
	.joinus-swiper-one .box-container{width: 80%;}
	.joinus-one-bottom-box .p-title,.joinus-two-pos .p-title{font-size:12px;}
	.joinus-two-pos .joinus-one-bottom-box .p-title{line-height: 16px;}
	.joinus-two-pos .joinus-one-bottom-box{height: 130px;}
	.joinus-one-text{font-size:14px;}
	.joinus-four-li span{font-size:24px;}
		/* 招商  */
	.joinus-title-top,.p-box .p-text{font-size:34px;}
	.joinus-title-bottom{font-size:28px;}
	.p-box .p-text span,.p-box .big-title{font-size:38px;}
	.p-box .bg-title{font-size: 34px;width: 480px;}
	.box-c-box{width:80%;margin:40px auto 0;}
	.joinus-bg-title{font-size:26px;width:80%;margin:0 auto 1px;}
	.joinus-bg-title span{font-size:30px;}
	.img-gc-title{font-size:28px;}
	.big-p-title{font-size:50px;}
	.msg-box p{font-size:28px;}
}
@media screen and (max-width: 1100px) {
	.text-title{font-size:36px;}
	.text-small-title{font-size: 16px;}
	.btn{height:45px;line-height:45px;font-size: 16px;width: 210px;}
	.index-two-right .btn{margin-right: 22%;}
	.index-three-li{width:16.666666%}
	.join-container{width: 900px;}
	.xdsoft_datetimepicker .xdsoft_datepicker{width: 475px;}
	.footer{padding:60px 0;}
	.footer-box-bottom{padding-top: 20px;}
	.footer-box-left li .item-li-border{width:35px;}
	.footer-box-left li .item-li-title{font-size:16px;}
	.footer-box-left li{font-size:14px;}
	header ul.primary-nav li a{padding-right: 15px;padding-left: 15px;}
	.shirts-two-left{width: 50%;}
	.shirts-two-box{padding-top: 50px;padding-bottom: 20px;}
	.shirts-swiper-img-3{bottom: -28%;}
	.shirts-swiper-img-1, .shirts-swiper-img-2{height: 650px;}
	.joinus-container{width: 550px;}
	.joinus-container .fo-item{padding-top: 15px;}
	.shirts-five-box .text-title{margin-top: 50px;margin-bottom: 15px;}
	.joinus-container .fo-item input{height: 45px;line-height: 45px;font-size: 14px;}
	.index-four-box{margin: 60px auto;}
			/* 招商  */
	.joinus-title-top,.p-box .p-text{font-size:32px;}
	.joinus-title-bottom{font-size:26px;}
	.p-box .p-text span,.p-box .big-title{font-size:36px;}
	.p-box .bg-title{font-size: 32px;width: 460px;}
	.box-c-box{width:80%;margin:40px auto 0;}
	.joinus-bg-title{font-size:24px;width:80%;margin:0 auto 1px;}
	.joinus-bg-title span{font-size:28px;}
	.img-gc-title{font-size:26px;}
	.big-p-title{font-size:46px;}
	.msg-box p{font-size:26px;}
}
@media screen and (max-width: 1050px) {
	.evolution-center{width: 9%;margin: 0 3.5%;}
	.box-center .right{width: 69%;}
	.left-box h5{margin:8.5px 0;}
	
}
@media screen and (max-width: 1000px) {
	.text-title{font-size:32px;}
	.text-small-title{font-size: 14px;}
	.btn{height:40px;line-height:40px;font-size: 14px;width: 190px;}
	.index-two-right .btn{margin-right: 25%;}
	.big-small-title{font-size:14px;}
	.service-three-box .service-one-left .text-title,.service-two-left .text-title{font-size: 50px;}
	.shirts-one-steps .round{width: 60px;height: 60px;line-height: 60px;font-size: 12px;}
	.shirts-one-steps .arrow {width: 20px;height: 60px;line-height: 60px;font-size: 22px;}
	.shirts-one-left .text-title,.shirts-one-steps {padding-bottom: 20px;}
	.price-title{font-size: 21px;}
	.nav-wr .title{padding: 5px 0;}
	.nav-wr .title p .p-span{width:75%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	.nav-wr .title p input{width: 90px;font-size: 12px;}
	.joinus-one-pos .big-small-title{font-size: 12px;}
	.joinus-three-right .big-small-title{font-size: 12px;line-height: 20px;}
	.index-four-box{margin: 40px auto;}
}

@media screen and (max-height: 810px) {
	.left-box h5{margin-top:0;}
	#cloth_type span{width: 40px;}
	.left-box-ul span{width:30px;height:30px;}
	.left-box-ul span .colors_bg{background-size: 25px 25px;}
	.left-box-ul span{margin-bottom: 5px;margin-right: 5px;}
	.left-box-ul .li-input{font-size: 12px;height: 28px;line-height: 26px;width: 75px;}
	.box-center .right{padding-top: 10px;}
}