*{ box-sizing: border-box;}

body,html,h1,h2,h3,h4,h5,h6,p,em,i,form,ul,li,dl,dt,dd{padding:0;margin:0;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;  list-style: none;
}
body{font-family:"Microsoft Yahei", Tahoma;font-size:16px;width:100%; padding:0px; margin:0px;}
em,i,b{font-style:normal;font-weight:normal;text-decoration:none;}
ul,li{list-style:none;}
h3{font-size:14px;}
a{text-decoration:none;outline:none;cursor:pointer;}
a:hover{}
a img{border:none;display:block;}
a:hover{text-decoration:none;}
input[type="submit"],input[type="button"],button{cursor:pointer;padding:0;}
input[type="text"],input[type="email"],input[type="number"],input[type="password"]{padding:0 0 0 3px;}
:focus,input,select,textarea,button{outline:none;}
textarea{resize:none;}
.clear{ clear:both;}
#LRdiv0,#LRdiv1,#LRdiv2,#LRfloater0,#LRdiv3,#LRdiv4{ display: none;}
.container1{width:100%;max-width:1920px;}

.inner-header{width:100%;max-width:1920px;}
#header{width:100%;}
.headerimg{width:100%;max-width:1140px; margin:0px auto;}
.headerimgleft img {
    max-height: 56px;
}
.headerimgleft{float:left;}
.headerimgrihgt a{
    font-size: 2.25rem;
    margin: 1.375rem 0 1.3475rem 6.25rem;
    font-weight: bold; color:#0c9aa1;
}
.headerimgrihgt{float:right;}
.headerimg img{ width:100%;}

.header{ width:100%;background-color: #f5f5f5 !important;}
.header ul{background-color:#f5f5f5; height:45px; line-height:45px;width:100%;max-width:1140px; margin:0px auto;}
.header ul li{ float:left; width:12.5%; text-align:center;}
.header ul li:last-child{margin-right:0px;}
.header ul li a{
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #888;
    outline: 0;
    height:45px; line-height:45px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.header li a:hover{color:#fff;background-color:#0c9aa1;}

#ActNowRibbon {
    box-shadow: inset 0px 1px 0px 0px #efdcfb;
    background-color: #016976;
    background-image: linear-gradient(141deg, #d8bedd 0%, #37acb3 51%, #0c9aa1 85%);
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    padding: 0px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #9752cc;
}
#ActNowRibbon:hover {
	background-color: #016976;
    background-image: linear-gradient(141deg, #d8bedd 0%, #37acb3 51%, #0c9aa1 85%);
}
#ActNowRibbon:active {
	position:relative;
	top:1px;
}

.line-bottom {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 6px;    
	font-family: "微軟正黑體", "儷黑Pro", "蘋果儷中黑", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: 500;
	font-size:20px;
    line-height: 1.42857143;
    color: #333333;
}
.line-bottom:after, .title-dots span {
    background: #016976;
}

.show-all-articles {
    display: inline-block;
    right: 25px;
    top: 10px;
    color: #016976;
    font-size: 14px;
}
.line-bottom:after {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.toptop{margin:0px auto; padding-top:20px}
.top1{float:left;}
.top2{float:right;}
.top2 img{width:15px; height:15px;}


.part3{width:100%;max-width:1920px; margin:0px auto;}
.part3 img{width:100%;}


.wappart3{width:100%;max-width:750px; margin:0px auto; display:none;}
.wappart3 img{width:100%;}

#box4{ width:100%;max-width:1400px; margin:0px auto;}

.box4{width:100%;max-width:1140px; margin:0px auto;}
.box4secleft{ width:60%; float:left;}
.box4secright{ width:35%; float:right;}
.secright1{margin:20px auto;}
.secright1 h1{font-size:20px;}


.topcenter{text-align:center; margin:0 auto;    box-sizing: border-box; }
.topcenter ul{ }
.topcenter ul li{ width:31%; margin:1%; float:left; border:1px solid #ccc; padding-top:4%;  box-sizing: border-box;}
.topcenter ul li a{ width:31%; margin:1%; color: #333333;}
.topcenter ul li a img{display:inline-block;  text-align:center;width:50px; height:50px;}
.topcenter ul li a span{ display:block; text-align:center; line-height:30px; }
.topcenter ul li:hover{background-color: #d3eeef3d;}

.secright3  img{ display:block; width:100%;}

.box4  h4{ text-align:center;}
.mb-30 {
    margin-bottom: 30px !important;
}

#box5{ width:100%;max-width:1920px; margin:0px auto; background: #d3eeef3d;}
.box5{width:100%;max-width:1140px; margin:0px auto; }
.secrigh4 ul li{font-size:16px; line-height:30px; text-align:left;display: -webkit-box;
  -webkit-line-clamp: 1;        /* 限制显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.secrigh4 ul li a{color: #333333;}

.index_section4{ width:100%;overflow:hidden; max-width:1140px;height:300px;}
.index_section4 ul{width:99%;}
.index_section4 ul li{ width:33%; margin-right:0.1%;margin-left:0.1%; float:left; border:2px solid #ccc;}
.index_section4 ul li:hover{border:2px solid #016976;}
.index_section4 ul li img{display:block; text-align:center; width:100%;}
.index_section4 ul li a{ display:block; text-align:center;color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;font-size:16px; display:block; text-align:center; width:100%;
}

.index_section4 ul li a p{color:#ccc;text-indent:20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; font-size:14px;
}




#box6{width:100%;max-width:1140px; margin:0px auto; }
.box6top1{float:left; width:67%;margin-right:2%; line-height:35px; font-size:16px;text-indent:28px; }
.box6top2{float:right; width:30%;}
.box6top2  img{ display:block; width:100%;}



#footer{ width:100%; max-width:1920px;background:#d3eeef3d;font-size: 13px; margin:0px auto; height:300px;}
.footer{width:100%;max-width:1140px; margin:0px auto; padding-top:20px;}
.footerdiv1{float:left;  margin:10px auto; width:19%; margin:0 0.5%;}
.footerdiv1 p{ font-size:18px; font-weight:bold;}
.footerdiv1 li {border-bottom: 1px dashed #d3d3d3; line-height:35px;}
.footerdiv1   a{color: #000;}




/* 
 * html5元素
 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

#ActNowRibbonMobileVertical {
    padding: 15px 10px;
    text-align: center;
    background-color: #016976;
    background-image: linear-gradient(141deg, #d8bedd 0%, #37acb3 51%, #0c9aa1 85%);
    color: #fff;
    text-decoration: none;
    position: fixed;
    top: 48%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    font-size: 17px;
    letter-spacing: 4px;
    border-radius: 20px;
    writing-mode: vertical-rl;
    /* text-orientation: mixed; */
    z-index: 1;
    display: none;
}
#ActNowwhat {
    position: fixed;
    top: 48%;
    right: 5px;
    z-index: 1;
    width: 50px; 
    height: 50px;
}

.moheader{ width:100%; position:fixed; top:0px; left:0px; background:#e1e1e1;z-index:100; display:none; height:58px;}
.moheaderimg{float:left; width:70%}
.moheaderimg img{width:55%; }
.moheaderimgtex{float:right;}
.moheaderimgtex img{width:35px; height:35px;}
.moheaderul{position:absolute; width:100%; background-color:#fff; left:0; top:35px;}
.moheaderul ul li{border-bottom: solid 1px #f0f0f0;padding-left:2%; line-height:3rem;}
.moheaderul ul li:hover{background-color: #055b5cc4;color: #fff;text-shadow: none;}
.moheaderul ul li:hover a{color: #fff;text-shadow: none;}
.moheaderul ul li a{color: #333; font-size:15px;display:block;}



/*list*/
.listbox{width:100%; max-width:1140px;background-color: #f3f3f3 !important;margin:0 auto;     box-sizing: border-box;}
.listbox_one{padding:20px;  height:auto;}
.listbox_part1{ width:35%; float:left;}
.listbox_part1 img{ width:100%;}
.listbox_part2{ width:35%; margin-left:5%; margin-right:5%; float:left;}
.listbox_part2 p{
    height: 44px;
	line-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:18px;
}
.jiedex{line-height: 2.5rem;font-size:14px;}
.xiangq{background-color:#016976; width:100px; padding:10px; text-align:center;}
.xiangq a{color:#fff;}
.listbox_part3{ width:20%; float:left;margin:2rem 0px;} 
.listbox_part31 span{background-color:#fcfcfc; padding:5px;display:inline-block; margin-right:10px;font-size:18px;color: #777777;} 
.listbox_part32{font-size:18px;color: #777777; margin:1rem 0px;} 
.listbox_part33{background-color:#016976; width:100px; padding:10px; text-align:center;}
.listbox_part33 a{color:#fff;}

.border-2px {
    border: 2px solid #eeeeee !important;
}

.pagenone{width:100%; max-width:1140px;margin:0 auto; }
.pagenone ul{  }
.pagenone ul li{  float:left;}

/*内容页*/
#arcbox{width:100%; max-width:1140px;background-color: #f3f3f3 !important;margin:0 auto;box-sizing: border-box;}
.arclist{width:96%; line-height:35px; font-size:20px;padding:2%;margin:0 auto;color: #777777;} 
.arclist img{max-width: 100%;}
.arclistitle{width:96%; line-height:35px; font-size:20px;padding:2%;margin:0 auto;color: #777777; text-align:center;} 

.arcleft{ width:60%;float:left;}
.arcright{width:35%;float:left; margin-left:5%;}

.entry-content p{ width:100%; word-wrap: break-word; overflow-wrap: break-word; text-indent:28px; }
.entry-content  img {
    display: block;
    margin: 0 auto; 
}

.bg-lightest {
    background-color: #fcfcfc !important;
}
.bg-white-f3 {
    background-color: #f3f3f3 !important;
}

#aside_blogrelatedarticles .square_bg_img {
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.xf_bot {overflow:hidden;background:url(../images/xf_bot_6.png) repeat-x;max-height:80px;position:fixed;left:0;width:100%;bottom:0;z-index:99; display:none;}
.xf_bot ul {width:96%; padding:5px 2%; margin:0 auto;}


.xf_bot ul {  
  display: flex;  
  list-style: none;  
  padding: 0;  
  margin: 0 auto; /* 水平居中 ul（如果容器宽度小于 ul 的默认宽度）*/  
  max-width: 100%; /* 限制 ul 的最大宽度为 100% 以防止溢出 */  
}  
  
.xf_bot ul li {  
  flex: 0 0 auto; /* 不伸缩，使用 auto 作为 flex-basis 的基础值 */  
  box-sizing: border-box; /* 包括 padding 和 border 在内的宽度计算 */  
  text-align: center; /* 使 li 内的文本居中 */  
}  
  
.xf_bot ul li:first-child {  
  width: 30%; /* 第一个 li 的宽度 */  
}  
  
.xf_bot ul li:nth-child(2) {  
  width: 40%; /* 第二个 li 的宽度 */  
}  
  
.xf_bot ul li:last-child {  
  width: 30%; /* 第三个 li 的宽度 */  
}  
  
.xf_bot ul li div {  
  display: flex;  
  flex-direction: column;  
  align-items: center; /* 垂直居中图片和文本 */  
  justify-content: center; /* 水平居中（如果内容不是全屏宽）*/  
  
}  
.xf_bot ul li div  p{  
      margin-bottom: 0px;
  
}
  
.xf_bot ul li img {  
  max-width: 100%; /* 图片响应式宽度 */  
  height: auto; /* 图片高度自动 */  
  margin-bottom: 10px; /* 图片下方添加一些间距 */  
}


.xf_bot_1 a {color:#fff;display:block;}
.xf_bot_1 a:hover {color:#0c9aa1;}
.xf_bot_1 h3 {text-align:center;line-height:35px;font-size:16px;color:#fff;}
.xf_bot ul li .xf_bot_1 a:hover {text-decoration:none;}
.xf_bot ul li .xf_bot_1 a div {padding-top:18px;margin-bottom:-5px;}
.xf_bot ul li:nth-child(2) .xf_bot_1 {background:none;}
.xf_bot ul li:nth-child(3) .xf_bot_1 {background:none;}
.xf_bot ul li .xf_bot_1 img {width:2.5rem;display:block;}
.xf_bot ul li:nth-child(2)  img {max-width:83px;max-height:80px;}


.footer_bot{ 
    background: #016976;
    width:100%;max-height:145px;margin:0px auto; height:145px;
}
.footer_conm{width:100%; max-width:1140px;margin:0 auto;box-sizing: border-box;}
.footer_con{
    float: left;
     height:auto;width:40%;margin:0 5%;
}
.footer_con img {
    display: block;
    max-width: 343px; height:auto;width:100%;
}
.footer_span{
    display: block;
    float: left;
    width:40%;margin:3% 5%;
}
.footer_span p{
    color: #fff;
    font-size: 14px;
    max-width: 477px; width:100%;
	margin-bottom:0px;
}

.zixun {
  overflow: hidden;
  margin-bottom: 1rem;
}
.zixun span {
  width: 45%;
  line-height: 3.25rem;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
}
.zixun span:nth-child(1) {
  background: #c80503;
  float: left;
}
.zixun span:nth-child(2) {
  background: #016976;
  float: right;
}
.zixun span a {
  display: block;
  color: #fff;
}
.show_con_nr ul { width:315px;float:left;}
.show_con_nr ul li{ font-size:15px; font-weight:bold;}
.show_con_nr ul li a{color:#5b8299}
.show_con_nr ul .li1{ margin-left:20px;}
.show_con_nr ul .li2{ margin-left:40px;}
.fenlei{ margin:10px 0px;}
.fenleih2{ margin:10px 0px; background:#e0fcff;  height:45px; line-height:45px; padding:0px 10px}
.show_con_nr ul.textask { width:600px;}
.textask li{line-height: 30px;background: url(/static/images/li_bg.jpg) no-repeat left center;text-indent: 12px;}
.textask li a{ font-size:14px; font-weight:100;}
.fenleih2 h2{ float:left;font-weight:bold; font-size:16px;}
.fenleih2 .part1{ float:right; font-weight:bold; font-size:30px; }
.fenlei .video1{
			width: 450px;
			height: 252px; 
			margin:0px auto;
}
.fenlei video{
		   object-fit: fill;
			width: 450px;
			height: 252px; 
}
.fenlei table {
			border-collapse: collapse; 
			width: 100%;
}
.fenlei td,.fenlei th {
			border: 1px solid #d0daff; 
			padding: 8px; 
			text-align: left; 
}
.fenleith {background-color: #f4f6fc;}
.zuxi{width:300px;text-align:Center;background:red;border-radius:20px;margin:10px auto; line-height: 40px;}
.zuxi a{font-weight:bold; color:#fff;font-size:16px;}
.show11 div{color:#606262}




@media screen and (min-width: 751px) {  
     
   .thumb img{width:23rem; height: 11.5rem;}
}
  
/**页面框架 End**/
@media only screen and (max-width: 980px) {
    .toptop{margin:0px auto; padding:15px}
	.topcenter ul li{ width:48%; margin:1%; float:left; border:1px solid #ccc; padding-top:4%;}
	.topcenter ul li a{ width:48%; margin:1%; color: #333333;} 
	.moheader{display:block;}
	.moheaderul{position:absolute; width:90%; background-color:#fff; left:5%; top:58px;display:none;}
	.box5{width:96%;max-width:980px; margin:0px auto; }
	#header{display:none;}
	.part3,.wappart3,.inner-header{padding-top:58px;}
}

@media only screen and (max-width: 750px) {
	 body {  
        /* 添加一个类来标识小屏幕 */  
        class: small-screen;  
        /* 注意：CSS中不能直接添加类，这里是为了说明意图 */  
    }  
	.box4secleft{ width:100%;}
	.box4secright{ width:100%;}
	
	.secright1{width:96%;margin:0 2%;}
	.secright2{width:96%;margin:0 2%;}
	.topcenter ul li{ width:48%; margin:1%; float:left; border:1px solid #ccc; padding-top:4%;}
	.topcenter ul li a{ width:48%; margin:1%; color: #333333;} 
	.footer{width:96%;max-width:750px; margin:0px auto; padding-top:20px;}
	#footer{height:550px;}
	.footerdiv1{float:left;  margin:10px auto; width:50%;}
	#ActNowRibbonMobileVertical,#ActNowwhat {display: block;}
	#box6{width:100%;max-width:750px; margin:0px auto; }
	.box6top1{float:none; width:96%;margin:2%; line-height:35px; font-size:14px;}
	.box6top2{float:none; width:100%;}
	.moheaderul{position:absolute; width:100%; background-color:#fff; left:0%; top:58px;}
	.index_section4 ul li{ width:49.5%; margin-right:0.1%;margin-left:0.1%; float:left; border:2px solid #ccc;}
	
	.moheaderimg img{width:60%; }
	.moheaderimg,.moheaderimgtex{margin-top:10px;}
	
	.listbox_part1{ width:100%; float:none;}
	.listbox_part2{ width:100%; float:none; margin-left:0%; margin-right:0%;}
	.listbox_part1{ width:100%; float:none;}
	.listbox_one{padding:0px;  height:auto;}
	
	
	.arclist{width:96%; line-height:35px; font-size:14px;padding:2%;margin:0 auto;}
	
	.part3,.wappart3,.inner-header{padding-top:58px;}
	.part3{display:none;}
	.wappart3,.xf_bot{display:block;}
	
	
	.footer_bot{max-height:300px;margin:10px auto; height:250px;}
	.footer_con,.footer_span{ width:100%; margin:0 auto; text-align:center;}
	.footer_con img {  
		  max-width: 100%;  
		  height: auto; 
		  display: block;  
		  margin: 0 auto; 
		  width:200px;
     }
	 .footer_span {  
	  display: flex;  
	  justify-content: center; /* 水平居中 */  
	  align-items: center; /* 如果div有固定高度，这将使内容垂直居中 */  
	  flex-direction: column; /* 设置为列方向以垂直堆叠内容 */  
	  text-align: center; /* 可选，以确保内联元素（如链接）也居中 */  
	  /* 其他样式，如背景、边框等 */  
	}  
  
    /*.swtbottom{display:block;}*/
	
}


@media only screen and (max-width: 480px) {
	
	.moheaderimg img{width:80%; }
	.moheaderimg,.moheaderimgtex{margin-top:10px;}
	
}

@media only screen and (max-width: 320px) {.moheaderimg,.moheaderimgtex{margin-top:10px;}}