@charset "utf-8";

/* CSS Document*/

@import url(//at.alicdn.com/t/font_2023711_yypjagp9pf.css);
 :root {
    --main-color: #ff7245;
    --second-color: #cff7eb;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td,
span,
input {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    color: #000;
    -webkit-text-size-adjust: none;
    height: 100%;
}

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
    font-weight: normal;
}

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

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

ins {
    text-decoration: none;
}

i,
em {
    font-style: normal;
}

input {
    border: none;
}

select,
input,
button,
button img,
label {
    vertical-align: middle
}

body,
h1,
h2,
h3,
ul,
li,
form,
p,
img {
    border: 0
}

input,
button,
select,
img {
    margin: 0;
    line-height: normal
}

a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: var(--main-color);
}

.clear,
.area {
    zoom: 1;
}

.clear:after,
.area:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.tc {
    text-align: center;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.dn {
    display: none;
}

.head-box {
    min-width: 1200px;
}

.topbar-hbky119 {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    width: 100%;
    background-color: #f8f8f8;
}

.topbar-hbky119 a {
    color: #777;
    text-decoration: none;
}

.top-nav-hbky119 {
    width: 760px;
    float: left;
    height: 34px;
    line-height: 34px;
    color: #777
}

.topbar-hbky119 i {
    margin: 0 10px;
    color: #ccc
}

.topbar-hbky119 a:hover {
    text-decoration: underline;
    color: #f60;
}

.topbar-hbky119 .f-r i {
    margin: 0 5px;
    text-align: right;
}

.cbox {
    width: 1200px;
    margin: 0 auto;
}

.tc {
    text-align: center;
}

.bodybox {
    box-sizing: border-box;
    /*border: 1px solid #efefef;
box-shadow: 0 0 10px rgba(0, 0, 0, .03);*/
    background-color: #fff;
}

.line {
    height: 15px;
    clear: both;
}

.com-line {
    height: 35px;
    clear: both;
}

.crumbs {
    height: 30px;
    padding-left: 10px;
    font-size: 14px;
    color: gray;
    line-height: 30px;
    width: 1200px;
    margin: 10px auto;
    min-width: 1200px;
}

.crumbs a {
    color: gray;
}

.crumbs i {
    font-size: 18px;
    margin-right: 8px;
    font-weight: normal;
    color: gray;
    float: left;
    line-height: 18px;
}

.com-nav-box {
    width: 100%;
    height: 55px;
    background-color: #ffffff;
    -webkit-transform: translateZ(0);
    position: relative;
    z-index: 3;
    box-shadow: 0 0 3px #eee;
}

.nav-box {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    padding: 0 0 0 230px;
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.banner-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    box-shadow: 0 0 10px #666;
    z-index: 1000 !important;
    background: white;
}

.nav-box>a,
.nav-box>h1>a {
    position: absolute;
    width: 168px;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nav-box>a>img {
    max-height: 80%;
    font-size: 14px;
    text-align: center;
}

.nav-box>ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 720px;
}

.nav-box>ul>li {
    font-size: 18px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    line-height: 55px;
    display: block;
}

.nav-box>ul>li.on>a,
.nav-box>ul>li:hover>a {
    color: #ea4245 !important;
}

.nav-box>ul>li:hover .list-box {
    display: block;
}

.nav-box>ul>li>.list-box {
    display: none;
    box-sizing: border-box;
    position: absolute;
    left: -28px;
    top: 55px;
    z-index: 2;
    background-color: #fff;
}

.nav-box>ul>li>.list-box div {
    position: relative;
}

.nav-box>ul>li>.list-box>div>a {
    display: block;
    font-size: 14px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #2f2f2f;
    background-color: #fff;
}

.nav-box>ul>li>.list-box>div>a:hover {
    color: #ea4245 !important;
}

.nav-box>ul>li>a {
    color: #000;
    display: block;
    height: 100%;
    padding: 0 5px 5px 5px;
}

.nav-box>.nav-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 196px;
}

.nav-box>.nav-btn a {
    line-height: 30px;
    padding: 0 15px;
    font-size: 15px;
    background-color: #f50;
    color: #fff;
    border-radius: 15px;
}

.nav-box>.nav-btn a:first-child {
    border: 1px solid #f50;
    background-color: #fff;
    color: #f50;
}

.nav-box>.nav-tel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 55px;
}

.nav-box>.nav-tel>span {
    font-size: 14px;
    color: #ff6537;
    font-weight: bold;
    position: relative;
    top: -4px;
}

.nav-box>.nav-tel>i {
    font-size: 26px;
    position: relative;
    top: 1px;
    color: #ff6537;
    font-weight: bold;
}

.com-title {
    display: inline-block;
    padding: 6px 22px;
    border: 1px solid;
    border-color: #666;
    margin: 15px auto 0;
}

.com-title h2 {
    font-size: 20px;
    color: #333;
    letter-spacing: 2px;
    margin: 0;
    text-shadow: none;
    display: inline-block;
    font-weight: 700;
}

.com-title .desc {
    font-size: 20px;
    color: #999999;
    margin: 0;
    display: inline-block;
}

.com-slide {
    min-width: 1000px;
    position: relative;
    overflow: hidden;
}

.com-slide .bd {
    position: relative;
    z-index: 0;
}

.com-slide .bd ul {
    width: 100% !important;
}

.com-slide .bd li {
    width: 100% !important;
    height: 100%;
    min-height: 300px;
    background-position: center top;
    background-repeat: no-repeat;
}

.com-slide .bd li a {
    width: 100% !important;
    height: 100%;
    display: block;
    text-indent: -99999em;
}

.com-slide .bd li .siteWidth {
    width: 1000px;
    position: relative;
    margin: 0 auto;
}

.com-slide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.com-slide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 8px;
    margin: 3px;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    line-height: 9999px;
}

.com-slide .hd ul .on {
    background-color: rgba(234, 66, 69, 0.6);
}

.com-tjkc {
    width: 1200px;
    margin: 25px auto 15px;
}

.com-tjkc .hd {
    overflow: hidden;
    text-align: center;
    margin: 15px auto;
}

.com-tjkc .hd li {
    position: relative;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0 15px;
    border: 1px solid #ddd;
    font: normal 14px/32px "Microsoft YaHei";
    display: inline-block;
    cursor: pointer;
}

.com-tjkc .hd li.on {
    background: #f50;
    color: #fff;
    border: 1px solid #f50;
}

.com-tjkc .hd li.on a {
    color: #fff;
}

.kc-list li {
    width: 285px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    background-color: #f9faf7;
    margin-right: 20px;
    padding-bottom: 15px;
}

.kc-list li:nth-child(4n) {
    margin-right: 0;
}

.kc-list li .zxx-img,
.kc-list li .logo-img {
    width: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 177px;
}

.kc-list li .zxx-img img {
    height: 177px;
    width: 100%;
}

.kc-list li .logo-img {}

.kc-list li .logo-img img {
    max-width: 100%;
    max-height: 100%;
}

.kc-list li h4 {
    line-height: 28px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #06202e;
    overflow: hidden;
    font-weight: 700;
    box-sizing: border-box;
}

.kc-list li .price {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    margin-top: 3px;
    box-sizing: border-box;
}

.kc-list li .price p {
    font-size: 20px;
    color: #ff6537;
    padding: 0px 5px;
    float: left;
    box-sizing: border-box;
}

.kc-list li .price a {
    display: block;
    float: right;
    height: 100%;
    line-height: 28px;
    height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #ff6537;
    color: #ff6537;
}

.kc-list li .price p s {
    font-size: 12px;
    color: #808080;
    padding: 0px 2px;
    box-sizing: border-box;
}

.btn-box {
    width: 440px;
    height: 56px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.btn-box a {
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 20px;
    background: #ff6537;
    float: left;
    border-radius: 20px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}

.btn-box a:last-child {
    background: #FFFFFF;
    color: #ff6537;
    border: solid 1px #ff6537;
    margin-right: 0;
}

.head .title {
    font-size: 30px;
    margin-top: 0;
    text-align: center;
    color: #06202e;
    font-weight: 400;
    margin-bottom: 15px;
    text-shadow: none;
}

.head .desc {
    font-size: 18px;
    text-align: center;
    width: 80%;
    color: #ffffff;
    color: #7f878c;
    margin: 0 auto;
}

.about {
    padding: 25px 0;
    background-color: #ff7245;
    /**background-image: url(../images/about-bg.jpeg);**/
    background-position: center bottom;
}

.about .title,
.about .desc {
    color: #fff;
}

.about .introduce {
    text-indent: 2em;
    line-height: 24px;
    padding: 10px 10%;
    font-size: 16px;
    color: #333333;
    color: #fff;
}

.news-list {
    padding: 25px 0;
}

.news-list li {
    width: 380px;
    float: left;
    margin-right: 20px;
    position: relative;
    margin-bottom: 20px;
}

.news-list li:nth-child(3n) {
    margin-right: 0;
}

.news-list li .date {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 85px;
    height: 85px;
    border: 1px solid #333;
    border-radius: 100%;
    text-align: center;
}

.news-list li .date strong {
    font-size: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    font-weight: normal;
    color: #06202e;
    margin-top: 17px;
}

.news-list li .date em {
    font-style: normal;
    font-size: 14px;
    color: #06202e;
}

.news-list li .info {
    padding-left: 105px;
    border: 0;
    text-align: left;
}

.news-list li .info h4 {
    font-size: 18px;
    color: #06202e;
    line-height: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 36px;
}

.news-list li .info p {
    max-height: 50px;
    overflow: hidden;
    color: #7f878c;
    font-weight: 300;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
}

.ter {
    background-color: #f8f8f8;
    padding: 35px 0;
}

.ter-box {
    width: 1200px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    padding: 25px 0;
}

.ter-box .piclist {
    overflow: hidden;
    zoom: 1;
}

.ter-box .scrollWrap {
    overflow: hidden;
    position: relative;
    width: 1120px;
    margin-left: 40px;
}

.ter-box .piclist li {
    float: left;
    display: inline;
    width: 280px;
    text-align: center;
}

.ter-box .piclist li .info {
    padding: 0 20px;
}

.ter-box .piclist li img {
    width: 163px;
    height: 163px;
    margin: 0 auto;
    border-radius: 100%;
}

.ter-box .piclist li h3 {
    text-align: center;
    font-size: 16px;
    color: #06202e;
    color: ;
    font-weight: normal;
    padding: 10px 0;
    margin: 0;
}

.ter-box .piclist li p {
    font-size: 12px;
    color: #7f878c;
    line-height: 20px;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ter-box .piclist li span {
    height: 25px;
    line-height: 25px;
    display: block;
    text-align: center;
}

.ter-box .bd {
    position: relative;
}

.ter-box .prev,
.ter-box .next {
    position: absolute;
    top: 115px;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 9;
    overflow: hidden;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACp0lEQVRYR82YO4sUQRDH/z27mQjiA1E0EBUFz0hBQ/0AJopiaOBO7WzsI9BQAx/xzvas7BoeiiZ+AA0VvMgTFO5Q1NT7AMtst/Sxc8zszqN7uldmoKOpqv5NdXVP/Zuh4Q9rOB+sAcMwvMQY26sGADXUsyWl3B5BEHywSUItwH6/f6rdbl8BcEtKeaYMgDH2FcDLOI7f9Xq976awRoDD4fCcEMIHoEadJ/I8L+p0Omu6ztqAnHNuATbPExER6UBqAXLOPwK4oBPQwOYTEV2ssq8E5Jz/TRV/VTzT91tEtK+0hstecs5/AzhiOquh/R8iOlrkU5hBzvkrANcNJ6tr/pqIbuQ55wI63hC60LkbZwFwdpR81o06s1tjjB2SUh429MuYe553fv4IWgCskb0NIjqpZnJQFgtZzACGYbjied4Xwyz8JKJjiY8tpBDibBAE60m8DCDn/BGAB4aAyjxT5JaQj4noYRHgBoDjNQBdQm4S0YkFQNWVeJ73viZc4uYkk0KIy0kXtLPEg8HgKmPsjSWgk0xKKa91u923KtgOIOf8NoChA0AXkB0iejEPeA/AE0eAGcjRaHQgjuMfUspdmvHvE9HT/wY4Ho/3TCaTXwB22wA2e4kbv0kaf8yo2oiiaL1KBJXUkJMzUIks3/dXcv8kURTdkVI+0yzktJkTuO1dy9hd3/ef5wIqOdlqtb4ZAmY6Ysv/MKbT6em0PLVut9JLYgunqmxe7TlpWBWklHI/gIOG2c+YazWsyqNG02rDlfjqtfyJ9ZK0cNGHFGrkUl28ZE2cwJZqYx3hvkxtXKqJM81CWRE52J154Qu1cNq4MoOpmmzu5VEC2ejrt3TaZ/L0JgA1qkTWJoBVIcRqWk7qnkvaS1wUsJFXwLpf78LOOoMuIMpi/AMWCFg45ogodgAAAABJRU5ErkJggg==');
    background-size: cover;
}

.ter-box .prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 0;
}

.ter-box .next {
    right: 0;
}


/* 本例子css */

.pingjia {
    background: url(../images/pj-bg.jpg) center 0 repeat-y;
    animation: bgAnim 20s linear infinite;
    padding-top: 50px;
}

@keyframes bgAnim {
    from {
        background-position: 100% 0;
    }
    to {
        background-position: 100% -600px;
    }
}

.pingjia-top {
    margin: 0 auto;
    width: 1140px;
    overflow: hidden;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
    margin-top: 80px;
    padding: 30px 15px;
}

.pingjia-top .hd {
    display: none;
}

.pingjia-top .bd {
    padding: 10px;
}

.pingjia-top .bd ul {
    overflow: hidden;
    zoom: 1;
}

.pingjia-top .bd ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pingjia-top .bd ul li .pic {
    text-align: center;
}

.pingjia-top .bd ul li .pic img {
    width: 180px;
    height: 90px;
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
}

.pingjia-top .bd ul li .pic a:hover img {
    border-color: #999;
}

.pingjia-top .bd ul li .title {
    line-height: 24px;
}

.pj-item {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pj-item img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.pj-item div {
    flex: 1;
    margin-left: 15px;
    text-align: left;
    padding-right: 15px;
}

.pj-item div span {
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    color: #333;
}

.pj-item div p {
    font-size: 14px;
    color: #666;
}

.com-footer {
    background: #4a4e53;
    width: 100%;
    min-width: 1200px;
    height: 200px;
}

.com-left {
    width: 895px;
    float: left;
}

.com-right {
    width: 285px;
    float: right;
}

.left-title {
    padding: 14px 0;
    box-sizing: border-box;
}

.left-title span {
    display: block;
    height: 24px;
    line-height: 24px;
    border-left: 4px solid #e64441;
    padding-left: 10px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    letter-spacing: 2px;
}

.about-content {
    overflow: hidden;
    padding: 10px 0;
    color: #333;
    font-size: 16px;
    line-height: 28px;
    box-sizing: content-box;
}

.about-content h2 {
    color: #333;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

.about-content p {
    color: #333;
    margin-top: 20px;
    text-indent: 2rem;
}

.about-content img {
    max-width: 100%;
}

.about-content a {
    color: var(--main-color);
}

.right-catlist {
    padding: 10px;
}

.right-catlist li {
    width: 50%;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    float: left;
}

.right-catlist li a {
    color: #333;
    padding-left: 10px;
}

.right-catlist li.on a,
.right-catlist li a:hover {
    color: #f60;
}

.row_box {
    border: 1px solid #ececec;
    margin-bottom: 15px;
}

.utitle {
    border-bottom: 1px solid #ececec;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.utitle a.t {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #f60;
    font-size: 16px;
    text-align: left;
    width: 95px
}

.utitle a.umore {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
}

.utitle a.umore:hover {
    color: #666;
}

.ulist {
    padding: 10px;
}

.ulist li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    color: #ccc
}

.ulist li i.ico {
    color: #999;
    font-weight: bold;
}

.ulist li span {
    font-size: 13px;
    margin-left: 15px;
    line-height: 26px;
    padding-top: 5px;
}

.ulist li a {
    color: #666;
    padding: 0 5px;
}

.ulist li a:hover {
    color: var(--main-color);
}

.ulist li a.cate {
    color: #a6a6a6;
}


/* 右侧切换广告css */

.RadBox {
    position: relative;
    width: 285px;
    height: 217px;
    overflow: hidden;
    font: 12px/1.5 Verdana, Geneva, sans-serif;
    text-align: left;
    background: white;
    margin-bottom: 15px;
}

.RadBox .pic img {
    width: 285px;
    height: 187px;
    display: block;
}

.RadBox .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: 30px;
    width: 100%;
    overflow: hidden;
    background-color: #f8f8f8;
}

.RadBox .txt li {
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: -30px;
}

.RadBox .txt li a {
    display: block;
    color: #666;
    padding: 0 0 0 10px;
    font-size: 14px;
    text-decoration: none;
}

.RadBox .num {
    position: absolute;
    z-index: 3;
    bottom: 35px;
    right: 8px;
}

.RadBox .num li {
    z-index: 1;
    background: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    float: left;
    position: relative;
    width: 7px;
    height: 7px;
    overflow: hidden;
    text-align: center;
    margin-right: 1px;
    cursor: pointer;
}

.RadBox .num li.on,
.RadBox .num li:hover {
    background: #f60;
    alpha(opacity=100);
    opacity: 1;
}

.rkclist {
    padding: 10px 10px 0;
}

.rkclist li {
    height: 66px;
    margin-bottom: 10px;
    cursor: pointer;
}

.rkclist li .fl {
    width: 100px;
    height: 66px;
}

.rkclist li .fl {
    width: 100px;
    height: 66px;
}

.rkclist li .fl .zxx-img,
.rkclist li .fl .logo-img {
    width: 100px;
    height: 66px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rkclist li .fl .logo-img img {
    max-width: 100%;
    max-height: 100%;
}

.rkclist li .fl .zxx-img img {
    width: 100px;
    height: 66px;
}

.rkclist li .fr {
    width: 135px;
}

.rkclist li .fr p {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.rkclist li .fr a.djzx {
    border: 1px solid var(--main-color);
    color: var(--main-color);
    background-color: #fff;
    border-radius: 2px;
    display: block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 63px;
    margin-top: 4px;
    float: right;
}

.rkclist li .fr a.djzx:hover {
    color: #fff;
    background-color: var(--main-color);
}

.left-cat {
    margin-bottom: 20px;
}

.left-cat li {
    position: relative;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 212px;
    margin-right: 15px;
    border: 1px solid #ddd;
    font: normal 16px/40px "Microsoft YaHei";
    display: inline-block;
    cursor: pointer;
}

.left-cat li a {
    display: block;
}

.left-cat li:nth-child(4n) {
    margin-right: 0;
}

.left-cat li.on,
.left-cat li:hover {
    background: #f50;
    color: #fff;
    border: 1px solid #f50;
}

.left-cat li.on a,
.left-cat li:hover a {
    color: #fff;
}

.kc-item {
    width: 900px;
    height: 150px;
    background: #fff;
    border: 1px solid #ececec;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.kc-item .kc-left {
    float: left;
}

.kc-item .kc-left .kc-div {
    width: 194px;
    border: 1px solid #F4F4F4;
    height: 120px;
}

.kc-item .kc-left .kc-div .kc-logo {
    display: block;
    width: 194px;
    height: 120px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.kc-item .kc-left .kc-div .kc-logo img {
    max-width: 100%;
    max-height: 100%;
}

.kc-item .kc-right {
    max-width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    margin-left: 20px;
}

.kc-item .kc-right h3 {
    max-width: 460px;
    overflow: hidden;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 22px;
    color: #333;
}

.kc-item .kc-right h3 span {
    display: inline-block;
    background-color: #ff6537;
    color: #fff;
    margin-left: 20px;
    line-height: 20px;
    height: 20px;
    padding: 0 5px;
    font-size: 12px;
}

.kc-item .kc-right p {
    font-size: 14px;
    height: 25px;
    margin-top: 5px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kc-item .kc-right .info {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.kc-item .kc-right .info span {
    margin-right: 5px;
}

.kc-item .kc-right .info .nowprice {
    color: #ff6537;
    font-size: 18px;
}

.kc-item .kc-right .info i {
    color: #ff6537;
}

.kc-item .kc-right .jigou {
    line-height: 30px;
}

.kc-tj {
    position: relative;
}

.kc-tj::after {
    content: '';
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFXElEQVRoQ9WZXYiUVRjHf2cERcF0tcBixZVKAyG3AkHD2sWECiMrcy+KXMWddQVNsyjMSLG6KDItyJxJUjAoLdYwClJzlT7u0rqJJEhTgi40RVAo9cT/nPPOzufOO7MfM3uuZt73ec/z/M7z+c4Ysta+ecydP5md40Zye/b1Af9sWW3SvDcQ+5p8gMQIjrXewqWGkYwdCAUl97C0mTR7+6ujAIAEx0aNgPsmwbiR/d2+zPOWFpPmaH+05AB8cS9jr45igja8cyJNt45njzE09kdBmWf/5jqt5kN+rVZHDkD+JnY595DgINBQrYIYz/3CNVrNTs7HkC0Q6RNA0jZJK3AISFSjIOYzh0yK+TFlc8TKAgSIhUB3NQpiP2P42Ozg6djyQTAWQIBYAuyqVEGO/Jx2+K0Hurrh223wQ952li0mzbpKdMQGCBCrgW2VKMjIjhkP63pgwhQwBt5ugTMnim31oknxZlwdFQE4iE42YNkcVwEyXGtiEyz5CCY3w4+7YVe7v67v+SCWpSYdz9sVAwSIt7A8HwvilRMwehyMHg/nT3tjL//jH21e6K+/PBUuX8jdzvKwSfN1OR1VATiIDlIYOsopYPFWmPesF/tyE8xuh4lT/HcZvaXVXzu8Fc6dyt7uEtBiUvzUl46qAUJOfAK0FShQuExv8ae7+B0fMid7vMFK4HOnfQit3A9njsO0Flg/NR9A2/4eGt3ZUhD9AggQcvODOQoe2QgLXvWXoniXkTL+ykXvgdfuAsnNfBROHvVJXWwZvsfSalL8V/x22RjoW8AmGRMa3ewcyXlr/Ime2A8qn0pgLZ20vBN9F6ByoXRVAku3SfP4oAAEL9wMbuSYUaAkMl6GajXOhCsXfNgIUJ6IYBV6KrO7lxbaavnApOnKv9HvEIo2tEnuCBC9w19U+2XY8W7YtxZe/wNXWrc/5k9e97YvhMZmv9W6I7B3ba/3ci3eZFJszL40YADOEyuYxXU3N/W+S0R9QE3Mnf5Fb9yfx/1JC0C9QPkhbwhK+SO59U2F5RVWmhTbI4gBBXAQnczH8k1BDMhIQSgn9q6Brv1wQIdpvajKrWAEd+NUf61UXlgWmTSfS2TAARzEchaRYF9JCAEIJAqnfMHDYVqZvcSHmnImu1sbrobK9N2gADiIDpZh2Fk0qV03vuDDRX1C4eK8EUYLlVY1uKjMnv0ZNoccySQdf5GgZdAAHESStcCWwpISDH3uiB/s1NTU6N445SdU5Y0gNHoobwQsoPxxY7BCKNtgm3RVI3S1cEf5ION18qpAygeNEoJQnijEVFo1QymE2neBtT7J89ageiDj7aTzgrzRuxQeMjoKJVUhlU+dvqqQPquHyHBBqPnlvz8MhQeyIJQPywqOUPPQp2t680ECUajI8LatPj+U9EXWkHggC+Iz4ImMHVGj0ylHCSzj1bUVZgql4i89mS2GFCAktkaOB3IglAOCUTIr9qfd7+O9SNLWJAdyknoVN/AvB7HMKhoTupidHyWF/I0h94DzwnIaSbiRY3oZ+8rergmAg+hgBsZBTCprZR8CNQMIEHMwbgzXO0VVq6YAAeIhDF9VZX2tciDfWNtJGxa9X1e8au6ByGLbSRLLjkoJ6gYg9IgXIP6vcjUro32dsu1kM5YNcT1RVx7IhFMH72JYFQeiLgFCddqN4ZlyEHULEHJC/0nov4mSq74BnmQEDa7R6V+ioquuAZwXumjgmhs57i5GUPcADmIFTVx3nrgtH2JYADiITmZiHcRN2RDDBiCE09wQTpm/4IcVQCivCzAciLww7AACxFMY9tTlKFGucWW6ddL91P7+sPRAFsRL/wMzrp7QRGHm7wAAAABJRU5ErkJggg==');
    width: 48px;
    height: 48px;
    position: absolute;
    background-size: cover;
    right: 0;
    top: -3px;
}

.kc-item .message {
    position: absolute;
    right: 50px;
    top: 50%;
    height: 66px;
    margin-top: -33px;
}

.kc-item .message .live-message {
    width: 98px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    border: 1px solid #ff9c00;
    color: #ff9c00;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kc-item .message .live-message i {
    margin-bottom: 10px;
}

.kc-item .message .call-num {
    line-height: 30px;
    font-size: 14px;
    margin-top: 10px;
}

.course-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-info>.img {
    width: 400px;
    height: 247px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-info>.img img {
    max-width: 100%;
    max-height: 100%;
}

.course-info>.info {
    display: inline-block;
    width: 500px;
    margin-left: 40px;
    letter-spacing: 1px;
    position: relative;
    min-height: 247px;
}

.course-info>.info>h1 {
    color: #444;
}

.course-info>.info>h1.name {
    font-size: 27px;
    font-weight: bold;
}

.course-info>.info>h1>a {
    color: #444;
}

.course-info>.info>h1.name>a {
    font-size: 27px;
    font-weight: bold;
}

.course-info>.info>div.des {
    color: #585858;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 15px 0;
    overflow: hidden;
    max-height: 44px;
}

.course-info>.info>div>span,
.course-info>.info>div>div>span {
    font-size: 14px;
    margin-right: 60px;
    margin-bottom: 10px;
}

.course-info>.info>div>span.blue-bg,
.course-info>.info>div>div>span.blue-bg {
    display: inline-block;
    padding: 5px 10px;
    background-color: #ebf3ff;
    border-radius: 25px;
    letter-spacing: 0;
    margin-right: 22px;
}

.course-info>.info>div>div>span.tel {
    color: #f03b42;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1px;
}

.course-info>.info>a.btn {
    display: inline-block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    margin-right: 12px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
}

.course-info>.info>a.btn.zaixian {
    background: #ea4245 url(../images/mfzxr.gif) no-repeat center center;
    text-indent: -9999em;
    overflow: hidden;
    bottom: 0;
    left: 0;
}

.course-info>.info .price {
    font-size: 20px;
    color: #f03b42;
}

.course-info>.info .price s {
    font-size: 12px;
    color: #808080;
    padding: 0px 2px;
    box-sizing: border-box;
}

.course-info>.info>a.btn.qq {
    background-color: #eb4245;
}

.course-info>.info>a.btn.qq:hover {
    background-color: #fc6568;
    box-shadow: 0 0 5px #fc6568;
}

.mt25 {
    margin-top: 25px;
}

.big-title {
    background-color: #f8f8f8;
    height: 40px;
    padding: 8px 0;
    box-sizing: border-box;
}

.big-title span {
    color: #333;
    padding-left: 24px;
    line-height: 24px;
    border-left: 4px solid #e64441;
    height: 24px;
    font-weight: bold;
    font-size: 18px;
}

#pages {
    padding: 30px 0 25px;
    text-align: center;
}

#pages a,
#pages span {
    background: #fff;
    margin: 0 5px;
    color: #333;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}

#pages a:hover {
    background: #e64441;
    color: #fff;
    text-decoration: none;
}

#pages span.activation {
    background: #e64441;
    border: #e64441;
    color: #fff;
}

#pages span.disable {
    background: #f1f1f1;
}

.news-page-list li {
    border: 1px solid #ececec;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.news-page-list li .img {
    margin-right: 15px;
}

.news-page-list li .img,
.news-page-list li .img img {
    width: 210px;
    height: 130px;
}

.news-page-list li h4 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #333;
}

.info {
    flex: 1;
}

.news-page-list li p.des {
    margin-bottom: 10px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-page-list li p.tips {
    margin-bottom: 0px;
    font-size: 14px;
    color: #999;
}

.news-page-list li p.tips span {
    margin-right: 15px;
}

.news-page-list li p.tips span:first-child {
    margin: 0;
}

.news-page-list li p.tips .btn {
    background: #55acee;
    display: inline-block;
    color: #fff;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.from-box {
    padding: 25px 20px;
}

.from-tips {
    height: 38px;
    line-height: 38px;
    border: 1px solid #f7b6a9;
    background: #fdf5f3;
}

.from-tips p {
    margin-left: 20px;
    font-size: 14px;
    color: #666;
}

.from-tips p strong {
    color: #ff6537;
}

.from-box-con {
    padding: 30px;
}

.layui-form-checked span,
.layui-form-checked:hover span,
.layui-btn[type='submit'] {
    background-color: #ff6537!important;
}

.layui-form-checked i,
.layui-form-checked:hover i,
.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #ff6537!important;
}

.layui-form-onswitch {
    border-color: #ff6537!important;
    background-color: #ff6537!important;
}

.layui-form-select dl dd.layui-this {
    background-color: #ff6537!important;
}

.layui-btn-primary:hover {
    border-color: #ff6537!important;
}

.from-box-con label em {
    color: #ff6537;
}

.news-img-list li {
    width: 288px;
    border: 1px solid #ececec;
    margin-right: 15px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.news-img-list li:nth-child(3n) {
    margin-right: 0;
}

.news-img-list li img {
    width: 288px;
    height: 178px;
}

.news-img-list li .info {
    padding: 10px 15px;
}

.news-img-list li .info h4 {
    padding-bottom: 10px;
    font-size: 18px;
    height: 40px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 20px;
    font-weight: 400;
}

.news-img-list li .info h4 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-img-list li .info p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-img-list li .info .tips {
    color: #999;
    line-height: 20px;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jigou-fx-list li {
    border-bottom: 1px dashed #cbcbcb;
    margin-bottom: 26px;
    cursor: pointer;
}

.jigou-fx-list li h3 span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #f9363e;
    margin-right: 12px;
    margin-bottom: 3px;
}

.jigou-fx-list li h3 {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
}

.jigou-fx-list li div {
    margin-bottom: 10px;
    font-size: 14px;
    padding-left: 18px;
}

.articleTitle {
    border-bottom: 1px dashed #e5e5e5;
    padding: 20px 0;
}

.articleTitle h1 {
    color: #333;
    font-size: 28px;
    margin: 0 0 15px;
    line-height: 38px;
}

.article-tips {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 30px;
    font-size: 14px;
    height: 30px;
    color: #999;
    overflow: hidden;
}

.article-tips img {
    width: 30px;
    height: 30px;
}

.article-tips span {
    margin-right: 15px;
    margin-left: 5px;
}

.article-tips i {
    color: #d2d2d2;
    font-size: 18px;
    margin-bottom: 15px;
}

.article-tips i.icon-tx {
    color: #d2d2d2;
    font-size: 33px;
    margin-bottom: 27px;
}

#content {
    overflow: hidden;
    padding: 10px;
    color: #333;
    font-size: 16px;
    line-height: 28px;
    box-sizing: content-box;
}

#content h2 {
    color: #333;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

#content p {
    color: #333;
    margin-top: 20px;
    text-indent: 2rem;
}

#content img {
    max-width: 100%;
}

#content a {
    color: #2983c0;
}

#content ol {
    margin: 0 0 10px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 16px;
    line-height: 28px;
}

.read-more {
    background: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    width: 100px;
    cursor: pointer;
    text-align: center;
    display: block;
    margin: 20px auto;
}

.bborder {
    border-bottom: 1px solid #efefef;
}

.np {
    padding: 20px 30px 20px 50px;
    line-height: 25px;
    font-size: 14px;
}


/**图库内页**/

.photoTitle {
    border-bottom: 1px dashed #e5e5e5;
    padding: 20px 30px;
}

.content-pic {
    padding: 20px!important;
}

.photoTitle h1 {
    color: #333;
    text-align: center;
    font-size: 28px;
    line-height: 38px;
}

.photo-channel #photo-article .tool {
    position: relative;
    height: 35px;
    padding-top: 6px
}

.photo-channel #photo-article .tool .auto,
.photo-channel .tool .up,
.photo-channel .tool .next {
    background: url(../images/up-next.png) no-repeat;
    height: 27px;
    width: 31px;
    margin-right: 10px;
    overflow: hidden;
    line-height: 27px;
    display: inline-block;
}

.photo-channel #photo-article .tool .auto span,
.photo-channel .tool .up span,
.photo-channel .tool .next span {
    visibility: hidden
}

.photo-channel #photo-article .tool .auto {
    background-position: -39px top;
}

.photo-channel #photo-article .tool .next {
    background-position: -78px top;
}

.photo-channel #photo-article .photo-article-Tool {
    position: absolute;
    right: 0;
    border: none;
    background: none;
    font-size: 12px;
    font-weight: normal
}

.photo-channel #photo-article .tool .stat {
    color: #999;
    float: right;
}

.photo-channel .photo-box {
    position: relative;
    padding: 15px 0;
}

.photo-channel #photo-article .text {
    position: absolute;
    line-height: 34px;
    display: block;
    text-align: center;
    width: 100%;
}

.photo-channel #photo-article .big-pic {
    text-align: center;
    padding: 10px 0;
    border: 1px solid #ededed;
    background-color: #fafcfe;
    position: relative
}

.photo-channel #photo-article .big-pic #big-pic {
    display: table-cell;
    vertical-align: middle;
    *display: block;
    overflow: hidden;
    *font-size: 480px;
    width: 896px;
    height: 650px
}

.photo-channel #photo-article .big-pic .max {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #FFF url(../images/max.png) no-repeat 5px center;
    z-index: 101;
    padding: 5px 5px 5px 20px
}

.photo_prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 100
}

.photo_next {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 100
}

.photo_prev a,
.photo_next a {
    background-image: url(../images/blank.gif);
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
}

#photo-article .list-pic {
    padding: 22px 15px 16px;
    height: 80px;
    border: 1px solid #ececec;
    border-top: none;
}

#photo-article .cont {
    overflow: hidden;
    float: left;
    width: 829px;
    height: 80px
}

#photo-article .cont li {
    float: left;
    width: 123px;
    text-align: center;
    display: block;
    overflow: hidden
}

#photo-article .cont li .img-wrap {
    width: 100px;
    height: 75px;
    margin: 0 auto;
}

#photo-article .cont li .img-wrap a {
    *font-size: 55px;
    width: 100px;
    height: 75px;
    outline: medium none;
}

#photo-article .cont li .img-wrap a img {
    max-height: 100%;
    max-width: 100%;
}

#photo-article .cont li.on .img-wrap {
    border: 2px solid #ffb017
}

#photo-article .list-pic .pre,
#photo-article .list-pic .next {
    float: left;
    display: block;
    position: relative;
    background: url(../images/pic_bg.png) no-repeat;
    width: 110px;
    height: 86px;
    text-align: center
}

#photo-article .list-pic .pre {
    left: -8px;
    top: -3px;
    margin-right: 14px
}

#photo-article .list-pic .next {
    right: -8px;
    float: right;
    top: -3px
}

#photo-article .list-pic .pre .img-wrap,
#photo-article .list-pic .next .img-wrap {
    width: 102px;
    height: 72px;
    border: none;
    padding: 4px 0 8px;
}

#photo-article .list-pic .pre .img-wrap img,
#photo-article .list-pic .next .img-wrap img {
    max-width: 100%;
    max-height: 100%;
}

#photo-article .list-pic .pre .img-wrap a,
#photo-article .list-pic .next .img-wrap a {
    *font-size: 53px;
    width: 98px;
    height: 72px;
    padding: 0px 5px 0 4px;
    *padding: 0px 5px 5px 0px
}

#photo-article .list-pic .pre .img-wrap a:hover,
#photo-article .list-pic .next .img-wrap a:hover {
    background: none
}

#photo-article .list-pic .next {
    right: -8px;
    float: right;
    bottom: -2px
}

#photo-article .pre-bnt,
#photo-article .next-bnt {
    margin-top: 5px;
    cursor: hand!important;
    cursor: pointer
}

#photo-article .pre-bnt,
#photo-article .next-bnt,
#photo-article .pre-bnt span,
#photo-article .next-bnt span {
    background: url(../images/big-btn.png) no-repeat;
    display: block;
    width: 17px;
    height: 69px;
    float: left;
}

#photo-article .pre-bnt:hover,
#photo-article .next-bnt:hover,
#photo-article .pre-bnt-on,
#photo-article .next-bnt-on {
    background-position: 0 -78px;
}

#photo-article .pre-bnt span {
    background-position: -30px top;
}

#photo-article .pre-bnt:hover span,
#photo-article .pre-bnt-on span {
    background-position: -30px -78px;
}

#photo-article .next-bnt span {
    background-position: -55px top;
}

#photo-article .next-bnt:hover span,
#photo-article .next-bnt-on span {
    background-position: -55px -78px;
}

.img-wrap {
    border: 1px solid #eee;
    text-align: center;
    overflow: hidden;
}

input,
label,
img,
th {
    vertical-align: middle;
}

#endSelect {
    top: 290px;
    left: 333px;
    position: absolute;
    width: 230px;
    height: 71px;
    border: 1px solid #8a8a8a;
    display: none;
    z-index: 200;
}

#endSelect .bg {
    height: 100%;
    width: 100%;
    background: #000;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

#endSelect .E_Cont {
    position: absolute;
    top: 20px;
    left: 45px;
    color: #fff;
    font-size: 14px;
}

#endSelect .E_Cont p {
    padding: 4px 0;
    zoom: 1;
    overflow: hidden;
}

#rePlayBut,
#nextPicsBut,
#endSelect #endSelClose {
    background: url(../images/big-btn.png) no-repeat
}

#rePlayBut {
    float: left;
    width: 69px;
    height: 23px;
    background-position: 0px -167px;
}

#nextPicsBut {
    float: left;
    width: 97px;
    height: 23px;
    background-position: -100px -167px;
    margin-left: 10px;
}

#endSelect #endSelClose {
    background-position: 0px -217px;
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    width: 11px;
    height: 11px;
    overflow: hidden;
    z-index: 2;
}

.photo_prev a {
    cursor: url(../images/prev.cur), auto;
}

.photo_next a {
    cursor: url(../images/next.cur), auto;
}

.page-list li {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    overflow: hidden;
    list-style: inside;
    color: #999;
}

.page-list li.line {
    height: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dcdcdc;
}

.page-list li span {
    float: right;
    color: #999;
}

.course-shaixuan-kyy325 {
    padding: 15px 15px 9px 15px;
    position: relative;
    border: 1px solid #dcdcdc;
    margin-bottom: 15px;
}

.course-shaixuan-kyy325 dl {
    font-size: 0;
    margin-bottom: 20px;
}

.course-shaixuan-kyy325 dl:last-child {
    margin-bottom: 0;
}

.course-shaixuan-kyy325 dl dt {
    margin-right: 15px;
    font-size: 16px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
}

.course-shaixuan-kyy325 dl dd {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 756px;
    font-size: 0;
}

.course-shaixuan-kyy325 dl dd.list a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666666;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 12px;
    margin-bottom: 6px;
}

.course-shaixuan-kyy325 ul {
    width: 1200px;
    margin: 10px auto 0;
    position: absolute;
    z-index: 998;
    left: 0;
    top: 25px;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
}

.course-shaixuan-kyy325 ul li {
    padding: 10px 10px 0;
    font-size: 0;
    -webkit-box-shadow: 0 0 5px 2px rgba(14, 69, 138, 0.08);
    -moz-box-shadow: 0 0 5px 2px rgba(14, 69, 138, 0.08);
    box-shadow: 0 0 5px 2px rgba(14, 69, 138, 0.08);
    text-align: justify;
    display: none;
}

.course-shaixuan-kyy325 ul li a {
    font-size: 14px;
    color: #333333;
    padding: 0 10px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.course-shaixuan-kyy325 ul li a:hover {
    background-color: #ff9d00;
    color: #ffffff;
}

.course-shaixuan-kyy325 dl dd.list .active,
.course-shaixuan-kyy325 dl dd.list .on {
    background-color: #ff9d00;
    color: #fff;
}

.ter_list li {
    width: 288px;
    height: auto;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    margin-right: 15px;
    text-align: center;
    border: 1px solid #dcdcdc;
    margin-bottom: 15px;
}

.ter_list li:nth-child(3n) {
    margin-right: 0;
}

.ter_list li .img {
    width: 180px;
    height: 180px;
    border-radius: 90px;
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.ter_list li .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.ter_list li h4 {
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ter_list li h4 a {
    color: #f50;
}

.ter_list li p {
    height: 48px;
    color: #555;
    font-size: 15px;
    line-height: 24px;
    padding: 0 20px;
    margin-bottom: 15px;
    overflow: hidden;
}

.ter_list li a.xq {
    height: 60px;
    color: #f50;
    font-weight: 700;
    font-size: 15px;
    line-height: 60px;
    border-top: 1px solid #dcdcdc;
    display: block;
    width: 100%;
}

.ter_list li a.xq:hover {
    background-color: #f50;
    color: #fff;
}

.ter_info {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.ter_info img {
    width: 180px;
    height: 180px;
    border-radius: 90px;
    overflow: hidden;
}

.ter_info .desc {
    flex: 1;
    margin-left: 30px;
}

.ter_info .desc h1 {
    line-height: 50px;
    height: 50px;
    font-size: 24px;
}

.ter_info .desc p {
    line-height: 30px;
    font-size: 14px;
    margin-top: 20px;
}

.ter_info .st {
    height: 120px;
    width: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f3f3f3;
    background-image: url(../images/teacher_play.png);
    background-position: center 18px;
    background-repeat: no-repeat;
    color: #333;
    text-align: center;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 190px;
}

.ter_head {
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    border-left: 4px solid #e64441;
    padding-left: 10px;
    font-size: 18px;
    color: #333;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.ter_jianjie {
    margin: 35px 0;
}

.ter_jianjie .con,
.ter_kecheng .con {
    padding: 20px 0;
}

.ter_jianjie .con h2,
.ter_kecheng .con h2,
.ter_jianjie .con h3,
.ter_kecheng .con h3,
.ter_jianjie .con h4,
.ter_kecheng .con h5 {
    font-size: 22px;
    font-weight: bold;
}

.ter_kecheng .kc-list li:nth-child(3n) {
    margin-right: 0;
}

.ter_kecheng .kc-list li:nth-child(4n) {
    margin-right: 20px;
}

.tj_kecheng {
    background-color: #f7f8fa;
    padding: 25px 0 10px;
}

.tj_kecheng .title {
    line-height: 22px;
    height: 22px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding-left: 15px;
    border-left: 4px solid #f50;
}

.tjkc-list li {
    width: 228px;
    height: auto;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    background-color: #fff;
    margin-right: 15px;
    margin-bottom: 15px;
}

.tjkc-list li:nth-child(5n) {
    margin-right: 0;
}

.tjkc-list li .zxx-img,
.tjkc-list li .logo-img {
    width: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 140px;
}

.tjkc-list li .zxx-img img {
    height: 140px;
    width: 100%;
}

.tjkc-list li .logo-img img {
    max-width: 100%;
    max-height: 100%;
}

.tjkc-list li p {
    line-height: 28px;
    height: 32px;
    font-size: 16px;
    color: #06202e;
    overflow: hidden;
    text-align: center;
    font-weight: 400;
    box-sizing: border-box;
}

.fotter-hbky119 {
    background-color: #f7f7f7;
    width: 100%;
    padding: 20px 0 20px;
    min-width: 1200px;
}

.fotter-tips {
    border-bottom: 1px solid #efefef;
    height: 200px;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.fotter-left-hbky119 {
    width: 550px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.fotter-right-hbky119 {
    width: 650px;
}

.fotter-left-hbky119 dl {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    margin-top: 0;
}

.fotter-left-hbky119 dl dt {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.fotter-left-hbky119 dl dd a {
    display: block;
    margin-top: 15px;
    color: #666;
}

.fotter-right-hbky119 ul {
    justify-content: space-around;
    display: flex;
    align-items: flex-start;
}

.fotter-right-hbky119 ul li p {
    margin-top: 10px;
    text-align: center;
    color: #333;
}

.fotter-right-hbky119 .text-right {
    margin-top: 5px;
    justify-content: space-between;
    display: flex;
    align-items: flex-start;
    color: #333;
}

.fotter-right-hbky119 .text-right span {}

.fotter-right-hbky119 .text-right i {
    margin-right: 6px;
    width: 24px;
    line-height: 24px;
    height: 24px;
    font-size: 18px;
}

.fotter-right-hbky119 .text-right a {
    color: #333;
}

.fotter-right-hbky119 .text-right i.icon-hezuo {
    color: #3dd1d3;
}

.fotter-right-hbky119 .text-right i.icon-tel {
    color: #1d82d0;
}

.fotter-right-hbky119 .text-right i.icon-kefu {
    color: #ff9933;
}

.friendship-link {
    padding: 15px 0;
    color: #7e7e7e;
}

.friendship-link a {
    padding-left: 5px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.footer-copyright {
    padding-bottom: 20px;
    text-align: center;
}

.footer-copyright .footer-con {
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
}

.footer-copyright .footer-con a {
    margin: 0 10px;
}

.footer-copyright p {
    line-height: 20px;
    color: #999999;
    font-size: 14px;
}

.footer-copyright .link:hover {
    color: #ccc
}

.xiaoqu_info {
    padding: 20px 0;
}

.xiaoqu_info h1 {
    line-height: 48px;
    font-size: 28px;
    color: #000;
}

.xiaoqu_info p {
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.xianshi_pb {
    position: relative;
    z-index: 999;
    padding-top: 110px;
    bottom: 2px;
    margin-top: -110px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(88%, #fff));
    background-image: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0%, #fff 88%);
    padding-bottom: 6px;
}

.chankan_pb {
    text-align: center;
    font-size: 14px;
}

.chankan_pb a {
    color: #999;
}

.chankan_pb img {
    display: inline-block!important;
    padding-left: 3px;
    margin: 0 auto;
}

.news_hide {
    height: 150px;
    overflow: hidden;
}

.baoming {
    width: 895px;
    height: 300px;
    background-image: url(../images/bm_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 20px;
}

.baoming .title {
    position: absolute;
    top: 73px;
    left: 82px;
}

.baoming .title h4 {
    font-size: 45px;
    color: #FDF402;
    font-weight: bold;
}

.baoming .title h6 {
    font-size: 38px;
    color: #fff;
    font-weight: bold;
}

.baoming .title a {
    font-size: 28px;
    color: #0D67C3;
    font-weight: bold;
    background-color: #FDF402;
    height: 42px;
    width: 173px;
    display: block;
    text-align: center;
    border-radius: 21px;
    margin: 15px auto 0;
}

.baoming .from {
    position: absolute;
    width: 480px;
    height: 240px;
    top: 32px;
    left: 365px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.baoming .from .t {
    font-size: 28px;
    line-height: 38px;
    color: #FDF402;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 12px;
}

.baoming .from .input,
.baoming .from .textarea {
    text-align: center;
}

.baoming .from .input input {
    background-color: #fff;
    border-radius: 5px;
    width: 190px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #A0A0A0;
    margin: 0 10px;
    padding: 0 10px;
    box-sizing: border-box;
}

.baoming .from .textarea textarea {
    background-color: #fff;
    margin-top: 14px;
    margin-bottom: 8px;
    width: 407px;
    height: 64px;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #A0A0A0;
    padding: 4px 10px;
    line-height: 28px;
    box-sizing: border-box;
}

.baoming .from .btnbox {
    margin: 0 auto;
    text-align: center;
}

.baoming .from .upbtn {
    display: inline-block;
    background-color: #FDF402;
    border-radius: 19px;
    padding: 0 30px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 19px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #0D67C3;
    box-sizing: border-box;
}

.course-box {
    padding: 10px 0;
    color: #333;
    font-size: 14px;
    line-height: 28px;
    box-sizing: content-box;
}

.course-tools {
    width: 130px;
    float: left;
    font-size: 16px;
    text-align: center;
    padding: 5px 0 15px;
    background-color: #fff;
}

.course-tools.course-tools-fixed {
    position: fixed;
    top: 55px;
}

.course-con {
    width: 750px;
    float: right;
}

.course-con h2 {
    color: #333;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

.course-con p {
    color: #333;
    text-indent: 2rem;
}

.course-con img {
    max-width: 100%;
}

.course-con a {
    color: var(--main-color);
}

.course-tools {
    background: #fff;
    box-sizing: border-box;
    border-bottom: 0;
}

.course-tools ul li {
    height: 80px;
    width: 130px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    transition: all .3s;
    cursor: pointer;
    margin-bottom: 10px;
}

.course-tools ul li:last-child {
    border-bottom: none;
}

.course-tools ul li:hover {
    transition: all 300ms linear;
}

.course-tools ul li:hover a {
    color: #fff
}

.course-tools ul li i {
    height: 60px;
    width: 60px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 60px;
    transition: all .3s
}

.course-tools ul li i.bgs1 {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20t%3D%221586947319072%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222226%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20d%3D%22M511.03745067%20986.9408c-85.50293333%200-163.98613333-26.68693333-214.51733334-66.54506667-25.6608%207.1488-58.4864%2018.65493333-79.20213333%2032.9216-17.7248%2012.2016-15.51573333%2024.6464-12.32%2029.6704%2014.02666667%2022.06826667%20240.62186667%2014.09173333%20306.03946667%207.21813334v-3.26506667z%22%20fill%3D%22%23FAAD08%22%20p-id%3D%222227%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M495.62731733%20986.9408c85.5008%200%20163.98613333-26.68693333%20214.51733334-66.54506667%2025.6608%207.1488%2058.48533333%2018.65493333%2079.2032%2032.9216%2017.72373333%2012.2016%2015.51253333%2024.6464%2012.32%2029.6704-14.02666667%2022.06826667-240.62293333%2014.09173333-306.0416%207.21813334v-3.26506667z%22%20fill%3D%22%23FAAD08%22%20p-id%3D%222228%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M496.137184%20472.0256c140.7296-0.9344%20253.5136-27.50186667%20291.73013333-37.696%209.1104-2.432%2013.984-6.78826667%2013.984-6.78826667%200.032-1.25013333%200.57813333-22.3488%200.57813334-33.232C802.42945067%20211.02186667%20713.733984%2026.8512%20495.61665067%2026.83946667%20277.500384%2026.8512%20188.80065067%20211.0208%20188.80065067%20394.30933333c0%2010.8832%200.5504%2031.98186667%200.58346666%2033.232%200%200%203.9648%204.07573333%2011.23093334%206.048%2035.2832%209.57866667%20150.18986667%2037.4816%20294.48533333%2038.43626667h1.0368z%22%20fill%3D%22%23000000%22%20p-id%3D%222229%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M883.50145067%20626.96746667c-8.66133333-27.82506667-20.48426667-60.27306667-32.45546667-91.43466667%200%200-6.8864-0.848-10.36586667%200.15786667-107.424%2031.152-237.62453333%2051.00586667-336.8448%2049.808h-1.02613333C404.14465067%20586.6848%20274.82731733%20567.05813333%20167.76491733%20536.2112%20163.67425067%20535.03466667%20155.59745067%20535.53386667%20155.59745067%20535.53386667%20143.62625067%20566.6944%20131.804384%20599.1424%20123.14411733%20626.96746667%2081.84491733%20759.64586667%2095.22411733%20814.5536%20105.41291733%20815.78453333c21.8624%202.63893333%2085.09866667-99.87946667%2085.09866667-99.87946666%200%20104.17066667%2094.21226667%20264.1248%20309.94773333%20265.59573333a765.87733333%20765.87733333%200%200%201%205.7248%200C721.92171733%20980.02986667%20816.130784%20820.0768%20816.130784%20715.90613333c0%200%2063.23626667%20102.5184%2085.10186667%2099.87946667%2010.18666667-1.23093333%2023.56586667-56.13866667-17.7312-188.81813333%22%20fill%3D%22%23000000%22%20p-id%3D%222230%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M429.20811733%20303.91146667c-29.76%201.32266667-55.19466667-32.11306667-56.78933333-74.61973334-1.6192-42.53546667%2021.18186667-78.08746667%2050.94826667-79.4176%2029.73333333-1.3056%2055.14986667%2032.11626667%2056.76586666%2074.63893334%201.6288%2042.53546667-21.17653333%2078.08-50.9248%2079.3984m220.448-74.61973334c-1.5936%2042.50666667-27.02933333%2075.94026667-56.78933333%2074.61973334-29.7472-1.32053333-52.5536-36.86293333-50.9248-79.39733334%201.61386667-42.52586667%2027.0304-75.94773333%2056.76373333-74.63893333%2029.7696%201.33013333%2052.57066667%2036.88106667%2050.95146667%2079.41653333%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%222231%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M695.40545067%20359.0688c-7.8112-18.78293333-86.46613333-39.7088-183.8432-39.7088h-1.04533334c-97.376%200-176.03306667%2020.92586667-183.84213333%2039.7088a6.66026667%206.66026667%200%200%200-0.57066667%202.672c0%201.3536%200.4192%202.57493333%201.07306667%203.61173333%206.5792%2010.416%2093.92426667%2061.88586667%20183.3408%2061.88586667h1.04533333c89.41546667%200%20176.75733333-51.46666667%20183.33973334-61.88373333a6.77546667%206.77546667%200%200%200%201.0688-3.62133334c0-0.9568-0.21333333-1.85173333-0.5664-2.66453333%22%20fill%3D%22%23FAAD08%22%20p-id%3D%222232%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M464.67371733%20239.33546667c1.344%2016.94506667-7.8688%2032-20.5504%2033.6448-12.7008%201.64693333-24.0736-10.7552-25.42506666-27.70986667-1.32586667-16.95466667%207.87306667-32.00853333%2020.53333333-33.64053333%2012.72213333-1.65226667%2024.11413333%2010.76053333%2025.44213333%2027.7056m77.97013334%208.464c2.70186667-4.39253333%2021.1488-27.488%2059.328-19.0784%2010.02773333%202.208%2014.66666667%205.45706667%2015.64586666%206.73706666%201.44533333%201.888%201.84106667%204.576%200.37546667%208.19626667-2.90346667%207.17333333-8.89386667%206.97813333-12.2176%205.5744-2.144-0.90666667-28.736-16.94826667-53.232%206.98986667-1.68426667%201.648-4.69866667%202.21226667-7.55733333%200.25813333-2.85653333-1.95626667-4.0384-5.9232-2.3424-8.67733333%22%20fill%3D%22%23000000%22%20p-id%3D%222233%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M503.82145067%20589.328h-1.03146667c-67.80586667%200.80213333-150.0224-8.00426667-229.6384-23.38133333-6.81706667%2038.67946667-10.93333333%2087.29386667-7.3984%20145.27573333%208.928%20146.54293333%2097.728%20238.65173333%20234.79253333%20239.99573333H506.11691733c137.06453333-1.344%20225.86453333-93.4528%20234.79466667-239.99573333%203.53493333-57.98613333-0.58346667-106.60053333-7.40266667-145.2832-79.63093333%2015.38453333-161.86133333%2024.19626667-229.68746666%2023.3888%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%222234%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M310.69291733%20581.3504v146.63253333s69.28746667%2013.552%20138.69973334%204.17066667V596.896c-43.97333333-2.4128-91.40053333-7.79093333-138.69973334-15.5456%22%20fill%3D%22%23EB1C26%22%20p-id%3D%222235%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M806.50411733%20427.2384s-130.112%2043.07946667-302.6592%2044.30826667h-1.02613333c-172.26346667-1.22346667-302.21653333-44.16106667-302.66026667-44.30826667l-43.5776%20114.08213333c108.9984%2034.464%20244.0928%2056.67733333%20346.23786667%2055.38773334l1.024-0.00213334c102.15253333%201.29706667%20237.22666667-20.91733333%20346.24-55.3856l-43.57866667-114.08213333z%22%20fill%3D%22%23EB1C26%22%20p-id%3D%222236%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.course-tools ul li i.bgs2 {
    background-image: url("data:image/png;base64,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")
}

.course-tools ul li i.bgs3 {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20t%3D%221586947424844%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222236%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20d%3D%22M903.36%20780.8a37.888%2037.888%200%200%200%2027.632%209.04%2043.488%2043.488%200%200%200%2026.704-12.64A238.112%20238.112%200%200%200%201024%20618.144c0-133.696-121.6-252.944-277.184-272.816C709.072%20200.784%20552.512%2096%20373.872%2096%20167.6%2096%200%20238.736%200%20413.088a277.648%20277.648%200%200%200%2081.04%20194.224%2037.28%2037.28%200%200%200%2028.544%2011.744%2037.504%2037.504%200%200%200%2027.632-63.232%20206.4%20206.4%200%200%201-60.8-142.736c0-133.696%20132.608-242.096%20296.512-242.096%20131.68%200%20253.232%2072.272%20291.92%20172.544-162.064%2015.36-288.224%20134.608-288.224%20274.624a238.736%20238.736%200%200%200%202.768%2036.128h-6.4a449.824%20449.824%200%200%201-90.24-11.744c-6.4-0.896-12.896-2.704-19.344-3.616a34.128%2034.128%200%200%200-24.864%203.616L121.6%20700.352a37.264%2037.264%200%200%200-17.6%2050.592%2037.952%2037.952%200%200%200%2034.064%2020.8%2060.448%2060.448%200%200%200%2017.504-3.616l104.976-51.488%206.4%200.896a483.792%20483.792%200%200%200%20105.904%2013.552c9.216%200%2019.344%200%2030.4-0.896a283.536%20283.536%200%200%200%2069.072%2086.72%20353.6%20353.6%200%200%200%20227.456%2078.592%20399.808%20399.808%200%200%200%2094.848-14.4l78.272%2042.464a42.56%2042.56%200%200%200%2018.416%204.512%2039.248%2039.248%200%200%200%2034.08-19.872%2037.328%2037.328%200%200%200-15.648-51.488l-92.08-49.68a41.696%2041.696%200%200%200-27.632-3.616%20385.472%20385.472%200%200%201-91.2%2015.36c-133.52-0.896-244.032-90.336-244.032-201.456s110.496-200.544%20246.784-200.544c133.52%200%20245.872%2092.144%20245.872%20200.544a165.632%20165.632%200%200%201-47.888%20110.208%2037.76%2037.76%200%200%200%203.792%2053.264z%22%20fill%3D%22%2336AB60%22%20p-id%3D%222237%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M212.96%20315.728a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200zM446.208%20315.728a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200zM559.616%20549.44a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200zM748.608%20549.44a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200z%22%20fill%3D%22%2336AB60%22%20p-id%3D%222238%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.course-tools ul li i.bgs4 {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20t%3D%221586947302970%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222086%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20d%3D%22M187.6%20245.3l152.9%20152.9-27.9%2027.9c-5.7%205.7-6.3%2014.9-1.2%2021.2l26.5%2033.5c29.9%2037.8%2062.4%2074.3%2096.7%20108.6s70.8%2066.8%20108.6%2096.7l33.5%2026.5c6.4%205%2015.5%204.5%2021.2-1.2l27.9-27.9%20152.9%20152.9-56.2%2056.2c-2.2-1.1-4.3-2.1-6.4-3.2C591.8%20826.6%20478.4%20744.5%20379%20645c-99.4-99.4-181.6-212.8-244.3-337.1-1.1-2.1-2.2-4.3-3.2-6.4l56.1-56.2m0-83.9c-4.1%200-8.2%201.6-11.3%204.7L78%20264.4c-14.4%2014.4-18.2%2036.5-9.3%2054.9%202.9%205.9%205.8%2011.7%208.7%2017.6C141.7%20464.4%20227.1%20584%20333.6%20690.5s226.1%20191.9%20353.6%20256.2c5.8%202.9%2011.7%205.8%2017.6%208.7%206.7%203.2%2013.8%204.8%2020.9%204.8%2012.5%200%2024.8-4.9%2034-14.1l98.3-98.3c6.2-6.2%206.2-16.4%200-22.6l-220.9-221c-3.1-3.1-7.2-4.7-11.3-4.7s-8.2%201.6-11.3%204.7l-21.6%2021.6c-5.8%205.8-15%206.3-21.4%201.1-31.7-25.7-62.3-53.3-91.8-82.7-29.4-29.4-57-60.1-82.7-91.8-5.2-6.4-4.7-15.6%201.1-21.4l21.6-21.6c6.2-6.2%206.2-16.4%200-22.6L199%20166.1c-3.2-3.2-7.3-4.7-11.4-4.7z%22%20fill%3D%22%233E3A39%22%20p-id%3D%222087%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M444.1%20362.5L223.3%20141.7c-6.2-6.2-6.2-16.4%200-22.6l50.4-50.4c6.2-6.2%2016.4-6.2%2022.6%200l220.8%20220.8c6.2%206.2%206.2%2016.4%200%2022.6l-50.4%2050.4c-6.2%206.3-16.3%206.3-22.6%200zM882.3%20800.7L661.5%20579.9c-6.2-6.2-6.2-16.4%200-22.6l50.4-50.4c6.2-6.2%2016.4-6.2%2022.6%200l220.8%20220.8c6.2%206.2%206.2%2016.4%200%2022.6l-50.4%2050.4c-6.2%206.2-16.4%206.2-22.6%200z%22%20fill%3D%22%23FF6E83%22%20p-id%3D%222088%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.course-tools ul li i.bgs5 {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFYElEQVR4Xu2aW2xUVRSG/3U60JbaUhuKWrBWqBBop4qxgkIloqHA7KmaGqIGo0ajBuNlboFao6LRKJkzaDE2aryhjdomJsylxfBqfDDRxAck0QAh4oOY2NKWq+0sMzMlmda57HP26XSaTp+azFr/+te317nscw5hjv/RHO8fBQCFCZjjBAqHwBwfgMJJcFYdAq5DXK+NYSuAtYiiR2+jAdUJnjUAPCG+H4S+5IYJ6PML2q4CYVYAcAe5HRr6CP8/ZFUh5D0A7wDfx+PxlS9Kt9IqEPIagKef70U03rwt25ibhZC3ALwRvoc53vy8bM1f/t0MhLwE4A5zGwG9AIplm0+C0O0XtFM2L+8AuCMsKLHyJbJNTIk7owuqlM3NKwDeMDviY08olW0gZZyGBn0b/SqjkTcA3CHeRhp6wSiTMZ4h5ntdUIusRl4A8EV4SzQx9lfIGk8Xx8D2gKBJN0yZNGccgCfMrUC8+XLl5hkPBJz0jRGdGQXgCvJmStzhVRgxnSqWgAf9gr42qjNjALxhvpsTKy99xk7bHOEh3UFfGW0+Fj8jANwhvosSG5srzZielMPYoTupx6xOzgF4g7yJtXjzVWZNJ930POwX9KWKTk4BuMN858Qd3iIV07FcZjwScNIBVZ2cAfD180aOoo+BalXTAB7VBX1ugU5uzgGeCN8R39URFquaZsJjAQd9pqqTdBhZJZVaxxXmFi2xsblatRIDjwcEfaKqk5w/rYeAr5/XRxP7+WtUTRPwhF/Qx6o6U/OnDYA7zLfHd3WEGlXTzHgy4KSPVHXS3EBZL+sN8W3Q0MuMpRaoP6UL+tACnZQSlk+AO8jrqCi+q7tW1TQRnvY76ANVnUz5lgJwhfjW2B0eAbWqphnYGRDUraqTLd8yAJ4gNyOx8nXZikr8/owu6H2JOOUQSwC4DvItWqx54HpVR8R41u+k91R1ZPOVAfgO8c3Rsfilbpls0Qxxz+mC9lugIy2hBMDdz2socZ1fLl0xTSARnvc7qEtVx2i+aQC+CN8U5fjY32C06NR4BlwBQe+o6pjJNwXAO8BNE6+rVpgpOimH4NYdtE9Zx6SAYQCuCNu1xMZmpcmayWleXZBugY5pCUMAvGFuBNDLwCrTFScSGfAFBPlVdVTzpQG4gtygxZ7bA6tVi4KxS3fSXmUdCwSkAXgj7GOGsmkCdvsFvW2Bd0skpAF4IhwEw6lUldChO+gtJQ2Lk6UA7DrMC8cu4iSAhQr1O3VBbyrkT0uqFICJN7Yhsw4IeMkv6A2z+dOZJwXAE+K9IPjMGGHg5YCg183k5iInKwBPkLeC0AVCvQlDr+iCXjORl7OUjABizf9++uwXgyP/jhh1VFNdzE320gOaBo5GE0+fk/+fqkfAEGs40mmnw0ZrqcSnBeA6yPXBn/46eubcWNYPlKYaWLu64tiG5nJTGyQGvnvRTltUmjKSmxbAij2nh/8ZuWT4lXVjXdkfrRsr1R6HMXZ0NJl/36cMYHP3sPj52HDWs/58m8aVZbbRqnLb0FXV88/X1hSXLV5kW2LEQMpYQl9Ho9oXoLIeUk5Ay77BF47+eTbtDm1BiW2sdV3lyeuWzl9SVERmP2ZK65GAb3fbqV22CZW4lAA2dQ0tP/H3hd9Gzo9pU8XnFWksNlQdX1ZXbOoYlzEbjWJP5430qkysakzac0Dbp6M//nBkqDm5QGzl1zdVHG9aVar+HCCD8w47Zb08qzZ+OT9jofae0XdPnLrQfO7ieOPK2gWn1jSUDhaXFF2yqniyTuwyOB7FL7laeSkA09FovmnmbNTyrfHCBEwQKExAvo5mrnwVJiBXpPO1zpyfgP8ApbltUP/0M9oAAAAASUVORK5CYII=")
}

.course-tools ul li i.bgs6 {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFaElEQVR4Xu2ae8hlUxjGnydpXJJR7pcJmVxGksu4zciMSyQkkRhyl8tg3EkuiUFijDExudXMNAZ/aEYit8mlFCUyk2sRiflDCSmlR8/nPdrO7LP23uecvc93+s6q3fftztp7ref3vmvtd71rERO8cILrxwjAyAMmOIHREJjgDjCYSVDSdgCuBzANwDcAVpF8fRDGaHwISNoXwHIA+7UJvovknU1DaBSAJIt+DsDeIfQXAH8D2Cbu7yZ5e5MQGgMgaf8Qv2cIXAvgjPj/+RgOvr2H5G1NQWgEgKQDQvzUrHiS63wvaR8AWQjzSd7aBITaAUg6CMBKALvniW+JzIFwP8mb64ZQKwBJ00P8rinxCQgPkryhTgi1AZB0aIifUkZ8AsJDJK+rC0ItACQdHuJ3riI+AWEByXl1QOg7AEkzQvyO3YhPQFhI8up+Q+grAElHhvjtexGfgLCI5Nx+QugbAElHhfht+yE+AWExySv6BaEvACTNDvFb91N8AsLjJC/rB4SeAUg6JoKYreoQn4CwhOSlvULoCYCk40L8lnWKT0B4kuTFvUDoGoCk40P8Fk2IT0B4muSF3ULoCoCkE2PMb96k+ASEZ0me3w2EygAknRTiNx2E+ASEpSTPrQqhEgBJp4T4SYMUn4CwnOScKhBKA5B0aojfeDyIT0BYQfKsshBKAZB0WojfaDyJT0BYSfLMMhAKAcSn7lXgvwTqWCanlcwo00gTdXLyCS+QbGWcOnahDAAnKu8Yj5ZvV5UDYRbJNSkDlAHgYOcJAO8DuHe8Wb4DBKfT1pO8tsj7CgEUvWDYfx8BGHYL9tr/kQf0SnDYnx95QJEFI9VVVG2D31Pf33in9wp8fQ7gW18kf0o1FM859dZevgfwKYB1JP+o0tlCD4hG367yUgBrSM7KPiNpcgRUZ2c2Q9tfuxqAMz0v57VXoi8/A1jqi6SBFJayAFqRYPaFLUvkRlpZANHxhwF4g9Qds8C3SL4p6UAAvrye92bKbwBmk/woJ8hxmy1jZNt1FtretEnmmd1I2rOSpRBAp6clKX5L7uvHPsG7Udd7hFeRXJ8jzkvsxQAuyPMg12/zgP+FuZJ2AOAcYctYpZIkTQCwtZ1BKpXTl/QiAK8+NwCbAtACKukaAPY2l2lFoXutACQ5dW2repI6gqT/JoukmQDeiUrtVs4OgdyFTiyIvGJ1uYjkU6kGawMgyS79JQBvjs4luahIfMaKrwHwIuwRkrboWCnjAVGvNTwHCsCHIQzA5eC8SS0xv6wA4ITGapInVwEQx3A+iWemk/xwUB5wNIA3ovEpZdw/I/QxAJcDWEvSh6pKe4Aku7wn0h8A7FUUF9Q5BPxZezr6PonkXxWGQCsJ8yfJzcoAkLQLgBsBXBn1/bV5tKjNOgFkM0mTSf5a1JmMUM/iHvs/ktypA4BsHOB5xvU87/wOYFnZvcM6ATjiWxadn0ry6woAngFwHoD3SPqrkDcEsq/zYUsHWL4cBfq+VKkTgA9KtAKgw0h+UKpH/872LwHwHoQteU6ZIVD23e316gRgt/wuGnyA5E1lOynJYbDD4/tI3jKUANxpSU6k+ryQywySvk8WSZdEEtYLm5kkvxpmACcAeCUErAIwh6QXOx1LxvrzSC7IViwbCBVBzv5e2xDIWG2hI8G4/8yzu1eB7Z2UdLrT7gD2cPxA8ticOoWhcBXxrls7gBgK8wFkT31+AcDXx44SAfiobOFhyqH0gIwnjE1qAHykplNZEvH/2Bni8e4BXnePeVCVc/6SDgHgI7T+6wMWTlo4dncWqTCBUdXFi+p3PQSKXjwsv48ADIul6urnyAPqIjss7x15wLBYqq5+/gNTJaVfnciU3QAAAABJRU5ErkJggg==")
}

.course-tools ul li .sidebox {
    position: absolute;
    width: 78px;
    height: 78px;
    top: 0;
    right: 0;
    transition: all .3s;
    overflow: hidden
}

.course-tools ul li.sidetop {
    background: #05824a;
    color: #fff
}

.course-tools .tel-text {
    font-size: 14px;
    color: #f03b42;
    line-height: 24px;
}

.course-tools ul li.sidetop:hover {
    opacity: .8;
    filter: Alpha(opacity=80)
}

.course-tools ul li.sideewm .ewBox.son {
    width: 150px;
    color: #363636;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 80px;
    border: 1px solid #e0e0e0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 9999;
}

.course-tools ul li.sideewm:hover .ewBox.son {
    display: flex;
}

.course-tools ul li.sideewm .ewBox.son img {
    max-width: 100%;
    max-height: 100%;
}

.course-tools ul li.sideewm .ewBox.son p {
    line-height: 20px;
    font-size: 14px;
}

.course-tools ul li.sideetel .telBox.son {
    width: 240px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: 100%;
    background: #05824a
}

.course-tools ul li.sideetel .telBox dd {
    display: block;
    height: 118.5px;
    overflow: hidden;
    padding-left: 82px;
    line-height: 24px;
    font-size: 18px
}

.course-tools ul li.sideetel .telBox dd span {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 32px;
    font-size: 18px
}

.course-tools ul li.sideetel .telBox dd.bgs1 {
    background: url(../images/right_pic8.png) 28px center no-repeat;
    background-color: #05824a
}

.course-tools ul li.sideetel .telBox dd.bgs2 {
    background: url(../images/right_pic9.png) 28px center no-repeat
}

.course-tools ul li:hover .son {
    display: block!important;
    animation: fadein 1s
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes scaleToggleOne {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    50% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleTwo {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    20% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    60% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleThree {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    33% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    66% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.livechat-girl {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
    box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
    z-index: 700;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
    transition: all 1s cubic-bezier(.86, 0, .07, 1)
}

.livechat-girl:focus {
    outline: 0
}

.livechat-girl.animated {
    opacity: 1;
}

.livechat-girl:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #f55a5d, #f87476);
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 50
}

.livechat-girl .girl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 50
}

.livechat-girl .animated-circles .circle {
    background: rgba(234, 66, 69, 0.25);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    z-index: 49;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.livechat-girl .animated-circles.animated .c-1 {
    animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
}

.livechat-girl .animated-circles.animated .c-2 {
    animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
}

.livechat-girl .animated-circles.animated .c-3 {
    animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
}

.livechat-girl.animation-stopped .circle {
    opacity: 0!important
}

.livechat-girl.animation-stopped .circle {
    opacity: 0!important
}

.livechat-girl .livechat-hint {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    z-index: 0;
    -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
    transition: all .3s cubic-bezier(.86, 0, .07, 1)
}

.livechat-girl .livechat-hint.show_hint {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
    opacity: 1
}

.livechat-girl .livechat-hint.hide_hint {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.livechat-girl .livechat-hint.rd-notice-tooltip {
    max-width: 1296px!important
}

.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1599px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip {
        max-width: 1060px!important
    }
}

@media only screen and (max-width:1309px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip {
        max-width: 984px!important
    }
}

@media only screen and (max-width:1124px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip {
        max-width: 600px!important
    }
}

.rd-notice-tooltip {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    font-size: 14px;
    border-radius: 3px;
    line-height: 1.25;
    position: absolute;
    z-index: 65;
    max-width: 350px;
    opacity: 1
}

.rd-notice-tooltip:after {
    position: absolute;
    display: block;
    content: '';
    height: 20px;
    width: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 50
}

.rd-notice-tooltip .rd-notice-content {
    background: 0;
    border-radius: 3px;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 60;
    padding: 20px;
    font-weight: 400;
    line-height: 1.45
}

.rd-notice-type-success {
    background-color: #ea4245;
    -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
    box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}

.rd-notice-type-success .rd-notice-content {
    background-color: #ea4245
}

.rd-notice-type-success:after {
    background-color: #ea4245;
    -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
    box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}

.rd-notice-position-left {
    margin-left: -20px
}

.rd-notice-position-left:after {
    right: -6px;
    top: 50%;
    margin-top: -10px
}

.rd-notice-tooltip.single-line .rd-notice-content {
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    white-space: nowrap
}