@font-face { font-family: 'TaoBaoMaiCaiTi'; src: url('/libs/font/TaoBaoMaiCaiTi-Regular.woff2') format('woff2'),url('/libs/font/TaoBaoMaiCaiTi-Regular.woff') format('woff');font-weight: normal;font-style: normal;}
 
 @keyframes fadeInLeft {  from {opacity: 0;transform: translateX(-50px); } to { opacity: 1;transform: translateX(0); }}
 @keyframes fadeInRight {from {opacity: 0;transform: translateX(50px); } to { opacity: 1;transform: translateX(0); }} 
 @keyframes fadeInDown { from { opacity: 0;transform: translateY(50px); } to {opacity: 1;transform: translateY(0); }} 
 @keyframes fadeInUP { from { opacity: 0;transform: translateY(-50px); } to {opacity: 1;transform: translateY(0); }} 
 @keyframes zoomIn { from {transform: scale(0.5);opacity: 0;}to { transform: scale(1); opacity: 1; }}
 @keyframes rotateIn { from {transform: rotate(-180deg);opacity: 0;}to { transform: rotate(0); opacity: 1; }}
 @keyframes flipInX { from {transform: perspective(400px) rotateX(90deg);opacity: 0;}to { transform: perspective(400px) rotateX(0); opacity: 1; }}
 
.fadeInLeft { animation: fadeInLeft 0.8s ease forwards; }
.fadeInRight { animation: fadeInRight 0.8s ease forwards; }
.fadeInDown { animation: fadeInDown 0.8s ease forwards; }
.fadeInUP { animation: fadeInUP 0.8s ease forwards; }
.zoomIn { animation: zoomIn 0.8s ease forwards; }
.rotateIn { animation: rotateIn 0.8s ease forwards; }
.flipInX { animation: flipInX 0.8s ease forwards; }
 
     html{ scroll-behavior: smooth;}
     body { padding: 0px; margin: 0px; color: #333; font-family: Arial, Helvetica, sans-serif; }
  
   
    
     header { position: fixed; z-index: 99; left: 0px; top: 0px; right: 0px; animation: fadeInUP 1s ease forwards; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; background-color: rgba(255,255,255,1); }

	 .flex{ display: flex; justify-content: space-between; align-items: center;  width: 1200px; padding-top: 10px; padding-bottom: 10px; margin: auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
	 
     header .logo { color: #000; display: flex;  align-items: center; min-height:80px; }
     header .logo img { height: 54px; }
	 header .logo h1 { padding: 0px; margin-right: 20px; font-family: TaoBaoMaiCaiTi; font-weight: 500; }
	
	 header .login { padding-right: 14px; padding-left: 14px; border-radius: 4px; background-color: #3da767; height: 30px; line-height: 30px; margin-top: 8px;color: #fff;  }
	 header .login a{ color: #fff;  }
   
     header.fixed{ background-color: rgba(255,255,255,0.85);box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.1); }
	 header.fixed .flex{  width: 90%; }
	 
	 
    .g0 { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, auto));gap: 1px; }
    .g2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
    .g4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
    .g5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
    .g9 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1px;}
    .g100 { min-height: 100vh; display: flex; align-items: center;  position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; }/* 绝对居中 */
    .layui-flow-more{grid-column: 1 / -1;}
	 
	 /*返回顶部*/
	.back_top { display: block; margin: 5px; position: fixed; z-index: 1; right: 0px; bottom: 100px; color: #FFF; background-color: #333; font-size: 12px; text-align: center; padding: 15px; font-family: Arial, Helvetica, sans-serif; }
	  
/* 导航栏 */  
    .menu { position: relative; z-index: 999;  display:flex ;}
    .menu ul { display: flex; justify-content: space-between; margin: 0 -5px; list-style-type: none; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; max-width: 800px; }
    .menu ul li { display: block; }
    .menu ul li i { display: none; }
    .menu ul li a { display: block; padding: 12px; color: #000; text-decoration: none; font-weight: 900; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-size: 16px; text-shadow: 1px 1px 1px #fff;}
    .menu ul li a:hover,.menu .on { color: #122e8f; }
    
    .menu ul li .on { color: #122e8f; background-image: url(); background-repeat: no-repeat; background-position: center center; }
    
    .menu ul li ul { display: none;-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);background-color: rgba(255,255,255,.9); box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.1); }
    .menu ul li ul a{	font-size: 1em; }
	.menu ul li ul a:hover{ background-color: #f2f2f2; }
    .menu ul li:hover ul { display: block; width: 150px; position: absolute; z-index: 1; }
    
     main { width: 1200px; margin-right: auto; margin-left: auto; position: relative; box-sizing:border-box; }
    
     footer { color: #CCC; background-color: #000; background-image:url('/files/admin/color/13.png'); padding-top: 70px; padding-bottom: 70px; text-shadow: 1px 1px 1px #000;}
	 footer h1 { font-size: 18px; font-weight: 300; float: right; color: #4C4C4C; }
	 footer h1 a{ font-size: 18px; font-weight: 300; display: block; color: #4C4C4C; text-align: center; }
	 footer p { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #6A6A6A; padding-top: 2px; padding-bottom: 2px; }
	 footer p a{ font-size: 14px; font-weight: 300;color: #6A6A6A;  }
	 footer img { float: right; height: 100px; }
     footer nav { margin-bottom: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #4E4E4E; }
     footer nav ul{ display: flex;list-style-type: none; margin: 0px !important; padding: 0px !important; }
     footer nav ul i{ display:none;}
     footer nav ul li { padding: 0px; margin-right: 20px; }
     footer nav ul li:first-child { display: none;}
     footer nav ul a{ display: block; font-size: 1.1em; line-height: 40px; color: #ccc; text-decoration: none; font-family: Arial, Helvetica, sans-serif;  }
     footer nav ul a:hover{ color:#fff }
     footer nav ul li ul{ display: none;}
     footer nav ul li ul li a{ font-size: 1em; }
    
	.accordion { margin-bottom: 80px;   }
	.accordion label {  cursor: pointer; }
	.accordion label b { display: list-item;list-style-type: decimal; font-weight: normal; font-size: 16px; padding-top: 7px; padding-bottom: 7px; list-style-position: inside;  }
	.accordion label article { overflow: hidden; max-height: 0; transition: max-height 0.9s ease, padding 0.3s ease; display: block; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f1f1f1;  padding-left: 18px; }

	.accordion label input[type="radio"] { display: none; }
	.accordion label input[type="radio"]:checked + b { color: #F60;}
	.accordion label input[type="radio"]:checked + b + article { max-height: 500px; padding-bottom: 10px;}
	
    .content { margin: auto; margin-right: auto; margin-left: auto; width: 1200px; position: relative;}
    .con { width: 1200px; max-width: 100%; margin-right: auto; margin-left: auto; }
    .con ul { padding: 15px; }
    
 /*首页横幅*/
    .hf {margin-top: 100px; background-repeat: no-repeat; background-size: cover; background-color: #BFCDDB; background-position: right; }
    .hf .swiper { margin: auto; width: 100%; }
    .hf .swiper-slide { display: flex; align-items: center; min-height:550px; color:rgba(255,255,255,.9); text-shadow: 1px 1px 1px #000; background-size: cover;font-family: "TaoBaoMaiCaiTi" }
    .hf .swiper-slide h2 { font-size: 66px; padding: 0px; text-align: left; margin-top: 0px; margin-right: auto; margin-left: auto; font-weight: 400; }
    .hf .swiper-slide p { font-size: 36px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: left; display: block; font-weight: normal; }

    .hf .swiper-pagination{ bottom: 20px; }
	
	@media (max-width: 1300px) {
		header{width:auto;}
		header .flex{  width: 90%; }
	    main { width: auto; margin-right: 20px; margin-left: 20px; }
		
    }
	
 /*内页横幅*/
   .bg { background-color: #333;padding-top: 50px;height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; color: #000; text-shadow: 0px 1px 0px #fff;  }
   .bg h2 { font-size: 3.5em; font-weight: 400;  padding-top: 7.5%; animation: fadeInLeft 1s ease forwards; font-family: "TaoBaoMaiCaiTi", Courier, monospace }
   .bg h2 span{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
   .bg h3 { font-size: 2.2em;font-weight: 400;  padding-left: 3px; padding-top: 3px; animation: fadeInRight 1s ease forwards;font-family: "TaoBaoMaiCaiTi"}
   .bg a{ line-height: 40px; color: #FFF; text-decoration: none; background-color: #13439d; display: inline-block; padding-right: 50px; padding-left: 50px; transition: all 1s; margin-top: 20px; font-size: 1.2em; }
   .bg a:hover{ background-color: #FFD953; }
    
    .mbx{ margin-top: 30px; z-index: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);  margin-bottom: 30px; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; }

/*主副标题*/
    .b1 { text-align: center; margin-bottom: 60px; }
    .b1 h2 { color: #f3f3f3; font-size: 60px; line-height: 50px; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; }
    .b1 h3 { font-size: 36px; padding: 0px; margin-top: -25px; font-weight: normal; letter-spacing: 1px; }

    .b2 { color: #000; font-size: 24px; font-weight: 500; margin-bottom: 20px; font-family: "TaoBaoMaiCaiTi"}
    .b2 span { font-size: 16px; color: #666; margin-left: 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	.b2 a{ float: right; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; color: #333; text-decoration: underline; font-size: 16px; font-weight: 400; background-image: url(); background-repeat: no-repeat; background-position: center bottom; width: 100px; height: 36px; text-align: center; line-height: 36px; }
	.b2 a:hover{ color: #F60; }
    
    .fw { background-color: #e1e1e1; padding-top: 100px; padding-bottom: 100px; background-image: url(/files/img/lanbg.jpg); background-size: cover; }
    .fw ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
    .fw ul li { flex-basis: calc(50% - 8px); box-sizing: border-box; background-color: #FFF; display: block; padding: 20px; font-size: 14px; color: #111; }
    .fw ul li p { line-height: 100%; padding: 0px; font-size: 18px; margin: 0px; }

    .dxal { padding-top: 100px; padding-bottom: 100px; }
    .dxal .con ul { display: flex;}
    .dxal .con ul li img { height: 150px; }
    
    .xwgg { padding-top: 100px; padding-bottom: 100px; }
    .xwgg .con ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; }
    .xwgg .con ul li { display: block; margin: 0px; padding: 0px; list-style-type: none; width: 40%; }
    .xwgg .con ul li s { text-decoration: none; font-size: 24px; }
    .xwgg .con ul li a { display: block; font-size: 1.2em; color: #173371; text-decoration: none; }
    .xwgg .con ul li a:hover { color: #03C; }
    .xwgg .con ul li p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
    
    .fwxm { padding-top: 100px; padding-bottom: 150px; background-image: url(/files/img/bai.jpg); background-repeat: no-repeat; background-position: center bottom; }
    
/*搜索框*/
    .search {border: 0px solid #FFF; opacity: .9; width: auto; display: flex; font-family: Arial, Helvetica, sans-serif;}
	.search input { padding: 7px; border: 1px none #ccc; width: 300px; vertical-align: middle; font-size: 16px; letter-spacing: 1px; background-color: #f2f2f2; }
	.search button { line-height: 38px; background-color: #000;  height: 38px; vertical-align: middle; width: 80px; color: #FFF; text-decoration: none;letter-spacing: 4px; border: 0px solid #03F; cursor: pointer; }
/*标签*/	
	.tag ul{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 5px; }
	.tag a{ color: #000; display: block; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; font-family: Arial, Helvetica, sans-serif;font-size: 1.1em; }
	.tag .on{ background-color: #122e8f;color: #fff;  }

/*列表*/
 
    .list {margin-top: 10px; }
    .list ul li { position: relative; border-radius: 2px; background-color: #FFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); padding: 20px; box-sizing: border-box; grid-template-columns: repeat(auto-wrap, minmax(25%, max-content)); box-sizing: border-box; margin: 0; list-style-type: none; transition: all .5s;}
    .list ul sup { clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 2px); border-radius: 0 4px 0px 25px; background: linear-gradient(90deg, #ff4400 0%, #ff633b 50%, #ff4400 100%); color: #FFFFFF; font-size: 0.8rem; font-weight: 500; text-align: center; line-height: 1.5; letter-spacing: 0.5px; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; position: absolute; top: -1px; right: -1px;  padding-top: 3px; padding-right: 12px; padding-bottom: 3px; padding-left: 28px; }
    
    .list h3{ margin: 0px; padding: 0px;margin-bottom:8px; font-size: 1.2rem; color:#000; font-weight: normal; }
    .list p{ color: #28323E; font-size: 0.85rem; margin-bottom: 20px; height:40px; line-height:20px; }
    .list a b{ padding: 6px 15px; font: 500 14px sans-serif; border: 1px solid #122e8f; color:#122e8f; cursor: pointer; }

    .list ul li:hover{ box-shadow: 2px 2px 8px rgba(0,0,0,0.4); z-index: 9; }
    .list ul li:hover h3,.list ul li:hover b{ color:#122e8f;}
    
    .list ol{ margin: 0px; padding: 0px; list-style-type: none; }
    .list ol li{ background-color: #fff; padding: 20px; transition: all 1s; list-style-type: none; position: relative; }
    .list ol li:hover{ box-shadow: 2px 2px 7px rgba(0,0,0,0.1); z-index: 9; }
     
	.tool { display: grid; grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); gap: 20px; margin-top: 20px; }
	.tool li { padding: 22px; border-radius: 2px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; top: 0; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
	.tool li:hover{  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); top: -4px;}
	.tool li a { display: block; }
	.tool li a:hover { display: block; color: #F60; }
	.tool li a b{ font-size: 16px; padding-top: 5px; display: block; }
	.tool li a p{ font-size: 12px; color: #000; }
	.tool li i { position: absolute; z-index: 1; top: -5px; right: 8px; background-color: #000; display: block; font-style: normal; color: #fff; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
	.tool li a img { float: left; margin-right: 10px; height: 46px; margin-bottom: 10px; }
	
	.list_img { display: grid; grid-template-columns: repeat(auto-fit, minmax(26%, 1fr)); gap: 20px; margin-top: 20px; }
	.list_img li {border-radius: 2px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; top: 0; max-width:395px;}
	.list_img li:hover{  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); top: -4px;}
	.list_img li a{  display: block;}
	.list_img li a:hover{ color: #F90; }
	.list_img li span{ background-image: none; background-size: cover; display: block; display: flex; justify-content: space-between; padding-top:180px; }
	.list_img li span u{ text-decoration: none; padding: 10px; color: #FC0;  text-shadow: 1px 1px 1px rgba(0,0,0,0.9);}
	
	.list_img li a b{ display: block; font-size: 18px; padding-top: 5px; padding-bottom: 5px; font-weight: 800; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding-left: 15px; color: #000; padding-right: 15px; margin-bottom: 15px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0)); }
	.list_img li i { position: absolute; z-index: 1; top: -5px; right: 8px; background-color: #000; display: block; font-style: normal; color: #fff; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-family: Georgia, "Times New Roman", Times, serif; }
	.list_img li a p{ display: block; font-size: 12px; color: #666; padding-top: 0px; padding-bottom: 15px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
	
	
	 #page{ margin-top: 20px; margin-bottom: 20px; }
/*选项卡*/
	.tab-nav { display: flex; gap: 20px; margin-bottom: 10px; padding-bottom: 5px; }
	.tab-nav button { padding: 5px 16px; border: 1px solid #e1e1e1; cursor: pointer; background-color: #fff; border-radius:20px; }
	.tab-nav button.active { background-color: #FFCC00; border: 1px solid #FFCC00;}

/*手风琴*/
	.accordion { min-height:500px; }
	.accordion label {  cursor: pointer; }
	.accordion label e { display:block; font-weight: normal; font-size: 16px; padding-top: 7px; padding-bottom: 7px; list-style-position: inside;  }
	.accordion label i { font-style: normal;overflow: hidden; max-height: 0; transition: max-height 0.9s ease, padding 0.3s ease; display: block; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f1f1f1;  padding-left: 18px; }
	.accordion label p { padding: 0; margin: 0px;color: #333; }
	.accordion label input[type="radio"] { display: none; }
	.accordion label input[type="radio"]:checked + e { color: #F60;}
	.accordion label input[type="radio"]:checked + e + i { max-height: 500px; padding-bottom: 10px;}