body .nav-back{
	    margin-top: 68px;
}
.corporation{

}


.menu{
    height:55px;
    line-height: 55px;
    position: fixed;
    top:70px;
    width: 100%;
    background: #fc645f;
    z-index:1;
    padding-left: 240px
}
.menu li{float:left;padding-left: 60px}
.menu li a{
    font-size: 15px;
    color:#550300;
}
.menu .actives a{
    color:#fff;
}

.show{    position: absolute;
    left: 0;width: 100%}
.fig-hide li{display: none}


#fp-nav ul li a.active font {
    display: block;
}
body .nav-up {
    top: 69px;
    transition: all .7s ease-in-out;
}
body .nav-down {
    top: 0;
    transition: all .7s ease-in-out;
}
.section3{
	background: #f0f0f0
}
.section3 .describe{
	margin-top: 90px;
	line-height: 189px
}
.section3 .describe p{
	    color: #fc645f;
	    font-size: 25px;
	    font-weight: 600
}
.top-up h2{
		display: none
}
.corporation{
	background: url('../img/backcor.png')
}
.section2 .fp-tableCell,.section3 .fp-tableCell,.section4 .fp-tableCell,.section5 .fp-tableCell{
	    display: inherit;
}
.nv-tit{
    font-size: 34px;
    font-weight: 500;
    color: #fc645f;
    text-align: center;
    padding-top: 138px;
}
.nv-tits{
	padding-top: 10px
}
.daili{
    height: 110px;
    line-height: 110px;
}
.bottom-c1{
	display: none
}
.bottom-c,.bottom-c1{
	width: 100%;
	height: 66px;
	background: #ededed
}
.daili li{
	float:left;
	text-align: center;
	width: 33%;
	font-size: 20px;
	font-weight: bold;
	color:#111;
}
	.nv3 {display: none}
.mobile-nav{display: none}
.contanin-cor{
	width: 1520px;
	margin: 0 auto;
	height: 100%
}
.left-cor,.right-cor{
	width: 440px;

}
.left-cor{
	float: left
}
.cor-hea{
	float: left;
    width: 380px;

    margin-left: 127px;

}
.section4 .nav{
    margin-top: 75px;
    height: 90px;
    line-height: 90px;
}
.cor-head{
    float: left;
    width: 380px;
    height: 100%;

}
.cor-head img{
	width: 100%
}
.right-cor{
	float: right;
}
.left-cor li,.right-cor li{
	margin-bottom: 44px;
	    float: right;
	        margin-right: 80px;
}
.right-cor li{
	float: left;
	margin-left: 80px;
}
.left-cor li p,.right-cor li p{
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    position: relative;
    border-radius: 30px;
}
.right-cor li p{
	text-align: left;
	text-indent: 50px
}
.left-cor li p:after{
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: -80px;
    top: -4px;
}
.right-cor li p:after{
	content: "";
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50%;
	overflow: hidden;
    position: absolute;
    left: -80px;
       top: -9px;
}
.right-cor li:nth-of-type(1) p:after{
	
	background:url(../img/cor11.png);
	background-size: cover
}

.right-cor li:nth-of-type(2) p:after{
	
	background:url(../img/cor22.png);
	background-size: cover
	
}
.right-cor li:nth-of-type(3) p:after{
	
	background:url(../img/cor33.png);
	background-size: cover
	
}
.right-cor li:nth-of-type(4) p:after{
	
	background:url(../img/cor44.png);
	background-size: cover
	
}
.right-cor li:nth-of-type(5) p:after{
	
	background:url(../img/cor55.png);
	background-size: cover
	
}
.left-cor li:nth-of-type(1) p:after{
	
	background:url(../img/cor1.png);
	background-size: cover
	
}
.left-cor li:nth-of-type(2) p:after{
	
	background:url(../img/cor2.png);
	background-size: cover
	
}
.left-cor li:nth-of-type(3) p:after{
	
	background:url(../img/cor3.png);
	background-size: cover
	
}
.left-cor li:nth-of-type(4) p:after{
	
	background:url(../img/cor4.png);
	background-size: cover
	
}
.left-cor li:nth-of-type(5) p:after{
	
	background:url(../img/cor5.png);
	background-size: cover
}
.left-cor li:nth-of-type(1) p,.right-cor li:nth-of-type(1) p{
	    width: 326px;
    background: #5b9bd5;
	
}
.left-cor li:nth-of-type(2) p,.right-cor li:nth-of-type(2) p{
	width: 287px;

	background: #ed7d31;
	
}
.left-cor li:nth-of-type(3) p,.right-cor li:nth-of-type(3) p{
	width: 233px;

	background:#a5a5a5;
	
}
.left-cor li:nth-of-type(4) p,.right-cor li:nth-of-type(4) p{
	width: 277px;

	background:#ffc000;
	
}
.left-cor li:nth-of-type(5) p,.right-cor li:nth-of-type(5) p{
	width: 300px;

	background:#4472c4;
	
}
.caption{
	width: 980px;
	height: 400px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:50%;
	margin-top: -260px;
	left:50%;
	margin-left: -490px
}
.capti h1{
	font-size: 40px;
	color:#f56661;
}
.capti:nth-of-type(1) h1{
	margin-top: 20px
}
.right-lead p{
	color:#fff;
	font-size: 45px;
	font-weight: 700
}
.right-lead p:nth-of-type(2){
	margin: 35px 0
}
.wap{
	background: #fff;
}
.nav{
	height: 150px;
	line-height: 150px;
		background: #fff;
	text-align: center;
}
.nav ul{
	    width: 1009px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    height: 150px;
}
.nav li{
	float:left;
	width: 190px;
	    margin: 0 73px;
}
.nav li a{
	font-size: 22px;
	color:#3c3c3c;
	padding-bottom: 10px;
	border-bottom:3px solid #f56661 
} 
.channel{
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.list-item{
		width: 1450px;
	margin: 0 auto;
	    clear: both;
    overflow: hidden;
        padding-bottom: 40px;
}
.channel ul{
	width: 100%;
	height: 100%
}
.channel li{
	float:left;
	width: 50%;
	height: 100%;
	background:#ededed 
}
.channel li div{
	    padding-left: 170px;
    padding-right: 49px;
}
.channel li:nth-of-type(2){
	height: 100%;
	opacity: 0
}
.channel li img{
	width: 100%;
	height: 100%
}
.nav{
	font-size: 25px;
	font-weight: bold;
	color:#fc645f;
	clear: both;
	overflow: hidden;
}
.channel-tit{
	margin-top: 180px
}
.channel-tit a{
	font-size: 30px;
    font-weight: bold;
    font-style:italic;
    padding-bottom: 10px;
    border-bottom: 1px solid #626262
}
.channer-item{margin-top: 56px;opacity: 0}
.channer-item a{
background: #fc645f;
    height: 40px;
    line-height: 40px;
    padding: 0 5px 0 18px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-right: 10px solid transparent;
    position: relative;
}
.channer-item a:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 40px solid #fc645f;
    border-right: 21px solid transparent;
    position: absolute;
    right: -31px;
    top: 0;
}
.channer-item p{
	font-size: 20px;
	margin-top: 10px
}
.img-list{
        width: 250px;
    height: 367px;
	background: #dcdcdc;
	margin-top: 20px;
	opacity: 0
}
.list-item li{
	float: left;
	margin-right: 175px;
	text-align: center;
}
.img-list img{
     padding: 4.5px 4px;
    width: 6rem;}
.list-item li:nth-of-type(1){margin-left: 160px}
.list-item li:nth-of-type(3){margin-right: 0}
.list-item li:nth-of-type(3) .img-list{
       width: 235px;
    height: 367px;
}
.list-item li:nth-of-type(3) .img-list img{
    width: 5.64rem;
}
.list-item li h2{
	font-size: 20px;
	font-weight: bold;
	color:#393939;
}
.list-item li p{
	font-size: 15px;
	color:#393939;
	margin:8px 0;
}
.describe{
	height: 150px;
	line-height: 150px;
	text-align: center;
	/*background: #f0f0f0*/
}
.product{
	margin-bottom: 100px;
/*	background: #f0f0f0*/
}
.describe ul{
	width: 1120px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.describe ul li{
	float: left;
	color: #fc645f;
	font-size: 20px;
	margin-left: 125px;
	    font-weight: 600;
}
.product ul,.auto{clear: both;overflow: hidden;width: 1200px;margin: 0 auto}
.auto{clear: both;overflow: hidden;width: 1200px;margin: 0 auto}
.auto div:nth-of-type(1),.auto div:nth-of-type(2){
	overflow: hidden;
}

.folio-image{
	float: left;
	width: 100%;
	height: 100%
}
.auto div:nth-of-type(2){
	float: right
}
.auto div img{
	width: 100%;
	height: 100%
}
.auto{
	margin-top: 6px
}
.product li{float: left;margin-right: 4px;    overflow: hidden;}
.product li:nth-of-type(1){
	width: 257px;
	height: 339px;
}
.product li:nth-of-type(2){
	width: 483px;
	height: 339px;
}
.product li:nth-of-type(3){
	width: 208px;
	height: 339px;
}
.product li:nth-of-type(4){
	width: 239px;
	height: 339px;
}
.product li:nth-of-type(4){margin:0;}
.product li:nth-of-type(5){
	display: none
}

.product li:nth-of-type(6) {
    width: 638px;
    height: 280px;
    margin-top: 5px;
}
.product li:nth-of-type(7) {
    width: 554px;
    height: 280px;
    margin-top: 5px;
}
.product li .folio-image img{
	width: 100%;
	height: 100%;
	display: block
}


.folio-item{position: relative;opacity: 0;width: 100%;height: 100%}
.folio-image{
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.folio-image img {
    width: 100%;
}




@media screen and (max-width: 640px) and (min-width: 320px){
	.swiper-containers .swiper-button-prev{
		background: url('../img/prevcor.png') no-repeat;
		background-size: contain;
		left:7px;
		    pointer-events: all!important;
		    -webkit-transition: -webkit-transform 0.2s ease-out;
            -moz-transition: -moz-transform 0.2s ease-out;
            -o-transition: -o-transform 0.2s ease-out;
            -ms-transition: -ms-transform 0.2s ease-out;
		z-index: 9
	}
	.xuan{
		-webkit-transform: rotateZ(180deg);
            -moz-transform: rotateZ(180deg);
            -o-transform: rotateZ(180deg);
            -ms-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
	}
	.swiper-containers .swiper-button-next{
		background: url('../img/nextcor.png') no-repeat;
		background-size: contain;
		right: 0px;
		pointer-events: all!important;
		    -webkit-transition: -webkit-transform 0.2s ease-out;
            -moz-transition: -moz-transform 0.2s ease-out;
            -o-transition: -o-transform 0.2s ease-out;
            -ms-transition: -ms-transform 0.2s ease-out;
		z-index: 8
	}
	.bottom-c{display: none}
	.product li .folio-image img{display: none}
	.product li:nth-of-type(2) .folio-image{
		    background: url(../img/it-6_03.png);
    width: 12.4rem;
    height: 6rem;
    background-size: cover;
	}
	.product li:nth-of-type(3) .folio-image{
	    background: url(../img/it-6_07.png);
    width: 4.1rem;
    height: 6.2rem;
    background-size: cover;
	}
	.product li:nth-of-type(4) .folio-image{
    background: url(../img/it-6_09.png);
    width: 4.1rem;
    height: 6.2rem;
    background-size: cover;
	}
	.product li:nth-of-type(5) .folio-image{
    background: url(../img/it-6_11.png);
    width: 4.1rem;
    height: 6.2rem;
    background-size: cover;
	}
	.product li:nth-of-type(6) .folio-image{
        background: url(../img/it-6_17.png);
    width: 12.4rem;
    height: 5rem;
    background-size: cover;
	}
	.product li:nth-of-type(7) .folio-image{
       background: url(../img/it-6_21.png);
    width: 12.4rem;
        height: 4.6rem;
    background-size: cover;
	}
	/*.product li:nth-of-type(6) .folio-image{
    background: url(../img/it-6_09.png);
    width: 3.6rem;
    height: 6.2rem;
    background-size: cover;
	}*/
	
	.bottom-c1{
		display: block
	}
.top-up h2{
	display: block;

    font-size: 1rem!important;

}
.left-cor h2{
	text-align: right!important;
}

.channel li div{
    padding: 20px 0 14px 0;
    margin: 0;
}
	
.nv-titss {
    font-size: .9rem;
    font-weight: 700;
    padding-top: 95px;
    width: 72%;
    margin: 0 auto;
     color: #fc645f;
    text-align: center;
}
.nv-tit{display: none}
.nv-tits{
	 padding-top: 15px;
}
.daili{display: none}
	.cor-hea{
		position: relative;
	    float: inherit;
	    width: 100%;
	    height: 100%;
	    margin: 50px  0 0 0;
	        z-index: 99999999999999999999999999;
	}
	.nv2 {display: none}
	.nv3 {
		display: block;
float: right;
    float: right\9;
    margin-right: 70px;
    position: relative;
    width: 1.34rem;
    height: 1.34rem;
    line-height: 0;
    margin-top: 5px;
}
.nv3 a{
    width: .8rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 0.4rem;
    display: block;
}
.nv3 a:nth-of-type(1){
    color: #111;
    position: relative;
    z-index: 5
}
.nv3 a:nth-of-type(2){
    position: absolute;
    right: 0;
    bottom: 0;
    background: transparent;
}
	.corporation{
		height: auto!important
	}
	.nav-back{
		display: none
	}
	.contanin-cor{
		width: 100%
	}

	.left-cor,.right-cor{
      float: inherit;
    width: 11.8rem;
    height: 100%;
    padding-top: 0;
    margin: 0 auto;
    margin-top: 1.8rem;
  
}
.left-cor{
	float:left;

}
.left-cor li p,.right-cor li p{
	height: 1.55rem;
	line-height: 1.55rem;
	 font-size: .55rem
}
.left-cor li:nth-of-type(1) p, .right-cor li:nth-of-type(1) p{
	          width: 8rem;

    
   
}
.left-cor li:nth-of-type(2) p, .right-cor li:nth-of-type(2) p{
	 width: 7.6rem;
}
.left-cor li:nth-of-type(3) p, .right-cor li:nth-of-type(3) p{
	width: 6.3rem
}
.left-cor li:nth-of-type(4) p, .right-cor li:nth-of-type(4) p{
	width: 7.36rem
}
.left-cor li:nth-of-type(5) p, .right-cor li:nth-of-type(5) p{
	width: 7.97rem
}
.left-cor li p:after{
	    width: 1.86rem;
    height: 1.86rem;
    right: -2.2rem;
}
.right-cor li p:after{
	   width: 1.86rem;
    height: 1.86rem;
    left: -2.2rem;
    top:50%;
    margin-top: -0.93rem
}
.left-cor li:nth-of-type(1) p:after,.left-cor li:nth-of-type(2) p:after,.left-cor li:nth-of-type(3) p:after,.left-cor li:nth-of-type(4) p:after,.left-cor li:nth-of-type(5) p:after{
	background-size: cover
}
.right-cor li:nth-of-type(1) p:after,.right-cor li:nth-of-type(2) p:after,.right-cor li:nth-of-type(3) p:after,.right-cor li:nth-of-type(4) p:after,.right-cor li:nth-of-type(5) p:after{
	background-size: cover
}
.left-cor li, .right-cor li{
	    margin-right: 2.14rem;
	    margin-bottom: 30px
}
.cor-head{
	 float: inherit;
	     width: 10.88rem;
	     height: auto;
	     margin:10px auto 0 auto ;
	     position: relative;
	     z-index: 999999999
}
.cor-head img{
	width: 100%;
	    display: block;
}
.right-cor{
	 float: inherit;
	 margin-top: 1.9rem;
	 margin-bottom: 2rem;
	 position: relative;
	 z-index: 333
}
.right-cor h2{
	text-align: left!important;
	text-indent: .7rem
}
.mobile-nav{
	display: block;
	height: 4rem;
	line-height: 4rem;
	    background: #c6c6c6;
	    text-align: center;
}
.mobile-nav a{
	font-size: .65rem;
	font-weight: 700;
	color: #3c3c3c;
    padding-bottom: 10px;
    border-bottom: 3px solid #f56661;
}
  header{
    padding:8px 0 ;
} 
.nv1{
    display: none
} 
.header .logo {
    margin-left: 30px;
}
.ghh {
    float: right;
    width: 48px;
    height: 38px;
    margin-right: 30px;
    margin-top: 7px;
    border: 2px solid #ED6C00;
    text-align: center;
    border-radius: 5px;
}
.ghh {
    width: 40px;
    height: 30px;
    border: none;
}
.gh {
    float: right;
    width: 34px;
    margin-top: 17px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    display: table;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a {
    background-color: #ED6C00;
    display: block;
    height: 4px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    width: 100%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a {
    margin-top: -6px;
    height: 3px;
}
.gh a:after, .gh a:before {
    background-color: #ED6C00;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    content: " ";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a:before, .gh a:after {
    height: 3px;
}
body,html{overflow-x:hidden;overflow-y:auto  }
.gh a:before {
    top: -7px;
}
.gh a:after {
    top: 7px;
}
.nav{
	font-size: .8rem;
	    height: 4rem;
    line-height: 4rem;
    background: #ededed;
        margin-top: 63px!important;
        padding-top: 20px
}
.nav ul{
	width: 100%;
	height: 4rem;
}
.nav li{
	width: 30%;
	text-align: center;
	margin:0; 
}

.nav li:nth-of-type(1){
	width: 39%
}
.channel li:nth-of-type(2){
	display: none
}
.channel{
	width: 92%;
	height: auto!important;
	    padding-bottom: 36px;
}
.section2{
	width: 100%;
	height: 100%;
background:url(../img/corx.png);
background-size: cover
}
.channel li {
    float: inherit;
    width: 100%;
    background: transparent;
    color: #fff;
}
.channel-tit a{
    font-size: .85rem;
    color: #fff;
}
.nav li a{
	font-size: .6rem
}
.caption{
	width: 100%!important;
	left: 0;
    margin-left: 0;
    height: 9rem;
    top:50%;
        margin-top: -6.5rem;
}
.capti h1{
	font-size:1rem;

}
.right-lead p{
	font-size:1rem;
}
.channer-item p{
	font-size: .6rem
}
.channel-tit {
    margin-top: 38px;
}
.section4{
	margin-top: 40px
}
.wap{
	    background: #ededed;
}
.channer-item{margin-top: 25px;}
.padnav{
    text-align: left;
    width: 83%!important;
    margin: 0 auto;
    line-height: 1.5rem;
    margin-top: 0px!important;
    text-align: center;
}
.list-item{
	width: 100%
}
.list-item li {
    float: inherit;
        width: 60%;
    margin-left: 50px!important;
    margin-top: 20px!important;

    margin-right: 15px!important;

}
.list-item li:nth-of-type(3){margin-right: 65px!important}
/*
.list-item li:nth-of-type(1){
	margin-left: 95px!important;

}*/
.list-item li div {
    margin: 0 auto;
    width: 9rem;
    height: 13.1rem;
}
.list-item li:nth-of-type(3) .img-list{
    width: 9rem;
    height: 13.2rem;
}
.describe{
    height: 2.2rem;
    line-height: 1.5rem!important;
    margin-top: 25px!important;
}
.section3 .describe p {

    font-size: .8rem;

}
.describe ul{
	width: 100%
}
.product li:nth-of-type(5){


    width: 4.1rem;
    margin-left: 33px;
    height: auto;
    margin-top: 2px;display: block}
.product li:nth-of-type(6),.product li:nth-of-type(7){
	    width: 12.4rem;
    margin: 0 auto;
    height: auto;
    margin-top: 2px;
}
.list-item li:nth-of-type(3) .img-list img{
    width: 8.1rem!important;
}
.img-list img {
    width: 8.5rem!important;
}
.describe ul li {

    color: #fc645f;
    font-size: .7rem;
    margin-left: 0;
    padding: 0 10px;

}
.product ul{
	width: 100%
}
.product li {
    float: inherit;
    margin-right: 0;
}
.product li:nth-of-type(1){
	display: none
}
.product li:nth-of-type(2){
	width: 12.4rem;
	margin: 0 auto;
	height: auto
}
.product li:nth-of-type(2) img{
	width: 100%
}
.product li:nth-of-type(3){
    float: left;
    width: 4.1rem;
    margin-left: 1.78rem;
    margin-top: 2px;
    height: auto;
    margin-right: 2px;
}
.product li:nth-of-type(4){
    float: left;
    margin-top: 2px;
    width:4.1rem;
    height: auto;

    margin-right: 2px;
}
.product{
	margin-bottom: 50px
}
}
@media screen and ( min-width:600px ) and ( max-width:1200px ) {
	.product li:nth-of-type(1) {
    width: 166px;
    height: 209px;
}
.product li:nth-of-type(2) {
    width: 349px;
    height: 209px;
}
.product li:nth-of-type(3) {
    width: 128px;
    height: 209px;
}
.product li:nth-of-type(4) {
    width: 153px;
    height: 209px;
}
.product li:nth-of-type(6) {
    width: 443px;
    height: 191px;
    margin-top: 5px;
}
.product li:nth-of-type(7) {
    width: 361px;
    height: 192px;
    margin-top: 5px;
}
}

@media screen and ( min-width:1460px ) and ( max-width:2000px ) {
.swiper-wrapper{
		clear:both;
		overflow: hidden;
	}

	.inne{
		    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
}

@media screen and ( min-width:1200px ) and ( max-width:1460px ) {
	.cor .section1 .fp-tableCell{
		padding-top: 100px;
	}
	.cor .section1 .hr{
	    margin: 40px auto 0;
	}
	.cor .section1-img{
	    margin: 3% auto 0;
	}
	.cor .section-left{
		width: 605px;
    	height: 492px;
	}
	.cor .section2 ul{
		height: 492px;
	    margin-top: -210px;
	}
	.section3 h3, .section4 h3, .section5 h3{
		    margin-top: 100px!important;
	}
	.cor .lfet-game,.cor .right-game{
	    margin: 2% 0 3%!important;
	}
	.cor .section3-game-tit{
		margin:3% auto!important; 
	}
	.cor .section4-red{
	    width: 1000px;
		height: 399px;
		    margin: 3% auto 0;	
	}
	.cor .section4-red-img{
		width: 600px;
    	height: 399px
	}
	.cor .hide-img{
		display: none
	}

	.cor .section5-red {
	    margin: 2% auto 0;
	}
	/**/
}