﻿

#molheader{display: none;/*text-align: center;*/ width: 100%;height: 92px;position: relative;padding-left:20px;}
#molheader .mol_navbutton{position: absolute;top:26px;right: 0;width: 76px;height: 40px;}


.head_ny{width: 100%;height: 70px;position: fixed;top: 0;left: 0;z-index: 66;background-color:rgba(255,255,255,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.head_ny.head_on{background: #fff;box-shadow: 0 0 8px #cfcfcf;}
.head_ny .logo{/*padding-left: 135px;*/}
.head_ny .nav_box{height: 70px;}
.head_ny .nav_box .yiji{padding:0;height:auto;text-align: center;position: relative;background: url(../image/li_ny.png) center 70px no-repeat;transition: 400ms;}
.head_ny .nav_box .yiji a{color: #333;display: block;line-height:70px;font-size: 16px;height:70px;overflow: hidden;}
.head_ny .nav_box .yiji:hover a,.head_ny .nav_box .yiji.current a{color: #bf7b3a;font-weight: bold;}
.head_ny .nav_box .yiji:hover,.head_ny .nav_box .yiji.current{background: url(../image/li_ny.png) center 82px no-repeat;transition: 400ms;}
.head_ny .nav_box .yiji .libox{margin-top: 34px;display: none;border-radius: 10px;overflow: hidden;margin-left:-12px;margin-right:-12px;}
.head_ny .nav_box .yiji .libox a{color: #fff;font-size: 14px;line-height: 40px;width: 100%;height: 40px;margin: 0 auto;padding-top: 0;font-weight: normal;background:#d4a273 url(../image/camera.png) -20px center no-repeat;transition: 400ms;}
.head_ny .nav_box .yiji .libox a:hover{background: #bf7b3a url(../image/camera.png) 8px center no-repeat;text-align: center;transition: 400ms;}


/*panle导航开始*/
.class{width:280px;height:100%;z-index:7; background:#fff; position: fixed; top:0px; left:0px; color:#fff;z-index: 44;}
.class-top{ height:70px;overflow:hidden;background: #d4a273;margin: 0;font-size: 24px;text-align: center;line-height: 70px;}
.class-m{height: 88%;overflow-y:auto;}
.opacity2{width:100%; height:100%; position: fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:40; display:none;}
.overflow{height:100%; overflow:hidden;}

.class-m .nnav{width:280px;height: auto;overflow: hidden;padding:20px 10px;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;}
.class-m .nnav li a.ce{padding-left: 10px;color: #d4a273;font-size: 16px;display: block;height:60px;line-height:60px;}
.menu_head .ericon{color:#d4a273; width:40px;height:60px;line-height:60px;text-align:center;float:right;display:inline;font-size:20px;position: relative;z-index: 3;/*background: #d55342;border-radius: 50%;*/}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}

.class-m .nnav li .menu_body{display: none;}
.menu_body li a.er{padding-left:30px;font-size:14px;display: block;height:40px;line-height:40px;color: #666;}
.menu_body .thricon{color:#666;width:40px;height:40px;line-height:40px;text-align:center;float:right;display:inline;font-size:20px;position: relative;z-index: 3;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:60px;font-size: 14px;display: block;height:40px;line-height:40px;color: #666;}
/*panle导航结束*/

.page-prev {
    transform: translate3d(-280px, 0, 0);
    -ms-transform: translate3d(-280px, 0, 0);
    -webkit-transform: translate3d(-280px, 0, 0);
    -o-transform: translate3d(-280px, 0, 0);
    -moz-transform: translate3d(-280px, 0, 0);
}

@media (max-width: 991px) {
    #header,#banner,.head_ny{display: none;}
    #molbanner, #molheader {
        display: block;
    }
}

@media (min-width: 1360px) and (max-width: 1439px) {
    .head_ny .logo{padding-left: 20px;}
    .head_ny .nav_box .yiji .libox a:hover{background: #bf7b3a url(../image/camera.png) 7px center no-repeat;}
}
@media (min-width: 1200px) and (max-width: 1699px){
    .head_ny .nav_box{padding: 0;}
}
@media (max-width: 320px){
    #molheader,.logomol{height: 70px;}
    #molheader .mol_navbutton{top: 18px;}
}
@media (min-width: 1360px) and (max-width: 1439px){
    .head_ny .logo{padding-left: 20px;}
    .head_ny .nav_box .yiji .libox a:hover{background: #bf7b3a url(../image/camera.png) 7px center no-repeat;}
}