.w{
	width: 1200px;
	margin: 0 auto;
}
footer{
	margin-top: 0;
}
.fimgc{
    display:none;
}
.mobcen{
    display:none;
}
.mul{
    display:none;
}
.header{
	display:block;
}
.ghh{
    display: none;
}
.protitle-phone{
	display: none;
}

.checkcode,.copyright{
    color:#fff;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiperOuter{
	width: 1150px;
	height: 700px;
}
.protitle{
	width: 1150px;
	margin: 0 auto;
	margin-top:30px;
}
.protitle img{
	width: 100%;
}
.swiper-container-horizontal>.swiper-scrollbar{
	height: 1px!important;
}
.mmedia{
    display:none;
}
.swiper-scrollbar-drag{
	background-color: #fc645f!important;
	top: -2px!important;
	height: 5px!important;
}

.jingpin{
    margin-top:70px;
}
.section6{
    background-color: #f5f5f5;
}
.swiper-slide{
    background-color: #f5f5f5;
}
.pw ul li{
    display:block!important;
}
.swiper-slide li{
	width: 250px;
	height: 290px;
	background-color: #fff;
	float: left;
    margin-right:50px;
	box-sizing: border-box;
	position: relative;
    margin-bottom: 20px;
}
.swiper-slide li p{
    height:40px;
    line-height:40px;
    text-align: center;
    font-family:'微软雅黑';
}

.picon{
    width:250px;
    height:250px;
}
.swiper-slide li img{
	width: 100%;
	height: 100%;
}

.inimg img{
    display:block;
    width:100%;
    height:100%;
}
.mask{
	position: absolute;
	background-color: rgba(205,84,80,.8);
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
}
.fot-rit div{
	width: 113px;
	height: 113px;
}
.nv1{
    display:block;
}
.mask a{
	width: 150px;
	position: absolute;
	display: block;
	border: 2px solid #fff;
	border-radius: 3px;
	text-align: center;
	padding: 5px 10px;
	margin-left: -87px;
	left: 50%;
	color: #FFFFFF;
}


.mask a:nth-child(2){
	top: 50%;
}
.mask a:nth-child(3){
	top: 70%;
}
.maskimg{
display:none;
}
.procode{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -50px;
}
.procode img{
	width: 100%;
}
.gameName{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
	padding: 5px 0;
}

.firpart{
	width: 100%;
	height: 900px;
    padding:100px 0;
	background-color: #FFFFFF;
    position: relative;
}

.fircon {
    height:700px;
    position:relative;
}

.center1{
    width: 752px;
    height: 550px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-376px;
    margin-top: -225px;
    display:none;
    z-index: 10;
}
.center1 img{
    width: 100%;
    height: 100%;
}
.cir{
    position:absolute;
    display: none;
}
.cir img{
    width:100%;
    height:100%;
}
.cir1{
    width:218px;
    height:80px;
    top: 158px;
    left:44px;
}
.cir2{
    width:230px;
    height:93px;
    top: 353px;
    left: -17px;
}
.cir3{
    width:210px;
    height:78px;
    top: 548px;
    left: 56px;
}
.cir4{
    width:218px;
    height:80px;
    top: 150px;
    right:29px;
}
.cir5{
    width:259px;
    height:112px;
    top: 348px;
    right: -38px;
}
.cir6{
    width:218px;
    height:80px;
    top: 551px;
    right:38px;
}

.secleft,.secright{
   float:left;
    width:50%;
    height:516px;
    position:relative;
}
.ulcon{
    float:right;
}
.leimg{
    float:left;
    width:40%;
    margin-top: 20%;
    margin-left:20%;
}

.secleft .ulcon{
    float:right;
    width:60%;
}
.leimg img{
    width:100%;
}

.secleft ul li{
    position: absolute;
    right:4%;
}

.rtimg{
    width:40%;
    margin-top: 20%;
    margin-left:43%;
}
.rtimg img{
    width:100%;
}
.secright ul {
    width:60%;
}
.secright ul li{
    position:absolute;
    left:4%;
}
.af{
    width:100%;
    height: 100%;
    padding-top:150px;
    position:relative;
    background:url('../lexiang-img/wy3.png') no-repeat bottom;
    background-size:contain;
}
.aftit{
    width:342px;
    height:38px;
    margin:0 auto;
}
.afctop ul{
    width:960px;
    height:170px;
    margin:0 auto;
    margin-top:50px;
}
.afctop li{
    width:240px;
    height:168px;
    float:left;
}
.afctop li img{
    margin-left:5px;
}
.afctop li:last-child img{
    margin-left: 23px;
}
.mobsho{
    display:none;
}
.afctop li p{
    font-family: '微软雅黑';
    font-size:18px;
    font-weight:600;
    margin-top:15px;
}
.wybg5{
    width:100%;
    height:100%;
    position: absolute;
}
.wybg5 img{
    width:100%;
    height:100%;
}
.afcbot{
    width:738px;
    height:491px;
    position: absolute;
    left:50%;
    margin-left: -369px;
    bottom:0;
}
.afcbotc{
    width:100%;
    height:100%;
    position:relative;
}
.afcbotc>div{
    position:absolute;
}
.hzmedia{
    width:1150px;
    margin: 0 auto;
    height:316px;
}

.hzmedia>div:first-child{
    width:400px;
    height:315px;
    float: left;
}
.hzmedia>div:nth-child(2){
    width:750px;
    float: left;
}
 .hzmedia p{
    font-size: 28px;
    text-align: center;
    color:#fc6661;
    margin-bottom:20px;
 }
 .hzmedia li{
        font-size: 20px;
    position: relative;
    box-sizing: border-box;
    padding-left: 96px;
    margin:15px 0;
 }
    
 .hzmedia span{
        width: 6px;
    height: 6px;
    background-color: #fc6661;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    border-radius: 50%;
    margin-left: -13px;
 } 

 .hzmediar ul li{
    width:373px;
    float:left;
    margin-top:0;
    margin-bottom:8px;
}  
 .hzmediar ul li:last-child{
    width:445px;
 }
.timg {
    width: 540px;
    /* height: 350px; */
    margin-left: -270px;
    left: 50%;
    z-index: 9;
    /* left: 50%; */
}
.bimg{

        width: 166px;
    margin-left: -83px;
    left: 50%;
}
.afcbotc>div:last-child{
    bottom:0;
}
.afcbotc>div>img{
    width:100%;
    height:100%;
}
.as{
    width:100%;
    height:100%;
    padding-top:150px;
    position:relative;
}
.astitle{
    width: 290px;
    height: 60px;
    margin:0 auto;
}
.ascont ul {
    width: 1230px;
    margin:0 auto;
    margin-top: 50px;
}
.ascont ul li{
    float: left;
    width: 300px;
    margin-right:10px;
    height:504px;
    display:none;
}
.ascont ul li img{
    width: 100%;
    height:100%;
}
.ascont ul li:last-child{
    margin-right:0px;
}
.ascont li p{
    text-align:center;
    font-size: 22px;
    color:#939393;
    margin-bottom:16px;
}
.ascont li span{
    color:#fc645f;
    font-size:32px;
}
.aftop ul li{
    display:none;
}
.afcbotc>div{
    display:none;
}
.medintro p{
    color:#989898;
    text-align: center;
    font-size: 20px;
}
.medintro p:last-child{
    margin-bottom:50px;
}
.secpart{
	height: 700px;
	background-color: #f3f3f3;
	padding:170px 0;
    padding-top: 100px;
}

.secptitle{
	width:498px;
	margin: 0 auto;

}

.one{
    top: 10%;
}
.two{
    top:35%;
}
.three{
    top:60%;
}
.four{
    top:85%;
}
.five{
    top:110%;
}


.thipart{
	height: 1090px;
	background-color: #fff;
}
.thiptitle{
	width: 371px;
	margin: 0 auto;
    margin-bottom: 65px;
    margin-top:70px;
}

.thicontentP{
	height:764px;
}
.thileft{
    float:left;
    width:600px;
    margin-top: 200px;
}
.thileft img{
    width: 100%;
}

.thiright{
    float:right;
    width:600px;
}

.thiright ul li {
    width:636px;
    margin-bottom:70px;
}

.thiright>ul>li p:first-of-type{
    font-size:34px;
    font-weight:900;
    font-family:'微软雅黑';
    color:#404040;
    margin-bottom:10px;
}
.thiright>ul>li p:last-of-type{
    font-size:22px;
    color:#494949;
    font-family:'微软雅黑';
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 500;
}
.tlimg{
    width:400px;
    margin-left:60px;
}
.th img{
    width:100%;
}
.forpart{
	height: 900px;
	background-color: #F3F3F3;
    padding:100px 0;
}
.thititle{
    width:310px;
    margin:0 auto;
    margin-bottom:10px;
}
.thititle img{
    width:100%;
    height:100%;
}
.forcont{
    position:relative;
}
.cenimg{
    position:absolute;
    width:270px;
    left:50%;
    margin-left: -135px;
}
.inimg{
    width:100%;
    height:100%;
}
.cenimg img{
    width:100%;
}
.address-phone{
    display:none;
}
.fb img{
    width:100%;
    height:100%;
}
.fb{
    position:absolute;
}
.fb1,.fb2,.fb3{
    width:380px;
    height:86px;
}
.fb1{
    top: 45px;
    left:0px;
}
.fb2{
    top: 227px;
    left:0px;
}
.fb3{
    top: 408px;
    left:0px;
}

.fb4{
    width:450px;
    top: 45px;
    right:-44px;
}
.fb5{
    width:290px;
    top: 300px;
    right:116px;
}
.mcont{
    display:none;
}

.fivpart{
	height: 900px;
    padding-top: 180px;
    background: url('../lexiang-img/wBG.png') repeat;

}

.fivtitle{
    width:241px;
    margin :0 auto;
    margin-bottom: 120px;
}
.fivtitle img{
    width:100%;
}
.newscont{
    width:1150px;
    height:185px;
}
.newscont li{
    width:300px;
    height:185px;
    float:left;
    margin:0 41px;
}
.inimg{
    position:relative;
    height:185px;
    background-color: #99e6d6;
}
.subtit{
    position:absolute;
    width:100%;
    height:30px;
    background-color: rgba(0, 0, 0, 0.5);
    bottom:0;
    text-align: center;
    color:#fff;
    line-height: 30px;
}
.newcon{
    height:185px;
    box-sizing: border-box;
    padding:0 20px;
    padding-top: 30px;
    padding-left:40px;
    background-color: #fff;
}

.newcon p{
    font-size:18px;
    margin-bottom: 10px;
}
.w2{
    width:1200px;
    margin: 0 auto;
}
.swipertitle{
    border-left: 10px solid #ffa800;
    padding-left:20px;
    height:35px;
    font-size:30px;
    line-height: 35px;
    color: #26b6c6;
}
.botprod{
    width:1200px;
    height: 370px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom: 50px;
}
.swiper-container{
    background-color: #f5f5f5;
}
.botprod ul{
    height:120px;
}
.botprod ul li{
    width:100px;
    height:100px;
    float:left;
    margin-right: 30px;

}

.gamecon{
    width:1200px;
    height:410px;
    position:relative;
}
.gamecon div{
    position:absolute;
}
.gamecon img{
    width:100%;
    height:100%;
}
.gam2,.gam4,.gam5,.gam6{
    width:220px;
    height:200px;
}
.gam1{
    width:450px;
    height:410px;
    left: 236px;
}
.gam3{
    width:450px;
    height:202px;
    right:0;
}
.gam4{
    bottom:0;
}

.gam5{
    right:230px;
    bottom:0;
}
.gam6{
    right:0;
    bottom:0;
}


.finalp{
    width:100%;
    background-color: #f5f5f5;
    height:800px;
}
.botprod ul li:first-child{
    margin-left:50px;
}
.botprod ul li:last-child{
    margin-right:0;
}
.botprod img{
    width:100%;
    height:100%
}




/*animation*/
.show{
	opacity: 1;
	transition: all 1s;
}

.hide{
	opacity: 0;
	transition: all 1s;
}
.advice p:first-child{
	margin-bottom: 2px;
}
footer .copyright{
	margin-top: 3%;
}
.address{
	margin-top: 2%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiperOuter{
    width: 1150px;
    height: 500px;
}
.protitle{
    width: 1150px;
    margin: 0 auto;
    margin-top:30px;
}
.protitle img{
    width: 100%;
}
.swiper-container-horizontal>.swiper-scrollbar{
    height: 1px!important;
}
.swiper-scrollbar-drag{
    background-color: #fc645f!important;
    top: -2px!important;
    height: 5px!important;
}

.swiper-slide li{
    width: 250px;
    height: 250px;
    background-color: aquamarine;
    float: left;
    margin :0 60px;
    box-sizing: border-box;
    border: 5px solid #ccc;
    position: relative;
    border-radius:50%;
    margin-bottom:50px;
}
.swiper-slide li img{
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.swiper-slide li:nth-child(n+1){
    margin-top: 20px;
}
.swiper-slide li:nth-child(3n+0){
    margin-right: 0px;
}

.fot-rit div{
    width: 113px;
    height: 113px;
}
.cenper{
    width:494px;
    height:494px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left: -247px;
    margin-top:-192px;

    transform: rotate(75deg);
    transform-origin:50% 100%;

    -ms-transform: rotate(75deg);       /* IE 9 */
    -ms-transform-origin:50% 100%;       /* IE 9 */

    -webkit-transform: rotate(75deg);   /* Safari 和 Chrome */
    -webkit-transform-origin:50% 100%;   /* Safari 和 Chrome */

    -moz-transform: rotate(75deg);      /* Firefox */
    -moz-transform-origin:50% 100%;      /* Firefox */

    -o-transform: rotate(75deg);        /* Opera */
    -o-transform-origin:50% 100%;

}
.rota{
    transform: rotate(0deg);
    transform-origin:50% 100%;

    -ms-transform: rotate(0deg);       /* IE 9 */
    -ms-transform-origin:50% 100%;       /* IE 9 */

    -webkit-transform: rotate(0deg);   /* Safari 和 Chrome */
    -webkit-transform-origin:50% 100%;   /* Safari 和 Chrome */

    -moz-transform: rotate(0deg);      /* Firefox */
    -moz-transform-origin:50% 100%;      /* Firefox */

    -o-transform: rotate(0deg);        /* Opera */
    -o-transform-origin:50% 100%;

    transition:all .7s;
}
.mask a{
    width: 80px;
    position: absolute;
    display: block;
    border: 2px solid #fff;
    border-radius: 3px;
    text-align: center;
    padding: 2px 10px;
    margin-left: -50px;
    left: 50%;
    color: #FFFFFF;
}
.mask a:nth-child(2){
    top: 60%;
}
.mask a:nth-child(3){
    top: 80%;
}
.sul{
    margin-top: 20px;
}
.tul{
    margin-top:20
}
.procode{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top:-50px;
}
.procode1{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top:-100px;
}
.procode img{
    width: 100%;
}
.gameName{
    position: absolute;
    bottom: -34px;
    width: 100%;
    text-align: center;
    z-index: 10;
    padding: 5px 0;
}

.show{
    opacity: 1;
    transition: all 1s;
}

.hide{
    opacity: 0;
    transition: all 1s;
}
.newd{
    width:1200px;
    margin:0 auto;
        clear: both;
    overflow: hidden;
    height:430px;
}
.newd li{
    width:33%;
    float:left;
}
.newd li img{
    width:100%;
    height:100%;
}
.newd div,.newr div{
    height:100px;
    width:416px;
}
.newdl div p{
    font-size: 18px;
    text-align:right;
    margin-top:1px;
    width:350px;
}
.newdl div p:first-child{
    font-size:22px;
    color:#111;
    font-weight: 600;
    margin-top:80px;
    text-align:right;
    margin-bottom: 8px;
}
/*.newdl div p:last-child{
    font-size: 18px;
    text-align:right;
    margin-top:7px;
    width:350px;
}*/

.newdr div p{
    font-size: 18px;
    margin-top:1px;
}
.newdr div p:first-child{
    font-size:22px;
    color:#111;
    font-weight: 600;
    margin-top:80px;
}


#pic{
    width:430px;
    height:430px;
}
#pic img{
    width: 100%;
    height: 100%;
}

/*full*/
.secpart{
    height:100%;
}
.stitle{
    margin-top:50px;
}
.thiptitle{
    margin-top:150px;
}
.newd{
    height:345px;
}
.newdr div p:first-child {
    font-size: 22px;
    color: #111;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom:7px;
    }

.newdl div p:first-child {
    font-size: 22px;
    color: #111;
    font-weight: 600;
    margin-top: 40px;
    text-align: right;
}
.forpart{
    height:100%;
}
.thititle{
    margin-top:50px;
}
.fivpart{
    height:100%;
}
.fivtitle{
    margin-top:0 ;
}

.botprod {
    width: 1200px;
    height: 51%;
    margin: 0 auto;
    margin-top: 199px;
    margin-bottom: 50px;
}
.ltit{
    float:left;
}
.more {
    float:right;
}
.more a{
    color: #ffa800;
    font-size:18px;
}

footer{
    height:49%;
}

.sectionf2{
    background-color: #f5f5f5;
}
.swiper-slide{
    background-color: #f5f5f5;
}
.gamecon{
    height:530px;
}
.gam1{
    height: 530px;
}
.gam3{
    height:257px;
}
.gam2, .gam4, .gam5, .gam6 {
    width: 220px;
    height: 257px;
    }

.pw{
    width:1200px;
    margin:0 auto;
}
.pw>ul{
    width:100%;
    height: 310px;
}
.pw>ul>li{
    float:left;
    width:200px;
    height:310px;
    margin-right:39px;
    position:relative;
    overflow:hidden;
}
.pw .mask{
    background-color: rgba(0, 0, 0, 0.498039);
    opacity:1;
    transform:translateX(200px);
}
.pw>ul>li img{
    width: 100%;
    height: 100%;
}
.pw ul:last-child{
    margin-top:20px;
}
.maskcon{
    width:180px;
    margin:0 auto;
    margin-top:100px;
}
.mask div,.mask p{
    color:#fff;
}



.fdiv{
    height:46px;
}
.intro{
    width: 61px;
    float: left;
    height: 39px;
    font-size: 12px;
}
.introc{
    width: 119px;
    height: 39px;
    float: right;
    font-size: 12px;

}
.intros{
    width:61px;
}
.newd .rann{
    width:250px;
    height:250px;
    margin-left:53px;
    margin-top:53px;
}
.midimg{
    width:1200px;
    margin:0 auto;
    margin-top:20px;
}
/*animate*/
.secleft ul li,.secright ul li,.rtimg,.leimg,.newd li,.midimg,.forcont div,.newscont li{
    display:none;
}

.pw .movein{
    transform:translateX(0px);
    transition:all .7s;
}
.pw .moveout{
    transform:translateX(200px);
    transition:all .7s;
}
.swipertitle{
    margin-bottom:70px;
}
/*full*/
@media only screen and (min-width:1401px) and (max-width:1600px){
	.fircon{
		margin-top:-50px;
	}
	.stitle{
		margin-top:0;
	}
	.af{
		padding-top:100px;
	}
	.fivtitle{
		margin-bottom:60px;
	}
	.botprod{
		margin-top:115px;
	}
}
@media only screen and (min-width:1000px) and (max-width:1400px){
	
    .secpart{
        padding-top:50px;
        height:85rem;
    }
    .pw{
        margin-top:-30px;
    }
    .pw ul{
        width:780px;
        height:200px;
        margin: 0 auto;
    }
    .pw>ul>li {
        float: left;
        width: 143px;
        height: 213px;
        margin-right: 12px;
        position: relative;
        overflow: hidden;
    }
    .pw>ul>li p{
        font-size: 12px;
    }
    .af{
        padding-top: 80px;
    }
    .afctop{
        width:1000px;
        margin:0 auto;
    }
    .afctop ul{
        margin-top:12px;
    }
    .afctop ul li p{
        margin-top:0;
    }
    .afcbot{
	height:551px;
}
   .timg {
    width: 374px;
    margin-left: -187px;
    left: 50%;
    z-index: 9;
    top: 32%;
}
    .bimg {
        width: 148px;
        margin-left: -79px;
        left: 50%;
    }
    .forcont{
        margin-top:-40px;
    }
    .thititle{
        margin-bottom:5px!important;
    }
    .as{
        padding-top:80px;
    }
    .ascont ul {
        width: 900px;
        margin: 0 auto;
        margin-top: 35px;
    }
    .ascont ul li {
        float: left;
        width: 200px;
        margin-right: 33px;
        height: 336px;
        display: none;
    }
    .ascont ul li:last-child{
        margin-right:0;
    }
    .maskcon{
        width:136px;
        margin:0 auto;
        margin-top: 40px;
    }
    .intro {
        width: 61px;
        float: left;
         height: auto;
        font-size: 12px;
    }
    .fdiv{
        height:78px;
    }
    .af{

    }


    .introc{
        width:75px;
    }
    .thiptitle{
        margin-top: 90px;
        margin-bottom:0;
    }
    .newdl div{
        margin-left: 80px;
    }
    .newdl div p:last-child {
        margin-top:8px;
    }
    .newdr div p:last-child{
        margin-top: 8px;
    }
    .newd .rann{
        width: 200px;
        height:200px;
        margin-left: 110px;
    margin-top: 62px;
    }
    .midimg{
        width:700px;
        margin-top:-20px;
    }
    .thititle{
        margin:0 auto;
        margin-bottom:20px;
    }
    .forpart{
        padding-top:75px;
    }
    .cenimg {
        position: absolute;
        width: 214px;
        height: 428px;
        left: 50%;
        margin-left: -107px;
    }
    .cenimg img{
        height:100%;
    }
    .fb1,.fb2,.fb3{
        width:210px;
        height:53px;
    }
    .fb2{
        width:216px;
    }
    .fb4,.fb5{
        width:234px;

    }
    .fb1{
        left:227px;
    }
    .fb2{
        left:223px;
        top:170px;
    }
    .fb3{
        width: 210px;
        left: 228px;
        top: 300px;
    }
    .fb4{
        width:268px;
        top: 59px;
        right: 150px;
    }
    .fb5{
        width:167px;
        top:200px;
        right:251px;
    }
    .fivpart{
        padding-top:75px;
    }
    .fivtitle{
        margin-bottom:40px;
    }
    .gamecon{
        height:470px;
    }
    .swipertitle{
        margin-top: 84px;
        margin-bottom: 7px;
    }
    .gam2, .gam4, .gam5, .gam6{
        width: 212px;
        height: 231px;
    }
    .gam1 {
        height: 470px;
        width: 457px;
        left: 222px;
    }
    .gam3 {
    height: 231px;
    width: 459px;
    right: 0;
    }


    .gam5{
        width:228px;
    }
    .gam6{
        width:220px;
    }
    .afctop li{
        text-align: center;
    }
    .newscont li{
        margin:0 50px;
    }
    .newscont li:last-child{
        margin-right: 0;
    }
    .afctop{
        margin-top:2%;
    }


    .foot .fot-lft .top-fot{
        margin-top:60px;
    }
    .corpCon{
        height:20px;
    }
    .main-cont{
        top:30%;
    }
    .fot-rit{
        margin-top: 20px;
    }
    .botprod{
        height: 47%;
        margin-top: 10%;
        margin-bottom: 1%;
    }

    .botprod .w2{
        margin-bottom:0!important;
        margin-top:;
    }
    .botprod ul {
        height: 80px;
        width:1010px;
        margin:0 auto;
    }
    .botprod ul li {
        width: 80px;
        height: 80px;
        float: left;
        margin-right: 30px;
    }
    .botprod .sul{
        margin-top:10px;
    }
    .botprod .tul{
        margin-top: 10px;
    }

    .copyright,.address{
        margin-top:20px!important;
    }
    footer{
        height:39%;
    }
    footer .fot-rit {
        margin-top: 60px;
    }

    .fot-rit div {
        width: 120px!important;
        height: 120px!important;
        /*margin-left:34px;*/
    }
    .firpart{
        height:100%;
        padding-top: 54px;
    }

    .center1 {
        width: 600px;
        height: 438px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -300px;
        margin-top: -225px;
        display: none;
        z-index: 10;
    }
    .fircon{
        height: 500px;
    }
    .cenper {
        width: 400px;
        height: 400px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -199px;
        margin-top: -204px;
    }
    .cenper img{
        width: 100%;
        height: 100%;
    }
    .cir1{
        top: 50px;
        left: 119px;
    }
    .cir2{
        top: 198px;
        left: 65px;
    }
    .cir3{
        top: 354px;
        left: 135px;
    }
    .cir4{
        top: 50px;
        right: 116px;
    }
    .cir5{
        top: 201px;
        right: 34px;
    }
    .cir6{
        top: 347px;
        right: 115px;
    }
    .botprod .w2{
        width:1000px;
    }
}










@media only screen and (max-width:1300px) {
	.protitle{
		margin-top: 70px;
	}
    .secptitle{
        width:400px;
    }
    .secptitle img{
        width:100%;
    }
    .stitle {
        margin-top: 37px;
    }
	.swiper-slide li{
		width: 290px;
		height: 290px;
		margin: 0 45px;
	}
    .cenimg{
        width: 200px;
        height: 390px;
    }
    .cenimg img{
        width:100%;
        height:100%;
    }
    .afctop li img{
        width:90px;
        height:90px;
    }
	.advice p:first-child{
			margin-bottom: 10px;
		}
        .hzmedia{
            height:232px;
        }
        .hzmedia>div:first-child{
            height:232px;
        }
        .fivtitle{
            margin-bottom:12px;
        }
	footer .copyright{
		margin-top: 60px;
	}
	.checkcode{
		margin-top: 10px;
	}
	.address{
		margin-top: 62px;
	}
	.fot-rit{
		width: 184px;
	}
	.fot-rit div{
		width: 184px;
		height: 184px;
	}

	footer .fot-rit{
		margin-top: 35px;
	}
footer .publicCode {
    color: #FFF;
    text-align: center;
    margin-left: -32px;
    margin-top: 5px;
}
.timg{
top:42%;
    width: 332px;
    margin-left: -161px;
}	
.bimg {
    width: 118px;
    margin-left: -59px;
    left: 50%;
}
.newdl div p:last-child {
    margin-top: 1px;
}
}

@media only screen and (max-width:640px) {
    .header .logo {
    margin-left: 30px;
}
    .firpart{
        height:300px;
    }
    .nv1{
        display:none;
    }
    header{
        padding:8px 0;
    }
    .forcont{
        display:none;
    }
    .mobsho{
        display:block!important;
    }
    .stitle{
        width: 100%;
    }
    .fircon{
        width:100%;
        height:250px;
    }
    .center1{
        width:50%;
        height:60%;
        margin-left:0;
        left:25%;
        top:0;
        margin-top:70px;

    }
    .center1 img{
        height:100%;
    }
    .cenper{
            width: 150px;
            height: 150px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -76px;
            margin-top: -62px;
    }
    .cenper img{
        width:100%;
        height:100%;
    }

    .cir1{
        width:86px;
        height:40px;
        top:72px;
        left:24px;
    }
    .cir img{
        height:100%;
    }

    .cir2 {
        width:108px;
        height:66px;
        left:4px;
        top:117px;
    }

    .cir3{
        width:102px;
        height:46px;
        top:175px;
        left:20px;
    }

    .cir4{
        width:100px;
        height:45px;
        top: 70px;
        right:10px;
    }
    .cir5{
    width:105px;
    height:60px;
    top:120px;
    right:2px;
    }
    .cir6{
        width:96px;
        height:40px;
        top:179px;
        right:14px;
    }
    .w{
        width:100%;
    }

    .secpart{
        padding-top:5%;
    }
    .secptitle{
        width:68%;
        margin-left:16%;
    }
    .secptitle img{
        width:100%;
    }
    .one{
        width:180px;
        top:5%;
    }
    .two{
        top:18%;
    }
    .three{
        top:33%;
    }
    .four{
        top:48%;
    }
    .five{
        top:62%;
    }
    .secright .one{
        width:198px;
    }
    .secright .two{
        width:124px;
    }
    .secleft .three{
        width:172px;
    }
    .seccon .two{
        width:128px;
    }
    .seccon .four{
        width:136px;
    }
    .seccon .five{
        width:134px;
    }
    .ulcon img{
        width:100%;
        height:100%;
    }
    .thipart{
        height:900px;
        padding-top:68px;
    }
    .thiptitle{
        width:7rem;
        margin:0 auto;
        margin-top: 1rem;
    }
    .thiptitle img{
        width:100%;
    }
    .thileft{
        width:360px;
        margin-left:30px;
    }
    .thiright{
        margin-top: 30px;
    }
    .thileft img{
        width:100%;
    }

    .leimg,.rtimg{
        width:100%;
        margin-top:230%;
        margin-left:2%;
    }

	.protitle{
		display: none;
	}

	.protitle-phone{
		width: 100%;
		margin-top: 10%;
		display: block;
	}
	.protitle-phone img{
		width: 100%;
	}
    .afctop ul {
        width: 94%;
        height: 281px;
        margin: 0 auto;
        margin-top: 50px;
        margin-left: 10%;
    }
    .af{
        padding-top:50px;
    }
    .afctop li {
        width: 49%;
        height: 168px;
        float: left;
    }
    .afcont{
        height:51rem;
    }
    .afcbot{
        height:30rem;
        width:26rem;
        margin-left: -13rem;
    }
    .timg{
        margin-left:0;
    }
    .bimg{
        margin-left: -7rem;
    }
    .afctop li:last-child {
        margin-left: -10px;
    }
    .afcbotc>div {
    /* display: none; */
    display:block;
    }
    .timg {
        width: 100%;
        height:auto;
        margin-left:-13rem;
        /* height: 350px; */
        /* margin-left: -296px; */
        /* left: 50%; */
        /* z-index: 9; */
        /* left: 50%; */
    }
    .as{
        height:154rem;
        padding-top:4rem;
    }
    .ascont ul{
        width:100%;
    }
    .ascont ul li {
        float: left;
        width: 20rem;
        margin-right:0;
        margin-left: 2.7rem;
        height: 504px;
        margin-top: 4rem;
        display: block; 
    }


    .thititle{
        width:340px;
        margin:0 auto;
    }
    .thititle img{
        width:100%;
    }
    .forpart{
        height:32rem;
    }
    .medintro{
        margin-top:.8rem;
    }
    .forcont{
        margin-top:-2rem;
    }
    .forcont .cenimg{
        width:134px;
        margin-left:-67px;
        margin-top:50px;
    }
    .forcont .fb{
        width:107px;
        height:55px;
    }
    .fb img{
        width: 100%;
        height: 100%;
    }
	.fb1,.fb2,.fb3{
        left:25px;
    }
    .fb2{
        top: 150px;
    }
    .fb3{
        top: 250px;
    }
    .fb4,.fb5{
        right:25px;
    }
    .forcont .fb5{
        height:100px;
        top:200px;
    }
    .fivpart{
        height:1300px;
    }
    .fivtitle{
        width:360px;
        height:30px;
        margin-bottom:2rem;
    }
    .fivtitle img{
        width:100%;
        height: 100%;
    }
    .newscont{
        width:100%;
    }
    .mmedia{
        display:block;
    }
    .newscont li{
        margin-top: 20px;
        margin-left: 58px;
    }

    .botprod{
        width:100%;
        height:700px;
        margin-bottom:30px;
    }
    .botprod ul{
        margin-left: 20px;
    }
    .swiper-container{
        margin-bottom:0!important;
    }
    .swipertitle{
        margin-left:14px;
    }
	.swiperOuter{
		width: 100%;
	}
	.swiper-slide ul{
		margin-top: -16%;
	}
	.swiper-slide ul li{
		width: 44%;
		height: 44%;
	}
	.swiper-slide ul li{
		margin: 0;
	}
	.swiper-slide ul li{
		margin: 0 3%;
	}
	.swiper-slide ul li:nth-child(3n+0){
		margin-right: 3%;
	}
	.swiper .mask{
		display: none!important;
	}
    .fivpart{
        height:1400px;
    }
    .sectionf2{
        background-color: #fff;
    }
    .thicontent{
        display:block;
    }
    .mcont{
        display:block;
        width:90%;
        margin-left:5%;
        margin-top: 1rem;
    }
    .mcont>ul>li p:first-child{
        font-size:1.3rem;
        font-weight: 600;
        font-family: '微软雅黑';
        margin-top:1rem;
    }
    .mcont>ul>li p:last-child{
        font-size:.8rem;
        font-family: '微软雅黑';
        margin-top:.3rem;
    }
    .newd{
        display:none;
    }
    .midimg {
        width: 90%;
        margin: 0 auto;
        margin-top: 1.5rem;
    }

    .firpart>div:first-child{
            width: 12rem!important;
            height: 1.4rem!important;
            margin: 0 auto!important;
    }
    .firpart>div:first-child img{
        width: 100%;
        height: 100%;
    }
    .secpart{
        height:85rem;
    }
    .pw{
        width:100%;
    }
    .pw ul{
        width:94%;
        margin-left:19%;
    }
    .pw>ul>li {
        float: left;
        width: 10rem;
        height: 16rem;
        margin-right: 2rem;
        position: relative;
        overflow: hidden;
        margin-top: 3%;
    }
    .sectionf footer{
        display:none;
    }
    .botprod{
        height:30rem;
    }
    .botprod>.w2{
        width:100%;
        margin-bottom: -2rem!important;
        margin-top:-9rem!important;
    }
    .forpart{
        padding-bottom: 0;
    }
    .fivpart{
        height:90rem;
        padding-top:2rem;
    }
    .more{
        display:none;
    }
    .botprod .tul nth-child(n>7){
        display:none;
    }
    .botprod ul li:first-child {
       margin-left: 2rem;
    }
    .botprod ul li {
        width: 6rem;
        height: 6rem;
        float: left;
        margin-right: 2rem;
        margin-top: 1rem;
    }
    .botprod ul li:first-child{
        margin-left: 0;
    }
    .gamecon{
        width: 100%;
        height:100%;
    }
    .swiperOuter{
        height:69rem;
    }
    .gam2, .gam4, .gam5, .gam6 {
        width: 6.8rem;
        height: 7.9rem;
    }

    .gam1{
        left:0;
        top:3rem;
    }
    .gam2,.gam4{
        top:0;
    }
    .gam5,.gam6{
        bottom:0;
    }
    .gam1{
        width:24rem;
        height: 26rem;
        left:1rem;
        top:14rem;
    }
    .gam3 {
        height: 14rem;
        }
    .gam3 {
    width: 14.2rem;
    left: 1rem;
    top: 24.7rem;
    height: 8.75rem;
}
    .gam2{
        right:1rem;
    }
    .gam4{
        left:1rem;
    }
    .gam5{
        left:1rem;
    }
    .gam6{
        right:1rem;
    }
    .gam1 {
    width: 14.2rem;
    height: 16rem;
    left: 1rem;
    top: 8.3rem;
}
.hzmedia{
    width:100%;
}
.hzmedia>div:first-child {
    width: 100%;
    height: 10rem;
    float: left;
}
.hzmedia li {
    font-size: .7rem;
    position: relative;
    box-sizing: border-box;
    padding-left: 4.2rem;
    margin: .5rem 0;
}
.hzmedial{
    display: none;
}
.mmedia{
        width: 85%!important;
    margin-left: 7%;
    margin-bottom:1.3rem;
}
    


.hzmedia>div:nth-child(2){
    width:100%;
}
.hzmedia>div:nth-child(2) li{
    padding-left:2rem;
}
.newscont{
    display:none;
}
.hzmediar{
    display:none;
}
.mmedia{
    width:100%;
}
.mmedia img{
    width:100%;
    height:100%;
}
.fivpart {
    height:25rem!important;
    padding-top: 2rem;
    background: none;
    background-color:#f6feff;
}
.maskcon{
    display:none;
}
.maskimg{
    display: block;
}
.swiper-slide {
     background-color: #fff; 
}

.maskimg img{
    width:100%;
    height:100%;
}
.ful,.sul,.tul{
    display:none;
}
	footer{
		 height: 245px;
	}
	.foot{
		width: 100%;
	}
	.foot .fot-lft{
		width: 100%;
	}
	.copyright,.checkcode,.advice p{
		font-size: 12px;
		color: #fff;
		width: 92%;
		margin-left: 8%;

	}
	.copyright,.checkcode{
		color: #fff!important;
	}
    .w2{
        width:100%;
    }

    .pw .mask {
            transform: translateX(10rem);
    }
    .pw .movein{
            transform: translateX(0);
    }
    .secpart {
        height: 48rem;
    }
    .swipertitle {
        margin-top:2rem;
        margin-bottom: 3rem;
    }
	
	.address-phone p{
		width: 92%;
		margin-left: 8%;
		font-size: 12px;
		color: #fff;
	}
    .cenimg{
        width:9rem;
        height:13.5rem;
        margin-left:-4.5rem;
        top: 0;
    }
	footer .copyright {
		margin-top: 5%;
	}
	.address-phone{
		margin-top:5%;
	}
	footer .fot-rit{
		width: 100%;
		float:left;
		margin-top: 2%;
	}
	.fot-rit div{
		width: 26%;
		height: 26%;
		margin-left: 37%;
	}


   .forpart .swiper-slide {
        height: 20rem;
        position: relative;
        background-color: #f3f3f3;
z-index:5;
    }
    .afcont {
        height: 35rem;
    }
    .afcbot {
        height: 20rem;
        width: 16rem;
        margin-left: -3rem;
    }
    .ascont ul li{
        width:11rem;
        height:15rem;
    }
    .ascont ul {
        width: 100%;
        margin-top: -2rem;
    }
    .as{
        height:83rem;
        padding-top:2rem;
    }
    .forpart {
        height: 24rem;
    }
    .fivpart{
        height:57rem;
    }
    .fivtitle {
        width: 9rem;
    }
    .botprod ul li {
        width: 3.3rem;
    height: 3.3rem;
    float: left;
    margin-right: .4rem;
    margin-top: .5rem;
    }
    .botprod{
        height: 22rem;
        margin-top: 10rem;
    }
    .botprod .tul{
        display:none;
    }
    .newscont li {
        margin-top: .5rem;
        margin-left: 1.8rem;
    }
    .fivtitle {
        width: 10rem;
    }
    .bimg {
        margin-left: -9.5rem;
    }
    .mobsho{
        display:none;
    }
    .mcont{
        background:url('../lexiang-img/thileft.png') no-repeat;
        background-size: contain;display: block;
        width: 75%;
        margin-left: 16%;
        margin-top: 1rem;
    }
    .pw ul {
        width: 94%;
        margin-left: 12%;
    }
    .pw>ul>li {
        float: left;
        width: 5.5rem;
        height: 9rem;
        margin-right: 1rem;
        position: relative;
        overflow: hidden;
        margin-top: 3%;
    }
    .aftit{
        width:7rem;
        height:.75rem;
    }
    .afctop li {
    width: 25%;
    height: 2.87rem;
    float: left;
}
.midimg{
    display:none!important;
}
.swiper-button-prev {
    background: url('../img/prevcor.png') no-repeat!important;
    background-size: contain!important;
    /*left: 0!important;*/
}
.swiper-button-next {
    background: url('../img/nextcor.png') no-repeat!important;
    background-size: contain!important;
    right: 0!important;
}
.fimgc{
    width:12.5rem;
    height:5.5rem;
    margin-left:2.4rem;
    margin-top:1.5rem;
    display:block;
}
.fimgc li{
    width:6.15rem;
    height:2.5rem;
    float:left;
    margin-right:.1rem;
    margin-top:.1rem;
}
.fimgc li img{
    width:100%;
    height:100%;
}
.mcont>ul>li p:last-child {
    font-size: .4rem;
    font-family: '微软雅黑';
    margin-top: .1rem;
    font-weight: 600;
}
.mcont>ul>li p:first-child {
    font-size: .8rem;
    font-weight: 600;
    font-family: '微软雅黑';
    margin-top: .5rem;
}
.swiperOuter {
    height: 41.8rem;
}
.thipart{
    height:27rem;
}
.gam6 {
    right: .9rem;
}
.afctop ul{
    margin-left:5%;
}
.afctop ul li:last-child p{
    width:5rem;
} 
.afctop li:last-child img {
    margin-left: 1.2rem;
}
.afctop li img{
    height: 1.925rem;
    width:1.925rem;
    margin-left:.7rem;
}
.cir1 {
    width: 7rem;
    height: 2.2rem;
    top: 9rem;
    left:0.5rem;
}
.cir2 {
    width: 7rem;
    height: 2.8rem;
    left: 0.5rem;
    top: 12.5rem;
}

.mobcen img{
    width:100%;
    height:100%;
}
.newscont li{
    height:16rem;
}
.firpart {
    height: 18rem;
    padding-top: 2rem;
}
.cir3 {
    width: 7rem;
    height: 2.2rem;
    top: 16.5rem;
    left: 0.8rem;
}
.swiper-containers .swiper-button-prev{
        background: url('../img/prevcor.png') no-repeat;
        background-size: contain;
        left:0;
            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: 99999999999999999999999999999
    }
.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: 0;
        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
    }
.cir4 {
    width: 7rem;
    height: 2.2rem;
    top: 9rem;
    right: 0.9rem;
}
.cir5 {
    width: 7rem;
    height: 3.1rem;
    top: 12.5rem;
    right: 0.9rem;
}
.newcon p{
    position:relative;
    
}
.newcon span{
    position:absolute;
    font-size:.4rem;
    left: -0.3rem;
    top: 0.1rem;
}
.cir6 {
    width: 7rem;
    height: 2.2rem;
    top: 16.5rem;
    right: 0.9rem;
}
.afctop li p {
    font-family: '微软雅黑';
    font-size: .4rem;
    font-weight: 600;
    margin-top: 15px;
}
    .aftit img{
        width:100%;
        height:100%;

    }
    .mul{
        display:block;
    }
    .af {
        padding-top: 3rem;
        height: 23rem;
    }
    .afctop ul{
        margin-top:2rem;
    }
    .afcbot {
        height: 15.4rem;
        width: 16rem;
        margin-left: -3rem;
    }
    .bimg {
        width: 6rem;
        height: 7.5rem;
        margin-left: -7.7rem;
    }

    .afcont {
        height: 18rem;
    }
    
    
    .ascont ul li {
        width: 7rem;
        height: 10.75rem;
        margin-left:0.7rem;
    }
    .as{
        height:26rem;
        padding-top: 1.5rem;
    }
    .astitle{
        width:7rem;
        height:1.3rem;
    }
    .astitle img{
        width:100%;
        height:100%;
    }
    .thititle{
        width:6.5rem;
    }
    .forpart{
        padding-top:2rem;
        height:27rem;
    }
    .medintro p {
        font-size: 0.7rem;
    }
    .forcont .cenimg{
        width:9rem;
        height:16.5rem;
        margin-left: -4.5rem;
        margin-top: 13.75rem;
    }
    .ascont ul li {
        width: 6rem;
        height: 8.75rem;
        margin-left: 1.4rem;
        margin-top: 2.2rem;
    }
    .ascont li span {
        color: #fc645f;
        font-size: .8rem;
    }
    .ascont li p {
        text-align: center;
        font-size: .5rem;
        color: #939393;
        margin-bottom: 16px;
    }

    .forcont .fb {
    width: 10rem;
    height: 2.2rem;
}
    .forcont .fb4{
        width:11rem;
        height:2.8rem;
        top:32rem;
    }
    .forcont .fb5{
        width: 6.5rem;
    height: 4.4rem;
    top: 36rem;
    left: 0rem;
    }
    .fb1, .fb2, .fb3 {
    left: 3rem;
}
    .forcont .cenimg img{
        width:100%;
        height:100%;
    }
    .fivtitle {
        width: 6.2rem;
        height: 1rem;
    }
    .fivpart{
        height:53rem;
    }
    .forcont .fb,.forcont .cenimg{
        display:block;
    }
    .forcont .cenimg{
        margin-top:1.75rem;
    }
    .fb1, .fb2, .fb3 {
        width: 8rem;
        height: 1.8rem;
        left:8rem;
        z-index: 5;
    }
    .cenimg {
        z-index: 6;
        width: 9rem;
        height: 13.5rem;
        margin-left: -4.5rem;
        top: 0;
    }
    .fb1{
        top:3rem;
    }
    .fb2{
        top:7rem;
    }
    .fb3{
        top:11rem;
    }
    .fb4{
        top:3rem;
        right:6rem;
        width:10rem;
    }
    .fb5 {
        right: 10rem;
        width: 6rem;
        top: 9rem;
    }
    /* new animation start*/
    .cenmove{
        transform:translateX(8rem);
    }



    /* new animation end */




    .firpart>div:first-child {
    width: 7rem!important;
    height: .9rem!important;
    margin: 0 auto!important;
}
.center1{
    display:none!important;
}
.cenper{
    display:none!important;
}
.mobcen{
    display: block;
    width: 13rem;
    height: 6rem;
    position: absolute;
    left: 50%;
    margin-left: -7.5rem;
    top: 1.4rem;
}
}

	footer .publicCode{
		width: 100%;
	}
	



.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;
}
.gh a:before {
    top: -7px;
}
.gh a:after {
    top: 7px;
}
}