ï»¿
@font-face {font-family: 'HarmonyOS_Medium'; src: url(../font/HarmonyOS_Medium_2.ttf);  }
 
body{ margin: 0; padding: 0; font-family: "HarmonyOS_Medium","å¾®è½¯éé»"; font-size:16px; color:#555555;}
a{ text-decoration: none;}
ul,ol,li{ list-style: none;}
img{border: none;}
input,textarea{ outline: none;}
div,p{ margin:0px; padding:0px;}
.pr{ position:relative}
.pa{ position:absolute;}
.header input,.header .hdnav1,.header #wrap{ display:none;}

.pubcon{ width:1255px; margin:0 auto;} 
.header{ background-color:#2fa2b2; height:auto;padding:15px 0px; width:100%;position: fixed;top: 0;left: 0;right: 0;z-index: 99999;display: flex;flex-direction: row;}
/* PCç«¯æ ·å¼ */
.header .yy{flex:1;}
.header .logo{ display: inline-block;flex:2; text-align:center;}
.header .logo img{ width:90%;display:inline-block;vertical-align:middle;}
.head-yy{flex:1.5;} 

.header .ss{display: inline-block;flex:0.5;display: flex; justify-content: center; align-items: center;}
.header .ss img{ width:40px;display:inline-block;vertical-align:middle; margin:15px auto;}
.header .ss svg{width:26%; }

.hdnav{height: 100%;flex:4.5;}
.hdnav ul{display: flex; justify-content: space-between; height: 100%; flex-direction: row; padding:0px; gap:5px;}
.hdnav li{ height: 100%; display: flex; align-items: center; justify-content: center;flex:1;border-radius:50px; line-height:200%;}
.hdnav li.act,.hdnav li:hover,.hdnav .on{background-color:#c05f8a;}
.hdnav li a{color:#ffffff;}


.p1{background: url(../image/p1_2.jpg) no-repeat bottom center; text-align:center; height:100vh !important;}
.p1 .fp-overflow{overflow:hidden !important}
.p1 .xx{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.5); animation: pushOut 2s forwards;}
  
@keyframes pushOut {  
  0% { transform: translate(-50%, -50%) scale(0.5); }  
  100% { transform: translate(-50%, -50%) scale(1); }  
}


.set{background-position: 50% 40%;background-size: cover;background-repeat: no-repeat;display: table;table-layout: fixed;width: 100%;position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  height:100%; padding:150px 0px;}
.tit{margin:0px auto; height:auto;text-align:center;}
.tit font{ width:239px; height:66px; letter-spacing:3px; padding-top:18px;display: inline-block; font-size:44px; font-weight:bold;color:#bd5e8a;background: url(../image/tit_2.png) no-repeat right top;}
.tit strong{text-transform: uppercase;line-height: 20px; color:#e3e6ed; font-size:42px; display:block;}
.morey{width:116px; height:38px; line-height:38px; font-size:17px;border-radius:50px; display:block; margin:20px auto; letter-spacing:1px; background-color:#ffffffc7; border:1px solid #bd5e8a; color:#bd5e8a;}
.y_box ul{display:block;padding:5px; margin:0 auto; overflow:hidden;min-height:120px;}
.y_box ul li{font-size:14px;color:#999999;height:30px;line-height:30px; margin:1px auto;background:url(../image/d_2.jpg) no-repeat 2px center;padding:0px 3px 0px 13px; border-bottom:#dcdcdc dotted 1px; display: flex; flex-direction: row; }
.y_box ul li a{font-size:16px;color:#555;overflow:hidden; height:30px; display:inline-block; flex:1 1 0;}
.y_box ul li a:hover{ color:#F00;}
.y_box ul li span{*margin-top:-30px;color:#666;flex:1 1 90; padding-left:20px;}


.c-box{ width:80%;display: flex;flex-direction: row; margin:0px auto;}
/*---------------------------------p2---------------------------------------*/
.p2{background:#ffffff url(../image/p21_2.jpg) no-repeat bottom center; text-align:center;}
.c1-y1{display: inline-block;flex:5;margin:15px 0px}
.c1-y2{flex:1;}
.c1-box1{height:530px;border-radius:2px;}
.c1-box1 .ExxFlash1 {height:530px;position:relative;}
.c1-box1 .ExxFlash1 .fla_img{height:auto; display:block;}
.c1-box1 .ExxFlash1 .fla_img a{ display:block; float:right;overflow:hidden; width:100%;}
.c1-box1 .ExxFlash1 .fla_img img{width:100%;height:auto;border-radius:2px; max-height:420px}
.c1-box1 .ExxFlash1 .fla_title{display:block; height:52px;line-height:26px;width:96%; margin:0px auto; padding:15px 0px 30px 0px;text-align:left;overflow:hidden;z-index:9;border-bottom:1px solid #ffffff;}
.c1-box1 .ExxFlash1 .fla_title a{ text-decoration:none;color:#ffffff;height:52px; width:100%; overflow:hidden; display:block;}
.c1-box1 .ExxFlash1 .fla_title:hover{border-bottom:1px solid #ffddec;}
.c1-box1 .ExxFlash1 .fla_title a:hover{text-decoration:none; color:#ffddec;}
.c1-box1 .ExxFlash1 .fla_qh {width:20px;height:300px; position:absolute; left:-50px; top:100px;z-index:10}
.c1-box1 .ExxFlash1 .fla_qh ul,.ExxFlash1 .fla_qh li {margin:0;padding:0;list-style:none;font-size:13px;}
.c1-box1 .ExxFlash1 .fla_qh li {width:16px; height:16px;overflow:hidden;cursor:pointer;background:url(../image/li_2.png) no-repeat center;margin:3px 0px; text-indent:-999px;}
.c1-box1 .ExxFlash1 .fla_qh li.cur {background:url(../image/cur_2.png) no-repeat center;} 

.c1-box2{height:560px;overflow:hidden;}
.c1-box2 .y_bt1{height:45px; padding:0px; border-bottom:2px solid #e0e0e0}
.c1-box2 .y_bt1 span{height:42px;line-height:36px;float:left;padding:0px 5px 3px 5px; margin-right:30px;font-size:24px;color:#5d5d5d;}
.c1-box2 .y_bt1 .cur{border-bottom:4px solid #c05f8a;padding-bottom:0px;}
.c1-box2 .y_bt1 .cur a{font-weight:bold;}
.c1-box2 .more{ right:10px; top:0px; width:36px}
.c1-box2 ul{padding:0px 8px;margin-top:10px;}
.c1-box2 ul li{height:52px;border-bottom:1px solid #e8e8e8; padding:22px 0px; display: flex;flex-direction: row;}
.c1-box2 ul li a{float:right; overflow:hidden;height:52px;line-height:26px;text-indent:0px; background:url(../image/jt_2.png) no-repeat right center; padding-right:36px;color:#555;flex:6; text-align:left}
.c1-box2 ul li font{float:right; overflow:hidden;height:26px;line-height:26px;flex:1; min-width: 96px;  color: #c05f8a;}
.c1-box2 ul li span{float:left;line-height:21px;font-size:13px;text-align:center;color:#999; margin-top:4px;flex:1;}
.c1-box2 ul li strong{font-size:30px; height: 28px;}
.c1-box2 ul li:hover{border-bottom:1px solid #c05f8a;}
.c1-box2 ul li:hover a{ color:#c05f8a;background:url(../image/hjt_2.png) no-repeat right center;}
.c1-box2 ul li:hover span{color:#c05f8a;}
/*---------------------------------p3---------------------------------------*/
.p3{ background:#f6f6f6 url(../image/p4_2.jpg) no-repeat bottom center; text-align:center;}
.c2-img{ width:80%; margin:0px auto;display: flex;flex-direction: row;}
.c2-img img{ width:100%;}
.c2-box{flex:1;display: inline-block; background:#ffffff;padding:10px 20px;border:1px solid #dddddd;border-bottom:4px solid #c05f89;}
.c2-box .c2-tit{ width:100%; margin:0px auto;line-height:50px; height:50px;background: url(../image/c2-tit_2.jpg) repeat-x left center;}
.c2-box .c2-tit font{background:#bd5e8a; width:4px; height:16px; margin-top:19px; float:left;border-radius:10px;}
.c2-box .c2-tit strong{font-size:24px;color:#bd5e8a; float:left; background:#ffffff; padding:0px 8px;}
.c2-box .c2-tit .more{ height:26px; float:right;margin-top:12px;background: #ffffff; padding-left:10px;}
.c2-box ul{display:block;padding:0px 5px 5px 5px; margin:0 auto; overflow:hidden;min-height:120px;}
.c2-box ul li{margin:10px auto;}
.c2-y{ border-left:none !important;border-right:none !important; border-bottom:4px solid #2fa2b2 !important;}
/*---------------------------------p4---------------------------------------*/
.p4{background:#ffffff;}
.c3-box ul{ display: flex;flex-direction: row; padding:50px 0px; margin:0px auto; gap:30px;}
.c3-box ul li{margin:0px;display: inline-block;flex:1;text-align:center;}
.c3-box ul li span{aspect-ratio: 1/1; background:#ffffff; border:1px solid #bd5e8a;border-radius:50%;display:flex; margin-bottom:10px;}
.c3-box ul li img{ width:100%;display:inline-block;vertical-align:middle;border-radius:50%;}
.c3-box ul li strong{color:#bd5e8a;line-height:36px; height:36px; width:100%; display:block; overflow:hidden}
.c3-box ul li p{color:#666666; font-size:16px;line-height:22px;height:66px; width:100%; display:block; overflow:hidden;}
/*---------------------------------p5---------------------------------------*/
.p5{background:#f6f6f6  url(../image/p5_2.png) no-repeat bottom center; text-align:center;}
.c4-box { overflow:hidden;}
.c4-box  ul{align-items:center;display: flex;flex-direction: row;  padding:50px 0px; margin:0px auto;width: 100%;  animation: scroll 120s linear infinite; gap:30px;}
.c4-box  ul li{border:1px solid #dddddd;margin:0px;border-radius:3px;display: inline-block;flex:1;text-align:center;border-radius:10px;box-shadow:2px 3px 8px 0px rgba(0, 0, 0, 0.3);flex: 0 0 calc(100% / 3);  transition: opacity 1s; background:#ffffff;}
.c4-box  ul li span{ width:100%;aspect-ratio: 2/1;  overflow:hidden; display:flex;}
.c4-box  ul li img{ width:100%; height:auto;display:inline-block;vertical-align:middle;border-radius:10px 10px 0px 0px;margin-bottom:10px;}
.c4-box  ul li strong{color:#bd5e8a; font-size:20px;line-height:40px;height:40px; overflow:hidden; font-weight:normal; width:92%; padding-bottom:10px; margin:0px auto;display:block;}
/*.c4-box  ul li a{ width:85%; color:#bd5e8a; font-size:15px;line-height:50px; height:50px; text-align:left; font-weight:normal; padding:8px 0px; display:block;background: url(../images/more3.png) no-repeat center right; margin:0px auto;}*/

/* å¨ç»å®ä¹ */  
@keyframes scroll {  
	0% { transform: translateX(0); }  
	33.33% { transform: translateX(-100%); }  
	66.66% { transform: translateX(-200%); }  
	100% { transform: translateX(0); } 
  }


/*---------------------------------foot---------------------------------------*/
.foot{background:#2fa2b2; width:100%; height:auto; display:block; position:relative;}
.foot-box{margin:0px auto; padding:30px 0px;color:#ffffff; display: flex;flex-direction: row;}
.foot-box1{flex:1;align-items: center;justify-content: center;display: flex;flex-direction: row; }
.foot-box1 img{ width:94%;}
.foot-box2{ display: inline-block;flex:2; text-align:right; line-height:200%;color:#ffffff;}
.foot-box2 a{ color:#ffffff;}


.f-top1{ position:fixed; right:15px; bottom:123px;width:66px; height:66px; display:block;border-radius:50px;background:#2fa2b2 url(../images/top.png) no-repeat center;}


.menu{width:56px;position:fixed; right:15px; bottom:200px; height: auto;background: #2fa2b2;border-radius: 50px;padding:10px 0px;}
.menu a{width:56px; height:56px; display:block; line-height:50px; text-align:center;font-size:17px; margin:3px 0px; color:#c05f8a;border-radius:50px;font-weight: bold;cursor: pointer;}
.menu .nn{background:#c05f8a;}
.menu .nn svg{ width:85%;}

.menu .ico-ewm{background:url(../image/ico1_2.jpg) no-repeat center;}
.menu .ico-sp{background:url(../image/ico2_2.jpg) no-repeat center;}
.menu .ico-top{background:url(../image/ico3_2.jpg) no-repeat center;}

.icon-xs {position: relative; display: inline-block; }  
.icon-yc { visibility:hidden;background:#ffffff;color:#2fa2b2;text-align:center;padding:10px;border-radius:6px;position:absolute;z-index:1;top:-40px;right:-14px;transform: translateX(-50%);font-size:14px;font-weight: normal;line-height: 22px;}
.icon-xs:hover .icon-yc {visibility: visible;}
.icon-yc img{ width:120px; border-radius: 6px;}




.shubiao{cursor: pointer;position:fixed;bottom:30px;width: 80px;text-align: center;left:0;right:0;margin:0 auto;}

.bar img{ width:100%}
.lm-tit{ right:6%; top:30%;  font-size:40px; color:#c05f89;text-shadow: 2px 3px 0 #fff;}
.lm-dh{ width:100%; height:52px; border-bottom:2px solid #dddddd; padding-top:10px;}
.w80{ width:80%; margin:0px auto; display: flex;flex-direction: row;}
.dqwz{width: 100%;display: inline-block;line-height:52px; color:#333333; text-align:left;} 
.dqwz span{color:#c05f89; font-size:15px;background:url(../image/wz_2.png) no-repeat left center; padding-left:24px;}
.dqwz a{color:#c05f89; font-size:15px;}

.left{width:320px;min-height:500px;flex:1;margin:20px 20px 20px 0px;}
.left .lmdh{width:320px;min-height:331px;}
.left .lmdh .bt{height:80px;margin:0px auto;border-radius:10px 10px 0px 0px;font-size:22px;color:#fff;line-height:80px;text-align:center;background:#c05f89;letter-spacing:1px;}
.left .lmdh .con{margin:0px auto;min-height:160px;padding-bottom:60px; border:1px dotted #d6d6d6;border-radius:0px 0px 10px 10px; background:#ffffff;}
.left .lmdh .con ul{margin:0px auto;padding:10px 30px;}
.left .lmdh .con li{width:100%;height:60px;margin:10px auto; display:block;overflow:hidden; border-bottom:1px solid #f8f8f8;border-radius:1px;}
.left .lmdh .con li a{color:#666666;font-size:18px;width:auto;height:60px;display:block;line-height:60px;text-align:center;}
.left .lmdh .con li:hover{background:#f8f8f8;}
.left .lmdh .con li:hover a{color:#c05f89;}
.left .lmdh .con .on{background:#f8f8f8;}
.left .lmdh .con .on a{color:#c05f89;}


.conlist{padding-bottom:30px;flex:5; margin:0px auto;min-height:500px;}
.conlist_li{ min-height:600px;}
.conlist_li ul{width:98%; margin:0 auto; padding:0px;}
.conlist_li ul li{color:#666;width:auto;height:auto;padding:30px;border:1px dotted #d6d6d6; margin:20px auto;}
.conlist_li ul li font{ background:#c05f89;color:#ffffff;width:auto;padding:6px 20px;border-radius:20px; font-size:16px;}
.conlist_li ul li a{color:#555;height:auto;line-height:33px;overflow:hidden;display:block; margin:20px 0px;}
.conlist_li ul li a:hover{ color:#F00;}
.conlist_li ul li span{color:#999999; background:url(../image/p3-3_2.jpg) no-repeat center left; padding:10px 30px;}

.conimg{ width:100%;padding:10px; min-height:500px;}
.conimg ul{flex-wrap: wrap;justify-content: flex-start;display: flex;flex-direction: row; padding:0px;}
.conimg ul li{display:inline-block;flex:1;width:calc(90%-10)/4);min-width:calc((90% - 10px) / 4);max-width: calc((90% - 10px)/4);overflow:hidden;margin:10px;}
.conimg ul li a{display:inline-block;text-align:center;position:relative; width:100%; height:100%;overflow:hidden;}
.conimg ul li img{ width:auto; max-width:100%;height:auto; min-height:100%;display:inline-block;vertical-align:middle;border-radius:3px;}
.conimg ul li p{color:#ffffff;padding-left:10px; font-size:15px;background:#c05f8ae0;text-align:left;line-height:36px;height:36px; position:absolute; left:0px; bottom:0px; width:100%;display:block;overflow:hidden}

/*------åé¡µ------*/
.page {color:#626262; font-size:16px; text-align:center; margin:50px auto 20px auto;}
.page ul {list-style: none;text-align: center;margin-bottom:1px; padding:0px;}
.page ul li {padding:5px 12px;border:1px #d5d5d5 solid;text-align:center;background:#f7f7fb;display:inline;line-height:25px;margin:0 5px;border-radius:2px;}
.page ul li a {color: #333;}
.page .com_pre_one_unshow {}
.page .com_pre_more_unshow {}
.page .com_curent {background-color:#c05f89}
.page .com_curent a {color: #fff}
.page .com_common {}
.page .com_next_more {}
.page .com_next_one {}


.article{width:70%;margin:40px auto;height:auto;color:#333;}
.article .art_title{font-size:22px;color:#000; text-align:center;font-weight:bold; margin:20px auto;}
.article .f_title{color:#333; text-align:center;line-height:40px; margin-top:10px;}
.article .art_time{text-align:center; background:#c05f8a1f; color:#666;height:40px; line-height:40px; margin:10px auto 20px auto;font-size:15px;border-radius:2px;}
.article .zw{min-height:200px}
.article .zw p{color:#333; line-height:32px;}
.article .zw img{ margin:5px auto; height:auto; text-align:center; max-width:600px;}
.article .zw table{ max-width:90%; margin:0 auto;border-collapse:collapse !important;}
.article .zw th{  border:1px solid #333 !important;}
.article .zw td{  border:1px solid #333 !important;}
.ckvideo_style{ margin:0px auto}


.art_fujian{ font-size:14px; color:#333333; font-weight:bold; margin:16px 0;}
.art_fujian ul li{ list-style:none;}
.art_fujian ul li a{ color:#f00; font-weight:normal; text-decoration:none;}
.art_fujian ul li a:hover{ font-weight:normal; text-decoration:underline;}

.dy{ padding:50px;}
.dy p{ margin:0px auto; padding:0px;}
.dy img{ margin:5px auto; height:auto; text-align:center; max-width:800px;}



.p31-container {width: 100%; display: flex; justify-content: space-between; align-items: center; padding-top:80px;}  
.p31-entry{flex: 0 0 auto;width:45%; min-height:300px;overflow:hidden;opacity:0;align-items:center;justify-content:center;animation-fill-mode:forwards;display:flex;flex-direction: row; background:#ffffff; padding:2%;border-radius: 10px;gap:20px;}
.p31-1 { animation: slideInLeft 2s ease-out forwards;}  
.p31-2 { animation: slideInRight 2s ease-out forwards;}  
.p31-js{flex:5;display: inline-block; line-height:180%;color:#555555; text-align:left;}
.p31-js strong{ color:#c05f8a; }
.p31-js font{ color:#555555; }
.p31-js i{color: #ffffff; background: #c05f8a;}
.p31-img{flex:1;display: inline-block; text-align:center;}
.p31-img img{ width:auto; height:200px;border-radius:10px;}


@keyframes slideInLeft {  
    0% {  
        transform: translateX(-100%); /* åå§ä½ç½®å¨å·¦ä¾§å¤é¨ */  
        opacity: 0;  
    }  
    100% {  
        transform: translateX(0); /* æç»ä½ç½®å¨å±å¹åé¨ */  
        opacity: 1;  
    }  
}  
  
@keyframes slideInRight {  
    0% {  
        transform: translateX(100%); /* åå§ä½ç½®å¨å³ä¾§å¤é¨ */  
        opacity: 0;  
    }  
    100% {  
        transform: translateX(0); /* æç»ä½ç½®å¨å±å¹åé¨ */  
        opacity: 1;  
    }  
} 



.p44{ background:#bd5e8a}
.p44 .tit font{ color:#ffffffe0;background: url(../image/tit1_2.png) no-repeat right top;}
.p44 .tit strong{ color:#ffffff73;}


.c41-box{width: 100%; display: flex; justify-content: space-between; align-items: center; padding-top:60px; min-height:400px;}
.c41-box .c41-box1{flex:2;animation: slideInLeft 2s ease-out forwards;animation-fill-mode:forwards;display:flex;width: 100%;background-image: url(../image/c41-box1_2.jpg);background-size: cover; background-position: center center;background-repeat: no-repeat;border-radius:10px 0px 0px 10px; position:relative; height:400px;}  
.c41-box .c41-box1 a{ width:96%; height:40%; position:absolute; bottom:0px; background:#33333380; color:#ffffff; line-height:28px; font-size:14px; padding:2%; text-indent:2em;}  

.c41-box .c41-box1 img{ width:100%;height:400px;border-radius:10px 0px 0px 10px;}
.c41-box .c41-box2{flex:1;height:100%; line-height:180%;color:#555555;animation: slideInRight 2s ease-out forwards;animation-fill-mode:forwards;background:#ffffff;border-radius:0px 10px 10px 0px;text-align: center;}  
.c41-box20{width: 100%; height:100%; background-image: url(../image/c41-box2_2.png);background-size: cover; background-position: center center;background-repeat: no-repeat;display:flex;align-items:center;justify-content:center;flex-direction: row;}  
.c41-box2 ul {display: flex;flex-wrap: wrap;justify-content: space-between; list-style-type: none;padding: 0;margin:0px auto;width: 90%; height:90%;}  
.c41-box2 ul li {flex: 0 0 calc(50%);text-align: center; box-sizing: border-box; border-right: 1px solid #bd5e8a7d;border-bottom: 1px solid #bd5e8a7d;display:flex;align-items:center;justify-content:center;flex-direction: row;}  
.c41-box2 ul li:nth-child(2n) {border-right: none;}  
.c41-box2 ul li:nth-last-child(1),.c41-box2 ul li:nth-last-child(2) {border-bottom: none;}  
.c41-box2 ul li a {color:#555555; font-size:18px;line-height: 40px;}
.c41-box2 ul li a strong{color:#c05f8a; font-size:30px;letter-spacing:10px;}


.smyy{ position:fixed; right:0px; bottom:300px;}
.smyy img{ border-radius:10px 0px 0px 10px; width:100px}

