@charset "utf-8";
/*color:red !important; Firefox、IE7支持 
_color:red;IE6支持 
*color:red;IE6、IE7支持 
*+color:red;IE7支持/
color:red\9;IE6、IE7、IE8支持 
color:red\0;IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8fc320,endcolorstr=#122b88,gradientType=1);
-webkit-appearance:none;appearance:none;pointer-events:none;select::-ms-expand{display:none;}
@media screen and (min-width:540px){}
@media screen and (max-width:320px){}
-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;*/

/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{font-family:微软雅黑,黑体;min-width:320px;margin:auto;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;cursor:pointer;outline:none;}
img{border:none;vertical-align:middle;max-width:100%;max-height:100%;}
table{border-collapse:collapse;width:100%;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.3;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
textarea::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
select::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-webkit-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-ms-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}


/*--通用--*/

.block{width:1400px;margin:auto;}

.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none;}
/*.body_b.dis *{background-image:none;}*/
.body_b *{outline:none;}
.body_b.showdiv{top:0;}
.body_b .mCSB_scrollTools{z-index:4;width:5px;}
.body_b .mCSB_scrollTools .mCSB_draggerRail{width:5px;}
.body_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#94070a;width:5px;}
.body_b .mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,0.1);}

.header2{position:fixed;left:0;right:0;top:0;z-index:3;background:#94070a;opacity:0;transform:translateY(-100%);transition:all 0.5s ease-out 0s;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.body_b .header2{opacity:0;transform:translateY(-100%);}
.body_b.showdiv .header2{transition:all 0.7s ease-in-out 0.5s;transform:none;opacity:1;}
.header2.showdiv{opacity:1;transform:none;}
.header2 .d1{/*background:#94070a;*/color: #d39797;line-height:45px;height:32px;font-size:14px;transition:all 0.2s ease-out 0s;overflow:hidden;}
.header2 .d2{transition:all 0.3s ease-out 0s;height:70px;background:#fff;}
.header2 .block{position:relative;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;}
.header2 .logo{height:100%;width:230px;}
.header2 .logo a{height:100%;font-size:0;display:block;}
.header2 .logo img{max-height:80%;vertical-align:middle;max-width:none;display:inline-block; margin-top: 10px;}
/*.header2 .logo a:after{content:"";display:inline-block;height:100%;vertical-align:middle;}*/
.header2 .nav_main{text-align: center;/*font-size:18px;*/}
/*.header2 .nav_main a{margin:0 15px;display:inline-block;position: relative;}
.header2 .nav_main a:after{content:"";border-bottom:2px solid #94070a;margin-top:5px;display:block;width:100%;transition:all 0.2s ease-out 0s;transform:scaleX(0);}
.header2 .nav_main a:before{content:"";border-left:2px solid #94070a;height:25px;transition:all 0.2s ease-out 0s;transform:scaleY(0);position:absolute;left:50%;top:100%;transform-origin:center top;}
.header2 .nav_main a.hover:before{transform:none;}
.header2 .nav_main a.hover:after{transform:none;}
.header2 .nav_main a.now:after{transform:none;}*/

.body_home .banner .frame{height:100%;}
.body_home .banner .frame video{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.banner .child {background-image: url(http://www.coolbuy360.com/images/ztzl/2026/2026lh/bjgif.gif);}


       /* 基础样式重置 */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { overflow-x: hidden; }
        
        /* 两会图片样式（第一屏背景上方） */
        .banner {
            position: relative; /* 让内部绝对定位元素以banner为参考 */
            width: 100%;
            height: 100vh; /* 兼容所有模式的高度单位 */
            min-height: 600px; /* 保底高度 */
        }
        .lh-pic {
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%); /* 水平垂直居中 */
            z-index: 10; /* 确保在背景图上方 */
            width: 80%; /* 控制图片宽度 */
            max-width: 1200px; /* 限制最大宽度 */
            transition: opacity 0.5s ease, visibility 0.5s ease;
            opacity: 1;
            visibility: visible;
            filter: alpha(opacity=100); /* IE兼容 */
        }
        /* 隐藏标语图片的类 */
        .lh-pic.hide {
            opacity: 0;
            visibility: hidden;
            pointer-events: none; /* 隐藏后不响应点击 */
            filter: alpha(opacity=0); /* IE兼容 */
        }
        
        /* Banner背景图容器 */
        .banner .child {
            background-image:url(http://www.coolbuy360.com/images/ztzl/2026/2026lh/bjgif.gif); 
            height:100%; 
            background-size: cover; 
            background-position: center;
            /* IE8兼容 */
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.coolbuy360.com/images/ztzl/2026/2026lh/bjgif.gif', sizingMethod='scale')\9;
            background: none\9;
        }
        
        /* 第二屏基础样式 - 改用opacity+transform控制显示，保留动画 */
        .body_b {
            opacity: 0;
            visibility: hidden;
            width: 100%;
            transform: translateY(20px); /* 初始向下偏移 */
            transition: all 0.5s ease-out; /* 滑入动画 */
        }
        .body_b.showdiv {
            opacity: 1;
            visibility: visible;
            transform: translateY(0); /* 滑入到位 */
        }
        
        /* 导航栏滑入动画 - 单独给header2加延迟动画，增强效果 */
        .header2 {
            width: 100%;
            background: #355e92;
            transform: translateY(-100%); /* 初始向上隐藏 */
            transition: transform 0.6s ease-out 0.2s; /* 延迟0.2s滑入 */
        }
        .body_b.showdiv .header2 {
            transform: translateY(0); /* 滑入到位 */
        }
        
        .header2 .block {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }
        .header2 .logo {
            float: left;
            margin-right: 30px;
        }
        .header2 .nav_main {
            float: left;
           /* padding-top: 15px;*/
        }
        .header2 .nav_main a {
            display: inline-block;
            color: #4a4a4a;
            text-decoration: none;
            /*padding: 5px 15px;
            margin: 0 5px;*/
            font-size: 18px;margin: 0 15px;
        }
        .header2 .nav_main a:hover{color: #d93233;} 
        /* 第二屏内容区域 - 保证可滚动 */
        .scroll {
            background: #fff4e0;
            min-height: 1500px; /* 保证有足够的滚动内容高度 */
            padding-top: 150px;
            transform: translateY(20px); /* 初始向下偏移 */
            transition: transform 0.6s ease-out 0.4s; /* 延迟0.4s滑入 */
        }
        .body_b.showdiv .scroll {
            transform: translateY(0); /* 滑入到位 */
        }
        
        .scroll img {
            /*display: block;*/
            max-width: 100%;
            height: auto;
            margin: 0 auto;
        }
        
        /* 下箭头样式 */
        .bb {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            cursor: pointer;
            z-index: 20;
        }