body {
    overflow-x: hidden;
}

.login_box {
    display: none;
}

.login_icon:hover .login_box {
    display: block;
}

.case {
    position: absolute;
    bottom: 0;
}

nav.navbar.bootsnav.navbar-fixed.navBombar .xian,
nav.navbar.bootsnav.navbar-fixed.pagenav .xian {
    background-color: #999;
}

nav.navbar.bootsnav.navbar-fixed.navBombar .lan,
nav.navbar.bootsnav.navbar-fixed.pagenav .lan {
    border: 1px solid #999;
}

nav.navbar.bootsnav.navbar-fixed.navBombar .login,
nav.navbar.bootsnav.navbar-fixed.pagenav .login {
    background: url(../image/login_hover.png);
}

#hmPage4_hide {
    display: none;
}

.index_pro .swiper-slide strong,
.index_render .swiper-slide strong {
    font-size: 1.6rem;
    color: #fff;
    line-height: 46px;
    font-weight: normal;
    display: block;
    text-align: center;
}

.hmPage5.active .hmp5_u1 li {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0.9s;
}

.swiper-slide .hmBan1_sgo {
    margin-left: -200px;
}

.hmPage5 li:nth-child(1),
.hmp5_u1 li:last-child {
    opacity: 0;
    transform: translate(0, -200px);
    transition: all 0.4s ease-in-out;
}

.hmPage5 li:nth-child(2),
.hmPage5 li:nth-child(3) {
    opacity: 0;
    transform: translate(0, 400px);
    transition: all 0.4s ease-in-out;
}


.container2 {
    width: 92%;
    margin: 0 auto;
}

.index_pro .swiper-slide>div {
    position: relative;
}

/*.index_pro .swiper-slide>div:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transform: rgba(0, 0, 0, .5);
    -webkit-transform: rgba(0, 0, 0, .5);
    -moz-transform: rgba(0, 0, 0, .5) -ms-transform: rgba(0, 0, 0, .5);
    transition: all 1s linear;
}*/

/*.index_pro .swiper-slide:hover>div:before {
    transform: translateY(-400%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-400%);
    -ms-transform: translateY(-400%);
}*/

.index_pro .swiper-slide .hmp4Icon .img {
    margin: 0 auto;
}

.index_pro .swiper-slide .hmp4Icon .img>img {
    max-width: 100%;
    transition: all 1.2s ease-in-out;
}

.index_pro .swiper-slide:hover .hmp4Icon .img>img {
    transform: scale(1.2);
}

.index_pro .swiper-slide .hmp4desc {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 0 16%;
    margin: 40px auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.index_pro .swiper-slide:hover .hmp4desc {
    -webkit-line-clamp: 3;
}

.index_pro .swiper-slide .hmp4more {
    font-size: 1.6rem;
    color: #fff;
    width: 125px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 8% auto 0;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    text-align: center;
    border: 1px solid #f3981b;
    border-radius: 4px;
}

.index_pro .swiper-slide:hover .hmp4more {
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border: 1px solid #eeeeee;
    background-color: #ff8c01;
}

.index_pro .swiper-slide:hover strong {
    color: #ff8c01;
    font-weight: bold;
    transition: all 1s linear;
}

.index_pro .swiper-slide:hover .img {}

.index_pro .swiper-slide:hover .img1 {
    display: block;
}

#xian {
    height: 1px;
    width: 24px;
    background-color: #f3981b;
    margin: 1% auto 0;
}

.swiper-slide2 .date {
    float: right;
    width: 28%;
    height: 70px;
    background-color: #fff;
    color: #000;
    line-height: 70px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.swiper-slide2 .txt {
    padding: 60px 20px 0;
    background-color: #fff;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.swiper-slide2 .txt h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    color: #6b6b6b;
    text-align: left;
}

.swiper-slide2 .txt span {
    font-size: 14px;
    color: #aeaeae;
    display: block;
    text-align: left;
    margin: 5px 0 10px;
}

.swiper-slide2 .txt p {
    padding-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #787878;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.swiper-slide2:hover .txt {
    height: 125px;
    padding: 20px 20px 0;
    background-color: rgba(256, 256, 256, 0.9);
    top: auto;
    bottom: 0;
    transition: all 0.4s linear;
}

.swiper-slide2:hover {
    background-size: cover !important;
    box-shadow: 1px 1px 20px #e5e5e5;
    transition: all 0.4s linear;
}

.swiper-slide2:hover .txt span {
    display: none;
}

.swiper-slide2:hover h1 {
    color: #000;
    transition: all 0.4s linear;
}

.hmPage8_wap {
    display: none;
}

.hmPage8_wap ul {
    margin-top: 20px;
}

.hmPage8_wap li {
    padding: 0 20px;
}

.hmPage8_wap li a {
    display: block;
    min-height: 320px;
    padding-top: 170px;
}

.hmPage8_wap li .txt {
    padding: 20px 0 0;
    background-color: #fff;
    width: calc(100% + 2px);
    margin: 0 -1px;
    height: 150px;
}

.hmPage8_wap li .txt h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    color: #6b6b6b;
    text-align: left;
}

.hmPage8_wap li .txt span {
    font-size: 14px;
    color: #aeaeae;
    display: block;
    text-align: left;
    margin: 5px 0 10px;
}

.hmPage8_wap li .txt p {
    font-size: 14px;
    line-height: 24px;
    color: #787878;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hmPage5 .hmp5_u1 li .hmp5icon {
    text-align: center;
    margin-bottom: 4%;
}

.hmPage5 .hmp5_u1 li .hmp5icon img {
    width: 46%;
    max-width: 100%;
    margin: 0 auto;
}

.hmPage5 .hmp5_u1 li strong {
    font-size: 2rem;
    color: #fff;
    text-align: center;
}

.hmPage5 .hmp5_u1 li p {
    width: 80%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-left: 10%;
}

.hmPage5 .hmp5_u1 li .hmp5desc {
    font-size: 1.2rem;
    color: #797979;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hmPage5 .hmp5_u1 li .hmp5desc p {
    min-height: 100px;
}

.hmPage5 .hmp5_u1 li .hmp5desc p>span {
    font-size: 1.4rem !important;
}

.hmPage5 .hmp5_u1 li .hmp5more {
    font-size: 16px;
    color: #6d6d6d;
    width: 125px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.hmPage5 .hmp5_u1 li:hover .hmp5more {
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    transition: all 0.4s ease;
}

.hmPage5 .hmp5_u1 li:hover strong {
    font-weight: bold;
    transition: all 0.4s linear;
}

.hmPage5 .hmp5_u1 li:hover p {
    transition: all 0.4s linear;
}

#sliderMenu {
    position: fixed;
    z-index: 8;
    height: 208px;
    width: 50px;
    top: 42%;
    left: 2%;
}

.hmMenuNum {
    font: bold 14px Arial;
    color: #FFF;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.active .hmMenuNum {
    opacity: 0;
}

.hmMenuLine {
    background: #FFF;
    position: absolute;
    top: 50%;
    right: 38px;
    transition: all 0.4s ease-in-out;
}

.active .hmMenuLine {
    width: 26px;
    height: 3px;
    right: 0;
    margin-top: -1px;
}

.sliderMenuStyle .hmMenuNum {
    color: #888888;
}

.sliderMenuStyle .hmMenuLine {
    background: #888888;
}

#sliderMenu li {
    line-height: 30px;
    height: 30px;
    margin: 6px 0px 7px;
    position: relative;
}

#sliderMenu li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    margin-left: 18px;
    line-height: 10px;
}

.sliderMenuStyle .active::before {
    background: none !important;
    border: 1px solid #fff !important;
}

.sliderMenuStyle li::before {
    background: #fff !important;
}

.sliderMenuStyle li::after {
    background: rgba(256, 256, 256, .2) !important;
}

#sliderMenu .active::before {
    height: 13px;
    background: none;
    border: 1px solid #fff;
    width: 13px;
    left: -6px;
    border-radius: 7px;
    margin: -2px 0 0 5px;
}

#sliderMenu li::before {
    position: absolute;
    content: "";
    height: 3px;
    background: #fff;
    width: 3px;
    left: 0px;
    margin: 4px 0 0 4px;
    border-radius: 3px;
}

#sliderMenu li::after {
    position: absolute;
    content: "";
    height: 24px;
    background: #fff;
    width: 1px;
    left: 0px;
    margin: -18px 0 0 5px;
}

.hmPage5L {
    height: 100%;
    width: 70%;
    position: absolute;
    top: 0;
}

.hmPage7L {
    height: 100%;
    width: 100%;
    float: left;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmPage7_1.jpg) no-repeat center center;
    background-size: cover !important;
    position: relative;
}

.hmPage7R {
    height: 100%;
    width: 60%;
    margin: 0 auto;
}

.hmFocus .swiper-slide {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden !important
}

.hmFocus .swiper-pagination-bullet {
    opacity: 1;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: none;
    border: 1px solid #fff;
}

.hmFocus .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.hmFocus .swiper-pagination {
    bottom: 45px;
}

*/ .hmPage2Bg {
    height: 30%;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
}

.canvasBg {
    height: 100%;
    width: 100%;
    border: none 0;
    transform: scale(1.3)
}

.hmPage2Layer {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0
}

#particles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.hmPage2Box {
    position: relative;
    z-index: 5;
    padding-top: 2%;
}

.hmp2_t1 {
    font-size: 4rem;
    line-height: 50px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 2px;
}

.hmp2_t2 {
    text-transform: uppercase;
    font-size: 2rem;
    color: #ffffff;
    text-align: center;
    padding-bottom: 6%;
    position: relative
}

.hmp2_t2:after {
    content: "";
    width: 37px;
    height: 0;
    background: #333333;
    position: absolute;
    left: 0;
    bottom: 0
}

.hmp2_p1 {
    font-size: 16px;
    line-height: 24px;
    color: #808080;
    min-height: 82px;
    text-align:
        center;
}

.hmp2_ul {
    margin: 120px -40px 100px;
    text-align: center;
}

.hmp2_ul li {
    display: inline-block;
    height: 150px;
    width: 150px;
    margin: 0px 40px;
    margin-top: -30px;
    position: relative;
}

.hmp2Itms_a {
    height: 150px;
    width: 150px;
    border: 2px solid #BBBBBB;
    display: inline-block;
    border-radius: 0.5em;
    transform: rotate(45deg)
}

.hmp2ItmsTxt {
    transform: rotate(-45deg);
    width: 100%;
    height: 100%;
    padding-top: 28px;
}

.hmp2ItmsTxt strong {
    display: block;
    font: 34px/54px TrajanPro;
    height: 54px;
    overflow: hidden
}

.hmp2ItmsTxt p {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666666;
    width: 105px;
    display: inline-block;
    transition: all 0.3s ease
}

.hmp2Itms_a:hover p {
    color: #fff;
}

.hmp2_ul li:nth-child(1) .hmp2Itms_a,
.hmp2_ul li:nth-child(3) .hmp2Itms_a,
.hmp2_ul li:nth-child(5) .hmp2Itms_a,
.hmp2_ul li:nth-child(7) .hmp2Itms_a,
.hmp2_ul li:nth-child(8) .hmp2Itms_a {
    background: #e4e4e4;
    border: 2px solid #e4e4e4;
}

.hmp2Itms_a:hover {
    color: #FFF;
    background: #ff8c01 !important;
    border: 2px solid #ff8c01 !important;
    transition: all 0.3s linear;
}

.hmp3_t1 {
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #ffffff;
}

.hmP3Txt {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.hmp3_t2 {
    font-size: 2rem;
    position: relative;
    text-transform: uppercase;
    color: #ffffff;
}

.hmp3_t2:before {
    content: "";
    background: #ffffff;
    left: 0;
    bottom: 0;
    width: 13%;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
}

.hmp3Des {
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
    padding: 4rem 0 6rem 0;
}

.hmp3Des p {
    margin-bottom: 15px;
}

.hmp4Box {}

.pg-canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.hmp4Wrpper {
    margin-top: 4%;
}

.hmp4_ul {
    margin: 0px -20px;
}

.hmp4_ul li {
    padding: 0px 20px;
}

.hmp4_aBox {
    display: block;
    text-align: center;
    height: 300px;
    position: relative;
    background: rgba(200, 200, 200, 0.45);
    padding-top: 77px;
    overflow: hidden;
}

.hmp4Icon {
    max-height: 500px;
    overflow: hidden;
}

.hmp4_aBox strong {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    font-weight: normal;
    display: block;
}

.hmp4_aBox p {
    text-transform: uppercase;
    font-size: 12px;
    color: #888888;
    line-height: 20px;
    padding: 0px 16%;
}

.hmp4LayerBg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    color: #FFF;
    background: #ff8c01;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    transform: translate(0, 200px);
}

.hmp4Layer {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    color: #FFF;
    font-size: 13px;
    line-height: 26px;
    z-index: 1
}

.hmp4LayTxt {
    position: absolute;
    top: 50%;
    left: 16%;
    right: 16%;
    transform: translate(0, -200%);
    transition: all 0.3s ease-out;
    opacity: 0;
    text-align: left;
}

.hmp4MoreBtn {
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 0 15px;
}

.hmp4MoreBtn i {
    position: relative;
    left: 0;
    transition: all 0.3s ease-in-out 0.3s;
}

.hmp4Des {
    height: 182px;
    overflow: hidden;
    margin-bottom: 15px;
}

.hmp4_aBox:hover .hmp4LayTxt {
    transform: translate(0, -50%);
    opacity: 1;
    transition-delay: 0.1s;
}

.hmp4_aBox:hover .hmp4LayerBg {
    opacity: 1;
    transform: translate(0, 0)
}

.hmp4_aBox:hover .hmp4MoreBtn i {
    left: 50%;
    transform: translateX(-50%)
}

.hmP5Lbox {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 4%;
}

.hmp5_p1 {
    font-size: 14px;
    line-height: 24px;
    padding: 24px 0px;
    min-height: 110px;
    border-bottom: 1px solid #e2f2c2;
    margin-bottom: 28px;
}

.hmp5_u1 li {
    width: calc(100%/2 - 2%);
    float: left;
    overflow: hidden;
    text-align: center;
}

.hmp5_u1 li strong {
    display: block;
    font: normal 20px/34px Microsoft YaHei;
}

.hmPage5R li {
    height: 50%;
    position: relative;
}

.hmp5_u1 li:last-child {
    margin-right: 0;
}

.hmp5Itms {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16%;
    right: 16%;
    display: block
}

.hmp5Icon {
    float: left;
    height: 80px;
    width: 80px;
    border: 2px solid #959595;
    border-radius: 50%;
}

.hmp5Icon1 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp5Icon1.png) no-repeat center bottom;
    height: 40px;
    width: 40px;
    margin-top: 19px;
    margin-left: 19px;
    display: block;
}

.hmp5Itms:hover .hmp5Icon1 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp5Icon1.png) no-repeat center top;
}

.hmp5Icon2 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp5Icon2.png) no-repeat center bottom;
    height: 40px;
    width: 40px;
    margin-top: 19px;
    margin-left: 19px;
    display: block;
}

.hmp5Itms:hover .hmp5Icon2 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp5Icon2.png) no-repeat center top;
}

.hmp5Itms:hover .hmp5Icon {
    border: 2px solid #ff8c01;
}

.hmp5Txt {
    margin-left: 110px;
}

.hmp5Txt strong {
    line-height: 42px;
    height: 42px;
    margin-bottom: 20px;
    font-size: 28px;
    color: #000000;
    font-weight: normal;
    display: block;
}

.hmp5Txt strong span {
    float: left;
    position: relative;
}

.hmp5Txt strong span:after {
    content: "";
    width: 20px;
    height: 3px;
    background: #ff8c01;
    display: block;
    position: absolute;
    right: -30px;
    bottom: 8px;
}

.hmp5Txt p {
    font-size: 13px;
    line-height: 26px;
    color: #888888;
    margin-bottom: 25px;
}

.hmMore {
    height: 40px;
    width: 220px;
    display: block;
    position: relative;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #ff8c01;
    transition: all 0.3s ease;
    font-size: 14px;
    background-color: #ff8c01;
}

.hmMore:before {
    content: "";
    height: 40px;
    width: 220px;
    border: 1px solid #ff8c01;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.3s ease;
}

.hmMore:after {
    content: "";
}

.hmp5Itms:hover .hmMore {
    color: #FFF;
    background: #ff8c01;
    padding-left: 28px;
}

.hmp5Itms:hover .hmMore:before {
    width: 100%;
}

.hmp5Itms:hover .hmMore:after {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp3_arrow2.png) no-repeat right center;
    width: 30px;
    right: 23px;
}

.hmp6_icon1 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hm6_simg1.png) no-repeat;
    height: 190px;
    width: 988px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -494px;
}

.hmp6_icon2 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hm6_simg2.png) no-repeat left top;
    height: 552px;
    width: 374px;
    position: absolute;
    left: 0px;
    bottom: 13%;
}

.hmp6_icon3 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hm6_simg3.png) no-repeat;
    height: 172px;
    width: 666px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -333px;
}

.hmp6_icon4 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hm6_simg4.png) no-repeat;
    height: 258px;
    width: 428px;
    position: absolute;
    right: 4%;
    top: 52%;
}

.hmp6_t1 {
    font-size: 32px;
    line-height: 50px;
    text-align: center;
    height: 50px;
    margin-top: 60px;
}

.hmp6_t2 {
    text-transform: uppercase;
    font: bold 40px/48px Arial;
    color: #ff8c01;
    padding-bottom: 22px;
    position: relative;
    text-align: center;
}


.hmp6Txt {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    color: #666;
    margin: 0px auto;
    padding: 34px 15px 18px;
    max-width: 890px;
}

.hmp6More {
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #ff8c01;
    text-align: center;
    padding-top: 22px;
    height: 66px;
    width: 66px;
    text-transform: uppercase;
    display: block;
    margin: 0px auto;
    color: #ff8c01;
    border-radius: 50%;
    position: relative;
    z-index: 10
}

.hmp6More:hover {
    color: #FFF;
    background: #ff8c01;
}

.hmp6_w1 {
    width: 26%;
    margin-right: 6%;
}

.hmp6_w2 {
    width: 50%;
}

.hmp6_w3 {
    width: 10%;
    margin-left: 8%;
    text-align: right;
}

.hmp6_w3>img {
    margin-top: 18px;
}

.hmp6_w3>img:nth-child(2) {
    margin-top: 0;
}

.hmp6_w4 {
    display: none;
}

.hmp6_w1 strong {
    font-size: 16px;
    color: #a0a0a0;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.hmp6_w1 p {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 24px;
}

.hmP7Lbox {
    position: absolute;
    left: 23%;
    top: 20%;
    right: 23%;
    color: #FFF;
    transform: translateY(-50%)
}

.hmp7_p1 {
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
    border-bottom: 1px solid #e2f2c2;
    padding: 24px 0px 40px;
}

.hmp7_t1 {
    line-height: 44px;
    height: 44px;
    margin-top: 34px;
    display: block;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hmp7Dlbox {
    width: 50%;
    float: left
}

.hmp7_dl dt {
    color: #FFF;
    line-height: 24px;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp7_icon.png) no-repeat left center;
    padding-left: 15px;
    position: relative;
    height: 24px;
}

.hmp7_dl dt span {
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    display: block;
}

.hmp7_dl dt span:hover {
    text-decoration: underline;
}

.hmp7_dl dd {
    line-height: 22px;
    padding: 15px;
    color: #FFF;
    background: rgba(34, 34, 34, 0.85);
    border-radius: 0.4em;
    margin-top: 8px;
    position: relative;
}

.hmp7_dl dd:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(34, 34, 34, 0.85);
    position: absolute;
    left: 30px;
    top: -8px;
}

.hmp7Layer {
    width: 100%;
    padding: 20px 25px;
    position: absolute;
    left: 0;
    bottom: 36px;
    font-size: 12px;
    line-height: 22px;
    color: #FFF;
    border-radius: 0.5em;
}

.hmp7Layer:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(34, 34, 34, 0.85);
    position: absolute;
    bottom: -8px;
    left: 30px;
    margin-top: -8px;
}

.hmP7Rbox {
    position: absolute;
    top: 50%;
    left: 12.5%;
    right: 12.5%;
    transform: translateY(-50%);
}

.hmp7LgList {
    padding-bottom: 15px;
    padding-top: 10px;
}

.hmp7Lg {
    text-align: center;
    height: 70px;
    margin: 30px 0px;
}

.hmp7Lg img {
    transition: all 0.3s ease-in-out;
    max-width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hmp7Lg:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.hmp7LgList .swiper-pagination-bullet {
    opacity: 1;
    height: 12px;
    width: 12px;
    background: #FFF;
    border: 1px solid #A3A3A3;
    background: none
}

.hmp7LgList .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff8c01;
    border: 1px solid #ff8c01;
}

.hmp7LgList .swiper-pagination {
    bottom: 0;
}

.swiper-slide:hover .hmp7LayTxt {
    transform: translate(0, -50%);
    opacity: 1;
    transition-delay: 0.1s;
}

.hmp7LayTxt {
    position: absolute;
    top: 45%;
    left: 16%;
    right: 16%;
    transform: translate(0, -200%);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    text-align: left;
}

.swiper-slide:hover .hmp7_bg {
    opacity: 1;
    transform: translate(0, 0);
}

.hmp7_bg {
    height: 106px;
    width: 192px;
    position: absolute;
    left: 24px;
    top: 12px;
    right: 0px;
    bottom: 0px;
    color: #FFF;
    background: #ff8c01;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    transform: translate(0, 20px);
}

.hmp8_ul {
    position: relative;
    padding-top: 38px;
}

.hmp8_more {
    font-size: 14px;
    color: #ff8c01;
    line-height: 28px;
    height: 32px;
    width: 114px;
    border: 2px solid #ff8c01;
    text-align: center;
    position: absolute;
    right: 30px;
    top: -60px;
}

.hmp8_more:hover {
    color: #fff;
    background: #ff8c01;
}

.hmp8_aBox {
    display: block;
    height: 446px;
}

.hmp8_color {
    padding: 20px 15px;
    background-color: #fff;
}

.hmp8_ul {
    margin: 0px -30px;
}

.hmp8_ul li {
    padding: 0px 30px;
}

.hmp8_xiu {
    margin: 0 auto;
}

.hmp8_xiu li {
    padding: 0;
    width: 25%;
}

.hmp8_xiu li>a {
    height: 100%
}

.hmp8_xiu li>a>div {
    height: 100%;
}

.hmp8Time {
    text-align: center;
    width: 60px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    height: 52px;
    font-weight: bold;
    float: left;
    transition: all 0.3s ease;
}

.hmp8Time span {
    font-size: 56px;
    display: block;
    line-height: 52px;
    font-weight: normal;
}

.hmp8Sbx {
    padding-top: 35px;
}

.hmp8Txt {
    margin-left: 85px;
}

.hmp8Txt .ellipsis {
    line-height: 26px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    font-size: 16px;
    border-bottom: 1px solid #C2C2C2;
    font-weight: normal;
    display: block;
}

.hmp8Txt p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    margin-bottom: 18px;
    transition: all 0.3s ease;
}

.hmp8_aBox:hover .hmp8Time {
    color: #ff8c01;
}

.hmp8_aBox:hover p {
    color: #ff8c01;
}

.hmp8_aBox:hover .hmMore {
    color: #FFF;
    background: #ff8c01;
    padding-left: 28px;
}

.hmp8_aBox:hover .hmMore:before {
    width: 100%;
}

.hmp8_aBox:hover .hmMore:after {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp3_arrow2.png) no-repeat right center;
    width: 30px;
    right: 23px;
}

.hmFooter {
    font-size: 14px;
    color: #777;
    text-align: center;
    line-height: 40px;
    height: 40px;
    background: #222222;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.hmFooter a {
    color: #777;
}

.hmPage9 {
    color: #FFF;
}

.hmp9Top {
    margin-bottom: 36px;
    position: relative;
    padding-right: 375px;
}

.hmp3_adrInfo {
    padding-top: 26px;
    line-height: 24px;
    font-size: 14px;
}

.hmp3_adrInfo p {
    margin-bottom: 10px;
    position: relative;
    padding-left: 32px;
}


.hmp9_t1 {
    margin-top: 0px;
}

.hmp3_adrInfo p i {
    position: absolute;
    left: 0px;
    top: 2px;
    line-height: 20px;
    font-size: 15px;
}

.hmp9_fm1 {
    margin: 0px -7px 4px;
}

.hmp9_fm1 li {
    padding: 0px 7px 14px;
    position: relative;
}

#txtName {
    color: #fff;
}

.hmp9_int {
    line-height: 42px;
    height: 44px;
    width: 100%;
    border: 1px solid #fff;
    color: #FFF;
    font-size: 14px;
    padding: 0px 10px 0px 40px;
    background: none;
    border-radius: 0.2em;
}

.hmp9_fm1 i {
    position: absolute;
    left: 22px;
    top: 15px;
    color: #F9E2E1;
    font-size: 16px;
}

.hmp9_area {
    height: 120px;
    width: 100%;
    border: 1px solid #fff;
    padding: 10px 10px 10px 40px;
    border-radius: 0.2em;
    background: none;
    color: #fff;
    font: 14px/24px "微软雅黑";
}

.hmp9Areabox {
    position: relative;
}

.hmp9Areabox i {
    position: absolute;
    left: 15px;
    top: 17px;
    color: #F9E2E1;
    font-size: 16px;
}

.hmp9Btn {
    color: #ff8c01;
    line-height: 45px;
    height: 45px;
    margin-top: 25px;
    text-align: center;
    display: block;
    font-size: 15px;
    background: rgba(256, 256, 256, 0.7);
    font-weight: bold;
    border-radius: 0.2em;
}

.hmp9Btn:hover {
    color: #fff;
    background: rgba(112, 157, 41, 0.8);
}

.hmp3_more {
    color: #ffffff;
    font-weight: bold;
}

.hmp3_more:before {
    content: "";
    border: 1px solid #ffffff;
}

.hmp3_more:after {
    content: "";
}

.hmp3_more:hover {
    background: #ffffff;
    color: #3178bd;
}

.hmp3_more:hover:before {
    content: "";
    border: 1px solid #ffffff;
}

.hmp3_more:hover:after {}

.hmWelcom {
    background: #f0f0f0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.hmWelcomBox {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-70%);
    transition: all 0.3s ease-in-out;
    opacity: 0
}

.hmWel_logo {
    text-align: center;
    height: 50px;
}

.hmWel_t {
    line-height: 66px;
    height: 66px;
    position: relative;
    margin: 38px 0px 25px;
    overflow: hidden;
    opacity: 0;
    transform: translate(0px, 80px);
    transition: all 0.3s ease-in-out 1.2s;
}

.hmWel_tbg {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmWel_line.jpg) repeat-x left center;
    position: absolute;
    left: 0;
    top: 0;
    height: 66px;
    -webkit-animation: Ruler 100s linear infinite;
    -moz-animation: Ruler 100s linear infinite;
    -o-animation: Ruler 100s linear infinite;
    animation: Ruler 100s linear infinite;
    width: 300%;
}

.hmWel_nt {
    font-size: 40px;
    color: #000;
    display: inline-block;
    line-height: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 0px;
    padding: 0px 40px;
    background: #f0f0f0;
    transform: translateX(-50%);
}

.hmWel_nt span {
    font-size: 26px;
}

.hmWel_p {
    font-size: 15px;
    line-height: 32px;
    color: #888888;
    text-align: center;
    padding: 0px 15px;
    max-width: 880px;
    margin: 0 auto;
    opacity: 0;
    transform: translate(0px, 80px);
    transition: all 0.3s ease-in-out 1.5s;
}

.hmWel_s1 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmLogo_a.png) no-repeat;
    background-size: 300px 50px;
    height: 50px;
    width: 300px;
    display: inline-block;
    position: relative;
    left: 5px;
    transition: all 0.3s ease 0.3s;
    transform: scale(0);
}

.hmWelcomBoxAnimate {
    opacity: 1;
}

.hmWelcomBoxAnimate .hmWel_s1,
.hmWelcomBoxAnimate .hmWel_s2,
.hmWelcomBoxAnimate .hmWel_s3 {
    transform: scale(1);
}

.hmWelcomBoxAnimate .hmWel_t {
    opacity: 1;
    transform: translate(0px, 0px)
}

.hmWelcomBoxAnimate .hmWel_p {
    opacity: 1;
    transform: translate(0px, 0px)
}

.hmp9Bom :-moz-placeholder {
    color: #F9E3E1;
}

.hmp9Bom ::-moz-placeholder {
    color: #F9E3E1;
}

.hmp9Bom input:-ms-input-placeholder,
.hmp9Bom textarea:-ms-input-placeholder {
    color: #F9E3E1;
}

.hmp9Bom input::-webkit-input-placeholder,
.hmp9Bom textarea::-webkit-input-placeholder {
    color: #F9E3E1;
}

.hmWelcom.hmWelcomFedeOut {
    transform: scale(0);
}

.continue {
    font-size: 18px;
    color: #ff8c01;
    font-family: Arial;
    text-transform: uppercase;
    width: 260px;
    height: 50px;
    border: 2px solid #ff8c01;
    border-radius: 25px;
    display: block;
    margin: 10px auto;
    line-height: 50px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
    top: 10px;
}

.continue span {
    position: relative;
    z-index: 1;
    display: block;
    top: -2px;
    -webkit-animation-name: scalexx;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: scalexx;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-play-state: running;
    text-align: center;
}

@keyframes scalexx {
    0% {
        transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }

    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@-webkit-keyframes scalexx {
    0% {
        transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }

    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

.continue:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: -1px;
    width: 0;
    height: 52px;
    background: #ff8c01;
    transform: skew(45deg);
    -webkit-transform: skew(45deg);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.continue:hover {
    color: #FFF;
}

.continue:hover:after {
    left: -10%;
    width: 120%;
}

.hmBomItms {
    width: 220px;
    position: absolute;
    right: 0;
    top: 34px;
}

.hmBomItms_a {
    background: rgba(0, 0, 0, 0.15) url(https://www.lokomo.cn/Templates/cn2014/images/hmBom_icon1.png) no-repeat 33px center;
    padding-left: 84px;
    height: 90px;
    margin-bottom: 24px;
    display: block;
    border-radius: 0.4em;
    color: #FFF;
}

.hmBomItms_a:last-child {
    background: rgba(0, 0, 0, 0.15) url(https://www.lokomo.cn/Templates/cn2014/images/hmBom_icon2.png) no-repeat 33px center;
}

.hmBomItms_a strong {
    font-size: 18px;
    line-height: 28px;
    display: block;
    padding-top: 23px;
    font-weight: normal;
}

.hmBomItms_a p {
    font: 9px/18px Arial;
    text-transform: uppercase;
}

.hmBomItms_a:hover {
    color: #fff;
}

.m2ban {
    height: 500px;
    position: relative;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/loader.gif) no-repeat center center;
}

.m2ban .bgImg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.m2banTxt {
    color: #FFF;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding-top: 50px;
}

.m2ban_t1 {
    font-size: 32px;
    line-height: 50px;
    display: inline-block;
}

.m2ban_t2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-transform: uppercase;
}

.m2banTxt i {
    background: #FFF;
    height: 3px;
    width: 38px;
    display: block;
    margin: 18px auto 0px;
}

.m2Footer {
    position: static;
}

.m2pos {
    background: #F4F4F4;
    padding: 26px 0px;
}

.m2posItms {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon1.png) no-repeat left 3px;
    font-size: 14px;
    color: #777777;
    line-height: 22px;
    position: relative;
    padding: 0px 260px 0px 20px;
}

.m2case_st1 {
    font-size: 16px;
    color: #555;
    padding: 69px 0px 37px;
    line-height: 28px;
    text-align: center;
}

.m2caseTop {
    padding: 0px 15px;
}

.m2caseTop li {
    margin-bottom: 45px;
    padding: 0px 35px;
}

.m2caseIconBox {
    border: 1px solid #B5B5B5;
    text-align: right;
    font-size: 16px;
    color: #aeaeae;
    line-height: 20px;
    font-weight: bold;
    padding: 40px 42.4% 40px 0px;
    text-transform: uppercase;
    position: relative;
}

.m2caseIcon {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon2_1.png) no-repeat center center;
    height: 62px;
    width: 62px;
    position: absolute;
    right: 17.8%;
    top: 50%;
    transform: translateY(-50%)
}

.m2caseTop {
    padding-bottom: 20px;
}

.m2caseTop li:nth-child(2) .m2caseIcon {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon2_2.png) no-repeat center center;
}

.m2caseTop li:nth-child(3) .m2caseIcon {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon2_3.png) no-repeat center center;
}

.m2case_st2 {
    line-height: 30px;
    font-size: 17px;
    color: #111;
    padding: 24px 0px 0px 23px;
    position: relative;
}

.m2case_st2:after {
    content: "";
    height: 2px;
    width: 12px;
    background: #ff8c01;
    position: absolute;
    left: 0px;
    top: 38px;
}

.m2caseItms {
    margin-top: 18px;
    position: relative;
}

.m2caseItms dt {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon3.png) no-repeat 4px 8px;
    padding-left: 23px;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.m2caseDes {
    font-size: 12px;
    line-height: 22px;
    color: #888888;
    height: 66px;
    overflow: hidden;
}

.m2case_more {
    background: #FFF url(https://www.lokomo.cn/Templates/cn2014/images/m2icon4.png) no-repeat right center;
    display: inline-block;
    line-height: 22px;
    white-space: nowrap;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 0px 12px 0px 32px;
    color: #E82C1A;
}

.m2caseBom {
    background: #f3f3f3;
    padding: 56px 0px 60px;
}

.m2case_t1 {
    line-height: 84px;
    border-bottom: 1px solid #DDDDDD;
    margin: 0px auto;
    width: 100%;
    max-width: 585px;
    font-size: 28px;
    color: #222222;
    text-align: center;
    position: relative;
}

.m2case_t1:after {
    content: "";
    background: #ff8c01;
    height: 5px;
    width: 44px;
    position: absolute;
    left: 50%;
    bottom: -3px;
    margin-left: -22px;
}

.m2case_menu {
    text-align: center;
    padding: 35px 0px 15px;
}

.m2caseMenu_a1 {
    padding: 0px 32px;
    margin: 0px 6px;
    line-height: 35px;
    display: inline-block;
    height: 37px;
    border: 1px solid #AAAAAA;
    border-radius: 0.2em;
    color: #666666;
}

.m2caseMenu_a1:hover,
.m2caseMenu_a1.on {
    color: #FFF;
    border: 1px solid #ff8c01;
    background: #ff8c01;
}

.m2caseLogo {
    padding-bottom: 40px;
}

.m2caseLogo .swiper-pagination-bullet {
    opacity: 1;
    height: 12px;
    width: 12px;
    background: #FFF;
    border: 1px solid #A3A3A3;
    background: none
}

.m2caseLogo .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff8c01;
    border: 1px solid #ff8c01;
}

.m2caseLogo .hmp7Lg {
    margin: 18px 0
}

.m2usTop {
    padding: 45px 0px 60px;
}

.m2comEditor {
    padding-top: 48px;
    font-size: 14px;
    line-height: 30px;
    color: #777777;
}

.m2comImg {
    float: left;
    margin-right: 45px;
}

.m2usCon2 {
    background: #F4F4F4;
    padding: 58px 0px 42px;
}

.m2usCon3 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2usBg.jpg) no-repeat center center;
    background-size: cover;
    padding: 74px 0px 90px;
}

.m2usDes {
    font-size: 14px;
    line-height: 28px;
    padding: 45px 0px 50px;
    color: #777;
}

.m2usCon3 .hmp2Itms_a {
    background: none !important;
    border: 1px solid #919191 !important;
    color: #919191 !important;
}

.m2usCon3 .hmp2ItmsTxt p {
    color: #919191 !important;
}

.m2usAta {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.m2usCon3 .m2usLogo .hmp2Itms_a {
    background: #ff8c01 !important;
    border: 1px solid #ff8c01 !important;
}

.m2usCon3 .hmp2Itms_a:hover {
    background: #ff8c01 !important;
    border: 1px solid #ff8c01 !important;
    color: #fff !important;
}

.m2usCon3 .hmp2Itms_a:hover .hmp2ItmsTxt p {
    color: #fff !important;
}

.m2usCon3 .hmp2_ul {
    transform: scale(0.88)
}

.rMneu {
    height: 178px;
    width: 58px;
    position: fixed;
    margin-top: -89px;
    top: 50%;
    right: 0px;
    z-index: 90;
}

.rMneu li {
    height: 58px;
    width: 58px;
    position: relative;
    margin-bottom: 2px;
}

.rMenu_icon {
    height: 58px;
    width: 58px;
    font-size: 18px;
    line-height: 58px;
    color: #B3B3B3;
    text-align: center;
    display: block;
    background: #EBEBEB;
    border-radius: 0.1em;
    cursor: pointer;
    transition: all 0.3s ease
}

.rMenu_icon:hover {
    background: #ff8c01;
    color: #fff;
}

.rMenu_share {
    height: 47px;
    width: 195px;
    border: 1px solid #D3D3D3;
    position: absolute;
    top: 6px;
    right: 68px;
    border-radius: 0.3em;
    background: #FFF;
    font-size: 14px;
    color: #666;
    line-height: 45px;
    padding-left: 11px;
    transform: translateX(-30px);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.rMneu li:hover .rMenu_share {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}

.rMenu_share:after {
    content: "";
    background: url(https://www.lokomo.cn/Templates/cn2014/images/rhmArrow.png) no-repeat;
    height: 8px;
    width: 6px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: -6px;
}

.rMenu_share1 {
    font-size: 18px;
    color: #FFF;
    background: #6CD563;
    height: 30px;
    width: 30px;
    display: inline-block;
    float: left;
    margin: 7px 5px 0px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

.rMenu_share2 {
    font-size: 18px;
    color: #FFF;
    background: #FFC345;
    height: 30px;
    width: 30px;
    display: inline-block;
    float: left;
    margin: 7px 5px 0px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

.rMenu_share3 {
    font-size: 18px;
    color: #FFF;
    background: #FE6E6E;
    height: 30px;
    width: 30px;
    display: inline-block;
    float: left;
    margin: 7px 5px 0px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

.rMenu_share a:hover {
    color: #fff;
}

.rMenu_tel {
    height: 47px;
    width: 165px;
    border: 1px solid #D3D3D3;
    position: absolute;
    top: 6px;
    right: 68px;
    border-radius: 0.3em;
    background: #FFF;
    font-size: 20px;
    color: #ff8c01;
    line-height: 45px;
    text-align: center;
    transform: translateX(-30px);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.rMenu_tel:after {
    content: "";
    background: url(https://www.lokomo.cn/Templates/cn2014/images/rhmArrow.png) no-repeat;
    height: 8px;
    width: 6px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: -6px;
}

.rMneu li:hover .rMenu_tel {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}

.m2usSwiper {
    height: 330px;
    max-width: 982px;
    margin: 50px auto 0px;
    position: relative;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2yyLine.png) no-repeat center 320px;
}

.m2yySbox {
    height: 216px;
    background: #ff8c01;
    padding: 0px 132px;
    position: relative;
    display: table;
    width: 100%;
}

.m2YYSwiper {
    width: 750px;
    padding-top: 60px;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2yy_bg.png) no-repeat center top;
    height: 330px;
    background-size: 100% 60px;
}

.m2usSwiper .swiper-pagination .swiper-pagination-bullet {
    height: 11px;
    width: 11px;
    border: 2px solid #ACACAC;
    opacity: 1;
    background: #f4f4f4;
    margin: 0 35px;
}

.m2usSwiper .swiper-pagination {
    height: 11px;
    bottom: 5px;
}

.m2usSwiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff8c01;
    border: 2px solid #ff8c01;
}

.m2usBtnL {
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/m2yy_btn.png) no-repeat center center;
    height: 42px;
    width: 42px;
    position: absolute;
    left: 0px;
    top: 147px;
    cursor: pointer;
    border-radius: 50%;
}

.m2usBtnR {
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/m2yy_btn.png) no-repeat center center;
    height: 42px;
    width: 42px;
    position: absolute;
    right: 0px;
    top: 147px;
    cursor: pointer;
    border-radius: 50%;
    transform: rotate(180deg);
}

.m2YYSwiper:before {
    content: "";
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center;
    height: 216px;
    width: 130px;
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 10;
}

.m2YYSwiper:after {
    content: "";
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center;
    height: 216px;
    width: 130px;
    position: absolute;
    top: 60px;
    right: 0px;
    z-index: 10;
    transform: rotateY(180deg)
}

.m2yyStxt {
    display: table-cell;
    height: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    color: #FFF;
    vertical-align: middle;
}

.m2subMenu {
    line-height: 66px;
    height: 66px;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 3;
    font-size: 0;
    margin-top: -66px;
}

.m2subMenu_a {
    color: #eeeeee;
    line-height: 66px;
    display: inline-block;
    padding: 0px 50px;
    font-size: 16px;
    position: relative;
    top: -1px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.m2subMenu_a:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.m2subMenu_a.on,
.m2subMenu_a:hover {
    font-weight: bold;
    background: #ff8c01;
    color: #FFF;
}

.m2fw_txt1 {
    color: #555555;
    font-size: 16px;
    line-height: 34px;
    padding: 65px 0px 72px;
}

.m2fw_u1 {
    margin: 0px -20px 60px;
}

.m2fw_u1 li {
    margin-bottom: 20px;
}

.m2fw_bx1 {
    border: 1px solid #CACACA;
    padding: 62px 15px 35px;
    position: relative;
}

.m2fwIcon {
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/m2fw_icon1.png) no-repeat center center;
    height: 110px;
    width: 110px;
    position: absolute;
    left: 50%;
    top: -55px;
    margin-left: -55px;
    border-radius: 50%
}

.m2fw_bx1 strong {
    font-size: 18px;
    line-height: 65px;
    text-align: center;
    display: block;
    height: 65px;
}

.m2fw_dl dd {
    font-size: 13px;
    line-height: 26px;
    height: 26px;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon3.png) no-repeat left center;
    padding-left: 12px;
    float: left;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m2fw_dl {
    margin: 0px auto;
    width: 250px;
    color: #787878;
}

.m2fw_ells {
    display: block;
    padding-left: 37px;
    width: 250px;
    margin: 5px auto 0;
}

.m2fw_u1 li:nth-child(2) .m2fwIcon {
    background: #ed9f24 url(https://www.lokomo.cn/Templates/cn2014/images/m2fw_icon2.png) no-repeat center center;
}

.m2fw_u1 li:nth-child(3) .m2fwIcon {
    background: #1abbaf url(https://www.lokomo.cn/Templates/cn2014/images/m2fw_icon3.png) no-repeat center center;
}

.m2fw_u1 li:nth-child(3) .m2fw_dl {
    width: 320px;
}

.m2fwCon1 {
    background: #F3F3F3;
    padding: 98px 0px 110px;
}

.m2fwc1box {
    position: relative;
    max-width: 1070px;
    margin: 0 auto;
    padding-right: 452px;
}

.m2fwc1box strong {
    line-height: 102px;
    display: block;
    height: 102px;
    font-size: 28px;
    color: #111;
    font-weight: normal;
}

.m2fwc1box strong img {
    margin-right: 14px;
}

.m2fwc1box strong text,
.m2fwc1box strong img {
    vertical-align: middle;
}

.m2fwDes {
    font-size: 15px;
    line-height: 28px;
    color: #777777;
    margin-bottom: 25px;
}

.m2fw_d2 dd,
.m2fw_d2 li {
    font-size: 15px;
    line-height: 28px;
    color: #777;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon3.png) no-repeat left center;
    padding-left: 14px;
    height: 28px;
    width: 138px;
    float: left;
}

.m2fw_d2 {
    width: 280px;
}

.m2fwImgIcon1 {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-40%)
}

.m2fwCon2 {
    padding: 98px 0px 110px;
}

.m2fwCon2 .m2fwImgIcon1 {
    right: auto;
    left: 0;
    transform: translateY(-45%)
}

.m2fwCon2 .m2fwc1box {
    padding-right: 0;
    padding-left: 452px;
}

.m2fwCon3 .m2fwImgIcon1 {
    transform: translateY(-50%)
}

.m2fw_u2 {
    margin: -30px auto 0px;
    max-width: 1100px;
    padding-bottom: 35px;
}

.m2fw_u2 li {
    text-align: center;
    float: left;
    width: 33.3333%;
    margin-bottom: 30px;
}

.m2fw_sbx {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2fw_bg1.png) no-repeat;
    height: 246px;
    width: 226px;
    margin: 0px auto;
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
}

.m2fw_sbx strong {
    line-height: 54px;
    padding-top: 50px;
    display: block;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
}

.m2fw_u2 li:nth-child(2) .m2fw_sbx {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2fw_bg2.png) no-repeat;
}

.m2fw_u2 li:nth-child(3) .m2fw_sbx {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2fw_bg3.png) no-repeat;
}

.m2fwBom {
    background: #f3f3f3 url(https://www.lokomo.cn/Templates/cn2014/images/m2fw_bg4.jpg) no-repeat center bottom;
    padding: 78px 0px 70px;
    background-size: 100% auto;
    font-size: 14px;
    line-height: 26px;
    color: #666;
}

.m2fw_bt1 {
    font-size: 28px;
    color: #222;
    line-height: 36px;
    padding: 70px 0px 0px;
    text-align: center;
}

.m2fw_txt2 {
    font-size: 14px;
    line-height: 28px;
    padding: 36px 0px 50px;
}

.m2fw_u3 li {
    padding: 0px 25px;
    float: left;
    width: 33.3333%;
    margin-bottom: 25px;
}

.m2fw_u3 {
    padding: 0px 25px 60px;
}

.m2fw_u3box {
    padding: 0px;
    height: 158px;
    background: #ff8c01;
    position: relative;
}

.m2fw_u3txt {
    line-height: 18px;
    text-transform: uppercase;
    padding: 0px 16%;
    color: #FFF;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    text-align: center;
    transform: translateY(-50%)
}

.m2fw_u3txt strong {
    font-size: 20px;
    font-weight: bold;
    display: block;
    line-height: 38px;
}

.m2fw_u3 li:nth-child(2) .m2fw_u3box {
    background: #ed9f24;
}

.m2fw_u3 li:nth-child(3) .m2fw_u3box {
    background: #1abbaf;
}

.m2fw2_s1 {
    font-size: 18px;
    line-height: 38px;
    padding: 15px 0px 45px 10%;
    text-align: center;
}

.m2fw_mapBg {
    background: #f3f3f3 url(https://www.lokomo.cn/Templates/cn2014/images/m2map_bg.png) no-repeat center center;
    padding: 20px 0px 30px;
}

.m2fw_u4 {
    text-align: center;
    display: block;
    font-size: 0px;
    margin-top: 60px;
}

.m2fw_u4 li {
    width: 20%;
    margin-bottom: 32px;
    padding-top: 150px;
    text-align: center;
    position: relative;
    display: inline-block;
}

.m2fw_iconBox {
    height: 124px;
    width: 124px;
    margin-left: -62px;
    position: absolute;
    left: 50%;
    top: 0px;
    border: 2px solid #ff8c01;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.m2fw_iconBox img {
    margin-top: -35px;
    margin-left: -35px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.m2fw_u4 li:hover .opacity {
    opacity: 1;
}

.m2fw_u4 li:hover .m2fw_iconBox {
    background: #ff8c01;
}

.m2fw_u4 p {
    margin: 0px auto;
    width: 140px;
    font-size: 16px;
    line-height: 26px;
    color: #555;
    height: 78px;
    overflow: hidden;
}

.m2fw2Con1 {
    margin: 74px auto 32px;
    max-width: 996px;
}

.m2fw2Con1 ul {
    margin: 0px -6px;
}

.m2fw2Con1 ul li {
    padding: 0px 6px;
    margin-bottom: 12px;
    float: left;
    width: 25%;
}

.m2fw_abox1 .overflowHide {
    height: 352px;
}

.m2fw_anm {
    line-height: 36px;
    color: #FFF;
    height: 36px;
    z-index: 3;
    text-align: center;
    font-size: 13px;
    position: absolute;
    width: 100%;
    left: 0px;
    background: rgba(227, 43, 24, 0.8);
    display: block;
    bottom: -36px;
    transition: all 0.3s ease-in-out;
}

.m2fw_abox1:hover .m2fw_anm,
.m2fw_abox2:hover .m2fw_anm {
    bottom: 0;
}

.m2fw_abox2 {
    display: block;
    height: 170px;
    margin-bottom: 12px;
}

.m2fw_abox2 .overflowHide {
    height: 170px;
}

.m2ks_u1 {
    display: block;
    font-size: 0px;
    text-align: center;
    max-width: 868px;
    margin: -20px auto 45px;
}

.m2ks_u1 li {
    width: 33.3333%;
    margin-bottom: 20px;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
}

.m2ksu1_itms {
    display: inline-block;
    height: 146px;
    width: 146px;
    border: 3px solid #ff8c01;
    position: relative;
    border-radius: 50%;
    padding-top: 85px;
    transition: all 0.3s ease-in-out;
    color: #ff8c01;
}

.m2ksu1_itms img {
    position: absolute;
    left: 50%;
    top: 28px;
    margin-left: -25px;
}

.m2ks_u1 li:hover .opacity {
    opacity: 1;
}

.m2ks_u1 li:hover .m2ksu1_itms {
    color: #fff;
    background: #ff8c01;
}

.m2ksItmsBox1 {
    background: #ff8c01;
    padding: 96px 0px 60px;
}

.m2ksItms_u1 {
    margin: 0px -35px;
}

.m2ksItms_u1 li {
    padding: 0px 35px;
    margin-bottom: 30px;
}

.m2ksItms_sbox {
    position: relative;
    padding-left: 82px;
    color: #ffffff;
    line-height: 24px;
}

.m2ksIicon {
    height: 60px;
    width: 60px;
    text-align: center;
    padding-top: 15px;
    background: #FFF;
    display: block;
    position: absolute;
    left: 0px;
    top: 18px;
    border-radius: 50%;
}

.m2ksItms_sbox strong {
    line-height: 58px;
    height: 58px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.m2ksBom {
    padding: 90px 0px 40px;
    max-width: 1113px;
    margin: 0px auto;
}

.m2ksBomBox {
    height: 248px;
    margin-bottom: 50px;
    position: relative;
    padding-left: 83px;
}

.m2ksBom_t {
    height: 100%;
    width: 58px;
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    padding: 0px 18px;
    text-align: center;
    display: table;
    background: #ff8c01;
    font-weight: 500;
    position: absolute;
    left: 0px;
    top: 0px;
}

.m2ksBom_t:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 10px solid #ff8c01;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -10px;
}

.m2ksBom_t div {
    height: 100%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.m2ksBom_ul {
    margin: 0px -20px;
}

.m2ksBom_abox {
    height: 248px;
    display: block
}

.m2ksBom_abox .overflowHide {
    height: 248px;
}

.m2ksTag {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2ks_arrow1.png) no-repeat center center;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    display: block;
    height: 48px;
    width: 48px;
    padding-right: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.m2ksTnm {
    line-height: 42px;
    text-align: center;
    display: block;
    height: 42px;
    color: #FFF;
    font-size: 14px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
}

.m2ksBomBox:nth-child(2) .m2ksBom_t {
    background: #ed9f24;
}

.m2ksBomBox:nth-child(2) .m2ksBom_t:after {
    border-left: 10px solid #ed9f24;
}

.m2ksBomBox:nth-child(2) .m2ksTag {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2ks_arrow2.png) no-repeat left top;
}

.m2ksBomBox:nth-child(3) .m2ksBom_t {
    background: #1abbaf;
}

.m2ksBomBox:nth-child(3) .m2ksBom_t:after {
    border-left: 10px solid #1abbaf;
}

.m2ksBomBox:nth-child(3) .m2ksTag {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2ks_arrow3.png) no-repeat left top;
}

.m2jm {
    padding: 60px 0px 0px;
    margin: 0px -27px 12px;
}

.m2jm li {
    padding: 0px 27px;
    margin-bottom: 44px;
}

.m2jmBox {
    border: 1px solid #C4C4C4;
    padding: 0px 11%;
    position: relative;
}

.m2jmBox:after {
    content: "";
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2jm_icon.jpg) no-repeat;
    height: 47px;
    width: 47px;
    position: absolute;
    top: -6px;
    right: -6px;
}

.m2jmBox strong {
    text-align: center;
    display: block;
    padding: 47px 0px 24px;
    border-bottom: 1px solid #D6D6D6;
    font-size: 20px;
    color: #000;
    line-height: 36px;
    font-weight: 500;
}

.m2jmDes {
    padding: 27px 0px;
    font-size: 13px;
    line-height: 30px;
    color: #777777;
    border-bottom: 1px solid #D6D6D6;
}

.m2jmDes_info {
    font-size: 15px;
    line-height: 28px;
    font-weight: 800;
    color: #ff8c01;
    padding: 28px 0px 50px;
}

.m2lx_t1 {
    font-size: 28px;
    color: #222222;
    line-height: 70px;
    padding-top: 48px;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
    max-width: 585px;
    margin: 0px auto 45px;
    position: relative;
}

.m2lx_t1:after {
    content: "";
    background: #ff8c01;
    height: 5px;
    width: 44px;
    margin-left: -22px;
    position: absolute;
    left: 50%;
    bottom: -3px;
}

.m2lx_u1 li {
    margin-bottom: 25px;
    padding: 0px 3%;
    font-size: 14px;
    line-height: 32px;
    color: #666;
}

.m2lx_u1 {
    margin: 0px -3% 58px;
}

.m2lx_u1 li strong {
    line-height: 66px;
    display: block;
    height: 66px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.m2lx_u1 li strong img {
    float: left;
    margin: 19px 12px 0px 0px;
}

.m2lx_p {
    max-width: 290px;
}

.m2lx_wxImg {
    float: left;
    margin-right: 22px;
    border: 1px solid #DCDCDC;
}

.m2lx_wxImg img {
    display: block;
}

.m2lxCon1 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2lx_bg.jpg) no-repeat center center;
    height: 438px;
    position: relative;
}

.m2lxAdr {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2lxIcon1.png) no-repeat;
    height: 36px;
    width: 36px;
    position: absolute;
    left: 50%;
    bottom: 88px;
    margin-left: -18px;
}

.m2lxAdr img {
    position: absolute;
    left: 50%;
    bottom: 46px;
    margin-left: -210px;
}

.m2lxFm {
    margin: 0px auto 74px;
    max-width: 1034px;
}

.m2lx_li01 {
    margin: 0px -6px;
}

.m2lx_li01 li {
    padding: 0px 6px;
    margin-bottom: 13px;
    position: relative;
}

.m2lx_int1 {
    padding: 0px 10px 0px 40px;
    width: 100%;
    font-size: 14px;
    line-height: 45px;
    color: #666;
    height: 45px;
    background: #EEEEEE;
    border-width: 0px;
    border-style: none;
    border-radius: 0.2em;
}

.m2lxArea {
    background: #eeeeee;
    font: 14px/26px "微软雅黑";
    color: #666;
    padding: 9px 10px 9px 40px;
    height: 150px;
    border-width: 0px;
    border-style: none;
    border-radius: 0.2em;
    width: 100%;
}

.m2lxAreaBox {
    margin-bottom: 20px;
    position: relative;
}

.m2lx_abtn {
    background: #ff8c01;
    font-size: 15px;
    line-height: 45px;
    color: #FFF;
    text-align: center;
    display: block;
    height: 45px;
    border-radius: 0.2em;
}

.m2lx_abtn:hover {
    background: #D92B17;
    color: #FFF;
}

.m2lx_btns {
    margin: 0px -6px;
}

.m2lx_btns li {
    padding: 0px 6px;
    position: relative;
}

.m2lx_abtn2 {
    background: #9b9b9b;
    font-size: 15px;
    line-height: 45px;
    color: #FFF;
    text-align: center;
    display: block;
    height: 45px;
    border-radius: 0.2em;
}

.m2lx_abtn2:hover {
    background: #888888;
    color: #FFF;
}

.m2lxFm i {
    color: #888888;
    font-size: 16px;
    line-height: 42px;
    height: 42px;
    width: 24px;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 2px;
}

.m2cp_con1 {
    background: #F3F3F3;
    padding: 85px 0px 92px;
}

.m2cp_t1 {
    line-height: 46px;
    font-size: 28px;
    color: #222222;
    text-align: center;
    position: relative;
    margin-bottom: 52px;
}

.m2cp_t1:before {
    content: "";
    background: #D2D2D2;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
}

.m2cp_t1 span {
    display: inline-block;
    background: #F3F3F3;
    padding: 0px 32px;
    position: relative;
    z-index: 2;
}

.m2zp_abox1 {
    display: block;
    margin: 0px auto;
    height: 114px;
    width: 114px;
    border: 2px solid #ff8c01;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.m2zp_abox1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -26px 0 0 -25px;
}

.m2zp_u1 li {
    width: 20%;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}

.m2zp_u1 {
    margin: -30px auto 25px;
    max-width: 1055px;
    font-size: 0px;
    display: block;
}

.m2zp_u1 li strong {
    line-height: 70px;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #333;
}

.m2zp_u1 li:hover .opacity {
    opacity: 1;
}

.m2zp_u1 li:hover .m2zp_abox1 {
    background: #ff8c01;
}

.m2zpCon2 {
    background: #ff8c01;
    padding: 85px 0px;
    text-align: center;
}

.m2zp_itms1 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zp_sicon1.png) no-repeat 62px center;
    padding-left: 174px;
    line-height: 170px;
    height: 174px;
    width: 352px;
    border: 2px solid #FFF;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    display: inline-block;
    margin-right: 8%;
    border-radius: 0.3em;
    text-align: left;
}

.m2zpItmsIcon {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zp_sicon3.png) no-repeat center center;
    display: inline-block;
    height: 174px;
    width: 19px;
}

.m2zpCon2 span {
    vertical-align: middle;
}

.m2zp_itms2 {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zp_sicon2.png) no-repeat center 35px;
    line-height: 50px;
    height: 174px;
    width: 352px;
    border: 2px solid #FFF;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    display: inline-block;
    border-radius: 0.3em;
    text-align: center;
    padding-top: 105px;
    margin-left: 8%;
}

.m2zpCon3 {
    padding: 62px 0px 35px;
}

.m2zp_sb1 {
    line-height: 44px;
    text-align: center;
    display: block;
    padding-top: 16px;
    font-size: 18px;
    color: #666666;
}

.m2nSerBox {
    line-height: 32px;
    height: 34px;
    width: 240px;
    border: 1px solid #BFBFBF;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    right: 0px;
}

.m2nSerInt {
    padding: 0px 55px 0px 15px;
    font-size: 14px;
    line-height: 32px;
    color: #666;
    border-width: 0px;
    border-style: none;
    height: 32px;
    width: 100%;
    background: none;
}

.m2nSerBtn {
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/serBtn.png) no-repeat center center;
    height: 34px;
    width: 40px;
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
}

.m2nSerBtn:hover {
    background: #DD2C17 url(https://www.lokomo.cn/Templates/cn2014/images/serBtn.png) no-repeat center center;
}

.page {
    text-align: center;
    height: 87px;
}

.m2nList {
    border-bottom: 1px solid #DDDDDD;
    padding-top: 70px;
    margin-bottom: 52px;
}

.m2nList_aBox {
    display: block;
    height: 160px;
}

.m2nList ul li {
    margin-bottom: 70px;
}

.m2nList_aBox .overflowHide {
    height: 160px;
    width: 360px;
    float: left;
}

.m2nHot {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hot.png) no-repeat;
    height: 39px;
    width: 39px;
    position: absolute;
    left: 20px;
    top: 0px;
}

.m2nText {
    margin-left: 492px;
    position: relative;
}

.m2nText .ellipsis {
    line-height: 36px;
    display: block;
    height: 36px;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.m2nText p {
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    height: 48px;
    overflow: hidden;
}

.m2nDes {
    padding: 12px 0px 20px;
    border-top: 1px solid #ddd;
}

.m2nTime {
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #cccccc;
    text-align: center;
    width: 60px;
    position: absolute;
    left: -96px;
    top: 4px;
    padding-top: 50px;
}

.m2nTime span {
    display: block;
    width: 100%;
    line-height: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 56px;
    font-weight: normal;
}

.m2nList_aBox:hover .ellipsis {
    font-weight: 500;
}

.m2nList_aBox:hover .hmMore {
    color: #FFF;
    background: #ff8c01;
    padding-left: 28px;
}

.m2nList_aBox:hover .hmMore:before {
    width: 100%;
}

.m2nList_aBox:hover .hmMore:after {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/hmp3_arrow2.png) no-repeat right center;
    width: 30px;
    right: 23px;
}

.m2nBack {
    background: #E4E4E4 url(https://www.lokomo.cn/Templates/cn2014/images/m2nback.png) no-repeat 36px center;
    padding-left: 64px;
    font-size: 16px;
    font-weight: bold;
    color: #ff8c01;
    line-height: 74px;
    height: 74px;
    width: 160px;
    margin-top: -37px;
    position: absolute;
    top: 50%;
    right: 0px;
    display: block;
}

.m2nTop {
    text-align: center;
    padding: 50px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 58px;
    position: relative;
}

.m2n_bt {
    font-size: 26px;
    color: #000000;
    line-height: 42px;
}

.m2nInfo {
    text-align: center;
    line-height: 24px;
    color: #999999;
    margin-top: 12px;
}

.m2nInfo span {
    margin: 0px 10px;
}

.m2nInfo span i {
    font-size: 16px;
    margin-right: 4px;
}

.m2share {
    height: 34px;
    width: 160px;
    position: absolute;
    left: 50%;
    bottom: -19px;
    margin-left: -80px;
    text-align: center;
    font-size: 0px;
}

.m2share_a {
    height: 34px;
    width: 34px;
    border: 1px solid #BCBCBC;
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #BCBCBC;
    background: #FFF;
    border-radius: 50%;
    margin: 0px 5px;
}

.m2share_a:hover {
    border: 1px solid #ff8c01;
}

.m2nEditor {
    font-size: 14px;
    line-height: 28px;
    color: #777777;
    padding-bottom: 62px;
}

.m2dpage {
    margin-bottom: 70px;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

.m2dpage_ul {
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
}

.m2dpage_ul li {
    float: left;
    width: 50%;
    padding: 0px 60px;
}

.m2dpage_ul li:first-child {
    border-right: 1px solid #D3D3D3;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2dpage_icon.png) no-repeat 30px center;
}

.m2dpage_a {
    font-size: 14px;
    line-height: 70px;
    height: 70px;
    color: #888888;
}

.m2dpage_ul li:last-child {
    text-align: right;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2dpage_icon2.png) no-repeat right center;
}

.m2dpage_ul li:last-child .m2dpage_a {}

.m2zx_u1 {
    max-width: 1140px;
    margin: 0px auto 30px;
}

.m2zx_u1 li {
    margin-bottom: 15px;
}

.m2zxItms {
    text-align: center;
    font-size: 16px;
    height: 120px;
    border: 2px solid #DCDCDC;
    line-height: 116px;
}

.m2zxItms img {
    margin-right: 18px;
}

.m2zxItms img,
.m2zxItms text {
    vertical-align: middle;
}

.m2zx_u2 {
    max-width: 1140px;
    margin: 0px auto 30px;
}

.m2zx_u2 li {
    margin-bottom: 15px;
    color: #666;
}

.m2zx_dl dt {
    line-height: 44px;
    color: #FFF;
    background: #ff8c01;
    height: 44px;
    text-align: center;
    font-size: 17px;
    font-weight: 800;
}

.m2zx_dl dd {
    padding: 25px 0px;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
}

.m2zx_dl dd p {
    float: left;
    width: 33.3333%;
    padding-left: 6%;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
}

.m2zx_dl dd p span {
    display: inline-block;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2icon3.png) no-repeat left center;
    padding-left: 13px;
}

.m2zxCon2 {
    background: #f3f3f3;
    padding-bottom: 60px;
}

.m2zx_u3 {
    max-width: 1100px;
    margin: 0px auto;
    position: relative;
}

.m2zx_u3:after {
    content: "";
    height: 100%;
    background: #ddd;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
}

.m2zx_u3 li strong {
    line-height: 54px;
    height: 54px;
    font-size: 20px;
    color: #222222;
    font-weight: 500;
}

.m2zx_u3 li strong span {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zx_icon4.png) no-repeat center center;
    text-align: right;
    height: 54px;
    font: 500 28px/54px Georgia;
    margin-right: 10px;
    display: inline-block;
    padding-left: 20px;
    color: #ff8c01;
}

.m2zx_imgBox {
    padding: 38px 0px 50px;
}

.m2zx_u3 li {
    padding-left: 7.2%;
}

.m2xz_caseList ul li {
    font-size: 18px;
    line-height: 56px;
    text-align: center;
    margin-bottom: 35px;
}

.m2hz_menu {
    text-align: center;
    padding: 35px 0px 15px;
}

.m2hz_menu_a1 {
    padding: 0px 32px;
    margin: 0px 6px;
    line-height: 35px;
    display: inline-block;
    height: 37px;
    border: 1px solid #AAAAAA;
    border-radius: 0.2em;
    color: #666666;
}

.m2hz_menu_a1:hover,
.m2hz_menu_a1.on {
    color: #FFF;
    border: 1px solid #ff8c01;
    background: #ff8c01;
}

.m2hzLogo {
    padding-bottom: 40px;
}

.m2hzLogo .swiper-pagination-bullet {
    opacity: 1;
    height: 12px;
    width: 12px;
    background: #FFF;
    border: 1px solid #A3A3A3;
    background: none
}

.m2hzLogo .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff8c01;
    border: 1px solid #ff8c01;
}

.m2hzLogo .hmp7Lg {
    margin: 18px 0
}

.m2zp_t1 {
    font-size: 30px;
    color: #222;
    line-height: 52px;
    text-align: center;
    padding: 62px 0px 15px;
}

.m2zp_p {
    font-size: 14px;
    line-height: 30px;
    color: #777777;
    text-align: center;
    margin-bottom: 20px;
}

.m2zpTop {
    margin: 0px auto;
    max-width: 885px;
    text-align: center;
    padding-bottom: 58px;
}

.m2zp_send {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zp_icon6.png) no-repeat left top;
    padding-left: 44px;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    display: inline-block;
}

.keUpDownSlide {
    margin: 0px auto 70px;
    border-top: 1px solid #E5E5E5;
}

.keUpDownSlide dl dt {
    line-height: 88px;
    height: 88px;
    position: relative;
    font-size: 14px;
    color: #666666;
    border-bottom: 1px solid #E5E5E5;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.keUpDownSlide dl dt:before {
    content: "";
    height: 0%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    background: #ff8c01;
    transition: all 0.3s ease-in-out;
}

/*.keUpDownSlide dl dt:hover:before{ height: 100%; position: absolute; top: 0%; }
.keUpDownSlide dl dt:hover{color:#fff;}
.keUpDownSlide dl dt:hover .m2zp_nm{color:#fff;}
.keUpDownSlide dl dt:hover .keUpDownToggleBtn { background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zp_micon2.png) no-repeat center center; }*/
.keUpDownSlide dl dt .container {
    position: relative;
    height: 88px;
}

.keUpDownSlide dl dt.on .container:after {
    content: "";
    height: 0px;
    width: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 12px solid #ff8c01;
    position: absolute;
    bottom: -11px;
    left: 32px;
}

.keUpDownToggleBtn {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zp_micon1.png) no-repeat center center;
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

.keUpDownSlide dl dd {
    color: #777;
    font-size: 14px;
    line-height: 30px;
    padding: 30px 25px 45px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    display: none;
}

.keUpDownSlide dl dt.on {
    color: #FFF;
    background: #ff8c01;
}

.keUpDownSlide dl dt.on .keUpDownToggleBtn {
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2zp_micon2.png) no-repeat center center;
}

.m2zp_nm {
    float: left;
    width: 265px;
    font-size: 18px;
    color: #000;
    transition: all 0.3s ease-in-out
}

.keUpDownSlide dl dt.on .m2zp_nm {
    color: #fff;
}

@media (min-width:768px) {

    .hmp8_xiu li {
        padding: 0;
        width: 25%;
    }

    .hmPage2 .hmp2_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage2.active .hmp2_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.2s;
    }

    .hmPage2 .hmp2_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage2.active .hmp2_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage2 .hmp2_p1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage2.active .hmp2_p1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.5s;
    }

    .hmPage2 .hmp2_ul li {
        opacity: 0;
        transform: translate(0px, 200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage2 .hmp2_ul li:nth-child(2n) {
        transform: translate(0px, -200px);
    }

    .hmPage2.active .hmp2_ul li {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.7s;
    }

    .hmPage3 .hmp3_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage3.active .hmp3_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.2s;
    }

    .hmPage3 .hmp3_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage3.active .hmp3_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.4s;
    }

    .hmPage3 .hmp3Des {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage3.active .hmp3Des {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.6s;
    }

    .hmPage3 .hmp3MoreBox {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
        display: inline-block;
    }

    .hmPage3.active .hmp3MoreBox {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.7s;
    }

    .hmPage4 .hmp2_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage4.active .hmp2_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.2s;
    }

    .hmPage4 .hmp2_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage4.active .hmp2_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage4 .hmp2_p1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage4.active .hmp2_p1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.5s;
    }

    .hmp4_ul li:nth-child(1) {
        opacity: 0;
        transform: translate(0px, 50px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage4.active .hmp4_ul li:nth-child(1) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.6s;
    }

    .hmp4_ul li:nth-child(2) {
        opacity: 0;
        transform: translate(0px, 50px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage4.active .hmp4_ul li:nth-child(2) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }

    .hmp4_ul li:nth-child(3) {
        opacity: 0;
        transform: translate(0px, 50px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage4.active .hmp4_ul li:nth-child(3) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 1s;
    }

    .hmp4_ul li:nth-child(4) {
        opacity: 0;
        transform: translate(0px, 50px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage4.active .hmp4_ul li:nth-child(4) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 1.2s;
    }

    .hmPage5 .hmp2_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage5.active .hmp2_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.2s;
    }

    .hmPage5 .hmp2_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage5.active .hmp2_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage5 .hmp3_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage5.active .hmp3_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage5 .hmp3_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage5.active .hmp3_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.6s;
    }

    .hmPage5 .hmp5_p1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage5.active .hmp5_p1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.7s;
    }

    .hmPage5.active .hmp5_u1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.9s;
    }

    .hmPage5R li:nth-child(1) {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage5.active li:nth-child(1) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }

    .hmPage5R li:nth-child(2) {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage5.active li:nth-child(2) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }

    .hmPage6 {
        overflow: hidden;
    }

    .hmPage6.active .hmp6_icon1 {
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: both;
        animation-name: fadeInDown;
    }

    .hmPage6.active .hmp6_icon2 {
        animation-duration: 1s;
        animation-delay: 0.2s;
        animation-fill-mode: both;
        animation-name: fadeInLeft;
    }

    .hmPage6.active .hmp6_icon3 {
        animation-duration: 1s;
        animation-delay: 0.4s;
        animation-fill-mode: both;
        animation-name: fadeInUp;
    }

    .hmPage6.active .hmp6_icon4 {
        animation-duration: 1s;
        animation-delay: 0.2s;
        animation-fill-mode: both;
        animation-name: fadeInRight;
    }

    .hmPage7.active .hmPage7L {
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: both;
        animation-name: fadeInDown;
    }

    .hmPage7.active .hmPage7R {
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: both;
        animation-name: fadeInUp;
    }

    .hmPage7 .hmp3_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage7.active .hmp3_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage7 .hmp3_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage7.active .hmp3_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.6s;
    }

    .hmPage7 .hmp7_p1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage7.active .hmp7_p1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }

    .hmPage7 .hmp7_bom {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage7.active .hmp7_bom {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.9s;
    }

    .hmPage7 .hmp7LgList {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage7.active .hmp7LgList {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 1s;
    }

    .hmPage8 .hmp2_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage8.active .hmp2_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.2s;
    }

    .hmPage8 .hmp2_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage8.active .hmp2_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage8 .hmp2_p1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage8.active .hmp2_p1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.7s;
    }

    .hmp8_newsList li {
        opacity: 0;
        transform: translate(0px, 50px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage8.active .hmp8_newsList li {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.7s;
    }

    .hmPage9 .hmp3_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage9.active .hmp3_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.2s;
    }

    .hmPage9 .hmp3_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage9.active .hmp3_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.4s;
    }

    .hmPage9 .hmp3_adrInfo {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage9.active .hmp3_adrInfo {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.6s;
    }

    .hmPage9 .hmp9Bom {
        opacity: 0;
        transform: translate(0px, 50px);
        transition: all 0.3s ease-in-out;
    }

    .hmPage9.active .hmp9Bom {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 1.1s;
    }

    .hmBomItms {
        transform: translate(50px, 0px);
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }

    .active .hmBomItms {
        transform: translate(0px, 0px);
        opacity: 1;
        transition-delay: 1s;
    }
}

@media (max-height:799px) {
    .page-wrapper .container {
        padding-top: 40px;
    }

    .page-wrapper .center {
        transform: scale(0.6);
    }

    .hmp2_t1 {
        font-size: 30px;
        height: 46px;
        line-height: 46px;
    }

    .hmp2_t2 {
        font: normal 15px/16px Arial;
        padding-bottom: 18px;
    }

    .hmp3_t1 {
        font-size: 30px;
        line-height: 46px;
    }

    .hmp3_t2 {
        font: normal 15px/16px Arial;
        height: 40px;
    }

    .hmp6_t1 {
        font-size: 30px;
        height: 46px;
        line-height: 46px;
    }

    .hmp6_t2 {
        font: bold 36px/42px Arial;
        padding-bottom: 18px;
    }

    .hmP3Txt {
        padding: 0 18%;
    }

    .hmP5Lbox {
        left: 12%;
        right: 20%;
    }

    .hmP7Lbox {
        left: 12%;
        right: 20%;
    }

    .hmp6_icon1 {
        background-size: 80% auto;
        background-position: center top;
    }

    .hmp6_icon3 {
        background-size: 80% auto;
        background-position: center bottom;
    }
}

@media (max-height:749px) {
    .page-wrapper .container {
        padding-top: 20px;
    }

    .page-wrapper .center {
        transform: scale(0.55);
    }

    .hmP3Txt {
        padding: 0 16%;
    }

    .hmP5Lbox {
        left: 18%;
        right: 18%;
    }

    .hmP7Lbox {
        left: 18%;
        right: 18%;
    }

    .hmp5Itms {
        left: 10%;
    }

    .hmp5Txt {
        margin-left: 100px;
    }

    .hmp5Txt p {
        margin-bottom: 18px;
    }

    .hmp6_icon1 {
        background-size: 70% auto;
    }

    .hmp6_icon3 {
        background-size: 70% auto;
    }

    .hmp9Top {
        margin-bottom: 16px;
    }
}

@media (max-height:699px) {
    .hmFocus .swiper-pagination {
        bottom: 25px;
    }

    .hmp2_t1 {
        font-size: 28px;
        height: 40px;
        line-height: 40px;
    }

    .hmp2_t2 {
        font: normal 15px/16px Arial;
        padding-bottom: 12px;
    }

    .hmp3_t1 {
        font-size: 28px;
        line-height: 40px;
    }

    .hmp3_t2 {
        font: normal 15px/16px Arial;
        height: 50px;
    }

    .hmp6_t1 {
        font-size: 28px;
        line-height: 40px;
    }

    .hmp6_t2 {
        font: normal 15px/16px Arial;
        height: 50px;
    }

    .hmP3Txt {
        padding: 0 12%;
    }

    .hmP5Lbox {
        left: 15%;
        right: 15%;
    }

    .hmP7Lbox {
        left: 15%;
        right: 15%;
    }

    .hmp2_p1 {
        margin-top: 18px;
        min-height: 72px;
        padding-bottom: 10px;
    }

    .hmp7Lg {
        margin: 15px 0;
    }

    .hmp3Des {
        max-height: 366px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .hmp7_t1 {
        margin-top: 20px;
    }
}

@media (max-height:649px) {
    .page-wrapper .center {
        transform: scale(0.48);
    }

    .hmp2_t1 {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .hmp2_t2 {
        font: normal 15px/16px Arial;
        padding-bottom: 8px;
    }

    .hmp3_t1 {
        font-size: 24px;
        line-height: 32px;
    }

    .hmp3_t2 {
        font: normal 15px/16px Arial;
        height: 40px;
    }

    .hmp6_t1 {
        font-size: 24px;
        line-height: 32px;
    }

    .hmp6_t2 {
        font: normal 15px/16px Arial;
        height: 40px;
    }

    .hmP3Txt {
        padding: 0 9%;
    }

    .hmp5_p1 {
        margin-bottom: 15px;
        min-height: 148px;
        padding: 18px 0;
    }

    .hmp5_u1 li {
        margin-top: 10px;
    }

    .hmp5Txt p {
        height: 104px;
        overflow: hidden
    }

    .hmp5Txt strong {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .hmp6_icon1 {
        background-size: 50% auto;
    }

    .hmp6_icon3 {
        background-size: 40% auto;
    }

    .hmp7Lg {
        margin: 12px 0;
    }

    .hmp8_ul {
        padding-top: 30px;
    }

    .hmp3_adrInfo p {
        margin-bottom: 0;
    }

    .hmp3_adrInfo {
        padding-top: 18px;
    }

    .hmBomItms {
        top: -10px;
    }

    .hmp8_xiu li {
        padding: 0;
        width: 25%;
    }
}

@media (max-width:1699px) {
    .hmp6_icon2 {
        background-size: 60% auto;
        background-position: left center;
    }

    .hmp6_icon4 {
        right: 60px;
        background-size: 70% auto;
        background-position: right center;
    }

    .hmP5Lbox {}

    .hmP7Lbox {
        left: 15%;
        right: 15%;
    }
}

@media (max-width:1399px) {
    .hmP5Lbox {}

    .hmp5_u1 li {
        width: calc(100%/2 - 2%);
    }

    .login_wen {
        display: none;
    }

    .hmp2_ul {
        margin: 80px -40px 60px;
    }

    .hmPage2Bg {
        height: 45%;
    }

    .hmPage2Box {
        margin-top: 2%;
    }

    .index_pro .swiper-slide .hmp4desc {
        margin: 20px auto;
    }

    .hmPage5 .hmp5_u1 li .hmp5desc {}

    .hmp6_icon2 {
        background-size: 40% auto;
    }

    .hmp6_icon4 {
        background-size: 50% auto;
    }

    .hmp3_t1 {
        margin-top: 0;
    }

    .hmp3_t2 {}

    .navbar-collapse.collapse .xian {
        display: none;
    }

    .sub-icon-search {
        display: none;
    }

    .research {
        display: none !important;
    }

    .login {
        display: none;
    }

    .lan {
        display: none;
    }

    nav.navbar.bootsnav ul.nav {
        /* padding-left:270px; */
    }
}

@media (max-width:1199px) {
    .hmp6_icon2 {
        display: none;
    }

    .hmp6_icon4 {
        display: none;
    }

    .hmp2Itms_a {
        height: 136px;
        width: 136px;
    }

    .hmp2_ul li {
        height: 136px;
        width: 136px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmp5Txt p {
        height: 104px;
        overflow: hidden
    }

    .hmp8Txt p {
        margin-bottom: 15px;
    }

    nav.navbar.bootsnav ul.nav {}

    nav.navbar.bootsnav ul.nav>li {
        margin: 0 5px;
    }

    .m2caseTop li {
        padding: 0 15px;
    }

    .m2caseTop {
        margin: 0 -15px;
    }

    .m2subMenu_a {
        padding-left: 25px;
        padding-right: 25px;
    }

    .m2caseMenu_a1 {
        padding: 0 25px;
    }
}

@media (max-width:1099px) {}

@media (max-width:992px) {
    .page-wrapper {
        display: none;
    }

    .div_hide {
        display: none;
    }

    .ban2,
    .ban3 {
        display: none;
    }

    .hmFocus .swiper-pagination {
        display: none;
    }

    .lan1 {
        display: block !important;
    }

    .hmp8_xiu li {
        padding: 0 !important;
        margin: 0 !important;
        width: 25%;
    }

    .page-wrapper .center {
        transform: scale(0.7);
    }

    .page-wrapper {
        top: 16%;
    }

    .hmPage2 .hmp2_ul li.hmp2Empty {
        display: none;
    }

    .hmP3Txt {
        padding: 0 14% 0 6%;
    }

    .hmp4_ul li {
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmp4_ul {
        margin-left: -15px;
        margin-right: -15px;
    }

    .hmP5Lbox {
        left: 6%;
        right: 6%;
    }

    .hmp5Itms {
        left: 4%;
        right: 8%;
    }

    .hmp5Txt p {
        height: auto;
    }

    .hmp5Txt {
        margin-left: 100px;
    }

    .hmp6_icon1 {
        background-size: 70% auto;
        background-position: center top;
    }

    .hmp6_icon3 {
        background-size: 60% auto;
        background-position: center bottom;
    }

    .hmp6_w1 {
        width: 50%;
        text-align: center;
    }

    .hmp6_w2 {
        /*width: 50%;
        text-align: center;
        border-right: none;*/
        display: none;
    }

    .hmp6_w3 {
        width: 50%;
        text-align: center;
    }

    .hmp6_w4 {
        width: 50%;
        text-align: center
    }

    .hmP7Lbox {
        left: 6%;
        right: 6%;
    }

    .hmP7Rbox {
        left: 4%;
        right: 8%;
    }

    .hmp8_more {
        right: 30px;
    }

    .hmp8_ul li {
        margin-bottom: 90px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmp8_ul {
        margin-left: -15px;
        margin-right: -15px;
    }

    .hmp8_ul li:last-child {
        display: none;
    }

    .hmp7_t1 {
        margin-top: 20px;
    }

    .hmp2_t1 {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .hmp2_t2 {
        font: normal 15px/16px Arial;
        padding-bottom: 8px;
    }

    .hmp3_t1 {
        font-size: 24px;
        line-height: 32px;
    }

    .hmp3_t2 {
        font: normal 15px/16px Arial;
        height: 30px;
    }

    .hmp6_t1 {
        font-size: 24px;
        line-height: 32px;
    }

    .hmp6_t2 {
        font: normal 15px/16px Arial;
        height: 40px;
    }

    .hmPage5R {
        position: static;
    }

    nav.navbar.bootsnav ul.nav {
        padding-left: 0px;
    }

    .m2caseMenu_a1 {
        margin-bottom: 12px;
    }

    .hmp7Dlbox {
        width: 100%;
    }


    .hmBomItms {
        top: 45px;
    }

    .hmp9Top {
        padding-right: 245px;
    }

    .m2caseIcon {
        right: 30%;
    }

    .m2caseIconBox {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .m2YYSwiper {
        width: 580px;
    }

    .m2subMenu_a {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 15px;
    }

    .m2fw_dl {
        width: 100%;
    }

    .m2fw_u1 li:nth-child(3) .m2fw_dl {
        width: 100%;
    }

    .m2fw_ells {
        width: 100%;
        padding-left: 12px;
    }

    .m2fwc1box {
        padding-right: 380px;
    }

    .m2fwCon2 .m2fwc1box {
        padding-left: 395px;
    }

    .m2fw_u3 li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2fw_u3 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .m2fw_u3txt strong {
        font-size: 18px;
    }

    .m2fw_u3txt {
        padding: 0 15px;
    }

    .m2fw_u4 li {
        width: 33.33%;
    }

    .m2ksItms_u1 li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2ksItms_u1 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .m2jm li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2jm {
        margin-left: -15px;
        margin-right: -15px;
    }

    .m2lx_u1 li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2lx_u1 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .m2zp_itms1,
    .m2zp_itms2 {
        margin-right: auto;
        margin-left: auto;
    }

    .m2zpItmsIcon {
        display: block;
        margin: 0 auto;
        transform: rotate(90deg)
    }

    .m2nList_aBox .overflowHide {
        width: 260px;
    }

    .m2nText {
        margin-left: 372px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .m2usCon3 .hmp2_ul li:nth-child(5),
    .m2usCon3 .hmp2_ul li:nth-child(6),
    .m2usCon3 .hmp2_ul li:nth-child(7) {
        margin-left: 35px;
        margin-right: 35px;
    }

    .m2usCon3 .hmp2_ul li:nth-child(5) {
        position: relative;
        left: 11px;
    }

    .m2usCon3 .hmp2_ul li:nth-child(7) {
        position: relative;
        right: 10px;
    }
}

@media (max-width:1509px) {
    nav.navbar.bootsnav ul.nav>li>a {
        font-size: 14px;
    }

    .lan {
        right: 220px !important;
    }
}

@media (min-width: 1510px) and (max-width:1609px) {
    .lan {
        right: 206px !important;
    }
}

@media (min-width: 1610px) and (max-width:1700px) {
    .lan {
        right: 230px !important;
    }
}

@media (max-width:599px) {
    .hmPage1 {
        height: 400px !important;
    }

    .hmFocus {
        height: 400px !important;
    }
}

@media (max-width:499px) {
    .hmPage1 {
        height: 350px !important;
    }

    .hmFocus {
        height: 350px !important;
    }
}

@media (max-width:399px) {
    .hmPage1 {
        height: 300px !important;
    }

    .hmFocus {
        height: 300px !important;
    }
}

@media (min-width:599px) and (max-width:767px) {
    .hmPage1 {
        height: 500px !important;
    }

    .hmFocus {
        height: 500px !important;
    }
}

@media (max-width:767px) {
    .hmp6_w3>img:nth-child(2) {
        display: none;
    }

    .hmp6_w3>img:nth-child(3) {
        display: none;
    }

    .hmp6_w3 {
        margin-left: 0;
        margin-bottom: 60px;
    }

    .hmp6_w3>img {
        margin: 30px 10px 0;
        width: 100%;
    }

    .hmPage8_wap {
        display: block
    }

    .container2 {
        display: none;
    }

    .hmp5_u1 li {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
        opacity: 1 !important;
        transform: translate(0, 0) !important;
    }

    .hmPage5 .hmp5_u1 li .hmp5desc {
        padding: 0 22px;
        margin: 20px 0 30px;
    }

    .hmp8_xiu li {
        padding: 0 !important;
        margin: 0 !important;
        width: 50%;
    }

    .case {
        position: unset;
        bottom: 0;
    }

    #sliderMenu {
        display: none;
    }

    .fp-section {
        height: auto !important;
    }

    .fp-tableCell {
        height: auto !important;
    }

    .page-wrapper .center {
        transform: scale(0.5);
    }

    .hmPage2 {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .hmp2_ul li:nth-child(1),
    .hmp2_ul li:nth-child(4) {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmp2_ul li:nth-child(7) .hmp2Itms_a {
        background: none;
        border: 2px solid #bbbbbb;
    }

    .hmp2_ul {
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 50px;
        padding-bottom: 50px;
        overflow: hidden;
        width: 350px;
        margin: 0 auto;
    }

    .hmp2_ul li {
        width: 110px;
        height: 110px;
    }

    .hmp2Itms_a {
        width: 110px;
        height: 110px;
    }

    .hmp2ItmsTxt {
        padding-top: 12px;
    }

    .hmp2ItmsTxt p {
        line-height: 20px;
        font-size: 12px;
    }

    .hmp2ItmsTxt strong {
        height: 40px;
        line-height: 40px;
        font-size: 21px;
    }

    .hmPage2Box {
        overflow: hidden;
    }

    .hmP3Txt {
        position: static;
        transform: translateY(0);
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 60px;
        padding-top: 50px;
    }

    .hmPage5L {
        width: 100%;
        float: none;
        height: auto;
        padding-top: 50px;
    }

    .hmPage5R {
        width: 100%;
        float: none;
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmP5Lbox {
        position: static;
        padding-left: 15px;
        padding-right: 15px;
        transform: translateY(0)
    }

    .hmp4_ul li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .hmp4Box {
        position: static;
        transform: translateY(0);
    }

    .hmp4_ul {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 22px;
    }

    .hmp4Wrpper {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmp4LayTxt {
        left: 10%;
        right: 10%;
    }

    .hmp4_t1,
    .hmp3_t1 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .hmp5_u1 {
        padding-bottom: 50px;
    }

    .hmp5Itms {
        position: static;
        transform: translateY(0);
    }

    .hmPage5R li {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmp6_t1 {
        margin-top: 0;
    }

    .hmp6Wrapper {
        /*padding-top: 80px;
        padding-bottom: 80px;
        overflow: hidden;
        width: 100%;
        height: 300px !important;*/
        display: none;
    }

    .index_contact{
        display: block;
    }

    .hmp6_w1,
    .hmp6_w2,
    .hmp6_w3,
    .hmp6_w4 {
        width: 100% !important;
        border-right: none
    }

    .hmPage7L {
        width: 100%;
        float: none;
    }

    .hmP7Lbox {
        position: static;
        transform: translateY(0);
        padding: 50px 15px;
    }

    .hmPage7R {
        width: 100%;
        float: none;
    }

    .hmP7Rbox {
        position: static;
        transform: translateY(0);
        padding-bottom: 50px;
    }

    .hmp7Layer {
        display: none !important;
    }

    .hmp7_dl dd {
        display: none;
        margin-bottom: 15px;
    }

    .hmp7LgList {
        padding-top: 20px;
    }

    .hmPage8 {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .hmp8_ul {
        padding-bottom: 50px;
    }

    .hmp8_more {
        bottom: 0px;
        left: 50%;
        right: auto;
        margin-left: -57px;
        top: auto;
    }

    .hmp9Top {
        padding-right: 0;
        padding-top: 50px;
    }


    .hmp9Bom {
        padding-bottom: 150px;
    }

    .ui-spinner {
        bottom: 10%;
    }

    .hmWel_logo {
        transform: scale(0.6);
    }

    .hmWel_nt {
        font-size: 24px;
        padding: 0 20px
    }

    .hmWel_t {
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .hmPage5R li:last-child {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmp6_icon1 {
        width: 100%;
        margin-left: 0;
        transform: translateX(-50%)
    }

    .hmp6_icon3 {
        width: 100%;
        margin-left: 0;
        transform: translateX(-50%)
    }

    .hmp3Des {
        max-height: inherit;
    }


    .hmBomItms {
        position: static;
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
    }

    .m2case_menu {
        padding-bottom: 0;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
        color: #fff;
    }

    .rMneu {
        display: none;
    }

    .m2usCon3 .hmp2_ul li:nth-child(7) {
        margin-left: 40px;
        margin-right: 40px;
    }

    .m2ban_t1 {
        font-size: 26px;
        line-height: 38px;
    }

    .m2ban_t2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 500;
    }

    .m2banTxt i {
        margin-top: 8px;
    }

    .m2banTxt {
        padding-top: 20px !important;
    }

    .m2ban {
        height: 320px;
    }

    .m2posItms {
        padding-right: 0;
    }

    .m2caseIcon {
        right: 15%;
    }

    .m2case_t1 {
        font-size: 22px;
    }

    .m2comImg {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .m2comImg img {
        width: 100%;
        height: auto;
        display: block;
    }

    .m2usBtnL,
    .m2usBtnR {
        display: none;
    }

    .m2YYSwiper {
        width: 100%;
    }

    .m2YYSwiper:before,
    .m2YYSwiper:after {
        display: none;
    }

    .m2yySbox {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2usSwiper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 7px;
    }

    .m2yyStxt {
        font-size: 16px;
        line-height: 30px;
    }

    .m2usSwiper {
        background: none;
    }

    .m2subMenu {
        margin-top: 0;
        padding-top: 15px;
        margin-bottom: 0px;
        height: auto;
        line-height: 0;
        padding-bottom: 5px;
    }

    .m2subMenu_a {
        color: #333;
        line-height: 36px;
        height: 36px;
        white-space: nowrap;
        margin-bottom: 10px;
        border: none;
        margin-left: 2px;
        margin-right: 2px;
    }

    .m2fwc1box {
        padding-right: 0;
    }

    .m2fwImgIcon1,
    .m2fwCon2 .m2fwImgIcon1,
    .m2fwCon3 .m2fwImgIcon1 {
        position: static;
        transform: translateY(0);
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        margin-top: 25px;
    }

    .m2fwc1box strong {
        font-size: 24px;
    }

    .m2fwCon1,
    .m2fwCon2 {
        padding: 58px 0 80px;
    }

    .m2fwCon2 .m2fwc1box {
        padding-left: 0;
    }

    .m2fw_u2 li {
        width: 100%;
    }

    .m2fw_bt1 {
        font-size: 24px;
    }

    .m2fw_u3 li {
        width: 100%;
    }

    .m2fw_u4 li {
        width: 100%;
    }

    .m2fw_u4 p {
        width: auto;
        height: auto;
    }

    .m2fw2Con1 ul li {
        width: 100%;
    }

    .m2ks_u1 li {
        width: 50%;
    }

    .m2ksBomBox {
        height: auto;
        padding-left: 0;
        padding-top: 68px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 35px;
    }

    .m2ksBomBox:after {
        content: "";
        display: table;
        clear: both;
    }

    .m2ksBom_t {
        width: 100%;
        height: 58px;
        padding: 18px 0;
    }

    .m2ksBom_ul {
        margin-left: -15px;
        margin-right: -15px;
    }

    .m2ksBom_ul li {
        margin-bottom: 15px;
    }

    .m2jmDes {
        height: auto !important;
    }

    .m2lx_t1 {
        font-size: 24px;
    }

    .m2zp_u1 {
        text-align: center;
    }

    .m2zp_u1 li {
        width: 50%;
        display: inline-block
    }

    .m2zp_itms1,
    .m2zp_itms2 {
        width: 100%;
        font-size: 16px;
    }

    .m2nSerBox {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -50px;
        transform: translateX(-50%)
    }

    .m2nPosBox {
        padding-bottom: 50px;
    }

    .m2nList_aBox .overflowHide {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .m2nText {
        margin-left: 0;
    }

    .m2nList_aBox {
        height: auto;
    }

    .m2nList ul li {
        margin-bottom: 45px;
    }

    .m2nText p {
        height: auto;
    }

    .m2posBox2 {
        padding-bottom: 70px;
    }

    .m2nBack {
        height: 52px;
        line-height: 52px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        top: auto;
        bottom: -75px;
    }

    .m2n_bt {
        font-size: 22px;
        line-height: 36px;
    }

    .m2nInfo span {
        white-space: nowrap;
        display: inline-block;
    }

    .m2dpage_ul li {
        width: 100%;
        line-height: 50px;
        height: 50px;
        padding-right: 0 !important;
        padding-left: 28px !important;
        background-position: left center !important;
    }

    .m2dpage_ul li:first-child,
    .m2dpage_ul {
        border: none;
    }

    .m2dpage_ul li:last-child {
        background: url(https://www.lokomo.cn/Templates/cn2014/images/m2dpage_icon.png) no-repeat 30px center;
        text-align: left;
    }

    .m2dpage_a {
        height: 50px;
        line-height: 50px;
    }

    .m2hz_menu_a1 {
        margin-bottom: 10px;
    }

    .m2zx_u3:after {
        display: none;
    }

    .m2zx_imgBox {
        height: auto !important;
    }

    .m2zx_u3 li {
        margin-bottom: 10px;
    }

    .m2zx_u3 li strong {
        font-size: 18px;
    }

    .m2zx_dl dd p {
        font-size: 13px;
        width: 50%;
    }

    .m2zp_t1 {
        font-size: 26px;
    }

    .m2zp_nm {
        font-size: 17px;
    }

    .keUpDownSlide dl dd {
        padding: 25px 15px 25px;
    }

    .keUpDownSlide dl dt {
        line-height: 68px;
        height: 68px;
    }

    .keUpDownSlide dl dt .container {
        position: relative;
        height: 68px;
    }

    #hmPage4_hide {
        display: block;
        width: 100% !important;
    }

    #hmPage4_pc {
        display: none;
    }

}

@media (max-width:370px) {

    .hmp2_ul {
        transform: translateX(-10px);
    }

    .m2usCon3 .hmp2_ul {
        position: relative;
        left: -10px;
    }
}

@media (max-width:359px) {
    .hmp2_ul {
        transform: translateX(-30px);
    }

    .m2usCon3 .hmp2_ul {
        position: relative;
        left: -30px;
    }

    .m2ks_u1 li {
        width: 100%;
    }
}

/*2016-11-3 CSS*/
.f-cb {
    zoom: 1;
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.por {
    position: relative;
}

.poa {
    position: absolute;
}

.pof {
    position: fixed;
}

.poa-f {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ovh {
    overflow: hidden;
}

.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.dn {
    display: none;
}

.dib {
    display: inline-block;
}

.w-f {
    width: 100%;
}

.h-f {
    height: 100%;
}

.fwn {
    font-weight: normal;
}

.t-f {
    transition: all 0.3s;
}

.t-c {
    transition: color 0.3s;
}

.t-bg {
    transition: background 0.3s;
}

.tac {
    text-align: center;
}

.a-part .main {
    left: 50%;
    top: 50%;
    width: 780px;
    margin-left: -390px;
}

.about-fi {
    top: -95px;
    margin-bottom: -95px;
}

.about-fi .tips {
    top: 20px;
    margin-bottom: 48px;
    font-size: 20px;
    line-height: 40px;
    color: #de0010;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-fi .tips span {
    display: inline-block;
    left: 50%;
    bottom: -15px;
    width: 26px;
    height: 1px;
    background: #ce0211;
    margin-left: -13px;
}

.about-fi .detail {
    font-size: 14px;
    line-height: 28px;
    color: #e0e0e0;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-fi .detail p.fz20 {
    font-size: 20px;
    line-height: 38px;
    color: #ce0211;
}

.about-fi .detail p.fz20.mb28 {
    margin-bottom: 28px;
}

.about-fi .btns {
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-fi .btns span {
    display: inline-block;
    width: 39px;
    height: 38px;
    cursor: pointer;
}

.about-fi .btns span.btn {
    margin: 46px 13px 0;
}

.about-fi .btns span.prev.hover {
    background-position: center 40%;
}

.about-fi .btns span.next.hover {
    background-position: center 60%;
}

.about-se img.shadow {
    left: 150%;
    top: 0;
    width: 1120px;
    margin-left: -155px;
}

.about-se li {
    position: relative;
    left: 535px;
    width: 535px;
    height: 77px;
    margin-bottom: 30px;
    color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-se li.fi {
    margin-left: 309px;
}

.about-se li.se {
    margin-left: 345px;
}

.about-se li.th {
    margin-left: 381px;
}

.about-se li.fo {
    margin-left: 417px;
}

.about-se li .num {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background: #fff;
    font: 36px/77px Arial;
    color: #e1000b;
    text-align: center;
}

.about-se li .detail {
    width: 421px;
}

.about-se li p {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.about-se li p.t {
    margin-bottom: 3px;
    font-size: 18px;
    line-height: 30px;
    filter: alpha(opacity=100);
    opacity: 1;
}

.about-th .name {
    background-image: url(https://www.lokomo.cn/Templates/cn2014/images/name03.png);
}

.about-th .main {
    width: 1004px;
    margin-left: -502px;
}

.about-th .shadow {
    left: 50%;
    top: 614px;
    width: 1330px;
    height: 188px;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/bg_shadow01.png) no-repeat;
    margin-left: -694px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-th .imgs {
    perspective: 500px;
}

.about-th .imgs img {
    position: relative;
    left: 307px;
    transform-style: preserve-3d;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-th .rotate7 {
    margin: 0 -2px;
    animation: Rotate 0.3s forwards;
}

@keyframes Rotate {
    100% {
        transform: rotateY(7deg);
    }
}

.about-th .rotate8 {
    margin: 0 -2px;
    animation: RotateE 0.3s forwards;
}

@keyframes RotateE {
    100% {
        transform: rotateY(-8deg);
    }
}

.about-th .rotate10 {
    margin: 0 -2px;
    animation: RotateT 0.3s forwards;
}

@keyframes RotateT {
    100% {
        transform: rotateY(10deg);
    }
}

.about-th .rotate11 {
    margin: 0 -2px;
    animation: Rotate-n 0.3s forwards;
}

@keyframes Rotate-n {
    100% {
        transform: rotateY(-11deg);
    }
}

.about-th .titles {
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-th .titles li {
    top: 171px;
    height: 575px;
}

.about-th .titles li.fi {
    left: 0;
    width: 307px;
}

.about-th .titles li.se {
    left: 307px;
    width: 195px;
}

.about-th .titles li.th {
    left: 502px;
    width: 221px;
}

.about-th .titles li.fo {
    left: 723px;
    width: 281px;
}

.about-th .titles .box {
    height: 234px;
    padding: 40px 0 0 13px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.about-th .titles .box.w294 {
    width: 294px;
}

.about-th .titles .box.w182 {
    width: 182px;
}

.about-th .titles .box.w208 {
    width: 208px;
}

.about-th .titles .box.w268 {
    width: 268px;
}

.about-th .titles .box.t {
    height: 261px;
}

.about-th .titles p {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.about-th .titles p.en {
    margin-bottom: 12px;
    font: 22px/30px Arial;
    text-transform: uppercase;
    filter: alpha(opacity=100);
    opacity: 1;
}

.about-th .titles .line {
    margin-left: 3px;
    width: 23px;
    height: 1px;
    background: #fff;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.about-fo .name {
    background-image: url(https://www.lokomo.cn/Templates/cn2014/images/name16.png);
}

.about-fo .title {
    width: 178px;
}

.about-fo .main {
    width: 980px;
    margin-left: -490px;
    top: 0 !important
}

.about-fo .detail {
    height: 250px;
    margin-top: 100px;
    filter: alpha(opacity=0);
    opacity: 1;
}

.about-fo .btn {
    top: 90px;
    width: 44px;
    height: 44px;
    cursor: pointer;
}

.about-fo .prev {
    left: 0;
    display: block !important;
    opacity: 1 !important;
}

.about-fo .next {
    right: 0;
    display: block !important;
    opacity: 1 !important;
}

.about-fo .detail .in {
    width: 750px;
    height: 276px;
    margin: 0 auto;
}

.about-fo .box {
    left: 0;
    top: 0;
    width: 750px;
    height: 216px;
    border-radius: 3px;
    background: #ff8c01;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.about-fo .box.fo {
    transform: translateY(-156px) scale(0.55);
    filter: alpha(opacity=0.8);
    opacity: 0.08;
}

.about-fo .box.fif {
    top: 26px;
    opacity: 0;
}

.about-fo .time {
    height: 36px;
    padding-left: 20px;
    border-left: 6px solid #fceceb;
    margin-bottom: 28px;
    font: 36px/1 Arial;
    display: none;
}

.about-fo .list {
    height: 20px;
    margin-top: 0px;
    font: 30px/58px Arial;
    color: #d31200;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 1;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/m2yyLine.png) no-repeat center 13px;
}

.about-fo .list li {
    width: 11px;
    height: 11px;
    background: #FFF url(https://www.lokomo.cn/Templates/cn2014/images/bg_sign03.png) no-repeat center top;
    cursor: pointer;
    border: 2px solid #acacac;
    overflow: hidden;
    text-indent: 500px;
    margin: 0px 35px;
    border-radius: 50%;
    display: inline-block;
    float: none
}

.about-fo .list ul {
    display: block;
    width: 100% !important;
    text-align: center;
    position: relative;
    top: -21px;
    margin-left: 0 !important;
}

.about-fo .list li.cur {
    background: #ff8c01;
    border: 2px solid #ff8c01;
}

.about-fif .main {
    width: 1002px;
    margin-left: -501px;
}

.about-fif .name {
    background-image: url(https://www.lokomo.cn/Templates/cn2014/images/name05.png);
}

.about-fif .list {
    height: 315px;
    padding-bottom: 50px;
}

.about-fif .move {
    height: 315px;
}

.about-fif ul {
    left: -17;
    top: 0;
    width: 1182px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-fif li {
    position: relative;
    left: 360px;
    width: 300px;
    height: 315px;
    background: #fff;
    margin: 0 17px;
    line-height: 20px;
    color: #b4b2b2;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-fif li .in {
    padding: 18px 25px 0;
}

.about-fif .in a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    color: #666;
}

.about-fif .in a.more {
    width: auto;
    margin-top: 10px;
}

.about-fif .in a:hover {
    color: #be010e;
}

.about-fif .btn {
    left: 50%;
    bottom: 0;
    height: 13px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-fif .btn span {
    display: inline-block;
    width: 14px;
    height: 13px;
    background: url(https://www.lokomo.cn/Templates/cn2014/images/bg_btn02.png) no-repeat;
    margin: 0 8px;
    cursor: pointer;
}

.about-fif .btn span.cur {
    background-position: 0 -13px;
}

.about-si .name {
    background-image: url(https://www.lokomo.cn/Templates/cn2014/images/name15.png);
}

.about-si .detail {
    width: 545px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.about-si .detail .line {
    top: 20px;
    width: 90px;
    height: 8px;
    background: #e50000;
    margin-bottom: 21px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-si .detail p {
    top: 28px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-si .detail p.fz36 {
    font-size: 36px;
    line-height: 56px;
    color: #fff;
}

.about-si .detail img {
    top: 63px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.about-fo .box-in {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0 !important;
    padding-left: 130px;
    padding-right: 130px;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
}

.about-fo .box:before {
    content: "";
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center;
    height: 216px;
    width: 130px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.about-fo .box:after {
    content: "";
    background: #ff8c01 url(https://www.lokomo.cn/Templates/cn2014/images/m2us_icon.png) no-repeat 42px center;
    height: 216px;
    width: 130px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    transform: rotateY(180deg)
}


@media (max-width:1199px) {
    .about-fo .main {
        width: 850px;
        margin-left: -425px;
    }

    .about-fo .box {
        width: 100%;
    }

    .about-fo .detail .in {
        width: 650px;
    }

    .about-fo .box-in {
        font-size: 16px;
        line-height: 32px;
    }
}

@media (max-width:991px) {
    .about-fo .main {
        width: 700px;
        margin-left: -350px;
    }

    .about-fo .box {
        width: 100%;
    }

    .about-fo .detail .in {
        width: 560px;
    }

    .about-fo .box-in {
        font-size: 16px;
        line-height: 32px;
    }

    .about-fo .list li {
        margin: 0 25px;
    }
}

@media (max-width:767px) {
    .hmp2_ul li:nth-child(7) {
        margin-top: 50px;
    }

    .hmp2_ul li {
        margin-top: 0;
    }


    .swiper-slide .hmBan1_sgo {
        margin-left: 0 !important;
    }

    .about-fo .main {
        width: 100%;
        margin-left: -0;
        left: 0
    }

    .about-fo .box {
        width: 100%;
    }

    .about-fo .detail .in {
        width: 100%;
    }

    .about-fo .box-in {
        font-size: 14px;
        line-height: 26px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-fo .list li {
        margin: 0 6px;
        border-width: 1px;
    }

    .about-fo .box:before,
    .about-fo .box:after {
        display: none;
    }

    .about-fo .btn {
        top: 240px;
        z-index: 5
    }

    .about-fo .list {
        background: none;
    }

    .about-fo .list li {
        margin: 0 2px;
    }

    .hmp2ItmsTxt p {
        padding: 0 6px;
    }
}

@media (min-width:768px) {
    .m2subMenu {
        overflow: hidden;
    }

    .m2subMenu_a {
        height: 68px;
    }
}

.lan {
    right: 300px;
    height: 28px;
    width: 90px;
    top: 22px;
    border-radius: 14px;
    border: 1px solid #fff;
    position: fixed;
    padding-top: 4px;
    padding-left: 8px;
}

.lan a {
    font-size: 15px;
    line-height: 15px;
    padding: 0 8px;
    color: #fff;
}

.lan a:hover {
    color: #ff8c01;
}

.lan a:first-child {
    border-right: 1px solid #fff;
}

.lan1 {
    display: none;
    right: 10px;
    height: 28px;
    top: 22px;
    border-radius: 14px;
    position: fixed;
    padding-top: 4px;
    padding-left: 8px;
}

.lan1 a {
    font-size: 15px;
    line-height: 15px;
    padding: 0 8px;
    color: #fff;
}

.lan1 a:hover {
    color: #ff8c01;
}

.navBombar .lan a:first-child,
.pagenav .lan a:first-child {
    border-right: 1px solid #666;
}

.research {
    position: fixed;
    width: 23px;
    height: 23px;
    right: 95px;
    top: 24px;
}

.research .ipt-text {
    font-family: Arial, "Microsoft YaHei";
    border-radius: 16px;
    top: -4px;
    left: -153px;
    opacity: 0;
    border: solid #fff 1px;
    position: absolute;
    background: none;
    width: 185px;
    height: 32px;
    padding-left: 10px;
    padding-right: 30px;
    color: #fff;
}

input::-webkit-input-placeholder {
    color: #fff
}

input:-moz-placeholder {
    color: #fff
}

input::-moz-placeholder {
    color: #fff
}

input:-ms-input-placeholder {
    color: #fff
}

.research .submit {
    z-index: 9;
    position: absolute;
    right: 0;
    top: 0px;

    background: none;
    border: 0;
}

.sub-icon-search {
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../image/sousuo.png) no-repeat center center;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.navbar-collapse.collapse .xian {
    z-index: 10;
    position: absolute;
    right: 78px;
    top: 28px;
    width: 1px;
    height: 16px;
    background-color: #fff;
}


.hmPage10.active .hmP10_left {
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
}

.hmPage10.active .hmP10_right {
    animation-duration: 1.5s;
    animation-delay: 0.2s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
}

.suspension {
    position: fixed;
    z-index: 55;
    right: 20px;
    top: 50%;
    width: 40px;
    height: 178px;
}

.suspension-box {
    position: relative;
    float: right;
}

.suspension .a {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #f3981b;
    border-radius: 50%;
    margin-bottom: 10px;
    cursor: pointer;
    outline: none;
    text-align: center;
    line-height: 40px;
}

.suspension .a.active,
.suspension .a:hover {
    border: 1px solid #ff8c01;
    background-color: #ff8c01;
}

.suspension .a-service img{
    margin: 10px auto 0 auto;
}

.suspension .a-service img:nth-child(1){
    display: block;
}
.suspension .a-service img:nth-child(2){
    display: none;
}
.suspension .a-service:hover img:nth-child(1){
    display: none;
}
.suspension .a-service:hover img:nth-child(2){
    display: block;
}
.suspension .d {
    z-index: -1;
    display: none;
    width: 210px;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    border: 1px solid #ff8c01;
    border-radius: 20px;
}

.suspension .d .arrow {
    position: absolute;
    width: 8px;
    height: 12px;
    right: -8px;
    top: 31px;
}

.suspension .d-service {
}

.suspension .d-service-phone {
    top: 0;
}

.suspension .d-qrcode {
    top: 50px;
}

.suspension .d-service .d-service-item {
    border-bottom: none;
}

.suspension .d-service-item .circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #F1F1F3;
    display: block;
    float: left;
}

.suspension .d-service-item .i-qq {
    width: 40px;
    height: 40px;
    background: url(../images/side_con_icon03.png) no-repeat center 15px;
    display: block;
    transition: all .2s;
    border-radius: 50%;
    overflow: hidden;
}

.suspension .d-service-item:hover .i-qq {
    background-position: center 3px;
}

.suspension .d-service-item .i-tel {
    width: 40px;
    height: 40px;
    background: url(../images/side_con_icon02.png) no-repeat center center;
    display: block;
}

.suspension .d-service-item h3 {
    color: #ff8c01;
    margin-left: 20px;
    float: left;
    width: 100px;
    line-height: 40px;
    font-size: 15px;
}

.suspension .d-service-item .text {
    font-weight: bold;
    color: #ff8c01;
    margin-left: 20px;
    width: 160px;
    line-height: 40px;
    font-size: 15px;
    float: left;
}

.suspension .d-service-intro {
    padding-top: 10px;
}

.suspension .d-service-intro p {
    float: left;
    line-height: 27px;
    font-size: 12px;
    width: 50%;
    white-space: nowrap;
    color: #888;
}

.suspension .d-service-intro i {
    background: url(../images/side_con_icon01.png) no-repeat center center;
    height: 27px;
    width: 14px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
}

.suspension .d-qrcode {
    text-align: center;
}

.suspension .d-qrcode .inner-box {
    padding: 20px 0;
}

.suspension .d-qrcode p {
    font-size: 16px;
    color: #93959c;
}

@media (max-width: 992px){
    .copyright.index,.footer{
        display: none;
    }

}