@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; } .fr { float: right; } .clear { clear: both; } .hidden { display:none; } /*****Basic Layout*****/ body { } #header, .nav_inner,.main_inner, .main_top,.jiaoxue,.tuzhi,.news_inner,.contact_inner, .footer_inner { width: 1200px; margin: auto; } /*****Header*****/ #header { height:123px; } #header .tel { width:306px; padding-top:20px; } #header .tel p { font-size:13px; color:#acacac; padding:1px 0 0 65px; background:url(../images/u.jpg) no-repeat left center; margin-bottom:10px; background-size: contain;text-align: right; } #header .tel p strong { font-size:18px; color:#0785cd; } #header input { width:228px; 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(../images/btn_search_03.jpg) no-repeat; cursor:pointer; border:0; } /*****Banner*****/ #full-screen-slider { width:100%; height:420px; position:relative } #slides { display:block; width:100%; height:420px; 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: 397px; margin-left: 20px; line-height: 2; } #main .about h2,#main .video h2 { font-size:16px; color:#0f89c4; padding:0 0 5px 2px; background:url(../images/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(../images/bg_about_03.jpg) repeat-x left bottom; font-size:14px; color:#666; line-height:26px; padding:15px 10px 10px 18px; } #main .video .videobox { background:url(../images/bg_about_03.jpg) repeat-x left bottom; height: 164px; overflow: hidden; padding: 10px; } #main .video { width:436px; line-height: 2 } /**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 .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(../images/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:35px; } .news li { width:500px; padding-bottom:30px; } .news li dl { width:320px; padding-left:15px; } .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:330px; background:#fff; background-size:contain; background-color: rgba(0,0,0,0.5); overflow:hidden; } #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; } #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 { padding:20px 0; } #footer li { padding-right:20px; } #footer li a { font-weight:bold; font-family:"瀹嬩綋"; font-size:12px; color:#777; } #footer .dbinfo { 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 url(../images/arrow_yellow_03.jpg) 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 url(../images/line_left_03.jpg) 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 url(../images/arrow_white_03.jpg) 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:#333; } #main .bread p { font-family:"瀹嬩綋"; font-size:12px; color:#888; } #main .bread p a { font-family:"瀹嬩綋"; color:#888; } /*****浜у搧鍒楄〃*****/ #main .productlist { } #main .productlist li { width:215px; margin:0 17px 20px 0; position:relative; } #main .productlist li dt { font-family:"瀹嬩綋"; font-size:12px; color:#666; padding:8px 0 5px 0; text-align:center; } #main .productlist li dd { font-family:"瀹嬩綋"; 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:url(../images/arrow_03.jpg) no-repeat 13px center; } #main .newslist li a:hover { color:#0785cd; } #main .newslist li span { font-family:"瀹嬩綋"; font-size:12px; color:#888; float:right; } /*****鍗曢〉*****/ #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 .pic img { 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:382px; margin:0 5px 0 13px; } .tuzhi li img { display:block; max-width:100%; height:190px;text-align: center; margin:0px auto; } .tuzhi li p { font-size:16px; line-height: 2; color:#333; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; } .tuzhi li a{ display: block; } #globalHeader_ad { border: medium none; height: 485px; margin: 0 auto; padding: 0; width: 100%; } #full-screen-slider { float: left; height: 485px; position: relative; width: 100%; } #slides { display: block; height: 485px; 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%; }