@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1024px) {
.hx_header, .hx_nav, .hx_footer, main { width: 98%; }

.hx_logo { width: 70%; }

.hx_menushow { display: block; }
.hx_menu { display: none; position: absolute; top: 60px; right: 275px; padding-bottom: 10px; width: 140px; height: auto; background: #09a6f6; border-bottom-left-radius: 20px; z-index: 100; }
.hx_menu li { clear: both; margin: 0; padding: 0; width: 100%; line-height: 35px; color: #fff; text-align: center; }
.hx_menu li a { color: #fff; }
.hx_menu li a:hover { color: #0041bf; }

.hx_search { width: 22%; }

#my-video { height: 450px; }

.hx_menushow2 { display: block; }
.hx_menu2 { display: none; position: absolute; top: 60px; right: 30px; padding-bottom: 10px; width: 140px; height: auto; background: #09a6f6; border-bottom-left-radius: 20px; z-index: 100; }
.hx_menu2 li { clear: both; margin: 0; padding: 0; width: 100%; line-height: 35px; color: #fff; text-align: center; }
.hx_menu2 li a { color: #fff; }
.hx_menu2 li a:hover { color: #0041bf; }
}
@media screen and (max-width:800px) {
.hx_logo { width: 65%; }
.hx_menu { right: 235px; }
.hx_search { width: 25%; }

.hx_kwordtop { height: 30px; line-height: 30px; }
.hx_kwordtop span { font-size: 16px; }
.hx_kwordtop a { font-size: 12px; }

.hx_video ul li { margin: 0 0.5%; width: 49%; }
.hx_video ul li img.video_img { height: 300px; }
.hx_video ul li:nth-of-type(n+3) { margin-top: 10px; }

.hx_newslist { clear: both; width: 100%; }
aside { display: block; clear: both; width: 100%; margin-left: 0; width: 100%; }
#companyc { display: block; clear: both; width: 100%; margin-left: 0; width: 100%; }

.main { clear: both; width: 100%; }

#my-video { height: 400px; }

.hx_companylist .sort { font-size: 12px; }
.hx_companylist .sortlist .stitle { padding: 0 1.5%; width: 20%; }
.hx_companylist .sortlist ul { float: left; margin: 10px 1%; padding: 0; list-style: none; width: 60%; }
.hx_companylist .sortlist ul li { font-size: 12px; }
.hx_companylist .sortlist ul li a { padding: 0 5px; width: calc(100% - 10px); }
.hx_companylist .sortlist .smore { margin: 10px 10px 0 0; }

.hx_companylist .list li .img { width: 16%; }
.hx_companylist .list li .content { float: left; width: 58%; }
.hx_companylist .list li .content .text { margin-top: 10px; font-size: 14px; }
.hx_companylist .list li .amore { margin: 80px 1% 0 0; width: 15%; }
.hx_companylist .list li .amore a { padding: 0 10px; }

.companytop .comtop .comcon { width: 100%; }

.companypro ul li img { height: 150px; }
}
@media screen and (max-width:640px) {
.hx_logo { width: 85%; }
.hx_logo article { margin-top: 3px; width: 50%; line-height: 25px; }
.hx_logo article span { display: block; }

.hx_menu { right: 5px; }

.hx_search { clear: both; width: 100%; padding: 10px 0 0 0; width: 100%; height: 30px; line-height: 30px; }
.hx_search form { background: #fff; padding: 0 5%; width: 90%; border-radius: 15px; }
.hx_search form input[type=text] { margin: 0; padding: 0; border: 0; height: 30px; line-height: 30px; width: 90%; 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 { line-height: 25px; }
.hx_nav a { padding: 0 5px; font-size: 12px; font-weight: normal; }
.hx_nav a:first-child { font-size: 12px; }

.hx_footer .ftbox1 { width: 40%; }
.hx_footer .ftbox2 { width: 55%; border-right: 0; }
.hx_footer .ftbox3 { display: none; }

.hx_news { clear: both; width: 100%; }
.hx_news ul .img img { width: 100%; height: 70px; }
.hx_news ul .content .ntitle { height: 50px; line-height: 25px; white-space: normal; }
.hx_news ul .content .text { display: none; }
.hx_news ul .content .dtime { margin-top: 5px; }

.hx_webpic3 { clear: both; margin: 10px 0 0 0; width: 100%; }
.hx_webpic3 img { float: left; margin: 0 1%; width: calc(31.33% - 2px); border: solid 1px #e5e5e5; height: 100px; }

.hx_kwordtop { height: 60px; line-height: 30px; }
.hx_kwordtop span { font-size: 12px; }

.hx_video ul li { margin: 0; width: 100%; }
.hx_video ul li:nth-of-type(n+2) { margin-top: 10px; }

.hx_chexing { clear: both; margin-right: 0; width: 100%; }
.hx_tuku { clear: both; margin-top: 30px; width: 100%; }
.hx_tuku .title ul { margin: 0 0 0 20px; }
.hx_tuku .title ul li { margin: 0 3px 0 0; width: 50px; font-size: 12px; }
.hx_tuku .list li { clear: both; margin-left: 0; width: 100%; }
.hx_tuku .list li img { height: 300px; }
.hx_tuku .list li:nth-of-type(1) { margin-left: 0; width: 100%; }
.hx_tuku .list li:nth-of-type(1) img { height: 300px; }
.hx_tuku .list li:nth-of-type(n+2) { margin-top: 10px; }

.hx_news2 { clear: both; width: 100%; }
.hx_news2 ul li { clear: both; margin-bottom: 10px; padding-left: 3%; width: 100%; }
.hx_news2 ul li:nth-of-type(1) { margin-right: 0; padding-left: 0; width: 100%; height: 310px; }
.hx_news2 ul li:nth-of-type(1) img { display: block; vertical-align: middle; width: 100%; height: 310px; }
.hx_webpic4 { clear: both; margin: 10px 0 0 0; width: 100%; }
.hx_webpic4 img { float: left; margin: 5px 1%; width: calc(31.33% - 2px); border: solid 1px #e5e5e5; height: 100px; }

.hx_hyhd ul li { clear: both; margin-left: 0; width: calc(100% - 2px); }
.hx_hyhd ul li img { height: 310px; }
.hx_hyhd ul li:nth-of-type(1) { margin-left: 0; width: calc(100% - 2px); }
.hx_hyhd ul li:nth-of-type(n+2) { margin-top: 10px; }

.hx_hezuo ul li { width: calc(32% - 2px); }
.hx_hezuo ul li:nth-of-type(3n+0) { margin-right: 0; }
.hx_hezuo ul li:nth-of-type(n+4) { margin-top: 10px; }

.hx_hezuo2 ul li { width: calc(32% - 2px); }
.hx_hezuo2 ul li:nth-of-type(3n+0) { margin-right: 0; }
.hx_hezuo2 ul li:nth-of-type(n+4) { margin-top: 10px; }

.hx_newslist .list li .img img { width: 100%; height: 70px; }
.hx_newslist .list li .content .ntitle { height: 50px; white-space: normal; }
.hx_newslist .list li .content .text { display: none; }
.hx_newslist .list li .content .dtime { margin-top: 5px; }

.hx_newslist .listpic li { margin: 10px 2% 10px 0; width: 49%; }
.hx_newslist .listpic li img { height: 150px; }
.hx_newslist .listpic li:nth-of-type(2n) { margin-right: 0; }
.hx_newslist .listpic li:nth-of-type(2n+1) { margin-right: 2%; }
.hx_newslist .listvideo li { clear: both; margin: 10px 0; width: 100%; }

#my-video { height: 280px; }

.hx_aboutnews ul .img img { width: 100%; height: 70px; }
.hx_aboutnews ul .content .ntitle { height: 50px; white-space: normal; }
.hx_aboutnews ul .content .text { display: none; }
.hx_aboutnews ul .content .dtime { margin-top: 5px; }

.hx_aboutpic ul li { margin: 10px 2% 10px 0; width: 49%; }
.hx_aboutpic ul li img { height: 150px; }
.hx_aboutpic ul li:nth-of-type(3n) { margin-right: 2%; }
.hx_aboutpic ul li:nth-of-type(2n) { margin-right: 0; }

.hx_aboutvideo ul li { margin: 10px 2% 10px 0; width: 49%; }
.hx_aboutvideo ul li img.video_img { height: 150px; }
.hx_aboutvideo ul li:nth-of-type(3n) { margin-right: 2%; }
.hx_aboutvideo ul li:nth-of-type(2n) { margin-right: 0; }

.hx_abouthyhd ul li { clear: both; margin-left: 0; width: calc(100% - 2px); border: 1px solid #e5e5e5; }
.hx_abouthyhd ul li img { height: 300px; }
.hx_abouthyhd ul li:nth-of-type(n+2) { margin-top: 10px; }

.hx_companylist .sortlist .stitle { padding: 0 1.5%; width: 28%; }
.hx_companylist .sortlist .stitle a { padding: 0 5px; }
.hx_companylist .sortlist ul { float: left; margin: 10px 1%; padding: 0; list-style: none; width: 50%; }
.hx_companylist .sortlist ul li { margin: 0; }
.hx_companylist .sortlist .smore { margin: 10px 5px 0 0; }
.hx_companylist .sortlist .smore span { width: 50px; }

.hx_companylist .list li .img { width: 30%; }
.hx_companylist .list li .content { float: left; width: 65%; }
.hx_companylist .list li .content .ntitle { overflow: hidden; height: 50px; line-height: 25px; }
.hx_companylist .list li .content .ntitle i { display: block; margin-left: 0; }
.hx_companylist .list li .content .adiqu { margin-top: 5px; }
.hx_companylist .list li .content .text { display: none; }
.hx_companylist .list li .amore { margin: -20px 1% 0 0; width: 30%; }
.hx_companylist .list li .amore a { padding: 0 10px; }

.aboutimg1 { clear: both; display: block; width: 98%; }
.aboutnews ul .img img { width: 100%; height: 70px; }
.aboutnews ul .content .ntitle { height: 50px; line-height: 25px; white-space: normal; }
.aboutnews ul .content .text { display: none; }
.aboutnews ul .content .dtime { margin-top: 5px; }
}