@import url(/css/model.css);

/* PC端 大于1024px */
@media screen and (min-width:1025px) {
    body{
        /* background-color: cadetblue; */
    }
    .paceheader{
        position: relative;
    }
    header{
        height: 66px;
        background-color: #005dab;
    }
    .logo{
        width: 133px;
        margin-top:15px;
    }
    .logo img{
        width: 100%;
    }
    .logo h1{
        width: 0;
        height: 0;
        margin: 0;
        line-height: 0;
        overflow: hidden;
        margin-left: -999px;
    }
    /* 搜索 */
    .paceheader form{
        line-height: 66px;
    }
    .nav{
        line-height: 66px;
    }
    .nav>li{
        padding: 0 10px;
        height: 65px;
        border-bottom: 1px solid rgb(255, 0, 0,0);
    }
    .nav>li:hover{
        border-bottom: 1px solid red;
    }
    .nav>li>.bar{
        width: 100%;
        height: 440px;
        position: absolute;
        left: 0;
        display: none;
        z-index: 3;
        background-color: royalblue;
        line-height:0.9em;
    }
    .nav>li:hover .bar{
        display: block;
    }
    /* nav产品分类 */
    .nav a{
        color: #333;
    }
    .nav .warper>div{
        width: 50%;
        height: 440px;
    }
    /* 产品分类左边 */
    .nav .warper .cd8{
        margin-top:90px ;
    }
    .nav .warper>.product-iterm .cd8>li{
        width: 25%;
        text-align: center;
        line-height: 6em;
    }
    .nav .warper>.product-iterm .cd8>li span{
        font-size:6em;
        line-height:1em;
    }.nav .warper>.product-iterm .cd8>li p{
        font-size: 1.5em;
    }
    /* 产品分类右边 */
    .nav .warper>.product-iterm .product-img{
        position: relative;
    }
    .product-img>img{   
        position: absolute;
        width: 20%;
        top: 50%;
        right: 15%;
        transform: translate3d(0,-50%,0);
    }
    /* 技术支持 */
    .technology-iterm{
        font-size: 1.5em;
        line-height: 1.5em;
    }
    /* 关于PACE*/
    .paceheader .about div{
        font-size: 1.2em;
        line-height: 2em;
    }
    /* panna框架 可点击选择图片*/
    .pacebanna{
        background-color:bisque;
        position: relative;
    }
    .pacebanna .banna-list{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .pacebanna .banna-list li{
        display: inline-block;
        padding: 10px 20px;
        cursor: pointer;
    }
    .cloer005dab{
        background-color: #005dab;
    }
    .pacebanna .bannawarper{
        width: 100%;
    }
    .pacebanna img{
        width: 100%;
    }
    .bannawarper .banna-img{
        position: relative;
        display: none;
    }
    .banna-img .text{
        position: absolute;
        right: 35%;
        top: 25%;
    }
    /* 图文推荐 */
    .imgwarper{
        width: 75%;
        margin: 0 auto;
    }
    .imgwarper .h2 {
        margin-top:70px ;
        font-size: 1.5em;
    }
    .imgwarper .h2 h2{
        text-align: center;
    }
    .imgwarper .imgwarper-cd7>div{
        position: relative;
        overflow: hidden;
        margin-top: 10px;
    }
    .imgwarper .imgwarper-cd7 img{
        width: 100%;
    }
    .imgwarper .imgwarper-cd7 .imgitemcd1{
        width: 66%;
    }
    .imgwarper .imgwarper-cd7 .imgitemcd2{
        width: 33%;
    }
    .imgwarper .imgwarper-cd7 .imgitemcd3{
        width: 33%;
    }
    .imgwarper .imgwarper-cd7>div .text{
        position: absolute;
        bottom:-85px;
        left: 10%;
    }
    .imgwarper .imgwarper-cd7>div .text a{
        font-size: 1.5em;
        color: red;
    }
    .imgwarper .imgwarper-cd7>div:hover .text{
        bottom: 10px;
        transition: all 0.5s;
    }
    /* 新闻 */
    .pacenew{
        width: 75%;
        margin: 0 auto;
    }
    .pacenew .newh2 {
        text-align: center;
    }
    .pacenew .newh2>h2{
        font-size: 2.5em;
    }
    .pacenew>.new{
        border-left:1px solid rgba(37, 37, 37, 0.3) ;
    }
    .pacenew>.new .img-text p{
        margin-left:10%;
        font-size: 1.3em;
    }
    /* 尾部 */
    footer{
        width: 75%;
        margin: 0 auto;
        position: relative;
        bottom: 0;
    }
    .paceabout ul{
        text-align: center;
        list-style: none;   
    }
    .paceabout ul li {
        display: inline-block;
        padding: 5px 20px ;
    }
    .paceabout ul li a{
        font-size: 1.5em;
        color: rgba(37, 37, 37, 0.8);
    }
    .paceabout ul li a:hover{
        color: #005dab;
    }
    .paceabout .cop span{
        text-align: center;
    }
    .cop ul{
        text-align: center;
    }
    .cop ul li{
        display: inline-block;
       }
       .cop ul li a{
           color: black;
       }
 }



/* ipad-pro端 376-1024px*/
@media screen and (min-width:376px) and (max-width:1024px) {
    body{
        background-color: blue;
    }
    
}
/* 移动端手机 小于376px */
@media screen and (max-width:375px) {
    body{
        background-color: brown;
    }
}