@charset "utf-8";
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222; background: #f5f5f5; width: 750px; margin: auto }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.container { margin: auto; padding: 0 30px; overflow: hidden; position: relative; background: #fff; }
.container:after { content: ""; position: absolute; background: linear-gradient( 45deg, #28c494, #3eb688); top: 0; left: 0; width: 100%; height: 400px; z-index: 1; }
header { width: 100%; z-index: 2; }
.logo {font-size: 34px;margin: 40px 0;text-align: center;overflow: hidden;font-weight: bold;letter-spacing: .1em;}
.logo a { color:#fff }
.search { clear: both; margin: 20px auto 0; background: #fff; position: relative; overflow: hidden; line-height: 36px; border-radius: 40px; z-index: 2; border: #33bc8d 1px solid; }
.search input.input_text { width: 80%; float: left; z-index: 9; line-height: 50px; border: none; outline: none; position: relative; text-indent: 1.5em; font-size: 1.5em; }
.search input.input_submit { width: 20%; float: right; border: none; line-height: 50px; background: url(../images/search.png) no-repeat center; background-size: 20px; }
.search select { border: none; height: 36px; float: left; outline: none; text-align: center; width: 20%; -webkit-appearance: none; background: url(../images/icon_bg1.png) no-repeat scroll right center transparent; }
.search select:before { position: absolute; left: 0; top: 0; width: 1000px; height: 20000px; background: #ccc; content: ""; }
/*banner*/
.banner { width: 90%; height: 360px; margin: 30px auto; z-index: 2; border-radius: 10px;}
.banner img { width: 100%; border-radius: 10px; }
.md_nav { overflow: hidden; }
.md_nav li { width: 25%; float: left; margin-bottom: 20px; text-align: center; }
.md_nav p { font-size: 24px; color: #666; }
.md_nav li img { margin: 0 auto 10px; }
.md_nav ul { overflow: hidden; padding-bottom: 30px; }
.white_bg { border-radius: 20px; overflow: hidden; background: #fff; margin: 30px 0; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 12%); z-index: 2; position: relative; }
.md_news { margin-bottom: 30px; }
.md_news h3, .text_title { padding-left: 24px; line-height: 50px; font-size: 24px; color: #333333; position: relative; margin-bottom: 20px; }
.md_news h3:before, .text_title:before { content: ""; display: block; width: 7px; height: 30px; background: linear-gradient( 45deg, #1F2026, #494A4F); border-radius: 5px; position: absolute; left: 0; top: 10px; }
.md_news h3 a, .text_title a { color: #333333; }
.md_news ul { box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 12%); border-radius: 20px; padding: 30px; overflow: hidden; }
.md_news i { display: block; width: 150px; height: 150px; float: right; border-radius: 10px; margin-left: 40px; line-height: 100%; overflow: hidden; }
.md_news i img { height: 100%; min-width: 100%; }
.md_news li p { white-space: inherit; overflow: hidden;line-height: 45px; margin-top: 0; font-weight: normal; display: table-cell; vertical-align: middle; height: 150px; }
.md_news li { font-size: 22px; border-bottom: #eee 1px solid; padding: 10px 0; position: relative; overflow: hidden; text-overflow: ellipsis; }
.md_news li a { color: #333333; overflow: hidden; display: block; }
.md_news li:last-child { border-bottom: 0; }
footer { background: #fff; line-height: 34px; color: #8f8f94; text-align: center; padding: 30px 0 120px; font-size: 18px }
footer a { color: #8f8f94; }
footer a:hover { color: #000; }
footer img { margin: 0 auto 20px; }
.contact { background: linear-gradient( 45deg, #28c494, #3eb688); font-size: 24px; overflow: hidden; padding: 20px 0; position: fixed; bottom: 0; width: 750px; left: 50%!important; margin-left: -375px; z-index: 9999 }
.contact li a { color: #fff; display: block; overflow: hidden; position: relative; border-right: #2eab7d 1px solid; }
.contact li:last-child a { border-right: none }
.contact li { float: left; width: 20%; line-height: 60px; text-align: center; overflow: hidden; }
.contact li i { width: 65px; height: 65px; display: block; overflow: hidden; position: absolute; left: 20px; }
.md_news_list { }
.md_news_list ul { border-radius: 20px; overflow: hidden; background: #fff; padding: 30px; }
.md_news_list ul li { overflow: hidden; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px dashed #DDDDDD; }
.md_news_list ul li:last-child { margin-bottom: 0; }
.md_news_list ul li i { width: 200px; height: 135px; overflow: hidden; border-radius: 15px; display: block; float: left; margin: 0 30px 20px 0 }
.md_news_list ul li a { display: block }
.md_news_list li img { width: 100%; min-height: 100% }
.md_news_list li h4 { font-size: 24px; color: #333333; font-weight: bold; padding: 20px 0; line-height: 36px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.md_news_list li p { clear: both; color: #999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height: 30px; font-size: 18px }
/*epages*/
.epages { text-align: center; color: #808595; width: 100%; clear: both; margin: 20px auto; }
.epages a { color: #808595; margin: 0 5px 10px; padding: 10px 15px; background: #f6f6f6; display: inline-block; }
.epages a:nth-child(1) { display: none }
.epages a:hover, .epages > b { color: #FFF; background: #404147; }
.epages > b { padding: 10px 15px; }
.hot_title { position: relative; line-height: 80px; }
.hot_title h3 { text-align: center; font-size: 24px; color: #333333; }
.hot_title h3:before { content: ""; display: block; width: 20%; height: 1px; background: #C0C0C0; position: absolute; top: 50%; left: 50%; margin-left: -35%; }
.hot_title h3:after { content: ""; display: block; width: 20%; height: 1px; background: #C0C0C0; position: absolute; top: 50%; right: 50%; margin-right: -35%; }
.content_box { line-height: 30px; font-size: 18px; padding: 30px; }
h1.con_title { font-size: 28px; font-weight: 400; line-height: 1.2; margin: 20px 0; }
.con_info { color: #999; font-size: 18px; border-bottom: 1px solid #DDDDDD; padding-bottom: 20px; margin-bottom: 20px; }
.con_info span { margin-right: 20px; }
.con_info span a { color: #3ab88a; }
.con_text { line-height: 30px; font-size: 18px; }
.con_text p { margin: 20px 0; }
.con_text img { margin: 15px auto; max-width: 100% !important; height: auto !important; }
.con_text h2, .con_text h3, .con_text h4, .con_text h5, .con_text h6 { font-size: 18px; position: relative; padding: 8px 10px; background: #f5f5f5; color: #414141; text-indent: 1.2em; margin: 20px auto; }
.con_text h2:before, .con_text h3:before, .con_text h4:before, .con_text h5:before, .con_text h6:before { position: absolute; content: ""; background: #0ec1d3; width: 3px; height: 100%; left: 0; bottom: 0; }
.con_text video { height: auto !important; max-width: 100% !important; margin: auto; display: block }
.con_text iframe { width: 100%; min-height: 400px; }
.con_text a { color: #f00 }
.con_text ul, .con_text ol { margin: 20px 0 20px 35px; }
.con_text ul li, .con_text ol li { margin-top: 3px; line-height: 30px; list-style-type: disc; }
.con_text hr { margin: 20px 0; }
.con_text table { margin: 15px 0; border-collapse: collapse; border: 1px solid #dcdcdc; width: 100% !important; }
.con_text table t { background-color: #fff; }
.con_text table p { margin: 0 0 2px 0; }
.con_text table th { vertical-align: baseline; padding: 5px; background: #f5f5f5; border: 1px solid #dcdcdc; font-size: 16px; }
.con_text table td { text-align: center; padding: 6px; border: 1px solid #dcdcdc; font-size: 16px; }
.color_green { color: green; font-size: 14px; word-break: break-all; white-space: pre-wrap; }
.color_purple { color: #77c; }
.ycwz { color: #999; margin: 20px 0; font-size: 16px; }
.ycwz a { color: #3cb88a; }
.next_news { margin: 30px 0 0; }
.next_news li a { color: #333; }
.next_news li { line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999; }
.tags { overflow: hidden; }
.tags a { display: inline-block; padding: 2px 9px; border: #ccc 1px solid; border-radius: 5px; background: rgba(255,255,255,.8); font-size: 14px; color: #777; }
.tags a:hover { color: #3cb88a; }
.topnav { position: relative; z-index: 2; }
/*search_list*/
.xt_search { margin: 10px 0 20px 0; color: #333; }
.search_list { margin: 20px 0; padding: 30px; min-height: 80vh; }
.search_list strong { color: #f00; }
.search_list ul li { margin-bottom: 30px; }
.search_list ul li h3 { font-weight: normal; margin: 0; font-size: 16px; margin-top: 10px; }
.search_list ul li h3 a { color: #07519A; }
.search_list ul li h3 a:hover, .color_purple:hover { text-decoration: underline }
.search_list ul li p { font-size: 14px; margin: 5px 0; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;}
h3.t01:before { background: #4286fb; }
h3.t02:before { background: #2ec696; }
h3.t03:before { background: #f67b53; }
h3.t04:before { background: #fe3a3f; }
.istop {
    line-height: 1;
    padding: 6px 8px 6px;
    font-size: 14px;
    background-color: #ff5e52;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: top;
    top: 6px; 
}
/* CSS Phone */
@media only screen and (max-width: 640px) {
body { width: 100% }
.logo{font-size:24px; margin:20px auto}
.search { width: 99%; }
.search input.input_text { font-size: 15px; line-height: 36px; }
.search input.input_submit { line-height: inherit; }
.container { padding: 0 15px; background-size: contain; }
.container:after { height: 200px }
.white_bg { border-radius: 10px; margin: 10px 0; }
.banner { height: auto; width: 96%; margin: 10px auto; border-radius: 10px; overflow: hidden; }
.md_nav p { font-size: 14px; }
.md_nav li img { height: 60px; }
.md_nav ul { padding: 10px 10px 0; }
.swiper-slide img { width: 100% !important; height: auto !important; border-radius: 10px; }
.swiper-pagination-bullet { width: 20px !important; height: 4px !important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px !important; }
.md_news h3, .text_title { font-size: 16px; margin-bottom: 10px; line-height: 40px; padding-left: 15px; }
.md_news h3:before, .text_title:before { top: 10px; height: 20px; width: 5px; }
.md_news ul { padding: 10px; border-radius: 10px; }
.md_news li { font-size: 14px; line-height: 25px; }
.md_news i { height: 60px; margin-left: 10px; border-radius: 5px; width: 60px; }
.md_news { margin-bottom: 15px; }
.md_other { border-radius: 10px; margin: 20px auto; padding: 10px; }
.md_other li { font-size: 15px; }
.md_other li i { margin: 10px 0; height: 44px; }
.md_other li img { height: 40px; }
footer { background-size: 100%; font-size: 12px; padding: 0 0 50px; line-height: 20px; }
.contact { width: 100%; left: 0 !important; margin-left: inherit; font-size: 14px; padding: 5px 0; }
.contact li { line-height: 40px; }
.contact li i { width: 24px; height: 24px; left: 15px; top: 3px; }
.contact li i img { width: 100%; }
.hot_title h3 { font-size: 20px; margin: 20px 0; }
.hot_title h3:before, .hot_title h3:after { width: 20%; }
.hot_title { line-height: 40px; }
.epages > b { padding: 5px 10px; }
.epages a { padding: 5px 10px; }
.md_news_list ul { padding: 15px; }
.md_news_list ul li i { width: 90px; height: 60px; margin: 0 15px 10px 0; border-radius: 5px; }
.md_news_list li h4 { padding: 5px 0; line-height: 25px; font-size: 15px; -webkit-line-clamp: 2; }
.md_news_list li p { font-size: 15px; line-height: 24px; }
.md_news_list ul li { margin: 0 0 20px; padding: 0 0 20px; }
.content_box { padding: 10px; font-size: 16px; line-height: 24px; }
h1.con_title { font-size: 20px; margin: 10px 0 16px; }
.con_info { font-size: 12px; padding-bottom: 10px; margin-bottom: 10px; }
.con_info span { margin-right: 15px; }
.con_text { font-size: 15px; line-height: 26px; }
.con_text iframe { min-height: auto; }
.ycwz { font-size: 12px; word-break: break-all; white-space: pre-wrap; }
.con_text table th, .con_text table td { font-size: 14px; }
.next_news { margin: 15px 0; font-size: 14px; }
.next_news li { line-height: 26px; }
.text_tags li { font-size: 14px; }
.tags ul { padding: 0 10px 30px; }
.tags ul li { font-size: 15px; margin: 5px; }
.tags ul li a { padding: 5px 10px; }
.search_list { padding: 15px; margin: 0; }
.md_news li p { height: 60px; padding: 0 0 0 10px; line-height: 24px;}
footer img { width: 100px; margin: 0 auto 10px; }
footer p { display: none; }
.istop {
    line-height: 1;
    padding: 4px 6px 4px;
    font-size: 12px;
    background-color: #ff5e52;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: top;
    top: 2px;  
}
}