@charset "utf-8";
/*电脑端css*/
/*默认样式*/
*{ margin: 0; padding: 0; }
html,body{ font-family: "微软雅黑"; font-size: 14px; line-height: 24px; color: #333; background: #fff;}
ul,li{ list-style-type: none; }
img{ border: none; }
a{ text-decoration: none; color: #333; }
a:hover{ text-decoration: none; color: #d00000; }
input{ outline: none;}
textarea{ outline: none;}
.clear{ width: 0; height: 0; overflow: hidden; clear: both; line-height: 0;}







/*top*/
.top{ width: 100%; height: 100px; background: #fff; margin: 0 auto;}
.top_c{ width: 1200px; height: auto; margin: 0 auto;}
.top_c h1{ font-size: 32px;  color: #fff; float: left;}
.top_c h1 img{height:100px;}
.top_c p{ font-size: 18px; line-height: 100px; color: #fff; float: right;}
.fr {float: right;}
.but_store li img{height:50px;margin-top: 25px;}
/*banner*/
.banner{ width: 100%; height: auto; margin: 0 auto; clear: both;}
.banner img{ width: 100%; height: auto; display: block;}

/*ppjs*/
.ppjs{ width: 100%; height: auto; margin: 0 auto; clear: both; padding: 40px 0 80px 0; background: #eee;}
.ppjs_c{ width: 1200px; height: auto; margin: 0 auto;}
.ppjs img{ width: 500px; height: 360px; float: right; padding: 16px 0 0 0; border-radius: 10px;}
.ppjs h2{ width: auto; font-size: 30px; line-height: 100px; text-align: center; clear: both;}
.ppjs p{font-size: 15px; line-height: 24px; padding: 20px 0 0 0;}

/*cpzs*/
.cpzs{ width: 100%; height: auto; margin: 0 auto; clear: both; padding: 50px 0 70px 0;}
.cpzs h2{ width: auto; font-size: 30px; line-height: 80px; text-align: center; clear: both;}
.cpzs ul{ width: 1200px; height: auto; margin: 0 auto;}
.cpzs ul li{ width: 285px; height: auto; float: left; margin-left: 20px; margin-top: 20px;}
.cpzs ul li:nth-child(4n+1){ margin-left: 0;}
.cpzs ul li img{ width: 285px; height: auto; display: block; border-radius: 10px;}
.cpzs ul li p{ line-height: 24px; text-align: center;margin-top: 15px;}

/*foot*/
.foot{ width: 100%; height: auto; background: #eee; margin: 0 auto; line-height: 50px; text-align: center;}