@charset "utf-8";
body{min-width: 1000px;}

/*left*/
#left{position: fixed;width: 280px;height: 100%;background: #81d8ce;top:0px;left: 0px;}
.logo{width: 133px; height: 77px;margin: 38px auto;}
.nav{width: 100%;}
.nav li{width: 150px;margin: 20px auto; text-align: center;color: #326a64;font-weight: bold;font-size: 14px;}

/*right*/
#right{height: 100%;padding: 20px 50px 0px 315px;}
.top{width: 100%;height:60px;line-height: 60px;border-bottom: 1px #000000 solid;}
.top h2{color: #000000;font-size: 24px;font-family: 黑体;float: left;}
.search{float: right;}
.seach_inp{width: 268px; height: 36px; line-height: 36px; padding-left: 12px;color: #666666; font-size: 14px;vertical-align: middle;font-family:微软雅黑;background: #d8dedc;}
.seach_btn{height: 36px; width: 36px; background: #d8dedc url(../images/search.png) no-repeat center center;vertical-align: middle;margin-left: -4px; border:none; cursor:pointer;}
.main{width: 100%;overflow: auto;overflow-x: hidden;margin: 30px 0px;}
.bottom{color:#333333;font-size: 14px;text-align: right; padding-top:20px;border-top: 1px #000000 solid;}

/*about*/
.about{padding: 10px 0px;}
.about .left{width: 300px;float: left;margin-right:30px;}
.about .left h2{color: #333333;font-size: 16px; margin-bottom: 8px;}
.about .left p{color: #333333;font-size: 14px; line-height: 26px;margin-bottom: 15px;}
.about .right{float: left;width: -moz-calc(100% - 340px);width: -webkit-calc(100% - 340px);width: calc(100% - 340px); min-width: 800px;}



/*security*/
.security{width:100%;text-align: center;margin-top: 41px;}
.security .sec_inp{width: 483px; height: 36px; line-height: 36px;padding-left: 12px;background: #d8dedc;color: #666666;font-size: 14px;display: inline-block;vertical-align: middle;}
.security .sec_btn{background: url(../images/btn.jpg) no-repeat center center; width: 125px; height: 36px;display: inline-block;vertical-align: middle; margin-left: 10px;}
.security p{color: #666666;font-size: 14px;margin-top: 25px;}

/*attestation*/
.attestation .atte_list{width: 100%;  border-bottom: 1px #cccccc dashed;margin-bottom: 35px;}
.atte_list .goods_box{width: 410px;padding-bottom: 35px; border: 1px #cccccc solid; float: left;margin-right: 99px; margin-bottom: 35px;}
.atte_list .goods_box .img{width: 100%; height: 315px; overflow: hidden;}
.atte_list .goods_box p{height: 30px;color: #333333;font-size: 14px;text-align: center;line-height: 30px;}
.atte_list ul{margin-bottom: 35px;}
.atte_list ul li{ display: inline-block;text-align: center;width: 126px; margin-right: 125px; margin-bottom: 8px;}
.atte_list ul li p{height: 40px;line-height: 40px;}


/*goods*/
.img_box{width: 1351px; height: 400px;overflow: hidden; margin: 0 auto;}
.img_box ul{ min-width: 100%; height: 400px;}
.img_box ul li{display: inline-block;margin-left: -6px;height: 400px;}
.img_box ul li:first-child{margin-left: 0px;}
.img_box ul li img{border: 1px #ccc solid;width:175px; height:150px;}
.img_box ul li.on img{width:478px; height:398px;z-index: 3;position: relative; }
.img_box ul li.hover img{width: 260px;height:220px;z-index: 2;position: relative;}
.goods h2{color: #333333; font-size: 20px;border-bottom: 1px #000000 dashed; margin-top: 70px;padding-bottom: 20px;padding-left: 22px;}
.goods p{color:#666666;font-size: 14px;padding-left: 22px;border-bottom: 1px #000000 dashed;margin-top: 10px;padding-bottom: 10px;line-height: 26px;}


.goodslist p.title{color: #666666;font-size: 12px; line-height: 26px; margin-bottom: 38px;}
.goodslist .goods_box{width: 410px;padding-bottom: 35px; border: 1px #cccccc solid; float: left;margin-right: 40px;margin-left: 40px; margin-bottom: 35px;}
  @media only screen and (min-width: 1700px) and (max-width: 1860px){
   .goodslist .goods_box{margin-right: 20px;margin-left: 20px;}
 }
  @media only screen and (min-width: 1600px) and (max-width: 1760px){
   .goodslist .goods_box{margin-right: 20px;margin-left: 20px;width: 360px;}
 }
 @media only screen and (max-width: 1366px){
   .goodslist .goods_box{margin-right: 20px;margin-left: 20px;width: 360px;}
 }
.goodslist .goods_box .img{width: 100%; height: 315px; overflow: hidden;}
.goodslist .goods_box p{height: 30px;color: #333333;font-size: 14px;text-align: center;line-height: 30px;}
.goodslist .goods_box .btn{width: 100px; height: 40px; display: block;margin: 30px auto 0 auto;background: #81d8ce; color: #FFFFFF;font-size: 12px;text-align: center; line-height: 40px;position: relative;}
.goodslist .goods_box .btn:hover {background: #26C281;}
.goodslist .goods_box .btn:before {content: ' ';position: absolute;background: #fff;width: 25px;height: 40px;top: 0;left: -35px;opacity: 0.3;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.goodslist .goods_box .btn:hover:before {width: 45px;left: 110px;}



/*brand*/
.ny_aboutinfo {
	width:95%;
	padding:0px;
	margin:0px auto;
	margin-bottom:20px;
	overflow:hidden;
	font-size:12px;
	line-height:25px;
	position: relative;
}
.ny_abouttitle {
	width:95%;
	padding:0px;
	margin:0px auto;
	margin-bottom:10px;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}
.ny_aboutinfo .about_img {
	width:540px;
	height:350px;
	padding:0px;
	margin:0px;
	background:#CCC;
	overflow:hidden;
	position: absolute;
}
.ny_aboutinfo .about_info {
	/*width:48%;*/
	height:350px;
	padding:0px 0px 0px 560px;
	margin:0px;
	overflow:auto;
	overflow-x:hidden;
}
.aboutln_info {
	height:350px;
	padding:0px;
	margin:15px 20px;
	overflow:auto;
	overflow-x:hidden;
	line-height:25px;
}
.profile_img {
	width:60%;
	padding:0px;
	margin:0px;
	overflow:hidden;
	float: right;
}
.profile_img img { width:100%;}
.profile_info {
	width:100%;
	padding:0px;
	margin:0px;
	overflow:hidden;
	font-size:12px;
	line-height:25px;
	float: left;
}