@charset "utf-8";

/* CSS Document */

.fl{ float:left;}

.fr{ float:right;}

.fix:after{ clear:both; content:""; height:0px; display:block; overflow:hidden; visibility:hidden; }

.fix{*zoom:1;}


.foot-fd {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding: 10px 0 30px 0;
	color: #000;
}


/*2017 footer start*/

.new_footer{ z-index:10000001;max-width: 640px; min-width: 320px; margin:0 auto;position: fixed;left:0; 

    right:0;bottom: 0; 

	/*background: -webkit-linear-gradient(left, #3f419a,#3f419a);

    background: -o-linear-gradient(right, #3f419a,#3f419a);

    background: -moz-linear-gradient(right, #3f419a,#3f419a);

    background: linear-gradient(to right,#3f419a,#3f419a);*/

	background:url("../images/new_ng.jpg") no-repeat center bottom;

	background-size: cover;

}

.ft_nav{width:100%;position:relative}

.ft_nav li{float: left;width: 20%; position:relative; padding: 0.5% 0}

.ft_nav li.on a{ color: #ffe611}

.ft_nav a{ width: 100%;height: 100%;text-align:center; font-size:18px; color:#fff;display: block;font-family: "微软雅黑" ; }

.ft_nav_icon{width: 45%; height:100%;display:block; margin: 0 auto}

@keyframes pulse {

    0% {

        -webkit-transform:scale(1);

        -ms-transform:scale(1);

        transform:scale(1)

    }

    50% {

        -webkit-transform:scale(1.1);

        -ms-transform:scale(1.1);

        transform:scale(1.1)

    }

    100% {

        -webkit-transform:scale(1);

        -ms-transform:scale(1);

        transform:scale(1)

    }

}

@-webkit-keyframes pulse {

    0% {

        -webkit-transform:scale(1);

        -ms-transform:scale(1);

        transform:scale(1)

    }

    50% {

        -webkit-transform:scale(1.1);

        -ms-transform:scale(1.1);

        transform:scale(1.1)

    }

    100% {

        -webkit-transform:scale(1);

        -ms-transform:scale(1);

        transform:scale(1)

    }

}

.ft_nav_txt{padding-top: 0.06rem;}

.home_icon{width: 0.4rem;}

.ft_nav li .ft_nav_icon img:nth-of-type(1){ display:block}

.ft_nav li .ft_nav_icon img:nth-of-type(2){ display:none}

.ft_nav li.on .ft_nav_icon img:nth-of-type(1){ display:none}

.ft_nav li.on .ft_nav_icon img:nth-of-type(2){ display:block}

.ft_nav li p{font-size:18px; display: block; color: #511cb0;}

.ft_nav .dbquan img{transition: .4s;-webkit-transition: .4s}

.ft_nav .active img{transform:rotate(180deg)}

.ft_nav .zixu {  position: absolute; top:0;left:13%;width:70%;

    margin: 0 auto;  /* left: -6%; top: -959%;  width: 114%; animation: pulse 1s ease 0s normal none infinite running ;-webkit-animation: pulse 1s ease 0s normal none infinite running ;*/}

.ft_nav .ty { display: inline-block; padding: 2%; position: absolute;  width: 30%;  left: 50%;  margin-left: 24%;  top: 10%;  z-index: 3; background: #ff0000; border-radius: 5px;  }

.ft_nav .ty i{ font-style: normal}

.ft_nav .ty1{top: -510%; animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;}

@keyframes bounce {

    0%,20%,53%,80%,to {

        animation-timing-function:cubic-bezier(.5,.1,.5,1);

        transform:translateZ(0)

    }

    40%,43% {

        animation-timing-function:cubic-bezier(.10,.05,.10,.06);

        transform:translate3d(0,-5px,0)

    }

    70% {

        animation-timing-function:cubic-bezier(.10,.05,.10,.06);

        transform:translate3d(0,0px,0)

    }

    90% {

        transform:translate3d(0,-2px,0)

    }

}

@-webkit-keyframes bounce {

    0%,20%,53%,80%,to {

        -webkit-animation-timing-function:cubic-bezier(.5,.1,.5,1);

        -webkit-transform:translateZ(0)

    }

    40%,43% {

        -webkit-animation-timing-function:cubic-bezier(.10,.05,.10,.06);

        -webkit-transform:translate3d(0,-5px,0)

    }

    70% {

        -webkit-animation-timing-function:cubic-bezier(.10,.05,.10,.06);

        -webkit-transform:translate3d(0,0px,0)

    }

    90% {

        -webkit-transform:translate3d(0,-2px,0)

    }

}

/*2017 footer end*/

/*2017 new*/

.float_screen {display: none;width:100%;background: rgba(40,35,55,.9);height:100%;position: fixed;left:0;top: 0;z-index: 1000000;}

.float_item {display:none;max-width:640px;height: 100%;position: fixed;left:0;right:0; margin:0 auto;top: 0;z-index: 1000001;}

.item_list {width:100%; height:100%;}

.ip_item {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom;}

.item_list_li { position:relative;width:25%; float:left; text-align:center; vertical-align:top; padding:0.12rem 0 0 0;-webkit-transform: translateY(1000px);transform: translateY(1000px);}

.item_list_li a{ display:inline-block; color:#fff;}

.item_list_li i{ display: block; width:1.1rem; height:1.1rem; background-image: url(../images/bt-ico_1.png); 

    background-repeat: no-repeat; background-size: 7.78rem 3.32rem; }

.item_list_li i.bt-i1{ background-position: 0 0;}

.item_list_li i.bt-i2{ background-position: -1.11rem 0}

.item_list_li i.bt-i3{ background-position: -2.22rem 0}

.item_list_li i.bt-i4{ background-position: -3.33rem 0}

.item_list_li i.bt-i5{ background-position: -4.44rem 0}

.item_list_li i.bt-i6{ background-position: -5.55rem 0}

.item_list_li i.bt-i7{ background-position: -6.66rem 0}

.item_list_li i.bt-i8{ background-position: 0 -1.11rem}

.item_list_li i.bt-i9{ background-position: -1.11rem -1.11rem}

.item_list_li i.bt-i10{ background-position: -2.22rem -1.11rem}

.item_list_li i.bt-i11{ background-position: -3.33rem -1.11rem}

.item_list_li i.bt-i12{ background-position: -4.44rem -1.11rem}

.item_list_li i.bt-i13{ background-position: -5.55rem -1.11rem}

.item_list_li i.bt-i14{ background-position: -6.66rem -1.11rem}

.item_list_li i.bt-i15{ background-position: 0 -2.22rem}

.item_list_li i.bt-i16{ background-position: -1.11rem -2.22rem}

.item_list_li i.bt-i17{ background-position: -2.22rem -2.22rem}

.item_list_li i.bt-i18{ background-position: -3.33rem -2.22rem}

.item_list_li i.bt-i19{ background-position: -4.44rem -2.22rem}

.item_list_li i.bt-i20{ background-position: -5.55rem -2.22rem}

.item_list_li i.bt-i21{ background-position: -6.66rem -2.22rem}



.item_list_li h2{ line-height:35px; font-size:25px; font-weight: normal}

.item_list_li img.hot{position:absolute;right:10%;top:0%;width:0.41rem;}



.item_move0{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both;}

.item_move1{-webkit-animation:item_move .5s 0s ease-in-out both;animation:item_move .5s 0s ease-in-out both;}

.item_move2{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both;}

.item_move3{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both;}



.item_move4{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both;}

.item_move5{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both;}

.item_move6{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}

.item_move7{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both;}



.item_move8{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}

.item_move9{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}

.item_move10{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}

.item_move11{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}



.item_move12{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move13{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}

.item_move14{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move15{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both;}



.item_move16{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move17{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}

.item_move18{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move19{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both;}



.item_move20{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move21{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}

.item_move22{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move23{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}



@-webkit-keyframes item_move{

    0%{ -webkit-transform: translateY(1000px);}

    80%{ -webkit-transform: translateY(-10px);}

    100%{ -webkit-transform: translateY(0px);}

}

@keyframes item_move{

    0%{transform: translateY(1000px);}

    80%{transform: translateY(-10px);}

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

}



.item_moveback23{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}

.item_moveback22{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}

.item_moveback21{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}

.item_moveback20{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}



.item_moveback19{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}

.item_moveback18{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}

.item_moveback17{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}

.item_moveback16{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}



.item_moveback15{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}

.item_moveback14{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}

.item_moveback13{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}

.item_moveback12{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}



.item_moveback11{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both;}

.item_moveback10{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}

.item_moveback9{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}

.item_moveback8{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both;}



.item_moveback7{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}

.item_moveback6{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both;}

.item_moveback5{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}

.item_moveback4{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}



.item_moveback3{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}

.item_moveback2{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both;}

.item_moveback1{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}

.item_moveback0{-webkit-animation:item_moveback .5s .7s ease-in-out both;animation:item_moveback .5s .7s ease-in-out both;}

@-webkit-keyframes item_moveback{

    0%{ -webkit-transform: translateY(0px);}

    100%{ -webkit-transform: translateY(1000px);}

}

@keyframes item_moveback{

    0%{transform: translateY(0px);}

    100%{transform: translateY(1000px);}

}





/*20190806 底部*/
.index-footer{
	z-index:1000002;
	width: 6.4rem;
	height: .96rem;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("../images/foot-bg.jpg") no-repeat center bottom;
    background-size: cover;
    -moz-box-shadow:0px -0.05rem 0.15rem rgba(0,0,0,0.1); -webkit-box-shadow:0px -0.05rem 0.15rem rgba(0,0,0,0.1); box-shadow:0px -0.05rem 0.15rem rgba(0,0,0,0.1);
}
	
.index-footer-nav{
	display: flex;
	height: 100%;
	text-align: center;
}
.index-footer-nav li{
    width: 20%;
}
.index-footer-nav li:nth-child(3){ width:30%;}
.index-footer-nav li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: .22rem;
	color: #9a1220;
}
.index-footer-nav li span{
	display: inline-block;
	width: 100%;
}
.index-footer-nav li span img{
	width: .63rem;
}

.index-footer-nav a.zx span{
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left:-5%;
	/* right:0; */
    bottom: 134%;
	margin: 0 auto;
	/* animation: pulse 1s ease 0s normal none infinite running;
	-webkit-animation: pulse 1s ease 0s normal none infinite running; */
	/* background: url("../images/icon-zx.png") no-repeat;
    background-size: cover; */
}
.index-footer-nav a.zx i{ position: absolute; left:-5%; top:0; display: block; width:2.24rem; height:1.24rem;animation: firecracker 1s forwards infinite;}
.index-footer-nav a.zx i img{ width:100%;}
.index-footer-nav a.zx em{position: absolute; left:75%; bottom:-160%; display: block; width:0.59rem; height:0.68rem;animation: shake1 3s forwards infinite; -webkit-animation: shake1 3s forwards infinite;}
.index-footer-nav a.zx em img{ width:100%;}

@-webkit-keyframes shake1{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%,80%{-webkit-transform:translateX(5px);transform:translateX(2px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%,80%{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}}
@keyframes firecracker {
    0%{
        transform: scale(0.2);
        bottom: 0%;
    }
    100%{
        bottom: 60%;
        transform: scale(1);
    }
}


.index-footer-nav li p{
	height: .33rem;
}
.index-footer-nav a.zx{
	position: relative;
}
.index-footer-nav a.zx .icon-zx{
	width: 1.88rem;
	height: 1.91rem;
}
@keyframes pulse {
    0% {
        -webkit-transform:scale(0.9);
        -ms-transform:scale(0.9);
        transform:scale(0.9)
    }
    50% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    100% {
        -webkit-transform:scale(0.9);
        -ms-transform:scale(0.9);
        transform:scale(0.9)
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale(0.9);
        -ms-transform:scale(0.9);
        transform:scale(0.9)
    }
    50% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    100% {
        -webkit-transform:scale(0.9);
        -ms-transform:scale(0.9);
        transform:scale(0.9)
    }
}
/* .index-footer-nav a.zx span{animation: mygif 3s infinite; -webkit-animation: mygif 3s infinite;} */

/* @keyframes mygif{
	0% {background:url("../images/icon-zx.png")  no-repeat;background-size: cover;}
	50% {background:url("../images/icon-zx1.png")  no-repeat;background-size: cover;}
}
@-webkit-keyframes mygif{
	0% {background:url("../images/icon-zx.png")  no-repeat;background-size: cover;}
	50% {background:url("../images/icon-zx1.png")  no-repeat;background-size: cover;}
} */




@media screen and (max-width: 640px) {  .ft_nav li p{font-size:18px}.item_list_li h2{ font-size: 20px} .ft_nav .ty{ font-size: 16px}  }

@media screen and (max-width: 420px) {  .ft_nav li p{font-size:16px}.item_list_li h2{ font-size: 18px}  .ft_nav .ty{ font-size: 14px} }

@media screen and (max-width: 380px) {  .ft_nav li p{font-size:14px} .item_list_li h2{ font-size: 16px}.ft_nav .ty{ font-size: 12px } }

@media screen and (max-width: 320px) {  .ft_nav li p{font-size:12px}.item_list_li h2{ font-size: 14px} .ft_nav .ty{ font-size: 10px  } }