@charset "utf-8"; /* CSS Document */ *{ margin:0;padding:0;border:0;} body{ font-size:12px;font-family:\5b8b\4f53; margin-left:auto; margin-right:auto; width:auto;} ul,li{ margin:0px;padding:0px;} img{border:none} li{list-style-type:none} a{ text-decoration:none;hide-focus: expression(this.hideFocus=true); outline: none;cursor:pointer;} a:focus{outline:0} /*a:hover{color:#fff !important}*/ .clear { clear:both;height:0; font-size:0; line-height:0; } /* 页面外框 */ .wrap{ width:100%; height:100%; } /* 页面头部 */ .header{ position:relative;width:auto;height:auto; margin:0 auto; } .logo{ width:600px; float:left; display:inline; height:111px;} .logo img{ width:282px; height:111px; margin:0 0 0 1px;} /********************************* 导 航 ***************************************/ .nav_new{height: 34px; margin:0 auto;} #nav { height: 34px; width:1000px; overflow: hidden; padding-left:10px; margin:0 auto; } #nav .mainlevel { float: left; color: white; font: bold 14px/34px Verdana; height: 34px; width: 100px; margin-left:9px; } #nav .mainlevel a { color: white; display: block; height: 34px; text-align: center; font-family:"微软雅黑"; font-weight:normal; } #nav .mainlevel a:hover { color: white !important; background:#4db200; } #nav .mainlevela { display: none; z-index: 99999; position: absolute; background:#fff; padding-bottom:10px; } #nav .mainlevela li { width: 100px; color: white; font: normal 12px/30px "宋体"; margin:7px 0; text-align: center; height:auto!important;} #nav .mainlevela li a { color: #4e4e4e !important; display: block; height: auto !important; border-bottom: 1px solid #ccc; width:80px !important; background:none !important; margin:0 auto; text-align: left; line-height:20px; } #nav .mainlevela li a:hover { color:#077ad2 !important; border-bottom: 1px solid #077ad2; background:none; } #nav .mainlevela .lie_1{ margin-top:70px;} #nav #sub_02{ background:url(../Images/sub_02.gif) top no-repeat #fff; } #nav #sub_03{ background:url(../Images/sub_03.gif) top no-repeat #fff; } #nav #sub_04{ background:url(../Images/sub_04.gif) top no-repeat #fff; } #nav #sub_05{ background:url(../Images/sub_05.gif) top no-repeat #fff; } #nav #sub_06{ background:url(../Images/sub_06.gif) top no-repeat #fff; } #nav #sub_07{ background:url(../Images/sub_07.gif) top no-repeat #fff; } #nav #sub_08{ background:url(../Images/sub_08.gif) top no-repeat #fff; } #nav #sub_09{ background:url(../Images/sub_09.gif) top no-repeat #fff; } #nav #mainlevel_01 a:hover { background:url(../Images/level_01.gif) repeat-x;} #nav #mainlevel_02 a:hover { background:url(../Images/level_02.gif) repeat-x;} #nav #mainlevel_03 a:hover { background:url(../Images/level_03.gif) repeat-x;} #nav #mainlevel_04 a:hover { background:url(../Images/level_04.gif) repeat-x;} #nav #mainlevel_05 a:hover { background:url(../Images/level_05.gif) repeat-x;} #nav #mainlevel_06 a:hover { background:url(../Images/level_06.gif) repeat-x;} #nav #mainlevel_07 a:hover { background:url(../Images/level_07.gif) repeat-x;} #nav #mainlevel_08 a:hover { background:url(../Images/level_08.gif) repeat-x;} #nav #mainlevel_09 a:hover { background:url(../Images/level_09.gif) repeat-x;} /* 搜索 */ .search{ width:220px;height:24px; padding:0 0 0 32px; margin:0 0 0 2px; background:url(../Images/search.gif) no-repeat;} .search input{ width:160px;border:none;height:24px; font:12px/24px "宋体";color:#616871; background:none; vertical-align:middle;} .search .submit{ float:right;width:52px;height:24px; cursor:pointer; background:url(../Images/search.gif) no-repeat -200px top;} /* 页面尾部 */ .footer{ height:auto;margin:0 auto;} /* 页面尾部版权 */ .copyright{ color:#B6B6B6; width:1003px; text-align:center; height:auto; padding:10px 0 15px 0; font:12px/22px Verdana;} .copyright a{ color:#B6B6B6;} /******************友情链接*********************/ .friendlink{ height:33px; line-height:33px; overflow:hidden; background:url(../Images/friend.gif) no-repeat;} .friendlink span{ font-weight:bold; padding:0 8px 0 12px;} .friendlink a{ color:#454444; padding:0 0 0 10px;} /******************flash动画效果*********************/ .index-flash{ width:1002px;height:289px; margin:0 0 0 1px; margin:0 auto;} .index_img{ width:1003px; height:57px; overflow:hidden; margin:0 0 11px 0} .index_img img{ width:1003px; height:57px;} .index_imga{ width:263px; height:206px; overflow:hidden; float:left; display:inline; margin:0 10px 0 0; color:#077AD1; line-height:26px; background:url(../Images/tp.gif) no-repeat 0 bottom} .index_imga img{ width:263px; height:77px; display:block; margin-bottom:10px;} /***********产品滚动**************/ .product_nav{ height:20px; line-height:20px; overflow:hidden; padding:0 0 10px 25px;} .product_nav a{ color:#454444; padding:0 15px 0 10px; background:url(../Images/dd.gif) no-repeat 0 4px;} .center-gd{ width:1004px;height:500px;margin:0 auto 0 auto; position:relative; } .center-gddh{ height:50px; font:bold 20px/50px "微软雅黑"; color:#1285DD; padding:0 0 13px 40px; } .center-gddh a{ color:#4F545B} .center-gd .btn { position:absolute; height:20px; width:23px; cursor:pointer; font:12px/20px "宋体"; top:20px;} .center-gd .prev { background:url(../Images/left.gif) no-repeat right 6px; color:#616F79; right:50px;} .center-gd .next { background:url(../Images/lefta.gif) no-repeat left 6px; color:#1285DD;text-align:right;right:20px;} .center-gd .center { position:relative;width:994px; margin:0 0 0 5px; height:429px;overflow:hidden;} .center-gd .list_v { width:151px;height:429px; float:left; display:inline; margin:0 20px 0 25px;} .product-list{ float:left;display:inline;width:151px; height:188px;overflow:hidden;font:12px/20px "宋体"; background:url(../Images/img.gif) no-repeat; color:#1285DD; margin:10px 0 12px 0} .product-list img{ width:136px;height:126px;display:block; padding:6px 6px 15px 7px;} .product-list a{ color:#666666;} .product-list p{ height:20px; padding:0 4px; overflow:hidden} /******************产品详细页*********************/ .product_left{ float:left; display:inline; width:304px; height:auto; margin:0 17px 0 20px;} .product_leftimg{ width:275px; height:255px; padding:12px 17px 17px 12px; background:url(../Images/imgb.gif) no-repeat;} .product_leftimg img{ display:block;width:275px; height:255px;} .product_leftsx{ height:35px; line-height:35px; text-align:center;} .product_leftsx a{ color:#666666; padding:0 10px;} .product_right{ float:left; display:inline; width:393px; height:auto; position:relative;} .product_rightdh{ height:auto;font:bold 16px/25px "宋体"; color:#666666; padding:12px 0 0 0;} .product_rightdha{ height:auto;font:12px/21px "宋体"; color:#666666; padding:0 0 8px 0; } .product_rightdha span{ color:#1285DD} .product_righttxt{ width:393px; height:auto; line-height:22px; color:#666666} .product_content { float:right;display:inline;width:393px;} .product_content .zoompic{ width:393px;height:364px;overflow:hidden;} /************************new index.html***********************************/ .logo_new { height:111px; margin-left:auto; margin-right:auto; width:auto; background:url(../Images/logo.jpg) top center no-repeat #f3f3f3;} .logo_newa { display:block; float:right; width:200px; margin-right:170px; margin-top:10px;} .index_all { width:auto; height:auto;background:#f3f3f3;margin-left:auto; margin-right:auto;} .nav_new { width:auto; height:34px; background:#077ad2; margin-left:auto; margin-right:auto;} .foot_new { height:16px; background:#cc9966; width:auto; text-align:center; color:#747474; padding-top:7px;} .center_new { width:1008px; height:260px;margin-left:auto; margin-right:auto; background:url(../Images/center_top.jpg) top center no-repeat; } .center_new_1 { width:820px; height:210px; float:left;margin-left:190px; margin-top:39px;} .center_new_1 .t1 { color:#1689de; height:20px; line-height:20px; font-weight:bolder;margin-top:5px; } .center_new_1 li { display:block; float:left; height:60px; width:350px; line-height:20px; font-weight:bolder; margin-left:60px;margin-bottom:11px; } .center_new_1 li a { color:#7b7b7b; display:block; float:left;} .center_down { width:1003px; height:70px;margin-left:auto; margin-right:auto; background:url(../Images/center_down.jpg) top center no-repeat; } .center_ny_top { width:1003px; height:43px;margin-left:auto; margin-right:auto;} .center_ny_top a { width:169px; height:43px; background:url(../Images/left_lo.jpg) left no-repeat; float:left; display:block; } .center_ny { width:1003px; height:40px;margin-left:auto; margin-right:auto; background:#f3f3f3; } .center_ny_nav{ height:40px; width:1003px; background:url(../Images/center_ny_btnbg.jpg) left top repeat-x; } .center_ny_nav li{ list-style:none; width:auto; height:40px; line-height:40px; float:left; background:url(../Images/center_ny_btnbg.jpg) left top repeat-x; } .center_ny_nav li a{ display:block; padding:0 15px 0 15px; background:url(../Images/center_ny_btna.jpg) left top no-repeat;text-decoration:none; line-height:40px; font-size:12px; font-weight:bolder; color:#454444;} .center_ny_nav li a:hover{ display:block; background:url(../Images/center_ny_abg.jpg) left top no-repeat; width:auto;padding:0 15px 0 15px; } .center_ny_nav li a:hover strong{color:#fff; display:block; background:url(../Images/strong.jpg) center top no-repeat; width:auto; margin-left:auto; margin-right:auto; } .downdown { width:auto; height:306px; background:#e9e9e9; margin-left:auto; margin-right:auto;} .downdownbg { width:1005px; height:306px; background:url(../Images/downdownbg.jpg); margin-left:auto; margin-right:auto;} .downdownleft { height:250px; width:580px; float:left; margin-left:20px; margin-top:30px;} .downdownright { height:200px; width:300px; float:left; margin-top:60px;} .d1{ display:block; float:left; height:33px; width:550px;} .d1 li{ display:block; float:left; margin-right:50px} .d1 li a { display:block; float:left; height:31px; width:110px; margin-left:10px; line-height:25px; background:url(../Images/downdowna.jpg); color:#fff; text-align:center;} .d1 li #a1 { background:url(../Images/downdownhover.jpg);} .d1 li a:hover { background:url(../Images/downdownhover.jpg);} .d2{ height:189px; width:136px; background:url(../Images/xiangkuang.jpg); float:left; margin-top:20px; } .d3{ height:189px; width:340px;float:left; margin-top:14px; color:#616f79; margin-left:10px;} .d4{ height:189px; width:340px;float:left; margin-top:14px; color:#616f79; margin-left:10px; display:none;} .d3 p{ line-height:25px;} .d3 p a{color:#00f;font-size:14px;} .d4 p{ line-height:25px;} .d4 p a{color:#00f;font-size:14px;} .d2 img{ height:100px; width:112px; margin-top:24px; margin-left:13px;} .youqing_bg{ width:auto; display:block;margin-left:auto; margin-right:auto; height:44px; background:url(../Images/youqing_bg.jpg) repeat-x;} .youqing_bg ul{ width:903px;margin-left:auto; margin-right:auto; } .youqing_bg .h1{ display:block; font-size:14px; float:left; height:44px; width:70px; line-height:44px; text-align:center;color:#1285dd; float:left;} .youqing_bg a{ display:block ;float:left; height:44px; width:70px; line-height:44px; text-align:center; margin-left:10px; color:#454444;} .foot_new{ height:100px; width:auto; background:#e9e9e9; margin-left:auto; margin-right:auto;} .foot_new ul li{ display:block; width:auto; height:20px; text-align:center; font-size:12px; line-height:25px; text-decoration:none;} .foot_new a{ margin-left:10px;color: #99F;} .foot_new li{ font-size:14px; line-height:40px;} /************************map***********************************/ .map_center{ height:630px; padding-left:185px; background:url(../Images/map_bg.gif) bottom center no-repeat;} .map { margin-top:10px; margin-left:50px;} .map li{ font-size:14px; margin-bottom:7px;} .map li a{color:#077ad2; font-weight:bolder; } .map .map_nav2 { margin-left:30px;} .map .map_nav2 a{ color:#3d3d3d; font-size:16px; font-weight:normal; margin-left:0; margin-right:10px;} .map .h1{ margin-bottom:40px;} /************************知识产权***********************************/ .zscq_center{ height:auto;background:url(../Images/map_bg.gif) bottom center no-repeat #f9f9f9; padding-bottom:20px;} .zscq{ width:1003px; margin:0 auto;} .zscq_1{ height:80px; width:1003px; border-bottom:1px solid #e5e5e5; text-align:center; padding-top:60px; } .zscq_1 p{ color:#2a7dc7; font-size:34.7px; height:35px; margin:0 auto;font-family:"黑体";} .zscq_2{ width:600px; height:80px; margin:0 auto;} .zscq_2 p{ height:60px; color:#6f6f6f; font-size:12px; margin-top:25px; line-height:20px;} .zscq_3{ width:560px; height:auto; margin:0 auto; background:#fff; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:20px;} .zscq_3 .h{ color:#2a7dc7; font-size:14px; height:14px;margin:0 auto; font-family:"黑体"; text-align:center; padding-bottom:20px;} .zscq_3 p{ height:auto; color:#6f6f6f; font-size:12px; margin-top:5px; line-height:20px;} /************************ 客户案例 ***********************************/ .khal_h{ float:left; padding-left:10px;} .case_lists { width: 750px; margin: 0px auto; height: auto!important; height: 650px; min-height: 650px;} .case_lists ul { width: 750px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; LIST-STYLE-TYPE: none; float:left; margin-bottom:30px;} .case_lists ul li { margin: 0px; float: left; } .case_lists1 { width: 75px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 1px 1px 1px 0px; text-align: center; color: #494949; font-weight:bolder; } .case_lists2 { width: 230px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 1px 1px 1px 0px; text-align: center; color: #494949; font-weight:bolder; } .case_lists3 { width: 230px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 1px 1px 1px 0px; text-align: center; color: #494949; font-weight:bolder; } .case_lists4 { width: 90px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 1px 1px 1px 0px; text-align: center; color: #494949; font-weight:bolder; } .case_lists5 { width: 80px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 1px 0px 1px 0px; text-align: center; color: #494949; font-weight:bolder; } .case_lists11 { width: 75px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 0px 1px 1px 0px; text-align: center; color: #494949; } .case_lists22 { width: 230px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 0px 1px 1px 0px; text-align: center; color: #494949; } .case_lists33 { width: 230px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 0px 1px 1px 0px; text-align: center; color: #494949; } .case_lists44 { width: 90px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 0px 1px 1px 0px; text-align: center; color: #494949; } .case_lists55 { width: 80px; height: 30px; line-height: 30px; border: 1px solid #CCC; border-width: 0px 0px 1px 0px; text-align: center; color: #494949; } .khal_line{ margin-left:25px;} .khal_line img{ width:707px; } .page_down { float:left; height:20px; width:400px; padding-left:350px;} .page_down p{ float:left; padding-left:5px; color:#000;} .page_down a{ float:left; padding-left:5px; color:#000;}