@import url("flexslider.css");
/* CSS Document */

.box {
	position: relative;
	z-index: 100;
	background: none;
	padding-top: 0.46rem;
	background: #fff;
}
.box-list{
	padding-top: 0;
}
h1 {
	font-size: 0.32rem;
	color: #333;
	position: relative;
	text-align: center;
}
h1 a{
	position: absolute;
	right: 0.25rem;
	top: 0.2rem;
	color: #e1391a;
	font-size: 0.19rem;
}
.block1 .content{
	width: 12.12rem;
	margin: 0 auto;
	padding-bottom: 0.9rem;
}

.block1{
	height:5.74rem;
}
.block2{
	background: #f7f7f7;
	padding-bottom: 0.76rem;
}
.block3{
	background: #fff;
	position: relative;
	height:5.27rem;
}
.block4{
	background: #f7f7f7;
	margin-top: 0.76rem;
}
.block5{
	height:5.6rem;
}
.block6{
}
.block7{
	background: #f7f7f7;

}
.block2 .content{
	width: 12.01rem;
	margin: 0 auto;
	padding-top: 0.44rem;
}
.block3 .content{
	width: 12.2rem;
	margin: 0 auto;
	padding-top: 0.44rem;
}
.block4 .content{
	width: 12.12rem;
	margin: 0 auto;
	padding-top: 0.67rem;
	padding-bottom: 0.75rem;
}
.block5 .content{
	width: 12.12rem;
	margin: 0.44rem auto 0 auto;
	padding-bottom: 0.76rem;
}
.block6 .content{
	width: 12.01rem;
	margin: 0 auto;
	padding: 0.6rem 0;
	font-size: 0;
}
.block7 .content{
	width: 12.01rem;
	margin: 0 auto;
	padding-top: 0.44rem;
	padding-bottom: 0.76rem;
	overflow: hidden;
}
.hot-z1{
	display: none;
}
.hot-z2{
	height: 4.16rem;
	margin-top: -0.13rem;
	display: none;
}
.hot-titleText{
	position: absolute;
    top: 0.8rem;
    font-weight: 600;
    font-size: 0.24rem;
    left: 0.38rem;
}
.hot-cpdmText{
	position: absolute;
    top: 1.14rem;
    font-weight: 600;
    font-size: 0.19rem;
    left: 0.38rem;
}
.hot-con{
	margin-top: 0.52rem;
}
.hot-con li{
	width: 3.93rem;
	background: #f7f7f7;
	float: left;
	height: 3.9rem;
	position: relative;
	margin: 0 0.05rem 0 0.06rem;
	cursor: pointer;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.hot-con li:hover{
	margin-top: -0.13rem;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.hot-con li:hover .buy01,.hot-con li:hover .buy02{
	filter: alpha(opacity=100);
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.hot-con li:hover .hot-z2{
	display: block;
}
.hot-con .hot-pic{
	width: 3.93rem;
}
.hot-pic img{
	width: 100%;
}
.hot-tu{
	position: absolute;
	top: -0.13rem;
	right: 0.32rem;
	width: 0.64rem;
	display: block;
}
.hot-tu img{
	width:100%;
}
.hot-l{
	background: url(../images/szone/line.png) no-repeat right center;
	width: 1.97rem;
	margin-top: 0.3rem;
	padding-left: 0.4rem;
}
.hot-l{
	margin-top: 0.18rem;
}
.hot-r{
	background: none;
	width: 1.9rem;
	/* margin-top: 0.11rem; */
	padding-left: 0.3rem;
}
.hot-r1{
	margin-top: 0.08rem;
}
.hot-l h4{
	color: #e1391a;
	font-size: 0.46rem;
}
.hot-l h4.c50902a{
	color:#50902a;
}
.hot-l font{
	font-size: 0.24rem;
}
.hot-l p{
	font-size: 0.16rem;
	color: #4a4a4a;
	margin-top: 0.08rem;
}

.buy{
	background: #e1391a;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 0.78rem;
	display: block;
	float: left;
	width: 100%;
	position: relative;
	bottom: 0;
	margin-top: 0.16rem;
	display: none;
}
.buy01{
	background: #e1391a;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 0.78rem;
	float: left;
	width: 100%;
	position: relative;
	bottom: 0.2rem;
	filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.buy02{
	background: #e0e0e0;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #000000;
	text-align: center;
	line-height: 0.78rem;
	float: left;
	width: 100%;
	position: relative;
	bottom: 0.2rem;
	filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.buy1{
	margin-top: 0;
}
.buy2{
	background: #e1391a;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	width: 1.44rem;
	position: absolute;
	right:-1.44rem;
	top: 0;
	height: 2.72rem;
	line-height: 2.72rem;
}
.xj-con{
	background: #fff;
	margin-top: 0.32rem;
	width: 12.01rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.xj-con:hover .buy2{
	right: 0;
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.xj-con .xj-l{
	width: 4.99rem;
	position: relative;
}
.xj-l img{
	width: 100%;
}
.xj-r{
	margin-top: 0.2rem;
}
.xj-zi{
	position: absolute;
	text-align: center;
	top: 1.02rem;
	left: 1.53rem;
	color: #333;
	
}
.xj-zi span{
	font-size: 0.3rem;
	border-bottom: #e8906c 1px solid;
	padding-bottom: 0.1rem;
	font-weight: 600;
}
.xj-zi h5{
	font-size: 0.24rem;
	margin-top: 0.2rem;
}
.tj-l{
	background: url(../images/szone/line.png) no-repeat right center;
	width: 2.36rem;
	margin-top: 0.3rem;
}
.tj-l{
	margin-top: 0.18rem;
}
.tj-r{
	background: none;
	margin-top: 0.11rem;
	margin-left: 0.7rem;
}
.tj-r1{
	margin-top: 0.08rem;
}
.tj-l h4{
	color: #e1391a;
	font-size: 0.46rem;
}
.tj-l font{
	font-size: 0.24rem;
}
.tj-l p{
	font-size: 0.19rem;
	color: #4a4a4a;
	margin-top: 0.08rem;
}
.xj-list{
	margin-top: 0.25rem;	
}
.xj-p:last-child{
	margin-left:1rem;
}
.xj-p p{
	font-size: 0.19rem;
	line-height: 0.3rem;
	color:#333333;
	margin-bottom: 0.1rem;
}
.xj-p p b{
	font-size:0.19rem;
	font-weight:normal;
	color:#777777;
}
.xj-tu{
	position: absolute;
	top: 0;
	right: 1.73rem;
	width: 0.64rem;
}
.xj-tu img{
	width:100%;
}
.gd-con{
	margin-top: 0.52rem;
}
.gd-con li{
	width: 5.9rem;
	background: #f7f7f7;
	float: left;
	height: 3.9rem;
	position: relative;
	margin: 0 0.1rem 0 0.1rem;
	cursor: pointer;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.gd-con li:hover{
	margin-top: -0.13rem;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.gd-con li:hover .buy01,.gd-con li:hover .buy02{
	filter: alpha(opacity=100);
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.gd-con .gd-pic{
	width: 5.9rem;
}
.gd-pic img{
	width: 100%;
}
.gd-titleText{
	position: absolute;
    top: 0.8rem;
    font-weight: 600;
    font-size: 0.24rem;
    left: 1rem;
}
.gd-cpdmText{
	position: absolute;
    top: 1.14rem;
    font-weight: 600;
    font-size: 0.19rem;
    left: 1rem;
}
.gd-l{
	background: url(../images/szone/line.png) no-repeat right center;
	width: 3.08rem;
	margin-top: 0.3rem;
	padding-left: 0.97rem;
}
.gd-l{
	margin-top: 0.25rem;
}
.gd-r{
	background: none;
	width: 2.6rem;
	/* margin-top: 0.18rem; */
	padding-left: 0.95rem;
}
.gd-tu{
	position: absolute;
	top: -0.13rem;
	right: 0.32rem;
	width: 0.32rem;
}
.gd-l h4{
	color: #e1391a;
	font-size: 0.46rem;
}
.gd-l h4.c50902a{
	color:#50902a;
}
.gd-l font{
	font-size: 0.24rem;
}
.gd-l p{
	font-size: 0.16rem;
	color: #4a4a4a;
	margin-top: 0.08rem;
}
.gd-z2{
	height: 4.16rem;
	margin-top: -0.13rem;
}
.js-con{
	margin-top: 0.4rem;
}
.js-con li{
	width: 2.92rem;
	background: #fff;
	float: left;
	height: 3.9rem;
	position: relative;
	margin: 0 0.05rem 0 0.05rem;
	cursor: pointer;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.js-con li:hover{
	margin-top: -0.13rem;
	transition: margin-top 0.4s;
	-moz-transition: margin-top 0.4s; /* Firefox 4 */
	-webkit-transition: margin-top 0.4s; /* Safari 和 Chrome */
	-o-transition: margin-top 0.4s; 
}
.js-con li:hover .buy01,.js-con li:hover .buy02{
	filter: alpha(opacity=100);
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.js-con .js-pic{
	width: 2.92rem;
}
.js-pic img{
	width: 100%;
}
.js-titleText{
	position: absolute;
    top: 0.8rem;
    font-weight: 600;
    font-size: 0.24rem;
    left: 0.32rem;
}
.js-cpdmText{
	position: absolute;
    top: 1.14rem;
    font-weight: 600;
    font-size: 0.19rem;
    left: 0.32rem;
}
.js-l{
	/* background: url(../images/szone/line.png) no-repeat right center; */
	margin-top: 0.1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	width:2.92rem;
}
.js-r{
	background: none;
	margin-top: 0.18rem;
	padding-left: 0.15rem;
}
.js-l h4{
	color: #333;
	font-size: 0.46rem;
	text-align:center;
}
.js-l font{
	font-size: 0.24rem;
}
.js-l p{
	font-size: 0.16rem;
	color: #4a4a4a;
	margin-top: 0.08rem;
	text-align:center;
}
.announ {
	margin-top: 0.35rem;
	width: 12.1rem;
	overflow: hidden;
}

.announ_pic {
	width: 6rem;
	font-size: 0.2rem;
	position: relative;
	overflow: hidden;
}

.announ_pic img {
	width: 6rem;
	cursor: pointer;
	height: 2.69rem;
	margin: 0 auto;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
}
.announ_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.announ_pic span {
	width: 6rem;
	font-size: 0.2rem;
	position: absolute;
	background:#e1391a;
	bottom: 0;
	left: 0;
	height: 0.58rem;
	line-height: 0.58rem;
	cursor: pointer;
}

.announ_pic a {
	color: #fff;
	font-size: 0.2rem;
	background: url(../images/szone/line-01.jpg) repeat-y left 12px;
	height: 0.12rem;
	padding-left: 0.15rem;
	margin-left: 0.29rem;
	line-height: 0.58rem;
}

.announ_pic a:hover {
	color: #fff;
	font-size: 0.2rem;
	background: url(../images/szone/line-01.jpg) repeat-y left 12px;
	height: 0.12rem;
	padding-left: 0.15rem;
	margin-left: 0.29rem;
	line-height: 0.58rem;
}

.announ_list {
	width: 6.09rem;
}

.announ_list li {
	background: #f1f1f1;
	margin-bottom: 0.125rem;
	height: 0.58rem;
	line-height: 0.58rem;
	font-size: 0.2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.announ_list li a {
	color: #000;
	font-size: 0.2rem;
	background: url(../images/szone/line-02.jpg) repeat-y left 12px;
	height: 0.2rem;
	padding-left: 0.15rem;
	margin-left: 0.2rem;
}

.announ_list li a:hover {
	color: #e1391a;
	font-size: 0.2rem;
	background: url(../images/szone/line-02.jpg) repeat-y left 12px;
	height: 0.2rem;
	padding-left: 0.15rem;
	margin-left: 0.2rem;
}
.announ_list li span{
	float: right;
	padding-right: 0.25rem;
}


.zone-con{
	padding-bottom: 0.6rem;
}
.zone-1{
	border-top: #77777a 1px solid;
	border-bottom: #77777a 1px solid;
	height: 0.54rem;
	line-height: 0.54rem;
	font-size: 0.16rem;
	color: #333;
}
.zone-1 li{
	float: left;
	padding: 0 0.05rem;
	text-align: center;
	font-size:0.17rem;
}

.zone-list .zone-01{
	width: 0.75rem;
}
.zone-list .zone-02{
	width: 1.97rem;
}
.zone-list .zone-03{
	width: 1.05rem;
}
.zone-list .zone-04{
	width: 1.65rem;
}
.zone-list .zone-05{
	width: 0.84rem;
}
.zone-list .zone-06{
	width: 1.39rem;
}
.zone-list .zone-07{
	width:1.32rem;
}
.zone-list .zone-08{
	width:1.67rem;
}
.zone-list .zone-09{
	width: 1.36rem;
}

.zone-list .zone-001{
	width: 1rem;
}
.zone-list .zone-002{
	width: 2.7rem;
}
.zone-list .zone-003{
	width: 1.8rem;
}
.zone-list .zone-004{
	width: 2.49rem;
}
.zone-list .zone-005{
	width: 2.52rem;
}
.zone-list .zone-006{
	width: 1.49rem;
}
.zone-li ul{
	background: #f1f1f1;
	border-bottom: #77777a 1px solid;
}
.zone-li li{
	height: 0.8rem;
	line-height: 0.8rem;	
}
.zone-li li span{
	float: left;
	text-align: center;
	font-size:0.17rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zone-li li.nav{
	background: #fff;
}
.zone-li li a{
	font-size: 0.17rem;
	color: #fff;
	border-radius:50px;
	background: #e1391a;
	padding: 0.08rem 0.23rem;
}
.zone-li li a:hover{
	font-size: 0.17rem;
	/* color: #fff; */
	border-radius:50px;
	/* background: #e1391a; */
	padding: 0.08rem 0.23rem;
	text-decoration: underline;
}
.zone-li li .bc{
	font-size: 0.17rem;
	color: #000;
	border-radius:50px;
	border: #000000 1px solid;
	padding: 0.08rem 0.23rem;
	background:none;
}
 

#container {
	width: 12.01rem;
}
#container #title li {
	float: left;
	list-style-type: none;
	text-align: center;
	margin: 0 0.33rem;
	width:1.34rem;
}
#container #title ul {
	height: 0.4rem;
	margin:0 auto 0.35rem auto;
	width: 6rem;
}
#container #title a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	display: block;
	width: auto;
}
#container #title a span{
	display: block;
	font-size:0.19rem;
}
#container #title a:hover {
	text-decoration: none;
	color: #e2391a;
	display: block;
	width: auto;
	border-bottom: #e2391a 1px solid;
	padding-bottom: 0.1rem;
}

#container #title .selectli {
	text-decoration: none;
	color: #e2391a;
	display: block;
	width: auto;
	border-bottom: #e2391a 1px solid;
	padding-bottom: 0.1rem;
}
.privateBox{
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 5.9rem;
	height: 2.3rem;
	overflow: hidden;
	cursor: pointer;
}
.privateBoxBtn{
	position: absolute;
	bottom: -0.78rem;
	left: 0;
	background: #e1391a;
	height: 0.78rem;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 0.78rem;
	display: block;
	width: 100%;
}
.privateBox:hover .privateBoxBtn{
	bottom: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}