@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: #319c32; 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; }
.mb20 { margin-bottom: 20px; }
/*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 .selected a, nav ul li a:hover { background-color: #f18d00; 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 }
.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: #319c32 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 strong{color: #f44336;}
.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; }
.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; }
.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: #00ba4c; }
.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 #319c32; }
.box_r section ul { padding: 20px; }
.box_r section h3 { margin: 15px 0 0 20px; color: #000; font-size: 18px; }
/*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%; }
.news_part05 li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 14px; }
/*footer*/
footer { background: #f4f5f6; 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; }
.search-key a:nth-child(1) { color: #319c32;}

span.sticky-icon{
    line-height: 1!important;
    padding: 5px 8px 6px!important;
    font-size: 12px!important;
    background-color: #ff5e52!important;
    color: #fff!important;
    border-radius: 4px!important;
    display: inline-block!important;
    position: relative!important;
    vertical-align: top!important;
   border: 1px solid #ff5e52!important;
    
}