* {margin:0;padding:0;}
body {font-family:"ËÎÌå", Arial;font-size:12px;line-height:20px;color:#fff;margin:0 auto;background:#b30f0a url(images/bg.jpg) no-repeat center top}
a {color:#F00;text-decoration:none;}
a:hover {color:#f60;text-decoration:underline;}
ul,li {list-style:none;}
ul,li,p,dl,dt,dd,a,img{padding:0px;margin:0px; border:0}
.l {float:left;} .r {float:right;}

 img{display: block;}
.bodya {width:1200px;margin:0 auto;}
.body_div{width:1200px;margin:0 auto;}
.f14{ font-size:14px}
.f30{font-family:"΢ÈíÑźÚ";font-size:30px; line-height:50px;}
.c_f00{ color:#F00}
.b_ececec{background:#c00000;}
.nav_100{width:100%;background:#a11401;border-top:1px solid #ad113a;}
.nav3 {font-family:"΢ÈíÑźÚ";font-size:16px;width:1100px;padding:0 5px; margin:0 auto; color:#FFF;}
.nav3 li {float:left;padding:0 10px;text-align:center;height:46px;line-height:42px;}
.nav3 li a{ color:#FFF;border-right:1px solid #ad113a; padding:0 20px;}

.bra{width:1160px; float:left; padding:20px;}
	.bra li{width:220px; height:220px; float:left; margin:20px 35px; text-align:center;border-radius: 50%;background:url(images/pp_bg1.png) no-repeat center top; }
	.bra li img{ padding:10px; margin:0 auto;background:#fff;margin-top:58px;}
	.bra .bt{width:1150px; height:61px; padding:40px 0;}
	.bra .ty{background:url(images/bt1.png) no-repeat center top; background-size: contain; }
	.bra .dp{background:url(images/bt2.png) no-repeat center top; background-size: contain; }
	.bra .xh{background:url(images/bt3.png) no-repeat center top; background-size: contain; }
	.bra .cp{background:url(images/bt4.png) no-repeat center top; background-size: contain; }
	.bra .al{background:url(images/bt5.png) no-repeat center top; background-size: contain; }
	.bra li a{ font-size:12px}
	.bra li img:hover{ border:1px #900 solid;padding:8px;}


	.toap li img{ padding:5px !important; margin:0 auto;background:#fff;margin-top:27px !important;}


.yxcp{width:1160px; float:left; padding:20px;}
	.yxcp li{width:320px; height:260px; float:left; margin:20px 25px; text-align:center;border-radius: 10%; line-height:35px; background:#FFF;}
	.yxcp li img{ padding:2px; margin:0 auto;background:#fff;margin-top:18px;}
	.yxcp .bt{width:1150px; height:61px; padding:40px 0;}
	.yxcp .cp{background:url(images/bt4.png) no-repeat center top; background-size: contain; }
	.yxcp .al{background:url(images/bt5.png) no-repeat center top; background-size: contain; }
	.yxcp li a{ font-size:14px}
	.yxcp li img:hover{ border:1px #900 solid;padding:8px;}


/* ÄÚÈÝÇøµ×²¿ */
.btm{width:100%;height:87px;margin:10px 0 0 0;text-align:center;border-top:1px #CBCBCB solid;padding-top:5px;clear:both; float:left; background-color:#FFF}
.btm a{ color:#444}

@media (min-width:768px) and (max-width:1200px){
body {font-family:"ËÎÌå", Arial;font-size:12px;line-height:20px;color:#444;margin:0 auto;}
.bodya {width:100%;}
.body_div, .top{width:100%;}
.top img{width:100%; height:100%}

.nav_100{width:100%;background:#880f21;border-top:1px solid #ad113a;}
.nav3 {font-family:"΢ÈíÑźÚ";font-size:16px;width:95%;padding:0 5px; margin:0 auto; color:#FFF;}
.nav3 li {float:left;padding:0 15px;text-align:center;height:46px;line-height:42px;}
.nav3 li a{ color:#FFF;border-right:1px solid #ad113a; padding:0 10px;}

.bra{width:80%; float:left;border:0; padding:10%;}
	.bra li{width:160px; height:90px; min-height:90px; float:left; border:1px #ccc solid; margin:5px; text-align:center;background:#fff;border-radius:5%;}
	.bra li img{ padding:5px; margin:0 auto}
	.bra .bt{ display:block;width:90%;}

	.toap li{width:160px; height:200px !important; float:left; border:1px #ccc solid; margin:5px; text-align:center;background:#fff;border-radius:5%;}
	.toap li img{ padding:5px !important; margin:0 auto;background:#fff;margin-top:27px !important;}
	
	
.yxcp{width:80%; float:left;border:0; padding:10%;}
	.yxcp li{width:170px; height:180px; float:left; margin:5px; text-align:center;border-radius: 5%;line-height:25px;}
	.yxcp li img{ padding:5px; margin:0 auto;background:#fff;width:150px; height:120px}
	.yxcp .bt{width:90%;}
	.yxcp li a{ font-size:14px}
	.yxcp li img:hover{ border:1px #900 solid;padding:5px;}
	
	
	
}

@media (max-width:768px) {
body {font-family:"ËÎÌå", Arial;font-size:12px;line-height:20px;color:#444;margin:0 auto;}
.bodya {width:100%;}
.body_div, .top{width:100%;}
.top img{width:100%; height:100%}

.nav3 {display:none}
.bra{width:100%; float:left;border:0; padding:0;}
	.bra li{width:160px;height:120px; float:left; border:1px #ccc solid; margin:5px; text-align:center;background:#fff;border-radius:5%;}
	.bra li img{ padding:5px; margin:0 auto}
	.bra i{ display:none;}
	.bra .bt{ display:block;width:90%; }
	.bra li:hover{ border:1px #900 solid;}
	
	.toap li{width:160px; height:200px !important;float:left; border:1px #ccc solid; margin:5px; text-align:center;background:#fff;border-radius:5%;}
	.toap li img{ padding:5px !important; margin:0 auto;background:#fff;margin-top:27px !important;}


.yxcp{width:100%; float:left;border:0; padding:0;}
	.yxcp li{width:150px; height:130px; float:left; margin:20px 5px; text-align:center;border-radius:10%; line-height:15px;}
	.yxcp li img{ padding:5px; margin:0 auto;background:#fff;width:130px; height:80px}
	.yxcp .bt{width:90%;}
	.yxcp li a{ font-size:12px}
	.yxcp li img:hover{ border:1px #900 solid;padding:5px; width:130px; height:80px}
	

}