@charset "utf-8";

@font-face{ font-family: DINPro-Medium; src:url(../fonts/DINPro-Medium.otf);}
@font-face{ font-family: DIN-Bold; src:url(../fonts/DIN-Bold.otf);}
@font-face{ font-family: Menk; src:url(../fonts/Menk.ttf);}
@font-face{ font-family: Haettenschweiler; src:url(../fonts/HATTEN.TTF);}
@media screen and (min-width:2000px){
html{font-size: 130px!important;}
}

@media screen and (min-width:1920px){
html{font-size: 120px!important;}
}

@media screen and (max-width:640px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:480px){
    html{font-size: 85px!important;}
}
@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:768px){
    #gotop{ right:0; transform:scale(0.7)}
}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.wp{width: 16.8rem;padding: 0;margin: 0 auto;max-width: 94%;}

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

.header_box{position: relative;z-index: 10000;height: 0;}
.header_box::before{content: "";position: absolute;top: 0;right: 0;left: 0;height: 3.52rem;background: url(../images/hei60.png) center top no-repeat;background-size: 100% 100%;z-index: -1;pointer-events: none;}
#header{position: absolute;z-index:999;width:100%;transition: 0.36s;background-size:cover;}
.header_box_li #header:before{content:"";position:absolute;height: 1px;left: 0;right: 0;bottom: 0;transition: 0.2s;opacity: 1;visibility: visible;background-size: 100% 100%;pointer-events: none;background: #fff;opacity: .2;}
.header_box_li #header .wp:after{content:"";position:absolute;left: 50px;bottom: 0;background: #d2d2d2;height: 1px;opacity: .57;transition: 1s;width: 0;transition-delay: 1s;}
.header_box_li #header.xg .wp:after{ opacity:0}

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

#header.xg{background: #2ab6b1;box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);}
.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_box.color1 #header.xg{background: none;box-shadow: none;}

#header .right{display: flex;align-items: center;height: 100%;width: 68%;justify-content: space-between;}

.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: #2ab6b1;
}


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

.list_box0{display: flex;align-items: center;}
.list_box0 .li{font-size: .18rem;color: #fff;display: inline-block;transition:.6s;margin-left: .5rem;position: relative;}
.list_box0 .li:first-child{margin-left: 0;}
.list_box0 .li:last-child{}
.list_box0 .li>a{display: flex;white-space: nowrap;align-items: center;font-weight: bold;}
.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: #2ab6b1;}
.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: #2ab6b1;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: #2ab6b1;}

.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:#2ab6b1;}

#m_header .list_box0{padding-right: .5rem;}
#m_header .list_box0 .li{line-height: 50px;font-size: 14px;}
#m_header .list_box0 .li a svg{width: .26rem;height: .26rem;}
#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 .wp{height: 1.26rem;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;cursor: pointer;width:500px;}
#logo img:hover{ transform: scale(1.1)}
#logo img.img2{ display:none}
#nav{margin-right: .54rem;height: 100%;width: 100%;}
#nav ul{display: flex;justify-content: space-between;height: 100%;}
#nav ul li{z-index:0;height: 1.75rem;position: relative;transition: .5s;}
#nav ul li>a{display: flex;padding: 0;position: relative;z-index: 2;height: 1.26rem;align-items: center;transition: .5s;cursor: pointer;}
#nav ul li h3{font-size: .18rem;color:#fff;height: 100%;position:relative;transition: .36s;display: flex;font-weight: bold;align-items: center;}
#nav ul li h3:after{content:"";position:absolute;left: 50%;top: calc(100% + -1px);transition:.6s;background: #ffd027;opacity:0;visibility:hidden;width: 0;height: 1px;}
#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: 6.46rem;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;/* overflow: hidden; */}
#nav ul li .sub:before{content: '';height: 0;width: 1px;position: absolute;left: 50%;top: -.5rem;background: #ffd027;position: absolute;transition: .5s;}
#nav ul li.on .sub:before, #nav ul li:hover .sub:before{ height:.5rem}
#nav ul li .sub:after{content: '';height: 2px;width: 100%;position: absolute;left: 0;top: 0;background: #ffd027;}
#nav ul li .sub .box{padding: .32rem;text-align:left;display: flex;background: url(../images/a_box.png) right bottom no-repeat;}
#nav ul li .sub .box .ll{ width: 1.34rem}
#nav ul li .sub .box .ll .img .img_hezi{padding-bottom: 131% !important;}
#nav ul li .sub .box .cc{ width: 1.64rem}
#nav ul li .sub .box .cc p{font-size: .14rem;color:#2ab6b1;line-height: .3rem;padding: .12rem 0 0 .14rem;text-align: justify;}
#nav ul li .sub .box .rr{width: calc(100% - 1.64rem - 1.34rem);padding: .04rem 0 0 .4rem;}
.a_box{ display: flex; flex-wrap: wrap;}
#nav ul li:nth-child(1) .sub{ width: 8.46rem}
#nav ul li:nth-child(2) .sub, #nav ul li:nth-child(3) .sub{ width: 10rem}
#nav ul li:nth-child(2) .sub a, #nav ul li:nth-child(3) .sub a{ font-size: .14rem; line-height: .28rem}
#nav ul li:nth-child(6) .sub a{ min-width: 50%}

#nav ul li .sub a{padding: 0;line-height: .48rem;transition:.6s;font-size: .16rem;color: #333333;white-space: nowrap;min-width: 50%;font-weight: bold;}
#nav ul li .sub a:hover{color: #2ab6b1;}
#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{}

#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-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{
    width: 100%;
    opacity: 1;
    visibility: visible;
    left: 0;
}
#nav>ul>li.noSubMenu h3:before{ display:none}

#header.xg #nav>ul>li{height: 1.45rem;}
#header.xg #nav ul li>a{height: .96rem;}

.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);}

.header_box .xg  .wp{height: .96rem;}
/* .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{}
.xg .search_btn svg{ fill:#6f6f6f} */


.search_btn{cursor: pointer;}
.list_box0 .li svg{fill:#fff;width: .18rem;height: .18rem;margin: 0 .08rem 0 0;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: rgb(42 182 177);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.svg');
}
.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.svg');
	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.svg);
    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: #2ab6b1;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;width: auto;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list_box0 .li{color: #fff;}
.m_header_box .list_box0 .li.li1>a{ background:#2ab6b1; 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;min-width: 50px;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #ff8321;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -10px;border-right: #ff8321 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: 50%;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;margin-top: -1px;}
#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: -9px;}
#nav_btn .navbtn::before {top: 9px;}
#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: #2ab6b1 url(../images/submit.svg) 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: 100%;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.svg) 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: 100%;margin: 10px auto;display: flex !important;}
.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: #fff;width: calc(100% - 40px);border-radius: 20px;}
.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.svg) center no-repeat #2ab6b1;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消失-结束 */


/*导航按钮结束*/

/*网站地图*/
#openBtn {
  cursor: pointer;
  display: inline-block;
}

#openBtn .lcbody {
  width: 22px;
  height: 16px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

#openBtn .lcbody .lcitem {
  width: 100%;
  height: 2px;
  position: absolute;
  transition: transform 0.36s ease;
}
#openBtn .lcbody .lcitem:nth-child(1), #openBtn .lcbody .lcitem:nth-child(3){width: 100%;}

#openBtn .lcbody .lcitem div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  background: #fff;
}

#openBtn .lcbody .top {
  top: 0;
}

#openBtn .lcbody .center {
  display: block;
  top: 50%;
  margin-top: -1px;
}

#openBtn .lcbody .bottom {
  top: calc(100% - 2px);
}

#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%;
  }
}

body.fixed{ overflow: hidden;}

.slide_down_nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 1000;visibility: hidden;}
.slide_down_nav .slide_down_nav_bg{position:fixed;right:0;top:0;height:0;left:0;background: 000;background: rgba(0,0,0,.9) url(../images/container02_bg.jpg) center no-repeat;background-size: cover;transition: .9s cubic-bezier(.165,.84,.44,1) 1s;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.slide_down_nav .slide_down_nav_bg.on{top:auto;bottom:0;height:100%;transition: .9s cubic-bezier(.165,.84,.44,1);}

.slide_down_nav_line_shuxian{position:absolute;left: 0;margin-left:-0.5px;bottom: 0;width:1px;height: 0;background: rgba(0,0,0,0.15);opacity: 1;transition:0.6s;}
.slide_down_nav_line_shuxian.on{ height:100%; transition-delay: 1s;}
.slide_down_nav .slide_down_nav_content{position:relative;z-index:10;/* transform: translateY(100%); */transition:0.6s;height: 100%;opacity: 0;padding: 1rem 0 0;}


.slide_down_nav.on{ visibility:visible}
.slide_down_nav .slide_down_nav_content.on{/* transform:translateY(0); */transition:0.6s;opacity: 1;}

.w1256{max-width:1356px;padding: 0 50px;margin: 0 auto;height: 100%;display: flex;align-items: center;}

.miso_wzmap{display: flex;flex-wrap: wrap;margin: 0 -.4rem;}
.miso_wzmap li{width: 33.33%;padding: .15rem .4rem;transform: translateY(.5rem);transition: .5s;opacity: 0;}
.miso_wzmap li:nth-child(1){ transition-delay: .1s}
.miso_wzmap li:nth-child(2){ transition-delay: .2s}
.miso_wzmap li:nth-child(3){ transition-delay: .3s}
.miso_wzmap li:nth-child(4){ transition-delay: .4s}
.miso_wzmap li:nth-child(5){ transition-delay: .5s}
.miso_wzmap li:nth-child(6){ transition-delay: .6s}
.miso_wzmap li:nth-child(7){ transition-delay: .7s}
.miso_wzmap li:nth-child(8){ transition-delay: .8s}
.miso_wzmap li:nth-child(9){ transition-delay: .9s}
.miso_wzmap li h3 a{font-family:SourceHanSerifCN-SemiBold;font-size: .2rem;color: #fff;position: relative;display: block;padding: 0 0 .18rem;margin-bottom: .16rem;}
.miso_wzmap li h3 a:before{content:"";position:absolute;left:0;bottom: 0;width: 0;height: 1px;background: rgba(255,255,255, .2);transition: 1.2s 1.2s;}
.miso_wzmap li dl{display: flex;flex-wrap: wrap;margin: 0 -.25rem;}
.miso_wzmap li dl dd{min-width: 50%;padding: 0 .25rem;}
.miso_wzmap li dl dd a{font-size: .14rem;color: #fff;line-height: .30rem;display: block;transition: .5s;opacity: .7;}

.slide_down_nav_content.on .miso_wzmap li{transform: translateY(0);opacity: 1;}
.slide_down_nav_content.on .miso_wzmap li h3 a:before{ width: 100%}

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

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

.banner{width:100%;overflow:hidden;position: fixed;z-index: 0;}
.banner ul{ }
.banner ul li a{display:block;position:relative;}
.banner ul li a .top::after{content: "";position: absolute;bottom: 0;right: 0;left: 0;height: 26.75rem;pointer-events: none;z-index:-1;background-size: 100% 100%;}
.banner ul li a .img img{ transition: 2s; transform: scale(1.08);}
.banner ul li a .img .img_hezi{padding-bottom: 100vh !important;}
.banner ul li a .img img.ar_wap{ display:none}
.banner ul li a .top{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items: flex-end; z-index:1}
.banner ul li a .top .wp{}
.banner ul li a .top .txt{padding-bottom: 15%;width: 100%;}
.banner ul li a .top .txt h4{transform: translateY(80px);opacity: 0;transition-delay:.2s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);font-size: .36rem;color: #fff;line-height: 1.5;font-weight: bold; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);}
.banner ul li a .top .txt h4 font{font-size: 2rem;color:#fff;font-weight: 100;}
.banner ul li a .top .txt h4 font{ margin-right:2rem}

.banner ul li a .top .txt h2{font-size: .72rem;color:#fff;font-weight: bold;margin: 0 0 .25rem;transform: translateY(80px);opacity: 0;transition-delay:.4s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);line-height: 1.375;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);}
.banner ul li a .top .txt h2 img{-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));}
.banner ul li a .top .txt h6{font-size: 1rem;color:#fff;letter-spacing: .5rem;transform: translateY(80px);opacity: 0;transition-delay:.6s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); }

.banner.on ul li.miso-current a .top .txt h4, .banner.on ul li.miso-current a .top .txt h2, .banner.on ul li.miso-current a .top .txt h6{transform: translateY(0);opacity: 1;}
.banner.on ul li.miso-current a .top .txt h6{opacity: .8;}
.banner.on ul li.miso-current a .img img{ transform: scale(1);}

.miso-dots_box{position:absolute;bottom:3.5rem;left:0;right:0;z-index: 10;}
.miso-dots_box .w1200{max-width: calc(1300px + 10rem);display:flex;justify-content: space-between;}
.banner .miso-dots{padding: 0 .1rem;display: flex;align-items: center;justify-content: flex-start;border-radius: 50%;bottom: .3rem;width: 16.8rem;padding: 0;margin: 0 auto;max-width: 94%;left: 50%;transform: translateX(-50%);}
.banner .miso-dots li{width: .12rem;height: .12rem;background: rgba(0,0,0,.3);border-radius: 50%; transition: .5s}
.banner .miso-dots li.miso-active{ background:#2ab6b1}

@-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);
	}
}


.container01{position: relative;height: 100vh;overflow: hidden;}
.container02{background: url(../images/container02_bg.jpg) center top no-repeat;background-size: cover;position: relative;padding: .3rem 0 1.4rem;z-index: 1;overflow: hidden;/* min-height: 100vh; */}
.container02 .bg{position: absolute;top: -28%;left: 0;z-index: -1;animation: light 10s linear infinite;transform-origin: top left;}
@keyframes light {
  0%{transform: rotate(0deg);}
  50% {transform: rotate(6deg);}
  100%{transform: rotate(0deg);}
}
.container02 .svg_box{ position: absolute; right: 0; bottom: 0; left: 0; z-index: -1;}
.container02 .svg_box .ico svg{width: 100%;opacity: .2; margin-bottom: -.08rem;}
.container02 .wp{ width: 13.8rem }
.container02 .content{padding: 0;}

.title001{display:flex;align-items: flex-end;position: relative;z-index: 1;}
.title001 .ll{display: flex;flex-direction: column;position: relative;z-index: 1;}
.title001 .cc{/* margin-left: -1.25rem */margin: 0 1rem 0 0;}
.title001 .rr{ padding: 0 0 0 .3rem}
.title001 .rr img{margin: 0 0 -.24rem;width: 100%;}
.title001 font{font-size: .6rem;color: #2bb6b1;font-weight: bold;font-family: fzsysjt; line-height: 1.25}
.title001 span{display:inline-block;width: .07rem;height: .07rem;background:#2bb6b1;border-radius: 50%;margin: 0 .2rem;}
.title001_line{padding: 0;}
.title001_line::before{content: "";position: absolute;bottom: 0;left: 0;right: 3rem;background: #cbcbcb;height: 1px;z-index: -1;opacity: .4;}

.title001 .ico{ position: relative}
.title001 .ico .svg, .title001 .ico svg{width: 2.5rem;height: .7rem;transform: translate(0, 0px);}

.container02 .fl01{padding: 0;position: relative;z-index: 1;}

.list3{ margin-bottom: -.24rem;}
.list3 li .a{ display: flex; flex-wrap: wrap;}
.list3 li .a .img{width: 6.5rem;clip-path: polygon(0 0, 100% 0, 100% 100%, 0px 100%);transition: .5s;transform: translate(0, -.7rem);}

.list3 li .a .con{width: calc(100% - 6.5rem);padding: .7rem .66rem 0 0;}
.list3 li .a .con h5{font-size: .26rem;color: #333333;line-height: 1.25;font-weight: bold;transition: .5s;}
.list3 li .a .con p{font-size: .18rem;color: #797979;line-height: .3rem;margin: .5rem 0 .6rem;}

















.more001{ position: relative; display: flex;}
.more001 .ma{position: relative;display: flex;align-items: center;}
.more001 .ma .ico{ display: flex; align-items: center;}
.more001 .ma .top{font-size: .2rem;color: #2bb6b1;text-transform: capitalize;font-family: DINPro-Medium;position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;letter-spacing: .12rem;}
.more001 svg{width: 1.47rem;height: .4rem;transform: translate(.12rem, 0);}
.more001 .cls-1{ stroke: #2bb6b1;} 

.list4{ display: flex;flex-wrap: wrap;}
.list4 *{ transition: .5s;}
.list4 li{ width: 50%; border: 1px solid #cbcbcb; margin: -.5px}
.list4 li a{display: flex;height: 1.2rem;align-items: center;padding: 0 .64rem;background-size: cover !important;position: relative;z-index: 1;}
.list4 li a::before{content: "";background: #2bb6b1 url(../images/list4_bg.jpg) center no-repeat;background-size: cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;opacity: 0;visibility: hidden;}
.list4 li a .sicoh3{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1;}
.list4 li a .sicoh3 .ico, .list4 li a .sicoh3 .ico img{width: 100%;height:100%;object-fit: cover;position: relative;}
.list4 li a .sicoh3 .ico img{ opacity: 0;}
.list4 li a .time{width: 1.54rem;font-size: .24rem;color: #2bb6b1;font-family: DIN-Bold;}
.list4 li a .con{width: calc(100% - 1.54rem);}
.list4 li a .con h5{font-size: .2rem;color: #333333;line-height: .36rem;max-height: .72rem;font-weight: bold;}

.title002{text-align: center;position: relative;z-index: 1;margin-bottom: .7rem;}
.title002 .cc svg{ width: 4.26rem;}
.title002 .ll{position: absolute;top: 0;left: 0;right: 0;padding: .36rem 0 0;}
.title002 .ll font{ display: inline-block; padding: .06rem .06rem; background: #2cb7b2;}
.title002 .ll img{width: 2.67rem;}

.container03{padding: 1rem 0;overflow: hidden;background: url(../images/container03_bg.jpg) center;/* background-size: cover; *//* background-attachment: fixed; */position: relative;z-index: 11;/* min-height: 100vh; */}
.container03 .wp{display: flex;flex-direction: column;justify-content: center;/* height: calc(100vh - 1.2rem); */}
.container03 .wz{position: absolute;top: 50%;right: 5%;left: 12%;transform: translateY(-36%);z-index: -1;}
.container03 .wz img{ width: 15.82rem; max-width: 100%;}
.container03 .content{display: flex;flex-wrap: wrap;}
.container03 .content .left{width: 2.2rem;position: relative;}
.container03 .content .right{ width: calc(100% - 2.2rem);}

.list5{display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding: 0 .2rem;}
.list5 li { position: relative}
.list5 li .ico img.img2{ display: none }
.list5 li a{position: relative;cursor: pointer;display: inline-block;}
.list5 li a .ico{width: .5rem;height: .5rem;background: rgba(255,255,255,.4);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: .5s;}
.list5 li:last-child  a .ico{background: rgba(255,180,0, .6);}
.list5 li a .ico font{font-size: .3rem;color:#fff;line-height: 1;transform: translateY(-2px);}
.list5 li a .ico img{max-width: .26rem;max-height: .26rem;}
.list5 li a .ewm{position: absolute;box-shadow: 0 0 15px rgba(0,0,0,.1);left: 50%;transform: translateX(-50%) translateY(30%);/* transition: .5s; */opacity: 0;visibility: hidden;width: 1.27rem;height: 1.27rem;background: #fff;box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);padding: 0;border-radius: .06rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list5 li a .ewm img{width: 100%;border-radius: .06rem;}
.list5 li a .ewm h6{ font-size: .12rem; color: #a69999}
.list5 li a .ewm:before{content: "";position: absolute;left: 50%;top: -.08rem;margin-left: -.06rem;border-bottom: #fff .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

@media(min-width: 1200px){
.list5 li:hover{ z-index: 1}
.list5 li:hover a .ewm{transform: translateX(-50%) translateY(10%);opacity: 1;visibility: visible;}
}

.list6{display: flex;/* justify-content: space-between; */margin: 0 -.1rem;}
.list6 li{position: relative;/* transform: translateX(100vw) perspective(27.5rem); */width: 20%;padding: 0 .1rem; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.list6 li a{display: block;position: relative;width: 100%;height: 100%;max-width: 2.75rem;z-index: 1;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transition: .5s;}
.list6 li .box1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: center;height: 100%;width: 100%;z-index: 1;transform: rotateY(180deg);align-items: center;padding: 0 .28rem;overflow: hidden;transition: .5s;}
.list6 li .box1 *{ transition: .5s;}
.list6 li .box1 .img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background:#fff;}
.list6 li .box1 .img img{ width: 100%; height: 100%; object-fit: cover}
.list6 li .box1 h5{ width: 100%; font-size: .24rem; color: #333333; line-height: .36rem; height: .72rem; margin: .3rem 0 .12rem;}
.list6 li .box1 p{font-size: .14rem;color: #8b8b8b;line-height: .24rem;height: .72rem;width: 100%;}
.list6 li .box2{position: relative;z-index: 1;overflow: hidden;transition: .5s;}
.list6 li .box2 .img_hezi{ padding-bottom: 149.45% !important;}

.list6 [data-aos].li{ transform: translate(100vw, 0px) rotateY(0);}
.list6 [data-aos].aos-animate.aos-animate.li{ transform: translate(0%, 0px) rotateY(-180deg);}

.list6 [data-aos=fanzhuan].aos-animate.li .box1{ z-index: 10;}

#lizip{position: absolute;height: 60vh;overflow: hidden;bottom: 0;left: 0;width: 100%;opacity: .3;}
#lizi{pointer-events: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0}
canvas {
  display:block;
  position: relative;
}
.waves {
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height: 100vh;
}
#particles { position:absolute; top:0; left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.jmn-video-panel{ display: none !important;}
.jmn-video-container{ width: 100vw !important; height: 100vh !important;}
#video{width: 100vw;height: 100vh;position: relative;z-index: 1;}
#video video{width: 100%;height: 100%;object-fit: cover;}
#video .title003{position: absolute;top: 50%;z-index: 10;left: 50%;transform: translate(-640px, -50%);}

.container04{position: relative;overflow: hidden;z-index: 11; background: #fff;}
.container04 .svg_top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 11;/* background: #fff; */}
.container04 .svg_top::before{content: "";position: absolute;left: 0;width: 0;background: #fff;z-index: -1;top: 0;bottom: 0;}
.container04 .svg_top::after{content: "";position: absolute;right: 0;width: 20%;background: 0;z-index: -1;top: 0;bottom: 0;}
.container04 .svg_top img{ width: 100vw; height: 100vh; object-fit: cover; position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.container04 .more001{ margin: .65rem 0 0;}
.container04 .sicoh2 .cls-1, .container04 .sicoh2 .cls-2, .container04 .sicoh2 .cls-5{stroke: #fff !important;}
.container04 .more001 .ma .top{ color: #fff;}

.container04 .xiangao{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/container05_bg1.png) center bottom no-repeat;background-size: 70% auto;z-index: 100;transition: 1s;}
.pin-spacer{ background: #fff;}

.container05{padding: 1.5rem 0;background: #fff url(../images/container05_bg.jpg) center bottom no-repeat;background-size: cover;position: relative;z-index: 11; }
.container05 .wp{width: 12.4rem;}
.container05 .wz{position: absolute;top: 9%;left: 50%;transform: translateX(-50%);z-index: -1;}
.container05 .wz img{width: 10.93rem;max-width: 100%;}

.title004{text-align: center;position: relative;z-index: 1;margin-bottom: .7rem;}
.title004 .cc{width: 1.36rem;position: absolute;left: 34%;top: -100%;z-index: 1;}
.title004 .cc svg, .title004 .cc img{ width: 100%}
.title004 .cc:after{content: "";width: 1.875rem;height: 1.875rem;background-image: radial-gradient(#f7f7f7, transparent, transparent);position: absolute;border-radius: 50%;left: 0;top: 0;/* backdrop-filter: blur(2px); */opacity: 1;display: none;}
.title004 .ll{ position: relative; z-index: 2;}
.title004 .ll font{display: inline-block;padding: .06rem .06rem;}
.title004 .ll img{}

.list7{display: flex;padding: 0;margin: 0 -.12rem;}
.list7 li{width: 16.667%;padding: 0 .12rem;}
.list7 li .a{display: flex; position: relative;}
.list7 li .a .img{ transition: 1.2s;}
.list7 li .a .img .img_hezi{padding-bottom: 244.385% !important;}
.list7 li .a .img img{opacity: 1;/* mix-blend-mode: luminosity; */}
.list7 li .a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.list7 li .a .img{clip-path: polygon(0px 0px, 83% 20%, 100% 100%, 0px 100%);/* transition: .5s; */}
.list7 li .a .top h5{font-size: .18rem;color: #fff;line-height: 1.125;writing-mode: tb-rl;}

.list7 li:nth-child(2) .a .img, .list7 li:nth-child(5) .a .img{ clip-path: polygon(0px 0px, 100% 0px, 80% 83%, 0px 100%); }

/* .list_box6 li:nth-child(2) .a .img{ background: #29b6b0;}
.list_box6 li:nth-child(3) .a .img{ background: #2941d3;}
.list_box6 li:nth-child(4) .a .img{ background: #de1818;}
.list_box6 li:nth-child(5) .a .img{ background: #de18d2;}
.list_box6 li:nth-child(6) .a .img{ background: #1961c4;} */

.container06_box{position: relative;z-index: 1;}
.container06_box .bg{content: "";position: absolute;top: 0;right: 0;left: 0;height: 10.57rem;background: url(../images/container06_bg.png) center top no-repeat;background-size: cover;z-index: -1;}
.container06_box .bg1{content: "";position: absolute;top: 30%;bottom:0;right: 0;left: 0;background: #f3f3f3;z-index: -1;}

.container06{padding: 2.98rem 0 1.35rem;/* overflow: hidden; */}
.container06 .wp{width: 12.4rem;position: relative;display: flex;flex-wrap: wrap;z-index: 1;}
.container06 .wz{position: absolute;top: -1.1rem;left: 0;transform: translateX(0%);z-index: -1;}
.container06 .wz img{width: 11.46rem;max-width: 100%;}
.container06 .more001{ margin: .5rem 0 0 .5rem;}
.container06 .more001 .ma .top{ color: #fff;}

.title005{display: flex;align-items: flex-end;}
.title005 .ll{order: 1;margin-left: .28rem;}
.title005 .sicoh7{ width: 1.25rem}
.title005 .sicoh7 .ico{ position: relative; z-index: 1}
.title005 .sicoh7 .ico:before{content:"";position: absolute;z-index: -1;width: .6rem;background:#f97711;height: 2.56rem;bottom: .04rem;}

.container06 .left{ width: 3.4rem;}
.container06 .right{ width: calc(100% - 3.4rem);}

.list8{width: calc((100vw - 12.4rem) / 2 + 12.4rem - 3.4rem);}
.list8 li{margin-bottom: -.16rem;position: relative;}
.list8 li:nth-child(1){padding-left: .46rem;}
.list8 li:nth-child(2){padding-left: .94rem;}
.list8 li:nth-child(3){padding-left: 0rem;}
.list8 li:nth-child(4){padding-left: 1.22rem;}
.list8 li a{display: flex;height: .96rem;padding: 0 .36rem;align-items: center;background: #30b9b4;border: #333333 1px solid; transition: .5s; position: relative;}
.list8 li a .time{width: 1.74rem;font-size: .3rem;color: #333333;font-family: DIN-Bold;transition: .5s;position: relative;z-index: 1;}
.list8 li a .con{width: calc(100% - 1.74rem);padding: 0 .3rem 0 0;position: relative;z-index: 1;}
.list8 li a .con h5{font-size: .20rem;color: #333333;line-height: .36rem;max-height: .72rem;font-weight: bold; transition: .5s;}

.top_links .wz{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 6vw;}
.top_links .wz font{font-family: Impact;font-size: calc(100vw / 6);color: #f3f3f3;display: flex;height: calc(100vw / 6);align-items: center;}
.top_links {
  width: 100%;
  padding: calc(100vw / 6*.38) 0 0;
  position: relative;
  overflow: hidden;
  z-index: 100;
}

.list_wf{}
.str_wrap{overflow: hidden;position: relative;}
.str_move{/* display:flex; */white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.list_wf li{padding:0 .15rem;text-align:center;width: auto;display: inline-block;}
.str_move_clone{ overflow:hidden}

.container06_box1{margin-top: -1.75rem;position: relative;z-index: 11;}
.container06_box1s{ position: relative; z-index: 1}
.container06_box1s:before{content: "";position: absolute;top: 50%;right: 0;bottom: 0;left: 0;background: #f4f4f4;z-index: -1;}

.container07{background: url(../images/container07_bg.jpg) center top no-repeat;background-size: cover;overflow: hidden;position: relative;z-index: 1;padding: .6rem 0 1.2rem;min-height: 7rem;}
.container07 .wz{position: absolute;top: .2rem;left: 6%;transform: translateX(0%);z-index: -1;}
.container07 .wz img{width: 12.05rem;max-width: 100%;}

.container07 .wp{display: flex;flex-wrap: wrap;align-items: center;}
.container07 .wp .left{ width: 5.4rem !important; padding: 0 0 0 .9rem;}
.container07 .wp .right{ width: calc(100% - 5.4rem) !important;}
.d_lists_box .miso-list{ overflow: visible}

.container07 .wp .left .box{transform: translate(60vw, 0px); transition: 1.5s linear 0s; opacity:0}
.container07.on .wp .left .box{ transform: translate(0%, 0px); opacity:1; transition-delay: 1s;}

.container07 .wp .right .d_lists{transform: translate(60px, 0px); transition: 1.5s linear 0s; opacity:0}
.container07.on .wp .right .d_lists{ transform: translate(0%, 0px); opacity:1; transition-delay: 2.5s;}


.list9 {align-items: center;}
.list9 li{transition: .5s; padding: 0 .75rem}
.list9 li *{ transition: .5s;}
.list9 li a{display: flex;position: relative;width: 3.18rem;align-items: center;height: 355px;justify-content: center;}
.list9 li a .img_box{ position: relative; z-index: 1; width: 100%}
.list9 li a .img_box>img{position: absolute;left: 0;bottom: -.26rem;}
.list9 li a .img_box .img .img_hezi{padding-bottom: 60.50% !important;}
.list9 li a .img2{position: absolute;bottom: .6rem;left: 0;max-height: 100%;font-size: .4rem;color: #ffca1a;z-index: 1;font-family: "sys";font-weight: bold;/*text-shadow: #ffca1a 1px 0 0, #ffca1a 0 1px 0, #ffca1a -1px 0 0, #ffca1a 0 -1px 0;*/}
.list9 li a img.img1{ position: relative}

.list9 li:nth-child(4n-3) a .img_box .img{clip-path: polygon(0 0, 100% 0px, 100% 100%, 15% 82%); }
.list9 li:nth-child(4n-2) a .img_box .img{clip-path: polygon(0px 0px, 100% 0px, 85% 82%, 0px 100%);}
.list9 li:nth-child(4n-1) a .img_box .img{clip-path: polygon(0px 0px, 100% 0px, 85% 82%, 0px 100%);}
.list9 li:nth-child(4n) a .img_box .img{clip-path: polygon(0 0, 100% 0px, 100% 100%, 15% 82%);}

.list9 li:nth-child(4n-3) a .img_box>img{ left: 14%;}
.list9 li:nth-child(4n) a .img_box>img{ left: 14%;}

.list9 li:nth-child(1) a .img2{ color: #ffca1a; }
.list9 li:nth-child(2) a .img2{ color: #ff0000; }
.list9 li:nth-child(3) a .img2{ color: #ff6600; }
.list9 li:nth-child(4) a .img2{ color: #ff8a00; }
.list9 li:nth-child(5) a .img2{ color: #03dfae; }
.list9 li:nth-child(6) a .img2{ color: #2ab6b1; }
.list9 li:nth-child(7) a .img2{ color: #0055c9; }
.list9 li:nth-child(8) a .img2{ color: #3e3ece; }
.list9 li:nth-child(9) a .img2{ color: #ba5ef4; }
.list9 li:nth-child(10) a .img2{ color: #e421e2; }

.container07 .line{background: url(../images/container07_line.png) center no-repeat;top: 0;right: 0;bottom: 0;left: 0;position: absolute;z-index: -1;background-size: 100% auto;}

.container07 .mask_lc{display: block;width: 150%;height: 100%;position: absolute;left: 0;top: 0;background: #f4f4f4;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 10%);background: -webkit-gradient(linear, left, right, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(10%,#f4f4f4));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#f4f4f4 10%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#f4f4f4 10%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#f4f4f4 10%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,#f4f4f4 10%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#f4f4f4',GradientType=0 );z-index: -1;transition: 3s !important;transition-delay: .6s !important;left: -50% !important;}
.mask_lc{ opacity: 1 !important;}
.mask_lc[data-aos^=fade][data-aos^=fade]{opacity:1;-webkit-transition-property:all;transition-property:all;left: 0;}
.mask_lc[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;left: 100% !important;}
.licheng_slide ul li:nth-child(odd) .txt:hover .con{ padding-bottom: 1rem;}
.licheng_slide ul li .txt:hover .year{ margin-top: -1rem;}

.ship{ -webkit-animation: ship 3s linear infinite; animation: ship 3s linear infinite;}
@-webkit-keyframes ship {
    0% {
        -webkit-transform: rotate(0) translateY(0px);
        transform: rotate(0) translateY(0px);
    }
    75% {
        -webkit-transform: rotate(-4deg) translateY(-60px);
        transform: rotate(-4deg) translateY(-60px);
    }
    100% {
        -webkit-transform: rotate(0) translateY(0px);
        transform: rotate(0) translateY(0px);
    }
}
@keyframes ship {
    0% {
        -webkit-transform: rotate(0) translateY(0px);
        transform: rotate(0) translateY(0px);
    }
    75% {
       -webkit-transform: rotate(-4deg) translateY(-60px);
       transform: rotate(-4deg) translateY(-60px);
    }
    100% {
        -webkit-transform: rotate(0) translateY(0px);
        transform: rotate(0) translateY(0px);
    }
}

.d_lists{height: 5.58rem;position:relative;}
.d_lists li{display:flex;align-items:center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.d_lists li .a{background: #fff;border-radius: 50%;width: 100%;height: 100%;}
.d_lists li .a .ll{border:#cfaa85 1px dashed;border-radius:50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .5s; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.d_lists li .a .ll svg{width:82%;transition: .5s;opacity: .2; stroke: #f97711 !important;}
.d_lists li .a .rr{text-align:center;width:100%;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;position: relative;z-index: 1;padding: 0 14%;}
.d_lists li .a .rr h3{font-size: .68rem;color:#2bb6b1;font-family: Haettenschweiler;transition: .35s;display: flex;align-items: center;justify-content: center;}
.d_lists li .a .rr h6{font-size: .16rem;color: #333333;line-height: .26rem;height: .52rem;border-top: #2bb6b1 1px solid;padding: .1rem 0 0;margin: .1rem 0 0;}

.d_lists li .li{ width: 100%; height:100%}
.d_lists li.dl1{width: 2.26rem;height: 2.26rem;left: 9%;top: 57%;}
.d_lists li.dl2{width: 2.26rem;height: 2.26rem;top: 28%;left: 36%;}
.d_lists li.dl3{width: 2rem;height: 2rem;left: 40%;top: 82%;}
.d_lists li.dl4{width: 2.42rem;height: 2.42rem;left: 74%;top: 19%;}
.d_lists li.dl5{width: 2.25rem;height: 2.25rem;top: 76%;left: 89%;}
.d_lists li.dl6{width: 2rem;height: 2rem;top: 56%;left: 60%;}

.d_lists li.dl2 .a .rr{ padding: 0 20%}
.d_lists li.dl5 .a .rr{ padding: 0 12%}

.d_lists li.dl2 .a .rr h3{ font-size: .9rem}
.d_lists li.dl3 .a .rr h3{ font-size: .9rem}
.d_lists li.dl4 .a .rr h3{ font-size: .72rem}
.d_lists li.dl5 .a .rr h3{ font-size: .8rem}
.d_lists li.dl6 .a .rr h3{ font-size: .8rem}

.ship1{ -webkit-animation: ship1 3s linear infinite; animation: ship1 3s linear infinite;}
@-webkit-keyframes ship1 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    75% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}
@keyframes ship1 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    75% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

.d_lists li.dl1 .a, .d_lists li.dl5 .a, .d_lists li.dl6 .a{ -webkit-animation: ship2 3s linear infinite; animation: ship2 3s linear infinite;}
@-webkit-keyframes ship2 {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    75% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}
@keyframes ship2 {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    75% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}

.list10{ display: flex; justify-content: space-between; padding: .28rem 2% 0;} 
.list10 li{}


.container08{padding: 0 0 1.75rem;position: relative;z-index: 11;background: #f3f3f3;overflow: hidden;}
.container08 .wz{position: absolute;bottom: 0;right: 0;left: 0;text-align: center;padding: 0 6vw;}
.container08 .wz img{max-width: 100%;max-height: 3rem;margin: 0 auto;}

.list11 li{width: 2.125rem;min-height: 1.875rem;}
.list11 li a{ display: block; position: relative;}
.list11 li a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.list11 li a .top h5{ font-size: .2rem; color: #fff; font-family: 方正风雅宋简体; margin: .14rem 0 0;}

.banner_wai{position: relative;overflow: hidden;z-index: 10;}
.banner_svg{position: absolute;z-index: 10;height: 2.06rem !important;display: flex;align-items: flex-end;pointer-events: none;width: 100%;bottom: 0;/* transition: 1s; */}
.banner_svg .bg{position: absolute;bottom: 0;left: 0;right: 0;height: 100vh;display: flex;align-items: flex-end;transition: .5s;z-index: 1;}
.banner_svg .bg img{width: 100%;height: 1.25rem;/* object-fit: cover; */}
.banner_svg .wp{position: relative;z-index: 1;}
.banner_svg .wp .top{display: flex;width: 100%;}
.banner_svg .wp .top ul{width: 100%;display: flex;justify-content: space-between;}
.banner_svg .wp .top ul li img{ max-height: .5rem}
.container01 .waves{height: 18vh;z-index: 1;}

.svg_hz{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;z-index: 1;}
.svg_hz img{transform-origin: bottom;width: 4.02rem;transition: 1s;/* transition-delay: .3s; */transform: translateY(-.2rem);}

/* .fix-top{position: fixed;top: 100%;left: 0;right: 0;bottom: 0;transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;z-index: 100;overflow: hidden;overflow-y: scroll;background: #fff;}
.fix-top.showdiv{top: 0;}
.fix-top::-webkit-scrollbar {
	width: 0;
	height: 8px;
	background-color: #F5F5F5;
}

.fix-top::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #E2E2E2;
}

.fix-top::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #333;
}
 */

footer{background: url(../images/footer_bg.jpg) center no-repeat;background-size: cover;position: relative;z-index: 11;padding: .48rem 0;text-align: center;overflow: hidden;}
footer .wp{ display: flex; justify-content: space-between;}
footer .wp .left h3{ margin-bottom: .4rem;}
footer .wp .left p{ font-size: 12px; color: #fff; line-height: 20px; margin-bottom: .25rem;}
footer .wp .left p:last-child{ margin-bottom: 0;}

footer .wp .center{padding: .15rem 0 0 8%;width: 100%;}
footer .wp .center .dl{display: flex;line-height: 22px;margin-bottom: .1rem;}
footer .wp .center .dl .dt{ font-size: .14rem; color: #fff;}
footer .wp .center .dl .dd{font-size: .14rem;color: #fff;text-align: left;}

footer .wp .right{ padding: .15rem 0 0;display: flex;}
footer .wp .right .aqzs {
    margin-top: 12px;
}
.list12{ display: flex;}
.list12 li{margin: 0;}
.list12 li .a{position: relative;cursor: pointer;}
.list12 li .a .ewm{position: absolute;box-shadow: 0 0 15px rgba(0,0,0,.1);left: 50%;transform: translateX(-50%) translateY(100%);transition: .5s;opacity: 0;visibility: hidden;width: 1.27rem;height: 1.27rem;background: #fff;box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);padding: 0;border-radius: .06rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;top: 0;}
.list12 li .a .ewm img{width: 100%; height: 100%; border-radius: .06rem;}
.list12 li .a .ewm h6{ font-size: .12rem; color: #a69999}
.list12 li .a .ewm:before{content: "";position: absolute;left: 50%;top: -.08rem;margin-left: -.06rem;border-bottom: #fff .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

.list12 li.on .a .ewm{transform: translateX(-50%) translateY(.9rem);opacity: 1;visibility: visible;}

.list12 li{ margin-left: .5rem}
.list12 li *{ transition: .5s}
.list12 li .a{width: .6rem;height: .6rem;background: #3cafae;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.list12 li .a svg{ width: .3rem; height: .3rem; fill: #4a8a98; transition: 0s;}

.list12 li.on .a svg{ fill: #0adf04}

/* .fix-top{position: fixed;top: 100%;left: 0;right: 0;bottom: 0;transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;z-index:-1;overflow: hidden;overflow-y: scroll;}
.fix-top.showdiv{top: 0;}

.in-main{z-index: 100;background: #fff;padding: 0;}

.fix-top::-webkit-scrollbar {
	width: 4px;
	height: 8px;
	background-color: #F5F5F5;
}

.fix-top::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #E2E2E2;
}

.fix-top::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #333;
} */

.d_lists .cls-1,.d_lists .cls-2{fill:none;stroke:#f97711;stroke-miterlimit:10;}.d_lists .cls-1{stroke-width:2px;}
.d_lists .cls-2,.d_lists .cls-3{fill:#f97711;}

.n_news_detail{padding: .6rem 0 1.2rem;}
.n_news_detail .ar_article_box{display: flex;flex-wrap: wrap;}
.n_news_detail .ar_article_box .left{width: calc(100% - 3.8rem);padding: 0 .6rem 0 0;}
.n_news_detail .ar_article_box .right{width: 3.8rem;padding: .3rem 0;}
.n_news_detail .ar_article_box .left.w100{ width: 100%; padding: 0}
.n_news_detail .ar_article_box .left.w100 h3{ text-align: center}
.n_news_detail .ar_article_box .right .sticky{position: sticky;top: .2rem;}

.n_news_detail .ar_article_box .nav01{margin-bottom: .5rem;}
.n_news_detail .ar_article_box .nav01 .rr{ display: flex; flex-wrap: wrap; align-items:center}
.n_news_detail .ar_article_box h3{color: #333333;font-size: .3rem;line-height: 1.5;margin-bottom: .2rem;font-weight: bold;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;}
.n_news_detail .ar_article_box h6{color: #666666;font-size: 0.14rem;line-height: .42rem;margin-bottom: 0;vertical-align: top;border-bottom: #e2e2e2 1px solid;display: flex;justify-content: space-between;align-items: center;padding: 0 0 .2rem;flex-flow: wrap;}
.n_news_detail .ar_article_box h6 .ll{display: flex;flex-wrap: wrap;}
.n_news_detail .ar_article_box h6 span{margin: 0 .3rem 0 0;display: flex;align-items: center;}
.n_news_detail .ar_article_box h6 span svg{ width: .18rem; height: .18rem; fill:#999; margin:0 .1rem 0 0}
.n_news_detail .ar_article_box h6 span img{margin: -3px .1rem 0 0;}
/*====上一篇下一篇====*/

#share-2{margin: .05rem 0 0 .1rem;font-size: .18rem;color: #333333;display: flex;}
#ar_fot{position:relative;padding: .3rem 0 0;box-sizing: border-box;width: 100%;margin-top: .4rem;border-top: #cfcfcf 1px dashed;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#ar_fot h1{display:block;width: 100%;line-height: .35rem;color: #999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .16rem;}
#ar_fot h1 span{}
#ar_fot h1 a{color: #666666;font-weight:normal;transition: .5s;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#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: #2ab6b1;}

#ar_fot .ll{ width: calc(100% - 1.4rem)}
#ar_fot .rr{width: 1.3rem;}
#ar_fot .rr a{display: flex;height: .35rem;background: #2ab6b1;font-size: .16rem;color: #fff;align-items: center;justify-content: center;transition: .5s;border-radius: .18rem;}
#ar_fot .rr a:hover{ background: #1469c3;}

.n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center}
.n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem}

#share-2>img{margin: -3px .1rem 0 0;}
.shart_box{display:inline-block; cursor:pointer}
@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 4px .06rem 0 0;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width: .3rem;height: .3rem;font-size: .16rem;border-radius: 50%;line-height: .28rem;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s;color: #fff !important;border-color: #fff !important;}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color: #fff;border-color: #fff;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.hotnewsTitle{display: flex;align-items: center;font-size: .24rem;color:#2ab6b1;font-weight:bold;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;margin-bottom: -.05rem;}
.hotnewsTitle .ico{ display: flex}
.hotnewsTitle .ico img, .hotnewsTitle .ico svg{margin: 0 .15rem 0 0;width: .47rem;height: .47rem;fill:#2ab6b1;}

.hotnewsList{ position: relative; z-index: 1; padding: .1rem 0 .1rem .23rem}
.hotnewsList:before{content:"";position: absolute;left:.23rem;width: 1px;background: #d1d1d1;top: 0;bottom: 0;}
.hotnewsList li *{ transition: .5s;}
.hotnewsList li a{display:block;padding: .25rem 0 .22rem .2rem;border-bottom: #d1d1d1 1px dashed;position: relative;}
.hotnewsList li a .date{display: flex;width: 1rem;height: 24px;border: #d1d1d1 1px solid;border-radius: 12px;align-items: center;justify-content: center;margin-bottom: .1rem;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;font-size: .14rem;color: #333;}
.hotnewsList li a h5{font-size: .16rem;color:#333333;line-height: 1.25;font-weight: 400;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;}
.hotnewsList li a:after{content:"";position:absolute;width: .11rem;height: .11rem;border:#666666 1px solid;border-radius: 50%;box-sizing: border-box;left: -.05rem;top: .4rem;background: #fff;}

.hotnewsList li:last-child a{ border-bottom: none}

.hotnewsList li a:hover .date{border: #2ab6b1 1px solid;background: #2ab6b1;color:#fff;}
.hotnewsList li a:hover h5{color: #2ab6b1;font-weight: bold;}
.hotnewsList li a:hover:after{ border: #2ab6b1 2px solid;}

.piaofu_fx{position:fixed;left:50%;margin-left: -7.8rem;top:50%;width: 50px;margin-top: -.8rem;transition:.5s;z-index: 1000;}
.piaofu_fx.hide{ opacity:0; visibility:hidden}
.piaofu_fx ul{  padding:2px 0 0}
.piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;display: flex;}
.piaofu_fx ul li > .a{display: flex;min-width: 50px;width: 50px;height: 50px;border: #c5c5c5 1px solid;line-height: 48px;margin:-1px 0 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-radius: 25px;overflow:hidden;color: #fff;font-size:14px;white-space: nowrap;}
.piaofu_fx ul li > .a:hover{background: #f4f4f4;border: #cccccc 1px solid;}
.piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0}
.piaofu_fx ul li > .a span{display: flex;width:50px;height:50px;text-align:center;justify-content: center;align-items: center;min-width: 50px;}
.piaofu_fx ul li > .a span img.img02{ display:none}

.piaofu_fx ul li > .a:hover{width: auto;background:#2ab6b1;border:#2ab6b1 1px solid;overflow: inherit;}
.piaofu_fx ul li > .a:hover span img.img01{ display:none}
.piaofu_fx ul li > .a:hover span img.img02{ display:inline-block}

.bdsharebuttonbox a {width: 40px!important;height: 40px!important;margin: 5px 0 0 5px!important;float: none!important;padding: 0!important;display: block;background-size: cover !important;}
.bdsharebuttonbox a img { width: 60px; height: 60px; }
.bdsharebuttonbox .bds_tsina { background: url(../images/gbRes_6.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_qzone { background: url(../images/gbRes_4.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_tqq { background: url(../images/gbRes_5.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_weixin { background: url(../images/gbRes_2.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_sqq { background: url(../images/gbRes_3.png) no-repeat center center/60px 60px; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }
.bdshare-button-style0-24{position:absolute;left: 0;top: 53px;padding:6px;border:#ccc 1px solid;background:#f4f4f4;width: 231px;border-radius: 10px;z-index: 100;}
.bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox .bds_qzone, .bdsharebuttonbox .bds_tqq,.bdsharebuttonbox .bds_tsina { background-position:inherit !important}
.bdsharebuttonbox dd{display: inline-block;font-size:12px;color:#999;margin:0;text-align:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}
.bdsharebuttonbox dd:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
.bdsharebuttonbox{ display:none}

.piaofu_fx.on{ opacity:1; visibility: visible}

.list11s{ display: flex;}
.list11s li{margin: 0 -.02rem;}
.list11s li .a{position: relative;cursor: pointer;}
.list11s li .a>img{width: .5rem;}
.list11s 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;width: 1.43rem;height: 1.43rem;background: #fff;box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);padding: 0 .2rem;border-radius: .1rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list11s li .a .ewm img{width: 100%;}
.list11s li .a .ewm h6{font-size: .12rem;color: #a69999;line-height: 1;margin: 0;padding: .06rem 0 0;text-decoration: none;border: none;}
.list11s li .a .ewm:before{content: "";position: absolute;left: 50%;top: -.08rem;margin-left: -.06rem;border-bottom: #fff .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

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

.n_tupian .wp{ display:flex; flex-wrap:wrap}
.n_tupian .left{width: 14%;}
.n_tupian .center{width: calc(71% - .25rem);padding: 0 .25rem;border-left: solid 1px #ccc;margin-left: .25rem;}
.n_tupian .right{width: 15%;}
.hotnewsList li a h5{ white-space: normal}

.n_tupian .left .box{margin-bottom: .1rem;}
.n_cetu li{ margin-bottom:.15rem}
.n_cetu li img{ width:100%}
.n_cetu li h5{ font-size: .16rem; color: #2c2c2c; line-height: 1.25; margin-top: .08rem}
.n_cetu .miso-dots{bottom: .35rem;text-align: right; padding: 0 .06rem}
.n_cetu .miso-dots li{width:.11rem;height:.11rem;border:#2ab6b1 1px solid;border-radius: 50%; border-radius: 50%; margin-left: .02rem}
.n_cetu .miso-dots li.miso-active{ background:#2ab6b1}

.more005{display:flex;justify-content: flex-end;margin-bottom: .06rem;}
.more005 a{ font-size:.15rem; color:#555555; transition:.5s}

.banner .tips{width: .3rem;height: .3rem;position:absolute;left:50%;bottom: .3rem;z-index:3;margin-left:-10px;}
.banner .tips svg{width:100%;height: 100%;fill: #fff;-webkit-animation:index_tips_scroll 2s linear infinite;-moz-animation:index_tips_scroll 2s linear infinite;animation:index_tips_scroll 2s linear infinite;opacity:0;}
.banner .tips .circle-1,.banner .tips .circle-2{-webkit-animation:index_tips_scroll 2s linear infinite;-moz-animation:index_tips_scroll 2s linear infinite;animation:index_tips_scroll 2s linear infinite;opacity:0}
.banner .tips .circle-2{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}
@-webkit-keyframes index_tips_scroll{0%{transform: translateY(4px);opacity:0}45%,55%{opacity:1; transform: translateY(9px)}to{transform: translateY(14px);opacity:0}}
@-moz-keyframes index_tips_scroll{0%{transform: translateY(4px);opacity:0}45%,55%{opacity:1;transform: translateY(9px)}to{transform: translateY(14px);opacity:0}}
@keyframes index_tips_scroll{0%{transform: translateY(4px);opacity:0}45%,55%{opacity:1;transform: translateY(9px)}to{transform: translateY(14px);opacity:0}}

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


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



/*==========================================内页 结束=============================================*/

/*aos="fade-up" aos-duration="1200"*/