@charset "utf-8"; /* css document */ /*****basic element*****/ * { padding: 0; margin: 0; font-family: "微软雅黑", "黑体"; } a { text-decoration: none; } ul { list-style: none; } img { border: none; } body { } /*****generic classes*****/ .fl { float: left; } .logo a{ padding-top:20px; float: left; font-family:"微软雅黑"; font-size:35px; color:#0786cd; line-height:40px; } .fr { float: right; } .clear { clear: both; } .hidden { display:none; } /*****basic layout*****/ body { } .nav_inner,.main_inner, .main_top,.jiaoxue,.tuzhi,.news_inner,.contact_inner, .footer_inner { width: 1000px; margin: auto; } #header{ width: 1050px; margin: auto; } /*****header*****/ #header { height:123px; background: url(/uploads/image/tpimages/logo_03.png) no-repeat center left; } #header .tel { width:285px; padding-top:10px; } #header .tel p {width:230px; height:52px; text-align:right; line-height:30px; color:#0786cd; font-size:25px; font-family:"arial"; padding:15px 10px 0 45px; background:url(/uploads/image/tpimages/tel.jpg) no-repeat; } #header .tel p strong { } #header input { width:205px; height:24px; padding: 0 10px; font-size:14px; color:#666; border:1px #ccc solid; border-right:0; float:left; } #header input.msearch { width:54px; height:26px; padding:0; background:url(/uploads/image/tpimages/btn_search_03.jpg) no-repeat; cursor:pointer; border:0; } /*****banner*****/ #full-screen-slider { width:100%; height:385px; position:relative } #slides { display:block; width:100%; height:380px; 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:50%; bottom:20px; 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:#fff } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px; } #pagination li.current { background:#0092ce } /*****main*****/ #main { padding-top:30px; } /**main_top**/ #main .about { width:360px; margin-left:20px; } #main .about h2,#main .video h2 { font-size:16px; color:#0f89c4; padding:0 0 5px 2px; background:url(/uploads/image/tpimages/bg_line_03.jpg) no-repeat left bottom; } #main .about h2 span,#main .video h2 span { font-weight:normal; font-size:16px; color:#cfcfcf; padding-left:10px; } #main .about .nr { height:159px; overflow:hidden; background:url(/uploads/image/tpimages/bg_about_03.jpg) repeat-x left bottom; font-size:14px; color:#666; line-height:26px; padding:10px 10px 10px 18px; } #main .video .videobox { background:url(/uploads/image/tpimages/bg_about_03.jpg) repeat-x left bottom; height:184px; overflow:hidden; } #main .video { width:300px; } /**main——教学**/ #main .jiaoxue { padding-top:30px; } #main .jiaoxue .jx { width:250px; overflow:hidden; margin-left:35px; } #main .jiaoxue .jx a { font-size:12px; color:#979797; line-height:20px; } #main .jiaoxue .jx img { display:block; margin:0 auto 15px; } #main .jiaoxue .jx2 { margin:0 60px 0 95px; } #main .jiaoxue .jx a:hover { color:#0f89c4; } /**main——图纸欣赏**/ #main .tuzhi { padding:40px 0 20px 0; } #main .tuzhi .title{ width:450px; height:31px; background:url(/uploads/image/tpimages/title1_03.jpg) no-repeat; margin:0 auto;} #main .tuzhi .title h2{ text-align:right; padding-right:10px; color:#fff; font-weight:normal; font-size:24px; line-height:31px;} #main .tuzhi .title h2 span{ padding-right:35px; color:#0786cd;font-family: "times new roman", times, serif;line-height:31px; font-size:30px;} #main .news_inner .title{ width:450px; height:31px; background:url(/uploads/image/tpimages/title2_03.jpg) no-repeat; margin:0 auto;} #main .news_inner .title h2{ text-align:right; padding-right:10px; color:#fff; font-weight:normal; font-size:24px; line-height:31px;} #main .news_inner .title h2 span{ padding-right:35px; color:#0786cd;font-family: "times new roman", times, serif;line-height:31px; font-size:30px;} #main .tuzhi .mchangetag { padding-top:23px; } #main .tuzhi .bx_chgbtn { height: 30px; overflow: hidden; position:relative; } #main .tuzhi .bx_chgbtn a.vmore { display:block; position:absolute; right:0; top:8px; font-size:14px; color:#888; } #main .tuzhi .bx_chgbtn a.vmore:hover { color:#0f89c4; } #main .tuzhi .bx_chgbtn ul .mcon_btn { color: #888; cursor: pointer; float: left; font-size: 16px; height: 30px; line-height: 30px; text-align: center; margin-right:30px; } #main .tuzhi .bx_chgbtn ul .mcon_cutbtn { height: 30px; font-weight:bold; color:#0f89c4; } #main .tuzhi .mcon_contxt { padding: 20px 0 0px 0; clear: both; font-size:12px; color:#666; line-height:20px; overflow:hidden; } #main .tuzhi .mcon_contxt li { width:240px; padding:0 13px 15px 0; position:relative; margin-bottom:10px; } #main .tuzhi .mcon_contxt li p { font-size:14px; color:#333; text-align:center; padding-top:10px; } #main .tuzhi .mcon_contxt li span { display:block; position:absolute; top:150px; left:140px; width:100px; height:30px; line-height:30px; background:url(/uploads/image/tpimages/bg_70.png); font-size:16px; color:#fff; text-align:center; } #main .tuzhi .mcon_contxt li a:hover p { font-weight:bold; color:#0f89c4; } /**main——新闻中心**/ .news { background:#f2f2f2; padding-top:25px; } .news ul { padding-top:20px; } .news li { width:500px; padding-bottom:30px; } .news li dl { width:320px; padding-left:30px; } .news li dt { font-weight:bold; font-size:15px; color:#555; padding:5px 0 8px 0; } .news li dd { font-size:12px; color:#555; line-height:18px; } .news li a:hover dt { color:#0f89c4; } /**main——联系我们**/ #main .contact { height:390px; background:url(/uploads/image/tpimages/bg_map_03.jpg) no-repeat center top; } #main .contact .lx { width:585px; padding-top:25px; } #main .contact .lx h2 { font-weight:normal; font-size:24px; color:#fff; line-height:40px; } #main .contact .lx h2 span { font-family:"times new roman", times, serif; font-size:36px; padding-right:10px; } #main .contact .lx .lxinfo { font-size:16px; color:#fff; line-height:36px; padding-top:25px; padding-bottom:20px; } #main .contact .ly { width:415px; padding-top:45px; } #main .contact .ly input { display:block; width:165px; height:28px; border:2px #e3e2e2 solid; border-radius:4px; background:none; padding-left:20px; font-size:14px; color:#e3e2e2; margin:0 13px 20px 0; } #main .contact .ly textarea { width:357px; height:70px; border:2px #e3e2e2 solid; border-radius:4px; background:none; padding:10px 10px 10px 20px; overflow:auto; font-size:14px; color:#e3e2e2; line-height:20px; margin-bottom:20px; } #main .contact .ly input.btn_tj { width:390px; height:30px; border:2px #e3e2e2 solid; border-radius:4px; background:none; padding:0; text-align:center; cursor:pointer; } #main .contact .ly input.btn_tj:hover { border:2px #0f89c4 solid; background:#0f89c4; color:#fff; } /*****footer*****/ #footer { background:#cbcbcb; } #footer .footer_inner { overflow:hidden; padding:20px 0; } #footer .footer_inner span{ text-align:right; width:500px; float:right; line-height:40px; font-size:26px; font-family:"黑体"; padding-top:20px; color:#fff;} #footer li { padding-right:20px; } #footer li a { font-weight:bold; font-family:"宋体"; font-size:12px; color:#777; } #footer .dbinfo { width:400px; float:left; font-family:"宋体"; font-size:12px; color:#777; line-height:22px; padding-top:15px; } #footer .dbinfo a{ color:#333} /*****main_left*****/ #main .main_left { width:300px; } #main .main_left h1 { font-weight:normal; font-size:18px; color:#fff; padding-left:30px; height:56px; line-height:56px; background:#0985cb no-repeat 270px 29px; } #main .main_left h1 span { font-size:12px; color:#0b5a86; padding-left:7px; } #main .main_left .accordion { background:#efeff1; padding:5px 0; } /* functionality */ .accordion li > .sub-menu { display: none; } .accordion > li { background:#efeff1 no-repeat center bottom; } .accordion li:target > .sub-menu { display: block; } #main .main_left .accordion a { display:block; height:37px; line-height:36px; font-size:14px; color:#333; text-align:center; } #main .main_left .accordion > li:target > a, #main .main_left .accordion > li > a.active { background:#a2a3a5 no-repeat 270px center; font-weight:bold; color:#fff; } #main .main_left .accordion > li:hover > a { font-weight:bold; } #main .main_left .sub-menu { border-left:1px #efeff1 solid; border-right:1px #efeff1 solid; padding:0 20px; background:#fff; } #main .main_left .sub-menu a { font-size:13px; line-height:36px; height:36px; color:#666; text-align:center; display:block; background:#fff; border-bottom:1px #ccc dashed; } #main .main_left .sub-menu a.lastone { border:none; } #main .main_left .sub-menu a:hover { font-weight:bold; color:#0985cb; } /*****面包屑*****/ #main .main_right { width:680px; } #main .bread { border-bottom:1px #e4e9ea solid; margin-bottom:15px; height:54px; line-height:54px; } #main .bread h2 { font-weight:normal; font-size:18px; color:#000; } #main .bread p { font-family:"宋体"; font-size:12px; color:#888; } #main .bread p a { font-family:"宋体"; color:#888; } /*****产品列表*****/ #main .productlist { } #main .productlist li { } #main .productlist li dt { font-size:12px; color:#666; padding:8px 0 5px 0; text-align:center; } #main .productlist li dd { font-size:12px; color:#666; } #main .productlist li dd strong { font-size:14px; color:#0985cb; } #main .productlist li .gw { position:absolute; right:2px; bottom:-3px; } /*****新闻列表*****/ #main .newslist { } #main .newslist li { border-bottom:1px #e1e1e1 dashed; height:46px; line-height:46px; } #main .newslist li a { font-size:14px; color:#666; padding-left:30px; background: no-repeat 13px center; } #main .newslist li a:hover { color:#0785cd; } #main .newslist li span { font-family:"宋体"; font-size:12px; color:#888; } /*****单页*****/ #main .content { font-size:14px; color:#666; line-height:26px; } #main .bt { font-size:16px; color:#444; text-align:center; padding-bottom:20px; } #main .xg { padding-top:40px; } #main .xg p { font-size:12px; color:#888; line-height:26px; } #main .xg p a { color:#888; } #main .xg p a:hover { color:#0785cd; } /*****产品详情页*****/ #main .productdetail { } #main .productdetail .pic { position:relative; } #main .productdetail img{ max-width:680px; _width:expression(document.body.clientwidth > 680 ? "680px" : "auto"); display:block; margin:0 auto;} #main .productdetail .pic a.jrgwc { display:block; position:absolute; left:90px; bottom:0; } #main .productdetail .picintro { } #main .productdetail .picintro h4.mdetail { font-size:14px; color:#fff; width:80px; height:30px; line-height:30px; text-align:center; background:#0985cb; margin:20px 0; } /*****购物车*****/ #main .gouwuche { } #main .gouwuche table { border:1px #ccc solid; border-right:0; border-bottom:0; text-align:center; } #main .gouwuche th { background:#f2f2f2; height:40px; line-height:40px; font-size:16px; color:#333; border-right:1px #ccc solid; border-bottom:1px #ccc solid; } #main .gouwuche td { border-right:1px #ccc solid; border-bottom:1px #ccc solid; font-size:14px; color:#666; } #main .gouwuche td img { margin:10px; vertical-align:middle; } #main .gouwuche td p { width:170px; text-align:left; line-height:24px; padding-top:15px; } #main .gouwuche td input { width:60px; height:30px; line-height:30px; text-align:center; border:1px #ddd solid; } #main .gouwuche td a { font-size:14px; color:#0092ce; } #main .gouwuche .mtotle { height:40px; line-height:40px; border:1px #ccc solid; margin:10px 0; } #main .gouwuche .mtotle p { font-size:14px; color:#666; padding-left:10px; } #main .gouwuche .mtotle p strong { font-size:18px; color:#0092ce; } #main .gouwuche .mtotle a { display:inline-block; padding:0 15px; background:#f2f2f2; border:1px #ccc solid; font-size:12px; color:#333; text-align:center; height:22px; line-height:22px; margin:8px 10px 0 0; } #main .gouwuche .mtotle a:hover { color:#fff; background:#0092ce; border:1px #0092ce solid; } #main .gouwuche .maniu a { display:block; width:150px; height:36px; line-height:36px; text-align:center; font-size:16px; color:#fff; background:#0092ce; } .tuzhi .box { padding-top:35px; } .tuzhi li { width:232px; margin:0 5px 0 13px; overflow:hidden } .tuzhi li img { display:block; height:172px; margin:0 auto; } .tuzhi li p { font-size:14px; color:#333; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; } #globalheader_ad { border: medium none; height: 385px; margin: 0 auto; padding: 0; width: 100%; #full-screen-slider { float: left; height: 385px; position: relative; width: 100%; } #slides { display: block; height: 385px; list-style: outside none none; margin: 0; padding: 0; position: relative; width: 100%; } #slides li { display: block; height: 100%; list-style: outside none none; margin: 0; padding: 0; position: absolute; width: 100%; } #slides li a { display: block; height: 100%; text-indent: -9999px; width: 100%; } .image2 img{ max-width:680px; _width:expression(document.body.clientwidth > 680 ? "680px" : "auto");}