/* CSS Document */
.main{ width:1200px; margin:0 auto; background: #fff;}
.border-box{border: 1px solid #dfdfdf;}

.main{ width:100%; margin:0 auto;}
/* margin and padding */
.manbox{ width:100%; height:auto;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 




/*慈善切换*/
.ZN_cs{ width:100%; height:auto; background:#26298c; overflow:hidden; margin:0 auto;}
.slideTxtBox{ width:100%; margin:0 auto; overflow:hidden;}
.slideTxtBox .hd{ width:93%; margin:1% auto 11% auto; height:auto; position:relative;}
.slideTxtBox .hd ul{ float:left; position:absolute; width:100%;}
.slideTxtBox .hd ul li{ width:32%; height:auto; float:left; cursor:pointer; margin-left:2%; background:#eeeeee; color:#353526; font-size:1.2em; font-weight:bold; text-align:center; padding:2% 0 2% 0;}
.slideTxtBox .hd ul li.on{ height:auto;  background:#ffff00;}
.slideTxtBox .bd_box{ width:93%; height:auto; margin:0 auto 6% auto;}
.slideTxtBox .bd_box img{ width:100%;}
.slideTxtBox .bd_box .box_left{ width:100%; height:auto;}
.slideTxtBox .bd_box .box_right{ width:100%; height:auto; font-size:1em; color:#FFF; line-height:1.5em; text-align:center; margin-top:2%;}
@media (min-width: 640px){
.ZN_cs{ width:640px; height:auto; background:#26298c; overflow:hidden;}
.slideTxtBox{ width:640px; margin:0 auto;}
.slideTxtBox .hd{ width:600px; height:auto; line-height:50px; position:relative; margin:1% auto 13% auto;}
.slideTxtBox .hd ul{ float:left; position:absolute; margin-top:10px;}
.slideTxtBox .hd ul li{ width:188px; height:50px; float:left; cursor:pointer; margin-left:18px; background:#eeeeee; color:#353526; font-size:24px; font-weight:bold; text-align:center; padding:0;}
.slideTxtBox .hd ul li.on{ height:50px;  background:#ffff00;}
.slideTxtBox .bd_box{ width:600px; height:auto; margin:25px auto 28px auto;}
.slideTxtBox .bd_box .box_left{ width:600px; height:381px;}
.slideTxtBox .bd_box .box_right{ width:600px; height:auto; font-size:18px; color:#FFF; line-height:30px; text-align:center; margin-top:8px;}
	}


/*名人切换*/
.ZN_mr{ width:100%; height:auto; background:#26298c; overflow:hidden; padding-bottom:4%; margin:0 auto;}
.slideTxtBox1{ width:100%; margin:5% auto; overflow:hidden;}
.slideTxtBox1 .hd{ width:100%; height:auto; position:relative; margin-bottom:9%;}
.slideTxtBox1 .hd ul{ float:left; position:absolute; width:100%;}
.slideTxtBox1 .hd ul li{ width:45%; height:auto; float:left; cursor:pointer; margin-left:3.5%; background:#eeeeee; color:#353526; font-size:1.2em; font-weight:bold; text-align:center; padding:2.2% 0 2.2% 0;}
.slideTxtBox1 .hd ul li.on{  background:#ffff00;}
.slideTxtBox1 .bd_box1{ width:96%; height:auto; margin:0 auto;}
.slideTxtBox1 .bd_box1 .tp{ float:left; width:47%; height:auto; margin:2% 0 0 2%;}
.slideTxtBox1 .bd_box1 .tp img{ width:100%;}
@media (min-width: 640px){
.ZN_mr{ width:640px; height:auto; background:#26298c; overflow:hidden; padding-bottom:45px; margin:0 auto;}
.slideTxtBox1{ width:640px; margin:0 auto;}
.slideTxtBox1 .hd{ width:640px; height:50px; line-height:50px; position:relative; margin:0 auto 3% auto;}
.slideTxtBox1 .hd ul{ float:left; position:absolute; width:640px; margin-top:35px;}
.slideTxtBox1 .hd ul li{ width:292px; height:50px; float:left; cursor:pointer; margin-left:19px; background:#eeeeee; color:#353526; font-size:24px; font-weight:bold; text-align:center; padding:0;}
.slideTxtBox1 .hd ul li.on{ height:50px;  background:#ffff00;}
.slideTxtBox1 .bd_box1{ width:614px; height:auto; margin:40px auto;}
.slideTxtBox1 .bd_box1 .tp{ float:left; width:278px; height:242px; margin-left:20px; margin-top:20px;}
	}