* {
        margin: 0;
        padding: 0;
    }
   
ul,ol{
    list-style: none;
}

body{
    /* height: 2000px; */
}
a,a:hover,a:focus,button:focus{
    text-decoration: none;
    color:#333;
    outline: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
button{
    border:none;
}
@media (max-width: 376px){
    
    div#home ul li{
        width: 100%;
        display: block;
        text-align: center;
        padding: 0px 17%;
    }
    
}
@media (max-width: 768px){
    .ces-news .container {
       width: 100%;
       padding-right: 0;
       box-sizing: border-box;
    }
    html{
       /* font-size:8px; */
    } 
    .footnots{
        display: block;
    } 
   #home ul li{
        width: 49%;
        /* display: block; */
        text-align: center;
        padding: 0px 4%;
    }
    #home ul li span{
        text-align: left;
    }
    #home li a img {
        width:  100%;
    }
    #mainTab .tab-content li a>span p {
        width:100%;
        height: 0.5rem;
    }
    #mainTab .tab-content li a>span p:last-child{
        height: 0.5rem!important;
    }
    #nav-body .news-tabs{
        width: 100%;
        margin: 0;
    }
    #nav-body .news-tabs .active a:focus {
       /* background: red; */
    }
    .nav{
        position: relative;
    }
     #nav-body{
       width: 35%; 
       position: fixed;
       left: -35%;
       z-index: 100;
       padding-left: 15px;
       
   }
    .in{
     /*  opacity: 0;*/
       animation:move1 0.3s 1 ease-in forwards;
    } 
    .out{
       animation:move2 0.3s 1 ease-in forwards;
    }
    .navbar {
        margin-bottom: 0px;
        position: fixed;
        z-index: 100;
        background: #fff;
    }
    div#gsManCont .titleHead h2 {
        margin: 0px 0px 0px 28px;
        padding: 2.9%;
        color: #fff;
        font-size: 2.8rem;
    }
    div#gsManCont .banner .netVersion .netVersionText {
        font-size: 2.3rem;
    }
    div.ces-news{
        /* padding-bottom: 85px; */
    }
    .container .footnots{
        font-size: 12px;
        color: #9a9a9a;
        text-align: center;
        height: 1rem;
        line-height: 1rem;
        background: #dfdfdf;
    }
    .container .footnot{
        bottom: -50px;
        margin-bottom: 30px;
    }
    div#mainTab,
    div#gdMianCont,
    div#gsManCont,
    div#yjMianCont,
    div#yjManCont{
       /* margin-top: 21.6%;*/
	margin-top:0.2rem;
    }
    nav.ces-navbar {
       min-width: 320px; 
    }
    .ces-navbar .navbar-toggle {
        height: 0.6rem;
        width: 0.6rem;
    }
    /* 敬请期待样式 */
    #home ul li a{
        position: relative;
    }
    .wating{
        position: absolute;
        width: 100%!important;
        height: 100%;
        background: #666;
        left: 0;
        top: 0;
        opacity: .5;
        text-align: center!important;
        color: #fefefe;
        padding-top: 42%;
         font-size: 17px; 
    }
    .nav .wating{
        width: 100%;
    }
    .nav li{
        overflow: hidden;
    }
    #nav-body ul#news-tabs > li > a {
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: .25rem;
        font-weight: bold;
        color: #fff;
        white-space: nowrap;
    }
}
@keyframes move1{
    from{
        left:-100px;
    }
    to{
        left:0px;
        opacity: 1;
    }
}
@keyframes move2{
    from{
        left:0px;
        opacity: 1;
    }
    to{
        left:-100px;
        opacity: 0;
    }
}
@media (min-width: 768px){
    .ces-news .container {
        width: 100%;
       /*  height: 100%; */
        box-sizing: border-box;
    }
    /*  html{
      font-size: 7px;
        }  */
    #home ul li{
        width: 45%;
    }
     #mainTab{
        top:-35px;
     }
     /* 敬请期待样式 */
    #home ul li a{
        position: relative;
    }
    .wating{
        position: absolute;
        width: 3.38rem!important;
        height: 100%;
        background: #666;
        left: 0;
        top: 0;
        opacity: .5;
        text-align: center;
        color: #fefefe;
        padding-top: 42%;
        font-size: 20px; 
    }
    .nav .wating{
        width: 100%!important;
        z-index: 220;
    }
    .nav li{
        overflow: hidden;
    }
     #mainTab .tab-content>#home{
        position:absolute;
        top:-0.7rem; 
    }
}

@media (max-width: 992px){
    #yjMianCont .banner div.productLeft,
    #yjMianCont .banner div.productRight,
    #gdMianCont .banner div.productLeft,
    #gdMianCont .banner div.productRight{
        float: none;
        width: 100%;
        margin: 0 auto;
    }
}
@media (min-width: 992px){
    /* .ces-news .container {
        width: 100%;
        height: 100%;
    } */
     /* html{
        font-size: 8px;
     }  */
     #home ul li{
        width: 45%;
    }
    #mainTab{
        top:-40px;
     }
     
}
@media (min-width: 1200px){
    .ces-news .container {
        width: 100%;
       /*  height: 100%; */
        box-sizing: border-box;
     }
      html{
        /* font-size: 9px; */
     } 
     #home ul li{
        width: 24.5%;
    }
    #mainTab{
        top:-47px;
     }
    
}
@media (min-width: 1500px){
    .ces-news .container {
        width: 100%;
        box-sizing: border-box;
     }
      html{
        font-size: 100px;
     } 
     #mainTab{
        top:-50px;
     }
}
.container{
    padding-left: 0rem;
    position: relative;
}
.navbar-collapse{
    padding-left:0.55rem;
}
/* 头部 */
 .logoMsg {
    font-size: .24rem;
    margin:0.19rem 0rem 0.35rem 0.6rem;
    white-space: nowrap;
} 
#logoDev img{
    width: 1.06rem;
    margin-left: 0.95rem;
} 
.ces-tel{
    position: relative;
}
.ces-tel:before{
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/phonemdpi.png) no-repeat 0px 0px;
    background-size:100% 100%;
    display: inline-block;
    position: absolute;
    left:-20px;
    top:2px;
}
.ces-icon-weixin{
    width: 51px;
    height: 50px;
    background: url(../images/wxmdpi.png) no-repeat 0px 0px;
    background-size:100% 100%;
}
.ces-icon-qq{
    width: 51px;
    height: 50px;
    background: url(../images/QQmdpi.png) no-repeat 0px 0px;
    background-size:100% 100%;
}
.ces-icon-msg{
    width: 51px;
    height: 50px;
    background: url(../images/msmdpi.png) no-repeat 0px 0px;
    background-size:100% 100%;
}
.logoHead{
    display: block;
}
#logoDev{
 
    text-align: left;
    padding:0.35rem 0rem 0rem 0rem;
}
#phone-number{
    text-align: right;
    padding: 0.5rem 1rem 0.5rem 0;
    color:#9a9a9a;
    position: relative;
}
.number{
     font-size: 21px;
     margin-left:10px;
}
#phone-number span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
 } 
.bgpic{
    position: absolute;
    width: 2.87rem;
    height: 2.76rem;
    top: 0rem;
    left: 0rem;
    background: url(../images/logobg.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    margin:0;
   
}
.fixHead{
    border-bottom: 1px solid #dcdcdc;
    padding-left: 0px;
    padding-right: 15px;
    

}
.fixHead #logoDev{
    padding:10px;
    box-sizing: border-box;
    margin:0px;
}
.fixHead #logoDev img{
    float: left;
    width: 1rem;
    margin-left: 0.4rem;
}
#iphone-method{
    text-align: right;
    white-space: nowrap;
    margin: 0.4rem 0rem 0.2rem;
    padding:0;
}
#iphone-method img{
    width: 0.57rem; 
    margin-right: 0.25rem;
    min-width: 30px;
}
/* 主题模块 tab导航*/


.bag{
        position: fixed;
        width: 100%;
        background:url(../images/bg.png) no-repeat 0px 0px;
        background-size: 100% 100%;
        z-index: 0;
      }
.ces-news .container .row{
   margin:0;
   
}
.ces-news .container .row,
.ces-news .container .row>div{
    
}
.news-tabs{
    background: url(../images/tabbg.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    width:1.76rem; 
    height:76%; 
    min-width: 100px;
   
   float: none;
  
}
.news-tabs > li {
    padding:0px 5%;
    width:100%;
}
.news-tabs > li:nth-child(n+5) {
    pointer-events: none;
}
.news-tabs > li:nth-child(n+5) a{
    color:#b1acae!important;
}
.news-tabs .active a{
    border-bottom:2px solid #f3df0c;
}
.news-tabs > li:last-child{
    margin-bottom:0;
}
.news-tabs > li > a {
    display: block;
     width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .17rem;
    font-weight: bold;
    color:#fff;
    white-space: nowrap;
    padding:0;
}
.news-tabs > li > a:hover {
     color:none; 
     background-color: #0d81e3; 
}
.news-tabs .active a:focus{
    background: #0e80e3;
}
#mainTab .tab-content{
    position:relative;
    /* top:-9%; */
    height:80%;
}
#mainTab .tab-content>div{
    height: 100%;
}

#mainTab .tab-content a{
    display: inline-block;
    height: 100%;
}



#mainTab .tab-content li a>span{
    display: block;
    width: 100%;
}
#mainTab .tab-content a>span p{
    
     
    width: 100%; 
   padding-left: .15rem; 
   height: 0.35rem;
    line-height: 0.46rem;
    margin: 0;
    font-size: 0.25rem;
    border-left:1px solid #dbdbdb;
   border-right:1px solid #dbdbdb;
}
#mainTab .tab-content li a>span p:last-child{
      color:#949494;
     font-size: .15rem;
     height:0.4rem;
     line-height: 0.4rem;
     border-bottom:1px solid #dbdbdb;
     
}
#mainTab .tab-content li a>span p span{
   
}
#mainTab .tab-content li a>span p span:first-child{
     border-bottom:2px solid #f4de0c; 
}





/* Tab 内容 */
#home li{
    float: none;
    width:24.5%;
    margin-bottom:0.2rem;
    display: inline-block;
}
#home li img{
    width: 3.38rem;
}
#mainTab{
   position: static;
}
.footnot{
    position: absolute;
    left: 50%;
    margin-left: -144px; 
    bottom: 25px; 
    font-size: 12px;
    color: #9a9a9a;
}
.footnotPC{
   border-top: 1px solid #ebebeb;
    height: 175px;
    background: #f4f8fc;
    z-index: 1;
    padding: 30px 0 30px 0;
}
.footnotPC>div{
    display: inline-block;
}
.logo1{
    width: 4.96rem;
    text-align: right;
}
.logo2{
    width: 10.95rem;
    padding-top: 20px;
}
.logo3{
     width: 2.8rem;
}
.logo2 p{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.logo2 p:nth-child(1) span{
    font-weight: bold;
}
.logo2 p:nth-child(3) span{
    margin:0 0.2rem 0 0.2rem;
}
.logo1 img,
.logo3 img{
    width: 86px;
}
.logo1 p,
.logo3 p{
    margin-top: 10px;
    padding-left: 0.18rem;

}
@media (max-width: 1217px){
    .logo1{
    width: 2.8rem;
    text-align: right;
    }
    .logo2{
        width: 5.5rem;
        padding-top: 20px;
    }
    .logo3{
         width: 2.8rem;
    }
}
/* 导航栏样式 */
.ces-navbar {
    margin: 0px;
    min-height: 68px;
    padding:0;
}
.ces-navbar .navbar-toggle {
     border-color: #ddd;
    background: url(../images/iphonebtn.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    border: none;
    margin-top:0;
    
}
.ces-navbar .navbar-toggle:hover,
.ces-navbar .navbar-toggle:focus {
    background-color: #ddd;
}
.ces-navbar .navbar-toggle .icon-bar {
    background-color: #888;
}
.ces-navbar .navbar-brand {
    color: #777;
    height: 80px; /*改*/
    line-height: 50px;/*改*/
}
.ces-navbar .navbar-brand:hover,
.ces-navbar .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}


 /* 二级页面 产品列表公共样式 */
#yjMianCont .banner .productLeft,
#gdMianCont .banner .productLeft {
    width: 45%;
    text-align: center;
    float: left;
}
#yjMianCont .banner .productRight,
#gdMianCont .banner .productRight {
    width: 45%;
     float: right;
}
.banner{
        margin-bottom: 4%;
}
/* PC端微信二维码 */
.ces-icon-weixin {
    position: relative;
    cursor: pointer;
}
.ces-icon-weixin:hover>.wxerweima{
    display: inline-block!important;
}
.ces-icon-weixin .wxerweima{
    position: absolute;
    left: -36px;
    top: 54px;
    /* display: inline-block; */
    width: 128px;
    height: 128px;
    text-align: center;
    z-index: 200;
    background: #fff;
    padding: 10px 15px 0px;
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
    display: none!important;
}
.ces-icon-weixin .wxerweima img{
    width: 100%;
    height: 80%;
}
/* 移动端 二维码 电话等 */
#iphone-method {
    position: relative;
}
#iphone-method img{
    cursor: pointer;
}
#iphone-method .wxerweima{
    position: absolute;
    right: 24%;
    top: 84%;
    width: 128px;
    height: 128px;
    text-align: center;
    z-index: 200;
    background: #fff;
    padding: 10px 15px 0px;
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
     display: none; 

}
 #iphone-method .isShow{
    display: inline-block;
} 
#iphone-method .wxerweima img{
    width: 100%;
    height: 75%;
    margin:2% 2%;
}
.showNumber{
    display: none; 
    width: 132px;
    height: 27px;
    text-align: center;
    color: #666;
    position: absolute;
    right: 40%;
    top: 85%;
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
    font-size: 16px;
    line-height: 27px;
    background: #fff;
    z-index: 200;
}
.entry{
    cursor: default;
}
.productLeft p {
    margin-top: 10px;
    text-align: left;
    font-size: 17px;
    text-indent: 2em;
}
.banner video{
   width:100%!important;
   /* height:auto!important; */
}
@media (min-width: 1200px) and (max-width: 1215px){
    #home li img,.wating{
        width: 2rem!important;

    }
     #home ul{
        margin-left: 75px;
     } 
}