/**************************style***************************/
*{margin:0;padding:0;box-sizing: border-box;}
html{overflow-x:hidden;margin: 0 auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin:0;padding:0;}
body{word-break: break-all;font: 12px/1.5 "Microsoft YaHei","PingFang SC","Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;max-width: 750px;margin:auto;}
button,a,img,em{border:0;}
img{vertical-align:middle;}
li,ul{list-style:none;}
i{font-style:normal;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
input,textarea,button,select{outline:none;}
/*font*/
em,i{font-style:normal;font-weight:normal;}
/* table */
table{border-collapse:collapse;border-spacing:0;}
label{display:block;}
input{border:0;appearance:none; -moz-appearance:none; -webkit-appearance:none; color: #4d4d4d; font-size:12px; background:none;}

/***************************class***************************/
.fl{float:left;}
.fr{float:right;}
.block{display:block;}
.font-m{font-family: ;}
*html .clearfix{height:1%}
*+html .clearfix{min-height:1%}
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both;}
.center{text-align: center;}
.cursor{cursor:pointer;}
.hide{display:none;}
.ell{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/***************************content***************************/
.wrapper{width: 100%; min-height: 100vh;color: #fff;position: relative;background:url(../images/background.png) no-repeat center center;background-size:100% 100%}

.header{height:274px;text-align:center;}
.header .logo{margin: auto;padding-top: 55px;}
.header img{width: 138px;margin: auto;}
.header .logo_title{ font-size: 30px;line-height: 46px;text-align: center;font-weight:500;margin-top:2px;}

.content{margin:90px 30px;padding-bottom: 168px;border-radius:20px 20px 0 0;min-height:calc(100vh - 278px);position:relative;z-index:10}
.content .con_ul{padding:70px 0 16px;position: relative;z-index: 11;background:url(../images/smallBackground.png) no-repeat center center;background-size:100% 100%}
.content .con_ul li{height:98px;line-height:90px;background: #62A8EA;border-radius: 20px;border: 1px solid rgba(26,71,148,0.32);margin:0 52px;margin-bottom:54px;background-repeat: no-repeat;background-position: 160px center;}
.content .con_ul li:last-child{margin-bottom:0}
.content .con_ul li a{font-size:36px;color:#fff;letter-spacing:4px;padding-left: 40px;display:block;}
.content .con_ul li.one{background-image:url(../images/icon01.png);}
.content .con_ul li.two{background-image:url(../images/icon02.png);}
.content .con_ul li.three{background-image:url(../images/icon03.png);}
.content .con_ul li.four{background-image:url(../images/icon04.png);}
.content .con_ul li.five{background-image:url(../images/icon05.png);}

.content .con_left{position: absolute;left: -30px;top: 286px;z-index:-1;display:none;}
.content .con_right{position: absolute;right: -30px;bottom: 230px;z-index:-1;display:none;}

.location{line-height:34px;padding:20px 0 20px 52px;border-bottom:2px solid #020a18;margin-bottom:20px;margin-top:100px;}
.location .local_icon{float:left;margin-right:20px}
.location .local_add{float:left;font-size:24px;}
.location .local_add a{color:#fff;display:inline}

.footer{text-align:center;height:168px;position:absolute;left:0;right:0;bottom:37px}
.footer p{font-size:26px;padding-top:108px}
.footer p a{display:inline;color: #fff;}

.page_list{margin: 20px 52px;}
.page_list li{line-height: 60px;border-bottom: 1px dashed #aab2c1;padding: 10px 0;}
.page_list li a{width: 70%;font-size: 30px;color: #aab2c1;}
.page_list li i{font-size: 26px;color: #aab2c1;}

.con_text{margin:0 52px;}
.con_text .text img,.con_text .text table{max-width:100%;}
.preview-frame{width:100%;height:860px;border:none;}



/* ===== page ===== */
.page_num{margin: 30px 0;font-size: 15px; color: #898989;}
.page_num .page >li{display: inline-block;padding: 4px 8px;border: 1px solid #aaa;border-radius: 4px;}
.page_num .page >li > a{color: #125fad;}
.page_num .page .pageBtn{border: none;padding: 4px 0;}
.page_num .page .pageBtn a{border: 1px solid #aaa;border-radius: 4px;padding: 5px 10px;margin: 0 4px;display:inline-block;}
.page_num .page .pageBtn a.active{background: #125fad;color: #fff;border-color: #125fad;}
.page_num .page li span{color: #125fad;}


@keyframes load{
  from{padding-top:55px}
to{padding-top:28px}
}
@-webkit-keyframes load{
  from{padding-top:55px}
to{padding-top:28px}
}
@-moz-keyframes load{
  from{padding-top:55px}
to{padding-top:28px}
}


@keyframes delay{
  form{margin-top:-26px;min-height:calc(100vh - 248px)}
to{margin-top:-80px;min-height:calc(100vh - 194px)}
}
@-webkit-keyframes delay{
  form{margin-top:-26px;min-height:calc(100vh - 248px)}
to{margin-top:-80px;min-height:calc(100vh - 194px)}
}
@-moz-keyframes delay{
  form{margin-top:-26px;min-height:calc(100vh - 248px)}
to{margin-top:-80px;min-height:calc(100vh - 194px)}
}