@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 16px "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color:#ffffff;}
html{font:400 100% "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#000;}
img{border:none;}
input:focus {outline: none;} 
 
a:focus {outline: 0;}
a:visited, a:link, a:active {text-decoration: none; color:#08c;}
a:hover {color:#08c; text-decoration: underline;}

/*often style*/
.ftwa:visited, .ftwa:link, .ftwa:active {color:#fff;}/*A tag of the default color is white**/
.zoom{*+zoom:1;}
.zoom:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both;}
.left{float:left;}
.left2{margin-left:15px;}
.right{float:right;}
.dsb{display:block;}
.dsl{display:inline-block;}
.valm{vertical-align:middle;}
.dsn{display:none;}
.pta{position:absolute}
.ptr{ position:relative;}
.pw980{width:980px; margin-left:auto; margin-right:auto;}
.wrap .no_boder,.warp .no_boder{ border:none;}
.boundary{ border-bottom:1px solid #e5e5e5;}

/*font style**/
.ftb{font-weight:bold;}
.alr{text-align:right;}
.alc{text-align:center;}
.all{text-align:left;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft30{font-size:30px;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft38{font-size:38px;}
.ft42{font-size:42px;}
.ft46{font-size:46px;}
.ft48{font-size:48px;}
/*color style**/
.white{color:#fff;}

/*margin padding style**/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.pt50{padding-top:50px;}
.pt80{padding-top:80px;}
.lh1{ line-height:1.7; }

/*banner*/
.holi_banner{ background:#080808 url(../img/holi_banner_bg.jpg) top center no-repeat; background-size:cover; }
.holi_banner div>p{ margin-top:23px; padding-bottom:100px; }

/*product*/
.holi_any{ background:#fff1e2 url(../img/holi_any_bg.jpg) top center no-repeat; background-size:cover; }
.holi_any .img1{ right:10px; }
.holi_any .img3{ left:10px; }
.holi_any .img2{ margin-top:80px; }
.holi_wrap{ width:475px; margin-top:100px; }
.holi_wrap p{ color:#fff4e5; }
.holi_wrap p .imgs{ margin-left:-15px; }
.holi_wrap ul{ list-style:none;width:430px;  }
.holi_wrap ul li{ padding-left:23px; color:#ffffff; font-size:16px; margin-bottom:20px; background:url(../img/holi_tree1.png) no-repeat; }
.holi_wrap .ul1 li{ background:url(../img/holi_snow.png) 0 4px no-repeat; }
.holi_wrap ul a,.holi_pr_right>ul p a{ margin-left:25px; font-weight:bold; font-size:14px; color:#fff; }
.holi_sale{ width:35%; padding-bottom:81px; margin-left:120px; }
.holi_sale2{ margin-left:50px; }
.holi_sale p{ line-height:1.4; color:#fff; }
.holi_sale p img{ margin:0 10px 0 10px; position:relative; top:5px;  }
.holi_sale p span{ color:#60dc75; }
.holi_sale a{ display:block; width:271px; height:74px; line-height:68px; margin:24px auto 15px auto; color:#fff; text-decoration:none; background:url(../img/holi_btn.png) no-repeat; }
.holi_sale a:hover{ text-decoration:none; background:url(../img/holi_btn.png) 0 -74px no-repeat; }
.holi_sale a:before{ content:""; display:inline-block; width:25px; height:25px; vertical-align: middle; margin-right:10px; background:url(../img/holi_win.png) no-repeat; }
.holi_sale2 a:before{ content:""; display:inline-block; width:25px; height:25px; vertical-align: middle; margin-right:10px; background:url(../img/holi_mac.png) no-repeat; }

/*product*/
.holi_any2{ background:#fff1e2 url(../img/holi_any_bg2.jpg) top center no-repeat; background-size:cover; }
.holi_any2 .img1{ left:10px; }
.holi_any2 .img3{ left:10px; }
.holi_any2 .img2{ margin-top:80px; }
.holi_wrap2{ width:475px; margin-top:132px; }
.holi_wrap2 p{ color:#fff4e5; }
.holi_wrap2 p .imgs{ margin-left:-15px; }
.holi_wrap2 ul{ list-style:none;width:430px;  }
.holi_wrap2 ul li{ padding-left:23px; color:#ffffff; font-size:14px; margin-bottom:20px; background:url(../img/holi_tree1.png) no-repeat; }
.holi_wrap2 .ul1 li{ background:url(../img/holi_snow.png) 0 4px no-repeat; }
.holi_wrap2 ul a,.holi_pr_right>ul p a{ margin-left:25px; font-weight:bold; font-size:14px; color:#fff; }
/*product*/
.holi_pr{ background:#c71a16 url(../img/holi_pr_bg.jpg) top center no-repeat; }
.holi_pr h2{ color:#fff4e5; }

.holi_pr_right { overflow:hidden; padding-bottom:50px;  }
.holi_pr_right ul,.holi_icon ul{ list-style:none; }
.holi_pr_right ul li{ padding-left:23px; color:#ffffff; font-size:16px; margin-bottom:20px; background:url(../img/holi_tree1.png) no-repeat; }
.holi_pr_right .as1{ color:#f0fde1; margin-right:10px; text-decoration:line-through; }
.holi_pr_right .as{ font-size:30px; color:#ffdd51; margin-right:84px; }
.holi_pr_right div{ width:230px; float:left; }
.holi_pr_right div>a{ margin:27px 22px 15px 0; }
.holi_pr_right .exps span{ display:inline-block; width:199px;  margin:0 40px 32px 5px; color:#dfa6aa; }
.holi_pr_right div>a{ display:block; width:199px; height:54px; line-height:54px; margin:20px 52px 15px 0; background:url(../img/holi_btn2.png) no-repeat; text-decoration:none; color:#fff; }
.holi_pr_right div >a:hover{ text-decoration:none; background:url(../img/holi_btn2.png) 0 -55px no-repeat; }
.holi_pr_btn1:before{ content:""; display:inline-block; width:18px; height:18px; vertical-align: middle; margin-right:8px; background:url(../img/holi_win-s.png) no-repeat; }
.holi_pr_btn2:before{ content:""; display:inline-block; width:18px; height:18px; vertical-align: middle; margin-right:8px; background:url(../img/holi_mac-s.png) no-repeat; }

/*holi_icon*/
.holi_icon{ background:#c71a16 url(../img/holi_icon_bg.jpg) top center no-repeat; background-size:cover; }
.holi_icon ul li{ width:190px; float:left; padding:0 26px; }
.holi_icon ul li img{ display:block; margin:30px auto 24px auto; }
.holi_icon ul li  p{ margin:15px auto 35px auto; line-height:1.5; font-size:14px; color:#FFF; }

/*footer*/
footer{ background-color:#c71a16; }
footer p{ padding:27px 0; line-height:1.5; }

.holi_pop_bg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(0,0,0,0.4);}
.holi_pop{ width:676px; height:580px; background-color:#ca2722; position:fixed; top:50%; left:50%; margin-top:-290px; margin-left:-338px; }
.holi_pop_wrap{ width:652px; height:555px; margin:13px auto; background-color:#f7f7d7; overflow:hidden; }
.holi_pop_wrap>span img{ position:absolute; top:36px; right:36px;  text-align:center; line-height:28px; color:#ddc4a7; cursor:pointer; }
.holi_pop_wrap>img{ display:block; margin:60px auto 40px auto; }
.holi_pop_wrap p{ margin:5px 40px; }
.holi_pop_wrap .pl{ margin-top:25px; }
.holi_pop_wrap a{ display:block; width:302px; line-height:66px; margin:50px auto; border-radius:5px; background-color:#21201f; text-decoration:none; color:#fff;  }
.holi_pop_wrap a:hover{ background-color:#21201f; text-decoration:none; }
.holi_pop_wrap a img{ margin-left:8px; }

@media screen and (max-width: 980px){ 
	.pw980{ width:100%; }
	.holi_banner img,.holi_any .img2 ,.holi_pr div>img ,.holi_pr img{ display:block; max-width:100%; height:auto; }
	.holi_banner h1{ font-size:20px; margin:0px auto 20px auto; }
	.holi_banner div p{ padding-bottom:50px; }
	
	.holi_any{ background:#fff1e2 url(../img/holi_any_bg1.jpg) top center no-repeat; background-size:cover; }
	.img1{ display:none; }
	.holi_any div .img2 ,.holi_pr div>img{ margin:20px auto; float:none;}
	
	.holi_wrap{ width:80%; float:none; margin:20px auto; padding:20px 0; border-radius:10px; background-color:#c71a16; }
	.holi_wrap>p{ width:100px; margin:20px auto 0 auto; float:none; }	
	.holi_wrap p .imgs{ margin-left:0; }
	.holi_wrap ul ,.holi_pr_right ul{ width:60%; margin:20px auto; float:none; }
	.holi_sale{ width:90%;}
	.holi_sale ,.holi_pr_right{ width:95%; float:none;  }
	.holi_sale1{ padding:0; margin:40px auto; }
	.holi_sale2{ padding-bottom:50px; margin:40px auto 0 auto; }
	
	 .holi_pr_right div{ width:90%; float:none; margin:40px auto 40px auto;  text-align:center; }	
	 .holi_pr_right div p{ width:100%; text-align:center; }
	 .holi_pr_right .as{ margin-right:0; }
	 
	 .holi_pr_btn1:after,.holi_pr_btn2:after{ text-align:center; }
	 .holi_pr_right div a{ margin-left:40%; }
	 .holi_icon ul{ padding:20px 0; }
	 .holi_icon ul li{ width:83%; float:none; margin:0px auto; }
	 .holi_icon ul li p { margin-bottom:0; }
	 
	 .holi_icon ul li{ width:40%;  float:left; margin:0px auto; }
	 .holi_icon ul li p { margin-bottom:0; }
	
	 .holi_icon div ul img{ min-height:48px; }
 }
@media screen and (max-width: 568px){
	.holi_wrap{ width:90%; }
	.holi_pr_right div a{ margin-left:20%; }
	.holi_wrap ul ,.holi_pr_right ul{ width:92%; }
	.holi_icon ul{ padding:20px 0; }
	.holi_icon ul li{ width:83%; float:none; margin:0px auto; }
	.holi_icon ul li p { margin-bottom:0; }
}
#cont1 {width: 25%;padding: 14px;background: #555;color: #fff;border: 2px solid #10584D;}