@charset "utf-8";

/* CSS Document*/

@import url(font.css);
 :root {
    --main-color: #F01414;
    --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%;
    background-color: #fff;
}

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;
}

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

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,
input,
button {
    outline: none;
}

input,
textarea {
    outline: 0;
}

input,
button,
textarea,
select {
    *font-size: 100%;
    border: 0;
}

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

a:hover {
    text-decoration: none;
    color: #df3034;
}

.red,
.red:hover {
    color: #d2181c;
}

.indexbody {
    background-color: #fff;
}

.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;
}

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

.sline {
    height: 10px;
    clear: both;
}

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

.top_bar {
    width: 100%;
    min-width: 1200px;
    background-color: #eee;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #666;
}

.top_bar_right a {
    line-height: 24px;
    padding: 0 10px;
    border-right: 1px solid #ccc;
}

.top_bar_right a i {
    margin-right: 4px;
}

.top_bar_right a:last-child {
    border-right: none;
}

.header {
    background-color: #fff;
    min-width: 1200px;
}

.header .w1200 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 170px;
}

.header .logo {
    width: 452px;
    height: 117px;
    background-image: url(../images/logo.jpg);
    background-size: cover;
    float: left;
    text-indent: -999em;
    overflow: hidden;
}

.header .ad {
    line-height: 30px;
    font-size: 24px;
    font-weight: lighter;
}

.header .tel {
    background-image: url(../images/bg_tel.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 280px;
	height: 50px;
}

.header .tel h4 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    margin-left: 60px;
    padding-top: 6px;
}

.header .tel p {
    width: 148px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #e62f33;
    font-size: 16px;
    font-weight: 600;
    float: right;
    margin-top: 4px;
}

.index-slide {
    min-width: 1200px;
    position: relative;
    overflow: hidden;
}

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

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

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

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

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

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

.index-slide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 100px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    line-height: 9999px;
}

.index-slide .hd ul .on {
    background-color: rgba(255, 255, 255, 1);
}

.nav-box {
    min-width: 1200px;
    background-color: #d2181c;
}

.nav-box {
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

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

.nav-box ul li {
    font-size: 18px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    line-height: 70px;
    display: block;
    text-align: center;
    flex: 1;
}

.nav-box ul li a {
    color: #fff;
    display: block;
}

.nav-box ul li.on,
.nav-box ul li:hover {
    background-color: #fbb600;
}

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

.nav-box ul li .list-box {
    width: 100%;
    display: none;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
}

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

.nav-box ul li .list-box div a {
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #eee;
}

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

.four_youshi {
    background-color: #e62f33;
    height: 160px;
    min-width: 1200px;
}

.four_youshi ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 160px;
}

.four_youshi ul li {
    height: 160px;
    flex: 1;
    padding: 24px 40px 0 40px;
}

.four_youshi ul li:nth-child(odd) {
    background-color: #d2181c;
}

.four_youshi ul li i {
    display: block;
    width: 220px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 16px 0;
}

.four_youshi ul li i::after {
    display: block;
    content: '';
    width: 50px;
    background-color: #fff;
    height: 2px;
}

.four_youshi ul li h2 {
    font-size: 24px;
    color: #fff;
}

.four_youshi ul li h2 span {
    color: #fff000
}

.four_youshi ul li p {
    font-size: 14px;
    color: #efc2c2;
}

.rdzx_box {
    min-width: 1200px;
    background-color: #f0f3f9;
    padding-top: 35px;
    padding-bottom: 38px;
}

.rdzx {
    background-color: #fff;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(../images/bg_rdzx.jpg);
    background-position: 28px center;
    background-repeat: no-repeat;
}

.rdzx ul {
    padding: 14px 0 14px 120px;
    color: #e52024;
}

.rdzx li {
    line-height: 36px;
    height: 36px;
    float: left;
    width: 530px;
    list-style: square;
    list-style-position: inside;
    padding-right: 20px;
    font-size: 16px;
}

.rdzx li a {
    color: #333;
}

.rdzx li span {
    float: right;
    color: #999;
}

.search_bar {
    height: 100px;
    width: 80px;
    text-align: center;
    float: right;
    background-color: #f4e7e7;
    line-height: 100px;
}

.search_bar i {
    font-size: 30px;
    color: #a76f6f;
}

.h1title {
    line-height: 50px;
    height: 135px;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding: 50px 0 35px;
}

.t1 {
    color: #fff;
}

.h2title {
    padding: 40px 0 30px;
}

.h2title .h2 {
    padding: 0 0 10px;
    line-height: 34px;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.h2title .h2::after,
.h2title .h2::before {
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    top: 50%;
    margin-top: -15px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 16px;
}

.h2title .h2::after {
    background-image: url(../images/bg_t1.png);
    left: 20%;
}

.h2title .h2::before {
    background-image: url(../images/bg_t2.png);
    right: 20%;
}

.t2 .h2::after {
    left: 24%;
}

.t2 .h2::before {
    right: 24%;
}

.sh2title .h2::after {
    left: 40%;
}

.sh2title .h2::before {
    right: 40%;
}

.h2title p {
    line-height: 24px;
    font-size: 16px;
    color: #999;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.wtitle .h2,
.wtitle p {
    color: #fff;
}

.wenti li {
    height: 162px;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}

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

.wenti li:nth-child(5),
.wenti li:nth-child(10),
.wenti li:nth-child(5) div,
.wenti li:nth-child(10) div {
    width: 232px;
}

.wenti li:first-child h4,
.wenti li:nth-child(10) h4 {
    background-color: #ff484c;
}

.wenti li:nth-child(2) h4,
.wenti li:nth-child(11) h4 {
    background-color: #ff7174;
}

.wenti li:nth-child(3) h4,
.wenti li:nth-child(12) h4 {
    background-color: #ffa800;
}

.wenti li:nth-child(4) h4,
.wenti li:nth-child(13) h4 {
    background-color: #fe793f;
}

.wenti li:nth-child(5) h4,
.wenti li:nth-child(14) h4 {
    background-color: #d87171;
}

.wenti li:nth-child(6) h4 {
    background-color: #b75d5d;
}

.wenti li:nth-child(7) h4 {
    background-color: #ff9c5a;
}

.wenti li:nth-child(8) h4 {
    background-color: #ff5e84;
}

.wenti li:nth-child(9) h4 {
    background-color: #ff756b;
}

.wenti li div {
    width: 230px;
    height: 128px;
    margin: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    vertical-align: bottom;
}

.wenti li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.wenti li h4 {
    height: 34px;
    background-color: #ff484c;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0;
}

.kctx {
    padding-bottom: 50px;
}

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

.kctx ul li {
    flex: 1;
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 12px;
    border-radius: 5px;
    overflow: hidden;
    background-size: auto 100%;
    text-align: center;
}

.kctx ul li div {
    /**background-color: rgba(255, 255, 255, 0.2);**/
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.kctx ul li:last-child {
    margin-right: 0
}

.kctx ul li h4 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.kctx ul li p {
    font-size: 14px;
    line-height: 30px;
    color: #babec0;
}

.kctx ul li a {
    margin-top: 50px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    border-radius: 15px;
    background-color: #d6252a;
    color: #fff;
}

.wd_ad {
    width: 100%;
    height: 184px;
    background-image: url(../images/bg_ad.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    min-width: 1200px;
}

.wd_ad .w1200 {
    position: relative;
}

.wd_ad .w1200 a {
    position: relative;
    width: 200px;
    height: 75px;
    display: block;
    position: absolute;
    top: 58px;
    left: 713px;
    text-indent: -999em;
    overflow: hidden;
}

.case {
    background-color: #e7e8eb;
    min-width: 1200px;
    padding-bottom: 70px;
}

.case_silde {
    width: 1200px;
    margin: 20px auto 0;
}

.case_silde .tab-hd {
    height: 32px;
    text-align: center
}

.case_silde .tab-hd li {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 0 33px 0 0;
}

.case_silde .tab-hd li a {
    width: 160px;
    height: 40px;
    color: #333;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ccc;
}

.case_silde .tab-hd li a:hover,
.case_silde .tab-hd li.on a {
    background: #d8262b;
    border: 1px solid #d8262b;
    color: #fff;
}

.case_silde .tab-bd {
    width: 1200px;
    margin: 60px auto 0;
    overflow: hidden;
}

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

.case_list li {
    height: 412px;
    flex: 1;
    margin-right: 24px;
    background-color: #fff;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    overflow: hidden;
}

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

.case_list li .img {
    width: 100%;
    height: 316px;
}

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

.case_list li h4 {
    line-height: 40px;
    padding: 0 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.case_list li h4 a {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.case_list li p {
    line-height: 18px;
    height: 36px;
    font-size: 14px;
    color: #666;
    padding: 0 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_about {
    height: 904px;
    width: 100%;
    min-width: 1200px;
    background-image: url(../images/bg_about.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.about_con .con {
    width: 550px;
    padding-top: 77px;
}

.about_con .con .t {
    height: 26px;
    line-height: 26px;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    border-left: 5px solid #ca2a2f;
    padding-left: 10px;
}

.about_con .con .info {
    line-height: 24px;
    padding-top: 20px;
    font-size: 15px;
    color: #fff;
    height: 166px;
}

.about_con .con a {
    height: 50px;
    line-height: 50px;
    width: 150px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: block;
    float: right;
    background-color: #c92a2f;
    margin-right: 10px;
}

.hjzz_silde {
    width: 1200px;
    margin: 70px auto 0;
}

.hjzz_silde .tab-hd {
    height: 32px;
    text-align: center
}

.hjzz_silde .tab-hd li {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 0 33px 0 0;
}

.hjzz_silde .tab-hd li a {
    width: 130px;
    height: 40px;
    color: #fff;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 20px;
}

.hjzz_silde .tab-hd li a:hover,
.hjzz_silde .tab-hd li.on a {
    background: #fff;
    border: 1px solid #c62e33;
    color: #c62e33;
}

.hjzz_silde .tab-bd {
    width: 1200px;
    margin: 50px auto 0;
    overflow: hidden;
}

.hjzz_scroll {
    width: 1200px;
    position: relative;
}

.hjzz_scroll .piclist {
    overflow: hidden;
    zoom: 1;
}

.hjzz_scroll .ohbox {
    overflow: hidden;
    position: relative;
    width: 1200px;
    left: 0
}

.hjzz_scroll {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.hjzz_scroll .pageBtn .list {
    overflow: hidden;
    zoom: 1;
    text-align: center;
    margin-top: 20px;
}

.hjzz_scroll .pageBtn .list li {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin-left: 4px;
    line-height: 10000px;
    overflow: hidden;
    background-color: #999;
    border-radius: 4px;
}

.hjzz_scroll .pageBtn .list li.on {
    background-color: #fbb600;
    width: 16px;
}

.hjzz_list li {
    float: left;
    display: inline;
    width: 230px;
    background: #fff;
    margin-right: 12px;
    position: relative;
}

.hjzz_list li:hover h4 {
    display: block;
}

.hjzz_list li .img {
    width: 230px;
    height: 158px;
}

.hjzz_list li .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.hjzz_list li h4 {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
    padding: 0 4px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 100;
}

.hjzz_list li h4 a {
    color: #fff;
}

.mstd_scroll {
    width: 1200px;
    position: relative;
}

.mstd_scroll .piclist {
    overflow: hidden;
    zoom: 1;
}

.mstd_scroll .ohbox {
    overflow: hidden;
    position: relative;
    width: 1200px;
    left: 0
}

.mstd_scroll {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.mstd_scroll .pageBtn span,
.hjzz_scroll .pageBtn span {
    background: url(../images/ico_prevnext.png) no-repeat scroll 0 0;
    display: block;
    width: 25px;
    height: 32px;
    position: absolute;
    top: 165px;
    cursor: pointer;
    text-indent: -999em;
    overflow: hidden;
}

.hjzz_silde .hjzz_scroll .pageBtn span {
    top: 60px;
}

.mstd_scroll .pageBtn .prev,
.hjzz_scroll .pageBtn .sprev,
.hjzz_scroll .pageBtn .prev {
    left: 0;
}

.mstd_scroll .pageBtn .next,
.hjzz_scroll .pageBtn .snext,
.hjzz_scroll .pageBtn .next {
    right: 0;
    background-position: 0 -80px;
}

.mstd_scroll .pageBtn .list {
    overflow: hidden;
    zoom: 1;
    text-align: center;
    margin-top: 20px;
}

.mstd_scroll .pageBtn .list li {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin-left: 4px;
    line-height: 10000px;
    overflow: hidden;
    background-color: #999;
    border-radius: 4px;
}

.mstd_scroll .pageBtn .list li.on {
    background-color: #fbb600;
    width: 16px;
}

.case_scroll_list li {
    float: left;
    display: inline;
    width: 285px;
    margin-right: 20px;
    position: relative;
    height: 412px;
    background-color: #fff;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    overflow: hidden;
    position: relative;
}

.case_scroll_list li .img {
    width: 100%;
    height: 316px;
}

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

.case_scroll_list li h4 {
    line-height: 40px;
    padding: 0 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.case_scroll_list li h4 a {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.case_scroll_list li p {
    line-height: 18px;
    height: 36px;
    font-size: 14px;
    color: #666;
    padding: 0 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ter_box {
    background-color: #eceff4;
    padding-bottom: 70px;
    min-width: 1200px;
}

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

.ter_silde .tab-hd {
    height: 32px;
    text-align: center
}

.ter_silde .tab-hd li {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 0 20px 0 0;
}

.ter_silde .tab-hd li a {
    width: 130px;
    height: 40px;
    color: #333;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ccc;
}

.ter_silde .tab-hd li a:hover,
.ter_silde .tab-hd li.on a {
    background: #d8262b;
    border: 1px solid #d8262b;
    color: #fff;
}

.ter_silde .tab-bd {
    width: 1200px;
    margin: 50px auto 0;
}

.ter_scroll {
    width: 1200px;
    position: relative;
}

.ter_scroll .piclist {
    zoom: 1;
}

.ter_scroll .ohbox {
    position: relative;
    width: 1200px;
    left: 0
}

.ter_scroll {
    position: relative;
    zoom: 1;
}

.ter_scroll .pageBtn .list {
    zoom: 1;
    text-align: center;
    margin-top: 20px;
}

.ter_scroll .pageBtn .list li {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin-left: 4px;
    line-height: 10000px;
    overflow: hidden;
    background-color: #c5c7ca;
    border-radius: 4px;
}

.ter_scroll .pageBtn .list li.on {
    background-color: #ffc000;
    width: 16px;
}

.ter_list li {
    float: left;
    display: inline;
    width: 282px;
    height: 340px;
    background: #fff;
    margin-right: 24px;
    position: relative;
    box-shadow: 0 3px 27px 2px rgba(0, 0, 0, 0.05), 0 0px 27px rgba(0, 0, 0, 0.05);
}

.ter_list li:hover h4 {
    display: block;
}

.ter_list li .img {
    width: 282px;
    height: 200px;
}

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

.ter_list li h4 {
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    padding: 0 18px;
    margin-bottom: 15px;
    position: relative;
}

.ter_list li h4::after {
    position: absolute;
    display: block;
    bottom: -5px;
    left: 18px;
    content: '';
    width: 15px;
    height: 5px;
    background-color: #df3034;
}

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

.ter_list li .info {
    padding: 0 18px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #666;
}

.czxc_box {
    background-color: #f8f8f8;
    padding: 60px 0;
    min-width: 1200px;
}

.czxc_box .video {
    width: 595px;
    height: 387px;
    background-color: #000;
    margin: 0 10px 10px 0;
    float: left;
    box-shadow: 0 3px 27px 2px rgb(0 0 0 / 5%), 0 0px 27px rgb(0 0 0 / 5%);
}

.czxc_box .info {
    width: 595px;
    background-color: #f0f3f9;
    float: left;
    height: 227px;
    margin-bottom: 10px;
    box-shadow: 0 3px 27px 2px rgb(0 0 0 / 5%), 0 0px 27px rgb(0 0 0 / 5%);
}

.czxc_box .info h4 {
    line-height: 40px;
    font-size: 22px;
    font-weight: bold;
    padding: 16px 24px 0;
    margin-bottom: 15px;
    position: relative;
}

.czxc_box .info h4::after {
    position: absolute;
    display: block;
    bottom: -5px;
    left: 24px;
    content: '';
    width: 15px;
    height: 5px;
    background-color: #df3034;
}

.czxc_box .info h4 a {
    color: #000;
}

.czxc_box .info .con {
    padding: 0 24px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #666;
}

.czxc_box .info .tag {
    padding: 10px 24px 0;
}

.czxc_box .info .tag a {
    line-height: 22px;
    height: 24px;
    display: block;
    float: left;
    border: 1px solid #666;
    padding: 0 5px;
    color: #666;
    margin-bottom: 8px;
    margin-right: 8px;
}

.czxc_box .sitem {
    width: 191px;
    height: 150px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0 3px 27px 2px rgb(0 0 0 / 5%), 0 0px 27px rgb(0 0 0 / 5%);
}

.czxc_box .sitem:nth-child(3n) {
    width: 193px;
}

.czxc_box .sitem .img {
    width: 191px;
    height: 124px;
}

.czxc_box .sitem .t {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    padding: 0 6px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    overflow: hidden;
}

.czxc_box .sitem .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.end {
    margin-right: 0!important;
}

.news_box {
    background-color: #f0f3f9;
    padding-bottom: 50px;
    min-width: 1200px;
    overflow: hidden;
}

.cat_box {

}

.cat4:last-child{
    margin-right: 0;
}

.cat4 {
    flex: 1;
    padding: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    min-height: 280px;
}

.cat4 .news_list li{
    max-width:250px;
}
.cat_box:last-child {
    margin-right: 0;
}

.news_slide {
    width: 100%;
    text-align: left;
}

.news_slide .hd {
    margin-top: 8px;
    height: 30px;
    line-height: 30px;
    background: #f0f3f9;
    position: relative;
}

.news_slide .hd ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.news_slide .hd ul li {
    flex: 1;
    cursor: pointer;
    text-align: center;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
}

.news_slide .hd ul li:last-child a {
    border-right: 0;
}

.news_slide .hd ul li a {
    border-right: 1px solid #ccc;
    line-height: 18px;
    display: block;
    font-size: 16px;
    width: 100%;
}

.news_slide .hd ul li.on a,
.news_slide .hd ul li:hover a {
    font-weight: bold;
    color: #000;
}

.news_slide .bd ul {
    zoom: 1;
}

.news_list li {
    background-image: url(../images/bg_dot.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px dashed #ccc;
    padding-left: 15px;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.news_list li span {
    float: right;
    color: #999;
}

.cat3 {
    flex: 1;
    padding: 20px 18px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    float: left;
    width: 386.6px;
}
.cat3:nth-child(3),.cat3:nth-child(6){
    margin-right: 0;
}

.headline {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 18px;
    height: 18px;
}

.headline h4 {
    border-left: 5px solid #df3034;
    padding-left: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.headline a.more,
.headline span {
    font-size: 14px;
    font-weight: lighter;
    color: #999;
}

.img_news {
    position: relative;
    padding-left: 180px;
    margin-bottom: 5px;
}

.img_news .img {
    position: absolute;
    width: 170px;
    height: 106px;
    overflow: hidden;
    left: 0;
}

.img_news .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.img_news .info h2 {
    line-height: 20px;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
	width: 171px;
	overflow: hidden;
}

.img_news .info p {
    margin-top: 6px;
    line-height: 20px;
    height: 80px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #666;
}

.zj_box {
    background-image: url(../images/bg_from.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    padding: 30px 0 50px;
    min-width: 1200px;
}

.zj_left {
    width: 625px;
    float: left;
}

.zj_left .head {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 18px;
    height: 18px;
}

.zj_left .head h4 {
    border-left: 5px solid #df3034;
    padding-left: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.zj_left .head a.more {
    font-size: 14px;
    font-weight: lighter;
    color: #df3034;
}

.zj_right {
    width: 500px;
    padding-right: 50px;
    float: right;
}

.zj_list {
    padding-bottom: 7px;
}

.zj_list li {
    width: 100px;
    height: 100px;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
    position: relative;
}

.zj_list li i,
.zj_list li .mask {
    display: none;
}

.zj_list li i {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: #be2126;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #fff;
    z-index: 200;
}

.zj_list li:nth-child(6n) {
    margin-right: 0;
}

.zj_list li h4 {
    text-align: center;
    line-height: 32px;
    margin-top: 70px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
}

.zj_list li .mask {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
}

.zj_list li.on .mask,
.zj_list li.on i {
    display: block;
}

.zj_list li .img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
}

.zj_list li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.zj_about {
    background-color: #f0f3f9;
    height: 147px;
    padding: 26px;
    width: 625px;
}

.zx_foucebox {
    position: relative;
}

.zx_foucebox .tips {
    position: absolute;
    display: none;
}

.zx_foucebox .tips {
    width: 200px;
    padding: 15px;
    background: #FFFBF7;
    border: 1px solid #fbb600;
    border-radius: 23px;
    position: absolute;
    right: -23px;
    bottom: 130px;
}

.zx_foucebox .tips>i {
    display: block;
    width: 12px;
    height: 6px;
    background: #FFFBF7;
    border-left: 1px solid #fbb600;
    border-bottom: 1px solid #fbb600;
    transform: rotate(-24deg);
    position: absolute;
    left: 110px;
    bottom: -4px;
}

.zx_foucebox .tips>div {
    width: 100%;
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zj_about .t {
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.zj_about .t a {
    float: right;
    color: #fff;
    height: 24px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: lighter;
    border-radius: 12px;
    background-color: #fbb600;
}

.zj_about .info {
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #666;
}

.page_route_box {
    padding: 0 30px 20px;
}

.route .t {
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    background-image: url(../images/bg_route.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 22px;
    color: #000;
    font-weight: bold;
    padding-left: 40px;
}

.route p {
    margin-top: 10px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

.route ul {
    padding-bottom: 10px;
}

.route li {
    height: 33px;
    font-size: 14px;
    line-height: 33px;
    margin-bottom: 15px;
    color: #666;
}

.route li i {
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    margin-right: 6px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    background-image: url(../images/bg_num.jpg);
    background-position: left center;
    background-repeat: no-repeat;
}

.route a.btn {
    height: 50px;
    width: 180px;
    background-color: #e62f33;
    border-radius: 10px;
    display: block;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.route a.btn h2 {
    line-height: 20px;
    font-size: 18px;
}

.route a.btn span {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #f6cbcc;
}
.route .an{margin-left: 150px;}
.side_route {
    border: 1px solid #eee;
    padding: 20px 20px 10px;
}

.side_route .t {
    height: 40px;
    line-height: 40px;
    background-image: url(../images/bg_route.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 20px;
    color: #000;
    padding-left: 40px;
}

.side_route p {
    padding-left: 40px;
    height: 48px;
    line-height: 18px;
    font-size: 14px;
    color: #666;
    border-bottom: 1px dashed #ccc;
}

.side_route ul {
    padding-bottom: 10px;
}

.side_route li {
    height: 40px;
    font-size: 14px;
    line-height: 18px;
    margin-top: 15px;
    color: #666;
    position: relative;
    padding-left: 40px;
}

.side_route li i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    background-image: url(../images/bg_num.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 8px;
    top: -2px;
}

.side_route a.btn {
    height: 50px;
    width: 180px;
    background-color: #e62f33;
    border-radius: 10px;
    display: block;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 20px auto;
}

.side_route a.btn h2 {
    line-height: 20px;
    font-size: 18px;
}

.side_route a.btn span {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #f6cbcc;
}

.zj_right .t {
    padding: 15px;
	margin-bottom: 30px;
}

.zj_right h2 {
    color: #fff;
    line-height: 24px;
    font-size: 24px;
    text-align: center;
}

.zj_right p {
    color: #eea78c;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}

.zixun_from {}

.zixun_from .input {
    width: 100%;
    height: 44px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.zixun_from .input input {
    color: #333;
    line-height: 44px;
    padding-left: 30px;
    height: 44px;
    width: 100%;
    font-size: 18px;
}

.zixun_from .textarea {
    width: 100%;
    height: 88px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.zixun_from .from_title {
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #333;
    margin-bottom: 15px;
}

.zixun_from .textarea textarea {
    color: #333;
    line-height: 22px;
    padding: 10px;
    height: 88px;
    width: 100%;
    font-size: 18px;
}

.checkbox {}

.checkbox li {
    float: left;
    display: block;
    position: relative;
    width: 142px;
    height: 44px;
    line-height: 44px;
    margin-right: 12px;
    margin-bottom: 12px;
}

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

.page_zixun_from .checkbox li {
    width: 148px;
}

.page_zixun_from .checkbox li:nth-child(5n) {
    width: 149px;
}

.checkbox li:nth-child(3n),
.page_zixun_from .checkbox li:nth-child(5n) {
    margin-right: 0;
}

.page_zixun_from .checkbox li:nth-child(3n) {
    margin-right: 12px;
}

.checkbox li label {
    display: block;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
}

.checkbox li label input[type="checkbox"] {
    display: none;
}

.checkbox li label span {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #eee;
    top: 0;
    left: 0;
    border-radius: 5px;
    overflow: hidden;
}

.checkbox li label span:after {
    font-family: "ico" !important;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\5bf9";
    color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 20px;
    height: 16px;
    border-top-left-radius: 5px;
    background: transparent;
    background-color: #eee;
    bottom: -2px;
    right: -2px;
}

.checkbox li label input[type='checkbox']:checked+span {
    border: 2px solid #ffc000;
}

.checkbox li label input[type='checkbox']:checked+span:after {
    display: block;
    background-color: #ffc000;
    color: #fff;
}

button.upbtn {
    width: 450px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #fbb600;
    font-size: 20px;
    color: #fff;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
}

button.upbtn:hover {
    color: #fff;
}


/* 本例子css */

.zixun-top {
    margin-top: 24px;
    overflow: hidden;
    position: relative;
}

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

.zixun-top .bd {
    text-align: center;
}

.zixun-top .infoList li {
    height: 24px;
    line-height: 24px;
    color: #fbb600;
}

.link_box {
    background-color: #f5f5f5;
    padding: 24px 0;
    width: 100%;
    min-width: 1200px;
}

.imglink {
    padding-bottom: 15px;
}

.imglink a {
    width: 110px;
    height: 43px;
    display: block;
    float: left;
    margin-right: 15px;
}

.imglink img {
    width: 110px;
    height: 43px;
}

.txtlink a {
    height: 20px;
    line-height: 20px;
    margin: 0 20px 4px 0;
    display: block;
    float: left;
    color: #333;
    font-size: 14px;
}

.sbanner {
    width: 100%;
    height: 300px;
    background-image: url(../images/sbanner1.png);
    background-position: center top;
    background-repeat: no-repeat;
    min-width: 1200px;
}

.con_left {
    width: 870px;
    padding-right: 29px;
    float: left;
    border-right: 1px solid #ccc;
    min-height: 1000px;
}

.con_right {
    width: 330px;
    padding-left: 30px;
    float: left;
    min-height: 1000px;
}

.crumbs {
    height: 46px;
    font-size: 16px;
    color: #666;
    line-height: 46px;
    width: 100%;
    margin: 10px auto;
    min-width: 840px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
}

.crumbs a {
    color: #666;
}

.crumbs span {
    margin: 0 3px;
}

.crumbs i {
    font-size: 20px;
    margin-right: 15px;
}

.content {
    padding: 0 0 18px 0;
}

.content-tit {
    font-size: 36px;
    font-weight: normal;
    line-height: 48px;
    padding: 15px 0;
    color: #4b4a4a;
    text-align: center;
}

.content-sour {
    height: 24px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #aaa;
    margin-bottom: 20px;
}

.content-sour a {
    color: #aaa;
}

.content-sour span {
    margin: 0 9px;
}

.content-text {
    padding: 16px 18px;
    font-size: 14px;
    line-height: 24px;
    border: 1px dashed #ccc;
}

.content-text-t1 {
    width: 78px;
    float: left;
    color: #342f2e;
    margin-right: -78px;
}

.content-text-t2 {
    padding-left: 80px;
}

.searchVideo {
    margin-top: 15px;
}

.contentbody {
    overflow: hidden;
    padding: 10px;
    color: #333;
    font-size: 16px;
    line-height: 28px;
    box-sizing: content-box;
	border-bottom: 1px solid #e5e5e5;
}

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

.contentbody p img {
    max-width: 94%;
    margin-left: -2rem;
    margin: 0 auto;
}
.contentbody h2 {
    color: #333;
    margin-top: 20px;
    text-indent: 2rem;
	font-size: 20px;
	font-weight: bold;
}
.contentbody h3 {
    color: #333;
    margin-top: 20px;
    text-indent: 2rem;
	font-size: 18px;
	font-weight: bold;
}

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

.news_xg {
    background-color: #f8f8f8;
    margin-top: 10px;
    overflow: hidden;
    padding: 20px 25px;
}

.news_xg_tit {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
}

.news_xg_tit h3 {
    font-size: 20px;
    margin: 0;
    padding: 0 15px 10px;
}

.ulist {
    float: left;
}

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

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

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

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

.ulist li a:hover {
    color: #e62f33;
}

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

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

.rad_box .pic img {
    width: 300px;
    height: 187px;
    display: block;
}

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

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

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

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

.rad_box .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;
}

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

.side_head {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.side_head i {
    margin-right: 10px;
    color: #e62f33;
    font-size: 20px;
    font-weight: bold;
}

.side_head a.more {
    color: #666;
    font-size: 14px;
}

.side_pic_list li {
    width: 144px;
    height: 134px;
    float: left;
    overflow: hidden;
    margin-right: 12px;
    margin-bottom: 12px;
}

.side_pic_list li:nth-child(2n) {
    margin-right: 0;
}

.side_pic_list li .img {
    width: 144px;
    height: 108px;
}

.side_pic_list li .t {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    padding: 0 6px;
    background-color: #ebebeb;
    color: #000;
    overflow: hidden;
}

.side_pic_list li .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.side_onepic_list li {
    position: relative;
    padding-left: 120px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 93px;
}

.side_onepic_list li:last-child {
    border-bottom: none;
}

.side_onepic_list li .img {
    position: absolute;
    width: 110px;
    height: 83px;
    overflow: hidden;
    left: 0;
}

.side_onepic_list li .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.side_onepic_list li .info h2 {
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.side_onepic_list li .info p {
    margin-top: 10px;
    line-height: 20px;
    height: 40px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
}

.news-item {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

.news-item-img {
    height: 160px;
}

.news-item-img .img-block {
    display: block;
    margin-right: 10px;
    width: 195px;
    height: 144px;
}

.news-item-img .img-block img {
    width: 100%;
    height: 100%;
}

.news-item-img .news-title {
    padding-top: 0px;
}

.news-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.news-title .tag {
    display: block;
    font-size: 14px;
    color: #fff;
    background: #FF3300;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
}

.news-title a {
    color: #000;
    line-height: 40px;
    font-size: 20px;
}

.news-title a:hover {
    color: #e62f33;
}

.news-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
    line-height: 26px;
}

.news-bottom {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    color: #999999;
    line-height: 20px;
    font-size: 14px;
}

.news-bottom a {
    color: #333;
    margin-right: 7px;
}

.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;
    background: #f1f1f1;
}

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

.pages span.page_nowindex {
    background: #df3034;
    color: #fff;
}
.page_pic_list li {
    width: 270px;
    float: left;
    background: #f0f0f0;
    margin-right: 15px;
    margin-top: 15px;
}

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

.page_pic_list li .img {
    width: 270px;
    height: 185px;
    background: #fff;
}

.page_pic_list li .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    display: block;
}

.page_pic_list li .t {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f0f0f0;
}

.page_pic_list li .t a {
    color: #4b4a4a;
    display: block;
    padding: 0 10px;
}

.tags_list {
    padding: 0;
}

.tags_list a,
.con_tags a {
    line-height: 30px;
    height: 32px;
    display: block;
    float: left;
    border: 1px solid #eee;
    padding: 0 10px;
    color: #df3034;
    margin-bottom: 8px;
    margin-right: 8px;
}

.tags_list a i,
.con_tags a i {
    color: #999;
    margin-left: 4px;
}

.con_tags a {
    margin-bottom: 0;
}

.content-tags {
    overflow: hidden;
    padding: 0 30px 20px 0;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.con_tags {
    background: rgba(0, 0, 0, 0) url("../images/tagtitle.png") no-repeat scroll 0 0;
    padding-left: 30px;
    height: 31px;
}

.side_kefu {
    position: fixed;
    width: 60px;
    right: 10px;
    top: 50%;
    margin-top: -200px;
    z-index: 100;
    background: #fff;
    box-shadow: 0 0 15px #e4e4e4;
    box-sizing: border-box;
    border-bottom: 0
}

.side_kefu ul li {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    transition: all .3s;
    cursor: pointer
}

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

.side_kefu ul li:hover {
    transition: all 300ms linear;
    background-color: #e4e4e4;
}

.side_kefu ul li:hover a {
    color: #fff
}

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

.side_kefu 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")
}

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

.side_kefu 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")
}

.side_kefu 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")
}

.side_kefu 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=")
}

.side_kefu 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==")
}

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

.side_kefu ul li.sidetop {
    background: #d2181c;
    color: #fff
}

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

.side_kefu ul li.sideewm .ewBox.son {
    width: 238px;
    color: #363636;
    text-align: center;
    position: absolute;
    left: -240px;
    top: 0;
    border: 1px solid #e0e0e0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.side_kefu ul li.sideewm:hover .ewBox.son {
    display: flex;
}

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

.side_kefu ul li.sideetel .telBox.son {
    width: 240px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -240px;
    top: 0;
    background: #d2181c
}

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

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

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

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

.liuyan {
    background-color: #f8f8f8;
    padding-bottom: 20px;
}

.liuyan .tit {
    padding: 35px 25px 20px;
    border-bottom: 1px dashed #eee;
    margin-bottom: 30px;
    background-color: #f2f2f2;
}

.liuyan .tit h2 {
    font-size: 42px;
    line-height: 42px;
    text-align: justify;
    text-align-last: justify;
    font-weight: lighter;
}

.liuyan .tit p {
    font-size: 24px;
    line-height: 48px;
    text-align: justify;
    text-align-last: justify;
    font-weight: lighter;
    color: #999;
}

.liuyan .ter {
    background-color: #fff;
    margin: 0 25px;
}

.teacher-ul {
    padding: 0;
}

.teacher-ul li {
    position: relative;
}

.teacher-ul li:first-child {
    border-top: 0;
}

.teacher-ul li:last-child {
    border-bottom: 0;
}

.teacher-ul li label small {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 15px;
    right: 30px;
    background: #eee;
    border-radius: 50%;
    z-index: 1
}

.teacher-ul li label small:after {
    opacity: 0.2;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 6px;
    left: 7px;
    border: 3px solid #000;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.teacher-ul li label {
    display: block;
    border-bottom: 1px solid #F5F5F5;
    padding: 10px 60px 10px 10px;
    z-index: 2;
}

.teacher-ul li label img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    max-width: 60px;
    margin-left: 20px;
}

.teacher-ul li label p span {
    font-size: 12px;
    color: #333;
}

.teacher-ul li label p b {
    font-size: 16px;
    color: #333;
    display: inline-block;
    margin-right: 5px;
}

.teacher-ul li label p {
    color: #999;
}

.teacher-ul li label .teacher-div {
    float: right;
    width: 620px;
}

.teacher-ul li label input[type="radio"] {
    display: none;
}

.teacher-ul li label input[type='radio']:checked+small:after {
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    opacity: 1;
}

.teacher-ul li label input[type='radio']:checked+small {
    background: #ffc000;
}

.page_zixun_from {
    padding: 30px 25px;
}

.article_tip_wechat {
    padding: 20px 30px 20px 140px;
    line-height: 24px;
    color: #333;
    background: #f4f4f4;
    min-height: 80px;
}

.article_tip_wechat img {
    width: 80px;
    height: 80px;
    margin-left: -110px;
    float: left;
}

.tutor_question {
    width: 100%;
    background: #ffffff;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.tutor_question .tutor_question_right {
    width: 275px;
    height: 36px;
    line-height: 34px;
    margin-top: 4px;
    border: 1px solid #e62f33;
    border-radius: 3px;
    background: #e62f33;
}

.tutor_question .tutor_question_right .tutor_question_img {
    margin-left: 7px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 34px;
}

.tutor_question .tutor_question_right .tutor_question_img img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: -12px;
    border: 1px solid #fff;
}

.tutor_question .tutor_question_right .tutor_question_button {
    width: 218px;
    font-size: 16px;
    color: #fff;
}

.map-page h2 {
    font-size: 18px;
    color: #d2181c;
    line-height: 18px;
    font-weight: bold;
    padding-left: 15px;
    border-left: 3px solid #d2181c;
    margin: 20px auto 10px;
}

.map-list li {
    width: 292px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    background-color: #eee;
    float: left;
    color: #333;
}

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

.footer {
    background-image: url(../images/bg_foot.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    height: 340px;
    width: 100%;
    min-width: 1200px;
    padding: 50px 0 25px;
    color: #666
}

.footer a {
    color: #666
}

.footer_copy {
    background-color: #d2181c;
    width: 100%;
    height: 60px;
    min-width: 1200px;
}

.m_ftlogo {
    float: left;
    width: 315px;
}

.footer .f_pr {
    padding: 50px 0 25px;
}

.m_ftlogo .flogo {
    margin-top: 20px;
    height: 110px;
}

.m_ftlogo .flogo img {
    width: 270px;
}

.m_ftlogo .ftel {
    text-align: center;
	color: #666;
	font-size: 14px;
    line-height: 30px;
}
.m_ftlogo .ftel p a{color: #666}
.m_ftlogo .ftel p:first-child {
    height: 42px;
    font-size: 16px;
   
}

.footer h2 {
    height: 50px;
    font-weight: bold;
    font-size: 16px;
    line-height: 46px;
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
}

.footer .m_fnav {
    float: left;
    width: 400px;
}

.footer .m_fnav h2 {
    width: 320px;
}

.footer .m_fnav a {
    display: block;
    float: left;
    font-size: 14px;
    width: 120px;
    line-height: 40px;
}

.footer .f_ftcon {
    float: left;
    width: 400px;
    line-height: 40px;
    font-size: 14px;
}

.footer .f_ftcon h2 {
    width: 350px;
}

.footer .f_ftcon a {
    display: inline-block;
}

.footer .m_code {
    float: right;
    width: 269px;
}

.footer .codelst li {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 29px;
}

.footer .codelst .code2 {
    margin-right: 0;
}

.footer .codelst li img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
}

.footer .codelst li em {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #a6a6a6;
}

.search_box {
    width: 500px;
    margin: 15px auto 25px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
}

.search_box .input {
    height: 46px;
    background-color: #fff;
    color: #bfbfbf;
    flex: 1;
    border: none;
    font-size: 14px;
    padding: 0 16px;
}

.search_box .submit {
    height: 48px;
    width: 48px;
    border: none;
    display: block;
    background-color: #f4e7e7;
}

.search_box .submit i {
    font-size: 24px;
    color: #a76f6f;
    line-height: 48px;
}