
.boxBody{min-width:1200px; background-color:#fff;}
.boxTopic{font-size:20px; font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti}
.boxTopic .box{max-width:1440px; margin:0 auto}

.banner{background:url("banner.png") #FA5422 no-repeat center center;}
.banner .box{height:500px; position:relative; box-sizing: border-box; font-size:.8em;}

.anmt3,.boxImg img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.boxImg{display: block; overflow: hidden;}
.boxImg:hover img{transform: scale(1.05)}


.boxTopic .tit{text-align: center; padding:4em 0 2em;}
.boxTopic .tit b{display:inline-block; font-size:1.8em; position: relative}
.boxTopic .tit b span{position: relative; z-index:1}
.boxTopic .tit b:before{content:''; position: absolute; left:-1em; width:2em; z-index:0; bottom:-3px; height:12px;background-color:rgba(0,140,149,.5)}
.boxTopic .tit b em{position: absolute; top:10px; right:-1em; z-index:0; opacity:.5; display: flex;}
.boxTopic .tit b em:after{content:''; background-color:#008C95; width:10px; height:10px; margin-left:2px}
.boxTopic .tit b em:before{content:''; background-color:#008C95; width:1.5em; height:12px;}
.boxTopic .tit p{margin-top:1em; color:#333; font-size:.9em; line-height:1.6em}

.boxProImg{text-align: center;}
.boxProImg a+a{margin-top:1em;}
.boxProImg a,.boxProImg img{display:inline-block; max-width:100%; margin:0 auto;}

.aNote{padding:1.8em 0 1.8em .5em;}
.aNote b{display: block; font-size:1.2em; margin-bottom:.5em}
.aNote p{margin:0; font-size:.9em; line-height:1.6em;}

.bkk1{background:url("bk_k1.png") #F8F8F8 no-repeat center top; color:#fff; padding-bottom:4em;}
.bkk1 .tit{padding-bottom:1em}
.bkk1 .tit p{color:#fff}
.bkk1 .tit p.s2{font-size:1.2em; font-weight: bold; color:#008C95; margin:2em 0 1em;}
.bkk1 ul{display: flex; max-width:92%; margin:0 auto; justify-content: space-between; align-items: center}
.bkk1 ul b{display: block; color:#008C95; font-size:1.2em;}
.bkk1 ul span{font-size:.9em; display: block; padding:.5em 0 1em;}
.bkk1 ul img{display: block; max-width: 100%;}
.bkk1 dl{color:#333; text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap;}
.bkk1 dl dt{width:100%; font-size:1.2em; font-weight: bold; padding:2em 0}
.bkk1 dl dd>*{display: block; margin:0 auto;}
.bkk1 dl dd b{margin:.6em 0}
.bkk1 dl dd span{font-size:.9em;}


.boxTopicFooter{background: url("bk_f.png") no-repeat center center / cover; min-height:8em; padding:1em 0 1.5em; color:#fff; text-align:center;}
.boxTopicFooter>b{font-size:1.8em; display: block; padding-bottom:.5em}
.boxTopicFooter ul{display: flex;  justify-content:center; background-color:#fff; border-radius:5px; color:#333; padding:1em; text-align: left; gap:3%}
.boxTopicFooter ul li>span{font-size:.9em; display: block; padding-bottom:.4em}
.boxTopicFooter ul li:first-of-type{min-width:250px}
.boxTopicFooter input,.boxTopicFooter label span{font-size:18px; height:50px; border:2px solid #ddd; border-radius:5px; box-sizing: border-box; padding:0 .5em; max-width:100%; display: block; width:100%;}
.boxTopicFooter input:focus{outline:none; border-color:#008C95}
.boxTopicFooter label{font-weight: normal; cursor:pointer;}
.boxTopicFooter label+label{margin-left:10px}
.boxTopicFooter label input{display:none}
.boxTopicFooter label span{color:#666; line-height:46px; min-width:6em; text-align: center; display: block}
.boxTopicFooter label:hover span{background-color:#FFF5E7}
.boxTopicFooter label input:checked+span{background-color:#E1F8FA; color:#008C95; border-color:#008C95}
.boxTopicFooter .bnSubmit{color:#fff; font-weight: bold; width: 200px; border-radius:5px; cursor:pointer; text-align: center; font-size:.9em; line-height:50px;}
.boxTopicFooter .bnSubmit:hover{opacity:.8}