@charset "gb2312";
/* CSS Document */

body,div,form,img,ul,ol,li,dl,dt,dd {margin: 0 auto; padding: 0; border: 0;}
ol, ul,li { list-style: none; overflow:hidden;}
.strong { font-weight:bold; }
.wz{ text-align:center;}
.wl{ text-align:left;}
.zi{ font-family: '微软雅黑';}
.dx{ font-size:25px;}
.dx1{ font-size:24px;}
.dx2{ font-size:20px;}
.dx3{ font-size:18px;}
.dx4{ font-size:17px;}
.dx5{ font-size:16px;}
.dx6{ font-size:15px;}
.dx7{ font-size:14px;}
.dx8{ font-size:13px;}
.dx9{ font-size:12px;}
.dx10{ font-size:39px;}
.dx11{ font-size:34px;}

.clear{clear:both;visibility:hidden;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/*导航*/
.head{height:76px;width:1200px;position:relative;margin:0px auto;}
.logo{float:left;display:inline;padding-top:10px;}
.head_right{position:absolute;right:0px;top:0px;z-index:1;}
.head_dh{background:#ee7800;font-size:16px;font-family:'Microsoft YaHei',Arial;height:44px;line-height:44px;min-width:1200px;color:#ffffff;}
.w1200{width:1200px;margin:0px auto;}
.head_dh ul li{float:left; position:relative; z-index:3;}
.head_dh ul li a.navia:link,.head_dh ul li a.navia:visited{padding:0px 28px;color:#ffffff;display:block; text-decoration: none;}
.head_dh ul li a.navia:hover{background:#484848; text-decoration: none;}
.head_dh ul li .tc{ position:absolute; width:100%; left:0; top:44px; background:url(./images/navibg.png); padding-bottom:8px; display:none;}
.head_dh ul li .tc a{ display:block; height:33px; line-height:32px; background:url(./images/naviline.png) repeat-x bottom; text-align:center; color:#fff; font-size:14px;}
.head_dh ul li.w162{width:162px;position:relative;z-index:20;}
.head_dh ul li.w162 a:link,.head_dh ul li.w162 a:visited{padding:0px}
.head_dh ul li.w162 .title{background:#484848;text-align:center;}
.head_dh ul li.w162 .show{display:none;width:100%;position:absolute;top:44px;left:0px;}
.head_dh ul li.w162 .show dl{ display:block;font-size:14px;color:#ffffff;}
.head_dh ul li.w162 .show dl dt{background:url(./images/dh_bg_1.png);line-height:40px;height:40px;}
.head_dh ul li.w162 .show dl dd{background:url(./images/dh_bg_2.png);line-height:39px;height:39px;margin-top:1px;}
.head_dh ul li.w162 .show dl a:link,.head_dh ul li.w162 .show dl a:visited{display:block;background-position:20px center;background-repeat:no-repeat;padding:0px 0px 0px 54px;line-height:39px;height:100%;color:#ffffff;}
.head_dh ul li.w162 .show dl a:hover{background-color:#ee7800;}
.head_dh ul li.head_dh_pr{position:relative;height:44px;font-size:0px;}
.head_dh ul li.head_dh_pr input{background:url(./images/search.png) no-repeat center center;width:60px;height:44px;cursor:pointer;border:none;}
.head_dh ul li.on a{background:#484848 !important; text-decoration: none;}
.head_dh ul li.head_dh_pr{position:relative;height:44px;font-size:0px;float:right;margin-right:240px;display:none; }

/*banner*/
.banner{ width:100%; background: url(./images/pengren_01.jpg) center no-repeat; height:656px; position:relative;}
.juzong{  width:1000px; margin:0 auto;}
.mii{ position:absolute; width:1000px; height:656px; }
/*五大理由*/
.wdly{ width:100%; background-color:#ffe286; height:440px;}
.lybt{ width:280px; padding-top:50px;}
.lyxq{ width:1220px; height:220px; padding-top:40px;}
.qk{ width:240px; height:220px; padding-right:5px;}
.qkk{ width:240px; height:220px;}
.qk1{ width:220px; height:115px; background:url(./images/pengren_04.jpg) center repeat; color:#FFF; padding:15px 10px 0px 10px;}
.qk2{ width:190px; height:50px; background:url(./images/pengren_05.jpg) center repeat; color:#fce000; padding:25px 25px 0px 25px;}
.hb{ width:220px; height:85px; background:url(./images/pengren_04.jpg) center repeat; color:#FFF; padding:45px 10px 0px 10px;}
.xr{ width:220px; height:105px; background:url(./images/pengren_04.jpg) center repeat; color:#FFF; padding:25px 10px 0px 10px;}
.xr1{ width:210px; height:50px; background:url(./images/pengren_05.jpg) center repeat; color:#fce000; padding:25px 15px 0px 15px;}
.lyjs{ width:100%; height:6px; background:url(./images/pengren_06.jpg) center repeat;}
/*学习步骤*/
.xxbz{ width:100%; background-color:#fcc800; height:845px;}
.bzbt{ width:440px; height:50px; padding:50px 0px 25px 0px; color:#d85f05;}
.bzxq{ width:990px; height:685px; padding:0px 0px 40px 0px;}
.bz1{ width:483px; height:337px; background-image:url(./images/pengren_07.jpg); margin:0px 5px 5px 0px;}
.bz2{ width:483px; height:337px; background-image:url(./images/pengren_08.jpg); margin:0px 0px 5px 0px;}
.bz3{ width:483px; height:337px; background-image:url(./images/pengren_09.jpg); margin:0px 5px 5px 0px;}
.bz4{ width:483px; height:337px; background-image:url(./images/pengren_10.jpg); margin:0px 0px 5px 0px;}
.mk1{ width:110px; height:30px; padding:25px 0px 5px 25px; color:#facd72;}
.jc{ width:150px; height:40px; padding:0px 0px 15px 25px; color:#FFF;}
.bznr{ width:230px; height:120px; padding:5px 0px 15px 25px; color:#FFF;}
.bznr1{ width:200px; height:120px; padding:5px 0px 15px 25px; color:#FFF;}
.zxnr{ width:70px; height:25px; padding:15px 0px 0px 25px;}
.bzxq a {text-decoration: none; color:#FFF;}
.bzxq a:hover {text-decoration: none;color:#00F;}
.bzjs{ width:100%; height:9px; background:url(./images/pengren_11.jpg) center repeat;}
/*专业视频*/
.zysp{ width:100%; background-color:#de4a00; height:740px;}
.spbt{ width:255px; height:45px; padding:55px 0px 45px 0px;}
.sp{ width:1200px; height:530px; background-color:#000;}
/*作品分享*/
.zpfx{ width:100%; background-color:#ffe286; height:400px;}
.zpbt{ width:242px; height:47px; padding:45px 0px 50px 0px;}
.zpxq{ width:1200px; height:200px;}
.zp{ width:224px; height:200px; margin:0px 15px 0px 0px;}
.zp1{ width:224px; height:200px;}
.zptp{ width:224px; height:159px;}
.zpwz{ width:224px; height:30px;background-color:#fff1c3; color:#525050; padding-top:5px;}
.zpjs{ width:1200px; height:9px; padding-top:30px;}
/*上海地标*/
.shdb{ width:100%; background: url(./images/pengren_21.jpg) center no-repeat; height:219px; position:relative;}
.juzong1{ width:640px; margin:0 auto;}
.mii1{ position:absolute; width:640px; height:35px; top:185px;}
.sj{ width:20px; height:23px;}
.sj1{ width:20px; height:21px;}
.sjwz{ width:225px; height:23px; color:#FFF; line-height:25px;}
.sjwz a {text-decoration: none; color:#FFF;}
.sjwz a:hover {text-decoration: none;color:#00F;}
.gsdz{ width:375px; height:23px; color:#FFF; line-height:25px;}
/*页脚*/
.ymdb{ width:100%; background-color:#484848; height:177px;position:relative;}
.ymk{ width:1200px; height:177px; background:url(./images/pengren_24.jpg) center no-repeat;position:relative;}
.login{ width:132px; height:75px; position:absolute; top:50px; left:15px;}
.sz{ width:150px; height:75px; position:absolute; top:25px; left:250px;}
.zysz1{ color:#FFF; line-height:25px;}
.zysz{ color:#898787; line-height:24px;}
.sz1{ width:100px; height:75px; position:absolute; top:25px; left:450px;}
.sz2{ width:100px; height:75px; position:absolute; top:25px; left:580px;}
.sz3{ width:200px; height:75px; position:absolute; top:25px; left:750px;}
.sz4{ width:150px; height:75px; position:absolute; top:15px; left:1030px;}
.zysz3{ width:30px; height:20px; line-height:34px;}
.zysz2{ width:170px; height:20px; color:#FFF;}
.zysz4{ color:#FFF; line-height:24px;}
.zysz5{ width:131px; height:131px;}
.zysz1 a {text-decoration: none; color:#FFF;}
.zysz a {text-decoration: none; color:#898787;}
.sz3 a {text-decoration: none; color:#FFF;}
.ymk a:hover {text-decoration: none;color:#ee7800;}
/*版本信息*/
.db{ width:100%; background-color:#393939; height:35px; padding-top:15px;}
.bb{ width:450px; height:25px; color:#898787;}