gp-designer 1.0.37 → 1.0.39

package/dist/spa/topic/css/common.css

@@ -0,0 +1,4176 @@
+body,html {
+    margin: 0;
+    padding: 0
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: none;
+    margin: 0;
+    padding: 0;
+    width: 100%
+}
+
+.bg-cover {
+    background-repeat: no-repeat;
+    -webkit-background-size: cover;
+    background-size: cover;
+    background-position: center center
+}
+
+.nm {
+    margin: 0!important
+}
+
+.fl {
+    float: left
+}
+
+.fr {
+    float: right
+}
+
+.text-nowrap {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden
+}
+
+.text-nowrap2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical
+}
+
+.clearfix {
+    zoom:1}
+
+.clearfix:after,.clearfix:before {
+    display: table;
+    content: ""
+}
+
+.clearfix:after {
+    clear: both
+}
+
+.template,.template1,.template2 {
+    padding: 20px 30px;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.template2 .item {
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden;
+    position: relative
+}
+
+.template1 {
+    padding-bottom: 15px
+}
+
+.template1 .item,.template .item {
+    position: relative
+}
+
+.flx,.flx-c {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    align-items: stretch
+}
+
+.flx-c {
+    justify-content: center;
+    align-items: center
+}
+
+.prl {
+    padding: 0 30px
+}
+
+.fit,.fit2 {
+    overflow: hidden;
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    transform: rotate(0deg)
+}
+
+.fit img,.fit2 img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: left top
+}
+
+.fit2,.fit {
+    position: relative
+}
+
+.fit2 img,.fit img {
+    position: absolute;
+    left: 0;
+    top: 0
+}
+
+.h0 {
+    line-height: 1;
+    font-size: 30px;
+    color: #12bfaf
+}
+
+.h3,.h4 {
+    margin-top: 0;
+    font-size: 18px;
+    min-height: 20px;
+    color: #333;
+    font-weight: bold;
+    line-height: 1.4
+}
+
+.h4 {
+    font-size: 16px;
+    min-height: 18px
+}
+
+.h5 {
+    font-size: 14px;
+    font-weight: bold
+}
+
+.txt1,.txt2,.txt3 {
+    margin: 0;
+    font-size: 16px;
+    color: #666;
+    line-height: 21px
+}
+
+.txt2,.txt3 {
+    line-height: 21px;
+    font-size: 16px
+}
+
+.txt3 {
+    color: #666
+}
+
+.cir {
+    border-radius: 50%
+}
+
+.icon {
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    overflow: hidden
+}
+
+.item:hover .fit2 img,.item:hover .fit img,.h-v:hover .fit2 img,.h-v:hover .fit img,.temp53 .imgs:hover img,.template .itm .fit:hover img,.temp63 .fit2:hover img,.temp98:hover .left img {
+    -o-transform: scale(1.1)!important;
+    -ms-transform: scale(1.1)!important;
+    -moz-transform: scale(1.1)!important;
+    -webkit-transform: scale(1.1)!important;
+    transform: scale(1.1)!important
+}
+
+.has-last .item:last-child,.has-last2 .item:last-child,.has-last2 .item:nth-last-child(2) {
+    margin-bottom: 0!important
+}
+
+.h00 {
+    font-size: 30px;
+    line-height: 1.4;
+    min-height: 32px;
+    color: #5067f0;
+    position: relative
+}
+
+.h00:after {
+    position: absolute;
+    left: 0;
+    bottom: -10px;
+    content: '';
+    width: 60px;
+    height: 3px;
+    background-color: #5067f0
+}
+
+.c-01 {
+    color: #12bfaf!important
+}
+
+.c-33 {
+    color: #333!important
+}
+
+.c-66 {
+    color: #666!important
+}
+
+.c-99 {
+    color: #999!important
+}
+
+.c-80 {
+    color: #666!important
+}
+
+.bz {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.tac {
+    text-align: center!important
+}
+
+.fz0 {
+    font-size: 0!important
+}
+
+.fz14 {
+    font-size: 14px!important
+}
+
+.fz16 {
+    font-size: 16px!important
+}
+
+.fz18 {
+    font-size: 18px!important
+}
+
+.fwb {
+    font-weight: bold!important
+}
+
+.fwn {
+    font-weight: normal!important
+}
+
+.h-v2 .item:hover {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)!important
+}
+
+.h-v2 .item:hover .h3,.h-v2 .item:hover .txt1,.h-v2 .item:hover .txt2,.h-v2 .item:hover .txt3,.h-v2 .item:hover .h3 p,.h-v2 .item:hover .txt1 p,.h-v2 .item:hover .txt2 p,.h-v2 .item:hover .txt3 p {
+    color: #fff!important
+}
+
+.h-v3 .item {
+    padding-bottom: 30px;
+    border-bottom: 4px solid transparent
+}
+
+.h-v3 .item:hover {
+    padding-bottom: 25px;
+    border-bottom-color: #5067f0
+}
+
+a.MEIQIA:-webkit-any-link {
+    text-decoration: none!important
+}
+
+a.MEIQIA {
+    text-decoration: none
+}
+
+.no-line:-webkit-any-link {
+    text-decoration: none!important
+}
+
+.no-line {
+    text-decoration: none!important
+}
+
+.has-line {
+    text-decoration: underline!important
+}
+
+.has-line:-webkit-any-link {
+    text-decoration: underline!important
+}
+
+.bg {
+    background: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%)
+}
+
+.title.t18 .dib {
+    position: relative
+}
+
+.title.t18 .dib:before {
+    content: '';
+    position: absolute;
+    left: -28px;
+    top: -14px;
+    width: 53px;
+    height: 58px;
+    background: url(images/icon02.png) no-repeat;
+    z-index: 1
+}
+
+.title.t18 .dib span,.title.t18 .dib a {
+    position: relative;
+    z-index: 2;
+    padding: 5px
+}
+
+.temp01 {
+    position: relative
+}
+
+.temp01 .item {
+    width: 100%;
+    padding-left: calc(41.6% + 75px);
+    position: relative;
+    box-sizing: border-box;
+    min-height: 346px;
+    height: 346px
+}
+
+.temp01 .item .fit {
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 0;
+    width: 41.6%;
+    padding-bottom: 41.6%;
+    background: rgba(0,0,0,.1)
+}
+
+.temp01 .item .fit img {
+    position: absolute;
+    left: 0;
+    top: 0
+}
+
+.temp01 .item .content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between
+}
+
+.temp01 .item .icon-txt {
+    padding-left: 82px;
+    height: 64px;
+    position: relative;
+    box-sizing: border-box;
+    padding-top: 12px
+}
+
+.temp01 .item .icon-txt .icon {
+    position: absolute;
+    left: 0;
+    top: 0
+}
+
+.temp02 {
+    text-align: center
+}
+
+.temp02 .item {
+    width: 20%;
+    padding-bottom: 20px;
+    border-bottom: 4px solid transparent
+}
+
+.temp02 .item:hover {
+    border-bottom-color: #5067f0
+}
+
+.temp02 .item .fit {
+    padding-bottom: 66.67%
+}
+
+.temp02 .item .h3 {
+    margin-top: 29px;
+    padding: 0 5px
+}
+
+.temp02 .item .txt1 {
+    padding: 0 5px
+}
+
+.temp03 {
+    text-align: center
+}
+
+.temp03 .item {
+    padding-bottom: 64px!important;
+    position: relative;
+    background-color: #fff;
+    min-height: 171px
+}
+
+.temp03 .item .content {
+    padding: 0 34px;
+    overflow: hidden;
+    padding-bottom: 20px
+}
+
+.temp03 .item .txt2 {
+    color: #999
+}
+
+.temp03 .btn {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 64px;
+    line-height: 64px;
+    font-size: 16px;
+    color: #fff;
+    background: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%);
+    cursor: pointer
+}
+
+.temp04 .fit2 {
+    float: left;
+    width: 55.5%;
+    padding-bottom: 34%;
+    margin-right: 16px
+}
+
+.temp04 .txt1,.temp05 .txt2,.temp12 .item .txt1 {
+    font-size: 15px;
+    line-height: 24px
+}
+
+.temp05 .txt2 {
+    font-size: 15px;
+    line-height: 24px
+}
+
+.temp05 .item:last-child {
+    border-bottom: none;
+    padding-bottom: 0
+}
+
+.temp05 .item {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 20px;
+    margin-bottom: 20px
+}
+
+.temp05 .item.item2 .fit2 {
+    margin-left: 12px;
+    margin-right: 0;
+    float: right
+}
+
+.temp05 .item .fit2 {
+    float: left;
+    width: 22.22%;
+    padding-bottom: 14.44%;
+    margin-right: 12px
+}
+
+.temp07 .item,.temp96 .item {
+    width: 23.6%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    padding: 16px 16px 92px;
+    background-color: #fff;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden
+}
+
+.temp07 .item:hover {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp07 .item:hover .h3,.temp07 .item:hover .txt3 {
+    color: #fff
+}
+
+.temp07 .item:hover .more {
+    background: #fff;
+    color: #5067f0
+}
+
+.temp07 .fit2 {
+    padding-bottom: 56.3%
+}
+
+.temp07 .h3,.temp96 .h3 {
+    text-align: center;
+    margin-top: 29px
+}
+
+.temp07 .txt3,.temp96 .txt3 {
+    margin-top: 23px
+}
+
+.temp07 .more,.more.btn {
+    position: absolute;
+    left: 50%;
+    margin-left: -50px;
+    width: 100px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 12px;
+    background: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%);
+    border-radius: 16px;
+    color: #fff;
+    text-align: center;
+    bottom: 35px
+}
+
+.temp08 .item {
+    float: left;
+    width: 25%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    text-align: center
+}
+
+.temp08 .item.i2 {
+    padding-bottom: 25%;
+    overflow: hidden
+}
+
+.temp08 .item.i2 .content {
+    position: absolute;
+    left: 0;
+    padding: 10px 16px 0;
+    top: 0
+}
+
+.temp08 .h3 {
+    margin-top: 18px
+}
+
+.temp08 .txt1 {
+    margin-top: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical
+}
+
+.temp08 .more {
+    display: block;
+    position: static;
+    width: 90px;
+    height: 36px;
+    line-height: 36px;
+    border-radius: 18px;
+    margin: 20px auto 0
+}
+
+.temp08 .fit2 {
+    padding-bottom: 100%
+}
+
+.temp09 .left,.temp09 .right {
+    float: left;
+    width: 50%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.temp09 .left {
+    padding-right: 50px
+}
+
+.temp09 .left .txt2,.temp10 .left .txt2 {
+    margin-top: 53px
+}
+
+.temp09 .more.btn,.temp10 .more.btn {
+    position: static;
+    display: block;
+    width: 120px;
+    margin-left: 0;
+    height: 36px;
+    line-height: 36px;
+    margin-top: 55px
+}
+
+.temp09 .right .item,.temp10 .bottom .item {
+    width: calc(50% - 8px);
+    margin-bottom: 20px
+}
+
+.temp09 .right .item .img,.temp10 .bottom .item .img {
+    width: 32px;
+    height: 32px
+}
+
+.temp09 .right .h3,.temp10 .bottom .h3 {
+    margin-top: 16px
+}
+
+.temp09 .right .txt1,.temp10 .bottom .txt1 {
+    margin-top: 18px
+}
+
+.temp10 {
+    padding-right: 0
+}
+
+.temp10 .font {
+    float: left;
+    width: calc(44% - 25px)
+}
+
+.temp10 .more.btn {
+    margin: 0;
+    position: absolute;
+    bottom: 11px;
+    left: 0
+}
+
+.temp10 .left {
+    position: relative;
+    overflow: hidden
+}
+
+.temp10 .left .txt2 {
+    padding-bottom: 70px
+}
+
+.temp10 .fit2 {
+    float: right;
+    width: 55%;
+    padding-bottom: 26.6%;
+    margin-left: 25px
+}
+
+.temp10 .bottom {
+    clear: both
+}
+
+.temp10 .bottom .item {
+    margin-bottom: 0;
+    width: calc(25% - 16px)
+}
+
+.temp12 .item {
+    width: calc(50% - 30px);
+    position: relative;
+    min-height: 83px;
+    box-sizing: border-box;
+    margin-bottom: 45px;
+    overflow: hidden
+}
+
+.temp12 .item {
+    width: calc(50% - 30px);
+    position: relative;
+    min-height: 83px;
+    box-sizing: border-box;
+    margin-bottom: 20px;
+    padding-bottom: 20px;
+    overflow: hidden;
+    border-bottom: 1px solid #eee
+}
+
+.temp12 .item:last-child,.temp12 .item:nth-last-child(2) {
+    margin-bottom: 0;
+    border-bottom: none;
+    padding-bottom: 0
+}
+
+.temp12 .item .fit {
+    float: left;
+    width: 116px;
+    height: 83px
+}
+
+.temp12 .item .h3 {
+    font-size: 18px;
+    color: #333;
+    font-weight: bold;
+    margin-left: 125px
+}
+
+.temp12 .item .txt1 {
+    color: #666;
+    text-align: justify;
+    margin-left: 125px
+}
+
+.temp13 {
+    text-align: center;
+    display: flex;
+    justify-content: space-between
+}
+
+.temp13 .item {
+    float: left;
+    width: 33.33%;
+    padding-bottom: 92px;
+    border-bottom: 4px solid transparent
+}
+
+.temp13 .item:hover {
+    border-bottom-color: #5067f0
+}
+
+.temp13 .h3 {
+    margin-top: 36px
+}
+
+.temp13 .fit2 {
+    width: 100%;
+    padding-bottom: 66%
+}
+
+.temp13 .txt2 {
+    margin-top: 14px;
+    text-align: center;
+    padding: 0 20px
+}
+
+.temp13 .more {
+    margin-top: 35px
+}
+
+.temp14 .item {
+    float: left;
+    width: 33.33%;
+    padding-bottom: 22.22%;
+    position: relative
+}
+
+.temp14 .h3 {
+    text-align: center
+}
+
+.temp14 .txt1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 7;
+    -webkit-box-orient: vertical
+}
+
+.temp14 .item .content {
+    padding: 0 45px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center
+}
+
+.temp14 .fit2,.temp14 .item .content {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.temp15 .item {
+    width: 30.9%;
+    padding-top: 36px
+}
+
+.temp15 .item:hover .content {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp15 .h3 {
+    color: #5067f0
+}
+
+.temp15 .item:hover .h3,.temp15 .item:hover .txt1 {
+    color: #fff!important
+}
+
+.temp15 .content {
+    border: 2px solid #5067f0;
+    position: relative;
+    text-align: center;
+    padding: 60px 30px 25px;
+    height: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.temp15 .icon {
+    width: 72px;
+    height: 72px;
+    position: absolute;
+    left: 50%;
+    top: -36px;
+    margin-left: -36px
+}
+
+.temp17 .item,.temp03 .item {
+    width: 30.9%;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden;
+    padding-bottom: 12px
+}
+
+.temp17 .item .fit,.temp03 .item .fit {
+    padding-bottom: 65.7%
+}
+
+.temp17 .content,.temp03 .content {
+    padding: 0 12px
+}
+
+.temp17 .item .h3,.temp03 .item .h3 {
+    margin-top: 24px
+}
+
+.temp17 .item .txt1,.temp03 .item .txt1 {
+    margin-top: 20px
+}
+
+.temp18 {
+    text-align: center
+}
+
+.temp18 .item {
+    position: relative;
+    width: 23%;
+    padding: 24px 22px 20px;
+    border-radius: 4px;
+    overflow: hidden;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22)
+}
+
+.temp18 .item:hover {
+    box-shadow: 0 0 13px 0 rgba(169,65,1,.14),0 4px 0 0 #5067f0
+}
+
+.temp18 .icon {
+    margin: 0 auto
+}
+
+.temp18 .h5 {
+    margin-top: 20px;
+    font-size: 14px
+}
+
+.temp19 .fit2 {
+    width: 48.3%;
+    padding-bottom: 25.56%
+}
+
+.temp19 .com {
+    position: absolute;
+    left: 0;
+    top: 0;
+    border: solid 1px #eee;
+    width: 100%;
+    height: 100%;
+    padding: 30px;
+    padding-bottom: 42px
+}
+
+.temp19 .txt1 {
+    margin-top: 14px;
+    line-height: 21px
+}
+
+.temp19 .com .more1 {
+    position: absolute;
+    left: 30px;
+    bottom: 30px
+}
+
+.more1 {
+    font-size: 12px!important;
+    color: #12bfaf!important;
+    text-decoration: none!important
+}
+
+.more1 i {
+    display: inline-block;
+    width: 10px;
+    height: 8px;
+    background: url(images/more.png) no-repeat;
+    margin-right: 4px
+}
+
+.temp20 .item,.col-4 .item {
+    width: 22.5%
+}
+
+.temp20 .item {
+    position: static
+}
+
+.temp20 .fit2 {
+    border-radius: 50%;
+    padding-bottom: 100%
+}
+
+.temp20 .h3 {
+    margin-top: 22px
+}
+
+.temp21 .item {
+    padding-bottom: 25px
+}
+
+.temp21 .h3 {
+    padding: 18px 12px 16px
+}
+
+.temp21 .fit2 {
+    padding-bottom: 50%
+}
+
+.temp21 .txt1 {
+    padding: 15px 20px 0;
+    margin-top: 0
+}
+
+.temp22 {
+    padding: 20px 9.55%
+}
+
+.temp22 .item {
+    width: 47.23%;
+    margin-bottom: 20px;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden
+}
+
+.temp22 .fit2 {
+    padding-bottom: 67.65%
+}
+
+.temp22 .cont {
+    padding: 18px 20px 16px
+}
+
+.temp23 .item {
+    width: 23.33%;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden
+}
+
+.temp23 .fit2 {
+    padding-bottom: 100%
+}
+
+.temp23 .content {
+    padding: 18px 16px 14px
+}
+
+.temp24 .item {
+    padding: 12px;
+    width: 48.8%;
+    margin-bottom: 20px;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden
+}
+
+.temp24 .fit2 {
+    float: left;
+    width: 46.8%;
+    margin-right: 16px;
+    padding-bottom: 31%
+}
+
+.temp24 .h3 {
+    padding-top: 5px;
+    font-size: 20px;
+    height: 36px;
+    position: relative
+}
+
+.temp24 .h3:after {
+    content: '';
+    left: 0;
+    bottom: 0;
+    position: absolute;
+    width: 22px;
+    height: 3px;
+    background-color: #5067f0
+}
+
+.temp24 .item:hover .h3:after {
+    background-color: #fff
+}
+
+.temp24 .txt2 {
+    margin-top: 16px
+}
+
+.temp25 {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap
+}
+
+.temp25 .item {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 50%;
+    flex-shrink: 0;
+    position: relative;
+    padding: 12px 0
+}
+
+.temp25 .item .content {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    height: 100%;
+    background-color: #ececec;
+    position: relative;
+    padding: 16px 30px;
+    min-height: 83px;
+    border-bottom: 4px solid transparent
+}
+
+.temp25 .item:hover .content {
+    border-bottom-color: #5067f0
+}
+
+.temp25 .item:nth-child(1),.temp25 .item:nth-child(2) {
+    padding-top: 0
+}
+
+.temp25 .item:last-child,.temp25 .item:nth-last-child(2) {
+    padding-bottom: 0
+}
+
+.temp25 .item:nth-child(2n-1) {
+    border-right: 1px solid #ececec;
+    padding-right: 37px
+}
+
+.temp25 .item:nth-child(2n-1) .content:after {
+    content: '';
+    position: absolute;
+    border: 9px solid transparent;
+    border-left-color: #ececec;
+    right: -18px;
+    top: 16px
+}
+
+.temp25 .item:nth-child(2n) .content:after {
+    content: '';
+    position: absolute;
+    border: 9px solid transparent;
+    border-right-color: #ececec;
+    left: -18px;
+    top: 67px
+}
+
+.temp25 .item:nth-child(2n-1) .content:before {
+    top: 16px;
+    right: -45px
+}
+
+.temp25 .item:nth-child(2n) {
+    border-left: 1px solid #ececec;
+    padding-left: 37px
+}
+
+.temp25 .item:nth-child(2n) .content:before {
+    top: 67px;
+    left: -45px
+}
+
+.temp25 .item .content:before {
+    position: absolute;
+    border-radius: 50%;
+    content: '';
+    width: 10px;
+    height: 10px;
+    border: 2px solid #ececec;
+    background-color: #fff;
+    z-index: 100
+}
+
+.temp25 .item:hover .content:before {
+    border-color: #5067f0
+}
+
+.temp25 .h3 img {
+    vertical-align: middle;
+    margin-right: 12px
+}
+
+.temp27 {
+    padding: 20px 60px
+}
+
+.temp27 .item {
+    width: 30.6%
+}
+
+.temp27 .fit2 {
+    padding-bottom: 100%
+}
+
+.temp27 .content {
+    padding: 25px 16px 27px
+}
+
+.temp29 {
+    position: relative
+}
+
+.temp29 .item.right {
+    position: absolute;
+    right: 0;
+    top: 0;
+    margin: 0
+}
+
+.temp29 .item {
+    width: 31.78%;
+    float: left;
+    margin-right: 19px;
+    margin-bottom: 20px
+}
+
+.temp29 .item.right {
+    position: absolute;
+    right: 0;
+    top: 0
+}
+
+.temp29 .item.right .fit2 {
+    padding-bottom: calc(111.92% + 20px)
+}
+
+.temp29 .content {
+    position: relative
+}
+
+.temp29 .fit2 {
+    padding-bottom: 55.96%
+}
+
+.temp30 .item {
+    width: 48.9%;
+    padding-top: 17px;
+    margin-bottom: 20px
+}
+
+.temp30 .item:hover .content {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp30 .item:hover .txt2 {
+    color: #fff
+}
+
+.temp30 .h3,.temp-con .content .h3 {
+    position: absolute;
+    left: 50%;
+    margin-left: -107px;
+    top: -21px;
+    width: 214px;
+    height: 38px;
+    line-height: 34px;
+    text-align: center;
+    font-weight: normal;
+    background: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%);
+    border: solid 2px #5067f0;
+    color: #fff
+}
+
+.temp30 .h3:before,.temp30 .h3:after,.temp-con .content .h3:before,.temp-con .content .h3:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    border-bottom: 17px solid #4259df
+}
+
+.temp30 .h3:before,.temp-con .content .h3:before {
+    border-left: 12px solid transparent;
+    left: -14px
+}
+
+.temp30 .h3:after,.temp-con .content .h3:after {
+    border-right: 12px solid transparent;
+    right: -14px
+}
+
+.temp30 .fit2 {
+    position: relative;
+    margin-top: 39px;
+    margin-left: 30px;
+    z-index: 2;
+    width: 33.64%;
+    padding-bottom: 31.36%;
+    float: left;
+    margin-right: 16px
+}
+
+.temp30 .content {
+    z-index: 1;
+    padding: 38px 38px 20px 40%;
+    position: relative;
+    border: 2px solid #5067f0;
+    height: 100%
+}
+
+.temp30 .txt2 {
+    margin-top: 20px
+}
+
+.temp32 .item {
+    width: 48.9%;
+    border: solid 2px #5067f0;
+    position: relative;
+    padding-right: 25px;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 20px
+}
+
+.temp32 .left {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    float: left;
+    width: 176px;
+    padding: 58px 0;
+    margin-right: 30px;
+    flex-shrink: 0
+}
+
+.temp32 .right {
+    min-height: 196px;
+    position: relative;
+    padding-bottom: 62px
+}
+
+.temp32 .icon {
+    margin: 0 auto;
+    background: #fff
+}
+
+.temp32 .h3 {
+    color: #fff;
+    margin-top: 16px
+}
+
+.temp32 .txt2 {
+    margin-top: 20px
+}
+
+.temp32 .btn {
+    position: absolute;
+    bottom: 30px;
+    width: 120px;
+    height: 32px;
+    line-height: 32px;
+    text-align: center;
+    font-size: 14px;
+    color: #fff;
+    background: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%);
+    border-radius: 16px
+}
+
+.title {
+    text-align: center;
+    padding-top: 33px;
+    clear: both
+}
+
+.title .h {
+    font-size: 24px;
+    line-height: 1.5;
+    color: #333;
+    font-weight: bold;
+    position: relative
+}
+
+.title .text {
+    margin-top: 10px;
+    font-size: 16px;
+    line-height: 21px;
+    color: #666
+}
+
+.title.t3 .h {
+    margin-bottom: 20px;
+    padding-bottom: 20px
+}
+
+.title.t3 .h i {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    margin-left: -36px;
+    width: 72px;
+    height: 4px;
+    background-color: #5067f0
+}
+
+.title.t3 .h i:after {
+    content: '';
+    position: absolute;
+    width: 50%;
+    height: 4px;
+    right: 0;
+    background-color: #fe5e60
+}
+
+.title .h .icon1 {
+    vertical-align: -3px;
+    margin-right: 16px
+}
+
+.title .number {
+    font-size: 18px;
+    color: #fff;
+    position: relative;
+    height: 76px;
+    line-height: 76px;
+    margin-bottom: 12px
+}
+
+.title .number span,.title .h span,.title .number .span,.title .h .span {
+    position: relative;
+    z-index: 2
+}
+
+.title .number:before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -28px;
+    margin-top: -28px;
+    width: 56px;
+    height: 56px;
+    background-image: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    border-radius: 6px;
+    -o-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    transform: rotate(45deg)
+}
+
+.title.t9 .h .after {
+    position: absolute;
+    white-space: nowrap;
+    font-size: 34px;
+    color: #f6f6f6;
+    left: 50%;
+    top: 12px;
+    z-index: 1;
+    -o-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+    -moz-transform: translateX(-50%);
+    transform: translateX(-50%);
+    line-height: 1;
+    margin: 0
+}
+
+.title .letter {
+    margin-top: 5px
+}
+
+.title.t11 .h .after {
+    font-size: 64px;
+    top: 50%;
+    -o-transform: translate(-50%,-50%);
+    -ms-transform: translate(-50%,-50%);
+    -webkit-transform: translate(-50%,-50%);
+    -moz-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%)
+}
+
+.title.t11 .text {
+    margin-top: 23px
+}
+
+.title.t12 .h {
+    font-size: 0
+}
+
+.dib {
+    display: inline-block
+}
+
+.title.t12 .h .left {
+    font-size: 40px;
+    margin-right: 5px
+}
+
+.title.t12 .h .right,.title.t12 .h .right p {
+    margin: 0;
+    color: #333;
+    font-size: 16px;
+    line-height: 1.2;
+    text-align: left
+}
+
+.title.t13 .con {
+    line-height: 1;
+    background-color: #fff;
+    position: relative;
+    z-index: 2;
+    padding: 0 12px;
+    top: -10px
+}
+
+.title.t13 .border {
+    background: transparent;
+    padding: 0 24px;
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    border: 4px solid #5067f0;
+    padding-bottom: 5px
+}
+
+.title.t13 .text {
+    margin-top: 20px
+}
+
+.title.t14 .h {
+    font-size: 0
+}
+
+.title.t14 .h .dib span {
+    position: relative;
+    z-index: 2;
+    color: #fff
+}
+
+.title.t14 .dib {
+    font-size: 24px;
+    padding: 6px 35px;
+    position: relative
+}
+
+.title.t14 .dib:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    -o-transform: skew(-15deg);
+    -ms-transform: skew(-15deg);
+    -moz-transform: skew(-15deg);
+    -webkit-transform: skew(-15deg);
+    transform: skew(-15deg);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3)
+}
+
+.title.t14 .text {
+    margin-top: 20px
+}
+
+.title.t16 .cont {
+    padding: 30px 0;
+    position: relative
+}
+
+.title.t16 .cont div {
+    position: relative;
+    z-index: 2
+}
+
+.title.t16 .cont:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -33px;
+    margin-top: -64px;
+    width: 66px;
+    height: 128px;
+    background: url(images/icon03.png) no-repeat
+}
+
+.title.t16 .text {
+    margin-top: 20px
+}
+
+.title.t16 .letter {
+    line-height: 21px;
+    margin-top: -2px
+}
+
+.title.t20 .h {
+    line-height: 1
+}
+
+.title.t20 .text {
+    margin-top: 0
+}
+
+.title.t20 .h img {
+    vertical-align: -22px
+}
+
+.title.t22 img {
+    margin-bottom: -6px
+}
+
+.title.t23 .line {
+    position: relative;
+    margin-top: 12px
+}
+
+.title.t23 .line img {
+    position: relative;
+    z-index: 2
+}
+
+.title.t23 .line:after {
+    position: absolute;
+    content: '';
+    left: 0;
+    width: 100%;
+    top: 50%;
+    border-top: 1px solid #ddd;
+    z-index: 0
+}
+
+.title.t24 img,.title.t25 img {
+    vertical-align: middle
+}
+
+.title.t24 .h,.title.t25 .h {
+    font-size: 0
+}
+
+.title.t24 .h span,.title.t25 .h span,.title.t24 .h span,.title.t25 .h a {
+    white-space: pre-wrap;
+    font-size: 24px;
+    display: inline-block;
+    vertical-align: middle;
+    padding: 0 20px;
+    max-width: calc(100% - 430px)
+}
+
+.title.t25 .h span {
+    max-width: calc(100% - 126px)
+}
+
+.title.t27 .h {
+    position: relative
+}
+
+.title.t27 .h:before {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 50%;
+    left: 0;
+    bottom: 0;
+    border: 1px solid #5067f0;
+    border-bottom: none
+}
+
+.title.t27 .dib {
+    padding: 7px 40px;
+    min-width: 230px;
+    color: #fff;
+    position: relative;
+    z-index: 2;
+    max-width: calc(100% - 150px)
+}
+
+.title.t27 .dib span {
+    position: relative;
+    z-index: 2
+}
+
+.title.t27 .dib i {
+    position: absolute;
+    z-index: 0;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.title.t27 .dib:after,.title.t27 .dib:before,.title.t27 .dib i:after,.title.t27 .dib i:before {
+    content: '';
+    position: absolute;
+    width: 12px;
+    height: 100%;
+    top: 0;
+    background-color: #fff;
+    z-index: 3;
+    overflow: hidden
+}
+
+.title.t27 .dib i:after,.title.t27 .dib i:before {
+    background-color: #fe5e60
+}
+
+.title.t27 .dib i:after {
+    left: 0
+}
+
+.title.t27 .dib i:before {
+    right: 0
+}
+
+.title.t27 .dib i,.title.t27 .dib:after,.title.t27 .dib:before {
+    transform: skewX(-15deg)
+}
+
+.title.t27 .dib span {
+    display: inline-block;
+    max-width: 100%
+}
+
+.title.t27 .dib:after {
+    left: 12px
+}
+
+.title.t27 .dib:before {
+    right: 12px
+}
+
+.temp33 .item {
+    width: 25%;
+    border-right: 2px dotted #bdbabb;
+    border-bottom: 2px dotted #bdbabb;
+    padding: 0 30px;
+    text-align: center;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    padding-bottom: 22px
+}
+
+.temp33 .item:nth-child(n+5) {
+    border-bottom: none;
+    padding-top: 22px;
+    padding-bottom: 0
+}
+
+.temp33 .item:nth-child(4n) {
+    border-right: none
+}
+
+.temp33 .item img {
+    display: block;
+    margin: 0 auto
+}
+
+.temp33 .txt1 {
+    text-align: center
+}
+
+.temp33 .h3 {
+    margin-top: 17px
+}
+
+.temp34 .item {
+    width: 33.33%;
+    border-right: 1px solid #5067f0;
+    padding: 0 30px 100px;
+    margin-bottom: 50px
+}
+
+.temp34 .item:nth-child(3n) {
+    border-right: none
+}
+
+.temp34 .item:nth-child(n+4) {
+    margin-bottom: 0
+}
+
+.temp34 .h3 {
+    font-size: 28px;
+    font-weight: bold;
+    color: #333
+}
+
+.temp34 .h4 {
+    width: calc(100% - 60px);
+    position: absolute;
+    left: 30px;
+    bottom: 12px;
+    color: #fff;
+    font-size: 18px;
+    font-weight: bold;
+    text-align: center;
+    height: 48px;
+    line-height: 48px
+}
+
+.temp34 .txt1 {
+    padding-right: 30px
+}
+
+.temp35 .list {
+    height: 180px;
+    background: url(images/bg01.png) no-repeat center center
+}
+
+.temp35 .item {
+    width: 25%;
+    padding: 34px 22px 0;
+    text-align: center
+}
+
+.temp35 .item .content {
+    margin-top: 24px;
+    padding: 10px 0;
+    border-top: 1px solid #fff;
+    border-bottom: 1px solid #fff
+}
+
+.temp35 .h3 {
+    color: #fff
+}
+
+.temp35 .txt1 {
+    margin: 0;
+    color: #fff;
+    height: 42px;
+    text-align: left
+}
+
+.temp37 .item {
+    width: calc(33.33% - 20px);
+    margin-bottom: 30px;
+    border-radius: 4px;
+    overflow: hidden;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22)
+}
+
+.temp37 .item:hover {
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22),0 4px 0 0 #5067f0
+}
+
+.temp37 .item:nth-child(n+4) {
+    margin-bottom: 0
+}
+
+.temp37 .h3 {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    color: #fff;
+    padding: 13px 12px;
+    text-align: center;
+    line-height: 1.4
+}
+
+.temp37 .content {
+    position: relative;
+    padding: 20px 0 20px 106px;
+    overflow: hidden
+}
+
+.temp37 img {
+    position: absolute;
+    width: 56px;
+    height: 56px;
+    position: absolute;
+    left: 25px;
+    top: 50%;
+    margin-top: -28px
+}
+
+.temp37 .txt1 {
+    min-height: 42px;
+    border-left: 1px solid #eee;
+    padding: 15px 25px;
+    margin: 0
+}
+
+.temp38 .content {
+    padding: 60px 30px;
+    background-color: #5067f0
+}
+
+.temp38 .item {
+    width: 25%;
+    border-bottom: 1px solid #6c7ff2;
+    border-right: 1px solid #6c7ff2;
+    padding-bottom: 30px;
+    padding-left: 25px;
+    padding-right: 25px
+}
+
+.temp38 .item:nth-child(n+5) {
+    border-bottom: none;
+    padding-bottom: 0;
+    padding-top: 30px
+}
+
+.temp38 .item:nth-child(n+5) .h3,.temp38 .item:nth-child(n+5) .txt1 {
+    position: relative;
+    bottom: -24px
+}
+
+.temp38 .item:nth-child(4n) {
+    border-right: none
+}
+
+.temp38 .item:nth-child(n+5) img {
+    top: 0
+}
+
+.temp38 img {
+    display: block;
+    margin: 0 auto;
+    position: relative;
+    top: -24px
+}
+
+.temp38 .h3 {
+    text-align: center;
+    color: #fff
+}
+
+.temp38 .txt1 {
+    text-align: center;
+    color: #fff
+}
+
+.temp39 .item {
+    width: calc(33.33% - 14px)
+}
+
+.temp39 .content {
+    padding: 20px 30px 0
+}
+
+.temp39 .fit2 {
+    padding-bottom: 73.53%
+}
+
+.temp39 .h3 {
+    position: relative;
+    text-align: center
+}
+
+.temp39 .h3 span {
+    display: inline-block;
+    max-width: 80%;
+    background-color: #fff;
+    position: relative;
+    z-index: 2;
+    padding: 0 8px
+}
+
+.temp39 .h3:after {
+    content: '';
+    z-index: 1;
+    width: 100%;
+    top: 50%;
+    left: 0;
+    border-top: 2px solid #5067f0;
+    margin-top: -1px;
+    position: absolute
+}
+
+.temp39 .txt1 {
+    text-align: center
+}
+
+.temp40 .content {
+    background-color: #5067f0;
+    padding: 20px
+}
+
+.temp40 .item {
+    width: 130px;
+    padding-bottom: 24px
+}
+
+.temp40 .item:after {
+    position: absolute;
+    content: '';
+    bottom: 0;
+    left: 0;
+    width: 56px;
+    height: 2px;
+    background-color: #fff
+}
+
+.temp40 .icon {
+    width: 56px;
+    height: 56px;
+    background: #fff
+}
+
+.temp40 .icon img {
+    width: 30px;
+    height: 30px
+}
+
+.temp40 .txt1 {
+    color: #fff
+}
+
+.temp41 .item {
+    width: 280px;
+    margin: 0 auto;
+    background-color: #5067f0;
+    border: solid 1px #666
+}
+
+.temp41 .h3 {
+    color: #ffe612
+}
+
+.temp41 .fit2 {
+    padding-bottom: 100%
+}
+
+.temp41 .content {
+    padding: 20px 30px 30px
+}
+
+.temp41 .txt1 {
+    color: #fff
+}
+
+.temp43 .item {
+    width: calc(33.33% - 20px);
+    margin: 0
+}
+
+.temp94 .item,.temp95 .item {
+    overflow: hidden;
+    min-height: 185px;
+    padding-left: calc(17.78% + 20px)
+}
+
+.temp94 .fit2,.temp95 .fit2 {
+    width: 17.78%;
+    padding-bottom: 22.22%;
+    position: absolute;
+    left: 0;
+    top: 0
+}
+
+.temp94 .h3,.temp95 .h3 {
+    margin-top: -3px
+}
+
+.temp95 .item {
+    padding-top: 30px;
+    padding-bottom: 30px;
+    border-bottom: 1px dashed #ccc
+}
+
+.temp95 .fit2 {
+    top: 30px
+}
+
+.temp95 .item:first-child .fit2 {
+    top: 0
+}
+
+.temp95 .item:first-child {
+    padding-top: 0
+}
+
+.temp95 .item:last-child {
+    border-bottom: none;
+    padding-bottom: 0
+}
+
+.temp44 .top {
+    background-color: #eee;
+    border-radius: 10px;
+    overflow: hidden;
+    font-size: 0;
+    padding: 24px 30px;
+    position: relative;
+    z-index: 0
+}
+
+.temp44 .top .h3 {
+    float: left;
+    margin-right: 14px;
+    color: #5067f0
+}
+
+.temp44 .top .txt1 {
+    margin-top: 2px
+}
+
+.temp44 .line {
+    height: 45px;
+    position: relative
+}
+
+.temp44 .line .p {
+    position: absolute;
+    width: calc(50% + 10px);
+    left: 50%;
+    margin-left: calc(-25% - 5px);
+    height: 50%;
+    border: 1px solid #bbb;
+    border-bottom: none;
+    bottom: 0
+}
+
+.temp44 .line:after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    height: 50%;
+    background-color: #bbb;
+    top: 0;
+    left: 50%
+}
+
+.temp44 .line .i {
+    width: 16px;
+    height: 16px;
+    background-color: #fff;
+    box-shadow: 0 0 8px 0 rgba(47,66,178,.39);
+    border-radius: 50%;
+    position: absolute;
+    z-index: 3
+}
+
+.temp44 .line .i1 {
+    top: -8px;
+    left: 50%;
+    margin-left: -8px
+}
+
+.temp44 .line .i2 {
+    bottom: -8px;
+    right: -8px
+}
+
+.temp44 .line .i3 {
+    bottom: -8px;
+    left: -8px
+}
+
+.temp44 .content .item {
+    position: relative;
+    z-index: 0;
+    width: calc(50% - 15px);
+    padding: 30px;
+    border-radius: 10px;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3)
+}
+
+.temp44 .content .item:nth-child(2n) {
+    background: linear-gradient(135deg,#ff8284 0%,#fe5e60 100%);
+    box-shadow: 0 7px 10px 0 rgba(254,94,96,.3)
+}
+
+.temp44 .content .item .h3 {
+    color: #fff
+}
+
+.temp44 .content .item .txt1 {
+    color: #fff
+}
+
+.temp46 .item {
+    position: relative;
+    padding-left: 104px;
+    margin-bottom: 40px
+}
+
+.temp46 .item:last-child {
+    margin-bottom: 0
+}
+
+.temp46 .item .num {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 104px;
+    height: 100%;
+    font-size: 56px;
+    font-style: italic;
+    font-weight: bold;
+    color: #5067f0
+}
+
+.temp46 .item .content {
+    height: 72px;
+    border-radius: 36px;
+    border: solid 2px #5067f0;
+    font-size: 0
+}
+
+.temp46 .item .content .dib {
+    display: inline-block;
+    vertical-align: middle
+}
+
+.temp46 .item .content .txt1 {
+    width: calc(50% - 97px);
+    margin: 0;
+    height: 100%
+}
+
+.temp46 .item .content .txt1.t1 {
+    padding-left: 25px
+}
+
+.temp46 .item .content .txt1.t2 {
+    padding-right: 25px
+}
+
+.temp46 .item .content .h3 {
+    width: 194px;
+    text-align: center;
+    height: 100%
+}
+
+.temp46 .item .content .h3 .span,.temp46 .item .content .h3 span {
+    display: inline-block;
+    color: #fff;
+    position: relative
+}
+
+.temp46 .item .content .h3 span {
+    z-index: 3;
+    padding: 0 8px;
+    vertical-align: middle;
+    background: #5067f0;
+    max-width: 100px;
+    max-height: 46px;
+    overflow: hidden
+}
+
+.temp46 .item .content .h3 {
+    position: relative
+}
+
+.temp46 .item .content .h3:after {
+    position: absolute;
+    left: 20px;
+    top: 0;
+    z-index: 0;
+    content: '';
+    width: 153px;
+    height: 100%;
+    background-color: #5067f0;
+    -o-transform: skew(-30deg);
+    -ms-transform: skew(-30deg);
+    -moz-transform: skew(-30deg);
+    -webkit-transform: skew(-30deg);
+    transform: skew(-30deg)
+}
+
+.temp46 .item .content .h3 .span:after {
+    position: absolute;
+    content: '';
+    left: -6px;
+    width: calc(100% + 12px);
+    top: 50%;
+    height: 2px;
+    background-color: #fff;
+    z-index: 2
+}
+
+.temp46 .item .content .font {
+    height: 100%
+}
+
+.temp46 .item .content .txt1 span {
+    display: inline-block;
+    max-height: 63px;
+    overflow: hidden
+}
+
+.template table.fix {
+    table-layout: fixed
+}
+
+.template table {
+    width: 100%
+}
+
+.template table th {
+    font-size: 18px;
+    border: 1px solid #ddd;
+    line-height: 1.4;
+    padding: 11px 12px;
+    border: 1px solid #ddd
+}
+
+.template table td {
+    text-align: left;
+    border: 1px solid #ddd;
+    padding: 13px 12px;
+    font-size: 13px;
+    color: #666;
+    line-height: 21px;
+    margin: 0;
+    word-wrap: break-word;
+    word-break: break-all
+}
+
+.table-01 table th,.table-02 table th {
+    background-color: #5067f0;
+    border-color: #5067f0;
+    color: #fff;
+    width: 25%
+}
+
+.table-01 table th {
+    border-top-color: #ddd
+}
+
+.table-01 thead th:first-child {
+    border-left-color: #ddd
+}
+
+.table-01 thead th:last-child {
+    border-right-color: #ddd
+}
+
+.table-01 table td,.table-02 table td {
+    width: 25%
+}
+
+.table-02 table {
+    border: 1px solid #ddd
+}
+
+.table-02 table th {
+    border-color: #fff;
+    border-left-color: #ddd;
+    height: auto
+}
+
+.table-02 table tr:first-child th {
+    border-top-color: #ddd
+}
+
+.table-02 table tr:nth-last-child(2) th {
+    border-bottom-color: #ddd
+}
+
+.table-03 table tr th,.table-03 table tr:nth-child(2n) td {
+    background-color: #f9f9f9
+}
+
+.table-04 table td {
+    background-color: #f8f9ff
+}
+
+.table-04 table tr:nth-child(2n-1) td,.table-05 table tr:nth-child(2n-1) td {
+    background-color: #f1f3ff
+}
+
+.table-05 table th {
+    border: none;
+    background-color: #fff;
+    color: #5067f0
+}
+
+.table-05 table th {
+    border-top: 1px solid #5067f0;
+    border-bottom: 1px solid #5067f0
+}
+
+.table-05 table td {
+    background-color: #fff
+}
+
+table th.fz16 {
+    font-weight: normal
+}
+
+.table-07 tr th,.table-07 tr td {
+    background-color: #f1f3ff
+}
+
+.table-07 tr td,.table-07 thead th:last-child {
+    border-bottom-color: #fff
+}
+
+.table-07 tr:last-child td:last-child {
+    border-bottom-color: #ddd
+}
+
+.table-07 tr th:first-child,.table-07 tr td:nth-last-child(2) {
+    background-color: #5067f0;
+    color: #fff
+}
+
+.table-08 tr th,.table-09 tr th {
+    border-color: #5067f0!important
+}
+
+.table-08 tr td,.table-09 tr td {
+    border: none;
+    border-bottom: 1px solid #ddd
+}
+
+.table-08 tr td:first-child,.table-09 tr td:first-child {
+    border-left: 1px solid #ddd
+}
+
+.table-08 tr td:last-child,.table-09 tr td:last-child {
+    border-right: 1px solid #ddd
+}
+
+.template .border1 {
+    border-radius: 20px 20px 0 0;
+    overflow: hidden
+}
+
+.table-10 tr td {
+    border-color: #fff;
+    background-color: #f8f9ff
+}
+
+.table-10 tr th {
+    border-color: #fff!important
+}
+
+.table-10 tr td:nth-child(2n-1) {
+    background-color: #f1f3ff
+}
+
+.temp47 .container {
+    background: url(images/bg02.png) no-repeat center center;
+    padding: 30px 20px
+}
+
+.temp47 .h1 {
+    font-size: 30px;
+    color: #fff;
+    line-height: 1.4;
+    text-align: center
+}
+
+.temp47 .font {
+    color: #fe5e60;
+    line-height: 1.4;
+    padding: 10px 40px;
+    margin: 25px 80px 55px;
+    background-color: #fff000
+}
+
+.temp47 .item {
+    width: 25%
+}
+
+.temp47 .item img {
+    display: block;
+    margin: 0 auto;
+    width: 80px;
+    height: 80px;
+    margin-bottom: 12px
+}
+
+.temp47 .item .con {
+    padding: 0 32px
+}
+
+.temp47 .h3 {
+    text-align: center
+}
+
+.temp47 .h3,.temp47 .txt1 {
+    color: #fff
+}
+
+.temp48 .item {
+    width: calc(50% - 150px);
+    border-radius: 10px;
+    height: 140px;
+    margin-bottom: 20px;
+    padding-left: 140px
+}
+
+.temp48 .left {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 140px;
+    height: 140px;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    border-radius: 10px 0 0 10px
+}
+
+.temp48 .left img {
+    display: block;
+    margin: 32px auto 0;
+    width: 40px;
+    height: 40px
+}
+
+.temp48 .right {
+    border: solid 1px #5067f0;
+    border-radius: 0 10px 10px 0;
+    height: 138px;
+    padding-left: 30px;
+    padding-right: 35px
+}
+
+.temp48 .h {
+    font-size: 20px;
+    color: #fff;
+    font-weight: bold;
+    text-align: center;
+    margin-top: 16px;
+    line-height: 1.1
+}
+
+.temp48 .h3 {
+    margin-top: 30px
+}
+
+.temp49 .fit .img,.temp49 .content .item {
+    display: none
+}
+
+.temp49 .fit .img.cur,.temp49 .content .item.cur {
+    display: block
+}
+
+.temp49 .container {
+    height: 506px;
+    overflow: hidden;
+    background: linear-gradient(0deg,#fff 0%,#f4f6ff 100%);
+    padding-left: 326px;
+    position: relative;
+    display: block;
+    width: auto;
+    padding-right: 40px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    padding-bottom: 220px
+}
+
+.temp49 .fit {
+    width: 328px;
+    height: 468px;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    margin-top: -234px
+}
+
+.temp49 .fit img {
+    object-position: center center
+}
+
+.temp49 .imgs {
+    position: absolute;
+    bottom: 0;
+    left: 332px;
+    width: calc(100% - 300px);
+    font-size: 0;
+    height: 140px;
+    bottom: 66px
+}
+
+.temp49 .name {
+    font-weight: bold;
+    font-size: 24px;
+    color: #333;
+    letter-spacing: 5px
+}
+
+.temp49 .job {
+    font-weight: normal;
+    font-size: 16px;
+    color: #666;
+    margin-left: 16px
+}
+
+.temp49 .content {
+    padding-top: 50px
+}
+
+.temp49 .imgs .fit0 {
+    position: static;
+    overflow: hidden;
+    float: left;
+    width: 112px;
+    height: 140px;
+    margin-right: 16px;
+    cursor: pointer;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.temp49 .imgs .fit0.cur {
+    border: solid 2px #5067f0
+}
+
+.temp49 .imgs img:last-child {
+    margin: 0
+}
+
+.temp50 .item {
+    width: calc(33.33% - 10px);
+    margin-bottom: 15px;
+    background-repeat: no-repeat;
+    -webkit-background-size: cover;
+    background-size: cover;
+    background-position: center center;
+    padding: 36px 0
+}
+
+.temp50 .item .content {
+    background-color: rgba(80,103,240,.9);
+    padding: 20px 24px
+}
+
+.temp50 .item:hover {
+    background-color: rgba(80,103,240,.9)!important
+}
+
+.temp50 .item.t1 {
+    background-image: url(images/t50b1.png)
+}
+
+.temp50 .item.t2 {
+    background-image: url(images/t50b2.png)
+}
+
+.temp50 .item.t3 {
+    background-image: url(images/t50b3.png)
+}
+
+.temp50 .item.t4 {
+    background-image: url(images/t50b4.png)
+}
+
+.temp50 .item.t5 {
+    background-image: url(images/t50b5.png)
+}
+
+.temp50 .item.t6 {
+    background-image: url(images/t50b6.png)
+}
+
+.temp50 .item:nth-child(n+4) {
+    margin-bottom: 0
+}
+
+.temp50 .h3,.temp50 .txt1 {
+    color: #fff
+}
+
+.temp50 .h3 img {
+    margin-right: 12px;
+    width: 40px;
+    height: 40px;
+    vertical-align: middle
+}
+
+.temp51 .item {
+    width: calc(33.33% - 10px);
+    border: 1px solid #ccc;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    margin-bottom: 15px
+}
+
+.temp51 .item:nth-child(n+4) {
+    margin-bottom: 0
+}
+
+.temp51 .h3 {
+    padding: 16px 24px;
+    border-bottom: 1px solid #ccc;
+    text-align: center
+}
+
+.temp51 .item:hover .h3 {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    color: #fff
+}
+
+.temp51 img {
+    display: block;
+    margin: 35px auto 0
+}
+
+.temp51 .txt1 {
+    padding: 18px 24px 40px
+}
+
+.temp52 {
+}
+
+.temp52 .title {
+    padding: 0
+}
+
+.temp52 .title .text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.temp52 .bg1 {
+    background-image: url(images/t52.png);
+    background-repeat: no-repeat;
+    -webkit-background-size: cover;
+    background-size: cover;
+    height: 552px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    padding: 40px 20px 0
+}
+
+.temp52 .container {
+    position: relative;
+    margin: 25px auto 0;
+    width: 421px;
+    height: 234px;
+    background-color: rgba(255,255,255,.75);
+    border: solid 5px #5067f0
+}
+
+.temp52 .container:after,.temp52 .container:before {
+    content: '';
+    position: absolute;
+    width: 28px;
+    height: 28px;
+    border: 2px solid #fe5e60
+}
+
+.temp52 .container:before {
+    border-right: none;
+    border-bottom: none;
+    left: 35px;
+    top: 35px
+}
+
+.temp52 .container:after {
+    border-left: none;
+    border-top: none;
+    bottom: 35px;
+    right: 35px
+}
+
+.temp52 .container .h {
+    text-align: center;
+    font-size: 30px;
+    font-weight: bold;
+    position: relative;
+    padding-bottom: 8px;
+    color: #fe5e60;
+    margin-top: 37px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.temp52 .container .h:after {
+    content: '';
+    width: 120px;
+    height: 2px;
+    background-color: #fe5e60;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    margin-left: -60px
+}
+
+.temp52 .container .txt1 {
+    margin: 0;
+    padding: 0 110px;
+    text-align: center;
+    color: #fe5e60;
+    max-height: 105px;
+    -webkit-line-clamp: 4;
+    padding-top: 30px;
+    position: relative
+}
+
+.temp52 .container .txt1:before {
+    content: '';
+    top: 10px;
+    left: 50%;
+    margin-left: -10px;
+    position: absolute;
+    border-top: 20px solid #5067f0;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent
+}
+
+.temp52 .container .item {
+    display: none
+}
+
+.temp52 .container .item.cur {
+    display: block
+}
+
+.temp52 .item-list {
+    padding: 0 16px;
+    margin-top: 30px
+}
+
+.temp52 .item-list .item {
+    width: 16.6%;
+    flex-shrink: 0
+}
+
+.temp52 .item-list .item .imgs {
+    margin: 0 auto;
+    width: 102px;
+    height: 102px;
+    position: relative
+}
+
+.temp52 .item-list .item .imgs:after {
+    content: '';
+    position: absolute;
+    height: 72px;
+    width: 72px;
+    left: 50%;
+    top: 50%;
+    margin-left: -36px;
+    margin-top: -36px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border: 4px solid #5067f0;
+    transform: rotate(45deg)
+}
+
+.temp52 .item-list .item .txt1 {
+    text-align: center;
+    padding: 0 10px;
+    height: 21px;
+    overflow: hidden
+}
+
+.temp52 .item-list .item .imgs img {
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -20px;
+    margin-top: -20px;
+    flex-shrink: 0;
+    z-index: 3
+}
+
+.temp52 .item-list .item.cur .imgs img.img1 {
+    display: none
+}
+
+.temp52 .item-list .item .imgs img.img2 {
+    display: none
+}
+
+.temp52 .item-list .item.cur .imgs img.img2 {
+    display: block
+}
+
+.temp52 .item-list .item.cur .imgs:after {
+    background-color: #5067f0
+}
+
+.temp53 .cont {
+    margin-top: 33px;
+    padding-top: 72px;
+    border: solid 2px #5067f0;
+    padding-bottom: 42px;
+    position: relative;
+    padding-left: 447px;
+    border-left: none;
+    min-height: 240px
+}
+
+.temp53 .titel {
+    position: absolute;
+    left: 0;
+    top: -30px;
+    background-color: #fff;
+    width: 100px;
+    height: 60px;
+    line-height: 60px;
+    font-size: 24px;
+    font-weight: bold;
+    color: #fff
+}
+
+.temp53 .titel .i {
+    position: absolute;
+    left: 16px;
+    top: 0;
+    height: 60px;
+    width: 430px;
+    background-color: #5067f0;
+    z-index: 1;
+    transform: skew(-24deg)
+}
+
+.temp53 .titel .i .before,.temp53 .titel .i .after {
+    position: absolute;
+    z-index: 2;
+    height: 60px;
+    width: 12px;
+    top: 0;
+    background-color: #fff
+}
+
+.temp53 .titel .i .before {
+    left: 0;
+    background-color: #fe5e60
+}
+
+.temp53 .titel .i .after {
+    left: 12px
+}
+
+.temp53 .titel .word {
+    position: absolute;
+    width: 350px;
+    left: 72px;
+    top: 0;
+    z-index: 3
+}
+
+.temp53 .imgs {
+    position: absolute;
+    left: 20px;
+    top: 72px;
+    width: 384px;
+    height: 274px;
+    border: solid 4px #5067f0;
+    z-index: 4
+}
+
+.temp53 .fit2 {
+    width: 384px;
+    height: 274px;
+    left: -16px;
+    top: -16px
+}
+
+.temp53 .txt-ar {
+    border-left: 6px solid #fe5e60;
+    margin-bottom: 32px;
+    padding-left: 12px;
+    padding-right: 25px
+}
+
+.temp53 .bt-btn {
+    position: absolute;
+    height: 42px;
+    bottom: -2px;
+    left: 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    background-color: #fff;
+    z-index: 3;
+    padding-left: 447px;
+    padding-right: 60px
+}
+
+.temp53 .bt-btn .btn {
+    display: block;
+    width: 168px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    background-image: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%);
+    font-size: 14px;
+    color: #fff
+}
+
+.temp54 .content {
+    border: solid 10px #5067f0;
+    overflow: hidden;
+    position: relative;
+    padding: 15px 0
+}
+
+.temp54 .content:before,.temp54 .content:after {
+    content: '';
+    position: absolute;
+    width: 30px;
+    height: 30px;
+    z-index: 2;
+    border: 1px solid #fe5e60
+}
+
+.temp54 .content:before {
+    border-right: none;
+    border-bottom: none;
+    left: 10px;
+    top: 10px
+}
+
+.temp54 .content:after {
+    border-top: none;
+    border-left: none;
+    right: 10px;
+    bottom: 10px
+}
+
+.temp54 .h {
+    float: left;
+    font-size: 24px;
+    color: #fe5e60;
+    font-weight: bold;
+    padding-left: 50px;
+    padding-right: 30px;
+    position: relative;
+    padding-bottom: 18px;
+    max-width: 40%;
+    line-height: 1.4;
+    margin-right: 55px;
+    margin-top: 25px
+}
+
+.temp54 .h:before {
+    content: '';
+    position: absolute;
+    width: 40%;
+    height: 2px;
+    background-color: #fe5e60;
+    left: 30%;
+    bottom: 0
+}
+
+.temp54 .h:after {
+    content: '';
+    position: absolute;
+    right: -25px;
+    top: 50%;
+    border-left: 25px solid #5067f0;
+    border-top: 15px solid transparent;
+    border-bottom: 15px solid transparent;
+    margin-top: -15px
+}
+
+.temp54 .txt1 {
+    margin-top: 0;
+    padding: 0 60px
+}
+
+.temp55 {
+    background-color: #5067f0;
+    overflow: hidden;
+    padding-left: 65px!important;
+    padding-right: 55px!important
+}
+
+.temp55 .h {
+    font-size: 24px;
+    color: #fff;
+    float: left;
+    width: calc(100% - 400px);
+    line-height: 1.4;
+    padding-top: 20px
+}
+
+.temp55 .fit {
+    float: right;
+    width: 180px;
+    height: 120px
+}
+
+.temp55 .fit.f1 {
+    margin-left: 10px
+}
+
+.temp56 .bottom {
+    margin-top: 40px
+}
+
+.temp56 .item {
+    width: 33.33%;
+    height: 180px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-background-size: cover;
+    background-size: cover;
+    background-position: center center
+}
+
+.temp56 .item .border {
+    border: solid 3px #5067f0;
+    margin: 25px 40px 0;
+    padding: 7px
+}
+
+.temp56 .item .border .content {
+    background-color: #5067f0
+}
+
+.temp56 .item .border .content .h3,.temp56 .item .border .content .txt2 {
+    color: #fff;
+    text-align: center
+}
+
+.temp56 .item .border .content .h3 {
+    position: relative;
+    padding: 14px 0
+}
+
+.temp56 .item .border .content .txt2 {
+    padding-bottom: 20px;
+    margin-top: 12px
+}
+
+.temp56 .item .border .content .h3:after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    width: 20px;
+    height: 4px;
+    background-color: #fff;
+    left: 50%;
+    margin-left: -10px
+}
+
+.temp56 .item.i2 {
+    border: solid 5px #5067f0
+}
+
+.temp56 .item.t1 {
+    background-image: url(images/t56b1.png)
+}
+
+.temp56 .item.t2 {
+    background-image: url(images/t56b2.png)
+}
+
+.temp56 .item.t3 {
+    background-image: url(images/t56b3.png)
+}
+
+.temp56 .item.i2 .txt2 {
+    margin: 50px 40px 0;
+    -webkit-line-clamp: 3;
+    max-height: 63px
+}
+
+.temp56 .item.i2:hover {
+    background-color: #5067f0
+}
+
+.temp56 .item.i2:hover .txt2 {
+    color: #fff
+}
+
+.temp57 .bottom {
+    margin-top: 30px
+}
+
+.temp57 .item {
+    width: calc(25% - 12px);
+    padding-bottom: 18px
+}
+
+.temp57 .hd {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    height: 80px;
+    line-height: 80px;
+    position: relative;
+    padding-left: 72px
+}
+
+.temp57 .icon {
+    background: #fff;
+    width: 50px;
+    height: 50px;
+    position: absolute;
+    left: 12px;
+    top: 50%;
+    margin-top: -25px
+}
+
+.temp57 .icon img {
+    width: 28px;
+    height: 28px
+}
+
+.temp57 .h3 {
+    color: #fff;
+    line-height: 80px
+}
+
+.temp57 .bd {
+    border: solid 2px #5067f0;
+    border-top: none;
+    position: relative;
+    padding: 0 12px 80px
+}
+
+.temp57 .txt2 {
+    margin: 0;
+    border-bottom: 2px solid #5067f0;
+    padding: 10px 0;
+    font-size: 15px;
+    color: #333
+}
+
+.temp57 .btn {
+    position: absolute;
+    width: 140px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    font-size: 12px;
+    color: #fff;
+    background: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%);
+    bottom: -20px;
+    left: 50%;
+    margin-left: -70px
+}
+
+.temp59 .item {
+    width: calc(50% - 10px);
+    padding-top: 77px
+}
+
+.temp59 .item:hover .hd {
+    background: transparent;
+    box-shadow: none
+}
+
+.temp59 .item .cont {
+    height: 100%;
+    border: solid 2px #5067f0;
+    border-top: none
+}
+
+.temp59 .item:hover .cont {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    color: #fff
+}
+
+.temp59 .item:hover .txt1 .c,.temp59 .item:hover .txt1,.temp59 .item:hover .txt1 p {
+    color: #fff
+}
+
+.temp59 .hd {
+    padding: 0 12px 20px;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    position: relative
+}
+
+.temp59 .h3 {
+    text-align: center;
+    color: #fff;
+    font-size: 24px;
+    margin-top: 85px
+}
+
+.temp59 .fit2 {
+    width: 154px;
+    height: 154px;
+    border-radius: 50%;
+    border: 12px solid #6176f7;
+    position: absolute;
+    left: 50%;
+    margin-left: -77px;
+    top: -77px;
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3)
+}
+
+.temp59 .fit2 img {
+    position: static
+}
+
+.temp59 .txt1 {
+    overflow: hidden;
+    margin: 0;
+    padding: 20px 12px 50px
+}
+
+.temp59 .txt1 p {
+    margin-bottom: 12px
+}
+
+.temp59 .txt1 p .c {
+    color: #5067f0
+}
+
+.temp60 .content {
+    min-height: 430px;
+    background-image: url(images/t60.png)
+}
+
+.temp60 .h {
+    text-align: center;
+    font-size: 24px;
+    color: #333;
+    padding-top: 50px
+}
+
+.temp60 .cont {
+    padding-left: 100px;
+    padding-right: 350px;
+    padding-top: 50px;
+    padding-bottom: 50px
+}
+
+.temp60 .item {
+    margin-bottom: 20px
+}
+
+.temp60 .h3 {
+    color: #5067f0
+}
+
+.temp60 .btn {
+    display: block;
+    font-size: 12px;
+    color: #fff;
+    text-align: center;
+    width: 162px;
+    height: 36px;
+    line-height: 36px;
+    background: linear-gradient(127deg,#5b5bfa 0%,#7a5ee9 100%)
+}
+
+.temp61 .h,.temp62 .h {
+    text-align: center;
+    font-size: 24px;
+    color: #333;
+    padding-top: 50px
+}
+
+.temp61 .bg {
+    background: url(images/t60.png) no-repeat center center/cover;
+    position: relative;
+    overflow: hidden
+}
+
+.temp61 .temp-con {
+    margin-left: 40px;
+    margin-top: 50px;
+    margin-bottom: 100px
+}
+
+.temp-con {
+    padding-top: 18px;
+    width: 416px
+}
+
+.temp-con .content {
+    position: relative;
+    border: solid 1px #5067f0;
+    border-top-width: 4px;
+    padding-top: 84px;
+    padding-bottom: 65px;
+    padding-left: 30px;
+    padding-right: 30px
+}
+
+.temp-con .content .main {
+    font-size: 0
+}
+
+.temp-con .content .main .fo {
+    display: inline-block;
+    width: 50%;
+    vertical-align: middle
+}
+
+.temp-con .content .main .txt2 {
+    padding-right: 35px;
+    border-right: 1px solid #333
+}
+
+.temp-con .content .main .tit {
+    text-align: center;
+    padding-left: 40px
+}
+
+.temp-con .content .main .tit .con {
+    position: relative;
+    border: solid 3px #5067f0;
+    padding: 10px 16px
+}
+
+.temp-con .content .main .i {
+    position: absolute;
+    width: 9px;
+    height: 9px;
+    border: 3px solid #5067f0;
+    background-color: #fff;
+    z-index: 2
+}
+
+.temp-con .content .main .i1 {
+    left: -9px;
+    top: 50%;
+    margin-top: -9px
+}
+
+.temp-con .content .main .i2 {
+    right: -9px;
+    top: 50%;
+    margin-top: -9px
+}
+
+.temp-con .content .main .i3 {
+    left: 50%;
+    margin-left: -9px;
+    top: -9px
+}
+
+.temp-con .content .main .i4 {
+    left: 50%;
+    margin-left: -9px;
+    bottom: -9px
+}
+
+.temp-con .content .main .font1 {
+    font-size: 18px;
+    font-weight: bold;
+    border-bottom: 1px solid #333;
+    line-height: 1.5
+}
+
+.temp-con .content .main .font2 {
+    font-size: 12px;
+    text-align: left;
+    margin-top: 10px;
+    line-height: 1.5
+}
+
+.temp-con .word {
+    font-size: 18px;
+    font-weight: bold;
+    color: #333;
+    border: solid 3px #5067f0;
+    width: calc(50% - 7px);
+    text-align: center;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    margin-bottom: 10px;
+    height: 55px;
+    line-height: 49px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis
+}
+
+.temp-con .word:nth-child(n+3) {
+    margin-bottom: 0
+}
+
+.temp-con .tit1 {
+    margin-left: 20px
+}
+
+.temp62 .bg {
+    background: url(images/t66.png) no-repeat center center/cover;
+    position: relative;
+    overflow: hidden
+}
+
+.temp62 .temp-con .content .main .tit {
+    padding-left: 0
+}
+
+.temp62 .temp-con {
+    margin-left: auto;
+    margin-top: 50px;
+    margin-right: 40px;
+    margin-bottom: 100px
+}
+
+.temp63 .content {
+    overflow: hidden;
+    background-color: #fff;
+    border: solid 1px #ccc;
+    position: relative
+}
+
+.temp63 .cont {
+    padding-top: 20px;
+    padding-right: 20px;
+    margin-left: calc(28.9% + 20px)
+}
+
+.temp63 .fit2 {
+    float: left;
+    width: 28.9%;
+    padding-bottom: 19.1%;
+    margin-right: 20px
+}
+
+.temp63 .h3 {
+    font-size: 18px;
+    color: #5067f0
+}
+
+.temp63 .txt1 {
+    height: 42px
+}
+
+.temp63 .btn {
+    width: 135px;
+    height: 30px;
+    line-height: 30px;
+    font-size: 12px;
+    color: #fff;
+    text-align: center;
+    position: absolute;
+    bottom: 20px
+}
+
+.temp64 {
+    display: flex;
+    justify-content: center;
+    align-items: stretch
+}
+
+.temp64 .item {
+    flex-grow: 1;
+    overflow: hidden;
+    width: 20%;
+    flex-shrink: 0
+}
+
+.temp64 .h3 {
+    position: relative;
+    border-bottom: 1px solid #5067f0;
+    text-align: center;
+    padding: 0 14px;
+    padding-bottom: 20px
+}
+
+.temp64 .text-nowrap {
+    max-width: 100%
+}
+
+.temp64 .h3:after {
+    content: '';
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    background-color: #5067f0;
+    border: 3px solid #a7b3f7;
+    left: 50%;
+    margin-left: -9px;
+    bottom: -9px;
+    border-radius: 50%
+}
+
+.temp64 .h4 {
+    margin: 22px 22px 12px;
+    text-align: center;
+    font-size: 16px;
+    padding: 5px 10px;
+    line-height: 1.4;
+    color: #fff;
+    background-color: #5067f0;
+    border-radius: 4px
+}
+
+.temp64 .txt1 {
+    width: 100%;
+    padding: 0 33px;
+    text-align: justify;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.temp66 .top {
+    margin-bottom: 14px
+}
+
+.temp66 .itm {
+    width: calc(33.33% - 9px)
+}
+
+.temp66 .itm .h3 {
+    padding: 14px 16px;
+    text-align: center;
+    color: #5067f0;
+    border: solid 2px #5067f0;
+    height: 100%
+}
+
+.temp66 .itm .fit {
+    width: 100%;
+    padding-bottom: 92%;
+    margin-bottom: 14px
+}
+
+.temp66 .itm .fit:last-child {
+    margin-bottom: 0
+}
+
+.temp70 .content {
+    background: url(images/t70.png) no-repeat center center;
+    width: 686px;
+    height: 580px;
+    margin: 0 auto;
+    position: relative
+}
+
+.temp70 .content .ic {
+    position: absolute;
+    overflow: hidden;
+    width: 90px;
+    height: 90px;
+    border-radius: 50%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #333;
+    font-size: 16px
+}
+
+.temp70 .content .ic span,.temp70 .content .ic p {
+    max-width: 4em;
+    overflow: hidden;
+    white-space: nowrap;
+    margin: 0
+}
+
+.temp70 .content .i1 {
+    left: 64px;
+    top: 56px
+}
+
+.temp70 .content .i2 {
+    left: 28px;
+    top: 190px
+}
+
+.temp70 .content .i3 {
+    left: 64px;
+    top: 324px
+}
+
+.temp70 .content .i4 {
+    left: 162px;
+    top: 422px
+}
+
+.temp70 .content .i5 {
+    left: 296px;
+    top: 458px
+}
+
+.temp70 .content .i6 {
+    right: 166px;
+    top: 422px
+}
+
+.temp70 .content .i7 {
+    right: 68px;
+    top: 324px
+}
+
+.temp70 .content .i8 {
+    right: 32px;
+    top: 190px
+}
+
+.temp70 .content .i9 {
+    right: 68px;
+    top: 56px
+}
+
+.temp70 .main {
+    position: absolute;
+    left: 150px;
+    top: 45px;
+    width: 380px;
+    height: 380px
+}
+
+.temp70 .main .h3 {
+    padding: 0 90px;
+    color: #fff;
+    text-align: center
+}
+
+.temp70 .main .txt1 {
+    margin-top: 10px;
+    text-align: justify;
+    padding: 0 118px;
+    color: #fff
+}
+
+.temp71 .item {
+    width: calc(25% - 12px);
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden
+}
+
+.temp71 .item:hover {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp71 .item:hover .top:after {
+    background: none;
+    box-shadow: none
+}
+
+.temp71 .item:hover .h3,.temp71 .item:hover .txt3 {
+    color: #fff
+}
+
+.temp71 .top {
+    height: 126px;
+    position: relative
+}
+
+.temp71 .top:after {
+    content: '';
+    position: absolute;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    bottom: 0;
+    left: 50%;
+    width: 110%;
+    height: 105%;
+    border-radius: 0 0 50% 50%;
+    -o-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    -moz-transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    z-index: 1
+}
+
+.temp71 .top img {
+    position: relative;
+    width: 56px;
+    height: 56px;
+    display: block;
+    margin: 0 auto;
+    top: 30px;
+    z-index: 2
+}
+
+.temp71 .con {
+    padding: 0 12px 30px
+}
+
+.temp71 .h3 {
+    text-align: center;
+    color: #5067f0;
+    margin-top: 25px
+}
+
+.temp71 .txt3 {
+    margin-top: 20px;
+    text-align: justify
+}
+
+.temp73 {
+    background: #f6f5fa
+}
+
+.temp73 .top .item {
+    display: none;
+    position: relative;
+    height: 314px
+}
+
+.temp73 .top .item.cur {
+    display: block
+}
+
+.temp73 .top .item:after {
+    position: absolute;
+    content: '';
+    left: 330px;
+    top: 0;
+    z-index: 2;
+    border-left: 95px solid #929292;
+    border-top: 157px solid transparent;
+    border-bottom: 157px solid transparent
+}
+
+.temp73 .top .fit {
+    width: 270px;
+    height: 314px;
+    position: absolute;
+    left: 60px;
+    top: 0;
+    z-index: 4
+}
+
+.temp73 .top .fit img {
+    object-position: top center
+}
+
+.temp73 .top .font {
+    height: 234px;
+    background-color: #fff;
+    border-radius: 10px;
+    margin: 0 30px 0;
+    padding-left: 330px;
+    margin-top: 38px;
+    position: relative;
+    z-index: 3;
+    padding-right: 30px
+}
+
+.temp73 .top .font .h3 {
+    margin-top: 60px;
+    color: #5067f0
+}
+
+.temp73 .top .font span {
+    display: inline-block;
+    vertical-align: bottom
+}
+
+.temp73 .top .font .p1 {
+    font-size: 24px;
+    max-width: 5em
+}
+
+.temp73 .top .font .p2 {
+    font-weight: normal;
+    font-size: 16px;
+    margin-left: 8px
+}
+
+.temp73 .txt1 {
+    margin-top: 25px;
+    -webkit-line-clamp: 3;
+    max-height: 63px
+}
+
+.temp73 .imgs {
+    padding: 0 30px;
+    margin-top: 55px
+}
+
+.temp73 .imgs .fit {
+    width: calc(16.66% - 15px);
+    padding-bottom: 13%;
+    border-radius: 10px;
+    opacity: .5
+}
+
+.temp73 .imgs .fit.cur {
+    opacity: 1
+}
+
+.temp73 .imgs .fit img {
+    object-position: top center
+}
+
+.temp74 .item {
+    width: calc(50% - 10px);
+    padding-top: 22px;
+    margin-bottom: 22px
+}
+
+.temp74 .item:nth-last-child(2),.temp74 .item:last-child {
+    margin-bottom: 0
+}
+
+.temp74 .item:hover .cont {
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22),0 4px 0 0 #5067f0
+}
+
+.temp74 .cont {
+    padding: 0 30px;
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 10px 50px 10px 50px;
+    height: 100%;
+    padding-bottom: 30px
+}
+
+.temp74 .number {
+    position: relative;
+    top: -30px;
+    line-height: 1;
+    font-size: 56px;
+    color: #5067f0;
+    font-weight: bold
+}
+
+.temp74 .p {
+    display: inline-block;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%);
+    border-radius: 4px;
+    color: #fff;
+    padding: 5px 16px;
+    min-width: 200px
+}
+
+.temp74 .h3 {
+    margin-top: -21px
+}
+
+.temp74 .txt1 {
+    margin-top: 11px
+}
+
+.temp75 .cont {
+    height: 100%;
+    position: relative;
+    padding-bottom: 70px;
+    padding-top: 35px;
+    padding-right: 16px
+}
+
+.temp75 .item {
+    width: calc(33.33% - 12px);
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    padding-left: 118px;
+    min-height: 150px
+}
+
+.temp75 .item:hover {
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22),0 4px 0 0 #5067f0
+}
+
+.temp75 .icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -45px;
+    left: 14px;
+    width: 90px;
+    height: 90px
+}
+
+.temp75 .icon img {
+    width: 40px;
+    height: 40px
+}
+
+.temp75 .btn {
+    position: absolute;
+    bottom: 40px;
+    min-width: 68px;
+    height: 24px;
+    line-height: 24px;
+    text-align: center;
+    padding: 0 16px;
+    color: #fff;
+    background: linear-gradient(90deg,#5b5bfa 0%,#7a5ee9 100%);
+    border-radius: 4px
+}
+
+.temp85 .item {
+    width: calc(50% - 10px);
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    overflow: hidden;
+    position: relative;
+    padding-left: calc(25% - 5px);
+    min-height: 260px;
+    margin-bottom: 20px
+}
+
+.temp85 .item:nth-child(n+3) {
+    margin-bottom: 0
+}
+
+.temp85 .left {
+    position: absolute;
+    width: 50%;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp85 .h2 {
+    padding-top: 0;
+    font-size: 24px;
+    text-align: center;
+    font-weight: bold;
+    color: #fff
+}
+
+.temp85 .left img {
+    margin-top: 22px;
+    width: 100%
+}
+
+.temp85 .left .con {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    padding: 0 16px;
+    top: 50%;
+    -o-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%)
+}
+
+.temp85 .h3 {
+    margin-top: 36px
+}
+
+.temp85 .cont {
+    padding: 0 14px 40px
+}
+
+.temp85 .txt1 {
+    margin-top: 8px
+}
+
+.temp86 .item {
+    width: calc(50% - 10px);
+    position: relative;
+    padding-left: 170px;
+    min-height: 150px;
+    padding-right: 16px;
+    margin-bottom: 30px
+}
+
+.temp86 .item:last-child,.temp86 .item:nth-last-child(2) {
+    margin-bottom: 0
+}
+
+.temp86 .fit2 {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 144px;
+    height: 144px;
+    box-shadow: 0 7px 10px 0 rgba(80,103,240,.3);
+    border: solid 3px #5067f0;
+    border-radius: 50%
+}
+
+.temp86 .h3 {
+    margin-top: 30px;
+    color: #5067f0
+}
+
+.temp86 .txt1 {
+    margin-top: 10px
+}
+
+.temp87 .item {
+    width: calc(25% - 15px)
+}
+
+.temp87 .fit2 {
+    padding-bottom: 100%;
+    margin-bottom: 16px
+}
+
+.temp87 .h3 {
+    height: 56px;
+    line-height: 56px;
+    text-align: center;
+    color: #fff;
+    background-image: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp89 .item,.temp90 .item,.temp90:after,.temp93 .item {
+    width: calc(33.33% - 20px)
+}
+
+.temp90:after {
+    content: ''
+}
+
+.temp89 .fit2,.temp90 .fit2,.temp93 .fit2 {
+    padding-bottom: 100%;
+    margin-bottom: 16px
+}
+
+.temp89 .h3,.temp90 .h3,.temp93 .h3 {
+    height: 56px;
+    line-height: 56px;
+    text-align: center;
+    color: #fff;
+    background-image: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp90 .item {
+    margin-bottom: 40px
+}
+
+.temp90 {
+    margin-bottom: -40px
+}
+
+.temp93 .fit2 {
+    margin-bottom: 0
+}
+
+.temp96 .item:hover {
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22),0 4px 0 0 #5067f0
+}
+
+.temp96 .icon {
+    margin: 34px auto 40px
+}
+
+.temp96 .icon img {
+    width: 26px;
+    height: 26px
+}
+
+.temp96 .img {
+    display: block;
+    margin: 34px auto 40px;
+    width: 56px;
+    height: 56px
+}
+
+.temp98 {
+    overflow: hidden
+}
+
+.temp98 .left {
+    float: left;
+    width: 330px
+}
+
+.temp98 .left .fit img {
+    position: static
+}
+
+.temp98 .left .h3 {
+    text-align: center
+}
+
+.temp98 .left .txt3 {
+    margin-top: 13px;
+    margin-bottom: 20px
+}
+
+.temp98 .right {
+    margin-left: 380px;
+    padding-top: 48px
+}
+
+.temp98 .right .r-con {
+    margin-bottom: -55px
+}
+
+.temp98 .right .item {
+    width: 25%;
+    text-align: center;
+    margin-bottom: 55px
+}
+
+.temp98 .right .item .img {
+    width: 57px;
+    height: 57px;
+    display: block;
+    margin: 0 auto 30px
+}
+
+.temp98 .right .item .text {
+    font-size: 16px;
+    color: #333
+}
+
+.temp99 .item {
+    border-radius: 0;
+    width: calc(50% - 10px)
+}
+
+.temp99 .item .fit {
+    padding-bottom: 47.7%
+}
+
+.temp99 .item .h3 {
+    margin-top: 27px;
+    margin-bottom: 15px
+}
+
+.temp99 .item .txt2 {
+    text-align: left;
+    margin-bottom: 40px
+}
+
+.temp100 .item {
+    width: calc(50% - 10px);
+    box-shadow: 2px 5px 28px 1px rgba(94,119,143,.22);
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.temp100 .fit img {
+    position: static
+}
+
+.temp100 .right {
+    padding: 20px;
+    padding-bottom: 98px
+}
+
+.temp100 .right:hover {
+    background: linear-gradient(135deg,#6e83ff 0%,#5067f0 100%)
+}
+
+.temp100 .right:hover .h3 {
+    color: #fff
+}
+
+.temp100 .h3 {
+    margin-top: 6px;
+    margin-bottom: 17px
+}
+
+.temp100 .right:hover .txt2 {
+    color: #fff
+}
+
+.temp100 .right:hover .more {
+    background: linear-gradient(135deg,#ff8284 0%,#fe5e60 100%)
+}
+
+.temp53 .titel a,.title.t14 a,.title.t27 .dib a,.temp30 .h3 a,.temp-con .content .h3 a,.temp34 .h4 a,.temp32 .h3 a,.temp37 .h3 a,.temp47 .h1 a,.title.t27 .dib span a {
+    color: #fff;
+    text-decoration: none;
+    border-bottom: 1px solid #fff;
+    padding-bottom: 1px
+}