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

#wrap {}

/* header */
#header { display:block; width:100%; height:96px; border-bottom:3px solid #ae4383; position:relative;}

/* logo */
.gnb { width:1020px; height:96px; position:relative; margin:0 auto; }
.gnb .logo { width:294px; height:38px; position:absolute; top:36px; left:4px; }
.gnb .logo h1 { display:none; }

/* utill */
.utill { width:200px; height:10px; position:absolute; top:6px; right:0; z-index:9; }
.utill ul li { float:left; }
.utill ul li a{ font-size:11px; font-weight:bold;  color:#949494; margin-left:13px; }

/* menu */
.nav { width:680px; height:auto; position:relative; padding-top:48px; float:right; }
.nav>ul>li { float:left; padding-left:71px; height:auto; }
.nav ul li .sub_m {width:100px; height:18px; padding:15px; background:#999; color:#eee; text-align:center; z-index:-99;}
.nav>ul>li:first-child { padding:0;}
.nav>ul>li>a { display:block; height:22px; font-size:18px; font-weight:bold; color:#4c4c4c; padding-bottom:26px; }
.sub_box{ display:none; width:100%; height:15px; padding:15px 0; position:absolute; top:100%; left:0; background:#ae4383; font-size:13px; line-height:1em; border-bottom-right-radius:10px; border-bottom-left-radius:10px; z-index:100; border-radius: 0 0 10px 10px;  behavior: url(/htc/pie.htc); }
.sub_box>ul>li { float:left; padding-right:10px; margin-left:20px;}
.sub_box>ul>li a { color:#fff; font-weight:bold; }


/* quick */
.quick { width:85px; height:223px; position:fixed; top:104px; right:0; z-index:9; background:#fff; border-radius:10px; behavior:url(/htc/pie.htc); }
.quick ul li { width:100%; height:35px; text-align:center; line-height:35px; border-bottom:1px solid #eaeaea; }
.quick ul li.qu_li6 { border:0; }
.quick ul li img {margin:0 auto; padding-top:10px;}
.quick .tit { background:#ae4383; border-top-left-radius: 10px; border-top-right-radius: 10px; border-radius:10px 10px 0 0; behavior:url(/htc/pie.htc); color:#fff; font-weight:bold; }
@media all and (min-width:1400px){
	.quick { right:100px; }
}
@media all and (min-width:1600px){
	.quick { right:170px; }
}
@media all and (min-width:1800px){
	.quick { right:350px; }
}

/* container */
#container { display:block; width:100%; height:auto; }

/* visual */
.main_img { width:100%; height:587px; }
.main_img .slide { width:100%; height:485px; position:relative; overflow:hidden;}
.main_img .slide li { position:absolute; top:0; left:100%; width:100%; height:485px;}
.main_img .slide li:first-child { background:url(/image/main/main_img1.jpg) no-repeat; left:0; }
.main_img .slide li.v_img_li2 { background:url(/image/main/main_img2.jpg) no-repeat; }
.main_img .slide li.v_img_li3 { background:url(/image/main/main_img3.jpg) no-repeat; }

/* visual_menu */
.main_img .slide_menu { width:100%; height:102px; background:url(/image/main/slide_menu_bg.jpg) repeat-x; }
.main_img .slide_menu ul li { float:left; width:33.33%; height:102px; }
.main_img .slide_menu ul li.v_li1, .main_img .slide_menu ul li.v_li3 {  background-color:rgba(0, 0, 0, 0.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000); zoom: 1; }
.main_img .slide_menu ul li.v_li2 {  width:337px; border-right:1px solid #bf84a8; border-left:1px solid #bf84a8; background:none; }
.main_img .slide_menu ul li h3{ display:none; }
.main_img .slide_menu ul li img { padding:16.5px 56px; }

/* banner */
.main_banner { width:1020px; height:423px; margin:0 auto; }
.main_banner>div { float:left; }

/* main_banner left */
.mb_left { width:340px; height:303px; padding:67px 40px 53px 0; }
.mb_left .pannel { padding-top:10px; }
.mb_left .notice { width:340px; height:130px; }
.mb_left .notice ul li { background:url(/image/main/dot.gif) no-repeat 0 center; padding-left:12px; margin-bottom:8px; position:relative; }
.mb_left .notice ul li a { font-size:12px; color:#7a7a7a; width:240px; height:auto; overflow:hidden; }
.mb_left .notice ul li a:hover { font-weight:bold; }
.mb_left .notice ul li span { display:block; font-size:12px; color:#bebebe; width:59px; position:absolute; top:0; right:0; }
.mb_left .gallery { padding-top:67px; }
.mb_left .gallery ul li { float:left; width:33%; margin-left:1px; }

/* main_banner right */
.mb_right { width:640px; height:303px; padding:67px 0 53px 0; }
.mb_right .mb_wrap { width:100%; height:303px; position:relative; }
.mb_right .collection { width:183px; height:20px; border-bottom:2px solid #f5bf19; padding-bottom:3px; font-size:18px; color:1e1d1c; margin-bottom:12px; }
.mb_right .visual { width:640px; height:270px; position:relative; overflow:hidden; }
.mb_right .visual ul.v0 li { width:100%; height:270px; position:absolute; top:0; left:100%; }
.mb_right .visual ul.v0 li:first-child { left:0; }
.mb_right .visual .over { position:absolute; bottom:-67px; left:0; width:100%; height:134px; background:url(/image/main/slide_bg.png) no-repeat; text-align:center; line-height:67px; color:#fff; font-weight:bold; transform:scale(1,0); transition:all 0.5s ease; }
.mb_right .visual:hover .over{transform:scale(1,1); }
.mb_right .v1 { background:url(/image/main/main_img4.jpg) no-repeat; }
.mb_right .v2 { background:url(/image/main/main_img4.jpg) no-repeat; }
.mb_right .v3 { background:url(/image/main/main_img4.jpg) no-repeat; }
.mb_right .pager {position:absolute; top:20px; right:20px;}
.mb_right .pager li { float:left; margin:0 2px; }
.mb_right .pager li a { display:block; width:16px; height:16px; background:#666; text-indent:-9999px; }
.mb_right .pager li.on a { background:#fff; }

#container .main_banner .wraping{ width:100%; height:20px; border-bottom:1px solid #e0e0e0; padding-bottom:3px; font-size:16px; color:#ae4383; font-weight:bold; position:relative;}
#container .main_banner .wraping img { position:absolute; top:0; right:0; }

/* main_banner center */
.mb_center { width:100%; height:155Px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.mb_center .ct_wrap { width:1020px; height:155px; margin:0 auto; }
.mb_center .ct_wrap ul li { width:225px; height:119px; float:left; position:relative; padding:36px 0 0 30px; }
.mb_center .ct_wrap ul li:first-child { width:255px; padding:36px 0 0 0;}
.mb_center .ct_wrap ul li.li2_a_bg, .mb_center .ct_wrap ul li.li3 {padding-left:50px; width:205px;}
.mb_center .ct_wrap ul li img{ width:102px; height:102px; position:absolute; top:24px; right:-20px; }
.mb_center .ct_wrap ul li p{ font-size:20px; font-weight:bold; color:#ae4383; margin-bottom:15px;}
.mb_center .ct_wrap ul li span { font-size:14px; color:#6b6b6b; font-weight:600; letter-spacing:-0.05em }
.mb_center .ct_wrap ul li.li4 span { font-weight:100; line-height:12px; }
.mb_center .ct_wrap ul li strong { font-size:18px; color:#484848; letter-spacing:0.05em /*font-weight:bold;*/ }
.mb_center .ct_wrap ul li a.li2_a_bg { width:102px; height:102px; margin:0 auto; font-size:17px; color:#fff; font-weight:600; position:absolute; top:24px; right:-20px; background:url(/image/main/blog.jpg) no-repeat;}
.mb_center .ct_wrap ul li a.li2_a_bg center { padding-top:30px; }

/* footer */
#footer { width:100%; height:378px;  }

/* site_map */
#footer .site_map { width:100%; height:234px; background:#f3f3f3; border-bottom:1px solid #eaeaea; margin:0 auto; }
#footer .sm_wrap { padding-top:39px; }
#footer .sm_wrap>ul>li { height:147px; float:left; margin:0 auto; padding:0 40px; border-left:1px solid #c2c2c2; font-size:13px; color:#4c4c4c; text-align:center; }
#footer .sm_wrap>ul>li:first-child { border:none; }
#footer .site_map li span { display:block; font-weight:bold; padding-bottom:10px; }
#footer .site_map li a {  line-height:25px; }
#footer .site_map .sm_wrap>ul>li.smli3 {  width:110px; }
#footer .site_map li a:hover { font-weight:bold; }

/* copy */
#footer .copy { position:relative; width:1020px; height:143px; margin:0 auto;}
#footer .copy .logo { width:207px; height:26px; text-indent:-9999px; background:url(/image/header/f_logo.png) no-repeat; position:absolute; top:36px; left:0; }
#footer .copy .txt { position:absolute; top:28px; left:243px; color:#878787; }
#footer .copy .f_utill { position:absolute; top:45px; right:0; }
#footer .copy .f_utill a { border-left:1px solid #a1a1a1; padding:0 15px; }
#footer .copy .f_utill a:first-child { border:0; font-weight:bold;}
#footer .copy .f_utill a.utli3 { padding-right:0; }

.sm_wrap { width:1020px; height:102px; margin:0 auto; }