@charset "utf-8";

@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:PingFang; src:url(../font/SAIRAEXTRACONDENSED-SEMIBOLD_1.woff);}
@media  (min-width:1920px){
html{font-size: 100px!important;}
}
@media (max-width:1920px){
html{font-size: 100px!important;}
}
@media (max-width:1200px){
html{font-size: 90px!important;}
}
@media (max-width:980px){
html{font-size: 85px!important;}
}
@media (max-width:640px){
html{font-size: 80px!important;}
.eclips{display:block;overflow:visible;text-overflow:inherit;white-space:normal;}
}
@media (max-width:480px){
html{font-size: 75px!important;}
}
@media (max-width:375px){
html{font-size: 70px!important;}
}
@media (max-width:360px){
html{font-size: 65px!important;}
}
.more_hl{
    padding: 10px 0;
    text-align: right;
}
.more_hl a{
    color: #fff;
    font-size: 16px;
}

/*==========================================公共 开始=============================================*/


.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1200{margin:0 auto;padding:0 50px;max-width: 1682px;}

.heademinr_box_li{position: relative;z-index: 1;}

.header_box{position: relative;z-index: 10000;height: 0;}
#header{position: fixed;z-index:999;width:100%;transition: 0.36s;background-size:cover;}
.header_box_li #header:before{content:"";position:absolute;height: 20rem;top:0;left: 0;right: 0;transition: 0.2s;opacity: 1;visibility: visible;background-size: 100% 100%;pointer-events: none;display: none\0}
.header_box_li #header .w1200:after{position:absolute;left: 50px;bottom: 0;background: #d2d2d2;height: 1px;opacity: .57;transition: 1s;width: 0;transition-delay: 1s;}
.header_box_li #header.xg .w1200:after{ opacity:0}

.header_box_li.on #header .w1200:after{ width:calc(100% - 100px)}

#header.xg{background: rgba(255,255,255,.96);box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);/* background-image: linear-gradient(180deg, #003567, transparent); */}
.header_top{position: relative;height: 3.375rem;padding: 0;text-align: right;z-index: 10000;overflow: hidden;display: flex;justify-content: flex-end;align-items: center;}
.header_top .tianqi{ display:inline-block; height:.64rem}
.header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: rgba(255,255,255,.5);}

#header .right{display: flex;align-items: center;height: 100%;}

.header_top .search {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
}
.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -.08rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 .32rem 0 .1rem;
    color: #333;
}
.header_top .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;}
.header_top .search .btn svg{width: 18px;height: 18px;fill:#fff;}
.header_top .search:hover .btn svg{
    fill: #6510AD;
}


.header_top .search:hover .input {
    width: .42rem;
    opacity: 1;
    visibility: visible;
}

.list_box0{display: flex;align-items: center;}
.list_box0 .li{font-size: 16px;color: #fff;display: inline-block;transition:.6s;margin-left: .22rem;position: relative;}
.list_box0 .li:first-child{margin-left: 0;}
.list_box0 .li:last-child{margin-left: .34rem;}
.list_box0 .li>a{display:block;}
.list_box0 .li a>img{margin: -2px 0 0 0;}
.list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: .56rem;opacity: 1;visibility: visible;transform-origin:top;display: none;}
.list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; }

.list_box0 .li ul{position:absolute;top:100%;background:#fff;width: auto;min-width: 100%;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 10px 10px rgba(0,0,0,.1);border-radius: 5px;overflow: hidden;}
.list_box0 .li ul li a{padding: 0 16px;line-height: 28px;transition:.6s;font-size: 13px;color: #666666;text-align: center;white-space: nowrap;font-family: SourceHanSerifCN-Bold;width: 100%;display: block;}
.list_box0 .li ul li a:hover{color: #fff;background: #1a4390;}
.list_box0 .li:hover ul{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}

.list_box0 .li.li1>a{width: .84rem;height: .29rem;background: #fff;border-radius: 5px;font-size: .14rem;color: #005fd2;display: flex;justify-content: center;align-items: center;}
.list_box0 .li.li1>a svg{ margin:0 0 0 0.08rem}

.list_box0 .li:hover{color: #1a4390;}

.old_rukou{width: 1.5rem;height: .54rem;display: inline-block;text-align: center;line-height: .54rem; margin-left: .34rem}
.old_rukou a{display:block;width:100%;font-size: .2rem;color:#fff;border-radius:0 0 0 .1rem;background:#1a4390;}

#m_header .list_box0{ float:right}
#m_header .list_box0 .li{line-height:60px;font-size: 14px;}
#m_header .list_box0 .li a .ewm_box{ top:60px}
#m_header .list_box0 .li a>img{height: 12px;}
 

.list_box_01{font-size:0;white-space:nowrap;padding: .625rem;}
.list_box_01 li{display: block !important;margin: 0 15px !important;text-align:center;}
.list_box_01 li h3 img{ border:#ededed 1px solid; width:85px; height:85px;}
.list_box_01 li h5{font-size:.75rem;color:#666666;line-height:20px;margin: 0;}

.list_box0 .li:after{content:"";position:absolute;left: -.26rem;width:1px;height: 16px;top: 50%;margin-top: -8px;opacity: .8;}
.list_box0 .li:first-child:after{ display:none}
.header_box .w1200{height: 1.28rem;position:relative;display: flex;align-items: center;justify-content: space-between;transition: .5s;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/
#header #logo{ }
#header #logo .box_table{ width:auto}
#logo{height: 100%;position: relative;display: flex;align-items: center;}
#logo img{max-width:100%;transition: .5s;}
#logo img.img2{ display:none}
#nav{margin-right: .4rem;height: 100%;}
#nav ul{display: flex;justify-content: space-between;height: 100%;}
#nav ul li{z-index:0;height: 100%;position: relative;margin-left: .4rem;}
#nav ul li a{display: flex;padding: 0;position: relative;z-index: 2;height: 100%;align-items: center;}
#nav ul li h3{font-size: .18rem;color:#fff;line-height: 100%;position:relative;transition: .36s;display: inline-block;}
#nav ul li h3:after{content:"";position:absolute;left: 50%;top: calc(100% + 2px);transition:.6s;border-left: transparent .75rem solid;border-right: transparent .75rem solid;border-bottom: #fff 1rem solid;margin-left: -.75rem;opacity:0;visibility:hidden;}
#nav ul li.on1 h3:after{ opacity:1; visibility:visible}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; background:; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{ background:;}
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 10px rgba(0,0,0,.3);border-radius: 0 0 .08rem .08rem;overflow: hidden;}
#nav ul li .sub:after{content: '';height: 5px;width: 100%;position: absolute;left: 0;top: 0;background: #54a9b0;}
#nav ul li .sub .box{padding: 5px 0 0;text-align:center;}
#nav ul li .sub a{padding: 8px 30px;line-height: 28px;transition:.6s;font-size: 14px;color: #666666;text-align: center;white-space: nowrap;font-family: SourceHanSerifCN-Bold;min-width: 160px;justify-content: center;}
#nav ul li .sub a:hover{color: #fff;background: #1a4390;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}
#nav>ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{opacity: .9;}

#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -1.375rem;top: 50%;margin-top: -6px;transition:.3s;background:  center no-repeat;background-size:100% auto; display:none}
#nav>ul>li.xiala h3:before{ display:block}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li.noSubMenu h3:before{ display:none}

.search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0;position: relative;}
.search_btn img{margin: 0;}
#header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
#header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

.xg #nav ul li h3{color:#333;}
.xg .list_box0 .li{color: #6f6f6f;}
.xg .list_box0 .li.li1>a{ background:#1a4390; color:#fff}
.xg .list_box0 .li.li1>a svg path{ fill:#fff}
.xg #logo img{height: .64rem;}
.header_box .xg  .w1200{height: 1.12rem;}
.xg .search_btn svg{ fill:#6f6f6f}


.search_btn{cursor: pointer;}
.search_btn svg{fill:#fff;width: 16px;height: 16px;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 2.88rem;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #0e5da8;transition: .6s;left: 0;right: 0;z-index: 1;opacity: .9;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}

.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 8rem;
	margin: 0 auto;
	padding: 0 0.08rem 0 .24rem;
	background-color: rgba(255,255,255,.1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: .72rem;
	width: calc(100% - .56rem);
	background-color: transparent;
	font-size: .2rem;
	line-height: .08rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: .72rem;
	width: .56rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .24rem;
	background-image: url('../images/search-btn.png');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);

	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.png');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image:;
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.png);
    transition:.6s;
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*顶部搜索*/
.tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;}
.tc_search .header-search{height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .focus_js{font-size:.875rem;color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;}





.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;

}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/
/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: 60px;position: relative;z-index: 100000;}
.m_header_box header{padding: 0 0 0 15px;height: 60px;background: #3f8879;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_header_box header #logo img{height: 30px;}
.m_header_box header #logo{ padding:0}

.m_header_box .list_box0 .li{color: #fff;}
.m_header_box .list_box0 .li.li1>a{ background:#1a4390; color:#fff}
.m_header_box .list_box0 .li.li1>a svg path{ fill:#fff}
.m_header_box #logo img{height: .64rem;}
.m_header_box .search_btn svg{ fill:#6f6f6f}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;z-index: 1;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #3f8879;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -10px;border-right: #3f8879 10px solid;border-bottom: transparent 60px solid;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .4rem;height: 22px;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: .28rem;}
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 18px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 24px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 84px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #f7f7f7;background-size:cover;opacity: 0;visibility: hidden;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #0656b7 url(../images/submit.png) center no-repeat; background-size: 1.75rem;}

#m_nav .list_box0{text-align:center;width: 100%;justify-content: center;margin: .32rem 0 0;}
#m_nav .list_box0 .li{text-align:center;color: #333;margin: 0 .12rem;font-size: 14px;}

#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}

.list_box_nav_mobile{width:100%;height: 100%;/* background: rgba(255,255,255,.1); */padding: 0 0 10px;overflow: hidden;overflow-y: scroll;margin: 0;flex: 1;}
.list_box_nav_mobile>li{width: 90%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid #e2e2e2;line-height: .64rem;color: #333;padding: 0;font-size: 16px;display: flex;position: relative;transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(../images/arrow_down.png) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: 0;top: 0;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.list_box_nav_mobile>li.on .a{border-bottom: 1px solid #e2e2e2;}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color: #666;line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;height: 60px;display: block;}
.wap_search form{height:40px;border-radius:20px;background: rgb(255 255 255);position:relative;width: 3.68rem;margin: 10px auto;}
.wap_search .header-search{height:40px;border-radius:20px;background: rgb(255 255 255);position:relative;width: 3.68rem;margin: 10px auto;}
.wap_search .input{font-size: 14px;color: #646464;height:40px;line-height:40px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 40px);}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 40px;height:40px;line-height:40px;border:0;background: url(../images/submit.png) center no-repeat #3f8879;background-size: .24rem;border-radius: 20px;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮结束*/

/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.container00{ overflow: hidden; background: url(../images/container00_bg.png) left bottom no-repeat;}
.container00 .w1200{ display: flex; flex-wrap: wrap;}
.container00 .left{width: 3.2rem;padding: 1.875rem 0 0;position: relative;z-index: 1;}
.container00 .right{ width: calc(100% - 3.2rem);}

.title001{display: flex;flex-wrap: wrap;align-items: flex-end;margin-bottom: .1rem;}
.title001 big{font-size: .42rem;color: #000033;font-weight: bold;}
.title001 small{font-size: .24rem;color: #bdbdbd;font-family: Californian FB;text-transform: uppercase;margin: 0 0 0 .05rem; font-weight: bold;}
.title001s{ padding:0 0 0 .5rem}

.banner{overflow:hidden;width: 1434px;position:relative;}
.banner ul li{}
.banner ul li a{display:block;position:relative;padding-bottom: 59.97% !important;}
.banner ul li a img{position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;height:100%;object-fit:cover;}
.banner ul li a video{position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;height:auto;background:#000;}
.banner ul li a svg{width:100%;height:100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.banner ul li a svg *{ width:100%; height:100%}
.banner ul li a svg image{transform: scale(1.07) translateX(-3%);}
.banner ul li a svg path{transform: scaleY(1.065);transform-origin: top;}
.banner.on ul li.miso-current a h5{ transform:translateY(0); opacity:1; visibility:visible}

.banner .miso-dots{bottom: .8rem;text-align: right;padding: 0 12% 0 0;}
.banner .miso-dots li{width: .22rem;height: .18rem;margin: 0 .1rem;background: url(../images/dots_ico.png) center no-repeat;transition: .5s;background-size: 100% 100% !important;}
.banner .miso-dots li.miso-active{background: url(../images/dots_ico_on.png) center no-repeat;}

.list_box1{ margin:.3rem 0 0}
.list_box1 li{margin-bottom: .08rem;border-bottom: #e5e5e5 1px solid;transition: .5s;}
.list_box1 li:last-child{ border-bottom: none;}
.list_box1 li *{ transition: .5s;}
.list_box1 li a{display: flex;width: 3.94rem;height: .85rem;align-items: center; border-radius: 0 .42rem .42rem 0; }
.list_box1 li a .ico{width:.94rem;text-align: center;min-width: .94rem;}
.list_box1 li a .ll{ width:1.7rem}
.list_box1 li a .ll h5{ font-size:.24rem; color:#242424}
.list_box1 li a .ll h6{font-size:.1rem;color:#9c9c9c;font-family: Californian FB;margin: .05rem 0 0; white-space: nowrap;}
.list_box1 li a .rr{width: 9px;height: 15px;position:relative;z-index:1;margin-right: .3rem;}
.list_box1 li a .rr:before{content:"";position:absolute;background: url(../images/list_box1_line.png) center no-repeat;width: 46px;height: 2px;top: 50%;margin-top: -.5px;right: 2px;opacity: 0;}
.list_box1 li a .rr img{ width:100%}

.list_box1 li:nth-child(2) a{ width: calc(3.94rem + .2rem);}
.list_box1 li:nth-child(3) a{ width: calc(3.94rem + .2rem * 2);}
.list_box1 li:nth-child(4) a{ width: calc(3.94rem + .2rem * 3);}
.list_box1 li:nth-child(5) a{ width: calc(3.94rem + .2rem * 4);}

.list_box1 li.on, .list_box1 li.on2{ border-bottom: transparent 1px solid;}
.list_box1 li.on a{ background: #fff; box-shadow: 0px 5px 9px 0px rgba(35, 35, 35, 0.11);}
.list_box1 li.on a .ll{ padding-left: .24rem;}
.list_box1 li.on a .rr{ transform: translateX(1rem);}
.list_box1 li.on a .rr:before{ opacity:1}

.list_box1 li:nth-child(2){ transition-delay: .1s;}
.list_box1 li:nth-child(3){ transition-delay: .2s;}
.list_box1 li:nth-child(4){ transition-delay: .3s;}
.list_box1 li:nth-child(5){ transition-delay: .4s;}

.miso_form1_box1{ padding: .76rem 0; overflow: hidden;}
.miso_form1{/* display: flex; *//* flex-wrap: wrap; *//* height: .7rem; *//* width: 856px; *//* margin: 0 auto; *//* max-width: 100%; */}
.miso_form1 .divselect{width: calc(100% - .88rem);height: 100%;position: relative;background: #fff;padding: 0;}
.miso_form1 .divselect:before{content:"";position:absolute;left:0;top:50%;margin-top: -2rem;width:1px;height:4rem;background:#cfcecf;}
.miso_form1 .divselect .h5{height: 100%;display: flex;align-items: center;padding: 0 .2rem;font-size: .22rem;color: #666666;position: relative;cursor: pointer;justify-content: space-between;}
.miso_form1 .divselect .h5 img{width: .18rem;margin-left:.1rem;}
.divselect_ul{background:#fff;text-align:center;padding:.1rem 0;display: none;box-shadow: 0px 9px 35px 0px rgba(0, 0, 0, 0.1);}
.divselect_ul li{font-size: 1rem;color: #666;line-height: 2.5;transition:.5s;cursor:pointer;}
.divselect_ul li:hover{color: #0e5da8;}
.miso_form1 .input{width: calc(100% - 1.1rem);padding: 0 .3rem;background: #eaf2fa;border-radius: .2rem 0 0 .2rem;border: #90cafa 1px solid;font-size: .18rem;color: #fff;letter-spacing: .05rem;}
.miso_form1 .input .input1{width: 100%;height: 100%;font-size: .16rem;color: #666666;padding: 0 0 0 .042rem;/* background:   left center no-repeat; */}



.miso_form1 .right{width: 1.1rem;display: flex;align-items: center;height: 100%;position: relative;}
.miso_form1 .right .submit{width: 100%;height: 100%;}
.miso_form1 .right .submit .input{background: #0e5da8 url(../images/search_white1.png) center no-repeat;width: 100%;height: 100%;cursor: pointer;transition: .5s;border-radius: 0 .2rem .2rem 0;}
.miso_form1 .right .submit .input:hover{opacity: .9;}

.container01 .w1200{ max-width: 1544px; display: flex; flex-wrap: wrap;}
.container01 .left{width: 50%;position: relative;z-index: 1;padding: .64rem 0 0 .56rem;}
.container01 .left .img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.container01 .left .img img{ width: 100%; height: 100%; object-fit: cover;}

.title002{ margin-bottom: .26rem;}
.title002 h3{ font-size: .42rem; color: #fff; font-weight: bold;}
.title002 h6{font-size: .24rem;color: #fff;font-family: Californian FB;text-transform: uppercase;margin: .125rem 0 0;font-weight: bold;opacity: .5;line-height: 1.25;}

.list_box2 li a{ display: flex; align-items: center; height: .36rem; font-size: .2rem; color: #fff;}
.list_box2 li a svg{ fill:#fff; margin:0 .2rem 0 0}

.container01{padding: 0 0 1.4rem;overflow: hidden;}
.container01 .right{width: 50%;position: relative;z-index: 1;overflow: hidden;padding: 0 0 0 1px;}
.container01 .right .before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/container01_bg2.jpg) left bottom no-repeat;z-index: -1;background-size: 66.66% auto;}
.container01 .right .w33_box{ margin: 0 -.5px;}
.container01 .right .w33_box .w33{ padding: 0 .5px;}

.list_box3 li{ width: 100%; margin-bottom: 1px;}
.list_box3 li a{display: flex;background: #54a9b0;padding-bottom: 98%;position: relative;overflow: hidden;}
.list_box3 li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column; transition: .5s;}
.list_box3 li a .top .ico{ margin-bottom: .26rem;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.list_box3 li a h5{ font-size: .24rem; color: #fff;}
.list_box3 li a h6{font-size: .14rem;color: #fff;font-family: Californian FB;text-transform: uppercase;margin: .125rem 0 0;font-weight: bold;opacity: .5;line-height: 1.375;text-align: center;}
.list_box3 li a .bottom{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;justify-content: center;font-family: Californian FB;font-size: 1rem; color: #fff;transform: translateY(50%);transition: .5s; opacity: .15;}

.list_box3s li a{ background: #1b74aa;}
.list_box3 li:nth-child(2) a{ background: #064c9c;}

.list_box4 li{ margin-bottom: 1px;}
.list_box4 li img{ width:100%}
.list_box4 li:last-child{ margin-bottom: 0;}

.container02{display: flex;overflow: hidden;}
.container02 .box2{ width: 37.40%;}
.container02 .box1{width: calc((100% - 37.40%) / 2);}
.container02 .left{background: #0e396e;padding: 0 .9rem 0 0;display: flex;justify-content: flex-end;align-items: center;position: relative;overflow: hidden;z-index: 1;}
.container02 .left .bg{position: absolute;width: 6.33rem;height: 6.23rem;left: 50%;top: 50%;transform: translateX(calc(-50% - 8%)) translateY(-50%);z-index: -1;}
.container02 .left .bg .bg1{ width: 100%; height: 100%; -webkit-animation: borderAnimation 4s linear infinite;animation: borderAnimation 4s linear infinite; background: url(../images/container02_bg1.png) center no-repeat; background-size: cover;}
@-webkit-keyframes borderAnimation {
  0% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  33% {
    -webkit-transform: skew(4deg, -4deg);
    transform: skew(4deg, -4deg);
  }

  66% {
    -webkit-transform: skew(4deg, 0deg);
    transform: skew(4deg, 0deg);
  }

  100% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }
}
@-webkit-keyframes borderAnimation1 {
  0% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  33% {
    -webkit-transform: skew(-4deg, 4deg);
    transform: skew(-4deg, 4deg);
  }

  66% {
    -webkit-transform: skew(-4deg, 0deg);
    transform: skew(4deg, 0deg);
  }

  100% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }
}
.container02 .right{background: #0d386d;display: flex;align-items: center;padding: 0 .26rem;}
.container02 .left .box{ width: 3.45rem;}
.container02 .left .box .title002{margin-bottom: .50rem;}
.container02 .left .box .title002 h6{ opacity: .26;}
.container02 .left .box p{font-size:.14rem;color:#eaeaea;line-height: 24px;margin-bottom: .5rem;}

.list_box5 li *{ transition: .5s;}
.list_box5 li .img .img_hezi{ padding-bottom: 67.13% !important;}
.list_box5 li .con{display: flex;height: .6rem;align-items: flex-end;position: relative;}

.miso-arrow1_box{ width: 2.2rem; height: .6rem; display: flex; background: #ececec;}
.miso-arrow1_box .miso-arrow1{width: 50%;display: flex;align-items: center; justify-content:center}
.miso-arrow1_box .miso-arrow1 svg{ width:.35rem; height:.35rem; fill:#519385; }
.miso-arrow1_box .miso-arrow1 svg *{ transition: 0s;}
.miso-arrow1_box .miso-arrow1.miso-prev1 svg{transform: translateX(-72%);}
.miso-arrow1_box .miso-arrow1.miso-next1{ background: #519385;}
.miso-arrow1_box .miso-arrow1.miso-next1 svg{fill:#fff;transform: translateX(72%);}

.list_box5 li .con .rr{background: #fff;width: calc(100% - 2.2rem);height: 1.5rem;border: #ececec 1px solid;padding: 0 .25rem;display: flex;flex-direction: column;justify-content: center;}
.list_box5 li .con .rr h5{font-size: .18rem;color:#333333;line-height: 1.25;margin: 12px 0 0;width: 100%;}
.list_box5 li .con .rr p{font-size: .14rem;color:#4e4e4e;line-height: .24rem;height: .48rem;opacity: .8;margin: .16rem 0 0;width: 100%;}
.list_box5 li .con .rr h6{ font-size: 12px; color:#4e4e4e; opacity: .6; text-transform: uppercase; opacity: 0; text-align: right;}

.list_box6{padding: 0;width: 4.05rem;max-width: 100%; overflow: hidden;}
.list_box6 li *{ transition:.5s}
.list_box6 li{ padding: .25rem 0}
.list_box6 a{ display: flex; flex-wrap: wrap;}
.list_box6 a .time{width: .54rem;display: flex;flex-direction: column;position: relative;justify-content: center;}
.list_box6 a .time:before{content:"";position:absolute;width: .45rem;height:1px;background:#f8f8f8;opacity:.15;top: 50%;left: 3px;transform: rotate(-45deg);}
.list_box6 a .time h3{ font-size: .24rem; color: #fff; font-family: Californian FB;}
.list_box6 a .time h6{font-size: .24rem;color: #fff;font-family: Californian FB;align-self: flex-end;}
.list_box6 a .con{ width: calc(100% - .54rem); padding:0 0 0 .24rem; position: relative;}
.list_box6 a .con::before{content: "";position: absolute;left: .24rem;width: 0;height: 1px;background: #fff;bottom: -.1rem; opacity: 0;}
.list_box6 a .con h5{font-size:.18rem;color:#fff;line-height: 24px;height: 48px;text-align: justify;}

.container03{ padding: 1.08rem 0; overflow: hidden; background: url(../images/container03_bg.png) center no-repeat; background-attachment: fixed;}
.container03 .title002{text-align: center;margin-bottom: .4rem;}
.container03 .title002 h3{ color: #000033;}
.container03 .title002 h6{ color: #bdbdbd;}

.list_box7{ margin: 0 -.5rem; padding: 0 1rem .2rem;}
.list_box7 .miso-list{padding: .35rem 0 0;}
.list_box7 li{ width: 33.33%; padding: 0 .5rem;}
.list_box7 li *{ transition: .5s;}
.list_box7 li a{ text-align: center;}
.list_box7 li a .img_box{width: 2.88rem;max-width: 100%;margin: 0 auto; position: relative; z-index: 1;}
.list_box7 li a .img_box::before{content: "";position: absolute;background: url(../images/list_box7_bg.png) center no-repeat;width: 3.7rem;height: 3.7rem;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) scale(.8);background-size: 100% auto; opacity: 0; }
.list_box7 li a .img_box .img{ border-radius: 50%; overflow: hidden}
.list_box7 li a .img_box .img .img_hezi{ padding-bottom: 100% !important;}
.list_box7 li a .con{ margin: 0 auto; width: 3rem; max-width: 100%;}
.list_box7 li a .con h5{ font-size: .24rem; color: #333333; line-height: 1.25; margin: .2rem 0 .18rem;}
.list_box7 li a .con p{ font-size: .16rem; color: #333333; line-height: .3rem; height: 1.2rem;}

.list_box7 .miso-dots{text-align: center;left: 0; padding-bottom: 0;}
.list_box7 .miso-dots li{width: .11rem;height: .11rem;background: #0e396e;border-radius: 50%;padding: 0;margin: 0 .12rem;}
.list_box7 .miso-dots li.miso-active{ background:#519385}

.title003{margin-bottom: .46rem;display: flex;justify-content: space-between;position: relative;z-index: 1;}
.title003 .ll{ display: flex;}
.title003 h3{ font-size: .42rem; color: #000033; font-weight: bold;}
.title003 h6{font-size: .24rem;color: #bdbdbd;font-family: Californian FB;text-transform: uppercase;margin: .125rem 0 0 .22rem;font-weight: bold;opacity: .5;line-height: 1.25;}

.list_box8{ display: flex;}
.list_box8 li{ margin: 0 0 0 .16rem;}
.list_box8 li .a{position: relative;cursor: pointer;}
.list_box8 li .a .ewm{position: absolute;box-shadow: 0 0 15px rgba(0,0,0,.1);left: 50%;transform: translateX(-50%) translateY(.3rem);transition: .5s;opacity: 0;visibility: hidden;}
.list_box8 li .a .ewm img{ width: 1.5rem; height: 1.5rem}

.list_box8 li .a:hover .ewm{transform: translateX(-50%) translateY(.2rem);opacity: 1;visibility: visible;}

.list_box9 li *{ transition: .5s;}
.list_box9 li a{ display: block; position: relative;}
.list_box9 li a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; padding: 0 .16rem .2rem; background: url(../images/list_box9_top.png) center bottom repeat-x;}
.list_box9 li a .top h5{ height: .38rem; display: flex; width: 100%; align-items: center; }
.list_box9 li a .top h5 img{margin: 0 .16rem 0 0;width: .38rem;}
.list_box9 li a .top h5 font{ display:inline-block; width:clac(100% - .38rem); font-size: .18rem; color: #fff; line-height: 1.25;}
.list_box9 li a .img .img_hezi{ padding-bottom: 112.38% !important;}

.box2 .list_box9 li a .img .img_hezi{ padding-bottom: 57.07% !important;}
.box2 .list_box9 li:first-child{margin-bottom: 7.25%;}
.box3 .list_box9 li a .img .img_hezi{padding-bottom: 72.375% !important;}

.container04{ overflow: hidden;}
.container04 .content{ display: flex; flex-wrap: wrap; margin: 0 -.94%;}
.container04 .content .box{ padding: 0 .94%;}
.container04 .content .box1{ width: 29%;}
.container04 .content .box2{ width: 27%;}
.container04 .content .box3{ width: calc(100% - 29% - 27%);}

.container05{padding: 1.5rem 0 .34rem;overflow: hidden;/* background: url(../images/container05_bg1.jpg) center no-repeat; */background-size: cover;position: relative;}
.container05 .w1200{display: flex;justify-content: flex-end;height: 100%;align-items: flex-end;position: relative;}
.container05 .box{margin: 0 1.3rem 0 0;box-shadow: 0px 4px 18px 0px rgba(10, 70, 145, 0.31);background: #fff;padding: .3rem 0 0;width: 4.75rem; float: right; position:relative; z-index: 1}
.title004{ margin-bottom: .14rem; text-align: center;}
.title004 h3{ font-size: .24rem; color: #000033;}

.list_box10 li{ position: relative;}
.list_box10 li::before{ content: ""; position: absolute; left: .58rem; right: .58rem; bottom: 0; height: 1px; background: #e5e5e5;}
.list_box10 li .a{ height: .6rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; cursor: pointer;}
.list_box10 li .a::before{content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 0;z-index: -1;transition: 0s;}
.list_box10 li .a::after{content: "";position: absolute;border-top: transparent .3rem solid;border-bottom: transparent .3rem solid;border-right: #1a4390 .16rem solid;right: 100%;transform:rotateY(90deg);transform-origin: right;transition: .5s cubic-bezier(.165,.84,.44,1);top: 0;}
.list_box10 li .a h3{ font-size: .18rem; color: #1a4390; text-align: center;}
.list_box10 li .con{ font-size: .16rem; color: #333333; line-height: .3rem; padding: .22rem .5rem; display: none; transition: 0s;}

.list_box10 li:nth-child(1) .con{ display: block;}
.list_box10 li.on .a::before{ background:#1a4390; width: 100%;}
.list_box10 li.on .a h3{ color: #fff;}
.list_box10 li.on .a::after{transform:rotateY(0); transition: .5s cubic-bezier(.165,.84,.44,1) .5s; }

.container06{background: url(../images/container06_bg.jpg) center no-repeat;padding: .95rem 0 .62rem;/*background-attachment: fixed;*/background-size: cover;}
.container06 .w1200{ display: flex; align-items: center; justify-content: space-between;}
.container06 .left{ width: 12rem;}
.container06 .right{ display: flex;}
.container06 .right .ll{width: 2.12rem;border-left: rgba(255,255,255,.1) 1px solid;padding: 0 0 0 .3rem;display: flex;align-items: center;}
.container06 .right .ll p{ font-size:.16rem; color:#fff; line-height:.3rem}
.container06 .right .rr img{width: 1.28rem;height: 1.28rem;}


.list_box11{ display: flex; flex-wrap: wrap;}
.list_box11 li{ width: 25%; line-height: .32rem; margin-bottom: .16rem;}
.list_box11 li a{ font-size: .16rem; color: #fff; transition: .5s; display: flex; align-items: center;}
.list_box11 li a img{ margin: 0 0 0 .12rem; opacity: .42;}

#miso_map, .miso_map{width: 100%;position: absolute;top: 1rem;right: 0;bottom: 0;left: 0;}
#miso_map::after, .miso_map::after{content: "";position: absolute;top: 0;left: 0;right: 0;height: 40%;background-image: linear-gradient(180deg, #fff, transparent);pointer-events: none;}

.jiucuo{ margin: .28rem 0 0;}
.jiucuo a{display: flex;align-items: center;width: 1.56rem;height: 30px;background: #1a4390;justify-content: space-between; padding: 0 0 0 .14rem; font-size: .14rem; color: #fff; transition: .5s;}
.jiucuo a .ico{width: .34rem;display: flex;align-items: center;height: 100%;justify-content: center;border-left: #2a5098 1px solid; transition: .5s;}
.jiucuo a .ico svg{ width: .16rem; height: .16rem; fill:#758dbc; transition: .5s;}

footer{ padding: .4rem 0; background: #2b2b2b;}
footer .w1200{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
footer .right{ text-align: right;}
footer .right p{ font-size: .14rem; color: rgba(255,255,255,.47); line-height: 1.75;}

.banner ul li a .ar_wap{ display: none !important;}



/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_header_box{height: 1.28rem;background: #3f8879;}

.n_banner{ position:relative}
.n_banner .img .img_hezi{padding-bottom: 22.39% !important;}
.n_banner .top{position:absolute;right:0;bottom:0;left:0;}
.n_banner .top .w1200{ display: flex; align-items: center; justify-content: flex-end}

#nav_slide{background: #1b4098;line-height: 50px;position: relative;z-index: 2;display:none;}
#nav_slide #bnt_back{position:absolute;left: 15px;top:-2px;}
#nav_slide #bnt_back img{height: 20px;vertical-align: middle;}

#nav_slide .n_title{ height: 50px; }
#nav_slide h1{font-size: 16px;color: #fff;text-align: center;}
#bnt_sub_nav{position: absolute;right: 15px;top: 14.5px;cursor: pointer;}
#bnt_sub_nav img{display: block;height: 20px;}
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;}
#sub_nav_content ul{}
#sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;}
#sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;}
#sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;}
#sub_nav_content ul li ul li{border:0;line-height: 28px;padding-left: 10px;}
#sub_nav_content ul li ul li a{font-size: 13px; color: #666;}
#sub_nav_content ul li.on>a{color: #1b4098;}

#sub_nav_content ul li ul{ display:none}

.n_container{padding: 0 0 1rem;position: relative;z-index: 1;}
.n_container .w1200.flex{ display:flex; justify-content:space-between}
.n_container .n_left{width: 3.08rem;position: relative;z-index: 1;top: -.44rem;}
.n_container .n_left .h2{height: .94rem;background: #2a7263;background-size:cover;padding: 0 0 0 .82rem;position:relative;display: flex;align-items: center;z-index:1;border-radius: 0 .56rem 0 0;}
.n_container .n_left .h2 h2{font-size: .28rem;color:#fff;}
.n_container .n_left .h2 h6{font-size: 12px;color:#cccccc;text-transform: uppercase;margin: .1rem 0 0;}
.n_container .n_left ul{padding: 0 0 .1rem;border-top: none;position:relative;background: #3f8879  center bottom no-repeat;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.n_container .n_left ul:before{content:"";position:absolute;top:0;left: 0;bottom:2rem;}

.n_container .n_left .con ul li{font-size: .18rem;color: #000000;position:relative;padding: 0;}
.n_container .n_left .con ul li:first-child{}
.n_container .n_left .con ul li.on{}
.n_container .n_left .con ul li.on dl{display:block !important;}

.n_container .n_left .con ul li:last-child:before{ display:none}

.n_container .n_left .con ul li:before{content:"";position:absolute;bottom:0;left: .24rem;right: .24rem;height:1px;border-bottom: rgba(255,255,255,.2) 1px dashed;}
.n_container .n_left .con ul li:last-child:before{ }
.n_container .n_left .con ul li a img{ margin:-3px 14px 0 0}
.n_container .n_left .con ul li:after{content:"";width:7px;height:11px;background:  center no-repeat;position:absolute;right: 15px;top: 50%;transition:0.36s;margin-top: -5.5px;display: none;}
.n_container .n_left .con ul li.on:after, .n_container .n_left .con ul li:hover:after{background: center no-repeat;}

.n_container .n_left .con ul li>a{color: #fff;display: block;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/padding: 20px 50px 20px .82rem;transition: .5s;margin: 0;position: relative;line-height: 24px;z-index: 1;}
.n_container .n_left .con ul li>a:before{content:"";position: absolute;top:0;right:0;bottom:0;left: 0;background: url(../images/n_left_bg1.png) left center no-repeat;z-index:1;opacity:0;}
.n_container .n_left .con ul li:hover> a, .n_container .n_left .con ul li.on>a{color: #fff;}
.n_container .n_left .con ul li:hover> a:before, .n_container .n_left .con ul li.on>a:before{ opacity:1}

.n_container .n_left .con ul li dl{display:none;padding: 0 0 5px .24rem;position:relative;}
.n_container .n_left .con ul li dl dd{height: auto;line-height: initial;padding: 0;}
.n_container .n_left .con ul li dl dd a{font-size: 14px;color: #333333;padding: 5px 0 5px .7rem;position:relative;line-height: 24px;margin: 0;font-weight: normal !important;display: block;}
.n_container .n_left .con ul li dl dd:last-child a{ border:none}
.n_container .n_left .con ul li dl dd a:before{content:"";position:absolute;left: .6rem;top: 22px;background: #1b4098;width: 4px;height: 4px;border-radius:50%;}
.n_container .n_left .con ul li:hover i, .n_container .n_left .con ul li.on i{ background: center no-repeat;}
.n_container .n_left .con ul li i{width: 30px;height: 35px;background:  center no-repeat;position:absolute;right: 20px;top: 5px;transition:0.36s;cursor: pointer;background-position: center;}
.n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a{color: #1b4098 !important;}
.n_container .n_left .con ul li dl dd a:hover:before, .n_container .n_left .con ul li dl dd.on a:before{}

.n_container .n_left .con ul li:first-child i{top: 20px;}

.n_container .n_right{width: calc(100% - 3.08rem);margin: 0;padding: .96rem 0 0 1rem;background: #fff;}

.n_container .n_right .list_box_05{ margin-top:0}

.mianbao{position: relative;display: flex;justify-content: flex-end;}
.mianbao .ll{line-height:.6rem;font-size: .22rem;color: #000000;height: calc(100% + 3px);position:relative;padding: 0 .32rem 0 .14rem;}
.mianbao .ll:before{content:"";position:absolute;/* width:100%; */height:4px;background:#1b4098;border-radius: 2px;bottom:0;left: 0;right: 0;}
.mianbao h2{font-size: 24px;color: #323232;display:inline-block;position:relative;}
.position{font-size: .14rem;color: #fff;line-height: 1.5;position: relative;padding: 0 0 .15rem;}
.position img{ margin:-3px .5rem 0 0}
.position a{color: #fff;transition:0.36s;}
.position span{margin: 0 .02rem;}
.position em{color: #fff;font-style:normal;}
.position a:hover{color: #1a4390;}

.fanye{text-align:center;margin: .4rem 0 0;}
.fanye img{ max-width:100%}

.list_box_keyan li{ margin-bottom: .12rem;}
.list_box_keyan li *{ transition: .5s;}
.list_box_keyan li a{display: flex;background: #fff;height: .74rem;box-shadow: -0.707px 0.707px 24.07px 4.93px rgba(0, 0, 0, 0.05);padding: 0 .3rem;align-items: center;justify-content: space-between;}
.list_box_keyan li a font{display: inline-block;width: calc(100% - 1.2rem);font-size: .18rem;color: #333333;line-height: 1.25;position: relative;padding: 0 0 0 .32rem;}
.list_box_keyan li a font::before{content: "";position: absolute;left: 0;width: .13rem;height: .13rem;border: #145fb4 .03rem solid;border-radius: 50%;box-sizing: border-box;top: 50%;transform: translateY(-50%);}
.list_box_keyan li a span{ font-size: .18rem;color: #333333; }

.j_pages{ margin: .6rem 0 0;}

.title002s1{ text-align: center; margin-bottom: .75rem;}
.title002s1 h3{color: #3f8879;}
.title002s1 h6{color: #109075;}

.n_biaoge .fl01{ padding: .54rem 0 0; overflow: hidden;}

.n_biaoge{background: url(../images/n_biaoge_bg.jpg) center 28vh no-repeat;background-size: 100% auto;}

.list_biaoge{ padding: .12rem .12rem .9rem;}
.list_biaoge li{ padding: 0 .12rem; margin-bottom: .16rem;}
.list_biaoge li *{ transition: .5s;}
.list_biaoge li a{ display: flex; align-items: center; padding: 5px;}
.list_biaoge li a .img{ width: 1.2rem;}
.list_biaoge li a .img .img_hezi{ padding-bottom: 143.3% !important;}
.list_biaoge li a .con{ width: calc(100% - 1.2rem); padding: 0 0 0 .28rem;}
.list_biaoge li a .con font{display: inline-block;line-height: .38rem;background: #03499b;width: auto;align-items: center;font-size: .26rem;padding: 0 .1rem;color: #fff;}
.list_biaoge li a .con h6{ font-size: .18rem; color:#242424; line-height: 1.5; margin: .1rem 0 0}

.list_biaoge .miso-arrow{background: rgba(0,0,0,.4);width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;top: auto;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);cursor: pointer;bottom: 0;transition: .5s;}
.list_biaoge .miso-arrow svg{ width: .22rem; height: .22rem; fill:#fff;}
.list_biaoge .miso-prev{left: 50%;margin-left: -.68rem;}
.list_biaoge .miso-next{right: 50%;margin-right: -.68rem;}

.n_biaoge .fl02{ padding: .84rem 0 0;}

.title004{ text-align: center; margin-bottom: .48rem;}
.title004 h3{ font-size: .28rem; color: #03499b;}
.title004 h6{ font-size: .18rem; color: #6f6f6f; margin: .2rem 0 0;}

.n_fuwu .fl01{ padding: .6rem 0;}

.list_fuwu1{ padding: 0 0 1rem; margin: 0 -3%;}
.list_fuwu1 li{ padding: 0 7px;}
.list_fuwu1 .miso-list{padding: .35rem 0 0;}
.list_fuwu1 li a .img_box{width: 1.8rem;max-width: 100%;margin: 0 auto;position: relative;z-index: 1;}
.list_fuwu1 li a .img_box::before{content: "";position: absolute;background: url(../images/list_fuwu1_bg1.png) center no-repeat;width: 2.33rem;height: 2.2rem;left: 50%;top: 50%;transform: translateX(-50%) translateY(-52%);background-size: 100% auto !important;}
.list_fuwu1 li a .img_box .img{border-radius: 50%;overflow: hidden;background: #fff;box-shadow: 0px 0px .24rem 0px rgba(20, 80, 154, 0.35);width: 100%;max-width: 100%;}
.list_fuwu1 li a .img_box .img .img_hezi{ padding-bottom: 100% !important;}
.list_fuwu1 li a .img_box .img img{width: auto;height: auto;top: 50%;right:auto;bottom: auto;left: 50%;transform: translateX(-50%) translateY(-50%); transition: .5s;}
.list_fuwu1 li a .con{margin: 0 auto;width: 100%;max-width: 100%;text-align: center;padding: .4rem 0 0;}
.list_fuwu1 li a .con h5{font-size: .24rem;color: #333333;line-height: 1.25;margin: 0 0 .05rem;}
.list_fuwu1 li a .con h6{font-size: .16rem;color: #9d9d9d;line-height: .3rem;font-family: Californian FB;}

.list_fuwu1 .miso-arrow{background: rgba(0,0,0,.4);width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;top: auto;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);cursor: pointer;bottom: 0;transition: .5s;}
.list_fuwu1 .miso-arrow svg{ width: .22rem; height: .22rem; fill:#fff;}
.list_fuwu1 .miso-prev{left: 50%;margin-left: -.68rem;}
.list_fuwu1 .miso-next{right: 50%;margin-right: -.68rem;}

.tishi{ background: url(../images/tishi_bg.jpg) center no-repeat; background-size: cover; display: flex; padding: .3rem .28rem; margin: .6rem 0 0;}
.tishi .ll{ width: .86rem; padding: .24rem 0 ;}
.tishi .rr{ width: calc(100% - .86rem); padding: 0 .1rem 0 0;}
.tishi .rr p{ font-size: .16rem; color: #fff; line-height: .44rem;}

.n_fuwu .fl02{ text-align: center;}

.title005{ text-align:  center; margin-bottom: .6rem;}
.title005 h3{ font-size: .34rem; color: #124283;}
.n_fuwu .fl02 .p1{ font-size: .24rem; color: #3b3b3b; line-height: 1.5; margin-bottom: .5rem;}

.n_keshi{padding: .6rem 0 0;}
.n_keshi .fl01{ padding-bottom: .5rem;}

.title006{ display: flex; align-items:  center; overflow: hidden; align-items: center; margin-bottom: .56rem;}
.title006 .ll{font-size: .3rem;color: #03499b;display: flex;align-items: center; position: relative; }
.title006 .ll:before{ content:""; position: absolute; background:#1c5fab; height:.05rem; left:120%; width: 100vw}
.title006 .ll img{ margin:0 .125rem 0 0}

.list_keshi1{ display: flex; flex-wrap: wrap; margin: 0 -.36rem;}
.list_keshi1 li{ width: 20%; padding: 0 .36rem; margin-bottom: .36rem;}
.list_keshi1 li *{ transition: .5s}
.list_keshi1 li a{display: flex;height: .64rem;align-items: center;border: #1c5fab 1px dashed;border-radius: 0 .32rem .32rem 0;position: relative;z-index: 1;padding: 0 .24rem 0 .44rem;justify-content: space-between;}
.list_keshi1 li a::before{content: "";position: absolute;top: 5px;right: 5px;bottom: 5px;left: 5px;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15);border-radius: 0 .32rem .32rem 0;z-index: -1;}
.list_keshi1 li a font{max-width: calc(100% - .2rem);font-size: .16rem;color: #1e1e1e;line-height: 1.375;}
.list_keshi1 li a svg{width: .16rem;height: .16rem;fill:#c5c5c5;}

.title006s1 .ll{ color: #009bc8;}
.title006s1 .ll:before{ background: #009bc8;}

.title006s2 .ll{ color: #007bc6;}
.title006s2 .ll:before{ background: #007bc6;}

.title006s3 .ll{ color: #3d8677;}
.title006s3 .ll:before{ background: #3d8677;}


.title007s2 .ll{ color: #2a7ee0;}
.title007s2 .ll:before{ background: #2a7ee0;}

.list_keshi2{display: flex;flex-wrap: wrap;margin: 0 -.1rem;}
.list_keshi2 li{width: 20%;padding: 0 .1rem;margin-bottom: .3rem;}
.list_keshi2 li a{display: flex;height: 2.2rem;align-items: center;border: #1c5fab 1px dashed;border-radius: 0 1.2rem 1.2rem 0;position: relative;z-index: 1;padding: 0 .24rem 0 .44rem;justify-content: space-between;}
.list_keshi2 li a::before{content: "";position: absolute;top: .1rem;right: .1rem;bottom: .1rem;left: .1rem;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15);border-radius: 0 1.2rem 1.2rem 0;z-index: -1;}

.list_keshi2 li a .con p{ font-size: .16rem;color: #1e1e1e;line-height: 1.875; margin: .1rem 0;}

.n_about{ padding: 0 0 1.96rem; background: url(../images/n_about_bg00.png) right bottom no-repeat; overflow: hidden;}
.n_about .fl01_box{ position: relative; z-index: 1;}
.n_about .fl01_box .line{width: 1px;height: 100%;background: #e6edf5;z-index: -1;position: absolute;}
.n_about .fl01_box .line.line1{ left: calc(16.67% * 1);}
.n_about .fl01_box .line.line2{ left: calc(16.67% * 2); transition-delay: .2s;}
.n_about .fl01_box .line.line3{ left: calc(16.67% * 3); transition-delay: .4s;}
.n_about .fl01_box .line.line4{ left: calc(16.67% * 4); transition-delay: .6s;}
.n_about .fl01_box .line.line5{ left: calc(16.67% * 5); transition-delay: .8s;}

[data-aos=line_s] .line{height: 0 !important; transition: 2s;}
[data-aos=line_s].aos-animate .line{ height: 100% !important;}

.n_about .fl01{ padding: 1.4rem 0 0;}
.n_about .fl01 .title002s1{ text-align: left;}
.n_about .fl01 .title002s1 h3{ line-height: 1.25;}
.n_about .title002s1 h6{ color: rgba(3, 73, 155, 0.5);}

.n_about .content1{margin-top: -3.1rem;position: relative;z-index: 1;}
.n_about .content1 .w25_box{margin: 0 -7px;align-items: flex-end;}
.n_about .content1 .w25_box .w25{ padding: 0 7px;}
.ab_box1{background: url(../images/n_about_img1.jpg) center no-repeat;height: 4.35rem;display: flex;align-items: center;padding: 0 .48rem;background-size: cover;position: relative;top: 2.75rem;}
.ab_box1 .con{ width:100%}
.ab_box1 h6{font-size: .16rem;color: #fff;line-height: .26rem;margin: .04rem 0 0;}
.ab_box1 h3{font-size: .2rem;color: #fff;}
.ab_box1 h3 big{ font-size: .46rem; color: #fff; font-family: Georgia;}
.ab_box1 .jt{ padding: .3rem 0}
.ab_box1 .con_li:first-child h6{margin: 0;margin-bottom: -.14rem;}

.ab_box2{background: url(../images/n_about_img2.jpg) center no-repeat;height: 4.35rem;display: flex;align-items: center;padding: 0 .48rem;background-size: cover;justify-content: flex-end;text-align: right;top: 0;}
.ab_box2 .con_li:last-child h6{margin-bottom: -.1rem;}

.ab_box3{background: url(../images/n_about_img3.jpg) center no-repeat;height: 5.1rem;display: flex;align-items: center;padding: 0 .48rem;background-size: cover;}
.ab_box3 .con{ width: 100%}
.ab_box3 h6{font-size: .16rem;color: #fff;line-height: .26rem;margin: .04rem 0 0;}
.ab_box3 h3{font-size: .2rem;color: #fff;}
.ab_box3 h3 big{ font-size: .46rem; color: #fff; font-family: Georgia;}
.ab_box3 .con_li{display: flex;align-items: baseline;margin: .3rem 0;width: 100%;flex-wrap: wrap;}
.ab_box3 .con_li:first-child h6{margin: 0;margin-bottom: -.14rem;}

.ab_box3s{background: url(../images/n_about_img3s.jpg) center no-repeat;height: 2.54rem;display: flex;align-items: center;padding: 0 .48rem;background-size: cover;margin: .14rem 0 0;}

.ab_box4{background: url(../images/n_about_img4.jpg) center no-repeat;height: 4.35rem;display: flex;align-items: center;padding: 0 .48rem;background-size: cover;position: relative;top: -.14rem;}
.n_about .content2{padding: 0 0 0 calc(25% + 3.5px);margin: -4% 0 0;}

.n_about .fl02{padding: 1.4rem 0 0;background: url(../images/n_about_fl02_bg.png) left bottom no-repeat;background-size: 52.8125% auto;}
.n_about .fl02 .content{ display: flex; flex-wrap: wrap; position: relative; z-index: 1;}
.n_about .fl02 .content::before{ content: ""; position: absolute; background: url(../images/n_about_fl02_bg1.jpg) center no-repeat; width: 10.26rem; height: 4.36rem; background-size: cover; z-index: -1; left: 0; top: 0;}
.n_about .fl02 .content .left{width: 3.65rem;padding: .9rem 0 0 1.08rem;display: flex;flex-direction: column;justify-content: space-between;}
.n_about .fl02 .content .right{width: calc(100% - 3.65rem);min-height: 5.72rem;margin: .54rem 0 0;margin-bottom: -.76rem;padding: .58rem;position: relative;z-index: 1;}
.n_about .fl02 .content .right::before{content: "";position: absolute;top: 0;width: 1385px;bottom: 0;left: 0;background: url(../images/n_about_fl02_bg2.jpg) center bottom no-repeat;background-size: cover !important;z-index: -1;box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.16);}
.n_about .fl02 .content .right .miso-list{ overflow: visible}

.list_about1 li a{ display: flex; height: .74rem; align-items: center; font-size: .24rem; color:#fff}
.list_about1 li a img{ margin: 0 0 0 .3rem; transform: translateX(-.1rem); opacity: 0; transition: .5s;}

.list_about1 li.on img{ opacity: 1; transform: translateX(0);}

.n_about .fl03{ padding: 2.10rem 0 0;}

.list_about2{ display: flex; flex-wrap: wrap; margin: 0 -.28rem;}
.list_about2 li{width: 25%;padding: 0 .28rem;margin-bottom: .4rem;}
.list_about2 li *{ transition: .5s;}
.list_about2 li a{display: flex;height: .6rem; position: relative;z-index: 1;border-radius: .3rem;align-items: center;padding: 0 .2rem;}
.list_about2 li a:before{content:"";position: absolute;top:0;right: -3px;bottom: -3px;left:0;z-index: -1;background:#1c5fab;border-radius: .3rem; border: #1c60ac 1px dashed;}
.list_about2 li a:after{content:"";position: absolute;top:0;right: 0;bottom: 0;left:0;border: #1c60ac 1px dashed;background:#fff;border-radius: .3rem;z-index: -1;}
.list_about2 li a svg{ width: .2rem; height: .2rem; fill:#1c5fab; margin-right: .15rem}
.list_about2 li a font{ font-size: .17rem; color:#161616; display: inline-block; line-height: 1.375}

.n_about .fl03 .title002s1{ text-align: left;}
.n_about .fl03 .content{ background: url(../images/n_about_fl02_bg3.jpg) center no-repeat; background-size: cover; padding: 1.44rem 0 0;}

.n_about .fl03 .content .w1200{ display: flex; flex-wrap: wrap; align-items: flex-end;}
.n_about .fl03 .content .left{ width: 4.4rem;}
.n_about .fl03 .content .right{ width: calc(100% - 4.4rem); padding: 0 0 0 .16rem;}


.list_about3 li .img .img_hezi{ padding-bottom: 145.45% !important;}

.miso-arrow2{ display: flex; justify-content: flex-end; align-items: center;}
.miso-arrow2 .miso-arrow2{  width: .95rem; height: .95rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .5s;}
.miso-arrow2 .miso-prev2{background: #337fd7;}
.miso-arrow2 .miso-next2{background: #00418c;}
.miso-arrow2 .miso-arrow2 svg{ width: .6rem; height: .6rem; fill: #fff;}

.list_about4{ padding: 0 0 .96rem .38rem;}
.list_about4 li h5{ font-size: .24rem; color: #fff; line-height: 1.5; margin-bottom: .32rem;}
.list_about4 li p{ font-size: .16rem; color: #fff; line-height: 1.875;}

.list_about5{ margin: 0 -.08rem; }
.list_about5 li{ width: 25%; padding: 0 .08rem;}
.list_about5 li .img .img_hezi{ padding-bottom: 145.45% !important;}

.more004{ display: flex; justify-content: flex-end;}
.more004 a{ width: .74rem; height: .74rem; background:#d7d7d7; display: flex; align-items: center; justify-content: center; transition: .5s}
.more004 a svg{ width: .3rem; height: .3rem; fill:#fff; transition: .5s}

.more004s a{ background:#1c5fab}

.n_news_detail{ padding: .3rem; background:#f5f5f5; max-width: 1200px; margin: .5rem auto 0; box-shadow: 0 0 1rem rgba(0,0,0,.15)}
.n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: .32rem;text-align: center;}
.n_news_detail .ar_article_box h3{color: #323232;font-size: .28rem;line-height: 1.5;margin-bottom: .14rem;}
.n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 0.14rem;line-height: 1.5;margin-bottom: 0;vertical-align: top;padding: 0 0 .28rem;border-bottom: #e5e5e5 1px dashed;}
.n_news_detail .ar_article_box h6 span.sp1{margin: 0 .125rem;}
.n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0}
/*====上一篇下一篇====*/
#ar_fot{position:relative;padding: 20px 0 0;box-sizing: border-box;width: 100%;margin-top: 2rem;border-top: #e5e5e5 1px solid;}
#ar_fot h1{display:block;width: 100%;line-height: .4rem;color: #000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1rem;}
#ar_fot h1 span{ font-weight: bold;}
#ar_fot h1 a{color: #323232;font-weight:normal;transition: .5s;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot h1 a:hover{color: #1c5fab;}



.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a {margin: 5px 0px 0px 5px !important;}


.yindaoye{background: url(../images/yindaoye.jpg) center no-repeat;background-size: cover;width: 100vw;height: 100vh; position: relative; z-index: 1; overflow: hidden;}
.yindaoye .content{padding: 0;display: flex;height: 100vh;align-items: center;justify-content: flex-end;}
.yindaoye .content .content_li{/* display: flex; *//* width: 100%; *//* justify-content: center; */width: 1400px;max-width: 94%;margin: 0 auto;}
.yindaoye .fl01{ display:flex; align-items: center}
.yindaoye .fl01 .logo img{ width: 3.1rem}
.list1{ display:flex; align-items:center; margin:0 0 0 .24rem}
.list1 li{ border-left:#b9c9e3 1px solid}
.list1 li a{ display:flex; height:.5rem; align-items:center; padding:0 .3rem; font-size:.3rem; color:#fff}
.list1 li a img{margin: 0 .22rem 0 0;transition: .5s;}

.list_boxydy{display: flex;justify-content: space-between;width: 9.1rem;flex-flow: wrap;    margin: 2.4rem auto 2.3rem;}
.list_boxydy li{ width: 33.33%; padding: 0 .2rem}
.list_boxydy li *{ transition:.5s}
.list_boxydy li a{display: flex;align-items: center;background: rgba(255, 255, 255, .8);width: 100%;height: 2.6rem;border-radius: .2rem;flex-direction: column;/* transform-origin: left; *//* transform: perspective(300px) rotateY(5deg); */transition: .5s;background-size: 100% auto !important;position:relative;z-index:1;overflow: hidden;justify-content: center;}
.list_boxydy li a:before{content:"";position: absolute;top:0;right:0;left:0;bottom: 0;background:url(../images/list_boxydy_bg.png) center no-repeat;background-size:cover;z-index: -1;border: #1d917a 1px solid; opacity:0}
.list_boxydy li a .ico{width: 1rem;height: 1rem;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;border-radius:50%;transition: .3s;}
.list_boxydy li a .ico img{transition: .3s;transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
.list_boxydy li a .ico img.img1{width: 100%;}
.list_boxydy li a .ico img.img2{opacity: 0;transform: scale(0) translate(-50%, -50%);width: 0;}


.list_boxydy li a .con{padding: 0;text-align: center;}
.list_boxydy li a .con h5{font-size: .3rem;color: #333333;padding: .06rem 0 0;}
.list_boxydy li a .con h6{font-size: .16rem;color: #333333;opacity: .54;font-family: Times New Roman;text-transform: capitalize;margin: .1rem 0 0;}
@-webkit-keyframes play{
0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes play{
0% {
-moz-transform:rotate(0deg);
}
100% {
-moz-transform:rotate(360deg);
}
}
@keyframes play{
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}


.copyright p{font-size:.14rem;color:#fff;line-height:1.5;padding: 0 .1rem;}


.sh_center{width:3.5rem;float:left; padding: 0 20px; margin: 0 auto;}
.sh_center a{display:block;}
.sh_center img{width:100%;}


.sh_right{width:3rem;float:left; padding: 0 20px; margin: 0 auto;margin-top: 20px;}
.sh_right a{display:block;}
.sh_right img{width:100%;}
@charset "utf-8";
/*更多+0123456789.*/
@import url('https://font.sec.miui.com/font/css?family=MiSans:100,200,300,400,500,600,700:MiSans');

/* 性能优化开始 */
#loading{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#fff;z-index:100000000;will-change: transform;}
* {box-sizing: border-box;}
html{font-size: 100px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code, form, fieldset, legend, input, textarea,p, blockquote, th, td, hr, button,article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin: 0;padding: 0;border: 0;}
:focus{outline:0}
a {text-decoration: none;color: #333333;will-change: color;}
a:hover{color: #109075;transition: .5s;}
.trans{-webkit-transition: all 0.5s;transition: all 0.5s;}
button {user-select: none;}
img:not([src]),img[src=""] {opacity: 0;}
img{display:inline-block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%;vertical-align: middle;backface-visibility: hidden;}
ul, ol {list-style: none;}
i,em{ font-style: normal;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, button, textarea {font-size: 100%; font: inherit;}
hr{height:0;border: none; border-top: 1px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
body{background:#fff;color: #333;position: relative;overflow-x:hidden;font-size: .16rem;font-family: MiSans, -apple-system, "PingFang SC", "Microsoft YaHei", Arial, sans-serif, "Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
select::-ms-expand { display: none; }
input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
textarea::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
select::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
::-webkit-input-placeholder{color:#999;font-size:inherit}
input:-ms-input-placeholder{color:#999;font-size:inherit}
::-webkit-scrollbar{width:0;height:4px}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#109075;}

/* 布局工具类 */
.w100{ width: 100%;}
.navShow{ overflow: hidden}
.l1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.zi2{position: relative;z-index: 2}
.zi5{position: relative;z-index: 5}

/* 表单控件 */
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;height:16px;cursor:pointer;padding-left:24px;line-height:18px}
.check+label:after{position:absolute;width:8px;height:8px;border-radius:3px;top:5px;left:5px;content:""}
.check+label:before{position:absolute;top:0;left:0;z-index:0;width:16px;height:16px;border-radius:3px;content:"";background:#fff;border:1px solid #888}
.check:checked+label:after{background:#109075}
.check:checked+label:before{border-color:#109075}
.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;line-height:16px;cursor:pointer;padding-left:24px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:""}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #109075}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#109075;top:4px;left:5px}

/* 图片容器 */
.imgBox{position:relative;overflow:hidden;isolation:isolate;contain: layout style paint;}
.imgBox .img, .imgBox .imgLi{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.imgBox .img, .imgBox .imgLi{padding-bottom: 59%;transition:transform .5s;background-size:cover;display:block;background-repeat:no-repeat;background-position:center;display:block;background: #fff url(../2025images/loader.svg) center;background-size: .24rem auto !important;will-change: transform;}
.imgBox img, .imgBox video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition: .5s;will-change: transform;}
.ieFiximg img{opacity: 0\0;transition: transform .5s}
.ieFiximg .imgbg{width: 100%;height: 100%;overflow: hidden;transition: transform .3s ease}
.none{display: none;}
.overhide{overflow: hidden}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.fl{float:left}
.fr{float:right}
.poab{position:absolute}
.pore{position:relative}
.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.text-ver{writing-mode: tr-lr;writing-mode: vertical-lr;}
.bgBox{background-repeat: no-repeat;background-position: center;background-size: cover;}
.abUrl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}

/* Flex布局 */
.flex{display:flex;flex-wrap:wrap;}
.flexjs{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{display:flex;flex-wrap:wrap;align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}

/* 滚动条 */
.scbox{overflow-y:auto }
.scbox::-webkit-scrollbar{width:4px;display:block;}
.scbox::-webkit-scrollbar-track{border-radius:5px;;background: #ddd}
.scbox::-webkit-scrollbar-thumb{border-radius:5px;background:#109075;}

/* 下划线动画 */
.aline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_w:hover .aline_w{background-size:100% 1px;color: #fff}
.aline_w:hover{background-size:100% 1px}

.aline_r{position:relative;background-image: linear-gradient(#109075,#109075);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s;transition: all .5s;}
.alin_r:hover .aline_r{background-size:100% 1px;color: #109075;}
.aline_r:hover{background-size:100% 1px}
.compensate-for-scrollbar{margin-right: 0!important}

/* 动画关键帧 */
@keyframes sca{
0%{transform: scale(1);}50%{transform:  scale(1.1)}100%{transform:  scale(1)}
}
@keyframes go{
0%{transform: translateX(0);}50%{transform: translateX(10px);}100%{transform: translateX(0);}
}
@keyframes up{
0%{transform: translateY(0);}50%{transform: translateY(-8px);}100%{transform: translateY(0);}
}
@keyframes roted{
0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}
}

/* 返回顶部按钮 */
#gotop{position:fixed;bottom: .7rem;right: .2rem;box-sizing:border-box;text-align:center;cursor:pointer;transition:all .5s;width: .7rem;height: .7rem;line-height: .7rem;opacity:1;visibility:visible;overflow:hidden;border-radius: .1rem;font-size: .18rem;color: #fff;z-index: 100;background: #109075;will-change: transform, opacity;}
#gotop.hide{height:0;opacity:0;visibility:hidden}
#gotop svg{width: .22rem;height: .22rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0;transition: transform .5s;}

.wp {max-width: 16rem;margin: 0 auto;width: 94%}
.transImg{display: block;overflow: hidden;contain: layout style paint;}
.transImg img{ width: 100%; transition: transform .5s;will-change: transform;}

/* 桌面端悬停效果 */
@media screen and (min-width: 769px){
    .ieFiximg.trans:hover img{transform: scale(1.08)}
    .imgBox.trans:hover img{ transform: scale(1.08)}
    .a:hover .imgBox.trans img{ transform: scale(1.08)}
    .a:hover .ieFiximg.trans img{ transform: scale(1.08)}
    .transImg:hover img{transform: scale(1.08)}
    .a:hover .transImg img{ transform: scale(1.08)}
}

/* 响应式设计 */
@media (max-width: 1440px) {

}

@media (max-width:769px){
    .wp{padding:0 15px;width:100%;max-width:100%}
}

@media screen and (max-width:769px){
    .header .wp{}
    .wp{padding: 0 .7rem;}
}

@media screen and (max-width:769px){
    html{font-size: 85px!important;}
    .wp{padding: 0 15px;}
}

@media screen and (max-width:375px){
    html{font-size: 85px!important;}
}

@media screen and (max-width:360px){
    html{font-size: 70px!important}
}

@media screen and (max-width:350px){
    html{font-size: 65px!important}
}

@media(max-width: 769px){
    #gotop{transform: scale(0.8);bottom: -.06rem;z-index: 10000;background: none;right: .1rem;opacity: 1 !important;visibility: visible !important;height: .7rem !important;}
}

/* 文章内容样式 */
.arc-con{text-align: justify;}
.arc-con p{font-size: .18rem;color: #333;line-height: 1.75;}
.arc-con img{max-width: 100%;margin: .1rem auto;height: auto !important; object-fit: cover; max-height: inherit;display: block;}
.arc-con img.spimg{max-width:inherit;}
.arc-con p{margin-bottom: .24rem;text-indent: 2em;}
.arc-con p span{ font-size: 0.18rem;}
.arc-con p.imgh{ text-indent: 0 !important;}
.arc-con p:last-child{ margin-bottom: 0}
.arc-con p video{ max-width: 100% !important; margin: .1rem auto !important;}
.arc-con table{margin: 0!important;width: 100%;background: #fbfbfb;border: 1px solid #fff !important;}
.arc-con table tr *{ font-size: .16rem}
.arc-con table tr th,.arc-con table tr td{padding: 12px 15px !important;text-align: center;width: auto !important;border: 1px solid #e9e9e9 !important;text-indent: 0 !important;}
.arc-con table tr th{color: #fff !important;background: #109075  !important;font-weight: normal;padding: 8px 15px !important;}
.arc-con table tr th p,.arc-con table tr td p{text-indent: 0 !important;}
.arc-con table tr td p:last-child{ margin-bottom: 0}
.arc-con p{word-break: break-all;}
.arc-con i,.arc-con em{font-style: italic;}
.scroll{ padding: .1rem 0}

@media(max-width: 769px){
    .scroll{ overflow: hidden; overflow-x: scroll;}
    .arc-con table{min-width: 769px;}
    .arc-con table tr th,.arc-con table tr td{padding: 10px 10px !important;}
}

/* 文本样式 */
.h4s1, .h4s2, .h4s3 {font-size: .2rem;color: #333;line-height: .3rem;width: 100%;transition: all .5s;}
.ps1, .ps2, .ps3 {font-size: .16rem;color: #7a7a7a;line-height: .26rem;width: 100%;transition: all .5s;}
.h6s1 {font-size: .18rem;color: #999999;line-height: 1.25;width: 100%;transition: all .5s;}
h4, h5, h6{ font-weight: normal}
.bd_li{ transition: all .5s;}

/* 头部导航 */
.header{position: relative;top: 0;left: 0;right: 0;z-index: 999;padding: 0;transition: all .5s;width: 100%;max-width: 100vw;will-change: transform;background: #3f8879;}
.header .wp.flexjs{transition: all .3s ease;align-items: center;height: 1.2rem;}
.header .logo{position: relative;width: 3.58rem;max-width: 23%;}
.header .logo img{transition: all .3s ease}
.header .logo img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden}
.header .h_bot{ background: #fff}

/* 导航按钮 */
.header .navbtn{width: 100%;transition: all .3s ease;z-index: 5;text-align: center;position: relative;cursor: pointer;height: 100%;}
.menu-btn{overflow:hidden;width: 100%;height: 100%;cursor: pointer;font-size: .18rem;color: #fff;display: flex;justify-content: center;align-items: center;background: none;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:0;display:block;width:.36rem;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color;margin-top: -1px}
.menu-btn .line-1{margin-top:-.1rem;width: 100%;}
.menu-btn .line-3{margin-top:.08rem;width: 100%;}
.menu-btn .btn0{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 0 .2rem;line-height: 1;}
.menu-btn .btn0:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-top: transparent .05rem solid;border-bottom: transparent .05rem solid;border-right: #fff .08rem solid;}
.menu-btn .btn0:after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-top: transparent .05rem solid;border-bottom: transparent .05rem solid;border-left: #fff .08rem solid;}
.menu-btn .btn2{ opacity: 0}
.navBtnm{ display: none;}
.navBtnm .topser{ margin: 0 .2rem 0 0;}

body.navShow .menu-btn .btn1{ opacity: 0}
body.navShow .menu-btn .btn2{ opacity: 1}
body.navShow .menu-btn .line-1{visibility:hidden}
body.navShow .menu-btn .line-2{margin-top:-1px!important;width:90%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.navShow .menu-btn .line-3{margin-top:-1px!important;width:90%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/* 搜索层 */
.ser-layer{background:rgba(0,0,0,0.6);position: fixed;left:0;top:0;right:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(5px)}
.ser-layer.showdiv{opacity:1;visibility:visible;}
.ser-layer .serclose{font-size:.3rem;position:absolute;right:.3rem;top:.25rem;text-align: center;line-height:.3rem;cursor:pointer;color: #fff;font-family: 'lib';}
.ser-layer .serform{width: 90%;margin: 0 auto;margin: 0\0;transform: translateY(1.5rem);transition: all .2s ease .1s}
.ser-layer.showdiv .serform{transform: translateY(0);transition: all .5s .3s}
.ser-layer .serform .input-group{max-width:5.5rem;margin:0 auto }
.ser-layer .serform .input-group .sub{position:absolute;right:0;top:0;width: .74rem;height:.5rem;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0;}
.ser-layer .serform .input-group .sub:after{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;right:0;background: url(../2025images/ser.png) no-repeat 0.35rem center;background-size: .23rem .22rem;}
.ser-layer .serform .input-group .inp{height:.5rem;border:0;border-right:0;padding-right:.9rem;width:100%;padding-left:.2rem;background: #fff;border-radius: .05rem;}

@media (max-width: 769px){
    .ser-layer .serclose{right: 4%;top: .2rem}
    .h6s1{ font-size: .14rem}
}

/* 主导航 */
.header .topr{/* flex-direction: column; */align-items: center;padding: 0;}
.header .topnav{width: 100%;margin: 0;transition: all .5s;}
.header .topnav ul{align-items: center;width: 100%;justify-content: space-between;}
.header .topnav ul li{font-size: .22rem;position: relative;transition: all .3s ease;display: flex;align-items: center;}
.header .topnav ul li:before{content: "";position: absolute;top: .52rem;height: 3px;width: 0;background: #109075}
.header .topnav ul li>a{color: #222;transition: all .5s;font-family: "Roboto Bold";position: relative;z-index: 1;line-height: .66rem;}
.header .topnav ul li>a:before{content: "";position: absolute;top: -.07rem;right: -.2rem;bottom: -.07rem;left: -.2rem;background: #fff;z-index: -1;border-radius: 50vw;opacity: 0;transition: .5s;}
.header .topnav ul li i.plus{/* position: absolute; */right: 0;top: .15rem;color: #fff;display: block;text-align: center;line-height: .3rem;transition: all .3s ease;font-family: 'lib';font-style: normal;font-size: .14rem;margin: 0 0 0 .06rem;display: none;}
.header .topnav ul li i.plus.show{transform: rotate(180deg);}

.header .topnav ul li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top: 0;min-width: 2rem;transform:scaleY(0) translateX(-50%);opacity: 0;visibility: hidden;transition: all .3s ease;transform-origin: top center;}
.header .topnav ul li .sub-nav .sub-nav-h{position: relative;padding: .2rem;box-shadow: 0 .1rem 10px rgba(0,0,0,.1);background: #fff;border-radius: 0;}
.header .topnav ul li .sub-nav .sub-nav-h a{display:flex;font-size: .18rem;padding: .03rem 0 0;white-space: nowrap;line-height: .3rem;transition: all .5s;justify-content: space-between;align-items: center;}
.header .topnav ul li .sub-nav .sub-nav-h a:hover{color: #109075;}
.header .topnav ul li .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;background: #fff; bottom: calc(100% + 4px);border-radius: 50%;display: none;}
.header .topnav ul li .sub-nav .sub-nav-h a i{font-size: .1rem;color: #666;font-family: 'lib';border: #c3c3c3 1px solid;width: .16rem;height: .16rem;display: flex;border-radius: 50vw;justify-content: center;align-items: center;transition: all .5s;margin: 0 0 0 .1rem;}
.header .topnav ul li .sub-nav .sub-nav-h a:hover i{ border: #109075 1px solid; background: #109075; color: #fff}

.header .topnav ul li.on:before{width: 0;}

/* 顶部链接 */
.toplink{align-items: center;position: relative;z-index: 2;}

.toplink ul{ align-items: center}
.toplink ul li{ position: relative;display: flex;align-items: center;}
.toplink ul.ul1 li .a{font-size: .14rem;color: #3f8879;line-height: 1.5;display: flex;align-items: center;transition: all .5s;background: #fff;height: 34px;padding: 0 .18rem;border-radius: 50vw}
.toplink ul.ul2 li .a{font-size: .26rem;color: #fff !important;line-height: 1.5;display: flex;align-items: center;transition: all .5s; font-family: 'lib'}
.toplink ul.ul1 li .a:hover{ background: #d7e482}

.header.on{/* opacity: 0; *//* visibility: hidden; */}
.header.on.on1{/* opacity: 1; *//* visibility: visible; */}
.header.on.on1:before{opacity: 1;visibility: visible;height: 130%;}

/* 汉堡菜单按钮 */
#openBtn {cursor: pointer;display: flex;text-align: center;width: 1.01rem;height: .95rem;background: #109075;justify-content: center;align-items: center;padding: 0;margin: 0 0 0 .45rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-radius: 50vw 0 0 50vw;}
#openBtn img{ width: 100%}
#openBtn .lcbody {width: .56rem;height: .39rem;position: relative;display: flex;align-items: center;justify-content: center;margin: 0 auto;background: url(../2025images/lcbody.svg) center no-repeat;background-size: cover;}
#openBtn .lcbody .lcitem {width: 100%;height: 3px;position: absolute;transition: transform 0.36s ease;left: 0;border-radius: 50vw;background: #fff;}
#openBtn .lcbody .lcitem:nth-child(1), #openBtn .lcbody .lcitem:nth-child(3) {width: 100% }
#openBtn .lcbody .lcitem:nth-child(3){/* width: 75%; */}
#openBtn .lcbody .lcitem div {position: absolute;width: 100%;height: 100%;top: 0;left: auto;right: 0;background: #fff;border-radius: 50vw;transition: all .5s;}#openBtn .lcbody .top {top: 0 }
#openBtn .lcbody .center {display: block;top: 50%;margin-top: -1.5px;width: 62%;}
#openBtn .lcbody .bottom {bottom: 0;}
#openBtn .lcbody:hover .lcitem.top .rect {animation: move 0.4s ease-in-out 1 }
#openBtn .lcbody:hover .lcitem.center .rect {animation: move 0.4s ease-in-out 0.1s 1 }
#openBtn .lcbody:hover .lcitem.bottom .rect {animation: move 0.4s ease-in-out 0.2s 1 }
.active#openBtn .lcitem.top {transform: rotateZ(45deg);top: 49% }
.active#openBtn .lcitem.center {opacity: 0 }
.active#openBtn .lcitem.bottom {transform: rotateZ(-45deg);top: 49% }
@keyframes move {0% {right: 0 }40% {right: 0;width: 0 }60% {right: auto;width: 0% }100% {right: auto;width: 100% }}

/* 移动端菜单 */
.site-menu{position: fixed;z-index: 100000000000000;left: 0;top: 0;display: flex;flex-direction: column;width: 100%;clip-path: inset(0 0 100% 0);transition: clip-path .6s cubic-bezier(0.77, 0, 0.175, 1);visibility: hidden;opacity: 0;visibility: hidden;clip-path: none;transition: opacity 0s .92s, visibility 0s .92s;box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .03);}
.site-menu-close {font-size: .5rem;text-align: center;cursor:pointer;color: #fff;font-family: 'lib';z-index: 10;transition: all .5s;}
.site-menu-main{flex:1;display:flex;flex-direction:column;width:100%;align-items: center;height: 100vh;padding: .3rem 0 .75rem;background: #109075;background-size: cover;backdrop-filter: blur(.1rem);}
.site-menu-main{flex:auto;clip-path:inset(0 0 100% 0);transition: clip-path 1s .2s cubic-bezier(0.77, 0, 0.175, 1);}
.site-menu-main .ul{flex: 1;overflow: hidden;}

.site-menu .top{position: relative;top: 0;right: 0;left: 0;z-index: 1;width: 100%;/* border-bottom: #e5e5e5 1px solid; */padding-bottom: .26rem;margin-bottom: .38rem;}
.site-menu .top .wp{ align-items: center;max-width: 100%;max-width: 17.80rem;}
.site-menu .topser a, .site-menu .lan a{color: #109075 }
.site-menu .toplink ul li .a{color: #333;}
.site-menu .toplink ul li .a i{color: #109075;}
.site-menu .toplink ul li svg{ fill: #109075;}

.site-menu .bottom{ width: 100%}
.site-menu .bottom .imgBox{width: 3.12rem;margin: 0 0 0 .5rem;}
.site-menu .bottom .imgBox .img{ padding-bottom: 133.01%}
.site-menu .bottom .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; background-size: 100% auto;}

.site-menu.site-menu-is-open{opacity: 1;visibility: visible;clip-path: none;transition: opacity 0s, visibility 0s;}
.site-menu.site-menu-is-open .site-menu-main{transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);clip-path: inset(0 0 0 0);}

.site-menu-main .ul li{transform: translateY(.2rem);opacity: 0;transition: all 1s ease;padding: 1vw 1vw;flex: auto;text-align: center;}
.site-menu-main .ul li>a{font-size: .2rem;color: #fff;margin-bottom: .25rem;display: flex;font-weight: bold;justify-content: center;align-items: center;}
.site-menu-main .ul li h6{padding-bottom: .03rem;position: relative;font-size: .12rem;color: #a9a9a9;border-bottom: #d6d6d6 1px solid;margin-bottom: .3rem;}
.site-menu-main .ul li i{font-size: .14rem;color: #fff;font-family: 'lib';opacity: 0;transition: all .5s;display: none;}
.site-menu-main .ul li .sub-nav a{font-size: .16rem;color: rgba(255,255,255,.8);line-height: 2;margin: .05rem 0;display: block;transition: all .5s;}
.site-menu-main .ul li .sub-nav a:hover{color: #fff;}

.site-menu-main .ul li:hover i{ opacity: 1}
.site-menu-main .ul li:nth-child(1){ transition-delay: .2s}
.site-menu-main .ul li:nth-child(2){ transition-delay: .3s}
.site-menu-main .ul li:nth-child(3){ transition-delay: .4s}
.site-menu-main .ul li:nth-child(4){ transition-delay: .5s}
.site-menu-main .ul li:nth-child(5){ transition-delay: .6s}
.site-menu-main .ul li:nth-child(6){ transition-delay: .7s}
.site-menu-main .ul li:nth-child(7){ transition-delay: .8s}
.site-menu-main .ul li:nth-child(8){ transition-delay: .9s}
.site-menu-main .ul li:nth-child(9){ transition-delay: 1s}
.site-menu-main .ul li:nth-child(10){ transition-delay: 1.1s}
.site-menu-main .ul li:nth-child(11){ transition-delay: 1.2s}
.site-menu-main .ul li:nth-child(12){ transition-delay: 1.3s}
.site-menu-main .ul li:nth-child(13){ transition-delay: 1.4s}

.site-menu-is-open .site-menu-main .ul li{ opacity: 1;transform: translateY(0);}

/* 链接列表 */
.list_link{width: 100%;position: relative; margin-bottom: .22rem}
.list_link:last-child{ margin-bottom: 0}
.list_link dt{display: flex;height: .38rem;justify-content: space-between;align-items: center;cursor: pointer;border: 1px solid #c1ccdc;padding: 0 .2rem;background: #f6f7fd;}
.list_link dt span{font-size: .14rem;color: #1d252d;line-height: 1.5}
.list_link dt img{ width: .14rem}
.list_link .con {position: absolute;bottom: calc(100% - 1px);left: 0;right: 0;z-index: 1;border-bottom: none;padding: .1rem .2rem;display: none;transform-origin: bottom;border: 1px solid rgba(255, 255, 255, 0.3);height: 1.4rem;overflow: hidden;overflow-y: scroll;background: #f6f7fd;border: 1px solid #c1ccdc;}
.list_link .con dd a {font-size: .14rem;color: #333;line-height: 1.375;text-align: left;padding: .055rem 0;opacity: .6;transition: all .5s;display: block;}
.list_link .con dd a:hover {opacity: 1 }
.list_link .con::-webkit-scrollbar {width: 0;height: 8px;background-color: #101010;}
.list_link .con::-webkit-scrollbar-track {border-radius: 10px;background-color: #101010;}
.list_link .con::-webkit-scrollbar-thumb {border-radius: 10px;background-color: rgba(255,255,255,.6);}
.list_link.on dt img {transform: rotateX(180deg)}

/* 桌面端悬停效果 */
@media(min-width: 769px){
    .a:hover h4{ color: #109075;}
    .header .topnav ul li:hover .sub-nav{opacity: 1;visibility: inherit;transform:scaleY(1) translateX(-50%)}
    .toplink ul.ul2 li .a:hover{ transform: rotateY(180deg)}
}

/* 移动端样式 */
@media(max-width: 769px){
    body{padding: 0 0 .55rem;}
    .header1{ opacity: 1 !important; visibility: visible !important;}
    .header2{ opacity: 0 !important; visibility: hidden !important;}
    .header.on:before{opacity: 1;visibility: visible;}
    .header:before{height: 130%;}
    .header .bg_logo{ display: none;}
    .header .topr{position: fixed;top: .8rem;z-index: 50;display: flex;width: 100%;padding: 0 15px;overflow: auto;text-align: left;margin-top: 0;left: 0;opacity: 0;visibility: hidden;flex-direction: column;justify-content: flex-start;flex-wrap: nowrap;}
    .header .topnav .wp{width: 100%}
    .header .topnav ul{display: block;margin-right: 0;background: transparent;width: 100%;order: 1;}
    .header .topnav ul li{margin-left: 0;padding: 0 0;font-size: .18rem;/* text-align: center; */border-bottom: 1px solid rgba(255, 255, 255, .1);display: block;}
    .header .topnav ul li:after{bottom: 0;height: 2px}
    .header .topnav ul li>a{ color: #fff}

    .toplink{width: 100%;margin: 0;order: 1;justify-content: center;}
    .header .topnav .topser{ display: none}

    .header .topnav ul li+li:before{display: none}
    .header .topnav .btn{display: inline-block;}

    .header .navbtn{display: block;}
    .header .wp.flexjs{align-items: center;padding: 0 15px;height: .7rem;justify-content: center;}
    .navShow .header .topr{transition: all .5s;opacity: 1;visibility: visible;}
    .navShow .header{height: 100vh;opacity: 1;visibility: visible;position: fixed;}
    .header .topnav ul li i.plus{display: block;font-size: .18rem;color: #fff;top: .18rem;position: absolute;}
    .header .topnav ul li i.plus:before{ content: "\e62e";}
    .header .topnav ul li i.plus.show:before{ content: "\e62f";}
    .header .topnav ul li .sub-nav{position: static;transform: translateX(0);padding: 0 0 .1rem;opacity: 1;visibility: visible;transition: none;display: none;min-width: inherit;width: 100%;}
    .header .topnav ul li .sub-nav .sub-nav-h:before,.header .topnav ul li .sub-nav .sub-nav-h:after{display: none}
    .header .topnav ul li .sub-nav .sub-nav-h{text-align: left;background: transparent;box-shadow: none;padding-bottom: 0;padding: 0;}
    .header .topnav ul li .sub-nav .sub-nav-h a{background: transparent;font-size: .16rem;/* text-align: center; */color: rgba(255,255,255,.8);padding: .05rem .1rem;border: 0;/* justify-content: center; */}
    .header .topnav ul li .sub-nav .sub-nav-h a i{ display: none}
    .header .topnav ul li .sub-nav .sub-nav-h a:hover{background: transparent;color: #fff}
    .header .topnav ul li .sub-nav .sub-nav-h a:after{display: none}
    .header .topnav ul li .sub-nav .sub-nav-h a:before{top: 50%;margin-top: -5px}
    .navShow .toplink ul li{margin: 0 .1rem 0 0;text-align: center;line-height: 2}
    .navShow .toplink ul li:last-child{ margin-right: 0}
    .navBtnm{display: flex;position: fixed;bottom: 0;right: 0;left: 0;background: #109075;z-index: 1000;height: .56rem;justify-content: center;align-items: center;}
    .navBtnm a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
    .site-menu-main .ul li>a{margin-bottom: .1rem;font-size: .20rem;}
    .site-menu-main .ul li .sub-nav .sub-nav-h{ display: flex; flex-wrap: wrap}
    .site-menu-main .ul li .sub-nav a{min-width: 33.33%;margin: 0;}
    .navBtnm .topser{display: block;margin: 0;}

    .header .logo{max-width: 44%;width: 2rem;transition: all .5s;}
     #openBtn{width: .8rem;height: .65rem;padding: 0 0 0 0.15rem;display: none;}

    #app{ padding: .7rem 0 0}
    .header{padding: 0;height: .7rem;position: absolute;}

    .site-menu-main .ul li{width: 100%;padding: 0;margin-bottom: .3rem;}
    .site-menu-main .ul{overflow: hidden;overflow-y: scroll;flex: 1;margin: .4rem 0;}

    .site-menu-close{top: 15px;right: 15px;}
    .site-menu-main .toplink{display: flex;margin: .8rem 0 0;justify-content: center;}
    .toplink ul{justify-content: center;margin: 0;width: auto;}
    .toplink ul li{margin: 0;text-align: center;line-height: 2;}
    .toplink ul li:before{ display: none}
    .toplink .topser{display: none;margin: 0 0 0 .1rem;}

    .header.on .topnav ul li i.plus{color: #fff;}
    .header .h_bot{opacity: 0;visibility: hidden;background: transparent;overflow: hidden;overflow-y: scroll;position: fixed;top: 1.25rem;right: 0;bottom: .7rem;left: 0;}
    .header .topnav{margin: 0;width: 100%;}

    .navShow .header:before{opacity: 1;visibility: visible;background: #109075;}
    .lan{ margin: 0 auto}
    .header .topnav ul li.on:before{ width: 0;}
     .navShow .header .h_bot{ opacity: 1; visibility: visible}
} 

/* 桌面端悬停效果 */
@media(min-width: 769px){
    #gotop:hover{ background: #109075;}
}

@media(max-width: 769px){
    .list_link{ margin-bottom: .1rem}
}

/* 搜索表单 */
.miso_form1{width: 1.98rem;margin: 0 .24rem 0 .2rem;/* display: none; */}
.miso_form1 .input-group .sub{position:absolute;right:0;top:0;width: .3rem;height: 100%;overflow:hidden;background:0 0;cursor: pointer;}
.miso_form1 .input-group .sub:after{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;right:0;background: url(../2025images/ser.png) no-repeat left center;background-size: .16rem .16rem;}
.miso_form1 .input-group .inp{height: 34px;border:0;border-right:0;padding-right: .5rem;width:100%;padding-left: .18rem;background: #fff;border-radius: 50vw;font-size: .14rem;}

@media(max-width: 769px){
    .miso_form1{flex: 1;/* order: 1; */width: 100%;margin: 0 .1rem;}
    .miso_form1 .input-group .inp{ height: 34px}
    .toplink ul.ul2{}
}

/* 移动端文本样式优化 */
@media(max-width: 769px){
    .h4s1, .h4s2, .h4s3 {font-size: .18rem !important;line-height: .28rem !important; height: auto !important;}
    .ps1, .ps2, .ps3 {font-size: .16rem !important;line-height: .26rem !important;}
    .arc-con p{font-size: 14px;}
}

/* 图片懒加载 */
img.lazyload {opacity: 0;}
img.lazyloaded {opacity: 1;}

/* 性能优化补充 */


/* 打印样式 */
@media print {
    .header, .navBtnm, #gotop, .site-menu {
        display: none !important;
    }
}

footer{ background: linear-gradient( 90deg, rgb(75,141,127) 0%, rgb(79,170,151) 100%);}
footer .fl1{ padding: .66rem 0 .4rem; align-items: center;}

.st1{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: .2rem;}
.st1 li{ min-width: 0}
.st1 .a{font-size: .16rem;color: #fff;display: flex;align-items: center;font-weight: 300; transition: .5s;}
.st1 img{width: .24rem;margin: 0 .06rem 0 0;}

.st2{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .2rem;}
.st2 li{ min-width: 0; text-align: center}
.st2 .ico{ width: 1rem}
.st2 .ico img{ width: 100%}
.st2 li .img{width: 1rem;margin: 0 auto;}
.st2 h6{ font-size: .16rem; color: #fff; font-weight: 300; line-height: 1.35; margin: .15rem 0 0}

footer .fl2{ border-top: rgba(255,255,255,.2) solid 1px; padding: .15rem 0; text-align: center;}
footer .fl2 p{ font-size: .16rem; color: rgba(255,255,255,.3); font-weight: 300; line-height: 1.35;}
footer .fl2 p a{color: rgba(255,255,255,.3);}
footer .fl1 .left{max-width: 44%;width: 3.58rem;transition: all .5s;}


.xiaoyong{position: fixed;right: -3vw;top: 50%;transform: translateY(-50%);z-index: 1000;width: 10vw;}
.xiaoyong img{pointer-events: none;height: 10.79vw;width: auto;max-width: initial;float: right;}
.xiaoyong a{position: absolute;top: 0;right: 0;bottom: 0;width: 10vw;display: block;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999999999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; }
.tc1 .tc-box{position:absolute;background: #d9d9d9;border-radius: .5rem;overflow: hidden;top:50%;z-index:9999;width: 2.88rem;left:50%;margin-left: -1.44rem;margin-top: -1.44rem;padding: .16rem;-webkit-border-radius: .08rem;-moz-border-radius: .5rem;-ms-border-radius: .5rem;-o-border-radius: .5rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{padding-top: .16rem;font-size: .14rem;color: #6c6c6c;text-align:center;}

.lt1 li:nth-child(1) a{ border-radius: .2rem 0 0 .2rem}
.lt1 li:last-child a{ border-radius: 0 .2rem .2rem 0}
/*移动端样式*/
@media(min-width: 769px){
    .st1 .a:hover{ font-weight: 500;}
}
@media(max-width: 769px){
    footer .fl1{ padding: .25rem 0;}
    footer .fl1 .left{max-width: 60%;/* margin: 0 auto; */}
    footer .fl1 .center{width: 100%;padding: .2rem 0;}
    footer .fl1 .right{ width: 100%;}
    .st1{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .12rem;}
    .st1 img{width: .16rem}
    .st1 .a{font-size: .14rem}
    .st2{width: 100%;display: flex;justify-content: space-between;}
    .st2 h6{ font-size: .13rem}
    footer .fl2 p{font-size: .14rem}
    .xiaoyong{width: 14vw;}
    .xiaoyong img{ height: 20vw}
    .lt1 li:nth-child(1) a{ border-radius: .2rem 0 0 0}
    .lt1 li:nth-child(3) a{ border-radius: 0 .2rem 0 0}
    .lt1 li:nth-child(4) a{ border-radius: 0 0 0 .2rem}
    .lt1 li:last-child a{ border-radius: 0 0 .2rem 0}
}