/* boby */ *{margin:0; padding:0; list-style:none; font-family:"微软雅黑", "Arial", Times, serif;} html { padding:0px; margin:0px;} body{margin:0px; padding:0px; font-family: "微软雅黑", "Arial", "Times New Roman", Times, serif; color:#3a4262; background:#f7f7f7; font-size:14px;} .body { } .body2 { background:url(../images/xmc/top_bj2.gif) center -20px repeat-x #f7f7f7; } .title { font-family:"微软雅黑", "Arial", Times, serif; border-collapse:collapse; } TD { line-height:200%; } div { line-height:200%;} td , li ,div { } input {color: #4f3d2c; } .right_text, .right_text td, .right_text div, .right_text li, .right_text A,.right_text3, .right_text3 td, .right_text3 div, .right_text3 li, .right_text3 A,.right_text2, .right_text2 td, .right_text2 div, .right_text2 li, .right_text2 A{ line-height:180%; } .page_right .right_text, .page_right .right_text2, .page_right .right_text3 { display:block; padding:0px 10px 20px 20px; text-align:justify; min-height:430px;} .left, .center { float:left; } .f12 { font-size:12px; } .f14 { font-size:14px; } .f18 { font-size:18px; } .f22 { font-size:22px; } .f26 { font-size:26px; } .yh { font-family:"微软雅黑", Arial; } .title { font-family:"微软雅黑", Arial; } .en {font-family: Arial, Helvetica, sans-serif ,"Times New Roman", Times, serif; } .blue { color:#0d2556; } .green { color:#41c24d; } .white { color:#FFF; } .center { text-align:center} .right{ float:right; } .justify {text-align: justify} form{margin:0px;padding:0px;} img{border:0;} .clear{clear:both; width:0px; height:0px; font-size:1px; visibility:hidden;} .clear1{clear:both; width:0px; height:12px; font-size:1px; visibility:hidden;} .clear2{clear:both; width:0px; height:22px; font-size:1px; visibility:hidden;} .clear3{clear:both; width:0px; height:50px; font-size:1px; visibility:hidden;} #container{width:1080px; margin:0 auto; padding:0px; } .code { cursor:pointer; } a{ COLOR: #4a4a4a; text-decoration:none;} a:hover { Color:#06aae9; text-decoration:none;} .img3d_k { display:inline-block; overflow:hidden; float:left; margin-right:10px;} .img3d:hover, .img3d_k img:hover { transform: scale3d(1.2,1.2,1.2); -moz-transform: scale3d(1.2,1.2,1.2); -webkit-transform: scale3d(1.2,1.2,1.2); -o-transform: scale3d(1.2,1.2,1.2); -moz-transition: width 1s, height 1s, -moz-transform 2s; -webkit-transition: width 1s, height 1s, -webkit-transform 2s; -o-transition: width 1s, height 1s, -o-transform 1s; } .img3d , .img3d_k img { transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); -moz-transition: width 1s, height 1s, -moz-transform 1s; -webkit-transition: width 1s, height 1s, -webkit-transform 1s; -o-transition: width 1s, height 1s, -o-transform 1s; } /*A img{filter:gray;} A:hover img{filter:;}/*图片灰色*/ .radiuss { -webkit-border-radius:10px;border-radius:10px;} .yuanjiao4 { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .yuanjiao { -moz-border-radius:600px; -webkit-border-radius:600px; border-radius:600px; } .yinying {box-shadow:2px 2px 5px #222; -webkit-box-shadow:2px 2px 5px #222; -moz-box-shadow:2px 2px 5px #222;} .yinying2 { border:1px solid #ddd;} .yinying2:hover{ border:1px solid #06aae9;} .yinying3 {box-shadow:0px 0px 8px #222; -webkit-box-shadow:0px 0px 8px #222; -moz-box-shadow:0px 0px 8px #222; } /*圆角+投影+外发光*/ .con_xl03 img { width:190px; height:130px;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; border:5px #fff solid; box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow: 10px 10px 15px #ccc;-moz-box-shadow: 10px 10px 15px #ccc} .bj2 { position:absolute; height:1050px; width:100%; background:#fff; z-index:-1; } /* top */ .more { font-size:12px; font-family:"宋体"; } /* main */ .title_lj { border-bottom:1px #CCC solid; font-size:12px; margin-bottom:10px;} .page_center{} .main_02 .page_right{ float:right; margin:auto; width:860px; display:block; overflow:hidden; border:1px #e3e3e3 solid; background:#f6f6f6; } .main_02 .page_left{ display:block; width:200px; overflow:hidden; background-color:#ffffff; float:left; border:1px #e3e3e3 solid; } .main_02 .pag_left{ display:block; width:202px; overflow:hidden; float:left; } .newsup { clear:both; line-height:30px; padding-top:8px; margin-top:15px; font-size:12px;} .newsup A { font-size:12px;} .border_5 { border:1px #cfcfcf solid; padding:5px; margin:3px 10px 6px 3px; background:#f2f2f2;} .page_td{ font-size:12px; border:1px solid #ccc; padding:0px 5px; line-height:20px; background:#f2f2f2; height:23px; } .page_tdbg{ font-size:12px; border:1px solid #ccc; background:#f2f2f2; padding:0px 5px; height:23px;} .inputpage{ font-size:12px; BORDER:1px #ccc solid; background:#f2f2f2; width:22px; padding:0 2px; height:23px; line-height:23px;} .reg_sub { background:url(../images/ds/title_bg2.gif); border:0px; height:24px; padding:0 18px; color:#FFF; cursor:pointer; font-family:"Arial";} .title_top { text-align:left; position:relative; border-bottom:1px #CCC dotted; height:32px; padding-top:2px; margin:10px;} .title_top A { padding-left:20px; background:url(../images/img/Arrow_00.gif) 4px center no-repeat; color:#777;} .title_top span { float:left; font-size:18px; color:#06aae9; } .title_top span a{ color:#06aae9; background:none; padding-left:0px; } .title_top A.index { padding-left:18px; background:url(../images/img/ico_home.gif) left 5px no-repeat;} .title_top .more { position:absolute; right:3px; top:10px;} .title_right { margin-bottom:15px; height:39px; background:url(../images/mlr/xian.gif) left 37px no-repeat;} .title_right span,.title_right a{ font-size:14px; line-height:42px; padding-left:10px; color:#555} .kuang2 { border:1px #ddd solid; background:#FFF; -webkit-border-radius:7px 7px 0px 0px; -moz-border-radius:7px 7px 0px 0px; border-radius:7px 7px 0px 0px; } .point01{ padding-left:20px;} .kuang3 { } .kuang3 .title { height:43px; display:block; position:relative; padding-top:0px; border-bottom:2px #06aae9 solid; } .kuang3 .title em { position:absolute; font-size:52px; font-style:normal; font-family:Tahoma, Geneva; color:#fff; font-weight:bold; top:20px; left:20px; display:none; } .kuang3 .title samp { position:absolute; top:15px; left:40px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#444; display:none; } .kuang3 .title span { position:absolute; top:8px; left:22px; font-size:18px; color:#444; } .kuang3 .title span i { float:left; display:block; width:38px; height:40px; background: url(../images/icon.png) -25px -390px;} .kuang3 .title span A { color:#444;} .kuang3 .text { position:relative; border-top:0px; } .kuang3 .xian img{ height:4px; width:100%;} .left_contact { background:url(../images/hy/left_contact.gif) center 5px no-repeat; padding:55px 5px 30px 5px; display:none; } .bottom_xian { border:3px #41c24d solid; padding:10px; background:#f2f2f2; width:1060px; margin:auto; } .bottom_xian img { float:left; border-right:3px #999 solid; padding-right:10px; margin-right:10px; } .bottom_xian a { float:left; line-height:30px; padding:0 10px;} /* 头部与底部 ---------------------------------------------------------------------------------------------------------------------------------------*/ .top_xian { display:block; margin:auto; height:3px; background:#06aae9; } .top_xian span { display:block; height:3px; width:159px; background:#bc0606; border-left:3px #FFF solid; border-right:3px #FFF solid;} .main_top { display:block; height:160px; margin:auto; } .main_top #container2 { position:relative; z-index:91; width:1100px; margin:auto; height:110px;} .main_top #container2 .t_right { display:block; position:absolute; left:800px; top:10px; background:#2e3087; width:100%;} .main_top #container2 .logo { position:absolute; left:0px; top:70px; z-index:10;} .main_top #container2 .Language { position:absolute; right:0px; top:10px; z-index:10;} .main_top .serach .shoucang { position:absolute; right:76px; top:115px; height:30px; border:0px; width:50px; background:url(../images/xmc/icon.png) center -34px no-repeat #5d6b8a; z-index:9998; color:#FFF; -moz-transition: color 2s, background 1s; -webkit-transition: color 2s, background 1s; -o-transition: color 2s, background 1s; } .main_top .serach .shoucang:hover { background:url(../images/xmc/icon.png) center -34px no-repeat #11173e; } .main_top .mall { position:absolute; right:0px; top:115px; height:30px; border:0px; line-height:24px; width:75px; background:#5d6b8a; z-index:9998; color:#FFF; text-align:center; -moz-transition: color 2s, background 1s; -webkit-transition: color 2s, background 1s; -o-transition: color 2s, background 1s; } .main_top .mall:hover { background:#11173e; } .main_top .mall .kuang { position:relative; } .main_top .mall .kuang ul { position:absolute; top:30px; right:0px; text-align:right; width:180px; display:none; } .main_top .mall .kuang ul li { display:block; height:30px; line-height:30px; padding:0 15px; border-top:1px #333 dotted; background:#11173e; float:right; clear:both; } .serach{ margin-top: -7px; float: right; width: 240px; } .serach .search-form{ position: relative; width: 240px; height: 50px; } .serach #wordsub { position: absolute; right: 0px; cursor:hand; cursor:pointer; z-index: 2; width: 52px; height: 50px; border: 1px solid #e0e0e0; font-size: 16px; line-height: 24px; color: #616161; outline: 0; } .serach #wordsub:hover { } .serach #word { position: absolute; right: 0px; z-index: 1; width: 223px; height: 48px; border: 1px solid #e0e0e0; font-size: 14px; line-height: 48px; outline: 0;} .main_top .serach2 .shoucang { position:absolute; right:0px; top:76px; height:30px; border:0px; width:50px; background:url(../images/xmc/icon.png) center -34px no-repeat #5d6b8a; z-index:9998; color:#FFF; -moz-transition: color 2s, background 1s; -webkit-transition: color 2s, background 1s; -o-transition: color 2s, background 1s; } .main_top .serach2 .shoucang:hover { background:url(../images/xmc/icon.png) center -34px no-repeat #11173e; } .serach2 #wordsub { position:absolute; right:51px; top:76px; height:30px; width:33px; border:0px; cursor:pointer; z-index:9999; color:#FFF; background: url(../images/xmc/icon.png) center top no-repeat #5d6b8a; -moz-transition: color 2s, background 1s; -webkit-transition: color 2s, background 1s; -o-transition: color 2s, background 1s; } .serach2 #wordsub:hover { background: url(../images/xmc/icon.png) center top no-repeat #11173e; } .serach2 #word position: absolute; .serach2 #word { position:absolute; right:84px; aheight:30px; border:0px; padding:0 15px 0 15px; line-height:24px; width:130px; background:#5d6b8a; z-index:9998; color:#FFF; } .bottom_menu { margin:auto; line-height:30px; color:#FFF; height:30px; font-size:12px; border-bottom:1px solid #525151; margin-bottom:10px; } .bottom_menu A { padding:0 10px; color:#525151; } .bottom_menu A:hover { color:#06AAE9; } .main_bottom { margin:auto; width:877px; float:left; color:#fff; } .main_bottom * { line-height:30px; color:#fff; font-size:14px; } .main_bottom A { padding:0 10px; } .main_bottom i { width:25px; height:30px; float:left; background-image:url(../images/icon2.png);} i.bii { width:25px; height:30px; float:left; background-image:url(../images/icon2.png);} i.bi1 { background-position:-70px -220px; } i.bi2 { background-position:-70px -249px; } i.bi3 { background-position:-24px -130px; } i.bi4 { background-position:-23px -159px; } i.bi5 { background-position:-165px -220px; } .kuang_right {width:90px; _position:absolute; bottom:0px; right:30px; _top:expression(eval(document.documentElement.scrollTop + 180)); z-index:9999; float:left;} .kuang_right .a1 { background:#CCC; color:#2a3669; display:block; line-height:32px; text-align:center; margin-top:1px; -moz-transition: color 2s, background 1s; -webkit-transition: color 2s, background 1s; -o-transition: color 2s, background 1s; } .kuang_right .a1:hover { color:#FFF; background:#2a3669; } .kuang_right .a2 { display:block; text-align:center; padding:10px 0;} .kuang_right .a2 i { display:block; width:40px; height:40px; margin:auto; background:url(../images/icon.png) -19px -97px #ccc; -moz-transition: color 2s, background 1s; -webkit-transition: color 2s, background 1s; -o-transition: color 2s, background 1s; } .kuang_right .a2 i:hover { background:url(../images/icon.png) -19px -140px #2a3669;} .footer_img{ float:left;} .title_news { height:35px; overflow:hidden; width:980px; margin:auto; margin-bottom:15px; line-height:35px;} .title_news span { font-weight:bold; color:#036;} /* 菜单 ---------------------------------------------------------------------------------------------------------------------------------------*/ .top_logo{ display:block; position:absolute; z-index:99999; left:18px; top:0px;} .banner { position:relative; margin:auto; } .ban{ width:1080px; margin:0 auto;} .b_productlist { width:1080px; margin:auto; position:relative; z-index:99;} .b_productlist ul { position:absolute; height:168px; bottom:-52px; width:1111px;} .b_productlist ul li { background:url(../images/yj/home_banner_title_bj.jpg) left bottom no-repeat; float:left; width:221px; } .b_productlist ul li h1 { height:53px; width:195px; text-align:center; line-height:38px; font-size:14px; color:#FFF; } #gallery { float:left;} .feedback_K { margin:10px; padding:10px; border:1px #edece9 solid;} /* 首页 ---------------------------------------------------------------------------------------------------------------------------------- background:#9d062e; -----*/ .home_k { width:1050px; margin:auto; position:relative; height:230px; } .home_k h3 { font-family:"微软雅黑"; height:35px; line-height:35px; } .home_k h3 i { display:inline-block; height:30px; width:30px; float:left; background-image:url(../images/icon.png); margin-right:5px;} .home_k .h_about h3 i{ background-position: -159px -355px; } .home_k .h_honor h3 i{ background-position: -94px -142px; } .home_k .h_news h3 i{ background-position: -159px -227px; } .home_k .h_about { position:absolute; top:0px; left:2%; width:30%; } .home_k .h_honor { position:absolute; top:0px; left:35.33%; width:30%;} .home_k .h_news { position:absolute; top:0px; left:68.66%; width:30%; } .home_k .text { padding-left:35px; height:148px; position:relative; } .home_k .h_about .text { height:148px; position:relative; margin-right:-35px; line-height:300%; } .home_k .h_about .text * { line-height:300%; } .home_k .h_about .text #marquee { } .home_k .h_news li { display:block; height:90px; overflow:hidden;} .home_k .h_news li img { width:120px; height:80px; padding:1px; border:1px #ddd solid; float:left; margin-right:5px; } .home_k .h_news li h3 { line-height:20px; font-size:14px; font-weight:normal; height:60px; overflow:hidden; } .home_k .h_news li span { font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#999; } .prev01 { display:block; height:57px; width:21px; position:absolute; left:13px; top:13px; background:url(../images/icon.png) -27px -178px;} .next01 { display:block; height:57px; width:21px; position:absolute; right:-23px; top:13px; background:url(../images/icon.png) -27px -256px;} .home_k #h_case { width:100%; overflow:hidden;} .home_k #h_case li{ text-align:center; width:140px; text-align:center; } .home_k #h_case li img { width:120px; height:90px; padding:5px; border:1px #ddd solid; } /* 产品 ---------------------------------------------------------------------------------------------------------------------------------------*/ .products { overflow:hidden; min-height:400px;} .products { padding:0 20px;} .products ul {clear:both;} .products li { display:block; text-align:center; margin:8px 12px 8px 26px; width:245px; height:290px; overflow:hidden; overflow:hidden; float:left; } .products li img { width:230px; height:230px; border:0px #CCC dotted; padding:4px; } .products li img:hover { background:#06aae9; } .products li h1 { display:block; padding:10px 0; font-size:14px; line-height:120%; } .products li .text { display:block; line-height:140%; display:block;} .products li .text dd { display:block; line-height:140%; padding:0px; margin:0; text-align:center; color:#999; font-size:12px;} .case_sub { overflow:hidden; min-height:400px;} .case_sub { padding:0 20px;} .case_sub ul {clear:both;} .case_sub li { display:block; border-bottom:1px #ccc dotted; text-align:center; margin:8px 2px 8px 16px; width:245px; height:240px; overflow:hidden; overflow:hidden; float:left; border-bottom:1px #ddd solid; } .case_sub li img { width:200px; height:160px; border:0px #CCC dotted; padding:4px; } .case_sub li img:hover { background:#06aae9; } .case_sub li h1 { display:block; padding:10px 0; font-size:14px; line-height:120%; } .case_sub li .text { line-height:140%; display:block; float:left; } .case_sub li .text dd { display:block; line-height:140%; padding:0px; margin:0; background:url(../images/img/Arrow_07.gif) no-repeat left center; padding-left:10px; } .photo { overflow:hidden; min-height:400px;} .photo { padding:0 20px;} .photo ul {clear:both;} .photo li { display:block; border-bottom:1px #ccc dotted; text-align:center; margin:8px 2px 8px 16px; width:240px; height:210px; overflow:hidden; overflow:hidden; float:left; border-bottom:1px #ddd solid; } .photo li img { width:220px; height:160px; border:0px #CCC dotted; padding:4px; } .photo li img:hover { background:#06aae9; } .photo li h1 { display:block; padding:10px 0; font-size:14px; line-height:120%; } .photo li .text { line-height:140%; display:block; float:left; } .photo li .text dd { display:block; line-height:140%; padding:0px; margin:0; background:url(../images/img/Arrow_07.gif) no-repeat left center; padding-left:10px; } .p_title { display:block; font-size:16px; font-family:"Arial";} .big { width:320px;} /* 最新产品 */ .pordshow li { padding:3px 15px;} .pordshow li.yes { background:#f8f1eb; font-weight:bold; } .pordshow li h2 { padding-left:0px; } .pordshow li span { padding-right:3px; width:40px; display:block; float:left; text-align:right; font-weight:bold; color:#2ba6cb; font-size:16px; } .home_product { padding-top:30px; border-top:1px #ddd solid; width:1100px; margin:auto; overflow:hidden; } .home_product ul { width:1250px; overflow:hidden; } .home_product ul li { float:left; width:222px; text-align:center; height:260px; } .home_product ul li img { width: 200px; height:200px; padding:4px; background:#FFF; border:1px #ddd solid; float:left;} /* 连接定义 left ------------------------------------------------------------------------------------------------------------------------------------*/ /* 连接定义 right */ .right_title span{ font-size:22px; display:block; text-align:center; padding:15px;} .right_title li { float:right;} .right_text .text *{ line-height:220%;} .right_bottom { padding-top:5px;} .biao_table{ background:#a3c685;} .biao_table td{ padding:2px 10px; background:#fff; color:#555;} .biao_table th{ padding:2px 10px; background:#f5f5f5; text-align:left;} /* 连接定义 */ .news { border-bottom:1px dotted #e3dbdb; line-height:140%; display:block; padding:10px;} .news A{ display:block; position: relative; font-size:12px; width:580px; line-height:140%;} .news A:hover { text-decoration:underline;} .news A img { position:absolute; top:0px;} .news span{ float: right; display:block; line-height:28px;} .news samp{ float: left; display:block; line-height:28px; margin-right:10px;} .news1 { height:30px; line-height:30px; display:block; overflow:hidden; padding-left:15px; background:url(../images/img/Arrow_03.gif) left center no-repeat; border-bottom:1px #CCC dotted;} .news1 A{ line-height:30px;} .news1 span{ float: right; display:block; line-height:25px;} .news2 { height:30px; line-height:30px; display:block; padding-left:15px; background:url(../images/img/img0052.gif) 2px center no-repeat; border-bottom:1px #CCC dotted; float:left; width:212px; margin-right:15px;} .news2 A{ line-height:30px;} .news3 { padding-left:30px; clear:both; padding-bottom:20px; padding-top:10px; border-left:3px #97d2ea solid; margin-left:60px; position:relative;} .news3 span.title{ display:block; color:#933; font-weight:bold; font-size:16px; } .news3 span.date{ position:absolute; left:-65px; top:5px; display:block; color:#fff; font-weight:bold; font-size:16px; padding:5px; -moz-border-radius:5px;-webkit-border-radius:5px; background:#2ea4d5;} .news3 .img { float:right; width:120px; height:90px; padding:3px; border:1px #97d2ea solid; -moz-border-radius:5px;-webkit-border-radius:5px;} .xmfzr2_a { z-index:9999;} .xmfzr2 { z-index:9998;} .xmfzr2_a { z-index:9997;} .service { float:left; width:180px; text-align:center; margin:0 8px;} .service A { display:block; height:250px; overflow:hidden; margin:auto;} .service A img{ padding:4px; border:1px #CCC solid; width:120px; height:150px; background:#FFF;} .service A:hover img{ padding:4px; border:1px #CCC solid; background:#ffffde;} .service A span { display:block;} .footer_bottom { display:block; padding:15px 10px; background:#2f2f35; font-size:14px; color:#fff; height:124px;; } .footer_bottom a { color:#fff; text-decoration: underline } #footer_bottom1{ width:1080px; margin:0 auto;}