/*wrap*/
#Wrap.skin_bg{width:100%; height:100vh; background:url('../images/bg/bg.png')no-repeat 50% / 100% 100%; }

/*headerWrap*/
#headerWrap{position:absolute;width:100%; height:90px; z-index:2;}
#headerWrap header{color:#fff; width:100%;height:90px; background:url('../images/bg/top_bg.png')no-repeat 50% / 100% 100%; position:relative;}
#headerWrap header h1.title{font-size:30px; color:#fff; padding:12px 0 0 53px; position:absolute; left:0;}
#headerWrap header h1.title span{display:block;font-size:10px; color:#fff;}
#headerWrap .top_btn{background:url('../images/bg/top_btn_on.png')no-repeat 50% / 100% 100%; width:191px;height:40px; position:absolute; bottom:0; left:0; right:0; margin:0 auto;}
#headerWrap .top_btn.off{background:url('../images/bg/top_btn.png')no-repeat 50% / 100% 100%; top:0; }

/*header navWrap*/
#navWrap nav ul{position:absolute; right:20px; width:950px; height:70px; z-index:1;}
#navWrap nav ul li{width:79px; height:70px;float:left;}
#navWrap nav ul li a{display:block; width:100%; height:100%; text-align:center; color:#fff;}
#navWrap nav ul li img{padding-bottom:7px;}

/*mouse hover*/
.over_icon_hover{display:none !important;}
#navWrap nav ul li a:hover{color:#6a052e !important;}
#navWrap nav ul li a:hover .over_icon{display:none !important;}
#navWrap nav ul li a:hover .over_icon_hover{display:block !important;}

#qmenuWrap ul li a:hover{color:#2f0014 !important;}
#qmenuWrap ul li a:hover .over_icon{display:none !important;}
#qmenuWrap ul li a:hover .over_icon_hover{display:block !important;}

#footerWrap footer #qmenu ul li a:hover{color:#2f0014 !important;}
#footerWrap footer #qmenuWrap .qmenu a:hover{color:#f699c0 !important;}
#footerWrap footer #qmenuWrap .qmenu a:hover .over_icon{display:none !important;}
#footerWrap footer #qmenuWrap .qmenu a:hover .over_icon_hover{display:block !important;}

footer #navWrap ul li a:hover{color:#ff7fb5 !important;}

/*contentWrap*/
#contentWrap section img.section_img{display:block;position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:80%;}

/*footerWrap*/
#footerWrap{position:absolute; bottom:0; width:100%; height:90px; z-index:2;}

/*footer qmenu*/
#footerWrap footer{position:relative; width:100%; height:100%;}
#footerWrap footer #qmenu{position:absolute;left:0; bottom:0;width:130px;height:540px; background:url('../images/bg/qmenu_bg_on.png')no-repeat 50% / 100% 100%;}
#footerWrap footer #qmenu.qoff{display:none;}
#footerWrap footer #qmenuWrap .qmenu{position:absolute; bottom:0; left:0;width:130px; height:90px;background:url('../images/bg/qmenu_bg.png')no-repeat 50% / 100% 100%;}
#footerWrap footer #qmenuWrap .qmenu a{width:90px; height:70px; display:block;position:absolute; bottom:0;left:20px; text-align:center; color:#fff;}
#footerWrap footer #qmenuWrap .qmenu a img{display:block; margin:0 auto;padding:0 1.5px 7px;}
#footerWrap footer #qmenuWrap .qmenu.qon{background:none;}
#footerWrap footer #qmenuWrap .qmenu_btn{display:block;width:90px; margin:0 auto; height:20px; margin-top:20px;}
#footerWrap footer #qmenu ul li{width:100%; height:70px;padding-bottom:1px; text-align:center; margin:0 auto;}
#footerWrap footer #qmenu ul li a{display:block; width:87px; padding: 0 1.5px 1px; height:70px; margin:0 auto; color:#fff;}
#footerWrap footer #qmenu ul li img{display:block;margin:0 auto;width:87px; padding: 0 1.5px 7px; }

/*bottom navWrap*/
#footerWrap footer #navWrap{width:1100px; height:90px;position:absolute; right:0; bottom:0;background:url('../images/bg/bottom_bg.png')no-repeat 50% / 100% 100%;}

footer #navWrap nav{position:relative;display:inline-block;width:368px; height:90px; bottom:0;}
footer #navWrap nav ul{position:absolute; left:20px; width:348px; bottom:0; height:70px; z-index:1;}
footer #navWrap nav ul li{width:87px;}

.bottom_btn{background:url('../images/bg/bottom_btn_on.png')no-repeat 50% / 100% 100%; width:191px;height:40px; position:absolute; bottom:50px; left:0; right:0; margin:0 auto;}
.bottom_btn.boff{background:url('../images/bg/bottom_btn.png')no-repeat 50% / 100% 100%; bottom:0;}

footer #navWrap .page_nav_list {position:absolute;right:20px; bottom:0; width:710px; height:70px;}
footer #navWrap .page_nav_list .page_nav{display:inline-block;padding-left:43px; box-sizing:border-box;}

/*page nav*/
footer #navWrap .page_nav_list .page_nav li{float:left;}
footer #navWrap .page_nav_list .page_nav li a{display:block; width:100%; height:100%;}
footer #navWrap .page_nav_list .page_nav .page_con{width:35px; height:36px; margin:17px 0; background:url('../images/icon/page_btn.png')no-repeat 50% / 100% 100%;}
footer #navWrap .page_nav_list .page_nav .page_con img{width:36px; height:36px;}
footer #navWrap .page_nav_list .page_nav .page_con1,footer #navWrap .page_nav_list .page_nav .page_con3{margin-right:5px;}
footer #navWrap .page_nav_list .page_nav .page_nav_con{width:120px; height:36px; margin:17px 0; text-align:center; line-height:36px; font-size:16px; color:#fff;}

/*page nav search*/
footer #navWrap .page_nav_list .go{position:absolute; bottom:0;display:inline-block;width:126px; height:70px; padding:0 30px;}
footer #navWrap .page_nav_list .search{width:176px; height:70px; padding:0 30px;float:right;}
footer #navWrap .page_nav_list .search_all input{width:62px; height:30px; background:#072b46; margin:20px 0; color:#fff; font-size:16px; box-sizing:border-box; padding-left:5px;}
footer #navWrap .page_nav_list .search input{width:112px;}
footer #navWrap .page_nav_list .search_all span.txt_btn{text-align:center; display:inline-block; width:50px;  height:35px; margin:17.5px 0; background:url('../images/icon/txt_btn.png')no-repeat 50% / 100% 100%;float:right;}
footer #navWrap .page_nav_list .search_all span.txt_btn a{display:block;width:100%; height:100%; color:#fff; font-size:16px; line-height:35px;}

span.txt_btn:hover{background:url('../images/icon/txt_btn_hover.png')no-repeat 50% / 100% 100% !important;}
li.page_con:hover{background:url('../images/icon/page_btn_hover.png')no-repeat 50% / 100% 100% !important;}

/*listpop*/
#pop_all{position:absolute; top:0; left:0; right:0; margin:0 auto;}
#listmenu{width:280px; position:relative; left:156px; top:83px;border-radius:7px; position:absolute; z-index:99;
	box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-o-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-ms-box-shadow:0 0 30px rgba(0,0,0,0.3); 
}
#listmenu .container{width:100%; height:100%;}
#listmenu .header{width:100%; height:45px; background-color:#e9e9e9; margin-right:40px; border-radius:7px 7px 0 0; border-bottom:1px solid #dddcdc;}
#listmenu .logo{position:absolute; top:15px; left:20px;}
#listmenu .title{font-weight:bold; font-size:13px; line-height:45px; position:absolute; top:0px; left:55px; color:#444;}
#listmenu .close{position:absolute; top:15px; right:20px;}

#listmenu .section{width:100%; max-height:800px; overflow-y:auto; background-color:#fff; border-radius:0 0 7px 7px; overflow-x:hidden;}
#listmenu .list{width:100%;}
#listmenu .list li{height:41px; line-height:41px;display:block; font-size:14px; border-bottom:1px solid #dddcdc; padding-left:20px;overflow:hidden;cursor:pointer;}
#listmenu ul.list:nth-last-child(1){padding-bottom:40px;}
#listmenu ul.list li:nth-last-child(1){border-bottom:none;}

#listmenu .list .snb_depth02{display:none;padding-left:0;width:100%; height:auto;box-sizing:border-box;}
#listmenu .list .snb_depth02 ul li{background:#dedede;}
#listmenu .list .snb_depth02 ul li:hover{color:#fff; background:#4d4d4d; }

#listmenu .list .icon{margin:0 8px 0 0;}
#listmenu .list .icon2{margin:0 10px 0 0; display:none;}
#listmenu .list .sub{padding-left:50px;padding-right:15px;cursor:pointer;white-space: nowrap;white-space: nowrap;text-overflow: ellipsis;}
#listmenu .list .sub1{padding-left:67px;cursor:pointer;}

#listmenu .list li.text1:hover{background-color:#f2f2f2;transition:all 0.3s;}
#listmenu .list li.sub:hover{transition:all 0.3s;}