@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
body {
	background-color: #151515;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-text-size-adjust:none;
	overflow:-Scroll;
	overflow-x:hidden;
}


::-webkit-scrollbar {
    width:5px;
    height:5px
}
::-webkit-scrollbar-button:vertical {
    display:none
}
::-webkit-scrollbar-track:vertical {
    background-color:black
}
::-webkit-scrollbar-track-piece {
    background:#141414
}
::-webkit-scrollbar-thumb:vertical {
    background-color:#06bb93;
    border-radius:4px
}
::-webkit-scrollbar-thumb:vertical:hover {
    background-color:#afafaf
}
::-webkit-scrollbar-corner:vertical {
    background-color:#afafaf
}
::-webkit-scrollbar-resizer:vertical {
    background-color:#FF6E00
}



.vis_1 img { 
border: none;
    width: 200px;
    height: 200px;
}

.fix {clear:both;font-size: 0px;}
#ztopp {
	height: 80px;
	background-image: url(../images/top_bj.png);
	background-repeat: repeat-x;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0px;
}
.logo2 {   

}
.logo2 a {
	   
 position: absolute;
    top: 30px;
    left: 65px;
 width: 5%;
    z-index: 100;
    background-image: url(https://www.qijishow.com/img/logo3.svg);
    width: 60px;
    height: 52px;
    background-size: cover;
    background-position: center center;
    -webkit-transition:all 0.3s ease-in-out;opacity:0.50;
}
.logo2 a:hover {background-image: url(https://www.qijishow.com/img/logo3.svg);background-repeat: no-repeat;opacity:0.99;}




#container {
	position:absolute;
	z-index:50;
	top: 18%;
	left: 25%;
	width: 50%;
	text-align: center;
}
.shopimg{max-width:60%;height:auto;text-align: center;}
.shopimg2{
	max-width: 70%;
	height: auto;
	text-align: center;
	padding-top: 5%;
}

#wenzi {
	position:absolute;
	z-index:50;
	left: 5%;
	width: 10px;
	text-align: center;
	top: 10%;
}

.tongji{
	width: 200px;
	filter:alpha(opacity=50);
	position: absolute;
	z-index: 1;
	left: 0px;
	height: 20px;
	top: -20px;
}
.tongji a {color:#000000;text-decoration:none;}
.tongji a:hover {text-decoration:none;color: #F2DD95;}

.copyright {
	height: 140px;
	position: absolute;
	bottom: 0px;
	z-index: 100;
	width: 100%;
}
.copyright2 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 140px;
}

.copyright2 dd.b {
	float: right;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 70px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	opacity: 0.70;
}
.copyright2 dd.b a {
	text-decoration:none;
	color: #FFFFFF;
}
.copyright2 dd.b a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
.copyright3 {
	position: absolute;
	bottom: 0px;
	z-index: 200;
	width: 100%;
}

.copyright4 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

.copyright4 dd.b {
	float: right;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 36px;
	color: #888;
	width: 100%;
	    text-align: center;
}
.copyright4 dd.b a {
	text-decoration:none;
	color: #FFFFFF;
}
.copyright4 dd.b a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
.copyright4 dd.b img{
	width: 340px;
	margin-bottom: 15px;
}

.vis {
	z-index: 100;
	width: 100%;
	top: 0px;
	text-align: center;
}
.vis img{
	width: 100%;
}
.vis_1{
	width: 93%;
	padding-right: 3.5%;
	padding-left: 3.5%;
	text-align: center;
	padding-top: 90px;
}

.vis_2{
    width: 70%;
    padding-right: 3.5%;
    padding-left: 3.5%;
    margin: auto;
}

.vis_2 img{
	width: 46%;
	margin-top: 4%;
	margin-right: 2%;
	margin-left: 2%;
	box-shadow: 0 0 70px rgba(0,0,0,.50);
	border-radius: 6px;
}
.vis_3{
	width: 93%;
	padding-right: 3.5%;
	padding-left: 3.5%;
}

.vis_3 img{
	width: 60%;
	margin-top: 4%;
}

.vis_4 img{
	width: 67%;
	margin-top: 4%;
	border-radius: 6px;
}

#ss-dropdown {
    width: 700px;
    margin: auto;
    margin-top: 7%;
        margin-bottom: 80px;
}



#ss-dropdown-toggle {
    width: 300px;
    margin-bottom: 100px;
    border-radius: 36px;
    height: 52px;
    line-height: 54px;
    text-align: center;
    border: none;
    color: #000;
    font-size: 18px;
    /* background-color: #278ee6; */
    display: block;
    /* cursor: pointer; */
    /* float: right; */
    background-image: linear-gradient(to right, #00fffe, #97ff7d);
    -webkit-transition: all .2s;
    transition: all .4s;
    text-decoration: none;
    margin: auto;
}

#ss-dropdown-toggle:hover {
    /* -webkit-transition: all .2s; */
    transition: all .4s;
    opacity: .6;
}

@media screen and (max-width: 981px) {

#ztopp {
display: none;
}

.vis_1 img { 
border: none;
    width: 45%;
    height: 45%;
}
.vis_2 {
    width: 97%;
    padding-right: 1.5%;
    padding-left: 1.5%;
    margin: auto;
}
#ss-dropdown {
    width: 100% !important;
    margin: auto;
    margin-top: 13%;
    margin-bottom: 50px;
}
#ss-dropdown-toggle {
    height: 42px;
    line-height: 45px;
    font-size: 16px;
    margin-bottom: 35px !important;
    float: none;
    margin: auto;
}
.vis_2 img {
    width: 90%;
}
.vis_3 {
    margin-top: 20px;
}
.vis_4 img{
	width:86%;
	border-radius: 6px;
	    margin-top: 4%;
    margin-right: 2%;
    margin-left: 2%;
    box-shadow: 0 0 70px rgba(0,0,0,.50);
}
}

@media screen and (min-width: 981px) {

.top {
display: none;
}



}