/*******************************
  -------[=公用]-------
********************************/

.wp {
    max-width: 1400px;
}

.main.bg {
    overflow: hidden;
    background-color: #f5f5f5;
}

.main.media {
    padding: 30px 0;
}


/*******************************
  -------[=END 公用]-------
********************************/
.swiper-nav-children{
    overflow: hidden;
}
.nav-children .pic{height: 192px;}
.nav-children .pic img{max-height: 100%}
.nav-children .text{margin-top: 10px;}
.nav-children .swiper-slide:hover .text p{color: #f4313f}
.nav-children .swiper-slide:hover .pic{opacity: 0.9;}

.nav-children .swiper-pagination{
    
    bottom: 25px;
}
.nav-children .swiper-pagination-bullet{
    opacity: 0.2;
    width: 40px;
    height: 2px;
    box-sizing: border-box;
    background: #f4313f;
    position: relative;
    margin: 0 8px;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    border-radius: 0;
}

.nav-children .swiper-pagination-bullet-active{

    opacity: 1;

}

/*******************************
  -------[=04_资讯_媒体资源&图片列表]-------
********************************/







@media screen and (max-width: 1399px){
    
}


.ul-media {
    overflow: hidden;
    margin: 3px 0 45px -16px;
}

.ul-media .item {
    float: left;
    width: 25%;
    margin-bottom: 29px;
}

.ul-media .inner {
    display: block;
    margin-left: 16px;
    background-color: #fff;
}

.ul-media .inner:hover {
    box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1);
}

.ul-media .txt {
    padding: 52px 0 22px;
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
    color: #666;
}

.ul-media .pic {
    overflow: hidden;
    position: relative;
}

.ul-media .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ul-media.list1 .pic {
    padding-top: 100%;
}

.ul-media.list2 .pic {
    padding-top: 74.1071%;
}

.m-media {
    overflow: hidden;
    margin: -30px 0 50px;
    padding-top: 19px;
}

.m-media .tit {
    padding: 5px 0 15px;
    overflow: hidden;
}

.m-media .tit h2 {
    position: relative;
    float: left;
    height: 36px;
    font-size: 17px;
    line-height: 36px;
    color: #353535;
}

.m-media .tit h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2px;
    width: 8px;
    height: 1px;
    background-color: #e8303f;
}

.m-media .tit a {
    float: right;
    width: 110px;
    height: 36px;
    border: 1px solid #666;
    border-radius: 17px;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    color: #353535;
}

.m-media .tit a:hover {
    border-color: #d5424e;
    color: #fff;
    background-color: #d5424e;
}

.m-media .btn-back {
    display: block;
    width: 171px;
    height: 47px;
    border: 1px solid #666;
    margin: 0 auto 28px;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    color: #353535;
    border-radius: 23px;
}

.m-media .btn-back:hover {
    border-color: #d5424e;
    color: #fff;
    background-color: #d5424e;
}


/* 图片列表弹出大图 */

.bigPopBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9990;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

.bigPopBox .box {
    width: 1200px;
    height: 100%;
    padding: 0 130px;
    margin: 0 auto;
    font-size: 0;
}

.bigPopBox .box:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.bigPopBox .dib {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.bigPopBox .CloseBtn {
    position: absolute;
    z-index: 9;
    right: -23px;
    top: -30px;
    width: 45px;
    height: 45px;
    background: #e8303f url(../image/media-close.png) center/25% auto no-repeat;
    border-radius: 50%;
}

.bigPopBox .slider-num {
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    margin-right: 20px;
    line-height: 45px;
    font-size: 18px;
    color: #353535;
}

.media-list {
    display: none;
}

.media-list.show {
    display: block;
}

.media-list .pic {
    position: relative;
    overflow: hidden;
    padding-top: 69.117647%;
}

.media-list .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.media-list .txt {
    position: relative;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
}

.media-list .txt .btn {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 10px;
    height: 45px;
    font-size: 0;
    line-height: 45px;
}

.media-list .txt a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    height: 25px;
    border: 1px solid #666;
    margin-left: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #353535;
    border-radius: 12px;
}

.media-list .txt a:hover {
    border-color: #d5424e;
    color: #fff;
    background-color: #d5424e;
}

.media-list .txt h3 {
    font-weight: normal;
    font-size: 18px;
    color: #353535;
}

.media-list .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 30px;
    height: 89px;
    border: 0;
    margin-top: -45px;
    text-indent: -9999px;
    cursor: pointer;
}

.media-list .slick-arrow:hover {
    background-position: 0 bottom;
}

.media-list .slick-prev {
    left: -130px;
    background: url(../image/media-prev.png) 0 0/cover no-repeat;
}

.media-list .slick-next {
    right: -130px;
    background: url(../image/media-next.png) 0 0/cover no-repeat;
}


/*******************************
  -------[=END 04_资讯_媒体资源&图片列表]-------
********************************/


/*******************************
  -------[=05_配件]-------
********************************/

.other-ban .item {
    display: block;
}

.other-ban .item img {
    width: 100%;
    height: auto;
}

.other-ban .slick-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
}

.other-ban .slick-dots li {
    display: inline-block;
    vertical-align: middle;
}

.other-ban .slick-dots button {
    width: 40px;
    height: 2px;
    border: 0;
    padding: 0;
    margin: 0 4px;
    font-size: 0;
    text-indent: -9999px;
    background-color: #fff;
    cursor: pointer;
}

.other-ban .slick-dots .slick-active button {
    background-color: #e8303f;
    box-shadow:0 0 10px 0 #e8303f;
}

.ul-other {
    overflow: hidden;
    padding-top: 30px;
    margin-left: -30px;
}

.ul-other li {
    float: left;
    margin-bottom: 30px;
}

.ul-other .first {
    width: 50%;
}

.ul-other .item {
    width: 25%;
}

.ul-other .inner {
    display: block;
    padding-top: 30px;
    margin-left: 30px;
    background-color: #fff;
}

.ul-other .inner:hover {
    box-shadow: 0 10px 25px 0px rgba(0, 0, 0, 0.1);
}

.ul-other .pic {
    height: 310px;
    line-height: 310px;
    text-align: center;
}

.ul-other .pic img {
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}

.ul-other .txt {
    padding: 35px 0 32px;
    text-align: center;
}

.ul-other .txt .name {
    margin-bottom: 1px;
    font-size: 14px;
    line-height: 1.8em;
    color: #333;
}
.ul-other .txt .dec {
    margin-bottom: 1px;
    font-size: 12px;
    line-height: 1.8em;
    color: #999;
}

.ul-other .txt .price {
    font-size: 16px;
    line-height: 2em;
    color: #e8303f;
}
.titEn{
    font-size: 14px;
    color: #e8303f;
    text-align: center;
}

.g-tit0 {
    text-align: center;
    font-size: 50px;
    color: #e8303f;
    position: relative;
    padding-bottom: 15px;
}

.g-tit0::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 1px;
    background-color: #e8303f;
}

.m-serve_qj {
    padding-top: 50px;
}

.m-serve_qj .g-tit0 {
    margin-bottom: 57px;
}

.m-serve_qj .pic {
    height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.m-serve_qj .txt {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    margin: 50px 140px;
}

.m-problem_qj {
    padding-bottom: 75px;
    background-color: #f5f5f5;
    padding-top: 50px;
}

.ul-problem {
    padding-top: 50px;
    margin-bottom: 46px;
    overflow: hidden;
}

.ul-problem li {
    float: left;
    width: 50%;
    padding-left: 50px;
}

.ul-problem a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 46px;
    padding-left: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 50px;
    background: url(../image/qj-arrow.png) no-repeat left center;
    background-size: 4px;
}

.ul-problem a:hover {
    color: #e8303f;
}

.m-problem_qj .btn-problem {
    display: block;
    width: 120px;
    margin-left: 50px;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #e8303f;
    color: #fff;
}

.m-problem_qj .btn-problem:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}


/*----------04_资讯_2详情页--------*/

.m-inform {
    padding: 65px 216px 90px;
}

.m-article {
    padding-bottom: 70px;
    padding-top: 120px;
    position: relative;
    z-index: 10;
}
.m-T{

    margin-top: -320px;
    position: relative;
    z-index: 20;
}
.m-T h1 {
    text-align: center;
    font-size: 44px;
    color: #FFF;
    font-weight:200;
    text-shadow: #555555 0 10px 20px;
}

.m-T .time {
    text-align: center;
    display: block;
    font-size: 16px;
    color: #FFF;
    margin-bottom: 162px;
    margin-top: 10px;
    font-weight:300;
    text-shadow: #555555 0 10px 20px;
}

.m-article .con {
    font-size: 16px;
    color: #555;
    line-height: 2.2em;
    width:80%;
    margin-left: auto;
    margin-right: auto;
}

.m-article img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 65px auto;
}

.m-article h3 {
    font-size: 26px;
    line-height: 1.154;
    color: #353535;
    margin: 30px auto 38px;
}

.m-turn {
    float: right;
    height: 40px;
    line-height: 40px;
}

.m-turn a {
    font-size: 14px;
    color: #333;
}

.m-turn a:hover {
    color: #e8303f;
}

.m-turn .prev {
    width: 42%;
}

.m-turn .next {
    width: 58%;
}

.m-share {
    height: 40px;
    line-height: 40px;
    float: right;
}

.m-share span {
    float: left;
    font-size: 18px;
}

.ul-share li {
    float: left;
}

.ul-share a {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-left: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}




.m-cur-lb {
    height: 68px;
    background-color: #fff;
    margin-bottom: 30px;
}

.ul-cur {
    overflow: hidden;
}

.ul-cur li {
    float: left;
    width: 180px;
}

.ul-cur li a {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    color: #666;
    height: 68px;
    line-height: 68px;
}

.ul-cur li.on a,
.ul-cur li:hover a {
    color: #e8303f;
}

.m-infor-list {
    padding: 2px 0 50px;
    background-color: #f5f5f5;
}

.m-infor-list .wp {
    overflow: hidden;
}

.ul-infor-list {
    padding: 25px;
    overflow: hidden;
}

.ul-infor-list li {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}
.boxZ{
    width: 100%;

    overflow: hidden;

}
.ul-infor-list li .box:hover {
    z-index: 88 !important;
    margin: 0px;
    padding: 10px;
    box-shadow: 0 15px 40px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 15px 40px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 40px 0px rgba(0, 0, 0, 0.2);
}
.ul-infor-list li .box:hover .share {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.ul-infor-list li .box {
    background-color: #fff;
}

.ul-infor-list li.big {
    width: 100% !important;
}

.ul-infor-list li.big .txt {
    width: 25%;
}

.ul-infor-list li.big .img {
    width: 75%;
}

.ul-infor-list li .txt {
    float: left;
    width: 45%;
    padding: 35px 25px 0;
    box-sizing: border-box;
}

.ul-infor-list li .img {
    float: right;
    width: 50%;
}

.ul-infor-list li .box {
    position: relative;
    margin:10px;
    overflow: hidden;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}


.ul-infor-list li .txt em {
    font-size: 14px;
    color: #666;
    display: block;
}

.ul-infor-list li .txt h4 {
    font-weight: normal;
    margin-top: 45px;
    padding-bottom: 10px;
    position: relative;
}

.ul-infor-list li .txt span {
    font-size: 12px;
    color: #999;
}

.ul-infor-list li .txt a {
    font-size: 24px;
    font-weight:normal;
    color: #333;
    max-height: 3em;
    line-height: 1.2em;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ul-infor-list li .txt a:hover {
    color: #e8303f;
}

.ul-infor-list li.big .txt a:hover {
    color: #e8303f;
}

.ul-infor-list li .txt p {
    font-size: 16px;
    color: #999;
    margin-top: 25px;
    line-height: 2em;
    max-height: 6em;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ul-infor-list li.big .txt a {
    color: #333;
}

.ul-infor-list li.big .txt em,
.ul-infor-list li.big .txt span,
.ul-infor-list li.big .txt p {
    color: #999;
}

.ul-infor-list li .img .pic {
    position: relative;
    padding-top: 155%;
}


.ul-infor-list li.big .pic {
    position: relative;
    padding-top: 51.7%;
}
.ul-infor-list li .box .share {
    position: absolute;
    bottom: 35px;
    left: 35px;
}
.share {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    font-size: 12px;
    color: #999;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.m-share .bdsharebuttonbox,.share .bdsharebuttonbox {
    display: inline-block;
    vertical-align: middle;
}

.m-share .bdsharebuttonbox a,.share .bdsharebuttonbox a {
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 15px;
}

.m-share .bdsharebuttonbox .bds_tsina,.share .bdsharebuttonbox .bds_tsina {
    background: url(../image/tisna.svg) no-repeat center;
    background-size: 70% 70%;
}

.m-share .bdsharebuttonbox .bds_weixin,.share .bdsharebuttonbox .bds_weixin {
    background: url(../image/weixin.svg) no-repeat center;
    background-size: 70% 70%;
}

.m-share .bdsharebuttonbox .bds_sqq,.share .bdsharebuttonbox .bds_sqq {
    background: url(../image/sqq.svg) no-repeat center;
    background-size: 60% 60%;
}
.nrBox{
    background-color: #f9f9f9;
    color: #666;
    width: 100%;
    height:200px;
    padding: 20px;
    font-size: 12px;
    box-shadow: 0 10px 25px 0px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #e8303f;
}
.m-Nr{
    float: left;
    font-size: 36px;
    color: #666;
    font-weight: lighter;
}


/*-------------------品牌--------------*/

.m-map {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 50px;
}
.m-map #allmap {
    width: 100%;
    height: 100%;
}
.m-serve_qj.other {
    padding-top: 25px;
}
.mapboxgl-marker {
    position: relative;
    background-color: #fff;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    width: 175px;
    margin-left: -85px;
    height: 30px;
}
.mapboxgl-marker:after {
    content: '深圳市云顶信息技术有限公司';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    white-space: nowrap;
}
.mapboxgl-marker:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #333;
}
.m-brand-lb {
    margin-bottom: 85px;
}

.brand-con {
    margin-top: 80px;
}

.brand-con .txt {
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin-top: 30px;
}

.brand-con .txt p {
    color: #e8303f;
    margin-bottom: 5px;
    margin-top: 10px;
}

.brand-con .txt span em {
    display: inline-block;
    padding-right: 40px;
}


/*--------服务问题详情页---------------*/

.m-pro-lb {
    padding-top: 60px;
    overflow: hidden;
    padding-bottom: 20px;
}

.m-pro-lb .col-l {
    width: 20%;
}

.m-pro-lb .col-r {
    width: 76%;
}

.m-snav {
    background-color: #e8303f;
    text-align: center;
    padding: 55px 0 35px;
}

.snav-tit {
    font-size: 16px;
    color: #fff;
    margin-bottom: 50px;
}

.ul-pro-lb li a {
    display: block;
    font-size: 16px;
    color: #fff;
}

.ul-pro-lb li a:hover {
    color: #000;
}

.ul-pro-lb li {
    position: relative;
    margin-bottom: 31px;
}

.ul-pro-lb li:after {
    content: "";
    position: absolute;
    left: 22%;
    top: 50%;
    width: 6px;
    height: 1px;
    background-color: #fff;
    opacity: 0.55;
    filter: alpha(opacity=55);
}

.dl-pro-con dt {
    height: 80px;
    background-color: #f8f8f8;
    margin-bottom: 22px;
}

.dl-pro-con dt em {
    float: left;
    padding-right: 55px;
    padding-left: 10px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #e8303f;
    background-color: #f8f8f8;
    font-weight: normal;
}

.dl-pro-con dd {
    color: #555;
}

.dl-pro-con dd h3 {
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 8.5% 17px 10px;
    line-height: 2em;

    cursor: pointer;
}
.dl-pro-con dd h3:before,
.dl-pro-con dd h3:after {
    content: '';
    position: absolute;
    left: 92%;
    top: 50%;
    width: 16px;
    height: 2px;
    background-color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.dl-pro-con dd h3:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.dl-pro-con dd h3:hover,
.dl-pro-con dd h3.on {
    color: #e8303f;
    background-color: #f8f8f8;
}

.dl-pro-con dd p {
    display: none;
    font-size: 14px;
    line-height: 2em;
    padding: 30px 10px;
    padding-right: 200px;
    color:#666;
    background-color: #f8f8f8;

}

.dl-pro-con dd h3.on {
    background-color: #dedede;
}
.dl-pro-con dd h3.on:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.dl-pro-con dd:last-child h3 {
    border: none;
}

.m-pro-pho {
    padding-bottom: 100px;
}


/*---------------one-web-------------*/
.app-download1 {
    position: relative;
    height: 959px;
    margin-bottom: 216px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.app-hand1 {
    position: absolute;
    bottom: -336px;
    left: 50%;
    margin-left: -762px;
    width: 582px;
    height: 968px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.app-slide {
    position: absolute;
    left: 231px;
    top: 78px;
    width: 261px;
    height: 462px;
    overflow: hidden;
}

.app-slide .items {
    width: 261px;
    height: 462px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.app-txt1 {
    position: absolute;
    top: 390px;
    left: 50%;
    margin-left: -120px;
}

.tit-h1 {
    padding-left: 21px;
    font-size: 30px;
    line-height: 40px;
    color: #000;
    font-weight: normal;
    margin-bottom: 100px;
}
.tit-h1 .en {font-size: 28px;}
.tit-h1 span {
    display: block;
}

.ul-app1 {
    overflow: hidden;
}

.ul-app1 li {
    float: left;
}

.ul-app1 .items {
    text-align: center;
    width: 115px;
    font-size: 18px;
    color: #333;
}

.ul-app1 .ico {
    display: block;
    margin: 0 auto 15px;
    width: 50px;
    height: 50px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.ul-app1 .s1 .ico {
    background-image: url(../image/ico-app1.png);
}

.ul-app1 .s2 .ico {
    background-image: url(../image/ico-app2.png);
}

.ul-app1 .s3 .ico {
    background-image: url(../image/ico-app3.png);
}

.ul-app1 .s4 .ico {
    background-image: url(../image/ico-app4.png);
}

@media only screen and (min-width: 1921px) {
    .row {
        -webkit-background-size: cover;
        background-size: cover;
    }
}

@media only screen and (max-width: 1599px) {
    .app-download1 {
        height: 650px;
        margin-bottom: 120px;
    }
    .app-hand1 {
        bottom: -120px;
        left: 50%;
        margin-left: -650px;
        width: 407px;
        height: 676px;
    }
    .app-slide {
        left: 162px;
        top: 55px;
        width: 182px;
        height: 322px;
    }
    .app-slide .items {
        width: 182px;
        height: 322px;
    }
    .app-txt1 {
        top: 250px;
        left: 50%;
        margin-left: -215px;
    }
    .tit-h1 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 65px;
    }
    .tit-h1 .en {font-size: 24px;}
    .ul-app1 .items {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1199px) {
    .app-download1 {
        margin-bottom: 90px;
    }
    .app-hand1 {
        margin-left: -525px;
        width: 360px;
        height: 595px;
        bottom: -90px;
    }
    .app-slide {
        left: 143px;
        top: 46px;
        width: 162px;
        height: 287px;
    }
    .app-slide .items {
        width: 120px;
        height: 212px;
    }
    .app-txt1 {
        top: 290px;
        margin-left: -170px;
    }
    .ul-app1 .ico {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }
    .ul-app1 .items {
        width: 100px;
        font-size: 14px;
    }
    .g-tit-lb h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 9px;
    }
}

@media only screen and (max-width: 959px) {
    .app-download1 {
        height: calc(100vh - 80px);
        background-position: 72% center;
        overflow: hidden;
        margin-bottom: 0;
    }
    .app-txt1 {
        top: 0;
        left: 0;
        margin-left: 0;
        padding-top: 70px;
        text-align: center;
        width: 100%;
    }
    .tit-h1 {margin-bottom: 25px;}
    .ul-app1 {display: inline-block;}
    .ul-app1 .ico {
        margin-bottom: 5px;
    }
    .app-hand1 {
        margin-left: -375px;
        bottom: -30px;
    }
}

@media only screen and (max-width: 767px) {
    .app-download1 {
        height: calc(100vh - 55px);
        background-position: 70% center;
    }

    .tit-h1 {
        font-size: 20px;
        line-height: 28px;
    }
    .tit-h1 .en {font-size: 18px;}
}
@media only screen and (max-width: 480px) {
    .m-qj9 .pic-box .em2{
        width:100px;
        margin-left: -250px !important;
    }
    .m-qj9 .pic-box .em3{
        width:100px;
        margin-left: -50px !important;
    }
    .app-hand1 {
        margin-left: -230px;
        bottom: -50px;
        width: 275px;
        height: 460px;
    }
    .app-slide {
        left: 109px;
        top: 38px;
        width: 123px;
        height: 219px;
    }
    .app-slide .items {
        width: 123px;
        height: 219px;
    }
    .app-txt1 {
        top: 0;
        left: 0;
        margin-left: 0;
        padding-top: 30px;
    }
    .ul-app1 .ico {
        width: 32px;
        height: 32px;
        margin-bottom: 5px;
    }
    .ul-app1 .items {
        width: 75px;
        font-size: 12px;
    }
}
@media only screen and (max-width: 374px) {
    .app-hand1 {
        bottom: -95px;
    }
}

/*公用*/

.row {
  
    height: 1250px;
    position: relative;
    background-repeat: no-repeat;
}

.g-tit-lb span {
    display: inline-block;
    line-height: 20px;
    font-size: 15px;
}

.g-tit-lb {
    padding-top: 50px;
    color: #fff;
    text-align: center;
    width: 100%;
}

.g-tit-lb h3 {
    padding: 7px 0;
    font-size: 45px;
    line-height: 54px;
    margin-bottom: 20px;
    font-weight: 400;
}

.g-tit-lb p {
    font-size: 20px;
    line-height: 32px;
    width: 720px;
    margin: 0 auto;
}

.g-tit-lb.tit2 {
    color: #333;
}


/*公用 end*/



.row-lb-00 {
    background-image: url(../image/one-00bh.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.row-lb-0 {
    background-image: url(../image/one-top.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.row-lb-1 {
    width:100%;
    background-image: url(../image/row-lb-11.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.row-lb-1 h3,.row-lb-2 h3,.row-lb-4 h3,.row-lb-5 h3,.row-qj9 h3,.row-qj6 h3,.row-qj4 h3,.row-qj3 h3{
    font-weight: 400;
}

.row-lb-2 {
    background-image: url(../image/row-lb-2-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-lb-2-0 {
    background-image: url(../image/morecolor1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-lb-3 {
    background-image: url(../image/one-t1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-lb-4 {
    background-image: url(../image/row-lb-4.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-lb-4-0 {
    background-image: url(../image/row-lb-4-0.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-lb-5 {
    background-image: url(../image/onet3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.row-lb-6 {
    background-image: url(../image/row-lb-6-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-qj6-0 {
    background-image: url(../image/myl.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.row-lb-7 {
    background-image: url(../image/one-t2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
}

.row-lb-8 {
    background-image: url(http://www.oclean.com/en/one/images/row-lb-8-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-lb-9 {
    background-image: url(http://www.oclean.com/en/one/images/row-lb-9-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.row-lb-0 {height: 100vh;}
.row-lb-0 .txt2 {
    position: absolute;
    left: 50%;
    top: 340px;
    margin-left: -620px;
    font-size: 56px;
    color: #fff;
    line-height: 80px;
    font-weight: 300;
}
.row-lb-0 .icon {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 40px;
    margin-left: -3px;
    width: 6px;
    height: 34px;
}



.row-lb-0 .online {
    display: block;
    margin-top: 138px;
    width: 253px;
    height: 64px;
    line-height: 64px;
    background-color: #e42927;
    color: #fff;
    position: relative;
}

.row-lb-0 .txt2 .online span {
    display: block;
    line-height: 64px;
    padding-left: 20px;
    font-size: 26px;
}

.row-lb-0 .txt2 .online:hover {
    color: #333;
}

.row-lb-0 .txt2 .online i {
    position: absolute;
    right: 17px;
    bottom: 0;
    width: 68px;
    height: 25px;
    background: url(../image/ban-txt1.png) no-repeat center;
    background-size: cover;
}

.row-lb-1 .vidio {
    position: absolute;
    left: 50%;
    top: 490px;
    width: 350px;
    height: 190px;
    margin-left: -165px;
    margin-top: -120px;
    background: url(../image/row-lb-2.png) no-repeat center;
    background-size: cover;
    border-radius: 8px;
    text-align: center;
}

.row-lb-1 .vidio p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 10px;
}

.row-lb-1 .vidio a {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    background: url(../image/row-lb-3.png) no-repeat center;
    background-size: cover;
}

.row-lb-1 .vidio a:hover {
    background: url(../image/row-lb-3-2.png) no-repeat center;
}

.video_box {
    display: none;
    width: 1000px;
    height: 552px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -276px;
    z-index: 999;
    text-align: center;
}

.video_box video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video_box.open {
    animation: myremove 1s;
}

@keyframes myremove {
    from {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.video_box b {
    position: absolute;
    right: -100px;
    top: -60px;
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    z-index: 1;
}

.back_h {
    display: none;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.m-lb-2 {
    text-align: center;
}

.ul-lb-2 {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 55px;
    padding: 0 15px;
}

.ul-lb-2 li {
    float: left;
    padding: 0 15px;
}

.ul-lb-2 li .img {
    height: 50px;
    background: url(../image/ul-lb-2-1.png) no-repeat center;
}

.ul-lb-2 li .img.img1 {
    background: url(../image/ul-lb-2-2.png) no-repeat center;
    background-size: auto 100%;
}

.ul-lb-2 li .img.img2 {
    background: url(../image/ul-lb-2-3.png) no-repeat center;
    background-size: auto 100%;
}

.ul-lb-2 li .img.img3 {
    background: url(../image/ul-lb-2-4.png) no-repeat center;
    background-size: auto 100%;
}

.ul-lb-2 li .img.img4 {
    background: url(../image/ul-lb-2-1.png) no-repeat center;
    background-size: auto 100%;
}

.ul-lb-2 li .items {
    padding-top: 23px;
    padding-bottom: 10px;
}

.ul-lb-2 li .txt {
    font-size: 15px;
    color: #fff;
    line-height: 27px;
    padding-top: 10px;
}

.row-lb-pic1 {
    position: absolute;
    right: 50%;
    top: 50%;
    margin-right: 80px;
    margin-top: -80px;
    width: 480px;
    height: 472px;
}

.g-tit-lb.tit3 {
    position: absolute;
    top: 75px;
    padding-top: 0;
    right: 50%;
    width: 415px;
    margin-right: 110px;
    text-align: left;
}

.g-tit-lb.tit3 p {
    width: auto;
}

.row-lb-6 .warn {
    position: absolute;
    left: 0;
    bottom: 95px;
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 1em;
    text-align: center;
}

.pic-lb2 {
    position: absolute;
    right: 50%;
    margin-right: -245px;
    margin-top: 295px;
    bottom: 0px;
    width: 1205px;
}

.soft-touch {
    position: absolute;
    right: 130px;
    bottom: 50%;
    margin-bottom: 100px;
    padding-top: 205px;
    /*overflow: hidden;*/
}

.soft-touch .items {
    float: left;
    position: relative;
    width: 100px;
    text-align: center;
    height: 5px;
}

.soft-touch .items i {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #666;
    border-radius: 50%;
    vertical-align: top;
}

.soft-touch .items span {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 190px;
    font-size: 15px;
    color: #666;
}

.soft-touch .items em {
    position: absolute;
    width: 1px;
    height: 160px;
    background-color: #666;
    bottom: 6px;
    margin-left: -0.5px;
    left: 50%;
}

.pic-lb3 {
    width: 1425px;
    margin: 200px auto 0;
    max-width: 100%;
    position: relative;
}
.pic-lb3-ph {display: none;}
.pic-lb3 .items {
    position: absolute;
    color: #fff;
    height: 5px;
}

.pic-lb3 .items i {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
}

.pic-lb3 .items span {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 260px;
    width: 110px;
    text-align: center;
    margin-left: -55px;
    font-size: 15px;
}

.pic-lb3 .items.items2 span {
    bottom: 260px;
}

.pic-lb3 .items.items3 span {
    bottom: 210px;
    width: 150px;
    margin-left: -75px;
}

.pic-lb3 .items.items4 span {
    bottom: 238px;
    width: 150px;
    margin-left: -75px;
}

.pic-lb3 .items.items2 em {
    height: 240px;
}

.pic-lb3 .items.items3 em {
    height: 200px;
}

.pic-lb3 .items.items4 em {
    height: 210px;
}

.pic-lb3 .items em {
    position: absolute;
    width: 1px;
    height: 238px;
    background-color: #fff;
    bottom: 0px;
    left: 2px;
}

.pic-lb3 .items.items1 {
    top: 190px;
    left: 625px;
}

.pic-lb3 .items.items2 {
    top: 220px;
    left: 780px;
}

.pic-lb3 .items.items3 {
    top: 195px;
    left: 980px;
}

.pic-lb3 .items.items4 {
    top: 180px;
    left: 1265px;
}

.pic-lb3 .warn {
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #5a5a5a;
    position: relative;
    margin-top: 30px;
}

.pic-lb3 .warn span {
    position: absolute;
    top: -9px;
    right: 44%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #000;
}

.pic-lb3 .warn::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 23px;
    width: 1px;
    background-color: #5a5a5a;
}

.pic-lb3 .warn::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 23px;
    width: 1px;
    background-color: #5a5a5a;
}

.row-lb-3 .app-hand1 {
    margin-left: -710px;
}
/*******************************
  -------[=青椒]-------
********************************/
.row-qj1{
    height: 1340px !important;
    overflow: hidden;
}
.g-tit-lb.c333{
    color: #333;
}
.g-tit-qj{

}
.g-tit-qj h3{
    font-size: 45px;
    color: #333;
    text-align: center;
}
.ul-qj1{
    width: 900px;
    margin:0 auto;
}
.ul-qj1 li{
    overflow: hidden;
    border-top: 1px solid #dedede;
    padding: 28px 0;
}
.ul-qj1 span{
    float: left;
    width: 240px;
}
.ul-qj1 .con{
    font-size: 16px;
    color: #333;
    overflow: hidden;
}
.ul-qj1 .con img{
    max-height: 300px;
}
.row-qj2{
    padding-top: 90px;
    overflow: hidden;
    background-color: #f2f2f2;
}
.row-qj2 .wp{
    position: relative;
}
.row-qj2 .pic-box{
    text-align: center;

}
.ul-qj2{

}
.ul-qj2 li{
    width: 100%;
    position: absolute;
    font-size: 15px;
    color: #666;
}
.ul-qj2 li em{
    display: inline-block;
    width: 1px;
    height: 200px;
    background-color: #c7c7c7;
}
.ul-qj2 li span{
    display: block;
    padding:15px 0;
}
.ul-qj2 .li1{
    bottom: -30px;
    left: -23.5%;
}
.ul-qj2 .li1 span{
}
.ul-qj2 .li2{
    top: 30px;
    left: -10.5%;
}
.ul-qj2 .li3 span{
}
.ul-qj2 .li3{
    bottom: -30px;
    left: -12%;
}
.ul-qj2 .li4{
    top: 30px;
    left: 11%;
}
.ul-qj2 .li5{
    top: 30px;
    left: 22.5%;
}
.row-qj3{
    background: url(../image/qj-row3_bg1.jpg) no-repeat center;
    background-size: cover;
}
.row-qj3 .wp{
    position: relative;
}
.row-qj4{
    overflow: hidden;
    background: url(../image/qj-row4_bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.row-qj4 .g-tit-lb{
    padding-top: 50px;
}
.row-qj4 .g-tit-lb p{
    width: 700px;
}
.row-qj4 .m-time{
    font-weight: 300px;
    position: absolute;
    top: 420px;
    left: 50%;
    margin-left: -345px;
}
.m-time{
    width: 310px;
}
.m-time h4{
    font-size: 18px;
    font-weight: 300;
    color: #333;
}
.ul-time{
    margin-top: 28px;
}
.ul-time li{
    margin-bottom: 30px;
}
.ul-time h5{
    font-size: 15px;
    color: #555;
}
.ul-time .time-box{
    height: 23px;
    background-color: #dcdcdc;
    position: relative;
}
.ul-time .time-box i{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    background-color: #00a0e9;
}
.ul-time .time-box i em{
    position: absolute;
    display: inline-block;
    top: 2px;
    right: -35px;
    font-size: 12px;
    color: #666;
   z-index: 99;
}
.ul-time strong{
    font-weight: 300;
    font-size: 24px;
    color: #333;
}
.row-qj5{
    overflow: hidden;
    background: url(../image/qj-row5_bg.jpg) no-repeat center;
    background-size: cover;
}
.row-qj6{
    background: url(../image/qj-row6_bg1.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.row-qj6 .g-tit-lb{
    padding-top: 60px;
}
.row-qj6 .wp{
    position: relative;
}
.ul-qj6 li{
    width: 100%;
    position: absolute;
    font-size: 15px;
    color: #666;
    line-height: 22px;
}
.ul-qj6 li span{
    display: inline-block;
    vertical-align: middle;
    margin:0 15px;
}
.ul-qj6 li em{
    display: inline-block;
    vertical-align: middle;
    width: 315px;
    height: 1px;
    background-color: #00a0e9;
    position: relative;
}
.ul-qj6 li em i{
    position: absolute;
    top: -2.5px;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #00a0e9;
}
.ul-qj6 .li1 {
    top: 440px;
    left: 63%;
}
.ul-qj6 .li1 em i{
    right: auto;
    left: 0;
}
.ul-qj6 .li2 {
    top: 570px;
    left: 21%;
}
.ul-qj6 .li3{
    top: 710px;
    left: 23%;
}
.row-qj7{
    position: relative;
}
.row-qj7 .g-tit-lb{
    padding-top: 55px;
}
.row-qj7 .pic{
    position: absolute;
    left: 50%;
}
.row-qj7 .pic1{
    bottom: 0;
    margin-left: -110px;
    z-index: -1;
}
.row-qj7 .pic1 img{
    display: block;
    max-height: 720px;
}
.row-qj7 .pic2{
    position: absolute;
    margin-left: -590px;
    top: 362px;
}
.row-qj7 .pic2 img{
    display: block;
    max-height: 200px;
}
.row-qj8{
    background: url(../image/qj-row8_bg.jpg) no-repeat center;
    background-size: cover;
}
.row-qj8 .g-tit-lb{
    padding-top: 45px;
}
.row-qj8 .vidio {
    position: absolute;
    left: 50%;
    top: 34%;
    width: 75px;
    height: 75px;
    margin-left: -38px;
    text-align: center;
}
.row-qj8 .vidio a {
    display: inline-block;
    width: 75px;
    height: 75px;
    text-align: center;
    background: url(../image/qj-video.png) no-repeat center;
}
.row-qj8 .vidio a:hover{
    background: url(../image/qj-video1.png) no-repeat center;
}
.row-qj9{
    text-align: center;
    overflow: hidden;
}
.row-qj9 .wp{
    position: relative;
}
.row-qj9 .g-tit-lb{
    padding-top: 40px;
}
.ul-qj9{
    display: inline-block;
    margin-top: 55px;
}
.ul-qj9 li{
    float: left;
    width: 200px;
    height: 120px;
    border:1px solid #a1a1a1;
    border-radius: 4px;
    margin:0 18px;
}
.ul-qj9 h5{
    font-weight: 300;
    font-size: 13px;
    color: #333;
    text-align: center;
    margin-top: 20px;
}
.ul-qj9 h5 strong{
    font-weight: 100;
    display: block;
    font-size: 65px;
    line-height: 1;
}
.m-qj9 .tip{
    font-size: 12px;
    margin-right: -470px;
    color: #999;
}
.m-qj9 .pic-box{
    position: relative;
    padding-top: 55px;
}
.m-qj9 .pic-box img{
    max-height: 325px;
}
.m-qj9 .pic-box em{
    position: absolute;
    font-size: 14px;
    color: #333;
}
.m-qj9 .pic-box .em1{
    font-weight: 300;
    top: 20px;
    left: 47%;
    margin-left: -40px;
}
.m-qj9 .pic-box .em2{
    font-weight: 300;
    margin-left: -560px;
    bottom: 0;
}
.m-qj9 .pic-box .em3{
    font-weight: 300;
    bottom: 0;
    margin-left: 10px;
}
.ul-pk{
    position: absolute;
    left: 50%;
    bottom: -60px;
    margin-left: -190px;
}
.ul-pk li{
	float: left;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
	margin-right: 15px;
}
.ul-pk li i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
.ul-pk .li1 i{
    background-color: #e31e1c;
}
.ul-pk .li2 i{
    background-color: #00a0e9;
}
.g-tit-lb.tit4{
    position: absolute;
    top: 100px;
    padding-top: 0;
    right: 0;
    width: 415px;
    text-align: left;
}
.g-tit-lb.tit4 p{
    width: 350px;
    margin:0;
}
@media only screen and (min-width:1400px) and (max-width:1920px)  {
	.row {
    	height: 910px;
	}
	.row-0{
    	height: 1080px;
	}
	.hero-pic{
		width:30%;
		margin-top: 8%;
		margin-left: auto;
		margin-right: auto;
	}
	.row-5{
		height:1250px;
	}
.ul-qj6 .li1 {
    top: 310px;
    left: 61%;
}
.ul-qj6 .li2 {
    top: 410px;
    left: 20%;
}
.ul-qj6 .li3{
    top: 510px;
    left: 21%;
}
	
}

@media screen and (max-width: 1500px) {
    .row{
        height: 900px;
    }
    .m-qj9 .pic-box img{max-height: 225px;}
    .ul-qj6 .li1 {
        top: 330px;
        left: 60%;
    }
    .ul-qj6 .li2 {
        top: 405px;
        left: 21%;
    }
    .ul-qj6 .li3 {
        top: 455px;
        left: 12%;
    }
    .m-qj9 .pic-box .em2 {margin-left: -445px;}
}
@media screen and (max-width: 1537px) {
    .row-lb-3 .app-hand1 {
        margin-left: -475px;
        width: 350px;
        height: 580px;
    }
    .row-lb-3 .app-slide {
        left: 140px;
        top: 46px;
        width: 157px;
        height: 278px;
    }
}
@media screen and (max-width: 1399px) {
    .row{
        height: 850px;
    }
    .row-lb-0 .txt2 {
        font-size: 48px;
        line-height: 78px;
        top: 245px;
        margin-left: -385px;
    }
    .row-lb-0 .txt2 .online {
        margin-top: 90px;
        width: 168px;
        height: 42px;
    }
    .row-lb-0 .txt2 .online span {
        font-size: 18px;
        line-height: 42px;
    }
    .row-lb-0 .txt2 .online i {
        width: 46px;
        height: 17px;
        right: 10px;
    }
    .row {
        height: 745px;
    }
    .g-tit-lb {
        padding-top: 60px;
        width: 900px;
        margin: 0 auto;
    }
    .g-tit-lb h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 11px;
        margin-top: 9px;
    }
    .g-tit-lb p {
        font-size: 14px;
        line-height: 18px;
    }
    .g-tit-lb span {
        font-size: 14px;
        line-height: 1em;
    }
    .row-lb-1 .vidio {
        height: 125px;
        width: 225px;
        margin-left: -117px;
        margin-top: -100px;
    }
    .row-lb-1 .vidio p {
        font-size: 12px;
        margin-top: 45px;
    }
    .row-lb-1 .vidio a {
        width: 18px;
        height: 18px;
    }
    .ul-lb-2 li .txt {
        font-size: 12px;
        line-height: 20px;
        padding-top: 5px;
    }
    .ul-lb-2 li .img {
        height: 33px;
    }
    .ul-lb-2 li .items {
        padding-top: 20px;
        padding-bottom: 12px;
    }
    .ul-lb-2 li {
        padding: 0 8px;
    }
    .ul-lb-2 {
        padding: 0 10px;
    }
    /*.row-lb-3 .app-hand1 {
        margin-left: -475px;
        width: 330px;
        height: 580px;
    }
    .row-lb-3 .app-slide {
        left: 129px;
        top: 46px;
        width: 157px;
        height: 278px;
    }*/
    .row-lb-pic1 {
        width: 311px;
        height: 310px;
        margin-right: 30px;
        margin-top: -50px;
    }
    .pic-lb2 {
        width: 815px;
        margin-right: -130px;
        bottom: 60px;
    }
    .row-lb-6 .warn {
        bottom: 30px;
    }
    .soft-touch .items span {
        font-size: 12px;
        bottom: 150px;
    }
    .soft-touch {
        margin-bottom: 50px;
        right: 70px;
    }
    .soft-touch .items {
        width: 70px;
    }
    .pic-lb3 {
        width: 960px;
        margin: 150px auto 0;
    }
    .soft-touch .items em {
        height: 120px;
    }
    .pic-lb3 .items span {
        font-size: 12px;
    }
    .pic-lb3 .items.items1 {
        left: 415px;
        top: 125px;
    }
    .pic-lb3 .items.items2 {
        left: 565px;
        top: 90px;
    }
    .pic-lb3 .items.items3 {
        left: 725px;
        top: 100px;
    }
    .pic-lb3 .items.items4 {
        left: 875px;
        top: 95px;
    }
    .pic-lb3 .items em {
        height: 160px;
    }
    .pic-lb3 .items.items2 em {
        height: 130px;
    }
    .pic-lb3 .items.items3 em {
        height: 145px;
    }
    .pic-lb3 .items.items4 em {
        height: 145px;
    }
    .pic-lb3 .items span {
        bottom: 190px;
    }
    .pic-lb3 .items.items2 span {
        bottom: 140px;
    }
    .pic-lb3 .items.items3 span {
        bottom: 152px;
    }
    .pic-lb3 .items.items4 span {
        bottom: 165px;
    }

}

@media screen and (max-width: 1279px) {
    .pic-lb3 .warn span{

    right: 36%; 
    }

   
    .row {
        height: 540px;
    }
    .row-lb-0 .txt2 {
        font-size: 30px;
        line-height: 56px;
        top: 166px;
        margin-left: -440px;
    }
    .row-lb-0 .txt2 .online {
        margin-top: 35px;
        width: 170px;
        height: 42px;
        font-size: 17px;
    }
    .row-lb-0 .txt2 .online span {
        font-size: 17px;
        line-height: 42px;
    }
    .row-lb-0 .txt2 .online i {
        width: 46px;
        height: 17px;
        right: 10px;
    }
    .g-tit-lb {
        padding-top: 30px;
    }
    .row-lb-1 .vidio {
		top:180px;
        width: 170px;
        height: 95px;
        margin-top: 45px;
        margin-left: -85px;
    }
    .row-lb-1 .vidio p {
        margin-top: 25px;
    }
    .video_box {
        width: 900px;
        margin-left: -450px;
    }
    .video_box video {
        width: 100%;
        height: 100%;
    }
    .video_box b {
        right: 0;
        top: 23px;
    }
    .row-lb-3 .app-hand1 {
        margin-left: -292px;
        width: 265px;
        height: 440px;
    }
    .row-lb-3 .app-slide {
        left: 105px;
        top: 35px;
        width: 120px;
        height: 212px;
    }
    .row-lb-pic1 {
        width: 230px;
        height: 230px;
        margin-right: 70px;
        margin-top: -10px;
    }
    .g-tit-lb.tit3 {
        margin-right: 0;
    }
    .pic-lb2 {
        width: 605px;
        margin-right: -125px;
        bottom: 25px;
    }
    .row-lb-6 .warn {
        bottom: 20px;
    }
    .soft-touch .items {
        width: 50px;
    }
    .soft-touch .items.items1 span {
        width: 100px;
        margin-left: -24px;
    }
    .soft-touch {
        right: 65px;
        margin-bottom: 30px;
    }
    .soft-touch .items em {
        height: 95px;
    }
    .soft-touch .items span {
        bottom: 110px;
    }
    .pic-lb3 {
        width: 720px;
        margin: 50px auto 0;
    }
    .pic-lb3 .items.items1 {
        left: 313px;
        top: 90px;
    }
    .pic-lb3 .items.items2 {
        left: 420px;
        top: 65px;
    }
    .pic-lb3 .items.items3 {
        left: 542px;
        top: 70px;
    }
    .pic-lb3 .items.items4 {
        left: 655px;
        top: 70px;
    }
    .pic-lb3 .items.items1 em {
        height: 120px;
    }
    .pic-lb3 .items.items2 em {
        height: 85px;
    }
    .pic-lb3 .items.items3 em {
        height: 95px;
    }
    .pic-lb3 .items.items4 em {
        height: 95px;
    }
    .pic-lb3 .items.items1 span {
        bottom: 135px;
    }
    .pic-lb3 .items.items2 span {
        bottom: 93px;
    }
    .pic-lb3 .items.items3 span {
        bottom: 98px;
        width: 116px;
        margin-left: -58px;
    }
    .pic-lb3 .items.items4 span {
        bottom: 115px;
    }
}

@media screen and (max-width: 959px) {
.ifw img{
		width:170px;
		height:auto

	}
  

    .row-lb-0 {
        position: relative;
        height: calc(100vh - 80px) !important;
		background-position-x: 62%;
    }
    .row-lb-0 .icon {
        display: block;
    }
    .row-lb-0 .txt2 {
        position: static;
        font-size: 44px;
        line-height: 55px;
        padding-top: 40px;
        width: 100%;
        left: 0;
        text-align: center;
        margin-left: 0;
    }
    .row-lb-0 .txt2 .online {
        position: absolute;
        left: 0;
        bottom: 100px;
        margin-top: 0;
        width: 253px;
        height: 62px;
    }
    .row-lb-0 .txt2 .online span {
        text-align: left;
        font-size: 26px;
        line-height: 62px;
        padding-left: 20px;
    }
    .row-lb-0 .txt2 .online i {
        width: 70px;
        height: 25px;
        right: 17px;
    }
    .row {
        height: 1136px;
    }
    .row-lb-6 {overflow: hidden;}
    .g-tit-lb {
        padding-top: 60px;
        width: 600px;
    }
    .g-tit-lb span {
        font-size: 24px;
    }
    .g-tit-lb h3 {
        font-size: 40px;
        line-height: 52px;
    }
    .g-tit-lb p {
        font-size: 20px;
        line-height: 28px;
    }
    .row-lb-1 .vidio {
		top:320px;
        width: 445px;
        height: 245px;
        margin-left: -223px;
        margin-top: 80px;
    }
    .row-lb-1 .vidio p {
        font-size: 24px;
        margin-top: 88px;
    }
    .row-lb-1 .vidio a {
        width: 37px;
        height: 37px;
    }
    .video_box {
        width: 640px;
        margin-left: -320px;
        height: 362px;
        margin-top: -181px;
    }
    .video_box b {
        top: 0;
    }
    .ul-lb-2 li .txt {
        font-size: 20px;
    }
    .ul-lb-2 li {
        padding: 0;
        width: 25%;
    }
    .ul-lb-2 {
        padding: 0;
        width: 70%;
        margin: 0 -1px;
    }
    .row-lb-2 .wp {
        width: 100%;
        padding: 0;
    }
    .ul-lb-2 li .img {
        height: 64px;
    }
    .ul-lb-2 li .items {
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .ul-lb-2 li .txt {
        padding-top: 20px;
    }
    .ul-lb-2 {
        margin-top: 180px;
    }
    .row-lb-3 .app-hand1 {
        width: 465px;
        height: 780px;
        bottom: -240px;
        margin-left: -405px;
    }
    .row-lb-3 .app-slide {
        left: 183px;
        top: 63px;
        width: 212px;
        height: 374px;
    }
    .row-lb-3 .app-slide .items {
        width: 212px;
        height: 374px;
    }
    .row-lb-pic1 {
        width: 383px;
        height: 383px;
        margin-right: -60px;
        margin-top: 150px;
    }
    .g-tit-lb.tit3 {
        width: 600px;
        margin-right: -300px;
    }
    .g-tit-lb.tit3 span {
        display: none;
    }
    .g-tit-lb.tit3 p {
        display: none;
    }
    .pic-lb2 {
        right: 0;
        margin-right: -115px;
        width: 1460px;
    }
    .pic-lb2 img {
        width: 100%;
        display: block;
    }
    .soft-touch {
        right: 155px;
        margin-bottom: 120px;
    }
    .soft-touch .items em {
        margin-left: -1px;
        height: 190px;
    }
    .soft-touch .items {
        width: 115px;
    }
    .soft-touch .items span {
        bottom: 210px;
    }
    .soft-touch .items.items1 span {
        width: 100px;
        margin-left: 0;
    }
    /*新加的*/
    .pic-lb3-ph{display: block;position: absolute;top:350px;left: 50%;width: 200px;margin-left: -100px;}
    .pic-lb3{display: none;}
    .pic-lb3-ph img{display: block;margin: 0 auto;}
    .pic-lb3-ph .items span{position: absolute;left: 130px;top: -25px;width: 100px;text-align: center;font-size: 20px;color: #fff;}
    .pic-lb3-ph .items em{position: absolute;left: 5px;top: 2px;width: 120px;height: 1px;background-color: #fff;}
    .pic-lb3-ph .items i{display: block;width: 5px;height: 5px;background-color: #fff;border-radius: 50%;}
    .pic-lb3-ph .items{position: absolute;width: 130px;left: 180px;top: -2px;}
    .pic-lb3-ph .items1{top: 300px;left:100px;}
    .pic-lb3-ph .items2{top: 445px;left:115px;}
    .pic-lb3-ph .items3{top: 525px;left:100px;}
    .pic-lb3-ph .items4{top: 690px;left:110px;}
    .pic-lb3-ph .items3.items span{left: 140px;width: 185px;}
    .pic-lb3-ph .items2.items span{width: 120px;left: 170px;}
    .pic-lb3-ph .items4.items span{width: 170px;left: 140px;}
    .pic-lb3-ph .items1.items span{width: 170px;left: 160px;}
    .pic-lb3-ph .items1.items em{width: 150px;}
    .pic-lb3-ph .items2.items em{width: 150px;}
    .pic-lb3-ph .items3.items em{width: 110px;}
    .pic-lb3-ph .items4.items em{width: 110px;}
    .pic-lb3-ph .warn{position: absolute;height: 100%;border-left:1px solid #fff;font-size: 20px;color: #fff;top:0;left: -70px;}
    .pic-lb3-ph .warn:after,.pic-lb3-ph .warn:before{content:"";position: absolute;left: 0;width: 60px;height: 1px;background-color: #fff;}
    .pic-lb3-ph .warn:after{top: 0;}
    .pic-lb3-ph .warn:before{bottom: 0;}
    .pic-lb3-ph .warn span{position: absolute;width: 105px;height: 95px;left: 50%;top: 50%;margin-left: -52px;margin-top: -47px;background-color: #000;}
}

@media screen and (max-width: 767px) {


     .row-lb-0 .txt2 {
        position: absolute;
        font-size: 30px;
        line-height: 42px;
        top: -30px;
        width: 100%;
        left: 0;
        text-align: center;
        margin-left: 0;
        font-weight: 500;
    }
    .row-lb-0 .txt2 .online {
        bottom: 70px;
        width: 120px;
        height: 35px;
    }
    .row-lb-0 .txt2 .online span {
        text-align: left;
        font-size: 14px;
        line-height: 35px;
        padding-left: 10px;
    }
    .row-lb-0 .txt2 .online i {
        width: 35px;
        height: 15px;
        right: 10px;
    }
     .row-lb-0 {
        height: calc(100vh - 55px) !important;
     }
    .row {
        height: 667px;
    }
    .g-tit-lb span {
        font-size: 14px;
    }
    .g-tit-lb h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .g-tit-lb {
        width: 98%;
        padding-top: 40px;
    }
    .g-tit-lb p {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .row-lb-1 .vidio {
		top:220px;
        width: 300px;
        margin-left: -150px;
        height: 175px;
        margin-top: 30px;
    }
    .row-lb-1 .vidio p {
        font-size: 14px;
        margin-top: 65px;
    }
    .row-lb-1 .vidio a {
        width: 18px;
        height: 18px;
    }
    .ul-lb-2 li .txt {
        font-size: 12px;
        padding-top: 5px;
    }
    .ul-lb-2 li .items {
        padding: 10px 0;
    }
    .ul-lb-2 {
        display: none;
        margin-top: 110px;
        width: 90%;
    }
    .ul-lb-2 li {
        width: 25%;
        text-align: center;
    }
    .row-lb-2 {
        background-position: 80%;
    }
    .row-lb-3 {
        background-position: 70%;
    }
    .row-lb-3 .app-hand1 {
        width: 220px;
        height: 370px;
        bottom: -80px;
        margin-left: -205px;
    }
    .row-lb-3 .app-slide {
        left: 87px;
        top: 30px;
        width: 100px;
    }
    .row-lb-3 .app-slide .items {
        height: 177px;
        width: 100px;
    }
    .row-lb-0 {
        background-position: 75%;
    }
    .row-lb-4 {
        background-position: 58% 20%;
    }

    .row-lb-pic1 {
        width: 225px;
        margin-top: 10px;
    }
    .g-tit-lb.tit3 {
        width: 100%;
        margin-right: 0;
        right: 0;
        text-align: center;
    }
    .pic-lb2 {
        margin-right: 0;
        width: 600px;
    }
    .pic-lb2 {
        bottom: 100px;
    }
    .row-lb-6 .warn {
        bottom: 40px;
    }
    .soft-touch {
        right: 57px;
        margin-bottom: 0px;
    }
    .soft-touch .items em {
        margin-left: 0px;
        height: 130px;
    }
    .soft-touch .items span {
        bottom: 145px;
    }
    .soft-touch .items.items1 span {
        margin-left: -25px;
    }
    .soft-touch .items {
        width: 50px;
    }
    .pic-lb3 .warn {
        margin-top: 20px;
    }
    .pic-lb3 {
        position: absolute;
        left: 50%;
        margin-left: -185px;
        width: 300px;
        margin-top: 0;
        top: 200px;
    }
    .pic-lb3 .warn span {
        font-size: 12px;
        width: 80px;
        margin-left: -40px;
    }
    .pic-lb3 .items span {
        font-size: 12px;
        margin-left: -50px;
    }
    .pic-lb3 .items.items1 {
        left: 110px;
        top: 30px;
    }
    .pic-lb3 .items.items2 {
        left: 174px;
        top: 20px;
    }
    .pic-lb3 .items.items3 {
        left: 210px;
        top: 20px;
    }
    .pic-lb3 .items.items4 {
        left: 270px;
        top: 20px;
    }
    .pic-lb3 .items.items1 em {
        height: 60px;
    }
    .pic-lb3 .items.items2 em {
        height: 50px;
    }
    .pic-lb3 .items.items3 em {
        height: 50px;
    }
    .pic-lb3 .items.items4 em {
        height: 50px;
    }
    .pic-lb3 .items.items1 span {
        bottom: 105px;
        width: 100px;
    }
    .pic-lb3 .items.items2 span {
        bottom: 95px;
        width: 100px;
    }
    .pic-lb3 .items.items3 span {
        bottom: 95px;
        width: 110px;
        margin-left: -40px;
    }
    .pic-lb3 .items.items4 span {
        bottom: 105px;
        width: 100px;
        margin-left: -50px;
    }
    .video_box {
        width: 310px;
        margin-left: -155px;
        height: 175px;
        margin-top: -88px;
    }
    .video_box b {
        width: 20px;
        height: 20px;
    }
    /*新加的*/
    .pic-lb3-ph{width: 110px;margin-left: -55px;top: 160px;}
    .pic-lb3-ph .warn span{font-size: 12px;width: 60px;height: 50px;margin-left: -30px;margin-top: -25px;}
    .pic-lb3-ph .warn:after,.pic-lb3-ph .warn:before{width: 30px;}
    .pic-lb3-ph .items1{top: 110px;left: 50px;}
    .pic-lb3-ph .items2{top: 150px;left: 60px;}
    .pic-lb3-ph .items3{top: 200px;left: 55px;}
    .pic-lb3-ph .items4{top: 260px;left: 60px;}
    .pic-lb3-ph .items span{font-size: 12px;}
    .pic-lb3-ph .items1.items em{width: 60px;}
    .pic-lb3-ph .items1.items span{width: 90px;left: 70px;top: -10px;}
    .pic-lb3-ph .items2.items em{width: 45px;}
    .pic-lb3-ph .items2.items span{width: 90px;left: 60px;top: -10px;}
    .pic-lb3-ph .items3.items em{width: 35px;}
    .pic-lb3-ph .items3.items span{left: 50px;width: 100px;top: -10px;}
    .pic-lb3-ph .items4.items em{width: 40px;}
    .pic-lb3-ph .items4.items span{width: 80px;left: 50px;top: -10px;}
    .pic-lb3-ph .warn{left: -55px;}
}
@media only screen and (max-width: 1400px) {
    .ul-qj6 .li1{top: 305px;left: 60.5%;}
    .ul-qj6 .li2{top: 385px;left: 16%;}
    .ul-qj6 .li3{top: 470px;left: 13.5%;}
    .row-qj9 .m-qj9{
        margin-top: -25px;
    }
    .pic-box{
        margin-top: 20px;
    }
}

/*Common For Max 1280*/
@media only screen and (max-width: 1399px){
    .ul-qj1 {width: 750px;}
    .row.row-qj1{height: 900px;}
    .ul-qj1 li{padding:35px 0;}
    .ul-qj1 span{width: 210px;font-size: 12px;}
    .ul-qj1 .con{font-size: 14px;}
    .ul-qj1 .con img{margin-left: 120px;max-height: 235px;}
    .ul-qj2 li{font-size: 14px;}
    .ul-qj2 li em{height: 125px;}
    .ul-qj2 .li1,.ul-qj2 .li3{bottom: -36px;}
    .ul-qj2 .li1{left: -16.5%;}
    .ul-qj2 .li2{left: -7.5%;}
    .ul-qj2 .li3{left: -9%;}
    .ul-qj2 .li4{left: 8%;}
    .ul-qj2 .li5{left: 17.5%;}
    .ul-qj2 .li3 span{}
    .ul-qj2 .li4,.ul-qj2 .li2,.ul-qj2 .li5{top: 10px;}
    .row-qj4 .m-time{top: 280px;}
    .m-time{width: 210px;}
    .m-time h4{font-size: 16px;}
    .ul-time{margin-top: 10px;}
    .ul-time .time-box{height: 15px;}
    .ul-time .time-box i{height: 15px;}
    .ul-time .time-box i em{top: -1px;font-size: 12px;right: -30px;}
    .ul-time strong{font-size: 18px;}
    .ul-time li{margin-bottom: 10px;}
    .ul-qj6 li em{width: 160px;}
     .ul-qj6 .li1{top: 260px;left: 58.5%;}
    .ul-qj6 .li2 {
    top: 330px;
    left: 28.5%;
}
    .ul-qj6 .li3 {
  	  top: 410px;
    		left: 28.5%;
	}
    .row-qj7 .pic1 img{max-height: 480px;}
    .row-qj7 .pic2 img{max-height: 140px;}
    .row-qj7 .pic1{margin-left: -75px;}
    .row-qj7 .pic2{top: 245px;margin-left: -415px;}
    .ul-qj9 li{height: 65px;}
    .ul-qj9 h5{font-size: 12px;margin-top: 10px;}
    .ul-qj9 h5 strong{font-size: 36px;}
    .m-qj9 .pic-box{padding-top: 25px;}
    .m-qj9 .pic-box img{max-height: 225px;}
    .m-qj9 .tip{margin-right: -450px;font-size: 12px;}
    .m-qj9 .pic-box em{font-size: 12px;}
    .m-qj9 .pic-box .em1{top: 0;}
    .m-qj9 .pic-box .em2{bottom: 0px;margin-left:-410px;}
    .m-qj9 .pic-box .em3{bottom: 60px;}
    .ul-pk{left: 54.5%;bottom: -55px;}
    .ul-pk li{font-size: 12px;margin-bottom: 2px;}
    .ul-pk li i{width: 12px;height: 12px;}
    .row-qj2{padding-top: 95px;}
    .row-qj2 .pic-box img{max-height: 500px;}
}
/*Common For Max 960*/
@media only screen and (max-width: 1279px){
    .pic-box {
        margin-top: 0px;
    }
    .ul-qj1 .con img{margin-left: 10px;}
    .ul-qj2 li{font-size: 12px;}
    .ul-qj2 li em{height: 98px;}
    .ul-qj2 .li1 span{}
    .ul-qj2 .li5 span{margin-right: -30px;}
    .ul-qj2 .li4, .ul-qj2 .li2, .ul-qj2 .li5{top: 20px;}
    .ul-qj2 .li1, .ul-qj2 .li3{bottom: -10px;}
    .ul-qj2 li span{padding:0;}
    .row-qj4 .m-time{top: 225px;}
    .row-qj7 .pic img{max-height: 370px;}
    .row-qj7 .pic2{top: 160px;margin-left: -290px;}
    .row-qj7 .pic2 img{max-height: 125px;}
    .row-qj8 .vidio{width: 38px;height: 38px;}
    .row-qj8 .vidio a{width: 38px;height: 38px;-webkit-background-size: 38px 38px;
    background-size: 38px 38px;}
    .ul-qj9{margin-top: 30px;}
    .m-qj9 .pic-box img{max-height: 200px;}
    .ul-qj9 h5{font-size: 12px;margin-top: 5px;}
    .row-qj9 .g-tit-lb{padding-top: 25px;}
    .row-qj9 .g-tit-lb h3{margin-bottom: 10px;margin-top: 5px;}
    .m-qj9 .pic-box img{max-height: 155px;}
    .ul-pk{left: 60.5%;bottom: -45px;}
    .ul-pk li{margin-bottom: 0;}
    .m-qj9 .pic-box .em2,.m-qj9 .pic-box .em3{bottom: 0;}
    .ul-qj9 li{width: 160px;}
    .m-qj9 .tip{margin-right: -370px;}
    .row-qj7 .g-tit-lb{padding-top: 45px;}
    .row-qj7 .g-tit-lb h3{margin-bottom: 10px;margin-top: 2px;}
    .row-qj7 .g-tit-lb p{padding:0 50px;}
    .row-qj7 .pic2 img{max-height: 100px;}
    .row-qj7 .pic2{top: 172px;margin-left: -312px;}
    .row-qj6 .g-tit-lb{padding-top: 25px;}
   .ul-qj6 .li1{top: 180px;left: 58%;}
    .ul-qj6 .li2{top: 208px;left: 26%;}
    .ul-qj6 .li3{top: 265px;left: 22.5%;}
    .row-qj5 .g-tit-lb{padding-top: 26px;}
    .g-tit-lb.tit4{width: 366px;}
    .g-tit-lb.tit4 p{width: 300px;}
    .row-qj2 .pic-box img{max-height: 375px;}
    .row-qj2{padding-top: 75px;}
    .m-qj9 .pic-box .em2{bottom: 0px;margin-left:-330px;}

}

@media screen and (max-width: 1199px) {
    .ul-qj6 .li1 {left: 58%;}
    .ul-qj6 .li2 {    left: 24%;
    top: 235px;}
    .ul-qj6 .li3 {    top: 310px;
    left: 24%;}
}
@media screen and (max-width: 1023px) {
    .ul-qj6 .li1 {left: 58%;}
    .ul-qj6 .li2 {left: 20%;}
    .ul-qj6 .li3 {left: 19%;}
}
/*Common For Max 768*/
@media only screen and (max-width: 959px){
    .pic-box {margin-top: 40px;}
    .row-qj4 {
        background-position: 65% center;
    }
    .row.row-qj1{padding:0 20px;height: auto;}
    .ul-qj1{width:auto;margin-bottom: 20px;}
    .ul-qj1 span{font-size: 14px;}
    .ul-qj1 .con{font-size: 18px;}
    .ul-qj1 .con img{max-height: 430px;}
    .ul-qj1 li{padding:20px 0;}
    .row-qj4 .g-tit-lb p{width: auto;}
    .ul-qj2 li{font-size: 20px;}
    .row-qj2 .pic-box{padding-top: 490px;}
    .ul-qj2 .li3 span{}
    .ul-qj2 .li1{bottom: -120px;}
    .ul-qj2 .li1 em{height: 190px;}
    .ul-qj2 .li2{top: 185px;}
    .ul-qj2 .li2 em{height: 410px;}
    .ul-qj2 .li3{bottom: -35px;}
    .ul-qj2 .li3 em{height: 115px;}
    .ul-qj2 .li4{top: 340px;}
    .ul-qj2 .li4 em{height: 260px;}
    .ul-qj2 .li5 em{height: 520px;}
    .g-tit-lb.tit4{text-align: center;width: auto;position: static;padding-top: 350px;}
    .g-tit-lb.tit4 p{width: auto;padding:0 20px;}
    .row-qj4 .m-time{top:auto;bottom: 80px;width: 300px;}
    .m-time h4{font-size: 24px;}
    .ul-time{margin-top: 35px;}
    .ul-time li{ margin-bottom: 45px;}
    .ul-time h5{ font-size: 18px; }
    .ul-time strong{font-size: 30px;}
    .ul-time .time-box{height: 28px;}
    .ul-time .time-box i{ height: 28px;}
    .ul-time .time-box i em{top: 2px;right: -48px; font-size: 18px;}
    .row-qj7 .pic1 img{max-height: 710px;}
    .row-qj8 .vidio{width: 78px;height: 78px;}
    .row-qj8 .vidio a{width: 78px;height: 78px;-webkit-background-size: 78px;
    background-size: 78px;}
    .g-tit-lb.tit5 p{display: none;}
    .row-qj9 .g-tit-lb{padding-top: 60px;}
    .ul-qj9{margin-top: 55px;}
    .ul-qj9 li{width:200px;height:100px;}
    .ul-qj9 h5{margin-top: 20px;font-size: 13px;}
    .m-qj9 .tip{font-size: 16px;margin-right: -420px;}
    .m-qj9 .pic-box img{max-height: 655px;}
    .m-qj9 .pic-box em{font-size: 20px;}
    .ul-pk{bottom: -140px;left: 42.5%;}
    .ul-pk li{font-size: 18px;margin-bottom: 15px;}
    .m-qj9 .pic-box .em2, .m-qj9 .pic-box .em3{bottom: -35px;}
    .m-qj9 .pic-box .em2{margin-left:-520px;}
    .m-qj9 .pic-box .em3{margin-left: -190px;}
    .row-qj8 .g-tit-lb{padding-top: 60px;}
    .row-qj7 .g-tit-lb{padding-top: 80px;width: auto;}
    .row-qj7 .pic1{margin-left: -150px;bottom: -255px;}
    .row-qj7 .pic1 img{max-height: 980px;}
    .row-qj7 .pic2{top: 480px;margin-left: -340px;}
    .row-qj7 .pic2 img{max-height: 266px;height: 266px;}
    .row-qj6{background-position: 60% 0;}
    .ul-qj6 li em{width: 100px;}
    .ul-qj6 .li1{top: 410px;left: 55%;}
    .ul-qj6 .li2{    top: 520px;
    left: 15%;}
    .ul-qj6 .li3{top: 660px;
    left: 9%;}
    .ul-qj2 .li1{left: -20%;}
    .ul-qj2 .li2{left: -9.5%;}
    .ul-qj2 .li3{left: -11%;}
    .ul-qj2 .li4{left: 10%;}
    .ul-qj2 .li5{left: 20%;}
}
/*Common For Max 480*/
@media only screen and (max-width: 767px){
.row-lb-0 .txt2 {
    position: static;
    font-size: 18px;
    line-height: 26px;
    padding-top: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    margin-left: 0;
}
.ifw img{
		width:100px;
		height:auto;

	}
.ifw{

		margin-top:10px !important;
}
.row-lb-0 {
    height: calc(100vh - 5px) !important;
	background-position: 75%;
	background-position-y:5px;
}
    .row-qj9 .g-tit-lb{padding-top: 30px;}
    .ul-qj9{margin-top: 0;}
    .ul-qj9 li{height: 60px;}
    .ul-qj9 h5{margin-top: 10px;}
    .m-qj9 .pic-box em{font-size: 12px;}
    .m-qj9 .pic-box img{max-height: 180px;}
    .ul-qj9 li{float: none;margin-bottom: 10px;}
    .ul-qj9 h5{font-size: 12px;}
    .ul-qj9 h5 strong{font-size: 26px;}
    .m-qj9 .tip{margin-right: 0;font-size: 12px;}
    .ul-pk{bottom: -120px;margin-left: 0;left: 16%;bottom: -90px;}
    .m-qj9 .pic-box .em3{margin-left: -100px;}
    .m-qj9 .pic-box .em2{margin-left: -280px;}
    .ul-pk li{font-size: 12px;margin-bottom: 0;}
    .row-qj7 .pic1{bottom: 0;margin-left: -65px;}
    .row-qj7 .pic1 img{max-height: 400px;}
    .row-qj7 .pic2 img{height:120px;}
    .row-qj7 .pic2{top: 290px;margin-left: -175px;}
    .ul-qj6 .li1{top: 235px;left: 56%;}
    .ul-qj6 .li2{top: 290px;left: 32%;}
    .ul-qj6 .li3{top: 335px;left: 8%;}
    .ul-qj6 .li3 em{width: 100px;}
    .ul-qj6 li{font-size: 12px;}
    .ul-qj6 li span{margin:0;}
    .ul-qj6 li em{width: 35px;}
    .row-qj4 .m-time{width: 180px;left: 30px;margin-left: 0;}
    .m-time h4{font-size: 18px;}
    .ul-time h5{font-size: 14px;}
    .ul-time strong{font-size: 20px;}
    .ul-time .time-box{height: 18px;}
    .ul-time .time-box i{height: 18px;}
    .ul-time .time-box i em{font-size: 14px;top: 0;right: -35px;}
    .ul-time{margin-top: 20px;}
    .ul-time li{margin-bottom: 20px;}
    .g-tit-lb.tit4{padding-top: 220px;}
    .row-qj2 .pic-box{padding-top: 180px;}
    .ul-qj2 li{font-size: 12px;}
    .ul-qj2 .li1 em{height: 150px;}
    .ul-qj2 .li2 em{height: 45px;}
    .ul-qj2 .li3{bottom: -85px;}
    .ul-qj2 .li4{top: 80px;}
    .ul-qj2 .li4 em{height: 150px;}
    .ul-qj2 .li5{top: 10px;}
    .ul-qj2 .li5 em{height: 220px;}
    .ul-qj1 .con{font-size: 14px;}
    .ul-qj1 li{padding:30px 0;}
    .ul-qj1 span{width: 110px;}
    .ul-qj1 .con img{margin-left: 0;padding: 20px;}
    .row-qj8 .vidio{width: 32px;height: 32px;margin-left: -16px;top: 40%;}
    .row-qj8 .vidio a{width: 32px;height: 32px;background-size: 32px 32px;}
    .row-qj6 {background-position: 60% 0!important;}
	
}
@media only screen and (max-width: 639px) {

    .row-qj9 .m-qj9{
        margin-top: 0px;
    }
    .pic-box{
        margin-top: 0px;
    }
    .row-lb-pic1 {margin-right: -30px;}
    .ul-qj6 .li1{top: 230px;left: 55%;}
    .ul-qj6 .li2{top: 300px;
    left: 14%;}
    .ul-qj6 .li3{top: 380px;left: 5%;}
    .ul-qj6 .li3 em {width: 80px;}
    .ul-qj6 li span{margin:0;width: 140px;text-align: left; line-height: 16px;}
    .g-tit-lb {width: 90%;}
    .row-lb-pic1 {margin-right: -50px;margin-top: 65px;}

}
@media only screen and (max-width: 413px) {
    .ul-qj6 .li2{top: 290px;left: 5%;}
    .ul-qj6 .li3{top: 335px;left: 0%;}
}
@media only screen and (max-width: 374px) {
    .row-lb-pic1 {margin-right: -60px;}
    .ul-qj6 .li1 {top: 230px;left: 53%;}
    .ul-qj6 .li2 {top: 275px;left: 0%;}
    .ul-qj6 .li3 em{width: 36px;}
    .ul-qj6 li em{width: 40px;}
    .row-qj4 .m-time{width: 150px;}
    .ul-time .time-box i em{right: -30px;}
}