.head { height: 221px; background: url(../images/head.jpg) repeat-x center top; } #header { width: 1200px; margin: 0 auto; height: 131px; overflow: hidden; } .logo { float: left; } .logo img { margin-top: 25px; } .head1 { height: 39px; } .huan1, .k1, .k1 a { font: 500 14px/39px "microsoft yahei"; } .topLink { float: right; text-align: right; position: relative; z-index: 9999; } .translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; } .tran-in { left: 120px; } .translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; } .translate li a { display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px; } .translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; } .translate-en { display: none; padding: 6px; padding-top: 0px; } .translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; } .translate li .translate-en a:hover { font-weight: bold; } .topLink .f_count { color: #ff0000; font-size: 13px; font-weight: bold; } .topLink .k2 { font: 500 14px/22px "microsoft yahei"; text-align: left; background: url(../images/phone.png) no-repeat left 8px; padding-left: 48px; margin-top: 24px; } #menu { height: 50px; } /*í门搜ç´Â?/ .ss { height: 59px; width: 1200px; margin: 0 auto; position: relative; } .search { text-align: left; height: 59px; line-height: 59px; } #formsearch { float: right; width: 345px; margin-top: 14px; border: 1px solid #dddddd; border-radius: 5px; height: 32px; } .hotSearch { float: left; height: 59px; line-height: 59px; font-weight: normal; color: #a0a0a0; font: 400 14px/59px "microsoft yahei"; } .hotSearch a { color: #a0a0a0; margin-right: 6px; } #search-type { float: left; width: 100px; height: 24px; border: 1px solid #c8c8c8; margin-right: 5px; } #formsearch input { height: 31px; background: none; border: none; line-height: 31px; float: left; } #formsearch input#keyword { height: 31px; line-height: 31px; color: #999; font-size: 14px; padding-left: 15px; width: 285px; } #formsearch input#s_btn { width: 40px; height: 31px; line-height: 31px; text-align: center; background: url(../images/ssk1.png) no-repeat center; color: #fff; border: none; cursor: pointer; } /*Ã]ÂTÂÃ]“æ ÂL¥Â?/ #container { width: 1200px; margin: 0 auto; margin-top: 10px; } .container { width: 1200px; margin: 0 auto; } .product { width: 1200px; margin: 0 auto; margin-top: 70px; } .ctitle1 { background: url(../images/ctitle1.png) no-repeat center 48%; color: #333333; font-size: 28px; text-align: center; font-weight: normal; text-transform: uppercase; line-height: 36px; letter-spacing: 5px; } .ctitle1 p { font-size: 18px; color: #666; letter-spacing: 0px; } .product .ctitle1 { background: url(../images/ctitle11.png) no-repeat center 48%; } .ysbg { background: url(../images/ysbg.jpg) no-repeat center top; padding-top: 283px; height: 1968px; box-sizing: border-box; margin-top: 55px; } .product .content { position: relative; padding-bottom: 55px; } .l_btn1, .r_btn1 { position: absolute; bottom: 0; cursor: pointer; } .l_btn1 { left: 48%; } .r_btn1 { left: 51% } /*äTä“æ L¼?/ .ctitle { color: #999; font: 600 30px "å]‹ä½?; text-align: center; text-transform: uppercase; } .ctitle span { display: block; color: #111; font-family: "microsoft yahei"; margin: 3px 0 16px; } .ctitle a { display: block; font: 400 12px/25px "microsoft yahei"; background: url(../images/more.png) no-repeat left center; } .ctitle i { display: block; font: 400 18px/25px "microsoft yahei"; background: url(../images/ibg.png) no-repeat left center; } .service { margin-top: 30px; } .service .content { margin-top: 42px; } .service li { width: 213px; float: left; border: 1px solid #e0e0e0; margin-right: 30px; border-top: 3px solid #ff9972; padding: 20px 25px; text-align: center; } .service li:nth-child(2) { border-top: 3px solid #85bb59; } .service li:nth-child(3) { border-top: 3px solid #63a5ff; } .service li:nth-child(4) { margin-right: 0; border-top: 3px solid #ff764d; } .service li a { display: block; color: #111; font-size: 22px; } .service li h3 { font: 400 14px/24px "microsoft yahei"; } .service li a.inquiry { width: 108px; height: 30px; border: 1px solid #ff8659; border-radius: 6px; line-height: 30px; color: #ff8659; font-size: 12px; margin: 0 auto; margin-top: 18px; } .service li a.img { margin: 20px 0 18px; height: 59px; } .service li:nth-child(2) a.inquiry { color: #85ba59; border-color: #85ba59; } .service li:nth-child(3) a.inquiry { color: #63a5ff; border-color: #63a5ff; } .service li:nth-child(4) a.inquiry { color: #ff764d; border-color: #ff764d; } .service li:hover a.inquiry { background: #ff8659; color: #fff; } .service li:nth-child(2):hover a.inquiry { background: #91c269; } .service li:nth-child(3):hover a.inquiry { background: #72aeff; } .service li:nth-child(4):hover a.inquiry { background: #ff835e; } .service li:hover { box-shadow: -2px 0 7px #e0e0e0, 2px 0 7px #e0e0e0, 0 0 0 #e0e0e0, 0 2px 7px #e0e0e0; } .c2 { margin-top: 40px; } .menu_cate { width: 240px; float: left; background: url(../images/cate1.jpg) no-repeat #f1f1f1 center top; padding-top: 139px; box-sizing: border-box; border: 3px solid #0060c5; border-top: none; margin-top: 30px; } .cate2 { background: #0060c5; text-align: center; padding: 4px 3px 1px; box-sizing: border-box; } .product_list33 li { float: left; margin-left: 15px; } .product_list33 li a.img img { width: 294px; height: 228px; border: 1px solid #d2d2d2; } .product_list33 li h3 a { font-size: 16px; line-height: 69px; font-weight: normal; color: #000000; text-align: center; display: block; } .product_list33 li:hover h3 a { color: #0060c5 } .product_list33 li:hover a.img img { border-color: #0060c5; } /*äºå“æqè?/ .recommend_product { width: 940px; float: right; margin-top: 30px; } .recommend_product .content {} .roll_product li { padding-bottom: 0px; } .ht1 { position: relative; left: 50%; margin-left: -960px; width: 1920px; } .ys { margin-bottom: 80px; } .yimg { width: 599px; margin-top: 35px; } .yword { width: 575px; } .yword .ytitle { width: 45px; } .yword .ycontent { margin-top: 60px; width: 100%; font: 400 18px/35px "microsoft yahei"; color: #fff; } .yword .ycontent h3 { color: #fff; font: 400 30px/60px "microsoft yahei"; margin-bottom: 50px; padding-left: 132px; } .yword .ycontent h3 i { color: #004b9a; font-family: "microsoft yahei"; text-transform: uppercase; display: block; font-size: 36px; font-style: normal; width: 420px; text-align: center; letter-spacing: 10px; } .yword1 { margin-bottom: 52px; } .zixun { display: block; float: left; width: 136px; margin-top: 27px; } .phone { padding-left: 55px; background: url(../images/phone1.png) no-repeat 0% 100%; color: #5b6575; float: left; margin-left: 26px; margin-top: 16px; } .process { margin-top: 50px; } .process .content { margin-top: 32px; } .process li { width: 145px; float: left; padding-right: 115px; background: url(../images/sdot1.jpg) no-repeat 185px 60px; text-align: center; } .process li:last-child { padding-right: 0; background: none } .process li h2 { color: #333; font: 500 16px/20px "microsoft yahei"; margin-top: 15px; } .process li h2 a { color: #333; } .process li h2 p { color: #333; font-size: 30px; margin-bottom: 15px; letter-spacing: -5px; } .process li h3 { color: #333; font: 500 13px/20px "microsoft yahei"; text-transform: uppercase; } .c33 { background: url(../images/c33.png) no-repeat center top; padding-top: 58px; height: 532px; box-sizing: border-box; margin-top: 62px; overflow: hidden; } .c3 { padding-top: 60px; } .about { width: 1200px; margin: 0 auto; } .about .content1 { width: 539px; float: left; margin-top: 52px; } .about .content { width: 600px; float: right; font: 400 16px/30px "microsoft yahei"; position: relative; margin-top: 48px; color: #fff; } .about .content h3 { color: #fff; font: 400 14px/33px "microsoft yahei"; margin-bottom: 5px; text-transform: uppercase; position: relative; } .about .content h3 span { color: #fff; display: block; opacity: .6; padding-top: 5px; } .about .content h3 p { display: inline-block; font-size: 24px; opacity: 1; border-bottom: 1px solid rgba(255, 255, 255, .3); padding-bottom: 12px; } .about .content a { display: block; color: #fff; margin-top: 24px; } .atitle { color: #fff; font-size: 22px; line-height: 42px; position: relative; font-weight: 400; margin-top: 100px; } .atitle span { padding-left: 10px; font-size: 14px; text-transform: uppercase; } .atitle a { position: absolute; right: 0; top: 0; } .album { position: relative; width: 1200px; padding-bottom: 32px; margin-top: 36px; } .album .product_list33 { margin-top: 24px; } .l_btn2, .r_btn2 { position: absolute; bottom: 0; cursor: pointer; } .l_btn2 { left: 48%; } .r_btn2 { left: 51% } .customer { position: relative; width: 1240px; left: 50%; margin-left: -620px; } .customer .product_list33 { margin-top: 45px; } .ht1 { width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-top: 70px; } .i-news .i-news-left { width: 668px; margin-top: 38px; } .i-news .i-news-left ul.n1 .i-t { width: 50px; height: 30px; line-height: 30px; background: #1170b8; text-align: center; color: #fff; font-size: 16px; } .i-news .i-news-left ul.n1 .nei { width: 601px; float: right; } .i-news .i-news-left ul.n1 .nei a { line-height: 30px; color: #333333; font-size: 18px; } .i-news .i-news-left ul.n1 .nei p { margin-top: 20px; color: #666666; font-size: 14px; line-height: 30px; } .i-news .i-news-left ul.n2 { margin-top:-2px; position: relative; } .i-news .i-news-left ul.n2::before { content: ''; display: block; width: 1px; height: 264px; background: #d1d1d1; position: absolute; left: 3px; top: 50%; margin-top: -132px; } .i-news .i-news-left ul.n2::after { content: ''; display: block; width: 1px; height: 264px; background: #d1d1d1; position: absolute; left: 353px; top: 50%; margin-top: -132px; z-index: 9; } .i-news .i-news-left ul.n2 li { width: 318px; float: left; line-height: 51px; box-sizing: border-box; padding-left: 32px; position: relative; } .i-news .i-news-left ul.n2 li:nth-child(even) { float: right; } .i-news .i-news-left ul.n2 li:nth-last-child(1) a, .i-news .i-news-left ul.n2 li:nth-last-child(2) a { border: none; } .i-news .i-news-left ul.n2 li::before { content: ''; display: block; width: 7px; height: 7px; background: #999999; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3.5px; z-index: 999; } .i-news .i-news-left ul.n2 li a { display: block; border-bottom: 1px solid #d1d1d1; color: #666666; font-size: 14px; } .i-news .i-news-left ul.n2 li:hover::before { background-color: #1170b8; } .i-news .i-news-left ul.n2 li:hover a { color: #333333; } .i-news .i-yi { width: 466px; margin-top: 38px; } .i-news .i-yi h3 { line-height: 60px; background: url(../images/wt.png) no-repeat 33px center #1170b8; color: #fff; font-size: 18px; position: relative; text-indent: 74px; font-weight: normal; } .i-news .i-yi h3 a { display: block; position: absolute; right: 82px; top: 0; line-height: 60px; color: #ffffff; font-size: 12px; text-transform: uppercase; } .i-news .i-yi ul { border-top: none; box-sizing: border-box; padding: 0 10px 10px; } .i-news .i-yi ul li { border-bottom: 1px solid #d1d1d1; padding: 20px 12px 15px 0; } .i-news .i-yi ul li a { display: block; padding-left: 48px; position: relative; line-height: 20px; font-size: 14px; color: #333 } .i-news .i-yi ul li a::before { content: '?; width: 20px; height: 20px; background: #1170b8; color: #fff; font-size: 12px; position: absolute; left: 16px; top: 0; text-align: center; } .i-news .i-yi ul li p { padding-left: 48px; position: relative; line-height: 30px; margin-top: 18px; color: #666666; font-size: 4px; font-size: 14px; } .i-news .i-yi ul li p::before { content: '{?; width: 20px; height: 20px; background: #666666; color: #fff; font-size: 12px; position: absolute; left: 16px; top: 5px; line-height: 20px; text-align: center; } /*é–页新é—?/ .news { margin-top: 50px; } .news_company { width: 365px; margin-right: 52px; } .news1_title { font: 400 18px/43px "microsoft yahei"; color: #333333; position: relative; padding-left: 33px; background: #f5f5f5; } .news1_title::after { position: absolute; content: ""; width: 4px; height: 24px; background: #ff7021; left: 0; top: 10px; } .news1_title span { color: #333333; font-size: 14px; text-transform: uppercase; } .news1_title a { position: absolute; right: 9px; top: 0; color: #333333; font-size: 14px; display: block; line-height: 43px; text-transform: uppercase; } .news_company .content { padding-top: 20px; } .cate_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "microsoft yahei"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .navigation { float: right; width: 100px; } .index-title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "microsoft yahei"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .index-table td { border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px; } .index-table { border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } /*é–页左侧联çꐻ我ä»?/ /*å·çt‹æ¡ˆä䏀?/ .case { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; margin-top: 10px; } .case_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "microsoft yahei"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .case .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; } .news2_company { margin-top: 10px; } /*友情链æq?/ .f_linkbg { height: 50px; line-height: 50px; background: #f6f6f6; margin-top: 42px; } .f_link { width: 1200px; margin: 0 auto; color: #000; font-size: 14px; } .f_link a { padding: 0 8px; } /*页éÂú•éƒÂ?/ .foot { background: url(../images/foot.jpg) no-repeat center top; padding: 39px 0 40px 0; } .foot h3 { color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 32px; line-height: 30px } .foot h3 p {} .foot .nav_foot { width: 239px; color: #fff; } .foot .nav_foot a { display: inline-block; font-size: 14px; color: #fff; line-height: 28px; } .foot .f-contact { width: 290px; color: #fff; font-size: 14px; line-height: 28px; } .foot .f-contact a { color: #fff; } .foot .f-contact img { /*padding-top: 10px;*/ } .foot .f-er { text-align: center; color: #fff; font-size: 14px; line-height: 30px; margin-top: 20px; } .foot .copyright { text-align: left; line-height: 30px; color: #f6f6f6; font-size: 14px; } .foot .copyright a { color: #fff; } .foot .f_link { text-align: left; color: #fff; font-size: 14px; } .foot .f_link a { color: #fff; } .contact1 { width: 430px; line-height: 30px; color: #fff; font-size: 14px; margin-left: 50px; } .contact1 a { color: #fff; } /*------------内é¡?------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 38px; padding-left: 15px; font-weight: bold; font-family: "microsoft yahei"; background: #0051a6; font-size: 14px; color: #fff; } .left .box .content { padding: 5px 0px; } .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } .n_banner { width: 1920px; margin: 0 auto; position: relative; left: 50%; margin-left: -960px; } .n_banner img { width: 1920px; margin: 0 auto } .left { width: 225px; float: left; } .sort_menu {} .sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .sort_product { margin-top: 10px; } .sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact { margin-top: 10px; } .n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact .content { padding: 5px; line-height: 24px; } .right { width: 950px; float: right; padding-bottom: 10px; } .sitemp { line-height: 38px; height: 38px; overflow: hidden; padding-right: 10px; background: #0051a6; } .sitemp h2 { width: 340px; float: left; line-height: 38px; text-align: center; text-align: left; text-indent: 15px; color: #fff; font-size: 14px; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 38px; color: #fff; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px; } .sitemp .site a { color: #fff; } 国产精品欧美一区喷水,狠狠色精品久久久久久,在线无码Aa一级,92午夜免费无码国产电影大全,欧美日韩久久99精品一品