.bottom{
	width: 100%;
	height: 385px;
	float: left;
	background: url(../../image/index/image-backgroound.png);
}

.bottom-body{
	width: 1140px;
	height: 385px;
	margin: 0 auto;
}
.bottom-qrcode{
	width: 152px;
	height: 156px;
	float: right;
	margin-right: 20px;
	margin-top: 65px;
	background: url(../../image/index/image-product5.png);
	cursor: default;
}
.bottom-qrcode img{
	width:100%;
	height:100%;
}
.bottom-word{
	width: 152px;
	height: 20px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
.bottom-word p{
	margin-top: 0px;
	color: white;
	text-align: center;
	font-size: 16px;
	cursor: default;
}

.tableCls{
	float: left;
	width: 860px;
	height: 190px;
	margin-top: 74px;
	margin-left: 20px;
}
.tableCls td{
	width: 215px;
	height: 31px;
	margin: 0 0;
	color: rgb(184,184,184);
	font-size: 12px;
	font-family: "微软雅黑";
}
.tableCls thead td{
	width: 215px;
	height: 31px;
	margin: 0 0;
	color: white;
	font-size: 16px;
	font-family: "微软雅黑";
}
.tableCls .td1{
	color: white;
	font-size: 13px;
}
.tableCls span{
	cursor: pointer;
}
.tableCls tbody tr td a{
    color: rgb(184, 184, 184);
}
.tableCls tbody tr td span:hover{
	color: red;
}

.foot{
	width: 100%;
	height: 35px;
	background-color: rgb(40,40,40);
	float: left;
	text-align: center;
}
.foot-center{
	width: 1140px;
	margin: 0 auto;
}
.foot p{
	font-size: 13px;
	color: rgb(184,184,184);
	line-height: 35px;
	margin-top: 0px;
}

.foot a{
	font-size: 13px;
	color: rgb(184,184,184);
}

.window{
    width: 58px;
    height: 232px;
    position: fixed;
   /* top: 60%;
    left: 95%;*/
    border: 1px solid rgb(231,231,231);
    overflow: hidden;
    
    bottom: 125px;
    right: 20px;
	z-index: 10000;
}
.window-list1{
	height: 58px;
	width: 60px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-1.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.window-list2{
	height: 55px;
	width: 60px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-2.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.window-list3{
	height: 55px;
	width: 60px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-3.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.window-list4{
	height: 58px;
	width: 60px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-4.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.window{
	background-color: #FFFFFF;
	border: 0px;
	box-shadow: 0px 2px 5px #cbcbcb;
}
.window .window-list{
    height: 25%;
    width: 100%;
    float: left;
    border-bottom: 1px solid rgb(231,231,231);
    cursor: pointer;
    opacity: 0.6;
    position: relative;
    z-index: 1000;
    overflow: hidden;
}
.window .window-list:hover{
	background-color: red;
    opacity: 0.6;
}
.window .window-list p{
    display: none;
    background-color: red;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 15px;
    text-align: center;
    padding-top: 8px;
}
.window .window-list p span{
	font-size: 18px;
}
.window .window-list img{
	width: 100%;
 	height: 100%;
}
.window .windowBack{
    height: 55px;
    width: 0px;
    position: relative;
    background: red;
    opacity: 0.5;
    top: 0%;
    display: block;
    z-index: 900;
    
    transition: top 0.2s;
    -moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	-o-transition: top 0.2s;
	
    transition: width 0.5s;
    -moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
	
}
.qrCodeClsShow{
    position: fixed;
    bottom: 125px;
    right: 88px;
    width: 152px;
    height: 0px;
    overflow: hidden;
    z-index:10;
    transition: height 0.5s;
    -moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
}
.qrCodeClsShow img{
    width: 151px;
    height: 158px;
}

.jpy-QQ{
    position: fixed;
   /*  background-color: #ffffff; */
    bottom: 243.5px;
    right: 78px;
    height: 60.25px;
    width: 0px;
    line-height: 60.25px;
    z-index: 10000;
    overflow: hidden;
    
    transition: width 0.5s;
    -moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
}
.jpy-QQ P{
    font-size: 20px;
    color: #e8390a;
    text-indent: 10px;
}

.jpy-phone{
 	width: 0px;
    position: fixed;
    /* background-color: #ffffff; */
    bottom: 182.5px;
    right: 78px;
    height: 60.25px;
    line-height: 60.25px;
    z-index: 10000;
    overflow: hidden;
    
    transition: width 0.5s;
    -moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
}   
.jpy-phone P{
    font-size: 20px;
    color: #e8390a;
    text-indent: 10px;
}



/* 第二套样式 */
/* @media all and (max-width:1200px){
	body{
	margin: 0px;
	background-color: rgb(247,244,248);
	min-width: 960px;
}
.bottom{
	width: 100%;
	height: 308px;
	float: left;
	background: url(../../image/index/image-backgroound.png);
}
.bottom-body{
	width: 960px;
	height: 308px;
	margin: 0 auto;
}
.bottom-qrcode{
	width: 152px;
	height: 156px;
	float: right;
	margin-right: 20px;
	margin-top: 65px;
	background: url(../../image/index/image-product5.png);
	cursor: pointer;
}
.bottom-word{
	width:121.6px;
	height: 16px;
	float: right;
	margin-right: 30px;
	margin-top: 16px;
}
.bottom-word p{
	margin-top: 0px;
	color: white;
	text-align: center;
	
	font-size: 13px;
	cursor: pointer;
}

.tableCls{
	float: left;
	width: 688px;
	height:152px;
	margin-top: 59.2px;
	margin-left: 16px;
}
.tableCls td{
	width: 215px;
	height: 31px;
	margin: 0 0;
	color: rgb(184,184,184);
	font-size: 10px;
	font-family: "微软雅黑";
}
.tableCls thead td{
	width: 172px;
	height: 24.8px;
	margin: 0 0;
	color: white;
	font-size: 13px;
	font-family: "微软雅黑";
}
.tableCls .td1{
	color: white;
	font-size: 10px;
}
.tableCls span{
	cursor: pointer;
}
.tableCls tbody tr td span:hover{
	color: red;
}

.foot{
	width: 100%;
	height: 28px;
	background-color: rgb(40,40,40);
	float: left;
	text-align: center;
}
.foot-center{
	width: 960px;
	margin: 0 auto;
}
.foot p{
	font-size: 10px;
	
	color: rgb(184,184,184);
	line-height: 28px;
	margin-top: 0px;
	cursor: pointer;
}

.window{
    width: 47.2px;
    height:182.4px;
    position: fixed;
    top: 60%;
    left: 95%;
    border: 1px solid rgb(231,231,231);
    overflow: hidden;
    
    bottom: 160px;
    right: 16px;
	z-index: 10000;
	
}
.window-list1{
	height: 46.4px;
	width: 48px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-1.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.window-list2{
	height: 44px;
	width:48px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-2.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.window-list3{
	height: 44px;
	width: 48px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-3.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.window-list4{
	height: 46.4px;
	width: 48px;
	float: left;
	border-bottom: 1px solid rgb(231,231,231);
	background: url(../../image/index/window-4.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.window{
	background-color: #FFFFFF;
}
.window .window-list{
    height: 25%;
    width: 100%;
    float: left;
    border-bottom: 1px solid rgb(231,231,231);
    cursor: pointer;
    opacity: 0.6;
    position: relative;
    z-index: 1000;
}
.window .window-list img{
	width: 100%;
 	height: 100%;
}
.window .windowBack{
    height: 44px;
    width: 0px;
    position: relative;
    background: red;
    opacity: 0.5;
    top: 0%;
    display: block;
    z-index: 900;
    
    transition: top 0.2s;
    -moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	-o-transition: top 0.2s;
	
    transition: width 0.5s;
    -moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
	
}
.qrCodeClsShow{
    position: fixed;
	bottom: 121px;
    right: 70.4px;
    width: 121.6px;
    height: 0px;
    overflow: hidden;
    
    transition: height 0.5s;
    -moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
}
.qrCodeClsShow img{
    width: 120.8px;
    height:126.4px;
}

.jpy-QQ{
    position: fixed;
    background-color: #ffffff;
    bottom: 250.8px;
    right: 62.4px;
    height: 48.2px;
    width: 0px;
    line-height: 48.2px;
    z-index: 10000;
    overflow: hidden;
    transition: width 0.5s;
    -moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
}
.jpy-QQ P{
    font-size: 16px;
    color: #e8390a;
    text-indent: 8px;
}

.jpy-phone{
 	width: 0px;
    position: fixed;
    background-color: #ffffff;
    bottom: 200.8px;
    right: 62.4px;
    height: 48.2px;
    line-height: 48.2px;
    z-index: 10000;
    overflow: hidden;
    
    transition: width 0.5s;
    -moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
}   
.jpy-phone P{
    font-size: 16px;
    color: #e8390a;
    text-indent: 8px;
}
} */