/* 头部 */
.head-top{
	background-color: #f7f7f7;
	border-bottom: 1px solid #ececec;
}

.logina{
	padding: 0px 20px;
	border-right: 1px solid #666;
}

.enrolla{
	padding: 0px 15px;
}

.arrow{
	display: inline-block;
	width:12px;
	height: 6px;
	background: url('../images/arrow.png') no-repeat center;
}

.head-ul>.fr>a , .head-ul>.fr>div>a{
	padding: 0px 20px;
}

.head-ul>.fr>a>em , .head-ul>.fr>div>a>em{
	margin-right: 5px;
	display: inline-block;
}

.head-ul>.fr>a>i , .head-ul>.fr>div>a>i{
	margin-left: 5px;
}

.userul>li>a{
	padding: 3px 0px;
}

.userul{
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
	top: 185%;
	background-color: #fff;
	padding: 3px 0px;
	border-radius: 5px;
}

.ewmbox{
	top: 155%;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
}

.mpa{
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

.head-ul{
	padding: 9px 0px;
}

.seachbox > a {
    background-color: #0b9efb;
    width: 100px;
    line-height: 38px;
    height: 40px;
}

.seachbox>input{
	line-height: 38px;
	height: 40px;
	border: 1px solid #ccc;
	border-right: 0px;
	width: 515px;
	padding-left: 10px;
	outline: none;
}

.seachbox{
	padding: 4px 0px 3px;
}

.shopa{
	border: 1px solid #eee;
	padding: 10px 13px 9px 48px;
	background: url('../images/shop.png') no-repeat 15px center;
	margin: 4px 0px 3px;
}

.shopa>i{
	background-color: #30b55e;
	padding: 0 8px;
	border-radius: 8px;
	margin-left: 5px;
}

.head-cobox{
	padding-top: 30px;
	padding-bottom: 30px;
}

.prdbox{
	width: 220px;
}

.head-down{
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
}

.prda{
	padding: 10px 0px 9px 40px;
	background-image: url('../images/prda.png');
	background-repeat: no-repeat;
	background-position: 15px center;
}

.prdul{
	background-color: #f5f5f5;
	padding: 7px 0px;
	z-index: 3;
}

.prdul>li>a{
	padding: 7px 30px;
}

.prdul>li:hover>a{
	color: #1d9b00;
	background-color: #fff;
}

.prdul>li>a>i{
	width: 5px;
	height: 9px;
	background: url('../images/arrow1.png') no-repeat center;
	margin-top: 4px;
}

.prdul>li:hover>a>i{
	background: url('../images/arrow2.png') no-repeat center;
}

.sprdul{
	left:100%;
	top: 0;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
	background-color: #fff;
}

.sprdul>li>a{
	padding: 7px 30px;
	color: #787878;
}

.nav>li>a{
	color: white;
	padding: 8px 24px 9px;
}

.nav>li:hover a{
	color: #1d9b00;
    background-color:white;
}

.dha{
	color: #404040;
	font-size:20px;
	padding: 7px 0px 8px 20px;
	background: url('../images/dh.png') no-repeat left center;
}

/* banner开始 */

.banner-ul{
	width: 1000%;
}

.banner-ul>li{
	width: 10%;
}

.dianul{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 3%;
}

.dianul>li{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	cursor:pointer;
	border-radius: 50%;
	margin: 0px 5px;
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-ms-transition: all 0.35s; 	/* IE 9 */
	-moz-transition: all 0.35s; 	/* Firefox */
	-o-transition : all 0.35s; 	/* Opera */
}

.dianulli{
	background-color: #0b9efb !important;
	width: 30px !important;
	border-radius: 10px !important;
}

/* 底部开始 */

.foot-top{
	background-color: #262626;
}

.foot-topbox{
	padding: 4% 0px 6%;
}

.foot-left{
	width: 100%;
	/*border-right: 1px solid #c4c4c4;*/
}

.foot-leftul>li{
	width:20%;
}

.foot-leftul>li>h5{
	font-size:18px;
	font-weight: 100;
}

.foot-leftul>li>span{
	width: 40px;
	height: 1px;
	background-color: #0b9efb;
}

.sonleftul{
	padding-top: 5%;
}

.sonleftul>li>a{
	color: #888;
	padding: 5px 0px;
}

.sonleftul>li>a:hover{
	color: #fff;
}

.foot-right{
	width: 34.5%;
	padding-left:7%;
}

.fotdhbox{
	padding-left:22%;
	background: url('../images/dh1.png') no-repeat left 0px;
	padding-bottom: 5%;
	border-bottom: 1px solid #adadad;
}

.fotdhbox>p{
	color: #888;
}

.fotdhbox>a{
	font-size:28px;
	color: #404040;
}

.fotdp{
	color: #404040;
	padding-top: 5%;
}

.foot-down{
	background-color: #dcdcdc;
	border-top: 1px solid #c4c4c4;
}

.foot-downul{
	padding: 2.667% 0px;
	color:#888;
}



/* 手机头部 */
.logoa{
	width:1.5rem;
}

.navbut>span , .sjnavbut>span{
	width: 0.25rem;
	height: 2px;
	background-color:#636363;
	margin: 3px 0px;
}

.navbut{
	margin-top: 0.1rem;
    margin-right:0.2rem;
}

.mpseadiv{
	width: 100%;
	padding-bottom: 0.1rem;
}

.mpseadiv>input{
	width: 5.4rem;
	border: 1px solid #ccc;
	border-right: 0px;
	padding:0.13rem 0px 0.13rem 0.1rem;
	font-size: 0.12rem;
	outline: none;
}

.mpseadiv>a{
	font-size: 0.12rem;
	background-color:#0b9efb;
	padding: 0.133rem 0.18rem;
}

.mpheaul{
	padding: 0.2rem 0px;
}

.mpseadiv>input::-webkit-input-placeholder{
	color: #b0b0b0;
}

.mpseadiv>input:-moz-placeholder{
	color: #b0b0b0;
}

.mpseadiv>input::-moz-placeholder{
	color: #b0b0b0;
}

.mpseadiv>input:-ms-input-placeholder{
	color: #b0b0b0;
}

.mpnavbg , .mpnavobg{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, .3);
	display: none;
	z-index: 3;
}

.sjnav{
	position: fixed;
	width: 80%;
	height: 100%;
	top: 0px;
	right: -100%;
	padding: 0px 5%;
	z-index: 3;
	background-color: #fff;
}

.logdiv>a{
	color: #2f2f2f;
	margin-right: 10px;
}

.logdiv{
	padding: 0.2rem 0px;
}

.logbox{
	padding: 4% 0px;
}

.colse{
	font-size: 24px;
	margin: 13px 0px;
	color: #aaaaaa;
}

.logul>li>a>img{
	margin: 0px 10px;
}

.logul>li>a>i{
	display: inline-block;
	width: 5px;
	height: 9px;
	background: url('../images/arrow1.png') no-repeat center;
	background-size: 0.05rem;
}

.logul>li>a{
	color: #2c2c2c;
	border-top: 1px solid #f2f2f2;
	padding: 1.5% 0px;
}

.logsja{
	bottom: 1%;
	width: 1.2rem;
}

.sjshopa{
	border: 1px solid #eee;
	padding: 0.1rem 0.13rem 0.09rem 0.48rem;
	background: url('../images/shop.png') no-repeat 0.15rem center;
	background-size: 0.25rem;
}

.sjshopa>i {
	background-color: #30b55e;
	padding: 0 0.08rem;
	border-radius: 8px;
	margin-left: 0.05rem;
}

.sjdha{
	right: 5%;
	bottom: 1%;
	font-size: 16px;
	color: #404040;
}

/* 登录头部开始 */

.loginul>.fr>a{
	color: #545454;
	padding: 17px 0px;
}

.loginul{
	padding: 20px 100px;
}

.loginbox {
    position: relative;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 100%;
    background: url('../images/loginbox.jpg') no-repeat center;
    background-size: auto auto;
    background-size: 100%;
    padding: 10%;
}

.logindiv{
	width: 540px;
	background-color: #fff;
	margin: 1% auto 0px;
	padding: 0px 90px;
}

.logindiv>h5{
	font-size: 18px;
	font-weight: 100;
	padding: 31px 0px;
}

#PassForm>h5{
	font-size: 18px;
	font-weight: 100;
	padding: 31px 0px;
}

.loginoul>li>input{
	border: 1px solid #ddd;
	line-height: 40px;
	height: 42px;
	padding-left: 15px;
	outline: none;
}

.loginoul>li>input::-webkit-input-placeholder{
	color: #a0a0a0;
}

.loginoul>li>input:-moz-placeholder{
	color: #a0a0a0;
}

.loginoul>li>input::-moz-placeholder{
	color: #a0a0a0;
}

.loginoul>li>input:-ms-input-placeholder{
	color: #a0a0a0;
}

.loginoulin{
	background: url('../images/loginoul.png') no-repeat 10px center;
	padding-left: 36px !important;
}

.loginoulin1{
	background: url('../images/loginoul1.png') no-repeat 10px center;
	padding-left: 36px !important;
}

.loginoul>li{
	padding: 8px 0px;
}

.loginoul{
	padding-bottom: 40px;
}

.logwh{
	width: 200px !important;
}

.logsp{
	color: #f45a41;
	padding-left: 20px;
	background: url('../images/logsp.png') no-repeat left center;
}

.hqyzma{
	background-color: #0b9efb;
	padding: 11px 30px;
}

.c-45{
	color: #454545;
}

.loga{
	padding: 11px 0px;
}

.jzuse>input{
	margin-right: 10px;
}

.sljjbox>a{
	width:15px;
	height: 20px;
	line-height: 18px;
	color: #666;
	border: 1px solid #e7e7e7;
	text-align: center;
	font-size: 12px;
}

.sljjbox>input{
	width: 34px;
	line-height: 18px;
	height: 20px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	outline: none;
	border-right: 0px;
	border-left: 0px;
	text-align: center;
}

.xjlybox{
	/*position: fixed;*/
	left: 0px;
	padding-top: 0.2rem;
	top: 100%;
}


.salebox{
	background-color: #fff;
}

.salesbox{
	padding-bottom: 4%;
}

.listleft{
	width: 18.334%;
    margin-bottom:3%;
}

.leistright{
	width: 79.167%;
}

.listsjdiv , .protwul , .shoptabul , .vpmptab , .vpadtabul , .vpintabul , .vptabul , .vportabul , .vpottabul , .sjnavbut , .mpfoot{
	display: none;
}

.paswul{
	color: #999;
	padding: 15% 0px;
}

.paswul>li{
	padding: 2.5% 0px;
}

.paswul>li>a{
	width: 150px;
	padding: 9px 0px;
	border: 1px solid #0b9efb;
	border-radius: 20px;
}


@media only screen and (min-width: 0px) and (max-width: 640px){

    .content{
        max-width: 640px;
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
    }

    body{
        font-size: 0.12rem;
    }

    .pcdis , .foot-top , .foot-down{
        display: none;
    }

    .mpdis {
        width: 100%;
        max-width: 640px;
        margin: 0px auto;
    }

    .headdiv {
        height:1.7rem;
    }

    .mpfoot {
        width: 100%;
        max-width: 640px;
        margin: 0px auto;
    }

    .foot-leftul>li>h5{
        font-size: 12px;
    }

    .foot-leftul{
        text-align: center;
    }

    .new-page ul li a{
        font-size: 12px;
    }

    .new-page ul li{
        margin: 0px 2px;
    }

    .new-page ul li a{
        padding: 6px 9px;
    }

    .mpfootul{
        padding: 0.16rem 0px;
    }

    .mpfootul>li{
        width: 20%;
    }

    .mpfootul>li>a>span{
        width: 0.36rem;
        height: 0.36rem;
    }

    .mpfootul>li>a>p{
        color: #454545;
        font-size: 12px;
    }

    .mpfootul>li:hover>a>p{
        color: #4bb033;
    }

    .mpfootul>li:nth-child(1)>a>span{
        background: url('../images/mpfootul.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:nth-child(2)>a>span{
        background: url('../images/mpfootul1.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:nth-child(3)>a>span{
        background: url('../images/mpfootul2.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:nth-child(4)>a>span{
        background: url('../images/mpfootul3.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:nth-child(5)>a>span{
        background: url('../images/mpfootul4.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:hover:nth-child(1)>a>span{
        background: url('../images/mpfootula.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:hover:nth-child(2)>a>span{
        background: url('../images/mpfootula1.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:hover:nth-child(3)>a>span{
        background: url('../images/mpfootula2.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:hover:nth-child(4)>a>span{
        background: url('../images/mpfootula3.png') no-repeat center;
        background-size: 0.36rem;
    }

    .mpfootul>li:hover:nth-child(5)>a>span{
        background: url('../images/mpfootula4.png') no-repeat center;
        background-size: 0.36rem;
    }


}