@charset "utf-8";

/* CSS Document */


/*切图：zcy*/

html {
    overflow-x: auto;
    overflow-y: auto;
}

* {
    padding: 0;
    margin: 0;
    outline: none !important;
}

ul,
ol,
li {
    list-style-type: none;
}

body,
button,
input,
select,
textarea {
    font-family: 'Microsoft yahei';
    font-size: 16px;
}

code,
kbd,
pre,
samp {
    font-family: 'Microsoft yahei';
}

.view a {
    text-decoration: underline;
    color: #00F;
}

a {
    text-decoration: none;
    color: #333;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

img {
    border: 0;
    max-width: 100%;
}

li {
    line-height: normal;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
    font-family: 'Microsoft yahei';
}

input,
table,
tr,
td {
    margin: 0;
    padding: 0;
    border: none;
}

button,
table {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

select {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft yahei';
    border: none;
}

textarea {
    resize: none;
    outline: none;
}

label {
    margin-bottom: 0;
    font-weight: normal;
}

input,
select,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}


/*********************************************************************重置***********************************************************************/

.pz_top {
    float: left;
    width: 100%;
    z-index: 11;
    position: fixed;
    left: 0;
    top: 0;
    background: white;
    border-top: solid 1px #e71a29;
}

.pz_banner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    min-height: 80px;
}

.pz_menu {
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 10;
    background: #f8f8f8;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.pz_main {
    float: left;
    width: 100%;
    position: relative;
    z-index: 4;
    min-height: 500px;
    overflow: hidden;
}

.pz_down {
    float: left;
    width: 100%;
    z-index: 6;
    position: relative;
    background: #2f3f80;
}

.h_100 {
    float: left;
    width: 100%;
    height: 150px;
}

@media screen and (max-width: 991px) {
    .h_100 {
        height: 50px;
    }
}


/*首页*/

.top {
    width: 100%;
    float: left;
    height: 100px;
    position: relative;
    z-index: 2;
    background: white;
    padding: 0 176px;
}

.top .logo {
    float: left;
    height: 58px;
    margin-top: 22px;
}

.top .logo img {
    height: 58px;
    width: auto;
}

.top .teopShares {
    float: left;
    margin-left: 30px;
    padding-left: 19px;
    border-left: solid 1px #f7f4f2;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 26px;
}

.top .teopShares h4 {
    font-size: 18px;
    width: 100%;
    color: #e62129;
    line-height: 26px;
    font-weight: bold;
}

.top .teopShares h4 img {
    vertical-align: middle;
    margin: -3px 4px 0 10px;
}

.top .topRight {
    float: right;
    margin-top: 35px;
}

.top .topRight .topPlatform {
    float: right;
    margin: 0 40px 0 19px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    letter-spacing: 1px;
    padding-left: 14px;
    background: url("../top4.png") no-repeat 96% center;
    background-size: 15px auto;
    position: relative;
    width: 120px;
    cursor: pointer;
}

.top .topRight .topPlatform ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: 120%;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 10px 0;
}

.top .topRight .topPlatform ul li {
    width: 100%;
    float: left;
}

.top .topRight .topPlatform ul a {
    display: block;
    width: 100%;
    float: left;
    padding-left: 20px;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: 1px;
}

.top .topRight .topPlatform ul li:hover a {
    color: #e62129;
}

.top .search {
    width: 239px;
    height: 30px;
    float: left;
    background: #fff;
    position: relative;
    border: solid 1px #ededed;
    padding: 0 40px 0 15px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 330px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
}

.search .search_k {
    width: 100%;
    height: 28px;
    line-height: 28px;
    background: none;
    font-size: 14px;
    color: #e62129 !important;
    text-transform: uppercase;
}

.search .search_b {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 8px;
    top: 0;
    background: url("../top3.png") no-repeat center center;
    background-size: 28px auto;
    cursor: pointer;
}

@-webkit-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.menu {
    z-index: 99;
    width: 100%;
    float: left;
    text-align: center;
}

.menu>ul {
    float: left;
    width: 100%;
}

.menu ul .nli {
    float: left;
    z-index: 99;
    width: 14.2857%;
    position: relative;
    background: url("../top2.png") no-repeat left center;
}

.menu ul .nli.first {
    background: none;
}

.menu ul .nli span {
    display: block;
    width: 100%;
    float: left;
}

.menu ul .nli span a {
    display: block;
    float: left;
    height: 50px;
    width: 100%;
    line-height: 50px;
    color: #101010;
    font-size: 16px;
    overflow: hidden;
    position: relative;
}

.menu ul .nli.on span a,
.menu ul .nli:hover span a {
    color: #d61518;
}


/*下拉菜单（漂浮在menu .nli上）*/

.sub {
    z-index: 21;
    position: absolute;
    width: 84px;
    left: 50%;
    margin-left: -42px;
    top: 100%;
    display: none;
    text-align: center;
    background: #e62129;
    /*padding: 2px 0 15px 0;*/
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.sub:before {
    content: '';
    width: 30px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: -10px;
    background: url("../top5.png") no-repeat top center;
    margin-left: -15px;
}

.sub .l2 {
    width: 100%;
    padding: 0 13px;
    float: left;
    margin-top: 14px;
}

.sub .l2 .l2_a {
    display: block;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    overflow: hidden;
    position: relative;
    border-bottom: solid 1px #e62129;
}

.sub .l2:hover .l2_a {
    border-bottom: solid 1px white;
}

.menu ul .nli:hover .sub {
    display: block;
    -webkit-animation: fadeInUp1 0.5s 0s ease both;
    -moz-animation: fadeInUp1 0.5s 0s ease both;
}

@media screen and (max-width: 1440px) {
    .top {
        padding: 0 126px;
    }
    .top .logo {
        height: 26px;
        margin-top: 38px;
        margin-left: 20px;
    }
    .top .logo img {
        height: 26px;
    }
    .top .topRight .topPlatform {
        margin: 0 0px 0 19px;
    }
}

@media screen and (max-width: 1199px) {
    .top {
        padding: 0 66px;
    }
}

@media screen and (max-width: 991px) {
    .top {
        padding: 0 30px;
    }
    .top .logo {
        height: 22px;
        margin: 12px 0 0 0px;
    }
    .top .logo img {
        height: 22px;
    }
    .top .topRight {
        display: none;
    }
    .top .teopShares {
        margin-left: 20px;
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px;
    }
    .top .teopShares h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .top .teopShares h4 img {
        margin: -3px 2px 0 6px;
        width: 9px;
    }
}

@media screen and (max-width:767px) {
    .top {
        padding: 0 10px;
    }
    .top .teopShares {
        display: none;
    }
}

.menuph {
    float: right;
    cursor: pointer;
    width: 30px;
    height: 50px;
    display: none;
    margin-right: 10px;
    position: relative;
}

.menuph .point {
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 10px;
}

.menuph .navbtn {
    position: absolute;
    top: 24px;
    right: 10px;
    display: inline-block;
    width: 18px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #040000;
    z-index: 9999;
}

.menuph .navbtn::after,
.menuph .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 18px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #040000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.menuph .navbtn::after {
    top: -6px;
}

.menuph .navbtn::before {
    top: 6px;
}

.menuph .point.active .navbtn {
    background: transparent;
}

.menuph .point.active .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}

.menuph .point.active .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}

.pf_menu {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    right: 0px;
    top: -100%;
    z-index: 9 !important;
    display: block;
    z-index: 98;
    background: #040000;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.pf_menu.on_1 {
    top: 0;
}

.ph_menu {
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 20px;
}

.ph_menu .btn {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.ph_menu .btn .a2,
.ph_menu .btn .lang {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    border: solid 1px white;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.ph_menu .btn .a2 img {
    width: 100%;
    float: left;
}

.ph_menu .btn .lang a {
    display: block;
    width: 26px;
    height: 26px;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    line-height: 26px;
    font-family: Arial;
}

.ph_menu .btn .lang:hover {
    background: #040000;
}

.ph_menu .btn .lang.on .a1 {
    margin-top: -26px;
}

.nav_box {
    width: 100%;
    float: left;
}

.ph_menu .nli {
    float: left;
    width: 100%;
    position: relative;
}

.ph_menu .nli span {
    float: left;
    width: 100%;
}

.ph_menu .nli .l1_a {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    white-space: nowrap;
    position: relative;
    letter-spacing: 1px;
    border-bottom: dashed 1px #ccc;
    padding: 0 10px;
}

.ph_menu .nli svg {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 5px;
    background: url("../top_6_h.png") no-repeat center center;
    background-size: auto 14px !important;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.ph_menu .nli.on svg {
    background-image: url("../top_6_h.png");
    transform: rotate(90deg);
}

.ph_menu .nli .l2_ul {
    display: none;
    height: auto;
    float: left;
    width: 100%;
    padding: 5px 15px;
    border-bottom: dashed 1px #ccc;
}

.ph_menu .nli .l2_ul li a {
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.6;
}

.ph_menu .nli .l2_ul li a:active {
    opacity: 1;
}

.pz_menu.on {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10);
}

.ph_menu .search {
    display: block;
    float: left;
    height: 48px;
    width: 94%;
    margin-left: 3%;
    padding: 0 50px 0 0;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    margin-top: 10px;
    z-index: 1;
}

.ph_menu .search .search_k {
    height: 48px;
    line-height: 24px;
    padding: 12px 10px;
    width: 100%;
    background: white;
    font-size: 14px;
    color: #040000;
    font-weight: bold;
}

.ph_menu .search .search_btn {
    position: absolute;
    right: -1px;
    top: 0;
    height: 48px;
    width: 50px;
    background: #d61518 url("../top3.png") no-repeat center center;
    background-size: 30px 30px;
}

.ph_menu .msg {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.ph_menu .msg a {
    display: block;
    width: 100%;
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #040000;
    font-size: 14px;
    color: white;
    font-weight: bold;
    font-family: Arial;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
}

.top.on {
    margin-top: -38px;
}

.pf_menu.on {
    padding: 64px 95px 0 95px;
}

.ph_menu .teopShares {
    float: left;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 26px;
    padding: 0 10px;
}

.ph_menu .teopShares h4 {
    font-size: 18px;
    width: 100%;
    color: #e62129;
    line-height: 26px;
    font-weight: bold;
}

.ph_menu .teopShares h4 img {
    vertical-align: middle;
    margin: -3px 4px 0 10px;
}

.ph_menu .topPlatform {
    width: 100%;
    float: left;
    font-size: 16px;
    color: white;
    line-height: 40px;
    padding: 0 10px;
    margin-top: 20px;
}

.ph_menu .topPlatform ul {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: white;
}

.ph_menu .topPlatform ul li {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.ph_menu .topPlatform ul li a {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: white;
}

@media screen and (max-width: 991px) {
    .top .search {
        width: 110px;
        height: 50px;
        padding: 12px 10px 12px 10px;
        float: left;
    }
    .search .search_k {
        width: 70px;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
    }
    .search .search_b {
        width: 20px;
        height: 26px;
        background-size: 17px auto;
    }
    .menuph {
        display: block;
    }
    .menu {
        display: none;
    }
    .pz_top {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    .top {
        height: 50px;
    }
    .pf_menu {
        padding: 50px 0 0 0;
    }
}

@media screen and (max-width: 767px) {
    .menuph {
        margin-right: 0;
    }
}

.slide_banner {
    width: 100%;
    float: left;
}

.slide_banner img {
    width: 100%;
    float: left;
}

.slide_banner .slick-dots {
    position: absolute;
    bottom: 40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}

.slide_banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    border: solid 1px #d61518;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.slick-dots li button {
    width: 4px;
    height: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    background: #d61518;
    padding: 0;
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.slide_banner .slick-dots li.slick-active button {
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .slide_banner .slick-dots {
        bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .slide_banner .slick-dots {
        bottom: 10px;
    }
    .slide_banner .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background-size: auto 10px;
    }
}


/*footer*/

.footer {
    width: 100%;
    float: left;
    padding: 43px 13px 19px 13px;
    background: #222;
}

.footer .c_224 {
    width: 16.3%;
    float: left;
    margin-right: 10.48%;
}

.footer .c_224 .title {
    width: 100%;
    float: left;
    padding-bottom: 7px;
    background: url("../footer1.png") no-repeat left bottom;
    font-size: 16px;
    color: white;
    line-height: 29px;
}

.footer .c_224 ul {
    width: 100%;
    float: left;
    margin-top: 16px;
}

.footer .c_224 ul li {
    width: 50%;
    float: left;
}

.footer .c_224 ul li a {
    float: left;
    font-size: 14px;
    color: white;
    line-height: 30px;
    opacity: 0.8;
}

.footer .c_224 ul li a:hover {
    opacity: 1;
}

.footer .c_224 .tel {
    width: 100%;
    float: left;
    margin-top: 16px;
    font-size: 24px;
    color: white;
    line-height: 36px;
    letter-spacing: 1px;
}

.footer .c_224 .tel a {
    color: white;
}

.footer .c_224 .service {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.footer .c_224 .service a {
    display: block;
    float: left;
    width: 109px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #cb1417;
}

.footer .c_224 .service a img {
    vertical-align: middle;
    margin: -3px 5px 0 0;
    width: 14px;
}

.footer .c_224 .service a:hover {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.footer .c_270 {
    width: 19.65%;
    margin-right: 0 !important;
    float: right;
}

.footer .c_270 .title {
    background-image: url("../footer1.png");
}

.footer .c_270 .ewm {
    width: 100%;
    float: left;
    margin-top: 25px;
}

.footer .c_270 .ewm .ewm_100 {
    width: 100px;
    height: 100px;
    background: white;
    padding: 5px;
    float: left;
}

.footer .c_270 .ewm .ewm_100 img {
    width: 100%;
    float: left;
}

.footer .c_270 .ewm .text {
    margin-left: 116px;
}

.footer .c_270 .ewm .text h3 {
    width: 100%;
    float: left;
    margin-top: 21px;
    font-size: 18px;
    color: #d61518;
    line-height: 30px;
    font-weight: bold;
}

.footer .c_270 .ewm .text .p {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}

.footer .link {
    width: 100%;
    float: left;
    margin-top: 40px;
    padding-top: 18px;
    border-top: solid 1px #292929;
    border-top: solid 1px rgba(99, 99, 99, 0.1);
    font-size: 14px;
    color: white;
    line-height: 30px;
}

.footer .link span {
    font-size: 16px;
}

.footer .link a {
    color: white;
    opacity: 0.8;
    margin-left: 18px;
    display: inline-block;
    vertical-align: top;
}

.footer .link a:hover {
    opacity: 1;
}

.down {
    width: 100%;
    float: left;
    padding: 21px 0 16px 0;
    background: #171717;
}

.down .p {
    float: left;
    font-size: 14px;
    color: white;
    line-height: 27px;
    opacity: 0.6;
}

.down .p span {
    margin: 0 20px 0 0;
}

.down .gz {
    float: right;
}

.down .gz a {
    display: block;
    float: left;
    width: 27px;
    height: 27px;
    float: left;
    margin-left: 16px;
    position: relative;
}

.down .gz a img {
    width: 100%;
    float: left;
}

.down .gz a .footerEwm {
    background: url("../ewm_bg.png") no-repeat center center;
    width: 112px;
    height: 121px;
    padding: 11px 11px 20px 11px;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -56px;
    display: none;
}

@media screen and (min-width: 991px) {
    .down .gz a:hover .footerEwm {
        display: block;
        -webkit-animation: fadeInUp1 0.5s 0s ease both;
        -moz-animation: fadeInUp1 0.5s 0s ease both;
    }
}

@media screen and (max-width: 1199px) {
    .footer .c_224 {
        margin-right: 8.48%;
    }
    .footer .c_270 {
        width: 25.65%;
    }
    .down .p {
        width: 100%;
        text-align: center;
    }
    .down .gz a {
        display: inline-block;
        float: none;
        margin: 0 8px;
    }
    .down .gz {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .down .p span {
        display: inline-block;
        margin: 0 0px 0 0;
    }
}

@media screen and (max-width: 991px) {
    .footer .c_224.l1 {
        display: none;
    }
    .footer .c_270 {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .footer {
        padding: 23px 10px 12px 10px;
    }
    .footer .c_224 {
        width: 100%;
        text-align: center;
        display: none;
    }
    .footer .c_270 {
        margin-top: 10px;
    }
    .footer .c_224 .title {
        display: none;
    }
    .footer .c_224 .tel {
        margin-top: 6px;
        font-size: 18px;
        line-height: 26px;
    }
    .footer .c_224 .service {
        margin-top: 5px;
        text-align: center;
    }
    .footer .c_224 .service a {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 89px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }
    .footer .c_224 .service a img {
        width: 12px;
    }
    .footer .c_270 .ewm {
        margin-top: 10px;
        text-align: center;
    }
    .footer .c_270 .ewm .ewm_100 {
        width: 80px;
        height: 80px;
        padding: 3px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .footer .c_270 .ewm .text {
        display: none;
    }
    .footer .c_270 .ewm .text h3 {
        margin-top: 11px;
        font-size: 16px;
        line-height: 24px;
    }
    .footer .c_270 .ewm .text .p {
        font-size: 12px;
        line-height: 20px;
    }
    .footer .link {
        margin-top: 0px;
        padding-top: 0px;
        border-top: 0;
        font-size: 12px;
        line-height: 24px;
    }
    .footer .link span {
        font-size: 14px;
    }
    .footer .link a {
        margin-left: 8px;
    }
    .down {
        padding: 11px 10px 76px 10px;
    }
    .down .p {
        font-size: 12px;
        line-height: 22px;
    }
    .down .gz a {
        width: 22px;
        height: 22px;
        margin: 0 3px;
    }
}


/*右漂浮*/

.right {
    position: fixed;
    width: 42px;
    right: 20px;
    top: 50%;
    margin-top: -135px;
    z-index: 20;
}

.right ul {
    float: left;
    width: 100%;
    margin-top: -15px;
}

.right ul .bian {
    width: 1px;
    height: 90%;
    border-left: solid 1px #e71a29;
    position: absolute;
    left: 50%;
    top: 15px;
    z-index: -1;
    opacity: 0.3;
}

.right ul li {
    float: right;
    width: 42px;
    height: 42px;
    margin-top: 15px;
    background: #656565;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.right ul li .zbox {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
}

.right ul li .zbox>img {
    width: 42px;
    height: 42px;
    float: left;
}

.right ul li .name {
    width: 130px;
    position: absolute;
    left: -121px;
    top: 50%;
    margin-top: -16px;
    line-height: 32px;
    font-size: 14px;
    color: #999;
    text-align: right;
    padding-right: 16px;
    background: #d61518;
    color: white;
    display: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.right ul li:hover .name {
    display: block;
}

.right ul li:hover {
    background: #d61518;
}

.right ul li .zbox .ewm {
    display: none;
    width: 107px;
    height: 99px;
    padding: 9px 17px 9px 9px;
    background: url("../right6.png") no-repeat center center;
    position: absolute;
    left: -110px;
    top: 50%;
    margin-top: -50px;
    z-index: 6;
    background-size: contain;
}

.right ul li .zbox .ewm img {
    width: 100%;
    float: left;
}

.right ul li .zbox:hover .ewm {
    display: block;
}

@media screen and (max-width: 1199px) {
    .right {
        right: 0;
    }
}

@media screen and (max-width: 991px) {
    .right {
        display: none;
    }
}


/*首页内容*/

.indexOne {
    background-color: #f9fafd;
    ;
    background-size: cover;
    padding: 50px 0 66px 0;
    background-attachment: fixed;
}

.indexOne ul {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.indexOne .layout {
    background-color: #FFF;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.indexHead {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 13px;
    background: url("../index1.png") no-repeat center bottom;
    font-size: 36px;
    color: #101010;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 94px;
}

.indexOne ul li {
    width: 25%;
    float: left;
    position: relative;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCC;
}

.indexOne ul li .indexPage {
    width: 100%;
    float: left;
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 246px;
}

.indexOne ul li:nth-child(3n) .indexPage,
.indexOne ul li:nth-child(1) .indexPage,
.indexOne ul li:nth-child(8) .indexPage {
    background: #f1f1f1;
}

.indexOne ul li .indexPage img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: width all 0.3s linear;
}

.indexOne ul li:hover .indexPage img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
}

.indexOne ul li .indexName {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: white;
}

.indexOne ul li .indexName span {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    height: 102px;
    margin-top: -51px;
}

.indexOne ul li .indexName span h4 {
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    color: #101010;
    line-height: 36px;
    letter-spacing: 1px;
}

.indexOne ul li .indexName span img {
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: top;
    margin-top: 21px;
}

.indexOne ul li.l1 .indexPage {
    float: right;
}

.indexOne ul li.l1 .indexName {
    right: auto;
    left: 0;
}

.indexMore {
    width: 100%;
    float: left;
    margin-top: 51px;
    text-align: center;
    overflow: hidden;
}

.indexMore a {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 43px;
    line-height: 41px;
    border: solid 1px #7c7d7d;
    border: solid 1px rgba(125, 125, 125, 0.4);
    font-size: 14px;
    color: #666;
    position: relative;
}

.indexMore a:hover {
    background: #d61518;
    color: white;
    border-color: #d61518;
}

.indexMore a:before,
.indexMore a:after {
    content: '';
    width: 1200px;
    height: 1px;
    background: #acacac;
    position: absolute;
    left: -1230px;
    top: 50%;
}

.indexMore a:after {
    left: auto;
    right: -1230px;
}

@media screen and (max-width: 1199px) {
    .indexHead {
        padding-bottom: 9px;
        font-size: 30px;
        line-height: 74px;
    }
    .indexOne ul li .indexPage {
        height: 180px;
    }
}

@media screen and (max-width: 991px) {
    .indexOne {
        padding: 30px 0 46px 0;
    }
    .indexHead {
        padding-bottom: 7px;
        font-size: 26px;
        line-height: 60px;
        background-size: auto 9px;
    }
    .indexOne ul li .indexPage {
        height: 140px;
    }
    .indexMore {
        margin-top: 31px;
    }
    .indexMore a {
        width: 180px;
        height: 40px;
        line-height: 38px;
        font-size: 12px;
    }
    .indexOne ul li .indexName span {
        height: 82px;
        margin-top: -41px;
    }
    .indexOne ul li .indexName span h4 {
        font-size: 16px;
        line-height: 32px;
    }
    .indexOne ul li .indexName span img {
        width: 34px;
        height: 34px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 767px) {
    .indexHead {
        padding-bottom: 5px;
        font-size: 22px;
        line-height: 40px;
        background-size: auto 7px;
    }
    .indexOne {
        background-attachment: inherit;
        padding: 20px 1px 26px 1px;
    }
    .indexOne ul {
        margin-top: 20px;
    }
    .indexOne ul li {
        width: 50%;
        height: 150px;
        padding: 1px;
    }
    .indexOne ul li .indexPage {
        width: 100%;
        height: auto;
    }
    .indexOne ul li .indexPage img {
        position: relative;
        left: auto;
        top: auto;
        float: left;
    }
    .indexOne ul li .indexName {
        width: 100%;
        left: auto0;
        top: 0;
        background: rgba(0, 0, 0, 0.4);
        display: none;
    }
    .indexMore {
        margin-top: 21px;
    }
    .indexMore a {
        width: 180px;
        height: 40px;
        line-height: 38px;
        font-size: 12px;
    }
    .indexOne ul li .indexName span {
        height: 66px;
        margin-top: -33px;
    }
    .indexOne ul li .indexName span h4 {
        font-size: 14px;
        line-height: 26px;
        color: white;
    }
    .indexOne ul li .indexName span img {
        width: 28px;
        height: 28px;
        margin-top: 10px;
    }
    .indexMore {
        margin-top: 21px;
    }
    .indexMore a {
        width: 160px;
        height: 36px;
        line-height: 34px;
    }
    .indexOne ul li:nth-child(3),
    .indexOne ul li:nth-child(5) {
        float: right;
    }
}

.indexTwo {
    padding: 55px 0 80px 0;
    border-bottom: dashed 1px #918286;
    overflow: hidden;
}

.indexTwoRow {
    margin: 0 -14px;
}

.indexTwoBody {
    width: 100%;
    float: left;
    margin-top: 40px;
    padding-bottom: 44px;
    position: relative;
}

.indexTwoBody .slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}

.indexTwoBody .slick-dots li {
    position: relative;
    float: none;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 9px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    background: #ccc;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    border-radius: 11px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.indexTwoBody .slick-dots li button {
    display: none;
}

.indexTwoBody .slick-dots li.slick-active {
    width: 36px;
}

.indexTwoBody li {
    width: 25%;
    float: left;
    padding: 0 14px;
    margin-top: 30px;
}

.indexTwoBody li .indexTwoPage {
    width: 100%;
    float: left;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    /*background: black;*/
}

.indexTwoBody li .indexTwoPage img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    object-fit: cover;
}

.indexTwoBody li:hover .indexTwoPage img {
    opacity: 0.6;
}

.indexTwoBody li .indexTwoText {
    width: 100%;
    float: left;
    color: #666;
    background: #f8f8f8;
    text-align: center;
    padding: 0 20px;
    font-size: 18px;
    color: #101010;
    line-height: 60px;
    letter-spacing: 1px;
    height: 60px;
    overflow: hidden;
}

.indexTwoBody li .indexTwoText h4 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #101010;
    line-height: 32px;
    letter-spacing: 1px;
}

.indexTwoBody li .indexTwoText h5 {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #101010;
    line-height: 28px;
    letter-spacing: 1px;
    opacity: 0.6;
}

.indexTwoBody li .indexTwoPage:before,
.indexTwoBody li .indexTwoPage:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -25px;
    background: url("../index12.png") no-repeat center center;
    background-size: contain;
    margin-left: -25px;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.indexTwoBody li .indexTwoPage:after {
    left: auto;
    right: -50px;
    background-image: url("../index13.png");
    background-color: transparent;
    margin-right: -25px;
    margin-left: 0;
}

.indexTwoBody li:hover .indexTwoPage:before {
    left: 50%;
}

.indexTwoBody li:hover .indexTwoPage:after {
    right: 50%;
}

.indexTwoBody li:hover .indexTwoText {
    background: #d61518;
    color: #FFF;
}

.indexTwoBody li:hover .indexTwoText h4,
.indexTwoBody li:hover .indexTwoText h5 {
    color: white;
}

@media screen and (max-width: 1199px) {
    .indexTwoRow {
        margin: 0 -10px;
    }
    .indexTwoBody {
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .indexTwoBody li {
        padding: 0 10px;
    }
    .indexTwoBody li .indexTwoText h4 {
        font-size: 16px;
        line-height: 28px;
    }
    .indexTwoBody li .indexTwoText h5 {
        font-size: 12px;
        line-height: 26px;
    }
}

@media screen and (max-width: 991px) {
    .indexTwo {
        padding: 35px 0 40px 0;
    }
    .indexTwoBody {
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .indexTwoBody li {
        margin-top: 20px;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .indexTwo {
        padding: 25px 10px 20px 10px;
    }
    .indexTwoRow {
        margin: 0 -5px;
    }
    .indexTwoBody {
        margin-top: 10px;
        padding-bottom: 20px;
    }
    .indexTwoBody li {
        margin-top: 10px;
        padding: 0 5px;
    }
    .indexTwoBody li .indexTwoText {
        padding: 0 5px;
        font-size: 12px;
        line-height: 40px;
        height: 40px;
    }
    .indexTwoBody li .indexTwoText h4 {
        font-size: 14px;
        line-height: 24px;
    }
    .indexTwoBody li .indexTwoText h5 {
        font-size: 12px;
        line-height: 22px;
    }
    .indexTwoBody .slick-dots li {
        width: 7px;
        height: 7px;
        margin: 0 4px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        border-radius: 7px;
    }
    .indexTwoBody .slick-dots li.slick-active {
        width: 16px;
    }
}

.indexFou {
    padding: 60px 0 80px 0;
    background: #f5f5f5;
    overflow: hidden;
}

.indexFou .indexFouBody {
    width: 100%;
    float: left;
    margin-top: 40px;
    position: relative;
    padding-bottom: 48px;
}

.indexFou .indexFouBody .slick-list {
    overflow: visible;
}

.indexFou .indexFouBody ul {
    width: 100%;
    float: left;
    padding: 0 108px;
    opacity: 0.4;
}

.indexFou .indexFouBody .slick-center ul {
    opacity: 1;
}

.indexFou .indexFouBody li {
    width: 33.33%;
    float: left;
    padding: 0 12px;
}

.indexFou .indexFouBody li .indexFouPage {
    float: left;
    padding-bottom: 100%;
    width: 100%;
    overflow: hidden;
    background: white;
    border: solid 1px #e8e8e8;
    position: relative;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.indexFou .indexFouBody li .indexFouPage img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    z-index: 3;
    object-fit: cover;
}

.indexFou .indexFouBody li .indexFouName {
    width: 100%;
    float: left;
    text-align: center;
    background: #e8e8e8;
    height: 59px;
    line-height: 57px;
    font-size: 16px;
    color: #666;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    overflow: hidden;
}

.indexFou .indexFouBody li:hover .indexFouPage {
    border-color: #d61518;
}

.indexFou .indexFouBody li:hover .indexFouName {
    background: #d61518;
    color: white;
}

.indexFou .indexFouBody .slick-prev,
.indexFou .indexFouBody .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 42px;
    height: 42px;
    margin-top: -42px;
    background: url("../index19.png") no-repeat left center;
    background-size: auto 100%;
}

.indexFou .indexFouBody .slick-next {
    left: auto;
    right: 0;
    background-position: right center;
}

.indexFou .indexFouBody .slick-prev:hover,
.indexFou .indexFouBody .slick-next:hover {
    background-image: url("../index19_h.png");
}

.indexFou .indexFouBody .slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
    opacity: 1;
}

.indexFou .indexFouBody .slick-dots li {
    position: relative;
    float: none;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    padding: 0;
    background: #a7a7a7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.indexFou .indexFouBody .slick-dots li button {
    display: none;
}

.indexFou .indexFouBody .slick-dots li.slick-active {
    width: 22px;
    background: #d61518;
}

@media screen and (max-width: 1309px) {
    .indexFou .indexFouBody ul {
        padding: 0 68px;
    }
}

@media screen and (max-width: 991px) {
    .indexFou {
        padding: 30px 0 40px 0;
    }
    .indexFou .indexFouBody {
        padding-bottom: 38px;
        margin-top: 30px;
    }
    .indexFou .indexFouBody ul {
        padding: 0 20px;
    }
    .indexFou .indexFouBody li {
        padding: 0 5px;
    }
    .indexFou .indexFouBody li .indexFouName {
        height: 49px;
        line-height: 47px;
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .indexFou {
        padding: 20px 2px 20px 2px;
    }
    .indexFou .indexFouBody {
        padding-bottom: 28px;
        margin-top: 20px;
    }
    .indexFou .indexFouBody ul {
        padding: 0 0px;
    }
    .indexFou .indexFouBody li {
        padding: 0 2px;
    }
    .indexFou .indexFouBody li .indexFouName {
        height: 39px;
        line-height: 37px;
        font-size: 12px;
    }
}

.indexFiv {
    background: url("../index21.jpg") no-repeat center center;
    background-size: cover;
    padding: 83px 0 73px 0;
    overflow: hidden;
}


/**.indexFiv ul{ margin:0 -40px;}**/

.indexFiv ul li {
    width: 30%;
    float: left;
    text-align: center;
    margin-right: 10%;
    margin-left: 10%;
}

.indexFiv ul li .indexFivIco {
    display: inline-block;
    vertical-align: top;
    border: solid 1px #b9b9b9;
    background: white;
    overflow: hidden;
    border-radius: 2em;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    width: 100%;
    height: 100%;
}

.indexFiv ul li .indexFivIco img {
    width: 100%;
    float: left;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.indexFiv ul li:hover .indexFivIco img {
    transform: rotateY(180deg);
}

.indexFiv ul li h4 {
    width: 100%;
    margin-top: 14px;
    font-size: 18px;
    color: #333;
    line-height: 31px;
    letter-spacing: 1px;
}

.indexFiv ul li h5 {
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.indexFiv ul li:hover .indexFivIco {
    border-color: #d61518;
}

.indexFiv ul li:hover h4,
.indexFiv ul li:hover h5 {
    color: #d61518;
}

@media screen and (max-width: 991px) {
    .indexFiv {
        padding: 43px 0 33px 0;
    }
    .indexFiv ul {
        margin: 0 -20px;
    }
    .indexFiv ul li {
        width: 50%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .indexFiv ul li .indexFivIco {
        width: 100%;
        height: 100%;
    }
    .indexFiv ul li .indexFivIco img {
        width: 100%;
    }
    .indexFiv ul li h4 {
        margin-top: 10px;
        font-size: 16px;
        line-height: 26px;
    }
    .indexFiv ul li h5 {
        font-size: 12px;
        line-height: 23px;
    }
}

@media screen and (max-width: 767px) {
    .indexFiv {
        padding: 6px 10px 13px 10px;
    }
    .indexFiv ul {
        margin: 0 0;
        width: 100%;
        float: left;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .indexFiv ul li {
        width: 50%;
        margin: 0;
    }
    .indexFiv ul li .indexFivIco {
        width: 100%;
        height: 100%;
    }
    .indexFiv ul li h4 {
        margin-top: 6px;
        font-size: 14px;
        line-height: 24px;
    }
    .indexFiv ul li h5 {
        line-height: 21px;
    }
}

.indexTre {
    background-color: #f9fafd;
    background-size: cover;
    padding: 52px 0 69px 0;
    position: relative;
    overflow: hidden;
}

.indexTre:before {
    content: '';
    width: 2000px;
    height: 1px;
    background: #e4e4e4;
    position: absolute;
    left: 50%;
    top: 145px;
    margin-left: -1000px;
}

.indexTre .exhibition {
    float: left;
    width: 48.78%;
    position: relative;
    z-index: 2;
}

.indexTre .indexHead {
    padding-bottom: 1px;
    background: url("../index27.jpg") no-repeat left bottom;
    text-align: left;
}

.indexTre .exhibition .exhibitionPage {
    width: 100%;
    float: left;
    margin-top: 41px;
}

.indexTre .exhibition .exhibitionPage a {
    width: 100%;
    display: block;
    float: left;
    padding-bottom: 51.487%;
    position: relative;
    overflow: hidden;
}

.indexTre .exhibition .exhibitionPage a img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
}

.indexTre .exhibition .exhibitionPage .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: auto;
    left: auto;
    right: 0;
    background: #f6f6f6;
    padding: 18px 22px;
}

.indexTre .exhibition .exhibitionPage .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: black;
    opacity: 0.1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.indexTre .exhibition .exhibitionPage .slick-dots li button {
    display: none;
}

.indexTre .exhibition .exhibitionPage .slick-dots li.slick-active {
    background: #d61518;
    opacity: 1;
}

.indexTre .exhibition .exhibitionText {
    width: 100%;
    float: left;
    background: white;
    padding: 41px 30px 33px 42px;
}

.indexTre .exhibition .exhibitionText .exhibitionTextName {
    width: 100%;
    float: left;
    padding-right: 60px;
    position: relative;
    padding-bottom: 21px;
    background: url("../index30.jpg") no-repeat left bottom;
}

.indexTre .exhibition .exhibitionText .exhibitionTextName a {
    display: block;
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 32px;
    width: 100%;
    font-weight: 700;
}

.indexTre .exhibition .exhibitionText .exhibitionTextName span {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    color: #c0c0c0;
    line-height: 32px;
}

.indexTre .exhibition .exhibitionText .exhibitionTextName a:hover {
    color: #d61518;
}

.indexTre .exhibition .exhibitionText .exhibitionTextP {
    display: block;
    float: left;
    margin-top: 16px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    width: 100%;
}

.indexTre .exhibition .exhibitionText .exhibitionTextDetail {
    width: 100%;
    float: left;
    margin-top: 28px;
}

.indexTre .exhibition .exhibitionText .exhibitionTextDetail a {
    display: block;
    float: left;
    font-size: 18px;
    color: #d61518;
    line-height: 28px;
    letter-spacing: 1px;
}

.indexTre .exhibition .exhibitionText .exhibitionTextDetail a img {
    vertical-align: middle;
    margin: 0 0 0 25px;
}

.indexTre .classroom {
    float: right;
    width: 47.94%;
    position: relative;
    z-index: 2;
}

.indexTre .classroom .classroomBody {
    width: 100%;
    float: left;
    overflow: hidden;
}

.indexTre .classroom ul {
    width: 100%;
    float: left;
    margin-top: 29px;
}

.indexTre .classroom ul li {
    width: 100%;
    float: left;
    margin-top: 12px;
    background: white;
    padding: 29px 30px 32px 40px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.indexTre .classroom ul li .classroomName {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 38px;
    letter-spacing: 1px;
    font-weight: 700;
}

.indexTre .classroom ul li .classroomTiem {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #c0c0c0;
    line-height: 36px;
    letter-spacing: 1px;
    background: url("../index32.png") no-repeat right center;
}

.indexTre .classroom ul li .classroomText {
    width: 100%;
    float: left;
    margin-top: 3px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    letter-spacing: 1px;
    height: 60px;
    overflow: hidden;
}

.indexTre .indexTreDown {
    width: 100%;
    float: left;
    margin-top: 39px;
    text-align: center;
}

.indexTre .indexTreDown a {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    height: 28px;
    background: url("../index28.png") no-repeat center center;
    font-size: 16px;
    color: black;
    line-height: 28px;
    cursor: pointer;
}

.indexTre .classroom ul li:hover {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.05);
}

.indexTre .classroom ul li:hover .classroomName {
    color: #d61518;
}

.tempWrap {
    width: 100%;
}

@media screen and (max-width: 1309px) {
    .indexTre .classroom ul li {
        padding: 24px 30px 25px 40px;
    }
}

@media screen and (max-width: 1199px) {
    .indexTre:before {
        top: 124px;
    }
    .indexTre .classroom ul li {
        padding: 15px 30px 16px 30px;
    }
}

@media screen and (max-width: 991px) {
    .indexTre {
        padding: 32px 0 49px 0;
    }
    .indexTre:before {
        top: 91px;
    }
    .indexTre .indexHead {
        background-size: auto 2px;
    }
    .indexTre .exhibition .exhibitionPage {
        width: 100%;
        float: left;
        margin-top: 23px;
    }
    .indexTre .exhibition .exhibitionPage .slick-dots {
        padding: 6px 12px;
    }
    .indexTre .exhibition .exhibitionPage .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 3px;
    }
    .indexTre .exhibition .exhibitionText {
        padding: 21px 10px 13px 22px;
    }
    .indexTre .exhibition .exhibitionText .exhibitionTextName {
        padding-right: 40px;
        padding-bottom: 11px;
        background-size: auto 2px;
    }
    .indexTre .exhibition .exhibitionText .exhibitionTextName a {
        font-size: 16px;
        line-height: 26px;
    }
    .indexTre .exhibition .exhibitionText .exhibitionTextName span {
        font-size: 14px;
        line-height: 26px;
    }
    .indexTre .exhibition .exhibitionText .exhibitionTextP {
        margin-top: 10px;
        font-size: 12px;
        line-height: 24px;
        height: 72px;
    }
    .indexTre .exhibition .exhibitionText .exhibitionTextDetail {
        margin-top: 20px;
    }
    .indexTre .exhibition .exhibitionText .exhibitionTextDetail a {
        font-size: 14px;
        line-height: 24px;
    }
    .indexTre .exhibition .exhibitionText .exhibitionTextDetail a img {
        margin: 0 0 0 15px;
        height: 5px;
    }
    .indexTre .classroom ul {
        margin-top: 15px;
    }
    .indexTre .classroom ul li {
        margin-top: 8px;
        padding: 9px 20px 10px 20px;
    }
    .indexTre .classroom ul li .classroomName {
        font-size: 16px;
        line-height: 34px;
    }
    .indexTre .classroom ul li .classroomTiem {
        font-size: 12px;
        line-height: 22px;
        background-size: auto 1px;
    }
    .indexTre .classroom ul li .classroomText {
        margin-top: 0px;
        font-size: 12px;
        line-height: 24px;
        height: 48px;
    }
    .indexTre .indexTreDown {
        margin-top: 29px;
    }
    .indexTre .indexTreDown a {
        width: 230px;
        font-size: 14px;
        background-size: auto 2px;
    }
}

@media screen and (max-width: 767px) {
    .indexTre {
        padding: 22px 10px 29px 10px;
    }
    .indexTre:before {
        display: none;
    }
    .indexTre .exhibition {
        width: 100%;
    }
    .indexTre .classroom {
        width: 100%;
        margin-top: 20px;
    }
    .indexTre .indexTreDown {
        margin-top: 19px;
    }
    .indexTre .indexTreDown a {
        width: 220px;
        background-size: auto 1.5px;
        font-size: 12px;
    }
}


/*内页公用*/

.banner {
    width: 100%;
    float: left;
}

.headline {
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
    text-align: center;
    border-bottom: solid 1px #e0e0e0;
    float: left;
    position: relative;
    z-index: 5;
}

.pz_SideLayer {
    display: inline-block;
    vertical-align: top;
    border-right: solid 1px #e0e0e0;
    background: white;
}

.pz_SideLayer li {
    float: left;
    width: 165px;
}

.pz_SideLayer li a {
    display: block;
    width: 100%;
    border-left: solid 1px #e0e0e0;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #101010;
    line-height: 67px;
    height: 67px;
    position: relative;
}

.pz_SideLayer li a:hover,
.pz_SideLayer li a.hover {
    color: white;
    background: #101010;
}

.pz_SideLayer li a.hover:before {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
    border: solid 1px #101010;
    background: white;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

@media screen and (max-width:1329px) {
    .pz_SideLayer li {
        width: 145px;
    }
}

@media screen and (max-width:1199px) {
    .pz_SideLayer li {
        width: 115px;
    }
    .pz_SideLayer li a {
        font-size: 14px;
        line-height: 47px;
        height: 47px;
    }
}

@media screen and (max-width:991px) {
    .pz_SideLayer {
        display: none;
        width: 100%;
        z-index: 5;
        position: absolute;
        left: 0;
        top: 100%;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }
    .pz_SideLayer li {
        width: 100%;
        float: left;
    }
    .pz_SideLayer li a {
        line-height: 37px;
        height: 37px;
    }
    .headline {
        text-align: left;
        border-bottom: 0;
        position: relative;
    }
    .headline .dt {
        width: 100%;
        float: left;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        color: white;
        background: #101010;
        padding: 0 60px 0 20px;
        position: relative;
    }
    .headline .dt:before {
        content: '';
        background: url("../top_6_h.png") no-repeat center center;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        background-size: 10px auto;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .headline .dt.on:before {
        transform: rotate(90deg);
    }
}

@media screen and (max-width:767px) {
    .headline .dt {
        height: 42px;
        line-height: 42px;
        padding: 0 50px 0 10px;
    }
    .headline .dt:before {
        background-size: 8px auto;
        height: 42px;
        width: 42px;
    }
    .pz_SideLayer li a {
        font-size: 12px;
        line-height: 35px;
        height: 35px;
    }
    .pz_SideLayer li a.hover:before {
        width: 9px;
        height: 9px;
        bottom: -4px;
        margin-left: -4px;
    }
}


/* 分页 */

.d_0100_fy {
    float: left;
    width: 100%;
    text-align: center;
    padding: 33px 0 80px 0;
    position: relative;
}

.pz_fy1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.pz_fy1 a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    color: #272727;
    margin: 0 8px;
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
}

.pz_fy1 a:hover,
.pz_fy1 a.on {
    color: #fff;
    border: 1px solid #d61518;
    background: #d61518;
    text-decoration: none;
}

.pz_fy1 a.prve {
    background: url("../sprve_fy.png") no-repeat center;
    width: 100px;
}

.pz_fy1 a.prve:hover,
.pz_fy1 a.prve.on {
    background: url("../sprve_fy_h.png") no-repeat center #d61518;
    border: 1px solid #d61518;
}

.pz_fy1 a.next {
    background: url("../snext_fy.png") no-repeat center;
    width: 100px;
}

.pz_fy1 a.next:hover,
.pz_fy1 a.next.on {
    background: url("../snext_fy_h.png") no-repeat center #d61518;
    border: 1px solid #d61518;
}

.fy_phone {
    display: none;
}

@media screen and (max-width:991px) {
    .d_0100_fy {
        padding: 23px 0 40px 0;
    }
}

@media screen and (max-width:767px) {
    .d_0100_fy {
        padding: 20px 0;
    }
    .pz_fy1 {
        display: none;
    }
    .fy_phone {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #333;
    }
    .fy_phone a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 100px;
        height: 30px;
        text-align: center;
        line-height: 28px;
        border: 1px solid #e1e1e1;
        margin: 0 5px;
        -webkit-border-radius: 18px;
        -khtml-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
    }
    .fy_phone a.prve {
        background: url("../prve_fy.png") no-repeat center;
    }
    .fy_phone a.next {
        background: url("../next_fy.png") no-repeat center;
    }
    .fy_phone span {
        padding: 0 5%;
        color: #333;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        height: 30px;
        line-height: 30px;
    }
}


/*品牌产品*/

.product {
    padding: 25px 0 0 0;
    overflow: hidden;
}

.product .indexTwoBody {
    padding-bottom: 0;
    margin-top: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.product .indexTwoBody li {
    width: 25%;
    margin-top: 30px;
}

@media screen and (max-width:991px) {
    .product {
        padding: 15px 0 0 0;
    }
    .product .indexTwoBody li {
        width: 33.33%;
        margin-top: 20px;
    }
}

@media screen and (max-width:767px) {
    .product {
        padding: 10px 10px 0 10px;
    }
    .product .indexTwoBody li {
        width: 50%;
        margin-top: 10px;
    }
}

.product .productHead {
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}

.product .productHead .productHeadPage {
    width: 46.18%;
    float: left;
    padding-left: 116px;
    position: relative;
}

.product .productHead .productHeadPage .productHeadPageSmal {
    width: 102px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.product .productHead .productHeadPage .productHeadPageSmal img {
    width: 100%;
    float: left;
    margin-top: 1px;
    margin-bottom: 2px;
    border: solid 1px transparent;
    cursor: pointer;
}

.product .productHead .productHeadPage .productHeadPageSmal .slick-current img {
    border-color: #ababab;
}

.product .productHead .productHeadPage .productHeadPageBig {
    width: 100%;
    float: left;
    position: relative;
}

.product .productHead .productHeadPage .productHeadPageSmal .slick-prev,
.product .productHead .productHeadPage .productHeadPageSmal .slick-next {
    position: absolute;
    left: 0px;
    top: auto;
    bottom: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: url("../product3.png") no-repeat left center;
    background-size: auto 100%;
}

.product .productHead .productHeadPage .productHeadPageSmal .slick-next {
    left: auto;
    right: 0;
    background-position: right center;
}

.product .productHead .productHeadPage .productHeadPageSmal .slick-prev:hover,
.product .productHead .productHeadPage .productHeadPageSmal .slick-next:hover {
    background-image: url("../product3_h.png");
}

.product .productHead .productHeadText {
    width: 50%;
    float: right;
    padding-bottom: 30px;
}

.product .productHead .productHeadText h1 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #101010;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 1px;
}

.product .productHead .productHeadText h4 {
    width: 100%;
    float: left;
    margin-top: 17px;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 30px;
    letter-spacing: 1px;
}

.product .productHead .productHeadText ul {
    width: 100%;
    float: left;
    margin-top: 25px;
    padding-top: 15px;
    border-top: solid 1px #dadada;
    border-bottom: solid 1px #dadada;
    padding-bottom: 15px;
}

.product .productHead .productHeadText ul li {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #747474;
    line-height: 30px;
    letter-spacing: 1px;
}

.product .productHead .productHeadText .btn {
    width: 100%;
    float: left;
    margin-top: 33px;
}

.product .productHead .productHeadText .btn a {
    display: block;
    float: left;
    margin-right: 20px;
    width: 45%;
    height: 50px;
    line-height: 50px;
    background: #d61518;
    color: white;
    text-align: center;
    font-size: 25px;
    letter-spacing: 1px;
    border-radius: 2em;
}

.product .productHead .productHeadText .btn a:last-child {
    margin-right: 0;
}

.product .productHead .productHeadText .btn a:hover {
    background: #101010;
}

@media screen and (max-width:1309px) {
    .product .productHead .productHeadPage {
        padding-left: 96px;
    }
    .product .productHead .productHeadPage .productHeadPageSmal {
        width: 87px;
    }
    .product .productHead .productHeadText .btn a {
        margin-right: 3px;
        width: 48%;
    }
}

@media screen and (max-width:1199px) {
    .product .productHead .productHeadPage {
        padding-left: 86px;
    }
    .product .productHead .productHeadPage .productHeadPageSmal {
        width: 75px;
    }
    .product .productHead .productHeadText .btn a {
        margin-right: 3px;
        width: 48%;
        font-size: 20px;
    }
    .product .productHead .productHeadPage .productHeadPageSmal .slick-prev,
    .product .productHead .productHeadPage .productHeadPageSmal .slick-next {
        width: 30px;
        height: 30px;
    }
    .product .productHead .productHeadText h3 {
        margin-top: 0px;
        font-size: 26px;
        line-height: 36px;
    }
    .product .productHead .productHeadText h4 {
        margin-top: 12px;
        font-size: 16px;
        line-height: 30px;
    }
    .product .productHead .productHeadText ul {
        margin-top: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .product .productHead .productHeadText ul li {
        font-size: 14px;
        line-height: 30px;
    }
    .product .productHead .productHeadText .btn {
        margin-top: 23px;
    }
}

@media screen and (max-width:991px) {
    .product .productHead {
        margin-top: 20px;
    }
    .product .productHead .productHeadPage {
        padding-left: 0px;
    }
    .product .productHead .productHeadPage .productHeadPageSmal {
        display: none;
    }
    .product .productHead .productHeadPage .productHeadPageBig .slick-dots {
        position: absolute;
        bottom: 10px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        overflow: hidden;
    }
    .product .productHead .productHeadPage .productHeadPageBig .slick-dots li {
        position: relative;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 4px;
        background: #f2f2f2;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-radius: 50%;
    }
    .product .productHead .productHeadPage .productHeadPageBig .slick-dots li button {
        display: none;
    }
    .product .productHead .productHeadPage .productHeadPageBig .slick-dots li.slick-active {
        background: #d61518;
    }
    .product .productHead .productHeadText h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .product .productHead .productHeadText h4 {
        margin-top: 8px;
        font-size: 14px;
        line-height: 30px;
    }
    .product .productHead .productHeadText .btn {
        margin-top: 13px;
    }
    .product .productHead .productHeadText .btn a {
        margin-right: 3px;
        width: 48%;
        font-size: 20px;
    }
}

@media screen and (max-width:767px) {
    .product .productHead {
        margin-top: 10px;
    }
    .product .productHead .productHeadPage {
        width: 100%;
    }
    .product .productHead .productHeadText {
        width: 100%;
        margin-top: 10px;
        padding: 0 20px;
    }
    .product .productHead .productHeadText h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .product .productHead .productHeadText h1 {
        margin-top: 20px;
    }
    .product .productHead .productHeadText h4 {
        margin-top: 5px;
        font-size: 14px;
        line-height: 30px;
    }
    .product .productHead .productHeadText ul {
        margin-top: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .product .productHead .productHeadText ul li {
        line-height: 30px;
    }
    .product .productHead .productHeadText .btn a {
        width: 48%;
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        font-weight: 700;
    }
}

.product .productBody {
    width: 75%;
    margin: 40px auto;
    overflow: hidden;
    max-width: 750px;
    padding: 0 20px;
}

.product .productBody a {
    text-decoration: underline;
    color: #00F;
}

.product .productBody .productBodyHead {
    width: 100%;
    padding-bottom: 39px;
    background: url("../product4.png") no-repeat center bottom;
    font-size: 28px;
    color: #101010;
    line-height: 44px;
    position: relative;
    text-align: center;
}

.product .productBody .productBodyHead h2 {
    position: absolute;
    left: 0;
    top: -5px;
    width: 100%;
    z-index: -1;
    font-size: 72px;
    color: #101010;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.1;
    line-height: 56px;
}

.product .productBody .productBodyText {
    width: 100%;
    margin-top: 52px;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 2.5em;
    letter-spacing: 1px;
}

.product .productBody .productBodyText img {
    width: 100%;
}

.product .productBody .productBodyText .blockquote {
    background-color: #f2f5fb;
    padding: 5px 20px 5px 30px;
    margin-left: 0;
    margin-right: 0;
    color: #243342;
    border-left: 5px solid #d0d6dc;
}

.product .productBody .productBodyText h3 {
    display: block;
    background-color: #f8f8f8;
    font-size: 20px;
    color: #333;
    line-height: 3em;
    margin: 1em -5em;
    text-align: center;
    font-weight: 700;
}

.product .productDown {
    width: 100%;
    float: left;
    padding: 33px 0 71px 0;
}

.product .productDown h5 {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.product .productDown h5 a {
    display: inline-block;
    vertical-align: top;
    max-width: 80%;
    color: #666;
}

.product .productDown h5.last {
    text-align: right;
}

.product .productDown h5:hover,
.product .productDown h5:hover a {
    color: #d61518;
}

@media screen and (max-width:1199px) {
    .product .productBody {
        margin-top: 85px;
    }
    .product .productBody .productBodyHead {
        padding-bottom: 29px;
        font-size: 24px;
        line-height: 36px;
        background-size: auto 6px;
    }
    .product .productBody .productBodyHead h2 {
        font-size: 52px;
        line-height: 40px;
    }
    .product .productBody .productBodyText {
        font-size: 16px;
        line-height: 2.5em;
    }
    .product .productBody .productBodyText img {
        width: 100%;
    }
    .product .productDown {
        padding: 23px 0 51px 0;
    }
    .product .productDown h5 {
        font-size: 12px;
        line-height: 26px;
    }
}

@media screen and (max-width:991px) {
    .product .productBody {
        margin-top: 45px;
    }
    .product .productBody .productBodyHead {
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 30px;
        background-size: auto 4px;
    }
    .product .productBody .productBodyHead h2 {
        font-size: 32px;
        line-height: 30px;
        top: -2px;
    }
    .product .productBody .productBodyText {
        line-height: 2.5em;
        font-size: 16px;
    }
    .product .productDown {
        padding: 13px 0 31px 0;
    }
    .product .productDown h5 {
        line-height: 24px;
    }
}

@media screen and (max-width:767px) {
    .product .productBody {
        width: 100%;
        padding: 0 20px;
    }
    .product .productBody .productBodyHead {
        padding-bottom: 10px;
        font-size: 16px;
        background-size: auto 3px;
    }
    .product .productBody .productBodyHead h2 {
        font-size: 26px;
        line-height: 26px;
        top: 0px;
    }
    .product .productBody .productBodyText {
        line-height: 2.5em;
        font-size: 16px;
    }
    .product .productBody .productBodyText .blockquote {
        padding: 5px 20px 5px 20px;
        line-height: 2em;
        font-size: 15px;
    }
    .product .productBody .productBodyText h3 {
        display: block;
        background-color: #f8f8f8;
        font-size: 20px;
        color: #333;
        line-height: 3em;
        margin: 1em -5em;
        text-align: center;
        font-weight: 700;
    }
    .product .productBody .productBodyText img {
        width: 100%;
    }
    .product .productDown {
        padding: 13px 0 21px 0;
    }
    .product .productDown h5 {
        width: 100%;
        line-height: 24px;
    }
    .product .productDown h5.last {
        text-align: left;
    }
}


/*团队介绍*/

.team {
    padding: 24px 0 0 0;
    overflow: hidden;
    width: 100%;
    float: left;
}

.teamRow {
    margin: 0 -8px;
}

.teamBody {
    width: 100%;
    float: left;
}

.teamBody li {
    width: 25%;
    float: left;
    margin-top: 31px;
    padding: 0 8px;
}

.teamBody li .teamPage {
    width: 100%;
    float: left;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.teamBody li .teamPage img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    min-height: 100%;
}

.teamBody li .teamText {
    width: 100%;
    float: left;
    position: relative;
    border: solid 1px #dfdfdf;
    border-top: 0;
    text-align: center;
    padding: 25px 20px 24px 20px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.teamBody li .teamText h4 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.teamBody li .teamText h5 {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    letter-spacing: 1px;
    opacity: 0.6;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.teamBody li .teamText .teamTextDetail {
    width: 100%;
    float: left;
    margin-top: 14px;
    padding-top: 16px;
    font-size: 14px;
    color: #d61518;
    line-height: 22px;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    border-top: solid 1px #dfdfdf;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.teamBody li .teamText .teamTextDetail img {
    vertical-align: middle;
    margin: -3px 10px 0 0;
    width: 19px;
}

.teamBody li .teamText .teamTextDetail .img_2 {
    display: none;
}

@media screen and (min-width:991px) {
    .teamBody li:hover .teamText .teamTextDetail .img_1 {
        display: none;
    }
    .teamBody li:hover .teamText .teamTextDetail .img_2 {
        display: inline-block;
    }
    .teamBody li:hover .teamText .teamTextDetail {
        color: white;
    }
    .teamBody li:hover .teamText h4,
    .teamBody li:hover .teamText h5 {
        color: white;
    }
    .teamBody li:hover .teamText:before {
        content: '';
        width: 80%;
        left: 10%;
        bottom: 0;
        height: 210px;
        background: url("../team5.png");
        position: absolute;
        z-index: 1;
    }
    .teamBody li:hover .teamText {
        padding: 25px 18% 24px 18%;
        border-color: white;
    }
    .teamBody li:hover .teamText .teamTextDetail {
        border-top-color: white;
    }
}

@media screen and (max-width:1199px) {
    .teamBody li {
        margin-top: 21px;
    }
    .teamBody li:hover .teamText:before {
        width: 90%;
        left: 5%;
        height: 200px;
    }
    .teamBody li:hover .teamText {
        padding: 25px 15% 24px 15%;
    }
}

@media screen and (max-width:991px) {
    .teamBody li {
        margin-top: 11px;
        width: 50%;
    }
    .teamBody li:hover .teamText:before {
        width: 90%;
        left: 5%;
        height: 180px;
    }
    .teamBody li:hover .teamText {
        padding: 15px 15% 10px 15%;
    }
    .teamBody li .teamText {
        padding: 15px 20px 10px 20px;
    }
    .teamBody li .teamText h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .teamBody li .teamText h5 {
        font-size: 12px;
        line-height: 20px;
    }
    .teamBody li .teamText .teamTextDetail {
        margin-top: 10px;
        padding-top: 12px;
        font-size: 12px;
        line-height: 20px;
    }
    .teamBody li .teamText .teamTextDetail img {
        margin: -3px 6px 0 0;
        width: 16px;
    }
    .team {
        padding: 14px 0 0 0;
    }
}

@media screen and (max-width:767px) {
    .teamRow {
        margin: 0 -5px;
    }
    .teamBody li {
        margin-top: 10px;
        padding: 0 5px;
    }
    .teamBody li:hover .teamText:before {
        height: 150px;
    }
    .teamBody li:hover .teamText {
        padding: 15px 10% 10px 10%;
    }
    .teamBody li .teamText {
        padding: 15px 10px 10px 10px;
    }
    .teamBody li .teamText h4 {
        font-size: 14px;
        line-height: 20px;
    }
    .teamBody li .teamText .teamTextDetail {
        margin-top: 6px;
        padding-top: 8px;
    }
    .teamBody li .teamText .teamTextDetail img {
        margin: -3px 5px 0 0;
        width: 14px;
    }
    .team {
        padding: 10px 10px 0 10px;
    }
}


/*团队介绍详情*/

.teamDetail {
    width: 100%;
    float: left;
    padding: 55px 0 78px 0;
}

.teamDetail .teamDetailPage {
    width: 29.9%;
    float: left;
}

.teamDetail .teamDetailPage img {
    width: 100%;
    float: left;
}

.teamDetail .teamDetailText {
    float: right;
    width: 67.33%;
    margin-top: 9px;
}

.teamDetail .teamDetailText h3 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #101010;
    line-height: 36px;
    letter-spacing: 1px;
}

.teamDetail .teamDetailText h3 span {
    color: #d61518;
    font-size: 16px;
    text-transform: uppercase;
}

.teamDetail .teamDetailText h4 {
    width: 100%;
    float: left;
    margin-top: 9px;
    font-size: 16px;
    color: #999;
    line-height: 30px;
    letter-spacing: 1px;
}

.teamDetail .teamDetailText h5 {
    width: 100%;
    float: left;
    margin-top: 5px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
    letter-spacing: 1px;
}

.teamDetail .teamDetailText ul {
    width: 100%;
    float: left;
    margin-top: 16px;
    padding-top: 12px;
    border-top: dashed 1px #cfcfcf;
}

.teamDetail .teamDetailText ul li {
    width: 100%;
    float: left;
    margin-top: 7px;
    font-size: 14px;
    color: #999;
    line-height: 26px;
}

.teamDetail .teamDetailText ul li .name {
    display: inline-block;
    vertical-align: top;
    color: #101010;
}

@media screen and (max-width:1199px) {
    .teamDetail .teamDetailText h5 {
        font-size: 14px;
        line-height: 30px;
    }
}

@media screen and (max-width:991px) {
    .teamDetail {
        padding: 35px 0 48px 0;
    }
    .teamDetail .teamDetailText {
        margin-top: 0px;
    }
    .teamDetail .teamDetailText h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .teamDetail .teamDetailText h3 span {
        font-size: 14px;
    }
    .teamDetail .teamDetailText h4 {
        margin-top: 5px;
        font-size: 14px;
        line-height: 24px;
    }
    .teamDetail .teamDetailText ul {
        margin-top: 10px;
        padding-top: 8px;
    }
    .teamDetail .teamDetailText ul li {
        margin-top: 4px;
        font-size: 12px;
        line-height: 22px;
    }
}

@media screen and (max-width:767px) {
    .teamDetail {
        padding: 15px 10px 28px 10px;
    }
    .teamDetail .teamDetailPage {
        width: 100%;
    }
    .teamDetail .teamDetailText {
        margin-top: 20px;
        width: 100%;
    }
    .teamDetail .teamDetailText h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .teamDetail .teamDetailText h3 span {
        font-size: 12px;
    }
    .teamDetail .teamDetailText h4 {
        font-size: 12px;
        line-height: 22px;
    }
    .teamDetail .teamDetailText ul {
        margin-top: 6px;
        padding-top: 4px;
    }
    .teamDetail .teamDetailText ul li {
        margin-top: 2px;
        line-height: 20px;
    }
    .teamDetail .teamDetailText h5 {
        font-size: 12px;
        line-height: 24px;
    }
}

.xls {
    background: url("../xls1.jpg") no-repeat center center;
    background-size: cover;
    padding: 135px 0 155px 0;
    text-align: center;
}

.xls .xlsBody {
    width: 1294px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-top: 25px;
}

.xls .xlsBody ul {
    width: 100%;
    float: left;
}

.xls .xlsBody li {
    width: 11.111%;
    float: left;
    margin-top: -25px;
    padding: 0 8px;
    position: relative;
}

.xls .xlsBody li img {
    width: 100%;
    float: left;
}

.xls .xlsBody li:nth-child(1),
.xls .xlsBody li:nth-child(12),
.xls .xlsBody li:nth-child(17),
.xls .xlsBody li:nth-child(20) {
    margin-left: 11.111%;
}

.xls .xlsBody li:nth-child(2),
.xls .xlsBody li:nth-child(21) {
    margin-left: 22.222%;
}

.xls .xlsBody li:nth-child(3):before,
.xls .xlsBody li:nth-child(10):before,
.xls .xlsBody li:nth-child(21):before {
    content: '';
    width: 52px;
    height: 38px;
    background: url("../xls5.png") no-repeat left bottom;
    background-size: contain;
    position: absolute;
    right: -40px;
    top: 0px;
}

.xls .xlsBody li:nth-child(11):after,
.xls .xlsBody li:nth-child(20):after,
.xls .xlsBody li:nth-child(22):after {
    content: '';
    width: 52px;
    height: 38px;
    background: url("../xls5.png") no-repeat right top;
    background-size: contain;
    position: absolute;
    left: -40px;
    bottom: 0px;
}

.xls .xlsBody li:nth-child(18) {
    margin-left: 5.5555%;
}

.xls .xlsBody li:nth-child(22) {
    margin-left: 44.444%;
}

.xls .xlsBody li:nth-child(4) {
    margin-left: 16.666%;
}

.xls .xlsBody li:nth-child(14) {
    z-index: 3;
}

.xls .xlsBody li:nth-child(14) img {
    margin-top: 10px;
    margin-left: 10px;
    transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -webkit-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
}

@media screen and (max-width:1309px) {
    .xls .xlsBody {
        width: 1194px;
    }
    .xls .xlsBody li {
        margin-top: -20px;
    }
    .xls .xlsBody li:nth-child(3):before,
    .xls .xlsBody li:nth-child(10):before,
    .xls .xlsBody li:nth-child(21):before,
    .xls .xlsBody li:nth-child(11):after,
    .xls .xlsBody li:nth-child(20):after,
    .xls .xlsBody li:nth-child(22):after {
        height: 34px;
        width: 50px;
    }
}

@media screen and (max-width:1199px) {
    .xls .xlsBody {
        width: 894px;
    }
    .xls {
        padding: 95px 0 115px 0;
    }
    .xls .xlsBody li {
        margin-top: -12px;
    }
    .xls .xlsBody li:nth-child(3):before,
    .xls .xlsBody li:nth-child(10):before,
    .xls .xlsBody li:nth-child(21):before,
    .xls .xlsBody li:nth-child(11):after,
    .xls .xlsBody li:nth-child(20):after,
    .xls .xlsBody li:nth-child(22):after {
        height: 24px;
        width: 50px;
    }
}

@media screen and (max-width:991px) {
    .xls .xlsBody {
        width: 694px;
    }
    .xls .xlsBody li {
        margin-top: -6px;
    }
    .xls {
        padding: 55px 0 75px 0;
    }
    .xls .xlsBody li:nth-child(3):before,
    .xls .xlsBody li:nth-child(10):before,
    .xls .xlsBody li:nth-child(21):before,
    .xls .xlsBody li:nth-child(11):after,
    .xls .xlsBody li:nth-child(20):after,
    .xls .xlsBody li:nth-child(22):after {
        height: 18px;
        width: 50px;
    }
    .xls .xlsBody li:nth-child(14) img {
        margin-top: 5px;
        margin-left: 5px;
    }
}

@media screen and (max-width:767px) {
    .xls {
        padding: 35px 8px 45px 8px;
    }
    .xls .xlsBody {
        width: 100%;
    }
    .xls .xlsBody li {
        width: 25%;
        margin-top: -8px;
    }
    .xls .xlsBody li:nth-child(1),
    .xls .xlsBody li:nth-child(12),
    .xls .xlsBody li:nth-child(17),
    .xls .xlsBody li:nth-child(20) {
        margin-left: 0;
    }
    .xls .xlsBody li:nth-child(2),
    .xls .xlsBody li:nth-child(21) {
        margin-left: 0;
    }
    .xls .xlsBody li:nth-child(3):before,
    .xls .xlsBody li:nth-child(10):before,
    .xls .xlsBody li:nth-child(21):before,
    .xls .xlsBody li:nth-child(11):after,
    .xls .xlsBody li:nth-child(20):after,
    .xls .xlsBody li:nth-child(22):after {
        display: none;
    }
    .xls .xlsBody li:nth-child(18) {
        margin-left: 0;
    }
    .xls .xlsBody li:nth-child(22) {
        margin-left: 0;
    }
    .xls .xlsBody li:nth-child(4) {
        margin-left: 0;
    }
    .xls .xlsBody li:nth-child(1),
    .xls .xlsBody li:nth-child(8),
    .xls .xlsBody li:nth-child(16) {
        margin-left: 12.5%;
    }
    .xls .xlsBody li:nth-child(14) {
        display: none;
    }
}


/*健康小课堂*/

.classRoom {
    padding: 33px 0 0 0;
}

.classRoomRow {
    margin: 0 -11px;
}

.classRoom ul {
    width: 100%;
    float: left;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.classRoom ul li {
    width: 33.333%;
    float: left;
    padding: 0 11px;
    margin-top: 22px;
}

.classRoom ul li a {
    display: block;
    width: 100%;
    float: left;
    background: #f8f8f8;
    padding: 21px 22px 22px 22px;
}

.classRoom ul li a .classRoomPage {
    width: 100%;
    float: left;
    padding-bottom: 53%;
    position: relative;
    overflow: hidden;
}

.classRoom ul li a .classRoomPage img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
}

.classRoom ul li a .classRoomText {
    width: 100%;
    float: left;
    padding: 23px 17px 0 17px;
}

.classRoom ul li .classRoomText {
    font-size: 18px;
    font-weight: 700;
    height: 75px;
}

.classRoom ul li a .classRoomText h4 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 34px;
    letter-spacing: 1px;
    padding-bottom: 18px;
    background: url("../classroom1.png") no-repeat left bottom;
}

.classRoom ul li a .classRoomText h5 {
    width: 100%;
    float: left;
    margin-top: 14px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    letter-spacing: 1px;
    height: 90px;
    overflow: hidden;
}

.classRoom ul li a .classRoomText .teamTextDetail {
    width: 100%;
    float: left;
    margin-top: 8px;
    font-size: 18px;
    color: #a8a8a8;
    line-height: 30px;
    letter-spacing: 1px;
    letter-spacing: 1px;
}

.classRoom ul li a .classRoomText .teamTextDetail img {
    vertical-align: middle;
    margin: 0 0 0 28px;
}

.classRoom ul li a .classRoomText .teamTextDetail .img_2 {
    display: none;
}


/**.classRoom ul li a:hover{ box-shadow:0 0 18px rgba(0,0,0,0.2);}**/

.classRoom ul li a:hover .classRoomText .teamTextDetail .img_1 {
    display: none;
}

.classRoom ul li a:hover .classRoomText .teamTextDetail .img_2 {
    display: inline-block;
}

.classRoom ul li a:hover .classRoomText .teamTextDetail {
    color: #d61518;
}

@media screen and (max-width:1199px) {
    .classRoom ul li a .classRoomText {
        padding: 23px 0px 0 0px;
    }
}

@media screen and (max-width:991px) {
    .classRoom {
        padding: 13px 0 0 0;
    }
    .classRoom ul li {
        width: 100%;
        padding: 0 5px;
    }
    .classRoom ul li img {
        width: 100%;
    }
    .classRoom ul li .classRoomText {
        height: 100%;
    }
    .classRoom ul li a .classRoomText {
        padding: 13px 0px 0 0px;
    }
    .classRoom ul li a .classRoomText h4 {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 12px;
        background-size: auto 4px;
    }
    .classRoom ul li a .classRoomText h5 {
        margin-top: 8px;
        font-size: 12px;
        line-height: 24px;
        height: 72px;
    }
    .classRoom ul li a .classRoomText .teamTextDetail {
        margin-top: 5px;
        font-size: 16px;
        line-height: 24px;
    }
    .classRoom ul li a .classRoomText .teamTextDetail img {
        margin: 0 0 0 20px;
        height: 5px;
    }
}

@media screen and (max-width:767px) {
    .classRoom {
        padding: 7px 10px 0 10px;
    }
    .classRoomRow {
        margin: 0 -5px;
    }
    .classRoom ul li {
        width: 100%;
        padding: 0 5px;
        margin-top: 10px;
    }
    .classRoom ul li img {
        width: 100%;
    }
    .classRoom ul li .classRoomText {
        height: 100%;
    }
    .classRoom ul li a {
        padding: 11px 12px 12px 12px;
    }
    .classRoom ul li a .classRoomText {
        padding: 7px 0px 0 0px;
    }
    .classRoom ul li a .classRoomText h4 {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 8px;
        background-size: auto 2px;
    }
    .classRoom ul li a .classRoomText h5 {
        margin-top: 5px;
        line-height: 22px;
        height: 64px;
    }
    .classRoom ul li a .classRoomText .teamTextDetail {
        font-size: 12px;
    }
    .classRoom ul li a .classRoomText .teamTextDetail img {
        height: 5px;
        margin: 0 0 0 10px;
    }
}


/*健康小课堂详情*/

.classRoomBody {
    width: 75%;
    padding: 52px 20px 80px 20px;
    overflow: hidden;
    max-width: 750px;
    margin: 0 auto;
}

.classRoomBody h1 {
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #333;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1px;
}

.classRoomBody .main_1 {
    width: 100%;
    float: left;
    margin-top: 27px;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    line-height: 53px;
}

.classRoomBody .main_1 .p {
    font-size: 12px;
    color: #777;
    text-align: center;
}

.classRoomBody .main_1 .p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 15px;
}

.classRoomBody .main_1 .zbtn {
    float: right;
}

.classRoomBody .main_1 .zbtn img {
    margin-left: 10px;
    margin-top: -3px;
    vertical-align: middle;
}

.classRoomBody .main_1 .zbtn a {
    color: #777;
}

.classRoomBody .main_1 .zbtn a:hover {
    color: #d61518;
}

.classRoomBody .text {
    width: 100%;
    float: left;
    margin-top: 31px;
    padding-bottom: 30px;
    border-bottom: solid 1px #d7d8d8;
    font-size: 16px;
    color: #333;
    line-height: 2.5em;
}

.classRoomBody .text a {
    text-decoration: underline;
    color: #00F;
}

.classRoomBody .text h3 {
    display: block;
    background-color: #d0d6dc;
    font-size: 20px;
    color: #333;
    line-height: 3em;
    margin: 1em -5em;
    text-align: center;
    font-weight: 700;
}

.classRoomBody .text .blockquote {
    background-color: #f2f5fb;
    padding: 5px 20px 5px 30px;
    margin-left: 0;
    margin-right: 0;
    color: #243342;
    border-left: 5px solid #d0d6dc;
}

.classRoomBody .text img {
    width: 100%;
    border-radius: 1em;
    margin: 25px 0px;
}

.classRoomBody .bdsharebuttonbox {
    width: 100%;
    float: left;
    margin-top: 26px;
    text-align: center;
}

.classRoomBody .bdsharebuttonbox a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 36px;
    float: none;
    height: 36px;
    margin: 0 8px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-size: contain !important;
}

.classRoomBody .bdsharebuttonbox a.a1 {
    background: url("../zico_10_1.png") no-repeat center;
}

.classRoomBody .bdsharebuttonbox a.a2 {
    background: url("../zico_10_2.png") no-repeat center;
}

.classRoomBody .bdsharebuttonbox a.a3 {
    background: url("../zico_10_3.png") no-repeat center;
}

.classRoomBody .main_2 {
    width: 100%;
    float: left;
    margin-top: 29px;
}

.classRoomBody .main_2 .title {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #d61518;
    line-height: 41px;
}

.classRoomBody .main_2 ul {
    width: 100%;
    float: left;
    margin-top: 11px;
}

.classRoomBody .main_2 ul li {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.classRoomBody .main_2 ul li a {
    display: block;
    width: 100%;
    float: left;
    border-bottom: solid 1px #ebebeb;
    line-height: 41px;
    padding-right: 80px;
    position: relative;
}

.classRoomBody .main_2 ul li h5 {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 38px;
}

.classRoomBody .main_2 ul li .time {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 38px;
    color: #777;
}

.classRoomBody .main_2 ul li:hover h5 {
    color: #d61518;
}

.classRoomBody .main_3 {
    width: 100%;
    float: left;
    margin-top: 10px;
    position: relative;
}

.classRoomBody .main_3 h5 {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 36px;
}

.classRoomBody .main_3 h5 a {
    color: #666;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    max-width: 80%;
}

.classRoomBody .main_3 h5.last {
    text-align: right;
    float: right;
}

.classRoomBody .main_3 h5:hover,
.classRoomBody .main_3 h5:hover a {
    color: #d61518;
}

.classRoomBody .main_3 h5:hover {
    background-image: url("../ico14_l_h.png");
}

.classRoomBody .main_3 h5.last:hover {
    background-image: url("../ico14_r_h.png");
}

.classRoomBody .classRoomBodyAbstract {
    width: 100%;
    float: left;
    background: #f7f7f7;
    margin-top: 30px;
    padding: 37px 50px 23px 138px;
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.classRoomBody .classRoomBodyAbstract h4 {
    width: 86px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d61518;
    color: white;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: 32px;
    top: 30px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.classRoomBody .classRoomBodyAbstract h5 {
    width: 100%;
    line-height: 30px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
}

.classRoomBody .classRoomBodyAbstract .classRoomBodyP {
    width: 100%;
    line-height: 30px;
    color: #333;
    font-size: 16px;
    letter-spacing: 1px;
}

@media screen and (max-width:991px) {
    .classRoomBody {
        width: 100%
    }
    .classRoomBody .text {
        margin-top: 32px;
    }
    .classRoomBody .main_2 ul li {
        width: 50%;
    }
    .classRoomBody h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .classRoomBody .classRoomBodyAbstract {
        margin-top: 20px;
        padding: 20px 30px 13px 98px;
    }
    .classRoomBody .classRoomBodyAbstract h4 {
        width: 66px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        left: 22px;
        top: 20px;
    }
    .classRoomBody .classRoomBodyAbstract h5 {
        line-height: 24px;
        font-size: 16px;
    }
    .classRoomBody .classRoomBodyAbstract .classRoomBodyP {
        line-height: 24px;
        font-size: 14px;
    }
    .classRoomBody .bdsharebuttonbox {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .classRoomBody {
        padding: 52px 20px 80px 20px;
    }
    .classRoomBody h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .classRoomBody .main_1 {
        margin-top: 12px;
        line-height: 23px;
        padding: 5px 0;
    }
    .classRoomBody .main_1 .p {
        font-size: 12px;
        width: 100%;
    }
    .classRoomBody .main_1 .p span {
        margin-right: 10px;
    }
    .classRoomBody .main_1 .zbtn img {
        width: 30px;
    }
    .classRoomBody .text {
        margin-top: 22px;
        padding-bottom: 21px;
        font-size: 17px;
        line-height: 2.5em;
    }
    .classRoomBody .text .blockquote {
        padding: 5px 20px 5px 20px;
        line-height: 2em;
        font-size: 16px;
    }
    .classRoomBody .bdsharebuttonbox {
        margin-top: 17px;
    }
    .classRoomBody .main_2 {
        margin-top: 18px;
    }
    .classRoomBody .main_2 .title {
        font-size: 16px;
    }
    .classRoomBody .main_2 ul li {
        width: 100%;
    }
    .classRoomBody .main_2 ul li h5 {
        font-size: 12px;
    }
    .classRoomBody .main_2 ul li .time {
        font-size: 12px;
    }
    .classRoomBody .bdsharebuttonbox {
        left: auto;
        right: 0;
    }
    .classRoomBody .bdsharebuttonbox a {
        width: 30px;
        height: 30px;
        margin: 0 4px;
    }
    .classRoomBody .main_3 h5 {
        width: 100%;
        font-size: 12px;
    }
    .classRoomBody .main_3 h5.last {
        text-align: left;
    }
    .classRoomBody .classRoomBodyAbstract {
        margin-top: 10px;
        padding: 10px 20px 10px 80px;
    }
    .classRoomBody .classRoomBodyAbstract h4 {
        width: 60px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        left: 12px;
        top: 10px;
    }
    .classRoomBody .classRoomBodyAbstract h5 {
        line-height: 22px;
        font-size: 14px;
    }
    .classRoomBody .classRoomBodyAbstract .classRoomBodyP {
        line-height: 22px;
        font-size: 12px;
    }
}


/*联系我们*/

.contactUs {
    padding: 47px 0 80px 0;
}

.contactUs .contactUsHead {
    width: 100%;
    float: left;
}

.contactUs .contactUsHead .contactText {
    float: left;
    width: 68.85%;
}

.contactUs .contactUsHead .contactText .contactTextTitle {
    width: 100%;
    float: left;
    padding-bottom: 21px;
    border-bottom: solid 2px #e0e0e0;
}

.contactUs .contactUsHead .contactText .contactTextTitle h3 {
    width: 100%;
    float: left;
    font-size: 32px;
    color: #101010;
    line-height: 48px;
    letter-spacing: 1px;
}

.contactUs .contactUsHead .contactText .contactTextTitle h5 {
    width: 100%;
    float: left;
    margin-top: 6px;
    font-size: 16px;
    color: #737373;
    line-height: 18px;
    letter-spacing: 1px;
}

.contactUs .contactUsHead .contactText ul {
    width: 100%;
    float: left;
    margin-top: 17px;
}

.contactUs .contactUsHead .contactText ul li {
    width: 100%;
    float: left;
    padding: 12px 0 11px 26px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    letter-spacing: 1px;
    border-bottom: dashed 1px #c8c8c8;
}

.contactUs .contactUsHead .contactText ul li .ico {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    background: #d61518;
    margin: 0 18px 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.contactUs .contactUsHead .contactText ul li .ico img {
    width: 100%;
    float: left;
}

.contactUs .contactFx {
    float: right;
    width: 338px;
    margin-top: 95px;
}

.contactUs .contactFx .contactFxHead {
    width: 100%;
    float: left;
    height: 168px;
    background: #f3f3f3;
    padding: 77px 20px 0 149px;
    position: relative;
    font-size: 12px;
    color: #999;
    line-height: 19px;
}

.contactUs .contactFx .contactFxHead .contactFxEwm {
    width: 111px;
    height: 111px;
    background: white;
    padding: 12px;
    position: absolute;
    top: 25px;
    left: 28px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.contactUs .contactFx .contactFxDown {
    width: 100%;
    float: left;
    txt-align: center;
    height: 74px;
    line-height: 74px;
    border: solid 1px #e1e1e1;
    border-top: 0;
}

.contactUs .contactFx .contactFxDown .bdsharebuttonbox {
    width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    float: none;
    height: 36px;
    margin-top: -3px;
    line-height: 36px;
}

.contactUs .contactFx .contactFxDown .bdsharebuttonbox a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    float: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-size: contain !important;
    vertical-align: top;
    cursor: pointer;
}

.contactUs .contactFx .contactFxDown .bdsharebuttonbox a.a1 {
    background: url("../zico_10_1.png") no-repeat center;
}

.contactUs .contactFx .contactFxDown .bdsharebuttonbox a.a2 {
    background: url("../zico_10_2.png") no-repeat center;
}

.contactUs .contactFx .contactFxDown .bdsharebuttonbox a.a3 {
    background: url("../zico_10_3.png") no-repeat center;
}

.contactUs .contactFx .contactFxDown .bdsharebuttonbox span {
    width: 1px;
    height: 28px;
    background: #ddd;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: -3px 18px;
}

@media screen and (max-width:1199px) {
    .contactUs .contactUsHead .contactText {
        width: 60%;
    }
}

@media screen and (max-width:991px) {
    .contactUs {
        padding: 27px 0 60px 0;
    }
    .contactUs .contactUsHead .contactText {
        width: 50%;
    }
    .contactUs .contactUsHead .contactText .contactTextTitle {
        padding-bottom: 16px;
    }
    .contactUs .contactUsHead .contactText .contactTextTitle h3 {
        font-size: 26px;
        line-height: 40px;
    }
    .contactUs .contactUsHead .contactText .contactTextTitle h5 {
        margin-top: 4px;
        font-size: 14px;
    }
    .contactUs .contactUsHead .contactText ul {
        margin-top: 12px;
    }
    .contactUs .contactUsHead .contactText ul li {
        padding: 7px 0 6px 0px;
        font-size: 12px;
        line-height: 26px;
    }
    .contactUs .contactUsHead .contactText ul li .ico {
        width: 26px;
        height: 26px;
        margin: 0 12px 0 0;
    }
    .contactUs .contactFx {
        width: 330px;
        margin-top: 35px;
    }
    .contactUs .contactFx .contactFxDown {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .contactUs {
        padding: 17px 10px 10px 10px;
    }
    .contactUs .contactUsHead .contactText {
        width: 100%;
    }
    .contactUs .contactUsHead .contactText .contactTextTitle {
        padding-bottom: 12px;
        border-width: 1px;
    }
    .contactUs .contactUsHead .contactText .contactTextTitle h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .contactUs .contactUsHead .contactText .contactTextTitle h5 {
        margin-top: 2px;
        font-size: 12px;
    }
    .contactUs .contactUsHead .contactText ul {
        margin-top: 8px;
    }
    .contactUs .contactUsHead .contactText ul li {
        line-height: 24px;
    }
    .contactUs .contactUsHead .contactText ul li .ico {
        width: 24px;
        height: 24px;
        margin: 0 6px 0 0;
    }
    .contactUs .contactFx {
        width: 100%;
        margin-top: 15px;
    }
    .contactUs .contactFx .contactFxHead {
        height: 110px;
        padding: 37px 10px 0 109px;
    }
    .contactUs .contactFx .contactFxHead .contactFxEwm {
        width: 80px;
        height: 80px;
        padding: 8px;
        top: 15px;
        left: 10px;
    }
    .contactUs .contactFx .contactFxDown {
        height: 54px;
        line-height: 54px;
    }
    .contactUs .contactFx .contactFxDown .bdsharebuttonbox {
        height: 30px;
        line-height: 30px;
    }
    .contactUs .contactFx .contactFxDown .bdsharebuttonbox a {
        width: 30px;
        height: 30px;
    }
    .contactUs .contactFx .contactFxDown .bdsharebuttonbox span {
        height: 22px;
        margin: -3px 14px;
    }
}

.contactUs .contactUsDown {
    width: 100%;
    float: left;
    margin-top: 38px;
}

#bdmap {
    width: 100%;
    float: left;
    height: 638px;
    position: relative;
}

#bdmap img {
    max-width: none;
}

#bdmap .iw_poi_title {
    display: block;
    font-size: 18px;
    color: #d61518;
    font-weight: bold;
    line-height: 36px !important;
}

#bdmap .iw_poi_content {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

@media screen and (max-width:1199px) {
    #bdmap {
        height: 500px;
    }
}

@media screen and (max-width:991px) {
    .contactUs .contactUsDown {
        margin-top: 28px;
    }
    #bdmap {
        height: 400px;
    }
}

@media screen and (max-width:767px) {
    .contactUs .contactUsDown {
        margin-top: 18px;
    }
    #bdmap {
        height: 300px;
    }
    #bdmap .iw_poi_title {
        font-size: 16px;
        line-height: 30px !important;
    }
    #bdmap .iw_poi_content {
        font-size: 12px;
        line-height: 22px;
    }
}


/*公司简介*/

.aboutUsHead {
    padding: 46px 0 71px 0;
}

.aboutUsTit {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 25px;
    background: url("../about6.png") no-repeat center bottom;
    font-size: 30px;
    color: #101010;
    line-height: 46px;
    font-weight: bold;
    letter-spacing: 3px;
}

.aboutUsHead .aboutUsBox {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.aboutUsHead .aboutUsBox .aboutUsPag {
    width: 643px;
    float: left;
    position: relative;
    height: 380px;
}

.aboutUsHead .aboutUsBox .aboutUsPag img {
    width: 100%;
    float: left;
}

.aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName {
    width: 150px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../about5.png");
}

.aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName h4 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 32px;
    padding-left: 44px;
    font-size: 18px;
    color: white;
    line-height: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName h3 {
    width: 100px;
    position: absolute;
    left: 25px;
    bottom: 0px;
    padding-left: 10px;
    font-size: 18px;
    color: white;
    line-height: 54px;
    letter-spacing: 1px;
    border-top: solid 1px white;
    border-top: solid 1px rgba(255, 255, 255, 0.78);
}

.aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName h3 img {
    vertical-align: middle;
    margin: -3px 7px 0 0;
    width: 25px;
    float: none;
}

.aboutUsHead .aboutUsBox .aboutUsTxt {
    width: 47.33%;
    float: right;
    background: url("../about7.png") no-repeat right center;
    padding-top: 46px;
    min-height: 380px;
}

.aboutUsHead .aboutUsBox .aboutUsTxt h3 {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #101010;
    line-height: 36px;
    font-weight: bold;
    padding-bottom: 19px;
    background: url("../about4.png") no-repeat left bottom;
    margin-bottom: 42px;
}

.aboutUsHead .aboutUsBox .aboutUsTxt .p {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.aboutUsHead .aboutUsBox .aboutUsTxt h4 {
    width: 100%;
    float: left;
    font-size: 18px;
    margin-top: 41px;
    background: url("../about3.jpg") repeat-x center left;
    margin-bottom: 22px;
}

.aboutUsHead .aboutUsBox .aboutUsTxt h4 span {
    float: left;
    padding-right: 12px;
    display: block;
    font-size: 18px;
    color: #101010;
    line-height: 40px;
    font-weight: bold;
    background: white;
    letter-spacing: 1px;
}

.aboutUsHead .aboutUsBox .aboutUsTxtBody {
    width: 100% !important;
    min-height: 0;
    padding-top: 0;
    background: none;
}

@media screen and (max-width:1309px) {
    .aboutUsHead .aboutUsBox .aboutUsTxt {
        width: 42%;
    }
}

@media screen and (max-width:1199px) {
    .aboutUsHead .aboutUsBox .aboutUsPag {
        width: 500px;
        height: auto;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt {
        padding-top: 0;
    }
}

@media screen and (max-width:991px) {
    .aboutUsHead {
        padding: 26px 0 41px 0;
    }
    .aboutUsTit {
        padding-bottom: 20px;
        background-size: auto 3px;
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 2px;
    }
    .aboutUsHead .aboutUsBox {
        margin-top: 20px;
    }
    .aboutUsHead .aboutUsBox .aboutUsPag {
        width: 100%;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt {
        width: 100%;
        margin-top: 10px;
        background: none;
        min-height: 0;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt h3 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 13px;
        background-size: auto 3px;
        margin-bottom: 22px;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt .p {
        font-size: 14px;
        line-height: 30px;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt h4 {
        font-size: 16px;
        margin-top: 21px;
        margin-bottom: 12px;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt h4 span {
        padding-right: 10px;
        font-size: 16px;
        line-height: 34px;
    }
}

@media screen and (max-width:767px) {
    .aboutUsHead {
        padding: 16px 10px 21px 10px;
    }
    .aboutUsTit {
        padding-bottom: 10px;
        background-size: auto 2px;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
    }
    .aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName {
        width: 100px;
    }
    .aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName h4 {
        top: 12px;
        padding-left: 24px;
        font-size: 16px;
        line-height: 24px;
    }
    .aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName h3 {
        width: 80px;
        left: 10px;
        bottom: 0px;
        padding-left: 5px;
        font-size: 14px;
        line-height: 44px;
    }
    .aboutUsHead .aboutUsBox .aboutUsPag .aboutUsPagName h3 img {
        margin: -3px 5px 0 0;
        width: 15px;
    }
    .aboutUsHead .aboutUsBox {
        margin-top: 10px;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt h3 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 9px;
        background-size: auto 2px;
        margin-bottom: 12px;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt .p {
        font-size: 12px;
        line-height: 24px;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt h4 {
        font-size: 14px;
        margin-top: 11px;
        margin-bottom: 8px;
        background-size: auto 3px;
    }
    .aboutUsHead .aboutUsBox .aboutUsTxt h4 span {
        padding-right: 8px;
        font-size: 14px;
        line-height: 30px;
    }
}

.aboutUsDown {
    background: url("../about8.jpg") no-repeat center center;
    background-size: cover;
    padding: 70px 0 80px 0;
}

.aboutUsDown ul {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 111px;
}

.aboutUsDown ul li {
    width: 33.33%;
    float: left;
    text-align: center;
}

.aboutUsDown ul li .aboutUsDownIco {
    width: 104px;
    height: 104px;
    display: inline-block;
    vertical-align: top;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    background: url("../about9.png") no-repeat center center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.aboutUsDown ul li .aboutUsDownIco img {
    width: 100%;
    float: left;
}

.aboutUsDown ul li h4 {
    width: 100%;
    margin-top: 24px;
    font-size: 22px;
    color: #000003;
    line-height: 34px;
    font-weight: bold;
    letter-spacing: 1px;
}

.aboutUsDown ul li h5 {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    text-transform: uppercase;
    font-family: Arial;
    letter-spacing: 1px;
    padding-bottom: 16px;
    background: url("../about10.jpg") no-repeat center bottom;
}

.aboutUsDown ul li h6 {
    width: 100%;
    margin-top: 16px;
    font-size: 16px;
    color: #444;
    line-height: 22px;
    letter-spacing: 1px;
}

.aboutUsDown .aboutUsDownText {
    width: 100%;
    float: left;
    margin-top: 93px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
    letter-spacing: 1px;
}

@media screen and (max-width:1199px) {
    .aboutUsDown ul {
        margin-top: 61px;
    }
    .aboutUsDown .aboutUsDownText {
        margin-top: 53px;
    }
}

@media screen and (max-width:991px) {
    .aboutUsDown {
        padding: 40px 0 60px 0;
    }
    .aboutUsDown ul {
        margin-top: 31px;
    }
    .aboutUsDown .aboutUsDownText {
        margin-top: 33px;
        font-size: 14px;
        line-height: 30px;
    }
    .aboutUsDown ul li .aboutUsDownIco {
        width: 84px;
        height: 84px;
    }
    .aboutUsDown ul li h4 {
        margin-top: 14px;
        font-size: 16px;
        line-height: 28px;
    }
    .aboutUsDown ul li h5 {
        font-size: 14px;
        color: #333;
        line-height: 20px;
        padding-bottom: 12px;
        background-size: auto 1px;
    }
    .aboutUsDown ul li h6 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width:767px) {
    .aboutUsDown {
        padding: 20px 10px 30px 10px;
    }
    .aboutUsDown ul {
        margin-top: 21px;
    }
    .aboutUsDown .aboutUsDownText {
        margin-top: 23px;
        line-height: 24px;
    }
    .aboutUsDown ul li .aboutUsDownIco {
        width: 64px;
        height: 64px;
    }
    .aboutUsDown ul li h4 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .aboutUsDown ul li h5 {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 8px;
        display: none;
    }
    .aboutUsDown ul li h6 {
        margin-top: 6px;
        font-size: 12px;
        line-height: 18px;
    }
}


/*高端定制*/

.stoOne {
    padding: 62px 0 72px 0;
}

.stoOne .stoOneText {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.stoTwo {
    padding: 103px 0 72px 0;
    text-align: center;
    background: url("../sto3.jpg") no-repeat center center;
    background-size: cover;
}

.stoTwo img {
    vertical-align: top;
}

.stoTwo a {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.stoTwo a:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

@media screen and (max-width:991px) {
    .stoOne {
        padding: 32px 10px 42px 10px;
    }
    .stoOne .stoOneText {
        margin-top: 20px;
        font-size: 14px;
        line-height: 30px;
    }
    .stoTwo {
        padding: 63px 10px 42px 10px;
    }
    .stoTwo a {
        margin-top: 20px;
        width: 140px;
    }
}

@media screen and (max-width:767px) {
    .stoOne {
        padding: 12px 10px 22px 10px;
    }
    .stoOne .stoOneText {
        margin-top: 10px;
        font-size: 12px;
        line-height: 24px;
    }
    .stoTwo {
        padding: 33px 10px 22px 10px;
    }
    .stoTwo a {
        margin-top: 10px;
        width: 100px;
    }
}

.stoTre {
    padding: 72px 0 80px 0;
}

.stoTre ul {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.stoTre ul li {
    width: 33.33%;
    float: left;
    padding: 32px 55px 9px 55px;
    background: #f2f2f2;
    text-align: center;
}

.stoTre ul li .ico {
    width: 100%;
    height: 76px;
}

.stoTre ul li .ico img {
    height: 100%;
}

.stoTre ul li h4 {
    width: 100%;
    float: left;
    margin-top: 16px;
    font-size: 18px;
    color: #333;
    line-height: 27px;
    font-weight: bold;
    padding-bottom: 16px;
    background: url("../bian_7.jpg") no-repeat center bottom;
}

.stoTre ul li .p {
    width: 100%;
    float: left;
    margin-top: 24px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.stoTre ul li.l1 {
    background: #fafafa;
}

.stoTre .bian_1 {
    bottom: auto;
    top: -40px;
}

@media screen and (max-width:1309px) {
    .stoTre ul li {
        padding: 32px 25px 9px 25px;
    }
}

@media screen and (max-width:1199px) {
    .stoTre {
        padding: 52px 0 60px 0;
    }
    .stoTre ul {
        margin-top: 30px;
    }
    .stoTre .bian_1 {
        top: -20px;
    }
}

@media screen and (max-width:991px) {
    .stoTre {
        padding: 32px 0 40px 0;
    }
    .stoTre ul {
        margin-top: 20px;
    }
    .stoTre ul li {
        padding: 12px 25px 10px 25px;
    }
    .stoTre ul li .ico {
        height: 46px;
    }
    .stoTre ul li h4 {
        margin-top: 10px;
        font-size: 16px;
        line-height: 21px;
    }
    .stoTre ul li .p {
        margin-top: 15px;
        font-size: 12px;
        line-height: 20px;
        height: 60px;
    }
}

@media screen and (max-width:767px) {
    .stoTre {
        padding: 12px 0 20px 0;
    }
    .stoTre ul {
        margin-top: 10px;
    }
    .stoTre ul li {
        width: 50%;
    }
}

@media screen and (max-width:480px) {
    .stoTre ul li {
        width: 100%;
    }
}

.stoFou {
    background: url("../sto4.jpg") no-repeat center center;
    background-size: cover;
    padding: 72px 0 80px 0;
}

.stoFou .aboutUsTit {
    color: white;
    background-image: url("../sto8.png");
}

.stoFou ul {
    width: 100%;
    float: left;
    margin-top: 11px;
}

.stoFou ul li {
    width: 33.33%;
    float: left;
    margin-top: 30px;
    padding: 0 15px;
    cursor: pointer;
}

.stoFou ul li .stoFouBox {
    width: 100%;
    float: left;
    padding: 25px 30px 25px 179px;
    line-height: 100px;
    position: relative;
    background: #f5f5f5;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.stoFou ul li .stoFouBox .stoFouIco {
    position: absolute;
    left: 51px;
    top: 25px;
    width: 100px;
    height: 100px;
    background: white;
    box-shadow: 3px 15px 15px rgba(0, 0, 0, 0.05);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.stoFou ul li .stoFouBox .stoFouIco img {
    width: 100%;
    float: left;
}

.stoFou ul li .stoFouBox span {
    display: inline-block;
    vertical-align: middle;
}

.stoFou ul li .stoFouBox h4 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 34px;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.stoFou ul li .stoFouBox h5 {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 16px;
    color: #333;
    line-height: 23px;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.stoFou ul li .stoFouBox:hover {
    background: #d61518;
}

.stoFou ul li .stoFouBox:hover h4,
.stoFou ul li .stoFouBox:hover h5 {
    color: white;
}

@media screen and (max-width:1199px) {
    .stoFou {
        padding: 52px 0 60px 0;
    }
    .stoFou ul li .stoFouBox {
        padding: 25px 20px 25px 140px;
    }
    .stoFou ul li .stoFouBox .stoFouIco {
        left: 21px;
    }
}

@media screen and (max-width:991px) {
    .stoFou {
        padding: 32px 0 40px 0;
    }
    .stoFou .row {
        margin: 0 -10px;
    }
    .stoFou ul li {
        margin-top: 20px;
        padding: 0 10px;
    }
    .stoFou ul li .stoFouBox {
        padding: 15px 15px 15px 110px;
    }
    .stoFou ul li .stoFouBox .stoFouIco {
        left: 15px;
        width: 80px;
        height: 80px;
    }
    .stoFou ul li .stoFouBox h4 {
        font-size: 16px;
        line-height: 28px;
    }
    .stoFou ul li .stoFouBox h5 {
        font-size: 14px;
        line-height: 21px;
    }
}

@media screen and (max-width:767px) {
    .stoFou {
        padding: 12px 10px 20px 10px;
    }
    .stoFou .row {
        margin: 0 -5px;
    }
    .stoFou ul li {
        margin-top: 10px;
        width: 50%;
        padding: 0 5px;
    }
    .stoFou ul li .stoFouBox {
        padding: 15px 15px 15px 15px;
        text-align: center;
        line-height: 0;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }
    .stoFou ul li .stoFouBox .stoFouIco {
        width: 60px;
        height: 60px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        left: auto;
        top: auto;
    }
    .stoFou ul li .stoFouBox h4 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }
    .stoFou ul li .stoFouBox h5 {
        font-size: 12px;
        line-height: 19px;
    }
}

.stoFiv {
    padding: 66px 0 74px 0;
    text-align: center;
}

.stoFiv .content1 {
    width: 100%;
    float: left;
    margin-top: 55px;
}

.stoFiv .content1 ul {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.stoFiv .content1 ul li {
    width: 166px;
    float: left;
    margin: 0 25.5px;
}

.stoFiv .content2 {
    width: 100%;
    float: left;
    margin-top: 59px;
}

.stoFiv .content2 ul {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.stoFiv .content2 ul li {
    width: 216px;
    float: left;
    margin: 0 49.5px;
    background: #f2f2f2;
    padding: 38px 10px 42px 10px;
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.stoFiv .content2 ul li .ico {
    height: 92px;
    padding-bottom: 12px;
    background: url("../bian_10.jpg") no-repeat center bottom;
}

.stoFiv .content2 ul li .ico img {
    height: 100%;
}

.stoFiv .content2 ul li h4 {
    width: 100%;
    float: left;
    margin-top: 15px;
    font-size: 18px;
    color: #333;
    line-height: 29px;
}

.stoFiv .content2 ul li:after {
    content: '';
    background: url("../bian_11.png") no-repeat center;
    width: 50px;
    height: 10px;
    position: absolute;
    right: -75px;
    top: 50%;
    margin-top: -5px;
}

.stoFiv .content2 .p {
    width: 100%;
    float: left;
    margin-top: 52px;
    font-size: 16px;
    color: #555;
    line-height: 30px;
}

.stoFiv .content2 ul li.last:after {
    display: none;
}

@media screen and (max-width:1309px) {
    .stoFiv .content2 ul li {
        width: 176px;
        margin: 0 40px;
    }
    .stoFiv .content2 ul li:after {
        right: -65px;
    }
}

@media screen and (max-width:1199px) {
    .stoFiv {
        padding: 46px 0 54px 0;
    }
    .stoFiv .content1 {
        margin-top: 35px;
    }
    .stoFiv .content1 ul li {
        width: 126px;
        margin: 0 20px;
    }
    .stoFiv .content2 {
        margin-top: 39px;
    }
    .stoFiv .content2 ul li {
        width: 170px;
        margin: 0 10px;
        padding: 28px 10px 32px 10px;
    }
    .stoFiv .content2 ul li:after {
        display: none;
    }
    .stoFiv .content2 .p {
        margin-top: 32px;
    }
    .stoFiv .content2 ul li h4 {
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (max-width:991px) {
    .stoFiv {
        padding: 26px 0 34px 0;
    }
    .stoFiv .content2 ul li .ico {
        height: 72px;
        padding-bottom: 10px;
    }
    .stoFiv .content2 .p {
        font-size: 14px;
        line-height: 24px;
    }
    .stoFiv .content2 ul li h4 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 23px;
    }
    .stoFiv .content2 ul li {
        width: 160px;
        margin: 0 5px;
    }
    .stoFiv .content2 {
        margin-top: 19px;
    }
}

@media screen and (max-width:767px) {
    .stoFiv {
        padding: 16px 10px 24px 10px;
    }
    .stoFiv .content1 {
        margin-top: 15px;
    }
    .stoFiv .content1 ul li {
        width: 86px;
        margin: 0 5px;
    }
    .stoFiv .content2 ul li {
        width: 46%;
        margin: 10px 1.5% 0 1.5%;
        padding: 18px 10px 22px 10px;
    }
    .stoFiv .content2 .p {
        margin-top: 12px;
    }
    .stoFiv .content2 ul li h4 {
        font-size: 12px;
        line-height: 20px;
    }
}

.stoSix {
    padding: 74px 0 82px 0;
    background: url("../sto10.jpg") no-repeat center center;
    background-size: cover;
}

.stoSix .aboutUsTit {
    color: white;
    background-image: url("../sto8.png");
}

.stoSix .stoSixRow {
    margin: 0 -9px;
}

.stoSix ul {
    width: 100%;
    float: left;
    margin-top: 60px;
}

.stoSix ul li {
    width: 33.33%;
    float: left;
    padding: 0 9px;
}

.stoSix ul li .stoSixBox {
    width: 100%;
    float: left;
    padding: 24px 30px 0 30px;
    line-height: 230px;
    text-align: center;
    position: relative;
    background: url("../sto9.png");
}

.stoSix ul li .stoSixBox h4 {
    width: 216px;
    height: 54px;
    line-height: 54px;
    color: white;
    background: #d61518;
    font-size: 20px;
    letter-spacing: 2px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -108px;
}

.stoSix ul li .stoSixBox h5 {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    color: white;
    font-size: 16px;
    max-height: 168px;
    overflow: hidden;
}

@media screen and (max-width:1199px) {
    .stoSix {
        padding: 54px 0 62px 0;
    }
}

@media screen and (max-width:991px) {
    .stoSix {
        padding: 34px 0 42px 0;
    }
    .stoSix .stoSixRow {
        margin: 0 -5px;
    }
    .stoSix ul {
        margin-top: 40px;
    }
    .stoSix ul li {
        padding: 0 5px;
    }
    .stoSix ul li .stoSixBox {
        padding: 24px 20px 0 20px;
        line-height: 200px;
    }
    .stoSix ul li .stoSixBox h4 {
        width: 180px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        letter-spacing: 1px;
        margin-left: -90px;
    }
    .stoSix ul li .stoSixBox h5 {
        line-height: 26px;
        font-size: 14px;
        max-wheight: 156px;
    }
}

@media screen and (max-width:767px) {
    .stoSix {
        padding: 14px 10px 22px 10px;
    }
    .stoSix .stoSixRow {
        margin: 0 -5px;
    }
    .stoSix ul {
        margin-top: 20px;
    }
    .stoSix ul li {
        width: 100%;
        margin-top: 10px;
    }
    .stoSix ul li .stoSixBox {
        padding: 18px 20px 0 20px;
        line-height: 140px;
        height: 150px;
    }
    .stoSix ul li .stoSixBox h4 {
        width: 140px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-left: -70px;
    }
    .stoSix ul li .stoSixBox h5 {
        line-height: 22px;
        font-size: 12px;
        max-wheight: 110px;
    }
}

.stoSve {
    padding: 72px 0 124px 0;
}

.stoSve .caseOneBody {
    width: 100%;
    float: left;
    margin-top: 41px;
    position: relative;
    border-top: solid 1px #e2e2e2;
    border-left: solid 1px #e2e2e2;
}

.stoSve .caseOneBody li {
    width: 100%;
    float: left;
    border: solid 1px #e2e2e2;
    border-top: 0;
    border-left: 0;
    margin-left: -1px;
    height: 152px;
    position: relative;
    background: white;
    overflow: hidden;
}

.stoSve .caseOneBody li img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -1px;
    background: white;
}

.stoSve .caseOneBody li .caseOneBox {
    width: 100%;
    height: 100%;
    line-height: 152px;
    background: #0599d9;
    background: #d61518;
    background: rgba(214, 21, 24, 0.95);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.stoSve .caseOneBody li .caseOneBox span {
    display: inline-block;
    vertical-align: middle;
}

.stoSve .caseOneBody li .caseOneBox span h5 {
    font-size: 20px;
    line-height: 25px;
    color: white;
    letter-spacing: 1px;
}

.stoSve .caseOneBody li .caseOneBox span h6 {
    font-size: 14px;
    line-height: 18px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.stoSve .caseOneBody li:hover .caseOneBox {
    opacity: 1;
}

.stoSve .caseOneBody .slick-dots {
    position: absolute;
    bottom: -54px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}

.stoSve .caseOneBody .slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 13px;
    vertical-align: top;
    padding: 0;
    float: none;
    border: 0;
    background: #bfbfbf;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.stoSve .caseOneBody .slick-dots li button {
    display: none;
}

.stoSve .caseOneBody .slick-dots li.slick-active {
    background: #d61518;
}

@media screen and (max-width: 1309px) {
    .stoSve .caseOneBody li {
        height: 135px;
    }
    .stoSve .caseOneBody li .caseOneBox {
        line-height: 135px;
    }
}

@media screen and (max-width: 1199px) {
    .stoSve {
        padding: 52px 0 64px 0;
    }
    .stoSve .caseOneBody li {
        height: 111px;
    }
    .stoSve .caseOneBody li .caseOneBox {
        line-height: 111px;
    }
}

@media screen and (max-width: 991px) {
    .stoSve {
        padding: 32px 0 44px 0;
    }
    .stoSve .caseOneBody {
        margin-top: 21px;
    }
    .stoSve .caseOneBody li {
        height: 108px;
    }
    .stoSve .caseOneBody li .caseOneBox {
        line-height: 108px;
    }
    .stoSve .caseOneBody .slick-dots {
        bottom: -34px;
    }
    .stoSve .caseOneBody .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 9px;
    }
}

@media screen and (max-width: 767px) {
    .stoSve {
        padding: 12px 0 24px 0;
    }
    .stoSve .caseOneBody {
        margin-top: 11px;
    }
    .stoSve .caseOneBody li {
        height: auto;
        overflow: hidden;
    }
    .stoSve .caseOneBody li a {
        display: block;
        padding-bottom: 58.237%;
        position: relative;
        width: 100%;
        float: left;
    }
    .stoSve .caseOneBody li .caseOneBox {
        display: none;
    }
    .stoSve .caseOneBody .slick-dots {
        bottom: -14px;
        height: 6px;
    }
    .stoSve .caseOneBody .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }
}

.stoEig {
    background: url("../sto15.jpg") no-repeat center center;
    background-size: cover;
    padding: 68px 0 79px 0;
}

.stoEig .aboutUsTit {
    color: white;
    background-image: url("../sto8.png");
}

.stoEig ul {
    width: 100%;
    float: left;
    margin-top: 33px;
}

.stoEig ul li {
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-top: 20px;
}

.stoEig ul li .zbox {
    width: 100%;
    float: left;
    padding-left: 90px;
    position: relative;
    background: white;
    border: solid 1px #e6e6e6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.stoEig ul li .zbox .name {
    width: 90px;
    font-size: 14px;
    color: #999;
    line-height: 48px;
    padding-left: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.stoEig ul li .zbox .txk {
    width: 100%;
    float: left;
}

.stoEig ul li .zbox .txk input {
    display: block;
    width: 100%;
    float: left;
    height: 48px;
    font-size: 14px;
    color: #333;
    line-height: 50px;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0
}

.stoEig ul li.l1 .zbox {
    padding-left: 120px;
}

.stoEig ul li.l1 .zbox .name {
    width: 120px;
}

.stoEig ul li.l2 {
    width: 100%;
}

.stoEig ul li.l2 .zbox {
    padding-left: 105px;
}

.stoEig ul li.l2 .zbox .name {
    width: 105px;
}

.stoEig ul li.l2 .zbox .txk {
    padding: 8px 15px 8px 42px;
}

.stoEig ul li.l2 .zbox .txk select {
    display: block;
    width: 19%;
    margin: 0 0.5%;
    background: url("../sto16.png") no-repeat 96% center #f9f9f9;
    float: left;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    text-align: left;
    font-size: 14px;
    color: #333;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0
}

.stoEig ul li.l2 .zbox .txk input {
    display: block;
    float: left;
    width: 38%;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    text-align: left;
    font-size: 14px;
    color: #333;
    background: #f9f9f9;
    margin: 0 0.5%;
}

.stoEig ul li.l2 .zbox .txk select:focus,
.stoEig ul li.l2 .zbox .txk input:focus {
    background: #ddd;
}

.stoEig ul li.l3 {
    width: 100%;
}

.stoEig ul li.l3 .zbox {
    padding: 0;
}

.stoEig ul li.l3 .zbox textarea {
    width: 100%;
    display: block;
    float: left;
    height: 139px;
    background: none;
    padding: 12px 20px;
    font-size: 14px;
    color: #333;
    line-height: 28px;
}

.stoEig ul li.l4 {
    width: 66.666%;
    text-align: center;
}

.stoEig ul li.l4 input {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: white;
    background: #cc272b;
    font-size: 18px;
    cursor: pointer;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.stoEig ul li.l4 input:hover {
    border-bottom: solid 4px #991a1d;
}

.stoEig ul li.l5 {
    width: 33.333%;
}

.stoEig ul li.l5 .zbox {
    padding-left: 80px;
    padding-right: 130px;
}

.stoEig ul li.l5 .zbox .name {
    width: 80px;
}

.stoEig ul li.l5 .zbox span {
    display: block;
    width: 120px;
    position: absolute;
    right: 1px;
    top: 8px;
    cursor: pointer;
}

@media screen and (max-width:1199px) {
    .stoEig {
        padding: 58px 0 36px 0;
    }
    .stoEig ul li {
        width: 50%;
    }
    .stoEig ul li.l2 .zbox .txk select {
        width: 32.33%;
    }
    .stoEig ul li.l2 .zbox .txk input {
        width: 99%;
        margin-top: 10px;
    }
    .stoEig ul li.l5,
    .stoEig ul li.l4 {
        width: 50%;
    }
}

@media screen and (max-width:767px) {
    .stoEig {
        padding: 28px 10px 16px 10px;
    }
    .stoEig ul {
        margin-top: 13px;
    }
    .stoEig ul li {
        margin-top: 13px;
    }
    .stoEig ul li.l5 .zbox {
        padding-right: 100px;
    }
}

@media screen and (max-width:480px) {
    .stoEig ul li {
        width: 100%;
        margin-top: 8px;
    }
    .stoEig ul li.l2 .zbox .txk {
        padding: 0px 20px 8px 19px;
    }
    .stoEig ul li.l2 .zbox .txk select {
        width: 99%;
        margin-top: 10px;
    }
    .stoEig ul li.l4 {
        margin-top: 20px;
    }
    .stoEig ul li.l5,
    .stoEig ul li.l4 {
        width: 100%;
    }
    .stoEig ul li.l2 .zbox {
        padding-left: 0;
    }
    .stoEig ul li.l2 .zbox .name {
        width: 100%;
        float: left;
        position: relative;
    }
}

.containerBox {
    padding: 0px 20px 80px 20px;
    font-size: 16px;
    line-height: 2.5em;
    width: 85%;
    margin: 0 auto;
    max-width: 900px;
    overflow: hidden;
}

.containerBox a {
    text-decoration: underline;
    color: #00F;
}

.containerBox h3 {
    display: block;
    background-color: #199ED8;
    font-size: 20px;
    color: #ffffff;
    line-height: 3em;
    margin: 1em -5em;
    text-align: center;
    font-weight: 700;
}

.containerBox .blockquote {
    background-color: #f2f5fb;
    padding: 5px 20px 5px 30px;
    margin-left: 0;
    margin-right: 0;
    color: #243342;
    border-left: 5px solid #d0d6dc;
}

.containerBox img {
    width: 100%;
    margin: 25px 0px;
}

@media screen and (max-width:1199px) {
    .containerBox {
        none
    }
}

@media screen and (max-width:991px) {
    .containerBox {
        none
    }
}

@media screen and (max-width:767px) {
    .containerBox {
        width: 100%;
    }
    .containerBox .blockquote {
        padding: 5px 20px 5px 20px;
        line-height: 2em;
        font-size: 14px;
    }
}


/*底部漂浮*/

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    height: 50px;
    z-index: 99;
}

.pf_down li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 0 5px 0;
    position: relative;
}

.pf_down li .ico {
    width: 100%;
    float: left;
    height: 30px;
}

.pf_down li .ico img {
    height: 36px;
}

.pf_down li .name {
    width: 100%;
    float: left;
    margin-top: 0px;
    font-size: 12px;
    color: #929292;
    line-height: 14px;
}

.pf_down li.l1 a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px #d32329;
    margin-top: -20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.elli {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1243px) {
    body {
        -webkit-text-size-adjust: none
    }
}