@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body,td,th,ul,li{
	font-family: "微软雅黑";
	padding:0;
	margin:0;
}
a {
	color: #333;
	text-decoration:none;
	cursor:pointer;
}
.find_nav {
    width: 100%;
    height: 50px;
    background-color: #f9f9f9;
    /* position: fixed; */
    /* top: 0; */
    z-index: 9999;
    border-bottom: 1px solid #ddd;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}
.find_nav_left {
    height: 50px;
    position: relative;
    overflow: hidden;
    width: 1200px;
    margin: 0px auto;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.find_nav_list {
    position: absolute;
    left: 0;
}
.find_nav_list ul {
    position: relative;
    font-size: 0;
}
.find_nav_list ul li {
    display: inline-block;
    padding: 0 20px;
    margin:0px;
}
.find_nav_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-size:18px;
    text-align: center;
}
.find_nav_cur a {
    color: #48a5f4 !important;
}
.find_nav_list a.active{ color:#C00}
.sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 2px;
    background-color: #48a5f4;
    left: 0;
    top: 48px;
    pointer-events: none;
}

.li_list{overflow-y:auto; height: auto!important; display:table;}/*将每个li封闭成一个盒子，就可以独立每个li内的内容*/
.swipe{padding: 10px 0 0 0;width: 1200px;margin: 0px auto;}

.vrlist {
    width: 100%;
    display: inline-block;
}

.vrlist li {width: 25%!important;height: auto!important;display: inline-block!important;text-align: center; margin-bottom: 10px!important;}
.vrlist li img { width:90%;}
.vrlist li p { width:90%; margin:10px auto; float:left; font-size:15px; text-align:left; padding-left:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.banner { width:100%; height:auto; text-align:center;}
.banner img { max-width:100%;}

@media screen and (max-width:1200px) {
.find_nav_left {width: 1000px;}
.swipe{padding:10px 0 0 0;width: 1000px;margin: 0px auto;}
}
@media screen and (max-width:1000px) {
.find_nav_left {width:960px;}
.swipe{padding:10px 0 0 0;width: 960px;margin: 0px auto;}
.vrlist li {width: 33.33%!important;height: auto!important;display: inline-block!important;text-align: center;}
.vrlist li img { width:90%;}
.vrlist li p { width:90%; margin:10px auto; float:left; font-size:15px;}
}
@media screen and (max-width:960px) {
.find_nav_left {width:640px;}
.swipe{padding:10px 0 0 0;width:640px;margin: 0px auto;}
.vrlist li {width:50%!important;height: auto!important;display: inline-block!important;text-align: center;}
.vrlist li img { width:90%;}
.vrlist li p { width:90%; margin:10px auto; float:left; font-size:15px;}
}
@media screen and (max-width:640px) {
.find_nav_left {width:100%;}
.find_nav_list ul li {padding: 0 12px;}
.find_nav_list ul li a {font-size:16px;}
.swipe{padding:10px 0 0 0;width:100%;margin: 0px auto;}
.vrlist li {width:50%!important;height: auto!important;display: inline-block!important;text-align: center;}
.vrlist li img { width:90%;}
.vrlist li p { width:90%; margin:10px auto; float:left; font-size:15px;}
}