﻿html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6,a,input,button{margin: 0; padding: 0; font-family: "Microsoft YaHei",Arial,sans-serif; box-sizing: border-box; outline: none;}
a { color: #333333;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 500px;width: 60px;z-index: 999;}
.go-top a{display: block;width: 60px;height: 60px;background-image: url(../img/go-top.jpg);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -120px;}
.go-top .go:hover{background-position: 0 -300px;}
.go-top .feedback{background-position: 0 -60px;}
.go-top .feedback:hover{background-position: 0 -240px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -180px;}

/* 面包屑 */
.breadcrumbs{
	position: absolute; top: -40px; z-index: 999; color: #FFFFFF; font-weight: 100;
}
.breadcrumbs a{ color: #fff;}
.breadcrumbs span{padding: 0 15px;}
.breadcrumbs .bread-v{padding: 16px 0; border-bottom: 3px solid #00AAFF; color: #00AAFF;}
li{list-style: none;}
.p-rela{ position: relative; }
.line-1, .line-5{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.line-5{ -webkit-line-clamp: 5;}
.article p{ line-height: 32px; font-size: 17px;}
.article img{ width: 100%;}

.read_more{ font-size: 18px; color: #888; text-align: center; margin: 20px 0;}
.read_more img{ width: 26px; padding-right: 10px;}
.fourums_intro{ color: rgba(60,60,60,.7); line-height: 2.1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden;}
.top-menus {position: fixed; left: 0; top: 0; right: 0;  background-color: #FFFFFF; z-index: 999; box-shadow: 0 0 6px 2px rgba(10,10,0,.2);}
.top-holderplace {height: 50px;}
.zsbf_top{display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
.zsbf_logo{display: flex;}
.zsbf_logo img{ height: 60px; width:auto; }
.zsbf_search{position: relative; margin-left: 20px; flex: 1;}
.search-but{position: absolute; right: 0; bottom:0;}
.zsbf_search{ flex: 1; max-width: 556px;}
.zsbf_search input{ height: 39px; border:1px solid #b2b2b2; border-radius: 50px; text-indent: 24px; width: 100%;}
.search-but img{ width: 39px;}

.nav_wrap{display: none; width:150px; position: fixed; z-index: 11; right: 0; top: 60px; bottom: 10px; height: auto; overflow: hidden; box-shadow: 0 0 20px #888787; background: #fff; padding: 10 10px;}
.nav_wrap ul{ display: flex; flex-direction: column; justify-content: space-between;  }
.nav_wrap ul li{ position: relative;text-align: center;}
.nav_wrap ul li a{ font-size: 18px; color: #333; line-height: 60px;}
.nav_wrap ul li.active a{ font-weight: bold; color: #00AAFF;}

.menu_icon{ display: block;}
.menu_icon img{ width: 35px; }
.filter_black{ display: none; position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,.8); }
.close_nav{cursor: pointer; position: fixed; z-index: 11; top: 10px; right: 5px; width: 30px; }


.swiper-container{ width: 100%; height: 100%; }
.swiper-slide {overflow:hidden; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.banner_swiper{ position: relative; }
.banner_img,.forums_img{ width: 100%; height: auto;}
#m-swiper{margin-top: 15px;}
#m-swiper .swiper-slide{position: relative; width: 86% !important; margin: 0 7%; padding: 0; border-radius: 3px; -webkit-border-radius: 3px;
 -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; transition: transform 1.0s; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);
}
#m-swiper .swiper-slide-prev{right: -14%; -webkit-transform: scale(0.93); -moz-transform: scale(0.93); transform: scale(0.93);}
#m-swiper .swiper-slide-next{left: -14%; -webkit-transform: scale(0.93); -moz-transform: scale(0.93); transform: scale(0.93);}
#m-swiper .swiper-slide .txt{position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; padding: 0 10px; background: url(../img/bannerTxtBg.png) no-repeat center bottom; background-size: 100%; font-size:16px; line-height: 36px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*.banner_contrl{ position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; margin-left: -778px; }*/
.banner_swiper>.swiper-pagination-bullets{ bottom: 30px; }
.banner_swiper>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px; border-radius: 50%; width: 10px; height: 10px; border: solid 1px #979797; background: #fff; opacity: .5;}
.banner_swiper>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #00AAFF; opacity: 1;}
.banner_swiper .swiper-button-next{ right: 0; width: 41px; height: 76px; background:url(../img/right.png) no-repeat center; opacity: .3; }
.banner_swiper .swiper-button-prev{left: 0; width: 41px; height: 76px; background:url(../img/right.png) no-repeat center; transform: rotateY(180deg); opacity: .3; }
.banner_swiper .swiper-button-prev::after {content: none;}
.banner_swiper .swiper-button-next::after {content: none;}
/*.banner_contrl{ display: none; }*/
.banner_img{ width: 250%; }
.banner_swiper>.swiper-pagination-bullets{ bottom: 20px; }

.focusBox{position: absolute; top:0; right:0; width: 294px; height: 545px; padding: 13px 0; background: url(../img/bg72.png) repeat; z-index: 999;}
.focusBox .title{display: flex; align-items: center; padding:8px 17px; height: 56px; font-size: 13px; overflow: hidden;}
.focusBox .title.active{height: 70px; line-height: 24px; font-size: 16px; font-weight:bold; background: url(../img/banner-txt-bg1.png)}
.focusBox .title a{line-height:20px; color: #ffffff;}

.zsbf_title{padding-top: 22px; margin-bottom: 20px; }
.zsbf_title_text{height: 40px;border-bottom: 2px solid #00AAFF; display: inline-flex; flex-direction: column; overflow: hidden; justify-content: center;}
.zsbf_title_text_ch{ font-size: 20px; line-height: 1em; font-weight: normal;}
/* 公司简介 */
.fourums_title{padding: 20px 0 10px 0; font-size: 22px; max-height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333333;}
.fourums_title:hover{ color: #00AAFF; }
.fourums_intro{ color: rgba(60,60,60,.7); line-height: 2.0em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; font-size: 16px;}
.viewMore{ width: 160px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; border: solid 1px rgba(0,183,255,.2); color: rgba(0,183,255); border-radius: 50px; margin-top: 16px; }
.viewMore:hover{ border-color: rgba(0,183,255,1)}
.honor-box{ margin-top: 38px;}
.honor-hover{ background: #ebebeb; padding: 40px; display: block; margin-bottom: 20px;}
.honor-hover:hover{ background: linear-gradient(180deg, #00BAFF 0%, #0098FF 100%); color: #fff;}
.honor-box .caption p{ font-size: 18px; text-align: left;}

/* 业务中心 */
.yewu_cont {text-align: center; margin: 10px 0 20px 0;}
.line{ width:50px; height: 1px; background: #00AAFF; margin: 10px auto;}
.yewu_img{width: 100%; height: auto;}
.yewu_title{ font-size: 22px; margin-top: 10px; color: #333;}
.yewu_text{font-size: 12px; color: #474747; line-height: 22px;}
.vieo_title{ font-size: 24px; text-align: center; padding:0 0 30px 0; border-bottom: 2px solid #EFEFF0; margin-bottom: 30px;}
.vieo_box img{ width: 100%;}
.vieo_box{ margin-bottom: 30px;}
/* 新片快递 */
.xpkd-pic{ margin-bottom: 10px;width: 570px;height: 328px;}

/* 新闻中心 */
.zsbf_more{color:#3b3b3b; font-size: 12px; text-align: center; line-height: 40px; }
.zsbf_more:hover{color:#00AAFF; }
.news_content{ margin-top: 20px;}
.news_left{ position: relative; width: 100%; margin-bottom: 20px;}
.news_b_text{position: absolute; background: rgba(0,0,0,.4); line-height: 42px; color: #fff; font-size: 14px; bottom: 0px; width: 100%; text-align: center; padding: 0 10px; }
.news_m_img{margin-bottom: 20px; font-size: 14px;}
.news_img{ width: 100%;}
.news_img_l {
    width: 100%;
}
.newslist li{ margin-bottom: 10px; height: 31px; display: block; line-height: 31px; font-size: 14px;}
.newslist .biaoqian-b{ background: url(../img/biaoqian_blue.png) no-repeat; width: 90px; height: 31px;  background-size:90px 31px; display: block; line-height: 31px; color: #fff; text-indent: 12px; float: left; margin-right: 10px; font-size: 14px;}
.newslist .biaoqian-y{ background: url(../img/biaoqian_yellow.png);  width: 90px; height: 31px;  background-size:90px 31px; display: block; line-height: 31px; color: #fff; text-indent: 12px; float: left; margin-right: 10px; font-size: 14px;}

.foot{ height: auto; background: linear-gradient(180deg, #00BAFF 0%, #0098FF 100%);}
.foot-con{ color: #fff; padding: 30px 0;}
.foot-l p{ font-size: 14px; color: #fff; line-height: 24px;}
.foot-l p{ font-size: 14px; color: #fff; line-height: 24px;}
.foot-m{ margin: 0px 0;}
.foot-m p{ font-size: 14px; color: #fff; line-height: 24px;}
.foot-r{ margin-bottom: 20px;}
.foot-r p{ font-size: 18px; color: #fff; text-align: center; padding-bottom: 5px; padding-right: 20px;}

.foot_pc{ background-image: url(../img/foot_bg.jpg); padding: 40px 0;}
.foot_logo{ margin-bottom: 30px;}
.foot_menu ul{ margin-right: 30px;}
.foot_menu ul li a{ font-size: 18px; color: #fff; line-height: 32px;}
.footpc-r h2{ font-size: 18px; color: #fff; font-weight: normal; margin-bottom: 20px;}
.phone{ color: #fff; margin-bottom: 40px; font-size: 14px;}
.phone .phone_t{ margin-top: 10px;}
.phone .phone_t img{ padding-right: 10px;}
.banquan p{ color: #fff; font-size: 18px; margin-top: 10px;}
.wap{display: flex; align-items: center; text-align: right; color: #fff; margin: 15px 0;}
.wap p{ padding-right: 10px;}
/* 关于我们 */
.topimg_about{ background: url(http://huaxia.tv/d/file/p/20240802/38a2f91f9a83150b96d918d536faef05.jpg) center; background-size: 100% 100%; color: #fff; text-align: center;  line-height: 90px;font-size: 16px;padding: 40px 0 40px 0; }
.bread{ font-size: 16px; line-height: 60px; height: 60px; padding: 0 15px;}
.two_back{ width: 44px; margin-top: 15px;}
.about_menu li{ height: 36px; line-height: 36px; margin-bottom: 10px;}
.about_menu li a{color: #333; display: block; text-align: center; background: #ededed;}
.about_menu li .title-active{color: #fff; display: block; text-align: center; background: #00AAFF;}
.about_menu li .a-active{color: #333; background: #fff; border: 1px solid #979797;}
.title-t{ text-align: center; color: #3f3f3f; margin-bottom: 12px; margin-top: 20px; font-size: 22px;}
.about_cont p{ margin-top: 15px; line-height: 32px; font-size: 14px;}
.leaderimg{ position: relative; width: 100%;}
.leader_text{position: absolute; background: linear-gradient(180deg, #00BAFF 0%, #0098FF 100%); opacity: 0.8; line-height: 42px; color: #fff; font-size: 14px; bottom: 0px; width: 100%; text-align: center; padding: 0 10px; }
.color_blue{ color: #00AAFF; font-weight: bold;}
.about_cont .qianming{ margin-top: 25px;}
.year{ font-size: 22px; border: 1px solid #979797; padding: 6px 26px; border-radius: 50px; color: #999;}
.swiper-slide-active .year {padding: 6px 30px; border: 0; font-size: 30px; background:linear-gradient(180deg, #00BAFF 0%, #0098FF 100%); color: #fff;}
.article-box .article{display: none;}

/* 新闻中心  */
.newstopimg{ background: url(http://huaxia.tv/d/file/p/20240802/f02b886a5278739def54a28a5ae1a7c7.jpg) center; background-size: 100% 100%; color: #fff; text-align: center;  line-height: 90px;font-size: 16px;padding: 40px 0 40px 0; }
.news_tab{ height: 46px; line-height: 46px; border-bottom: 1px solid #979797; font-size: 20px; padding-left: 20px;}
.news_tab li{ float: left; display: block; margin-right: 30px;height: 45px; line-height: 45px; color: #333333; cursor: pointer;}
.news_tab li.active{ border-bottom: 2px solid #00AAFF;}
.news_ico_dt img{ width: 25px; padding-right: 5px;}
.news_list{margin-bottom: 30px;}
.news_list_con{ padding: 15px; border-bottom: 1px solid #C0C0C0;}
.news_list_img img{ width: 100%;}
.news_text h3{ font-size: 24px; font-weight: normal; padding: 5px 0;}
.news_text p{ font-size: 14px; line-height: 26px; color: #666;}
.time{ font-size: 14px; color: #888787;}
.news_show_title{ text-align: center; font-size: 22px; font-weight: normal;}
.news_show_text p{ font-size: 14px; line-height: 28px; margin-top: 25px;}
.news_show_text img{ width: 100%; margin-top: 10px;}
.news_con {margin-top: 20px;}
.swiper_text{position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; font-size: 16px; text-align: left; text-indent: 12px; background-color: #000000; opacity: .6; color: #FFFFFF;}

/* 业务中心-two */
.bg_ff{ background: #fff; padding: 20px;}
.bg_cc{ background: #EFEFF0; padding: 20px;}
.busin_title{ font-size: 24px; height: 50px;}
.busin_title img{ padding-right: 10px;}
.busin_con{ margin-bottom: 20px;}
.bg_c{ background:#efeff0; padding: 15px 20px;}
.bg_f{ background:#fff; padding: 15px 20px;}
.busin_box{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.busin_box .text{ font-size: 14px; color: #00aaff; line-height: 26px;}
.busin_more a{ width: 200px; height: 44px; line-height: 44px; color: #FFFFFF; background: #00AAFF; border-radius: 50px; font-size: 18px; display: block; margin: 12px auto; }
.busin_more1 a{ width: 200px; height: 44px; line-height: 44px; color: #333; background: #fff; border-radius: 50px; border: 1px solid #C0C0C0; font-size: 18px; display: block; margin: 12px auto;}
.topimg_business{background: url(http://huaxia.tv/d/file/p/20251125/5b48faf56ace158e96716322bac58ca9.jpg) center; background-size: 100% 100%; color: #fff; text-align: center;  line-height: 90px;font-size: 16px;padding: 40px 0 40px 0; }
.topimg_business h2{font-size: 25px; margin-bottom: 10px;}
.topimg_business p{ font-size: 12px;}
.business_menu li a{height: 36px; line-height: 36px; margin-bottom: 10px;}
.business_menu .title{color: #fff; display: block; text-align: center; background: #808080;}
.business_menu .title-active{color: #fff; display: block; text-align: center; background: #00AAFF;}
.business_menu .sub_menu {display: none;}

.business_menu .sub_menu .sub_title{color: #333; display: block; text-align: center; background: #ededed;}
.business_menu .sub_menu .sub_title.active, .business_menu .sub_menu .sub_title:hover{color: #333; background: #fff; border: 1px solid #979797;}
.list_l{ margin-bottom: 15px;}
.business_title{ font-size: 16px; color: #D8D8D8; padding: 20px 0; border-bottom: 6px solid #EDEDED; border-top: 6px solid #EDEDED; text-align: center; margin: 20px;}
.list_text{ font-size: 16px; margin-top: 10px; text-align: center;}
.list_img .cover-img {
    width: 100%;
    height: 217px;
    object-fit: cover;
}

.vieo_title{ font-size: 24px; text-align: center; padding:0 0 30px 0; border-bottom: 2px solid #EFEFF0; margin-bottom: 30px;}
.vieo_box img{ width: 100%;}
.vieo_box{ margin-bottom: 30px;}

/* 联系我们 */
.job_menu { text-align: center; font-size: 22px; padding: 15px 0; color: #3B3B3B; display: block; border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED; cursor: pointer; margin-bottom: 20px;}
.job_menu.active{background: linear-gradient(180deg, #00BAFF 0%, #0098FF 100%); color: #fff;}
.job-content {display: none; margin-bottom: 20px;}
.topimg_tel{background: url(../img/teltopimg02.jpg) center; background-size: 100% 100%; height: 66px; line-height: 66px; font-size: 25px; color: #fff; text-align: center;}
.topimg_add{background: url(../img/teltopimg.jpg) center; background-size: 100% 100%; height: 66px; line-height: 66px; font-size: 25px; color: #fff; text-align: center;}
@media (min-width: 768px){
.fourums_title{padding: 20px 0 20px 0; font-size: 22px; font-weight: bold; max-height: 3em; }
.fourums_intro{-webkit-line-clamp: 3;}	
.viewMore{float: right;}
.news_m_img{margin-bottom: 10px;}
.bg_c{ background:#efeff0; padding: 15px 20px; height: 215px;}
.bg_f{ background:#fff; padding: 15px 20px; height: 215px;}
.busin_box .text{ font-size: 16px; line-height: 32px;}
.vieo_title{ font-size: 26px; padding:0 0 30px 0; border-bottom: 2px solid #EFEFF0; margin-bottom: 30px;}
.vieo_box{ margin-bottom: 30px;}
}
@media (min-width: 1200px){
.top-holderplace {height: 96px;}
.zsbf_top {padding: 0;}
.zsbf_title{padding-top: 22px; margin-bottom: 20px; }
.zsbf_title_text{height: 68px;}
.zsbf_title_text_ch{ font-size: 32px; }	
.fourums_title{padding: 10px 0 10px 0; font-size: 26px;margin-top: 20px; font-weight: bold; max-height: 3em; }
.fourums_intro{-webkit-line-clamp: 6;}
.yewu_title{ font-size: 24px; margin-top: 30px;}
.yewu_text{font-size: 15px; color: #474747; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.menu_icon{ display: none;}
.nav_wrap{display: block; width: 580px; position: relative; top: auto; right: auto; bottom: auto; box-shadow: none; background: #fff;}
.nav_wrap ul{ flex-direction: row; height: 96px; line-height: 96px;}
.nav_wrap ul li{ position: relative; border-bottom: solid 4px #FFFFFF;}
.nav_wrap ul li a{ font-size: 18px; color: #333; line-height: 60px; display: inline-block; }
.nav_wrap ul li.active, .nav_wrap ul li:hover {border-bottom: solid 4px #00AAFF;}
.news_m_img p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.newslist{ height: 340px; overflow: hidden;}
 .news_img_l {
        height: 340px;
    }
.topimg_about,.newstopimg{height: 220px; line-height: 220px; font-size:35px;}
.about_cont {width: 800px; float: left;}
.business_cont {width: 800px; float: left;}
.menu-box {width: 280px; float: right;}
.gg_img img{ margin-bottom: 15px;}
.title-t{ font-size: 36px;}
.about_menu li{height: 46px; line-height: 46px; font-size: 18px;}
.about_menu li a:hover{background: #fff; border: 1px solid #979797;}
.bread{ font-size: 20px; padding: 0 15px;}
.two_back{ width: 52px;}
.news_text h3{ font-size: 26px; font-weight: normal; padding: 6px 0;}
.news_text p{ font-size: 18px; line-height: 30px; color: #666;}
.time{ font-size: 16px; color: #888787;}
.bg_c{ background:#efeff0; padding: 15px 30px; height: 349px;}
.bg_f{ background:#fff; padding: 15px 30px; height: 349px;}
.busin_box .text{ font-size: 22px; line-height: 32px;}
/*新闻中心轮播*/
.swiper_text{display: none;}
.business-box {width: 280px; float: right;}
.news_show_title{ font-size: 28px;}
.vieo_title{ font-size: 30px;}
.bg_ff{padding: 30px;}
.bg_cc{padding: 30px;}
}
@media (min-width: 1557px){
.viewMore{ width: 210px; line-height: 58px; margin-top: 20px; }
.viewMore:hover{ border-color: rgba(0,183,255,1)}
.fourums_title{padding: 0 0 10px 0; font-size: 36px; margin-top: 20px;max-height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.fourums_title:hover{ color: #00AAFF; }
.fourums_intro{-webkit-line-clamp: 9;}	
.yewu_title{ font-size: 28px; margin-top: 30px; color: #333;}
.yewu_text{font-size: 17px; color: #474747; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_content .news_middle{ display: block;}
.news_left{ position: relative;}
.news_middle img{ width: 100%; }
.news_m_img p{ font-size: 14px; line-height: 24px; margin-top: 5px;}
.newslist{ height: auto;}
.news_img_l {
        height: 460px;
    }
.newslist li{ margin-bottom: 20px;}
.topimg_about,.newstopimg{height: 305px; line-height: 305px;}
.topimg_news{text-align: center; padding: 20px 0; height: 305px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.topimg_news h2{font-size: 50px; margin-bottom: 10px;}
.topimg_news p{ font-size: 20px; line-height: 50px;}
.topimg_tel{height: 305px; line-height: 305px; font-size: 50px;}
.topimg_add{height: 305px; line-height: 305px; font-size: 50px;}
/* 关于我们 */
.about_cont {
	width: 800px;
}
.business_cont {
	width: 800px;
}
.menu-box {
	width: 320px;
}
.title-t{ font-size: 36px; text-align: center;}
.business-box {
	width: 320px;
}
.news_show_title{ font-size: 32px;}
.bg_c{ background:#efeff0; padding: 15px 40px; height: 447px;}
.bg_f{ background:#fff; padding: 15px 40px; height: 447px;}
.busin_box .text{ font-size: 30px; line-height: 48px;}
.list_text{ font-size: 18px; margin-top: 10px; margin-bottom: 15px;}
.article .text{ font-size: 22px; line-height: 44px; color: #474747;margin-top: 15px;margin-bottom: 15px;}
.footpc-r h2{ font-size: 28px; color: #fff; font-weight: normal; margin-bottom: 20px;}
.phone{ color: #fff; margin-bottom: 40px; font-size: 18px;}
.box{ margin-top: -120px;}
}
