.red{color:#AE002D}
.bnnr{height:351px;background:url(../img/01.jpg) no-repeat bottom;position:relative;z-index:1}
.mp,h1,.bnnr .p1,.bnnr .p2,.bnnr .dl{position:absolute}
.mp{top:17px;left:18px}

h1{font-size:30px;line-height:30px;font-weight:normal}
.bnnr .p1{font-size:16px;top:142px;left:38px;line-height:38px}
.bnnr .p2{font-size:16px;top:118px;left:38px;line-height:28px}
.dl{top:250px;left:40px;width:500px}
.dl a,.r01 a.a3{display:block;height:45px;float:left;background:url(../img/01.gif)}
.r01 a.a3:hover{ text-decoration:none; }
.dl .a1{width:198px;background-position:0 -90px;margin-right:16px}
.dl .a1:hover{background-position:0 -135px}
.dl .a2{width:149px;background-position:0 -180px}
.dl .a2:hover{background-position:0 -225px}
.dl .a3,.r01 a.a3{width:198px;background-position:0 -270px;margin-right:16px}
.dl .a3:hover,.r01 a.a3:hover{background-position:0 -315px}
.dl .a4{width:149px;background-position:0 -360px}
.dl .a4:hover{background-position:0 -405px}
.dl .a5{width:149px;background-position:0 -450px}
.dl .a5:hover{background-position:0 -495px}
.r01 a.a2{display:block;height:45px;width:149px;background:url(../img/01.gif) 0 -180px}
.r01 a.a2:hover{background:url(../img/01.gif) 0 -225px}
.r01 a.a3{margin-right:40px}
.r010{height:60px}
.r010 p{float:left;width:450xp;padding-top:12px}


.ic1{height:158px;width:982px;background:url(../img/07.gif) repeat-x bottom;padding-top:1px}
.ic1 a:hover{text-decoration:none}
.ic1 ul li{float:left;width:327px;height:158px;background:url(../img/04.gif) no-repeat right center;position:relative}
.ic1 ul li div{width:326px;height:130px;padding-top:18px}
.ic1 ul li div.cur{background:url(../img/03.jpg) repeat-x}
.ic1 h2{font-size:20px;text-align:center;height:30px}
.ic1 p{color:#666;margin:0 auto;font-size:12px;}
.ic1 p.p1{width:220px}
.ic1 p.p2{width:212px}
.ic1 p.p3{width:220px}
.ic1 .p4{position:absolute;top:99px;right:20px;height:40px;width:41px;background:url(../img/05.gif) no-repeat}
.ic1 .bg2{background-position:0px -40px}
.ic1 .bg3{background-position:0px -80px}
.ic1 .bg4{background-position:0px -120px;top:128px;}
.l{float:left;width:240px;}
.r{float:left;width:741px;border-left:1px solid #999;font-size:14px}

.ps{padding-left:6px}
.ps a{display:block;width:146px;height:29px;color:#fff;font-size:16px;background:url(../img/05.jpg) 0 -122px;padding:16px 0 0 83px}
.ps a:hover{text-decoration:none;background-position:0 -167px}
.and .ps a{background:url(../img/05.jpg) 0 -212px;}
.and .ps a:hover{text-decoration:none;background-position:0 -257px}

.l h2{padding-top:20px;padding-left:21px;font-size:13px;height:26px;font-weight:bold}
.ul01{padding-left:21px;padding-bottom:15px;background:url(../img/09.gif) no-repeat bottom}
.ul01 a{color:#333}
.ul01 a:hover{text-decoration:underline}
.ul01 li{padding:0 15px 7px 0}

.r h2{font-size:22px;line-height:36px;padding-bottom:12px}
.r01{padding:0px 0 20px 23px}
.r01 p{line-height:24px;padding-bottom:18px}
.r .red{color:#AE002D;font-weight:bold}

.r01w{background:url(../img/06.png) no-repeat 540px 50px;}
.r01a{background:url(../img/07.jpg) no-repeat right 50px;}
.r01w p{width:468px}
.r01a p{width:650px}

.r02{background:url(../img/07.gif) repeat-x top;padding-bottom:30px}
.r02 li{padding:36px 0 30px 310px;}
.r02 p{width:400px;line-height:28px;  margin:0;}
.r02 li.li1{background:url(../img/op02.jpg) no-repeat 39px 45px}
.r02 li.li2{background:url(../img/op01.gif) no-repeat 36px 70px}
.r02 li.li3{background:url(../img/op02.gif) no-repeat 50px 50px}
.r02 li.li4{background:url(../img/op03.jpg) no-repeat 52px 50px}
.r02 li.li5{background:url(../img/op04.jpg) no-repeat 66px 50px}
.r02 li.li6{background:url(../img/op05.jpg) no-repeat 56px 50px}
.r02 li.li7{background:url(../img/op03.gif) no-repeat 58px 60px}

.l02,.l021{display:block;height:32px;background:url(../img/qr.jpg) no-repeat center;font-size:14px;text-align:center;padding-top:225px}
.l021{background:url(../img/qr.gif) no-repeat center;}
.r03,.r04 { padding-top:20px; background:url(../img/07.gif) repeat-x top}
.r04{}
.r03 h2{padding-left:30px}
.r03 p{padding-left:30px;line-height:26px;width:688px}
.r03 ul{height:420px;background:url(../img/oa02.jpg) no-repeat 12px 0}
.r03 li{float:left}
.r03 .l1{padding-left:167px;width:325px;height:200px;padding-top:10px}
.r03 .l2{width:235px;height:200px;padding-top:10px}
.r03 li p{width:225px}
.r03 li h3{line-height:20px;font-size:14px;padding-bottom:8px}
.r03 li p{background:url(../img/dot.gif) no-repeat 0px 6px;padding-left:8px;line-height:18px;padding-bottom:6px;font-size:12px}
.r03 .p1{padding-bottom:30px}
.r031 img{float:left;margin-right:15px;margin-top:10px}
.r035 img{float:left;margin-right:15px;margin-top:16px}
.r031{padding-bottom:12px}
/*.r031 p{float:left}*/

.pro{padding:20px 0}
.prop{background:url(../img/30d.png) no-repeat 40px 220px}
.prop1{background:url(../img/30d.png) no-repeat 40px 268px}
.pro h2{height:45px;padding-left:19px;font-size:20px;line-height:22px;font-weight:normal}
.pro h1,.r01 h1{position:static;font-size:24px;color:#00327D;height:50px;line-height:26px;padding-left:19px;font-weight:bold}
.r01 h1{padding-left:0}
.pro .left{float:left;width:200px;text-align:center;padding-top:8px}
.pro .right{float:left;width:535px}
.pro .p1{width:512px;line-height:20px}
.pro .p1 p{padding-bottom:12px}
.pro .red{font-weight:bold}
.pro .p2{padding-left:50px}
.pro a.d{float:left;display:block;width:134px;height:25px;background:url(../img/05.jpg) 0 -302px;color:#fff;font-size:13px;padding:8px 0 0 25px;text-align:center;margin-right:54px}
.pro a.d:hover{background:url(../img/05.jpg) 0 -335px;;text-decoration:none}
.and .pro a.d{background:url(../img/05.jpg) 0 -434px;}
.and .pro a.d:hover{background:url(../img/05.jpg) 0 -467px;;text-decoration:none}
.pro a.b{float:left;display:block;width:86px;height:25px;background:url(../img/05.jpg) 0 -368px;color:#fff;font-size:18px;padding:8px 0 0 39px;}
.pro a.b:hover{background:url(../img/05.jpg) 0 -401px;;text-decoration:none}
.pro .right .p2 span{float:left;font-weight:bold;padding-left:8px;padding-top:5px}
.pro .p3{clear:both;padding:15px 0 0 20px;line-height:22px}

.r04{}
.r04 h2{padding-left:20px}
.r04 li{clear:both;zoom:1;padding-bottom:20px}
.r04 li:after{content: "."; display: block; height: 0; clear: both; visibility:hidden}
.r04 .p1{float:left;padding-left:20px;position:relative}
.r04 .p1 img{width:170px;height:120px}
.vb{position:absolute;display:block;width:22px;height:22px;top:100px;left:170px;background:url(../img/view-big.png)}
.r04 .p2{float:left;width:508px;line-height:22px;padding-left:20px}
.r04 h3{font-size:14px;height:24px;padding-left:10px;background:url(../img/ar.gif) no-repeat 0 8px}

.nb{height:429px;width:982px;color:#fff}
.nb .nav{top:0;left:0;z-index:9}
.nb .bnnr{top:0;left:0;position:absolute;height:429px}
.nb .mp{top:68px}
.nb a{color:#fff}
.nb a:hover{color:#fff;text-decoration:underline}
.nb h1{top:131px;color:#fff}
.nb .bnnr .p1{top:203px}
.nb .bnnr .p2{top:179px}
.nb .dl{top:321px}
a.dbtn{display:block;width:99px;text-align:center;height:21px;font-size:12px;color:#fff;padding:24px 0 0 50px;background:url(../img/31.gif)}
a.dbtn:hover{color:#fff;text-decoration:none;background:url(../img/31.gif) 0 -45px}

.nnav{height:26px;padding:8px 0 0 10px;border-bottom:1px solid #ddd; width:972px; white-space:nowrap; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.bj1{text-align:right;padding-right:30px;height:24px}
.bj2{height:190px;width:701px;background:url(../../../images/img/office-serial-2012.jpg) no-repeat;margin:0 auto}
.bj2 a{width:60px;height:31px;color:#fff;background:url(../img/08.jpg);display:block;position:absolute;padding:2px 0 0 33px;overflow:hidden;font-size:12px}
.bj2 a:hover{color:#fff;text-decoration:none}
.bj2 b{display:block}
.x{top:57px}
.x:hover{background-position:0 -33px}
a.y{top:105px;background-position:0 -66px}
.y:hover{background-position:0 -99px}
.bj2 .z1{left:178px}
.bj2 .z2{left:524px}
.bj2 .z3{left:621px}
.bj2 a.cp{width:78px;height:119px;padding:0;background:none;top:24px}
.bj2 a.cp1{left:60px}
.bj2 a.cp2{left:404px}
.bj2 a.cp3{left:512px}
.bj2 a.lk{height:18px;padding:0;background:none;top:28px}
.bj2 a.lk1{left:170px;width:85px}
.bj2 a.lk2{left:524px;width:66px}
.bj2 a.lk3{left:646px;width:36px}

/* ---------------- */
/*Gavin*/
.tag{ padding-top:10px;font-size:20px;}

.tag li{float:left;height:30px; list-style:none; width:177px;text-align:center;padding-top:12px;}
.tag li a{color:#a7dc5f;text-decoration:none;}
.line{ float:right;padding-top:3px;}
.ck{background-image:url(../img/affiliate-bg.jpg); }