*,
::before,
::after {
    box-sizing: border-box;
}

html {
    margin: 0;
    line-height: inherit;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6;
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}


small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,input{
    border:0;
}

input:focus{
    border:0;
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}


.header {
    width: 100%;
    background: #FFF;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    position: relative;
    left: 0;
    top: 0;
    z-index: 100;
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
}

.header.headerfixed {
    position: fixed;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
}

.logo,
.logo a {
    display: flex;
    align-items: center;
    transition: .3s;
}

.logo a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 1366px) {

    .logo,
    .logo a {
        width: 120px;
    }
}

@media screen and (max-width: 768px) {

    .logo,
    .logo a {
        width: 90px;
    }
}


.headermenu {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .headermenu {
        margin-right: 60px;
    }
}


.toolmenu {
    display: flex;
    align-items: center;
}
.toolmenu > div{
    position: relative;
}

@media screen and (max-width: 568px) {
    .toolmenu {
        display: none;
    }
}


.nav ul {
    display: flex;
}

@media screen and (max-width: 768px) {
    .nav {
        display: none;
    }
}

.menuitem {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 30px;
    text-align: center;
    color: #5c5d5d;
    text-decoration: none;
    transition: .3s;
}

.menuitem:after {
    content: "";
    display: none;
    position: absolute;
    left: 0%;
    bottom: 3px;
    width: 100%;
    height: 5px;
    background: #73cef5;
    transition: .4s ease-in-out;
}

.menuitem:after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: -18px;
    width: 100%;
    height: 5px;
    visibility: hidden;
    transition: .4s ease-in-out;
}

.itemcurrent:after {
    visibility: visible;
}

.menuitem:hover {
    text-decoration: none;
    color: #e03d36;
}

.menuitem img {
    width: 16px;
    margin-bottom: 5px;
}

.menuitem span {
    font-size: 16px;
}

@media screen and (max-width: 1366px) {
    .menuitem {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .menuitem {
        padding: 0 10px;
    }
}

.lanlist {
    display:none;
    position:absolute;
    top:42px;
    width:100%;
}

.lanlist li {}

.lanlist li a {display:block;padding:5px;background:#FFF;text-align:center;border-bottom:1px solid #ccc;}

.mobilebtn {
    display: none;
}

@media screen and (max-width: 768px) {
    .mobilebtn {
        position: absolute;
        z-index: 110;
        top: 15px;
        right: 20px;
        display: block;
    }

    .mobilebtn div {
        width: 30px;
        height: 20px;
        background: none;
        cursor: pointer;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    }

    .mobilebtn div span {
        width: 30px;
        height: 2px;
        top: 9px;
        background: #e03d36;
        display: block;
        position: absolute;
        z-index: 5;
        left: 50%;
        margin: 0 0 0 -15px;
        transform-origin: center;
        transition: all 0.4s;
    }

    .mobilebtn div span:nth-child(1) {
        transform: translateY(-9px);
    }

    .mobilebtn div span:nth-child(3) {
        transform: translateY(9px);
    }

    .mobilebtn .active {
        transform: rotate(180deg);
    }

    .mobilebtn .active span:nth-child(1) {
        transform: rotate3d(0, 0, 1, -45deg) !important;
        transform-origin: center center !important;
        width: 30px !important;
    }

    .mobilebtn .active span:nth-child(2) {
        transform: rotate3d(0, 1, 0, -90deg) !important;
        width: 0 !important;
    }

    .mobilebtn .active span:nth-child(3) {
        transform: rotate3d(0, 0, 1, 45deg) !important;
        transform-origin: center center !important;
        width: 30px !important;
    }
}

.footer{
    /* background-color:#313334; */
    padding:50px;
    color:#000;
    position:relative;
    border-top:3px solid #313334;
}
.footer .bearfront{
    position:absolute;
    top:-25px;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:50px;
}
@media screen and (max-width: 1024px) {
    .footer{
        padding:20px;
    }
    .footer .bearfront{
        top:-17px;
        width:56px;
        height:35px;
    }
}


.footlogo{
    width:100%;
    display:flex;
    justify-content:center;
    margin:0 auto 30px;
}
.footlogo a{
    display: block;
    width:100%;
    max-width:200px;
    margin:0 auto;
    transition:.3s;
}
.footlogo a:hover{
    opacity:0.7;
}
@media screen and (max-width: 1024px) {
    .footlogo{margin:0 auto 15px;}
}


.footmenu{
    margin:36px auto;
    width:100%;
}
.footmenu ul{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}

.footmenu ul li a{
    width:100%;
    text-decoration:none;
    padding:0 20px;
    font-size:16px;
    letter-spacing:1px;
    text-align:center;
    display:block;
    transition:.3s;
}
.footmenu ul li a:hover{
    color:#e03d36;
}
@media screen and (max-width: 1366px) {
  .footmenu{margin:30px auto;}
}
@media screen and (max-width: 1024px) {
.footmenu{margin:20px auto;}
}
@media screen and (max-width: 768px) {
    .footmenu ul li{width:50%;}
}


.footinfo,.footinfo p{
    font-size:14px!important;
    line-height:2;
}
@media screen and (max-width: 768px) {
  .footinfo,.footinfo p{
    line-height:1.6;}
}

/*scrolltop*/
.scrolltop{
    position: fixed;
    right: 2%;
    bottom:5%;
    z-index: 70;
    padding:10px;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    background:#da261e;
    color:#FFF;
    text-decoration:none;
    transition:.5s;
}
.scrolltop:before{
    content:"";
    width:0;
    height:0;
    display:block;
    border-width:0 6px 8px 6px;
    border-style:solid;
    border-color:transparent transparent #FFF transparent;
}
.scrolltop:after{
    content:"";
    width:2px;
    height:16px;
    display:block;
    background:#FFF;
}
@media screen and (max-width: 1024px) {
  .scrolltop{
    padding:5px 0 0 0;
    width: 40px;
    height: 40px;
  }
}


/*spscreen*/
.spscreen{display:none;}
@media screen and (max-width: 768px) {
  .spscreen{
    background:#313334;
    position:fixed;
    top:0;
    left:0;
    z-index:90;
    width:100%;
    height:100%;
    }

}

.spmenu{
    padding:20px;
    height:100%;
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.spmenu > ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.spmenu > ul > li{width:50%;}
.spmenu .menuitem{padding:15px 20px;border-bottom:1px solid }

.spmenutool{padding:0 25px;display: flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.spmenutool > div{width:100%;}
.spmenutool .lanlist{display:flex;position:relative;top:0;left:0;}
.spmenutool .lanlist li{width:33.333333%;overflow:hidden;}
.spmenutool .lanlist li a{padding:10px 0;background:#555;color:#eee;border-bottom:0;border-right:1px solid #eee;}
.spmenutool .lanlist li:last-child a{border-right:0;}

.register{order:1;flex-grow:2; display:flex;justify-content:center;margin-top:20%;}
.register .button{width:100%;max-width:150px;}

/* bear */
.bearfront{
    background:url(/assets/images/bearfront.png) no-repeat;
    background-size:cover;
    background-position:center top;
}
@media screen and (max-width: 1024px) {
    .bearfront{top:-17px;width:56px;height:35px;}
}
@media screen and (max-width: 768px) {
    .bearfront{top: -10px;width: 36px;height: 22px;}
}

.bearleft{position:absolute;right:0;top:-70px; width:90px;}
.bearright{width:120px;position:relative;left:-50px;}
.beartilt{position:absolute;right:-50px;bottom:60px;width:160px;height:120px; background:url(/assets/images/beartilt.png) no-repeat;background-size:contain;background-position:right top;transform-origin:left bottom;transform:rotate(350deg);}
.beartilr{position:absolute;right:-20px;bottom:-60px;width:200px;height:150px; background:url(/assets/images/beartilr.png) no-repeat;background-size:contain;background-position:right top;transform-origin:left bottom;transform:rotate(350deg);}
@media screen and (max-width: 1366px) {
  .bearleft{width:60px;top:-20px;}
  .bearright{width:90px;left:-35px;}
  .beartilt{right:-30px;width:100px;height:90px;}
  .beartilr{right: -12px;bottom: -30px;width: 120px;height: 100px;}
}
@media screen and (max-width: 1024px) {
  .bearleft{width:38px;}
  .bearright{width:60px;left:-20px;}
  .beartilt{right:-10px;width:30px;height:30px;}
  .beartilr{right:-7px;bottom: -16px;width:60px;height:50px;}
}
@media screen and (max-width: 768px) {
  .bearleft{display:none;}
  .bearright{width:50px;left:-15px;}
  .beartilt,.beartilr{display: none;}
}

.imgbg{background-position:center;background-repeat:no-repeat;background-size:cover;}
.imgbg:after{content:"";display: block;}
.imgbg img{display:none;}


.titlegroup{display:flex;justify-content:center;align-items: center;margin-bottom:50px;}
.titlegroup img{width:200px;}
.titlegroup h5{font-size:22px;line-height:1; letter-spacing:1px;}
@media screen and (max-width: 1366px) {
  .titlegroup{margin-bottom:35px;}
  .titlegroup img{width:160px;}
  .titlegroup h5{font-size:18px;}
}
@media screen and (max-width: 1024px) {
  .titlegroup{margin-bottom:30px;}
  .titlegroup img{width:120px;}
  .titlegroup h5{font-size:16px; }
}
@media screen and (max-width: 768px) {
  .titlegroup img{width:80px;}
  .titlegroup h5{font-size:14px; }
}


/* public */

.main{display: block;margin-top:0;}

@media screen and (max-width: 1366px) {
  .main .w1200{max-width:1000px;}
}
@media screen and (max-width: 1024px) {
  .main .w1200{max-width:800px;}
}

.stargreen{background:url(images/stargreen.png) no-repeat;background-size:contain;background-position:center;}
.staryellow{background:url(images/staryellow.png) no-repeat;background-size:contain;background-position:center;}
.waveyellow{background:url(images/waveyellow.png) no-repeat;background-size:contain;background-position:center;}
.wavegreen{background:url(images/wavegreen.png) no-repeat;background-size:contain;background-position:center;}
.wavepurple{background:url(images/wavepurple.png) no-repeat;background-size:contain;background-position:center;}
.arrowpink{background:url(images/arrowpink.png) no-repeat;background-size:contain;background-position:center;}
.arrowgreen{background:url(images/arrowgreen.png) no-repeat;background-size:contain;background-position:center;}
.waveyellow{background:url(images/waveyellow.png) no-repeat;background-size:contain;background-position:center;}
.squarecolor{background:url(images/squarecolor.png) no-repeat;background-size:contain;background-position:center;}


/*banner part*/

.banner{position:relative;border-bottom:2px solid #000;overflow:hidden;width:100%;}

.bannerbg{position:absolute;left:0;top:0;width:100%;height:100%;}
.bannerbg .bangreenbg{background:url(images/bangreenbg.png) no-repeat;background-size:contain;background-position:center;width:425px;height:368px;position:absolute;right:10%;top:2%;transform-origin:center; animation: scalebg 10s linear infinite alternate;}
.bannerbg .banpurplebg{background:url(images/banpurplebg.png) no-repeat;background-size:contain;background-position:center;width:324px;height:257px;position:absolute;right:38%;bottom:20%;transform-origin:center; animation: scalebg 10s linear infinite alternate;}
.bannerbg .stargreen{position:absolute;left:38%;top:8%;width:100px;height:80px;transform-origin:center;animation: amplify 2s linear infinite  ;-webkit-animation: amplify 2s linear infinite ;}
.bannerbg .staryellow{position:absolute;right:15%;top:6%;width:100px;height:80px;transform-origin:center;animation: amplify 2s linear infinite  ;-webkit-animation: amplify 3s linear .3s infinite ;}
.bannerbg .arrowpink{position:absolute;left:30%;bottom:24%;width:130px;height:30px;animation: arrowpink 5s infinite alternate;-webkit-animation: arrowpink 5s infinite alternate;}
.bannerbg .waveyellow{position:absolute;left:6%;top:45%;width:139px;height:57px;background-repeat:repeat-x;animation: waveyellow 10s linear infinite alternate;}
.bannerbg .wavepurple{position:absolute;right:1%;top:45%;width:90px;height:30px;background-repeat:repeat-x;animation: wavepurple 10s linear infinite alternate;}
.bannerbg .squarecolor{position:absolute;right:6%;bottom:6%;width:90px;height:90px;transform-origin:center; animation: squarecolor 10s linear infinite alternate;}

.bannerbg .yellowcircle{position:absolute;left:-10%;bottom:-30%;width:500px;height:500px;border-radius:50%;background-color:#ffe775;animation: opacity 5s linear infinite alternate;}
.bannerbg .lightbluecircle{position:absolute;left:10%;bottom:-15%;width:200px;height:200px;border-radius:50%;background-color:#80ebef;animation: opacity 6s linear infinite alternate;}

@media screen and (max-width: 1366px) {
  .bannerbg .bangreenbg{right:0;width:360px;height:280px;}
  .bannerbg .banpurplebg{width:224px;height:180px;}
  .bannerbg .stargreen{left:36%;}
  .bannerbg .staryellow{right:3%;}
  .bannerbg .arrowpink{left:25%;width:90px;height:20px;animation: arrowpink 5s infinite alternate;-webkit-animation: arrowpink 5s infinite alternate;}
  .bannerbg .waveyellow{left:2%;top:10%;width: 120px; height: 37px;}
  .bannerbg .wavepurple{width:70px;height:20px;animation: wavepurple 20s linear infinite alternate;}
  .bannerbg .squarecolor{right:3%;bottom:3%;width:70px;height:70px;}
  .bannerbg .yellowcircle{left:-5%;bottom:-20%;width:300px;height:300px;}
  .bannerbg .lightbluecircle{left:8%;bottom:-10%;width:150px;height:150px;}

}
@media screen and (max-width: 1024px) {
  .bannerbg .bangreenbg{width:280px;height:180px;}
  .bannerbg .banpurplebg{width:180px;height:120px;}
  .bannerbg .stargreen{left:20%;width:80px;height:60px;}
  .bannerbg .staryellow{right:2%;width:80px;height:60px;}
  .bannerbg .arrowpink{left:20%;width:60px;height:16px;animation: arrowpink 3s infinite alternate;-webkit-animation: arrowpink 3s infinite alternate;}
  .bannerbg .waveyellow{left:1%;top:5%;width: 100px; height: 30px;}
  .bannerbg .wavepurple{width:60px;height:16px;animation: wavepurple 20s linear infinite alternate;}
  .bannerbg .squarecolor{right:2%;bottom:2%;width:50px;height:50px;}
  .bannerbg .yellowcircle{left:-10%;bottom:-25%;width:200px;height:200px;}
  .bannerbg .lightbluecircle{left:8%;bottom:-10%;width:90px;height:90px;}
}
@media screen and (max-width: 768px) {
  .bannerbg .bangreenbg{top:10%;width:180px;height:120px;}
  .bannerbg .banpurplebg{right:auto;left:2%;width:180px;height:120px;}
  .bannerbg .stargreen{left:5%;width:60px;height:50px;}
  .bannerbg .staryellow{top:12%;right:3%;width:60px;height:50px;}
  .bannerbg .squarecolor{width:30px;height:30px;}
  .bannerbg .yellowcircle{left:-8%;bottom:-15%;width:180px;height:180px;}
  .bannerbg .lightbluecircle{left:11%;bottom:-7%;width:80px;height:80px;}
}
@keyframes opacity {
  0%, 100% {
    opacity:1;
  }
  50% {
    opacity:0.8;
  }
}

@keyframes scalebg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}


@keyframes squarecolor {
  0%, 100% {
    transform: rotateZ(0);
  }
  50% {
    transform: rotateZ(180deg);
  }
}

@keyframes arrowpink
{
    0% {left:30%;}
    100% {left:33%;}
}
@-webkit-keyframes arrowpink
{
    0% {left:30%;}
    100% {left:33%;}
}

@keyframes waveyellow {
  0%, 100% {
    left:10%;
    top:45%;
    transform: rotateZ(0deg) scaleX(1);
  }
  50% {
    left:13%;
    top:42%;
    transform: rotateZ(5deg) scaleX(1.2);
  }
}

@keyframes wavepurple {
  0%, 100% {
    background-position:left 0% center;
  }
  50% {
    background-position:left 10000% center;
  }
}

@media screen and (max-width: 1366px) {
  @keyframes waveyellow {
    0%, 100% {
      left:2%;
      top:45%;
      transform: rotateZ(0deg) scaleX(1);
    }
    50% {
      left:5%;
      top:42%;
      transform: rotateZ(5deg) scaleX(1.2);
    }
  }

  @keyframes arrowpink
  {
      0% {left:25%;}
      100% {left:28%;}
  }
  @-webkit-keyframes arrowpink
  {
      0% {left:25%;}
      100% {left:28%;}
  }
  @keyframes wavepurple {
    0%, 100% {
      background-position:left 0% center;
    }
    50% {
      background-position:left 1000% center;
    }
  }
}

@media screen and (max-width: 1024px) {


  @keyframes arrowpink
  {
      0% {left:20%;}
      100% {left:22%;}
  }
  @-webkit-keyframes arrowpink
  {
      0% {left:20%;}
      100% {left:22%;}
  }

}


.bannerbox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:10;}
.bannerbox .bearfront{width:100px;height:130px;position:absolute;left:17%;bottom:-80px;transform:translate(-50%,0%);}
.bannertext{width:calc(50% - 50px);position:relative;}
.bannertext h1{font-size:48px;font-weight:bold;margin-bottom:10px;}
.bannertext h2{font-size:70px;font-weight:bold;}

.bannerpic{width:calc(50% - 50px);}
.bannerpic ul{margin-bottom:-30px;margin-right:-30px;}
.bannerpic ul li{margin-bottom:30px;padding-right:30px;}
.bannerpic ul li figure:after{padding-top:138%;}

.hornpic{padding:3px;background-color:#FFF;border:2px solid #000;border-radius:30px;box-shadow:0 5px 0 #000;overflow:hidden;}
.hornpic figure{border-radius:30px;}
.roundedpic{padding:3px;background-color:#FFF;border:2px solid #000;border-radius:130px;box-shadow:0 5px 0 #000;overflow:hidden;}
.roundedpic figure{border-radius:150px;}
.singlehornpic{padding:3px;background-color:#FFF;border:2px solid #000;border-radius:20px 50px 20px 20px;box-shadow:0 5px 0 #000;overflow:hidden;}
.singlehornpic figure{border-radius:20px 50px 20px 20px;}
@media screen and (max-width: 1366px) {

  .bannerbox .bearfront{width:80px;height:110px;left:25%;bottom:-80px;}
  .bannertext{width:calc(50% - 30px);}
  .bannertext h1{font-size:38px;}
  .bannertext h2{font-size:50px;}
  .bannerpic{width:calc(50% - 30px);}
  .bannerpic ul{margin-bottom:-20px;margin-right:-20px;}
  .bannerpic ul li{margin-bottom:20px;padding-right:20px;}

  .hornpic{padding:2px;border:1px solid #000;border-radius:20px;box-shadow:0 3px 0 #000;}
  .hornpic figure{border-radius:20px;}
  .roundedpic{padding:2px;border:1px solid #000;border-radius:100px;box-shadow:0 3px 0 #000;}
  .roundedpic figure{border-radius:100px;}
  .singlehornpic{padding:2px;border:1px solid #000;border-radius:15px 30px 15px 15px;box-shadow:0 3px 0 #000;}
  .singlehornpic figure{border-radius:15px 30px 15px 15px;}

}
@media screen and (max-width: 1024px) {
  .bannerbox .bearfront{width:50px;height: 65px;left:20%;bottom: -30px;}
  .bannertext{width:calc(50% - 15px);}
  .bannertext h1{font-size:28px;}
  .bannertext h2{font-size:38px;}
  .bannerpic{width:calc(50% - 15px);}
  .bannerpic ul{margin-bottom:-10px;margin-right:-10px;}
  .bannerpic ul li{margin-bottom:10px;padding-right:10px;}


  .hornpic{padding:1px;border-radius:10px;}
  .hornpic figure{border-radius:10px;}
  .roundedpic{padding:1px;border-radius:50px;}
  .roundedpic figure{border-radius:50px;}
  .singlehornpic{padding:1px;border-radius:10px 20px 10px 10px;}
  .singlehornpic figure{border-radius:10px 20px 10px 10px;}
}
@media screen and (max-width: 768px) {
  .bannerbox .bearfront{left:50%;width:38px;height: 54px;}
  .bannertext{width:100%;max-width:500px;margin:0 auto 10px;}
  .bannertext h1{font-size:20px;margin-bottom:5px;}
  .bannertext h2{font-size:30px;}
  .bannerpic{width:100%;max-width:500px;margin:0 auto;}
  .roundedpic{border-radius:30px;}
  .roundedpic figure{border-radius:30px;}
}



/*.banner{position:relative;}
.bannerslide figure{position:relative;width:100%;}
.bannerslide figure:after{content:"";position:absolute;left:0;bottom:-1px;z-index:1;width:100%;height:25%;background:url(/assets/images/bannerbg.png) no-repeat;background-position:center top;background-size:100% 100%;}
.bannerslide figure,.bannerslide figure img{width:100%;}

.bannertext{position:absolute;top:0;left:0;z-index:10;padding:50px;width:100%;height:100%;}
.bannertext > div{width:100%;max-width:1200px;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;}
.bannertext img{display:block;width:100%;max-width:270px;margin-bottom:20px;}
.bannertext h1{color:#ffffff;font-size:48px;letter-spacing:1px;font-weight:bold;text-align:right;}
.bannertext h1 span{display: block; margin-right:-1em;}

@media screen and (max-width: 1366px) {
  .bannerslide figure:after{bottom:-2px;height:20%;}
  .bannertext img{max-width:220px;}
  .bannertext h1{font-size:36px;}
}
@media screen and (max-width: 1024px) {
  .bannertext{padding:30px 20px;}
  .bannertext img{max-width:180px;}
  .bannertext h1{font-size:24px;}
}
@media screen and (max-width: 768px) {
  .bannertext img{max-width:100px;margin-bottom:10px;}
  .bannertext h1{font-size:18px;}
}
*/

/* advert */
.advertlocal{border:1px solid #000;border-radius:10px;box-shadow:3px 6px 0 #000;/*height:80px;margin-right:-80px;margin-left:-80px;padding-right:80px;padding-left:80px;*/}
.advertlocal figure{ /*width:300px;height:100%;height:80px;*/padding:15px 5px;display:flex;justify-content:center;}
.advertlocal figure img{width:auto;}
.advertlocal .swiper-button-next{right:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.advertlocal .swiper-button-next:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-right:-10px;}
.advertlocal .swiper-button-next:after{font-size:20px;color:#FFF;}
.advertlocal .swiper-button-prev{left:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.advertlocal .swiper-button-prev:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-left:-10px;order:1;}
.advertlocal .swiper-button-prev:after{font-size:20px;color:#FFF;}
@media screen and (max-width: 1366px) {
  .advertlocal{/*margin-right:-30px;margin-left:-30px;padding-right:30px;padding-left:30px;*/}
  /*.advertlocal figure{width:200px;}*/
  .advertlocal figure{padding:10px 5px;}
  .advertlocal .swiper-button-next{width:30px;height:30px;}
  .advertlocal .swiper-button-next:before{width:15px;border-top:1px solid #FFF;margin-right:-7px;}
  .advertlocal .swiper-button-next:after{font-size:14px;}
  .advertlocal .swiper-button-prev{width:30px;height:30px;}
  .advertlocal .swiper-button-prev:before{width:15px;border-top:1px solid #FFF;margin-left:-7px;}
  .advertlocal .swiper-button-prev:after{font-size:14px;}
}
@media screen and (max-width: 1024px) {
  .advertlocal{}
  /*.advertlocal figure{width:100px;}*/
  .advertlocal .swiper-button-next{right:5px;width:26px;height:26px;}
  .advertlocal .swiper-button-next:before{width:10px;margin-right:-5px;}
  .advertlocal .swiper-button-next:after{font-size:10px;}
  .advertlocal .swiper-button-prev{left:5px;width:26px;height:26px;}
  .advertlocal .swiper-button-prev:before{width:10px;margin-left:-5px;}
  .advertlocal .swiper-button-prev:after{font-size:10px;}
}

/*
.advertlocal{margin-right:-80px;margin-left:-80px;padding-right:80px;padding-left:80px;}
.advertlocal figure{width:300px; height:100%;height:80px;padding:5px;display:flex;justify-content:center;}
.advertlocal figure img{width:auto;}
.advertlocal .swiper-button-next{right:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.advertlocal .swiper-button-next:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-right:-10px;}
.advertlocal .swiper-button-next:after{font-size:20px;color:#FFF;}
.advertlocal .swiper-button-prev{left:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.advertlocal .swiper-button-prev:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-left:-10px;order:1;}
.advertlocal .swiper-button-prev:after{font-size:20px;color:#FFF;}
@media screen and (max-width: 1366px) {
  .advertlocal{margin-right:-30px;margin-left:-30px;padding-right:30px;padding-left:30px;}
  .advertlocal .swiper-button-next{width:30px;height:30px;}
  .advertlocal .swiper-button-next:before{width:15px;border-top:1px solid #FFF;margin-right:-7px;}
  .advertlocal .swiper-button-next:after{font-size:14px;}
  .advertlocal .swiper-button-prev{width:30px;height:30px;}
  .advertlocal .swiper-button-prev:before{width:15px;border-top:1px solid #FFF;margin-left:-7px;}
  .advertlocal .swiper-button-prev:after{font-size:14px;}
}
@media screen and (max-width: 1024px) {
  .advertlocal{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px;}
  .advertlocal .swiper-button-next{right:5px;width:26px;height:26px;}
  .advertlocal .swiper-button-next:before{width:10px;margin-right:-5px;}
  .advertlocal .swiper-button-next:after{font-size:10px;}
  .advertlocal .swiper-button-prev{left:5px;width:26px;height:26px;}
  .advertlocal .swiper-button-prev:before{width:10px;margin-left:-5px;}
  .advertlocal .swiper-button-prev:after{font-size:10px;}
}*/

/* homevideo */


.homevideo{width:100%;display: flex;flex-direction:column;justify-content:center;margin:50px auto 0;}
.homevideobtn{font-size:24px;letter-spacing:2px;width:100%;max-width:520px;margin:0 auto 30px;display:flex;justify-content:center;}
.videobox{position:relative;}
.videobox:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url(images/videoboxbg.png);background-repeat:no-repeat;background-size:contain;background-position:center center;}
.videobox .videoframe{position:relative;z-index:10;width:100%;max-width:676px;margin:0 auto;overflow:hidden;border-radius:30px;box-shadow:10px 10px 0 #000;}
.videobox .videoframe iframe{width:676px;height:422px;overflow:hidden;overflow:hidden;}
.videoframe{width:100%;max-width:800px;margin:30px auto 38px;position:relative;}
.homevideoframebg{display:block;}
.videoframe iframe{width:100%;height:500px;background-color:#555;border-radius:10px;}
.videoframe:after{content:"";display: block;width:0;height:0;border-style:solid;border-width:30px 0 30px 60px;border-color:transparent transparent transparent #FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.videoslide{width:100%;}
.videoslide .swiper-button-next{right:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.videoslide .swiper-button-next:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-right:-10px;}
.videoslide .swiper-button-next:after{font-size:20px;color:#FFF;}
.videoslide .swiper-button-prev{left:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.videoslide .swiper-button-prev:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-left:-10px;order:1;}
.videoslide .swiper-button-prev:after{font-size:20px;color:#FFF;}
@media screen and (max-width: 1366px) {
  .homevideobtn{font-size:20px;}
  .videoslide .swiper-button-next{width:30px;height:30px;}
  .videoslide .swiper-button-next:before{width:15px;border-top:1px solid #FFF;margin-right:-7px;}
  .videoslide .swiper-button-next:after{font-size:14px;}
  .videoslide .swiper-button-prev{width:30px;height:30px;}
  .videoslide .swiper-button-prev:before{width:15px;border-top:1px solid #FFF;margin-left:-7px;}
  .videoslide .swiper-button-prev:after{font-size:14px;}
}
@media screen and (max-width: 1024px) {
  .homevideobtn{font-size:16px;margin:0 auto 20px;}
  .homevideoframebg{margin:20px auto 0;}
  .videobox .videoframe{max-width:586px;height:390px;}
  .videobox .videoframe iframe{}

  .videoframe{max-width:600px;}
  .videoframe iframe{max-width:600px;height:450px;}
  .videoslide .swiper-button-next{right:5px;width:26px;height:26px;}
  .videoslide .swiper-button-next:before{width:10px;margin-right:-5px;}
  .videoslide .swiper-button-next:after{font-size:10px;}
  .videoslide .swiper-button-prev{left:5px;width:26px;height:26px;}
  .videoslide .swiper-button-prev:before{width:10px;margin-left:-5px;}
  .videoslide .swiper-button-prev:after{font-size:10px;}
}
@media screen and (max-width: 768px) {
  .homevideobtn{font-size:14px;}
  .videobox .videoframe{max-width:430px;height:300px;}

  .videoframe{max-width:450px;}
  .videoframe iframe{max-width:450px;height:300px;}
}

@media screen and (max-width: 568px) {
  .videobox .videoframe{max-width:350px;height:270px;}

}

.homevideoinfo{font-size:24px;width:100%;max-width:900px;margin:35px auto 0;}
@media screen and (max-width: 1366px) {
  .homevideoinfo{font-size:20px;max-width:760px;margin:30px auto 0;}
}
@media screen and (max-width: 1024px) {
  .homevideoinfo{font-size:16px;margin:20px auto 0;}
}



/* .homevideo{width:100%;display: flex;flex-direction:column;justify-content:center;margin:50px auto 0;}
.homevideobtn{font-size:24px;letter-spacing:2px;width:100%;max-width:520px;margin:0 auto 30px;display:flex;justify-content:center;}
.homevideoframe{width:100%;max-width:800px;margin:30px auto 38px;position:relative;}
.homevideoframebg{display:block;}
.homevideoframe iframe{width:100%;height:500px;background-color:#555;border-radius:10px;}
.homevideoframe:after{content:"";display: block;width:0;height:0;border-style:solid;border-width:30px 0 30px 60px;border-color:transparent transparent transparent #FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.homevideo .swiper-button-next{right:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.homevideo .swiper-button-next:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-right:-10px;}
.homevideo .swiper-button-next:after{font-size:20px;color:#FFF;}
.homevideo .swiper-button-prev{left:0px;width:45px;height:45px;border-radius:50%;background-color:#e03d36;display:flex;justify-content:center;}
.homevideo .swiper-button-prev:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-left:-10px;order:1;}
.homevideo .swiper-button-prev:after{font-size:20px;color:#FFF;}
@media screen and (max-width: 1366px) {
  .homevideobtn{font-size:20px;}
  .homevideo .swiper-button-next{width:30px;height:30px;}
  .homevideo .swiper-button-next:before{width:15px;border-top:1px solid #FFF;margin-right:-7px;}
  .homevideo .swiper-button-next:after{font-size:14px;}
  .homevideo .swiper-button-prev{width:30px;height:30px;}
  .homevideo .swiper-button-prev:before{width:15px;border-top:1px solid #FFF;margin-left:-7px;}
  .homevideo .swiper-button-prev:after{font-size:14px;}
}
@media screen and (max-width: 1024px) {
  .homevideobtn{font-size:16px;margin:0 auto 20px;}
  .homevideoframebg{margin:20px auto 0;}
  .homevideoframe{max-width:600px;}
  .homevideoframe iframe{max-width:600px;height:450px;}
  .homevideo .swiper-button-next{right:5px;width:26px;height:26px;}
  .homevideo .swiper-button-next:before{width:10px;margin-right:-5px;}
  .homevideo .swiper-button-next:after{font-size:10px;}
  .homevideo .swiper-button-prev{left:5px;width:26px;height:26px;}
  .homevideo .swiper-button-prev:before{width:10px;margin-left:-5px;}
  .homevideo .swiper-button-prev:after{font-size:10px;}
}
@media screen and (max-width: 768px) {
  .homevideobtn{font-size:14px;}
  .homevideoframe{max-width:450px;}
  .homevideoframe iframe{max-width:450px;height:300px;}
} */



/*part1*/

.part1{position:relative;border:solid #000;border-width:2px 0 1px;}
.part1 .stargreen{position:absolute;right:15%;top:20%;width:90px;height:80px;transform-origin:center;animation: amplify 2s linear infinite  ;-webkit-animation: amplify 2s linear infinite ;}
.part1 .wavegreen{position:absolute;left:10%;bottom:20%;width:110px;height:36px;background-repeat:repeat-x;animation: veinbg 100s linear infinite;}
@media screen and (max-width: 1520px) {
  .part1 .stargreen{right:5%;top:15%;width:80px;height:70px;}
  .part1 .wavegreen{left:5%;bottom:15%;width:100px;height:30px;}
}

@keyframes amplify
{
    0% {transform:scale(0.6);opacity:1;}
    100% {transform:scale(1.5);opacity:0.5;}
}
@-webkit-keyframes amplify
{
    0% {transform:scale(0.6);opacity:1;}
    100% {transform:scale(1);opacity:0.5;}
}

@keyframes veinbg {
  0%, 100% {
    background-position:left 0% center;
  }
  50% {
    background-position:left 50000% center;
  }
}

.part1main{position:relative;z-index:10;}

.coreproducts{}
.coreproductslist{display:none;}
.coreproductslist .swiper-slide{transform:scale(0.8);}
.coreproductslist .swiper-slide-active,.coreproductslist .swiper-slide-duplicate-active{transform:scale(1);}
.coreproducts > ul{position:relative;z-index:10;margin-left:-30px;margin-right:-30px;}
.coreproducts > ul > li{padding-left:30px;padding-right:30px;position:relative;z-index:1;}

/* .productsitem{width:100%;height:100%;font-size:14px;position: relative;z-index:1;}
.productsitem.recommend{}
.productsitem.recommend .productsiteminner{height:120%;background: linear-gradient(45deg,  #358dd9 0%, #3a9dde 20%,#3fafe3 80% ,#45c4e9 100%);color:#FFF;}
.productsitem.recommend .productsiteminner:after{display:none;}
.productsitem.recommend .productsiteminner h5{color:#FFF;}
.productsitem.recommend .productsiteminner h6{color:#FFF;}
.productsitem.recommend .productsiteminner ol li{color:#FFF;}
.productsitem:after{border-radius:0;display:none;}
.productsiteminner{width:100%;height:100%;min-height:520px;background-color:#e2f2fa;display:flex;flex-direction:column;align-items:center;padding:50px 20px 60px;border-radius:10px;box-shadow:0 0 10px 10px rgba(0,0,0,0.2);}
.productsitemtitle{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;}
.productsitemtitle:after{content:"";width:24px;border-top:1px solid #f7ae00;margin-top:15px;}
.productsitemtitle figure{width:60px;}
.productsitemtitle figure img{}
.productsitemtitle h5{font-size:20px;font-weight:bolder;margin-top:20px;color:#3f3f3f;}
.productsitem h6{font-weight:bold;color:#696969;}
.productsitem ol{}
.productsitem ol li{color:#696969;line-height:1.8;}
.productsitem .productsitembody{margin-bottom:50px;}
.productsitem .button{padding:10px 30px;position:absolute;left:50%;bottom:20px;transform:translate(-50%,0%);} */


.part1btn{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:80px;}
.part1btn .button{width:50%;max-width:300px;display:flex;justify-content:center;margin:5px 30px;padding:15px 30px;border-radius:30px;text-align:center;border:1px solid #000;box-shadow:inset 1px 1px 5px #FFF,3px 3px 0 #000;}

@media screen and (max-width: 1366px) {
  .coreproducts > ul{margin-left:-20px;margin-right:-20px;}
  .coreproducts > ul > li{padding-left:20px;padding-right:20px;}
  /* .productsiteminner{min-height:500px;padding:30px 20px 50px;}
  .productsitemtitle h5{font-size:16px;}
  .productsitem .productsitembody{margin-bottom:30px;} */
  .part1btn{margin-top:50px;}
  .part1btn .button{max-width:240px;}
}
@media screen and (max-width: 1024px) {
  .coreproducts > ul{margin-left:-10px;margin-right:-10px;}
  .coreproducts > ul > li{padding-left:10px;padding-right:10px;}
  /* .productsiteminner{min-height:450px;padding:20px 10px 30px;box-shadow:0 0 5px 5px rgba(0,0,0,0.2);}
  .productsitemtitle{margin-bottom:20px;}
  .productsitemtitle figure{width:38px;}
  .productsitemtitle h5{margin-top:10px;}
  .productsitemtitle:after{margin-top:10px;}
  .productsitem ol li{line-height:1.6;} */
  .part1btn{margin-top:30px;}
  .part1btn .button{max-width:200px;margin:0px 20px;padding:10px 20px;}
  /*.part1btnitem{width:calc(50% - 20px);}
  .part1btnitem .maskshadow .button{padding:10px 20px;}*/
}
@media screen and (max-width: 768px) {
  .coreproducts > ul > li{width:100%;max-width:420px;margin:0 auto 20px;}
  /*.coreproducts > ul > li:nth-of-type(2){order:-1;width:100%;max-width:380px;margin:0 auto 20px;}*/
  .part1btn .button{margin-top:10px;}
}
@media screen and (max-width: 568px) {
  .productsitem.recommend .productsiteminner{height:100%;}
  .coreproducts > ul > li{max-width:360px;}
  /*.coreproducts > ul > li:nth-of-type(2){max-width:360px;}*/
  .productsiteminner{min-height:auto;}

}




.arrowright{display:flex;align-items:center;justify-content:center;}
.arrowright:before{content:"";width:30px;margin-right:-10px;}
.arrowright:after{content:"";display:block;width:8px;height:8px;transform:rotate(45deg);}

.arrowright.arrowrightwhite:before{border-top:1px solid #FFF;}
.arrowright.arrowrightwhite:after{border:solid #FFF;border-width:1px 1px 0 0;}

.arrowright.arrowrightblue:before{border-top:1px solid #63ace3;}
.arrowright.arrowrightblue:after{border:solid #63ace3;border-width:1px 1px 0 0;}
@media screen and (max-width: 1366px) {

}



.productspink{background:#fb7287;}
.productspink .productsitembody{background:#ffc8d1;}
.productsblue{background:#49b9d7;}
.productsblue .productsitembody{background:#a2e4f6;}
.productsyellow{background:#e8ba3f;}
.productsyellow .productsitembody{background:#fff4c2;}

.productsitem{width:100%;height:100%;border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;}
.productsitemtitle{display:flex;justify-content:center;align-items:center;padding:50px 20px 30px;}
.productsitemtitle figure{width:46px;margin-right:10px;}
.productsitemtitle h3{font-size:24px;line-height:1.2;}
.productsitembody{width:100%;height:80%;border-radius:25px;border:1px solid #000;padding:30px;display:flex;flex-direction:column;justify-content:space-between;}
.productsitembody h5{font-size:20px;font-weight:bolder;}
.productsitembody .h-ol{height:60%;display:flex;flex-direction:column;justify-content:space-between;}
.productsitembody ol{margin-bottom:20px;}
.productsitembody ol li{line-height:2;}
.productsitembody .button{line-height:1;color:#000;padding:10px 30px;border-radius:50px;border:1px solid #000;}
@media screen and (max-width: 1366px) {
  .productsitem{border-radius:20px;}
  .productsitemtitle{padding:30px 10px 20px;}
  .productsitemtitle figure{width:36px;}
  .productsitemtitle h3{font-size:20px;}
  .productsitembody{padding:20px;border-radius:20px;height:85%;justify-content:flex-start;}
  .productsitembody h5{font-size:16px;}
}
@media screen and (max-width: 1024px) {
  .productsitemtitle{padding:20px 10px 10px;}
  .productsitemtitle figure{width:26px;}
  .productsitemtitle h3{font-size:16px;}
  .productsitembody{padding:15px;border-radius:15px;}
  .productsitembody .h-ol{height:auto;line-height:3;}
  .productsitembody ol li{line-height:1.6;}
}
@media screen and (max-width: 768px) {
  .productsitembody{height:auto;}
}
@media screen and (max-width: 568px) {

}


/*part2*/
.part2{position:relative;border:solid #000;border-width:2px 0 1px;}
/* .part2:before{content:"";display:none;position:absolute;top:20%;left:50%;transform:translate(-50%,0%);background:url(/assets/images/part2bg.png) no-repeat;background-size:100% auto;background-position:top center;width:100%;height:100%;}
.part2:after{content:"";position:absolute;top:5%;left:50%;transform:translate(-50%,0%);background:url(/assets/images/part2bg.png) no-repeat;background-size:100% auto;background-position:top center;width:100%;height:100%;} */
.part2 .arrowpink{position:absolute;left:10%;bottom:10%;width:100px;height:30px;background-repeat:repeat-x;animation: moveleft 2.5s infinite alternate;-webkit-animation: moveleft 2.5s infinite alternate;}
@keyframes moveleft
{
    0% {left:10%;}
    100% {left:12%;}
}
@-webkit-keyframes moveleft
{
    0% {left:10%;}
    100% {left:12%;}
}
@media screen and (max-width: 1520px) {
  .part2 .arrowpink{left:2%;bottom:5%;width:60px;height:20px;animation: moveleft 2.5s infinite alternate;-webkit-animation: moveleft 2.5s infinite alternate;}
  @keyframes moveleft
  {
      0% {left:2%;}
      100% {left:5%;}
  }
  @-webkit-keyframes moveleft
  {
      0% {left:2%;}
      100% {left:5%;}
  }
}


.part2main{position:relative;z-index:10;}

.variouslist{justify-content:space-between;}
.variouslist li{width:calc(33.333333% - 30px);}
.varioustitle{margin-bottom:60px;}
@media screen and (max-width: 1366px) {
  .variouslist li{width:calc(33.333333% - 20px);}
}
@media screen and (max-width: 1024px) {
  .variouslist li{width:calc(33.333333% - 15px);}
}
@media screen and (max-width: 768px) {
  .variouslist li{width:calc(50% - 10px);margin-bottom:20px;}
}
@media screen and (max-width: 568px) {
  .variouslist li{width:100%;}
  .variouslist li .point{max-width:300px;margin:0 auto;}
}


.point{width:100%;height:100%;display:block;position:relative;overflow:hidden;border-radius:20px;border:1px solid #000;box-shadow:0 5px 0 #000;}
.pointgreen{background:#f1ffe4;}
.pointgreen:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0); background-color:#91cb5c;width:100%;height:15%;}
.pointgreen:after{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%,0);background:url(images/pointgreen.png) no-repeat;background-size:100% auto;background-position:center bottom;width:100%;height:50%; }

.pointpink{background:#ffebef;}
.pointpink:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);  background-color:#ff8d9e;width:100%;height:15%; }
.pointpink:after{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%,0);background:url(images/pointpink.png) no-repeat;background-size:100% auto;background-position:center bottom;width:100%;height:50%; }

.pointblue{background:#dff8ff;}
.pointblue:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0); background-color:#6bc5dd;width:100%;height:15%;  }
.pointblue:after{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%,0);background:url(images/pointblue.png) no-repeat;background-size:100% auto; background-position:center bottom;width:100%;height:50%; }
.pointinner{padding:30px;position:relative;z-index:10;}
.pointhead{ display:flex;justify-content:center;margin-bottom:70px;}
.pointhead figure{width:54px;margin-right:15px;}
.pointhead dl{}
.pointhead dl dt{font-size:34px;line-height:1;font-weight:bold;margin-bottom:10px;}
.pointhead dl dd{font-size:14px;text-transform:uppercase;font-weight:bold;}
.pointbody{font-size:18px;}
@media screen and (max-width: 1366px) {
  .pointgreen:before{height:10%;}
  .pointgreen:after{height:45%;}
  .pointpink:before{height:10%;}
  .pointpink:after{height:45%;}
  .pointblue:before{height:10%;}
  .pointblue:after{height:45%;}
  .pointinner{padding:30px 20px;}
  .pointhead{margin-bottom:50px;}
  .pointhead figure{width:38px;}
  .pointhead dl dt{font-size:30px;margin-bottom:5px;}
  .pointbody{font-size:16px;}
}
@media screen and (max-width: 1024px) {
  .pointinner{padding:25px 15px;}
  .pointhead{margin-bottom:30px;}
  .pointhead figure{width:30px;}
  .pointhead dl dt{font-size:24px;}
  .pointbody{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .pointgreen:before{height:10%;}
  .pointgreen:after{height:50%;background-size:100% 100%;}
  .pointpink:before{height:10%;}
  .pointpink:after{height:50%;background-size:100% 100%;}
  .pointblue:before{height:10%;}
  .pointblue:after{height:50%;background-size:100% 100%;}
  .pointinner{padding:20px 10px;}
  .pointhead figure{width:28px;margin-right:10px;}
  .pointhead dl dt{font-size:20px;}
  .pointhead dl dd{font-size:12px;}
}
@media screen and (max-width: 568px) {


}



/*
.itemvarious{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#FFF;border-radius:25px; padding:40px 30px;box-shadow:0 0 5px 5px rgba(255,255,255,0.5);margin-bottom:60px;color:#FFF;}
.variousgreenbg{background:url(/assets/images/variousgreenbg.jpg) no-repeat;background-size:cover;}
.variousorangebg{background:url(/assets/images/variousorangebg.jpg) no-repeat;background-size:cover;}
.variouspurplebg{background:url(/assets/images/variouspurplebg.jpg) no-repeat;background-size:cover;}
.itemvarious dl{display:flex;align-items:center;flex-direction:column;margin-bottom:30px;}
.itemvarious dl dt{font-size:38px;line-height:1.2;font-weight:bold; letter-spacing:1px;margin-bottom:10px;}
.itemvarious dl dd{font-size:18px;line-height:1;text-transform:uppercase; }
.itemvarious figure{display:flex;justify-content:center;width:100%;max-width:120px;margin-bottom:50px;}
.itemvarious figure img{width:100%;}
.itemvarious p{font-size:16px;letter-spacing:1px;}
@media screen and (max-width: 1366px) {
  .variouslist li{width:calc(50% - 30px);}
  .variouslist li:last-child{padding-top:60px;}

  .itemvarious{padding:30px 20px;margin-bottom:50px;}
  .itemvarious dl dt{font-size:32px;}
  .itemvarious dl dd{font-size:16px;}
  .itemvarious figure{max-width:100px;margin-bottom:30px;}
}
@media screen and (max-width: 1024px) {
  .part2:after{top:3%;}
  .variouslist li{width:calc(50% - 20px);}
  .varioustitle{margin-bottom:30px;}
  .varioustitle p{font-size:14px;}
  .itemvarious{max-width:360px;padding:30px 20px;margin:0 auto 30px;border-width:3px;border-radius:15px;}
  .itemvarious dl dt{font-size:26px;}
  .itemvarious dl dd{font-size:14px;}
  .itemvarious p{font-size:14px;}
  .itemvarious figure{max-width:80px;margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
  .variouslist li{width:calc(50% - 10px);}
}
@media screen and (max-width: 568px) {
  .part2:before{display: block;top:10%;}
  .part2:after{top:5%;}
  .variouslist li{width:100%;}
  .variouslist li:last-child{padding-top:0px;}
  .varioustitle{max-width:360px;margin:0 auto 20px;}
  .itemvarious{margin:0 auto 20px;}
}
*/


/*part3*/

.part3{position:relative;border:solid #000;border-width:2px 0 1px;}
.part3 .part3main{position:relative;z-index:10;}
.part3 .arrowgreen{position:absolute;right:10%;bottom:10%;width:100px;height:30px;background-repeat:repeat-x;animation: moveright 3.5s infinite alternate;-webkit-animation: moveright 3.5s infinite alternate;}
@keyframes moveright
{
    0% {/*background-position:-200% center; */right:10%;}
    100% {/*background-position:200% center;*/right:7%;}
}
@-webkit-keyframes moveright
{
    0% {/*background-position:-200% center;*/right:10%;}
    100% {/*background-position:200% center;*/right:7%;}
}
@media screen and (max-width: 1520px) {
  .part3 .arrowgreen{right:5%;bottom:5%;width:60px;height:20px;animation: moveright 3s infinite alternate;-webkit-animation: moveright 3s infinite alternate;}
  @keyframes moveright
  {
      0% {right:5%;}
      100% {right:2%;}
  }
  @-webkit-keyframes moveright
  {
      0% {right:5%;}
      100% {right:2%;}
  }
}


.service{}
.service > ul{margin-right:-30px;margin-left:-30px;}
.service > ul > li{padding-left:30px;padding-right:30px;}

@media screen and (max-width: 1366px) {
.service > ul{margin-right:-20px;margin-left:-20px;}
.service > ul > li{padding-left:20px;padding-right:20px;}

}
@media screen and (max-width: 1024px) {
.service > ul{margin-right:-10px;margin-left:-10px;}
.service > ul > li{padding-left:10px;padding-right:10px;}
}
@media screen and (max-width: 768px) {
.service > ul > li{width:50%;margin-bottom:20px;}
}
@media screen and (max-width: 568px) {
.service > ul > li{width:100%;}
}

.item{width:100%;display:block;}
.itemnum{color:#000;font-size:80px;line-height:1.2;font-family:"Impact",serif;}
.itemtitle{font-size:22px;letter-spacing:1px;font-weight:bold;margin-bottom:30px;}
.itemcontent{margin-bottom:20px;}
.itemcontent ol{list-style-type: none;}
.itemcontent ol li{font-size:14px;line-height:2;}
.itemcontent ol li:before{content:"-";margin-right:5px;}
.itempic{background:#FFF;border:1px solid #040000;padding:3px;box-shadow:5px 5px 0px #000;}
.itempic figure{}
.itempic figure:after{padding-top:70%;}
.itempic figure img{width:100%;}
@media screen and (max-width: 1366px) {
  .itemnum{font-size:60px;}
  .itemtitle{margin-bottom:20px;}
  .itemcontent ol{min-height:5em;}
}
@media screen and (max-width: 1024px) {
  .itemnum{font-size:38px;}
  .itemtitle{font-size:18px;margin-bottom:10px;}
  .itemcontent{margin-bottom:10px;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 568px) {
  .itemcontent ol{min-height:auto;}

}


/* part4 */

.part4{position:relative;padding:80px 50px 120px;border:solid #000;border-width:2px 0 1px;}
.part4main{position:relative;z-index:10;}/*-45*/
/* .part4:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(/assets/images/part4bg.png) no-repeat;background-position:center bottom;} */
@media screen and (max-width: 1366px) {
  .part4{padding:60px 50px;}
  .part4:after{top:0;bottom:auto;background-position:center top 20%;background-size:100% 100%;}
}
@media screen and (max-width: 1024px) {
  .part4{padding:50px 20px;}
}


.reviews{ margin-right:-50px;margin-left:-50px;padding-right:50px;padding-left:50px;}
.reviews .reviewslist li.swiper-slide{padding:10px;}
/* .reviews .reviewslist li.swiper-slide.swiper-slide-active .card{background: linear-gradient(45deg, #358dd9 0%, #3a9dde 20%, #42bae6 80%, #45c4e9 100%);box-shadow:0 0 0 0 #fff;color:#FFF;} */
/* .reviews .reviewslist li.swiper-slide.swiper-slide-active .card .carddate{color:#FFF;} */
.reviews .swiper-button-next{right:0px;width:45px;height:45px;border-radius:50%;background-color:#000;display:flex;justify-content:center;}
.reviews .swiper-button-next:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-right:-10px;}
.reviews .swiper-button-next:after{font-size:20px;color:#FFF;}
.reviews .swiper-button-prev{left:0px;width:45px;height:45px;border-radius:50%;background-color:#000;display:flex;justify-content:center;}
.reviews .swiper-button-prev:before{content:"";display:block; width:20px;border-top:2px solid #FFF;margin-left:-10px;order:1;}
.reviews .swiper-button-prev:after{font-size:20px;color:#FFF;}
@media screen and (max-width: 1366px) {
  .reviews{margin-right:-30px;margin-left:-30px;padding-right:30px;padding-left:30px;}
  .reviews .swiper-button-next{width:30px;height:30px;}
  .reviews .swiper-button-next:before{width:15px;border-top:1px solid #FFF;margin-right:-7px;}
  .reviews .swiper-button-next:after{font-size:14px;}
  .reviews .swiper-button-prev{width:30px;height:30px;}
  .reviews .swiper-button-prev:before{width:15px;border-top:1px solid #FFF;margin-left:-7px;}
  .reviews .swiper-button-prev:after{font-size:14px;}
}
@media screen and (max-width: 1024px) {
  .reviews{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px;}
  .reviews .swiper-button-next{right:5px;width:26px;height:26px;}
  .reviews .swiper-button-next:before{width:10px;margin-right:-5px;}
  .reviews .swiper-button-next:after{font-size:10px;}
  .reviews .swiper-button-prev{left:5px;width:26px;height:26px;}
  .reviews .swiper-button-prev:before{width:10px;margin-left:-5px;}
  .reviews .swiper-button-prev:after{font-size:10px;}
}


.card{width:100%;height:100%;min-height:300px;border-radius:20px;padding:3px;background:#FFF;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;border:1px solid #000;box-shadow:6px 6px 0 #000;overflow:hidden;position:relative;transition:.3s;}
.cardinner{width:100%;height:100%;min-height:300px;border-radius:20px;padding:20px 15px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;}
.cardhead{width:110px;height:110px;display:flex;justify-content:center;margin-bottom:20px;}
.cardhead figure{width:110px;height:110px;border-radius:50%;border:3px solid #FFF;background-position:center top;position:relative;z-index:10;}
.cardtitle{display:inline-block;font-weight:bold;font-weight:bolder;font-size:20px;/*padding-bottom:5px;border-bottom:2px solid #000;*/}

.carddate{font-size:12px;color:#6a6a6a;margin-bottom:20px;}
.cardbody{width:100%;font-size:14px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative;z-index:10;}
.cardbody div{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
@media screen and (max-width: 1366px) {
  .card{min-height:280px;border-radius:10px;}
  .cardinner{min-height:280px;padding:20px 10px;border-radius:10px;}
  .cardhead{width:80px;height:80px;margin-bottom:10px;}
  .cardhead figure{width:80px;height:80px;}
}
@media screen and (max-width: 1024px) {
  .card{min-height:260px;}
  .cardinner{min-height:260px;padding:20px 10px;}
  .cardhead{width:60px;height:60px;}
  .cardhead figure{width:60px;height:60px;}
}
@media screen and (max-width: 768px) {
  .card{min-height:240px;}
  .cardinner{min-height:240px;}
}


.cardwhite .cardinner{background:#FFF;}
.cardblue .cardinner{background:#6bc5dd;}
.cardblue .cardinner:before{content:"";width:100%;height:20%;background:url(images/cardblue.png) repeat-x;background-size:100% auto;background-position:center bottom;position:absolute;bottom:65%;left:50%;transform:translate(-50%,0%);}
.cardblue .cardinner:after{content:"";width:100%;height:65%; position:absolute;left:0;bottom:0;background:#dff8ff;}

.cardgreen .cardinner{background:#91cb5c;}
.cardgreen .cardinner:before{content:"";width:100%;height:20%;background:url(images/cardgreen.png) repeat-x;background-size:100% auto;background-position:center bottom;position:absolute;bottom:65%;left:50%;transform:translate(-50%,0%);}
.cardgreen .cardinner:after{content:"";width:100%;height:65%; position:absolute;left:0;bottom:0;background:#f1ffe4;}

.cardpink .cardinner{background:#ff8d9e;position:relative;}
.cardpink .cardinner:before{content:"";width:100%;height:20%;background:url(images/cardpink.png) no-repeat;background-size:100% auto;background-position:center bottom;position:absolute;bottom:65%;left:50%;transform:translate(-50%,0%);}
.cardpink .cardinner:after{content:"";width:100%;height:65%; position:absolute;left:0;bottom:0;background:#ffebef;}

/* page */

/*applicationguide*/
.applicationguide{background:url(images/applicationguidebg.jpg) no-repeat;background-size:cover;background-position:center;}
.applicationguide .button{max-width:240px;padding:10px 50px;font-size:18px;border-radius:50px;display:block;margin:20px auto 0;}
@media screen and (max-width: 1366px) {
  .applicationguide .button{max-width:200px;padding:7px 30px;font-size:16px;}
}
@media screen and (max-width: 1024px) {
  .applicationguide .button{max-width:180px;padding:5px 20px;font-size:14px;margin:15px auto 0;}
}

/* pagebanner */
.pagebanner{position:relative;}
.pagebanner:after{content:"";position:absolute;left:0;bottom:-1px;z-index:1;width:100%;height:25%;background:url(images/bannerbg.png) no-repeat;background-position:center top;background-size:100% 100%;}
.bluebannerbg:after{content:"";position:absolute;left:0;bottom:-1px;z-index:1;width:100%;height:25%;background:url(images/bluebannerbg.png) no-repeat;background-position:center top;background-size:100% 100%;}
.headline{position:absolute;left:0;top:0;padding:20px;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;}
.headline .title1{font-weight:bolder;line-height:1.1;}
.bluebannerbg .headline .title1{font-weight:normal;}
@media screen and (max-width: 568px) {
  .pagebanner{margin-top:70px;}
  .bluebannerbg .headline .title1{font-size:20px;}
}



.assurelist{}
.assurelist ul{margin-right:-30px;margin-left:-30px;}
.assurelist ul li{padding-right:30px;padding-left:30px;margin-bottom:60px;}
@media screen and (max-width: 1366px) {
  .assurelist ul{margin-right:-20px;margin-left:-20px;}
  .assurelist ul li{padding-right:20px;padding-left:20px;margin-bottom:50px;}
}
@media screen and (max-width: 1024px) {
  .assurelist ul{margin-right:-10px;margin-left:-10px;}
  .assurelist ul li{padding-right:10px;padding-left:10px;margin-bottom:30px;}
}
@media screen and (max-width: 768px) {
  .assurelist ul li{width:50%;}
}
@media screen and (max-width: 600px) {
  .assurelist ul li{width:100%;}
}

.assurecard{width:100%;height:100%;display: flex;flex-direction:column;align-items:center;padding:30px 20px;background:#FFF;border-radius:10px;box-shadow:0 0 10px 0 rgba(4,0,0,0.05);}
.assurecardpic{display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 auto 20px;}
.assurecardpicblue{background:#49b9d7;}
.assurecardpicred{background:#fb7287;}
.assurecard .title5{margin-bottom:30px;font-weight:bold;color:#434343;min-height:3em;}
.assurecard p{font-size:14px;color:#6d6d6d;}
@media screen and (max-width: 1366px) {
  .assurecard .title5{margin-bottom:20px;}
}
@media screen and (max-width: 1024px) {
  .assurecard p{font-size:12px;}
  .assurecard{padding:20px 10px;}
}
@media screen and (max-width: 600px) {
  .assurecard{max-width:320px;margin:0 auto;}
}


.featurelist{}
.featurelist{margin-left:-10px;margin-right:-10px;}
.featurelist li{padding-left:10px;padding-right:10px;}
@media screen and (max-width: 600px) {
  .featurelist li{width:100%;margin-bottom:20px;}
}


.featureserviceitem{display:flex;align-items:center;flex-direction:column;}
.featureservicepic{display: block;border-radius:10px;overflow:hidden;margin-bottom:30px;}
.featureservicepic img{width:100%;}
.featureserviceitem .title5{margin-bottom:10px;}
.featureserviceitem p{margin-bottom:10px;color:#8f8f8f;}
.featureserviceitem .button{padding:3px 30px;}
@media screen and (max-width: 1366px) {
  .featureserviceitem{max-width:450px;margin:0 auto;}
  .featureservicepic{margin-bottom:20px;}
  .featureserviceitem p{font-size:14px;}
  .featureserviceitem .button{font-size:14px;}

}
@media screen and (max-width: 1024px) {
  .featureserviceitem{max-width:340px;}
  .featureservicepic{margin-bottom:10px;}
  .featureserviceitem p{font-size:12px;}
  .featureserviceitem .button{font-size:12px;padding:5px 30px;}
}
@media screen and (max-width: 768px) {
  .featureserviceitem{max-width:340px;}
}

/* joinbg */
.joinbg{position:relative;padding:60px  50px 240px;}
.joinbg:after{content:"";position:absolute;bottom:0%;left:50%;transform:translate(-50%,0%);background:url(images/joinbg.png) no-repeat;background-size:100% 100%;background-position:center bottom;width:100%;height:80%;}
.joinbg > div{position:relative;z-index:1;}
.joinstep{}
.joinstep ul{padding:50px 0;}
.joinstep ul li{padding:0 30px;}
.joinstep ul li:not(:last-child){border-right:1px solid #FFF;}
@media screen and (max-width: 1366px) {
  .joinbg{padding:50px 50px 120px;}
  .joinstep ul{padding:30px 0 30px;}
  .joinstep ul li{padding:0 20px;}
}
@media screen and (max-width: 1024px) {
  .joinbg{padding:30px 20px 50px;}
  .joinstep ul{padding:20px 0;}
  .joinstep ul li{padding:0 10px;}
}
@media screen and (max-width: 768px) {
  .joinbg:after{background-size:cover;}
  .joinstep ul li{width:50%;}
  .joinstep ul li:not(:last-child){border-right:0;}
}
@media screen and (max-width: 600px) {
  .joinstep ul li{width:100%;margin-bottom:30px;}
}

.joinitempink{background: #ff8d9e;}
.joinitempink strong{color:#ffebef;}
.joinitemblue{background: #6bc5dd;}
.joinitemblue strong{color:#dff8ff;}
.joinitemgreen{background: #91cb5c;}
.joinitemgreen strong{color:#f1ffe4;}

.joinitem{width:100%;height:100%;display: flex;flex-direction:column;align-items:center;color:#FFF;padding:20px;border-radius:20px;border:1px solid #000;box-shadow:5px 5px 0px #000;}
.joinpic{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:50%;background:#FFF;margin-bottom:30px;}
.joinpic img{width:100%;}
.joinitem h5{}
.joinitem p{font-size:14px;margin-bottom:10px;min-height:3em;}
.joinitem strong{font-size:60px;font-family:"Impact",serif;}
.joinitem .button{padding:5px 50px;}
@media screen and (max-width: 1366px) {
  .joinpic{margin-bottom:20px;}
  .joinitem strong{font-size:50px;}
}
@media screen and (max-width: 1024px) {
  .joinpic{max-width:80px;}
  .joinitem strong{font-size:38px;}
  .joinitem .button{padding:5px 20px;font-size:14px;}
}
@media screen and (max-width: 768px) {
  .joinitem{color:#000;}
}
@media screen and (max-width: 600px) {
  .joinitem{max-width:300px;margin:0 auto;background:#d8edf9;padding:10px;border-radius:10px;border:1px solid #ccc;box-shadow:0 0 10px 0 rgba(255,255,255,0.5);}
  .joinitem strong{color:#3a9ede;}
}



/* datacard page */

.simcard{padding:var(--pd,20px);border:1px solid #f3f3f3;border-radius:10px;box-shadow: 0 0px 10px 0px rgba(4, 0, 0, 0.11);}
.simcardpic{width:60px;margin:0 auto 20px;position:relative;z-index:1;}
.simcardpic img{}

.simcardbody{position:relative;z-index:1;}
.simcardbody span{font-size:14px;color:#6d6d6d;}
.simcardbody .button{font-size:14px;line-height:1.1;}
.simcardtitle{font-size:18px;color:#575757;}
.simcardprice{font-size:18px;}


.simcardred{position:relative;overflow:hidden;border-color:#de5d58;box-shadow: 0 0px 10px 0px rgba(222,93,88,0.11);transition:.3s;}
.simcardred:after{content:"";position:absolute;top:0%;left:0;background:#f36a65; width: 100%;
    height: 33%;border-radius: 50% 50% 50% 50% / 0 0 30% 30%;}
.simcardred:hover{/*:afterheight:150%;background:#f2dede;*/box-shadow: 0 0px 10px 0px #de5d58;}
.simcardgreen{position:relative;overflow:hidden;border-color:#82bc4f;box-shadow: 0 0px 10px 0px rgba(130,188,79,0.11);transition:.3s;}
.simcardgreen:after{content:"";position:absolute;top:0%;left:0;background:#91cb5c; width: 100%;
    height: 33%;border-radius: 50% 50% 50% 50% / 0 0 30% 30%;}
.simcardgreen:hover{box-shadow: 0 0px 10px 0px #91cb5c;}
.simcardblue{position:relative;overflow:hidden;border-color:#388fd9;box-shadow: 0 0px 10px 0px rgba(56,143,217,0.11);transition:.3s;}
.simcardblue:after{content:"";position:absolute;top:0%;left:0;background:#4f9ddf; width: 100%;
    height: 33%;border-radius: 50% 50% 50% 50% / 0 0 30% 30%;}
.simcardblue:hover{box-shadow: 0 0px 10px 0px #388fd9;}
.simcardorange{position:relative;overflow:hidden;border-color:#eea236;box-shadow: 0 0px 10px 0px rgba(243,123,29,0.11);transition:.3s;}
.simcardorange:after{content:"";position:absolute;top:0%;left:0;background:#f98e3a; width: 100%;
    height: 33%;border-radius: 50% 50% 50% 50% / 0 0 30% 30%;}
.simcardorange:hover{box-shadow: 0 0px 10px 0px #eea236;}

.simpic{/*-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);*/background:#2f85d5;padding:3px;width:60px;height:85px;margin-bottom:30px;position:relative;z-index:1;border-radius:5px;overflow:hidden;}
.simpic:after{content:"";position:absolute;top:0;right:0;z-index:2;width:0;height:0;}
.simpic:before{content:"";position:absolute;top:0;right:0;z-index:2;width:30px;border-top:3px solid #2f85d5;transform-origin:center bottom;transform:translate(5px,10px) rotate(45deg);}

.simpic.simpicred:after{border-style:solid ;border-width:0 20px 20px 0;border-color:transparent #f36a65 transparent transparent;}
.simpic.simpicgreen:after{border-style:solid ;border-width:0 20px 20px 0;border-color:transparent #91cb5c transparent transparent;}
.simpic.simpicblue:after{border-style:solid ;border-width:0 20px 20px 0;border-color:transparent #4f9ddf transparent transparent;}
.simpic.simpicorange:after{border-style:solid ;border-width:0 20px 20px 0;border-color:transparent #f98e3a transparent transparent;}

.simpic .simpicinner{background:#FFF;position:relative;z-index:1;width:100%;height:100%;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end; padding-top:10px;}
.simpicinner div{width:38px;height:38px;border-radius:50%;background:#2f85d5;color:#FFF;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:bolder;font-size:14px;padding:3px;margin-bottom:5px;}
.simpicinner span{font-size:12px;font-weight:bolder;}

.appraiselist{}

.appraiseitem{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;border:1px solid #c3d2dd;border-radius:10px;padding:30px;background:#FFF;margin-bottom:35px;}
.appraiseitem figure{width:100px;border:5px solid #eef5fa;border-radius:50%;overflow:hidden;}
.appraiseitem div{width:calc(100% - 120px);}
.appraiseitem div h5{margin-bottom:5px;font-size:20px;}
.appraiseitem div p{color:#676767;}

@media screen and (max-width: 1366px) {
  .appraiseitem{margin-bottom:30px;padding:20px;}
  .appraiseitem figure{width:80px;}
  .appraiseitem div{width:calc(100% - 100px);}
}
@media screen and (max-width: 1024px) {
  .appraiseitem{margin-bottom:20px;border-radius:5px;padding:15px;}
  .appraiseitem figure{width:60px;border-width:3px;}
  .appraiseitem div{width:calc(100% - 70px);}
  .appraiseitem div h5{font-size:16px;}
}

/* page wifi */

.application .pannal{width:100%;max-width:760px;}
.application .pannal strong{font-size:26px;}
.application .lightbluebg{padding:20px;}
.application .pannal .button{display:block;width:100%;max-width:160px;padding:5px 20px;margin-top:20px;/*margin:20px auto 0;*/}

@media screen and (max-width: 1366px) {
  .application .pannal{}
  .application .pannal .button{max-width:120px;}
}
@media screen and (max-width: 1024px) {
  .application .pannal{/*max-width:450px;*/}
  .application .pannal .button{padding:5px 10px;}
}
@media screen and (max-width: 768px) {
  .application .pannal{/*max-width:360px;*/margin:0 auto;}
}


.wificard{padding:20px;}
.wificard figure{width:180px;margin:0 auto 20px;}
.wificard figure img{}
.wificard h5{font-weight:bold;font-size:20px;margin-bottom:5px;}
.wificard h5 span{display:block;font-weight:normal;font-size:14px;}
.wificard strong{font-size:18px;}
.wificard p{font-size:16px;color:#6d6d6d;}
.wificard .button{line-height:1.1;}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1024px) {
  .wificard{padding:15px 10px;}
  .wificard h5{font-size:16px;}
  .wificard h5 span{font-size:12px;}
  .wificard p{font-size:14px;text-align:center;}
}
@media screen and (max-width: 568px) {
  .wificard{width:100%;}
}


.thumbnail ul li figure,.diagram ul li figure{border:1px solid #c3d2dd;}
.diagram ul li figure img{width:100%;}
.thumbnail{margin-top:30px;}
.diagram ul li{}

.wifiiteminfo{}
.wifiiteminfo .lycol2{width:calc(50% - 20px);}
.wifiiteminfo h5{color:#666;}
.pramlist li{padding:0 10px;}
.pramitem{width:100%;max-width:90px; display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;}
.pramitem div{padding:5px;width:100%;margin:0 auto;display:flex;justify-content:center;}
.pramitem figcaption{margin-top:10px;font-size:14px;line-height:1.5;}

.wifiitemdesc{padding:20px;font-size:14px;}
@media screen and (max-width: 1366px) {
  .pramitem figcaption{font-size:12px;}
  .pramitem div{max-width:70px;}
}
@media screen and (max-width: 1024px) {
  .wifiiteminfo .lycol2{width:calc(50% - 10px);}
  .pramlist li{padding:0 5px;}
  .pramitem figcaption{font-size:10px;}
  .pramitem div{max-width:60px;}

}
@media screen and (max-width: 768px) {
  .wifiiteminfo .lycol2{width:100%;max-width:500px;margin:0 auto 20px;}
  .pramlist li{padding:0 2px;}
  .pramitem div{max-width:30px;}
}

.pramtable{margin-bottom:50px;}
.pramtable table{width:100%;}
.pramtable table tr{}
.pramtable table tr th{padding:10px;border:1px solid #dcdcdc;background:#fafafa;text-align:center;vertical-align:middle;}
.pramtable table tr td{padding:10px;border:1px solid #dcdcdc;background:#FFF;text-align:center;vertical-align:middle;}
.pramtable table tr td strong{font-size:26px;font-weight:bolder;color:#707070;}
.pramtable p{margin-top:10px;font-size:14px;}
@media screen and (max-width: 1024px) {
  .pramtable table tr td strong{font-size:20px;}
}
@media screen and (max-width: 768px) {
  .pramtable table tr th,.pramtable table tr td{font-size:13px;padding:5px;}
  .pramtable table tr td strong{font-size:16px;}
}

.linetitle{position:relative;}
.linetitle:after{content:"";position:absolute;left:50%;bottom:0;width:100%;height:50%;display:inline-block;transform:translateX(-50%);max-width:450px; background: linear-gradient(rgba(255, 255, 255, 0) 70%, #d9e1e4 30%);/**/}

.summary{margin-bottom:50px;}
.summary ul li{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;width:calc(50% - 20px);}
.summary ul li figure{display:flex;justify-content:center;margin-bottom:15px;border:1px solid #c3d2dd;}
.summary ul li figure img{width:100%;}
.summary ul li p{color:#666;}
.summary ol{background:#fafafa;padding:15px;color:#666;}
.summary ol li{text-indent:-1em;padding-left:1em;}
.summary > div{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;}
.summary > div figure{display:flex;justify-content:center;margin-bottom:15px;border:1px solid #c3d2dd;}
.summary > div p{color:#666;}

@media screen and (max-width: 1024px) {
  .summary ul li{width:calc(50% - 10px);}
  .linetitle:after{max-width:360px;}
}
@media screen and (max-width: 768px) {
  .summary ul li{width:100%;margin-bottom:20px;}
  .linetitle:after{max-width:300px;}
}




/* public */

/* buttonshell */
.buttonshell{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;}
.buybtngroup{margin:50px auto;}
.operateitem{margin-right:20px;}
.operateitem .btn-red{padding:10px 50px;border-radius:50px;background:#db3f38;}
.operateitem .btn-red:hover{background:#b52620;}
@media screen and (max-width: 1366px) {
    .buttonshell{margin-top:30px;}
}
@media screen and (max-width: 1024px) {
  .buybtngroup{margin:30px auto;}
}



.bigsize{font-size:30px;}
.midsize{font-size:22px;}
.minsize{font-size:16px;}
@media screen and (max-width: 1366px) {
    .bigsize{font-size:24px;}
    .midsize{font-size:18px;}
    .minsize{font-size:14px;}
}
@media screen and (max-width: 1024px) {
    .bigsize{font-size:18px;}
    .midsize{font-size:14px;}
    .minsize{font-size:12px;}
}
@media screen and (max-width: 768px) {
    .bigsize{font-size:16px;}
}




/*stepprocess*/
.stepprocess{display:flex;margin:50px auto;}
.stepitem{display:flex;align-items:center;}
.stepitem:before{content:"";width:24px;height:24px;display:flex;justify-content:center;align-items:center;margin-right:10px;background:#7792b3;border-radius:50%;}
.stepitem:not(:last-child){margin-right:60px;position:relative;}
.stepitem:not(:last-child):after{content:"";position:absolute;right:-55%;width:50%;border-top:2px solid #b9b9b9;}
.stepitem.stepitemed{}
.stepitem.stepitemed:before{content:"√";font-size:14px;line-height:1;font-weight:bolder;color:#FFF;background:#38c831;text-shadow:1px 1px 1px #FFF,-1px 1px 1px #FFF;transform-origin:center;transform:rotate(15deg);}
.stepitem.stepitemed:after{border-top:2px solid #38c831;}
.stepitem.stepitemcurrent{}
.stepitem.stepitemcurrent:before{content:"";font-size:14px;line-height:1;font-weight:bolder;color:#3794db;background:#13c5ff;border:5px solid ;}
/*background: linear-gradient(45deg,  #358dd9 0%,#3ca6e0 50%,#45c4e9 100%);*/
@media screen and (max-width: 1366px) {
  .stepprocess{margin:30px auto;}
  .stepitem{font-size:16px;}
  .stepitem:before{width:20px;height:20px;}
}
@media screen and (max-width: 1024px) {
  .stepprocess{margin:20px auto;}
  .stepitem{font-size:14px;}
  .stepitem:before{width:16px;height:16px;}
  .stepitem.stepitemed:before{font-size:12px;}
  .stepitem:not(:last-child){margin-right:30px;}
  .stepitem:not(:last-child):after{right: -30%;width: 24%;}

}

/* chunk */
.chunk{margin-bottom:50px;}
.chunk .title2{margin-bottom:20px;display:flex;align-items:baseline;}
.chunk .title2 strong{font-size:240%;line-height:1;margin-right:5px;}
.chunk .label{color:#676767;}
.chunk ul li.lycol2{width:calc(50% - 20px);}
.chunk > p{color:#7f7f7f;margin-bottom:30px;}
.chunk .inputfilebox{width:100%;max-width:360px;}
.chunk .inputfilebox div{position:relative;}
.chunk .inputfilebox img{width:100%;}
.chunk .inputfilebox .button{width:100%;padding:10px;}
.chunk .info{color:#7f7f7f;}
.chunktitle{display:flex;align-items:center;font-size:28px;line-height:1;margin-bottom:15px;}
.chunktitle:before{content:"";width:16px;border-top:4px solid #3c8fd7;margin-right:10px;}
.chunkboard{border:1px solid #c4d2dd;padding:30px;border-radius:15px;}
.chunkboard h5{font-size:20px;line-height:1;margin-bottom:10px;}
.chunkboard p{font-size:18px;color:#787878;}
.chunkboard strong{font-size:22px;margin-right:5px;}
.chunkboard .button{padding:7px 30px;line-height:1;margin:10px auto;}
.paypic{width:30px;margin-right:10px; }
.paylist{margin-left:10px;}
.warninfo{background:#FFF;color:#f7982a;border:2px solid ;padding:10px 20px;border-radius:10px;margin:30px auto;font-size:16px;}
@media screen and (max-width: 1366px) {
  .chunk > p{margin-bottom:30px;}
  .chunktitle{font-size:24px;}
  .chunktitle:before{width:13px;border-top-width:3px;}
  .chunkboard{border-radius:10px;}
  .chunkboard h5{font-size:18px;}
  .chunkboard p{font-size:16px;}
  .warninfo{font-size:14px;}
}
@media screen and (max-width: 1024px) {
  .chunk{margin-bottom:30px;}
  .chunk ul li.lycol2{width:calc(50% - 10px);}
  .chunk > p{margin-bottom:10px;line-height:1.6;}
  .chunktitle{font-size:20px;margin-bottom:10px;}
  .chunktitle:before{width:10px;border-top-width:2px;margin-right:5px;}
  .chunkboard{padding:20px;border-radius:5px;}
  .chunkboard h5{font-size:16px;}
  .chunkboard p{font-size:14px;}
  .radioboxgroup p{font-size:14px;}
  .paylist{width:150px;}
  .warninfo{padding:7px 15px;border-radius:5px;margin:20px auto;}
}
@media screen and (max-width: 568px) {
  .chunk ul li.lycol2{width:100%;margin-top:10px;}
  .paylist{width:100px;}
}


/* buyboard */
.buyboard{border-radius:10px;border:2px solid #388fd9;padding:30px 50px;}
.buyboard h5{font-size:20px;font-weight:bolder;color:#575757;margin-bottom:5px;}
.buyboard p{color:#6d6d6d;margin-bottom:20px;}
.buyboard ol{margin-bottom:20px;}
.buyboard .button{padding:5px 15px;}
@media screen and (max-width: 1366px) {
  .buyboard{padding:20px;}
}
@media screen and (max-width: 1024px) {
  .buyboard h5{font-size:16px;}
}



/* dottedlist */
.dottedlist{display:flex;flex-wrap:wrap;}
.dottedlist li{width:100%;line-height:2;color:#3f3f3f;display:flex;align-items:center;}
.dottedlist li:before{content:"";width:5px;height:5px;border-radius:50%;background:#3c8fd7;margin-right:5px;flex-shrink: 0;}
@media screen and (max-width: 1366px) {
  .dottedlist li{align-items:baseline;}
  .dottedlist li:before{transform:translateY(-50%);}
}

.billlist{display:flex;justify-content:space-between;flex-wrap:wrap;padding:7px 0 ;border-bottom:1px dashed #e5e7eb;}
.billlist dt{}
.billlist dd{text-align:right;}

/* description  */
/* .description .titlegroup{align-items:baseline;flex-wrap:wrap;} */
/* .description .titlegroup .title1{color:#434343;} */
/* .description .titlegroup .title1 span{color:#3794db;} */
/* .description .titlegroup .title5{color:#434343;} */

.titlelinered{}
.titlelinered:after{content:"";display: block;width:30px;border-top:2px solid #d54941;margin:15px auto 0;}
.titlelineblue{}
.titlelineblue:after{content:"";display: block;width:30px;border-top:2px solid #3794db;margin:15px auto 0;}
@media screen and (max-width: 1366px) {
  .titlelinered:after{margin:10px auto 0;}
  .titlelineblue:after{margin:10px auto 0;}
}



.bglightbluewave{background:url(images/bglightbluewave.png) no-repeat;background-size:100% 100%;background-position:center;padding:120px 50px 200px;}
@media screen and (max-width: 1366px) {
  .bglightbluewave{padding:80px 50px 160px;}
}
@media screen and (max-width: 1024px) {
  .bglightbluewave{padding:50px 20px 60px;}
}




/* group public dropdown js */
.dropdownpink{}
.dropdownpink .dropdownhead{}
.dropdownpink .dropdownbody{}
.dropdownblue{}
.dropdownblue .dropdownhead{}
.dropdownblue .dropdownbody{}
.dropdowngreen{}
.dropdowngreen .dropdownhead{}
.dropdowngreen .dropdownbody{}

.dropdown{border-radius:5px;overflow:hidden;margin-top:38px;}
.dropdownhead{background:#eef5fa;border:1px solid #dbe4ea;padding:20px;color:#434343;font-weight:bolder;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.dropdownhead div{display:flex;align-items:center;}
.dropdownhead div img{width:24px;height:100%;margin-right:20px;}
.dropdownhead div h3{font-size:24px;}
.dropdownbody{background:#f9fdff;border:1px solid #dbe4ea;border-top:0;padding:20px;font-size:16px;color:#666;}
.dropdownbody ol{}
.dropdownbody ol li{display:flex;align-items:center;color:#666;font-size:16px;line-height:2;}
.dropdownbody ol li:before{content:"";width:10px;height:10px;border-radius:3px;transform:rotate(45deg);background:#5bb9f0;margin-right:10px;}
.dropdownbody ol li a{transition:.3s;}
.dropdownbody ol li a:hover{color:#5bb9f0;}
.problem .buttonshell .button{padding:10px 50px;border-radius:50px;}
@media screen and (max-width: 1366px) {
  .dropdown{margin-top:30px;}
  .dropdownhead{padding:10px 15px;}
  .dropdownhead div img{width:20px;margin-right:10px;}
  .dropdownhead div h3{font-size:20px;}
  .dropdownbody{padding:10px 15px;}
}
@media screen and (max-width: 1024px) {
  .dropdown{margin-top:20px;}
  .dropdownhead{padding:10px;}
  .dropdownhead div img{width:16px;}
  .dropdownhead div h3{font-size:16px;}
  .dropdownbody{padding:10px;}
  .dropdownbody ol li{font-size:14px;}
  .dropdownbody ol li:before{width:8px;height:8px;}
  .problem .buttonshell .button{font-size:14px; padding:10px 30px;border-radius:50px;}
}
@media screen and (max-width: 600px) {
  .dropdownbody ol li{align-items:baseline;}
}
/* plusicon */
.plusicon{position:relative;display: flex;justify-content: center;align-items: center;cursor: pointer;width:50px;}
.plusicon:before{content: "";width: 20px;height: 2px;position: absolute;transform-origin: center center;transform: rotate(90deg);transition: .3s;}
.plusicon:after{content: "";width: 20px;height: 2px;}
/*.plussign.callup:before,.plussign:before,.plussign:after,.plussign:before,.plussign:after{background: #fff;}*/
.plusicon:before,.plusicon:after{background: #f0ad4e;}
.plusicon.callup:before{transform:rotate(0deg);}
@media screen and (max-width:1080px){
  .plusicon{width:38px;}
  .plusicon:before,.plusicon:after{width:18px;}
}

/* group public tab js */
.catetabmenu{margin-bottom:50px;}
.catetabmitem{display:flex;flex-direction:column;align-items:center;position:relative;background:#F3F3F3;padding:15px 20px;border-radius:60px;width:calc(50% - 50px);max-width:500px;transition:.3s;}
.catetabmitem.tabcurrent{background:#db4943;color:#FFF;}
.catetabmitem.tabcurrent .bearfront{height:25px;opacity:1;transition:.3s;}
.catetabmitem .bearfront{width:38px;height:0px;position:absolute;top:-12px;opacity:0;transition:.3s;}
.catetabmitem strong{font-size:20px;line-height:1;margin-bottom:5px;}
.catetabmitem span{font-size:14px;}
@media screen and (max-width: 1366px) {
  .catetabmenu{margin-bottom:30px;}
  .catetabmitem{padding:15px;width:calc(50% - 30px);}
  .catetabmitem strong{font-size:16px;}
  .catetabmitem span{font-size:12px;}
}
@media screen and (max-width: 1024px) {
  .catetabmitem{padding:10px;width:calc(50% - 15px);}
  .catetabmitem.tabcurrent .bearfront{height:20px;}
  .catetabmitem .bearfront{width:30px;top:-10px;}
  .catetabmitem strong{font-size:14px;margin-bottom:3px;}
  .catetabmitem span{font-size:10px;}
}
@media screen and (max-width: 768px) {
  .catetabmitem{padding:5px;border-radius:10px;}
}

.catetabbody{}
.catetabbitem{}

.subtabmenu{margin-bottom:38px;flex-wrap:wrap;}
.subcatemitem{background:#f8f8f8;color:#838383;border:1px solid #aeaeae;border-radius:5px;padding:12px 35px;transition:.3s;}
.subcatemitem.tabcurrent{background:#2f85d5;color:#FFF;border:1px solid #2f85d5;font-weight:bolder;}

.subcatebitem > ul{margin-left:-30px;margin-right:-30px;}
.subcatebitem > ul > li{padding-left:30px;padding-right:30px;margin-bottom:30px;}
@media screen and (max-width: 1366px) {
  .subtabmenu{margin-bottom:30px;}
  .subcatemitem{padding:10px 30px;line-height:1.2;}
  .subcatebitem > ul{margin-left:-15px;margin-right:-15px;}
  .subcatebitem > ul > li{padding-left:15px;padding-right:15px;}
}
@media screen and (max-width: 1024px) {
  .subcatemitem{padding:10px 20px;font-size:14px;}
  .subcatebitem > ul{margin-left:-10px;margin-right:-10px;}
  .subcatebitem > ul > li{width:50%;padding-left:10px;padding-right:10px;margin-bottom:30px;margin-bottom:20px;}
}
@media screen and (max-width: 600px) {
  .subcatebitem > ul > li{width:100%;}
  .subcatemitem{padding:5px 10px;font-size:12px;margin:0 5px;}
}



.datacard{display: flex;flex-direction:column;align-items:center;width:100%;}
.datacardhead{width:100%;position:relative;overflow:hidden;border-radius:10px;padding:38px 30px 120px;text-align:center;color:#FFF;}
.datacardhead:after{content:"";position:absolute;left:0;top:-50%;width:100%;height:100%;border-radius:50% 50% 50% 50%/0 0 20% 20%;}
.datacardred{background:#de5d58;}
.datacardhead:after{background:#f36a65;}
.datacardgreen{background:#82bc4f;}
.datacardgreen:after{background:#91cb5c;}
.datacardblue{background:#388fd9;}
.datacardblue:after{background:#4f9ddf;}
.datacardtitle{position:relative;z-index:10;font-size:24px;font-weight:bolder;}
.datacardtext{position:relative;z-index:10;font-size:24px;}
.datacardtext h5{display: inline-block;}
.datacardtext span{font-weight:normal;font-size:14px;}
.datacardbody{width:calc(100% - 60px);padding:36px 20px;background:#FFF;border-radius:10px;margin-top:-100px;position:relative;z-index:10;box-shadow:0 0px 10px 0px rgba(4,0,0,0.11)}
.datacardbody ol{}
.datacardbody ol li{font-size:14px;display: flex;align-items:center;line-height:2;}
.datacardbody ol li:before{content:"√";font-size:15px;font-weight:bolder;display: block;color:#3db403;text-shadow:1px 1px 1px,1px 1px 1px ;margin-right:10px; /*width:15px;height:10px;border: solid #3db403;border-width:0 0 3px 3px;transform:rotate(-45deg);*/}
.datacardbody .button{position:relative;display: block;padding:10px;border-radius:30px;width:100%;max-width:240px;margin:38px auto 0;}
.datacardbody .button span{position:absolute;top:-50%;left:45%;padding:3px 5px;width:12em;display: block;text-align:center;font-size:12px;background:#ff8b45;color:#FFF;border-radius:20px 20px 20px 0;box-shadow:0 1px 2px 2px rgba(255,255,255,0.5);}
@media screen and (max-width: 1366px) {
  .datacardhead{padding:30px 20px 80px;}
  .datacardtitle{font-size:20px;}
  .datacardtext{font-size:20px;}
  .datacardbody{width:calc(100% - 38px);padding:30px 10px;margin-top:-60px;}
  .datacardbody ol li{align-items:baseline;}
  .datacardbody .button{max-width:200px;margin:30px auto 0;}

}
@media screen and (max-width: 1024px) {
  .datacardhead{padding:20px 10px 38px;}
  .datacardtitle{font-size:16px;}
  .datacardtext{font-size:16px;}
  .datacardbody{width:calc(100% - 20px);padding:20px 5px;margin-top:-30px;}
  .datacardbody .button{max-width:150px; margin:20px auto 0;padding:5px 10px;}
  .datacardbody .button span{font-size:10px;}
}
@media screen and (max-width: 600px) {
  .datacard{ max-width:320px;margin:0 auto;}
}



/*page login*/
/* .pageregister{padding:60px 50px 100px;}
.pageregister .board{border-radius:50px;}
@media screen and (max-width: 1366px) {
  .pageregister{padding:50px 50px 60px;}
  .pageregister .w1200{max-width:800px;}
}
@media screen and (max-width: 1024px) {
  .pageregister{padding:50px 20px;}
  .pageregister .w1200{max-width:600px;}
}
@media screen and (max-width: 768px) {
  .pageregister{padding:30px 20px;}
  .pageregister .w1200{max-width:500px;}
} */

.passwordcontrol{}

.hidepass{position:relative;}
.hidepassicon{position:absolute;top:50%;right:10px;transform:translateY(-50%) rotate(45deg);}
.hidepassicon:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) ; width:28px;border-top:2px solid #9a9a9a;}

.showpass{position:relative;}
.showpassicon{position:absolute;top:50%;right:10px;transform:translateY(-50%) rotate(45deg);}

.eye{cursor:pointer;display:inline-block;width: 20px;height: 20px;border: 2px solid #9a9a9a;border-radius: 75% 15%;}
.eye:before {content: "";position: absolute;left: 2px;top: 2px;width: 12px;height: 12px;background-color: #9a9a9a;/*border:1px solid #9a9a9a;*/ border-radius: 100%;}


 .loginbox{box-shadow:0 10px 10px #f3f3f3;border-radius:10px;border-top:3px solid #f36a65;}
 .loginbox .tabmenu{margin-bottom:0;}
 .loginbox .tabmenu .tabmitem{margin:0;padding:15px;width:50%;text-align:center;background:#FFF;color:#f36a65;border-radius:10px 10px 0 0;border:1px solid #f36a65;transition:.3s;}
 .loginbox .tabmenu .tabmitem.tabcurrent{background:#f36a65;color:#FFF;}

 .loginbox .tabbody{height:100%;min-height:260px;display:flex;align-items:center;border: solid #f36a65;border-width:0 1px 1px 1px;border-radius:0 0 10px 10px;overflow:hidden;}
 .loginbox .tabbody .tabitem .board{padding:20px;}
@media screen and (max-width: 1024px) {
  .loginbox .tabmenu .tabmitem{padding:10px;}
  .loginbox .tabbody{min-height:190px;}
  .loginbox .tabbody .tabitem .board{padding:10px 20px;}
}


/* member */
.membermunu{color:#777; }
.membermunuinner{position:relative;border-bottom:1px solid #ccc;}
.backreturn{position:absolute;left:0;top:50%;transform:translateY(-30%);font-size:16px;display:flex;align-items:center;margin-right:20px;}
.backreturn i{display:block;width: 10px;height: 10px;border-left: 1px solid #777;border-top: 1px solid #777;transform: rotate(-45deg);}
.membermunu h1{text-align:center;width:100%;font-weight:bolder;font-size:18px;}
@media screen and (max-width: 768px) {
  .backreturn{font-size:14px;}
}


.memberinfo{display:flex;justify-content:space-between;flex-wrap:wrap;}
.phone{width: 100px;border: 5px solid #eef5fa;border-radius: 10%;border:5px solid #f36a65; overflow: hidden;}

.info{width:calc(100% - 130px);}
.infoitem{display:flex;align-items:baseline;margin-bottom:10px;}
.infotitle{font-weight:bolder;margin-right:10px;}
.infotext{}
.info .tag{line-height:100%;}
@media screen and (max-width: 768px) {
  .phone{width: 80px;border-width:3px;}
  .info{width:calc(100% - 100px);}
  .infoitem{margin-bottom:5px;}
  .info .tag{font-size:12px;}
}

.infoitem{width:100%;}
.infoitem dl{}
.infoitem dl dt{}
.infoitem dl dd{}

.memberrepertory{}
.memberrepertory ul{border-radius:20px;background:#FFF;box-shadow:0 0 20px 20px #e3e3e3;padding:20px;}

.memberrepertory ul li:not(:last-child){border-bottom:1px solid #ededed;}

.repertoryitem{display:flex;justify-content:space-between;padding:20px 0;color:#7a7a7a;}
.repertorylink{}

.memberpersoninfo .lycol2{width:calc(50% - 10px);}
.memberpersoninfo dt{margin-bottom:5px;}
.memberpersoninfo .inputtext{padding:8px;}
.memberpersoninfo > div{width:100%;}
@media screen and (max-width: 768px) {
  .memberpersoninfo .lycol2{width:100%;}
}




.check{width:100%;/*display:flex;flex-direction:column;align-items:center;justify-content:center;*/padding:20px;box-shadow:0 0 10px 10px #e3e3e3;background-color:#FFF;border-radius:10px;}

.checkhead{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;}
.checkhead h6{font-weight:bolder;}
.checkhead .tag{line-height:1.2;border-radius:20px;font-size:13px;}
.checkbody{display:flex;flex-wrap:wrap;justify-content:space-between;/*border-bottom:1px dashed #ccc;*/}
.checktitle{font-size:18px;font-weight:bolder;margin-bottom:5px;}
.checkpay{font-size:16px;}
.checkpay span{font-size:75%;}
.checkdesc{width:100%;}
.checkdesc span{margin-right:15px;}
.checkfoot{display:flex;}
.checkfoot .button{margin-right:10px;}
@media screen and (max-width: 768px) {
  .checktitle{font-size:16px;}
  .checkpay{font-size:14px;}
}

.checkred{border:3px solid #f36a65;}
.checkgreen{border:3px solid #5eb95e;}
.checkblue{border:3px solid #388fd9;}


.flowcard{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.flowcard{}

.momberwifilist ul li{width:calc(50% - 10px);margin-bottom:20px;}
@media screen and (max-width: 768px) {
  .momberwifilist ul li{width:100%;}
}

.orderlisthead{display:flex;justify-content:space-between;border-bottom:1px solid #c3c3c3;}
.orderlisthead div{width:33.333333%;padding:10px 5px;}
.orderitem{display:flex;justify-content:space-between;border-bottom:1px solid #c3c3c3;}
.orderitem div{width:33.333333%;padding:10px 5px;}

/* contents */
.contents{background:#e2f2fa;padding:20px;font-size:16px;line-height:3;letter-spacing:1px;}
.contents h5{font-size:20px;margin-bottom:15px;}
@media screen and (max-width: 1366px) {
  .contents{line-height:2;}
}
@media screen and (max-width: 1024px) {
  .contents h5{font-size:16px;}
  .contents{font-size:14px;line-height:1.6;padding:20px 10px;}
}
.productinfo{padding:50px;background:#d5f6ff;border:3px solid #b6efff;border-radius:20px;font-size:14px;}
.productinfo>div{width:calc(50% - 20px);}
.productinfo .h-table{margin:10px auto;}
.productinfo p{line-height:2;letter-spacing:1px;}
.productinfo .h-table tr th,.productinfo .h-table tr td{border:1px solid #6cdfff;}
.productinfo .title3{margin-bottom:15px;}
.productinfo ul{margin-bottom:20px;}
.productinfo ul li{line-height:2;letter-spacing:1px;}
.productinfo .setmenu{display: flex;justify-content:space-between;flex-wrap:wrap;}
.productinfo .setmenu dl{width: 100%;/*calc(50% - 10px)*/background-color:#FFF;border-radius:10px;padding:39px 15px 15px;max-width:360px;margin:10px 0 15px;position: relative;overflow: hidden;}
.productinfo .setmenu dl:nth-of-type(1){border:2px solid #de5d58;}
.productinfo .setmenu dl:nth-of-type(1) dt{background-color: #de5d58;color:#FFF;}
.productinfo .setmenu dl:nth-of-type(1) dd strong{color:#de5d58;}
.productinfo .setmenu dl:nth-of-type(2){border:2px solid #5eb95e;}
.productinfo .setmenu dl:nth-of-type(2) dt{background-color: #5eb95e;color:#FFF;}
.productinfo .setmenu dl:nth-of-type(2) dd strong{color:#5eb95e;}
.productinfo .setmenu dl:nth-of-type(3){border:2px solid #388fd9;}
.productinfo .setmenu dl:nth-of-type(3) dt{background-color: #388fd9;color:#FFF;}
.productinfo .setmenu dl:nth-of-type(3) dd strong{color:#388fd9;}
.productinfo .setmenu dl:nth-of-type(4){border:2px solid #ff8d9e;}
.productinfo .setmenu dl:nth-of-type(4) dt{background-color: #ff8d9e;color:#FFF;}
.productinfo .setmenu dl:nth-of-type(4) dd strong{color:#ff8d9e;}
.productinfo .setmenu dl dt{position: absolute;top:0px;left:0px;padding:5px 30px;text-align:center;display:block;font-weight:bolder;}
.productinfo .setmenu dl dd{padding:5px 0;border-bottom:1px solid #ccc;}
.productinfo .setmenu dl dd em{font-style:normal;font-weight:bolder;width:5.2em;display:inline-block;}
.productinfo .setmenu dl dd strong{font-weight:bolder;font-size:110%;}
@media screen and (max-width: 1366px) {
    .productinfo{padding:30px;} 
    .productinfo>div{width:calc(50% - 10px);}
}
@media screen and (max-width: 1024px) {
    .productinfo{padding:20px;}
}
@media screen and (max-width: 768px) {
    .productinfo>div{width:100%;margin-bottom:10px;}
    .productinfo .setmenu dl{width: 100%; margin:10px auto 15px;}
}