﻿@charset "utf-8";

/* CSS Document */


/*@font-face {
  font-family: 'releway';
  src: url('../font/releway/raleway-regular.eot');
  src: url('../font/releway/raleway-regular.eot?#iefix') format('embedded-opentype'),
       url('../font/releway/raleway-regular.woff') format('woff'),
       url('../font/releway/raleway-regular.ttf') format('truetype'),
       url('../font/releway/raleway-regular.svg#RalewayRegular') format('svg');
       font-weight: normal;
       font-style: normal;
}

div{font-family: releway, Century Gothic; }*/

body {
    font-family: "";
    font-size: 12px;
    font-weight: normal;
    color: #606060;
    margin: 0px;
    padding: 0px;
    background: #fff;
    overflow-x: hidden;
}

p,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
dl,
dd,
table,
td,
input,
ul,
li {
    margin: 0px;
    padding: 0px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

img {
    border: none;
}

li {
    list-style: none
}

a {
    color: #616161;
    text-decoration: none;
}

a:hover {
    color: #00b1a9
}

.clear {
    clear: both;
}

.filesize {
    color: #ff0000;
}

.langu_out .modal-dialog{width:100% !important; height:100% !important; background:rgba(0,0,0,0.3); margin:0 !important}



@media screen and (min-width: 996px) {
    .header {
        width: 100%;
        min-width: 1100px;
    }
    .header-top {
        height: 35px;
        line-height: 35px;
        background-color: #f6f6f4;
        border-bottom: 1px solid #d8d8d8
    }
    .top {
        width: 100%;
        height: 60px;
        padding: 20px 0 26px;
        position: relative;
        z-index: 11;
        background-color: #fff;
        border-bottom: 1px solid #d8d8d8;
    }
    .top.fixed {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 11;
    }
    .header-top .w960 {
        z-index: 15
    }
    .w960 {
        width: 1100px;
        margin: 0 auto;
        z-index: 1;
        overflow: hidden;
    }
    .logo {
        float: left;
        padding-top: 8px
    }
    .top_r {
        float: right;
    }
    .top_r span {
        float: left
    }
    .top_r span a {
        margin-right: 15px
    }
    .top_r span img {
        position: relative;
        top: 9px
    }
    .top_r p {
        float: left;
        border-left: 1px solid #e1e1e0;
        border-right: 1px solid #e1e1e0;
        padding: 0 0 0 15px
    }
    .top_l {
        float: left;
        width: 250px;
    }
    input::-webkit-search-decoration,
    input::-webkit-search-cancel-button {
        display: none;
    }
    .bei {
        background: url(../images/bei_ico.png) no-repeat center left;
        padding: 10px 0px 10px 22px;
        margin-left: 10px;
    }
    input[type=search] {
        background: #ededed url(../images/serch.png) no-repeat center center;
        border: solid 1px #ccc;
        padding: 5px 8px 5px 32px;
        width: 55px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }
    input[type=search]:focus {
        width: 140px;
        background-color: #fff;
        border-color: #00b1a9;
        background: #ededed url(../images/serch.png) no-repeat 90% center;
        -webkit-box-shadow: 0 0 5px rgba(227, 40, 32, .5);
        -moz-box-shadow: 0 0 5px rgba(227, 40, 32, .5);
        box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    }
    #demo-b {
        float: left;
        margin-left: 15px;
        border-right: 1px solid #e1e1e0;
        height: 35px
    }
    #demo-b input[type=search] {
        width: 15px;
        padding-left: 5px;
        color: transparent;
        cursor: pointer;
        margin: 3px 15px 0 0;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
        outline: none;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }
    #demo-b input[type=search]:hover {
        background-color: #fff;
    }
    #demo-b input[type=search]:focus {
        width: 140px;
        padding-left: 22px;
        color: #000;
        background-color: #fff;
        cursor: auto;
    }
    #demo-b input:-moz-placeholder {
        color: transparent;
    }
    #demo-b input::-webkit-input-placeholder {
        color: transparent;
    }
    /*导航*/
    .nav {
        float: right;
        width: 820px;
    }
    .nav li {
        float: left;
        line-height: 62px;
    }
    .nav>ul>li>a {
        float: left;
        padding: 0px 10px;
        font-size: 15px;
        height: 83px;
        color: #313131;
        z-index: 999;
    }
    .nav>ul>li>a.cur {
        border-bottom: 3px solid #00b1a9;
        color: #00b1a9
    }
    .nav li .submenu {
        position: absolute;
        top: 107px;
        z-index: 1000;
        display: none;
        background: rgba(246, 246, 244, 0.9);
        width: 100%;
        left: 0;
    }
    .nav li .submenu ul {
        width: 440px;
        margin: 0 auto
    }
    .nav li .submenu li {
        float: left
    }
    .nav li .submenu li a {
        float: left;
        font-size: 14px;
        margin-right: 40px
    }
    /*banner*/
    .ls_banner {
        width: 100%;
        height: 627px;
        position: relative;
        overflow: hidden
    }
    .ls_banner .ls_bgSet {
        position: relative;
    }
    .ls_banner .ls_bgSet li {
        position: absolute;
        width: 100%;
        height: 627px;
        display: none
    }
    .ls_banner .ls_imgSet {
        position: absolute;
        width: 998px;
        left: 50%;
        margin-left: -500px;
    }
    .ls_banner .ls_imgSet .ls_1_1 {
        position: absolute;
        left: -50px;
        top: 185px;
        font-size: 40px;
        color: #00b1a9;
        font-weight: bold;
        width: 570px;
    }
    .ls_banner .ls_imgSet .ls_1_2 {
        position: absolute;
        left: -50px;
        top: 255px;
        width: 400px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_1_3 {
        position: absolute;
        left: -50px;
        top: 400px;
        border: 1px solid #555;
        padding: 12px 0;
        width: 130px;
        text-align: center;
        font-size: 14px;
        color: #333;
    }
    .ls_banner .ls_imgSet .ls_2_1 {
        position: absolute;
        left: 650px;
        top: 150px;
        font-size: 40px;
        color: #00b1a9;
        font-weight: bold;
        width: 420px;
        line-height: 50px;
    }
    .ls_banner .ls_imgSet .ls_2_2 {
        position: absolute;
        left: 650px;
        top: 225px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_2_3 {
        position: absolute;
        left: 650px;
        top: 260px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_3_1 {
        position: absolute;
        left: 600px;
        top: 140px;
        font-size: 40px;
        color: #00b1a9;
        font-weight: bold;
        width: 420px;
        line-height: 50px;
    }
    .ls_banner .ls_imgSet .ls_3_2 {
        position: absolute;
        left: 600px;
        top: 265px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_3_3 {
        position: absolute;
        left: 600px;
        top: 300px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_4_1 {
        position: absolute;
        left: 600px;
        top: 140px;
        font-size: 40px;
        color: #ffffff;
        font-weight: bold;
        width: 420px;
        line-height: 50px;
    }
    .ls_banner .ls_imgSet .ls_4_2 {
        position: absolute;
        left: 600px;
        top: 215px;
        width: 430px;
        font-size: 20px;
        color: #ffffff;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_4_3 {
        position: absolute;
        left: 600px;
        top: 250px;
        width: 430px;
        font-size: 20px;
        color: #ffffff;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_5_1 {
        position: absolute;
        left: -50px;
        top: 190px;
    }
    .ls_banner .ls_imgSet .ls_5_2 {
        position: absolute;
        left: -50px;
        top: 325px;
    }
    .ls_banner .ls_menuWrap {
        position: absolute;
        width: 1000px;
        left: 50%;
        margin-left: -500px;
    }
    .ls_banner .ls_menuWrap .ls_menuSet {
        position: absolute;
        width: 100%;
        top: 590px;
        left: 0px;
        text-align: center;
        font-size: 0
    }
    .ls_banner .ls_menuWrap .ls_menuSet li {
        cursor: pointer;
        margin: 0 5px;
        display: inline;
    }
    /*about*/
    .about_main {
        width: 1100px;
        margin: 0 auto;
        padding: 70px 0
    }
    .about_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center
    }
    .about_main h3 {
        font-weight: normal;
        font-size: 15px;
        line-height: 30px;
        text-align: center;
        margin: 14px 0 40px
    }
    .about_main ul {
        display: table;
        margin: 0 auto
    }
    .about_main ul li {
        float: left
    }
    .about_main ul li img {
        display: block
    }
    .about_main ul li a {
        float: left;
        margin: 0 75px;
        text-align: center;
        font-size: 18px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .about_main ul li a:hover {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    .about_main h4 a {
        font-weight: normal;
        border: 1px solid #d4d8d9;
        display: block;
        width: 110px;
        height: 38px;
        border-radius: 5px;
        margin: 50px auto 0;
        text-align: center;
        line-height: 38px
    }
    .about_main h4 a:hover {
        background-color: #00b1a9;
        color: #fff;
        border: 1px solid #00b1a9
    }
    .about_content {
        width: 1100px;
        display: inline-block;
    }
    .about_content .l {
        float: left;
        width: 450px;
    }
    .about_content .l img {
        width: 100%;
    }
    .about_content .r {
        float: right;
        background-color: #efefef;
        width: 570px;
        font-size: 14px;
        line-height: 24px;
        padding: 40px;
        height: 402px;
    }
    #news {
        background-color: #f6f6f4;
        padding: 65px 0
    }
    .new_main {
        width: 1100px;
        margin: 0 auto
    }
    .new_main h4 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 40px
    }
    .new_main dl {
        width: 334px;
        float: left;
        border: 1px solid #d4d8d9;
        position: relative;
        margin-right: 30px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .new_main dl:hover {
        z-index: 2;
        background-color: #f8f8f8;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    .new_main dd {
        background-color: #fff;
        padding: 25px;
    }
    .new_main dd h2 a {
        font-weight: normal;
        font-size: 16px;
        color: #313131;
        line-height: 25px
    }
    .new_main dd h2 a:hover {
        color: #00b1a9
    }
    .new_main dd p {
        font-size: 13px;
        line-height: 25px;
        margin: 15px 0
    }
    .new_main dl h3 {
        font-weight: normal;
        background-color: #00b1a9;
        width: 62px;
        height: 57px;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        text-align: center;
        padding-top: 15px
    }
    .new_main dl h3 span {
        display: block;
        font-size: 12px;
        line-height: 25px
    }
    .new_main dt {
        overflow: hidden
    }
    .new_main dt img {
        width: 334px;
        height: 192px
    }
    .big {
        overflow: hidden;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease .0s;
        -moz-transition: all 0.5s ease .0s;
        -ms-transition: all 0.5s ease .0s;
        transition: all 0.5s ease .0s;
    }
    .big:hover {
        -webkit-transform: scale(1.10);
        -moz-transform: scale(1.10);
        -ms-transform: scale(1.10);
        transform: scale(1.10);
    }
    #product {
        background-color: #d4dde7;
        padding: 80px 0
    }
    .pro_main {
        width: 1100px;
        margin: 0 auto
    }
    .pro_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #00b1a9;
        text-align: center
    }
    .pro_main h2 span {
        font-size: 16px;
        display: block;
        color: #606060;
        margin: 13px 0 50px
    }
    /*产品滚动*/
    .picScroll {
        position: relative;
    }
    .picScroll ul {
        zoom: 1;
        border: 1px solid #d4d8d9
    }
    .picScroll dl {
        border-right: 1px solid #d4d8d9;
        float: left;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        position: relative;
        border-bottom: 2px solid #d4d8d9;
    }
    .picScroll dl:hover {
        z-index: 2;
        border-bottom: 2px solid #00b1a9;
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    .picScroll dd {
        width: 223px;
        height: 80px;
        background-color: #f6f6f4;
        padding: 25px;
    }
    .picScroll dd h3 a {
        font-weight: normal;
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 21px;
        display: block
    }
    .picScroll dt {
        overflow: hidden;
        width: 273px;
        padding: 40px 0;
        background-color: #fff
    }
    .picScroll dt img {
        width: 100%;
    }
    /*.picScroll .pro_bg{ position:absolute; width:273px; height:384px; background-color:#000; opacity:0.5; left:0; top:0; }*/
    .picScroll .prev {
        position: absolute;
        left: -90px;
        top: 170px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_l.png) no-repeat left;
        cursor: pointer;
        -moz-user-select: none;
    }
    .picScroll .prev:hover {
        background: url(../images/pro_l_hover.png) no-repeat left;
    }
    .picScroll .next {
        position: absolute;
        right: -90px;
        top: 170px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_r.png) no-repeat right;
        cursor: pointer;
        -moz-user-select: none;
    }
    .picScroll .next:hover {
        background: url(../images/pro_r_hover.png) no-repeat right;
    }
    #online {
        background-color: #00b1a9;
        height: 80px;
        width: 100%;
        padding: 23px 0
    }
    .online_main {
        width: 800px;
        margin: 0 auto;
        display: table
    }
    .online_main b,
    .online_main h2,
    .online_main a {
        float: left;
        padding: 0 20px
    }
    .online_main h2 {
        font-weight: normal;
        color: #fff;
        font-size: 28px;
        line-height: 80px;
    }
    .online_main h2 span {
        display: block;
        font-size: 17px;
        margin-top: 12px
    }
    .online_main a {
        padding-top: 20px;
        float: right
    }
    .partner_main {
        width: 1100px;
        margin: 0 auto;
        padding: 65px 0
    }
    .partner_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center
    }
    .partner_main h2 span {
        font-size: 16px;
        display: block;
        color: #606060;
        margin: 10px 0 50px
    }
    /*.partner_main ul{border-top:1px solid #d5d9da; border-left:1px solid #d5d9da}
    .partner_main li{ float:left}
    .partner_main li a{ float:left; border-bottom:1px solid #d5d9da; border-right:1px solid #d5d9da}*/
    #contact {
        background-color: #f6f6f4;
        padding: 65px 0
    }
    .contact_main {
        width: 1100px;
        margin: 0 auto;
        text-align: center
    }
    .contact_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        background: url(../images/bor.png) no-repeat bottom;
        padding-bottom: 12px
    }
    .contact_main p {
        font-size: 17px;
        line-height: 32px;
        margin: 30px 0 0
    }
    .contact_main p span {
        font-size: 30px;
        color: #00b1a9;
        line-height: 48px
    }
    .contact_main a {
        padding: 0 5px
    }
    #foot {
        background-color: #535c65;
        padding: 55px 0
    }
    .foot_main {
        width: 1100px;
        margin: 0 auto
    }
    .foot_main ul {
        float: left;
        margin-right: 40px;
        width: 150px
    }
    .foot_main h2 a {
        font-size: 16px;
        color: #E6E6E6;
        border-bottom: 1px solid #757d84;
        display: block;
        padding-bottom: 17px;
        margin-bottom: 20px;
        font-weight: normal
    }
    .foot_main li a {
        color: #BFC3C7;
        line-height: 24px;
    }
    .foot_main a:hover {
        color: #00b1a9
    }
    #foot_1 {
        background-color: #484f58;
        height: 50px;
        line-height: 50px
    }
    #foot_1 p {
        width: 1100px;
        margin: 0 auto;
        color: #C6C8CA;
    }
    #foot_1 p b {
        float: right;
        font-weight: normal
    }
    #foot_1 p span {
        position: relative;
        top: 2px;
        margin-left: 5px
    }
    #foot_1 p b a {
        color: #C6C8CA;
    }
    #foot_1 p b a:hover {
        color: #00b1a9
    }
    .ab_main {
        width: 1100px;
        margin: 0 auto;
        position: relative
    }
    .ab_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px;
        padding: 130px 0 0;
        margin-top: -70px
    }
    .ab_main h3 {
        background: rgba(246, 246, 246, 0.95);
        width: 560px;
        height: 385px;
        position: absolute;
        right: 130px;
        top: 230px;
        font-weight: normal;
        font-size: 14px;
        line-height: 26px;
        padding: 40px
    }
    #honor {
        background-color: #e9eef4;
        padding: 65px 0 0
    }
    .honor_main {
        width: 1100px;
        margin: 0 auto
    }
    .honor_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px
    }
    .picScroll_1 {
        position: relative;
    }
    .picScroll_1 ul li {
        float: left;
        margin-right: 7px;
        width: 175px;
        display: inline;
        border: 1px solid #dbdbdb
    }
    .picScroll_1 ul li img {
        width: 175px;
        height: 244px;
    }
    .picScroll_1 .prev {
        position: absolute;
        left: -70px;
        top: 100px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_l.png) no-repeat left;
        cursor: pointer;
    }
    .picScroll_1 .next {
        position: absolute;
        right: -70px;
        top: 100px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_r.png) no-repeat right;
        cursor: pointer;
    }
    /*
    #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display: none;}
    #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../images/fancybox.png');}
    #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;}
    #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
    #fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;}
    #fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}
    #fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff;}
    #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
    #fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../images/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;}
    #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;}
    #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;}
    #fancybox-frame{width:100%;height:100%;border:none;display:block;}
    #fancybox-left, #fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('../images/blank.gif');z-index:1102;display:none;}
    #fancybox-left{left:0px;}
    #fancybox-right{right:0px;}
    #fancybox-left-ico, #fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
    #fancybox-left-ico{background-image:url('../images/fancybox.png');background-position:-40px -30px;}
    #fancybox-right-ico{background-image:url('../images/fancybox.png');background-position:-40px -60px;}
    #fancybox-left:hover, #fancybox-right:hover{visibility:visible; }
    #fancybox-left:hover span{left:20px;}
    #fancybox-right:hover span{left:auto;right:20px;}
    .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
    #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../images/fancybox-x.png');}
    #fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../images/fancybox.png');background-position:-40px -162px;}
    #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('../images/fancybox-y.png');background-position:-20px 0px;}
    #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../images/fancybox.png');background-position:-40px -182px;}
    #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../images/fancybox-x.png');background-position:0px -20px;}
    #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../images/fancybox.png');background-position:-40px -142px;}
    #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../images/fancybox-y.png');}
    #fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../images/fancybox.png');background-position:-40px -122px;}
    #fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
    .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
    .fancybox-title-outside{padding-top:10px;color:#fff;}
    .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
    #fancybox-title-over{padding:10px;display:block;text-indent: -9999px;}
    .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
    #fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}
    #fancybox-title-float-wrap td{border:none;white-space:nowrap;}
    #fancybox-title-float-left{padding:0 0 0 15px;background:url('../images/fancybox.png') -40px -90px no-repeat;}
    #fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('../images/fancybox-x.png') 0px -40px;}
    #fancybox-title-float-right{padding:0 0 0 15px;background:url('../images/fancybox.png') -55px -90px no-repeat;}
    
    .fancybox-ie6 #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom:1;}
    .fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px");}
    #fancybox-loading.fancybox-ie6{position:absolute; margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
    #fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale');}
    
    .fancybox-ie .fancybox-bg{background:transparent !important;}
    .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale');}
    */
    #develop {
        background-color: #f6f6f4;
        padding: 70px 0 0
    }
    .develop_main {
        width: 1205px;
        margin: 0 auto;
    }
    .develop_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px
    }
    /*发展历程*/
    .mod18 {
        position: relative;
    }
    .mod18 .btn {
        position: absolute;
        cursor: pointer;
        z-index: 99;
    }
    .mod18 .prev {
        left: 10px;
        background: url(../images/de_l.png) no-repeat;
    }
    .mod18 #prev,
    .mod18 #next {
        top: 27px;
        width: 37px;
        height: 37px;
        z-index: 999
    }
    .mod18 #prevTop {
        background: none
    }
    .mod18 #nextTop {
        background: none
    }
    .mod18 .next {
        right: 10px;
        background: url(../images/de_r.png) no-repeat;
    }
    .mod18 li {
        float: left;
    }
    .mod18 .picBox {
        width: 1100px;
        height: 110px;
        position: relative;
        overflow: hidden;
        margin: 50px auto 0
    }
    .mod18 .picBox ul {
        position: absolute;
        left: 0;
    }
    .mod18 .picBox li {
        width: 1100px;
        overflow: hidden;
        font-size: 15px;
        line-height: 27px;
        text-align: center
    }
    .mod18 .listBox {
        width: 1000px;
        height: 97px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        background: url(../images/bor.png) repeat-x center
    }
    .mod18 .listBox ul {
        height: 97px;
        position: absolute;
    }
    .mod18 .listBox li {
        width: 145px;
        height: 97px;
        cursor: pointer;
        position: relative;
        text-align: center
    }
    .mod18 .listBox li b {
        font-weight: normal;
        font-size: 16px;
        color: #606060;
        display: block;
        padding-top: 8px
    }
    .mod18 .listBox img {
        padding-top: 23px
    }
    .mod18 .listBox .on img {
        display: none
    }
    .mod18 .listBox .on {
        background: url(../images/dev_img_bak.png) center top no-repeat;
    }
    .mod18 .listBox .on b {
        color: #fff;
        padding-top: 27px;
        position: relative;
        left: -2px;
        font-size: 25px
    }
    .applicat_main {
        width: 1100px;
        margin: 0 auto;
        padding: 60px 0
    }
    .applicat_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px
    }
    .applicat_main h2 span {
        font-size: 16px;
        font-family: Arial;
        display: block;
        color: #606060;
        margin: 10px 0 50px;
        line-height: 24px
    }
    .applicat_main li {
        float: left
    }
    .applicat_main li a {
        float: left;
        font-size: 14px;
        line-height: 45px;
        width: 220px;
        text-align: center;
        margin-bottom: 30px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .applicat_main li a:hover {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
    .pro_ban {
        background: url(../images/pro_ban.jpg) no-repeat center center;
        height: 427px
    }
    .pro_b_con {
        width: 1100px;
        margin: 0 auto
    }
    .pro_b_con h2 {
        font-size: 36px;
        color: #fff;
        padding-top: 125px;
        line-height: 62px;
        font-weight: normal
    }
    .pro_con {
        width: 1100px;
        margin: 0 auto;
        padding: 70px 0
    }
    .pro_cont {
        border-top: 1px solid #d4d8d9;
        padding: 40px 0
    }
    .pro_l {
        float: left;
        width: 254px
    }
    .pro_l h2 a {
        font-weight: normal;
        font-size: 18px;
        color: #546c9e;
        line-height: 27px
    }
    .pro_l h2 a:hover {
        color: #019b94
    }
    .pro_r {
        float: right;
        width: 820px
    }
    .pro_cont dl {
        float: left;
        width: 377px;
        border: 1px solid #d4d8d9;
        margin-left: 30px
    }
    .pro_cont dd {
        background-color: #f6f6f4;
        padding: 30px
    }
    .pro_cont dd h3 a {
        font-size: 18px;
        color: #313131;
        font-weight: normal
    }
    .pro_cont dd p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 25px
    }
    .pro_cont dt {
        overflow: hidden
    }
    .pro_list {
        padding: 0 0 70px
    }
    .pro_list_con dl {
        margin: 0 20px 30px 0;
        width: 344px
    }
    .pro_list_con dt img {
        width: 344px;
        height: 232px
    }
    /*.pro_cont dt img{ width:344px}*/
    .pro_content {
        width: 1100px;
        margin: 70px auto 0;
        border-top: 1px solid #d4d8d9;
        padding: 40px 0
    }
    .pro_c_l {
        float: left;
        width: 556px
    }
    .pro_r_l {
        float: right;
        width: 490px
    }
    .pro_r_l h2 {
        font-weight: normal;
        font-size: 24px;
        color: #313131;
        margin-top: 40px
    }
    .pro_r_l p {
        font-size: 14px;
        line-height: 23px;
        margin: 35px 0 85px
    }
    .pro_r_l a {
        font-size: 14px;
    }
    .pro_more a {
        width: 110px;
        height: 35px;
        display: block;
        text-align: center;
        line-height: 35px;
        background-color: #d4d8d9;
        margin: 30px 0 0 30px;
        font-size: 14px;
        color: #313131
    }
    .pro_more a:hover {
        background-color: #546c9e;
        color: #fff
    }
    .ban {
        width: 556px;
        position: relative;
        overflow: hidden;
    }
    .ban2 {
        width: 554px;
        height: 373px;
        position: relative;
        overflow: hidden;
        border: 1px solid #ccc
    }
    .ban2 ul {
        position: absolute;
        left: 0;
        top: 0;
    }
    .ban2 ul li {
        width: 554px;
        height: 373px;
    }
    .ban2 ul li img {
        width: 554px;
        height: 373px
    }
    .num {
        height: 64px;
        overflow: hidden;
        width: 510px;
        position: relative;
        float: left;
    }
    .min_pic {
        padding-top: 25px;
        width: 556px;
    }
    .num ul {
        position: absolute;
        left: 0;
        top: 0;
    }
    .num ul li {
        width: 92px;
        height: 62px;
        margin-right: 9px;
        border: 1px solid #ccc;
        cursor: pointer
    }
    .num ul li img {
        width: 92px;
        height: 62px
    }
    .num ul li.on {
        border: 1px solid #546c9e;
    }
    .prev_btn1 {
        width: 16px;
        text-align: center;
        height: 18px;
        margin-top: 24px;
        margin-right: 10px;
        cursor: pointer;
        float: left;
    }
    .next_btn1 {
        width: 16px;
        text-align: center;
        height: 18px;
        margin-top: 24px;
        cursor: pointer;
        float: right;
    }
    .slideTxtBox .hd {
        position: relative;
        border-top: 1px solid #d4d8d9;
        border-bottom: 1px solid #d4d8d9
    }
    .slideTxtBox .hd ul {
        display: table;
        margin: 0 auto
    }
    .slideTxtBox .hd ul li {
        float: left;
        padding: 25px 15px;
        cursor: pointer;
        font-size: 18px;
        color: #313131
    }
    .slideTxtBox .hd ul li.on {
        color: #00b1a9;
        border-bottom: 2px solid #00b1a9
    }
    .slideTxtBox .bd ul {
        padding: 30px 0 60px;
        /* display:table;*/
        margin: 0 auto;
        width: 1100px;
        font-size: 14px;
        line-height: 24px
    }
    .slideTxtBox .bd ul table {
        border: 1px solid #808284;
        border-collapse: collapse
    }
    .slideTxtBox .bd ul td {
        border: 1px solid #808284;
        text-align: center;
        padding: 5px 0
    }
    .slideTxtBox .bd ul .td_color {
        color: #fff
    }
    .slideTxtBox .bd ul i {
        font-style: inherit;
        background: url(../images/fang.jpg) no-repeat left;
        padding-left: 15px;
    }
    #store {
        height: 70px;
        border-bottom: 1px solid #d4d8d9;
        line-height: 70px;
        margin-bottom: 60px
    }
    #store ul {
        width: 1100px;
        margin: 0 auto
    }
    #store ul li {
        float: left;
        margin-right: 32px
    }
	#store ul li.on a{text-decoration: underline;}
    #store ul li a {
        float: left;
        font-size: 16px;
        color: #313131;
    }
    #store ul li a:hover,
    #store ul li .cur {
        /* color: #00b1a9;
        border-bottom: 2px solid #00b1a9; */
        height: 69px;
    }
    .all_pro {
        width: 1100px;
        margin: 0 auto
    }
    .store_main {
        border-top: 2px solid #d4d8d9;
        padding: 30px 0
    }
    .store_l {
        width: 316px;
        float: left
    }
    .store_r {
        float: right;
        width: 754px
    }
    .store_r h2 {
        font-weight: normal;
        margin-bottom: 15px
    }
    .store_r h2 span a {
        font-size: 14px;
        color: #f00;
        border: 1px solid #f00;
        padding: 2px 8px;
        margin-right: 10px
    }
    .store_r h2 span a:hover {
        background-color: #f00;
        color: #fff;
    }
    .store_r h2 a {
        font-size: 16px;
        color: #313131
    }
    .store_r h2 a:hover {
        color: #00b1a9
    }
    .store_r td {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        color: #313131
    }
    .store_r .tr_bak {
        background-color: #f6f6f4;
    }
    .store_r .tr_pad {
        padding-left: 15px
    }
    .store_r p {
        line-height: 25px;
        font-size: 13px;
        padding-left: 15px;
        margin: 5px 0 18px
    }
    .store_r .store_more {
        font-size: 14px;
        color: #fff;
        float: right;
        width: 126px;
        height: 31px;
        background-color: #00b1a9;
        text-align: center;
        line-height: 31px
    }
    .store_r .store_more:hover {
        background-color: #01a59e
    }
    .store_con {
        width: 1100px;
        margin: 0 auto 100px;
        border: 1px solid #d4d8d9
    }
    .store_con .tab_1 {
        background-color: #f6f6f4;
        padding: 6px 22px 22px;
        font-size: 16px;
        color: #313131
    }
    .store_con .tab_1 b {
        float: left;
        border: 1px solid #d6dadb
    }
    .store_con .tab_1 h2 {
        float: left;
        font-weight: normal;
        font-size: 16px;
        margin: 8px 0 0 20px
    }
    .store_con .tab_1 h2 span {
        display: block;
        font-size: 14px;
        color: #606060;
        margin-top: 3px
    }
    .store_con .tab_1 input {
        outline: none;
        border: 1px solid #d4d8d9;
        padding: 5px 10px 5px 20px;
        font-size: 18px;
        color: #606060;
        width: 60px
    }
    .store_con .tab_2 {
        padding: 20px 20px 60px;
        border-top: 1px solid #d5d9da
    }
    .store_con .tab_2 span {
        color: #f00;
        font-size: 16px;
        padding-right: 5px
    }
    .store_con .tab_2 td {
        font-size: 14px;
        padding-bottom: 15px
    }
    .store_con .tab_2 input {
        width: 799px;
        /*height:35px;*/
        border: 1px solid #d5d9da;
        outline: none;
        margin-left: 10px;
        padding: 9px 10px
    }
    .store_con .tab_2 textarea {
        width: 799px;
        height: 100px;
        border: 1px solid #d5d9da;
        outline: none;
        margin-left: 10px;
        padding: 9px 10px
    }
    .store_con .store_sub {
        font-size: 18px;
        color: #fff;
        text-align: center;
        margin: 10px 0 0 10px;
        width: 224px;
        height: 46px;
        line-height: 46px;
        background-color: #00b1a9;
        float: left
    }
    .store_con .store_sub:hover {
        background-color: #02a29b
    }
    .store_con .back {
        float: right;
        padding: 30px 60px 0 0
    }
    .store_con .tab_2 input:focus,
    .store_con .tab_2 textarea:focus {
        transition: border linear .2s, box-shadow linear .2s;
        -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
        -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
        outline: none;
        border-color: #00b1a9;
        box-shadow: 0 0 7px #00b1a9;
        -moz-box-shadow: 0 0 7px #00b1a9;
        -webkit-box-shadow: 0 0 7px #00b1a9;
    }
    .new_con {
        width: 1100px;
        margin: 0 auto 100px
    }
    .new_con dl {
        border-top: 2px solid #d4d8d9;
        padding: 40px 0
    }
    .new_con dt {
        float: left;
        width: 350px
    }
    .new_con dt img {
        width: 350px;
        height: 201px
    }
    .new_con dd {
        float: right;
        width: 710px
    }
    .new_con dd span {
        font-size: 14px;
        display: block;
    }
    .new_con dd h2 a {
        font-size: 18px;
        color: #313131;
        font-weight: normal;
        display: block;
        margin: 15px 0 20px
    }
    .new_con dd p {
        font-size: 14px;
        line-height: 27px;
        margin-bottom: 25px
    }
    .new_con dd a {
        font-size: 14px;
        color: #00b1a9
    }
    .new_con dd a:hover {
        color: #049d96
    }
    .news_con {
        width: 1100px;
        margin: 0 auto
    }
    .news_con h2 {
        font-weight: bold;
        font-size: 24px;
        color: #313131;
        text-align: center
    }
    .news_con h2 span {
        font-size: 16px;
        color: #606060;
        display: block;
        margin: 15px 0 40px
    }
    .news_con table {
        background-color: #f6f6f4;
        padding: 35px 45px;
        font-size: 14px;
        line-height: 27px
    }
    .news_con table img {
        max-width: 900px;
    }
    .news_more_fot {
        margin: 45px 0;
        font-size: 16px;
        border-top: 1px solid #dcdcdc;
        padding-top: 15px;
    }
    .news_more_fot_l {
        width: 500px;
        float: left;
    }
    .news_more_fot_l span {
        display: block;
        line-height: 26px;
    }
    .news_more_fot_l span a {
        font-size: 14px
    }
    .news_more_fot_r {
        float: right;
    }
    .con_main {
        width: 1100px;
        margin: 70px auto;
        text-align: center;
        border-top: 1px solid #d4d8d9;
        border-bottom: 1px solid #d4d8d9;
        padding: 35px 0
    }
    .con_main h2 {
        font-weight: normal;
        font-size: 42px;
        color: #313131;
        display: inherit;
        display: table;
        margin: 0 auto;
        border-bottom: 1px dashed #7c7c7c;
        padding-bottom: 20px;
        margin-bottom: 30px
    }
    .con_main td {
        font-size: 16px;
        line-height: 32px
    }
    .con_main td img {
        padding: 0 5px
    }
    .solution_main {
        width: 1100px;
        margin: 0 auto 60px;
        overflow: hidden
    }
    .solution_main h2 a {
        font-weight: bold;
        font-size: 20px;
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #d4d8d9;
        border-top: 1px solid #d4d8d9;
        margin-bottom: 27px;
        display: block
    }
    .solution_main dl {
        width: 100%;
    }
    .solution_main dd {
        font-size: 14px;
        line-height: 27px;
        margin: 30px 0 0 30px;
        float: right;
        width: calc(50% - 30px);
    }
    .solution_main dt {
        overflow: hidden;
        float: left;
        width: 50%;
    }
    .battery_main {
        width: 700px;
        margin: 0 auto 100px
    }
    .battery_main td {
        font-size: 16px;
        padding-bottom: 13px
    }
    .battery_main td span {
        font-size: 26px;
        color: #f00;
        padding-right: 6px;
        position: relative;
        top: 6px;
    }
    .battery_main td b {
        display: block;
        font-weight: normal;
        font-size: 14px;
        color: #c6c6c6
    }
    .battery_main td img {
        margin-left: 10px
    }
    .battery_main td .ba_input {
        width: 415px;
        /*height:35px;*/
        background-color: #eaeaea;
        outline: none;
        margin-left: 10px;
        padding: 11px 10px;
        border: none
    }
    .battery_main .support_sub {
        font-size: 20px;
        color: #fff;
        text-align: center;
        display: block;
        margin: 10px 0 0 10px;
        background-color: #00b1a9;
        width: 437px;
        height: 38px;
        line-height: 38px;
        border: none;
        cursor: pointer;
        font-family: ""
    }
    .battery_main .support_sub:hover {
        background-color: #03a59e
    }
    .battery_main td .ba_input:focus {
        transition: border linear .2s, box-shadow linear .2s;
        -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
        -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
        outline: none;
        border-color: #00b1a9;
        box-shadow: 0 0 7px #00b1a9;
        -moz-box-shadow: 0 0 7px #00b1a9;
        -webkit-box-shadow: 0 0 7px #00b1a9;
    }
    #Load.layui-upload-img {
        max-width: 100%;
        width: auto!important;
        height: auto!important
    }
    .battery_main td .supp_select {
        width: 435px;
        color: #605455;
        background-color: #eaeaea;
        outline: none;
        margin-left: 10px;
        padding: 10px 10px;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-family: ""
    }
    /*修改添加*/
    .rdolist {
        display: none;
    }
    .rdobox {
        width: 70px;
        height: 32px;
        float: left;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        cursor: pointer
    }
    .rdobox i {
        font-style: inherit
    }
    .unchecked {
        background: #f6f6f4;
        color: #606060;
        transition-property: background;
        transition-delay: 0s;
        transition-duration: .1s;
        transition-timing-function: linear;
    }
    .unchecked:hover {
        background: #dedfe0;
    }
    .checked {
        background: #00b1a9;
        color: #fff;
    }
    .battery_main td strong {
        font-size: 14px;
        color: #9a9a9a;
        font-weight: normal;
        padding-left: 10px
    }
    .down_main {
        width: 1100px;
        margin: 0 auto 100px
    }
    .down_main ul {
        float: left;
        width: 346px;
        margin-right: 18px;
        border: 1px solid #d4d8d9;
        padding-bottom: 25px
    }
    .down_main ul h2 {
        height: 56px;
        line-height: 56px;
        background-color: #00b1a9;
        font-size: 24px;
        text-align: center;
        font-weight: normal;
        color: #fff;
        margin-bottom: 22px
    }
    .down_main ul li {
        overflow: hidden;
        padding: 0 15px;
        margin-bottom: 10px
    }
    .down_main ul li a {
        color: #313131;
        line-height: 25px
    }
    .down_main ul li a span {
        background: url(../images/down_sub.png) no-repeat right;
        height: 29px;
        float: right;
        width: 90px;
    }
    .down_main ul li a:hover {
        color: #00b1a9
    }
    .down_main ul p a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
        background-color: #00b1a9;
        color: #fff;
        margin: 20px auto 0;
        border-radius: 3px
    }
    .down_main ul p a:hover {
        background-color: #03a49d
    }
    .down_con h3 {
        font-size: 18px;
        font-weight: normal;
        border-bottom: 1px solid #d4d8d9;
        padding-bottom: 15px;
        margin-bottom: 20px;
        color: #00b1a9;
    }
    .down_con ul {
        width: 100%;
        border: none;
        padding: 0
    }
    .down_con ul li {
        padding: 0;
        font-size: 14px;
        border-bottom: 1px dashed #d4d8d9;
        margin: 0
    }
    .down_con ul li a {
        height: 45px;
        line-height: 45px
    }
    .down_con ul li a span {
        position: relative;
        top: 8px
    }
    .video_main {
        width: 1100px;
        margin: 0 auto
    }
    .video_main h2 {
        font-weight: normal;
        font-size: 24px;
        color: #00b1a9;
        text-align: center;
    }
    .video_main p {
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 40px
    }
    .video_con {
        text-align: center;
        width: 860px;
        height: 535px;
        margin: 30px auto
    }
    .scroll_2 {
        width: 1100px;
        margin: 0 auto 100px;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        padding: 20px 0 8px
    }
    .picScroll_2 {
        position: relative;
        overflow: hidden;
        padding: 0 100px
    }
    .picScroll_2 ul {
        overflow: hidden;
        zoom: 1;
    }
    .picScroll_2 ul li {
        float: left;
        margin-right: 20px;
        width: 108px;
        overflow: hidden;
        display: inline;
        text-align: center;
        line-height: 18px;
        position: relative;
        font-size: 14px;
    }
    .picScroll_2 ul li img {
        border: 1px solid #dbdbdb
    }
    .picScroll_2 ul li .icon-video {
        position: absolute;
        left: 0;
        top: 0
    }
    .picScroll_2 ul li a:hover {
        color: #00b1a9
    }
    .picScroll_2 .prev {
        position: absolute;
        left: 30px;
        top: 25px;
        display: block;
        width: 37px;
        height: 37px;
        overflow: hidden;
        background: url(../images/de_l.png) no-repeat left;
        cursor: pointer;
    }
    .picScroll_2 .next {
        position: absolute;
        right: 55px;
        top: 25px;
        display: block;
        width: 37px;
        height: 37px;
        overflow: hidden;
        background: url(../images/de_r.png) no-repeat right;
        cursor: pointer;
    }
    .picScroll_2 li.now .icon-video {
        display: none;
    }
    .slideTxtBox .bd .zone_ul {
        width: 1100px;
        margin: 0 auto;
        padding: 30px 0
    }
    .zone_ul li {
        height: 46px;
        line-height: 46px;
        border-bottom: 1px dashed #bdbdbd;
        position: relative;
        background: url(../images/fang.jpg) no-repeat left;
        padding-left: 15px
    }
    .zone_ul li a {
        font-size: 14px;
    }
    .zone_ul li img {
        position: absolute;
        right: 78px;
        top: 14px;
    }
    .zone_ul li span {
        float: right;
        padding-left: 30px;
        background-image: url(../images/down_1.png);
        background-repeat: no-repeat;
        background-position: left
    }
    .uploader {
        position: relative;
        display: inline-block;
        overflow: hidden;
        cursor: default;
        padding: 0;
        margin: 10px 0px 10px 10px;
        float: left;
    }
    .fuploader {
        position: relative;
        display: inline-block;
        overflow: hidden;
        cursor: default;
        padding: 0;
        margin: 10px 0px 10px 0px;
        float: left;
    }
    .filename {
        float: left;
        display: inline-block;
        outline: 0 none;
        height: 38px;
        width: 375px;
        margin: 0;
        padding: 8px 10px;
        overflow: hidden;
        cursor: default;
        border: 0px solid;
        border-right: 0;
        font: 9pt/100% Arial, Helvetica, sans-serif;
        color: #777;
        text-shadow: 1px 1px 0px #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: #F6F6F4;
        background: -moz-linear-gradient(top, #eaeaea 0%, #eee 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #F6F6F4));
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0);
        border-color: #ccc;
        -moz-box-shadow: 0px 0px 1px #fff inset;
        -webkit-box-shadow: 0px 0px 1px #fff inset;
        box-shadow: 0px 0px 1px #fff inset;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .uploader input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        border: 0;
        padding: 0;
        margin: 0;
        height: 30px;
        cursor: pointer;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    .white .button {
        float: left;
        height: 38px;
        display: inline-block;
        outline: 0 none;
        padding: 8px 12px;
        margin: 0;
        cursor: pointer;
        border: 0px solid;
        font: bold 9pt/100% Arial, Helvetica, sans-serif;
        -moz-box-shadow: 0px 0px 1px #fff inset;
        -webkit-box-shadow: 0px 0px 1px #fff inset;
        box-shadow: 0px 0px 1px #fff inset;
        color: #555;
        text-shadow: 1px 1px 0px #fff;
        background: #ddd;
        background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
        border-color: #ccc;
    }
    .white:hover .button {
        background: #eee;
        background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);
    }
    .jia {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jia.png) no-repeat center center;
        cursor: pointer;
    }
    .jian {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jian.png) no-repeat center center;
        cursor: pointer;
    }
    .sjia {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jia.png) no-repeat center center;
        cursor: pointer;
    }
    .sjian {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jian.png) no-repeat center center;
        cursor: pointer;
    }
    .asid_share {
        position: fixed;
        width: 56px;
        bottom: 26%;
        right: 0;
        z-index: 890;
    }
    *html #asid_share {
        position: absolute;
        top: expression(documentElement.scrollTop + "px");
        margin: 300px 0 0 0;
    }
    .asid_share .asid_share_box {
        width: 100%;
        margin-bottom: 3px;
        text-align: center;
    }
    /*.asid_share .asid_share_box a{display:block;height:35px;padding-top:5px;}
    .asid_share .asid_share_box a:hover{background:#2193c9;}*/
    /*.asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}*/
    /*新添加*/
    .search_main {
        width: 1100px;
        margin: 0px auto;
        min-height: 700px
    }
    .search_main h2 {
        font-size: 20px;
        font-weight: normal;
        color: #00b1a9;
        margin: 40px 0 20px 0;
        border-bottom: 1px solid #d2d2d2;
        padding-bottom: 15px;
    }
    .search_main input {
        padding: 10px 5px;
        width: 1090px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
        outline: none;
        background: url(../images/search.png) no-repeat 1070px;
        margin-bottom: 20px;
        font-family: ""
    }
    .search_main input:focus {
        transition: border linear .2s, box-shadow linear .2s;
        -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
        -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
        outline: none;
        border-color: #00b1a9;
        box-shadow: 0 0 7px #00b1a9;
        -moz-box-shadow: 0 0 7px #00b1a9;
        -webkit-box-shadow: 0 0 7px #00b1a9;
    }
    .search_main dl {
        margin-bottom: 30px;
    }
    .search_main dt {
        float: left;
        width: 103px;
        border-right: 1px solid #d2d2d2;
    }
    .search_main dt a {
        color: #fff;
        width: 90px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background-color: #00b1a9;
        display: block;
        font-size: 13px
    }
    .search_main dd {
        float: right;
        width: 980px;
    }
    .search_main dd a {
        font-size: 14px;
        color: #505050;
        font-weight: normal;
    }
    .search_main dd a:hover {
        color: #00b1a9;
    }
    .search_main dd p {
        color: #8b8b8b;
        line-height: 22px;
        font-size: 12px;
    }
    .search_main dl dd em {
        color: #00b1a9;
        font-weight: bold;
    }
    .multipleColumn {
        overflow: hidden;
        border-right: 1px solid #d5d9da;
    }
    .multipleColumn .bd ul {
        overflow: hidden;
        zoom: 1;
        width: 219px;
        float: left;
        _display: inline;
        border-top: 1px solid #d5d9da;
        border-left: 1px solid #d5d9da;
    }
    .multipleColumn .bd ul li {
        float: left;
        _display: inline;
        overflow: hidden;
        border-bottom: 1px solid #d5d9da;
        border-right: none;
        height: 127px;
    }
    .multipleColumn .bd ul li .pic img {
        width: 219px;
        height: 127px;
        display: block;
    }
    .support_text {
        font-size: 15px;
        line-height: 26px;
        margin: -18px 0 35px
    }
    /*以下样式是js日期控件*/
    .date_selector,
    .date_selector * {
        width: auto;
        height: auto;
        border: none;
        background: none;
        margin: 0;
        padding: 0;
        text-align: left;
        text-decoration: none;
    }
    .date_selector {
        background: #F2F2F2;
        border: 1px solid #bbb;
        padding: 5px;
        margin: -1px 0 0 0;
        position: absolute;
        z-index: 100000;
        display: none;
    }
    .date_selector_ieframe {
        position: absolute;
        z-index: 99999;
        display: none;
    }
    .date_selector .jq_input_nav {
        width: 17.5em;
        /* 7 * 2.5em */
    }
    .date_selector .month_nav,
    .date_selector .year_nav {
        margin: 0 0 3px 0;
        padding: 0;
        display: block;
        position: relative;
        text-align: center;
    }
    .date_selector .month_nav {
        float: left;
        width: 55%;
    }
    .date_selector .year_nav {
        float: right;
        width: 35%;
        /*margin-right: -8px;*/
        /* Compensates for cell borders */
    }
    .date_selector .month_name,
    .date_selector .year_name {
        font-weight: bold;
        line-height: 20px;
        color: #646464;
        font-size: inherit;
        position: inherit;
        padding-right: inherit;
        top: 0;
    }
    .date_selector .button {
        display: block;
        position: absolute;
        top: 0;
        width: 18px;
        height: 18px;
        line-height: 17px;
        font-weight: bold;
        color: #00b1a9;
        text-align: center;
        font-size: 120%;
        overflow: hidden;
        border: 1px solid #F2F2F2;
    }
    .date_selector .button:hover,
    .date_selector .button.hover {
        background: none;
        color: #00b1a9;
        cursor: pointer;
        border-color: #ccc;
    }
    .date_selector .prev {
        left: 0;
    }
    .date_selector .next {
        right: 0;
    }
    .date_selector table {
        border-spacing: 0;
        border-collapse: collapse;
        clear: both;
    }
    .date_selector th,
    .date_selector td {
        width: 2.37em;
        height: 2em;
        padding: 0;
        text-align: center;
        color: black;
        margin: 0;
    }
    .date_selector td {
        border: 1px solid #ccc;
        line-height: 2em;
        text-align: center;
        white-space: nowrap;
        color: #535c65;
        background: white;
    }
    .date_selector td.today {
        background: #FFFEB3;
    }
    .date_selector td.unselected_month {
        color: #ccc;
    }
    .date_selector td.selectable_day {
        cursor: pointer;
    }
    .date_selector td.selected {
        background: #D8DFE5;
        font-weight: bold;
    }
    .date_selector td.selectable_day:hover,
    .date_selector td.selectable_day.hover {
        background: #03a59e;
        color: white;
    }
    .battery_main td .jq_table {
        float: left;
        padding: 2px 10px 10px;
        cursor: pointer;
        height: 22px;
        color: #00b1a9;
        font-size: inherit;
        position: inherit;
        top: 0;
        font-size: 14px
    }
    .battery_main td .jq_clear {
        float: right;
        padding: 2px 10px 10px;
        cursor: pointer;
        height: 22px;
        color: #00b1a9;
        font-size: inherit;
        position: inherit;
        top: 0;
        font-size: 14px
    }
    .pic_photo {
        background-color: #00b1a9;
        display: block;
        margin-left: 10px;
        width: 290px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 14px
    }
    .pic_photo:hover {
        background-color: #01a79f;
        color: #fff
    }
    .feed_text {
        text-align: center;
        margin-top: 30px;
        color: #00b1a9;
        font-size: 16px
    }
    .succes_main {
        background-color: #f6f6f4;
        padding: 115px 0;
        width: 1100px;
        margin: 0 auto 70px;
        text-align: center
    }
    .succes_main h2 {
        font-size: 36px;
        color: #00b1a9;
        font-weight: normal
    }
    .succes_main p {
        font-size: 20px;
        color: #606060;
        line-height: 34px;
        margin-top: 40px
    }
    .succes_main span {
        border-bottom: 1px solid #ccc;
        padding-bottom: 4px;
        font-size: 17px;
        position: relative;
        top: -4px;
        color: #00b1a9;
    }
    .down_li {
        max-height: 230px;
        overflow: hidden
    }
    .tit {
        background-color: #1ba507;
        width: 45px;
        height: 45px;
        float: right
    }
    .list h1 {
        text-align: center;
        padding: 35px 0 0
    }
    .list h2 {
        text-align: center;
        font-size: 30px;
        color: #5f5f5f;
        margin: 25px 0 10px
    }
    .list h3 {
        text-align: center;
        font-size: 20px;
        color: #5f5f5f;
        margin: 0px 0 20px;
        font-family: "";
        font-weight: normal
    }
    .list ul {
        overflow: hidden;
        margin: 0 auto;
        display: table
    }
    .list li {
        width: 117px;
        float: left;
        margin: 0 15px;
        text-align: center;
        line-height: 45px
    }
    .list li a {
        float: left;
        font-size: 22px;
        color: #5e5e5e;display: block;border: 1px solid #00000052;padding: 5px;border-radius:5px;
    }
    .list li a:hover {
        color: #1da50a;
    }
    .count {
        width: 100%;
    }
    .join_main {
        width: 1100px;
        margin: 0 auto 90px;
    }
    .join_list li {
        border: 1px solid #dadada;
        border-left: 3px solid #666;
        background-color: #f9f9f9;
        margin-top: 20px;
        padding: 0 30px;
        transition: all .25s ease;
    }
    .join_list li h4 {
        cursor: pointer;
        font-size: 20px;
        color: #666;
        position: relative;
        padding: 20px 0px 20px;
        font-weight: normal;
        transition: all .25s ease;
    }
    .join_list li.cur,
    .join_list li:hover {
        border-left-color: #00b1a9;
        transition: all .25s ease;
    }
    .join_list li.cur h4,
    .join_list li h4:hover {
        color: #00b1a9;
        transition: all .25s ease;
    }
    .join_list li.cur h4:before {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: all .25s ease;
    }
    .join_list li h4:before {
        content: "\e61b";
        font-family: "lsfont";
        color: #666;
        font-size: 36px;
        float: right;
        margin-top: 8px;
        transition: all .25s ease;
    }
    .join_list li h4 p {
        font-size: 14px;
        color: #666;
        margin-top: 15px;
        font-weight: normal;
    }
    .join_list li .info {
        color: #666;
        z-index: 2;
        border-top: 1px solid #e5e5e5;
        padding: 10px 0 30px;
        display: none;
        line-height: 24px;
        font-size: 14px;
    }
    .join_list li .info strong {
        font-size: 14px;
        color: #333333;
        padding: 15px 0 0;
        display: inline-block;
    }
    .join_list li .info .em {
        padding-top: 20px;
        color: #00b1a9;
    }
    .join_list li .info a.a_file {
        border: 1px solid #00b1a9;
        padding: 5px 0;
        width: 120px;
        text-align: center;
        color: #00b1a9;
        margin-top: 20px;
        display: block;
        transition: all .25s ease;
    }
    .join_list li .info a.a_file:hover {
        background-color: #00b1a9;
        color: #fff;
        transition: all .25s ease;
    }
}

@media screen and (max-width: 996px) {
    .header {
        width: 100%;
        min-width: 1100px;
    }
    .header-top {
        height: 35px;
        line-height: 35px;
        background-color: #f6f6f4;
        border-bottom: 1px solid #d8d8d8
    }
    .top {
        width: 100%;
        height: 60px;
        padding: 20px 0 26px;
        position: relative;
        z-index: 11;
        background-color: #fff;
        border-bottom: 1px solid #d8d8d8;
    }
    .top.fixed {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 11;
    }
    .header-top .w960 {
        z-index: 15
    }
    .w960 {
        width: 1100px;
        margin: 0 auto;
        z-index: 1;
        overflow: hidden;
    }
    .logo {
        float: left;
        padding-top: 8px
    }
    .top_r {
        float: right;
    }
    .top_r span {
        float: left
    }
    .top_r span a {
        margin-right: 15px
    }
    .top_r span img {
        position: relative;
        top: 9px
    }
    .top_r p {
        float: left;
        border-left: 1px solid #e1e1e0;
        border-right: 1px solid #e1e1e0;
        padding: 0 0 0 15px
    }
    .top_l {
        float: left;
        width: 250px;
    }
    input::-webkit-search-decoration,
    input::-webkit-search-cancel-button {
        display: none;
    }
    .bei {
        background: url(../images/bei_ico.png) no-repeat center left;
        padding: 10px 0px 10px 22px;
        margin-left: 10px;
    }
    input[type=search] {
        background: #ededed url(../images/serch.png) no-repeat center center;
        border: solid 1px #ccc;
        padding: 5px 8px 5px 32px;
        width: 55px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }
    input[type=search]:focus {
        width: 140px;
        background-color: #fff;
        border-color: #00b1a9;
        background: #ededed url(../images/serch.png) no-repeat 90% center;
        -webkit-box-shadow: 0 0 5px rgba(227, 40, 32, .5);
        -moz-box-shadow: 0 0 5px rgba(227, 40, 32, .5);
        box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    }
    #demo-b {
        float: left;
        margin-left: 15px;
        border-right: 1px solid #e1e1e0;
        height: 35px
    }
    #demo-b input[type=search] {
        width: 15px;
        padding-left: 5px;
        color: transparent;
        cursor: pointer;
        margin: 3px 15px 0 0;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
        outline: none;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }
    #demo-b input[type=search]:hover {
        background-color: #fff;
    }
    #demo-b input[type=search]:focus {
        width: 140px;
        padding-left: 22px;
        color: #000;
        background-color: #fff;
        cursor: auto;
    }
    #demo-b input:-moz-placeholder {
        color: transparent;
    }
    #demo-b input::-webkit-input-placeholder {
        color: transparent;
    }
    /*导航*/
    .nav {
        float: right;
        width: 820px;
    }
    .nav li {
        float: left;
        line-height: 62px;
    }
    .nav>ul>li>a {
        float: left;
        padding: 0px 10px;
        font-size: 15px;
        height: 83px;
        color: #313131;
        z-index: 999;
    }
    .nav>ul>li>a.cur {
        border-bottom: 3px solid #00b1a9;
        color: #00b1a9
    }
    .nav li .submenu {
        position: absolute;
        top: 107px;
        z-index: 1000;
        display: none;
        background: rgba(246, 246, 244, 0.9);
        width: 100%;
        left: 0;
    }
    .nav li .submenu ul {
        width: 440px;
        margin: 0 auto
    }
    .nav li .submenu li {
        float: left
    }
    .nav li .submenu li a {
        float: left;
        font-size: 14px;
        margin-right: 40px
    }
    /*banner*/
    .ls_banner {
        width: 100%;
        height: 627px;
        position: relative;
        overflow: hidden
    }
    .ls_banner .ls_bgSet {
        position: relative;
    }
    .ls_banner .ls_bgSet li {
        position: absolute;
        width: 100%;
        height: 627px;
        display: none
    }
    .ls_banner .ls_imgSet {
        position: absolute;
        width: 998px;
        left: 50%;
        margin-left: -500px;
    }
    .ls_banner .ls_imgSet .ls_1_1 {
        position: absolute;
        left: -50px;
        top: 185px;
        font-size: 40px;
        color: #00b1a9;
        font-weight: bold;
        width: 570px;
    }
    .ls_banner .ls_imgSet .ls_1_2 {
        position: absolute;
        left: -50px;
        top: 255px;
        width: 400px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_1_3 {
        position: absolute;
        left: -50px;
        top: 400px;
        border: 1px solid #555;
        padding: 12px 0;
        width: 130px;
        text-align: center;
        font-size: 14px;
        color: #333;
    }
    .ls_banner .ls_imgSet .ls_2_1 {
        position: absolute;
        left: 650px;
        top: 150px;
        font-size: 40px;
        color: #00b1a9;
        font-weight: bold;
        width: 420px;
        line-height: 50px;
    }
    .ls_banner .ls_imgSet .ls_2_2 {
        position: absolute;
        left: 650px;
        top: 225px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_2_3 {
        position: absolute;
        left: 650px;
        top: 260px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_3_1 {
        position: absolute;
        left: 600px;
        top: 140px;
        font-size: 40px;
        color: #00b1a9;
        font-weight: bold;
        width: 420px;
        line-height: 50px;
    }
    .ls_banner .ls_imgSet .ls_3_2 {
        position: absolute;
        left: 600px;
        top: 265px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_3_3 {
        position: absolute;
        left: 600px;
        top: 300px;
        width: 430px;
        font-size: 20px;
        color: #000;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_4_1 {
        position: absolute;
        left: 600px;
        top: 140px;
        font-size: 40px;
        color: #ffffff;
        font-weight: bold;
        width: 420px;
        line-height: 50px;
    }
    .ls_banner .ls_imgSet .ls_4_2 {
        position: absolute;
        left: 600px;
        top: 215px;
        width: 430px;
        font-size: 20px;
        color: #ffffff;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_4_3 {
        position: absolute;
        left: 600px;
        top: 250px;
        width: 430px;
        font-size: 20px;
        color: #ffffff;
        font-weight: lighter;
        line-height: 30px;
    }
    .ls_banner .ls_imgSet .ls_5_1 {
        position: absolute;
        left: -50px;
        top: 190px;
    }
    .ls_banner .ls_imgSet .ls_5_2 {
        position: absolute;
        left: -50px;
        top: 325px;
    }
    .ls_banner .ls_menuWrap {
        position: absolute;
        width: 1000px;
        left: 50%;
        margin-left: -500px;
    }
    .ls_banner .ls_menuWrap .ls_menuSet {
        position: absolute;
        width: 100%;
        top: 590px;
        left: 0px;
        text-align: center;
        font-size: 0
    }
    .ls_banner .ls_menuWrap .ls_menuSet li {
        cursor: pointer;
        margin: 0 5px;
        display: inline;
    }
    /*about*/
    .about_main {
        width: 1100px;
        margin: 0 auto;
        padding: 70px 0
    }
    .about_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center
    }
    .about_main h3 {
        font-weight: normal;
        font-size: 15px;
        line-height: 30px;
        text-align: center;
        margin: 14px 0 40px
    }
    .about_main ul {
        display: table;
        margin: 0 auto
    }
    .about_main ul li {
        float: left
    }
    .about_main ul li img {
        display: block
    }
    .about_main ul li a {
        float: left;
        margin: 0 75px;
        text-align: center;
        font-size: 18px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .about_main ul li a:hover {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    .about_main h4 a {
        font-weight: normal;
        border: 1px solid #d4d8d9;
        display: block;
        width: 110px;
        height: 38px;
        border-radius: 5px;
        margin: 50px auto 0;
        text-align: center;
        line-height: 38px
    }
    .about_main h4 a:hover {
        background-color: #00b1a9;
        color: #fff;
        border: 1px solid #00b1a9
    }
    .about_content {
        width: 1100px;
        display: inline-block;
    }
    .about_content .l {
        float: left;
        width: 450px;
    }
    .about_content .l img {
        width: 100%;
    }
    .about_content .r {
        float: right;
        background-color: #efefef;
        width: 570px;
        font-size: 14px;
        line-height: 24px;
        padding: 40px;
        height: 402px;
    }
    #news {
        background-color: #f6f6f4;
        padding: 65px 0
    }
    .new_main {
        width: 1100px;
        margin: 0 auto
    }
    .new_main h4 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 40px
    }
    .new_main dl {
        width: 334px;
        float: left;
        border: 1px solid #d4d8d9;
        position: relative;
        margin-right: 30px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .new_main dl:hover {
        z-index: 2;
        background-color: #f8f8f8;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    .new_main dd {
        background-color: #fff;
        padding: 25px;
    }
    .new_main dd h2 a {
        font-weight: normal;
        font-size: 16px;
        color: #313131;
        line-height: 25px
    }
    .new_main dd h2 a:hover {
        color: #00b1a9
    }
    .new_main dd p {
        font-size: 13px;
        line-height: 25px;
        margin: 15px 0
    }
    .new_main dl h3 {
        font-weight: normal;
        background-color: #00b1a9;
        width: 62px;
        height: 57px;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        text-align: center;
        padding-top: 15px
    }
    .new_main dl h3 span {
        display: block;
        font-size: 12px;
        line-height: 25px
    }
    .new_main dt {
        overflow: hidden
    }
    .new_main dt img {
        width: 334px;
        height: 192px
    }
    .big {
        overflow: hidden;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease .0s;
        -moz-transition: all 0.5s ease .0s;
        -ms-transition: all 0.5s ease .0s;
        transition: all 0.5s ease .0s;
    }
    .big:hover {
        -webkit-transform: scale(1.10);
        -moz-transform: scale(1.10);
        -ms-transform: scale(1.10);
        transform: scale(1.10);
    }
    #product {
        background-color: #d4dde7;
        padding: 80px 0
    }
    .pro_main {
        width: 1100px;
        margin: 0 auto
    }
    .pro_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #00b1a9;
        text-align: center
    }
    .pro_main h2 span {
        font-size: 16px;
        display: block;
        color: #606060;
        margin: 13px 0 50px
    }
    /*产品滚动*/
    .picScroll {
        position: relative;
    }
    .picScroll ul {
        zoom: 1;
        border: 1px solid #d4d8d9
    }
    .picScroll dl {
        border-right: 1px solid #d4d8d9;
        float: left;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        position: relative;
        border-bottom: 2px solid #d4d8d9;
    }
    .picScroll dl:hover {
        z-index: 2;
        border-bottom: 2px solid #00b1a9;
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    .picScroll dd {
        width: 223px;
        height: 80px;
        background-color: #f6f6f4;
        padding: 25px;
    }
    .picScroll dd h3 a {
        font-weight: normal;
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 21px;
        display: block
    }
    .picScroll dt {
        overflow: hidden;
        width: 273px;
        padding: 40px 0;
        background-color: #fff
    }
    .picScroll dt img {
        width: 100%;
    }
    /*.picScroll .pro_bg{ position:absolute; width:273px; height:384px; background-color:#000; opacity:0.5; left:0; top:0; }*/
    .picScroll .prev {
        position: absolute;
        left: -90px;
        top: 170px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_l.png) no-repeat left;
        cursor: pointer;
        -moz-user-select: none;
    }
    .picScroll .prev:hover {
        background: url(../images/pro_l_hover.png) no-repeat left;
    }
    .picScroll .next {
        position: absolute;
        right: -90px;
        top: 170px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_r.png) no-repeat right;
        cursor: pointer;
        -moz-user-select: none;
    }
    .picScroll .next:hover {
        background: url(../images/pro_r_hover.png) no-repeat right;
    }
    #online {
        background-color: #00b1a9;
        height: 80px;
        width: 100%;
        padding: 23px 0
    }
    .online_main {
        width: 800px;
        margin: 0 auto;
        display: table
    }
    .online_main b,
    .online_main h2,
    .online_main a {
        float: left;
        padding: 0 20px
    }
    .online_main h2 {
        font-weight: normal;
        color: #fff;
        font-size: 28px;
        line-height: 80px;
    }
    .online_main h2 span {
        display: block;
        font-size: 17px;
        margin-top: 12px
    }
    .online_main a {
        padding-top: 20px;
        float: right
    }
    .partner_main {
        width: 1100px;
        margin: 0 auto;
        padding: 65px 0
    }
    .partner_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center
    }
    .partner_main h2 span {
        font-size: 16px;
        display: block;
        color: #606060;
        margin: 10px 0 50px
    }
    /*.partner_main ul{border-top:1px solid #d5d9da; border-left:1px solid #d5d9da}
    .partner_main li{ float:left}
    .partner_main li a{ float:left; border-bottom:1px solid #d5d9da; border-right:1px solid #d5d9da}*/
    #contact {
        background-color: #f6f6f4;
        padding: 65px 0
    }
    .contact_main {
        width: 1100px;
        margin: 0 auto;
        text-align: center
    }
    .contact_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        background: url(../images/bor.png) no-repeat bottom;
        padding-bottom: 12px
    }
    .contact_main p {
        font-size: 17px;
        line-height: 32px;
        margin: 30px 0 0
    }
    .contact_main p span {
        font-size: 30px;
        color: #00b1a9;
        line-height: 48px
    }
    .contact_main a {
        padding: 0 5px
    }
    #foot {
        background-color: #535c65;
        padding: 55px 0
    }
    .foot_main {
        width: 1100px;
        margin: 0 auto
    }
    .foot_main ul {
        float: left;
        margin-right: 40px;
        width: 150px
    }
    .foot_main h2 a {
        font-size: 16px;
        color: #E6E6E6;
        border-bottom: 1px solid #757d84;
        display: block;
        padding-bottom: 17px;
        margin-bottom: 20px;
        font-weight: normal
    }
    .foot_main li a {
        color: #BFC3C7;
        line-height: 24px;
    }
    .foot_main a:hover {
        color: #00b1a9
    }
    #foot_1 {
        background-color: #484f58;
        height: 50px;
        line-height: 50px
    }
    #foot_1 p {
        width: 1100px;
        margin: 0 auto;
        color: #C6C8CA;
    }
    #foot_1 p b {
        float: right;
        font-weight: normal
    }
    #foot_1 p span {
        position: relative;
        top: 2px;
        margin-left: 5px
    }
    #foot_1 p b a {
        color: #C6C8CA;
    }
    #foot_1 p b a:hover {
        color: #00b1a9
    }
    .ab_main {
        width: 1100px;
        margin: 0 auto;
        position: relative
    }
    .ab_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px;
        padding: 130px 0 0;
        margin-top: -70px
    }
    .ab_main h3 {
        background: rgba(246, 246, 246, 0.95);
        width: 560px;
        height: 385px;
        position: absolute;
        right: 130px;
        top: 230px;
        font-weight: normal;
        font-size: 14px;
        line-height: 26px;
        padding: 40px
    }
    #honor {
        background-color: #e9eef4;
        padding: 65px 0 0
    }
    .honor_main {
        width: 1100px;
        margin: 0 auto
    }
    .honor_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px
    }
    .picScroll_1 {
        position: relative;
    }
    .picScroll_1 ul li {
        float: left;
        margin-right: 7px;
        width: 175px;
        display: inline;
        border: 1px solid #dbdbdb
    }
    .picScroll_1 ul li img {
        width: 175px;
        height: 244px;
    }
    .picScroll_1 .prev {
        position: absolute;
        left: -70px;
        top: 100px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_l.png) no-repeat left;
        cursor: pointer;
    }
    .picScroll_1 .next {
        position: absolute;
        right: -70px;
        top: 100px;
        display: block;
        width: 45px;
        height: 45px;
        overflow: hidden;
        background: url(../images/pro_r.png) no-repeat right;
        cursor: pointer;
    }
    /*
    #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display: none;}
    #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../images/fancybox.png');}
    #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;}
    #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
    #fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;}
    #fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}
    #fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff;}
    #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
    #fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../images/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;}
    #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;}
    #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;}
    #fancybox-frame{width:100%;height:100%;border:none;display:block;}
    #fancybox-left, #fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('../images/blank.gif');z-index:1102;display:none;}
    #fancybox-left{left:0px;}
    #fancybox-right{right:0px;}
    #fancybox-left-ico, #fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
    #fancybox-left-ico{background-image:url('../images/fancybox.png');background-position:-40px -30px;}
    #fancybox-right-ico{background-image:url('../images/fancybox.png');background-position:-40px -60px;}
    #fancybox-left:hover, #fancybox-right:hover{visibility:visible; }
    #fancybox-left:hover span{left:20px;}
    #fancybox-right:hover span{left:auto;right:20px;}
    .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
    #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../images/fancybox-x.png');}
    #fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../images/fancybox.png');background-position:-40px -162px;}
    #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('../images/fancybox-y.png');background-position:-20px 0px;}
    #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../images/fancybox.png');background-position:-40px -182px;}
    #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../images/fancybox-x.png');background-position:0px -20px;}
    #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../images/fancybox.png');background-position:-40px -142px;}
    #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../images/fancybox-y.png');}
    #fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../images/fancybox.png');background-position:-40px -122px;}
    #fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
    .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
    .fancybox-title-outside{padding-top:10px;color:#fff;}
    .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
    #fancybox-title-over{padding:10px;display:block;text-indent: -9999px;}
    .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
    #fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}
    #fancybox-title-float-wrap td{border:none;white-space:nowrap;}
    #fancybox-title-float-left{padding:0 0 0 15px;background:url('../images/fancybox.png') -40px -90px no-repeat;}
    #fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('../images/fancybox-x.png') 0px -40px;}
    #fancybox-title-float-right{padding:0 0 0 15px;background:url('../images/fancybox.png') -55px -90px no-repeat;}
    
    .fancybox-ie6 #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom:1;}
    .fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale');}
    .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px");}
    #fancybox-loading.fancybox-ie6{position:absolute; margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
    #fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale');}
    
    .fancybox-ie .fancybox-bg{background:transparent !important;}
    .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale');}
    .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale');}
    */
    #develop {
        background-color: #f6f6f4;
        padding: 70px 0 0
    }
    .develop_main {
        width: 1205px;
        margin: 0 auto;
    }
    .develop_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px
    }
    /*发展历程*/
    .mod18 {
        position: relative;
    }
    .mod18 .btn {
        position: absolute;
        cursor: pointer;
        z-index: 99;
    }
    .mod18 .prev {
        left: 10px;
        background: url(../images/de_l.png) no-repeat;
    }
    .mod18 #prev,
    .mod18 #next {
        top: 27px;
        width: 37px;
        height: 37px;
        z-index: 999
    }
    .mod18 #prevTop {
        background: none
    }
    .mod18 #nextTop {
        background: none
    }
    .mod18 .next {
        right: 10px;
        background: url(../images/de_r.png) no-repeat;
    }
    .mod18 li {
        float: left;
    }
    .mod18 .picBox {
        width: 1100px;
        height: 110px;
        position: relative;
        overflow: hidden;
        margin: 50px auto 0
    }
    .mod18 .picBox ul {
        position: absolute;
        left: 0;
    }
    .mod18 .picBox li {
        width: 1100px;
        overflow: hidden;
        font-size: 15px;
        line-height: 27px;
        text-align: center
    }
    .mod18 .listBox {
        width: 1000px;
        height: 97px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        background: url(../images/bor.png) repeat-x center
    }
    .mod18 .listBox ul {
        height: 97px;
        position: absolute;
    }
    .mod18 .listBox li {
        width: 145px;
        height: 97px;
        cursor: pointer;
        position: relative;
        text-align: center
    }
    .mod18 .listBox li b {
        font-weight: normal;
        font-size: 16px;
        color: #606060;
        display: block;
        padding-top: 8px
    }
    .mod18 .listBox img {
        padding-top: 23px
    }
    .mod18 .listBox .on img {
        display: none
    }
    .mod18 .listBox .on {
        background: url(../images/dev_img_bak.png) center top no-repeat;
    }
    .mod18 .listBox .on b {
        color: #fff;
        padding-top: 27px;
        position: relative;
        left: -2px;
        font-size: 25px
    }
    .applicat_main {
        width: 1100px;
        margin: 0 auto;
        padding: 60px 0
    }
    .applicat_main h2 {
        font-weight: normal;
        font-size: 35px;
        color: #313131;
        text-align: center;
        margin-bottom: 38px
    }
    .applicat_main h2 span {
        font-size: 16px;
        font-family: Arial;
        display: block;
        color: #606060;
        margin: 10px 0 50px;
        line-height: 24px
    }
    .applicat_main li {
        float: left
    }
    .applicat_main li a {
        float: left;
        font-size: 14px;
        line-height: 45px;
        width: 220px;
        text-align: center;
        margin-bottom: 30px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }
    .applicat_main li a:hover {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
    .pro_ban {
        background: url(../images/pro_ban.jpg) no-repeat center center;
        height: 427px
    }
    .pro_b_con {
        width: 1100px;
        margin: 0 auto
    }
    .pro_b_con h2 {
        font-size: 36px;
        color: #fff;
        padding-top: 125px;
        line-height: 62px;
        font-weight: normal
    }
    .pro_con {
        width: 1100px;
        margin: 0 auto;
        padding: 70px 0
    }
    .pro_cont {
        border-top: 1px solid #d4d8d9;
        padding: 40px 0
    }
    .pro_l {
        float: left;
        width: 254px
    }
    .pro_l h2 a {
        font-weight: normal;
        font-size: 18px;
        color: #000;
        line-height: 27px
    }
    .pro_l h2 a:hover {
        color: #505050;
    }
    .pro_r {
        float: right;
        width: 820px
    }
    .pro_cont dl {
        float: left;
        width: 377px;
        border: 1px solid #d4d8d9;
        margin-left: 30px
    }
    .pro_cont dd {
        background-color: #f6f6f4;
        padding: 30px
    }
    .pro_cont dd h3 a {
        font-size: 18px;
        color: #313131;
        font-weight: normal
    }
    .pro_cont dd p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 25px
    }
    .pro_cont dt {
        overflow: hidden
    }
    .pro_list {
        padding: 0 0 70px
    }
    .pro_list_con dl {
        margin: 0 20px 30px 0;
        width: 344px
    }
    .pro_list_con dt img {
        width: 344px;
        height: 232px
    }
    /*.pro_cont dt img{ width:344px}*/
    .pro_content {
        width: 1100px;
        margin: 70px auto 0;
        border-top: 1px solid #d4d8d9;
        padding: 40px 0
    }
    .pro_c_l {
        float: left;
        width: 556px
    }
    .pro_r_l {
        float: right;
        width: 490px
    }
    .pro_r_l h2 {
        font-weight: normal;
        font-size: 24px;
        color: #313131;
        margin-top: 40px
    }
    .pro_r_l p {
        font-size: 14px;
        line-height: 23px;
        margin: 35px 0 85px
    }
    .pro_r_l a {
        font-size: 14px;
    }
    .pro_more a {
        width: 110px;
        height: 35px;
        display: block;
        text-align: center;
        line-height: 35px;
        background-color: #d4d8d9;
        margin: 30px 0 0 30px;
        font-size: 14px;
        color: #313131
    }
    .pro_more a:hover {
        background-color: #505050;
        color: #fff
    }
    .ban {
        width: 556px;
        position: relative;
        overflow: hidden;
    }
    .ban2 {
        width: 554px;
        height: 373px;
        position: relative;
        overflow: hidden;
        border: 1px solid #ccc
    }
    .ban2 ul {
        position: absolute;
        left: 0;
        top: 0;
    }
    .ban2 ul li {
        width: 554px;
        height: 373px;
    }
    .ban2 ul li img {
        width: 554px;
        height: 373px
    }
    .num {
        height: 64px;
        overflow: hidden;
        width: 510px;
        position: relative;
        float: left;
    }
    .min_pic {
        padding-top: 25px;
        width: 556px;
    }
    .num ul {
        position: absolute;
        left: 0;
        top: 0;
    }
    .num ul li {
        width: 92px;
        height: 62px;
        margin-right: 9px;
        border: 1px solid #ccc;
        cursor: pointer
    }
    .num ul li img {
        width: 92px;
        height: 62px
    }
    .num ul li.on {
        border: 1px solid #546c9e;
    }
    .prev_btn1 {
        width: 16px;
        text-align: center;
        height: 18px;
        margin-top: 24px;
        margin-right: 10px;
        cursor: pointer;
        float: left;
    }
    .next_btn1 {
        width: 16px;
        text-align: center;
        height: 18px;
        margin-top: 24px;
        cursor: pointer;
        float: right;
    }
    .slideTxtBox .hd {
        position: relative;
        border-top: 1px solid #d4d8d9;
        border-bottom: 1px solid #d4d8d9
    }
    .slideTxtBox .hd ul {
        display: table;
        margin: 0 auto
    }
    .slideTxtBox .hd ul li {
        float: left;
        padding: 25px 15px;
        cursor: pointer;
        font-size: 18px;
        color: #313131
    }
    .slideTxtBox .hd ul li.on {
        color: #00b1a9;
        border-bottom: 2px solid #00b1a9
    }
    .slideTxtBox .bd ul {
        padding: 30px 0 60px;
        /* display:table;*/
        margin: 0 auto;
        width: 1100px;
        font-size: 14px;
        line-height: 24px
    }
    .slideTxtBox .bd ul table {
        border: 1px solid #808284;
        border-collapse: collapse
    }
    .slideTxtBox .bd ul td {
        border: 1px solid #808284;
        text-align: center;
        padding: 5px 0
    }
    .slideTxtBox .bd ul .td_color {
        color: #fff
    }
    .slideTxtBox .bd ul i {
        font-style: inherit;
        background: url(../images/fang.jpg) no-repeat left;
        padding-left: 15px;
    }
    #store {
        height: 70px;
        border-bottom: 1px solid #d4d8d9;
        line-height: 70px;
        margin-bottom: 60px
    }
    #store ul {
        width: 1100px;
        margin: 0 auto
    }
    #store ul li {
        float: left;
        margin-right: 32px
    }
    #store ul li a {
        float: left;
        font-size: 16px;
        color: #313131;
    }
    #store ul li.on a {text-decoration: underline;}
    #store ul li a:hover,
    #store ul li .cur {
        /* color: #00b1a9;
        border-bottom: 2px solid #00b1a9; */
        height: 69px;
    }
    .all_pro {
        width: 1100px;
        margin: 0 auto
    }
    .store_main {
        border-top: 2px solid #d4d8d9;
        padding: 30px 0
    }
    .store_l {
        width: 316px;
        float: left
    }
    .store_r {
        float: right;
        width: 754px
    }
    .store_r h2 {
        font-weight: normal;
        margin-bottom: 15px
    }
    .store_r h2 span a {
        font-size: 14px;
        color: #f00;
        border: 1px solid #f00;
        padding: 2px 8px;
        margin-right: 10px
    }
    .store_r h2 span a:hover {
        background-color: #f00;
        color: #fff;
    }
    .store_r h2 a {
        font-size: 16px;
        color: #313131
    }
    .store_r h2 a:hover {
        color: #00b1a9
    }
    .store_r td {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        color: #313131
    }
    .store_r .tr_bak {
        background-color: #f6f6f4;
    }
    .store_r .tr_pad {
        padding-left: 15px
    }
    .store_r p {
        line-height: 25px;
        font-size: 13px;
        padding-left: 15px;
        margin: 5px 0 18px
    }
    .store_r .store_more {
        font-size: 14px;
        color: #fff;
        float: right;
        width: 126px;
        height: 31px;
        background-color: #00b1a9;
        text-align: center;
        line-height: 31px
    }
    .store_r .store_more:hover {
        background-color: #01a59e
    }
    .store_con {
        width: 1100px;
        margin: 0 auto 100px;
        border: 1px solid #d4d8d9
    }
    .store_con .tab_1 {
        background-color: #f6f6f4;
        padding: 6px 22px 22px;
        font-size: 16px;
        color: #313131
    }
    .store_con .tab_1 b {
        float: left;
        border: 1px solid #d6dadb
    }
    .store_con .tab_1 h2 {
        float: left;
        font-weight: normal;
        font-size: 16px;
        margin: 8px 0 0 20px
    }
    .store_con .tab_1 h2 span {
        display: block;
        font-size: 14px;
        color: #606060;
        margin-top: 3px
    }
    .store_con .tab_1 input {
        outline: none;
        border: 1px solid #d4d8d9;
        padding: 5px 10px 5px 20px;
        font-size: 18px;
        color: #606060;
        width: 60px
    }
    .store_con .tab_2 {
        padding: 20px 20px 60px;
        border-top: 1px solid #d5d9da
    }
    .store_con .tab_2 span {
        color: #f00;
        font-size: 16px;
        padding-right: 5px
    }
    .store_con .tab_2 td {
        font-size: 14px;
        padding-bottom: 15px
    }
    .store_con .tab_2 input {
        width: 799px;
        /*height:35px;*/
        border: 1px solid #d5d9da;
        outline: none;
        margin-left: 10px;
        padding: 9px 10px
    }
    .store_con .tab_2 textarea {
        width: 799px;
        height: 100px;
        border: 1px solid #d5d9da;
        outline: none;
        margin-left: 10px;
        padding: 9px 10px
    }
    .store_con .store_sub {
        font-size: 18px;
        color: #fff;
        text-align: center;
        margin: 10px 0 0 10px;
        width: 224px;
        height: 46px;
        line-height: 46px;
        background-color: #00b1a9;
        float: left
    }
    .store_con .store_sub:hover {
        background-color: #02a29b
    }
    .store_con .back {
        float: right;
        padding: 30px 60px 0 0
    }
    .store_con .tab_2 input:focus,
    .store_con .tab_2 textarea:focus {
        transition: border linear .2s, box-shadow linear .2s;
        -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
        -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
        outline: none;
        border-color: #00b1a9;
        box-shadow: 0 0 7px #00b1a9;
        -moz-box-shadow: 0 0 7px #00b1a9;
        -webkit-box-shadow: 0 0 7px #00b1a9;
    }
    .new_con {
        width: 1100px;
        margin: 0 auto 100px
    }
    .new_con dl {
        border-top: 2px solid #d4d8d9;
        padding: 40px 0
    }
    .new_con dt {
        float: left;
        width: 350px
    }
    .new_con dt img {
        width: 350px;
        height: 201px
    }
    .new_con dd {
        float: right;
        width: 710px
    }
    .new_con dd span {
        font-size: 14px;
        display: block;
    }
    .new_con dd h2 a {
        font-size: 18px;
        color: #313131;
        font-weight: normal;
        display: block;
        margin: 15px 0 20px
    }
    .new_con dd p {
        font-size: 14px;
        line-height: 27px;
        margin-bottom: 25px
    }
    .new_con dd a {
        font-size: 14px;
        color: #00b1a9
    }
    .new_con dd a:hover {
        color: #049d96
    }
    .news_con {
        width: 1100px;
        margin: 0 auto
    }
    .news_con h2 {
        font-weight: bold;
        font-size: 24px;
        color: #313131;
        text-align: center
    }
    .news_con h2 span {
        font-size: 16px;
        color: #606060;
        display: block;
        margin: 15px 0 40px
    }
    .news_con table {
        background-color: #f6f6f4;
        padding: 35px 45px;
        font-size: 14px;
        line-height: 27px
    }
    .news_con table img {
        max-width: 900px;
    }
    .news_more_fot {
        margin: 45px 0;
        font-size: 16px;
        border-top: 1px solid #dcdcdc;
        padding-top: 15px;
    }
    .news_more_fot_l {
        width: 500px;
        float: left;
    }
    .news_more_fot_l span {
        display: block;
        line-height: 26px;
    }
    .news_more_fot_l span a {
        font-size: 14px
    }
    .news_more_fot_r {
        float: right;
    }
    .con_main {
        width: 1100px;
        margin: 70px auto;
        text-align: center;
        border-top: 1px solid #d4d8d9;
        border-bottom: 1px solid #d4d8d9;
        padding: 35px 0
    }
    .con_main h2 {
        font-weight: normal;
        font-size: 42px;
        color: #313131;
        display: inherit;
        display: table;
        margin: 0 auto;
        border-bottom: 1px dashed #7c7c7c;
        padding-bottom: 20px;
        margin-bottom: 30px
    }
    .con_main td {
        font-size: 16px;
        line-height: 32px
    }
    .con_main td img {
        padding: 0 5px
    }
    .solution_main {
        width: 1100px;
        margin: 0 auto 60px;
        overflow: hidden
    }
    .solution_main h2 a {
        font-weight: bold;
        font-size: 20px;
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #d4d8d9;
        border-top: 1px solid #d4d8d9;
        margin-bottom: 27px;
        display: block
    }
    .solution_main dl {
        width: 100%;
    }
    .solution_main dd {
        font-size: 14px;
        line-height: 27px;
        margin: 30px 0 0 30px;
        float: right;
        width: calc(50% - 30px);
    }
    .solution_main dt {
        overflow: hidden;
        float: left;
        width: 50%;
    }
    .battery_main {
        width: 700px;
        margin: 0 auto 100px
    }
    .battery_main td {
        font-size: 16px;
        padding-bottom: 13px
    }
    .battery_main td span {
        font-size: 26px;
        color: #f00;
        padding-right: 6px;
        position: relative;
        top: 6px;
    }
    .battery_main td b {
        display: block;
        font-weight: normal;
        font-size: 14px;
        color: #c6c6c6
    }
    .battery_main td img {
        margin-left: 10px
    }
    .battery_main td .ba_input {
        width: 415px;
        /*height:35px;*/
        background-color: #eaeaea;
        outline: none;
        margin-left: 10px;
        padding: 11px 10px;
        border: none
    }
    .battery_main .support_sub {
        font-size: 20px;
        color: #fff;
        text-align: center;
        display: block;
        margin: 10px 0 0 10px;
        background-color: #00b1a9;
        width: 437px;
        height: 38px;
        line-height: 38px;
        border: none;
        cursor: pointer;
        font-family: ""
    }
    .battery_main .support_sub:hover {
        background-color: #03a59e
    }
    .battery_main td .ba_input:focus {
        transition: border linear .2s, box-shadow linear .2s;
        -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
        -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
        outline: none;
        border-color: #00b1a9;
        box-shadow: 0 0 7px #00b1a9;
        -moz-box-shadow: 0 0 7px #00b1a9;
        -webkit-box-shadow: 0 0 7px #00b1a9;
    }
    #Load.layui-upload-img {
        max-width: 100%;
        width: auto!important;
        height: auto!important
    }
    .battery_main td .supp_select {
        width: 435px;
        color: #605455;
        background-color: #eaeaea;
        outline: none;
        margin-left: 10px;
        padding: 10px 10px;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-family: ""
    }
    /*修改添加*/
    .rdolist {
        display: none;
    }
    .rdobox {
        width: 70px;
        height: 32px;
        float: left;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        cursor: pointer
    }
    .rdobox i {
        font-style: inherit
    }
    .unchecked {
        background: #f6f6f4;
        color: #606060;
        transition-property: background;
        transition-delay: 0s;
        transition-duration: .1s;
        transition-timing-function: linear;
    }
    .unchecked:hover {
        background: #dedfe0;
    }
    .checked {
        background: #00b1a9;
        color: #fff;
    }
    .battery_main td strong {
        font-size: 14px;
        color: #9a9a9a;
        font-weight: normal;
        padding-left: 10px
    }
    .down_main {
        width: 1100px;
        margin: 0 auto 100px
    }
    .down_main ul {
        float: left;
        width: 346px;
        margin-right: 18px;
        border: 1px solid #d4d8d9;
        padding-bottom: 25px
    }
    .down_main ul h2 {
        height: 56px;
        line-height: 56px;
        background-color: #00b1a9;
        font-size: 24px;
        text-align: center;
        font-weight: normal;
        color: #fff;
        margin-bottom: 22px
    }
    .down_main ul li {
        overflow: hidden;
        padding: 0 15px;
        margin-bottom: 10px
    }
    .down_main ul li a {
        color: #313131;
        line-height: 25px
    }
    .down_main ul li a span {
        background: url(../images/down_sub.png) no-repeat right;
        height: 29px;
        float: right;
        width: 90px;
    }
    .down_main ul li a:hover {
        color: #00b1a9
    }
    .down_main ul p a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
        background-color: #00b1a9;
        color: #fff;
        margin: 20px auto 0;
        border-radius: 3px
    }
    .down_main ul p a:hover {
        background-color: #03a49d
    }
    .down_con h3 {
        font-size: 18px;
        font-weight: normal;
        border-bottom: 1px solid #d4d8d9;
        padding-bottom: 15px;
        margin-bottom: 20px;
        color: #00b1a9;
    }
    .down_con ul {
        width: 100%;
        border: none;
        padding: 0
    }
    .down_con ul li {
        padding: 0;
        font-size: 14px;
        border-bottom: 1px dashed #d4d8d9;
        margin: 0
    }
    .down_con ul li a {
        height: 45px;
        line-height: 45px
    }
    .down_con ul li a span {
        position: relative;
        top: 8px
    }
    .video_main {
        width: 1100px;
        margin: 0 auto
    }
    .video_main h2 {
        font-weight: normal;
        font-size: 24px;
        color: #00b1a9;
        text-align: center;
    }
    .video_main p {
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 40px
    }
    .video_con {
        text-align: center;
        width: 860px;
        height: 535px;
        margin: 30px auto
    }
    .scroll_2 {
        width: 1100px;
        margin: 0 auto 100px;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        padding: 20px 0 8px
    }
    .picScroll_2 {
        position: relative;
        overflow: hidden;
        padding: 0 100px
    }
    .picScroll_2 ul {
        overflow: hidden;
        zoom: 1;
    }
    .picScroll_2 ul li {
        float: left;
        margin-right: 20px;
        width: 108px;
        overflow: hidden;
        display: inline;
        text-align: center;
        line-height: 18px;
        position: relative;
        font-size: 14px;
    }
    .picScroll_2 ul li img {
        border: 1px solid #dbdbdb
    }
    .picScroll_2 ul li .icon-video {
        position: absolute;
        left: 0;
        top: 0
    }
    .picScroll_2 ul li a:hover {
        color: #00b1a9
    }
    .picScroll_2 .prev {
        position: absolute;
        left: 30px;
        top: 25px;
        display: block;
        width: 37px;
        height: 37px;
        overflow: hidden;
        background: url(../images/de_l.png) no-repeat left;
        cursor: pointer;
    }
    .picScroll_2 .next {
        position: absolute;
        right: 55px;
        top: 25px;
        display: block;
        width: 37px;
        height: 37px;
        overflow: hidden;
        background: url(../images/de_r.png) no-repeat right;
        cursor: pointer;
    }
    .picScroll_2 li.now .icon-video {
        display: none;
    }
    .slideTxtBox .bd .zone_ul {
        width: 1100px;
        margin: 0 auto;
        padding: 30px 0
    }
    .zone_ul li {
        height: 46px;
        line-height: 46px;
        border-bottom: 1px dashed #bdbdbd;
        position: relative;
        background: url(../images/fang.jpg) no-repeat left;
        padding-left: 15px
    }
    .zone_ul li a {
        font-size: 14px;
    }
    .zone_ul li img {
        position: absolute;
        right: 78px;
        top: 14px;
    }
    .zone_ul li span {
        float: right;
        padding-left: 30px;
        background-image: url(../images/down_1.png);
        background-repeat: no-repeat;
        background-position: left
    }
    .uploader {
        position: relative;
        display: inline-block;
        overflow: hidden;
        cursor: default;
        padding: 0;
        margin: 10px 0px 10px 10px;
        float: left;
    }
    .fuploader {
        position: relative;
        display: inline-block;
        overflow: hidden;
        cursor: default;
        padding: 0;
        margin: 10px 0px 10px 0px;
        float: left;
    }
    .filename {
        float: left;
        display: inline-block;
        outline: 0 none;
        height: 38px;
        width: 375px;
        margin: 0;
        padding: 8px 10px;
        overflow: hidden;
        cursor: default;
        border: 0px solid;
        border-right: 0;
        font: 9pt/100% Arial, Helvetica, sans-serif;
        color: #777;
        text-shadow: 1px 1px 0px #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: #F6F6F4;
        background: -moz-linear-gradient(top, #eaeaea 0%, #eee 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #F6F6F4));
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea', GradientType=0);
        border-color: #ccc;
        -moz-box-shadow: 0px 0px 1px #fff inset;
        -webkit-box-shadow: 0px 0px 1px #fff inset;
        box-shadow: 0px 0px 1px #fff inset;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .uploader input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        border: 0;
        padding: 0;
        margin: 0;
        height: 30px;
        cursor: pointer;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    .white .button {
        float: left;
        height: 38px;
        display: inline-block;
        outline: 0 none;
        padding: 8px 12px;
        margin: 0;
        cursor: pointer;
        border: 0px solid;
        font: bold 9pt/100% Arial, Helvetica, sans-serif;
        -moz-box-shadow: 0px 0px 1px #fff inset;
        -webkit-box-shadow: 0px 0px 1px #fff inset;
        box-shadow: 0px 0px 1px #fff inset;
        color: #555;
        text-shadow: 1px 1px 0px #fff;
        background: #ddd;
        background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
        border-color: #ccc;
    }
    .white:hover .button {
        background: #eee;
        background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);
    }
    .jia {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jia.png) no-repeat center center;
        cursor: pointer;
    }
    .jian {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jian.png) no-repeat center center;
        cursor: pointer;
    }
    .sjia {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jia.png) no-repeat center center;
        cursor: pointer;
    }
    .sjian {
        float: left;
        margin-left: 10px;
        margin-top: 22px;
        width: 14px;
        height: 14px;
        background: url(../images/jian.png) no-repeat center center;
        cursor: pointer;
    }
    .asid_share {
        position: fixed;
        width: 56px;
        bottom: 26%;
        right: 0;
        z-index: 890;
    }
    *html #asid_share {
        position: absolute;
        top: expression(documentElement.scrollTop + "px");
        margin: 300px 0 0 0;
    }
    .asid_share .asid_share_box {
        width: 100%;
        margin-bottom: 3px;
        text-align: center;
    }
    /*.asid_share .asid_share_box a{display:block;height:35px;padding-top:5px;}
    .asid_share .asid_share_box a:hover{background:#2193c9;}*/
    /*.asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}*/
    /*新添加*/
    .search_main {
        width: 1100px;
        margin: 0px auto;
        min-height: 700px
    }
    .search_main h2 {
        font-size: 20px;
        font-weight: normal;
        color: #00b1a9;
        margin: 40px 0 20px 0;
        border-bottom: 1px solid #d2d2d2;
        padding-bottom: 15px;
    }
    .search_main input {
        padding: 10px 5px;
        width: 1090px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
        outline: none;
        background: url(../images/search.png) no-repeat 1070px;
        margin-bottom: 20px;
        font-family: ""
    }
    .search_main input:focus {
        transition: border linear .2s, box-shadow linear .2s;
        -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
        -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
        outline: none;
        border-color: #00b1a9;
        box-shadow: 0 0 7px #00b1a9;
        -moz-box-shadow: 0 0 7px #00b1a9;
        -webkit-box-shadow: 0 0 7px #00b1a9;
    }
    .search_main dl {
        margin-bottom: 30px;
    }
    .search_main dt {
        float: left;
        width: 103px;
        border-right: 1px solid #d2d2d2;
    }
    .search_main dt a {
        color: #fff;
        width: 90px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background-color: #00b1a9;
        display: block;
        font-size: 13px
    }
    .search_main dd {
        float: right;
        width: 980px;
    }
    .search_main dd a {
        font-size: 14px;
        color: #505050;
        font-weight: normal;
    }
    .search_main dd a:hover {
        color: #00b1a9;
    }
    .search_main dd p {
        color: #8b8b8b;
        line-height: 22px;
        font-size: 12px;
    }
    .search_main dl dd em {
        color: #00b1a9;
        font-weight: bold;
    }
    .multipleColumn {
        overflow: hidden;
        border-right: 1px solid #d5d9da;
    }
    .multipleColumn .bd ul {
        overflow: hidden;
        zoom: 1;
        width: 219px;
        float: left;
        _display: inline;
        border-top: 1px solid #d5d9da;
        border-left: 1px solid #d5d9da;
    }
    .multipleColumn .bd ul li {
        float: left;
        _display: inline;
        overflow: hidden;
        border-bottom: 1px solid #d5d9da;
        border-right: none;
        height: 127px;
    }
    .multipleColumn .bd ul li .pic img {
        width: 219px;
        height: 127px;
        display: block;
    }
    .support_text {
        font-size: 15px;
        line-height: 26px;
        margin: -18px 0 35px
    }
    /*以下样式是js日期控件*/
    .date_selector,
    .date_selector * {
        width: auto;
        height: auto;
        border: none;
        background: none;
        margin: 0;
        padding: 0;
        text-align: left;
        text-decoration: none;
    }
    .date_selector {
        background: #F2F2F2;
        border: 1px solid #bbb;
        padding: 5px;
        margin: -1px 0 0 0;
        position: absolute;
        z-index: 100000;
        display: none;
    }
    .date_selector_ieframe {
        position: absolute;
        z-index: 99999;
        display: none;
    }
    .date_selector .jq_input_nav {
        width: 17.5em;
        /* 7 * 2.5em */
    }
    .date_selector .month_nav,
    .date_selector .year_nav {
        margin: 0 0 3px 0;
        padding: 0;
        display: block;
        position: relative;
        text-align: center;
    }
    .date_selector .month_nav {
        float: left;
        width: 55%;
    }
    .date_selector .year_nav {
        float: right;
        width: 35%;
        /*margin-right: -8px;*/
        /* Compensates for cell borders */
    }
    .date_selector .month_name,
    .date_selector .year_name {
        font-weight: bold;
        line-height: 20px;
        color: #646464;
        font-size: inherit;
        position: inherit;
        padding-right: inherit;
        top: 0;
    }
    .date_selector .button {
        display: block;
        position: absolute;
        top: 0;
        width: 18px;
        height: 18px;
        line-height: 17px;
        font-weight: bold;
        color: #00b1a9;
        text-align: center;
        font-size: 120%;
        overflow: hidden;
        border: 1px solid #F2F2F2;
    }
    .date_selector .button:hover,
    .date_selector .button.hover {
        background: none;
        color: #00b1a9;
        cursor: pointer;
        border-color: #ccc;
    }
    .date_selector .prev {
        left: 0;
    }
    .date_selector .next {
        right: 0;
    }
    .date_selector table {
        border-spacing: 0;
        border-collapse: collapse;
        clear: both;
    }
    .date_selector th,
    .date_selector td {
        width: 2.37em;
        height: 2em;
        padding: 0;
        text-align: center;
        color: black;
        margin: 0;
    }
    .date_selector td {
        border: 1px solid #ccc;
        line-height: 2em;
        text-align: center;
        white-space: nowrap;
        color: #535c65;
        background: white;
    }
    .date_selector td.today {
        background: #FFFEB3;
    }
    .date_selector td.unselected_month {
        color: #ccc;
    }
    .date_selector td.selectable_day {
        cursor: pointer;
    }
    .date_selector td.selected {
        background: #D8DFE5;
        font-weight: bold;
    }
    .date_selector td.selectable_day:hover,
    .date_selector td.selectable_day.hover {
        background: #03a59e;
        color: white;
    }
    .battery_main td .jq_table {
        float: left;
        padding: 2px 10px 10px;
        cursor: pointer;
        height: 22px;
        color: #00b1a9;
        font-size: inherit;
        position: inherit;
        top: 0;
        font-size: 14px
    }
    .battery_main td .jq_clear {
        float: right;
        padding: 2px 10px 10px;
        cursor: pointer;
        height: 22px;
        color: #00b1a9;
        font-size: inherit;
        position: inherit;
        top: 0;
        font-size: 14px
    }
    .pic_photo {
        background-color: #00b1a9;
        display: block;
        margin-left: 10px;
        width: 290px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 14px
    }
    .pic_photo:hover {
        background-color: #01a79f;
        color: #fff
    }
    .feed_text {
        text-align: center;
        margin-top: 30px;
        color: #00b1a9;
        font-size: 16px
    }
    .succes_main {
        background-color: #f6f6f4;
        padding: 115px 0;
        width: 1100px;
        margin: 0 auto 70px;
        text-align: center
    }
    .succes_main h2 {
        font-size: 36px;
        color: #00b1a9;
        font-weight: normal
    }
    .succes_main p {
        font-size: 20px;
        color: #606060;
        line-height: 34px;
        margin-top: 40px
    }
    .succes_main span {
        border-bottom: 1px solid #ccc;
        padding-bottom: 4px;
        font-size: 17px;
        position: relative;
        top: -4px;
        color: #00b1a9;
    }
    .down_li {
        max-height: 230px;
        overflow: hidden
    }
    .tit {
        background-color: #1ba507;
        width: 45px;
        height: 45px;
        float: right
    }
    .list h1 {
        text-align: center;
        padding: 35px 0 0
    }
    .list h2 {
        text-align: center;
        font-size: 20px;
        color: #5f5f5f;
        margin: 25px 0 10px
    }
    .list h3 {
        text-align: center;
        font-size: 20px;
        color: #5f5f5f;
        margin: 0px 0 20px;
        font-family: "";
        font-weight: normal
    }
    .list ul {
        overflow: hidden;
        margin: 0 auto;
        display: table
    }
    .list li {
        width: 117px;
        float: left;
        margin: 0 15px;
        text-align: center;
        line-height: 45px
    }
    .list li a {
        float: left;
        font-size: 18px;
        color: #5e5e5e;display: block;
        border: 1px solid #00000052;padding: 5px 15px; border-radius:5px;
    }
    .list li a:hover {
        color: #1da50a;
    }
    .count {
        width: 100%;
    }
    .join_main {
        width: 1100px;
        margin: 0 auto 90px;
    }
    .join_list li {
        border: 1px solid #dadada;
        border-left: 3px solid #666;
        background-color: #f9f9f9;
        margin-top: 20px;
        padding: 0 30px;
        transition: all .25s ease;
    }
    .join_list li h4 {
        cursor: pointer;
        font-size: 20px;
        color: #666;
        position: relative;
        padding: 20px 0px 20px;
        font-weight: normal;
        transition: all .25s ease;
    }
    .join_list li.cur,
    .join_list li:hover {
        border-left-color: #00b1a9;
        transition: all .25s ease;
    }
    .join_list li.cur h4,
    .join_list li h4:hover {
        color: #00b1a9;
        transition: all .25s ease;
    }
    .join_list li.cur h4:before {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: all .25s ease;
    }
    .join_list li h4:before {
        content: "\e61b";
        font-family: "lsfont";
        color: #666;
        font-size: 36px;
        float: right;
        margin-top: 8px;
        transition: all .25s ease;
    }
    .join_list li h4 p {
        font-size: 14px;
        color: #666;
        margin-top: 15px;
        font-weight: normal;
    }
    .join_list li .info {
        color: #666;
        z-index: 2;
        border-top: 1px solid #e5e5e5;
        padding: 10px 0 30px;
        display: none;
        line-height: 24px;
        font-size: 14px;
    }
    .join_list li .info strong {
        font-size: 14px;
        color: #333333;
        padding: 15px 0 0;
        display: inline-block;
    }
    .join_list li .info .em {
        padding-top: 20px;
        color: #00b1a9;
    }
    .join_list li .info a.a_file {
        border: 1px solid #00b1a9;
        padding: 5px 0;
        width: 120px;
        text-align: center;
        color: #00b1a9;
        margin-top: 20px;
        display: block;
        transition: all .25s ease;
    }
    .join_list li .info a.a_file:hover {
        background-color: #00b1a9;
        color: #fff;
        transition: all .25s ease;
    }
}