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

body{
	width:100%;
	background-color:#fff;
	margin:0 auto;
	
}
#wrap{
	width:1300px;
	height:2400px;
	height:auto;
	margin:0 auto;
	
}
#header{
	width:100%;
	height:205px;
	float:left;
	background-color:#66ccff;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.5);
	position:fixed;
	left:0;
	z-index:4;
}
#header1{
	width:1300px;
	height:205px;
	float:left;
	
}
#logo{
	width:773px;
	height:85px;
	float:left;
	margin-left:268px;
	margin-top:40px;
}
.banner{
	width:1233px;
	height:714px;
	float:left;
	margin-left:36px;
	margin-top:205px
}
.menu_img{
	width:897px;
	height:55px;
	float:left;
	margin-top:54px;
	position:relative;
	left:-80px;
	background-color:#ff9933;
	
	
}
.pro_banner{
	width:1233px;
	height:733px;
	float:left;
	margin-left:36px;
	background-image:url(../images/product_banner.jpg);
}
.mens{
	width:274px;
	height:351px;
	float:left;
	margin-left:96px;
	margin-top:59px;
}
.ladies{
	width:272px;
	height:352px;
	float:left;
	margin-left:107px;
	margin-top:59px;
}
.kids{
	width:273px;
	height:352px;
	float:left;
	margin-left:108px;
	margin-top:59px;
}
.profile_div{
	width:1233px;
	height:257px;
	float:left;
	margin-top:35px;
}

.gallery_div{
	width:100%;
	height:420px;
	float:left;
	background-color:#CCC;
}
.gallery_div1{
	width:1300px;
	height:420px;
	float:left;
	position:relative;
}
.gallery_text{
	width:1233px;
	height:60px;
	float:left;
	color:#ff9933;
	font-size:36px;
	font-family:"Franklin Gothic Medium";
	text-align:left;
	padding-top:28px;
	margin-left:36px;
}
.gallery_img1{
	width:1233px;
	height:152px;
	float:left;
	margin-left:36px;
}
.g_img1{
	width:392px;
	height:152px;
	float:left;
}
.g_img2{
	width:227px;
	height:152px;
	float:left;
	margin-left:3px;
	
}
.g_img3{
	width:220px;
	height:152px;
	float:left;
	margin-left:2px;
	
}
.g_img4{
	width:384px;
	height:152px;
	float:left;
	margin-left:3px;
	
}
.gallery_img2{
	width:1233px;
	height:152px;
	float:left;
	margin-left:36px;
	margin-top:6px;
}
.g_img5{
	width:189px;
	height:152px;
	float:left;
	margin-left:54px;
	
}
.g_img6{
	width:362px;
	height:152px;
	float:left;
	margin-left:3px;
	
}
.g_img7{
	width:205px;
	height:152px;
	float:left;
	margin-left:3px;
	
}
.g_img8{
	width:362px;
	height:152px;
	float:left;
	margin-left:3px;
	
}
.footer1{
	width:100%;
	height:300px;
	float:left;
	background-color:#66ccff;
	clear:both;
}
.footer1_div{
	width:1300px;
	height:300px;
	float:left;
	position:relative;
}
.policy_div{
	width:385px;
	height:300px;
	float:left;
	margin-left:36px;
}
.policy_img{
	width:385px;
	height:143px;
	float:left;
	margin-top:75px;
	background-image:url(../images/policy_img.png);
}
.pro_div{
	width:212px;
	height:300px;
	float:left;
	margin-left:20px;
}
.pro_text{
	width:212px;
	height:35px;
	font-family:"Franklin Gothic Medium";
	font-size:24px;
	color:#333;
	padding-top:40px;
	text-align:left;
}
.pro_menu{
	width:212px;
	height:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	color:#999;
	padding-top:20px;
	text-align:left;
}
.pro_menu a{
	color:#999;
	text-decoration:none;
	
}
.pro_menu a:hover{
	
	color:#ff9933;
	text-decoration:none;
	
}
.link_div{
	width:212px;
	height:300px;
	float:left;
	margin-left:25px;
}
.link_text{
	width:212px;
	height:35px;
	font-family:"Franklin Gothic Medium";
	font-size:24px;
	color:#333;
	padding-top:40px;
	text-align:left;
}
.link_menu{
	width:212px;
	height:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	color:#999;
	padding-top:20px;
	text-align:left;
}
.link_menu a{
	text-decoration:none;
	color:#999;
}
.link_menu a:hover{
	text-decoration:none;
	color:#ff9933;
	
}
.follow_div{
	width:390px;
	height:300px;
	float:left;
	margin-left:20px;
	
}
.follow_text{
	width:390px;
	height:35px;
	font-family:"Franklin Gothic Medium";
	font-size:24px;
	color:#333;
	padding-top:40px;
	text-align:center;
}
.icon_div{
	width:317px;
	height:70px;
	float:left;
	margin-top:60px;
	margin-left:50px;
}

.fb{
	width:71px;
	height:70px;
	float:left;
}
.twitter{
	width:78px;
	height:70px;
	float:left;
}
.linked{
	width:84px;
	height:70px;
	float:left;
}
.gplus{
	width:82px;
	height:70px;
	float:left;
}
.footer2{
	width:100%;
	height:33px;
	float:left;
	background-color:#3399cc;
}
.footer_div2{
	width:1300px;
	height:33px;
	float:left;
	position:relative;
}
.scs{
	width:250px;
	height:15px;
	float:left;
	margin-top:9px;
	font-family:"Franklin Gothic Medium";
	font-size:12px;
	color:#FFF;
	margin-left:1050px;
	
}
/*PIC*/
.pic {
 width: 392px;
  height: 152px;
 overflow:hidden;
  
  float: left;
}

.pic:hover {
  cursor: pointer;
}

/*GROW*/
.grow img {
  width: 392px;
  height: 152px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow img:hover {
  width: 402px;
  height: 162px;
}

/*PIC1*/
.pic1 {
 width: 227px;
  height: 152px;
 overflow:hidden;
  
  float: left;
}

.pic1:hover {
  cursor: pointer;
}

/*GROW1*/
.grow1 img {
  width: 227px;
  height: 152px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow1 img:hover {
  width: 237px;
  height: 162px;
}
/*PIC2*/
.pic2{
 width: 220px;
  height: 152px;
 overflow:hidden;
  
  float: left;
}

.pic2:hover {
  cursor: pointer;
}

/*GROW2*/
.grow2 img {
  width: 220px;
  height: 152px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow2 img:hover {
  width: 230px;
  height: 162px;
}
/*PIC3*/
.pic3{
 width: 384px;
  height: 152px;
 overflow:hidden;
  
  float: left;
}

.pic3:hover {
  cursor: pointer;
}

/*GROW3*/
.grow3 img {
  width: 384px;
  height: 152px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow3 img:hover {
  width: 394px;
  height: 162px;
}
/*PIC4*/
.pic4{
 width: 189px;
  height: 152px;
 overflow:hidden;
  
  float: left;
}

.pic4:hover {
  cursor: pointer;
}

/*GROW4*/
.grow4 img {
  width: 189px;
  height: 152px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow4 img:hover {
  width: 199px;
  height: 162px;
}
/*PIC5*/
.pic5{
 width: 205px;
  height: 152px;
 overflow:hidden;
  
  float: left;
}

.pic5:hover {
  cursor: pointer;
}

/*GROW5*/
.grow5 img {
  width: 205px;
  height: 152px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow5 img:hover {
  width: 215px;
  height: 162px;
}
/*PIC6*/
.pic6{
 width: 362px;
  height: 152px;
 overflow:hidden;
  
  float: left;
}

.pic6:hover {
  cursor: pointer;
}

/*GROW6*/
.grow6 img {
  width: 362px;
  height: 152px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow6 img:hover {
  width: 372px;
  height: 162px;
}