@charset "utf-8"; /* 内页样式 */ .section { overflow: hidden; } .dh { margin: 28px 0px 0px 50px; overflow: hidden; } .dh-cn { background-color: #666; margin-right: 10px; width: 125px; height: 32px; line-height: 32px; text-align: center; font-size: 24px; color: #FFF; float: left; } .dh-box { overflow: hidden; } .dh-en { background-color: #222; margin-top: 3px; margin-bottom: 10px; padding: 4px 0px 2px 10px; color: #FFF; overflow: hidden; } .dh-menu { background-color: #666; overflow: hidden; } .dh-menu a { padding: 5px 18px; color: #FFF; float: left; } .dh-menu a:hover, .dh-menu a.current { background-color: #E70; } .subtype { overflow: hidden; } .subtype ul { margin-left: 60px; overflow: hidden; } .subtype a { background-color: #DEDEDE; padding: 5px 18px; float: left; } .subtype a:hover, .subtype a.current { background-color: #EE7800; color: #FFF; } .typepic { border-bottom: 6px solid #E70; } .typesearch { background-color: #716C6A; padding: 10px; color: #FFF; } .typesearch select { border: 1px solid #DDD; background: #FFF; margin: 0px 5px; } .typesearch .hotcity { margin-left: 10px; vertical-align: bottom; display: inline-block; } .typesearch .hotcity a { margin: 0px 3px; color: #FFF; } .typesearch .hotcity a:hover { color: #CCC; } .selectbox { background: url(../images/selectbox_bg.jpg) no-repeat 0px 0px; width: 128px; color: #666; cursor: pointer; display: inline-block; position: relative; } .selectbox ul { background-color: #FFF; width: 100%; display: none; position: absolute; z-index: 999; } .selectbox ul.on { display: block; } .selectbox span, .selectbox li { padding: 1px 10px; height: 20px; line-height: 20px; display: block; } .selectbox li:hover, .selectbox li.on { background-color: #DEDEDE; } .pagenav { padding: 30px 0px; } .article { margin: 50px 0px 30px 60px; } .article-list .title { background-color: #E4E2DC; margin: 5px 0px; padding: 8px 12px; color: #2C2C2C; display: block; } .article-list .title:hover { background-color: #C9C5B8; color: #2C2C2C; } .article-list .date { margin-left: 10px; } .article-read { padding: 60px 0px 60px 120px; width: 788px; overflow: hidden; } .article-title { padding: 20px; font-weight: bold; font-size: 16px; color: #222; text-align: center; } .article-content { overflow: hidden; } .article-content p { margin: 1.12em 0; font-size: 13px; line-height: 2em; } .article-banner { background: url(../images/bottom-banner.png) no-repeat left center; height: 288px; } .product { margin: 50px 0px 30px 60px; } .product-index { margin-left: 20px; width: 840px; overflow: hidden; } .product-index h3 { padding-top: 20px; padding-bottom: 40px; } .product-index span { background-color: #5E5E5C; padding: 2px 20px; font-weight: bold; color: #FFF; display: inline-block; } .product-index .typename { background-color: #D0D0D0; color: #222; } .product-index ul { margin-left: -30px; clear: both; overflow: hidden; } .product-index li { margin-left: 30px; float: left; } .product-index img { vertical-align: bottom; width: 250px; height: 167px; } .product-index h4 { padding: 5px 0px 10px 0px; text-align: center; } .product-list { overflow: hidden; } .product-list ul { margin-left: -18px; clear: both; overflow: hidden; } .product-list li { margin-left: 18px; float: left; } .product-list img { vertical-align: bottom; width: 250px; height: 167px; } .product-list h4 { padding: 5px 0px 10px 0px; text-align: center; } .product-read { width: 880px; overflow: hidden; } .product-pic { height: 587px; text-align: center; position: relative; } .product-pic .block { height: 100%; display: inline-block; vertical-align: middle; } .product-pic .loader { background: #000 url(../images/loading.gif) no-repeat center center; border-radius: 25px; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; display: none; position: absolute; top: 50%; left: 50%; z-index: 999; filter: alpha(opacity=60%); opacity: .6; } .product-pic img { max-width: 880px; max-height: 587px; vertical-align: middle; } .product-name { padding: 10px 0px; font-size: 16px; font-weight: bold; text-align: center; } .product-album { border-top: 1px solid #000; position: relative; margin: 20px 0px; padding-top: 20px; overflow: hidden; } .product-album .prev, .product-album .next { border-radius: 5px; width: 50px; height: 50px; line-height: 50px; font-size: 18px; color: #FFF; cursor: pointer; text-align: center; display: block; position: absolute; top: 28px; filter: alpha(opacity=70%); opacity: 0.7; } .product-album .prev { background: url(../images/jt2.png) no-repeat 0px 0px; left: 0px; } .product-album .next { background: url(../images/jt2.png) no-repeat -50px 0px; right: 0px; } .product-album .album { position: relative; width: 760px; height: 67px; margin-left: 60px; overflow: hidden; } .product-album .album ul { width: 760px; } .product-album .album li { float: left; width: 100px; margin-right: 10px; height: 67px; background-color: #BDBDDF; text-align: center; line-height: 67px; } .product-album .album li.current img { border: 2px solid #EF7800; width: 96px; height: 63px; } .product-album .album img { width: 100px; height: 67px; } .store { padding: 60px 0px 60px 120px; } .store-index { width: 700px; overflow: hidden; } .store-index .info { margin-bottom: 10px; overflow: hidden; } .store-index .info h3 { font-size: 14px; font-weight: bold; } .store-index .info p { color: #666; } .store-index .listbox { padding: 30px 0px; overflow: hidden; } .store-index .listbox .pic { margin-right: 20px; float: left; } .store-index .listbox .summary { overflow: hidden; } .store-index .listbox .num { border-bottom: 1px solid #222; margin-bottom: 27px; height: 48px; line-height: 48px; font-size: 48px; font-family: arial; font-weight: bold; } .store-index .listbox .typename { height: 32px; line-height: 32px; font-weight: bold; } .store-index .listbox .typecontent { height: 60px; line-height: 20px; overflow: hidden; } .store-list { overflow: hidden; } .store-list ul { margin-left: -18px; clear: both; overflow: hidden; } .store-list li { margin-left: 18px; padding: 5px; float: left; } .store-list img { border: 5px solid #FFF; box-shadow: 0px 0px 5px #999; vertical-align: bottom; width: 210px; height: 140px; } .store-list img:hover { box-shadow: 0px 0px 5px #EE7800; } .store-list h4 { padding: 5px 0px 10px 0px; text-align: center; } .store-read { margin-left: -60px; width: 880px; overflow: hidden; } .store-pic { height: 587px; text-align: center; position: relative; } .store-pic .block { height: 100%; display: inline-block; vertical-align: middle; } .store-pic .loader { background: #000 url(../images/loading.gif) no-repeat center center; border-radius: 25px; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; display: none; position: absolute; top: 50%; left: 50%; z-index: 999; filter: alpha(opacity=60%); opacity: .6; } .store-pic img { max-width: 880px; max-height: 587px; vertical-align: middle; } .store-name { padding: 10px 0px; font-size: 16px; font-weight: bold; text-align: center; } .store-album { border-top: 1px solid #000; position: relative; margin: 20px 0px; padding-top: 20px; overflow: hidden; } .store-album .prev, .store-album .next { border-radius: 5px; width: 50px; height: 50px; line-height: 50px; font-size: 18px; color: #FFF; cursor: pointer; text-align: center; display: block; position: absolute; top: 28px; filter: alpha(opacity=70%); opacity: 0.7; } .store-album .prev { background: url(../images/jt2.png) no-repeat 0px 0px; left: 0px; } .store-album .next { background: url(../images/jt2.png) no-repeat -50px 0px; right: 0px; } .store-album .album { position: relative; width: 760px; height: 67px; margin-left: 60px; overflow: hidden; } .store-album .album ul { width: 760px; } .store-album .album li { float: left; width: 100px; margin-right: 10px; height: 67px; background-color: #BDBDDF; text-align: center; line-height: 67px; } .store-album .album li.current img { border: 2px solid #EF7800; width: 96px; height: 63px; } .store-album .album img { width: 100px; height: 67px; } .about { padding: 60px 0px 60px 120px; width: 788px; overflow: hidden; } .about-title { padding: 20px; font-weight: bold; text-align: center; } .about-content { height: 405px; overflow: hidden; } .about-content p { margin: 1.12em 0; font-size: 13px; line-height: 2em; } .about-banner { background: url(../images/bottom-banner.png) no-repeat left center; height: 288px; } .contact { padding: 30px 0px 60px 60px; width: 788px; overflow: hidden; } .contact-title { padding: 20px; font-weight: bold; text-align: center; } .contact-content { overflow: hidden; } .contact-content p { margin: 1.12em 0; font-size: 13px; line-height: 2em; } .contact-banner { background: url(../images/bottom-banner.png) no-repeat left center; height: 288px; } .service { padding: 60px 0px 60px 120px; width: 788px; overflow: hidden; } .service-content { overflow: hidden; } .service-content p { margin: 1.12em 0; font-size: 13px; line-height: 2em; } .service-banner { background: url(../images/bottom-banner.png) no-repeat left center; height: 288px; } .join { overflow: hidden; } .join-content { overflow: hidden; } .join-form { padding: 0px 0px 60px 120px; width: 788px; overflow: hidden; } .join-form th { text-align: right; } .join-form td { padding: 10px; } .join-form input, .join-form textarea { width: 320px; } .join-form textarea { height: 120px; } .join-form button { padding: 3px 20px; } .network { padding: 60px 0px 30px 60px; width: 1080px; overflow: hidden; } .network-map { overflow: hidden; } .network-map h3 { margin-left: 240px; } .network-map p { background-color: #5E5E5C; width: 90px; height: 24px; line-height: 24px; text-align: center; color: #FFF; display: inline-block; } .network-tab { margin: 10px 0px; overflow: hidden; } .network-tab .right { float: right; } .network-tab span, .network-tab .bigtype { background-color: #D0D0D0; margin-top: 10px; margin-right: 5px; width: 90px; height: 24px; line-height: 24px; text-align: center; cursor: pointer; display: inline-block; } .network-tab span.on { background-color: #E70; color: #FFF; } .network-tab .bigtype { background-color: #5E5E5C; width: 80px; color: #FFF; } .network-list { background-color: #FFF; border: 1px solid #DDD; box-shadow: 0px 0px 20px #CCC; margin: 12px 10px 12px -0px; padding: 20px 40px; clear: both; overflow: hidden; } .network-list .tab { display: none; } .network-list .tab.on { display: block; } .network-list .listbox { margin: 20px 0px; width: 50%; float: left; } .network-list .listbox .pic { width: 140px; float: left; } .network-list .listbox .pic img { border: 1px solid #D0D0D0; } .network-list .listbox ul { margin-left: 16px; width: 320px; height: 92px; overflow: hidden; float: left; } .network-list .listbox li { height: 24px; line-height: 24px; overflow: hidden; }