@charset "utf-8";
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; background: #fff; line-height: 1.5; overflow-x: hidden; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { color: #19b955; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
article, .box { width: 1200px; margin: auto; overflow: hidden }
.is-fixed { position: fixed; top: 10px; z-index: 99; }
/*header*/
header { background: #fff; height: 85px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 12%); margin-bottom: 20px }
.topbar { width: 1200px; margin: auto; padding: 20px 0; }
.logo { float: left; margin-top: -5px; }
.logo img { height: 53px; }
.search-key { margin-top: 10px; }
.search-key a { margin-right: 10px; }
.search { position: relative; overflow: hidden; width: 470px; height: 44px; background: #f0f0f0; border-radius: 6px; margin: 0 20px 0 30px; float: left; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 10%; display: block; font-size: 15px; height: 44px; line-height: 36px; text-indent: 1em; cursor: pointer; background: url(../images/searchm.png) no-repeat center; background-size: 18px; }
.search input.input_text { border: 0; line-height: 36px; height: 44px; font-size: 14px; width: 90%; outline: none; text-indent: 1em; background: no-repeat; }
/*nav*/
nav, .topnav { width: 130px; float: left }
nav ul li { height: 40px; color: #444; line-height: 40px; text-align: center; margin-bottom: 10px; border-radius: 6px; background: #f0f0f0; }
nav ul li a { display: block; }
nav ul li a#selected, nav ul li a:hover { background-color: #00ba4c; color: #fff; ; border-radius: 6px; }
nav em { width: 100%; display: block; height: 20px }
.sub { width: 420px; padding-left: 5px; height: auto; overflow: hidden; background: #fff; position: absolute; z-index: 99; bottom: -10px; left: 130px; display: none; padding: 5px; }
.sub ul { padding: 5px; overflow: hidden; }
.sub li { width: 130px; float: left; margin: 5px; }
.menu:hover .sub { display: block }
.menu { position: relative }
#mnavh { margin: 5px 0 0 0; width: 24px; height: 40px; float: right; text-align: center; padding: 0 10px; display: none }
.navicon { display: block; position: relative; width: 30px; height: 2px; background-color: #999; margin-top: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 2px; position: absolute; background: #999; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -9px; }
.navicon:after { margin-top: 9px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 2px; position: absolute; background: #999; }
.box_l { width: 670px; overflow: hidden; margin: 0 30px 20px; float: left; }
/*banner*/
.banner { width: 100%; margin-bottom: 20px; height: 260px; overflow: hidden }
.banner ul li { border-radius: 6px; position: relative; }
.banner ul li:nth-child(1) { width: 430px; height: 260px; float: left; overflow: hidden }
.banner ul li i { width: 100%; height: 100%; display: block; overflow: hidden; }
.banner ul li:nth-child(n+2) { width: 230px; height: 125px; overflow: hidden; float: right; margin: 0 0 10px; }
.banner ul li p { position: absolute; width: 100%; height: 38px; line-height: 38px; background: rgba(0,0,0,.35); bottom: 0; margin: 0; color: #fff; text-shadow: 1px 1px 1px #000; text-indent: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.banner ul li:hover p { background: rgba(0,0,0,.5); }
.banner ul li i img { width: 100%; min-height: 100%; transition: .5s; object-fit: cover;}
.banner ul li:hover img { transform: scale(1.02) }
h2.tit { border-bottom: 1px solid #eee; line-height: 40px; margin-bottom: 30px; }
h2.tit span { font-size: 18px; color: #00ba4c; font-weight: normal; border-bottom: #00ba4c 2px solid; line-height: 50px; display: inline-block; }
/*news_list*/
.news_list li { overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; }
.news_list li h3 { font-size: 20px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; color: #333; margin-right: 100px; }
.news_list li i { display: block; float: left; width: 187px; height: 130px; overflow: hidden; margin-right: 25px; border-radius: 6px; }
.news_list li i img { width: 100%; min-height: 100%; transition: all .5s; object-fit: cover;}
.news_list_info { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 16px; color: #999; line-height: 30px; text-align: justify; }
.news_list li span { font-size: 14px; padding: 2px 6px; border: 1px solid #00ba4c; color: #00ba4c; float: right; margin-top: -42px; margin-right: 5px; border-radius: 6px; }
.news_list li:hover img { transform: scale(1.1); }
.news_list li:hover h3 { color: #c00 }
.news_list li:last-child { margin-bottom: 0 }
.news_list li:hover .news_list_info { color: #666 }
a.btn_more { height: 56px; font-size: 16px; line-height: 56px; text-align: center; letter-spacing: 5px; border: 0; background: #f3f3f3; color: #222; margin: 20px 0; display: block; transition: .5s; }
a.btn_more:hover { background: #dedede; }
/*box_r*/
.box_r { float: right; width: 340px; }
.box_r section { background: #f4f5f6; overflow: hidden; border-top: 2px solid #00ba4c; }
.box_r section ul { padding: 20px; }
.box_r section h3 { margin: 15px 0 0 20px; color: #000; font-size: 18px; }
.box_r .change_jy{
    width: 95%;
    height: 40px;
    border: 1px solid #ddd;
    color: #999;
    text-align: center;
    line-height: 40px;
    margin: -20px 8px 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    }
/*news_part05*/
.news_part05 { overflow: hidden; }
.news_part05 li { width: 48%; float: left; overflow: hidden; margin-bottom: 15px; }
.news_part05 li:nth-child(even) { float: right }
.news_part05 li a { display: block; }
.news_part05 li i { width: 100%; height: 82px; display: block; margin-bottom: 5px; overflow: hidden; border-radius: 6px; }
.news_part05 li i img { width: 100%; min-height: 100%; object-fit: cover;}
.news_part05 li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 14px; }
/*footer*/
footer { background: #262930; color: #87898d; font-size: 12px; line-height: 60px; }
p.foot_l { float: left; }
p.foot_r { float: right; }
footer a { color: #87898d; }
p.foot_r a { margin-left: 10px; padding-left: 10px; border-left: #87898d 1px solid; }
p.foot_r a:first-child { border-left: none; }
.icon-top { background: url(../images/istop.png) no-repeat center #fff; background-size: 22px; width: 40px; height: 40px; position: fixed; right: 5%; bottom: 10%; transition: all 0.3s; z-index: 9999999; border: #ececec 1px solid; }
/*epages*/
.epages { text-align: center; color: #666; width: 100%; clear: both; margin: 30px 0 0; }
.epages a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #e6e7e5; display: inline-block; }
.epages a:nth-child(1) { display: none }
.epages a:hover, .epages > b { color: #FFF; background: #00ba4c; }
.epages > b { margin: 0 5px 10px; padding: 5px 10px; font-weight: normal; display: inline-block; }
/*container*/
.con_tit { padding: 25px 30px; background: #f5f6f7; }
.con_tit h1 { color: #333; margin: 0 0 10px 0; font-size: 26px; }
.info { color: #666; font-size: 14px; padding-bottom: 10px; }
.info span { margin: 0 15px; padding-left: 15px; background-image: linear-gradient(#ccc, #ccc); background-repeat: no-repeat; background-size: 1px 14px; background-position: 0 3px; }
.content { word-break: break-word; text-align: justify; font-size: 18px; color: #000; line-height: 36px; }
.content p { margin: 20px 0; }
.content img { margin: 15px 0; max-width: 100% !important; height: auto !important }
.content h2, .content h3, .content h4, .content h5, .content h6 { font-size: 18px; margin: 10px 0 }
.content video { height: auto !important; width: 100% !important; }
.content iframe { width: 100%; min-height: 400px; }
.content ol { counter-reset: item; background-image: linear-gradient(#e4e4e4 50%, #fff 50%); background-repeat: repeat-y; background-size: 2px 4px; background-position: left 17px top 20px; position: relative; padding-bottom: 10px; }
.content ol li { position: relative; padding-left: 60px; margin-bottom: 26px; }
.content ol li:before { counter-increment: item; content: counter(item); position: absolute; text-align: center; left: 0; top: 0; width: 36px; height: 36px; font-weight: bold; border-radius: 18px; background: #ffb700; color: #fff; line-height: 36px; font-size: 18px; z-index: 7; }
.content ol:after { content: "END"; background: #fff; color: #ccc; font-size: 12px; line-height: 30px; left: 5px; bottom: 0px; position: absolute; }
.content blockquote { border-left: #19b955 3px solid; padding-left: 20px; margin: 20px 0; }
.content blockquote p:nth-child(1) { color: #999; }
.content blockquote p { margin: 0 !important; }
.about_end { background: #00ba4c; color: #fff; text-align: center; padding: 60px 0; }
.about_end h3 { font-size: 24px; margin-bottom: 20px; }
.about_end p { font-size: 16px; }
.news_t { font-size: 18px; font-weight: normal; padding: 5px 0; margin: 20px 0 10px; position: relative; border-top: #ccc 2px solid; border-bottom: #ececec 1px solid; color: #333333; }
.news_t:after { position: absolute; width: 70px; height: 2px; background: #ed4040; content: ""; left: 0; top: -2px }
.ph_show { display: none }
.aboutTop { width: 100%; height: 150px; background: url(../images/about.jpg) no-repeat center #00050d; background-size: cover; color: #fff; text-align: center; margin-top: -20px; }
.aboutTop h2 { padding: 35px 0 0; }
.aboutTop p { margin: 10px 0; font-size: 20px; }
.about .content { margin: 60px 100px; min-height: 400px; }
.weizhi { color: #ccc; font-size: 14px; margin: 0 0 20px 0; }
.jy_content{margin:0;padding:0 0 0px 0;}
.jy_content p.step_list{position:relative;margin-left:18px;padding:0 0 20px 40px;width:610px;border-left:2px dotted #e4e4e4;}
.jy_content em{font-style: normal;font-weight: bolder;}
.jy_content .step_list_last:after{position:absolute;bottom:0;left:-13px;display:block;background-color:#fff;color:#ccc;content:"END";font-size:12px;line-height:13px;font-family: "Microsoft YaHei",SimSun,"Arial Narrow";}
.jy_content p.step_list b{position:absolute;left:-18px;display:inline-block;width:36px;height:36px;border-radius:18px;background:#ffb700;color:#fff;text-align:center;}
.jy_content p.step_list b:before{width:1px;height:100px;content:"";}
.jy_content figure{position: relative;margin:0 0 0 18px;padding: 0 0 24px 40px;width:60%;border-left: 2px dotted #e4e4e4;}
.jy_content figure iframe{margin:0;width:60%;height:530px;border:none;}
.jy_content figure video{display:block;box-sizing:border-box;width:60%;border:1px solid #f1f1f1;}
.jy_content figcaption,.jy_content p{font-family:"Microsoft YaHei",SimSun,"Arial Narrow";}
.jy_content figcaption{ display:none;margin:0 auto 15px auto;padding:14px 0;width:100%;border-top:1px solid #fff;background:#443b3b;color:#ccc9c9;font-weight:400;font-size:14px;font-family:"ËÎÌå",SimSun,"Arial Narrow";}
.jy_content img{width:100%;}
.answer-block{
    clear: both;
    position: relative;
    /* min-height: 48px; */
    padding: 10px 10px;
    background-color: #FCF6EA;
    border-radius: 4px;
    margin: 10px 0px;
}
.answer-block .answer{
    color: #FF9F14;
    display: inline-block;
}
.answer-block .answer .fb{
    font-weight: bold;
}
.answer-block .ico{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    width: 70px;
    height: 70px;
    display: block;
    background: url(../images/icon-answer.png) no-repeat;
    background-size: contain;
}
.footer-links{
    text-align: center;
    color: #272930;
    border-top: 1px solid #393f56;
    border-bottom: 1px solid #393f56;
    background: #272930;
}
.footer-links ul{
    list-style: none;
    display: inline-block;
}
.footer-links ul li{
    float: left;
    margin: 10px 5px 5px;
    color: #87898d;
    font-size: 12px;
}
.footer-links a{color:#87898d}
.footer-links a {
    margin-left: 10px;
    padding-left: 10px;
    font-size: 12px;
}
.footer-links a:hover { color: #19b955; text-decoration: none; }
.copyright{
    margin-top: 30px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #828282;
    border: 1px solid #efefef;
    background: rgba(239,239,239,.4);
    border-radius: 4px;
}