@charset "utf-8";
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/font_591377_0t7fcbamstg.woff2?t=1650420957987') format('woff2'),
       url('//at.alicdn.com/t/font_591377_0t7fcbamstg.woff?t=1650420957987') format('woff'),
       url('//at.alicdn.com/t/font_591377_0t7fcbamstg.ttf?t=1650420957987') 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:14px;
          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{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%;}
.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; }
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{   margin:0 auto;  z-index:1000; padding:0 8%;  }
.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:70px;}
.top{ background:#000; display:flex; color:#fff; padding:0 8%; font-size:16px; position:fixed; top:0; width:100%; z-index:999999999;}
.top .logo{ flex:2; padding:20px 0; font-size:24px;}
.top .logo img{ display:block; height:30px;}
.top .menu{ flex:10;  }
.top .menu ul{display:flex; align-items:center;}
.top .menu li{ padding:0 20px; height:70px; line-height:70px;}
.top .menu li a{ color:#fff;}
.top .menu li:hover{ }
.top .login{ flex:5; display:flex;justify-content:right;align-items: center; }
.top .login li{ padding:3px 12px; font-size:14px;}
.top .login li.tougao{ background:#eee;  border-radius:5px; margin-left:10px;}


.news-mySwiper{ padding:3% 0; margin:0 8%; overflow:hidden;}
.swiper-slide { position:relative;}
.swiper-slide .img{ max-height:210px; overflow:hidden; border-radius:5px;}
.swiper-slide .img img{ display:block; max-width:100%;}
.swiper-slide .txt{  padding:12px 0; line-height:1.8; bottom:0; width:100%; }
.swiper-slide .txt h3{ font-size:12px; color:#999;}
.swiper-slide .txt h2{ font-size:16px; color:#000;}
.swiper-slide .txt p{ font-size:14px; color:#999;}

.baoguang{background:#f9f9f9; padding:3% 8%;}
.bao-mySwiper{overflow:hidden; }
.baoguang .swiper-slide .img{ max-height:320px; height:320px;  background:#fff; overflow:hidden; border-radius:5px;}
.baoguang .swiper-slide .img img{ height:100%; margin:0 auto; display:block;}



.news-title{ font-size:26px; font-weight:bold; color:#000;  margin-bottom:25px;}
.news{ display:flex; padding:3% 8%; background:#f9f9f9;}
.news-left{ width:60%;  background:#f9f9f9;}
.news-left .list li{ padding:23px; background:#fff; margin-bottom:15px;}
.news-left .list li:last-child{ border-bottom:0;}
.news-left .list li h2{ font-size:18px;}
.news-left .list li span{ display:block; font-size:12px; color:#999;}
.news-right{ width:50%; padding:5% 0 5% 5%; }
.pic-mySwiper{ overflow:hidden; width:100%;}
.pic-mySwiper .swiper-slide { position:relative;}
.pic-mySwiper .swiper-slide p{ position:absolute; width:100%; bottom:0; padding:50px 15px; font-size:24px; text-align:center; color:#fff; font-weight:bold; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))}
.pic-mySwiper .swiper-slide img{ display:block; width:100%; height:100%;}

.guanggao{ padding:0; margin:0 8%; position:relative;}
.guanggao span{ position:absolute; right:0; padding:0 6px; top:0; background:#000; color:#fff;}
.guanggao2{ margin:3% 8%;}
.jingxuan{ padding:3% 8%; display:flex;flex-wrap:wrap}
.jing-flex{ width:31.3333%; margin-right:3%;}
.jing-flex:last-child{ margin-right:0;}

.j-list{ }
.j-list li{ position:relative; display:flex; padding:18px 0; border-bottom:1px solid #eee;}
.j-list li .img{ position:relative; border-radius:5px; overflow:hidden; width:25%; order:2; margin-left:3%;}
.j-list li .img img{ display:block; width:100%; height:70px;}
.j-list li .txt{ width:72%; order:1; position:static;}
.j-list li .txt h2{ font-size:14px; display:block; margin-bottom:8px;}
.j-list li .txt span{ display:block; font-size:12px; color:#999;}
.j-list li:nth-child(1){ display:block; padding:0; border:0;}
.j-list li:nth-child(1) .img{ margin:0; border-radius:10px; height:250px; width:100%;}
.j-list li:nth-child(1) .img img{ display:block;  width:100%; height:auto !important;}
.j-list li:nth-child(1) .txt{ position:absolute; bottom:0;border-radius:10px; padding:12px; width:100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))}
.j-list li:nth-child(1) .txt h2{ font-size:16px; color:#fff; margin:0;}
.j-list li:nth-child(1) .txt h2 a{ color:#fff;}
.j-list li:nth-child(1) .txt span{ display:block; font-size:12px; color:rgba(255,255,255,0.6);}
.j-list li:last-child{ border-bottom:0;}


.tuijian{ padding:0 8% 3% 8%; display:flex; flex-wrap:wrap;}
.tuijian-1{ width:67%; margin-right:5%;}
.tuijian-1 ul.list li{ padding:20px 0; display:flex;flex-wrap:wrap;}
.tuijian-1 ul.list li .img{ width:25%; margin-right:3%; max-height:260px; overflow:hidden;}
.tuijian-1 ul.list li .img img{ display:block; max-width:100%; border-radius:5px;}
.tuijian-1 ul.list li .txt{ width:72%;}
.tuijian-1 ul.list li .txt h2{ font-size:18px; font-weight:bold;}
.tuijian-1 ul.list li .txt .time{ display:block; margin:10px 0; font-size:12px; color:#999;}
.tuijian-1 ul.list li .txt p{ color:#666; line-height:1.8;}

.tuijian-2{ width:28%; border-left:1px solid #eee; padding-left:3%;}
.tuijian-2 ul.list{ }
.tuijian-2 ul.list li{ padding:20px 0; position:relative;}
.tuijian-2 ul.list li:before{ content:''; height:10px; width:10px; border-radius:10px; background:#ddd; top:22px; position:absolute; left:-14.5%; border:5px solid #fff;}
.tuijian-2 ul.list li h2{ font-size:14px; margin-bottom:8px; line-height:1.5;}
.tuijian-2 ul.list li p{ font-size:12px; color:#999;}

.news-fixed{ position:fixed; top:80px; }


.news-title{ font-size:20px; font-weight:bold; margin-bottom:15px; position:relative; padding-left:15px;}
.news-title:before{ content:''; display:block; position:absolute; top:8px; left:0;  width:5px; background:#39F; height:18px;}



.info-news{  background:#f9f9f9;  margin:0 auto; padding: 0 8%;  overflow:hidden;}

.infotitle{ padding:10px 8%;background:#f9f9f9;}
.infotitle .m{  margin:0 auto; position:relative; }
.infotitle .m i{ font-size:15px; margin:0 8px; color:#999;}
.infotitle .m:after{ content:''; border: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;}

.info-list{ background:#fff; border-radius:10px;}
.info-list li{ display:flex;  padding:3%; border-bottom:1px dotted #eee; line-height:1.6;}
.info-list li .img{ width:240px; margin-right:2%; max-height:300px;  overflow:hidden; border-radius:6px;}
.info-list li .img img{ display:block; max-width:100%;}
.info-list li .txt{ width:calc(98% - 240px);}
.info-list li .txt h2{ font-size:22px; font-weight:bold; color:#000;}
.info-list li  p{ font-size:16px; color: #999; margin:8px 0;}
.info-list li  p span{ margin-right:15px;}
.info-list li  p i{ font-size:14px; margin-right:5px;}

.layui-flow-more{ padding:20px;}



.info-title{ font-size:24px; border-bottom:1px solid #eee; font-weight:bold; line-height:1.5; padding:20px; padding-left:35px; position:relative;}
.info-title:before{ content:''; display:block; position:absolute; top:26px; left:20px;  width:5px; background:#39F; height:24px;}

.n-show{ padding:0 8%; display:flex; background:#f9f9f9;}
.show-left{ width:68%; margin-right:2%;}
.show-right{ width:30%; background:#fff;padding:25px;}


.show-right ul.list{ }
.show-right ul.list li{ padding:12px 0; position:relative;}
.show-right ul.list li h2:before{ content:''; display:inline-table; text-indent:100; overflow:hidden; margin-right:12px; height:10px; width:10px; border-radius:10px; background:#ddd;}
.show-right ul.list li h2{ font-size:14px; margin-bottom:8px; line-height:1.5;}
.show-right ul.list li p{ font-size:12px; color:#999; padding-left:22px;}





.news-show{ background:#fff; padding:40px; 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; line-height:1.8; color:#888; 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;}


.feedback{  padding:2% 8%; }


.feedback-right{ width:1030px; margin:0 auto;}
.feedback-right h2{ font-size:30px; font-weight:bold; color:#000;}
.feedback-right h3{ text-transform:uppercase; margin:20px 0; color:#ddd;}
.feedback-right li{ position:relative; margin-bottom:10px;}
.feedback-right li input{ height:65px; background:#f9f9f9; line-height:65px; padding:0 20px; border:0; width:100%; font-size:16px;position:relative; transition: border-width 0.3s; /* 定义过渡动画 */}
.feedback-right li input.layui-form-danger:focus,.feedback-right li textarea.layui-form-danger:focus{border-color:none !important;box-shadow:none !important;}

.feedback-right li textarea{ height:150px; border:0px; background:#f9f9f9; width:100%;font-size:16px; padding:20px;}
.feedback-right li:last-child{ border:0; text-align:center;}
.feedback-right li .tijiao{ width:260px; margin:50px auto; background:#000; height:50px; font-size:20px; line-height:50px; border-radius:50px;}
.feedback-right li.text{ color:#f00; font-size:18px; padding:15px 0;}

.top-daohang{ line-height:3; background:#f9f9f9;}
.top-daohang i{ font-style:14px;}
.news-page{ display:flex;flex-wrap:wrap; padding:15px 0;}
.news-page li{  line-height:20px; padding:3px 12px; background:#f9f9f9; margin:0 3px;}
.news-page li.no{ color:#ccc;}
.news-page li span{ color:#f60; font-weight:bold;}
.Upper{ display: flex; padding:15px 0; border-top:1px solid #eee; margin-top:15px;}
.Upper li{ flex:1;}
@media (max-width:640px){

.top-daohang{ line-height:3; padding:0 3%;}
.news-page{ display:flex;flex-wrap:wrap; padding:3%; text-align:center;}
.news-page li{  line-height:20px; padding:3px 6px; background:#f9f9f9; margin:3px; font-size:12px;}
.news-page li.no{ color:#ccc;}
.news-page li span{ color:#f60; font-weight:bold;}

.Upper{ display: block; padding:15px 0; border-top:1px solid #eee; margin-top:15px;}
.Upper li{ flex:1; font-size:12px; padding:5px 0; line-height:1.4;}
	
.top{  display:flex; flex-wrap:wrap;  padding:0 3%; font-size:16px; position:fixed; top:0; width:100%; z-index:999999999; box-shadow:0 0 0 rgba(0,0,0,0);}
.top .logo{ flex:auto; width:100%; padding:15px 0; height:auto;  font-size:24px;}
.top .logo img{ display:block; height:20px; margin:0;}
.top .menu{ position:fixed; top:50px; right:-100%; width:100%; background:rgba(0,0,0,0.5); height:100%; padding-left:50%;transition:right ease 0.35s;}
.top .menu ul{ display:block;background:#fff; height:100%;}
.top .menu li{ text-align:center; border-bottom:1px solid #f5f5f5; }
.top .menu li a{ display:block; padding:0; color:#000;}
.top .menu_show{right:0px}
.top-h{ height:50px;}


.sp_nav{width:38px; top:15px; right:10px; position:absolute;cursor:pointer;height:30px;margin-top:0;display:block;}
.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_show span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_show span:nth-of-type(2){width:0}
.sp_nav_show span:nth-of-type(3){top:10px;transform:rotate(-45deg)}


.news-mySwiper{ padding:3% 0; margin:0 3%; overflow:hidden;}
.swiper-slide .img{ max-height:none; position:relative; background:#eee;}
.swiper-slide .img img{ display:block; width:100%;}
.swiper-slide .txt h2{ font-size:14px;}
.swiper-slide .txt p{ font-size:12px;}


.guanggao{ padding:0; margin:0; position:relative; display:none;}


.jingxuan{ padding:3%; display:block;flex-wrap:wrap}
.jing-flex{ width:100%; margin-right:0;}
.jing-flex:last-child{ margin-right:0;}

.j-list li:nth-child(1) .img{ height:auto;}


.baoguang{background:#f9f9f9; padding:3%;}
.bao-mySwiper{overflow:hidden; }
.baoguang .swiper-slide .img{ max-height:none; height:auto;  background:#fff; overflow:hidden; border-radius:5px;}
.baoguang .swiper-slide .img img{ height:100%; margin:0 auto; display:block;}


.tuijian{ padding:5%; display:block;}
.tuijian-1{ width:100%; margin-right:0;}
.tuijian-1 ul.list li{ display:block; border-bottom:1px solid #eee; padding:4% 0;}
.tuijian-1 ul.list li .img{ flex:auto; width:100%; margin-right:0; max-height:none; overflow:hidden;}
.tuijian-1 ul.list li .img img{ display:block; max-width:100%; border-radius:0;}
.tuijian-1 ul.list li .txt{ width:100%; padding:15px 0 0 0;}
.tuijian-1 ul.list li .txt h2{ font-size:14px; font-weight:bold;}
.tuijian-1 ul.list li .txt .time{ display:block; margin:10px 0; font-size:12px; color:#999;}
.tuijian-1 ul.list li .txt p{ color:#666; line-height:1.8; font-size:12px;}
.tuijian-2{ display:none;}


.info-news{ padding:0; display:block;}
.info-list{ background:#fff; border-radius:10px;}
.info-list li{ display:block;  padding:3%; border-bottom:1px dotted #eee; line-height:1.6;}
.info-list li .img{ width:100%; max-width:100%; margin:0; max-height:none;  overflow:hidden; border-radius:0;}
.info-list li .img img{ display:block; max-width:100%;}
.info-list li .txt{ width:100%;  display:block; padding-top:10px;}
.info-list li .txt h2{ font-size:16px;white-space:normal;font-weight:bold; color:#000; line-height:1.5;}
.info-list li  p{ font-size:14px; color: #999; margin:8px 0;}
.info-list li  p span{ margin-right:15px;}
.info-list li  p i{ font-size:14px; margin-right:5px;}


.feedback-right{ width:100%; margin:0 auto; padding:3% 0;}
.feedback-right h2{ font-size:20px; font-weight:bold; color:#000;}
.feedback-right h3{ text-transform:uppercase; margin:0 0 15px 0; color:#ddd;}
.feedback-right li{ position:relative; margin-bottom:10px;}
.feedback-right li input{ height:50px; background:#f9f9f9; line-height:50px; padding:0 20px; border:0; width:100%; font-size:14px;position:relative; transition: border-width 0.3s; /* 定义过渡动画 */}
.feedback-right li input.layui-form-danger:focus,.feedback-right li textarea.layui-form-danger:focus{border-color:none !important;box-shadow:none !important;}

.feedback-right li textarea{ height:150px; border:0px; background:#f9f9f9; width:100%;font-size:14px; padding:20px;}
.feedback-right li:last-child{ border:0; text-align:center;}
.feedback-right li .tijiao{ width:260px; margin:10px auto; background:#000; height:50px; font-size:16px; line-height:50px; border-radius:50px;}
.feedback-right li.text{ color:#f00; font-size:16px; padding:15px 0;}


.n-show{ padding:0%; display:block; background:#fff;}
.show-left{ width:100%; margin-right:0;}
.show-right{ width:30%; display:none;}
.news-show{ background:#fff; padding:3%; border-radius:0;}
.news-show .title{ font-size:18px;}
.news-show .about li{ font-size:12px;}
.news-show .intro{ font-size:12px;}

}