@charset "utf-8";
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4547670 */
  src: url('//at.alicdn.com/t/c/font_4547670_sip8pwcus2p.woff2?t=1751515239036') format('woff2'),
       url('//at.alicdn.com/t/c/font_4547670_sip8pwcus2p.woff?t=1751515239036') format('woff'),
       url('//at.alicdn.com/t/c/font_4547670_sip8pwcus2p.ttf?t=1751515239036') format('truetype');
}
@font-face {
    font-family: "Noto Sans TC";
    src: url('./font/AlibabaPuHuiTi-3-55-Regular.woff2')  format('woff2');
    cache: local;
}


*{
  font-family: "Noto Sans TC"; box-sizing:border-box;
}

.hf {   
            display: inline-block;   
            font-size: 80px;   
            line-height:80px;   
            color: #000;   
            position: relative;   
            overflow: hidden;   
            whitewhite-space: pre;/* 处理空格 */  
        }   
        .hf:before {   
            position: absolute;   
            left: 0;   
            top: 0;   
            color: #ff0;   
            display: block;   
            width: 30%;/*如果想变色一半文字，就设置50%*/  
            content: attr(data-content);/* 伪元素的动态获取内容 */  
            overflow: hidden;   
        }  
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }
		
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}

h1{ font-size:18px; font-weight:bold; line-height:1.6;}
/*文字溢出*/
.text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; box-sizing:border-box;   position:relative; background:#eee; }
body{color:#333;margin:0 auto;padding:0; font-size:14px; position:relative; }
a:link,a:visited{color:#333; text-decoration: none;}
a:active{color:#333; text-decoration:none;}
a:hover{color:#f00;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1100{ max-width:1200px; margin:0 auto;  z-index:1000;  }
.qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/*****top******/
.top-h{ height:80px;}
.top{ background:#fff; display:flex; font-size:16px; position:fixed; top:0; height:80px; width:100%; z-index:999999999; padding:0 3%; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.top .logo{  margin:0 auto; font-size:26px; font-weight:bold;text-align:left; flex:3; padding:22px 0;}
.top .logo img{ display:block; height:36px;}
.top .time{ flex:3; padding:12px; border-right:1px solid #eee;}
.chajian{ max-width:1400px; margin:0 auto 15px auto; display:flex; height:80px; flex:12;}
.chajian .tianqi{ background:#fff;  padding:0 6%; margin-top:-10px;}
.chajian .h_tools{ max-width:360px;  display:flex;flex-wrap:wrap; background:#fff; padding:12px 0; border-left:1px solid #eee;padding-left:20px;}
.chajian .h_tools div{ width:100px; padding:5px 15px; }
.chajian .h_tools div a{display:flex; font-size:12px;}
.chajian .h_tools div img{ height:16px; margin-right:5px;}



.news-fixed{ position:fixed; width:110px; top:80px;}
.index{ display:flex; max-width:1400px;  margin:0 auto;}
.index-left{ width:75%; display:flex; margin-right:1%;}
.index-left .left-menu{ width:110px; padding:0 0; position:relative;}
.index-left .left-menu li{ display:block; font-size:16px; text-align:center;background:#fff; border-bottom:1px solid #eee;}
.index-left .left-menu li a{ padding:15px 8px; display:block;}
.index-left .left-menu li:hover a{ background:#e7f2ff; color:#0e6eef;}
.index-left .left-menu li.hover a{ background:#e7f2ff; color:#0e6eef;}

.index-left .zhong{ width:calc(100% - 110px); padding:30px;background:#fff; border-left:1px solid #eee;}
.index-left .zhong li{ padding:10px 0; display:flex;flex-wrap:wrap;}
.index-left .zhong li .img{ width:210px;  margin-right:3%; background:#eee; position:relative;height:180px;}
.index-left .zhong li .img img{ display:block; max-width:100%; max-height:100%; top:50%; left:50%;  overflow:hidden; position:absolute; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.index-left .zhong li .txt{ width:calc(97% - 210px);}
.index-left .zhong li .txt h2{ font-size:18px;}
.index-left .zhong li .txt p{ color:#999; margin:8px 0;}
.index-left .zhong li .txt p span{ margin-right:20px; font-size:12px;}
.index-left .zhong li .txt p i{ font-size:14px; margin-right:5px;}
.index-right{ width:24%;}
.hot{ background:#fff; padding:15px;}
.hot .title{ padding:5px 0 8px 0; border-bottom:1px solid #eee; margin-bottom:12px; font-size:16px; font-weight:bold;}

.news-fixed-r{ position:fixed; width:340px; top:80px;}
.index-right .swiper-slide{display:flex; overflow:hidden;
      justify-content: center;
      align-items: center;}
.index-right .swiper-slide img{ display:block; max-width:100%; margin:0 auto;}
.index-right .swiper-slide p{ position:absolute; width:100%; bottom:0; color:#fff; line-height:1.4; font-size:12px; padding:10px; background:rgba(0,0,0,0.2);}
.index-right .mySwiper{position:relative; overflow:hidden; }
.index-right .swiper-button-prev,.index-right .swiper-button-next{ height:20px; width:20px; background-size:auto; color:#fff; }

.right-news{ background:#fff; padding:15px; margin-bottom:15px;}
.right-news .title{ padding:5px 0 8px 0; border-bottom:1px solid #eee; margin-bottom:12px; font-size:16px; font-weight:bold;}
.right-news .list li{ font-size:12px; padding:8px 0; border-bottom:1px solid #eee;}
.right-news .list li a:before{ content:'◆'; color:#999; font-size:12px; margin-right:6px;}
.right-news .list li:nth-child(1) a{ font-weight:bold; color:#f00;}
.right-news .list li:nth-child(1) a:before{ color:#f00;}


.news-show{ background:#fff; padding:0; border-radius:10px;}
.news-show .title{ font-size:24px; font-weight:bold; color:#000; padding:15px 0; text-align:center; line-height:1.4;}
.news-show .about{ color:#999; display:flex;justify-content:center;}
.news-show .about li{ font-size:14px; margin:0 10px;}
.news-show .about li:nth-child(1):before{ content:'\e639'; font-family:"iconfont"; margin-right:6px;}
.news-show .about li:nth-child(2):before{ content:'\e68a'; font-family:"iconfont"; margin-right:6px;}
.news-show .about li:nth-child(3):before{ content:'\e64c'; font-family:"iconfont"; margin-right:6px;}
.news-show .intro{ background:#f9f9f9; padding:12px; border-radius:5px; margin:10px auto;}
.news-show .content{ line-height:2;}
.news-show .content img{ max-width:100%;}

.shengming{ background:#f9f9f9; font-size:12px; color:#999; padding:15px;}

.infotitle .m{  margin:0 auto; position:relative; max-width:1400px; }
.infotitle .m i{ font-size:15px; margin:0 8px; color:#999;}
.infotitle .m:after{ content:''; border:0;}
.infotitle{  padding:16px 0; margin:0; }
.infotitle h2{ float:left;font-size:18px; font-weight:bold;}
.infotitle a{ font-weight:normal; text-transform:capitalize; color:#999;}
.infotitle strong{ color:#000; font-weight:normal;}

.banner{ background:url(../images/banner.jpg) no-repeat center top; height:340px;}
.text{ padding:60px; max-width:1100px; margin:0 auto;}
.text h1{ font-size:55px; color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.3);font-weight:bold; margin-bottom:15px; }
.text h1 span{ color:#fce08d;}
.text h2{ font-size:18px; color:#fce08d; border:1px solid #fce08d; display:inline-block; padding:3px 10px; border-radius:3px; font-weight:normal;}


.weiquan{ max-width:1000px; margin:0 auto 50px auto; line-height:3; margin-top:-100px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); padding:0; border-radius:10px; display:flex;}
.weiquan ul.title{ font-size:18px; font-weight:bold; color:#ea3c00; margin-bottom:10px;}
.weiquan li h2{ font-size:16px; font-weight:bold; color:#000;}
.weiquan li textarea{ height:140px; width:100%; padding:12px; border:1px solid #eee; box-sizing:border-box;}
.weiquan li input{ height:60px; background:#f9f9f9; border-radius:5px; line-height:60px; border:0; padding:0 25px; box-sizing:border-box; display:block; width:100%; font-size:16px;}
.weiquan .sub{ height:50px; line-height:50px; font-size:16px; background:#237dff; color:#fff; border-radius:5px; border:0; margin:30px auto; padding:0; width:100%;}

.weiquan .z-list{ margin-top:10px;}
.weiquan .z-list li{ font-size:16px; color:#000; border-bottom:1px solid #f5f5f5;}
.weiquan .z-list li span{ margin-right:30px;}
.weiquan .z-list li span:last-child{ color:#237dff;}
.weiquan-right{ flex:3;  border-left:1px solid #f5f5f5; padding:30px 50px;}
.weiquan-left{  flex:5; padding:30px 50px;}



@media (max-width:640px){

/*****top******/
.top-h{ height:50px;}
.top{ background:#fff; border-bottom:1px solid #eee; display:block; font-size:16px; position:fixed; top:0; height:50px; width:100%; z-index:999999999; padding:0 3%; box-shadow:0 0 0 rgba(0,0,0,0);}
.top .logo{  padding:10px 0;}
.top .logo img{ display:block; height:30px; margin:0 auto;}
.top .time{ display:none}

.chajian{ max-width:1400px; display:none;}


.news-fixed{ position:fixed; width:60px; top:50px;}
.index{ display:flex; max-width:1400px;  margin:0 auto;}
.index-left{ width:100%; display:flex; margin-right:0;}
.index-left .left-menu{ width:60px; padding:0 0; position:relative; position:fixed; top:50px; left:0;}
.index-left .left-menu li{ display:block; font-size:14px; text-align:center;background:#fff; border-bottom:1px solid #eee;}
.index-left .left-menu li a{ padding:12px 8px; display:block;}
.index-left .left-menu li:hover a{ background:#e7f2ff; color:#0e6eef;}

.index-left .zhong{ width:calc(100% - 60px); margin-left:60px; padding:0;background:#fff; border-left:1px solid #eee;}
.index-left .zhong li{ padding:3%; display:flex;flex-wrap:wrap; border-bottom:1px solid #eee;}
.index-left .zhong li .img{ width:100%;  margin-right:0; background:#eee; position:relative;height:auto;}
.index-left .zhong li .img img{ display:block; width:100%; max-height:100%; top:0; left:0;  overflow:hidden; position:static; -webkit-transform: translate(0,0);transform: translate(0,0); }
.index-left .zhong li .txt{ width:100%; padding-top:10px;}
.index-left .zhong li .txt h2{ font-size:16px;}
.index-left .zhong li .txt p{ color:#999; margin:8px 0; font-size:12px;}
.index-left .zhong li .txt p span{ margin-right:20px; font-size:12px;}
.index-left .zhong li .txt p i{ font-size:14px; margin-right:5px;}
.index-right{ display:none;}

.hot{ background:#fff; padding:15px;}
.hot .title{ padding:5px 0 8px 0; border-bottom:1px solid #eee; margin-bottom:12px; font-size:16px; font-weight:bold;}




.news-show{ background:#fff; padding:3%; border-radius:0;}
.news-show .title{ font-size:16px; font-weight:bold; color:#000; padding:0; text-align:center; line-height:1.3;}
.news-show .about{ color:#999; display:flex;justify-content:center;}
.news-show .about li{ font-size:12px; margin:0;}
.news-show .about li:nth-child(1):before{ content:'\e639'; font-family:"iconfont"; margin-right:6px;}
.news-show .about li:nth-child(2):before{ content:'\e68a'; font-family:"iconfont"; margin-right:6px;}
.news-show .about li:nth-child(3):before{ content:'\e64c'; font-family:"iconfont"; margin-right:6px;}
.news-show .intro{ background:#f9f9f9; padding:12px; border-radius:5px; font-size:12px; margin:10px auto;}

.shengming{ background:#f9f9f9; font-size:12px; color:#999; padding:15px;}

	
	
.banner{ background:url(../images/banner.jpg) no-repeat center top; height:280px;}
.text{ padding:40px 60px; max-width:1100px; margin:0 auto;}
.text h1{ font-size:30px; color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.3);font-weight:bold; margin-bottom:15px; }
.text h1 span{ color:#fce08d;}
.text h2{ font-size:15px; color:#fce08d; border:1px solid #fce08d; display:inline-block; padding:3px 10px; border-radius:3px; font-weight:normal;}


.weiquan{ max-width:1000px; margin:0 20px 20px 20px; line-height:3; margin-top:-100px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); padding:0; border-radius:10px; display:flex;}
.weiquan ul.title{ font-size:18px; font-weight:bold; color:#ea3c00; margin-bottom:10px;}
.weiquan li h2{ font-size:16px; font-weight:bold; color:#000;}
.weiquan li textarea{ height:120px; width:100%; padding:12px; border:1px solid #eee; box-sizing:border-box;}
.weiquan li input{ height:50px; background:#f9f9f9; border-radius:5px; line-height:50px; border:0; padding:0 15px; box-sizing:border-box; display:block; width:100%; font-size:14px;}
.weiquan .sub{ height:50px; line-height:50px; font-size:16px; background:#237dff; color:#fff; border-radius:5px; border:0; margin:30px auto; padding:0; width:100%;}

.weiquan .z-list{ margin-top:10px;}
.weiquan .z-list li{ font-size:16px; color:#000; border-bottom:1px solid #f5f5f5;}
.weiquan .z-list li span{ margin-right:30px;}
.weiquan .z-list li span:last-child{ color:#237dff;}
.weiquan-right{ flex:3;  border-left:1px solid #f5f5f5; padding:30px 50px;}
.weiquan-left{  flex:5; padding:20px;}
	
}