/* reset */
html {
    height: 100%;
    overflow-x: hidden;
}

body {
    min-height: 100%;
    overflow-x: hidden;
    outline: none !important;
}

body {
    _height: 100%
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
input,
select,
textarea,
button,
p,
blockquote,
th,
td,
figure {
    margin: 0;
    padding: 0
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
p,
blockquote,
figure,
header,
footer,
nav,
article,
section,
aside,
address,
figcaption {
    *zoom: 1
}

li {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

iframe,
frame,
fieldset,
img {
    border: 0 none
}

img {
    vertical-align: top
}

input[type=button],
input[type=submit],
input[type=reset] {
    cursor: pointer
}

button {
    cursor: pointer
}

input,
textarea,
button {
    -webkit-border-radius: 0;
    -webkit-appearance: none
}

input[type=radio] {
    -webkit-border-radius: 100%;
    -webkit-appearance: radio
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    overflow: auto;
    resize: none
}

::-webkit-input-placeholder {
    color: #BDBDBD;
}

:-moz-placeholder {
    color: #BDBDBD;
}

::-moz-placeholder {
    color: #BDBDBD;
}

:-ms-input-placeholder {
    color: #BDBDBD;
    opacity: 0.8;
}

.placeholder {
    color: #BDBDBD;
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

th {
    font-weight: normal
}

em,
cite,
address,
i {
    font-style: normal
}

body,
input,
select,
button,
textarea {
    color: #000;
    line-height: 1.5;
}

a {
    color: #000;
    text-decoration: none !important;
}

a {
    blr: expression(this.onFocus=this.blur())
}

a * {
    *cursor: pointer
}

:focus {
    outline: none
}

a:link,
a:active,
a:visited,
a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}


img {
    max-width: 100%;
    outline: none !important;
}

::-moz-selection {
    background: inherit;
}

::selection {
    background: inherit;

}

body {
    font-family: Sans_SC_Light;
}

/* 阿里图标 */
[class*='icon'] {
    font-family: 'iconfont';
}

html {
    background: #f4f8fb;
}

.header {
    transition: all .3s;
    position: fixed;
    width: 100%;
    top: 0;
    height: 1.18rem;
    background: #fff;
    z-index: 99999999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.scroll-header .header{
    top: -20%;
  
    opacity: 0;
}
.edit_header02 .header{
    top: 0% !important;
    opacity: 1;
}
.header.open{
    position: fixed;
    top: 0;
    left: 0;
 
}
.main {
    margin-top: 1.18rem;
    margin-bottom: 1.1rem;
}

.header .head-menu {
    float: right;
    font-size: 0.24rem;
}

.header .head-menu span {
    display: block;
    background: rgb(68, 107, 140);
    height: 0.06rem;
    margin-right: 0.4rem;
    position: relative;
    width: 0.32rem;
    margin-left: 0.14rem;
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
    transition: all 0.3s;
}

.header .head-menu span:after,
.header .head-menu span::before {
    content: '';
    display: block;
    background: rgb(68, 107, 140);
    height: 0.06rem;
    width: 0.46rem;
    position: absolute;
    margin-top: -0.14rem;
    right: 0;
    transition: all .3s;
}
.header .head-menu span:after{
    opacity: .6;
}
.header .head-menu span::before{
    opacity: .8;
}
.header.open .head-menu span {
    width: 0.46rem;
    background: none;
}

.header.open .head-menu em {
    display: none;
}

.header.open .head-menu span::after,
.header.open .head-menu span::before {
    top: 50%;
    left: 50%;
    margin-top: 0;
}

.header.open .head-menu span::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.header.open .head-menu span::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.header .head-menu span::after {
    margin-top: -0.28rem;
}

.header .logo {
    width: 3.5rem;
    float: left;
    box-sizing: border-box;
    height: 1.18rem;
    padding-left: 0.26rem;
    padding-top: 0.26rem;
}
.header .logo a{
    display: block;
    width: 3.5rem;
height: 1rem;
}
.header .nav {
    display: block;
    position: fixed;
    top: 1.18rem;
    height: calc(100% - 1.18rem);
    left: 0;
    width: 100%;
    background: #446b8c;
    transform: translate(0, -250%);
    transition: all .3s;
}

.header.open .nav {
    transform: translate(0, 0);
    overflow: auto;
}

.header .nav .search-box {
    display: none;
    line-height: .65rem;
    height: .65rem;
    position: relative;
    border: 1px solid #fff;
    margin: 0.2rem;
    border-radius: 0.05rem;
}

.header .nav .search-box .icon-sousuo {
    font-size: 0.32rem;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
    z-index: 99;
    width: .65rem;
    height: .65rem;
    display: block;
    text-align: center;
    color: #fff;
}

.header .nav .search-box input {
    display: block;
    font-size: 0.24rem;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 0.65rem;
    box-sizing: border-box;
    background: none;
    color: #fff;
}

.header .nav ul.link a {
    color: #fff;
    padding: 0.3rem 0.2rem;
    display: block;
}

.header .nav ul.link ol a {
    padding: 0.15rem 0.2rem;
    padding-left: 0.6rem;
    font-size: .30rem;
}

.header .nav ul.link a .icon-z043 {
    float: right;
}

.header .nav ul.link a .icon-z043::before {
    transform: rotate(90deg);
    display: inline-block;
    transition: all .3s;
}

.header .nav ul.link li.open a .icon-z043::before {
    transform: rotate(-90deg);
}

.header .nav ol>li {
    /* margin-top: -0.2rem; */
}

.header .nav ul.link {
    font-size: 0.36rem;
    padding: 0 0.2rem;
}

.header .nav ul.link>li {
    border-bottom: 1px solid #7491aa;
}

.header .nav ul.icons {
    margin: 0.15rem 0.05rem;
    overflow: hidden;
}

.header .nav ul.icons li {
    margin: 0.10rem;
    width: 30%;
    height: 1.25rem;
    float: left;
    background: #568dbc;
    border-radius: 0.08rem;
    padding: 0.2rem 0.24rem;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
}

.header .nav ul.icons li img {
    max-width: 0.48rem;
    max-height: 0.48rem;
}

.header .nav ul.icons li a{
    color: #fff;
}

.header .nav ul.icons li h2 {
    margin-top: 0.1rem;
}

.header .nav ol {
    margin-bottom: 1em;
    display: none;
}

.header .nav ol li {
    font-size: .24rem;
}

.header .nav li.active a,
.header .nav li a:active {
    background: #568dbc;
}


.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /* height: 1.1rem; */
    background: #fff;
    z-index: 999999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.footer ul {
    margin: 0.1rem 0.2rem;
    overflow: hidden;
}

.footer li {
    font-size: 0.36rem;
    width: 25%;
    float: left;
    text-align: center;
}

.footer li .text {
    font-size: 0.28rem;
}

.footer li:active,
.footer li.active {
    color: #1d7dcf;
}

.wrap {
    padding: 0 0.2rem;
}


.pageout {
    font-size: 0.24rem;
    margin: 0.6rem 0;
    text-align: center;
}

.pageout .next i {
    display: inline-block;
    transform: scaleX(-1);
}

.pageout a {
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    font-size: 0.24rem;
    vertical-align: middle; 
    line-height: 0.38rem;
}

.pageout a.on{
    color: #fff;
    background: #446b8c;
}

.pageout a.next,
.pageout a.prev {
    font-size: 0.38rem;
    margin: 0 0.24rem 
}

.modular10 {
    position: relative;
}

.modular10 h2 {
    font-size: 0.48rem;
    padding: 0.3rem 0.48rem;
    position: absolute;
    bottom: 0;
    color: #fff;
}

.modular10 h2::after {
    content: '';
    border-bottom: 2px solid #fff;
    position: absolute;
    width: 2em;
    bottom: 0;
    left: 0.48rem;
}

.fnt_16{font-size:16px;}
.fnt_18{font-size:18px;}
.fnt_20{font-size:20px;}
.fnt_22{font-size:22px;}
.fnt_24{font-size:24px;}
.fnt_28{font-size:28px;}
.fnt_30{font-size:30px;}
.fnt_36{font-size:36px;}
.fnt_38{font-size:38px;}
.fnt_42{font-size:42px;}
.fnt_48{font-size:48px;}
.fnt_50{font-size:50px;}
.fnt_60{font-size:60px;}
.fnt_64{font-size:64px;}
.fnt_72{font-size:72px;}
.fnt_80{font-size:80px;}
.fnt_90{font-size:90px;}
.fnt_120{font-size:120px;}
@media only screen and (max-width: 1599px){
    .fnt_20{font-size:18px;}
    .fnt_22{font-size:20px;}
    .fnt_24{font-size:22px;}
    .fnt_28{font-size:26px;}
    .fnt_30{font-size:28px;}
    .fnt_36,.fnt_38{font-size:34px;}
    .fnt_42{font-size:36px;}
    .fnt_48{font-size:40px;}
    .fnt_50{font-size:44px;}
    .fnt_60{font-size:52px;}
    .fnt_64{font-size:60px;}
    .fnt_72{font-size:62px;}
    .fnt_80{font-size:70px;}
    .fnt_90{font-size:80px;}
    .fnt_120{font-size:110px;}
}
@media only screen and (max-width: 1399px){
    .fnt_16{font-size:14px;}
    .fnt_18{font-size:16px;}
    .fnt_22{font-size:16px;}
    .fnt_20{font-size:16px;}
    .fnt_24{font-size:20px;}
    .fnt_28{font-size:24px;}
    .fnt_30{font-size:26px;}
    .fnt_36,.fnt_38{font-size:30px;}
    .fnt_42{font-size:34px;}
    .fnt_48{font-size:36px;}
    .fnt_50{font-size:40px;}
    .fnt_60{font-size:46px;}
    .fnt_64{font-size:56px;}
    .fnt_72{font-size:52px;}
    .fnt_80{font-size:60px;}
    .fnt_90{font-size:70px;}
    .fnt_120{font-size:100px;}
}
@media only screen and (max-width: 1279px){
    .fnt_18{font-size:15px;}
    .fnt_24{font-size:18px;}
    .fnt_28{font-size:20px;}
    .fnt_30{font-size:24px;}
    .fnt_36,.fnt_38{font-size:28px;}
    .fnt_42{font-size:28px;}
    .fnt_48{font-size:30px;}
    .fnt_50{font-size:36px;}
    .fnt_60,.fnt_64{font-size:40px;}
    .fnt_72{font-size:42px;}
    .fnt_80{font-size:50px;}
    .fnt_90{font-size:60px;}
    .fnt_120{font-size:90px;}
}
@media only screen and (max-width: 1023px){  
    .fnt_18{font-size:14px;}  
    .fnt_24{font-size:16px;}
    .fnt_28{font-size:18px;}
    .fnt_30{font-size:20px;}
    .fnt_36,.fnt_38{font-size:24px;}
    .fnt_42{font-size:26px;}
    .fnt_48{font-size:28px;}
    .fnt_50{font-size:30px;}
    .fnt_60,.fnt_64{font-size:30px;}
    .fnt_72{font-size:32px;}
    .fnt_80{font-size:40px;}
    .fnt_90{font-size:50px;}
    .fnt_120{font-size:80px;}
}

@media only screen and (max-width: 767px){
    .fnt_30{font-size:16px;}
    .fnt_36,.fnt_38{font-size:18px;}
    .fnt_42{font-size:20px;}
    .fnt_48{font-size:22px;}
    .fnt_50{font-size:24px;}
    .fnt_60,.fnt_64{font-size:24px;}
    .fnt_72{font-size:30px;}
    .fnt_80{font-size:36px;}
    .fnt_90{font-size:40px;}
    .fnt_120{font-size:70px;}
}
/* 视频弹窗 */
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}


.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:60px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}



/* 回到顶部 */

#returnTop {
	display: block;
	position: fixed;
	z-index: 16;
	right: 15px;
	bottom: -100px;
	width: 46px;
	height: 46px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/phone_upload/20230223/dingduk.png) center center no-repeat;
	background-size: 100% 100%;
	transition: bottom 0.9s;
	-webkit-transition: bottom 0.9s;
	-moz-transition: bottom 0.9s;
	-o-transition: bottom 0.9s;
}
#returnTop.ddd{
    bottom: 160px;
}
/* 图片弹窗 */
.img_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:99999999999999999999999999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.img_appbox.show{visibility: visible;opacity:1;}


.img_appbox img{object-fit: cover;    width: 100%;}
.img_appbox .img_t{ 
 z-index:2; width: 1035px;max-width:94%;height: auto;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.img_appbox.show .img_t{
visibility: visible;opacity:1;
top:50%;
}
.img_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.lt9 .img_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.img_close{ position:absolute; top:60px; right:20px; cursor:pointer; z-index: 99999;}
.img_close i{color: #fff;font-size:20px;font-weight: bold;}

.btnj{
    display: block;
    width: 3.2rem;
    height: 0.8rem;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    border-radius: 0.7rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #464646;
    margin: .2rem auto;
  }
  .btnj.newsbtn{
      color: #fff;
    background: #7491aa;
  }

@media only screen and (max-width: 350px){
    .header .nav ul.link a{padding: 0.2rem 0.2rem}
}

.edit_con_original{line-height: 20px;font-size: 14px;}


body{position:relative;}
.layui-layer-hui{
	width:220px;
	left:50%!important; 
	margin-left:-110px!important;
}



