body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font-family: Arial, Helvetica, sans-serif, "Microsoft YaHei";font-size: 12px;background: #ffffff;} a,a:hover{text-decoration:none} em{font-style:normal} li{list-style:none} img{border:0;vertical-align:middle} table{border-collapse:collapse;border-spacing:0} p{word-wrap:break-word} .fl{float: left;} .fr{float: right;} .clear{display: block;width: 0;height: 0;clear: both;} .w980{width: 980px;margin: 0 auto;} .top{ width:100%; height:44px; line-height: 44px; border-bottom: 1px solid #eeeeee; } .top ul.fr li{ float: left; text-align: right; padding-left: 30px; line-height: 44px; font-size: 14px; } .top ul.fr li a{ color: #585858; } .top ul.fr li:hover a{ color: #ec8300; } .box{ padding: 50px 0; } .box .w980{ height: 480px; } .box .w980 .fl,.box .w980 .fr{ width: 490px; height: 480px; } .box .w980 .fl{ background: url("/capfppcufejryjhcom/center/images/black-bg.jpg") no-repeat; } .box .w980 .fr{ background: url("/capfppcufejryjhcom/center/images/khaki-bg.png") no-repeat; } .box .w980 .fl p{ font-size: 36px; color: #e8a84e; line-height: 60px; text-align: center; } .box .w980 .fl p.first-child{ margin-top: 150px; } .box .w980 .fr ul.nav{ width: 362px; margin: 62px auto 0; } .box .w980 .fr ul.nav li{ background: url("/capfppcufejryjhcom/center/images/arr.png") no-repeat right center; line-height: 68px; border: 1px solid #b1803b; margin-bottom: 30px; padding-left: 30px; font-size: 36px; } .box .w980 .fr ul.nav li:hover{ background-color: #b1803b; } .box .w980 .fr ul.nav li a{ color: white; } .box2{ padding: 0 0 50px; } .box2 .w980{ height: 540px; } .box2 .w980 .location{ float:right; height: 60px;text-align:right; line-height: 60px; background: url("/capfppcufejryjhcom/center/images/location.png") no-repeat center left; font-size: 14px; color: #b1803b; padding-left: 30px; } .box2 .w980 .location a{ color: #b1803b; } .box2 .w980 .fl{ width: 360px; height: 480px; background: url("/capfppcufejryjhcom/center/images/black-bg2.png") no-repeat; } .box2 .w980 .fr{ width: 620px; height: 480px; background: url("/capfppcufejryjhcom/center/images/khaki-bg.png") repeat-x; } .box2 .w980 .fl p{ font-size: 36px; color: #e8a84e; line-height: 60px; text-align: center; } .box2 .w980 .fl p.first-child{ margin-top: 150px; } .box2 .w980 .fr ul.nav{ width: 502px; margin: 100px auto 0; } .box2 .w980 .fr ul.nav li{ background: url("/capfppcufejryjhcom/center/images/arr.png") no-repeat right center; line-height: 68px; border: 1px solid #b1803b; margin-bottom: 30px; padding-left: 30px; font-size: 36px; } .box2 .w980 .fr ul.nav li:hover{ background-color: #b1803b; } .box2 .w980 .fr ul.nav li a{ color: white; } .box3{ padding: 0 0 20px; } .box3 .w980 .location{ float:right; height: 60px; line-height: 60px; background: url("/capfppcufejryjhcom/center/images/location.png") no-repeat center left; font-size: 14px; color: #b1803b; padding-left: 20px; text-align:right; } .box3 .w980 .location a{ color: #b1803b; } .box3 .w980 .fl{ width: 220px; height: 570px; background: url("/capfppcufejryjhcom/center/images/black-bg3.png") no-repeat; } .box3 .w980 .fr{ width: 760px; min-height: 570px; border-top: 3px solid #b1803b; } .box3 .w980 .fl p{ font-size: 36px; color: #e8a84e; line-height: 60px; text-align: center; } .box3 .w980 .fl p.first-child{ margin-top: 150px; } .box3 .w980 .fr div.content{ width: 700px; margin: 30px auto; font-size: 14px; line-height: 24px; color: #000; } .box3 .w980 .fr div.content p.title{ font-size: 26px; font-weight: bold; color:#b1803b; } .bottom{ width:100%; height:60px; line-height: 60px; border-top: 1px solid #eeeeee; } .bottom .copy{ font-size: 12px; color: #9b9b9b; }