.wow {
    opacity: 0;
}

.mobile {
    width: 100%;
}

.mobile-inner {
    margin-right: auto;
    margin-left: auto;
    background-color: ;
    position: relative;
}

.mobile-inner img {
}

.mobile-inner p {
    color: #676767;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0px;
}

.mobile-inner-header {
    /* background-color:rgb(255,255,255); */
    width: 100%;
    height: 50px;
    position: relative;
    top: 0px;
    z-index: 33;
    left: 0px;
}

.mobile-inner-header-icon {
    color: #ffffff;
    height: 50px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.mobile-inner-header-icon:hover {
    background-color: rgba(255,255,255,0.2);
    cursor: pointer;
}

.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgb(199,34,27);
}

.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
}

.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
}

.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}

.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}

@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}

.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg);
    }

    100% {
        transform: translateY(-4px) rotate(0deg);
    }
}

@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg);
    }

    100% {
        transform: translateY(4px) rotate(0deg);
    }
}

.mobile-inner-nav {
    overflow: auto;
    max-height: calc(100vh - 50px);
}

.mobile-inner-nav {
    background-color: hsla(224,27%,35%,.6);
    width: 100%;
    position: absolute;
    top: 50px;
    padding-bottom: 0%;
    display: none;
    z-index: 444;
}

.mobile-inner-nav a {
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    color: #fff;
    transition: all 0.5s;
}

.mobile-inner-nav dl {
    display: none;
}

.mobile-inner-nav dl dd {
    line-height: 33px;
    text-decoration: none;
    text-indent: 3em;
    font-size: 16px;
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
    font-size: 14px;
}

.mobile-inner-nav li {
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 53px;
    text-indent: 20px;
}

.mobile-inner-nav h2.h2tit {
    line-height: 50px;
    text-decoration: none;
    text-indent: 2em;
    font-size: 16px;
    color: #FFFFFF;
    /* border-bottom:solid 1px rgba(255,255,255,0.3);*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
}

.mobile-inner-nav h2.h2tit a {
    color: #FFFFFF;
}

.mobile-inner-nav a {
    border-bottom: none;
}

.mobile-inner-nav li {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}

@-webkit-keyframes resize {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale(5,5);
        transform: scale(5,5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@keyframes resize {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale(5,5);
        transform: scale(5,5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@-webkit-keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.mobile-inner-nav li:last-child h2.h2tit {
    border-bottom: none;
}

.mobile-inner-nav li .h3tit {
    height: 50px;
    position: relative;
    background: url(../images/51_icon_search@2x.png) no-repeat 30px center;
    background-size: 17px;
}

.mobile-inner-nav li .words {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    text-indent: 60px;
    font-size: 15px;
    color: #fff;
    background: url(../images/search2.png) no-repeat 30px center;
    background-size: 20px;
}

.mobile-inner-nav li:last-child {
    border-bottom: none;
}

.mobile-inner-nav li form {
    display: block;
    width: 100%;
    height: 100%;
}

@charset "utf-8";@charset "UTF-8";.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

.fadeInUp {
    animation-duration: 1.76s;
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,40px,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

* {
    font-family: MiSans-Medium;
}

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
}

html,body {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

body {
    font-family: "Microsoft YaHei" ! important;
    color: #000000;
   
    margin: 0 auto;
    padding: 0px;
	
	
}

body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
}

input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {
    -webkit-appearance: none;
}

input[type="button"],input[type="submit"],input[type="reset"] {
    cursor: pointer;
}

input {
    -webkit-appearance: none;
}

input {
    -webkit-appearance: none!important;
    border-radius: 0;
}

button {
    cursor: pointer;
}

textarea {
    -webkit-appearance: none;
}

a {
    text-decoration: none;
    color: #235aa7;
    outline: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

img {
    border: 0px;
    vertical-align: middle;
}

li {
    list-style: none;
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
}

.loadingfa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 29px;
    color: #1f8adf;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: none;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    -webkit-overflow-scrolling: touch;
    background: #000;
	background-image: url(../images/bj.jpg);
	background-size: 100% auto; 
}

* {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    user-select: none;
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

.xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate;
}

.xuanzhuan img {
    display: block;
    width: 100%;
}

.pc {
    display: block;
}

.wap {
    display: none;
}

.clearflex:after {
    content: "";
    display: table;
    clear: both;
}

@font-face {
    font-family: 'BlowBrush';
    src: url('../fonts/ZQKfreefont-2.ttf')
}

@font-face {
    font-family: 'MiSans-Medium';
    src: url('../fonts/ZQKfreefont-2.ttf')
}

.head {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 444;
    padding-top: calc(43/1920*100vw);
    padding-left: calc(40/1920*100vw);
    padding-right: calc(40/1920*100vw);
    padding-bottom: calc(42/1920*100vw);
}

.head .logo img {
    float: left;
    width: calc(61/1920*100vw);
    float: left;
    position: relative;
    z-index: 4;
    margin-top: calc(8/1920*100vw);
}

.head .nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: flex;
    white-space: nowrap;
}

.head .nav.pc ul {
}

.head .nav.pc ul li {
    display: inline-block;
}

.head .nav.pc ul li .h2tit {
}

.head .nav.pc ul li a {
    font-size: calc(22/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: normal;
    color: #FFFFFF;
    display: block;
    margin: calc(0/1920*100vw) calc(21/1920*100vw);
}

.head .more {
    width: calc(173/1920*100vw);
    height: calc(57/1920*100vw);
    background: #fbf8f8;
    border-radius: calc(29/1920*100vw);
    float: right;
    text-align: center;
    font-family: blowbrush;
    line-height: calc(57/1920*100vw);
    font-size: calc(25/1920*100vw);
    font-weight: 400;
    color: #000000;
    position: relative;
    z-index: 4;
}

.section1 {
    position: relative;
}

.section1 .left img {
    position: absolute;
    left: 0;
    top: calc(324/1920*100vw);
    width: calc(300/1920*100vw);
}

.section1 .right img {
    top: calc(88/1920*100vw);
    width: calc(496/1920*100vw);
    position: absolute;
    right: 0;
}

.section1 .content {
    line-height: 1;
    max-width: 100%;
    position: relative;
    z-index: 5;
    padding-top: calc(253/1920*100vw);
    margin-left: calc(263/1920*100vw);
}

.section1 .title1 {
    font-size: calc(76/1920*100vw);
    font-weight: 400;
    color: #FFFFFF;
    font-family: blowbrush;
}

.section1 .title2 {
    font-size: calc(137/1920*100vw);
    font-weight: 400;
    color: #fbf8f8;
    -webkit-text-stroke: calc(8/1920*100vw) #000000;
    text-stroke: calc(8/1920*100vw) #000000;
    display: inline-block;
    background: url(../images/img3.png) no-repeat right center;
    background-size: auto 100%;
    padding-right: calc(250/1920*100vw);
    font-family: blowbrush;
}

.section1 .dec {
    font-size: calc(20/1920*100vw);
    font-weight: 600;
    color: #FFFFFF;
    padding-top: calc(82/1920*100vw);
    padding-bottom: calc(68/1920*100vw);
    width: calc(900/1920*100vw);
    line-height: 1.5;
}

.section1 .dec p:nth-child(2) {
    font-weight: normal;
    margin-top: calc(30/1920*100vw);
}

.section1 .link {
    padding-bottom: calc(148/1920*100vw);
}
.section1 .link a{
    display: inline-block;
    opacity: 0;
}
.section1 .link a img {
    width: calc(76/1920*100vw);
    margin-right: calc(30/1920*100vw);
}

.section1 .line img {
    max-width: 100%;
}

.section1 .line {
    text-align: center;
}

.section2 {
    text-align: center;
    position: relative;
    zoom:1;overflow: hidden;
}

.section2 .left img {
    float: left;
    width: calc(824/1920*100vw);
    margin-top: calc(28/1920*100vw);
}

.section2 .left {
}

.section2 .right {
    float: right;
    position: relative;
    margin-top: calc(216/1920*100vw);
}

.section2 .right .key {
    width: calc(442/1920*100vw);
    position: absolute;
    right: calc(132/1920*100vw);
    top: calc(-97/1920*100vw);
    z-index: 4;
}

.section2 .right .img {
    width: calc(572/1920*100vw);
}

.section2 .title1 {
    font-family: "BlowBrush";
}

.section2 .title2 {
    font-size: calc(42/1920*100vw);
    font-family: "BlowBrush";
}

.section2 .text {
    text-align: center;
    z-index: 5;
    width: 100%;
    position: absolute;
    top: calc(171/1920*100vw);
    left: 50%;
    -o-transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    font-size: calc(130/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
}

.section3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vw;
    background: url(../images/hg.png) no-repeat center center;
    left: 0;
    top: 0px;
    position: absolute;
    top: 62%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: contain;
}

.section3 {
    padding: 0px calc(267/1920*100vw);
}

.section3 .content {
    position: relative;
    text-align: center;
    z-index: 4;
}

.section3 .content .left {
    text-align: left;
    position: relative;
    z-index: 4;
}

.section3 .content .left img {
    width: calc(652/1920*100vw);
}

.section3 .content .tetx {
    font-size: calc(48/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    text-stroke: calc(8/1920*100vw) #000000;
    width: 100%;
    position: absolute;
    bottom: calc(76/1920*100vw);
    z-index: 4;
}

.section3 .content .tetx p {
    font-family: 'BlowBrush';
    text-stroke: 1px #000000;
    -webkit-text-stroke: 1px #000000;
    text-stroke: calc(8/1920*100vw) #000000;
}

.section3 .content .tetx p b {
    font-family: 'BlowBrush';
    font-size: calc(128/1920*100vw);
    color: #EF9523;
    display: inline-block;
}

.section4 {
    padding: 0px calc(290/1920*100vw);
    display: flex;
    align-items: center;
    padding-top: calc(234/1920*100vw);
    justify-content: space-between;
    padding-bottom: calc(172/1920*100vw);
}

.section4 .left {
}

.section4 .left .title {
    font-size: calc(100/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: calc(101/1920*100vw);
}

.section4 .left .dec p {
    padding-bottom: calc(20/1920*100vw);
}

.section4 .left .dec {
    font-size: calc(20/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.4;
    width: calc(712/1920*100vw);
}

.section4 .left .dec p:last-child {
    padding: 0;
}

.section4 .right {
    width: calc(596/1920*100vw);
    background: url(../images/img7.png) no-repeat center bottom;
    background-size: 100%;
    text-align: center;
    padding-bottom: calc(114/1920*100vw);
}

.section4 .right img {
    width: calc(675/1920*100vw);
	margin-top:120px;
}




.section4 .rightr {
    width: calc(596/1920*100vw);
   
    background-size: 100%;
    text-align: center;
    padding-bottom: calc(0/1920*100vw);
}

.section4 .rightr img {
    width: calc(475/1920*100vw);
}









.section5 {
    padding-left: calc(288/1920*100vw);
    padding-right: calc(215/1920*100vw);
    padding-bottom: calc(258/1920*100vw);
}

.section5 .content {
    background: url(../images/img8.png) no-repeat left center;
    background-size: auto 60%;
    padding-left: calc(294/1920*100vw);
    padding-bottom: calc(140/1920*100vw);
}

.section5 .content .title {
    font-size: calc(100/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    width: calc(1124/1920*100vw);
    padding-top: calc(97/1920*100vw);
}

.section5 .content .cons {
    width: calc(1124/1920*100vw);
    height: calc(400/1920*100vw);
    background: url(../images/img10.png) no-repeat center center;
    background-size: 100%;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 calc(245/1920*100vw);
    padding-top: calc(50/1920*100vw);
}

.section5 .content .cons .txt {
    font-size: calc(20/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #fff;
}

.section5 .content .cons .str {
    font-size: calc(72/1920*100vw);
    color: #FFF;
    font-family: 'BlowBrush';
}

.section6 {
    margin: 0 calc(283/1920*100vw);
    text-align: center;
    margin-bottom: calc(282/1920*100vw);
}

.section6 .content {
    padding-left: calc(320/1920*100vw);
    padding-bottom: calc(29/1920*100vw);
    position: relative;
}
.section6 .content > *{
    position: relative;
    z-index: 45;
}
.section6 .content .dog{

    background: url(../images/img11.png) no-repeat left bottom;
    background-size: auto 73%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 2;
}

.section6 .content .title {
    font-size: calc(46/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    padding-bottom: calc(147/1920*100vw);
}

.section6 .content .more {
    width: calc(606/1920*100vw);
    line-height: calc(152/1920*100vw);
    display: block;
    margin: auto;
    background: url(../images/more.png) no-repeat center center;
    background-size: 100%;
    font-size: calc(36/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFF;
}

.section6 .content .dec {
    width: calc(767/1920*100vw);
    font-size: calc(24/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 400;
    color: #FFFFFF;
    padding-bottom: calc(69/1920*100vw);
    margin: auto;
    max-width: 100%;
}

.section6 .content .a {
}

.section6 .content .a.more {
}

.section8.section7 .title {
    padding-bottom: calc(93/1920*100vw);
}

.section7 .title {
    font-size: calc(64/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: calc(153/1920*100vw);
}

.section7 .list {
    margin: 0 calc(342/1920*100vw);
    text-align: center;
    margin-bottom: calc(138/1920*100vw);
}

.section7 .list .swiper-container {
}

.section7 .list .swiper-wrapper {
}

.section7 .list .swiper-button-next {
    width: calc(118/1920*100vw);
    height: calc(120/1920*100vw);
    background: url(../images/right.png) no-repeat center center;
    background-size: 100%;
    top: calc(84/1920*100vw);
}

.section7 .list .swiper-button-prev {
    width: calc(118/1920*100vw);
    height: calc(120/1920*100vw);
    background: url(../images/left.png) no-repeat center center;
    background-size: 100%;
    top: calc(84/1920*100vw);
}

.section7 .list .swiper-slide .imgbox {
}

.section7 .list .swiper-slide .imgbox img {
    width: calc(438/1920*100vw);
}

.section7 .list .swiper-slide .dec {
    font-size: calc(24/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 400;
    color: #FFFFFF;
    padding: calc(118/1920*100vw) 0;
    margin: auto;
    width: calc(910/1920*100vw);
    max-width: 100%;
}

.section7 .list .swiper-slide .more {
    line-height: calc(125/1920*100vw);
    background: #FFF;
    border-radius: calc(26/1920*100vw);
    display: inline-block;
    padding: 0 calc(30/1920*100vw);
}

.section7 .list .swiper-slide .more img {
    width: calc(72/1920*100vw);
}

.section7 .list .swiper-slide .more span {
    font-size: calc(66/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: calc(21/1920*100vw);
    vertical-align: middle;
}

.section7 .line {
    text-align: center;
}

.section7 .line img {
    max-width: 100%;
}

.section8 {
    padding-top: calc(170/1920*100vw);
}

.section7.section8 .list .swiper-button-next {
    top: calc(212/1920*100vw);
}

.section7.section8 .list .swiper-button-prev {
    top: calc(212/1920*100vw);
}

.section7.section8 .list .swiper-slide .imgbox {
    width: calc(900/1920*100vw);
    height: calc(492/1920*100vw);
    background: url(../images/hs.png) no-repeat center center;
    background-size: 100% 100%;
    margin: auto;
    max-width: 100%;
    position: relative;
}

.section7.section8 .list .swiper-slide .imgbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.section9 .content {
    margin: 0 calc(357/1920*100vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section9 .content .left {
}

.section9 .content .title1 {
    font-size: calc(35/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
}

.section9 .content .title2 {
    font-size: calc(59/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
}

.section9 .content .title3 {
    font-size: calc(39/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: calc(53/1920*100vw);
    margin-bottom: calc(50/1920*100vw);
    padding-left: calc(88/1920*100vw);
    background: url(../images/logo.png) no-repeat left center;
    background-size: auto 100%;
}

.section9 .content .tag {
    zoom:1;overflow: hidden;
}

.section9 .content .tag .tag1 {
    width: calc(121/1920*100vw);
    height: calc(49/1920*100vw);
    background: url(../images/bgs1.png) no-repeat center center;
    border-radius: calc(24/1920*100vw);
    margin-right: calc(25/1920*100vw);
    float: left;
    line-height: calc(49/1920*100vw);
    font-size: calc(20/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 600;
    color: #000000;
    padding-left: calc(51/1920*100vw);
    text-transform: uppercase;
    position: relative;
    background-size: 100% 100%;
}

.section9 .content .tag .tag2 {
    width: calc(121/1920*100vw);
    height: calc(49/1920*100vw);
    background: #F05C0B;
    border-radius: calc(24/1920*100vw);
    float: left;
    text-align: center;
    line-height: calc(49/1920*100vw);
    font-size: calc(20/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 600;
    color: #151826;
}

.section9 .content .dec {
    font-size: calc(20/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 600;
    color: #FFFFFF;
    line-height: calc(24/1920*100vw);
    padding-top: calc(44/1920*100vw);
}

.section9 .content .dec p {
}

.section9 .content .right {
}

.section9 .content .right img {
    width: calc(577/1920*100vw);
}

.section9 .cetit {
    font-size: calc(95/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    padding-bottom: calc(43/1920*100vw);
    text-align: center;
}

.section10.section7 {
    padding-top: calc(166/1920*100vw);
}

.section10.section7 .list .swiper-button-next,.section10.section7 .list .swiper-button-prev {
    top: calc(197/1920*100vw);
}

.section10.section7 .title {
    padding-bottom: calc(78/1920*100vw);
}

.section10.section7 .more2 {
    width: calc(606/1920*100vw);
    line-height: calc(152/1920*100vw);
    display: block;
    margin: auto;
    background: url(../images/more.png) no-repeat center center;
    background-size: 100%;
    font-size: calc(50/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFF;
}

.section10.section7 {
    padding-bottom: calc(50/1920*100vw);
}

.section11 .title {
    font-size: calc(95/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}

.section11 .content {
    width: calc(1693/1920*100vw);
    height: calc(2033/1920*100vw);
    margin: auto;
    max-width: 100%;
    background: url(../images/kuang.png) no-repeat center center;
    background-size: 100% 100%;
    margin-top: calc(-63/1920*100vw);
    padding-top: calc(173/1920*100vw);
    margin-bottom: calc(400/1920*100vw);
}

.section11 .content ul {
}

.section11 .content li {
    height: calc(340/1920*100vw);
    background: url(../images/bg.png) no-repeat right center;
    margin-left: calc(200/1920*100vw);
    margin-right: calc(200/1920*100vw);
    border-radius: calc(50/1920*100vw);
    margin-bottom: calc(180/1920*100vw);
    position: relative;
    background-size: auto 100%;
}

.section11 .content .icon {
    position: absolute;
    left: calc(-86/1920*100vw);
    bottom: calc(-18/1920*100vw);
    width: calc(350/1920*100vw);
    text-align: center;
}

.section11 .content .icon img {
    max-width: 100%;
}

.section11 .content .con {
    padding-left: calc(328/1920*100vw);
}

.section11 .content .con .tit {
    font-size: calc(47/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 500;
    color: #fbf8f8;
    line-height: 1;
    padding-top: calc(25/1920*100vw);
}

.section11 .content .con .dec {
    font-size: calc(24/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 300;
    color: #fbf8f8;
    line-height: calc(38/1920*100vw);
    padding-top: calc(35/1920*100vw);
    padding-right: calc(72/1920*100vw);
}

.section12 .title {
    text-align: center;
    font-size: calc(45/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFFFFF;
}

.section12 .list {
    padding: 0 calc(240/1920*100vw);
    padding-top: calc(95/1920*100vw);
}

.section12 .list ul {
}

.section12 .list li {
    background-size: 100% 100% !important;
    width: calc(610/1920*100vw);
    height: calc(597/1920*100vw);
    padding-top: calc(86/1920*100vw);
    padding-left: calc(38/1920*100vw);
	padding-right: calc(38/1920*100vw);
}

.section12 .list .tit {
    font-size: calc(36/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #fff;
    display: inline-block;
}

.section12 .list .dec {
    font-size: calc(24/1920*100vw);
    cursor: pointer;
    line-height: 1.5;
    padding-top: calc(11/1920*100vw); 
	color: #fff;
}
.section12 .list .dec p:hover{
    text-shadow: 4px 4px 20px #000;
}

.section12 .list .dec p {
}

.section12 .list li:nth-child(1) {
     background: #2c2c2c;
    float: right;
	margin-bottom: 20px;
}

.section12 .list li:nth-child(2) {
     background: #2c2c2c;
    clear: left;
    margin-top: calc(267/1920*100vw);
    float: left;
	margin-bottom: 20px;
}

.section12 .list li:nth-child(3) {
     background: #2c2c2c;
    float: right;
	
}

.section12 .list li:nth-child(4) {
    background: #2c2c2c;
    padding-top: calc(61/1920*100vw);
    clear: left;
    float: left;
}

.section12 {
    zoom:1;overflow: hidden;
}

.section13 .left .title {
    font-size: calc(100/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    line-height: 1;
    color: #FFFFFF;
}

.section13 {
    padding: 0 calc(306/1920*100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: calc(81/1920*100vw);
}

.section13 .left .dec {
    width: calc(727/1920*100vw);
    font-size: calc(20/1920*100vw);
    font-family: MiSans-Medium;
    font-weight: 400;
    margin-top: calc(100/1920*100vw);
    color: #FFFFFF;
    margin-bottom: calc(90/1920*100vw);
}

.section13 .left .more {
    width: calc(572/1920*100vw);
    line-height: calc(156/1920*100vw);
    display: block;
    background: url(../images/more2.png) no-repeat center center;
    background-size: 100% 100%;
    font-size: calc(68/1920*100vw);
    font-family: BlowBrush;
    font-weight: 400;
    color: #FFF;
    text-align: center;
}

.section13 .right {
    position: relative;
    padding-top: calc(212/1920*100vw);
}

.section13 .right .dog1 {
    position: absolute;
    z-index: 2;
    top: 0;
    right: calc(296/1920*100vw);
    width: calc(382/1920*100vw);
}

.section13 .right .dog2 {
    position: relative;
    z-index: 4;
    width: calc(548/1920*100vw);
}

.section14 ul {
    width: calc(1100/1920*100vw);
    max-width: 100%;
    margin: auto;
    zoom:1;overflow: hidden;
    padding-top: calc(80/1920*100vw);
    padding-bottom: calc(60/1920*100vw);
}

.section14 ul li {
    float: left;
    width: 33%;
    padding-bottom: calc(21/1920*100vw);
}

.section14 ul a {
}

.section14 ul a img {
    display: block;
    height: calc(147/1920*100vw);
    object-fit: contain;
    width: 63%;
    margin: auto;
}

.footer {
    text-align: center;
    padding: calc(35/1920*100vw) 0;
   /* background: #000;*/
}

.footer img {
    height: calc(43/1920*100vw);
    margin: 0 calc(40/1920*100vw);
}

.index {
    position: relative;
    overflow-x: hidden;
}

.index *{
    opacity: 1;
}
.index > * {
    position: relative;
    z-index: 4;

}

.index > .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

.index > .bg .i1 {
}

.index > .bg img {
    width: 100%;
}

.index > .bg .i1 img {
    width: 100%;
}

.index > .bg .i3 {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.section14 {
    background: #FFF
}
.section14 *,
.index *{

-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}

.section1 .link a img:hover{
       box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}

.moveAni {
    animation: move .8s infinite;
    -moz-animation: move .8s infinite;
    -webkit-animation: move .8s infinite;
    -o-animation: move .8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}













.tadaAni{
    animation: tada 2s infinite;
}
.pulseAni{
    animation: pulse 1s infinite;
}

.bounceInAni{
    animation: bounceIn 2s infinite;
}

.flashInAni{
    animation: flash 2s infinite;
}
.swingAni{
    animation: swing 2s infinite;
    transform-origin: right top;
}

.rubberBandAni{
    animation: rubberBand 1s infinite;
}

.bounceAni {
  animation: bounce 1s infinite;
}

.tdAni{
    animation: td .4s infinite;
    -moz-animation: td .4s infinite;
    -webkit-animation: td .4s infinite;
    -o-animation: td .4s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}

.heartbeatAni{
    animation: heartbeat 1.4s infinite;
    -moz-animation: heartbeat 1.4s infinite;
    -webkit-animation: heartbeat 1.4s infinite;
    -o-animation: heartbeat 1.4s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}





@keyframes move2 {
    0%{
      transform: translate(-50%, 0px);
    }
    100%{
      transform: translate(0%, 0px);
    }
}

.moveAni2 {
  animation: move2 1s infinite;
}

.moveAni {
    animation: move .8s infinite;
    -moz-animation: move .8s infinite;
    -webkit-animation: move .8s infinite;
    -o-animation: move .8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}
@keyframes move
{
from {
-o-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
to {
    -o-transform: translate(0%, 30px);
-webkit-transform: translate(0%, 30px);
-moz-transform: translate(0%,30px);
-ms-transform: translate(0%, 30px);
transform: translate(0%, 30px);
}
}



@keyframes td{
from {
-o-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
to {
    -o-transform: translate(0%, 20px);
-webkit-transform: translate(0%, 20px);
-moz-transform: translate(0%,20px);
-ms-transform: translate(0%, 20px);
transform: translate(0%, 20px);
}
}




@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}





@keyframes moveAni2 {
    0%{
      transform: translate(0%, 0px);
    }
    100%{
      transform: translate(100vw, 0px);
    }
}

.moveAni2 {
   animation: moveAni2 5.5s linear infinite;
}






@keyframes scrollAni1 {
    0%{
      transform: translate(0%, 0px) rotate(0);
    }
    100%{
      transform: translate(-100%, 0px) rotate(-360deg);
    }
}


.scrollAni1 {
animation: scrollAni1 1.8s infinite;
    -moz-animation: scrollAni1 1.8s infinite;
    -webkit-animation: scrollAni1 1.8s infinite;
    -o-animation: scrollAni1 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}



@keyframes scrollAni2 {
    0%{
      transform: translate(30%, 0px) rotate(0);
    }
    100%{
      transform: translate(0%, 0px) ;
    }
}


.scrollAni2 {
animation: scrollAni2 1.8s infinite;
-moz-animation: scrollAni2 1.8s infinite;
-webkit-animation: scrollAni2 1.8s infinite;
-o-animation: scrollAni2 1.8s infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-timing-function: linear;
}



@keyframes scrollAni3 {
    0%{
      transform: translate(0%, -20px);
    }
    100%{
      transform: translate(0%, 0%) ;
    }
}


.scrollAni3 {
animation: scrollAni3 1.8s infinite;
-moz-animation: scrollAni3 1.8s infinite;
-webkit-animation: scrollAni3 1.8s infinite;
-o-animation: scrollAni3 1.8s infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-timing-function: linear;
}


@keyframes scrollAni4 {
    0%{
      transform: translate(0%, 20px);
    }
    100%{
      transform: translate(0%, 0%) ;
    }
}


.scrollAni4 {
animation: scrollAni4 1.8s infinite;
-moz-animation: scrollAni4 1.8s infinite;
-webkit-animation: scrollAni4 1.8s infinite;
-o-animation: scrollAni4 1.8s infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-timing-function: linear;
}


@keyframes scrollAni5 {
    0%{
      transform: none;
    }
    100%{
      transform:scale(1.35,1.35) ;
    }
}


.scrollAni5 {
animation: scrollAni5 1.8s infinite;
-moz-animation: scrollAni5 1.8s infinite;
-webkit-animation: scrollAni5 1.8s infinite;
-o-animation: scrollAni5 1.8s infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-timing-function: linear;
}


@keyframes scrollAni6 {
    0%{
      transform:scale(1.05,1.05);
    }
    100%{
      transform: none ;
    }
}


.scrollAni6 {
animation: scrollAni6 1.8s infinite;
-moz-animation: scrollAni6 1.8s infinite;
-webkit-animation: scrollAni6 1.8s infinite;
-o-animation: scrollAni6 1.8s infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-timing-function: linear;
}



@keyframes bubbleMover2 {
    0% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(5px) translateX(4px) rotate(5deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;

    }

    50% {
        transform: translateY(-4px) translateX(2px) rotate(-3deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;

    }

    80% {
        transform: translateY(-3px) translateX(-3px) rotate(-3deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;

    }

    100% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}



@keyframes bubbleMover {
    0% {
        transform: translateY(0px) translateX(0) rotate(0);
    }
    30% {
        transform: translateY(3px) translateX(5px) rotate(5deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    50% {
        transform: translateY(5px) translateX(10px) rotate(10deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }
    80% {
        transform: translateY(3px) translateX(5px) rotate(4deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    100% {
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}


.pfAni1{
-webkit-animation: bubbleMover linear infinite 5s;
-moz-animation: bubbleMover linear infinite 5s;
-o-animation: bubbleMover linear infinite 5s;
animation: bubbleMover linear infinite 5s;
}

.pfAni2{
-webkit-animation: bubbleMover2 linear infinite 5s;
-moz-animation: bubbleMover2 linear infinite 5s;
-o-animation: bubbleMover2 linear infinite 5s;
animation: bubbleMover2 linear infinite 5s;
}