html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
    display: block;
}

body {
    font: 14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    color: #333;
    background: #eee;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

a, a:visited {
    text-decoration: none;
}

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

.slider-wrapper {
    width: 100%;
    height: 344px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.wrap {
    width: 100%;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.theme-default .nivo-controlNav {
    text-align: center;
    padding: 0;
    position: relative;
    top: -32px;
    z-index: 999;
}

#goTopButton {
    opacity: 0;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    overflow: hidden;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

/*******************内容物*************/
/****合作伙伴****/
/*top nav*/
.nav {
    background: linear-gradient(to bottom, #FEFEFF 0%, #EBF5FF 100%);
    height: 130px;
    width: 100%;
    background-repeat: repeat-x;
    position: fixed;
    top: 0;
    z-index: 999;
}

.banner {
    display: block;
    margin: 130px 0 0 0;
}

.submenu {
    width: 1100px;
    margin: 0 auto;
    font-family: '微軟正黑體';
    font-size: 18px;
}

.link-ad {
    float: right;
    margin: 40px 0 0 0;
}

.link-ad img {
    display: inline-block;
    vertical-align: middle;
}

.link-ad a {
    display: inline-block;
    color: #fff;
    padding: 6px 15px;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
    margin: 0 5px;
    border-radius: 8px;
    border: 1px solid rgba(240, 227, 153, 0);
}

.link-ad a:hover {
    background-color: #b0073f;
    color: #fff;
    border: 1px solid #f0e399;
}

.link-ad i {
    font-style: normal;
    top: 2px;
    position: relative;
}

.link {
    float: right;
    margin: 32px 0 0 0;
}

.link a {
    display: inline-block;
    color: #222222;
    padding: 9px 15px;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
    margin: 0 5px;
    border-radius: 0px;
    border: 0px solid rgba(240, 227, 153, 0);
}

.link a:hover {
    background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    color: #fff;
    border: 0px solid #f0e399;
}

.link .active {
    background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
        color: #fff;

}

.logo {
    float: left;
    margin: 9px 0 0 0;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.top {
    float: left;
    margin: 53px 0 0 38px;
}

.top b {
    font-weight: normal
}

.webname {
    color: #fff;
}

.name {
    color: #f0b87e;
    margin: 0 0 0 20px;
}

/*cantent*/
.cantent {
    width: 100%;
    display: block;
	background-color: #EAEDFA;
    padding: 40px 0;
    text-align: center;
}

.cantent img{
    display: inline-block;
}

.cantent-box {
    width: 1100px;
    margin: 0 auto;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.cantent-box img {
    float: left;
}

/*maincontent*/
.maincontent {
    height: 439px;
    width: 100%;
    background-size: cover;
   
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #EAEDFA;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.main-box {
    width: 1100px;
    margin: 0 auto;
    font-family: '微軟正黑體';
    font-size: 16px;
    text-align: center
}

.main-box .title {
    margin: 0 auto;
    padding: 50px 0 0 0;
    color: transparent;
    background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FFFFB1), to(#000000));
    -webkit-background-clip: text;
    font-size: 64px;
    font-weight: bold;
}

.main-box .font {
    color: #000;
    margin: 20px 0;
    text-align: center;
    font-size: 21px;
}

.main-box .button a {
    display: inline-block;
background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    color: #fff;
    padding: 25px 55px;
    margin: 0 5px;
    border-radius: 0px;
    border: 0px solid #f0e399;
    font-size: 23px;
    font-weight: bolder;
  
}

.main-box .button a:hover {
   background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    color: #fff;
    border: 0px solid #f0e399;

}

/*footer*/
.footer {
    width: 100%;
    text-align: center;
    background-color: #1c1e20;
    color: #fff;
    font-family: '微軟正黑體';
    font-size: 13px;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.footer hr {
    margin: 0;
    background-image: url(../image/foot.jpg);
    height: 5px;
    border: 0px solid #eee;
}

.foot {
    height: 90px;
    background: #323232;
}

.icon {
    margin: 0 auto;
    width: 1000px;
    padding: 20px 0;
}

.icon ul {
    margin: 0;
}

.icon ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 10px;
}

.icon ul li img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.copy {
    width: 320px;
    margin: 0 auto;
    padding: 10px 0;
}

.banner .desk {
    display: block
}

.banner .mobile {
    display: none
}

.logo .desk {
    display: block;
    width: auto;
    max-width: none;
}

.logo .mobile {
    display: none
}

/****現在合作****/
.header {
    background-image: url(../image/header.jpg);
    height: 343px;
    width: 100%;
    font-family: '微軟正黑體';
    font-size: 16px;
    margin: 111px 0 0 0;
}

.header .box {
    margin: 0 auto;
    width: 1024px;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.header .box .left {
    width: 65%;
    float: left;
    margin: 6% 0 0 0;
}

.header .box .left .font {
    color: #fff;
    padding: 25px 22px;
    border: 1px solid #fff;
    margin: 15px 0 0 0;
}

.header .box .right {
    width: 30%;
    float: right;
    margin: 3% 0 0 0;
}

.contact {
    width: 100%;
    background: url(../image/dlbg8.jpg) #EAEDFA no-repeat center top fixed;
    display: block;
    font-family: '微軟正黑體';
    font-size: 16px;
}

.contact .box {
    margin: 0 auto;
    width: 1024px;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.contact .box .left {
    float: left;
    width: 33%;
}

.contact .box .left .font {
    color: #fff;
    padding: 0;
    margin: 5px 0;
    font-size: 14px;
}

.contact .box .left .font .gold {
    color: #ead4a9;
    font-size: 16px;
}

.contact .box .left .button a {
    width: 70%;
    text-align: center;
    display: inline-block;
    background-color: #b0081c;
    color: #fff;
    padding: 6px 12px;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #f0e399;
    font-size: 15px;
    background: -webkit-linear-gradient(#b5081c, #7d0618);
    background: -o-linear-gradient(#b5081c, #7d0618);
    background: -moz-linear-gradient(#b5081c, #7d0618);
    background: linear-gradient(#b5081c, #7d0618);
}

.contact .box .left .button a:hover {
    background-color: #6d000d;
    color: #fff;
    border: 1px solid #f0e399;
    background: -webkit-linear-gradient(#6d000d, #6d000d);
    background: -o-linear-gradient(#6d000d, #6d000d);
    background: -moz-linear-gradient(#6d000d, #6d000d);
    background: linear-gradient(#6d000d, #6d000d);
}

.contact .box .center {
    float: left;
    width: 43%;
    padding-left: 30px;
}

.contact .box .right {
    float: left;
    width: 20%;
    margin: 47px 0 0 0;
}

.contact .box .center img {
    display: inline-block;
    vertical-align: middle;
}

.contact .box .center .font {
    color: #000;
    padding: 0;
    margin: 10px 0 0 0;
}

.contact .box .center .font a {
    color: #fff;
}

.contact .box .center .ad-btn {
    margin: 7px 0 0 0;
}

.contact .box .center .ad-btn a {
    display: inline-block;
    color: #fff;
    padding: 6px 50px;
    margin: 0 0 0 2px;
    border-radius: 4px;
    background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    border: 0px solid #f0e399;
    font-size: 15px;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.contact .box .center .ad-btn a:hover {
    background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    color: #fff;
    border: 0px solid #f0e399;
}

.contact .box .center .ad-btn span {
    position: relative;
    top: 2px
}

.contact .box .center .ad-btn i {
    font-size: 14px;
    font-style: normal;
    margin: 0 0 0 41px
}

.contact .box .center .ad-btn img {
    margin: 0;
}

.form-control {
    display: block;
    width: 70%;
    padding: 6px 12px;
    margin: 5px 0;
    font-size: 15px;
    line-height: 1.42857143;
    font-family: '微軟正黑體';
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.join {
    float: left;
    width: 100%;
    background-color: #EAEDFA;
    font-family: '微軟正黑體';
    font-size: 16px;
}

.join .box {
    margin: 0 auto;
    width: 1024px;
    -webkit-transition: .20s linear;
    -moz-transition: .20s linear;
    transition: .20s linear;
}

.join .box .left {
    width: 55%;
    float: left;
    margin: 6% 0 0 0;
}

.join .box .left .font {
    color: #000;
    padding: 25px 22px;
    border: 1px solid #000;
    margin: 15px 0 0 0;
}

.join .box .right {
    width: 40%;
    float: right;
    margin: 3% 0 0 0;
}

.footer, .copy {
    float: left;
    width: 100%;
}

@media (max-width: 1120px) {
    .submenu {
        width: 99%;
    }

    .slider-wrapper {
        height: 268px;
    }

    .cantent {
        height: auto;
    }

    .cantent-box {
        width: 99%;
    }

    .contact .box {
        margin: 0 auto;
        width: 800px;
    }

    .main-box {
        width: 99%;
    }

    .join .box {
        width: 900px;
    }

    .icon {
        width: 970px;
    }

    .cantent-box img {
        float: left;
        width: 33%;
    }

    .maincontent {
        height: 439px;
        float: left;
    }
}

@media (max-width: 1115px) {
    .contact .box .left {
        width: 30%;
    }

    .contact .box {
        margin: 0 auto;
        width: 838px;
    }
}

@media (max-width: 1040px) {
    .contact .box .left {
        width: 30%;
    }

    .contact .box {
        margin: 0 auto;
        width: 865px;
    }

    .contact .box .left {
        width: 27%;
    }
}

@media (max-width: 1000px) {
    .icon {
        width: 100%;
    }

    .header .box {
        margin: 0 auto;
        width: 100%;
    }

    .header .box .left {
        width: 65%;
        float: left;
        margin: 6% 0 0 2%;
    }

    .header .box .right {
        width: 30%;
        float: right;
        margin: 3% 1% 0 0;
    }
}

@media (max-width: 938px) {
    .icon {
        width: 80%;
    }

    .foot {
        height: 120px;
    }
}

@media (max-width: 920px) {
    .join .box {
        width: 800px;
    }
}

@media (max-width: 850px) {
    .contact .box {
        margin: 0 auto;
        width: 100%;
    }

    .contact .box .left {
        width: 32%;
        margin: 30px 0 0 4%;
    }

    .contact .box .right {
        width: 28%;
    }

    .contact .box .left {
        display: none
    }

    .contact .box .left {
        width: 45%;
    }

    .contact .box .right {
        width: 45%;
        float: right
    }
}

@media (max-width: 840px) {
    .contact, .form-control {
        font-size: 14px;
    }
}

@media (max-width: 800px) {
    .header .box .left {
        width: 60%;
        float: left;
        margin: 6% 0 0 2%;
    }

    .header .box .right {
        width: 35%;
        float: right;
        margin: 3% 2% 0 0;
    }

    .join .box {
        width: 700px;
        font-size: 14px
    }
}

@media (max-width: 780px) {
    .contact .box .left {
        float: left;
        margin: 20px 0 0 2%;
    }

    .contact .box .center {
        width: 100%;
        margin: 15px 0 15px 0;
    }
}

@media (max-width: 750px) {
    .header .box .left {
        width: 50%;
        float: left;
        margin: 6% 0 0 5%;
    }

    .header .box .right {
        width: 35%;
        float: right;
        margin: 10% 5% 0 0;
    }

    .link-ad {
        margin: 34px 0 0 0;
    }

    .contact .box .right {
        float: left;
        width: 33%;
        margin: 18px 0 0 0;
    }
}

@media (max-width: 740px) {
    .link, .link-ad i {
        font-size: 15px;
    }

    .link-ad {
        margin: 37px 0 0 0;
    }
}

@media (max-width: 717px) {
    .link-ad i {
        font-size: 14px;
    }

    .link {
        font-size: 14px;
    }
}

@media (max-width: 700px) {
    .top {
        float: left;
        margin: 53px 0 0 17px;
    }

    .link {
        float: right;
        margin: 42px 0 0 0;
    }

    .link a {
        padding: 9px;
        margin: 0 4px;
    }

    .header {
        background-repeat: repeat-y;
        background-position: top;
        background-size: cover;
    }

    .join .box {
        width: 645px;
        font-size: 13px
    }
}

@media (max-width: 660px) {
    .header .box .left {
        width: 55%;
        margin: 6% 0 0 5%;
    }

    .header .box .right {
        width: 35%;
        margin: 14% 3% 0 0;
    }

    .join .box {
        width: 600px;
        font-size: 13px
    }

    .join .box .left .font {
        padding: 10px 15px;
    }
}

@media (max-width: 629px) {
    .icon {
        width: 100%;
    }
}

@media (max-width: 627px) {
    .contact .box .right {
        float: left;
        width: 35%;
    }
}

@media (max-width: 620px) {
    .join {
        background-position: bottom;
    }

    .join .box {
        width: 100%;
        font-size: 16px
    }

    .join .box .left .font {
        padding: 10px;
    }

    .join .box .left {
        width: 95%;
        margin: 6% 0 0 15px;
    }

    .join .box .right {
        width: 89%;
        margin: 3% 0 0 0;
    }

    .contact .box .left {
        width: 90%;
        margin: 20px 0 10px 48px;
        float: left;
    }

    .contact .box .right {
        width: 90%;
        margin: 20px 0 10px 48px;
        float: left;
    }

    .form-control {
        width: 90%;
    }

    .contact .box .left .button a {
        width: 90%;
        padding: 12px;
    }
}

@media (max-width: 617px) {
    .contact .box .right .font {
        font-size: 16px;
    }

    .contact .box .right .font {
        font-size: 16px;
        display: inline-block;
        width: 49%;
    }
}

@media (max-width: 614px) {
    .logo {
        float: left;
        margin: 17px 0 0 0;
    }

    .main-box .font{
        font-size: 16px;
    }

    .main-box .title{
        font-size: 22px;
    }
}

@media (max-width: 600px) {
    .top {
        display: none
    }

    .cantent-box {
        width: 100%;
    }

    .cantent-box img {
        float: none;
        width: 80%;
        margin: 0 auto;
    }

    .header .box .right {
        margin: 15% 3% 0 0;
    }
}

@media (max-width: 585px) {
    .link {
        width: 100%;
        position: absolute;
        top: 90px;
        left: 0;
        z-index: 150;
            background: linear-gradient(to bottom, #FEFEFF 0%, #EBF5FF 100%);
        display: none;
        margin: 0;
        float: none;
        padding: 15px 0;
    }

    .link a {
        display: block;
        height: 45px;
        line-height: 45px;
        padding: 0 35px;
        font-size: 1.5rem;
        position: relative;
    }

    .link-ad {
        margin: 37px 0 0 0;
    }

    .link-ad a {
        padding: 6px;
    }

    .link-ad i {
        display: none
    }
}

@media (max-width: 570px) {
    .header .box .right {
        margin: 17% 3% 0 0;
    }

    .header {
        height: 385px;
    }
}

@media (max-width: 506px) {
    .icon {
        width: 80%;
    }

    .foot {
        height: 160px;
    }

    .header .box .left {
        width: 53%;
        margin: 6% 0 0 5%;
    }

    .header .box .right {
        margin: 23% 3% 0 0;
    }

    .banner .desk {
        display: block
    }

    .banner .mobile {
        display: none
    }

    .carousel-control.right {
        right: 5%;
    }

    .carousel-indicators {
        bottom: -7px;
    }

    .header {
        height: 420px;
    }

    .contact, .form-control {
        font-size: 16px;
    }

    .contact .box .left {
        width: 90%;
        margin: 20px 0 10px 48px;
        float: left;
    }

    .contact .box .right {
        width: 90%;
        margin: 20px 0 10px 48px;
        float: left;
    }

    .contact .box .right .font {
        float: left;
        width: 50%;
        font-size: 13px;
    }

    .form-control, .contact .box .left .button a {
        width: 90%;
    }

    .join .box .right {
        width: 100%;
        margin: 3% 0 0 0;
    }
}

@media (max-width: 490px) {
    .contact .box .right {
        width: 92%;
        margin: 20px 0 10px 25px;
        float: left;
    }

    .contact .box .left {
        width: 90%;
        margin: 20px 0 10px 26px;
        float: left;
    }
}

@media (max-width: 480px) {
    .header .box .left {
        width: 95%;
        margin: 4% 2.5%;
    }

    .header .box .right {
        display: none
    }

    .header {
        height: 280px;
        padding: 5px 0;
    }
}

@media (max-width: 466px) {
    .icon {
        width: 95%;
    }

    .foot {
        height: 160px;
    }

    .banner .mobile .carousel-control {
        font-size: 31px;
    }
}

@media (max-width: 450px) {
    .contact .box .right .font {
        float: left;
        width: 100%;
        font-size: 16px;
    }
}

@media (max-width: 450px) {
    .header {
        height: 295px;
    }
}

@media (max-width: 442px) {
    .logo .desk {
        display: none
    }

    .logo .mobile {
        display: block;
    }
}

@media (max-width: 414px) {
    .logo .desk img {
        width: 162px;
        max-width: none
    }

    .header {
        height: 300px;
    }

    .submenu {
        width: 89%;
    }

    .header .box .left {
        width: 95%;
        margin: 4% 2% 4% 2.5%;
    }

    .success {
        margin: 0 0 0 25px;
    }

    .contact, .form-control {
        font-size: 18px;
    }

    .contact .box .left {
        width: 88%;
        margin: 15px 0 15px 40px;
    }

    .contact .box .right {
        width: 100%;
        margin: 15px 0 30px;
        text-align: center;
    }

    .foot {
        height: 165px;
    }

    .icon {
        width: 95%;
        margin: 0;
        padding: 10px 0 0 0;
    }

    .form-control {
        width: 90%;
        margin: 10px 0;
        padding: 12px 12px;
    }

    .contact .box .left .button a {
        width: 90%;
        padding: 12px;
    }

    .contact .box .right img {
        display: inline-block;
    }

    .cantent-box img {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .join {
        background-size: cover;
    }

    .link-ad {
        margin: 37px 0 0 0px;
    }

    .contact .box .right .ad-btn a {
        padding: 6px;
        margin: 0 0 0 2px;
        width: 78%;
        text-align: center;
    }
}

@media (max-width: 412px) {
    .header {
        height: 300px;
    }

    .contact .box .left {
        width: 85%;
        margin: 15px 0 15px 35px;
    }

    .contact .box .right {
        width: 85%;
        margin: 15px 0 15px 35px;
    }

    .logo {
        float: left;
        margin: 0 0 0 -11px;
        width: 60%;
    }
}

@media (max-width: 400px) {
    .contact .box .left {
        width: 80%;
        margin: 15px 0 15px 60px;
    }

    .contact .box .right {
        width: 100%;
        margin: 15px 0 30px;
        text-align: center;
    }

    .icon {
        width: 100%;
    }

    .foot {
        height: 165px;
    }
}

@media (max-width: 375px) {
    .form-control {
        width: 90%;
    }

    .contact .box .left .button a {
        width: 90%;
        padding: 12px;
    }

    .success {
        margin: 0 0 0 50px;
    }
}

@media (max-width: 360px) {
    .title img {
        width: 95%
    }

    .header {
        height: 320px;
    }

    .cantent-box img {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .main-box .title {
        width: 100%;
    }

    .main-box .title img {
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 320px) {
    .nav {
        top: -15px;
    }

    .banner, .header {
        margin: 96px 0 0 0;
    }

    .header {
        height: 340px;
    }

    .success {
        margin: 0 0 0 8px;
    }

    .contact .box .left {
        width: 91%;
        margin: 15px 0 15px 15px;
    }

    .contact .box .right {
        width: 91%;
        margin: 15px 0 15px 14px;
    }

    .join .box .left {
        width: 93%;
        margin: 6% 0 0 10px;
    }

    .foot {
        height: 220px;
    }

    .form-control, .contact .box .left .button a {
        width: 100%;
    }

    .logo {
        width: 50px;
        display: block;
    }

    .logo .mobile {
        width: 100%;
        margin: 6px 0 0 0
    }

    .link-ad {
        margin: 37px -14px 0 0px;
    }

    .contact .box .right .ad-btn a {
        padding: 6px;
        margin: 0 0 0 2px;
        width: 85%;
        text-align: center;
    }

    .contact .box .right .ad-btn i {
        font-size: 14px;
        font-style: normal;
        margin: 0 0 0 20%;
    }

    .link a {
        padding: 4px 9px;
        margin: 0 4px;
        width: 50px;
        font-size: 14px;
    }

    .link {
        float: right;
        font-size: 16px;
        margin: 39px 0 0 0;
        line-height: 18px;
    }
}

.tb p{
    font-size: 12px;
    color: #c5c5c5;
    float: left;
    margin: 0;
}

.tb .sc{
    background: url("../image/sc.png") left center no-repeat;
    text-indent: 20px;
    margin-left: 30px;
}

.tb a{
    font-size: 12px;
    color: #c5c5c5;
    display: inline-block;
    float: right;
}

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

.tb{
    line-height: 22px;
}

.fa{
    background: url("../image/fa8.jpg") #EAEDFA top center no-repeat;
    padding: 50px 0;
}

.tit{
    font-size: 24px;
    color: transparent;
    
	    background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    -webkit-background-clip: text;
    margin: 0 0 20px;
    font-weight: 500;
    line-height: 50px;
}

.fa-m{
    width: 1100px;
    margin: auto;
}

.tit span{
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
}

.faicon1{
    background: url("../image/faicon1.png") left center no-repeat;
}

.faicon2{
    background: url("../image/faicon2.png") left center no-repeat;
}

.faicon3{
    background: url("../image/faicon3.png") left center no-repeat;
}

.faicon4{
    background: url("../image/faicon4.png") left center no-repeat;
}

.faicon5{
    background: url("../image/faicon5.png") left center no-repeat;
}

.faicon6{
    background: url("../image/faicon6.png") left center no-repeat;
}

.fa-m p{
    color: #000;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 50px;
}

.fabg{
    margin-top: 50px;
}

.fabg td{
    text-align: center !important;
    color: #000;
    font-size: 16px;
    height: 50px;
    border: 1px solid #000;
    vertical-align: middle;
}

.fatb{
    text-align: center;
    margin: 50px 0;
}

.contact .box .center p:first-child{
    color: transparent;
    background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    -webkit-background-clip: text;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}

.success{
    color: transparent;
    background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    -webkit-background-clip: text;
    font-size: 24px;
    font-weight: bold;
}

.jd{
    background: url("../image/fa8.jpg") #EAEDFA top center no-repeat;
    padding: 50px 0;
}

.jdlist{
    width: 1100px;
    margin: 0 auto 50px;
}

.jdlist .yw{
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    background: url("../image/yw.png")  14px 7px no-repeat;
	background: linear-gradient(to right, #51BA9D 0%, #70ADDF 100%);
    padding: 10px 0 10px 50px;
    margin-bottom: 15px;
}

.jdlist .hd{
    background: url("../image/hd.png") 14px 7px no-repeat;
    font-size: 16px;
    color: #000;
    line-height: 30px;
    padding-top: 5px;
    padding-left: 50px;
}

.klynav-btn {
    width: 30px;
    height: 25px;
    margin-top: 20px;
    float: right;
}

.klynav-btn .bar {
    position: relative;
    display: block;
    width: 28px;
    height: 2px;
    margin: 7px auto;
    background-color: #434557;
    transition: 0.3s;
}

.klynav-btn span:nth-child(1) {
    margin-top: 0;
}

.klynav-btn span:nth-child(3) {
    margin-bottom: 0;
}

@media (min-width: 992px){
    .klynav-btn {
        display: none;
    }
}

.klynav-btn.cur .bar:nth-of-type(1) {transform: translateY(8.0px) rotate(45deg);}
.klynav-btn.cur .bar:nth-of-type(2) {opacity: 0;}
.klynav-btn.cur .bar:nth-of-type(3) { transform: translateY(-10.5px) rotate(-45deg);}

.fatb img:last-child{
    display: none;
}

.cantent img:last-child{
    display: none;
    width: 98%;
    margin: auto;
}

.fabgwap{
    display: none;
}

.lxbtn{
    display: none;
    background-color: #b0081c;
    color: #fff;
    margin: 0 5px;
    border-radius: 8px;
    border: 1px solid #f0e399;
    padding: 1rem 2rem;
    font-size: 1.5rem;
    font-weight: bolder;
    background: -webkit-linear-gradient(#b5081c, #7d0618);
    background: -o-linear-gradient(#b5081c, #7d0618);
    background: -moz-linear-gradient(#b5081c, #7d0618);
    background: linear-gradient(#b5081c, #7d0618);
}

.lxbtn a{
    color: #fff;
}

@media (max-width: 1000px){
    .fa-m {
        margin: 0 auto;
        width: 90%;
    }

    .fa{
        padding: 20px 0;
    }

    .jd{
        padding: 30px 0;
    }

    .jdlist{
        margin: 0 auto 30px;
        width: 90%;
    }

    .tb .sc{
        display: none;
    }

    .fa-m p{
        font-size: 1.2rem;
        margin: 0 0 2rem;
    }

    .tit{
        font-size: 1.5rem;
        line-height: 2rem;
        margin: 0 0 1rem;
    }

    .tit span {
        width: 2rem;
        height: 2rem;
        background-size: contain;
        margin-right: 1rem;
    }

    .fabg td{
        font-size: 1.2rem;
    }

    .fabg{
        margin-top: 2rem;
    }

    .fatb{
        margin: 2rem 0;
    }

    .tb p span{
        display: none;
    }

    .fatb img:first-child{
        display: none;
    }

    .fatb img:last-child{
        display: block;
    }

    .cantent img:first-child{
        display: none;
    }

    .cantent img:last-child{
        display: block;
    }

    .nav {
        height: 90px;
        background-size: contain;
    }

    .banner{
        margin: 90px 0 0 0;
    }

    .tb{
        background: #202020;
        width: 100%;
        padding: 0 5%;
    }

    .img-responsive {
        height: 12rem !important;
        max-width: none !important;
        display: inline-block !important;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .carousel-inner > .item{
        height: 12rem;
    }

    .main-box .title{
        font-size: 1.5rem;
    }

    .main-box .font{
        font-size: 1.2rem;
    }

    .main-box .button a {
        padding: 1rem 2rem;
        font-size: 1.5rem;
    }

    .maincontent {
        height: 26rem;
    }

    .bz img{
        width: 80%;
    }

    .contact .box .center p:first-child{
        font-size: 1.5rem;
    }

    .contact .box .center .font{
        font-size: 1.2rem;
    }

    .contact .box .center img {
        width: 2.2rem;
    }

    .contact .box .center .ad-btn i{
        font-size: 1.2rem;
        margin-top: 1rem;
        display: inline-block;
    }

    .contact .box .center .ad-btn a{
        font-size: 1.2rem;
    }

    .success{
        font-size: 1.5rem;
        margin: 0;
    }

    .join .box .left .font{
        font-size: 1.2rem;
    }

    .jdlist .yw{
        font-size: 1.2rem;
    }

    .jdlist .hd{
        font-size: 1.2rem;
    }

    .icon ul li:nth-child(8), .icon ul li:nth-child(9){
        display: none;
    }

    .foot {
        height: 124px;
    }

    .fabgpc{
        display: none;
    }

    .fabgwap{
        display: block;
    }

    .contact .box .right{
        display: none;
    }

    .lxbtn{
        display: inline-block;
    }
}

.img-responsive{
    margin: auto;
}

.carousel-inner{
    background: #EAEDFA;
}

.tb p span{
    margin-right: 10px;
}

.fatb img{
    margin: auto;
}