@font-face {
    font-family: 'YouYuan'; /*字体名称*/
    src: url('SIMYOU.ttf'); /*字体源文件*/
}

@font-face {
    font-family: 'Calibri'; /*字体名称*/
    src: url('calibri.eot'); /* IE9 Compat Modes */
    src: url('calibri.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('calibri.woff') format('woff'), /* Modern Browsers */ url('calibri.ttf') format('truetype'), /* Safari, Android, iOS */
    url('calibri.svg#YourWebFontName') format('svg'); /* Legacy iOS */ /*字体源文件*/
}
.zwzt{font-family: 'Microsoft YaHei'; /*字体名称*/}
.ywzt{font-family: 'Calibri';}
/* ===================================
	clean - One Page Responsive Template
====================================== */


/* ===================================
	PRELOADER
====================================== */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.status {
    width: 128px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin: -70px 0 0 -70px;
}


/* ===================================
	GENERAL
====================================== */
body {
    position: relative;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

textarea:focus,
input:focus {
    outline: none;
}

img {
    max-width: 100%;
}

ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

header.clean-page-header {
    -webkit-background-size: cover;
    height: 330px;
    background-size: cover;
    position: relative;
}

.clean-page-title {
    position: relative;
    z-index: 1;
}

.copyrights {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
/* ===================================
	BACKGROUND COLOR
====================================== */
.background-one {
    background-color: #ffffff;
}

.background-two {
    background-color: #f1f1f1;
}

/* ===================================
	TYPOGRAPHY
====================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

a, p, li, input, textarea {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #818181;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    a:hover,
    a:focus,
    a:active {
        outline: 0;
        text-decoration: none;
        border: 0;
    }

.clean-page-title h1 {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    padding: 70px 0 0;
    text-align: center;
}


/* ===================================
	BUTTONS
====================================== */
.clean-button-solid {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    padding: 15px 30px;
    display: inline-block;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

    .clean-button-solid:hover {
        color: #ffffff;
        background-color: #de5c39;
    }

.clean-button-outline {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    padding: 15px 30px;
    display: inline-block;
    background-color: transparent;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

.clean-button-outline-light {
    border: 1px solid #ffffff;
}

    .clean-button-outline-light:hover {
        color: #ffffff;
        border: 1px solid transparent;
    }

.clean-button-outline-dark {
    color: #28292e;
    border: 1px solid #28292e;
}

    .clean-button-outline-dark:hover {
        color: #ffffff;
        border: 1px solid transparent;
    }

.clean-btn-round {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 30px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

    .clean-btn-round:hover {
        color: #ffffff;
    }


/* ===================================
	ICON
====================================== */
.clean-blurb-icon-only {
    margin-bottom: 50px;
    text-align: center;
}

    .clean-blurb-icon-only i {
        font-size: 30px;
        border-radius: 50%;
        border: 4px solid #eee;
        padding: 30px;
    }

        .clean-blurb-icon-only i:hover {
            background-color: #fff;
        }

    .clean-blurb-icon-only h3 {
        font-size: 16px;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .clean-blurb-icon-only p {
        margin-bottom: 0;
    }


.clean-blurb-round-icon .clean-icon {
    width: 100px;
    height: 100px;
    margin: 0px auto 30px;
    text-align: center;
    border: 8px solid #DADADA;
    border-radius: 50%;
    line-height: 0;
    padding: 8px;
}

    .clean-blurb-round-icon .clean-icon i {
        line-height: 70px;
        font-size: 36px;
        color: #dadada;
    }

.clean-blurb-round-icon .clean-icon {
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
}

.clean-blurb-round-icon:hover .clean-icon {
    border: 1px solid rgba(0,0,0,0);
}

    .clean-blurb-round-icon:hover .clean-icon i {
        color: #ffffff;
    }

.clean-blurb-round-icon h3 {
    text-align: center;
    font-size: 18px;
    color: #616161;
    margin-top: 0;
    margin-bottom: 15px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.clean-blurb-round-icon p {
    margin-bottom: 0;
    text-align: center;
}

.clean-icones {
    overflow: hidden;
    padding: 20px;
}

    .clean-icones:last-child {
        border-bottom: none;
    }

    .clean-icones .clean-icon {
        width: 70px;
        height: 70px;
        margin: 0 auto;
        text-align: center;
        float: left;
        margin-right: 30px;
        margin-bottom: 15px;
        border-radius: 5px;
        border: 1px solid #dadada;
    }

    .clean-icones.clean-square-dark .clean-icon {
        background-color: rgba(0,0,0,0.25);
    }

    .clean-icones .clean-icon i {
        line-height: 70px;
        font-size: 36px;
    }

    .clean-icones .clean-blurb-text {
        float: left;
        width: 260px;
    }

        .clean-icones .clean-blurb-text h3 {
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 15px;
            padding-bottom: 15px;
            position: relative;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -ms-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear;
        }

            .clean-icones .clean-blurb-text h3:after {
                content: '';
                width: 30px;
                height: 2px;
                background-color: #ffffff;
                position: absolute;
                bottom: 0;
                left: 0;
                -webkit-transition: all .3s linear;
                -moz-transition: all .3s linear;
                -ms-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear;
            }

.clean-line {
    width: 100px;
    height: 1px;
    margin: 20px auto;
}


/* ===================================
	SECTIONS
====================================== */
.clean-section-wrapper {
    padding: 50px 0;
    overflow: hidden;
}

.clean-section-header {
    text-align: center;
    margin-bottom: 80px;
}

    .clean-section-header h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 30px;
        color: #313131;
    }

    .clean-section-header h2 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 30px;
        color: #313131;
    }

    .clean-section-header h1 span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 30px;
    }

    .clean-section-header p {
        font-family: 'Raleway', sans-serif;
    }

/* Parallax Section*/
.clean-parallax-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.clean-section-header-parallax h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
}

    .clean-section-header-parallax h1 span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 30px;
    }

.clean-section-header-parallax p {
    font-family: 'Raleway', sans-serif;
}

/*======================
  Login 
======================*/
.login {
    position: absolute;
    right: 5%;
    color: rgb(30, 28, 28);
    bottom: 0;
    text-align: center;
    width: 420px;
    height: 310px;
    z-index: 9;
    border: 1px solid #fff;
    background-color:#ecf0f1;
    border-bottom: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 19px;
    text-align: center;
    display: block;
}

/* ===================================
	MENUS
====================================== */
.clean-main-menu {
    /*background-color: #28292e;*/
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    position: fixed;
    width: 100%;
    padding: 0px 0;
    margin-bottom: 0;
    z-index: 10;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

header.clean-page-header .clean-main-menu {
    position: relative;
}

.clean-main-menu .navbar-brand {
    padding: 0px 0;
}

.clean-main-menu .navbar-nav {
    float: right;
    padding: 0px 0;
}
    /*.clean-main-menu .navbar-nav li:hover{
     background-color:rgba(140,211,215,0.8);
}*/
    .clean-main-menu .navbar-nav li a {
        text-align: center;
        height: 80px;
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
        padding-top: 20px;
        padding-bottom: 0;
        /*line-height: 50px !important;*/
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        padding-left: 15px;
        padding-right: 15px;
    }
        /*.clean-main-menu .navbar-nav li a:hover{
     
}*/
        .clean-main-menu .navbar-nav li a:hover,
        .clean-main-menu .navbar-nav li.active a {
            color: #de5c39;
            background-color: rgba(101, 208, 255, 0.80);
        }

        .clean-main-menu .navbar-nav li a:focus {
            background-color: transparent;
            color: #000;
        }

/* Minified Menu */
.clean-main-menu.minified {
    background-color: #ffffff;
    padding: 0;
    position: fixed;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0), 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
}

header.clean-page-header .clean-main-menu.minified {
    position: fixed;
}


/* ===================================
	SLIDERS
====================================== */
.clean-slider {
    overflow: hidden;
    max-height: 710px;
}

.clean-main-slides .clean-img-overlay {
    position: absolute;
    background-color: rgba(218, 218, 234, 0.42);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.clean-main-slides h1.clean-slider-text-big {
    font-size: 48px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 25px;
}

.clean-main-slides .clean-slider-text h1 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.clean-main-slides p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 30px !important;
    color: #ffffff;
    margin-bottom: 0;
}

.sp-arrow {
    width: 10px;
    height: 100px !important;
}

.clean-slider .sp-buttons {
    padding-top: 10px;
    position: absolute;
    text-align: center;
    width: 0;
    bottom: 20px;
}

.clean-slider .sp-button {
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 4px;
    width: 14px;
}


/* ===================================
	FEATURES
====================================== */
.clean-features-section .container {
    position: relative;
    z-index: 1;
}

.features-details {
    padding: 0 !important;
}

.clean-features-section {
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    padding-bottom: 80px;
    overflow: hidden;
}



/* ===================================
	FEATURED WORK
====================================== */
.clean-portfolio-work-item {
    height: 280px;
    position: relative;
}

    .clean-portfolio-work-item img {
        height: 100%;
    }

    .clean-portfolio-work-item .clean-port-work-details {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .clean-portfolio-work-item .clean-work-meta {
        position: absolute;
        right: 0;
        padding-right: 38%;
        padding-top: 30%;
    }

        .clean-portfolio-work-item .clean-work-meta li {
            width: 80px;
            height: 80px;
            margin-bottom: 1px;
            text-align: center;
            opacity: 0;
            transform: scale(0);
            transition: all 0.4s ease 0s;
            border-radius: 50%;
        }

    .clean-portfolio-work-item:hover .clean-port-work-details .clean-work-meta li {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.clean-port-work-details .clean-work-meta li a {
    display: block;
}

    .clean-port-work-details .clean-work-meta li a i {
        font-size: 30px;
        color: #FFF;
        line-height: 75px;
    }

.clean-port-work-details .clean-port-work-desc {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    background-color: rgba(40,41,46,0.8);
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.clean-portfolio-work-item:hover .clean-port-work-desc {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.clean-port-work-details .clean-port-work-desc h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}

.clean-port-work-details .clean-port-work-desc p a {
    font-size: 14px;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
}

.clean-port-work-details .clean-port-work-desc .clean-like-btn {
    text-align: center;
    padding: 10px 15px;
}

    .clean-port-work-details .clean-port-work-desc .clean-like-btn a {
        font-family: 'Raleway', sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #ffffff;
    }

        .clean-port-work-details .clean-port-work-desc .clean-like-btn a i {
            font-size: 21px;
            color: #ffffff;
            margin-right: 5px;
        }



/* ===================================
	OFFERS
====================================== */
.clean-offer-section {
    padding-bottom: 30px;
}




/* ===================================
	CUSTOM SECTION
====================================== */
.clean-custom-sec-text p {
    margin-bottom: 20px;
}

.clean-custom-sec-text h3 {
    font-size: 18px;
    color: #616161;
    margin-top: 0px;
    margin-bottom: 20px;
}

.clean-custom-sec-text ul {
    margin-left: 30px;
}

    .clean-custom-sec-text ul li {
        margin-bottom: 10px;
    }

        .clean-custom-sec-text ul li:last-child {
            margin-bottom: 0;
        }

        .clean-custom-sec-text ul li i {
            font-size: 14px;
            margin-right: 10px;
        }



/* ===================================
	TESTIMONIALS
====================================== */
.clean-testimonial-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.clean-member-img-wrapper img {
    border-radius: 50%;
    margin-bottom: 20px;
}

.clean-testimonial-wrapper {
    text-align: center;
    position: relative;
    z-index: 5;
}

    .clean-testimonial-wrapper .comment-icon {
        font-size: 24px;
        text-align: center;
    }

.clean-testimonial {
    overflow: hidden;
}

    .clean-testimonial p {
        font-size: 16px;
        margin-bottom: 20px;
    }

        .clean-testimonial p.clean-client-info {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 0;
        }



/* ===================================
	PRICING
====================================== */
.clean-pricing-section {
    padding: 80px 0;
}

.clean-pricing-plans {
    text-align: center;
    padding: 30px 0;
    background-color: #ffffff;
}

.clean-recommended-pricing {
    background-color: #ffffff;
}

.recommended-titles {
    padding: 15px 0;
}

    .recommended-titles h2 {
        color: #ffffff !important;
    }

.clean-pricing-plans .recommended-titles p {
    color: #ffffff !important;
}

    .clean-pricing-plans .recommended-titles p span {
        color: #ffffff !important;
    }

.clean-pricing-plans .clean-pricing-titles {
    margin-bottom: 40px;
    text-align: center;
}

    .clean-pricing-plans .clean-pricing-titles h2 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .clean-pricing-plans .clean-pricing-titles p {
        font-size: 16px;
    }

        .clean-pricing-plans .clean-pricing-titles p span {
            font-size: 30px;
            font-weight: 300;
        }

.clean-pricing-plans .clean-pricing-service-name {
    margin-bottom: 20px;
}

.clean-pricing-plans ul li {
    text-align: center;
    padding: 10px 0;
}

    .clean-pricing-plans ul li:last-child {
        border-bottom: 0px solid;
    }

.clean-pricing-plans a.clean-signup-btn {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    padding: 15px 30px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

    .clean-pricing-plans a.clean-signup-btn:hover {
        color: #ffffff;
        background-color: #ff653d;
    }



/* ===================================
	CONTACT
====================================== */
#contact-form {
    margin: 0 10%;
}

.clean-contact-section {
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

    .clean-contact-section .clean-contact-address p {
        color: #ffffff;
    }

    .clean-contact-section .clean-contact-address ul li {
        margin-bottom: 25px;
        font-size: 14px;
        position: relative;
        padding: 15px;
    }

        .clean-contact-section .clean-contact-address ul li:last-child {
            margin-bottom: 0;
        }

        .clean-contact-section .clean-contact-address ul li i {
            font-size: 50px;
            line-height: 55px;
            color: #ffffff;
        }

    .clean-contact-section .clean-contact-form .clean-input-fields {
        margin-bottom: 20px;
    }

        .clean-contact-section .clean-contact-form .clean-input-fields label {
            display: block;
            font-size: 14px;
            font-family: 'Raleway',sans-serif;
            font-weight: 400;
            margin-bottom: 10px;
        }

        .clean-contact-section .clean-contact-form .clean-input-fields input {
            width: 100%;
            height: 40px;
            background-color: transparent;
            border: 1px solid #999999;
            padding-left: 15px;
            padding-right: 15px;
        }
       
        .clean-contact-section .clean-contact-form .clean-input-fields textarea {
            width: 100%;
            background-color: transparent;
            border: 1px solid #999999;
            padding: 15px;
        }

    .clean-contact-section .clean-contact-form input[type='submit'] {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #ffffff;
        padding: 15px 30px;
        text-align: center;
        display: inline-block;
        outline: 0;
        border: 0px solid;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -ms-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }

    .clean-contact-section .clean-contact-form .clean-input-fields input[type='submit']:hover {
        color: #ffffff;
        background-color: #de5c39;
    }


/* ===================================
	OWL PAGINATIONS
====================================== */
.owl-theme .owl-controls {
    margin-top: 30px;
    text-align: center;
}

    .owl-theme .owl-controls .owl-page span {
        background-color: transparent;
        border-radius: 0px;
        display: block;
        height: 10px;
        margin: 5px 5px;
        opacity: 1;
        width: 10px;
        border-radius: 50%;
    }

    .owl-theme .owl-controls .owl-page.active span {
        border: 1px solid rgba(0,0,0,0);
    }


/* ===================================
	FOOTER
====================================== */
footer {
    background-color: #28292e;
    padding: 60px;
    overflow: hidden;
}

    footer .clean-footer-content {
        text-align: center;
    }

    footer .clean-footer-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    footer p {
        text-align: center;
        color: #818181;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    footer ul {
        display: inline-block;
    }

        footer ul li {
            float: left;
            margin-right: 15px;
            border: 2px solid #818181;
            padding: 8px 10px;
            border-radius: 50%;
            width: 50px;
        }

            footer ul li:last-child {
                margin-right: 0;
            }

            footer ul li a {
                font-size: 21px;
            }

                footer ul li a i {
                    font-size: 21px;
                    color: #818181;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -ms-transition: all .3s;
                    -o-transition: all .3s;
                    transition: all .3s;
                }

/*===========Go To Top===========*/
#scrollSearchDiv {
    border-radius: 10px;
    width: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
    display: block;
    position: fixed;
    right: 0;
    bottom: 50px;
}

    #scrollSearchDiv img {
        margin-left: auto;
        margin-right: auto;
    }

.eclass1 {
    display: none;
}

.eclass {
    display: block;
}
 .apps1{
        display:none;
    }
    .apps{
        display:block;
    }
.magazine1 {
    display: none;
}

.magazine {
    display: block;
}

.pen1 {
    display: none;
}

.pen {
    display: block;
}

.audiobook1 {
    display: none;
}

.audiobook {
    display: block;
}

.assessbook1 {
    display: none;
}

.assessbook {
    display: block;
}

.eoralcard1 {
    display: none;
}

.eoralcard {
    display: block;
}
/*============
      EClass
      ===========*/
.logoRow {
    padding: 0px 0;
}

.discript1 {
    margin-top: 40px;
    padding-left: 130px;
    text-align: justify;
    font-family: Calibri;
    font-size: 21px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 40px;
    float: left;
}

.discript {
    margin-top: 40px;
    padding-left: 130px;
    text-align: justify;
    font-family: Calibri;
    font-size: 21px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 40px;
    float: left;
}

.Itemdiscript {
    margin-left: 100px;
    float: none;
    margin-top: 0px;
}

.banerbootm {
    float: left;
    display: block;
}

.eclassitem {
    background: url(../images/eclass/ichineseline.png) repeat-y left;
}

.eclassitem1 {
    background: url(../images/eclass/assessmentline.png) repeat-y left;
}

.eclassitem2 {
    background: url(../images/eclass/ireadingline.png) repeat-y left;
    padding-bottom: 100px;
}
/*===
     iChinese
     ====*/
.mymenu {
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 999999;
    display: none;
    border-top: 1px solid #ccc;
    background-color: #047615;
     font-family:Calibri;
}

.my {
    color: green;
    background: #fff;
}

.my1 {
    background: rgba(222, 92, 57, 1);
    line-height: 40px;
    width: 25%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.my2 {
    background: rgba(232, 13, 13, 1);
    line-height: 40px;
    width: 25%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    float: left;
}

.my3 {
    background: rgba(63, 149, 230, 1);
    line-height: 40px;
    width: 25%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    float: left;
}

.my4 {
    line-height: 40px;
    width: 25%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    float: left;
    background: rgba(225, 135, 29, 1);
}

#bbb {
    display: none;
    height: 80px;
}

#hightContent {
    display: none;
}

#demo {
    display: block;
}

#sample {
    display: none;
}

.cl1Img {
    width: 100%;
    margin-top: 30px;
    padding-left: 70px;
    margin-bottom: 30px;
}

    .cl1Img img {
        float: left;
        width: 50%;
        margin-bottom: 40px;
    }

.discriptIchinese {
    margin-top: 40px;
    padding-left: 30px;
    text-align: justify;
    font-family: Calibri;
    font-size: 21px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 40px;
    float: left;
}

.eclassitemichinese {
    background: url(../images/iChineseContent/bg.png) repeat-y left;
}

.eclassitemireading {
    background: url(../images/ireading/dot.png) repeat-y left;
}

#ichineseTab {
    display: block;
}

#ichineseTab1 {
    display: none;
}

.ichineseTab {
    float: left;
    padding-right: 10px;
    font-size: 24px;
    line-height: 60px;
    padding-left: 60px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    font-family: Calibri;
    width: 25%;
    height: 60px;
    overflow: hidden;
}

.tab0_2{
    background:none;
}
.tab1_2{
    background:none;
}
.tab2_2{
    background:none;
}
.tab3_2{
    background:none;
}
.tab4_2{
    background:none;
}
.tab1 {
    background: url(../images/ichinese/l1.png) no-repeat rgba(222, 92, 57, 0.84);
    background-position-y: center;
    background-position-x: 4%;
}
.tab2 {
    background: url(../images/ichinese/l2.png) no-repeat rgba(232, 13, 13, 0.83);
    background-position-y: center;
    background-position-x: 4%;
}
.tab3 {
    background: url(../images/ichinese/l3.png) no-repeat rgba(63, 149, 230, 0.84);
    background-position-y: center;
    background-position-x: 4%;
}
.tab4 {
    background: url(../images/ichinese/l4.png) no-repeat rgba(225, 135, 29, 0.84);
    background-position-y: center;
    background-position-x: 4%;
}

.tab1_1 {
    background: url(../images/ichinese/l1_1.png) no-repeat rgba(222, 92, 57, 0.84);
    background-position-y: center;
    background-position-x: 4%;
}
.tab2_1 {
    background: url(../images/ichinese/l2_1.png) no-repeat rgba(232, 13, 13, 0.83);
    background-position-y: center;
    background-position-x: 4%;
}
.tab3_1 {
    background: url(../images/ichinese/l3_1.png) no-repeat rgba(63, 149, 230, 0.84);
    background-position-y: center;
    background-position-x: 4%;
}
.tab4_1 {
    background: url(../images/ichinese/l4_1.png) no-repeat rgba(225, 135, 29, 0.84);
    background-position-y: center;
    background-position-x: 4%;
}
.ichineseTabActive {
    color: green;
}
.ichineseTabUnActive {
    color: #fff;
    /*background-color:#dc4055;*/
}

    .ichineseTabActive,
    .ichineseTabUnActive:hover {
        color: green;
        background-color: rgba(242, 222, 222, 0.81);
    }
/*==========
     EReading
     ===========*/
.levels {
    width: 14%;
    margin-top: 40px;
    float: left;
    display: block;
}
    .levels img {
        margin-left: 5px;
        width: 100%;
    }
.ereadingUnActive {
    background: #2ccea3;
    padding-left: 20px;
    color: #fff;
}
.ereadingActive {
    background: #ee412e;
    padding-left: 20px;
    color: #fff;
}
.ereadingActive,
.ereadingUnActive:hover {
    background: #ee412e;
    color: #fff;
}
.s_logo{
    width: 18%; margin-left: 1.5%; float: left; margin-top:20px;
}
.marginDownload{
    width: 100%; margin-left: auto; margin-right: auto;cursor:pointer;
       
}
.funlandDownload{
    font-size:18px; font-family:'Microsoft YaHei'; line-height:30px; width:65%
}
 #myCart1{
        display:block;
    }
    #myCart2{
        display:none;
    }
    #CartBt1
    {
        display:block;
    }
    #CartBt2
    {
        display:none;
    }


/* login */
.login-header{width:100%;text-align:center;height:30px;font-size:24px;line-height:30px;}
.logins{width:320px;position:fixed;border:#de5c39 solid 1px;height:280px;top:50%;left:50%;display:none;background:#ffffff;box-shadow:0px 0px 20px #ddd;z-index:9999;margin-left:-160px;margin-top:-140px;}
.login-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;height:40px;font-size:18px;position:relative;}
.login-title span{position:absolute;font-size:12px;right:0px;top:-30px;background:#ffffff;border:#de5c39 solid 1px;width:40px;height:40px;border-radius:20px;}
.login-title span a{display:block;}
.login-input-content{margin-top:20px;}
.login-input {overflow:hidden;margin:0px 0px 20px 0px; text-align:center}
.login-input label{float:left;width:90px;padding-right:10px;text-align:right;line-height:35px;height:35px;font-size:14px;}
.login-input input.list-input{float:left;line-height:35px;height:35px;width:250px;border:#ebebeb 1px solid;text-indent:5px; margin-left:30px; font-size:16px; font-family:Calibri}
.login-button{width:50%;margin:30px auto 0px auto;line-height:40px;font-size:14px;border:#ebebeb 1px solid;text-align:center;}
.login-button a{display:block;}
.login-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#ebebeb;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;display:none;}

.eclassOrder{
    width:20%; float:left; margin-top:30px; text-align:center;
    border-bottom:1px solid #ccc; 
}
.eclassOrder div{
    height:200px;
}
.eclassOrder span{
    font-size:18px; font-family:Calibri;
}

.eclassOrderEclass{
    width:25%; float:left; margin-top:30px; text-align:center;
    border-bottom:1px solid #ccc; 
}
.eclassOrderEclass div{
    height:300px;
}
.eclassOrderEclass span{
    font-size:18px; font-family:Calibri;
}

.eclassOrderNew{
    width:18.93%; float:left; margin-top:20px; margin-bottom:20px; text-align:center; margin-left:1.33333333%;
    border:1px solid #ccc; 
}
.eclassOrderNew div{
    height:200px; background-color:#f1eff0;
}
.eclassOrderNew span{
    font-size:18px; font-family:Calibri; background-color:#f1eff0;
}
.eclassOrderNew .eclassOrderNew_img {
     width:100%; cursor: pointer;display: block; max-width:180px;
}
.eclassOrderNew .eclassOrderNew_title {
    text-align: center; line-height: 20px; padding-top: 10px; font-family: Calibri; font-size: 16px; line-height: 20px; padding-bottom:15px; font-size: 16px; height: inherit; color: #333; font-family: Calibri; line-height: 20px; font-weight: bold;
    }
.eclassOrderNew .eclassOrderNew_title div {
        height: 20px; overflow: hidden; height: 20px;
    }
.eclassOrderNew .eclassOrderNew_title div {font-size: 16px; font-family: Calibri,'Microsoft YaHei'}
.eclassOrderNew .eclassOrderNew_jige{width: 100%; text-align: center;  float: left; padding: 0px; height: inherit;padding: 5px 0; display:flex; text-align:center;justify-content:center;}
.eclassOrderNew .eclassOrderNew_jige span{margin-top: 0px; color: red; font-size: 18px; font-family: Calibri; line-height: 40px;}
.eclassOrderNew div.tp{ padding:10px 10px 0 10px; border:0px solid #de5c39; height:inherit; overflow:hidden;  background-color:#ffffff;}

.eclassOrderTitle{
    font-size:16px; height:70px; padding-left:10px; color:#333; font-family:Calibri;line-height:20px; font-weight:bold;
}
.eclassOrderTitle span{
    font-family:Calibri;
}
.eclassOrderMore{
    margin-left: 5px; cursor: pointer; float: right; border: 1px solid #333; width: 30px; border-radius: 15px;margin-right:40px;
}
.eclassOrderBuy{
    cursor: pointer; border: 1px solid #333; width: 30px; border-radius: 15px; float: right; margin-left: 5px;
}
.icon_apps{
     margin-top: 30px; cursor: pointer; width:20%; float:left;
}
.PenTab {
    float: left;
    margin-left:10px;
    font-size: 24px;
    line-height: 60px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    font-family: Calibri;
    width: 18%;
    height: 60px;
    overflow: hidden;
   color:#fff;
}

.PenTab1 {
    float: left;
    margin-left:10px;
    font-size: 24px;
    line-height: 60px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    font-family: Calibri;
    width: 23%;
    height: 60px;
    overflow: hidden;
   color:#fff;
}
.PenTab1x {
    float: left;
    margin-left:10px;
    font-size: 24px;
    line-height: 60px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    font-family: Calibri;
    width: 18%;
    height: 60px;
    overflow: hidden;
   color:#fff;
}
.PenTabActive{
   background:rgba(206, 26, 75, 0.79);
     
}
.PenTabUnActive{
   
      background:rgba(17, 133, 193, 0.86);
       
}
.PenTab:hover{
    background:rgba(206, 26, 75, 0.79);
}
      .paymentTitle{
    width: 90%; padding-left: 5%;  font-size:18px; font-family:Calibri; padding-top:10px; color:#333333; letter-spacing:1px;float:left; text-align:left
}
.paymentInput {
    font-family:Calibri;
    width:100%;
}
.footleft{
    float:left;
    
    margin-top:10px;
}
.footright{
    float:right;
    margin-top:8px;
}
.footbox{
    background-color: #000; border-top: 4px solid #ae1515; text-align: center; line-height: 70px; color: #fff; font-family: Calibri; min-height: 70px; overflow: hidden; margin-top: -50px;font-size:14px;
}
.faqfloat{
  
  
    color:#fff;
    height:40px; 
    border:0px;
    cursor:pointer;
    font-family:Calibri;
    background-color:#15b9e6;
    
    font-size:22px;
    outline:none;
    padding-left:15px; padding-right:15px;
     margin-bottom:10px;
      margin-top:10px;
      border-top-left-radius:5px; border-top-right-radius:5px;
    
}

.faqActive{
  
    color:#fff;
    
    height:50px; color:#28292e;
  font-size:30px;
}

.iChineseCh
{
    width:19.9%;
    border-top:2px solid #00b9ef;
    border-bottom:2px solid #00b9ef;
    float:left;
    text-align:center;
    margin-top:15px;
}
.iChineseCh img{
    width:100%;
 
 border-bottom:1px solid #00b9ef
}
.leftborder1{
    border:1px solid #00b9ef;
}
.imgBox {
            width: 33.3%;
            float: left;
            cursor: pointer;
        }
	.lzxz{ overflow:hidden; margin-bottom:20px; display:block;}
			.lzxz div{ float:left; margin-right:2%;}
			.lzxz div:last-child{margin-right:-2%;}

.allDengyue{ width:100%; border:0px solid #de5c39; clear:both; overflow:hidden;position:relative; top:0; left:0; background:url(../img/dy/allbj.jpg) no-repeat bottom;background-color:#f1eff0; }
.allDengyue .eclassOrderNew_jige_all{ position:absolute; bottom:10px; right:10px; width:initial; height:inherit; display:flex; justify-content:center; text-align:center;}
.allDengyue .eclassOrderNew_jige_all span{ line-height: 40px;color: red;padding-right: 10px; font-weight:bold; font-family:YouYuan; }
.allDengyue .eclassOrderNew_jige_all img{}
.allDengyue .eclassOrderNew_title span{ color:#a80e97;}
.allDengyue .eclassOrderNew div{ }
.allDengyue .eclassOrderNew .pt4{background:none; height:inherit; width:100%;  display:flex; justify-content:center;text-align:center;}
.allDengyue .eclassOrderNew .pt4 ul{ margin:10px;width: 100%;/*display:flex; justify-content:center;text-align:center;*/}
.allDengyue .eclassOrderNew .pt4 ul li{ float:left; width:20%; margin-right:5%;   position: relative;}
.allDengyue .eclassOrderNew .pt4 ul li a {border:10px solid #ffffff; border-radius:5px; display:block; }
.allDengyue .eclassOrderNew .pt4 ul li a img{display:block; max-height:100%;}
.allDengyue .eclassOrderNew .pt4 ul li:before{content: "abc";position: absolute; width:5%; height:100%; display: block;position: absolute; right:-10px;top: 0; border:1px solid #de5c39;}
.titlesMenu div:first-child{ margin-left:0; }
.cssss{ width:100%;}
.cssss ul{margin: 0 -2.5%; padding:0 10px;}
.cssss ul:before{}
.cssss ul li{ float:left;width: 20%;padding: 2.5%;position: relative;border: 0px solid #f1eff0;padding-bottom:0;}
.cssss ul li a {border:10px solid #f1eff0; border-radius:5px; display:block; }
.cssss ul li a img{display:block; max-height:100%;}
.cssss ul li:before{display: block;content: "";width: 10%;height: 100%;position: absolute;right: -5%;top: 0;background:  url(../img/dy/jai.png) no-repeat center #f1eff0;background-size: 100%;border: 0px solid #de5c39;}
@media only screen and (max-width: 1199px) and (min-width: 1123px) {
.eclassOrderNew{width: 24%;}
}