﻿@charset "utf-8";
/* CSS Document */
body { margin: 0 auto; padding: 0; font-family: "Microsoft YaHei","黑体","宋体",sans-serif,Arial; font-size: 16px; color: #444; background: #fff; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; width: 100%; -webkit-text-size-adjust: none; }
img, a img { margin: 0; padding: 0; border: 0; max-width: 100%; height: auto; } 
a { color: #000; text-decoration: none; }
a:hover { color: #09a6f6; text-decoration: underline; }
p { line-height: 30px; }
*:link, *:visited, *:hover, *:active, *:focus, #button { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.hx_clear { clear: both; }

.c { text-align: center; }
.b { font-weight: bold; }
.bred { font-weight: bold; color: #e13651; }
.red { color: #e13651; }
.center { text-align: center; }
.mrtop { margin-top: 20px; }
.mrleft { margin-left: 20px; }
.mrleft2 { margin-left: 40px; }
.mrleft3 { margin-left: 60px; }
.pd10 { padding: 0 10px; }
.sa1 { display: inline-block; margin-right: 15px; }
.btnborder { border-bottom: solid 1px #ddd; }

.btn1 { display: inline-block; margin: 2px; width: 200px; height: 40px; line-height: 40px; background: #09a6f6; color: #fff; font-size: 18px; cursor: pointer; border: solid 1px #09a6f6; border-radius: 5px; }

/* 头部 */
header, nav, footer, main, article, aside { display: block; }
.hx_header, .hx_nav, .hx_footer, main { overflow: hidden; margin: 0 auto; width: 100%; max-width: 1200px; }

header { background: #09a6f6; }
.hx_header { padding: 15px 0; }
.hx_logo { float: left; width: 35%; font-size: 14px; color: #fff; letter-spacing: 2px; }
.hx_logo img { float: left; height: 56px; }
.hx_logo article { float: left; margin-left: 1%; height: 56px; line-height: 56px; }
.hx_logo article.co { color: #002060; }
.hx_logo a { color: #002060; }
.hx_logo a:hover { text-decoration: none; }

.hx_menu { overflow: hidden; float: left; margin: 0; padding: 0; list-style: none; width: 45%; color: #fff; text-align: center; }
.hx_menu li { float: left; padding: 0 10px; line-height: 56px; }
.hx_menu li a { display: block; width: 100%; color: #fff; }
.hx_menu li a:hover { color: #0041bf; text-decoration: none; }
.hx_menu .on { color: #0041bf; }

.hx_menushow { display: none; float: left; margin: 17px 2% 0 0; border: 0; width: 35px; height: 25px; background: url(../images/menu_bai.png) no-repeat right; cursor: pointer; }
.hx_menushow2 { display: none; float: right; margin: 17px 2% 0 0; border: 0; width: 35px; height: 25px; background: url(../images/menu_blue.png) no-repeat right; cursor: pointer; }

.hx_search { float: left; padding: 15px 0; width: 17%; height: 30px; line-height: 30px; }
.hx_search form { background: #fff; padding: 0 8%; width: 84%; border-radius: 15px; }
.hx_search form input[type=text] { margin: 0; padding: 0; border: 0; height: 30px; line-height: 30px; width: 85%; outline: none; }
.hx_search form input[type=image] { margin: 0 0 0 10px; padding: 0; border: 0; width: 11px; height: 12px; background: url(../images/icon_search.png); cursor: pointer; }

nav { height: auto; line-height: 50px; border-bottom: solid 2px #09a6f6; }
.hx_nav {}
.hx_nav a { display: inline-block; padding: 0 22px; height: 25px; line-height: 25px; font-weight: bold; color: #000; border-right: solid 1px #e5e5e5; }
.hx_nav a:hover { color: #0041bf; text-decoration: none; }
.hx_nav a.a1 { color: #09a6f6; }
.hx_nav a.a1:hover { color: #0041bf; }
.hx_nav a:first-child { padding: 0; border-right: 0; font-weight: bold; font-size: 18px; color: #002060; }
.hx_nav a:last-child { border-right: 0; }
.hx_nav .on { color: #0041bf; }

/* 底部 */
footer { position: relative; margin-top: 40px; color: #fff; background: #09a6f6; text-align: center; }
footer a:hover { text-decoration: underline; }
.hx_footer { overflow: hidden; padding: 25px 0; height: auto!important; min-height: 195px; height: 195px; }
.hx_footer .kword { margin-bottom: 10px; line-height: 25px; }
.hx_footer .kword a { display: inline-block; margin-right: 15px; color: #fff; }
.hx_footer .ftbox1 { float: left; margin: 0; padding: 0; list-style: none; width: 30%; border-right: solid 1px #fff; }
.hx_footer .ftbox1 li { line-height: 32px; }
.hx_footer .ftbox1 li a { color: #fff; }
.hx_footer .ftbox2 { float: left; width: 33%; border-right: solid 1px #fff; }
.hx_footer .ftbox2 .wx img { margin-top: 10px; width: 120px; height: 120px; }
.hx_footer .ftbox3 { float: left; width: 35%; color: #002060; }
.hx_footer .ftbox3 .wname { margin-bottom: 10px; font-size: 24px; font-weight: bold; }
.hx_footer .ftbox3 .wurl1 { font-size: 14px; font-weight: bold; }
.hx_footer .ftbox3 .wurl2 { display: inline-block; margin-bottom: 20px; padding-bottom: 10px; font-size: 14px; font-weight: bold; border-bottom: solid 1px #002060; }
.hx_footer .ftbox3 .wnameext { font-weight: bold; line-height: 30px; }
.hx_copyright { padding: 15px 0; line-height: 25px; font-size: 14px; color: #a9e4f9; border-top: 1px solid #2ec1f5; text-align: center; }
.hx_copyright a { color: #a9e4f9; }

/* 右侧浮动-返回顶部按钮 */
.hx_backtop{ position:fixed;_position:absolute; width:50px;height:50px;text-align: center; overflow:hidden;display:block; bottom: 10px; color: #fff!important; z-index:1000; left:auto !important; right:0; background-size: cover; background:rgba(9,166,246,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c809A6F6,endColorstr=#c809A6F6); border-radius: 5px; }
.hx_backtop:hover{ cursor: pointer; background: #e13651;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe13651,endColorstr=#ffe13651);}
.hx_backtop span{display: block;height: 16px;margin-top: 17px;background: url(../images/backtop.png) no-repeat center;}

/* 分页 */
.hx_page { margin: 20px 0 0 0; padding: 0; font-size: 15px; line-height: normal; text-align: center; }
.hx_page a { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #444; font-weight: normal; text-decoration: none; letter-spacing: 0; border:1px solid #444; }
.hx_page span { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #444; font-weight: normal; text-decoration: none; letter-spacing: 0; border:1px solid #444; } /* SPAN和链接 */
.hx_page a:hover, .hx_page a.page_on { color: #fff; background: #09a6f6; border: 1px solid #09a6f6; } /* 当前链接有激活时 */

/*index*/
.hx_con1 { margin-top: 30px; }
.hx_con20 { margin-top: 20px; }

.hx_news { float: left; width: 72%; }
.hx_news ul { margin: 0; padding: 0; list-style: none; }
.hx_news ul li { padding: 13px 0; border-bottom: solid 1px #e5e5e5; }
.hx_news ul li:hover { background: #F7F6F6; }
.hx_news ul .img { float: left; margin: 0 2% 0 0; width: 26%; }
.hx_news ul .img img { width: 100%; height: 120px; }
.hx_news ul .content { float: left; width: 72%; }
.hx_news ul .content .ntitle { overflow: hidden; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
.hx_news ul .content .ntitle b { display: inline-block; margin-right: 10px; padding-right: 10px; font-style: normal; color: #e13651; border-right: solid 1px #e5e5e5; }
.hx_news ul .content .ntitle b a { color: #e13651; }
.hx_news ul .content .text { overflow: hidden; margin-top: 10px; height: 40px; line-height: 20px; font-size: 14px; color: #666; }
.hx_news ul .content .dtime { overflow: hidden; margin-top: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #999; }
.hx_news ul .content .dtime time { float: right; }
.hx_news .more { display: block; margin-top: 6px; width: 100%; line-height: 40px; background: #f1f1f1; font-weight: bold; text-align: center; }

.hx_kwordtop { overflow: hidden; margin-top: 20px; padding-left: 15px; height: 40px; line-height: 40px; border-left: solid 3px #09a6f6; background: #F6F6F6; }
.hx_kwordtop span { font-size: 20px; font-weight: bold; color: #09a6f6; }
.hx_kwordtop a { display: inline-block; margin-right: 15px; }

.hx_video { margin-top: 30px; }
.hx_video .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_video .title .more { float: right; margin-right: 10px; font-size: 16px; }
.hx_video ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_video ul li { position: relative; float: left; margin: 0 0.5%; width: 24%; }
.hx_video ul li:hover { filter: alpha(opacity=70); opacity: 0.7; }
.hx_video ul li img { display: block; vertical-align: middle; }
.hx_video ul li img.video_img { width: 100%; height: 200px; }
.hx_video ul li img.video_play { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; }
.hx_video ul li .video_title { overflow: hidden; position: absolute; left: 0; bottom: 0; margin: auto; width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .5); font-size: 14px; color: #fff; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.hx_chexing { float: left; margin-right: 3%; width: 31%; }
.hx_chexing .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_chexing ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_chexing ul li { overflow: hidden; position: relative; margin-bottom: 10px; padding-left: 15px; height: 28px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; }
.hx_chexing ul li i a { display: inline-block; margin-right: 8px; padding: 0 3px; width: 45px; height: 22px; line-height: 22px; font-style: normal; font-size: 12px; color: #e13651; border: solid 1px #e13651; text-align: center; border-radius: 5px; }
.hx_chexing ul li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #c9c7c7; }
.hx_chexing .more { display: block; margin-top: 6px; width: 100%; line-height: 35px; background: #f1f1f1; font-weight: bold; text-align: center; }

.hx_tuku { float: left; width: 66%; }
.hx_tuku .title { padding-left: 15px; height: 40px; line-height: 40px; border-left: solid 3px #09a6f6; font-weight: bold; background: #F6F6F6; text-overflow: ellipsis; white-space: nowrap; }
.hx_tuku .title strong { float: left; font-size: 20px; color: #09a6f6; }
.hx_tuku .title ul { float: left; margin: 0 0 0 40px; padding: 0; list-style: none; }
.hx_tuku .title ul li { position: relative; float: left; margin: 0 8px 0 0; width: 60px; font-size: 14px; font-weight: normal; text-align: center; cursor: pointer; }
.hx_tuku .title ul li:hover { border-bottom: solid 3px #09a6f6; }
.hx_tuku .title ul li.on { border-bottom: solid 3px #09a6f6; }
.hx_tuku .title ul li a:hover { text-decoration: none; }
.hx_tuku .title .more { float: right; margin-right: 10px; font-size: 16px; }
.hx_tuku .list { overflow: hidden; margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_tuku .list li { position: relative; float: left; margin-left: 1.5%; width: 24%; }
.hx_tuku .list li img { display: block; vertical-align: middle; width: 100%; height: 125px; }
.hx_tuku .list li:nth-of-type(1) { margin-left: 0; width: 49%; }
.hx_tuku .list li:nth-of-type(1) img { height: 260px; }
.hx_tuku .list li:nth-of-type(n+4) { margin-top: 10px; }
.hx_tuku .list li .tktitle { overflow: hidden; display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); color: #fff; text-overflow: ellipsis; white-space: nowrap; text-align: center; align-items: center; justify-content: center; }
.hx_tuku .list li .tktitle:hover { background: rgba(0, 0, 0, 0) }

.hx_news2 { float: left; width: 72%; }
.hx_news2 .title { margin-top: 20px; padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; text-overflow: ellipsis; white-space: nowrap; }
.hx_news2 .title:nth-of-type(1) { margin-top: 0; }
.hx_news2 .title .more { float: right; margin-right: 10px; font-size: 16px; }
.hx_news2 ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_news2 ul li { overflow: hidden; position: relative; float: left; margin-bottom: 10px; padding-left: 2%; width: 45%; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
.hx_news2 ul li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #c9c7c7; }
.hx_news2 ul li:nth-of-type(1):before { position: absolute; left: 0; top: 50%; margin-top: -2px; width: 0; height: 0; background-color: #c9c7c7; }
.hx_news2 ul li:nth-of-type(1) { margin-right: 3%; padding-left: 0; width: 50%; height: 310px; }
.hx_news2 ul li:nth-of-type(1) img { display: block; vertical-align: middle; width: 100%; height: 310px; }
.hx_news2 ul li:hover:nth-of-type(1) img { filter: alpha(opacity=70); opacity: 0.7; }
.hx_news2 ul li .arttitle { overflow: hidden; position: absolute; left: 0; bottom: 0; margin: auto; width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .5); font-size: 14px; color: #fff; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.hx_hyhd { margin-top: 30px; }
.hx_hyhd .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_hyhd .title .more { float: right; margin-right: 10px; font-size: 16px; }
.hx_hyhd ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_hyhd ul li { position: relative; float: left; margin-left: 1%; width: calc(28% - 2px); border: 1px solid #e5e5e5; }
.hx_hyhd ul li:hover img { filter: alpha(opacity=70); opacity: 0.7; }
.hx_hyhd ul li img { display: block; width: 100%; height: 190px; }
.hx_hyhd ul li .hdtitle { overflow: hidden; height: 40px; line-height: 40px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.hx_hyhd ul li:nth-of-type(1) { margin-left: 0; width: calc(42% - 2px); }
.hx_hyhd ul li:nth-of-type(n+4) { margin-top: 10px; }
.hx_hyhd ul li:nth-of-type(1) img { height: 310px; }
.hx_hyhd ul li:nth-of-type(1) .hdtitle { margin-top: 6px; font-size: 16px; font-weight: bold; }
.hx_hyhd ul li:nth-of-type(1) p { overflow: hidden; margin-top: 10px; padding: 0 20px; height: 90px; line-height: 30px; }
.hx_hyhd:nth-of-type(1) { margin-top: 0; }

.hx_hezuo { margin-top: 20px; color: #999; }
.hx_hezuo .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_hezuo .title .more { float: right; margin-right: 10px; font-size: 16px; }
.hx_hezuo ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_hezuo ul li { float: left; display: flex; align-items: center; justify-content: center; margin-right: 2%; width: calc(15% - 2px); height: 90px; border: solid 1px #e5e5e5; text-align: center; }
.hx_hezuo ul li:nth-of-type(6n+0) { margin-right: 0; }
.hx_hezuo ul li img { max-width: 96%; max-height: 86px; vertical-align: middle; }

.hx_hezuo2 { margin-top: 20px; color: #999; }
.hx_hezuo2 .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_hezuo2 .title .more { float: right; margin-right: 10px; font-size: 16px; }
.hx_hezuo2 ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_hezuo2 ul li { float: left; margin-right: 2%; width: calc(15% - 2px); text-align: center; }
.hx_hezuo2 ul li:nth-of-type(6n+0) { margin-right: 0; }
.hx_hezuo2 ul li .img { display: flex; align-items: center; justify-content: center; height: 90px; border: solid 1px #e5e5e5; }
.hx_hezuo2 ul li .img img { max-width: 96%; max-height: 86px; vertical-align: middle; }
.hx_hezuo2 ul li span { overflow: hidden; display: block; height: 30px; line-height: 30px; }

.hx_links { margin-top: 20px; color: #999; }
.hx_links .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_links .content { margin-top: 10px; line-height: 30px; }
.hx_links a { display: inline-block; margin-right: 10px; }

/* 内页 */
.hx_newslist { float: left; width: 72%; }
.hx_newslist .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_newslist .sort { margin: 0; padding: 0; list-style: none; line-height: 50px; background: #F6F6F6; }
.hx_newslist .sort li { position: relative; float: left; margin: 0 5px 0 0; }
.hx_newslist .sort li a { display: block; padding: 0 10px; width: calc(100% - 20px); }
.hx_newslist .sort li a:hover { background: #09a6f6; color: #fff; text-decoration: none; }
.hx_newslist .sort li h1 { display: block; margin: 0; padding: 0 20px; font-size: 24px; font-weight: normal; width: calc(100% - 40px); }
.hx_newslist .sort li .on { background: #09a6f6; color: #fff; }
.hx_newslist .sort2 { margin: 0; padding: 10px 20px; list-style: none; border: solid 1px #e5e5e5; }
.hx_newslist .sort2 li { position: relative; float: left; margin: 0 10px; font-size: 12px; line-height: 30px; }
.hx_newslist .sort2 li a { display: block; padding: 0 10px; width: calc(100% - 22px); border: 1px solid #e5e5e5; border-radius: 5px; }
.hx_newslist .sort2 li a:hover { border: 1px solid #09a6f6; background: #09a6f6; color: #fff; text-decoration: none; }
.hx_newslist .sort2 li a.on { border: 1px solid #09a6f6; background: #09a6f6; color: #fff; }
.hx_newslist .list { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_newslist .list li { padding: 13px 0; border-bottom: solid 1px #e5e5e5; }
.hx_newslist .list li:hover { background: #F7F6F6; }
.hx_newslist .list li .img { float: left; margin: 0 2% 0 0; width: 26%; }
.hx_newslist .list li .img img { width: 100%; height: 120px; }
.hx_newslist .list li .content { float: left; width: 72%; }
.hx_newslist .list li .content .ntitle { overflow: hidden; height: 25px; line-height: 25px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.hx_newslist .list li .content .ntitle b { display: inline-block; margin-right: 10px; padding-right: 10px; font-style: normal; color: #e13651; border-right: solid 1px #e5e5e5; }
.hx_newslist .list li .content .ntitle b a { color: #e13651; }
.hx_newslist .list li .content .text { overflow: hidden; margin-top: 10px; height: 40px; line-height: 20px; font-size: 14px; color: #666; }
.hx_newslist .list li .content .dtime { overflow: hidden; margin-top: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #999; }
.hx_newslist .list li .content .dtime time { float: right; }
.hx_newslist .listpic { margin: 10px 0 0 0; padding: 0; list-style: none; }
/*.hx_newslist .listpic li { position: relative; float: left; margin: 10px 2% 10px 0; width: 49%; }
.hx_newslist .listpic li img { display: block; vertical-align: middle; width: 100%; height: 300px; }
.hx_newslist .listpic li:nth-of-type(2n) { margin-right: 0; }*/
.hx_newslist .listpic li { position: relative; float: left; margin: 10px 1.5% 10px 0; width: 32.33%; }
.hx_newslist .listpic li img { display: block; vertical-align: middle; width: 100%; height: 200px; }
.hx_newslist .listpic li:nth-of-type(3n) { margin-right: 0; }
.hx_newslist .listpic li .tktitle { overflow: hidden; display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); color: #fff; text-overflow: ellipsis; white-space: nowrap; text-align: center; align-items: center; justify-content: center; }
.hx_newslist .listpic li .tktitle:hover { background: rgba(0, 0, 0, 0) }
.hx_newslist .listvideo { margin: 10px 0 0 0; padding: 0; list-style: none; }
.hx_newslist .listvideo li { position: relative; float: left; margin: 10px 1%; width: 48%; }
.hx_newslist .listvideo li:hover { filter: alpha(opacity=70); opacity: 0.7; }
.hx_newslist .listvideo li img { display: block; vertical-align: middle; }
.hx_newslist .listvideo li img.video_img { width: 100%; height: 300px; }
.hx_newslist .listvideo li img.video_play { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; }
.hx_newslist .listvideo li .video_title { overflow: hidden; position: absolute; left: 0; bottom: 0; margin: auto; width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .5); font-size: 14px; color: #fff; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.main { float: left; width: 72%; }
.hx_mbnav { padding: 10px 0; line-height: 25px; }

.hx_content { padding: 20px 2%; height: auto!important; height: 400px; min-height: 400px; border: solid 1px #09a6f6; }
.hx_content h1 { text-align: center; }

/* 发布时间栏 */
.hx_content .timetext { margin: 20px 0; padding-bottom: 10px; border-bottom: dashed 1px #C9C9C9; color: #aaa; text-align: center; }
.hx_content .timetext span { display: inline-block; margin: 0 15px; }

.hx_content .text { padding: 20px 0; }
.hx_content .text a { color: #09a6f6; }
.hx_content .text a:hover { color: #e13651; }
.my-video-dimensions { width: 100%; } /* 视频专用CLASS */

.hx_content .copytext { margin: 20px 0; padding-bottom: 10px; line-height: 25px; font-size: 14px; color: #e13651; border-bottom: solid 1px #e5e5e5; }
.hx_content .copytext span { font-weight: bold; }
.hx_content .tagsstr { margin: 30px 0; line-height: 30px; }
.hx_content .tagsstr span { display: inline-block; margin: 0 10px; padding: 0 10px; background: #EDF8FC; color: #09a6f6; border: solid 1px #09a6f6; }
.hx_content .bdshare { margin: 30px 0; padding: 20px 0 0 0; line-height: 35px; border-top: solid 1px #e5e5e5; text-align: right; }

/* 上下篇 */
.hx_content .next { margin: 30px 0 0 0; padding: 10px 0 0 0; list-style: none; }
.hx_content .next li { overflow: hidden; margin: 0; line-height: 30px; height: 30px; }
.hx_content .next li span { font-weight: bold; }

.hx_aboutnews { }
.hx_aboutnews .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_aboutnews ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_aboutnews ul li { padding: 13px 0; border-bottom: solid 1px #e5e5e5; }
.hx_aboutnews ul li:hover { background: #F7F6F6; }
.hx_aboutnews ul .img { float: left; margin: 0 2% 0 0; width: 26%; }
.hx_aboutnews ul .img img { width: 100%; height: 120px; }
.hx_aboutnews ul .content { float: left; width: 72%; }
.hx_aboutnews ul .content .ntitle { overflow: hidden; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
.hx_aboutnews ul .content .ntitle b { display: inline-block; margin-right: 10px; padding-right: 10px; font-style: normal; color: #e13651; border-right: solid 1px #e5e5e5; }
.hx_aboutnews ul .content .ntitle b a { color: #e13651; }
.hx_aboutnews ul .content .text { overflow: hidden; margin-top: 10px; height: 40px; line-height: 20px; font-size: 14px; color: #666; }
.hx_aboutnews ul .content .dtime { overflow: hidden; margin-top: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #999; }
.hx_aboutnews ul .content .dtime time { float: right; }
.hx_aboutnews .more { display: block; margin-top: 6px; width: 100%; line-height: 40px; background: #f1f1f1; font-weight: bold; text-align: center; }

.hx_aboutpic { }
.hx_aboutpic .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_aboutpic ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.hx_aboutpic ul li { position: relative; float: left; margin: 10px 1.5% 10px 0; width: 32.33%; }
.hx_aboutpic ul li:nth-of-type(3n) { margin-right: 0; }
.hx_aboutpic ul li img { display: block; vertical-align: middle; width: 100%; height: 200px; }
.hx_aboutpic ul li .tktitle { overflow: hidden; display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); color: #fff; text-overflow: ellipsis; white-space: nowrap; text-align: center; align-items: center; justify-content: center; }
.hx_aboutpic ul li .tktitle:hover { background: rgba(0, 0, 0, 0) }

.hx_aboutvideo { }
.hx_aboutvideo .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_aboutvideo ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.hx_aboutvideo ul li { position: relative; float: left; margin: 10px 1.5% 10px 0; width: 32.33%; }
.hx_aboutvideo ul li:hover { filter: alpha(opacity=70); opacity: 0.7; }
.hx_aboutvideo ul li:nth-of-type(3n) { margin-right: 0; }
.hx_aboutvideo ul li img { display: block; vertical-align: middle; }
.hx_aboutvideo ul li img.video_img { width: 100%; height: 200px; }
.hx_aboutvideo ul li img.video_play { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; }
.hx_aboutvideo ul li .video_title { overflow: hidden; position: absolute; left: 0; bottom: 0; margin: auto; width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .5); font-size: 14px; color: #fff; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.hx_abouthyhd { margin-top: 30px; }
.hx_abouthyhd .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.hx_abouthyhd ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_abouthyhd ul li { position: relative; float: left; margin-left: 1%; width: calc(32.66% - 2px); border: 1px solid #e5e5e5; }
.hx_abouthyhd ul li:hover img { filter: alpha(opacity=70); opacity: 0.7; }
.hx_abouthyhd ul li img { display: block; width: 100%; height: 190px; }
.hx_abouthyhd ul li .hdtitle { overflow: hidden; padding: 0 10px; height: 40px; line-height: 40px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.hx_abouthyhd ul li:nth-of-type(1) { margin-left: 0; }
.hx_abouthyhd ul li:nth-of-type(n+4) { margin-top: 10px; }

aside { float: left; margin-left: 3%; width: 25%; }
aside .listhot {  }
aside .listhot .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
aside .listhot ul { margin: 20px 0 0 0; padding: 10px; list-style: none; background: #F6F6F6; }
aside .listhot ul li { overflow: hidden; margin: 10px 0; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
aside .listhot ul li span { float: left; display: inline-block; margin-right: 10px; width: 25px; font-size: 12px; color: #fff; background: #09a6f6; text-align: center; border-radius: 50%; }

aside .listnew {  }
aside .listnew .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
aside .listnew ul { margin: 20px 0 0 0; padding: 10px; list-style: none; background: #F6F6F6; }
aside .listnew ul li { overflow: hidden; position: relative; margin: 10px 0; padding-left: 15px; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
aside .listnew ul li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #c9c7c7; }

aside .listkw {  }
aside .listkw .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
aside .listkw p { line-height: 34px; }
aside .listkw a { display: inline-block; margin: 0 10px 10px 0; padding: 0 10px; background: #f3f3f3; }
aside .listkw a:hover { color: #fff; background: #ee2b5b; text-decoration: none; }

/* 企业模板 */
.hx_companylist {  }
.hx_companylist .sort { border: solid 1px #e5e5e5; }
.hx_companylist .sortlist { overflow: hidden; line-height: 30px; height: 48px; border-top: dashed 1px #e5e5e5; }
.hx_companylist .sortlist:nth-of-type(1) { border-top: 0; }
.hx_companylist .sortlist.hack { height: auto; }
.hx_companylist .sortlist .stitle { float: left; padding: 0 1.5%; width: 15%; line-height: 48px; background: #f6f6f6; }
.hx_companylist .sortlist .stitle a { display: inline-block; margin-left: 10px; padding: 0 10px; line-height: 28px; color: #00b0ef; border: 1px solid #00b0ef; border-radius: 5px; }
.hx_companylist .sortlist .stitle a:hover { background: #09a6f6; color: #fff; text-decoration: none; }
.hx_companylist .sortlist ul { float: left; margin: 10px 1%; padding: 0; list-style: none; width: 70%; }
.hx_companylist .sortlist ul li { position: relative; float: left; margin: 0 5px; font-size: 14px; }
.hx_companylist .sortlist ul li a { display: block; padding: 0 10px; width: calc(100% - 20px); }
.hx_companylist .sortlist ul li a:hover { color: #00b0ef; text-decoration: none; }
.hx_companylist .sortlist ul li a.on { color: #00b0ef; }
.hx_companylist .sortlist .smore { float: right; margin: 10px 20px 0 0; }
.hx_companylist .sortlist .smore span { display: block; width: 70px; line-height: 28px; border: solid 1px #00b0ef; color: #00b0ef; text-align: center; cursor: pointer; user-select: none; }
.hx_companylist .sortlist .smore span i { display: inline-block; margin: 0 0 0 5px; width: 11px; height: 7px; background: url(../images/smore.png) no-repeat top left; }
.hx_companylist .list { margin: 20px 0 0 0; padding: 0; list-style: none; }
.hx_companylist .list li { padding: 13px 0; border-bottom: solid 1px #e5e5e5; }
.hx_companylist .list li:hover { background: #F7F6F6; }
.hx_companylist .list li .img { float: left; margin: 0 2%; width: 16%; }
.hx_companylist .list li .img img { max-width: 100%; max-height: 145px; }
.hx_companylist .list li .content { float: left; width: 63%; }
.hx_companylist .list li .content .ntitle { overflow: hidden; height: 25px; line-height: 25px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.hx_companylist .list li .content .ntitle b { display: inline-block; margin-right: 10px; padding-right: 10px; font-style: normal; color: #e13651; border-right: solid 1px #e5e5e5; }
.hx_companylist .list li .content .ntitle b a { color: #e13651; }
.hx_companylist .list li .content .ntitle i { display: inline-block; margin-left: 10px; }
.hx_companylist .list li .content .ntitle i span { display: inline-block; margin: 0 2px; width: 16px; height: 16px; background: url(../images/icon-star-default.png) no-repeat center; }
.hx_companylist .list li .content .ntitle i span.active { background: url(../images/icon-star-active.png) no-repeat center; }
.hx_companylist .list li .content .adiqu { margin-top: 10px; }
.hx_companylist .list li .content .adiqu a { display: inline-block; margin-right: 20px; padding: 0 10px; line-height: 25px; font-size: 14px; color: #999; border: solid 1px #999; border-radius: 5px; }
.hx_companylist .list li .content .text { overflow: hidden; margin-top: 25px; height: 46px; line-height: 23px; font-size: 14px; color: #666; }
.hx_companylist .list li .content .text span { font-weight: bold; }
.hx_companylist .list li .amore { float: right; margin: 80px 1% 0 0; width: 15%; text-align: right; }
.hx_companylist .list li .amore a { display: inline-block; padding: 0 20px; line-height: 40px; background: #00b0ef; color: #fff; border-radius: 5px; }
.hx_companylist .list li .amore a:hover { background: #e13651; text-decoration: none; }

.companytop { position: relative; background: #09a6f6; }
.companytop .combg { width: 100%; vertical-align: middle; }
.companytop .comtop { position: relative; margin: 0 auto; width: 100%; max-width: 1200px; }
/*.companytop .comtop .comcon { overflow: hidden; position: absolute; left: 0; bottom: 0; width: 68%; height: 157px; background: #fff; }*/
.companytop .comtop .comcon { overflow: hidden; width: 72%; background: #fff; }
.companytop .comtop .comcon .comlogo { float: left; width: 27%; height: 160px; }
.companytop .comtop .comcon .comlogo img { max-width: 90%; max-height: 160px; vertical-align: middle; }
.companytop .comtop .comcon .comtext { float: left; padding: 5px 0 0 0; width: 71%; }
.companytop .comtop .comcon .comtext .comname { font-size: 24px; font-weight: bold; }
.companytop .comtop .comcon .comtext .comname h1 { display: inline-block; margin: 0; padding: 0; font-size: 24px; }
.companytop .comtop .comcon .comtext .comname i { display: inline-block; margin-left: 10px; }
.companytop .comtop .comcon .comtext .comname i span { display: inline-block; margin: 0 2px; width: 16px; height: 16px; background: url(../images/icon-star-default.png) no-repeat center; }
.companytop .comtop .comcon .comtext .comname i span.active { background: url(../images/icon-star-active.png) no-repeat center; }
.companytop .comtop .comcon .comtext .adiqu { margin-top: 10px; }
.companytop .comtop .comcon .comtext .adiqu a { display: inline-block; margin-right: 20px; padding: 0 10px; line-height: 25px; font-size: 14px; color: #999; border: solid 1px #999; border-radius: 5px; }
.companytop .comtop .comcon .comtext .comcon0 { overflow: hidden; margin-top: 10px; height: 40px; line-height: 20px; font-size: 14px; color: #666; }
.companytop .comtop .comcon .comtext .comcon0 span { font-weight: bold; }
.companytop .comtop .comcon .comtext p { margin: 5px 0 0 0; font-size: 14px; }

.comtitle { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; text-overflow: ellipsis; white-space: nowrap; }
.comcon1 { padding: 10px 0; }

.companypro ul { margin: 0; padding: 10px 0; list-style: none; }
.companypro ul li { overflow: hidden; position: relative; float: left; margin: 10px 1%; padding: 2px 2px 10px 2px; width: calc(31.33% - 6px); border: solid 1px #e5e5e5; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.companypro ul li img { display: block; margin-bottom: 10px; width: 100%; height: 200px; }

.companynews ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.companynews ul li { padding: 13px 0; border-bottom: solid 1px #e5e5e5; }
.companynews ul li:hover { background: #F7F6F6; }
.companynews ul .img { float: left; margin: 0 2% 0 0; width: 26%; }
.companynews ul .img img { width: 100%; height: 120px; }
.companynews ul .content { float: left; width: 72%; }
.companynews ul .content .ntitle { overflow: hidden; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
.companynews ul .content .text { overflow: hidden; margin-top: 10px; height: 40px; line-height: 20px; font-size: 14px; color: #666; }
.companynews ul .content .dtime { overflow: hidden; margin-top: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #999; }
.companynews ul .content .dtime time { float: right; }

.comcontact .comlianx { margin-top: 10px; padding: 10px; font-size: 12px; background: #F6F6F6; }
.comcontact .comlianx span { font-weight: bold; }

/* 关于模板-主体 */
header.bg { background: #fff; }
.hx_menu2 { overflow: hidden; float: right; margin: 0; padding: 0; list-style: none; width: 45%; color: #fff; text-align: center; }
.hx_menu2 li { float: left; margin-right: 10px; }
.hx_menu2 li a { display: block; padding: 0 15px; line-height: 58px; }
.hx_menu2 li a:hover { color: #0041bf; text-decoration: none; border-bottom: solid 2px #0041bf; }
.hx_menu2 .on2 { color: #0041bf; border-bottom: solid 2px #0041bf; }
.aboutbanner img { display: block; width: 100%; }
.aboutcontent { padding: 30px 0; }
.aboutcontent h1 { text-align: center; }
.aboutcontent .content { padding: 30px 0 0 0; }
.aboutcontent .content a { color: #09a6f6; }
.aboutcontent .content a:hover { color: #e13651; }
/* 关于模板-动态 */
.aboutnews { padding: 30px 0; }
.aboutnews .title { padding-left: 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.aboutnews h1 { text-align: center; }
.aboutnews ul { margin: 40px 0 0 0; padding: 0; list-style: none; }
.aboutnews ul li { padding: 15px 10px 15px 0; border-bottom: solid 1px #e5e5e5; }
.aboutnews ul li:hover { background: #F7F6F6; }
.aboutnews ul .img { float: left; margin: 0 3% 0 0; width: 25%; }
.aboutnews ul .img img { width: 100%; height: 200px; }
.aboutnews ul .content { float: left; width: 72%; }
.aboutnews ul .content .ntitle { overflow: hidden; height: 25px; line-height: 25px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.aboutnews ul .content .text { overflow: hidden; margin-top: 20px; height: 75px; line-height: 25px; font-size: 14px; color: #666; }
.aboutnews ul .content .dtime { overflow: hidden; margin-top: 30px; height: 20px; line-height: 20px; font-size: 12px; color: #999; }
.aboutnews ul .content .dtime time { float: right; }
/* 单页 */
.danye { padding: 30px 0; }
.danye h1 { margin: 0; padding: 0 0 0 15px; line-height: 40px; border-left: solid 3px #09a6f6; font-size: 20px; font-weight: bold; color: #09a6f6; background: #F6F6F6; }
.danye .content { padding: 10px 0 0 0; }
.danye .content a { color: #09a6f6; }
.danye .content a:hover { color: #e13651; }

/* 广告-首页 */
.hx_webpic1 { text-align: center; }
.hx_webpic1 img { vertical-align: middle; }
.hx_webpic2 { margin-top: 30px; }
.hx_webpic2 img { margin-right: 1%; width: calc(32.33% - 2px); height: 60px; border: solid 1px #e5e5e5; }
.hx_webpic2 img:nth-of-type(3n+0) { margin-right: 0; }
.hx_webpic2 img:nth-of-type(n+4) { margin-top: 10px; }
.hx_webpic3 { float: left; margin-left: 3%; width: 25%; }
.hx_webpic3 img { display: block; margin-bottom: 10px; width: calc(100% - 2px); height: 208px; border: solid 1px #e5e5e5; }
.hx_webpic4 { float: left; margin-left: 3%; width: 25%; }
.hx_webpic4 img { display: block; margin-bottom: 10px; width: calc(100% - 2px); height: 184px; border: solid 1px #e5e5e5; }

/* 广告-内页 */
.hx_webpicnytop { margin: 20px auto 0 auto; width: 100%; max-width: 1200px; text-align: center; }
.hx_webpicnytop img { width: 100%; }
.hx_webpicnyright {  }
.hx_webpicnyright img { display: block; margin-bottom: 20px; width: 100%; }