            @font-face {
                font-family: 'SiYuan';
                src: url("https://111yao.oss-cn-beijing.aliyuncs.com/webFile/CDN/fonts/SourceHanSansCN-Medium-2.otf");
            }
            *{
                /*font-family:'SiYuan';*/
                font-family:'Heiti SC','arim','Microsoft YaHei';
            }
            html,body{
                margin:0px;
                padding:0px;
            }
            img{
                width:100%;
            }
            body{
                width:100%;
                background:#FFFBF2;
                font-size:16px;
                overflow-x:hidden;
            }
            ul,li{
                list-style:none;
                list-style-type: none;
            }
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                -webkit-appearance: none;
            }
             
            input[type="number"] {
                -moz-appearance: textfield;
            }
            #app{
                display:none;
            }
            .default_page{
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0px;
                text-align: center;
                background: #fff;
                z-index: 9999999;
            }
            .loadings_{
                position:absolute;
                top: calc(50% + 50px);
                display: table;
                width: 100%;
            }
            .load-msg{
                font-size: 14px;
                letter-spacing: 1px;
                /* font-weight: bold; */
                display: table;
                text-align: center;
                width: 100%;
                color: #9e9e9e;
                /* height: 80px; */
                line-height: 40px;
            }
            .default_page img{
                width: 300px;
                position: absolute;
                left: calc(50% - 150px);
                top: 0px;
                bottom: 0px;
                vertical-align: middle;
                top: calc(50% - 50px);
            }
            .carousel-item img{
                max-width:100%;
            }
            .ivu-carousel-item{
                text-align:center;
            }
            /*领航 布局*/
            .content-box{
                display:table;
                width:860px;
                margin:0 auto;
                text-align:center;
            }
            .content-title{
                font-size:33px;
                font-weight:bold;
                /*color:#4b4b4b;*/
                padding-top:50px;
                padding-bottom:30px;
                text-align:center;
                letter-spacing:5px;
                background-image: -webkit-linear-gradient(#59250F,#A24B30,#59250F,#A24B30); 
                 -webkit-background-clip: text; 
                 -webkit-text-fill-color: transparent;
                /*-webkit-mask-image:-webkit-gradient(linear,0 0,0 bottom,from(#A24B30),to(#59250F));}*/
            }
            .content-title:after{
                content: " ";
                width: 80px;
                height: 5px;
                background-color: #93532D;
                margin: 0 auto;
                display: block;
                margin-top: 10px;

                background: -webkit-linear-gradient(top,#994926,#994928); /* Safari 5.1-6.0 */
                background: -o-linear-gradient(bottom,#994926,#994928); /* Opera 11.1-12.0 */
                background: -moz-linear-gradient(bottom,#994926,#994928);/* Firefox 3.6-15 */
                background: linear-gradient(to bottom,#994926,#994928); /* 标准语法 */
            }
            .content-five .content-title:after{
                background: -webkit-linear-gradient(top,#FFEEBA,#FEDC92); /* Safari 5.1-6.0 */
                background: -o-linear-gradient(bottom,#FFEEBA,#FEDC92); /* Opera 11.1-12.0 */
                background: -moz-linear-gradient(bottom,#FFEEBA,#FEDC92);/* Firefox 3.6-15 */
                background: linear-gradient(to bottom,#FFEEBA,#FEDC92); /* 标准语法 */
            }
            .content-title .subtitle{
                font-size:20px;
                color:#994928;
            }
/*            .content-info img{
                height:210px;
                width:100%;
            }*/
            .content-info p{
                font-size:18px;
                line-height:25px;
                color:#692e1a;
            }
            .content-info-one p{
                line-height:35px;
                color:#000;
            }
            .content-info-bg{
                height:300px;
                background-color:#10c2c8;
                color:#fff;
            }

            .content-info-imgbg p{
                font-size: 14px;
                padding: 10px;
                line-height: 22px;
                line-height: 24px;
                padding-top: 22px;
                /* padding-left: 15px; */
                /* padding-right: 15px; */
                /* font-weight: bold; */
                letter-spacing:1px;
                padding-bottom: 5px;
                font-weight:bold;
            }
            .content-info-imgbg p:first-child{
                padding-top:18px;
            }
            .content-info-imgbg p b{
                margin-right: 15px;
                height: 30px;
                /* float: left; */
                font-weight: bold;
                width: 100%;
                display: table;
                font-size: 22px;
            }
            .content-info-bg-right .bg-right-one{
                height:300px;
                background:url(/skin/newIndex/content/1/03.jpg) no-repeat;
                background-size:100% 100%;
                text-align:left;
                background: #fe9171;
            }
            .content-info-bg-right .bg-right-two{
                height:300px;
                background:url(/skin/newIndex/content/1/04.jpg) no-repeat;
                background-size:100% 100%;
                text-align:left;
                background:#11c2c8;
            }
            .content-info-bg-right .bg-right-two p:first-child{
                padding-top:30px;
            }
            .content-info-bg-right .bg-right-two p b{
                height:30px;
            }
            .content-info-bg-right .bg-right-two p span{
                display:table;
                width: 100%;
                margin-top:10px;
            }
            .content-info-bg-left{
                text-align:left;
            }
            .content-info-bg-left h3{
                font-size:20px;
                font-weight:bold;
                padding-bottom:5px;
                border-bottom:3px solid #fff;
                display:inline-block;
                margin:25px;
                letter-spacing:2px;
                margin-bottom:10px;
                padding-top:20px;
            }
            .content-info-bg-left p{
                font-size:17px;
                padding:10px 25px;
                line-height:32px;
                letter-spacing:2px;
                font-weight:500;
            }
            .wow{
                
            }
            /*two*/
            .content-two .list-item{
                height:140px;
                text-align:left;
                /*margin-left:25px;*/
                font-size:17px;
                color:#fff;
                display: table;
                border-radius:20px;
                overflow:hidden;
            }
            .content-two .list-item b{
                padding-left:130px;
                padding-right:20px;
                line-height:30px;
                display:table-cell;
                /* vertical-align: middle; */
                font-weight:bold;
                letter-spacing:0.6px;
                padding-top:10px;
                font-size:19px;
                color:#974827;
            }
            .content-two .list-item b p{
                font-weight:500;
                margin-top:5px;
                font-size:15px;
            }
            .content-two .list-item img{
                height:168px;
                width:auto;
            }
            .content-two .list-item p{
                line-height: 22px;
                color:#b89367;
            }
            .content-two .list-item-one{
                background-color:#fefaf1;
                width: calc(50% - 10px);
                margin-right:20px;
                margin-bottom:20px;
                background-image:url(/skin/newIndex/content/9/01.jpg);
                background-repeat: no-repeat;
                background-size:130px;
                border:2px solid #D08244;
            }
            .content-two .list-item-two{
                background-color:#fefaf1;
                width: calc(50% - 10px);
                margin-bottom:20px;
                background-image:url(/skin/newIndex/content/9/02.jpg);
                background-repeat: no-repeat;
                background-size:130px;
                border:2px solid #D08244;
            }
            .content-two .list-item-three{
                background-color:#fefaf1;
                width: calc(50% - 10px);
                margin-right:20px;
                background-image:url(/skin/newIndex/content/9/03.jpg);
                background-repeat: no-repeat;
                background-size:130px;
                border:2px solid #D08244;
            }
             .content-two .list-item-four{
                background-color:#fefaf1;
                width: calc(50% - 10px);
                background-image:url(/skin/newIndex/content/9/04.jpg);
                background-repeat:no-repeat;
                background-size:130px;
                border:2px solid #D08244;
            }

            .four-cols {
                width: calc(20% - 10px);
                background-color: #F9EFE5;
                margin-right: 10px;
                margin-bottom: 10px;
            }
            .content-four .four-cols .list-item {
                background: none;
                border: 0px;
                margin-bottom: 0px;
                padding: 20px 10px;
            }
            .content-four .list-item {
                border: 3px solid #10c2c8;
                padding: 20px 15px;
                border-radius: 10px;
                margin-bottom: 20px;
                cursor: pointer;
                /* padding-top: 70px; */
                text-align: center;
                display: block;
                width: 100%;
                transition: 0.3s all;
                -moz-transition: 0.3s all;
                -webkit-transition: 0.3s all;
                -o-transition: 0.3s all;
                background-color: #fff;
            }
            /*three*/
            .content-box-{
                width:100%;
            }
            .content-three{
                text-align:center;
                margin-top:60px;
                font-size:19px;
                font-weight:300;
                background-image:url(/skin/newIndex/content/3/bg-img.jpg);
                background-repeat:no-repeat;
                background-size:100% 100%;
                display:table;
            }
            .content-three p{
                display: table-cell;
                width:100%;
                vertical-align: middle;
                font-size: 28px;
                line-height: 50px;
                color:#fff;
                font-weight:500;
                padding-top:55px;
                padding-bottom:55px;
            }
            .content-three p span{
                display:table;
                width:100%;
                text-align:center;
            }
            .content-three p span:nth-child(1){
                font-size:22px;
            }
            .content-three p span:nth-child(2){
                font-size:25px;
            }
            .content-three p span:nth-child(3){
                font-size:32px;
            }
            /*four*/
            .content-four{
                width:860px;
            }
            .content-four .list-item{
                border:3px solid #10c2c8;
                padding:20px 15px;
                border-radius:10px;
                margin-bottom:20px;
                cursor:pointer;
                /*padding-top:70px;*/
                text-align:center;
                display: block;
                width: 100%;
                transition:0.3s all;
                -moz-transition:0.3s all;  /* Firefox 4 */
                -webkit-transition:0.3s all;   /* Safari 和 Chrome */
                -o-transition:0.3s all;    /* Opera */
                background-color:#fff;
            }
            .content-four .list-item p{
                text-align: left;
                font-size: 18px;
                line-height: 32px;
                letter-spacing: 0.2px;
                font-family: arim;
                height: 150px;
            }
            .content-four .list-item span{
                text-align:center;
                display:table;
                width:100%;
            }
            .content-four .list-item img.icon-img{
                width:50px;
                height:50px;
                margin:0 auto;
                margin-bottom:10px;

            }
            .content-four .list-item b{
                font-size: 18px;
                color: #666;
                /*margin-top:10px;
                padding-bottom: 20px;*/
                display: inline-block;
                margin-bottom:10px;
                margin-top:10px;
            }
            
            .list-item-info{
/*                height:130px;
                vertical-align: middle;
                display: table-cell;*/
            }
            .animal-list-item-{
                transition:0.3s all;
                transform:scale(1.08);
                -webkit-transform:scale(1.08);
                -moz-transform:scale(1.08);
                -o-transform:scale(1.08);
                -ms-transform:scale(1.08);
            }
            .animal-list-item{
                
                /*animation: animallist 0.3s ease-in-out 1 alternate!important;*/
               /* animation-name:animallist!important;*/
                /*background: -webkit-gradient(to bottom,#12c2c8,#8ddde0);
                background: -webkit-linear-gradient(to bottom,#12c2c8,#8ddde0);
                background: -o-linear-gradient(to bottom,#12c2c8,#8ddde0);
                background: -moz-linear-gradient(to bottom,#12c2c8,#8ddde0);
                background: linear-gradient(to bottom,#12c2c8,#8ddde0);*/
                transition:0.3s all!important;
                background-image:url(/skin/newIndex/bgs.jpg)!important;
                background-repeat:no-repeat;
                background-size:100% 100%;
                border:3px solid #fff!important;
                -moz-box-shadow:2px 2px 4px #ffffff; -webkit-box-shadow:2px 2px 4px #ffffff; box-shadow:2px 2px 4px #ffffff;
                /*-webkit-animation-name:animallist!important;
                -webkit-animation-duration:0.3s,0.5s!important;
                -webkit-animation-timing-function:ease, linear;
                -webkit-animation-delay:0s,0.3s;
                -webkit-animation-iteration-count:1, 1;
                -webkit-animation-fill-mode:forwards, none;*/
            }
            .animal-list-item span,.animal-list-item p,.animal-list-item b{
                color:#fff!important;
            }
            @keyframes animallist{
                to{
                    transition:0.3s all!important;
                    background-image:url(/skin/newIndex/bgs.jpg)!important;
                    background-repeat:no-repeat;
                    background-size:100% 100%;
                    border:3px solid #fff!important;
                }
            }
            @keyframes blinds { 
                to { background-image: linear-gradient(90deg, #f90 100%, #444 0); } 
            }
            /*five*/
            .content-five {
                width:100%;
                height:500px;
                background-repeat:no-repeat;
                background-position:center center;
                background-size:100% 100%;
                margin-top:20px;
                background:url(/skin/newIndex/content/15/five-bg.png) 100px no-repeat,-webkit-linear-gradient(left,#652C18,#6E311C); /* Safari 5.1-6.0 */
                background:url(/skin/newIndex/content/15/five-bg.png) 100px no-repeat,-o-linear-gradient(right,#652C18,#6E311C); /* Opera 11.1-12.0 */
                background:url(/skin/newIndex/content/15/five-bg.png) 100px no-repeat,-moz-linear-gradient(right,#652C18,#6E311C);/* Firefox 3.6-15 */
                background:url(/skin/newIndex/content/15/five-bg.png) 100px no-repeat,linear-gradient(to right,#652C18,#6E311C); /* 标准语法 */
                background-position:right;
/*                background-size:150px auto;
                background-repeat:no-repeat;*/
            }
            .content-five .content-title{
                color:#fff;
                padding-top: 25px;
                padding-bottom: 30px;
            }
            .content-five .content-title-five{
                background-image: -webkit-linear-gradient(#FFDA91,#FEEDB9,#FFDA91,#FEEDB9);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            .content-five .content-info{
                width:860px;
                margin:0 auto;
            }
            .content-five .list-item{
                width:100%;
                background-color:rgba(255,255,255,0.9);
                /*height:60px;*/
                margin-bottom: 15px;
                text-align:left;
                padding:10px;
                display:table;
                transition:0.3s all;
                cursor:pointer;
                height:110px;
            }
            .content-five .list-item:hover{
                background-color:#fff;
                transform:scale(1.05);
                -webkit-transform:scale(1.05);
                -moz-transform:scale(1.05);
                -o-transform:scale(1.05);
                -ms-transform:scale(1.05);
            }
            .content-five .list-item b{
                line-height:100%;
                font-size:30px;
                font-weight:bold;
                color:#6c301b;
                display:table-cell;
                vertical-align:middle;
            }

            .five-item-num{
                height: 100%;
                display: table;
                position: absolute;
                text-align:center;
                color:#DAB69C;
            }
            .five-item-num ._item_num{
                display: table-cell;
                vertical-align: middle;
                height: 100%;
                /* text-align: center; */
                font-size: 30px;
                font-weight: bold;
            }
            .five-item-right{
                float: right;
                font-size: 14px;
                letter-spacing: 2px;
                color: #4b4b4b;
                line-height:25px;
                min-height:80px;
            }
            .content-five .list-item .five-item-right b{
                font-size: 18px;
                font-weight: bold;
                line-height:30px;
                display: table-cell;
                vertical-align: middle;
                letter-spacing: 1px;
            }
            .content-five .list-item .five-item-right p{
                font-size: 14px;
                letter-spacing: 0.2px;
            }
            /*six*/
            .content-six{
                width:860px;
            }
            .content-six-box{
                background:url(/skin/newIndex/content/15/six-bg.png) no-repeat;/* 标准语法 */
                background-position:top left;
                background-size:300px;
            }
            .content-six .content-info .list-item{
                border: 3px solid #AC6F39;
                border-radius: 15px;
                display: table;
                width: 100%;
                padding: 20px 20px;
                margin-bottom: 20px;
                cursor: pointer;
                /*background: url(/skin/newIndex/six-bg.jpg) no-repeat;*/
                background-size: 100% 10%;
                background-position: 0% -100%;
                transition: 0.3s all;
                background: -webkit-linear-gradient(#FFF9ED, #FDE9C8);
                /* Safari 5.1 - 6.0 */
                
                background: -o-linear-gradient(#FFF9ED, #FDE9C8);
                /* Opera 11.1 - 12.0 */
                
                background: -moz-linear-gradient(#FFF9ED, #FDE9C8);
                /* Firefox 3.6 - 15 */
                
                background: linear-gradient(#FFF9ED, #FDE9C8);
                /* 标准的语法（必须放在最后） */
                color:#945430;

            }
            .content-six .content-info .list-item:hover{
                /*background:url(/skin/newIndex/six-bg.jpg) no-repeat;*/
                background-size:150% 150%;
                background-position:left;
                transition:0.5s all;
                border:3px solid #AC6F39;
                transform:scale(1.1);
                -webkit-transform:scale(1.1);
                -moz-transform:scale(1.1);
                -o-transform:scale(1.1);
                -ms-transform:scale(1.1);
                color:#945430;
            }

            .content-six .list-item-left-1{
                background: url(/skin/newIndex/content/11/1.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .list-item-left-2{
                background: url(/skin/newIndex/content/11/2.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .list-item-left-3{
                background: url(/skin/newIndex/content/11/3.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .list-item-left-4{
                background: url(/skin/newIndex/content/11/4.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .list-item-left-5{
                background: url(/skin/newIndex/content/11/5.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .list-item-left-6{
                background: url(/skin/newIndex/content/11/6.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .list-item-left-7{
                background: url(/skin/newIndex/content/11/7.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .list-item-left-8{
                background: url(/skin/newIndex/content/11/8.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-1:hover .list-item-left{
                background: url(/skin/newIndex/content/11/1.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-2:hover .list-item-left{
                background: url(/skin/newIndex/content/11/2.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-3:hover .list-item-left{
                background: url(/skin/newIndex/content/11/3.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-4:hover .list-item-left{
                background: url(/skin/newIndex/content/11/4.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-5:hover .list-item-left{
                background: url(/skin/newIndex/content/11/5.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-6:hover .list-item-left{
                background: url(/skin/newIndex/content/11/6.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-7:hover .list-item-left{
                background: url(/skin/newIndex/content/11/7.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }
            .content-six .content-info .list-item-8:hover .list-item-left{
                background: url(/skin/newIndex/content/11/8.png);
                background-repeat: no-repeat;
                background-size: 50px auto;
                background-position: center;
                height: 50px;
            }

            .content-six .content-info .list-item img{
                height:50px;
                width:auto;
            }
            .content-six .content-info .list-item b{
                display: table-cell;
                vertical-align: middle;
                line-height:50px;
                font-size:25px;
                letter-spacing:2px;
                font-weight:bold;
                text-align:center;
                display:table;
                width:100%;
                margin-top:10px;
            }

            /*seven*/
            .content-seven {
                position:relative;
                height:900px;
            }
            .content-seven .content-info{
                height: 600px;
                width: 860px;
                margin: 0 auto;
                background: url(/skin/newIndex/content/7/01.png);
                background-repeat: no-repeat;
                background-size: 500px 500px;
                background-position: center 100px;
                -webkit-display: table-row-group;
                -moz-display: table-row-group;
                -o-display: table-row-group;
                -ms-display: table-row-group;
                /* display: table-row-group; */
                text-align: center;
                /* position: absolute; */
                left: 0px;
                right: 0px;
                /* margin-top: 50px; */
                display: table;
            }

            .content-seven .content-info .content-info-title{
                vertical-align: middle;
                height: auto;
                width: 100%;
                display: table;
                /* text-align: center; */
                line-height: 60px;
                width:200px;
                font-size: 30px;
                color: #fff;
                /* display: table; */
                /* width: 100%; */
                margin: 0 auto;
                font-weight:bold;
                letter-spacing: 5px;
                position: relative;
                top:290px;
                padding-left: 10px;
            }
            .content-seven .content-info-btn-box{
                width: 600px;
                height: 600px;
                margin: 0 auto;
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
            }
            .content-seven .content-info-btn{
                background-color:#b89366;
                height: 120px;
                width: 120px;
                display: block;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                position: absolute;
                top: 240px;
                margin: 0 auto;
                left: 0px;
                right: 0px;
                transition: 0.5s all;
                opacity: 0.3;
                line-height: 50px;
                letter-spacing: 3px;
                margin-top: 195px;
            }
            .content-seven .content-info-btn b{
                color: #fff;
                font-size:30px;
                padding-top: 5px;
                display: block;
                font-weight: 500;
            }
            .content-seven .content-info-btn p{
                color: #fff;
                font-size: 20px;
                line-height: 25px;
                font-weight: bold;
            }

            .content-seven .content-info-btn:nth-child(even){
                background-color:#d3b694;
            }
            @keyframes animal_btn_one{
                to { top:-10px;opacity:1;}

            }
            @keyframes animal_btn_two_top{
                to  {
                    animation-timing-function: linear;
                    top: 60px;
                    opacity:1;
                }
            }
            @keyframes animal_btn_two_right{
                to {
                    animation-timing-function: linear;
                    right:10px;
                    left:calc(100% - 250px);
                    opacity:1;
                }
            }
            .content-seven .content-info-btn:nth-child(1){
                /*top:-35px;*/
                animation-name:animal_btn_one;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            .content-seven .content-info-btn:nth-child(2){
                animation-name:animal_btn_two_top,animal_btn_two_right;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            
            @keyframes animal_btn_three{
                to {
                    animation-timing-function: linear;
                    left: calc(100% - 110px);
                    opacity:1;
                }
            }
            .content-seven .content-info-btn:nth-child(3){
                animation-name:animal_btn_three;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            @keyframes animal_btn_four_top{
                to  {
                    animation-timing-function: linear;
                    top: 410px;
                    opacity:1;
                }
            }
            @keyframes animal_btn_four_right{
                to {
                    animation-timing-function: linear;
                    left: calc(100% - 250px);
                    opacity:1;
                }
            }
            .content-seven .content-info-btn:nth-child(4){
/*                left: auto;
                top: calc(360px + 60px + 20px);
                right: calc(40px);*/
                animation-name:animal_btn_four_top,animal_btn_four_right;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            @keyframes animal_btn_five_top{
                to  {
                    animation-timing-function: linear;
                    top: 485px;
                    opacity:1;
                }
            }
            .content-seven .content-info-btn:nth-child(5){
                animation-name:animal_btn_five_top;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            @keyframes animal_btn_six_top{
                to  {
                    animation-timing-function: linear;
                    top: 410px;
                    opacity:1;
                }
            }
            @keyframes animal_btn_six_right{
                to {
                    animation-timing-function: linear;
                    right: calc(100% - 250px);
                    opacity:1;
                }
            }
            .content-seven .content-info-btn:nth-child(6){
/*                right: auto;
                top: calc(300px + 135px);
                left: calc(40px);*/
                animation-name:animal_btn_six_top,animal_btn_six_right;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            @keyframes animal_btn_seven{
                to {
                    animation-timing-function: linear;
                    left: calc(-100% + 110px);
                    opacity:1;
                }
            }
            .content-seven .content-info-btn:nth-child(7){
                /*right: auto;
                left: -40px;*/
                animation-name:animal_btn_seven;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            @keyframes animal_btn_eight_top{
                to  {
                    animation-timing-function: linear;
                    top: 65px;
                    opacity:1;
                }
            }
            @keyframes animal_btn_eight_right{
                to {
                    animation-timing-function: linear;
                    right:calc(100% - 255px);
                    opacity:1;
                }
            }
            .content-seven .content-info-btn:nth-child(8){
                /*right: auto;
                top: 45px;
                left:30px;*/
                animation-name:animal_btn_eight_top,animal_btn_eight_right;
                animation-duration:0.5s;
                animation-iteration-count: 1;
                animation-fill-mode:forwards;
            }
            /*eight*/
            .imgscrollbox {
                width: 860px;
                margin: 0 auto;
                overflow: hidden;
                position: relative;
                cursor: pointer;
            }
            .imgscrollbox .g1 {
                width: auto;
                height: 180px;
                float: left;
                margin: 0 5px 5px 0;
            }
            .imgscrollbox .g1 ul li {
                border-left: 0px solid #fff;
                list-style: none;
                padding: 0;
                margin: 0;
                margin-left:10px;
            }
            .imgscrollbox .g1 img {
                height: 180px;
                width: auto;
            }
            .prism-player{
                background-color:#fff!important;
            }
            .video-box{
                width:860px;
                margin:0 auto;
                margin-top:20px;
            }
            .video-box .list-item .list-item-video{
                background-color:#eee;
                width:100%;
                min-height:140px;
            }
            .prism-player .prism-big-play-btn {
                position: absolute!important;
                left: calc(50% - 32px)!important;
                top: calc(50% - 32px)!important;
                background: url(http://img.zdfei.com/static/image/htmls/single/2019-08-30/5d689aebb1c83.png) no-repeat!important;
                width: 64px;
                height: 64px;
                background-position: center center;
                background-size: 64px 64px!important;
                background-repeat: no-repeat;
            }
            .prism-player video{
                padding:10px;
                background-color:#2faee3;
            }
            /*nine*/
            .content-nine{
                width:860px;
            }
            .content-nine .content-info{
                text-align:left;
            }
            .content-nine li{
                width:100%;
                margin-bottom:20px;
                cursor:pointer;
                transition:0.3s all;
                border:0px solid #79dddd;
                border-radius:2px;
                overflow:hidden;
                height:100px;
                overflow:hidden;
            }
            .content-nine li:hover{
                transform:scale(1.08);
                -webkit-transform:scale(1.08);
                -moz-transform:scale(1.08);
                -o-transform:scale(1.08);
                -ms-transform:scale(1.08);
                box-shadow: 1px 1px 5px #aaa;
            }
            .content-nine .article-img-box{
                width: 100px;
                height: 100px;
                background-color:#79dddd;
                display: inline-block;
                text-align: center;
                float:left;
                overflow:hidden;
            }
            .content-nine .article-img-box img{
                /*width: 100%;*/
                width: auto;
                height: 100%;
            }
            .content-nine .article-img-desc{
                height: 100px;
                background-color:#f3f3f3;
                display: inline-block;
                width:calc(100% - 100px);
                padding:10px;
                padding-left:20px;
            }
            .content-nine .article-img-desc b{
                font-size: 16px;
                color:#444;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
            }
            .content-nine .article-img-desc p{
                font-size: 15px;
                line-height: 25px;
                margin-top: 10px;
                color:#333;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
            .content-nine .content-info-more{
                width: 100%;
                line-height: 50px;
                font-size: 18px;
                text-align: center;
                display: table;
                /* font-size: 16px; */
                font-weight: 500;
                letter-spacing: 2px;
                color: #666;
                background: #eee;
                border-radius: 3px;
                box-shadow: 1px 1px 2px #ddd;
                cursor: pointer;
                margin-top: 20px;
            }
            .content-nine .content-info-more a{
                color:#666;
                font-family:"Heiti SC";
            }
            /*在线申请*/
            .feedback-box{
                width:200px;
                /*height:410px;*/
                /*background:#eee;*/
                /*border:1px solid #ddd;*/
                border-radius:8px;
                overflow:hidden;
                position:fixed;
                bottom:5px;
                left:5px;
                opacity: 1;
                transition:0.5s all;
                z-index:1000;
                /*box-shadow: 0px 0px 5px #bbb;*/
                background: none;
                background: url(/skin/newIndex/left-icon.png);
                background-size: 100% auto;
                background-repeat: no-repeat;
            }
            .feedback-box .feedback-box-title{
                font-size: 16px;
                line-height: 42px;
                height:42px;
                overflow:hidden;
                padding: 0px 10px;
                background: #ddd;
                letter-spacing: 1px;
                border-bottom: 1px solid #ddd;
                opacity: 1;
                color: #444;
                background: url(http://www.111yyg.com/skin/newIndex/content/1/01.jpg);
                background-position: top;
                display:none;
            }
            .content-one-col{
                height: 210px;
                background:#2faee3;
                background: url(http://www.111yyg.com/skin/newIndex/videos/start_02.jpg);
                background-repeat:no-repeat;
                background-size:100% auto;
                background-position:center center;
            }
            .feedback-box .show_form form{
                padding: 10px;
                padding-bottom:0px;
                margin: 0 auto;
                background: #fff;
                margin-top: 42%;
                width: 90%;
                border-radius: 10px;
                margin-bottom:50px;
            }
            .feedback-box .feedback-box-title_hide{
                border-bottom:0px;
            }
            .feedback-box .feedback-box-title i{
                font-weight: bold;
                float: right;
                line-height: 41px;
                font-size: 25px;
                color: #000000;
                cursor:pointer;
                width: 40px;
                margin-right: -10px;
            }
            .feedback-box .ivu-form-item{
                margin-bottom: 10px;
            }
            .feedback-box .feedback-box-desc{
                padding:10px;
                border-bottom: 1px solid #ddd;
                color: #555;
                display:none;
            }
            .feedback-box .feedback-box-desc-one{
                font-size: 13px;
                font-weight: 400;
                margin-top:5px;
            }
            .feedback-box .feedback-box-desc-two{
                font-size: 13px;
                margin-top:3px;
            }
            .feedback-box textarea{
                font-size:13px;
                height:60px;
            }
            .feedback-box .ivu-input-icon{
                left:0;
            }
            .feedback-box input.ivu-input{
                padding:0px 30px;
            }
            .feedback-box .feedback-box-send-box{
                text-align:center;
            }
            .feedback-box .feedback-box-send-btn{
                width: 120px;
                font-size: 14px;
                background: #ff7417;
                border-color: #ff7417;
                margin: 0 auto;
                border-radius: 30px;
             }
             .show_form{
                /*height:370px;*/
                transition:0.3s all;
             }
             .md-icons{
                font-weight: 500;
                font-size: 25px;
                position: absolute;
                top: 20px;
                cursor: pointer;
                color:#18c3c8;
             }
             .hide_form{
                height:90px;
                transition: 0.3s all;
                overflow: hidden;
                cursor:pointer;
             }
             /*客服*/
             .timg-box{
                width:140px;
                height:80px;
                position:fixed;
                right:10px;
                top:37%;
                cursor:pointer;
             }
             .timg-box img{
                width:100%;
             }
             .center-im-box{
                width: 400px;
                height: 170px;
                border: 0px solid #ddd;
                background-color: #03A9F4;
                position: fixed;
                left: 0px;
                right: 0px;
                top: calc(50% - 75px);
                bottom: 0px;
                margin: 0 auto;
                z-index: 1001;
                border-radius: 3px;
                -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.3);
                -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3);
                box-shadow:2px 2px 5px rgba(0,0,0,0.3);
                background-image: url(/skin/newIndex/im-center.png);
                background-size: 100%;
                background-position: center;
                background-repeat: no-repeat;
             }
             .button-box{
                position:absolute;
                bottom:10px;
                text-align:right;
                right:10px;
             }
             .center-im-box button.close-box{
                background: none;
                border: 1px solid #fff;
                color: #fff;
                font-size: 13px;
                border-radius: 30px;
             }
             .center-im-box button.toim-box{
                background: #FF5722;
                border: 1px solid #FF5722;
                color: #fff;
                border-radius: 30px;
                font-size: 13px;
             }
             .md-close-i{
                position: absolute;
                top: 2px;
                right: 2px;
                color: #fff;
                font-size: 25px;
                cursor: pointer;
             }
             /*加载动画*/
            .spin-icon-load{
                animation: ani-spin-load 1s linear infinite;
            }
            @keyframes ani-spin-load{
                from { transform: rotate(0deg);}
                50%  { transform: rotate(180deg);}
                to   { transform: rotate(360deg);}
            }
            .ivu-modal-wrap{
                z-index:888888!important;
            }
            .ivu-modal-wrap .ivu-modal{
                z-index:888889!important;
            }

            .ivu-message{
                bottom: 180px!important;
                z-index: 888888!important;
                top: auto!important;
                top: auto!important;
                left:-20px!important;
                right: auto!important;
                width: 250px!important;
                z-index: 888888!important;
            }
            .ivu-message-notice-content{
                background: rgba(5, 0, 0, 0.6);
                color: #fff;
            }
            .footers .content-info{
                width:860px;
            }
            #player-con-one{
                overflow:hidden;
            }
            #player-con-one video{
                background:#2faee3;
                padding: 0px;
                height:auto!important;
            }
            .prism-thumbnail img{
                display:none!important;
            }
            .list-bottom{
                display:block;
                background-color:rgba(147,73,44,0.8);
                line-height:35px;
                font-size:14px;
                font-weight:bold;
                position:relative;
                margin-top:-35px;
                width:100%;
                color:#fff;
                letter-spacing: 0.5px;
            }
            .content-eight{
                width: 100%;
                background:url(/skin/newIndex/videos/video-bg.jpg);
                background-repeat:no-repeat;
                background-size:100% auto;
                /*background-color: #beeef0;*/
                position: relative;
                /*height: 420px;*/
                display: block;

            }
            .content-eight .content-info{
                width:860px;
                margin:0 auto;
            }
            .storeimg-row img{
                border:3px solid #7f4027;
            }
            .title-bg-img{
                width: 18px;
                /* height: 25px; */
                position: relative;
                bottom: 0px;
                display: flex;
                align-items: flex-end;
            }
            .title-bg-img-box{
                display: inline-block;
                height: 20px;
                line-height: 0px;
                margin-left:5px;
            }