@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-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:#fff; }
body{color:#555;margin:0 auto;padding:0; font-size:14px; position:relative; }
a:link,a:visited{color:#555; text-decoration: none;}
a:active{color:#555; 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:1400px; 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;
}
.w1400{ max-width:1400px; margin:0 auto;}

/*****top******/
.top-h{ height:70px;}
.top{ background:#fff; display:flex;  padding:20px 8%; font-size:16px; position:fixed; top:0; width:100%; z-index:999999999; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.top .logo{ flex:2; height:30px;line-height:30px; 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;}
.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;}
.sp_nav{ display:none;}

.w62{ width:62%;}
.w35{ width:35%}

.news{ display:flex; margin:2% auto;}
.news-left{ width:62%; }
.pic-mySwiper{ overflow:hidden; position:relative; margin-bottom:3%;}
.pic-mySwiper .swiper-slide { position:relative; border-radius:10px; height:600px !important; overflow:hidden;}
.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)); z-index:1;}
.pic-mySwiper .swiper-slide img{ display:block; width:100%;}
.swiper-container-cube .swiper-cube-shadow{ background:none !important;}
.news-right{ width:35%; margin-left:3%; }
.news-right li{ padding:4% 0; border-bottom:1px solid #eee; line-height:1.8;}
.news-right li h2{ font-size:18px;font-weight:bold; color:#000; margin-bottom:10px; line-height:1.4;}
.news-right li p{ font-size:14px; color:#888;}
.news-right li:last-child{ border-bottom:0;}



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

.news-title{ font-size:30px; color:#000; font-weight:bold; margin-bottom:25px; position:relative; }

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

.index-news{ display:flex;}
.index-news-left{ width:62%;}
.index-news-right{ width:35%; margin-left:3%;}
.index-news-list{ display:flex;}
.mySwiper{ width:47%; position:relative; margin-right:4%;}
.news-mySwiper{ position:relative; overflow:hidden;}
.news-mySwiper img{ display:block; max-width:100%;}
.news-mySwiper .swiper-slide .img{ max-height:230px; overflow:hidden;}
.news-mySwiper .swiper-slide p{ padding:10px 0;}

.index-news-pic{ margin:15px 0;}
.index-news-pic .list-mySwiper{ position:relative; overflow:hidden;}
.index-news-pic .list-mySwiper .swiper-slide .img{ height:110px; overflow:hidden;}
.index-news-pic .list-mySwiper img{ display:block; max-width:100%;}
.index-news-pic .list-mySwiper .txt{ margin:10px 0; font-size:12px; color:#000;}

.index-news-text{ width:49%;}
.index-news-1{ margin-bottom:20px;}
.index-news-1 li{ font-size:16px; line-height:2.5;}
.index-news-1 li:nth-child(1){ font-size:20px; font-weight:bold;}
.index-news-1 li:nth-child(1) a{ color:#000;}
.index-news-1 li:before{ content:'•'; color:#bbb; margin-right:10px;}
.index-news-1 li:nth-child(1):before{ content:''; margin:0;}

.index-news-2 ul li{ display:flex; flex-wrap:wrap; padding:0; margin-bottom:18px;}
.index-news-2 ul li .img{ width:28%; margin-right:3%; max-height:80px; overflow:hidden;border-radius:5px;}
.index-news-2 ul li .img img{ display:block; max-width:100%; border-radius:5px;}
.index-news-2 ul li .txt{ width:69%;}
.index-news-2 ul li .txt h2{ font-size:14px; font-weight:bold; margin-bottom:8px;}
.index-news-2 ul li .txt h2 a{ color:#000;}
.index-news-2 ul li .txt p{ color:#999; font-size:12px; line-height:1.8;}


.index-bao{ background:#f9f9f9; padding:50px 0; margin:30px auto;}
.bao-mySwiper{overflow:hidden; }
.bao-mySwiper .swiper-slide .img{ max-height:none; height:auto;  background:#fff; overflow:hidden; border-radius:5px;}
.bao-mySwiper .swiper-slide .img img{ max-width:100%; margin:0 auto; display:block;}
.bao-mySwiper .swiper-slide .text{ padding:15px 0;}
.bao-mySwiper .swiper-slide .text h2{ font-size:16px; margin-bottom:12px; font-weight:bold; color:#000;}
.bao-mySwiper .swiper-slide .text p{ font-size:14px;}

.index-title{ background:#f9f9f9; padding:20px 30px; font-size:30px; font-weight:bold; color:#000; margin-top:15px;}
.index-list li{  padding:3% 0; border-bottom:1px dotted #eee; line-height:1.6; display:flex;flex-wrap:wrap;}
.index-list li .img{ width:25%; margin:0; margin-right:3%; overflow:hidden; max-height:250px;}
.index-list li .img img{ display:block; width:100%;}
.index-list li .txt{ width:72%;}
.index-list li .txt h2{ font-size:18px; font-weight:bold; color:#000;}
.index-list li .txt h3{ font-size:14px; color: #666; margin:12px 0; font-weight:normal;}
.index-list li  p{ font-size:14px; color: #999;}
.index-list li  p span{ margin-right:15px;}
.index-list li  p i{ font-size:14px; margin-right:5px;}




.news-show{ background:#fff; padding:20px; 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%;}

.news-show .content table { border-collapse: collapse;border-spacing: 0;}
.news-show .content table td,.news-show .content table th { border-width:1px !important; border: 1px solid #ddd;border-collapse: collapse;border-spacing: 0;}

.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; background:#fafafa;}
.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{ padding:2% 0; display:flex; flex-wrap:wrap;}
.info-left{ width:70%; margin-right:3%;}
.info-right{ width:27%; background:#f9f9f9; padding:2%; display:block; }
.info-right .index-news-left{ width:100%;}
.info-right .index-news-left .index-news-list{ display:block;}
.info-right .news-title{ font-size:20px;}
.info-right .index-news-left .mySwiper{ width:100%; margin:0;}
.info-right .index-news-left .index-news-text{ width:100%;}
.info-right .index-news-right{ width:100%; margin:0;}

.info-right .index-news-1 li{ font-size:14px;}
.info-right .index-news-1 li:nth-child(1){ font-size:18px; font-weight:bold;}

.news-list li{  padding:3% 0; border-bottom:1px dotted #eee; line-height:1.6; display:flex;flex-wrap:wrap;}
.news-list li .img{ width:30%; max-height:300px; margin:0; margin-right:3%; overflow:hidden;}
.news-list li .img img{ display:block; max-width:100%;}
.news-list li .txt{ width:67%;}
.news-list li .txt h2{ font-size:18px; font-weight:bold; color:#000;}
.news-list li .txt h3{ font-size:14px; color: #666; margin:12px 0; font-weight:normal;}
.news-list li  p{ font-size:14px; color: #999;}
.news-list li  p span{ margin-right:15px;}
.news-list li  p i{ font-size:14px; margin-right:5px;}


.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 16px !important;
    height: 26px !important;
    margin-top: -13px !important;
    z-index: 10;
    cursor: pointer;
    background-size:16px 26px !important;
    background-position: center;
    background-repeat: no-repeat;
}


.feedback{ display:flex; padding:2% 8%; background:url(../images/feed1.png) no-repeat right center;}
.feedback-left{ flex:1; order:2}
.feedback-left img{ display:block; max-width:100%;}
.feedback-right{flex:1; padding:3% 0; order:1;}
.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;}
.feedback-right form{ width:600px; display:block;}


.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{ background:#fff; 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); border-bottom:1px solid #f5f5f5;}
.top .logo{ flex:auto; width:100%; padding:13px 0; height:auto;  font-size:24px;}
.top .logo img{ display:block; height:24px; margin:0 auto;}
.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:15px;}
.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:#000;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-title{ font-size:18px; font-weight:bold;}

.news{ display:flex; flex-wrap:wrap; padding:0;}
.news-left{ width:100%; }
.news-left .news-list{ border-radius:0;}
.pic-mySwiper{ overflow:hidden; width:100%; margin-bottom:0;}
.pic-mySwiper .swiper-slide { position:relative; border-radius:0; height:auto !important; overflow:hidden;}
.pic-mySwiper .swiper-slide p{ position:absolute; width:100%; bottom:0; padding:30px 15px; font-size:14px; text-align:center; color:#fff; font-weight:normal; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); z-index:1;}
.pic-mySwiper .swiper-slide img{ display:block; width:100%;}
.swiper-container-cube .swiper-cube-shadow{ background:none !important;}


.news-right{ width:100%; margin-left:0; }
.news-right li{ padding:4%; border-bottom:1px solid #eee; line-height:1.8;}
.news-right li h2{ font-size:14px;font-weight:bold; color:#000; margin-bottom:10px; line-height:1.4;}
.news-right li p{ font-size:12px; color:#888;}
.news-right li:last-child{ border-bottom:0;}


.index-news{ display:block; padding:4%;}
.index-news-left{ width:100%;}
.index-news-right{ width:100%; margin-left:0;}
.index-news-list{ display:block;}
.mySwiper{ width:100%; position:relative; margin-right:0;}
.news-mySwiper{ position:relative; overflow:hidden;}
.news-mySwiper img{ display:block; max-width:100%;}

.news-mySwiper .swiper-slide p{ padding:10px 0;}

.index-news-pic{ margin:15px 0;}
.index-news-pic .list-mySwiper{ position:relative; overflow:hidden;}
.index-news-pic .list-mySwiper .swiper-slide .img{ height:110px; overflow:hidden;}
.index-news-pic .list-mySwiper img{ display:block; max-width:100%;}
.index-news-pic .list-mySwiper .txt{ margin:10px 0; font-size:12px; color:#000;}

.index-news-text{ width:100%;}
.index-news-1{ margin-bottom:20px;}
.index-news-1 li{ font-size:12px; line-height:2.5;}
.index-news-1 li:nth-child(1){ font-size:15px; font-weight:bold;}
.index-news-1 li:nth-child(1) a{ color:#000;}
.index-news-1 li:before{ content:'•'; color:#bbb; margin-right:10px;}
.index-news-1 li:nth-child(1):before{ content:''; margin:0;}


.index-bao{ background:#f9f9f9; padding:20px 3%; margin:10px auto;}
.bao-mySwiper{overflow:hidden; }
.bao-mySwiper .swiper-slide .img{ max-height:none; height:auto;  background:#fff; overflow:hidden; border-radius:5px;}
.bao-mySwiper .swiper-slide .img img{ max-width:100%; margin:0 auto; display:block;}
.bao-mySwiper .swiper-slide .text{ padding:15px 0;}
.bao-mySwiper .swiper-slide .text h2{ font-size:14px; margin-bottom:12px; font-weight:bold; color:#000;}
.bao-mySwiper .swiper-slide .text p{ font-size:12px;}


.index-title{ background:#f9f9f9; padding:3%; font-size:20px; font-weight:bold; color:#000; margin-top:0;}
.index-list li{  padding:3%; border-bottom:1px dotted #eee; line-height:1.6; display:flex;flex-wrap:wrap;}
.index-list li .img{ width:30%; margin:0; margin-right:3%; overflow:hidden; max-height:180px;}
.index-list li .img img{ display:block; width:100%;}
.index-list li .txt{ width:67%;}
.index-list li .txt h2{ font-size:14px; font-weight:bold; color:#000;}
.index-list li .txt h3{ font-size:12px; color: #666; margin:6px 0; font-weight:normal;}
.index-list li  p{ font-size:12px; color: #999;}
.index-list li  p span{ margin-right:15px;}
.index-list li  p i{ font-size:12px; margin-right:5px;}

.info{ padding:2% 0; display:flex;}
.info-left{ width:100%; margin-right:0;}
.info-right{ display:none; }

.infotitle{ padding:3%;}

.news-list li{  padding:4%; border-bottom:1px dotted #eee; line-height:1.6; display:flex;flex-wrap:wrap;}
.news-list li .img{ width:30%; margin:0; margin-right:3%; overflow:hidden;}
.news-list li .img img{ display:block; max-width:100%;}
.news-list li .txt{ width:67%;}
.news-list li .txt h2{ font-size:14px; font-weight:bold; color:#000;}
.news-list li .txt h3{ font-size:12px; color: #666; margin:6px 0; font-weight:normal;}
.news-list li  p{ font-size:14px; color: #999;}
.news-list li  p span{ margin-right:15px;}
.news-list li  p i{ font-size:12px; margin-right:5px;}


.feedback{ display:flex; padding:2% 8%; background:none;}
.feedback-left{ flex:1; order:2}
.feedback-left img{ display:block; max-width:100%;}
.feedback-right{flex:1; padding:3% 0; order:1;}
.feedback-right h2{ font-size:20px; font-weight:bold; color:#000;}
.feedback-right h3{ text-transform:uppercase; margin:10px 0 20px 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:14px; padding:10px 0;}
.feedback-right form{ width:100%; display:block;}


.news-show{ border-radius:0; padding:10px;}
.news-show .title{ font-size:18px;}
.news-show .about li{ font-size:12px;}
}