/*全局定义*/ .w1100 { width: 1100px; overflow: hidden; clear: both; } body { background-image: url("/enkxtguoxuecom/en.kxtwz.com/images/body_back_20180611.jpg"); background-repeat: no-repeat; background-position-x: center; background-position-y: bottom; font-family: verdana; } /*页头*/ header { width: 100%; height: 48px; background: #d1bba6; } header .w1100 { background: #cdb6a0; } header .fl { margin: 5px 0 0 30px; } header .fr { margin-right: 20px; } header .fr span { float: left; margin-right: 20px; height: 48px; line-height: 48px; font-family: arial; font-size: 14px; color: #000000; font-weight: bolder; } header .fr span a { margin: 0 10px; } header .fr form { position: relative; width: 260px; height: 48px; float: right; } header .fr #input_t { width: 200px; height: 26px; line-height: 26px; margin-top: 11px; border: 0; outline: none; padding: 0 10px; } header .fr #input_s { width: 32px; height: 26px; border: none; border-radius: 5px; background: #cfa972; cursor: pointer; outline: none; font-weight: bolder; } /*导航条*/ nav { width: 1100px; height: 30px; background: #efe7e1; font-family: Verdana; } nav .con { position: relative; float: left; width: 120px; text-align: center; } nav .con:first-child { margin-left: 130px; } nav .con span { line-height: 30px; cursor: pointer; } nav .con ul { display: none; position: absolute; left: -20px; top: 30px; background: rgba(133, 111, 90, 0.8); color: #ffffff; z-index: 10; } nav .con ul li { white-space: nowrap; text-align: left; margin: 10px; font-size: 12px; } nav .con ul li:hover { color: #FF0000; } /*二级栏目页:焦点图*/ .focus { position: relative; width: 1100px; height: 200px; overflow: hidden; } .focus .menu { position: absolute; width: 140px; bottom: 10px; right: 20px; z-index: 10; } .focus .menu ul li { float: left; width: 10px; height: 10px; margin: 0 8px; background: #ffffff; border: 1px solid #cdb6a0; cursor: pointer; } .focus .menu ul .on { background: #cdb6a0; border: 1px solid #ffffff; } .focus .box ul li { position: relative; display: none; } .focus .box ul li:first-child {display: block; } .focus .box ul li img { width: 1100px; height: 220px; } /*二级栏目页:左边*/ .lmy { width: 1100px; background: #efe7e1; padding: 30px 0; overflow: hidden; } .lmy .menu { width: 320px; float: left; margin-left: 30px; } .lmy .menu h2 { font-size: 16px; line-height: 30px; color: #8f7862; } .lmy .menu h3 { font-size: 14px; line-height: 24px; color: #8f7862; font-weight: normal; text-indent: 10px; background: #e7d9ca; margin-bottom: 5px; } .lmy .menu h3:hover { background: #cfa972; } .lmy .menu ul li { width: 310px; color: #8f7862; line-height: 24px; margin-bottom: 5px; padding-left: 10px; font-size: 14px; } .lmy .menu ul li:hover { background: #cfa972; } .vlmy .menu ul { display: none; } /*二级栏目页:右边*/ .lmy .main { width: 730px; float: right; } .lmy .title { width: 730px; height: 24px; margin-top: 20px; line-height: 24px; background: #cfa972; overflow: hidden; } .lmy .title h3 { font-size: 14px; color: #ffffff; font-weight: normal; } .lmy .title h3:before { content: ""; display: block; width: 8px; height: 8px; float: left; background: #ffffff; margin: 8px 10px 8px 15px; } /*二级栏目页:样式1*/ .lmy .d01 .fl { width: 309px; height: 354px; border-right: 1px solid #c9c9c9; } .lmy .d01 .fl img { width: 300px; height: 180px; margin-top: 10px; } .lmy .d01 .fl h4 { width: 300px; height: 72px; margin-top: 10px; line-height: 24px; overflow: hidden; font-size: 18px; color: #96806c; font-weight: normal; } .lmy .d01 .fl p { width: 300px; height: 72px; margin-top: 10px; line-height: 24px; overflow: hidden; font-size: 12px; color: #96806c; } .lmy .d01 .fr { width: 400px; height: 354px; margin-right: 10px; } .lmy .d01 .fr ul li { width: 400px; height: 164px; } .lmy .d01 .fr ul li:first-child { border-bottom: 1px solid #c9c9c9; } .lmy .d01 .fr h4 { width: 400px; height: 48px; margin-top: 10px; line-height: 24px; overflow: hidden; font-size: 18px; color: #96806c; font-weight: normal; } .lmy .d01 .fr p { float: left; width: 230px; height: 96px; margin-top: 10px; line-height: 24px; overflow: hidden; font-size: 12px; color: #96806c; } .lmy .d01 .fr img { width: 150px; height: 100px; margin-top: 5px; float: right; } .lmy .d01 p a { color: #ff0000; } /*二级栏目页:样式2*/ .lmy .d02 .pics ul li { float: left; width: 242px; height: 190px; border-left: 1px solid #c9c9c9; } .lmy .d02 .pics ul li:first-child { border: none; margin-left: 1px; } .lmy .d02 .pics img { width: 150px; height: 100px; margin-top: 20px; margin-left: 46px; } .lmy .d02 .pics span { display: block; width: 222px; height: 60px; line-height: 20px; margin-top: 10px; margin-left: 10px; overflow: hidden; color: #96806c; } .lmy .d02 p a { color: #ff0000; } /*二级栏目页:样式3*/ .lmy .d03 .list ul li { width: 710px; margin-top: 10px; padding-bottom: 10px; padding-right: 20px; border-bottom: 1px dashed #c9c9c9; overflow: hidden; } .lmy .d03 .list h4 { width: 730px; line-height: 24px; margin-bottom: 10px; font-size: 18px; color: #96806c; font-weight: normal; } .lmy .d03 .list img { float: right; width: 150px; height: 96px; margin-left: 30px; } .lmy .d03 .list p { line-height: 24px; font-size: 12px; color: #96806c; } .lmy .d03 p a { color: #ff0000; } /*二级栏目页:样式4*/ .lmy .d04 .fl { width: 480px; } .lmy .d04 .fr { width: 210px; margin-right: 20px; } .lmy .d04 h3 { height: 28px; line-height: 28px; border-bottom: 2px solid #cdb6a0; font-size: 16px; color: #8f7862; font-weight: normal; } .lmy .d04 img { width: 480px; height: 200px; margin-top: 10px; } .lmy .d04 p { margin-top: 10px; line-height: 24px; font-size: 12px; color: #96806c; } .lmy .d04 span { display: block; height: 20px; } /*二级栏目页:样式5*/ .lmy .d05 .pics { width: 720px; margin-left: 0px; } .lmy .d05 .pics ul li { float: left; width: 160px; margin: 10px; } .lmy .d05 .pics img { width: 160px; height: 100px; } .lmy .d05 .pics span { display: block; margin-top: 5px; width: 160px; line-height: 18px; text-align: center; font-size: 12px; color: #96806c; } /*二级栏目页:样式6*/ .lmy .d06 .one { width: 720px; height: 140px; } .lmy .d06 .one img { float: right; width: 150px; height: 100px; margin-top: 10px; margin-right: 20px; } .lmy .d06 .one h4 { width: 720px; height: 30px; margin-top: 10px; line-height: 30px; overflow: hidden; font-size: 18px; color: #96806c; font-weight: normal; } .lmy .d06 .one p { width: 530px; height: 96px; margin-top: 10px; line-height: 24px; overflow: hidden; font-size: 12px; color: #96806c; } /*二级栏目页:样式7*/ .lmy .d07 .text { width: 720px; padding: 10px 0; font-size: 12px; color: #96806c; } .lmy .d07 .text p{ width: 680px; height: 20px; line-height: 20px; } /*二级栏目页:样式8*/ .lmy .d08 .list ul li { float: left; width: 340px; line-height: 24px; margin: 10px; font-size: 14px; color: #96806c; font-weight: normal; } /*三级栏目页:右边样式1*/ .lmy .box ul li { display: none; width: 710px; margin-top: 10px; padding-bottom: 10px; padding-right: 20px; border-bottom: 1px dashed #c9c9c9; overflow: hidden; } .lmy .box h4 { width: 710px; line-height: 24px; margin-bottom: 10px; font-size: 18px; color: #96806c; font-weight: normal; } .lmy .box img { float: right; width: 150px; height: 96px; margin-left: 20px; } .lmy .box p { line-height: 24px; font-size: 12px; color: #96806c; } .lmy .box ul li:first-child img { width: 300px; height: 192px; float: left; margin-left: 0px; margin-right: 20px; } .lmy .more { width: 200px; height: 30px; margin-top: 20px; line-height: 30px; text-align: center; cursor: pointer; background: #e7d9ca; color: #96806c; font-weight: bolder; } .lmy .more:hover { color: #ffffff; background: #cfa972; } /*三级栏目页:右边样式2*/ .lmy .con { width: 710px; margin-left: 0; } .lmy .con img { width: 480px; height: 200px; margin-top: 10px; margin-left: 115px; } .lmy .con p { margin-top: 20px; line-height: 24px; font-size: 12px; color: #96806c; } /*Visting文章页*/ .lmy .text { width: 710px; margin-left: 0; } .lmy .text p { margin-top: 20px; line-height: 24px; font-size: 12px; color: #96806c; } .lmy .text img { max-width: 600px; margin: 20px auto; } /*文章页*/ .wz .title { width: 800px; overflow: hidden; text-align: center; } .wz .title h1 { font-family: Verdana; font-size: 26px; color: #3c3c3c; line-height: 40px; } .wz .info { width: 800px; height: 30px; overflow: hidden; } .wz .info span { display: inline-block; line-height: 30px; font-family: georgia; font-size: 16px; color: #626262; margin-right: 20px; } .wz .con { margin-top: 20px; padding-bottom: 50px; width: 800px; } .wz .con img { max-width: 800px; margin: 10px auto; } .wz .con p { margin-top: 20px; font-family: georgia; font-size: 18px; color: #626262; line-height: 27px; } /*页脚*/ footer { width: 100%; height: 94px; background: #d1bba6; } footer .w1100 { height: 94px; } footer span { display: block; position: absolute; width: 81px; height: 61px; left: 900px; top: 16px; } footer .info { width: 1100px; height: 60px; margin-top: 16px; } footer p { font-family: Verdana; font-size: 16px; line-height: 30px; color: #ffffff; text-align: center; } footer p a { margin: 0 5px; }