/*          Responsive styles
================================================== */

@media only screen and (min-width: 1678px) and (max-width: 1923px) {
     .work_in li{
        width: 22.5%;
    }
    .work_in .first_work{margin-left: 0px;}
    .link div{width: 15%;}
    .link { padding: 0px;margin: 0px;}
    .header-r{margin-top: 17%;}
    /*list*/
    .main-l ul {
     margin-top: 60px;
    }
    .main-l ul li{
        border-bottom: none;
    }
}
@media only screen and (max-width: 1680px){
.header-r{margin-top:30px;}

}
/*@media only screen and (min-width: 1390px) and (max-width: 1677px) {*/
    .notify li{
        position: relative;
    }
    .notify li p{
        position: absolute;
        left: 0;
        top: 10px;
      /*width: 50px;*/
      /*height: 45px;*/
      margin-left: 7px;
      display: inline-block;
      /*float: left;*/
      border-left: 1px solid #6CB2DD;
    }
    
    .notify li p .yue{
      color: #0099DD;
      font-size: 24px;
      line-height: 30px;
      padding-left: 4px;
      /*font-weight: bold;*/
    }
    .notify li p .nian{color: #77CCEE;padding-left: 4px; font-size: 12px;}
    .notify li a{
      /*width: 75%;*/
      /*height: 45px;*/
      display: inline-block;
      /*float: left;*/
      line-height: 25px;
      margin-left: 12px;  /*border: 1px solid;*/
    }
    .notify li a{
        /*width: auto;*/
        padding-left: 70px;
        margin-left: 0;
    }
    .notify li a .biao{
      font-size: 16px;
    }
    .notify li a .zhai{
      font-size: 12px;
      color: #999999;
      /*overflow: hidden;*/
     /*text-overflow:ellipsis;*/
    /*white-space: nowrap;*/
    }
    .serve ul li a{color: #93CDF1;}

.link div{width: 11.9%;margin-right:0.6% !important;}
/*}*/
/*@media only screen and (min-width: 1200px) and (max-width: 1390px) {*/

 
 

    .serve ul li a{color: #93CDF1;}

    .link div a {font-size: 14px;}
/*}*/
/*                     Tablet Landscape
=======================================================================================*/
@media only screen and (max-width: 1200px) {
.main-l{width:100%;bacckground:none;}
.list-b ul{margin-top:0px;}
}
@media only screen and (max-width: 1024px) {
.list-b ul{margin-top:0px;}
.main-l{background:none;border-bottom:none;}
.main-l ul li{border-bottom:1px solid #dddddd !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-l{width:50%;}
.header-r{margin-top:50px;}
    .work_in li{
        width: 45%;
    }
    .link div{
      width: 30%;
      height: 100px;     
    }
    .notify li a{
        width: 100%;
        padding-left: 70px;
        margin-left: 0;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .notify ul{width: 100;}
     .main-r ul li {
        line-height: 45px;
        text-indent: 0px;
        border-bottom: 1px dashed #BBBBBE;
    }
   
    .col-sm-9 {
     width: 100%;
    }
    .main-r ul li a {
        width: 410px;
        height: 25px;
        line-height: 33px;
        display: inline-block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        /*font-size: 14px;*/
    }
    .content .col_sm-9{
        width: 100%;
    }
.main-l{width:100%:}
    .main-l .title{display: none;}
    .list-b ul{width:100%;}
    .list-b ul li{width:21%;float: left;border-bottom: transparent;}
}

/*                          Phone
=======================================================================================*/

@media only screen  and (max-width: 992px){
.header-r{/* margin:60px -27px; */}
    .work_in li{
        width: 45%;
    }
    .link div{
      width: 30%;
    margin-right: 3.3% !important;
      height: 100px;     
    }
    .main-r ul li {
        line-height: 45px;
        text-indent: 0px;
        border-bottom: 1px dashed #BBBBBE;
    }
    .col-sm-9 {
     width: 100%;
     margin-top: 15px;
    }
    .main-r ul li a {
        width: 410px;
        height: 25px;
        line-height: 33px;
        display: inline-block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        /*font-size: 14px;*/
    }
    .main-l{width: 96%;display: none;}
    .main-l .title{display: none;}
    .list-b ul{width:100%;}
    .list-b ul li{width:21%;float: left;}
    .link div{margin-left: 0!important;}
 
}

/* Mobile Vertical Layout: 488px 
===============================================================================*/


@media only screen and (max-width: 480px) {
.top-logo img{width: 85%;}
.fb img{width:80%;}
	.link div{margin-left: 0!important;}
   .work_in{
    width: 95%;
   }
   .work_in .first_work{
        margin-left: 10;
    }
   .work_in .first_work{margin-left: 10px;}
   .header-r{/* margin-top: 0%; */margin-top: 81px;margin-right: 60px;}
    .notify li a{
        width: 100%;
        padding-left: 70px;
        margin-left: 0;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .link div{
      
    }
    .link .ji{margin-left: 10px;}
    .foot{font-size: 12px;}
    /*list*/
    .main-l {width: 90.5%;background: none;border-bottom: 1px dashed #ccc;}
    .main-l .title{width: 375px;}
    .main-l .title a{ color: #1295D8; font-size:20px; }
    .main-l ul li{
        width: 140px;
        border-bottom: transparent;
        float: left;
    }
    .main-l .bg a{color:#1295D8; }
    .main-r {
        width: 100%;
        margin-top: 10px;
    }
    .main-r .top a {font-size: 14px;}
    .main-r .top span{float: right;margin-right: 5px;}
    /*.main-l .title a{color: #1295D8;}*/
    .main-l .bg {
    border-left: transparent;
    background: none;
    }
    
    .main-l .xiao,.main-l .gong,.main-l .hua,.main-l .yi{background: none;}
        .main-r .top a {font-size: 16px;}
        .main-r .top span{float: right;margin-right: 5px;}
        .main-r ul li a {
            width: 248px;
            height: 25px;
            line-height: 33px;
            display: inline-block;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            font-size: 14px;
        }
        .main-r ul li{
        line-height: 25px;
        text-indent: 0px;
        border-bottom: 1px dashed #BBBBBE;
    }
     /*.main-r{margin-top: 15px;}*/
    .main-r ul{
        margin-bottom: 20px;
    }
    .main-r ul li  span{font-size: 12px;display: inline-block;line-height: 30px;}
.header-l{margin:52px 0px;}
.demo-2{top: 110px;}
.header-r{margin-right:0px;}
}
@media only screen and (min-width: 322px) and (max-width: 479px) {
    
    .header-r ul{display:none;}
span.search{margin-top: 65px;}
.xxsy{display:block;}
.zb{display:block;}
    .work{display:none;}
}
@media only screen and (max-width: 321px) {
.fb img{width:70%;}
.header-l a .jiguan,.baomi{width:75%;}
    /*list*/
    .main-l {width: 90%;}
    .main-l .title{width: 295px;}
/*    .main-l ul li{
        width: 288px;
    }
    .main-r .top a {font-size: 14px;}
    .main-r .top span{float: right;margin-right: 5px;}
    .main-l .bg{
    border-left: 2px solid #666661;
    background: #1295D8;
}*/
.main-l .xiao,.main-l .gong,.main-l .hua,.main-l .yi{background: none;}
    .main-r ul li a {
        width: 196px;
        display: inline-block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size: 12px;
    }
        .main-r ul li{
        line-height: 25px;
        text-indent: 0px;
        border-bottom: 1px dashed #BBBBBE;
    }
    .main-r h4{
     font-size: 16px;
    }
    .main-r ul{
        margin-bottom: 20px;
    }
    .main-r ul li  span{font-size: 12px;display: inline-block;}
}



@media (max-width: 767px){
	.header-r{/* display: none; */}
	.header{/* min-height: auto; */}
.work .tu{height:auto !important;}
.tu img{height:auto !important;}
	}