@media (max-width:1600px) {
.autiler {
    position: absolute;
    top: 29%;
    font-size: 48px;
    left: 33%;
    color: #f3f3f3;
}
.emony{
    left: 39%;
}
.obout{
    left: 18%;
}
}
@media (max-width:1300px) {
.autiler {
    position: absolute;
    top: 29%;
    font-size: 48px;
    left: 31%;
    color: #f3f3f3;
}
.emony{
    left: 37%;
}
.obout {
    left: 11%;
}
.jiu-img .owl-prev{
        left: 1%!important;
}
.jiu-img .owl-next{
    right: 1%!important;
}
}
@media (max-width:1200px) {
.list-english-box .list-english-two {
    margin-left: 130px;
    float: left;
}
}
@media (min-width:1200px) {
    .container {
        width: 1170px\9
    }
}
@media (max-width: 1400px) {
.exploe {
    left: 36%;
}
}
@media (max-width: 1199px) {
.expats .city-image {
    height: 159px;
}
.one-rgy {
    float: left;
    width: 78%;
    padding-left: 50px;
}
.six-imger ul li a {
    height: 180px;
    display: block;
}
.three-emony ul li a {
    width: 240px;
        padding: 0 5px;
        height: 79px;
}
.three-emony ul li:first-child a{
    padding: 18px 5px;
}
.emony{
    left: 34%!important;
}
.wdtd-txt a {
    width: 274px!important;
    padding-left: 15px!important;
}
.work-box-togglebar li {
    /* width: 25%; */
    float: left;
    padding: 0 5px;
}
.work-box-togglebar {
    padding-left: 15px;
}
.work-box-togglebar li a {
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #333333;
    /* width: 100%; */
    float: left;
    width: 150px;
    height: 70px;
    line-height: 25px;
    color: #666666;
    padding-top: 7px;
    padding-left: 18px;
    font-size: 18px;
}
.autiler {
    position: absolute;
    top: 29%;
    font-size: 48px;
    left: 27%;
    color: #f3f3f3;
}
.ul-arrow li a {
    padding: 10px 10px;
    background: #fcfcfc;
}
.ul-img a span{
    font-size: 22px;
}
    .form-control {
    margin-left: 20px;
}
.namer001 a {
    font-size: 14px;
    padding: 9px 6px!important;
}
.ul-img a {
    position: relative;
    margin-bottom: 19px;
}
.ul-lg-span li:last-child {
    margin-bottom: 35px;
}
.ul-lg-span li {
    padding: 10px 10px;
    background: #fcfcfc;
}
.city-image img{
    width: 100%;
}
.autil{
    left:41%;
}
#leftSidebar {
    position: fixed;
    width: 288px!important;
}
.list-english01 a , .list-english02 a {
        float: left;
        word-break: break-all;
}
.list-english01 a i, .list-english02 a i{
        top: 13px;
}
.icon-tub span{
    width: 85%;
}
.none-position {
    position: static;
    width: 285px!important;
}
.lt-img-tu {
    padding: 54px 22px 54px 22px!important;
    background: #f8f8f8;
}
.lt-img-tu a{
    padding-right: 0!important;
}
.exploe {
    left: 31%;
}
.last-after li a{
    font-size: 20px;
}
.gaiban li a{
    font-size: 18px!important;
    padding: 20px 15px!important;
}
.three-one li a{
        padding: 19px 5px!important;
}
.entry li a {
    width: 170px!important;
    height: 116px;
}
.obout {
    left: 8%;
}
.obunt-img {
    height: 320px;
}
.obunt-img img{
    height: 100%;
}
.shiping{
    left: 53%;
}
}
@media (max-width: 1140px) {
.obout {
    left: 5%;
}
.zone{
    left: 8%;
}
}
@media (max-width: 1100px) {
.obout {
    left: 3%;
}
.zone{
    left: 7%;
}
}
@media (max-width: 1060px) {
.obout {
    left: 1%;
}
}
@media (max-width: 1031px) {
.obout {
    left: 10%;
}
.zone{
    left: 7%;
}
}
@media (max-width:991px) {
.midd-date .col-md-4, .midd-date .col-md-8{
padding: 0;
}
.expats .city-image {
    height: 118px;
}
.one-rgy {
    float: left;
    width: 72%;
    padding-left: 50px;
}
.histoyer{
    height: auto;
}
.polices ul li a {
    width: auto;
    padding: 21px 7px;
}
.navbar-header{
    padding-right: 0;
}
.jiu-img .owl-prev, .jiu-img .owl-next{
        top: 46%;
}
.jieshao-xq {
    width: 100%;
    float: right;
}
.lunbotu a {
    display: block;
    position: relative;
    height: 375px;
}
.incident-record h5 {
    font-size: 24px;
    color: #323333;
    font-weight: bold;
    margin-top: -3px;
}
.xiangq {
    margin-top: 30px;
    padding-left: 50px;
}
.obunt-img {
    height: auto;
}
.histoy{
    margin-top: 20px;
}
.entry li a {
    width: 143px!important;
    height: 116px;
}
.work-basic-info{
    display: block;
    overflow: hidden;
}
.work-basic-info li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.navbar-affix {
    padding-left: 50px;
    margin-bottom:30px;
}
.wdtd-txt a {
    width: 300px!important;
    padding-left: 15px!important;
}
.work-box-togglebar {
    padding-bottom: 22px;
}
.work-box-togglebar li {
    /* width: 25%; */
    float: left;
    padding: 0 5px;
    margin-bottom: 20px;
}
.autiler {
    position: absolute;
    top: 29%;
    font-size: 48px;
    left: 23%;
    color: #f3f3f3;
}
.margin-top99130{
    margin-top: 30px;
}
.marginjj991{
    margin:30px 0;
}
.ul-img a span {
    font-size: 24px;
}
.bg-redy{
 width: 265px;   
}
.form-control{
        width: 13%;
}
.select-bt {
    float: left;
    width: 43%;
}
.teo-bg {
    padding: 10px 30px;
}
.select-bt h4{
    width: 70%;
}
.namer001 a {
    font-size: 18px;
    padding: 9px 11px!important;
}
.ship ul li{
    width: 33.333%;
}
.verdio{
    width: 70%;
}
.veodio-player{
    height: 460px!important;
}
.televise-box{
    height: auto!important;
    margin-top: 10px!important;
}
.re-sliders .item .title-item {
    font-size: 20px;
}
.top-right-txt {
    position: relative;
    top: 20px;
}
.market .col-md-4, .market .col-md-8{
    width: 100%;
}
.exploer li a h6{
    min-height: 46px!important;

}
.photo-height , .photo-heighter {
    height: auto;
}
.exploer li a span{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.exploe {
    left: 28%!important;
}
/* .banner-tu, .banner-tu .container{
   height: 300px;
} */
.autil{
   top: 29%;
    left: 38%;
}
.icon-list li a h6{
   min-height: 76px; 
}
.icon-list  li a{
    height: auto;
    padding-bottom: 5px;
}
.icon-list  li{
    margin-bottom: 0;
}
.icon-list li span{
     display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;  
        overflow: hidden;
}
 .lt-img-tu {
        text-align: center;
    }
.none-position {
    position: static;
    padding-right: 0!important;
    width: 100%!important;
}
 .padd180{
    padding: 0;
 }   
.list-english01, .list-english02 {
    width: 100%;
}
#leftSidebar, .panel1 .col-md-8 {
    width: 100%!important;
    position: static!important;
    padding-right: 0!important;
    padding-left:0 !important;
}
.panel1 .col-md-8 {
    margin-top: 20px;
}
.list-english-box .list-english-two {
    margin-left: 0px;
}
    .ma-infinitypush-wrapper .ma-infinitypush-button{
        box-shadow: inset 0 4px #ed7e15, inset 0 6px white, inset 0 9px #ed7e15, inset 0 11px white, inset 0 14px #ed7e15, inset 0 16px white;
    }
    .ma-infinitypush-open .navbar-collapse.collapse{
        display: block!important;
    }
    .ma-infinitypush-open  .navbar-collapse:after{
        display: none;
    }
    .ma-infinitypush-open .nav.navbar-nav{
        background: #ed7e15;
    }
    .ma-infinitypush-open .nav.navbar-nav a{
        color: #fff;
        padding: 16px 20px;
        display: block;
    }
    .ma-infinitypush-open .nav.navbar-nav a i{
        margin-right: 10px;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
        background: #ed7e15;
    }
    .ma-infinitypush-wrapper .ma-infinitypush > ul, .ma-infinitypush-wrapper .ma-infinitypush > ol{
        border-bottom: none!important;
        line-height: 30px;
    }
    .ma-infinitypush-wrapper .ma-infinitypush{
        background-color: #ed7e15!important;
    }
    .img-list{
        margin:0 10px;
    }
    .img{
        width: 100%;
    }
    .mail{
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer-link{
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-link li a{
        font-size: 14px;
    }
    .banner,.banner .container{
        height: 300px;
    }
    .banner p{
        padding:10px;
        box-sizing: border-box;
    }
    .row{
        margin-left: 0;
        margin-right: 0;
    }
    .index-banner .search-cont{
        width: 100%;
        position: inherit;
        left:0;top:30%;
        margin-left: 0;
    }
    .page-header-left{
        margin-top: 40px;
    }
    .ui-banner .ui-banner-slogans,.ui-banner .ui-banner-slides li img,.ui-banner .ui-banner-slides{
        height: 300px;
    }
    .ui-banner .ui-banner-slides, .ui-banner .ui-banner-slogans, .ui-banner .ui-banner-arrow{
        position: inherit;
    }
    .ullinehover{
        margin-left: 0;
    }
    .ui-banner{
        height: auto;
    }
    .ui-banner-slogans{
        margin-top: 20px;
    }
    .ui-banner .ui-banner-slides{
        margin-bottom: 20px;
    }
    .ul-arrow li, .ul-lg-span li{
        margin-bottom: 20px;
    }
.life-list li a h6{
    min-height: auto;
}
.lifer{
    left: 36%;
}
.panel2 .col-md-8 {
    width: 66.66666667%!important;
    float: left;
    margin-top: 0;
}
.pos-center{
    top: 39%;
        left: 44%;
}
.rg-tu001{
    height: auto;
}
.entry li:first-child a, .entry li:nth-child(4) a {
  line-height: inherit;
}
.lunbotu a video{
    display: block;
    position: relative;
    height: 375px;
}
.photo-view-h{
        width: 720px;
    height: 560px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.photo-view-h img{
        max-width: 320px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    max-height: 230px;
}
.photo-img01 {
    overflow: hidden;
    height: 125px;
}
.photo-panel .photo-view-w img {
    max-width: 300px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    max-height: 230px;
}
}
@media (max-width:960px) {
.autiler {
    position: absolute;
    top: 7%;
    font-size: 48px;
    left: 20%;
    color: #f3f3f3;
}
.jiu-img .owl-prev{
    left: 2%!important;
        top: 45%;
}
.jiu-img .owl-next{
    right: 2%!important;
    top: 45%;
}
.lunbotu .owl-prev{
        left: 0%!important;
}
.lunbotu .owl-next{
    right: 0%!important;
}
.area{
     top: 32%!important;
         left: 24%!important;
}
.zone{
    left:12%;
    top: 21%;
}

}
@media (max-width:920px) {
.photo-panel .photo-view-w {
    width: auto;
    height: 560px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.photo-view-h img{
    width: 100%;
}
.photo-panel .photo-img {
    width: auto;
    float: left;
    height: 560px;
}
    .photo-panel .photo-view-h {
    text-align: center;
    margin-top: 45%;
     width: 50%;
    vertical-align: middle;
    }

.photo-panel .photo-left, .photo-panel .photo-right {
    width: 32px;
    float: left;
    margin-top: 260px;
}
.photo-panel .photo-img {
    width: 300px;
    float: left;
    height: 560px;
}
.photo-panel .photo-div {
    width: 50%;
    height: 560px;
    z-index: 11;
    margin: auto;
    top: 20%;
    left: 20px;
    position: relative;
}
.photo-panel .photo-close{
        right: 0;
}
}

@media (max-width:800px) {
.lunb-item .owl-prev {
    left: 0px!important;
}
.lunb-item .owl-next {
    right: 0px!important;
}
}
@media (max-width:767px) {
.zt-img-list li .li-item .title, .zt-img-list li .li-item span{
    height: auto;
        -webkit-line-clamp:inherit;
}
.photo-img01 {
    overflow: hidden;
    height: 256px;
}
.img-pos{
    height: auto;
}
.photo-panel .photo-view-w img {
    max-width: 300px;
}

.share>ul>li, .share1>ul>li {
    margin-bottom: 5px;
}
.polices ul li a {
    width: 200px;
    padding: 0px 7px;
}
.polices .activer a{
     padding: 55px 7px;
}
.invement li {
    float: left;
    width: 33.333%;
    padding: 0 15px;
}
.invement {
    margin: 0 -15px;
}
.entry li a {
    width: 120px!important;
    height: 122px;
    word-break: break-word;
    padding: 0 5px!important;
}
.uniess {
    margin: 0 30px;
}
.three-emony ul li:first-child a {
    padding: 6px 5px;
}
.three-emony ul li a {
    width: 195px;
    padding: 2px 5px;
    word-break: break-word;
}
.three-emony .activer a {
    padding: 2px 5px;
}
.autiler {
    position: absolute;
    top: 7%;
    font-size: 48px;
    left: 11%;
    color: #f3f3f3;
}
.listey{
    padding-left: 0;
}
.work-topbox h2{
        padding-top: 30px;
}
.biter span{

    display: inline-block;
width: 80%;
}
.bg-redy {
    width: 385px;
}
.form-control {
    margin-left: 0px;
    width: 25%;
    margin-top: 20px;
}
.treey{
    margin-top: 0;
}
.select-bt h4, .select-bt {
    width: 100%;
}
.four-city-img li{
    width: 50%;
}
.martop991{
    margin-top: 40px;
}
.footer-conter{
    width: 100%;
}
.re-sliders .item .title-item {
    font-size: 26px;
}
.re-sliders .item {
    float: left;
    width: 33.333%;
    margin-bottom: 15px;
}
.wtd130 {
    margin-top: 0;
}
.autil {
    top: 29%;
    left: 33%;
}
    .icon-list li a h6 {
    min-height: auto;
}
.icon-list li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
    #mobile-navigation{padding:20px}
    #mobile-navigation, #mobile-navigation a {
        background:#ed7e15 ;
        color: #fff;
    }
    .index-banner .container{
        height: 400px;
    }
    .list-business li{
        width: 50%;
    }
    .banner-text{
        width: auto;
    }
    .life-list li span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    }
    .panel2 .col-xs-12 {
    width: 100%!important;
}
.top-right-txt a{
    padding-right: 15px!important;
}
.exploe {
    left: 22%!important;
}
.invement li {
    float: left;
    width: 100%!important;
    padding: 0 15px;
    margin-bottom: 20px;
}
.invement-two .icon-tb {
    float: left;
    margin-top: 42px;
    width: 90px;
}
.area{
     top: 32%!important;
         left: 16%!important;
}
}
@media (max-width:727px) {
.photo-panel .photo-div {
    width: 70%;
}
}
@media (max-width:680px) {
.icon-list li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.icon-list li span {
    min-height: 74px;
}
.autiler {
    position: absolute;
    top: 7%;
    font-size: 40px;
    left: 11%;
    color: #f3f3f3;
}
}
@media (max-width:640px) {
.date-time-content img{
    width: 100%;
}
.invement-two li{
    text-align: left!important;
}
.invement li {
float: left;
    width: 100%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
}
.paseimg {
    margin-bottom: 10px;
    position: relative;
}
.six-imger ul li a {
    height: auto;
    display: block;
}
.lunb-item .owl-item li {
    padding: 25px 5px;
}
.entry li a {
    width: 95px!important;
    height: 122px;
    word-break: break-word;
        font-size: 22px!important;
    padding: 0 5px!important;
}
.three-emony ul li:first-child a {
    padding: 10px 5px;
}
.three-emony ul li a {
    width: 150px;
    font-size: 20px;
    padding: 11px 5px;
    word-break: break-word;
}
.three-emony .activer a {
    padding: 11px 5px;
}
.none-abslut video {
    height: 400px;
}
.ship ul li{
    padding: 0 15px;
}
.veodio-player {
    height: 310px!important;
}
 .lifer{
        left: 29%!important;
    }
    .exploe {
    left: 17%!important;
}
.autil {
    left: 30%;
}
.modal-dialog {
    width: 450px;
    margin: 220px auto;
}
.titel .h3 {
    padding-bottom: 25px;
    margin-bottom: 20px;
}
.table-bordered002 {
        overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}
    .zt-img-list,.picture-list{
        margin:10px
    }
    .ui-banner .ui-banner-slogans,.ui-banner .ui-banner-slides li img,.ui-banner .ui-banner-slides{
        height: 200px;
    }
    .lightTreeview li {
        font-size: 16px;
    }
    .treeview-file {
    PADDING-LEFT: 16px;
    BACKGROUND: url(../img/file.gif) no-repeat 0px 4px;
   }
   .node-last span {
    position: relative;
    top: -2px!important;
}
.padd60 {
    padding: 20px;
}
.table-bordered002 tr .title {
    width: 200px;
}
.table-bordered002 tr .cell-popover {
    width: 300px;
}
.soller {
    overflow: auto;
}
.shiping {
    left: 58%;
}
}
@media (max-width:599px) {
.six-imger ul li {
    float: none;
}
}
@media (max-width:580px) {
.more-title{
    height: auto!important;
}
.exploe {
    left: 13%!important;
}
.re-sliders .item {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}
.hunying{
        margin-top: -40px;
}
}
@media (max-width:571px) {
.gronemt li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2!important;
    overflow: hidden;
}
}
@media (max-width:558px) {
.exploer li a h6 {
    min-height: 54px!important;
}
}
@media (max-width:550px) {
.city-image {
    height: 69px;
}
.photo-img01 {
    overflow: hidden;
    height: 182px;
}
.expats .city-image {
    height: 137px;
}
    .lifer{
        left: 22%!important;
    }
.autil {
    left: 28%;
}
    .ui-banner .ui-banner-slogans,.ui-banner .ui-banner-slides li img,.ui-banner .ui-banner-slides{
        height: 240px;
    }
    .modal-dialog {
    width: 370px;
    margin: 220px auto;
}
.jp-video .jp-type-single .jp-controls {
    width: 78px;
    margin-left: 160px!important;
}
.jp-video .jp-toggles{
    right: 83px!important;
}
.exploe {
    left: 9%!important;
}
.bg-redy {
    width: 265px;
}
 .autiler{
    position: absolute;
    top: 7%;
    font-size: 30px;
    left: 15%;
    color: #f3f3f3;
} 
.work-basic-info li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.expats ul li {
    width: 50%;
}
}
@media (max-width:532px) and (min-width:531px) {
.icon-list li a h6 {
    min-height: 79px;
}
}
@media (max-width:515px) and (min-width:502px) {
.icon-list li a h6 {
    min-height: inherit;
}
.icon-list li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.lifer {
    left: 19%!important;
}
.exploe{
    left: 8%!important;
}

}
@media (max-width:525px) {
.work-box-togglebar li {
    width: 50%;
    float: left;
    padding: 0 5px;
    margin-bottom: 20px;
}
.work-box-togglebar li a{
    width: 100%;
}
.photo-panel .photo-div {
    width: 79%;
}
}
@media (max-width:510px) {
.shiping {
    left: 61%;
}
.entry li a {
    width: 69px!important;
    height: 122px;
    word-break: break-word;
    font-size: 20px!important;
    padding: 0 5px!important;
}
.expats .title-bt{
    height: 60px;
}
.polices ul li a {
    width: 167px!important;
    padding: 0px 7px;
}
.polices .activer a{
     padding: 37px 7px;
}
}
@media (max-width:501px) {
.lifer {
    left: 16%!important;
}
.exploe {
    left: 5%!important;
}
.hunying ul li a{
    width: 130px;
}
.three-emony ul li a {
    width: 99px;
    font-size: 18px;
    padding: 0px 5px;
    word-break: break-word;
}
.three-emony .activer a {
    padding: 0 5px;
}
}
@media (max-width:490px) {
.city-image {
    height: 94px;
}
    .icon-list li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.autil {
    top: 20%;
}
.ship ul li {
    width: 50%;
}
.ship .title-bt{
    min-height: auto;
}
}
@media (max-width:480px) {
    .photo-panel .photo-div {
    width: 87%;
}
.lunbotu a  video{
    display: block;
    position: relative;
    height: 224px;
}
.lunbotu a {
    display: block;
    position: relative;
    height: 224px;
}
.uniess h2{
    padding: 0;
    padding-top: 30px;
}
.txt-bj01, .bg-redy{
    height: 200px;
}
    .wtd130{
        margin-top: 0;
    }
    .icon-list li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: inherit;
    overflow: hidden;
}
    .ui-banner .ui-banner-slogans,.ui-banner .ui-banner-slides li img,.ui-banner .ui-banner-slides{
        height: 200px;
    }
    .margin-bomt {
        padding: 0;
    }
    .list-business li{
        width: 100%;
    }
    .list-business li a{
        height: auto;
    }
    .titel p{
        margin-bottom: 0;
    }
    .titel .h3{
        width: 48%;
    }
}
@media (max-width:460px) {
.work-topbox-two {
    padding-left: 20px;
}
.exploe {
    left: 2%!important;
}
}
@media (max-width:445px) {  
.photo-img01 {
    overflow: hidden;
    height: 142px;
}
.rules {
    padding: 15px 15px 25px 15px;
}
.expats .title-bt {
    height: auto;
        -webkit-line-clamp: inherit;
}
.expats .city-image {
    height: auto;
}
.expats .data-ico{
       -webkit-line-clamp: inherit;
}
   .exploe{background:none;
    top: 61px;
   } 
   .autil {
    background: none;
   }
   .autil {
top: 15%;
    font-size: 40px;
    left: 26%;
}
.exploe {
    left: 7%!important;
}
.lifer {
    left: 20%!important;
}
.ship ul li {
    width: 100%;
    margin-bottom: 20px;
}
.city-image{
    height: auto;
}
.bg-redy {
    width: 200px;
}
.form-control{
    width: 60%;
}
.re-sliders .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.pos-center {
    top: 33%;
    left: 40%;
}
.autiler {
    position: absolute;
    top: 7%;
    font-size: 30px;
    left: 11%;
    color: #f3f3f3;
}
.pash label {
    font-size: 22px;
    color: #999999;
}
}
@media (max-width:430px) {
.photo-panel .photo-div {
    width: 94%;
}
.shiping video{
    width: 100%!important;
}
.shiping {
    left: 76%;
}
}
@media (max-width:410px) {
.photo-panel .photo-div {
    width: 100%;
}
.photo-panel .photo-close {
    right: 52px;
}
.autiler {
    position: absolute;
    top: 7%;
    font-size: 30px;
    left: 6%;
    color: #f3f3f3;
}

.list-english-box .list-english-one a, .list-english-box .list-english-two a {
    word-break:break-all;
    width: 100%;
    float: left;
}
.jp-video .jp-volume-controls {
    top: 16px;
    left: 14px!important;
}
.jp-video .jp-type-single .jp-controls {
    width: 78px;
    margin-left: 120px!important;
}
.jp-video .jp-toggles {
    right: 134px!important;
}
.list-english-box .list-english-two a i, .list-english-box .list-english-one a i {
    top: 12px;
}
.titel .h3 {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.modal-dialog {
    width: 287px;
    margin: 220px auto;
}
.autil {
    left: 23%;
}
/*  .lifer{
        left: 15%!important;
    } */
.exploe{
        left: 1%!important;
    }
 .verdio, .ui-bnnerimger  {
    width: 100%;
}
.ullinehover01{
    display: block;
}
 .verdio{
    margin-bottom: 10px;
 }
 .none-abslut video {
    height: 360px;
}

.none-abslut video {
    margin-top: -70px;
}
}
@media (max-width:390px) {
.namer001 a {
    font-size: 14px;
    padding: 9px 6px!important;
}
}
@media (max-width:380px) {
.photo-panel .photo-view-w img {
    max-width: 260px;
}
.pash label {
    font-size: 16px;
    color: #999999;
}
.lunbotu {
    margin-top: 25px;
}
.entry li a {
    width: 56px!important;
    height: 95px;
    word-break: break-word;
    font-size: 16px!important;
    padding: 0 5px!important;
}
.photo-img01 {
    overflow: hidden;
   height: auto;
}
.photo-panel .photo-img {
    width: 260px;
    float: left;
    height: 560px;
}
.work-topbox-two p {
    font-size: 20px;
    word-break: break-all;
    color: #666666;
}
.autiler {
    position: absolute;
    top: 15%;
    font-size: 24px;
    left: 11%;
    color: #f3f3f3;
}
.hunying {
    margin-top: -10px;
}
.four-city-img li {
    width: 100%;
}
.lifer {
    left: 19%!important;
}
.autil{
    font-size: 34px;
}
.exploe{
        left: 7%!important;
    }
.polices ul li a {
    width: 140px!important;
    padding: 0px 7px;
    font-size: 20px;
}
.polices .activer a{
     padding: 28px 7px;
}
}
@media (max-width:360px) {
.banner-text{
    bottom: 10px;
}
.font-size16 span{
    margin-right: 6px!important;
}
/*  .lifer{
        left: 6%!important;
    } */
 .exploe{
        left: 5%!important;
    }
 .none-abslut video {
    margin-top: -30px;
}
.none-abslut video {
    height: 310px;
}
.veodio-player {
    height: 285px!important;
}
.wdtd-txt a {
    width: 100%!important;
    padding-left: 15px!important;
}
.wdtd-txt{
    width: 100%!important;
}
.invement-two .icon-tb{
    margin-bottom: 20px;
}
.one-rgy {
    float: left;
    width: 100%;
    padding-left: 0;
}
.photo-panel .photo-view-w img {
    max-width: 220px;
}
.photo-panel .photo-img {
    width: 220px;
    float: left;
    height: 560px;
}
.photo-panel .photo-div {
    width: 90%;
}
}
@media (max-width:340px) {
.autil {
    left: 22%;
    top: 15%;
}
.exploe {
    top: 15%!important;
    left: 1%!important;
}
.lifer {
    top: 15%!important;
}
.autiler {
    position: absolute;
    top: 15%;
    font-size: 24px;
    left: 7%;
    color: #f3f3f3;
}
.work-box-togglebar {
    padding-left: 5px;
}
.three-emony ul li a {
    width: 90px;
    font-size: 16px;
    padding: 0px 5px;
    height: 70px;
    word-break: break-word;
}
.three-emony .activer a {
    padding: 0 5px;
}
.enry{
        left: 26%!important;
}
.shiping {
    left: 78%;
}
.photo-panel .photo-div {
    width: 96%;
}
}