* {margin: 0; padding: 0; font-size: 14px; font-family: Microsoft Yahei; color: #555;} img {border: none;} .f-l {float: left;} .f-r {float: right;} .clear {clear: both;} .c-l {clear: left;} .c-r {clear: right;} .box {margin: 20px auto; width: 1200px;} a:link{ text-decoration: none;} li,ul{list-style-type:none;} /*header css style*/ .header {overflow: hidden; width: 100%; height: 161px; background: url(../Image/header04.jpg) left center repeat-x;} .header .hd { margin: 0 auto; width: 1200px; height: 27px; line-height: 27px;} .header .hd span {float: left; color: #fff; font-size: 12px;} .header .hd h1 {float: left; color: #fff; font-size: 12px;} .header .hd span a {margin: 0 10px; color: #cbb8b8; font-size: 12px;} .header .hd span a:hover {color: #fff;} .header-link {text-decoration: none;} .header .hd div {width: 370px; float: right; color: #cbb8b8;} .header-en {float: left; margin: 5px 0 0 8px;; width: 29px; height: 17px; background: url(../Image/header02.jpg) center center no-repeat;} .header-cn {float: left; margin: 5px 0 0 15px; width: 29px; height: 17px; background: url(../Image/header01.jpg) center center no-repeat;} .header .bd {margin: 0 auto; width: 1200px; height: 134px;} .header .bd .logo {margin: 36px 0 0 21px;} .header .bd .tel{ margin-top: 15px;} /*nav css style*/ .nav {width: 100%; height: 50px; background: #b70000; overflow: hidden;} .nav ul {margin: 0 auto; width: 1197px; height: 50px;} .nav ul li {float: left; list-style: none;} .nav ul li a {display: block; width: 133px; height: 50px; line-height: 50px; text-align: center; color: #fff; text-decoration: none;} .nav ul li a:hover {background: url(../Image/nav02.jpg) center center no-repeat; color: #ff0;} .nav ul li ul {left: -999em; width: 120px; padding-left: 6.5px; position: absolute; z-index: 9999; } .nav ul li ul li{width: 109px; font-size:12px; line-height:18px; height:40px;} .nav ul li ul li a{display: block; width: 120px;w\idth: 120px;text-align:center; color:#fff;background:#9a0000; text-indent:0; height:40px;} .nav ul li ul li a:hover{ background:#9a0000; color:#FF0; height:40px;} .nav ul li:hover ul {left: auto;} .nav ul li.sfhover ul {left: auto;} .line{ width: 100%; height: 36px; background: #fff; overflow: hidden;} .line .line-box {margin: 0 auto; width: 1200px; height: 36px; line-height: 36px;} .line .line-box span {float: right; color: #000; font-weight: 600;} .line .line-box span a {color: #000; text-decoration: none; margin: 0 10px;} .line .line-box span a:hover {color: #f60000;} /*search css style*/ .search-box { width: 100%; height: 85px; background: url(../Image/search.jpg) center center no-repeat;} .serch{ width: 235px; height: 26px; padding: 10px 902px 0 200px; float: left; margin: 0 auto; overflow: hidden;} .input_search{ width:205px; border:none; float: left; background: #fff; height:26px;text-indent:8px;} .search-btn{ width:30px; height:26px; float: right; border:none; background:url(../Image/go.jpg); text-indent:-9999px;} #banner{ width: 100%; height: 509px; position:relative} #slides { display:block; width:100%; height:509px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:51.5%; bottom:15px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#f00 } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE} /*product-list css style*/ .product-list {margin: 20px auto; width: 1200px; overflow: hidden;} .product-list .hd {height: 39px; background: url(../Image/product-list.jpg) left center no-repeat;} .product-list .hd a {float: right; margin-top: 14px; font-size: 12px;} .product-list .hd a:hover {color: #f00;} .product-list .bd {border: 2px solid #ccc;} .product-list .list {margin: 5px auto; width: 99%; background: #f2f2f2; overflow: hidden;} .product-list .list p {float: left; background: #999; width: 156px; height: 40px; line-height: 40px; font-size: 16px; text-align: center;} .product-list .list ul { width: 1010px; float: right; padding-left: 10px;} .product-list .list li {display: inline-block; list-style: none; text-align: center; margin: 0 5px; line-height: 40px;} .pro-title {line-height: 60px; font-size: 18px; text-align: center; width: 96%; margin: 10px auto; font-weight: 700; background: url(../Image/productlist00.jpg) center bottom no-repeat;} /*product css style*/ .m-product {float: right; width: 940px; overflow: hidden;} .m-product .hd {height: 55px; background: #b70000;} .m-product .hd p {float: left; margin: 0 10px; font-size: 24px; font-weight: 800px; color: #fff; line-height: 55px;} .m-product .hd a {float: right; margin: 0 10px; font-size: 12px; color: #fff; line-height: 55px;} .m-product .hd a:hover {color: #fff600;} .m-product .bd {border: 2px solid #ccc; overflow: hidden;} .m-product .bd li {float: left; margin: 9px; width: 290px; height: 230px; border: 2px solid #eee; list-style: none; overflow: hidden;} .m-product .bd li img {display: block; margin: 0 auto; height: 200px;} .m-product .bd li p {height: 30px; line-height: 30px; text-align: center;} .m-product .bd li:hover {border: 2px solid #f60000;} .m-product .bd li:hover p {background: #f60000; color: #fff;} /*sidebar css style*/ .sidebar {float: left; width: 239px; border: 2px solid #f60000;} .sidebar .hd {width: 239px; height: 53px; background: url(../Image/sidebar.jpg) center center;} .sidebar .bd {width: 235px;} .sidebar .bd li {list-style: none; background: url(../Image/sidebtn.jpg) left middle no-repeat;} .big a {display: block; width: 90%; margin: 10px auto; background: #c80408; line-height: 30px; font-size: 16px; color: #fff; font-weight: 800; text-indent: 1em; border-radius: 3px; text-decoration: none;} .big a:hover { color: #fff; text-decoration: underline;} .small li a {display: block; background: url(../Image/sidebtn.jpg) left middle no-repeat; display: block; width: 80%; margin: 0 auto; height: 24px; } .small li a:hover {color: #f80001;} .sidebar-like {margin-top: 20px;} .sidebar-like h5 {width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #b70000; margin: 20px 0;} .sidebar-like li {list-style: none; overflow: hidden; width: 100%; height: 200px;} .sidebar-like li img {display: block; height: 150px; margin: 0 auto; margin-top: 10px;} .sidebar-like li a {display: block; line-height: 30px; text-align: center;} .sidebar-like li:hover a {color: #b70000;} .sidebar-contact {margin: 20px auto 0; width: 100%; height: 350px; background: url(../Image/sidebarcontact.jpg) center top no-repeat;} .sidebar-contact span {display: block; width: 50px; height: 150px;} .sidebar-contact h5 {display: block; font-size: 13px; text-align: center; margin: 8px 0;} .sidebar-contact p {font-size: 12px; line-height: 22px; width: 94%; margin: 0 auto;} /*ad css style*/ .ad {margin: 20px auto; width: 1200px; height: 127px; background: url(../Image/ad.jpg) left center no-repeat;} /*odds style*/ .m-odds-bg {margin: 30px 0; width: 100%; height: 1369px;} .m-odds {margin: 0 auto; width: 1200px; height: 1950px; background: url(../Image/oddsbg.jpg) center top no-repeat;} .m-odds .hd {width: 100%; height: 111px; background: url(../Image/odds00.jpg) center center no-repeat;} .m-odds .hd a {display: block; float: right; margin: 54px 144px 0 0; width: 126px; height: 49px; background: url(../Image/odds01.png); font-size: 17px; color: #0565bc; font-weight: 800; text-align: center; line-height: 36px;} .m-odds-list > li {position: relative; margin: 25px auto; width: 1200px; height: 330px; overflow: hidden; line-height: 16px;} .m-odds-list > li > img {position: relative; left: 30px; right: 30px;} .ab-l,.ab-r {display: block; width: 600px; height: 236px;} .m-odds .img {width: 600px; height: 236px;} .m-odds .title {margin: 0 0 0 25px;} .m-odds-doc {margin:20px 0 0 120px; width: 460px;} .m-odds-doc li { background: url(../Image/odds13.jpg) no-repeat left top; padding-left: 18px; margin: 13px 0;} /*company css style*/ .m-company-bg {position: relative; margin-bottom: 50px; width: 100%; height: 380px; background: url(../Image/company00.jpg) center center no-repeat;} .m-company {margin: 0 auto; width: 1200px;} .m-company > img {position: absolute; top: 50px;} .m-company .hd {float: right; width: 900px; height: 70px; line-height: 70px;} .m-company .hd p {float: left; font-size: 24px; color: #fff; font-weight: 700;} .m-company .hd p span {font-size: 24px; color: #e4bebe; font-weight: 700;} .m-company .hd a {display: block; margin-top: 26px; width: 85px; height: 24px; background: #fff; color: #f00; text-align: center; font-size: 12px; line-height: 24px;} .m-company .hd a:hover {color: #fff600;} .m-company .hd a {float: right;} .m-company .bd {float: right; clear: right; width: 900px; height: 300px;} .m-company .bd p {line-height: 33px; color: #fff;} .m-company ul {float: right; margin-top: 34px; clear: right; width: 900px; height: 145px;} .m-company li {float: left; margin: 0 6px; width: 210px; height: 145px; list-style: none;} /*case css style*/ .m-case {margin: 20px auto; width: 1200px; height: 580px;} .m-case .hd {height: 54px; background: #b70000;} .m-case .hd span {margin: 0 20px; font-size: 24px; color: #fff; font-weight: 800; line-height: 54px;} .m-case .hd a {float: right; margin-right: 20px; color: #fff; font-size: 12px; line-height: 54px;} .m-case .hd a:hover {color: #fff600;} .m-case .bd {overflow: hidden; width: 1200px; height: 520px; background: #f1f1f1;} .m-case .bd li {float: left; width: 290px; height: 228px; margin: 20px 0 0 20px; list-style: none; border: 2px solid #999; overflow: hidden; cursor: pointer;} .m-case .bd li img {display: block; margin: 0 auto; height: 198px;} .m-case .bd li p {width: 100%; height: 30px; line-height: 30px; text-align: center; background: #bbb; color: #f00;} .m-case .bd li:hover {border: 2px solid #f00;} .m-case .bd li:hover p {background: #b70000; color: #fff;} /*news css style*/ .m-news {padding: 12px; width: 840px; height: 348px; border: 1px solid #d9d9d9;} .m-news ul {margin-top: 10px; float: right; width: 590px;} .m-news li {height: 35px; line-height: 35px; background: url(../Image/news01.jpg) left 3px center no-repeat; list-style: none; border-bottom: 1px dashed #bbb;} .m-news li a {display: block; text-indent: 2em;} .m-news li a:hover {color: #b70000;} .m-news .hd {border-bottom: 1px solid #d3d1d0;} .m-news .hd span {margin: 8px; color: #b70000; font-size: 18px; font-weight: 700; line-height: 40px; cursor: pointer;} .m-news .hd span:hover {border-bottom: 3px solid #b70000;} .m-news .hd a {float: right; font-size: 12px; color: #555; line-height: 40px;} .m-news .hd a:hover {color: #b70000;} .m-news .bd > img {margin: 18px 5px 5px; padding: 5px; width: 200px; height: 270px; border: 1px solid #ccc;} /*server css style*/ .m-server {padding: 12px; width: 294px; height: 348px; border: 1px solid #d9d9d9;} .m-server ul {margin-top: 10px;} .m-server li {height: 36px; line-height: 36px; background: url(../Image/server01.jpg) left 3px center no-repeat; list-style: none;} .m-server li:hover {background: url(../Image/server02.jpg) left 3px center no-repeat;} .m-server li a {display: block; text-indent: 2em;} .m-server li a:hover {color: #b70000;} .m-server .hd {border-bottom: 1px solid #d3d1d0;} .m-server .hd span {color: #b70000; font-size: 18px; font-weight: 700; line-height: 40px;} .m-server .hd a {float: right; font-size: 12px; color: #555; line-height: 40px;} .m-server .hd a:hover {color: #b70000;} /*footer css style*/ .footer {padding-top: 35px; width: 100%; height: 300px; background: url(../Image/footer01.jpg) left top repeat-x;} .f-friend .hd {margin: -50px auto 10px; width: 1200px; height: 22px; background: url(../Image/footer02.jpg);} .f-friend .bd {margin: 0 auto; width: 1200px; height: 80px;} .f-friend .bd a {display: block; margin-left: 25px; float: left; line-height: 40px; font-size: 12px;} .f-friend .bd a:hover {color: #b70000;} .f-link {margin: 0 auto; width: 1200px; height: 47px; background: #b70000;} .f-link li {float: left; width: 133px; line-height: 47px; text-align: center; list-style: none;} .f-link li a {color: #fff;} .f-link li a:hover {color: #fff600;} .f-copyright {margin: 0 auto; padding-top: 28px; width: 1200px; height: 120px; background: url(../Image/footer03.jpg) left top 28px no-repeat;} .f-copyright span {display: block; margin-left: 575px; line-height: 26px;} .f-copyright span p {font-size: 12px; color: #fff;} .f-copyright span a {color: #fff; font-size: 12px;} .f-copyright span a:hover {color: #ff6000;} /*list page css style*/ .box {margin: 20px auto; width: 1200px;} .list .hd p {float: left; margin: 0 10px; font-weight: 800px; font-size: 24px; color: #fff;} .list .hd span {float: right; margin: 0 10px;} .hotpro a:hover {color: #f00;} /*list-right css style*/ .list-right {width: 940px; background: #f8f8f8;} .list-right .hd {height: 56px; background: #b70000; line-height: 56px;} .list-right .hd span {color: #fff;} .list-right .hd a {font-size: 12px; color: #fff;} .list-right .hd a:hover {color: #fa6;} .list-right .bd{ width: 99%; margin: 0 auto; padding-top: 10px; overflow: hidden; line-height: 260%;} /*product-bd css style*/ .product-bd {margin: 20px; width: 900px; border: 1px solid #ccc; overflow: hidden;} .product-bd .hd {width: 900px; height: 40px; border-bottom: 2px solid #ccc; overflow: hidden} .product-bd .hd span {display: block; float: left; margin-right: 10px; width: 110px; height: 40px; background: #da0000; line-height: 40px; color: #fff; text-align: center; cursor: pointer;} #pro-btn2 {background: #808080;} #pro-doc1 { width: 98%; margin: 0 auto; padding: 20px 0; overflow: hidden;} #pro-doc2 {display: none; height: 200px; width: 100%;} /*product-like css style*/ .product-like {margin: 20px; width: 900px; overflow: hidden;} .product-like .hd {width: 900px; height: 40px; border-bottom: 2px solid #ccc;} .product-like .hd span {display: block; width: 110px; height: 40px; background: #da0000; line-height: 40px; color: #fff; text-align: center; float: left;} .product-like .bd li {float: left; margin: 20px 20px 0; width: 215px; height: 200px; list-style: none;} .product-like .bd li img {display: block; margin: 0 auto; height: 170px;} .product-like .bd li a {display: block; width: 100%; line-height: 30px; text-align: center;} .product-like .bd li:hover a {color: #b70000;} /*product-order css style*/ .product-order {margin: 20px; width: 900px; padding-bottom: 20px; border: 1px solid #ccc;} .product-order .hd {width: 900px; height: 40px; border-bottom: 2px solid #ccc;} .product-order .hd span {display: block; width: 110px; height: 40px; background: #da0000; line-height: 40px; color: #fff; text-align: center; float: left;} .product-order .bd p {margin: 25px auto; width: 820px; line-height: 25px; font-size: 12px;} .product-order .order {display: block; margin: 0 auto; width: 820px;} .product-order .order .t_r {display: block; width: 90px; font-size: 12px; text-align: right;} .product-order .order input { width: 726px; height: 28px; margin-bottom: 12px;} .product-order .order textarea {width: 728px; height: 114px; margin-bottom: 12px;} #pro_name {width: 730px; margin-bottom: 12px;} #submit1 {margin: 0 7px; float: left; width: 110px; height: 40px; color: #fff; background: #b70000; border: none; text-align: center;} #submit2 {margin: 0 7px; float: left; width: 110px; height: 40px; color: #fff; background: #454545; border: none; text-align: center;} .btn-box {display: block; margin: 0 auto; width: 250px; overflow: hidden;} .product-order .order td {position: relative;} #captcha {width: 60px; height: 28px;} #captcha-img {position: absolute; height: 28px;} /*焦点放大模块CSS配置*/ .preview{ width: 606px; height: 580px; margin: 0 auto; overflow: hidden;} .smallImg{position:relative; height:94px; margin-top:1px; background-color:#fff; width:606px; overflow:hidden;} .scrollbutton{width:17px; height:94px; overflow:hidden; position:relative; float:left; cursor:pointer; } .scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../Image/d_08.png) no-repeat;} .scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../Image/d_09.png) no-repeat;} /*缩略图样式*/ #imageMenu {height:94px; width:572px; overflow:hidden; float:left;} #imageMenu li {height:94px; width:143px; overflow:hidden; float:left; text-align:center;} #imageMenu li img{ width:120px; height: 90px; padding: 1px; border: 1px solid #dedede; cursor:pointer;} /* bigImg */ .bigImg{position:relative; margin-bottom: 20px; width:605px; height:460px; overflow:hidden;} .bigImg #midimg{ width: 600px; height: 450px; border: 1px solid #dedede; padding: 2px;} .bigImg #winSelector{width:160px; height:160px;} #winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;} /* bigView */ #bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;} #bigView img{position:absolute;} /*tongyongyangshi*/ /*page css style*/ /*page base css style*/ .mypage {margin: 20px auto; width: 1200px;} .mypage-right {width: 920px;} .mypage-title {padding-top: 7px; height: 27px; background: url(../Image/page02.jpg) center bottom no-repeat;} .mypage-title > p {float: left;} .mypage-title > p span {font-size: 16px; color: #017dc3; font-weight: 800;} .mypage-title a:hover {color: #f00;} .mypage-content {width: 900px; padding: 10px;} .list-contact {margin: 30px auto;} .list-contact p {width: 70%; line-height: 36px; margin: 15px auto; text-indent: 4em; font-weight: 600;} .list-contact a:hover {color: #f80000;} .order {margin: 20px 60px 20px 100px;} .order .t_r {line-height: 50px; vertical-align: top;} .order input {margin: 5px 0; width: 300px; height: 20px; padding: 5px; border: 1px solid #999;} .order textarea {margin: 5px 0; width: 300px; height: 150px; padding: 5px; border: 1px solid #999;} #captcha {width: 100px; height: 24px;} #captchaimg {height: 24px; position: relative; top: 5px;} #submit {width: 160px; height: 30px; background-color: #0565bc; color: #fff;} .food_info_tit {width: 120px; height: 30px; text-align: center; line-height: 30px; background-color: #0565bc; color: #fff; font-size: 16px; margin: 10px 0;} .news_tit_u {font-size: 20px; margin: 5px 0; text-align: center; color: #0978cb;} .info_img_detail img {width: 460px; display: block; margin: 10px auto;} #prev_next {margin: 30px 0 10px; padding: 10px 0; border-top: 1px solid #555;} #prev_next li {margin-left: 30px;} #prev_next li:hover a {color: #f00;} .page {margin: 20px 0; padding-top: 20px; text-align: center; border-top: 3px solid #f80000; color: #f80000; overflow: hidden;} .info_img li {width: 280px; height: 240px; float: left; margin: 16px 15px; text-align: center; list-style: none; overflow: hidden;} .info_img li img {display:block; margin:0 auto; width: 267px; padding: 2px solid #dedede; height: 200px;} .info_img li img:hover{ border: 1px solid #f00;} .info_img li a {font-size: 16px; color: #000; line-height: 44px;} .info_img li:hover a {color: #f00;} .no_product {text-align: center; margin: 30px auto; color: #f00; font-size: 16px;} .news_list li {line-height: 40px; border-bottom: 1px dashed #999; padding: 8px 36px 8px; list-style: none;} .news_list li a {font-weight: 700;} .news_list li:hover a {color: #f00;} .news_list li:hover {background: #eee;} .news_tit_u {font-size: 20px; text-align: center; color: #f00; font-weight: 800; margin: 10px 0;} .news_tit_d {font-size: 14px; text-align: center; color: #512; font-weight: 700; padding: 10px 0; border-bottom: 1px solid #999; margin-bottom: 10px;} .news_main img {width: 400px; display: block; margin: 10px auto;} .news_main {padding: 24px;} .news_main p {line-height: 26px;} .productright {width: 520px; height: 354px; margin-right: 28px; overflow: hidden;} #p-txt{ width: 500px; float: right;} .pname{ width: 100%; height: 40px; font-size: 24px; line-height: 40px; border-bottom: 1px solid #cdcdcd; color: #f00; font-weight: 700; overflow: hidden;} .pkeywords{ width: 100%; height: 59px; padding: 20px 0; overflow: hidden; line-height: 30px; } .p-tel{ width: 100%; height: 145px; line-height: 35px; overflow: hidden;} .p-tel span{ font-weight: 700; color: #333;font-size: 16px;} .p-order{ width: 290px; height: 37px; overflow: hidden; margin-top: 10px;} .po1{ width: 122px; height: 37px; float: left; background: url(../Image/o1.jpg); text-indent: 47px; line-height: 35px;} .po2{ width: 122px; height: 37px; float: right; background: url(../Image/o2.jpg); text-indent: 47px; line-height: 35px;} .p-order a{ color: #fff; font-size: 16px;} .p-order a:hover{ color: #ff0; font-size: 16px;} .contact-box{ width: 938px; padding-top: 30px; line-height: 35px; border: 1px solid #808080; border-top: none; overflow: hidden; background: url(../Image/contact-img.jpg) no-repeat right top;} .contact-box div{ padding-left: 30px; padding-bottom: 30px; overflow: hidden;} .contact-box div .title{ width: 100%; background: url(../Image/c1.jpg) no-repeat left center; color: #000; text-indent: 35px; line-height: 30px; font-size: 16px;font-weight: 700;} .contact-box div .title1{ width: 100%; background: url(../Image/c2.jpg) no-repeat left center; color: #000; text-indent: 35px; line-height: 30px; font-size: 16px; font-weight: 700;} .contact-box div ul{ padding-left: 70px;} .contact-box div ul li{ text-indent: 35px;} .contact-box div ul .c0{ text-indent: 0px; color: #4f80db} .contact-box div ul .c1{background: url(../Image/cc1.jpg) no-repeat left center;} .contact-box div ul .c2{background: url(../Image/cc2.jpg) no-repeat left center;} .contact-box div ul .c3{background: url(../Image/cc3.jpg) no-repeat left center;} .contact-box div ul .c4{background: url(../Image/cc4.jpg) no-repeat left center;} .contact-box div ul .c5{background: url(../Image/cc5.jpg) no-repeat left center;} .contact-box div ul .c6{background: url(../Image/cc6.jpg) no-repeat left center;} .contact-box div ul .c7{background: url(../Image/cc7.jpg) no-repeat left center;} .contact-box div ul .c8{background: url(../Image/cc8.jpg) no-repeat left center;}