body {
    font-family: '\9ED1\4F53';
    padding-top: 60px;
}

.navbar-pc {
    background: #FFFFFF;
    opacity: 0.98;
    height: 63px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.navbar-index {
    box-shadow: 0 1px 26px rgba(0, 0, 0, 0.2);
}

.content {
    margin-top: 100px;
}

.footer {
    margin-top: 0px;
    font-size: 14px;
    background: none repeat scroll 0 0 #f2f2f2;
    padding: 50px;
    color: #4e5a5d;
    line-height: 24px;
}

.footer .desc {
    color: #75878b;
}

.footer a {
    color: #75878b;
}

.copy-right {
    font-size: 14px;
    background: none repeat scroll 0 0 #1E1D27;
    padding: 10px;
    color: #8F97A6;
    line-height: 24px;
}

.copy-right a {
    color: #8F97A6;
}

.copy-right .gov-icon img {
    margin-top: 5px;
}

.navbar-brand {
    float: left;
    font-size: 19px;
    height: 60px;
    line-height: 21px;
    padding: 0 15px 0 35px;
}

.navbar-nav .btn-nav>a {
    padding: 6px 12px;
    margin: 13px 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857;
    color: #FFFFFF;
}

.nav>li>a {
    padding: 0px 25px;
}

.nav>li>a:focus {
    
}

.nav>li>a:hover {
    background-color: #e6e6e6;
    color: #07c011;
}

.navbar-nav>li>a {
    line-height: 62px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-family: '\9ED1\4F53';
    font-size: 16px;
    color: #000;
}

.nav-left>li>a {
    font-weight: bold;
}

.nav>li:hover .dropdown-menu {
    display: block;
}

.btn-nav {
    height: 58px;
    line-height: 58px;
}

.navbar-nav .btn-nav>.btn-warning:hover {
    background-color: #b67102;
    border-color: #935b01;
    color: #FFFFFF;
}

.navbar-nav .btn-nav>.btn-primary:hover {
    background-color: #3071a9;
    border-color: #285e8e;
    color: #FFFFFF;
}

.pointer {
    cursor: pointer;
}

.intro {
    color: #ffffff;
    font-family: '\9ED1\4F53';
    height: 500px;
    min-width: 1140px;
    overflow: hidden;
    position: relative;
}

.intro .container {
    position: relative;
}

.intro .item {
    padding-top: 25px;
    height: 500px;
    background: url("/images/1/top.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.intro .dragon {
    background: url("/images/1/dragon.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);
}

.intro .carousel-inner {
    overflow: inherit;
    height: 500px;
}

.intro .c1 .pc {
    background: url("/images/1/c1.png") no-repeat scroll -194px -27px rgba(0, 0, 0, 0);
    height: 320px;
    position: absolute;
    top: 38px;
    width: 550px;
}

.intro .c1 .ipad {
    background: url("/images/1/c1.png") no-repeat scroll -20px -132px rgba(0, 0, 0, 0);
    height: 234px;
    position: absolute;
    top: 170px;
    left: 10px;
    width: 170px;
    z-index: 9;
}

.intro .c1 .mobile {
    background: url("/images/1/c1.png") no-repeat scroll -746px -195px rgba(0, 0, 0, 0);
    height: 197px;
    position: absolute;
    top: 242px;
    left: 110px;
    width: 86px;
    z-index: 10;
}

.intro .c1 .introText {
    background: url("/images/1/c1.png") no-repeat scroll -950px -2px rgba(0, 0, 0, 0);
    height: 160px;
    position: absolute;
    top: 52px;
    left: 660px;
    width: 620px;
    z-index: 10;
}

.intro .c2 .baobiao {
    background: url("/images/1/c2.png") no-repeat scroll -108px -0px rgba(0, 0, 0, 0);
    height: 376px;
    position: absolute;
    top: 38px;
    width: 701px;
    left: 0px;
}

.intro .c2 .introText {
    background: url("/images/1/c2.png") no-repeat scroll -950px -2px rgba(0, 0, 0, 0);
    height: 160px;
    position: absolute;
    top: 52px;
    left: 660px;
    width: 620px;
    z-index: 10;
}

.intro .c3 .print {
    background: url("/images/1/c3.png") no-repeat scroll -108px -0px rgba(0, 0, 0, 0);
    height: 383px;
    position: absolute;
    top: 38px;
    width: 628px;
    left: 0px;
}

.intro .c3 .introText {
    background: url("/images/1/c3.png") no-repeat scroll -950px -2px rgba(0, 0, 0, 0);
    height: 160px;
    position: absolute;
    top: 52px;
    left: 660px;
    width: 620px;
    z-index: 10;
}

.intro .d1 .print {
    background: url("/images/1/d1.png") no-repeat scroll -108px -0px rgba(0, 0, 0, 0);
    height: 383px;
    position: absolute;
    top: 38px;
    width: 628px;
    left: 0px;
}

.intro .d1 .introText {
    background: url("/images/1/d1.png") no-repeat scroll -950px -2px rgba(0, 0, 0, 0);
    height: 160px;
    position: absolute;
    top: 52px;
    left: 660px;
    width: 620px;
    z-index: 10;
}

@keyframes pc_show {
    0% {
        transform: translate(-150px, -1000px) scale(2.5);
    }

    100% {
        transform: translate(50px, 0px) scale(1);
    }
}

@keyframes mobile_show {
    0% {
        transform: rotate3d(0, 1, 0, -90deg);
    }

    100% {
        transform: rotate3d(0, 1, 0, 0deg);
    }
}

@keyframes text_show {
    0% {
        transform: translate(1500px);
    }

    100% {
        transform: translate(30px);
    }
}

@keyframes appspic_show {
    0% {
        transform: scale(0.2) rotate(0deg);
    }

    80% {
        transform: scale(1.4) rotate(-720deg);
    }

    100% {
        transform: scale(1) rotate(-720deg);
    }
}

@keyframes upper_show {
    0% {
        transform: scale(2.4) translateX(-150px);
        transform-origin: left 50% 0;
    }

    60% {
        transform: translateX(0px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0px);
    }
}

@keyframes upper_show {
    0% {
        transform: scale(2.4) translateX(-150px);
        transform-origin: left 50% 0;
    }

    60% {
        transform: translateX(0px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0px);
    }
}

.intro .container .download-c {
    bottom: 70px;
    height: 150px;
    position: absolute;
    right: 40px;
    width: 400px;
    z-index: 11;
}

.intro .carousel-indicators {
    bottom: 0px;
    margin-bottom: 7px;
}

.download-c a {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-shadow: 2px 5px 3px #3770d0;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 23px;
    padding-left: 78px;
    width: 150px;
}

.download-c a:hover {
    color: #fff;
    text-decoration: none;
}

.download-c a.btn-ios:hover {
    background-color: #38b1f6;
}

.download-c a.btn-android:hover {
    background-color: #3dd51a;
}

.download-c .fl {
    width: 228px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.download-c .qr-code img {
    display: block;
    overflow: hidden;
    width: 100%;
}

.download-c a.btn-android {
    background: url("/images/1/ico-android.png") no-repeat scroll 22px center #2cc408;
}

.download-c a.btn-ios {
    background: url("/images/1/ico-ios.png") no-repeat scroll 22px center #19a2f0;
}

.download-c .qr-code {
    display: block;
    height: 144px;
    overflow: hidden;
    width: 144px;
}

.intro .txt1 {
    font-size: 16px;
    padding-top: 10px;
}

.intro .txt2 {
    font-size: 30px;
    padding-top: 200px;
}

.btn-download,
.btn-download:hover {
    color: #ffffff;
}

.btn-ex,
.btn-ex:hover {
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 5px 30px;
}

.download-c {
    padding-top: 15px;
}

.banner-desc {
    padding-top: 50px;
    font-size: 35px;
}

.ipdownload {
    background: url("/images/dd.png") -132px 0 no-repeat;
    display: block;
    height: 64px;
    width: 223px;
}

.ipdownload:hover {
    background: url("/images/dd.png") -132px -66px no-repeat;
}

.addownload {
    background: url("/images/dd.png") -359px 0 no-repeat;
    display: block;
    height: 64px;
    margin-top: 16px;
    width: 223px;
}

.addownload:hover {
    background: url("/images/dd.png") -359px -66px no-repeat;
}

.fun {
    padding-top: 80px;
    padding-bottom: 45px;
}

.fun-list {
    padding-top: 30px;
}

.fun .sec1 {
    padding-top: 0px;
}

.fun-list-bt {
    border-bottom: 1px solid #cccccc;
    height: 1px;
    clear: both;
    width: 1000px;
    margin: 0px auto -10px auto;
}

.cont {
    font-size: 18px;
}

.intro-dt {
    font-family: '\9ED1\4F53';
    padding-right: 100px;
    padding-top: 140px;
    text-align: right;
}

.intro-dt .title {
    font-size: 30px;
    color: #565656;
    padding-bottom: 10px;
}

.intro-dt .cont {
    color: #898989;
}

.intro-dt2 {
    font-family: '\9ED1\4F53';
    padding-left: 100px;
    padding-top: 140px;
}

.intro-dt2 .title {
    font-size: 30px;
    color: #565656;
    padding-bottom: 10px;
}

.intro-dt2 .cont {
    color: #898989;
}

.say {
    font-family: "Open Sans", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", SimSun, sans-serif;
    font-size: 18px;
    color: #333;
    line-height: 60px;
}

.say .pic {
    color: #3c8ad2;
    margin-right: 5px;
}

.left-nav {
    box-shadow: none;
    line-height: 50px;
}

.left-nav li {
    background-color: #ECECEC;
}

.left-nav .active {
    border-right: none;
}

.left-nav a {
    color: #00c1ff;
    background-color: #f6fbff;
}

.left-nav .active a {
    color: #ffffff;
    background-color: #00c1ff;
}

.bc-social {
    padding: 0px;
    background-color: #f5f5f5;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}

.bc-social h3 {
    margin-top: 10.5px;
}

.about_r_tit {
    border-bottom: 1px solid #00c1ff;
    color: #00c1ff;
    font: bold 20px/32px "Hiragino Sans GB", "\9ED1\4F53", "\9ED1\4F53";
    padding-bottom: 5px;
}

.about_r_con {
    padding-top: 30px;
    font-size: 14px;
    color: #3f3f3f;
    line-height: 35px;
}

.content-right {
    box-shadow: 6px 6px 10px rgba(0, 0, 0, .1);
    margin-bottom: 50px;
}

.main {
    background-color: #ffffff;
}

.main .container {
    padding-top: 35px;
    min-height: 580px;
    padding-bottom: 15px;
}

.question {
    background-color: #f7fbff;
}

.question li {
    border-bottom: 1px dashed #efebef;
    padding: 10px;
    line-height: 18px;
}

.pagination {
    margin: 0;
}

.date {
    font-size: 13px;
}

.ask {
    margin-top: 30px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 10px 20px 20px;
}

.ask-title {
    color: #ff6600;
    font-weight: bold;
}

.can-i {
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 18px;
}

.question-d {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.question-d-t {
    color: #f60;
    font: bold 20px/32px "Hiragino Sans GB", "\9ED1\4F53", "\9ED1\4F53";
    line-height: 32px;
}

.question-d-c {
    padding: 5px 0;
    color: #cccccc;
    font-size: 12px;
}

.answer {
    border: 1px solid #ddd;
    padding: 15px 10px;
}

.answer-list {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.inp-count {
    font-size: 20px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 1;
}

.opt-result {
    display: none;
    position: fixed;
    top: 80px;
    left: 40%;
    min-height: 50px;
    min-width: 250px;
    z-index: 3;
}

.rides-cs {
    font-size: 12px;
    background: #29a7e2;
    position: fixed;
    top: 250px;
    right: 0px;
    _position: absolute;
    z-index: 1500;
    border-radius: 6px 0px 0 6px;
    padding-right: 8px
}

.rides-cs a {
    color: #00A0E9;
}

.rides-cs a:hover {
    color: #ff8100;
    text-decoration: none;
}

.rides-cs .floatL {
    width: 36px;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 21px;
    height: 181px;
}

.rides-cs .floatL a {
    font-size: 0;
    text-indent: -999em;
    display: block;
}

.rides-cs .floatR {
    width: 130px;
    float: left;
    padding: 5px;
    overflow: hidden;
}

.rides-cs .floatR .cn {
    background: #F7F7F7;
    border-radius: 6px;
    margin-top: 4px;
}

.rides-cs .cn .titZx {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    line-height: 24px;
    padding: 5px;
    text-align: center;
}

.rides-cs .cn ul {
    padding: 0px;
}

.rides-cs .cn ul li {
    line-height: 38px;
    height: 38px;
    border-bottom: solid 1px #E6E4E4;
    overflow: hidden;
    text-align: center;
}

.rides-cs .cn ul li span {
    color: #777;
}

.rides-cs .cn ul li a {
    color: #777;
}

.rides-cs .cn ul li img {
    vertical-align: middle;
}

.rides-cs .btnOpen,
.rides-cs .btnCtn {
    position: relative;
    z-index: 9;
    top: 25px;
    left: 0;
    background-image: url(http://demo.lanrenzhijia.com/2014/service1031/images/lanrenzhijia.png);background-repeat:no-repeat;display:block;height:146px;padding:8px;}.rides-cs .btnOpen{background-position:0 0;}.rides-cs .btnCtn{background-position:-37px 0;}.rides-cs ul li.top{border-bottom:solid #ACE5F9 1px;}.rides-cs ul li.bot{border-bottom:none;}.products{clear:both;height:173px;padding-top:30px;}.products .text{font-size:13px;color:#666;padding-top:5px;}.products h2{font-weight:500;font:18px "\9ED1\4F53","\9ED1\4F53","Hiragino Sans GB",tahoma,arial,"\9ED1\4F53";}.products h1,h2,h3,h4,h5,h6{color:#000;font-weight:500;}.products .products-wrap{position:relative;height:173px;border-bottom:1px solid #eee;border-top:1px solid #eee;}.products .cell .box{background-color:#fff;border-right:1px dashed #ddd;height:135px;cursor:pointer;text-align:center;}.products .cell .last-box{border-right:medium none;}.products .cell{cursor:pointer;}.products .cell .hover .title{color:#fff;}.products .cell .hover .price{height:50px;margin-bottom:10px;padding-top:4px;font-size:12px;}.products .cell .hover span{font-size:24px;}.products .cell-jxc .hover{background:url("/images/prod-bg.png")  repeat-x  scroll 0 0 rgba(0,0,0,0);}.products .cell-wsc .hover{background:url("/images/prod-bg.png")  repeat-x  scroll 0 -180px rgba(0,0,0,0);}.products .cell-wl .hover{background:url("/images/prod-bg.png")  repeat-x  scroll 0 -540px rgba(0,0,0,0);}.products .cell .hover{color:#fff;display:none;height:173px;left:-1px;position:absolute;top:0;width:100%;z-index:1;}.products .colored .hover{display:block;}.products .btn-prev{background-color:#000;border-left:1px solid #eee;height:174px;left:-1px;opacity:0.08;position:absolute;width:25px;z-index:1000;}.products .btn-next{background-color:#000;border-right:1px solid #eee;height:174px;opacity:0.08;position:absolute;right:-1px;width:25px;z-index:1000;}.products .icon{font-size:45px;}.btn-prod{background:none repeat scroll 0 0 rgba(0,0,0,0);border:1px solid #fff;border-radius:4px;color:#fff;display:inline-block;font-size:14px;height:35px;line-height:33px;min-width:78px;outline:medium none;padding:0 45px 5px;text-align:center;}.btn-prod:hover{background:none repeat scroll 0 0 #ffffff;border-color:#fff;color:#000;}.home-notice{padding:12px 0;background-color:#e5e5e5;line-height:16px;color:#666;font-size:13px;}.home-notice a{font-size:13px;}.home-grey{color:#666!important;}.slider-tit{width:265px;float:left;height:300px;}.slider-tit-m{background-color:#3174cb;}.slider-tit-m-ny{background-color:#970005;}.slider-tit-pc{background-color:#0262b8;}.slider-tit-ws{background-color:#0262b8;}.banner-c{min-width:1050px;}.home-video{height:230px;border-top:1px solid #c1c1c1;padding-top:20px;text-align:center;background:url("http://gtms01.alicdn.com/tps/i1/T1XGvCFlVaXXbcg1HR-585-167.png") center 55px no-repeat #fff;}.home-video .title{margin-top:32px;}.home-video .subtitle{margin-top:5px;color:#989898;}.home-video .play{margin-top:14px;}.home-video .play-text{font-size:14px;}.home-video .icon-play{font-size:36px;color:#75787c;z-index:999;cursor:pointer;}.video-modal .modal-content{border:none;}.play-close{position:fixed;top:-30px;right:-30px;display:block;width:40px;height:40px;color:#ccc;font-size:30px;text-align:center;cursor:pointer;line-height:40px;z-index:2000}.left-nav .active a:hover{color:#ffffff;background-color:#00c1ff;}

.about_r_con video {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.about_r_con video:focus {
    outline: unset;
}