@media (min-width:768px){
.hidden767, .show767{
  display: none;
}
}
@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 5px!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%;
}
.banner-logo p:last-child {
    font-size: 44px;
}
.banner-logo {
    margin-top: 40px;
}
.gb-head .navbar-header span {
    margin-left: 17px;
}
.gb-head .navbar-header span em{
    padding: 0 5px;
}
.gb-head .navbar-header span{
    width: 225px;
    margin-top: 20px;
}
}
@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;
    float: left;
    margin-left: 0!important;
}
.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;
    margin-top: 0!important;
}
.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;
}
.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 #cbb486, inset 0 6px white, inset 0 9px #cbb486, inset 0 11px white, inset 0 14px #cbb486, 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: #CBB486!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;
}
.banner-logo p:last-child {
    font-size: 34px;
}
.home-banner .banner-logo {
    left: -363px;
}
.home-banner .banner-logo {
    left: inherit;
    margin: 30px 10% 0;
    width: 80%;
}
.inputGroup {
    width: 100%!important;
}
.inputGroup input {
    width: 100%!important;
}
.inputGroup button {
    position: absolute;
    right: 0;
    top: 0;
}
.gb-head .navbar-header .hidden-xs{
    display: none;
}
}
@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%;
}
.home-banner .banner-logo{
    left: inherit;
    margin:30px 10% 0;
    width: 80%;
}

}
@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;
    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:#CBB486;
    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;
}
.home-banner .banner-logo {
    width: 90%;
    margin: 30px auto;
}
.gronemt li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2!important;
    overflow: hidden;
}
.ma-infinitypush-wrapper .ma-infinitypush-button {
    box-shadow: none!important;
}
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-right .ma-infinitypush-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    font-size: 32px;
    color: #fff;
    width: 25px;
    height: 25px;
    background: url(http://www.shanghai.gov.cn/assets2020/img/dh.png) no-repeat;
    background-size: 100%;
}
.top-right, .hidden768{
  display: none!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;
    margin-bottom: 15px;
}
.hunying{
    margin-top: -40px;
}
.banner-logo h2 {
    font-size: 30px;
}
}
@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%;
}
.header .top-right{
    margin-top: 12px;
}
}
@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: 230px;
}
.margin-bomt {
    padding: 0;
}
.list-business li{
    width: 100%;
}
.list-business li a{
    height: auto;
}
.titel p{
    margin-bottom: 0;
}
.titel .h3{
    width: 48%;
}
.inputGroup button {
    padding: 0 10px;
}
.piao{
    display: none;
}
}
@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;
}
.show767{
    margin-top: 28px!important;
    margin-left: 9px!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;
}
.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%;
}
}