@charset "gb2312";
/* CSS Document */
* {margin:0;padding:0;}
body {font:12px "\5FAE\8F6F\96C5\9ED1";color:#444;line-height:20px;background:#fff url(images/bg.jpg) no-repeat top;}

img{animation:roll 1s forwards;}
			img:hover {transform:scale(1.1);}
img{animation:big 1s forwards;}

@keyframes roll{
	from{transform:scale(2);opacity:0;}
	70%{transform:scale(.8);opacity:1;}
	100%{transform:scale(1);opacity:1;}
}
@keyframes big{
	from{transform:scale(1.1);}
	60%{transform:scale(.6);opacity:1;}
	80%{transform:scale(.7);opacity:1;}
	100{transform:scale(.8);opacity:1;}
	
}


img {border:none;display:block;}
ul,li {list-style:none;}
a{ text-decoration:none; color:#333; outline:none;}
a:hover{ background-repeat:no-repeat; color:#cc090e;}
.clear{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur())}

.l {float:left;} .r {float:right;} .qc {clear:both;}

.top {margin:0 auto;width:1200px;}
.top img{animation:roll 1s forwards;}
			.top img:hover {transform:scale(1.05);}
.top img{animation:big 1s forwards;}

@keyframes roll{
	from{transform:scale(2);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@keyframes big{
	from{transform:scale(2);opacity:0;}
	100{transform:scale(1);opacity:1;}
	
}



.bodya {width:1200px; margin:0 auto;}
.f18{ font-size:26px; font-weight:700; color:#FFF}

.dy{width:100%; height:140px;background:url(images/dy_bg.jpg) center no-repeat; float:left}
.w530 {width:1150px;float:left;height:115px; font-size:18px; line-height:30px; padding:5px 20px 0; color:#000}

.dhbg {width:100%;color:#4d93d1;font-size:46px;height:180px;line-height:170px;text-align:center; background:url(images/title_bg.jpg) center no-repeat; float:left; margin:40px 0 10px}

.nav{width:100%;height:65px; background:#013476;float:left;min-width:1200px;border-top:1px solid #0a4da4;}
	.nav li {float:left;font-size:28px;line-height:65px;border-right:1px solid #0a4da4; padding:0 5px;}
	.nav li:hover {background:#0a4da4;}
	.nav li a {color:#fff;display:inline-block;padding:0 10px;}
	.nav li a:hover {background:#0a4da4;text-decoration:none;color:#fff;}


.bg1{width:100%;background-color:#f5f5f5; float:left; margin:10px 0; padding-bottom:50px;}

/*技术*/

.sdsj {background:url(images/jsqs_bg.jpg) no-repeat center top;position:relative;width:1200px;height:995px; float:left;line-height:25px;}
	.sdsj li {position:absolute; font-size:15px}
	.sdsj li p { float:left; margin:5px 10px 0 10px;}
	.sdsj .g01 {bottom:145px;left:0; width:400px;}
	.sdsj .g02 {top:300px;left:0; width:380px;}
	.sdsj .g03 {top:130px;left:0; width:460px;}
	.sdsj .g04 {top:0;left:500px; width:350px;}
	.sdsj .g05 {top:30px;right:0; width:500px;text-align:right;}
	.sdsj .g06 {top:130px;right:0; width:465px;text-align:right;}
	.sdsj .g07 {top:320px;right:0; width:400px;text-align:right;}
	.sdsj .g08 {top:530px;left:0; width:380px;}
	.sdsj .g09 {top:500px;right:0; width:400px; text-align:right}
	.sdsj .g10 {top:685px;left:300px; width:570px;}
	.sdsj li b{font-size:18px;}

	.sdsj .g11 {font-size:18px; line-height:32px; bottom:30px;left:0; background:#f1f1f1;width:1180px; padding:10px 10px; border-radius:10px; color:#444}

	.sdsj li p:hover{ color:#cc090e}

		.sdsj li img {float:left;border-radius:50%;border:1px solid #014db0; opacity: 0.5; margin-left:10px}
		.sdsj .g01 img,.sdsj .g02 img,.sdsj .g03 img,.sdsj .g08 img {float:right;border-radius:50%; background-color:#d8a488}
		.sdsj li img:hover {border:1px solid #d8a488;opacity: 1;}

	
	
	
/*家用篇*/

.jyp {background:url(images/jyqs_bg.jpg) no-repeat center top;position:relative;width:1200px;height:755px; float:left;line-height:25px;}
	.jyp li {position:absolute; font-size:15px}
	.jyp li p { float:left; margin:5px 10px 0 10px;}
	.jyp .g03 {top:0;left:450px; width:350px;}
	.jyp .g03 img {float:none; margin-left:100px}
	.jyp .g02 {top:80px;right:0; width:400px;}
	.jyp .g01 {top:80px;left:0; width:380px;}
	.jyp .g05 {bottom:220px;right:0; width:480px;}
	.jyp .g04 {bottom:220px;left:0; width:460px;}
	.jyp li b{font-size:18px;}

	.jyp .g11 {font-size:18px; line-height:32px; bottom:0;left:0; background:#f1f1f1;width:1180px; padding:10px 10px; border-radius:10px; color:#444}

	.jyp li p:hover{ color:#cc090e}

		.jyp li img {float:left;border-radius:50%;border:1px solid #014db0; opacity: 0.5; margin:0 10px}
		.jyp .g01 img,.jyp .g04 img {float:right;border-radius:50%; background-color:#d8a488}
		.jyp li img:hover {border:1px solid #d8a488;opacity: 1;}


/*商教*/

.gcp {background:url(images/gcqs_bg.jpg) no-repeat center top;position:relative;width:1200px;height:515px; float:left;line-height:25px;}
	.gcp li {position:absolute; font-size:15px}
	.gcp li p { float:left; margin:5px 10px 0 10px;}
	.gcp .g03 {top:50px;right:0; width:380px;}
	.gcp .g02 {bottom:170px;left:0; width:370px;}
	.gcp .g01 {top:50px;left:0; width:380px;}
	.gcp .g04 {bottom:150px;right:0; width:390px;}
	.gcp .g05 {top:0;left:400px; width:380px; text-align:center}
	
	.gcp li b{font-size:18px;}

	.gcp .g11 {font-size:18px; line-height:32px; bottom:0;left:0; background:#f1f1f1;width:1180px; padding:10px 10px; border-radius:10px; color:#444}

	.gcp li p:hover{ color:#cc090e}

		.gcp li img {float:left;border-radius:50%;border:1px solid #014db0; opacity: 0.5; margin-right:10px;}
		.gcp .g03 img,.gcp .g04 img {float:right;border-radius:50%; background-color:#d8a488}
		.gcp li img:hover {border:1px solid #d8a488;opacity: 1;}

/*车载*/

.sjp {background:url(images/sjqs_bg.jpg) no-repeat center top;position:relative;width:1200px;height:676px; float:left;line-height:25px;}
	.sjp li {position:absolute; font-size:15px}
	.sjp li p { float:left; margin:5px 10px 0 10px;}
	.sjp .g03 {top:10px;right:0; width:350px;}
	.sjp .g02 {bottom:180px;left:0; width:470px;}
	.sjp .g01 {top:10px;left:0; width:380px;}
	.sjp .g04 {bottom:200px;right:0; width:450px;}
	.sjp .g05 {top:0;left:420px; width:380px; text-align:center}
	.sjp li b{font-size:18px;}

	.sjp .g11 {font-size:18px; line-height:32px; bottom:0;left:0; background:#f1f1f1;width:1180px; padding:10px 10px; border-radius:10px; color:#444}

	.sjp li p:hover{ color:#cc090e}

		.sjp li img {float:left;border-radius:50%;border:1px solid #014db0; opacity: 0.5; margin-right:10px;}
		.sjp .g03 img,.sjp .g04 img {float:right;border-radius:50%; background-color:#d8a488}
		.sjp li img:hover {border:1px solid #d8a488;opacity: 1;}


/*micro*/

.mic {background:url(images/micro.jpg) no-repeat center top;position:relative;width:1200px;height:666px; float:left;line-height:25px;}
	.mic li {position:absolute; font-size:15px}
	.mic li p { float:left; margin:5px 10px 0 10px;}
	.mic .g03 {top:10px;right:0; width:350px;}
	.mic .g02 {bottom:180px;left:0; width:470px;}
	.mic .g01 {top:70px;left:0; width:380px;}
	.mic .g04 {bottom:110px;right:0; width:390px;}
	.mic .g05 {top:0;left:420px; width:780px;}
	.mic li b{font-size:18px;}

	.mic .g11 {font-size:18px; line-height:32px; bottom:0;left:0; background:#f1f1f1;width:1180px; padding:10px 10px; border-radius:10px; color:#444}

	.mic li p:hover{ color:#cc090e}

		.mic li img {float:left;border-radius:50%;border:1px solid #014db0; opacity: 0.5; margin-right:10px;}
		.mic .g03 img,.mic .g04 img {float:right;border-radius:50%; background-color:#d8a488}
		.mic li img:hover {border:1px solid #d8a488;opacity: 1;}



	
/*事件*/



.dsjbg {background:url(images/dsj_bg.jpg) no-repeat center top;position:relative;width:1200px;height:750px; float:left;}
	.dsjbg li {position:absolute; padding:10px 0;border-radius:25px;}
	.dsjbg li:hover {background:#015fb7; color:#FFF}
	.dsjbg li:hover a { color:#FFF}
	.dsjbg li p { float:left; margin:5px 10px 0 10px;font-size:15px;}
	.dsjbg .g01 {top:150px;left:0; width:200px;line-height:22px; }
	.dsjbg .g02 {top:-40px;left:160px; width:200px;line-height:22px; }
	.dsjbg .g03 {top:160px;left:280px; width:270px;line-height:22px; }
	.dsjbg .g04 {top:-10px;left:430px; width:440px;line-height:22px;}
	.dsjbg .g05 {top:140px;left:720px; width:280px;line-height:22px; }
	.dsjbg .g06 {bottom:300px;left:200px; width:220px;line-height:22px; }
	.dsjbg .g07 {bottom:290px;left:570px; width:250px;line-height:22px; }
	.dsjbg .g08 {bottom:170px;left:250px; width:280px;line-height:22px;border-bottom:0;}
	.dsjbg .g09 {bottom:250px;right:110px; width:240px;line-height:22px;border-bottom:0; }
	.dsjbg .g10 {top:220px;right:0; width:230px;line-height:22px;border-bottom:0; }
	.dsjbg li b { font-size:18px; margin-bottom:5px; display:block;}

	.dsjbg .g11 {font-size:18px; line-height:28px; bottom:20px;left:0; background:#f1f1f1;width:1160px; padding:20px; border-radius:15px; color:#444;}

	.dsjbg li p:hover{ color:#cc090e}
	.dsjbg li p:hover a { color:#FFF}

		.dsjbg li img {float:left;border-radius:50%;border:1px solid #014db0; opacity: 0.5; margin-right:10px;}
		.dsjbg .g08 img,.dsjbg .g104 img {float:right;border-radius:50%; background-color:#d8a488}
		.dsjbg li img:hover {border:1px solid #d8a488;opacity: 1;}

.pjzj {background:url(images/zj_bg.gif) no-repeat center top;position:relative;width:1200px;height:1336px; float:left; margin-top:10px;}
	.pjzj li {position:absolute; width:500px;}
	.pjzj li:hover {background:#ccc;border:1px solid #ccc;border-radius:15px; }
	.pjzj li p {font-size:15px; margin-top:5px;width:500px; float:left; line-height:22px;}
	.pjzj .g01 {top:40px;left:0;}
	.pjzj .g02 {top:40px;right:0;}
	.pjzj .g03 {top:210px;left:0;}
	.pjzj .g04 {top:190px;right:0;}
	.pjzj .g05 {top:380px;left:0;}
	.pjzj .g06 {top:380px;right:0;}
	.pjzj .g07 {top:530px;left:0;}
	.pjzj .g08 {top:520px;right:0;}
	.pjzj .g09 {top:690px;left:0;}
	.pjzj .g10 {top:670px;right:0;}
	.pjzj .g12 {top:830px;left:0;}
	.pjzj .g13 {top:850px;right:0;}
	.pjzj .g14 {top:980px;left:0;}
	.pjzj .g15 {top:1020px;right:0;}
	
	.pjzj .g11 {font-size:20px; line-height:32px; bottom:50px;left:0; background:#f1f1f1;width:1180px; padding-bottom:10px; padding:10px;border-radius:10px;border:1px solid #ccc; color:#444}
	.pjzj li p:hover{ color:#cc090e}
	.pjzj li h2 {font-size:18px;font-weight:bold;height:30px;line-height:30px}
	.pjzj li.g02 h2,.pjzj li.g04 h2,.pjzj li.g06 h2,.pjzj li.g08 h2,.pjzj li.g10 h2 ,.pjzj li.g13 h2,.pjzj li.g15 h2  {text-align:right;}


/*产品盘点*/
.zt-cp {width:1200px; padding-bottom:30px;}
	.zt-cp li {float:left;display:inline;width:220px;padding:15px 0; margin-right:25px;}
		.zt-cp .brw {margin-right:0;}
		.zt-cp .bbw {border-bottom:none;}
	.zt-cp li img {width:220px;margin:0 0 10px 0; border:1px solid #CCC;}
	.zt-cp li img:hover {border:1px solid #cc090e;filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3}
	.zt-cp li h2 {font-size:16px;font-weight:bold;text-align:center;height:40px;line-height:26px;background:url(images/pdt_t_bg.jpg) no-repeat;}

/*qushi*/
.wlqs {background:url(images/qs_bg.jpg) no-repeat center top;position:relative;width:1200px;height:758px; float:left; margin-top:10px;}
	.wlqs li {position:absolute; height:136px; padding-left:7px;}
		.wlqs li img {float:left;border-radius:50%;border:1px solid #014db0; opacity: 0.5; margin-left:10px}
		.wlqs .g01 img,.wlqs .g02 img,.wlqs .g03 img,.wlqs .g07 img,.wlqs .g09 img {float:right;border-radius:50%; background-color:#d8a488}
		.wlqs li img:hover {border:1px solid #d8a488;opacity: 1;}
		
	.wlqs li h2 {font-size:20px;display:block;height:28px;line-height:28px;margin-top:10px; text-align:right}
	.wlqs li p {font-size:14px;width:430px; margin-top:2px; float:left; padding-left:20px; line-height:22px}
	
	.wlqs .g01 {top:10px;left:60px;width:555px; text-align:left}
	
	.wlqs .g04 {top:80px;right:0;width:505px;}
	.wlqs .g04 p {width:380px; }

	.wlqs .g02 {top:78px;left:23px;width:425px;}
	.wlqs .g02 p {width:300px; }
	
	.wlqs .g05 {top:250px;right:0;width:435px;}
	.wlqs .g05 p {width:315px; }

	.wlqs .g03 {top:250px;left:0;width:378px;}
	.wlqs .g03 p {width:255px; }
	
	.wlqs .g06 {top:432px;right:80px;width:355px;}
	.wlqs .g06 p {width:235px; }

	.wlqs .g07 {top:430px;left:0;width:378px;}
	.wlqs .g07 p {width:255px; }

	.wlqs .g08 {bottom:24px;right:0;width:506px;}
	.wlqs .g08 p {width:345px; }
	.wlqs .g08 h2 {text-align: center}

	.wlqs .g09 {bottom:24px;left:0;width:449px;}
		.wlqs .g09 p {width:325px; }

	.wlqs .g10 {bottom:-47px;right:274px;width:399px;}
		.wlqs .g10 p {width:265px; }
		.wlqs .g10 h2 {margin-top:30px;}


.wrapper {padding:20px 0;width:1200px;overflow:hidden; margin:0 auto;}



.btm {line-height:30px;padding:20px 0;border:none;}