.list>li {
     display: inline-block;
     vertical-align: top;
 }

 .list-3>li {
     width: 32.3333%;
 }

 .img-box {
     position: relative;
     margin: 0px;
 }

 .works_mod_list li .img-box:before {
     padding-top: 57.14286%;
 }

 .img-box::before {
     content: "";
     display: block;
 }

 .img-box>img {
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
 }

 .works_mod_list li figcaption {
     background-color: #F7F7F7;
     padding-top: 30px;
     padding-left: 7.5188%;
     padding-right: 13.15789%;
     padding-bottom: 50px;
 }

 .read_more {
     display: block;
     font-size: 14px;
     line-height: 17px;
     font-family: " ";
     color: #DC5F00;
     color: #333;
 }

 .works_mod_list li figcaption .read_more {
     color: #999;
     -moz-transition: all .36s ease;
     -o-transition: all .36s ease;
     -webkit-transition: all .36s ease;
     transition: all .36s ease;
 }

 .works_mod_list li figcaption h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     font-size: 24px;
     font-size: 22px;
     color: #333;
     line-height: 34px;
     font-weight: 400;
     margin-bottom: 5px;
     -moz-transition: all .36s ease;
     -o-transition: all .36s ease;
     -webkit-transition: all .36s ease;
     transition: all .36s ease;
     height: 68px;
     /* display: table-cell; */
     vertical-align: top;
 }

 .works_mod_list li a:hover .read_more {
     color: #DC5F00;
 }

 .works_mod_list li a:hover figcaption h3 {
     color: #DC5F00;
 }

 @media only screen and (max-width: 1024px) {
     .works_mod_list li {
         width: 100%;
         padding: 0;
     }
 }

 .innerbanner h1 {
     font-size: 30px;
     line-height: 142px;
     line-height: 110px;
     font-weight: 700;
     letter-spacing: 2px;
     padding: 0 9.79167%;
     color: #fff;
 }

 .innerbanner .mask {
     position: absolute;
     bottom: 0;
     height: 142px;
     height: 110px;
     background-color: #DC5F00;
     right: 0;
 }

 .img-box::before {
     content: "";
     display: block;
 }

 .innerbanner:before {
     padding-top: 31.19792%;
 }

 .nav-tabs_wrapper .select-wrapper {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 2.60417vw;
     margin-bottom: 0;
 }

 .nav-tabs_wrapper .select-wrapper {
     padding-right: 34px;
 }

 .nav-tabs_wrapper .select-wrapper .select-button {
     padding: 0;
     margin: 0;
     border: none;
     background: none;
     font-size: 18px;
     color: #333;
     line-height: 39px;
     letter-spacing: 1.5px;
     cursor: pointer;
 }

 .nav-tabs_wrapper .select-wrapper .iconfont {
     display: inline-block;
     -moz-transition: all .36s ease;
     -o-transition: all .36s ease;
     -webkit-transition: all .36s ease;
     transition: all .36s ease;
     position: absolute;
     top: 50%;
     right: 0;
     margin-top: -3px;
     width: 34px;
     height: 6px;
 }

 .nav-tabs_wrapper .select-wrapper .select-list {
     display: none;
     position: absolute;
     top: 39px;
     border-top: 2px solid #fff;
     left: 0;
     background-color: #fff;
     background-color: #161616;
     z-index: 200;
     text-align: left;
     width: 128px;
 }

 .nav-tabs_wrapper .select-wrapper ul li {
     font-size: 14px;
     color: #999;
     line-height: 14px;
     padding: 10px 0;
     letter-spacing: .6px;
 }

 .nav-tabs_wrapper .select-wrapper ul {
     padding: 10px 20px;
 }

 .nav-tabs_wrapper .region_select .select-list .scrollBar {
     height: 30vh;
 }
.nav-tabs_wrapper{
    text-align: right;
    margin-bottom: 40px;
}
.col-md-6 {
    width: 50%;
}
#lblContent{
    width: 992px;
    display: block;
    margin: auto;
}

.nav-tabs_wrapper .select-wrapper ul {
    padding: 10px 20px;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}
.page_title {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 60px;
    line-height: 36px;
    color: #333;
    font-weight: 400;
    margin: 30px 0px;
}
.page_title span {
    display: block;
    font-size: 14px;
    color: #DC5F00;
    font-family: " ";
    letter-spacing: 0;
}
.mt-30 {
    margin-top: 30px;
}
 @media only screen and (min-width: 1025px) {
     .nav-tabs_wrapper .select-wrapper ul li:hover {
         color: #fff;
     }
 }

 @media only screen and (min-width: 1025px) {
     .nav-tabs_wrapper .select-wrapper ul li {
         -moz-transition: all .36s ease;
         -o-transition: all .36s ease;
         -webkit-transition: all .36s ease;
         transition: all .36s ease;
         cursor: pointer;
     }
 }

 @media only screen and (max-width: 1680px) and (min-width: 1025px) {
     .innerbanner h1 {
         font-size: 28px;
         font-weight: 400;
     }
 }

 @media only screen and (max-width: 1024px) {
     .col-md-6 {
         width: 100%;
     }
 }

 @media only screen and (max-width: 1024px) {
     .innerbanner:before {
         padding-top: 74.4%;
     }
     .nav-tabs_wrapper .select-wrapper {
    padding-right: 12px;
}
.nav-tabs_wrapper .select-wrapper{
    margin-left: 1.60417vw;
}
 }

 @media only screen and (max-width: 768px) {
     .innerbanner h1 {
         font-size: 20px;
         line-height: 24px;
         padding: 24px 5.33333%;
     }

     .innerbanner .mask {
         height: auto;
     }
     #lblContent{
        width: 100%;
     }

 }