@charset "utf-8";
html{font-size: 100px;}
@media (max-width:4000px) {
    html {
        font-size: 100px;
    }
}
@media (min-width:1600px) and (max-width:1940px) {
    html {
        font-size: 100px;
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    html {
        font-size: 80px;
    }
}

@media (min-width:640px) and (max-width:1199px) {
    html {
        font-size: 70px;
    }
}

@media (min-width:471px) and (max-width:639px) {
    html {
        font-size: 70px;
    }
}

@media (min-width:329px) and (max-width:470px) {
    html {
        font-size: 70px;
    }
}

@media (max-width:328px) {
    html {
        font-size: 60px;
    }
}

@font-face {
    font-family: Avenir;
    src: url("../font/AVENIRNEXTLTPRO-REGULAR.OTF");
}
@font-face {
    font-family: Avenir-bold;
    src: url(../font/AVENIRNEXTLTPRO-BOLD.OTF);
}
@font-face { font-family: BellMT-Bold; src: url("../font/SOURCESANSPRO-BOLD.OTF"); }
@font-face {
    font-family: Myriad;
    src: url(../font/SOURCESANSPRO-REGULAR.OTF);
}
@font-face {
    font-family: Bell;
    src: url(../font/SOURCESANSPRO-REGULAR.OTF);
}

@font-face {
    font-family: Century;
    src: url(../font/GOTHIC.TTF);
}
@font-face { font-family: GOTHICB; src: url("../font/GOTHICB.TTF");}
@font-face { font-family: 'SourceSansPro-Bold'; src: url("../font/SOURCESANSPRO-BOLD.OTF");}
@font-face { font-family: "SourceSansPro-Regular"; src: url("../font/SOURCESANSPRO-REGULAR.OTF");}






.w1400 {width: 94%;margin: 0 auto;max-width: 15.6rem;}
.imged {
    position: relative;
    padding-bottom: 65%;
    width: 100%;
    display: block;
    overflow: hidden;
}

.imged img,.imged video{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition:0.5s;object-fit: cover;
}
.imged:hover img{transform:scale(1.05)}
.scale {
    overflow: hidden;
}

.scale img {
    transition: 0.5s;
}

a:hover .scale img {
    transform: scale(1.05);
}
.clearflex{*zoom:1}
.clearflex:after,.clearflex:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.wl{position: relative;z-index: 1;transition: 0.5s;}
.wl::after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 0;height: 100%;}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.elise {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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



/*==========================================公共 开始=============================================*/
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}
.bb{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.2rem;z-index: 100;animation: bb 2s linear 0s infinite;}
.bb2 { bottom: 0.8rem;}
@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}

.header_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;/* border-bottom: 1px solid rgb(255,255,255,0.1); */}
.header_box_li #header:before{content:"";position:absolute;height: 1.5rem;top:0;left: 0;right: 0;transition: 0.2s;opacity: 1;visibility: visible;pointer-events: none;background: url(../images/headbg.png) no-repeat top;background-size: 100% 100%;}
.header_box_li #header:after{content:"";position:absolute;height: 0;top:0;left: 0;right: 0;background-size:100% auto;}

#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.xg:before{background: url() center top repeat-x;background-size: auto 99%;height: 0;}
.header_top{position: relative;height: .54rem;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: .14rem;color: rgba(255,255,255,.5);}

#header .right{display: flex;align-items: flex-start;padding: 0 0.05rem 0 .35rem;}

.header_top .search {
    width: .20rem;
    height: .20rem;
    position: relative;
    z-index: 20;
}
.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -0.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 .16rem;
    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: 2.6rem;
    opacity: 1;
    visibility: visible;
}

.list_box0{display: flex;align-items: center;}
.list_box0 .li{font-size: .14rem;color: #fff;display: inline-block;transition:.6s;margin-right: 0.05rem;position: relative;height: 0.35rem;background: rgba(255,255,255,0.1);line-height: 0.35rem;/* padding: 0 0.15rem; */width: 1.4rem;text-align: center;}
.list_box0 .li:last-child{
    width: 0.6rem;
}
.list_box0 .li>a{display:block;font-family: Avenir;}
.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.li1>a{ font-weight:bold}
.list_box0 .li.li1>a.a2{ display:none}

.list_box0 .li.li1.on>a.a1{ display:none}
.list_box0 .li.li1.on>a.a2{ display:inline-block}

.list_box0 .li.li1.on>a span{ margin-left:1.125rem}

.list_box0 .li:hover{color: #c30d24;border-right: 1px solid rgb(10,63,121,0.2);}

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

#m_header .list_box0{ float:right}
#m_header .list_box0 .li{ line-height:60px;}
#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: .10rem;}
.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:.12rem;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;width: auto;max-width: 100%;padding: 0;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{padding: 0 0 0 .80rem;height: 100%;position: relative;width: 4.6rem;display: flex;align-items: center;}
#logo img{max-width:100%;transition: .5s;height: .65rem;}
#logo img.img2{ display:none}
#nav{/* margin: 0 .8rem 0 0; */width: 100%;max-width: 1100px;}
#nav ul{
    display: flex;
    justify-content: space-between;
}
#nav ul li{float:left;z-index:0;height: 100%;position: relative;font-family: Myriad;}
#nav ul li a{display:block;padding: 0;position: relative;z-index: 2;}
#nav ul li h3{font-size: .24rem;color:#fff;line-height: .48rem;position:relative;transition: .36s;display: inline-block;padding: 0 0.35rem;font-family: SourceSansPro-Bold;}
#nav ul li h3:after{content:"";position:absolute;left: 50%;top: calc(100% + 2px);transition:.6s;border-left: transparent .12rem solid;border-right: transparent .12rem solid;border-bottom: #fff 1rem solid;margin-left: -.12rem;opacity:0;visibility:hidden;}
#nav ul li.on1 h3:after{ opacity:1; visibility:visible}
#nav ul li a i{ margin:-3px 0 0 .10rem; display:inline-block; width:10px; height:5px; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{}
#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 0.08rem 0.08rem;}
#nav ul li .sub:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background: #c30d24;}
#nav ul li .sub .box{padding: .14rem 0;text-align:center;}
#nav ul li .sub a{padding: 8px 30px;line-height: 28px;transition:.6s;font-size: 17px;color: #000000;text-align: center;white-space: nowrap;min-width: 160px;font-family: Myriad;}
#nav ul li .sub a:hover{color: #fff;background: #c30d24;}
#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{color: #c30d24;}

#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -.22rem;top: 50%;margin-top: -6px;transition:.3s;background:url() 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: .24rem;transition:.6s;margin-left: .16rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -.24rem;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;line-height: .52rem;}
.xg .list_box0 .li{color: #6f6f6f;}
.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: #c30d24;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: .44rem;
	line-height: .56rem;
	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: .20rem;
	line-height: 0.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: .56rem;
	border-radius: 100%;
	margin-right: .16rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}



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

	width:0.49rem;
	margin:0.096rem auto 0;
	box-sizing: border-box;
	padding:0 0.096rem;
	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: 0.06rem;
	line-height: 0.08rem;

	color: #fff;
	font-weight: bold;
	padding-left:0.096rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0.08rem;
	
}
.search-dialog .hot-link{
	margin-left: 0.16rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: 0.06rem;
	line-height: 0.08rem;
	margin-right: 0.12rem;
	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: 0.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: 0.216rem;
    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: 0.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);
    }
}


/*导航按钮开始*/
/*手机端开始*/
.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: #c30d24;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: 35px;} */
.m_header_box header #logo{ padding:0}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }

#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: #fff;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -10px;border-right: #fff 11px solid;border-top: 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: 0.40rem;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: #c30d24;}
#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: #c30d24;}
#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: 64px 20px 10px;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.svg) center no-repeat; background-size: .28rem;}

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

#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.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: 0;top: 2px;}
.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 .input{font-size:.14rem;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.svg) center no-repeat #c30d24;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消失-结束 */


/*导航按钮结束*/

/* banner */
.swiper-box1 {position: relative;overflow: hidden;}
.swiper-box1 .swiper-pagination-bullet{width: 0.34rem;height: 0.34rem;opacity: 1;border-radius: unset;margin: 0 5px !important;background:url(../images/cir1.png) no-repeat center;background-size: 100% 100% !important;font-size: 0.16rem;color: #c30d24;line-height: 0.34rem;}
.swiper-box1 .swiper-pagination-bullet-active{opacity: 1;background:url(../images/cir2.png) no-repeat center;color: #fff;}
.swiper-box1 .swiper-pagination-bullets{bottom: 0.35rem;}
.swiper-box1 .bannerimg{overflow: hidden;}
.swiper-box1 .bannerimg img{transform: translate3d(0, 0, 0) scale(1.05);
    transition: opacity 0.5s ease, transform 0s ease 1s;}
.swiper-box1 .swiper-slide-active .bannerimg img{    transform: scale(1);transition: all 5s;}
.swiper-box1  .img_zd .img_hezi {padding-bottom: 50% !important;}
/* 导航地图 */
.miso_btn1{display: flex;width: 1rem;height: 1rem;background: #c30d24;align-items: center;justify-content: center;cursor: pointer;transition: .5s;}
.miso_btn1 .box{display: flex;flex-direction: column; justify-content: space-between; align-items: flex-end; width: .45rem; height: .25rem;}
.miso_btn1 .box span{ display: block; width: 100%; height: .03rem; background: #fff;}
.miso_btn1 .box span:nth-child(1), .miso_btn1 .box span:nth-child(3){ width: 84%;}
#openBtn {cursor: pointer;display: inline-block;}
#openBtn .lcbody {width: .45rem;height: .25rem;position: relative;display: flex;justify-content: flex-end; }
#openBtn .lcbody .lcitem {width: 100%;height: .03rem;position: absolute;transition: transform 0.36s ease;left: 0;}
#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: -.015rem;} 
#openBtn .lcbody .bottom {top: calc(100% - .03rem);}
#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%;
    }
  }
  .show .g-nav2{opacity: 1;visibility: visible;}
  .g-nav2 {position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);
    opacity: 0;visibility: hidden;} 
  .g-nav2 .scroll {position: absolute;z-index: 1;left: 0;right: 0;top: 1.2rem;bottom: 0;overflow-y: auto;}
  .g-nav2 .scroll ul {max-width: 17.85rem;margin: 0 auto;}
  .g-nav2 .scroll li {width: 14.285%;text-align: center;padding-top: 0.45rem;}
  .g-nav2 .scroll li a {color: #fff;}
  .g-nav2 .scroll li h2 {font-size: 0.22rem;}
  .g-nav2 .scroll li .list {padding: 0.2rem 0;}
  .g-nav2 .scroll li .list h3 {font-weight: 400;font-size: 0.24rem;line-height: 0.36rem;margin-bottom: .2rem;}
  .g-nav2 .scroll li .list dl {padding-bottom: 0.2rem;}
  .g-nav2 .scroll li .list dd {font-size: 0.18rem;line-height: 0.4rem;opacity: 0.65;}
  .g-nav2 .scroll li .list dd:hover {opacity: 1;}
  
  .show #nav{opacity: 0;visibility: hidden;}


/* new1 */
.new1{width: 100%;padding: 0.9rem 0 1.2rem;overflow: hidden;}
.new1 .w1400{max-width: 13.3rem;}
.new1-b{position: relative;}
.newtit{margin-bottom: 0.6rem;display: flex;flex-direction: column;justify-content: center;}
.newtit h2{text-align: center;font-size: 0.7rem;color: #000;font-weight: 600;font-family: 'SourceSansPro-Bold';}
.new1-b li *{transform:0.5s;}
.new1-b li .new1-l{width: 56%;}
.new1-b li .new1-r{width: 39%;}
.new1-b li a{display: block;width: 100%;height: 100%;}
.new1-b li .new1-l .imged{padding-bottom: 67%;}
.new1-b li .new1-r .imged{padding-bottom: 60%;}
.new1-b li span{padding: 0.15rem 0.25rem;font-size: 0.22rem;color: #fff;font-family: 'Bell';display: inline-block;margin: -0.3rem 0 0 0.3rem;background: #c30d23;position: relative;}
.new1-b li h2{margin: 0.2rem 0 0.3rem;font-size: 0.24rem;line-height: 0.36rem;font-weight: 600;font-family: SourceSansPro-Bold;max-height: 0.72rem;overflow: hidden;}
.new1-b li p{font-size: 0.16rem;line-height: 0.3rem;color: #666;font-family: Myriad;text-align: left;}
.new1-b li{z-index: 1;overflow: hidden;opacity: 0.2;}
.new1-b li::after{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.7);z-index: 2;display:none;}
.new1-b li.swiper-slide-active{opacity:1;}
.new1-b li a:hover h2{color:#c30d23;}
.new1-b .more{position: relative;/* bottom: 0.35rem; *//* left: 0; */margin-top: -1rem;}
.new1-swipe{overflow: hidden;position: relative;/* margin: 0 -25%; */width: 100%;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.new1-b .swiper-arror{width: 2.3rem;height: 100%;z-index: 1;top: 0;right: 0;}
.new1-b .swiper-button-prev::after,.new1-b .swiper-button-next::after{width: 0.6rem;height: 0.6rem;border-radius: 50%;background: url(../images/next.png) no-repeat center #fff;content: "";z-index: 2;display:block;}
.new1-b .swiper-button-prev::after{transform: rotateY(180deg);left: 1rem;}
.new1-b .swiper-arror{opacity: 0;transition: 0.5s;}
.new1-b .swiper-arror:hover{opacity: 1;}

.new1-b .swiper-arror span {width: 1rem;height: 1rem;position: absolute;top: auto;left: auto;border-radius: 50%;background-color: #c30d23;-webkit-transform: scale(0.4);-moz-transform: scale(0.4);-ms-transform: scale(0.4);transform: scale(0.4);-webkit-animation: circleScale1 4s linear infinite;-moz-animation: circleScale1 4s linear infinite;-ms-animation: circleScale1 4s linear infinite;animation: circleScale1 4s linear infinite;}
.new1-b .swiper-arror span:nth-of-type(2) {animation-delay: 1s;}
.new1-b .swiper-arror span:nth-of-type(3) {animation-delay: 2s;}



@keyframes circleScale1 {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.4);
		-moz-transform: scale(0.4);
		-ms-transform: scale(0.4);
		transform: scale(0.4);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}






.more{width: 1.8rem;height: 0.55rem;display: flex;justify-content: center;align-items: center;position: relative;background: url(../images/more1.png) no-repeat;background-size: 100%;}
.more a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.more a span{font-size: 0.18rem;color: #000;font-family:Bell;transition: 0.5s;position: relative;display: block;white-space: nowrap;}
.more .ico{width:100%;height:100%;position: absolute;top: 0;left: 0;}

.more:hover{background:none;}
.more:hover a span{color: #c30d23;}
.more a .ico svg *{stroke: rgb(51 51 51 / 0%);}
.more a:hover .ico svg *{stroke:#c30d23;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
/* new2 */
.new2{width: 100%;overflow: hidden;background: url(../images/bg2.png) no-repeat center/cover;padding: 1rem 0 0.9rem;}
.new2 .newtit h2{color:#fff;}
.new2 ul{display: flex;flex-wrap: wrap;}
.new2 li{margin-bottom: 0.6rem;width: 20%;padding: 0 0.2rem;}
.new2 li a{background: rgba(255, 255, 255, 0.4);padding: 0.15rem 0.4rem;box-shadow: 0px 5px 0.2rem 0px rgba(0, 0, 0, 0.56);height: 3.8rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.new2 li h3{font-size: 0.3rem;color: #c30d23;font-family: Avenir-bold;text-align: center;height:0.6rem;display: flex;align-items: center;}
.new2 li h4{font-size: 0.4rem;color: #fff;font-weight: bold;line-height: 0.44rem;margin: 0.1rem 0 0;text-align: center;font-family: GOTHICB;display: flex;align-items: center;}
.new2 li p{font-size: 0.18rem;color: #fff;font-family: Avenir;line-height: 0.32rem;text-align: center;}
.new2 li span{padding: 0.1rem 0.3rem;background: #c30d23;color: #fff;font-size: 0.2rem;font-family: ave;display: block;margin-top: 0.15rem;}
.new2 .new2-ul1 a{padding: 0.15rem 0.25rem;}
.new2 .new2-ul1 h4{min-height: 1.32rem;margin: 0.1rem 0;}
.new2 .new2-ul1 p{min-height: 0.64rem;}
.new2 .new2-ul2 h3{font-size:0.26rem;color:#fff;margin-top:0.2rem;padding-bottom: 0.1rem;border-bottom:1px solid #fff;line-height: 0.3rem;height: 0.7rem;display: flex;align-items: center;}
.new2 .new2-ul2 img{max-width: 1.34rem;max-height:0.94rem;}
.new2 .newico{height:1rem;}
.new2 .swiper-pagination span{width: 0.4rem;height: 0.02rem;background: #fff;opacity: .6;}

.new2 .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
/* new3 */
.new3{padding: 1.1rem 0;width: 100%;overflow: hidden;}
.new3::after{bottom: auto;top: 0;width: 100%;height: 10.66rem;background: url(../images/bg4.png) no-repeat;}
.new3-t{width: 100%;background: url(../images/bg3.png) no-repeat center;margin-bottom: 0.75rem;padding: 0.4rem 0.7rem 0.4rem 0.4rem;}
.new3-t .imged{padding-bottom: 56%;}
.mew3-tl{width: 69%;}
.mew3-tr{width: 26%;}
/* .mew3-tl .wl::after{width: 1.1rem;height: 1.1rem;background: url(../images/bf-btn.png) no-repeat center;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);z-index: 1;background-size: 100% 100%;display:block;}
.mew3-tl .wl.on::after{display:none;} */
.VideoBtn{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;background:url(../images/bf-btn.png) no-repeat;background-size: 100%;}
.VideoBtn.on{display: none;}




.mew3-tr h2{margin: 0.4rem 0 0;font-family: 'SourceSansPro-Bold';font-size: 0.28rem;line-height: 1.4;color: #000;max-height: 1.6rem;transition: 0.5s;}
.mew3-tr p{margin: 0.25rem 0 0.5rem;font-size: 0.16rem;line-height: 1.6;color: #666;font-family: Myriad;max-height: 1.5rem;text-align: left;}
.new3-b ul{margin: 0 -0.15rem;}
.new3-b li{width: 25%;padding: 0 0.15rem;}
.new3-b .imged{padding-bottom: 71%;}
.new3-b li p{margin: -0.3rem 0 0;padding: 0 0.25rem 0 0;font-size: 0.3rem;color: #000;
text-align: left;height: 1.2rem;background: #fff;z-index: 10;position: relative;display: flex;align-items: center;-webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);}
.new3-b li p span{line-height: 1.4;font-family: 'SourceSansPro-Bold';border-left: 0.03rem solid #c30d23;max-height: 0.84rem;padding-left:0.25rem;transition:0.5s;}
.mew3-tr:hover h2,.new3-b li:hover p span{color:#c30d23;transform:translateX(0.1rem);}
/* new4 */
.new4{width: 100%;padding: 0 0 1.15rem 0;overflow: hidden;}
.new4::after{width: 100%;background: url(../images/bg5.png) no-repeat;height: 8.9rem;}
.new4-l{width: 38.5%;}
.new4-r{width: 59.5%;}
.new4-l .newtit{height: 39.5%;margin-bottom:0;}
.new4-l .newtit h2{text-align: left;}
.new4-l .newtit p{font-size: 0.22rem;color: #666;font-weight: 500;line-height: 1.6;font-style: italic;font-family: SourceSansPro-Bold;margin-top: 0.35rem;}
.new4-tit{margin: 1.4rem 0 1rem;display: none;}
.new4-tit h2{color: #c30d23;font-size: 0.34rem;font-weight: 600;font-family:SourceSansPro-Bold;margin-bottom: 0.1rem;}
.new4-tit p{font-size: 0.18rem;color: #000;line-height: 1.6;font-style: italic;font-family:Avenir;}
.new4tu .imged{padding-bottom: 62%;}
.new4tu-b{padding: 0.35rem 0.5rem 0.3rem 0.3rem;width: 100%;height: 2.75rem;}
.new4tu-b::after{width: 100%;height: 100%;background:#4c2213;transition: 0.5s;}
.new4tu-b h2{font-size: 0.3rem;color: #fff;font-family: 'SourceSansPro-Bold';margin-bottom: 0.2rem;}
.new4tu-b p{font-size: 0.16rem;line-height: 1.6;color: #fff;font-family:Myriad;/* font-style: italic; */max-height: 1.2rem;}
.new4-r .new4-rt{position: relative;margin-bottom: 3%;}
.new4-rt::after{left: auto;width: 0.3rem;height: 2.5rem;background: #c30d23;right: -0.3rem;}
.new4-r a{display: block;width: 100%;height: 100%;}
.new4-r h2{font-size: 0.3rem;color: #fff;font-family: 'SourceSansPro-Bold';height: 0.8rem;display: flex;align-items: center;padding: 0 0.2rem;position: absolute;left: 0;bottom: 0;transition: 0.5s;right: 0;width: 100%;}
.new4-r h2::after{width: 100%;height: 100%;background: url(../images/shad1.png) no-repeat center;background-size: 100% 100%;left: 0;right: 0;bottom: 0;}
.new4-rt .imged{padding-bottom: 58.5%;}
.new4-r li .imged{padding-bottom: 110%;}
.new4-r li.new4-last .imged{padding-bottom: 61%;}
.new4-r ul{margin: 0 -0.13rem;}
.new4-r li{width: 50%;padding: 0 0.13rem;position: relative;}
.new4-r li a{position: relative;}
.new4-r li.new4-last .new4-lst{background: #fff;height: 44%;padding: 0.25rem 0.4rem 0.2rem 0.2rem;}
.new4-r li.new4-last .new4-lst p{font-size: 0.16rem;line-height: .3rem;color: #666;font-family:Myriad;font-style: italic;max-height: 0.9rem\0;transition: 0.5s;}
.new4-r li.new4-last .new4-lst h2{color: #000;position: inherit;height: auto;margin-bottom: 0.2rem;padding: 0;}
.new4tu:hover .new4tu-b::after {background: #c30d23;}
.new4-r li.new4-last:hover .new4-lst{background: #c30d23;}
.new4-r li.new4-last:hover .new4-lst p,.new4-r li.new4-last:hover .new4-lst h2{color: #fff;}
.new4-r li:hover h2,.new4-rt:hover h2{color: #c30d23;}
/* new5 */
.new5{width: 100%;padding: 1.2rem 0 1.4rem;overflow: hidden;}
.new5 .newtit{margin-bottom:1rem;}
.new5-t{flex-wrap: nowrap}
.new5-l{width: 43%;position: relative;}
.new5-r,.new5-m{width: 27%;}
.new5-l::after{width: 100%;height: 100%;left: -0.4rem;bottom: -0.4rem;top: -0.4rem;background: url(../images/bg6.png) no-repeat center;background-size: 100% 100%;padding-bottom: 0.8rem;}
.new5-l .imged{padding-bottom: 75%;}
.new5-m .imged{padding-bottom: 58.5%;}
.new5-r .imged{padding-bottom: 118.5%;}
.new5 .imged::after{width: 100%;height: 0.7rem;background: url(../images/new5shad.png) no-repeat;background-size: 100% 100%;z-index: 1;}
.new5-t h2{position: absolute;left: 0;bottom: 0;height: 0.7rem;padding-left: 0.2rem;color: #fff;font-size: 0.3rem;z-index: 2;width: 100%;line-height: 0.7rem;font-family: 'SourceSansPro-Bold';}
.new5-t h2::after{content: "";position: absolute;left: 0;top: 50%;width: 0.03rem;height: 0.25rem;margin-top: -0.125rem;background: #c30d23;z-index: 5;}

.new5-m li{margin-bottom: 2%;}
.new5-m li:last-child{margin-bottom: 0;}


/* footer */
footer{background: #bf0318;padding: 0.65rem 0 0rem;}

.fot-m h2{font-size: 0.22rem;color: #fff;font-family: 'SourceSansPro-Bold';line-height: 1.4;margin-bottom: 0.1rem;}
.fot-m p{font-size: 0.16rem;color: #fff;font-family:Avenir;line-height: 2;text-align: center;}
.fot-r .ewm{width: auto;text-align: center;margin-left: 0.2rem;position: relative;display: flex;flex-direction: column;align-items: center;}
.fot-r .ewm p{margin-top: 0.1rem;color: #fff;text-align: center;}
.foot{border-top: 1px solid #c61c2e;padding: 0.25rem 0;margin-top: 0.3rem;}
.foot p{color: #fff;line-height: 0.35rem;font-size: 0.16rem;opacity: 0.7;}
.foot .fotp1{font-family:Avenir ;}

.mapico { width: 0.5rem; height: 0.5rem; border-radius: 0.05rem; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; }
.mapico img{max-width:0.3rem;max-height: 0.25rem;}
.ewm .ewm2 { position: absolute; left: 50%; bottom: calc(100% + 0.2rem); width: 1rem; height: 1rem; transform: translateX(-50%); background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; opacity: 0; padding: 0.05rem; z-index: 100; }
.ewm .ewm2 img{width: 100%;height: 100%;}
.ewm .ewm2::after { left: 50%; transform: translateX(-50%); border-right: 0.1rem solid transparent; border-left: 0.1rem solid transparent; border-top: 0.1rem solid rgb(255, 255, 255); bottom: -0.1rem; height: auto; }
.ewm:hover .ewm2{ opacity: 1; transition: all 0.5s ; }




/* 分流页 */
.fl-1{position: relative;z-index: 100;height: calc(100% - 1.5rem);}
.fl-1 .wp{padding: 0 2.3rem;height: calc(100% - 2rem);display: flex;flex-direction: column;justify-content: center;}
.fl-top{height: 2.05rem;}
.fl-top img{width: 2.8rem;}
.fl-top a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.fl-top::after{top: 0;width: 100%;height: 100%;background: url(../images/flheadbg.png) no-repeat center; background-size: 100% 100%;}
.fl-m{margin: 1.5rem 0 0.2rem;border-bottom: 1px solid #fff;}
.fl-m ul{justify-content:center;}
.fl-m li{padding-bottom: 0.2rem;width:16.6%;padding: 0 0.1rem 0.2rem;text-align: center;}
.fl-m li a{font-size: 0.36rem;font-weight: bold;padding-bottom:0.15rem;color: #fff;}
.fl-m li a::after{width: 0rem;height: 0.19rem;background: url(../images/flcir.png) no-repeat center;background-size: 100% 100%;left: 50%;transform: translateX(-50%);bottom: -0.1rem;}
.fl-m li.active a::after{width: 0.19rem;}
.fl-font{position: relative;z-index: 10;padding: 0 24%;}
.fl-font p{font-size: 0.2rem;line-height: 0.36rem;color: #fff;text-align: center;}
/* .fl-link{margin-top: 0.5rem;} */
.fl-link ul{justify-content: center;}
.fl-link li{margin-right: 0.15rem;}
.fl-link li a{border: 1px solid #fff;padding: 0.2rem 0.17rem;color: #fff;font-size: 0.24rem;}

.fl-2{position: absolute;left: 0;/* bottom: 0; */overflow: hidden;height: 100%;right: 0;top: 0;}
.fl-swiper{height: 100%;}
.fl-swiper .swiper-button-next,.fl-swiper .swiper-button-prev{width: 0.53rem;height: 0.07rem;left: auto;right: 2.6rem;background: url(../images/lb_prev.png) no-repeat center;background-size: 100% 100% !important;top: auto;bottom: 0.75rem;position: initial;}
.fl-swiper .swiper-button-next{background: url(../images/lb_next.png) no-repeat center;margin-top: 0.05rem;}
.fl-swiper .swiper-pagination{left: auto;width: 1.3rem;position: initial;display: flex;justify-content: space-around;}
.fl-swiper img{height: 100%;width: 100%;}
.fl-dian{position: absolute;bottom: 0.75rem;right: 0.9rem;width: 2.5rem;height: 10px;display: flex;justify-content: space-between;align-items: center;}

@media (max-width: 1199px) {
  .fl-1 .wp{padding: 0 0.2rem;}
  .fl-m li a::after{bottom:-0.12rem;}
  .fl-font{padding: 0 0rem;}
  .fl-dian{bottom: 0.15rem;right: 0.3rem;/* left: 50%; *//* transform: translateX(-50%); */z-index: 10;}

}
@media (max-width: 767px) {

  .fl-m li a{font-size:0.24rem;}
  .fl-link li a{font-size:0.2rem;padding: 0.1rem;}
}
/* 引导动效 */
/* .fl-1{opacity: 0;} */
.body_home {height: 100%;overflow: hidden;position: relative;left: 0;width: 100%;height: 100vh;bottom: 0;opacity: 0;}
.body_home.showdiv{opacity: 1;}
.body_b {position: fixed;left: 0%;top: 100%;bottom: 0;right: 0;background: #fff;transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index: 10;outline: none;
 }
 .body_b.showdiv {top: 0px;overflow: auto;}
 .head{top: -100%;}
 .head.shows{top: 0;}


@media screen and (max-width:1600px){
.w1400{width: 94% !important;}
#logo {width: 5rem;}
}
@media screen and (max-width:1279px){
	.new1{padding: 0.5rem 20px !important;}
}
@media screen and (max-width:1199px){
    .header_box{ display: none;}

	.m_header_box{ display: block;}
	.new2 li h2{font-size: 0.6rem;}
    .new1-swipe{width: 100%;}
    .new1-b li::after{display: none;}
    .new1-b .swiper-button-next{right:0;}
    .new4-tit{margin: 1rem 0;}
    .new4-r h2,.new4tu-b h2{font-size:0.24rem;}
    .fl-top{display:none;}
    .body_home{opacity:1;height:auto;position: relative;margin-bottom: 0.3rem;display: none;}
    .body_b{position: initial;}
    .body_b .m_header_box{/* height:auto; */}
    .new4-l .newtit{height: 37%;}
    .new4-r li.new4-last .new4-lst{height: 44%;}
    .VideoBtn{display:none;}
}
@media screen and (max-width:1024px){
    .w1400{width: 100% !important;padding: 0 15px;}
    .new1,.new3,.new2,.new5{padding: 0.4rem 0;}
    .new5 .newtit{margin-bottom: 0.5rem;}
    .newtit{margin-bottom: 0.2rem;}
    .newtit h2{font-size: 0.4rem;}
    .new5-r .more{margin: 0.45rem auto 0;}
    .new4{padding-bottom: 0.4rem;}
    .new5-l::after{left: -0.2rem;top:-0.2rem;bottom: -0.2rem;padding-bottom: 0.4rem;}
    .new5-l{/* width:60%; */}
    .new5-r{/* width:38%; */}
 .new4-l .newtit{height: 31%;}
    .fot-r{width:100%;margin-top:0.3rem;display:flex;justify-content:center;}
    .new5-t h2{font-size:0.26rem;}
    .bb{display:none;}
    .new2 ul{/* margin:0 -0.1rem; */}
    .new2 li{width: 33.3%;padding: 0 0.1rem;margin-bottom: 0.3rem;}
    .new2 li a{padding: 0.15rem !important;}
    .new2 .new2-ul2 img{max-width: .8rem;max-height:0.6rem;}
    .new2 .newico{max-height:0.6rem;}
    .new2 .swiper-pagination{bottom: 0;}
}
@media screen and (max-width:768px){
    .new2 li{}
    .new2 li h2{font-size: 0.4rem;}
    .new2 li h3{font-size:0.24rem;}
    .new2 li h4{font-size: 0.24rem;margin: 0rem 0;}
    .new2 .new2-ul1 h4{line-height:0.3rem;min-height: 0.9rem;margin: 0;}
    .new2 li p{font-size: 0.2rem;}
    .new1-b li .new1-l{margin-bottom:0.3rem;}
    .new1-b li .new1-l,.new1-b li .new1-r{width: 100%;}
    .new1-b .more{position: relative;margin: 0.3rem auto 0;}
    .new1-b .swiper-arror{top: 50%;transform: translateY(-50%);width:0.6rem;height:0.6rem;}
    .new1-b .swiper-arror:after{width:0.4rem;height:0.4rem;}
    .new1-b .swiper-button-prev{left:0;}
    .new3-b li{width: 50%;padding: 0 0.1rem;margin-bottom: 0.3rem;}
    .new3-b ul{margin: 0 -0.1rem;}
    .new3-b li p{font-size:0.24rem;}
    .new3-t{background:#fff;padding:0.25rem;}
    .mew3-tl{width:100%;/* margin-bottom:0.3rem; */}
    .mew3-tr,.new4-l,.new4-r{width:100%;}
    .mew3-tl .wl::after{width:0.5rem;height:0.5rem;}
     .new4-tit{margin: .3rem 0;}
     .new4-l .newtit p{margin-top:0.2rem;}
     .new4-l{margin-bottom:0.3rem;}
     .new4tu-b{height:auto;padding:0.2rem;}
     .new5-t{flex-wrap:wrap;}
     
     .new5-r li.on,.new5-r li{width:100%;}
      footer .w1400{justify-content:center;}
      .fot-l,.fot-m{width:100%;}
      .fot-l{display:flex;justify-content:center;}
      .fot-l img{width: 3.8rem;}
      .fot-m{margin:0.3rem 0 0;text-align:center;}

      .fot-r .ewm p{ font-size:11px}
      .fot-r .ewm{/* width:1.3rem; */}
      .fot-r .ewm img{/* width:1.3rem; *//* height: 1.3rem; */}
      .new4-l .newtit{height: auto;margin-bottom:0.3rem;}
      .fot-m h2{display:none;}

}

@media screen and (max-width:600px){
    .new4-r li{width:100%;margin-bottom:0.3rem;}
    .new4-r li.new4-last .new4-lst{height:auto;padding:0.25rem;}
    .new5-l,.new5-m{width:100%;margin-bottom:0.5rem;}
    .new5-r{width:100%;}
    .new5-m{margin-bottom:0.3rem;}
    .new2 li{width: 33.3%;}
    .new2 li a{height: 3rem;}
}
@media screen and (max-width:500px){
	.new2 li{width: 50%;}
}
@media screen and (max-width:420px){
    .new2 li{width: 50%;}
      .fl-m li a{font-size:0.16rem;}
      
}

@media(min-width: 200px){
[aos=zoom-in]{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
}