/*公共效果*/
body {
}
#导航行{
    width:100%;
    
}
.居中内框{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    box-sizing:border-box;
}
#导航栏DIV li{
    
    background-image:url(/img/nav.1.2.png);
    background-repeat:no-repeat;
    background-position-x:right;
    background-size:200% 100%;
    display:inline-block;
    -webkit-transition:filter .3s;
    transition:filter .3s;
}
#导航栏DIV li:hover{
    /*text-decoration:none;*/
    -webkit-filter:brightness(1.2);
    filter:brightness(1.2);
}
#导航栏DIV li:active{
    background-position-x:left;
}
#导航栏DIV li a{
    display:block;
    text-align:center;
    color:#ffea9f;
    
}
#导航栏DIV li a:hover{
    /*color:#fff7dc;*/
}
#导航栏DIV li a:active{
    color:#fff7dc;
}
#导航栏DIV .选中效果{
    background-position-x:left;
    /*-webkit-filter:brightness(1.2);
    filter:brightness(1.2);
    -webkit-transition:filter .3s;
    transition:filter .3s;*/
}
#导航栏DIV .选中效果 a{
    color:#fff7dc;
}

#内容行{
    width:100%;
    background-repeat:no-repeat;
    background-attachment: fixed; 
}
.可变间隔行{
        width:100%;
    }
.板块外框{
    margin-left:auto;
    margin-right:auto;
    box-shadow:2px 2px 5px #000;
    border-radius:5px;
    box-sizing:border-box;
}
.大标题
{
    line-height:120px;
    height:120px; 
    font-size:28px;
    width:100%;
    text-align:center;
    background-image:url('/img/标题背景.png');
    background-position:center;
    background-repeat:no-repeat;
    color:#ffe9c1;
}
.居中标志
{
    margin-left: auto;
    margin-right: auto;
}
#首页轮播DIV{
    margin-left: auto;
    margin-right: auto;
    width:100%;
    /*box-shadow:2px 2px 5px #000;*/
}




/*电脑版尺寸*/
@media only screen and (min-width: 768px){
    #导航行
    {
        height:100px;
        z-index:999;
        position:fixed;
        top:0px;
        left:0px;
    }
    #导航行 .居中内框{
        /*background-image:url('/img/spring-nav.jpg');
        background-repeat:no-repeat;
        background-position-x:center;
        background-attachment:fixed;
        background-size:auto 100px;*/
        /*padding-left:20px;*/
    }
    .居中内框{
        width:1200px;
    }
    .logoDIV{
        /*width:180px;*/
        width:215px;
        padding-top:10px;
        padding-left:20px;
        padding-right:20px;
        height:100px;
        line-height:100px;
        float:left;
        box-sizing:border-box;
        background-image:url(/img/nav.1.2.png);
        background-repeat:no-repeat;
        background-position-x:right;
        background-size:200% 100%;
        margin-left:20px;
    }
    .logoDIV img{
        width:100%;
        height:auto;
    }
    #导航栏DIV{
        width:965px;
        float:right;
    }
    #导航栏DIV li
    {
        width:118px;
        height:99px;
    }
    #导航栏DIV li a{
        width:118px;
        height:55px;
        padding-top:44px;
        font-size:24px;
        font-weight:500;
    }



    #内容行{
        /*padding-top:100px;*/
        background-position:center top;
        background-size:100% 100%;
    }
    .可变间隔行{
        height:60px;
    }
    .板块外框{
        width:1200px;
        padding:100px;
    }
    .大标题{
        background-size:auto 100%;
    }
    .居中标志{
        width:20%;
    }

    #首页轮播DIV{
        /*width:1200px;*/
    }
    .新闻封面{
        width:30%;
        height:180px;
    }
    .新闻文字{
        width:65%;
        height:180px;
    }
    .向上轮播ul{
        width:320px;
        height:360px;
    }
    .案例封面
    {
        width: 320px;
        height: 240px;
    }
    .案列间隔列{
        width:20px;
        height:400px;
        display:block;
        box-sizing:border-box;
        position:relative;
        float:left;
    }
    .板块外框 iframe{
        width:100%;
        height:600px;
    }



    #电脑版页脚左{
        width:50%;
        display:block;
        box-sizing:border-box;
        position:relative;
        float:left;
    }
    #电脑版页脚右{
        width:10%;
        display:block;
        box-sizing:border-box;
        position:relative;
        float:right;
        margin:10px;
        text-align:center;
    }
    #电脑版页脚右2{
        width:10%;
        display:block;
        box-sizing:border-box;
        position:relative;
        float:right;
        margin:10px;
        text-align:center;
    }

}

/*手机或平板*/
@media only screen and (max-width: 768px){
    /*body{
        margin:0px;
        padding:0px;
    }*/
    #导航行{
        background-color:#751e0d;
        height:220px
    }
    .居中内框{
        width:95%;
    }
    .logoDIV{
        width:100%;
        height:60px;
        line-height:60px;
        float:none;
        text-align:center;
    }
    .logoDIV img{
        width:auto;
        height:80%;
    }
    #导航栏DIV{
        width:100%;
        float:none;
        clear:both;
    }
    #导航栏DIV li
    {
        width:25%;
        height:70px;
        margin-bottom:10px;
    }
    #导航栏DIV li a{
        width:100%;
        height:100%;
        padding-top:30%;
        font-size:16px;
        font-weight:500;
    }


    #内容行{
        background-position:center top;
        background-size:auto 100%;
    }
    .可变间隔行{
        height:30px;
    }
    .板块外框{
        width:95%;
        padding:20px;        
    }
    .大标题{
        background-size:90% 100%;
    }
    .居中标志{
        width:70%;
    }
    #首页轮播DIV{
        /*width:95%;*/
    }
    .新闻封面{
        width:100%;
        height:180px;
        margin-bottom:20px;
    }
    .新闻文字{
        width:100%;
        height:180px;
    }
    .向上轮播ul{
        width:100%;
        height:360px;
    }
    .案例封面
    {
        width: 100%;
        height: 240px;
    }
    .案列间隔列{
        display:none;
    }
    .板块外框 iframe{
        width:100%;
        height:300px;
    }


    #电脑版页脚左{
        width:100%;
        display:block;
        box-sizing:border-box;
        position:relative;
        text-align:center;
        margin-bottom:40px;
    }
    #电脑版页脚右,#电脑版页脚右2
    {
        display: none;
    }
    .加载按钮白字{
        color:#fff;
        border-color: #c4261d;
        background-color:rgba(196,38,29,1);
    }
    .加载按钮黑字{
        color:#fff;
        border-color: #c4261d;
        background-color:rgba(196,38,29,1);
    }
    .手机版底固行{
        width:100%;
        height:50px;
        line-height:50px;
        overflow:hidden;
        position:fixed;
        bottom:0px;
        left:0px;
        text-align:center;
    }
    .手机版底固行 a{
        color:#fff;
    }
    .红底大标题{
        height:60px;
        line-height:60px;
    }
}