@charset "utf-8";
.black {
	color:#373334 !important;
}
.white {
	color:#fff !important;
}
.orange {
	color:#ff4f03 !important;
}
.gray {
	color:#737373 !important;
}
.listbox {
	width:100%;
	height:auto;
	overflow:hidden;
}
.listbox-1 .text-1 {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:.7rem;
	font-weight:500;
	margin:.4rem 0 0 0;
	letter-spacing:.04rem;
}
.listbox-1 .text-2 {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:.36rem;
	margin:.1rem 0 0 0;
	letter-spacing:.04rem;
}
.listbox-1 .text-3 {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:.3rem;
	margin:.1rem 0 0 0;
	padding-top:.2rem;
	letter-spacing:.04rem;
}
.listbox-1 .img {
	width:100%;
	margin:0 auto;
}
.listbox-1 .img img {
	width:100%;
	height:100%;
	display:block;
	margin:0 auto;
}
.listbox-1 .button {
	width:100%;
	text-align:center;
	margin:0 auto;
}
.listbox-1 .button a {
	font-size:.32rem;
	width:3.6rem;
	height:.84rem;
	line-height:.84rem;
	margin:0 auto .4rem auto;
	background:#fff;
	border:.02rem solid #ff4f03;
	border-radius:.2rem;
	text-align:center;
	color:#333;
	letter-spacing:.04rem;
	display:inline-block;
}
.listbox-2 .text-1 {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:.7rem;
	font-weight:500;
	margin:.4rem 0 0 0;
	letter-spacing:.04rem;
}
.listbox-2 .text-2 {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:.36rem;
	margin:.1rem 0 0 0;
	letter-spacing:.04rem;
}
.listbox-2 .text-3 {
	width:100%;
	margin:0 auto;
	text-align:left;
	font-size:.3rem;
	padding:.2rem .5rem 0 .6rem;
	margin:.1rem 0 0 0;
	letter-spacing:.04rem;
}
.listbox-2 .img {
	width:100%;
	margin:0 auto;
}
.listbox-2 .img img {
	width:100%;
	height:100%;
	display:block;
	margin:0 auto;
}
.listbox-3 li {
	width:86%;
	height:100%;
	background:#ed7d31;
	margin:.2rem auto .6rem auto;
	text-align:center;
	border-radius:.6rem;
	padding-bottom:.4rem;
}
.listbox-3 li img {
	width:1.6rem;
	height:1.6rem;
	margin-top:.6rem;
}
.listbox-3 li span {
	width:100%;
	height:.8rem;
	line-height:.8rem;
	display:inherit;
	text-align:center;
	color:#fff;
	font-size:.36rem;
	font-weight:bold;
}
.listbox-3 li b {
	width:100%;
	height:.6rem;
	line-height:.6rem;
	display:inherit;
	text-align:center;
	color:#FFF;
	font-size:.26rem;
}
.listbox-4 .title {
	width:100%;
	text-align:center;
	margin:0 auto .3rem auto;
	font-size:.7rem;
	font-weight:500;
}
.listbox-4 .painpoint {
	width:100%;
}
.listbox-4 .painpoint li {
	width:86%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	padding:.3rem 0 .3rem 0;
	border-bottom:.02rem dashed #ccc;
}
.listbox-4 .painpoint li:last-child {
	border-bottom:none;
}
.listbox-4 .painpoint li .titlename {
	font-size:.36rem;
	color:#333;
	margin-bottom:.24rem;
}
.listbox-4 .painpoint li .titlename span {
	display:inline-block;
	width:.44rem;
	height:.44rem;
	line-height:.44rem;
	border-radius:.22rem;
	background:#ff4f03;
	font-size:.32rem;
	text-align:center;
	color:#fff;
	margin-right:.24rem;
	vertical-align:top;
}
.listbox-4 .painpoint li .info {
	line-height:.48rem;
	color:#999;
	height:auto;
	font-size:.32rem;
	margin-left:.68rem;
}
.listbox-5 {
	padding-bottom:1rem;
}
.listbox-5 .title {
	width:100%;
	text-align:center;
	margin:.6rem auto .6rem auto;
	font-size:.7rem;
	font-weight:500;
}
.listbox-5 .img {
	width:100%;
	margin:0 auto;
}
.listbox-5 li .title{
	font-size: 0.46rem;
	margin: 0.2rem 0;
}
.listbox-5 .mini {
	width: 60%;
}
.listbox-5 .img img {
	width:100%;
	height:100%;
	display:block;
	margin:0 auto;
}
.listbox-5 .text {
	width:86%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	font-size:.26rem;
	color:#fff;
}
.listbox-5 .text p {
	margin:.1rem 0 0 0;
	line-height:.4rem;
	letter-spacing:.04rem;
}
.listbox-5 .text span {
	font-size:.3rem;
	font-weight:500;
	letter-spacing:.04rem;
}
.listbox-6 .title {
	width:100%;
	text-align:center;
	margin:.6rem auto .3rem auto;
	font-size:.7rem;
	font-weight:500;
}

.listbox-6 .example_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.listbox-6 li{
	width: 50%;
}
.listbox-6 .img img{
	width: 100%;
}
.listbox-6 .teselist {
	width:100%;
	height:100%;
	margin:0 auto;
}
.listbox-6 .teselist li {
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	padding:.3rem 0 .3rem 0;
	border-bottom:.02rem dashed #ccc;
}
.listbox-6 .teselist li:last-child {
	border-bottom:none;
}
.listbox-6 .teselist .img {
	width:1.4rem;
	height:1.4rem;
	float:left;
}
.listbox-6 .teselist .img img {
	width:1.2rem;
	height:1.2rem;
	border:0;
}
.listbox-6 .teselist .fleft {
	width:78%;
	float:left;
}
.listbox-6 .teselist .f22 {
	font-size:.52rem;
	color:#333;
}
.listbox-6 .teselist .f16 {
	font-size:.32rem;
	color:#666;
	margin-top:.36rem;
}
.listbox-7 {
	/* background:#0079d9; */
}
.listbox-7 .title {
	width:100%;
	text-align:center;
	margin:.6rem auto .6rem auto;
	font-size:.7rem;
	font-weight:500;
}

.listbox-7 .table {
	width: 100%;
	border-collapse: collapse;
	
}
.listbox-7 .table tr:nth-child(1){
	background-color: #0079d9;
}
.listbox-7 .table tr:nth-child(2),
.listbox-7 .table tr:nth-child(4){
	background-color: #f7931d;
}
.listbox-7 .table tr:nth-child(3){
	background-color: #d8d9d8;
}
.listbox-7 .table td{
	border: 1px solid #fff;	
	height: .8rem;
	text-align: center;
	font-weight: bold;
	color: #324274;
}


.listbox-8 .title {
	width:100%;
	text-align:center;
	margin:.6rem auto .6rem auto;
	font-size:.7rem;
	font-weight:500;
}
.listbox-8 .brand {
	width:100%;
	height:auto;
	overflow:hidden;
	border-bottom:.02rem dashed #ccc;
}
.listbox-8 .brand li {
	width:50%;
	float:left;
	height:auto;
	text-align:center;
	overflow:hidden;
}
.listbox-8 .brand li .pic {
	width:100%;
	height:1.2rem;
	display:block;
	text-align:center
}
.listbox-8 .brand li .pic img {
	width:1.2rem;
	height:1.2rem;
	border:0;
}
.listbox-8 .brand .btitle {
	color:#333;
	font-size:.64rem;
	font-weight:bold;
	display:block;
}
.listbox-8 .brand .btitle span {
	font-size:.92rem;
}
.listbox-8 .brand .info {
	color:#373334;
	display:block;
	font-size:.36rem;
	padding-top:.1rem;
	margin-bottom:.6rem;
}
.listbox-9 .text {
	width:90%;
	height:auto;
	margin:.4rem auto auto auto;
	font-size:.32rem;
	line-height:.56rem;
	overflow:hidden;
}
.listbox-9 .text p {
	text-indent:2em;
	color:#373334;
}
.listbox-9 .text span {
	font-size:.5rem;
	color:#373334;
}
.listbox-9 .img {
	width:85%;
	height:auto;
	margin:0 auto .2rem auto;
	overflow:hidden;
}
.listbox-9 .img img {
	width:100%;
	height:100%;
	border:0;
}
.listbox-10 .text {
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
.listbox-10 .text .textlist {
	width:86%;
	margin:.4rem .4rem auto .7rem;
	font-size:.34rem;
	line-height:.5rem;
	padding-bottom:.2rem;
	border-bottom:.02rem dashed #ccc;
}
.listbox-10 .text .textlist span {
	width:.28rem;
	height:.28rem;
	border-radius:.16rem;
	background:#ff4f03;
	float:left;
	display:block;
	position:absolute;
	left:-.4rem;
	margin-top:.16rem;
}
.listbox-10 .img {
	width:86%;
	height:auto;
	margin:.4rem auto auto auto;
	overflow:hidden;
}
.listbox-10 .img img {
	width:100%;
	height:100%;
	border:0;
}
.download {
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.download .item {
	width:90%;
	height:auto;
	margin:.6rem auto .5rem auto;
	overflow:hidden;
	border-bottom:.02rem dashed #ccc;
}
.download .item .shadow {
	width:100%;
	height:auto;
	overflow:hidden;
	background:#efeff4;
}
.download .item .shadow img {
	width:1rem;
	height:1rem;
}
.download .item .name {
	display:inline-block;
	margin-left:.1rem;
	width:46%;
	vertical-align:middle;
	margin:0 .1rem .1rem .1rem;
	text-align:left;
	font-size:.34rem;
	font-weight:bold;
}
.download .item .info {
	margin:.2rem 0 .4rem .6rem;
	text-align:left;
	font-size:.32rem;
	text-indent:2em;
}
.download .item .icon {
	display:inline-block;
	float:right;
	width:2rem;
	height:.8rem;
	font-size:.3rem;
	line-height:.8rem;
	background:#ff4f03;
	border:.02rem solid #ff4f03;
	border-radius:.16rem;
	text-align:center;
	color:#fff;
}
.listbox-11 {
	background:#fff;
}
.listbox-11 .equiplist {
	width:100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}
.listbox-11 .equiplist ul {
	overflow:hidden;
}
.listbox-11 .equiplist li {
	width:100%;
	margin:0 auto;
	height:auto;
	background:#fff;
	overflow:hidden;
	border-bottom:.1rem solid #efeff4;
}
.listbox-11 .equiplist li:last-child {
	border-bottom:none;
}
.listbox-11 .equiplist .img {
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
}
.listbox-11 .equiplist .img img {
	width:5.58rem;
	height:5.58rem;
	text-align:center;
}
.listbox-11 .equiplist .name {
	width:100%;
	margin-top:.2rem;
	margin-bottom:.4rem;
	line-height:.5rem;
	text-align:center;
	font-size:.32rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.listbox-11 .equiplist .price {
	width:100%;
	font-size:.36rem;
	line-height:.5rem;
	text-align:center;
	font-weight:bold;
	margin-bottom:.3rem;
	color:#ff4f03;
}
.listbox-12 .text-1 {
	width:100%;
	text-align:center;
	font-size:.5rem;
	font-weight:500;
	margin:.3rem auto .2rem auto;
	letter-spacing:.04rem;
}
.listbox-12 .text-2 {
	width:92%;
	text-align:left;
	font-size:.28rem;
	margin:.1rem auto auto auto;
	letter-spacing:.04rem;
	text-indent:2em;
}
.listbox-12 .text-3 {
	width:92%;
	text-align:left;
	font-size:.32rem;
	margin:.1rem auto auto auto;
	padding-top:.2rem;
	letter-spacing:.04rem;
}
.listbox-12 .img {
	width:100%;
	margin:0 auto;
}
.listbox-12 .img img {
	width:100%;
	height:100%;
	display:block;
	margin:0 auto;
}
.listbox-12 .button {
	width:90%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.listbox-12 .button .frontend {
	font-size:.32rem;
	width:3.3rem;
	height:.9rem;
	line-height:.9rem;
	text-align:center;
	display:block;
	margin:.6rem 0 .4rem 0;
	background-color:#0079d9;
	letter-spacing:.04rem;
	border-radius:.2rem;
	float:left;
}
.listbox-12 .button .admin {
	font-size:.32rem;
	width:3.3rem;
	height:.9rem;
	line-height:.9rem;
	text-align:center;
	display:block;
	margin:.6rem 0 .4rem 0;
	background-color:#ff4f03;
	letter-spacing:.04rem;
	border-radius:.2rem;
	float:right;
}
.listbox-15 .title {
	width:100%;
	text-align:center;
	margin:.6rem auto .6rem auto;
	font-size:.7rem;
	font-weight:500;
}
.listbox-15 .pricelist
{
    width:100%;
    text-align:center;
}
.listbox-15 .pricelist .tables {
	width:96%;
	margin:0 auto;
	border:.02rem solid #fff;
	border-right:none;
}
.listbox-15 .pricelist .tables td {
	line-height:.4rem;
	padding:.2rem 0 .2rem 0;
	text-align:center;
	font-size:.26rem;
	border-bottom:.02rem solid #fff;
	border-right:.02rem solid #fff;
	color:#333333;
}
.listbox-15 .pricelist .tables .tdbgone
{
	background:#d2eefd;
}
.listbox-15 .pricelist .tables .tdbgtwo
{
	background:#fce6cd;
}
.listbox-15 .pricelist .tables .tdbgthree
{
	background:#d2eefd;
}
.listbox-15 .pricelist .tables .tdbgfour
{
	background:#fce6cd;
}
.listbox-15 .pricelist .tables th {
	height:.8rem;
	font-size:.26rem;
	font-weight:normal;
	padding:0 .24rem;
	color:#fff;
	border-bottom:.02rem solid #ccc;
	border-right:.02rem solid #fff;
}
.listbox-15 .pricelist .tables .no {
	width:.4rem;
	height:.4rem;
	margin:0 auto;
	text-indent:-99em;
	background:url(../images/no.png) no-repeat left top;
	overflow:hidden;
	display:block;
}
.listbox-15 .pricelist .tables .yes {
	width:.4rem;
	height:.4rem;
	margin:0 auto;
	text-indent:-99em;
	background:url(../images/yes.png) no-repeat left top;
	overflow:hidden;
	display:block;
}
.listbox-15 .pricelist .tables strong {
	font-size:.26rem;
	font-weight:normal;
	display:block;
	text-align:left;
	padding-left:.2rem;
	color:#000000;
}
.listbox-15 .pricelist .tables .serverinfo {
	font-size:.26rem;
	font-weight:normal;
	text-align:left;
	padding-left:.2rem;
	color:#000000;
	text-indent:2em;
}
.listbox-15 .pricelist .tables .right
{
    text-align:right;
	padding-right:.2rem;
}
.listbox-15 .pricelist .tables .red
{
	color:#F00;
	font-size:.28rem;
	font-weight:bold;
}
.listbox-15 .pricelist .prieinfo
{
	padding:.3rem .2rem .3rem .2rem !important;
	border-bottom:none !important;
}
.listbox-15 .pricelist .prieinfo b
{
	color:#f00;
	font-size:.26rem;
	font-weight:bold;
}
.listbox-15 .pricelist .prieinfo p
{
	color:#000;
	text-align:left;
	font-size:.26rem;
	line-height:.4rem;
}
.about {
	width:100%;
	height:auto;
	background:#efeff4;
	overflow:hidden;
}
.about .img {
	width:92%;
	margin:.3rem auto .3rem auto;
}
.about .img img {
	width:100%;
	height:100%;
	border-radius:.2rem;
	-webkit-border-radius:.2rem;
	-moz-border-radius:.2rem;
	-ms-border-radius:.2rem;
	-o-border-radius:.2rem;
	display:block;
	margin:0 auto;
}
.about .info {
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
.about .info .profile{
	width:100%;
	margin:0 auto;
    text-indent:2em;
	color:#373334;
    font-size:.32rem;
	line-height:.6rem;
}
.about .info .contact{
	margin-top:.2rem;
	color:#373334;
    font-size:.32rem;
	line-height:.5rem;
}
.about .map{
    width:100%;
	height:6.4rem;
	margin:.3rem auto .1rem auto;
	padding:.18rem;
	border:.02rem dashed #ddd;
	overflow:hidden;
}
.about .map #maplist
{
    width:100%;
	height:6.04rem;
}