/*header*/


/**解决内容不够时，底部也在最下面显示**/
body,html{
    height: 100%;
    overflow-x: hidden;
}

a:hover,
a:focus {
    text-decoration: none;
}


#wapper{
    position: relative;   /* 重要！保证footer是相对于wapper位置绝对*/
    height: auto;          /* 保证页面能撑开浏览器高度时显示正常*/
    min-height: 100%;  /* IE6不支持，IE6要单独配置*/
}
#footer{
    position: absolute;  bottom: 0; /* 关键 */
    left:0; /* IE下一定要记得 */
    height: 70px;         /* footer的高度一定要是固定值*/
    z-index: 1001;
}
#main-content{
    padding-bottom: 70px; /*重要！给footer预留的空间*/
    z-index: 1000;
    position: relative;
}
#footer p{
    color:#fff;
    line-height: 24px;
}
#footer .u-footadd-p{
    padding-top:12px;
}

#svg_container.banner{
    background: #e04b39;
    background-repeat: no-repeat;
    background-position: center 20%;
}

#svg_container.banner1{
    background: #0e4996;
    background-image: url('../img/banner-bg-01.png');
}

#svg_container.banner2{
    background: #e04b39;
    background-image: url('../img/banner-bg-02.png');
}

#svg_container.banner3{
    background: #704496;
    background-image: url('../img/banner-bg-03.png');
}

#svg_container.banner4{
    background: #f2cb20;
    background-image: url('../img/banner-bg-04.png');
}



#carrier_container{
    height:450px;
}

#carrier_bg_container{
    height:450px;
    background: url('../img/carrier_container_bg.png') center center no-repeat;
    position: relative;
    z-index:8;
}

#cloud_bottom{
    height:450px;
    background: url('../img/cloud_bottom.png') center center no-repeat;
    position: relative;
    margin-top:-450px;
    z-index: 10;
}

#cloud{
    height:450px;
    position: relative;
    background: url('../img/cloud.png') center center no-repeat;
    margin-top:-450px;
    z-index: 20;
}

#cloud_container{
    width:970px;
    height: 450px;
    margin:0 auto;
    position: relative;
    margin-top:-450px;
    z-index: 20;
}

#cloud_container img{
    position: relative;
    float:left;
}

#super_man_container{
    width:970px;
    height: 450px;
    margin:0 auto;
    position: relative;
    margin-top:-450px;
    z-index: 30;
}

#super_man{
    width:200px;
    float:right;
    margin-right: 10px;
    position: relative;
    z-index: 40;
}

.move_x {
    -webkit-animation: move_x 6s linear 0s infinite;
    -moz-animation: move_x 6s linear 0s infinite;
    -ms-animation: move_x 6s linear 0s infinite;
    -o-animation: move_x 6s linear 0s infinite;
}

@-webkit-keyframes move_x {
    0% {
        transform: translateX(0px)
    }
    25% {
        transform: translateX(50px)
    }
    50% {
        transform: translateX(0px)
    }
    75% {
        transform: translateX(-50px)
    }
    100% {
        transform: translateX(0px)
    }
}

.move_y {
    -webkit-animation: move_y 2s linear 0s infinite;
    -moz-animation: move_y 2s linear 0s infinite;
    -ms-animation: move_y 2s linear 0s infinite;
    -o-animation: move_y 2s linear 0s infinite;
}

@-webkit-keyframes move_y {
    0% {
        transform: translateY(0px)
    }
    25% {
        transform: translateY(20px)
    }
    50% {
        transform: translateY(0px)
    }
    75% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-moz-keyframes move_y {
    0% {
        transform: translateY(0px)
    }
    25% {
        transform: translateY(20px)
    }
    50% {
        transform: translateY(0px)
    }
    75% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-ms-keyframes move_y {
    0% {
        transform: translateY(0px)
    }
    25% {
        transform: translateY(20px)
    }
    50% {
        transform: translateY(0px)
    }
    75% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-o-keyframes move_y {
    0% {
        transform: translateY(0px)
    }
    25% {
        transform: translateY(20px)
    }
    50% {
        transform: translateY(0px)
    }
    75% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0px)
    }
}

/*banner  start*/
.l-box-k {
    background: #5bc6d8;
    text-align: center;
}

.l-box-k img {
    padding: 50px 0 20px 0;
    width: 560px;
}

.l-box-k p {
    color: #fff;
    font-size: 24px;
}

#book, #first, #second, #third, #four, #five, #six, #seven, #eight, #red_1, #yellow_1, #blue_1, #green, #white, #first {
    opacity: 0;
}

.myopia_four, .weakeye_four, .strabismus_four, .eye_four, .eyefatigue_four, .eyepower_four, .eyeobstacle_four, .presbyopia_four {
    opacity: 0;
}

.team_red_1 {
    -webkit-animation: twinkle 3s linear 0s infinite;
    -moz-animation: twinkle 3s linear 0s infinite;
    -ms-animation: twinkle 3s linear 0s infinite;
    -o-animation: twinkle 3s linear 0s infinite;
}

.team_yellow_1 {
    -webkit-animation: twinkle 4s linear 0s infinite;
    -moz-animation: twinkle 4s linear 0s infinite;
    -ms-animation: twinkle 4s linear 0s infinite;
    -o-animation: twinkle 4s linear 0s infinite;
}

.team_blue_1 {
    -webkit-animation: twinkle 2s linear 0s infinite;
    -moz-animation: twinkle 2s linear 0s infinite;
    -ms-animation: twinkle 2s linear 0s infinite;
    -o-animation: twinkle 2s linear 0s infinite;
}

.team_green {
    -webkit-animation: twinkle 4.5s linear 0s infinite;
    -moz-animation: twinkle 4.5s linear 0s infinite;
    -ms-animation: twinkle 4.5s linear 0s infinite;
    -o-animation: twinkle 4.5s linear 0s infinite;
}

.team_white {
    -webkit-animation: twinkle 4.5s linear 0s infinite;
    -moz-animation: twinkle 4.5s linear 0s infinite;
    -ms-animation: twinkle 4.5s linear 0s infinite;
    -o-animation: twinkle 4.5s linear 0s infinite;
}

@-webkit-keyframes twinkle {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-moz-keyframes twinkle {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-ms-keyframes twinkle {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-o-keyframes twinkle {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

.downup_four {
    -webkit-animation: downup_four 2s linear 0s infinite;
    -moz-animation: downup_four 2s linear 0s infinite;
    -ms-animation: downup_four 2s linear 0s infinite;
    -o-animation: downup_four 2s linear 0s infinite;
}

@-webkit-keyframes downup_four {
    0% {
        transform: translateY(0px)
    }
    20% {
        transform: translateY(-4px)
    }
    30% {
        transform: translateY(-7px)
    }
    50% {
        transform: translateY(-10px)
    }
    70% {
        transform: translateY(-7px)
    }
    80% {
        transform: translateY(-4px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-moz-keyframes downup_four {
    0% {
        transform: translateY(0px)
    }
    20% {
        transform: translateY(-4px)
    }
    30% {
        transform: translateY(-7px)
    }
    50% {
        transform: translateY(-10px)
    }
    70% {
        transform: translateY(-7px)
    }
    80% {
        transform: translateY(-4px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-ms-keyframes downup_four {
    0% {
        transform: translateY(0px)
    }
    20% {
        transform: translateY(-4px)
    }
    30% {
        transform: translateY(-7px)
    }
    50% {
        transform: translateY(-10px)
    }
    70% {
        transform: translateY(-7px)
    }
    80% {
        transform: translateY(-4px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-o-keyframes downup_four {
    0% {
        transform: translateY(0px)
    }
    20% {
        transform: translateY(-4px)
    }
    30% {
        transform: translateY(-7px)
    }
    50% {
        transform: translateY(-10px)
    }
    70% {
        transform: translateY(-7px)
    }
    80% {
        transform: translateY(-4px)
    }
    100% {
        transform: translateY(0px)
    }
}

@keyframes downup_four {
    0% {
        transform: translateY(0px)
    }
    20% {
        transform: translateY(-4px)
    }
    30% {
        transform: translateY(-7px)
    }
    50% {
        transform: translateY(-10px)
    }
    70% {
        transform: translateY(-7px)
    }
    80% {
        transform: translateY(-4px)
    }
    100% {
        transform: translateY(0px)
    }
}

#banner_tip{
    position: relative;
    text-align: center;
    color: white;
    font-size: 28px;
    width:970px;
    margin:0 auto;
    top:-50px;
    margin-top:-42px;
}

/*二级导航*/
.l-box-b {
    background: #4dbbcf;
}

.home-thr-nav {
    text-align: center;
    line-height: 140px;
}

.home-thr-nav a {
    color: #fff;
    font-size: 16px;
}

/*content*/
.l-box-c {
    background: #e9e9e9;
}

.home-four-one {
    padding: 4px;
    background: #0294a8;
    text-align: center;
}

.home-four-one span {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    width: 100%;
    line-height: 60px;
    border: 2px solid #90d0d9;
}

.home-four-two > div {
    margin: 25px 0;
    cursor: pointer;
}

.home-four-two span {
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 4px 0px;
    width: 100%;
    line-height: 36px;
    background: #0294a8;
}

.home-four-eye-a {
    margin-top: 20px;
}

.home-four-eye-a h4 {
    font-size: 24px;
    color: #555;
    padding-bottom: 30px;
}

.home-four-eye-a p {
    font-size: 16px;
    color: #555;
}

.home-four-eye-a img {
    margin-top: 113px;
    border: 1px solid #c8c8c8;
}

.home-four-two .home-four-selected {
    padding: 2px;
    border: 2px solid #0294a8;
}

.home-four-two .home-four-selected span {
    padding: 0;
}

.home-close {
    display: none;
}

.home-open {
    display: block;
}

.home-four-aeye-one {
    padding: 20px 0 10px 0;
}

.home-four-aeye-one h4 {
    font-size: 18px;
    color: #0294a8;
}

.home-four-aeye-one p {
    text-indent: 2em;
    font-size: 14px;
    color: #555;
}

.modal-content h2 {
    background: url("../img/home-four-aeye-top.jpg") left top repeat-x;
    padding-top: 0;
    margin-top: 0;
    font-size: 16px;
    color: #fff;
    line-height: 43px;
    padding-left: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-content {
    background: #f8f5f5;
}

.home-closed {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.home-four-beye h5 {
    padding: 30px 0 20px 0;
    color: #8dc120;
    font-size: 26px;
}

.home-four-beye h4 {
    font-size: 18px;
    color: #0294a8;
}

.home-four-ceye {
    padding-top: 80px;
}

.home-four-ceye p {
    text-indent: 2em;
}

.home-four-prompt {
    background: #8dc120;
    color: #fff;
    padding: 5px 50px;
}

.home-four-prompt h3, .home-four-prompt p {
    font-size: 16px;
}

.home-four-ts p {
    background: #8dc120;
    padding: 5px 20px;
    height: 70px;
    color: #fff;
    margin-top: 10px;
}

.home-four-top {
    margin: 20px 0 10px 0;
}

/*home-four1*/
.home-fourtoggle-b {
    display: none;
}

.home-four1-eye {
    padding: 10px 0;
}

.home-four1-eye h3 {
    padding: 10px 0 0 0;
    font-size: 24px;
    color: #000;
}

.home-four1-eye h4 {
    padding: 0px 0 0 0;
    font-size: 16px;
    color: #0294a8;
}

.home-four1-eye h5 {
    color: #8dc120;
    font-size: 18px;
    padding: 0px 0 0px 0;
    line-height: 28px;
}

.home-four1-eye p {
    font-size: 14px;
    color: #555;
    line-height: 21px;
}

.home-four-center {
    text-align: center;

}

.home-four-center img {
    padding-bottom: 10px;
}

.home-four-mcenter {
    text-align: center;
}

.home-four-mcenter .home-four-center {
    display: inline-block;
}

.home-four-box {
    background: #8dc120;
    padding: 3px 10px;
}

.home-four-box h5 {
    font-weight: bold;
    font-size: 24px;
}

.home-four-box p, .home-four-box h5 {
    padding: 3px 10px;
    color: #fff;
}

.home-four-center1 {
    width: 340px;
}

.home-four-center1 img {
    padding: 0;
}

.home-four-wid {
    width: 340px;
}

/*aboutus start*/
.l-box-d {
    background: #fff;
    padding: 0;
}

.home-five-cont, .home-six-cont, .home-seven-cont {
    text-align: center;
    padding-bottom: 30px;
}

.home-five-cont img, .home-six-cont img, .home-seven-cont img {
    width: 360px;
    padding: 40px 0 30px 0;
}

.home-five-content {
    text-align: center;
}

.home-five-content p {
    color: #9fa0a0;
    line-height: 28px;
    padding: 0;
    margin: 0;
}

.home-five-content .home-five-content-a {
    padding-top: 20px;
    color: #0294a8;
}

/*home-six*/
.l-box-e {
    background: #f2f1f1;
}

.home-six-left {
    background: #d4d3d3;
}

.home-six-right {
    background: #31b6c8;
    color: #fff;
}

.home-six-right input {
    color: #fff;
    background: none;
    width: 100%;
    border: 1px solid #7fd1dd;
}

.home-six-right input::-webkit-input-placeholder {
    color: #fff !important;
}

.home-six-right input:-moz-placeholder {
    color: #fff !important;
}

.home-six-right input:-ms-placeholder {
    color: #fff !important;
}

.home-six-right input:-o-placeholder {
    color: #fff !important;
}

.home-six-right input:placeholder {
    color: #fff !important;
}

.home-six-table {
    height: 120px;
    margin: 40px 0;
    width: 100%;
}

.home-six-table td {
    padding-left: 20px;
}

.home-six-table td p {
    text-align: left;
    padding-left: 30px;
}

.home-six-table p {
    margin: 0;
    line-height: 24px;
}

.home-six-address {
    background: url("../img/home-six-one.png") left center no-repeat;
    background-size: 18px;
}

.home-six-email {
    background: url("../img/home-six-two.png") left center no-repeat;
    background-size: 18px;
}

.home-six-phone {
    background: url("../img/home-six-thr.png") left top no-repeat;
    background-size: 18px;
}

.home-six-callus {
    padding: 0;
    font-size: 16px;
    width: 30%;
}

.home-six-border {
    border-right: 1px solid #e1e0e0;
}
.v-navhidetoggle{
    display: block;
}
.v-navshowtoggle{
    display: none;
}
/*home-seven*/
.home-seven-cont {
    background: url("../img/home-seven-two.png") center center no-repeat;
    background-size: 100%;
    margin: 0;
    padding: 0;
    height: 150px;
}

/*footer*/
.l-box-g {
    background: #1e1e1e;
    text-align: center;
    width:100%;
    height:70px;
    line-height:70px;
    /*
      document.body.scrollTop 网页滚动的距离
      document.body.clientHeight 网页可见区域高
      this.offsetHeight 当前元素的高度
    */
}

.home-eight-footer {
    color: #a9a9ac;
    font-size: 14px;
}

/*eyetheory*/
.l-box-i {
    background: #ededed;
}

.t-two-nav-a {
    color: #fff;
    margin-top: 10px;
    background: #31b6c8;
}

.t-two-nav-a a {
    background: #31b6c8;
    width: 12%;
    text-align: center;
    line-height: 36px;
}

.t-two-nav-a div {
    background: #31b6c8;
    font-size: 16px;
    width: 12%;
    display: inline-block;
    text-align: center;
    line-height: 37px;
}

.t-two-nav-b {
    margin-top: 5px;
    background: #8dc120;
    color: #fff;
    width: 74%;
}

.t-two-nav-b a {
    background: #8dc120;
    width: 16.2%;
    text-align: center;
    line-height: 36px;
}

.t-two-nav-b div {
    background: #8dc120;
    width: 16.2%;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 37px;
}

/*t-content*/
.t-thr-center {
    text-align: center;
}

.t-thr-center img {
    width: 560px;
    padding: 50px 0 30px 0;
}

.t-thr-content-a {
    color: #555;
}

.t-thr-content-a h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 30px 10px 0;
    display: inline;
    border-bottom: 1px solid #fb7373;
}

.t-thr-content-a p {
    padding-top: 20px;
    font-size: 14px;
    line-height: 24px;
}

.t-thr-content-a span {
    display: inline-block;
    background: #fb7373;
    color: #fff;
    line-height: 36px;
    width: 200px;
    margin: 20px 10px;
    cursor: pointer;
}

.t-thr-content-b {
    text-align: center;
}

.t-thr-content-b img {
    width: 500px;
}

.t-thr-content1 img {
    width: 220px;
}

.t-thr-bottom {
    padding-bottom: 40px;
}

.t-two-nav-a .t-thr-normal-a {
    background: #fdad01;
}

.t-two-nav-b .t-thr-normal-b {
    background: #069adf;
}

.t-two-nav-a .t-thr-addclass-a {
    color: #07717f;
}

.t-two-nav-b .t-thr-addclass-b {
    color: #496b02;
}

.t-close {
    display: none;
}

.t-open {
    display: block;
}

.jirou_svg_container .jirou.selected {
    fill: #ff0000;
}

.jirou_svg_container .jirou {
    fill: #EA998C;
}

.jirou_svg_container #jr_0.jirou.selected {
    fill: #ff0000;
}

.jirou_svg_container #jr_0.jirou {
    fill: #DD990D;
}

.t-opentoggle {
    display: none;
}

.t-thr-content-a h4 {
    color: #0294a8;
    font-size: 16px;
    padding-top: 20px;
}

/* obstacles */
.codrops-header1 {
    padding: 0;
}

.o-one-nav {
    padding: 1cm 0 0 0;
}

.o-one-nav h1 {
    color: #010101;
    font-size: 28px;
}

.o-one-nav p {
    color: #555;
    padding: 10px 0 5px 0;
}

.o-two-cont h3 {
    font-size: 20px;
    color: #010101;
    line-height: 36px;
}

.o-two-cont p {
    font-size: 14px;
    line-height: 24px;
    color: #555;
}
.ob-bg1{
    background: url("../img/z-and-w/1.jpg") center top no-repeat;
}
.ob-bg2{
    background: url("../img/z-and-w/2.jpg") center top no-repeat;
}
.ob-bg3{
    background: url("../img/z-and-w/3.jpg") center top no-repeat;
}
.ob-bg4{
    background: url("../img/z-and-w/4.jpg") center top no-repeat;
}
.ob-bg5{
    background: url("../img/z-and-w/5.jpg") center top no-repeat;
}
.ob-bg6{
    background: url("../img/z-and-w/6.jpg") center top no-repeat;
}
.ob-bg7{
    background: url("../img/z-and-w/7.jpg") center top no-repeat;
}
.ob-bg8{
    background: url("../img/z-and-w/8.jpg") center top no-repeat;
}
.ob-bg9{
    background: url("../img/z-and-w/9.jpg") center top no-repeat;
}
.ob-bg10{
    background: url("../img/z-and-w/10.jpg") center top no-repeat;
}
.ob-bg11{
    background: url("../img/z-and-w/11.jpg") center top no-repeat;
}
.ob-head-one{
    height: 400px;
    background-size:100% 400px;
}
.ob-one-zcont{
    padding: 20px 0 50px 0;
}
.ob-one-zcont h2 {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    margin: 0;
    display: inline-block;
}
.card__container--closed .card__title {
    color: #444;
    font-size: 18px;
    text-align: center;
}

.card__title_tit {
    font-size: 20px;
    color: #010101;
}

.card__subtitle_text {
    font-size: 14px;
    line-height: 24px;
    color: #555;
}

.card__caption_c, .card__copy_c {
    padding: 0;
}

.card__container--closed .card__caption {
    padding: 18px 0px;
    background: rgba(255, 255, 255, 0.6)
}

.card__container--closed .card__content {
    padding: 5px 0;
}

.o-two-top {
    padding-top: 20px;
}

/*    online   */
.l-box-l {
    background: #ebeff2;
}
.d-four-slide-a{
    margin:0;
    padding:0;
}
.d-four-slide-a ul {
    list-style: none;
    padding: 0;
}

.d-four-slide-a h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    background: url("../img/o/d-four-slide01.png") 12px center no-repeat;
    background-size: 22px;
    padding: 20px 0 20px 40px;
    cursor: pointer;
}

.d-four-slide-a h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    padding: 0;
    margin: 0;
    padding-left: 12px;
}

.d-four-slide-a li {
    line-height: 32px;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    padding-left: 12px;
}

.d-four-rt {
    background: #009688;
    margin: 0;
    padding: 0;
}

.d-four-rt h5 {
    margin: 0;
    font-size: 35px;
    padding: 93px 0 12px 129px;
    line-height: 35px;
    color: #fff;
}

.d-four-rcont {
    border-left: 1px solid #cbcfd0;
}

.d-four-rcont .d-four-imgtop {
    width: 100%;
}

.d-hide {
    display: none;
}

.d-open {
    display: block;
}
.d-four-slide-a h3.addh4bg{
    background:#c7c9c9 url("../img/o/d-four-slide01.png") 12px center no-repeat;
    background-size: 22px;
}

.addh4bg{
    background: #c7c9c9;
}
#jc_01.addDcolor {
    color: #009688;
}

#jc_02.addDcolor {
    color: #00c0ff;
}

#jc_03.addDcolor {
    color: #fe7393;
}

#jc_04.addDcolor {
    color: #fdcb53;
}

#jc_05.addDcolor {
    color: #ff2778;
}

#jc_06.addDcolor {
    color: #3135a9;
}

#jc_07.addDcolor {
    color: #008775;
}

#jc_08.addDcolor {
    color: #7f0087;
}

#jc_09.addDcolor {
    color: #19cbcd;
}

#jc_10.addDcolor {
    color: #cd1972;
}

#jc_11.addDcolor {
    color: #fea14f;
}

#jc_12.addDcolor {
    color: #7acb4d;
}

#jc_13.addDcolor {
    color: #9864d9;
}

#jc_14.addDcolor {
    color: #b97539;
}

.d-four-rimgmiddle {
    padding-left: 129px;
}
#jc_15.addDcolor {
    color: #fdcb53;
}

#jc_16.addDcolor {
    color: #004ab8;
}

#jc_17.addDcolor {
    color: #00c0ff;
}

#jc_18.addDcolor {
    color: #ff2778;
}

#jc_19.addDcolor {
    color: #008775;
}

#jc_20.addDcolor {
    color: #fea14f;
}

.d-four-rimgmiddle img {
    border-left: 4px solid #00c0ff;
    padding-left:20px;
    margin: 80px 0 20px 0

}

.d-four-rimgmiddle p {
    font-size: 14px;
    line-height: 24px;
}

.d-four-titbgcolor02 {
    background: #00c0ff;
}

.d-four-rimgborder03 img {
    border-left: 4px solid #fe7393;
}

.d-four-titbgcolor03 {
    background: #fe7393;
}

.d-four-rimgborder04 img {
    border-left: 4px solid #fdcb53;
}

.d-four-titbgcolor04 {
    background: #fdcb53;
}

.d-four-rimgborder05 img {
    border-left: 4px solid #ff2778;
}

.d-four-titbgcolor05 {
    background: #ff2778;
}

.d-four-rimgborder06 img {
    border-left: 4px solid #3135a9;
}

.d-four-titbgcolor06 {
    background: #3135a9;
}

.d-four-rimgborder07 img {
    border-left: 4px solid #008775;
}

.d-four-titbgcolor07 {
    background: #008775;
}

.d-four-rimgborder08 img {
    border-left: 4px solid #7f0087;
}

.d-four-titbgcolor08 {
    background: #7f0087;
}

.d-four-rimgborder09 img {
    border-left: 4px solid #19cbcd;
}

.d-four-titbgcolor09 {
    background: #19cbcd;
}

.d-four-rimgborder10 img {
    border-left: 4px solid #cd1972;
}

.d-four-titbgcolor10 {
    background: #cd1972;
}

.d-four-rimgborder11 img {
    border-left: 4px solid #fea14f;
}

.d-four-titbgcolor11 {
    background: #fea14f;
}

.d-four-rimgborder12 img {
    border-left: 4px solid #7acb4d;
}

.d-four-titbgcolor12 {
    background: #7acb4d;
}

.d-four-rimgborder13 img {
    border-left: 4px solid #9864d9;
}

.d-four-titbgcolor13 {
    background: #9864d9;
}

.d-four-rimgborder14 img {
    border-left: 4px solid #b97539;
}

.d-four-titbgcolor14 {
    background: #b97539;
}
.d-four-rimgborder15 img {
    border-left: 4px solid #fdcb53;
}

.d-four-titbgcolor15 {
    background: #fdcb53;
}
.d-four-rimgborder16 img {
    border-left: 4px solid #004ab8;
}

.d-four-titbgcolor16 {
    background: #004ab8;
}
.d-four-rimgborder17 img {
    border-left: 4px solid #00c0ff;
}

.d-four-titbgcolor17 {
    background: #00c0ff;
}
.d-four-rimgborder18 img {
    border-left: 4px solid #ff2778;
}

.d-four-titbgcolor18 {
    background: #ff2778;
}
.d-four-rimgborder19 h2 {
    border-left: 4px solid #008775;
}

.d-four-titbgcolor19 {
    background: #008775;
}
.d-four-rimgborder20 h2 {
    border-left: 4px solid #fea14f;
}

.d-four-titbgcolor20 {
    background: #fea14f;
}
.d-four-rcont h6{
    font-size:20px;
    color:#333;
    line-height: 36px;
}
.d-four-img01{
    width:535px;
}
.d-four-img02{
    width:400px;
}
.d-four-radd-a img{
    margin-top: 0;
}
.d-four-tit-rone{
    padding:40px 0 20px 0;
    margin: 0;
}
.d-four-radd-b{
    margin:0;
    padding-top: 40px;
}
.d-four-radd-b,.d-four-radd-c{
    color:#333;
}
.d-four-radd-b img{
    margin-top: 0;
}
.d-four-radd-b h2{
    font-size: 20px;
    margin:0 0 20px 0;
    padding-left:10px;
    line-height: 20px;
}
.d-four-radd-b h3{
    margin-top: 30px;
    padding-left:10px;
    font-size:18px;
    line-height: 18px;
}
.d-four-radd-b h4{
    padding-left:56px;
    font-size:16px;
    line-height: 36px;
}
.d-four-radd-b p{
    padding-left:56px;
}
.d-four-radd-b div{
    padding:20px 0;
}
.d-four-radd-c{
    padding-top:30px;
}
.d-four-radd-c h2{
    font-size: 20px;
    padding-left:10px;
    line-height: 20px;
    margin:40px 0 0 0;
}
.d-four-radd-c img{
    border:none;
    padding-left:0;
    margin:0;
}
.d-four-radd-c table{
    margin-top:30px;
}
.d-four-radd-c div{
    line-height: 36px;
    font-size:18px;
}
.d-four-radd-c td{
    vertical-align: top;
}
.d-four-radd-c img{
    width:100%;
}
.d-four-radd-c .d-four-rtd{
    padding-left:20px;
}
.d-four-radd-c span{
    display: block;
    background: #fea14f;
    margin:10px 0 0 0;
    padding:10px 5px 1px 5px
}
.d-four-radd-c p{
    line-height: 18px;
    font-size: 12px;
    color:#fff;
}
.d-four-slide-b{
    padding:0 0 100px 0;
    margin:0;
}
.d-four-phone-a{
    padding:20px 40px;
    background: #769fa5;
    color:#fff;
}
.d-four-phone-a h3{
    font-size:20px;
    text-indent: 28px;
}
.d-four-phone-a p{
    line-height:24px;
    text-indent: 28px;
}
.d-four-phone-b{
    position: relative;
    clear: both;
}
.d-four-an{
    position: absolute;
    top:-20px;
    left:50%;
    margin-left:-10px;
    width:45px;
}
.d-four-phone-l{
    text-align: center;
    height:600px;
}
.d-four-phone-l span{
    padding-top:195px;
    font-size:24px;
    display: block;
    color:#769fa5;
}
.d-four-phone-img{
    padding:4px;
    border:1px solid #696969;
    margin:20px 0;
}
.d-four-android{
    width:120px;
    background: #009ab8 url("../img/o/on-anzhuo01.jpg") 15px center no-repeat;
    display: inline-block;
    color:#fff;
    padding:5px 0 5px 20px;
    background-size: 16px;
}
.d-four-ios{
    width:120px;
    display: inline-block;
    color:#fff;
    padding:5px 0 5px 30px;
    background: #009ab8 url("../img/o/on-apple01.jpg") 35px center no-repeat;
    background-size: 16px;
}
.d-four-phone-r{
    background: url("../img/o/on-phone01.jpg") right bottom no-repeat;
    height:600px;
}
.d-four-slide-c{
    padding:0;
    margin:0;
    background: #fff;
}
.carousel-change{
    width:163px;
}


/*anpage*/
.a-one-zcont h2{
    font-size: 24px;
    color:#333;
    line-height: 36px;
    margin:0;
    display: inline-block;
}
.a-one-zcont div{
    font-size: 16px;
    line-height: 50px;
}
.a-one-zcont p{
    text-indent: 2em;
    color:#333;
    line-height: 24px;
}
.a-one-zcont span{
    display: block;
}
.a-one-zcont h3{
   font-size: 16px;
    font-weight:500;
    text-align: center;
    margin:0;
    color:#333;
    padding:0 10px;
}
.a-one-zcont table{
    width:100%;
}
.a-one-zcont table td{
    border:1px solid #55b8c7;
    text-align: center;
    line-height: 24px;
    padding:5px;
    color:#8e8e8f;
}
.a-tabtop-tit{
    background: #ccedf1;
}
.a-one-zcont .a-tabtop-tit td{
    font-size: 16px;
    color:#2ba8bb;
    padding:10px 0;
}
.a-one-ztab{
    margin:30px 0;
}
.demo-2 .a-one-back1{
    float: right;
    display:block;
    width:50px;
    text-align: center;
    color:#fff;
    background: #31b6c8;
    line-height: 24px;
    font-size: 14px;
}
.a-one-brief{
    padding-top: 40px;
}
/*uyu*/
.ucontainer{
    padding:0 5px;
}
.l-box-m{
    background: #ebeff2;
    border-top:1px solid #c7c6c6;
    border-bottom:1px solid #c7c6c6;
}
.u-navbar{
    line-height: 36px;
}
.u-navbar a{
    font-size: 16px;
    color:#333;
    margin-right:20px;
}
.u-navbar .uselect{
    color:#31b6c8;
}
.u-header img{
    width:100%;
}
.u-cont{
    width:80%;
    padding-top:50px;
    background: #fff;
    margin:0 auto;
    position: relative;
    top:-60px;
    color:#333;
}
.u-cont-one h2{
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin:0;
}
.u-cont-one h3 {
    font-size: 18px;
    line-height: 36px;
    padding:0 40px;
    margin:0;
    text-indent: 28px;
}
.u-cont-one p {
    line-height: 24px;
    padding:0 40px;
    text-indent:28px;
}
.u-cont-two{
    margin:0 auto;
}
.u-cont .u-cont-two{
    text-align: center;
    margin:50px 0;
}
.u-cont-two div{
    text-align: center;
    color:#333;
    font-size: 14px;
    display: inline-block;
    margin:0 10px;
}
.u-cont-two div img{
    width:67px;
}
.u-cont-two div span{
    display: block;
}
.u-cont-thr{
    text-align: center;
}
.u-cont-name{
    margin-bottom:50px;
}
.u-cont-name span{
    padding:10px 50px;
    color:#afacac;
    font-size: 16px;
    border:1px solid #dedede;
    display: inline-block;
    margin:0 20px;
    cursor: pointer;
}
.u-hide{
    display: none;
}
.u-open{
    display: block;
}
.u-tohide{
    display: block;
}
.u-toshow{
    display: none;
}
.u-cont-name .u-normal-bj{
    color:#fff;
    padding:11px 51px;
    border:none;
    background: #31b6c8;
}

.u-cont-thr img{
    width:100%;
}
.u-cont-four h2{
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    padding:0 40px;
    margin:30px 0 0 0;
    background: url("../img/u/u-img-17.jpg") left center no-repeat;
    background-size:20px 20px;
}
.u-cont-four h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    padding:0 40px;
    margin:10px 0 0 0;
}
.u-cont-four p {
    line-height: 24px;
    padding:0 40px;
    margin:0;
}
.u-cont-four div{
    line-height: 24px;
    padding:0 40px;
}
.u-cont-join{
    padding-bottom:30px;
}
.u-cont-four div span{
    color:#31b6c8;
}
/*tool*/
.tool-cont-one{
    padding:0 40px;
}
.tool-cont-one h3{
    font-size: 16px;
    padding:5px 20px;
    color:#fff;
    background: #0fc1d1;
    display: inline-block;
    border-radius: 5px;
}
.tool-cont-one p{
    line-height: 24px;
}
.d-four-slide-a h3.phone{
    background: url("../img/o/d-four-slide02.jpg") 15px center no-repeat;
    background-size: 14px;
}
.d-four-slide-a .phone.addh4bg{
    background:#c7c9c9 url("../img/o/d-four-slide02.jpg") 15px center no-repeat;
    background-size: 14px;
}
.d-four-centit{
    display: none;
}
.d-tohid{
    display: block;
}
.d-tosho{
    display: none;
}
.o-two-bottom{
    text-align: center;
}
.o-two-bottom img{
    width:333px;
}






@media (max-width: 1200px) {
    .d-four-phone-r {
        background-size:356px;
    }
    .d-four-phone-l,.d-four-phone-r{
        height:560px;
    }
    .start-slide {
        padding-top: 222px;
        padding-left: 37px;
    }
    .carousel-change {
        width: 133px;
    }
    /*o*/
    .ob-head-one{
        height: 380px;
        background-size:100% 380px;
    }
}
/*//////////////////////////////新改///////////////////////////////////////*/
*{
    margin:0;
    padding:0;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 14px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    vertical-align:middle;
    border-style: none;
}
/*home*/
.l-box-a{
    background:#000;
    line-height:60px;
}
.l-box-c{
    line-height:35px;
    background:#e7e6e6;
    position: relative;
    z-index: 1001;
}
.l-box-d{
    background:#fff;
    position: relative;
    z-index: 1001;
}
.l-box-e{
    z-index: 1000;
    position: relative;
    background: #e7e6e6;
}
.h-header,.h-navber{
    margin:0 auto;
    width:970px;
}
.h-content{
    margin:0 auto;
    width:970px;
}
.h-banner img{
    width:100%;
}
.h-navber li{
    display: inline-block;
    margin:0 32px;
    cursor: pointer;
    position: relative;
}
.h-navber li a {
    color:#7a7979;
}
.h-navber .h-navpadding{
    margin-left:0;
}
.h-an-tit-sl, .h-an-tit-yl{
    line-height: 27px;
}
.h-navber .h-navadd{
    color:#333;
}
.animate{
    padding-top:30px;
    position: relative;
    z-index: 1001;
}
.h-empty{
    height:200px;
}
.h-nav-box-tit{
    position: absolute;
    left:335px;
    top:30px;
    text-align: center;
    font-size: 20px;
    color:#333;
    width:148px;
    ppadding:20px;
}
.h-nav-box{
    position: absolute;
    left:335px;
    top:60px;
    border:1px solid #b4b4b5;
    display: inline-block;
    border-radius:5px;
    height:32px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
}
.h-nav-box span{
    font-size: 24px;
    cursor: pointer;
}
.h-prev{
    display: inline-block;
    width:30px;
    line-height:30px;
    text-align: center;
    background: #b4b4b5;
    border-radius: 4px 0 0 4px;
}
.h-next{
    display: inline-block;
    width:30px;
    line-height:30px;
    text-align: center;
    background: #b4b4b5;
    border-radius:0 4px 4px 0;
}
.values{
    color:#333;
    display: inline-block;
    width:80px;
    text-align: center;
    line-height:24px;
}
.h-nav-box-tit .values{
    font-size:20px;
}
.h-animate-title{
    padding-top:415px;
}
.h-animate-title li{
    display: inline-block;
}
.h-animate-titleone{
    color:red;
}
.h-know{
    position: absolute;
    top:210px;
    width:260px;
    margin-left:-145px;
    left:50%;
}
.h-know-add-one{
    margin-left:-207px;
    top:132px;
}
.h-know-add-two{
    top:280px;
    width:160px;
    margin-left:-140px;
}
.h-an-tit li{
    vertical-align: top;
    display: inline-block;
    width:400px;
    padding-left: 40px;
}
.h-an-tit h3{
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
}
.h-an-tit-yl{
    margin-left: 140px;
}
.navber{
    width:100%;
    z-index: 1001;
    position: absolute;
    bbottom: 0px;
}
.navber li{
    display: inline-block;
    line-height:24px;
    color:#276baa;
    margin:0 15px;
    padding:2px 15px 6px 15px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    cursor: pointer;
    position: relative;
}

#navli-1.navshow span,#navli-2.navshow span,#navli-3.navshow span,#navli-4.navshow span,#navli-5.navshow span,#navli-6.navshow span,#navli-7.navshow span,#navli-8.navshow span{
    position: relative;
    top:40px;
}
#navli-1:hover span,#navli-2:hover span,#navli-3:hover span,#navli-4:hover span,#navli-5:hover span,#navli-6:hover span,#navli-7:hover span,#navli-8:hover span{
    position: relative;
    top:40px;
}
.navber #navli-1.navshow,.navber #navli-1:hover{
    background:#fff url("../img/h/navbar01.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}
.navber #navli-2.navshow,.navber #navli-2:hover{
    background:#fff url("../img/h/navbar02.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}
.navber #navli-3.navshow,.navber #navli-3:hover{
    background:#fff url("../img/h/navbar03.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}
.navber #navli-4.navshow,.navber #navli-4:hover{
    background:#fff url("../img/h/navbar04.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}
.navber #navli-5.navshow,.navber #navli-5:hover{
    background:#fff url("../img/h/navbar07.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}
.navber #navli-6.navshow,.navber #navli-6:hover{
    background:#fff url("../img/h/navbar06.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}
.navber #navli-7.navshow,.navber #navli-7:hover{
    background:#fff url("../img/h/navbar05.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}
.navber #navli-8.navshow,.navber #navli-8:hover{
    background:#fff url("../img/h/navbar08.png") center 5px no-repeat;
    background-size:40px 40px;
    padding-bottom:45px;
}

.h-head-one{
    display: inline-block;
    vertical-align: middle;
    width:110px;
}
.h-head-two{
    float: right;
}
.h-head-two li{
    display: inline-block;
    padding: 0 40px;
}
.h-head-two li a{
    display: block;
    color:#fff;
}
.h-head-two .h-headpadding{
    padding-right:0;
}

.h-head-two .h-headadd{
    color:#8ec220;
}
.h-nav,.h-nav-two{
    position: relative;
}
.h-nav img{
    opacity: 0;
    position: absolute;
    height:400px;
    width:970px;
}
.h-nav img.open{
    opacity: 1;
}


.h-hide{
    display: none;
}
.h-open{
    display: block;
}
/*//////////////////////////////新改///////////////////////////////////////*/
/*app*/
.h-app-zx{
    position: absolute;
    background: #d5d4c7;
    width:150px;
    left:-50px;
    z-index: 1002;
    display: none;
}
.h-app-zx li{
    text-align: center;
    margin:0;
    display: block;
}
.h-app-zx-top{
    border-top:1px solid #fff;
}
.h-app-zx a{
    display: block;
    color:#333;
    font-size:14px;
    line-height: 36px;
}
/*home*/
/*.h-app-add-tit:hover .h-app-zx{
    display: block;
}*/
.h-addcolorsum{
    color:#b4b4b5;
    background:#e7e6e6;
}




/*@media (max-width: 992px) {*/
    /*.home-fourtoggle-a {*/
        /*display: none;*/
    /*}*/
    /*.home-fourtoggle-b {*/
        /*display: block;*/
    /*}*/

    /*.hidetoggle {*/
        /*display: none;*/
    /*}*/

    /*.showtoggle {*/
        /*display: block;*/
    /*}*/

    /*.home-one-nav {*/
        /*line-height: 45px;*/
    /*}*/

    /*.home-one-nav a {*/
        /*color: #333;*/
        /*font-size: 14px;*/
        /*display: inline-block;*/
        /*margin: 0 20px;*/
    /*}*/

    /*.home-one-nav a:hover {*/
        /*color: #000;*/
    /*}*/
    /*.home-four1-eye h3{*/
        /*margin:0;*/
        /*font-size: 18px;*/
        /*font-weight:bold;*/
        /*padding-bottom:10px;*/
        /*border-bottom:1px solid #cecece;*/
    /*}*/
    /*.home-four1-eye h5{*/
       /*font-size: 16px;*/
        /*line-height: 24px;*/
    /*}*/
    /*eyetheory*/
    /*.t-hidetoggle {*/
        /*display: none;*/
    /*}*/

    /*.t-opentoggle {*/
        /*display: block;*/
    /*}*/

    /*.t-thr-center img {*/
        /*width: 380px;*/
    /*}*/

    /*.t-thr-content-b img {*/
        /*width: 280px;*/
    /*}*/

    /*.t-thr-one-c {*/
        /*text-align: center;*/
    /*}*/

    /*.t-thr-one-c img {*/
        /*width: 270px;*/
        /*padding-top: 10px;*/
    /*}*/

    /*.t-thr-content-a h3 {*/
        /*font-family: "Microsoft YaHei", "微软雅黑";*/
        /*font-size: 18px;*/
        /*font-weight: bold;*/
        /*padding: 10px 30px 10px 0;*/
        /*display: block;*/
        /*border-bottom: 1px solid #cecece;*/
        /*margin:0;*/
    /*}*/
    /*.t-thr-content-a h4{*/
        /*padding:0;*/
        /*background: #009688;*/
        /*color:#fff;*/
        /*font-size: 14px;*/
        /*line-height: 26px;*/
        /*display: inline-block;*/
        /*padding:0 20px;*/
        /*margin:0;*/
    /*}*/

    /*.t-thr-content-a p {*/
        /*padding: 0;*/
    /*}*/

    /*.t-thr-center img {*/
        /*padding: 10px 0 0 0;*/
    /*}*/

    /*.t-thr-content1 img {*/
        /*width: 185px;*/
        /*padding-top: 10px;*/
    /*}*/

    /* ondetection */
    /*.d-four-rt{*/
        /*display: inline-block;*/
    /*}*/
    /*.d-four-rt h5 {*/
        /*padding: 0px 20px;*/
        /*font-size: 16px;*/
        /*display: inline-block;*/
        /*line-height: 26px;*/
        /*width:250px;*/
    /*}*/
    /*.d-four-centertop{*/
        /*font-size: 18px;*/
        /*font-weight: bold;*/
        /*margin:0;*/
        /*padding: 20px 0px;*/
        /*border-bottom:1px solid #cecece;*/
    /*}*/

    /*.d-four-rimgmiddle {*/
        /*padding-left: 20px;*/
    /*}*/

    /*.d-four-rimgmiddle img {*/
        /*margin: 16px 0 5px 0;*/
    /*}*/
    /*.d-four-addbg{*/
        /*background: #fff;*/
    /*}*/
    /*.d-four-phone-l span{*/
        /*padding-top: 100px;*/
    /*}*/
    /*.d-four-phone-l, .d-four-phone-r{*/
        /*height:450px;*/
    /*}*/
    /*corrention*/
    /*.d-hideToggle{*/
        /*display: block;*/
    /*}*/
    /*.d-showToggle{*/
        /*display: none;*/
    /*}*/
    /*.u-cont{*/
        /*width:100%;*/
        /*top:0px;*/
        /*padding-top:20px;*/
    /*}*/
    /*.u-navbar a{*/
        /*font-size:14px;*/
    /*}*/
    /*o*/
    /*.ob-head-one{*/
        /*height: 330px;*/
        /*background-size:100% 330px;*/
    /*}*/

/*}*/

/*@media (max-width: 767px) {*/
    /*.header-one-logo img {*/
         /*width: 90px;*/
     /*}*/
    /*.home-thr-nav a{*/
        /*font-size: 14px;*/
    /*}*/
    /*.home-thr-aa img{*/
        /*width: 30px;*/
    /*}*/
    /*.home-thr-aa{*/
        /*display: inline-block;*/
    /*}*/
    /*.home-one-nav .home-one-uyu{*/
        /*margin-right:0;*/
    /*}*/
    /*.cl-effect-19 a span {*/
        /*font-size: 14px;*/
    /*}*/

    /*.cl-effect-19 a {*/
        /*width: 106px;*/
    /*}*/

    /*.cl-effect-19 a span {*/
        /*-webkit-transform-origin: 50% 50% -53px;*/
        /*-moz-transform-origin: 50% 50% -53px;*/
        /*transform-origin: 50% 50% -53px;*/
    /*}*/
    /*.v-navhidetoggle{*/
        /*display: none;*/
    /*}*/
    /*.v-navshowtoggle{*/
        /*display: block;*/
    /*}*/
    /*.home-thr-nav{*/
        /*list-style: none;*/
        /*margin:0;*/
        /*padding:0;*/
        /*line-height: 40px;*/
    /*}*/
    /*.home-thr-ti a{*/
        /*color:#333;*/
        /*font-size: 16px;*/
    /*}*/
    /*.dropdownadd{*/
        /*left:-87px;*/
        /*line-height: 32px;*/
        /*min-width:120px;*/
    /*}*/
    /*.dropdownadd a{*/
        /*display: block;*/
    /*}*/
    /*.home-thr-more{*/
        /*list-style: none;*/
    /*}*/
    /*.home-four-wid {*/
        /*width: 472px;*/
    /*}*/

    /*.home-four-center1 {*/
        /*width: 472px;*/
    /*}*/
    /*.home-thr-nav .home-thr-tit {*/
        /*border-bottom: 0;*/
    /*}*/

    /*.l-box-k img {*/
        /*width: 480px;*/
    /*}*/

    /*.l-box-k p {*/
        /*font-size: 20px;*/
    /*}*/


    /*corrention*/
    /*.d-hideToggle{*/
        /*display: none;*/
    /*}*/
    /*.d-showToggle{*/
        /*display: block;*/
    /*}*/
    /*.d-tohid{*/
        /*display: none;*/
    /*}*/
    /*.d-tosho{*/
        /*display: block;*/
    /*}*/
    /*.d-four-phone-l{*/
        /*background: url("../img/o/on-phone01.jpg") right bottom no-repeat;*/
        /*background-size: 50%;*/
        /*text-align: left;*/
    /*}*/
    /*.d-four-ewm{*/
        /*width:50%;*/
        /*text-align: center;*/
    /*}*/
    /*o*/
    /*.o-two-cont h3{*/
        /*font-size: 16px;*/
    /*}*/
    /*.ob-one-zcont h2{*/
        /*font-size: 20px;*/
    /*}*/
    /*.ob-head-one{*/
        /*height: 270px;*/
        /*background-size:100% 270px;*/
    /*}*/
/*}*/

/*@media (max-width: 640px) {*/
    /*.home-seven-cont {*/
        /*background-size: 100% 120%;*/
        /*height: 110px;*/
        /*margin: 0;*/
        /*padding: 0;*/
    /*}*/

    /*.home-seven-cont img {*/
        /*padding: 10px 0 0 0;*/
    /*}*/

    /*.t-thr-center img {*/
        /*width: 300px;*/
    /*}*/

    /*.t-thr-content-a h3 {*/
        /*font-size: 16px;*/
        /*font-weight: bold;*/
        /*padding: 0 30px 10px 0;*/
        /*display: block;*/
        /*border-bottom: 1px solid #cecece;*/
    /*}*/

    /*.d-four-rimgmiddle img {*/
        /*width: 280px;*/
    /*}*/
    /*.d-four-rimgmiddle .d-four-imgwidth{*/
        /*width:147px;*/
    /*}*/
    /*corrention*/
    /*.d-four-radd-c span{*/
        /*width:280px;*/
    /*}*/
    /*.d-four-phone-l span{*/
        /*font-size: 16px;*/
    /*}*/
    /*.d-four-phone-img{*/
        /*width:115px;*/
    /*}*/
    /*.d-four-android {*/
        /*width: 96px;*/
        /*background: #009ab8 url("../img/o/on-anzhuo01.jpg") 11px center no-repeat;*/
        /*padding: 5px 0 5px 20px;*/
        /*background-size: 14px;*/
    /*}*/
    /*.d-four-ios{*/
        /*width:96px;*/
        /*padding:5px 0 5px 20px;*/
        /*background: #009AB9 url("../img/o/on-apple01.jpg") 28px center no-repeat;*/
        /*background-size: 14px;*/
    /*}*/
    /*.d-four-phone-l{*/
        /*height:372px;*/
    /*}*/
    /*.d-four-phone-a h3{*/
        /*font-size: 16px;*/
    /*}*/
    /*.d-four-phone-a{*/
        /*padding:10px 20px;*/
    /*}*/
    /*o*/
    /*.ob-head-one{*/
        /*height: 200px;*/
        /*background-size:100% 200px;*/
    /*}*/
/*}*/

/*@media (max-width: 540px) {*/
    /*.home-thr-nav a {*/
        /*font-size: 14px;*/
    /*}*/
    /*analysis*/
    /*.a-one-zcont table td{*/
        /*padding:5px 0;*/
    /*}*/
    /*.d-four-android{*/
        /*font-size:12px;*/
    /*}*/
    /*d*/
    /*.d-four-ios{*/
        /*font-size:12px;*/
    /*}*/
    /*.d-four-phone-img{*/
        /*width:85px;*/
    /*}*/
    /*.d-four-phone-l span{*/
        /*font-size: 14px;*/
    /*}*/
    /*.d-four-phone-l{*/
        /*height:320px;*/
    /*}*/
    /*o*/
    /*.ob-head-one{*/
        /*height: 160px;*/
        /*background-size:100% 160px;*/
    /*}*/
/*}*/

/*@media (max-width: 485px) {*/

    /** {*/
        /*font-size: 12px;*/
    /*}*/

    /*.home-thr-aa img{*/
        /*width: 30px;*/
    /*}*/

    /*.dropdownadd a{*/
        /*font-size:12px;*/
    /*}*/
    /*.t-thr-content-a p {*/
        /*font-size: 12px;*/
    /*}*/

    /*.home-one-nav a {*/
        /*display: inline-block;*/
        /*margin: 0 8px;*/
    /*}*/

    /*.home-four1-eye p, .home-five-content p, .home-eight-footer {*/
        /*font-size: 12px;*/
    /*}*/

    /*.header-one-logo img {*/
        /*width: 75px;*/
    /*}*/

    /*.home-one-nav a {*/
        /*font-size: 12px;*/
    /*}*/

    /*.home-four-wid {*/
        /*width: 270px;*/
    /*}*/

    /*.home-four-center1 {*/
        /*width: 270px;*/
    /*}*/

    /*.home-six-table td {*/
        /*padding-left: 10px;*/
    /*}*/

    /*.home-six-table .home-six-callus {*/
        /*padding: 0;*/
    /*}*/

    /*.home-six-callus {*/
        /*font-size: 14px;*/
    /*}*/

    /*.home-six-table p {*/
        /*font-size: 12px;*/
    /*}*/

    /*.home-six-table td p {*/
        /*text-align: left;*/
        /*padding-left: 20px;*/
    /*}*/

    /*.home-six-address {*/
        /*background-size: 14px;*/
    /*}*/

    /*.home-six-email {*/
        /*background-size: 14px;*/
    /*}*/

    /*.home-six-phone {*/
        /*background-size: 14px;*/
    /*}*/

    /*.home-five-cont img, .home-six-cont img, .home-seven-cont img {*/
        /*width: 242px;*/
    /*}*/

    /*.home-six-cont img {*/
        /*padding-bottom: 0;*/
    /*}*/

    /*.l-box-k img {*/
        /*width: 280px;*/
    /*}*/

    /*.l-box-k p {*/
        /*font-size: 14px;*/
    /*}*/

    /*eyetheory*/
    /*.t-thr-center img {*/
        /*width: 265px;*/
    /*}*/

    /*.t-thr-content-b img {*/
        /*width: 260px;*/
    /*}*/

    /*obstacles*/
    /*.o-two-bottom img{*/
        /*width:260px;*/
    /*}*/
    /*.ob-one-zcont h2{*/
        /*font-size: 16px;*/
    /*}*/
    /*.o-two-cont h3{*/
        /*font-size: 14px;*/
    /*}*/
    /*.ob-head-one{*/
        /*height: 140px;*/
        /*background-size:100% 140px;*/
    /*}*/
    /*ondetection*/
    /*.d-four-rimgmiddle{*/
        /*padding-left:5px;*/
    /*}*/
    /*.d-four-rimgmiddle img{*/
        /*border-left:none;*/
    /*}*/
    /*.d-four-rimgmiddle img{*/
        /*width:220px;*/
    /*}*/
    /*.d-four-rt h5 {*/
        /*padding: 2px 20px;*/
        /*font-size: 14px;*/
        /*line-height: 24px;*/
        /*display: inline-block;*/
    /*}*/
    /*.d-four-centertop{*/
        /*font-size: 16px;*/
    /*}*/
    /*.d-four-rimgmiddle p{*/
        /*font-size: 12px;*/
    /*}*/
    /*corrention*/
    /*.d-four-radd-b{*/
        /*padding-top: 10px;*/
    /*}*/
    /*.d-four-radd-b h3{*/
        /*margin-top:10px;*/
    /*}*/
    /*.d-four-radd-c{*/
        /*padding-top: 0;*/
    /*}*/
    /*.d-four-radd-c span{*/
        /*width:220px;*/
    /*}*/
    /*.d-four-radd-b h4,.d-four-radd-b p{*/
        /*padding-left:10px;*/
    /*}*/
    /*.d-four-radd-b h4,.d-four-radd-b h3{*/
        /*font-size: 14px;*/
    /*}*/
    /*.d-four-radd-b h2{*/
        /*font-size: 16px;*/
    /*}*/
    /*.d-four-rcont h6{*/
        /*font-size: 14px;*/
    /*}*/
    /*.d-four-tit-rone{*/
        /*padding:10px 0;*/
    /*}*/
    /*.d-four-radd-c h2{*/
        /*margin:10px 0 0 0;*/
        /*font-size: 16px;*/
    /*}*/
    /*.d-four-radd-c table{*/
        /*margin:0;*/
    /*}*/
    /*.d-four-radd-c img{*/
        /*margin:0;*/
    /*}*/
    /*.d-four-radd-c div{*/
        /*padding-top:10px;*/
        /*font-size:12px;*/
    /*}*/
    /*.d-four-ios{*/
        /*margin-top: 10px;*/
    /*}*/
    /*.d-four-phone-img{*/
        /*margin:5px;*/
    /*}*/
    /*anpage*/
    /*.a-one-zcont .a-tabtop-tit td,.a-one-zcont h3{*/
        /*font-size: 14px;*/
        /*padding:5px 0;*/
    /*}*/

    /*.a-one-content .container{*/
        /*padding:0;*/
    /*}*/
    /*.a-one-content .a-one-brief{*/
        /*padding:16px 5px 0 5px;*/
    /*}*/
    /*.a-one-zcont div {*/
        /*font-size: 14px;*/
        /*line-height: 30px;*/
    /*}*/
    /*.a-one-zcont h2{*/
        /*font-size: 16px;*/
    /*}*/
    /*.u-cont-four h3{*/
        /*margin:0;*/
        /*padding:0 20px;*/
    /*}*/
    /*.u-cont-four h2{*/
        /*background-size:12px 12px;*/
        /*padding:0 20px;*/
    /*}*/
    /*.u-cont-four p{*/
        /*padding:0 20px;*/
    /*}*/
    /*.u-cont-four div{*/
        /*padding:0 20px;*/
    /*}*/
    /*.u-cont-one h2{*/
        /*font-size: 16px;*/
    /*}*/
    /*.u-cont-one h3{*/
        /*font-size: 14px;*/
        /*padding:0 20px;*/
    /*}*/
    /*.u-cont-one p{*/

        /*padding:0 20px;*/
    /*}*/
    /*.u-navbar a{*/
        /*font-size: 12px;*/
    /*}*/
    /*.u-tohide{*/
        /*display: none;*/
    /*}*/
    /*.u-toshow{*/
        /*display: block;*/
    /*}*/
    /*.u-cont-thr h2{*/
        /*padding:5px 20px;*/
        /*background: #31b6c8;*/
        /*display: inline-block;*/
        /*text-align: left;*/
        /*margin:10px 0 0 0;*/
        /*font-size: 14px;*/
        /*color:#fff;*/
    /*}*/
    /*.u-cont-thr{*/
        /*text-align: left;*/
    /*}*/
    /*.u-header img{*/
        /*height:130px;*/
    /*}*/
    /*tool*/
    /*.tool-cont-one{*/
        /*padding:0 20px;*/
    /*}*/
    /*.tool-cont-one h3{*/
        /*margin:0 0 5px 0;*/
    /*}*/
    /*.d-four-phone-a h3{*/
        /*font-size: 14px;*/
    /*}*/
    /*.d-four-phone-a{*/
        /*padding:10px 5px 20px 5px;*/
    /*}*/
/*}*/
/*@media (max-width: 425px) {*/
    /*.d-four-phone-img {*/
        /*width: 70px;*/
    /*}*/
    /*.d-four-phone-l {*/
        /*height: 260px;*/
    /*}*/
    /*.d-four-phone-l span {*/
        /*padding-top: 73px;*/
    /*}*/
    /*.d-four-android{*/
        /*width:80px;*/
    /*}*/
    /*.d-four-ios{*/
        /*width:80px;*/
    /*}*/
    /*.d-four-phone-l span{*/
        /*font-size: 12px;*/
    /*}*/
    /*.d-four-ewm{*/
        /*width:54%;*/
    /*}*/
/*}*/
/*@media (max-width: 375px) {*/
    /*.a-one-ztabc{*/
        /*width:300px;*/
        /*overflow-x:auto;*/
    /*}*/
/*}*/
/*.home-one-nav a.selheader{*/
    /*color:#31b6c8;*/
/*}*/
/*a, a:focus, a:hover, a:active, a:after {*/
    /*text-decoration: none;*/
/*}*/

/*.home-one-nav a.selheader{*/
    /*color:#31b6c8;*/
/*}*/
/*a, a:focus, a:hover, a:active, a:after {*/
    /*text-decoration: none;*/
/*}*/

/*@keyframes rotateInDownLeft {*/
    /*0% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*25% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,-30deg);*/
        /*-ms-transform: rotate3d(0,0,1,-30deg);*/
        /*transform: rotate3d(0,0,1,-30deg);*/

    /*}*/

    /*50% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*75% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,30deg);*/
        /*-ms-transform: rotate3d(0,0,1,30deg);*/
        /*transform: rotate3d(0,0,1,30deg);*/

    /*}*/

    /*100% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/
/*}*/

/*@-moz-keyframes rotateInDownLeft {*/
    /*0% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*25% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,-30deg);*/
        /*-ms-transform: rotate3d(0,0,1,-30deg);*/
        /*transform: rotate3d(0,0,1,-30deg);*/

    /*}*/

    /*50% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*75% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,30deg);*/
        /*-ms-transform: rotate3d(0,0,1,30deg);*/
        /*transform: rotate3d(0,0,1,30deg);*/

    /*}*/

    /*100% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/
/*}*/

/*@-webkit-keyframes rotateInDownLeft {*/
    /*0% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*25% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,-30deg);*/
        /*-ms-transform: rotate3d(0,0,1,-30deg);*/
        /*transform: rotate3d(0,0,1,-30deg);*/

    /*}*/

    /*50% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*75% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,30deg);*/
        /*-ms-transform: rotate3d(0,0,1,30deg);*/
        /*transform: rotate3d(0,0,1,30deg);*/

    /*}*/

    /*100% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/
/*}*/

/*@-ms-keyframes rotateInDownLeft {*/
    /*0% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*25% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,-30deg);*/
        /*-ms-transform: rotate3d(0,0,1,-30deg);*/
        /*transform: rotate3d(0,0,1,-30deg);*/

    /*}*/

    /*50% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*75% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,30deg);*/
        /*-ms-transform: rotate3d(0,0,1,30deg);*/
        /*transform: rotate3d(0,0,1,30deg);*/

    /*}*/

    /*100% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/
/*}*/

/*@-o-keyframes rotateInDownLeft {*/
    /*0% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*25% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,-30deg);*/
        /*-ms-transform: rotate3d(0,0,1,-30deg);*/
        /*transform: rotate3d(0,0,1,-30deg);*/

    /*}*/

    /*50% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/

    /*75% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,30deg);*/
        /*-ms-transform: rotate3d(0,0,1,30deg);*/
        /*transform: rotate3d(0,0,1,30deg);*/

    /*}*/

    /*100% {*/
        /*-webkit-transform-origin: 50% 100%;*/
        /*-ms-transform-origin: 50% 100%;*/
        /*transform-origin: 50% 100%;*/
        /*-webkit-transform: rotate3d(0,0,1,0deg);*/
        /*-ms-transform: rotate3d(0,0,1,0deg);*/
        /*transform: rotate3d(0,0,1,0deg);*/

    /*}*/
/*}*/

/*.rotateInDownLeft {*/
    /*-moz-animation: rotateInDownLeft 1s linear 1;*/
    /*-ms-animation: rotateInDownLeft 1s linear 1;*/
    /*-o-animation: rotateInDownLeft 1s linear 1;*/
    /*-webkit-animation: rotateInDownLeft 1s linear 1;*/
    /*animation: rotateInDownLeft 1s linear 1;*/
/*}*/

/*#tip_join_us_container{*/
    /*width:100%;*/
    /*position: relative;*/
    /*height: 450px;*/
    /*margin-top:-450px;*/
/*}*/

/*#tip_join_us{*/
    /*width:100%;*/
    /*font-size: 32px;*/
    /*color: #e04b39;*/
    /*text-align: center;*/
    /*margin:0 auto;*/
    /*position: absolute;*/
    /*top:50%;*/
    /*margin-top:-48px;*/
/*}*/

/*a,a:active,a:hover {*/
    /*outline:0;*/
/*}*/