@charset "utf-8";

/**响应式模板**/
@media only screen and (max-width: 1039px) {
    /**（默认）导航**/
    #header .common {
        min-width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    /**（全屏）导航*/
    .nav_main {
        left: 50%;
        margin-left: -400px;
        top : 50%;
        margin-top: -250px;
    }

    .nav_main ul li {
        width: 20%;
    }

    /**主要内容区域*/
    .page1 .slide-wrap ul li >video,.page1 .slide-wrap ul li >img { height: 100% ;}

    .page2 .wrapper {  width: 100%;  }

    .page3 .wrapper { width: 100%;margin-left: -50%;   }
    .page3 .head {  width: 100%; }

    .page3 .head {padding-left:0; height: 85px;}
    .page3 .head .nav { position: absolute; left: 365px;}
    .page3.active .head .img ,.page3 .head .img {  left: 65px;  }
    .page3.active .head .sort { left: auto;right: 70px;}

    /*.page3 .body { margin-top: 129px;}*/
    .page3 .body li{  width: 24% !important;  }
    .page3 .body li .text { width: 100%;}

    .page5 .wrapper{  width: 100%; margin-left:-50%; }
    .page5 .img-wrap{  width: 35%;margin-left: 2%;}
    .page5 .nav{  width: 22%; margin-right: 2%;}

    .page6 .wrapper{  width: 100%; margin-left:-50%; }
    .page6 .time{ /** width: 340px;*/  width: 28.3%; text-align: center;}
    .page6 .tele{ /*width: 860px;*/  width: 71.6%; text-align: center;}
    .page6 .tele .tel { width: 90%;}

    .page6 .info { width: 100%; margin-left:-50%;}
    .page6 .info ul{ width: 23%;}
    .page6 .info ul:nth-child(2){ margin-left: 0.5%;margin-right: 0.5%;}

}

@media only screen and (max-height: 768px){
    /**（全屏）导航*/
    .nav_main {
        left: 50%;
        margin-left: -400px;
        top : 0;
        margin-top: 130px;
    }

    .nav_main h1{
        display: block;
    }
    .page2 li .wrap{
        margin-top: -250px;
    }
}


@media only screen and (max-height: 600px){
    .page5 .nav ul li:nth-child(1) { padding-bottom: 40px; }
    .page5 .nav ul li:nth-child(2) { padding-top: 20px; }

    .page6 .wrapper { margin-top: -220px; }
    /*.page6 .info {bottom: 40px;}*/

    #loader .wrap { margin-top: -130px;}
}