
html,body{height:100%;}
body.action{overflow:hidden;height: 100%;}
*{line-height: 1.3;}
#wrap{overflow:hidden;position:relative;min-width:1400px;min-height:100%;padding-bottom:70px;background-color:#f6f7f9;background-image: url("../images/bak.png");background-repeat: no-repeat;background-position: center bottom;}


.con-area{width:100%;max-width:1400px;margin:0 auto;}
.con-area:after{content:"";display:block;clear:both;}


#header{height:80px;text-align:center;line-height:1;background-color:#1D326C;}
#header h1{padding-top:22px;}

#main{display: table;width:100%;height: calc(100vh - 150px);}
#main #container{display: table-cell;vertical-align: middle;}

#content{margin:0 auto;width:100%;max-width:1400px;background-image: url("../images/bak_02.png");background-repeat: no-repeat;background-position: center top 80px;}
#content #section{}
#content #section .h-box{padding:45px 0;text-align: center;background-image: url("../images/con_i_01.png");background-repeat: no-repeat;background-position:right 90px center;}
#content #section .h-box p{margin-bottom:5px;font-size:20px;color:#272E48;}
#content #section .h-box h2{font-size:40px;color:#194C9F;}


#content #section .con-box{}
#content #section .con-box:after{content:"";display:block;clear:both;}
#content #section .con-box .info-box{overflow:hidden;float:left;width:675px;height:570px;padding:25px 50px 0;border-radius:25px;background-image: url("../images/info_bak.png");background-repeat: no-repeat;background-size:cover;}
#content #section .con-box .info-box h3{margin-bottom:20px;text-align:center;font-size:25px;color:#fff;}
#content #section .con-box .info-box .tit-i-01{display:block;margin-bottom:10px;padding-left:25px;font-size:17px;color:#fff;background-image: url("../images/tit_i_01.png");background-repeat: no-repeat;background-position: left center;}
#content #section .con-box .info-box .list-i-01{margin-bottom:20px;}
#content #section .con-box .info-box .list-i-01 > li{position:relative;margin-bottom:7px;padding-left:15px;font-size:15px;color:#fff;}
#content #section .con-box .info-box .list-i-01 > li:before{content:"ㆍ";position:absolute;left:0;}
#content #section .con-box .info-box .list-dl-01{}
#content #section .con-box .info-box .list-dl-01:after{content:"";display:block;clear:both;}
#content #section .con-box .info-box .list-dl-01 > dt{float:left;width:120px;font-size:17px;color:#fff;font-weight:600;}
#content #section .con-box .info-box .list-dl-01 > dd{overflow: hidden;}
#content #section .con-box .info-box .list-dl-01 > dd > ul > li{font-size:15px;color:#fff;}
#content #section .con-box .info-box .btn-wrap{margin-top:25px;}
#content #section .con-box .info-box .btn-wrap:after{content:"";display:block;clear: both;}
#content #section .con-box .info-box .btn-wrap .btn{float:left;width:270px;height:45px;border-radius:20px;text-align:center;background-color:#1252BF;}
#content #section .con-box .info-box .btn-wrap .btn.li02{float:right;background-color:#DA005B;}
#content #section .con-box .info-box .btn-wrap .btn > span{display:inline-block;padding-right:32px;line-height: 45px;font-size:17px;color:#fff;font-weight:500;background-image: url("../images/link_i.png");background-repeat: no-repeat;background-position: center right;}

#content #section .con-box .quick-box{overflow: hidden;padding-left:30px;}
#content #section .con-box .quick-box .quick-menu-list{margin:-15px -15px 0;}
#content #section .con-box .quick-box .quick-menu-list:after{content:"";display:block;clear: both;}
#content #section .con-box .quick-box .quick-menu-list > li{float:left;padding:15px;}
#content #section .con-box .quick-box .quick-menu-list > li > a{display:block;overflow:hidden;position:relative;width:205px;height:319px;padding-top:85px;border-radius: 15px;text-align: center;}
#content #section .con-box .quick-box .quick-menu-list > li.li01 > a{background-color:#25B1B7;}
#content #section .con-box .quick-box .quick-menu-list > li.li02 > a{background-color:#FFB800;}
#content #section .con-box .quick-box .quick-menu-list > li.li03 > a{background-color:#4A83DC;}
#content #section .con-box .quick-box .quick-menu-list > li.li04 > a{background-color:#156C4D;}
#content #section .con-box .quick-box .quick-menu-list > li.li05 > a{background-color:#194C9F;}
#content #section .con-box .quick-box .quick-menu-list > li.li06 > a{background-color:#F75110;}

#content #section .con-box .quick-box .quick-menu-list > li > a:before{content:"";position:absolute;top:32px;left:30px;width:45px;height:50px;background-image: url("../images/quick_bak_i.png");background-repeat: no-repeat;}
#content #section .con-box .quick-box .quick-menu-list > li > a > figure{display:inline-block;position:relative;margin-bottom:35px;}
#content #section .con-box .quick-box .quick-menu-list > li > a > figure:before{content: "";position: absolute;top:-8px;right:-7px;width:30px;height:30px;border-radius: 50%;background-color:#fff;opacity: 0.2;}
#content #section .con-box .quick-box .quick-menu-list > li > a > strong{display: block;margin-bottom:10px;font-size:18px;color:#fff;}
#content #section .con-box .quick-box .quick-menu-list > li > a > p{font-size:14px;color:#fff;}

#footer{position:absolute;left:0;bottom:0;width:100%;height:70px;padding:20px 0 0;text-align: center;font-size:15px;color:#272E48;font-weight: bold;}










