body{ overflow: -moz-scrollbars-vertical;} 
.menu_bt{ background:url(../png/menu.png) no-repeat center; width:18px; height:14px; background-size:contain; position:absolute; right:10px; top:17px; display:none;}
.menu_bt.open { background:url(../png/menu_close.png) no-repeat center; width:14px; height:14px; background-size:contain; transition:all 0.3s ease-in; right:50%; margin-right:-7px;}

.wap_logo{ display:none;} 
 

.header{ background:#fff; height:80px; transition:all 0.4s ease-in; width:100%; z-index:100; position:fixed; left:0; top:0;}
.header .con{ text-align:center;}
.header.add{ box-shadow:0 0 5px 0px rgba(0,0,0,.1); }


.header .iphone{ position:absolute; right:25px; top:20px; text-align:left; line-height:18px;} 
.header .iphone dl dt{ width:20px; float:left; padding:12px 25px 12px 0; border-right:1px solid #d4d4d4; margin-right:20px;  cursor:pointer; position:relative;}
.header .iphone dl dt a.cg{ background:url(../png/go.png) no-repeat left center; width:20px; height:16px; display:block;}
.header .iphone dl dt a.cg:hover{ background:url(../png/go1.png) no-repeat left center;width:20px; height:16px; display:block;}
.header .iphone dl dt.show a.cg{ background:url(../png/go1.png) no-repeat left center;width:20px; height:16px; display:block;}
.header .iphone dl dt .hidebox{ width:182px; text-align:center; position:absolute; right:10px; top:0;padding-top:70px; z-index:100; display:none;} 
.header .iphone dl dt .hidebox i{width: 0; height: 0; border-width:0 10px 10px; border-style: solid; border-color: transparent transparent #fabe0d; margin-top:-10px; display:block; float:right; margin-right:15px;}
.header .iphone dl dt .hidebox_con{ width:100%;  background:#fabe0d;}
.header .iphone dl dt .hidebox_con a{ line-height:55px; font-size:16px; text-align:center; display:block; color:#000; transition:all 0.4s;}
.header .iphone dl dt .hidebox_con a:hover{  background:#b57300; color:#fff;}
.header .iphone dd{ float:left;}
.header .iphone h3{ width:156px; margin-top:5px;}
.header .iphone img{ width:100%;}
.logo {
    /* background: #fabe0d; */
    width: 260px;
    /* height: 100px; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 88px;
    top: 0;
    text-align: center;
    overflow: hidden;
}

.logo a {
    display: block;
}
.logo img{ width:60%;}
  
.page-overlay{ width:100%;}
.page-overlay .nav li{ display:inline-block; position:relative; }
.page-overlay .nav li > a{ font-size:18px; line-height:75px; color:#000; display:block; transition:all 0.3s ease-in; margin:0 20px; }
.page-overlay .nav li.on a{ border-bottom:5px solid #c8151c; }  
 
 
  
@media screen and (max-width:1760px) { 
.page-overlay .nav li > a{ font-size:16px; margin:0 15px;}
.header .iphone dl dt{ float:left; padding:12px 10px 12px 0;  margin-right:10px;}
}

@media screen and (max-width:1560px) { 
.logo{ width:220px; left:50px;} 
.logo a img{ width:60%;}
.page-overlay .nav li > a{ font-size:14px; margin:0 10px;}
}

@media screen and (max-width:1310px){
.logo{ width:180px; }
.logo a img{ width:60%;}
.page-overlay .nav li > a{ font-size:12px;  margin:0 5px;}  
}
 
@media screen and (max-width:980px) {
.logo{ width:120px; left:20px;} 
.header .iphone{ display:none;}
}
@media screen and (max-width:768px) {
.menu_bt{ display:block;}	

.page-overlay {position: fixed; top:50px;right: 0;bottom: 0;left: 0; height:0; z-index:111999; width: 100%; overflow:hidden; padding-top:0px; background:#332c2a; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:100%;}	

.header{ height:50px; padding:0; background:#fff;}
.header.show{ background:#403735;}
.header .con{ width:100%;} 
.logo{ width:110px; 
    /* height:58px;  */
    transition:all 0.4s;}  
.logo a img{ width:65%;} 
.header.show .logo{ display:none;}
.page-overlay .nav{ width:100%; margin:0 auto; margin-top:0; float:none; text-align:left; }
.page-overlay .nav li{ float:none;  padding:0; margin:0 auto; text-align:center; display:block; border-bottom:1px solid #473e3c;}
.page-overlay .nav li > a{ font-size:16px; color:#e5e5e5; padding:10px 20px; line-height:35px; margin:0;}
.page-overlay .nav li.on > a{ background:none; color:#f9bd0d; border-bottom:0 solid #c8151c;}
.page-overlay .nav li.logo{ display:none;} 

.wap_logo{ display:block; float:left; width:135px; margin:11px 0 0 10px; transition:all 0.4s;}
.wap_logo a{ background:url(../png/logo.png) no-repeat; width:135px; height:26px; background-size:contain; display:block;}
.header.show .wap_logo{float:none; margin:0 auto; margin-top:10px; display:none;}
.header.show .wap_logo a{ background:url(../png/waplogo.png) no-repeat; width:135px; height:26px; background-size:contain; }
}
 

/*底部*/
.footer{ background:#1d1918; padding:45px 0 55px 0; clear:both; width:100%; color:#d2d2d2; }
.footer .con{ width:1345px; margin:0 auto; font-size:14px;} 
.footer .con ul{ float:left;}
.footer .con ul h2{ margin-bottom:20px;}
.footer .con ul li{ margin-bottom:5px;}
.footer .con ul a{ color:#d2d2d2; margin-right:20px;}
.footer .con ul a:hover{ color:#fff;}
.footer .con ul span{ margin-right:20px;}
.footer .con ul i{ margin-right:20px;}
.footer .con dl{ float:right; margin-top:15px;}
.footer .con dl dd{ display:none;}
.footer .con dl span{ font-size:16px;}
.footer .con dt{ margin-top:20px; line-height:50px;}
.footer .con dt a{ display:inline-block; width:50px; height:50px; border-radius:50%; text-align:center; margin-left:26px; vertical-align:-19px; transition:all 0.4s;}
.footer .con dt a.weibo{ background:url(../png/foot_70.png) no-repeat center #352f2e;}
.footer .con dt a.weixin{ background:url(../png/foot_72.png) no-repeat center #352f2e;}
.footer .con dt a.weibo:hover{ background:url(../png/foot_70.png) no-repeat center rgba(0,0,0,0.6);}
.footer .con dt a.weixin:hover{ background:url(../png/foot_72.png) no-repeat center rgba(0,0,0,0.6);}

.footer .con ul .wap{ display:none;}
.footer .con dt .di{ display:inline-block; position:relative;}
.footer .con dt .di .bg{ position:absolute; background:url(../png/ewbg.png) no-repeat; width:110px; height:120px; bottom:60px; left:50%; margin-left:-45px; text-align:center; overflow:hidden; z-index:100; display:none; border-radius:10px; overflow:hidden;}
.footer .con dt .di .bg img{ margin-top:5px;}
 .cookiebtn{
    cursor: pointer;
 }
.cookiemodel{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 101; 
    display: none;
}
.cookiemodel .cookiebox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    /* width: 75%; */
    padding: 50px 40px 100px;
    box-sizing: border-box;
    font-size: 16px; 
    color: #000000;
    line-height: 34px;
} 
.cookiemodel .cookiebox *::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}
.cookiemodel .cookiebox *::-webkit-scrollbar-thumb{
    width: 10px; 
    border-radius: 5px;
    background: #ddd;
}
.cookiemodel .cookiebox *::-webkit-scrollbar-track{
    width: 10px;
    border-radius: 5px;
    background: transparent;
}
.cookiemodel .cookiebox .falv{
    box-sizing: border-box;
    padding:0 50px; 
    overflow-y: auto;
    max-height: 70vh;
    width: 100%;
}
.cookiemodel .cookiebox a{
    color: #FABD0D;
}

.cookiemodel .cookiebox .btn{
    width: 30%;
    text-align: center;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    color: #000;
    background-color: #FABD0D;
    border-radius: 24px;  
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(250, 191, 13, 0.3);
    /* margin: 0 auto; */
    position: absolute;
    bottom: 5%;
    left: calc(35%);
}

@media screen and (max-width:1390px){
.footer .con{ width:90%}
}
@media screen and (max-width:900px) {
.footer .con ul{ float:none; width:100%; } 
.footer .con dl{ float:none; margin-top:30px;}
.footer .con ul a{margin:0 12px;}
.footer .con ul span{ margin:0 5px;}

}
@media screen and (max-width:500px){
.footer{ padding:0px 0 30px 0;}	
.footer .con dl dd{ float:none; display:block;}

.footer .con ul h2{ margin-bottom:0;}
.footer .con dl{ margin-top:20px;}
.footer .con ul h2 img{ width:140px; display:none;}	
.footer .con dl dd img{ width:150px; margin-left:0px; }
.footer .con dl dt{ width:100%; clear:both;}
.footer .con dt a{ width:35px; height:35px; margin-right:17px; margin-left:0; vertical-align:0; }
.footer .con dt a.weibo{ background:url(../png/foot_70.png) no-repeat center #352f2e; background-size:20px auto;}
.footer .con dt a.weixin{ background:url(../png/foot_72.png) no-repeat center #352f2e; background-size:20px auto;}
.footer .con dt a.weibo:hover{ background:url(../png/foot_70.png) no-repeat center rgba(0,0,0,0.6); background-size:20px auto;}
.footer .con dt a.weixin:hover{ background:url(../png/foot_72.png) no-repeat center rgba(0,0,0,0.6); background-size:20px auto;}
.footer .con ul .pc{ display:none;}
.footer .con ul{ padding-top:20px;}
.footer .con ul .wap{ display:block; line-height:14px;}
.footer .con ul .wap a.wu{ display:none;}
.footer .con ul a{ margin:0 4px; font-size:13px; color:#d2d2d2;}
.footer .con{ font-size:12px;}
.footer .con dl span{ font-size:12px;}
.footer .con ul span{ margin-right:10px;}
.footer .con ul i{ margin-right:10px;}
.footer .con ul .last{ margin-top:15px;}
.footer .con dl dt em{ display:none;}
 
.cookiemodel .cookiebox{
    background-color: #fff;   
    box-sizing: border-box;
    font-size: 12px; 
    color: #000000;
    line-height: 26px;
    padding:30px 10px 100px;
} 

.cookiemodel .cookiebox .falv{ 
    padding: 0 10px ;
}
.cookiemodel .cookiebox .btn{
    width: calc(100% - 40px); 
    height: 40px;
    line-height: 40px;
    font-size: 12px; 
    border-radius: 20px; 
    cursor: pointer; 
    position: absolute;
    bottom: 5%;
    left:20px ;
}

.cookiemodel .cookiebox *::-webkit-scrollbar{
    width: 2px;
    height: 2px;
}
.cookiemodel .cookiebox *::-webkit-scrollbar-thumb{
    width: 2px; 
    border-radius: 1px;
    background: #ddd;
}
.cookiemodel .cookiebox *::-webkit-scrollbar-track{
    width: 2px;
    border-radius: 1px;
    background: transparent;
}
}