#index_news>a{
    background: #ee8e20;
}
.news_t{
    width:100%;
    margin:1.364% 0;
    text-align: right;
}
.news_t a{
    float: right;
    margin-left:0.5%;
}
.news_t span{
    margin-top: 0.2%;
    display: block;
    float: right;
}
.news_l{
    width:20%;

}
.news_l p{
    font-size:1.666em;
    border-bottom: 1px solid #DDDDDD;
    padding: 2% 10%;
    background: url("../images/cases_01_03.jpg") no-repeat left center;
}
.news_l li{
    padding:4% 10%;
    font-size: 1.166em;
    border-bottom: 1px solid #F0F0F0;
    background: url("../images/cases.png") no-repeat 4% center;
}
.news_r{
    width: 76.4%;
}
.news_r>p{
    width: 94.4%;
    padding: 1.18% 4.8% 1.18% 1.8%;
    text-align: right;
    line-height: 12px;
    border-top: 1px solid #E1E1E1;
    box-shadow: 0px -5px 7px 0px #E0E0E0 inset;
    background: url("../images/news_03.jpg") no-repeat 97.5% center;
}
.news_r>p span{
    float: left;
    color:#ee8e20;
    font-size:1.333em;
}
.new_box{
    width: 100.9%;
    margin-bottom: 4%;
}
.nbtl{
    margin:1.89% 2.8%;
    position: relative;
}
#banner{
    width:384px;
    height:276px;
    overflow: hidden;
}
#imgs{
    width:2688px;
    height:276px;
}
#imgs li{
    float: left;
    position: relative;
}
#imgs s{
    display: block;
    width: 100%;
    background: #000;
    opacity: 0.5;
    height: 25px;
    position: absolute;
    bottom:-25px;
}
#imgs li:first-child s{
    bottom:0px;
}
#imgs u{
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-size:1.2em;
    height: 22px;
    color: #fff;
    bottom:-25px;
}
#imgs li:first-child u{
    bottom: 0;
}
#imgs u:hover{
    cursor:default;
    color:#ee8e20;
}
#imgs img{width:384px;height:276px;}
#list{
    width:88px;
    position: absolute;
    text-align: right;
    left: 40.501%;
    bottom:-13%;
}
#list li{
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    border-radius: 5px;
    background: #B3B3B3;
}
#list li:hover{
    cursor: pointer;
}
#list li.news_hove{
    background: #627885;
}
#change_list li:hover{
    cursor: pointer;
}
#change_list li{
    float: left;
}
#change_list .pev{
    position: absolute;
    bottom:-15%;
    left: 24%;
}
#change_list .next{
    position: absolute;
    bottom:-15%;
    right:24%;
}
.nbtr{
    width:45%;
    margin: 1.89% 3.5% 1.89% 0;
    line-height: 241%;
}
.nbtr p a{
    font-size:1.333em;
    color:#ee8e20;
}
.nbtr u{
    color: #9B9B9B;
}
.nbtr div{
    padding-bottom: 4%;
    border-bottom: 1px solid #E7E7E7;
}
.nbtr li{
    padding-left: 15px;
    background: url("../images/down.png") no-repeat left center;
    line-height: 235%;
}
.nbtr ul{
    margin: 3% 0;
}
.nb_middle{
    width:97%;
    padding: 0 2%;
}
.middle_box{
    width:47.7%;
    margin:0 4.4% 2.93% 0;
}
.middle_box>p{
    padding:1.18% 6.5% 1.18% 0;
    text-align: right;
    line-height: 11px;
    background: url("../images/news_03.jpg") no-repeat 97.5% center;
    position: relative;
}
.middle_box p span{
    float: left;
    color:#ee8e20;
    font-size:1.333em;
    border-bottom: 2px solid #ee8e20;
    padding-bottom: 9px;
    position: absolute;
    top:0;
    left: 0;
}
.middle_box>div{

    padding:3% 2%;
    border-top:1px solid #E1E1E1;
}
.middle_box>div img{
    float: left;
    width: 40%;
    border:2px solid #E8E8E8;
}
.middle_box>div img.hangye_img{
    width:19%;
}
.middle_box>div>div{
    width: 57.8%;
    line-height: 184%;
}
.middle_box>div>div p a{
    font-size:1.166em;
    color:#FBA548;
}
.middle_box>div>div u{
    color:#9B9B9B;
    display: block;
    margin-bottom:2%;
}
.middle_box>div ul{
    float: left;
    width:100%;
}
.middle_box>div li{
    padding-left: 3%;
    background: url("../images/down.png") no-repeat 1.5% center;
    line-height: 235%;
}
.you{
    margin-right:0;
}
.nb_bottom{
    width:100%;
    background: #E9E9E9;
    border:1px solid #E0E0E0;
    margin-bottom: 6%;
}
.nb_bottom p{
    height:40px;
    padding:1.18% 4.5% 1.18% 0;
    text-align: right;
    line-height:40px;
    background: url("../images/news_03.jpg") no-repeat 97.5% center;
    border-bottom:1px solid #CFCFCF;
}
.nb_bottom p span{
    float: left;
    color:#ee8e20;
    font-size:1.333em;
    padding-bottom: 9px;
    margin-left: 2%;
}
.nb_bottom ul{
    width: 96%;
    border:1px solid #f6f6f6;
    padding: 2%;
    float: left;
}
.nb_bottom li{
    width: 31%;
    text-align: center;
    float: left;
    margin:1.1%;
    line-height:40px;
    font-size:1.166em;
}
.company_rt{
    width: 100%;
    border: 1px solid #E1E1E1;
}
.company_rt img{
    width: 100%;
}
.company_rt div{
    border-top:1px solid #E1E1E1;
    height:38px;
    line-height: 38px;
    text-indent:2.7%;
    font-size: 1.333em;
    color:#000;
}
.company_rm{
    width:100%;
    border-bottom: 5px solid #DEDEDE;
    margin-top: 2.36%;
}
.company_rm>div{
    width:100%;
    border-top: 1px solid #ECECEC;
    padding: 2.26% 0;
}
.company_rm div div{
    width:67%;
    margin-left:2%;
    line-height: 200%;
}
.company_rm div div a{
    display: block;
    font-size: 1em;
}
.company_rm div div a:first-child{
    text-align: right;
    color:#9B9B9B;
    font-size:1.166em;
}
.company_rm span{
    color:#FB9314;
    float: left;
}
.company_rm div div a:last-child{
    margin-top: 3%;
    color:#FB9314;
}
.company_rb{
    width:100%;
    position: relative;
    margin:3% 0;
}
.company_rb b{
    display: inline-block;
    width:22px;
    height:22px;
    text-align: center;
    border:1px solid #fff;
    transition: all 0.8s;
}
.company_rb .prev{
    position: absolute;
    top:1%;
    left:41%;
}
.company_rb .next{
    position: absolute;
    top:1%;
    right:41%;
}
.company_rb b:hover{
    border:1px solid #B3B3B3;
}
.company_rb ul{
    width:64px;
    height:22px;
    margin: auto;
}
.company_rb li{
    float: left;
    width:22px;
    height:22px;
    margin:0 4px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #B3B3B3;
    transition: all 0.8s;
}
.company_rb li:hover{
    background: #B5B5B5;
    cursor: pointer;
}
.company_change{
    background: #B5B5B5;
}
.race_r{
    width:100%;
    margin-bottom: 8%;
}
.race_r div span.title{
    display: inline-block;
    border-bottom: 2px solid #ee8e20;
    color: #000;
    margin-left: 2%;
    padding: 0.4%;
    font-size:1.333em;
    font-weight: bold;
    position: relative;
    top: 1px;
}
.race_rb{
    padding: 4% 0;
    border-top: 1px solid #ccc;
}
.race_rb p{
    font-size:1.5em;
    margin: 2% auto;
    color: #ee8e20;
    text-align: center;
}
.race_rb div p{
    color: #666;
    text-align: left;
}
.race_rb s{
    text-align: center;
    display: block;
    color: #999;
    height: 28px;
    line-height: 28px;
    background: #F1F1F1;
}
.race_rb div{
    margin:9% 0;
    text-indent: 2em;
    line-height: 184%;
}
.race_rb div u{
    font-size: 1.166em;
    display: block;
}
.nb_middle .mb_top{
    width:100%;
}
.nb_middle .mb_top>p{
    padding-right:4.5%;
}
.nb_middle .mb_top>p>span{
    top:35%;
}
.nb_middle .mb_top>div{
    padding: 2% 0.9%;
}
.nb_middle .mb_top>div>div{
    width:32.5%;
    margin-left: 1%;
}
.nb_middle .mb_top>div>ul{
    float:right;
    width:42.8%;
}
.company_rm a>br{
    display: none;
}
@media screen and (max-width:1785px){
     .middle_box>div>div {
         font-size: 1em;
     }
 }
 @media screen and (max-width:1619px){
     .nbtr {
         margin-right:0;
     }
     .nb_middle .mb_top>div>ul {
         width:46.8%;
     }
 }
 @media screen and (max-width:1504px){
     .nbtr {
         width: 42%;
     }
     .nbtr li {
         padding-left: 15px;
         background: url(../images/down.png) no-repeat left center;
         line-height: 166%;
     }
 }
 @media screen and (max-width:1487px){
     .middle_box {
         width: 48%;
         margin: 0 2% 2.93% 0;
     }
     .nb_middle .mb_top>div>ul {
         width: 48.8%;
     }
     .nb_middle .mb_top>div>div {
         width: 29.5%;
     }
     .middle_box p span {
         top: -8%;
     }
     .nb_middle .mb_top>p>span {
         top: 23%;
     }
 }
 @media screen and (max-width:427px){
     .middle_box>div li {
         line-height: 117%;
     }

 }
 @media screen and (max-width:1215px){
     .nb_middle .mb_top>p>span {
         top: 22%;
     }
     .middle_box p span {
         top: -12%;
     }
     .middle_box>div>div {
         line-height: 134%;
     }
 }
 @media screen and (max-width:1151px){
     .middle_box>div li {
         padding-left: 3%;
         background: url(../images/down.png) no-repeat 1.5% center;
         line-height: 157%;
     }
 }

 @media screen and (max-width:1118px){
     .nbtl {
         width: 100%;
         margin:3% auto;
     }
     .nbtr {
         width: 100%;
         margin-top: 8%;
         text-align: center;
     }
     .nbtr ul {
         text-align: left;
     }
     .nbtr li {
         width:45%;
         float: left;
         margin-right: 3.5%;
     }
     .nbtr li.right_margin{
         margin-right: 0;
     }
     #list {
         left: 43%;
     }
 }
 @media screen and (max-width:1118px){
     .middle_box>div img {
         float: left;
         width: 100%;
         border: 2px solid #E8E8E8;
     }
     .middle_box>div>div {
         width: 101%;
         text-align: center;
     }
     .middle_box.mb_top>div>div {
         text-align: left;
     }
     .middle_box>div ul {
         margin-top: 5%;
     }
     .middle_box.mb_top>div ul {
         margin-top:0;
     }
 }
@media screen and (max-width:1260px){
    .company_rm div div {
        width: 66%;
    }
}
@media screen and (max-width:991px){
    .nbtr li {
        width: 100%;
        float: left;
        margin-right: 3.5%;
    }
    .news_l p{
        padding-left:14%;
    }
    .middle_box>div img.hangye_img {
        width: 30%;
        margin: 0 auto;
        float: none;
    }
    .middle_box.mb_top>div>div {
         width: 80%;
         margin: 0 auto;
         float: none;
         text-align: center;
     }
    .middle_box.mb_top>div ul {
        width:343px;
        margin: 0 auto;
        float: none;
        text-align: left;
        clear: both;
    }
    .nb_middle .mb_top>div {
        text-align: center;
    }
    .nb_middle .mb_top>p>span {
        top: 13%;
    }
    .middle_box p span {
        top: -22%;
    }
    .nb_middle .mb_top>p {
        padding-right: 30px;
    }
    .middle_box>p {
        padding-right: 22px;
    }
}
@media screen and (max-width:962px){
    .company_rm div div {
        width: 62%;
    }
    .company_rm div div {
        line-height: 174%;
    }
}
@media screen and (max-width:855px){
    .company_rm div div {
        width: 59%;
    }
    .company_rm>div {
        text-align: center;
    }
    .company_rm div div {
        width: 100%;
        text-align: left;
    }
    .company_rm>div>a {
        display: inline-block;
    }
}
@media screen and (max-width:836px){
    .company_rm div div {
    }
}
@media screen and (max-width:816px){
    .company_rb .prev {
        left: 39%;
    }
    .company_rb .next {
        right: 39%;
    }
}
@media screen and (max-width:768px){
    #index_news>a{
        color: #ee8e20;
    }
    .news_l {
        display: none;
    }
    .news_r {
        width: 100%;
        margin: 1% 0;
    }
    .news_r>p {
        padding: 1.18% 34px 1.18% 1.8%;
        width: 90%;
    }
    .nb_middle .mb_top>p {
        padding-right: 35px;
    }
    .nb_middle .mb_top>p>span {
        top: 24%;
    }
    .middle_box p span {
        top: -8%;
    }
    .middle_box>p {
        padding-right: 26px;
    }
    .nb_middle .mb_top>div {
        width: 96%;
    }
    .middle_box>div li {
        padding-left: 10px;
    }
    .nb_bottom p {
        padding: 1.18% 35px 1.18% 0;
    }
    .nb_bottom li {
        font-size: 12px;
    }
    .company_rm div div {
        line-height: 175%;
    }
    .race_rb p {
        margin-bottom: 6%;
    }
    .race_r div span {
        top: 0px;
    }
    .news_r {
        margin-top: 6%;
    }
}
@media screen and (max-width:700px){
    .middle_box p span {
        top: -30%;
    }
    .nb_middle .mb_top>p>span {
        top: 4%;
    }
}
@media screen and (max-width:686px){
    .company_rm div div a:last-child {
        margin-top: 0;
    }
}
@media screen and (max-width:650px){
    #list {
        left: 41%;
    }
}
@media screen and (max-width:587px){
    .company_rm>div {
        text-align: center;
    }
    .company_rm div div {
        width: 100%;
        text-align: left;
    }
    .company_rm>div>a {
        display: inline-block;
    }
    .company_rb .next {
        right: 37%;
    }
    .company_rb .prev {
        left: 36%;
    }
}
@media screen and (max-width:460px){
    #banner {
        width: 90%;
    }
    .middle_box.mb_top>div ul {
        width: 100%;
        text-align: center;
    }
    #banner {
        height: 210px;
    }
    #list {
        left: 41%;
    }
    .nb_middle .mb_top>p>span {
        top: -6%;
    }
    .middle_box {
        width: 100%;
    }
    .middle_box p span {
        top: 0%;
    }
    .middle_box>div img.hangye_img {
        width: 100%;
    }
    .nb_bottom p {
        padding: 1.18% 25px 1.18% 0;
    }
    .company_rb .next {
        right: 32%;
    }
    .company_rb .prev {
        left: 32%;
    }
}
@media screen and (max-width:400px){
    #list {
        left: 36%;
    }
    .company_rm a>br{
        display: block;
    }
}
@media screen and (max-width:360px){
    #list {
        left: 38%;
    }
    .nb_middle .mb_top>p>span {
        top: -17%;
    }
    .nbtr li {
        width: 94%;
    }
    .company_rb .next {
        right: 29%;
    }
    .company_rb .prev {
        left: 28%;
    }
}

