body { min-width: 1200px;}

.wp { width: 1200px; margin: 0 auto;}
.relative { position: relative;}

.header { position: relative; z-index: 10;}
	.h_top { height: 124px; background: #fefefc;}
	.h_top .logo { position: absolute; left: -112px; top: 0;}
	.nav { height: 40px; line-height: 38px; color: #fff; background: url(../img/nav_bg.jpg) no-repeat center center #4b8a5d;}
	.nav .item { position: relative; float: left; margin-right: 24px; padding: 0 10px;}
	.nav a { color: #fff;}
	.nav .init { position: relative; z-index: 1; display: block; font-size: 18px;}
	.nav .arrow { padding-right: 22px; background: url(../img/arrow.png) no-repeat right 18px;}
	.nav .sub { display: none; position: absolute; left: -1px; top: 38px; z-index: 2;
		width:240px; color: #333; background: #fff; border: #46a92d solid 1px; border-top: none;
	}
	.nav .item1 .sub {width: 500px; min-height: 200px;}
	/*.nav .item4 .sub {width: 140px;}*/
	.nav .sub .bg { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%;}
	.nav .sub .bg img { width: 100%; height: 100%;}
	.nav .sub .con { position: relative; z-index: 2;}
	.nav .item:hover { background: #fff; border-top:#46a92d solid 1px; border-bottom:#46a92d solid 1px; }
	.nav .item:hover .sub { display: block;}
	.nav .item:hover .init { color: #4b8a5d;}
	.nav .item:hover .arrow { background-position: right -65px;}
	.nav .codebox { float: left; width: 82px; margin: 26px 40px 0 30px;}
	.nav .list { overflow: hidden; margin-top: 45px;}
	.nav .list a { color: #333;}
	.nav .list a:hover { color: #46a92d;}
	.nav .list li { width: 50%; float: left; margin-bottom: 16px; line-height: 1.3em;}
	.nav .list .ltit { margin-bottom: 20px; font-size: 18px; line-height: 1.3em;}
	.nav .links { margin-top: 20px;}
	.nav .links li { margin: 0 0 16px 16px; line-height: 1.3em;}
	.nav .links a { color: #333;}
	.nav .links a:hover { color: #46a92d;}
	.nav .no { text-align: center; padding: 10px 0;}


.banner { overflow: hidden; position: relative; z-index: 9; background: #4e9ed0;}
.banner .item { height: 100%;}
.banner .bg1 { background: url(../img/banner1.jpg) no-repeat center top;}
.banner .bg2 { background: url(../img/banner2.jpg) no-repeat center top;}
.banner .navbox { position: absolute; bottom: 46px; left: 50%; margin-left: -30px; height: 24px; padding:0 4px; border-radius: 18px;}
.banner .navbox{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F848484', endColorstr='#7F848484');background:rgba(132,132,132,0.5);}
:root .banner .navbox {filter:none;}
.banner .navbox span { display: inline-block; width: 18px; height: 18px; margin-right: 14px; margin-top: 3px; background: #fff; border-radius: 50%;}
.banner .navbox span.on { background: #094;}
.banner .navbox span.last { margin-right: 0;}
.banner a { display: block; width: 100%; height: 100%;}

.codebox { text-align: center;}
.codebox .text { line-height: 1.3em; margin-top: 12px; color: #333;}

.pics { margin: 22px 0 0;}
.pics .left { width: 700px; height: 400px; float: left; background: #ccc;}
.pics .right { width: 480px; height: 400px; float: right; background: #ccc}

.red { color: #fe6fa2;}
.blue { color: #67cbf1;}
.gray { color: #717171;}
.fz12 { font-size: 12px;}
.fz16 { font-size: 16px;}
.fz20 { font-size: 20px;}
.fz18 { font-size: 18px;}
.fz24 { font-size: 24px;}
.fz38 { font-size: 38px;}

.home_goods { padding-top: 40px; }/*font-family: '\9ED1\4F53';*/
.home_goods h2 { margin:40px 0 80px; text-align: center; font-weight: normal; font-size: 50px; line-height: 1.3em;}
.home_goods .goods { margin-top: 50px;}
.home_goods .goods1 .pro_img,
.home_goods .goods3 .pro_img { float: left; margin-right: 75px;}
.home_goods .goods2 .pro_img,
.home_goods .goods4 .pro_img { float: right; margin-left: 75px;}
.home_goods .goods2,
.home_goods .goods4 { text-align: right;}
.home_goods p { margin-bottom: 15px;}
.home_goods .buys { margin-top: 70px;}
.home_goods .buys .price { font-size: 30px; font-family: arial;}

.button { display: inline-block; width: 186px; height: 41px; line-height: 41px; text-align: center; font-size: 24px; color: #fff!important;}
.button:hover { color: #fff;}
.b_red { background: #fe6fa2;}
.b_blue { background: #67cbf1;}

/*.icon { display: inline-block; background: url(../img/icon.png) no-repeat;}
.icon_wb { width: 97px; height: 78px; background-position: 0 0;}
.icon_tel { width: 77px; height: 77px; background-position: 0 -90px;}*/

/*footer*/
.footer { position: relative; margin-top: 210px; padding-bottom: 60px;}
.footer .wp { width: 1000px;}
.footer ul { vertical-align: bottom;}
.footer li { display: inline-block; width: 152px; margin-right: 100px;}
.footer li.last { margin-right: 0;}
.footer .text { font-size: 18px; line-height: 1.4em; margin-top: 15px;}
.footer .copyright { font-size: 16px; line-height: 1.4em; text-align: center; margin-top: 40px;}
.footer .ft_bg { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%;}
.footer .ft_bg img { width: 100%;}
.footer .wp { position: relative; z-index: 2;}
.footer .icon_wb { margin-top: 28px;}
.footer .icon_tel { margin-top: 30px;}
.footer .logo { margin-top: 75px;}

/*扫码下单*/
.code_buy { position: absolute; z-index: 999; display: none; text-align: center;
	width: 262px; background: #fe6fa2;
}
.code_buy .img { height: 180px; margin: 1px; padding:35px 0; background: #fff;}
.code_buy .text { line-height: 48px; color: #fff; font-size: 22px;}
.code_buy .close { position: absolute; width: 42px; height: 42px; right: -21px; top: -21px; background: url(../img/close.png) no-repeat;}
.c_blue { background: #67cbf1;}
.c_blue .close { background-image: url(../img/close2.png);}

/*静止浮层*/
.fixed_sec { position: fixed; width: 90px; right: 20px; bottom: 20px; z-index: 999;}
.fixed_sec .gotop { display: block; height: 49px; background: url(../img/gotop.png);}
.fixed_sec .cbox { position: relative; overflow: hidden; text-align: center; margin-bottom: 10px; background:#4b8a5d;}
.fixed_sec .cbox .text { line-height: 25px; font-size: 12px; color: #fff;}
.fixed_sec .cbox .img { position: relative; z-index: 2; padding: 12px 0 16px; margin: 0 1px 1px 1px; background: #fff;}
.fixed_sec .cbox img { width: 69px; height: 69px;}
.fixed_sec .cbox .bg { position: absolute; bottom: 1px; left: 1px; right: 1px; width: auto; z-index: 3;}
.fixed_sec .cbox .bg img { width: 100%; height: 100%;}

/*产品页*/
.product { margin-top: 50px;}
.product .aside { width: 280px; float: left;}
.product .aside a { color: #fff;}
.product .aside .tit { line-height: 58px; text-align: center; font-size: 24px; border: #e5e5e5 solid 1px; border-bottom: none;}
.product .aside .item { text-align: center; margin-bottom: 17px;}
.product .aside .text { line-height: 33px; font-size: 18px; color: #fff; background: #fe70a2;}
.product .aside .i_blue .text { background: #67cbf1;}
.product .content { width: 890px; float: right; line-height: 1.3em;}
.product .content .infos { padding: 16px; border: #e5e5e5 solid 1px; background: #fcfbfd;}
.product .content .infos .thumb { width: 278px; height: 278px; float: left; margin-right: 52px; border: #e5e5e5 solid 1px;}
.product .content h1 { font-size: 30px; font-weight: normal; line-height: 1.3em;}
.product .content .p1 { margin-top: 30px; font-size: 24px;}
.product .content .p2 { margin-top: 20px; font-size: 20px; color: #717171;}
.product .content .buys { margin-top: 35px;}
.product .content .price { margin-bottom: 20px; font-size: 20px; font-family: arial;}
.product .detail { margin-top: 20px;}

/*笔记本分辨率适配*/
@media (max-width: 1366px) {
	.h_top .logo { left: 35px;}
	.h_top, .h_top .logo img { height: 100px;}
	.nav .init { font-size: 16px;}
	.nav .item { margin-right: 10px;}
	.pics .left { width: 560px; height: auto;}
	.pics .right { width: 384px; height: auto;}
	.nav .wp,
	.home_goods .wp,
	.pics .wp { width: 960px}
	.home_goods .pro_img { width: 520px;}
	.home_goods h2 { font-size: 40px;}
	.home_goods .fz38 { font-size: 30px;}
	.home_goods .fz24 { font-size: 20px;}
	.home_goods .fz20 { font-size: 16px;}
	.home_goods .price { font-size: 24px;}
	.footer { margin-top: 150px; padding-bottom: 30px;}
	.footer .copyright,
	.footer .text { font-size: 14px;}
	.footer img { width: 70%;}
	.footer .wp { width: 900px;}
	.footer li { margin-right: 90px;}

	.product .wp { width: 960px;}
	.product .aside { width: 250px;}
	.product .aside .tit { line-height: 44px; font-size: 20px;}
	.product .aside .text { line-height: 30px; font-size: 16px;}
	.product .content { width: 680px;}
	.product .content h1 { font-size: 26px;}
	.product .content .p1 { font-size: 20px;}
	.product .content .p2 { font-size: 16px;}

	.button { width: 156px; height: 35px; line-height: 35px; font-size: 18px;}
}