/* CSS Document */ /**公用**/ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size:14px; line-height: 24px; color: #000; font-family:"宋体"; } a { color: #5d5d5d; text-decoration:none; font-size:14px;} a:hover { text-decoration:none; color:#0069ab;} a img { border:0;} p,form, ul,li,h1,h2,h3,h4,h5,dl,dt,dd { padding:0; margin:0; list-style: none;} h1,h2,h3,h4,h5{ font-weight:normal;} input { padding:0; margin:0; border:0;} .clear { display:block; line-height:0; height:0; clear:both;} .wp { width: 980px; margin:auto;} .subwp{ width:959px; margin:auto;} .topmargin10 { margin-top: 10px;} .topmargin15 { margin-top: 15px;} .topmargin20 { margin-top: 20px;} .pull_left { float:left;} .pull_right { float: right;} .box_sizing{ box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */} .top{ width:100%; height:104px; background:url(../images/top_bg_01.jpg) center repeat-x;} .top .wp .left{ width:309px; height:60px; margin:28px 0 0 40px;} .top .wp .right{ width:277px; margin-right:3px;} .top .wp .right ul{ width:139px; height:12px;} .top .wp .right ul li{ display:inline-block; float:left;} .top .wp .right ul li a{ font-size:12px; color:#b1a5a5; width:69px; height:12px; line-height:12px; text-align:center; display:block;} .top .wp .right ul li.line{ width:1px; background:#b1a5a5; height:12px;} .top .wp .right ul li a:hover{ color:#1f85db;} .top .wp .right .search{ width:277px; height:27px; margin-top:23px;} .top .wp .right .search .search_text{ float:left; height:27px; line-height:27px; font-size:12px; width:225px; color:#b1a5a5; background:url(../images/search_bg2_03.png) no-repeat;} .top .wp .right .search .btn_search{ float:left; cursor:pointer; background:url(../images/btn_pic_03.png) no-repeat; width:36px; height:27px;} .nav_bg{ width:100%; height:46px; background:url(../images/nav_bg_02.png) center repeat-x;} .nav_bg .nav{ height:46px;} .nav_bg .nav .left{ width:804px; height:46px;} .nav_bg .nav .left ul li{ float:left;} .nav_bg .nav .left ul li a{ font-family:"微软雅黑"; color:#fff; font-size:16px; line-height:40px; padding-top:6px; display:inline-block; width:134px; text-align:center;} .nav_bg .nav .left ul li a:hover{ background:url(../images/nav_bg_2_03.png) no-repeat;} .nav_bg .nav .left ul li.current a{ background:url(../images/nav_bg_2_03.png) no-repeat;} .nav_bg .nav span{ width:151px; height:40px; padding:6px 0 0 25px; color:#fff; background:url(../images/tel_icon_03.png) no-repeat; display:inline-block; line-height:40px; font-size:22px; font-family:"Times New Roman";} .banner_bg{ width:100%; height:327px; background:#ebebeb;} .banner_bg .banner{ height:356px; position:relative;} .banner_bg .banner .pics{ height:337px;} .banner_bg .banner .pics li{ position:absolute;} .banner_bg .banner dl{ height:19px;} .banner_bg .banner .icon{ height:16px; position:absolute; bottom:36px; left:442px; z-index:99;} .banner_bg .banner .icon ul li{ float:left; width:17px; height:16px; margin-left:13px;} .banner_bg .banner .icon ul li a{ background:url(../images/bannner_icon2_03.png) no-repeat; display:block; width:17px; height:16px; font-size:0;} .banner_bg .banner .icon ul li a:hover{ background:url(../images/bannner_icon1_03.png) no-repeat;} .banner_bg .banner .icon ul li.activeSlide a{ background:url(../images/bannner_icon1_03.png) no-repeat;} .index_main{ height:306px; padding-top:93px;} .index_main .left{ width:298px; height:304px; border:1px solid #eaeaea; background:#fafafa; position:relative;} .index_main .left dl{ width:266px; height:68px; padding:4px 4px; border:1px solid #e2e2e2; margin:54px 0 0 11px;} .index_main .left dt{ width:271px; margin-left:14px; line-height:28px; text-indent:2em; margin-top:8px;} .index_main .left dd{ width:104px; height:30px; border:1px solid #f4f4f4; margin:5px 0 0 96px; background:#fff;} .index_main .left dd a{ font-size:12px; display:block; width:65px; height:30px; background:url(../images/main_l_i_03.gif) left no-repeat; line-height:30px; padding-left:19px; margin-left:10px;} .index_main .left .icon{ display:inline-block; position:absolute; top:-51px; left:98px;} .index_main .right{ width:643px; height:306px;} .index_main .right .small_left{ width:325px; height:253px; border:1px solid #eaeaea; background:#fafafa; position:relative; padding-top:51px;} .index_main .right .small_left dl{ width:293px; height:87px; margin:54px 0 0 17px; background:#f1f1f1;} .index_main .right .small_left dl img{ border:1px solid #f1f1f1;} .index_main .right .small_left .sub_main{ width:174px; height:87px; float:right;} .index_main .right .small_left .sub_main dt a{ font-weight:bold; line-height:28px;} .index_main .right .small_left .sub_main p{ font-size:12px; color:#888888; line-height:18px;} .index_main .right .small_left ul{ margin-top:10px;} .index_main .right .small_left ul li{ width:278px; height:32px; line-height:32px; list-style-image:url(../images/list_icon_03.png); margin-left:30px;} .index_main .right .small_left dd{ width:104px; height:30px; border:1px solid #f4f4f4; margin:10px 0 0 109px; background:#fff;} .index_main .right .small_left dd a{ font-size:12px; display:block; width:65px; height:30px; background:url(../images/main_l_i_03.gif) left no-repeat; line-height:30px; padding-left:19px; margin-left:10px;} .index_main .right .small_left .icon{ display:inline-block; position:absolute; top:-51px; left:111px;} .index_main .right .small_right{ width:298px; height:304px; border:1px solid #eaeaea; background:#fafafa; position:relative;} .index_main .right .small_right dl{ width:271px; height:87px; margin:54px 0 0 11px; background:#f1f1f1;} .index_main .right .small_right dl img{ border:1px solid #f1f1f1;} .index_main .right .small_right .sub_main{ width:152px; height:87px; float:right;} .index_main .right .small_right .sub_main dt a{ font-weight:bold; line-height:28px;} .index_main .right .small_right .sub_main p{ font-size:12px; color:#888888; line-height:18px;} .index_main .right .small_right ul{ margin-top:10px;} .index_main .right .small_right ul li{ width:248px; height:32px; line-height:32px; list-style-image:url(../images/list_icon_03.png); margin-left:30px;} .index_main .right .small_right dd{ width:104px; height:30px; border:1px solid #f4f4f4; margin:10px 0 0 96px; background:#fff;} .index_main .right .small_right dd a{ font-size:12px; display:block; width:65px; height:30px; background:url(../images/main_l_i_03.gif) left no-repeat; line-height:30px; padding-left:19px; margin-left:10px;} .index_main .right .small_right .icon{ display:inline-block; position:absolute; top:-51px; left:98px;} .product_main{ height:290px; margin-top:30px;} .product_main .title{ height:54px;} .product_main .title dl{ float:left; width:163px; height:54px; font-family:"微软雅黑"; font-size:20px; color:#fff; line-height:46px; text-align:center; background:url(../images/main_pic_bg_03.gif) no-repeat;} .product_main .title dt{ float:right; width:776px; height:36px; background:#f4f4f4; padding:10px 20px 0 0;} .normal{ display:block;} .active{ display:none;} a:hover .normal{ display:none;} a:hover .active{ display:block;} .product_main .list{height:217px; margin-top:22px; width:962px; overflow:hidden;} .product_main .list ul{ width:100000000px;} .product_main .list ul li{width:223px; height:215px; float:left; margin-right:19px; border:1px solid #e1e1e1; background:#f8f8f8;} .product_main .list ul li.first{ margin-left:0;} .product_main .list ul li img{border-bottom:1px solid #e1e1e1;} .product_main .list ul li a {color:#5d5d5d; display:block; width:223px; height:42px; text-align:center; line-height: 42px;} .product_main .list ul li a:hover {color:#0069ab;} .product_main .list ul li a:hover img{background-color:#0070b9;} .link{ height:105px; margin-top:30px; border:1px solid #e1e1e1; border-left:none; margin-bottom:30px;} .link dl{ width:35px; height:94px; background:url(../images/main_foot_l_03.gif) no-repeat; color:#fff; font-family:"微软雅黑"; font-size:18px; line-height:20px; padding:13px 0 0 10px; float:left;} .link ul {width:914px;} .link ul li{float:left; margin-top:20px; margin-left:18.5px; height:64; border:1px solid #e1e1e1; overflow:hidden; position:relative;} .link ul li a span{position:absolute; background:#8f8a8c; left:2px; bottom:2px; width:141px; height:17px; display:inline-block; text-align:center; font-size:14px; line-height:16px; color:#FFF;} .link ul li a:hover span{ background:#0070b9;} .link_content{ width:908px; overflow:hidden;} .footer{background:url(../images/footer_bg.png) center no-repeat; height:80px; text-align:center; line-height:24px; color:#FFF; padding-top:20px; font-size:12px;} /**关于我们**/ .nav_bg .nav .tel{ width:151px; height:40px; padding:6px 0 0 25px; color:#fff; background:url(../images/tel_icon_03_1.png) no-repeat; display:inline-block; line-height:40px; font-size:22px; font-family:"Times New Roman";} .inside_banner{ width:100%; height:241px; background:url(../images/inside_banner_bg.png) repeat-x;} .inside_banner .list{ height:190px; width:961px; margin:0 auto; padding-top:29px;} .inside_banner .list ul li{ width:168px; height:190px; float:left; margin-left:30px;} .inside_banner .list ul li.first{ margin-left:0;} .inside_banner .list ul li a img { border:3px solid #8e8e8e;} .inside_banner .list ul li a:hover img{ border:3px solid #ff9536;} .inside_banner .list ul li a{ line-height:34px; text-align:center; display:block; width:168px; height:190px; color:#3c3c3c;} .inside_main{ background:#e9f1fd; padding-bottom:30px;} .inside_main .top_bg{ height:2px; background:url(../images/top_bg.png) no-repeat;} .inside_main .center_bg{ background:url(../images/center_bg.png) repeat-y; overflow:auto;} .inside_main .bottom_bg{ height:4px; background:url(../images/bottom_bg.png) no-repeat;} .inside_main .center_bg .menu{ width:230px; background:url(../images/menu_bg1.png) right repeat-y; margin:25px 0 30px 12px;} .inside_main .center_bg .menu h1{ width:224px; height:47px; background:#fd7700; color:#fff; font-family:"微软雅黑"; font-size:20px; line-height:47px; text-align:center;} .inside_main .center_bg .menu ul{ width:214px; margin:10px 0 30px 10px;} .inside_main .center_bg .menu ul li{ width:214px; line-height:36px;} .inside_main .center_bg .menu ul li a{ width:187px; padding-left:25px; height:36px; display:block; background:url(../images/menu_icon1.png) left no-repeat; color:#616161;} .inside_main .center_bg .menu ul li a:hover{ color:#fd7700; background:url(../images/menu_icon2.png) left no-repeat;} .inside_main .center_bg .menu ul>li.current>a{ color:#fd7700; background:url(../images/menu_icon2.png) left no-repeat;} .inside_main .center_bg .menu ul dl li{ width:194px; margin-left:20px;} .inside_main .center_bg .menu ul dl li a{ background:url(../images/list_icon.gif) left no-repeat; padding-left:15px;} .inside_main .center_bg .menu ul dl li a:hover{ background:url(../images/list_icon.gif) left no-repeat;} .inside_main .center_bg .menu ul li dl li.current a{ background:url(../images/list_icon.gif) left no-repeat; color:#fd7700;} .inside_main .center_bg .main{ width:675px; margin:35px 19px 40px 0;} .inside_main .center_bg .main .title{ height:34px; border-bottom:1px solid #e4e7e9; line-height:35px;} .inside_main .center_bg .main .title h2{ display:inline-block; float:left; font-family:"微软雅黑"; font-size:16px; padding:0 7px; border-bottom:2px solid #f69845; margin-top:-2px; color:#025090;} .inside_main .center_bg .main .title dl{ float:right; padding-left:20px; background:url(../images/main_title_icon1.png) left no-repeat; display:inline-block; font-size:12px;} .inside_main .center_bg .main .text{ padding:20px 0;} .text p{ text-indent:2em; line-height:28px; text-align:left;} .inside_main .center_bg .main .list{ height:95px; margin-bottom:30px; width:675px; position:relative;} .inside_main .center_bg .main .list .inner_list{ position:absolute; left:39px; width:605px; overflow:hidden;} .inside_main .center_bg .main .list ul{ display:inline-block; width:1000000px;} .inside_main .center_bg .main .list ul li{ float:left; width:133px; height:95px; margin-right:20px;} .inside_main .center_bg .main .list ul li a{ width:131px; height:93px; border:1px solid #bebcbc; display:block;} .inside_main .center_bg .main .list ul li a:hover{ border:1px solid #fd7700;} .inside_main .center_bg .main .list ul li.first{ margin-left:0;} .inside_main .center_bg .main .list dl a{ display:block; width:22px; height:95px; position:relative; top:-95px;} .inside_main .center_bg .main .list #pre{ position:absolute; left:0; top:0;} .inside_main .center_bg .main .list #next{ position:absolute; right:0; top:0;} /**新闻中心**/ .inside_main .center_bg .main .news_list{ width:675px; margin:20px 0 30px 0;} .inside_main .center_bg .main .news_list ul li{ line-height:40px; list-style-image:url(../images/news_icon1.png); margin-left:18px;} .inside_main .center_bg .main .news_list ul li a span{ float:right; margin-right:8px;} .inside_main .center_bg .main .pages{ height:24px; display:inline-block; float:right;} .inside_main .center_bg .main .pages a{ height:22px; border:1px solid #c1c2c1; background:url(../images/page_bg1.png) repeat-x; padding:0 10px; display:inline-block; line-height:24px;} .inside_main .center_bg .main .pages a:hover{ background:url(../images/page_bg2.png) repeat-x;} /**新闻内页**/ .inside_main .center_bg .main .news_text{ text-align:center; width:675px; margin:20px 0 30px 0;} .inside_main .center_bg .main .news_text dd{ color:#CDCDCD; margin:10px 0 10px 0;} /**联系我们**/ .text h2{ font-family:"微软雅黑"; font-size:18px; font-weight:bold; margin-bottom:20px;} /**客户服务**/ .inside_main .center_bg .main .address{ width:675px; margin:20px 0 30px 0;} .inside_main .center_bg .main .address dd{ height:28px; line-height:28px; margin-bottom:15px;} .inside_main .center_bg .main .address span{ color:#f00;} .inside_main .center_bg .main .address dd .form1{ width:252px; height:28px; background:#ebeaee; margin-left:15px;} .inside_main .center_bg .main .address dt .form2{ width:352px; height:140px; background:#ebeaee; margin-left:15px; border:none; resize:none;} .inside_main .center_bg .main .address dl input{ display:inline-block; height:36px; padding:0 36px; line-height:36px; background:#54cbed; color:#fff; margin-left:92px; margin-top:30px;} .inside_main .center_bg .main .product{ width:675px; margin:20px 0 30px 0; text-align:center;} .inside_main .center_bg .main .product dl img{ width:267px; height:187px; margin:0 30px 15px 0;} /**产品中心**/ .inside_main .center_bg .main .product_center{ width:675px; margin:20px 0 30px 0;} .inside_main .center_bg .main .product_center dl{ border:1px solid #e1e1e1;} .inside_main .center_bg .main .product_center dt{ margin-left:36px; line-height:28px;} .inside_main .center_bg .main .product_center dt span{ color:#f69845; font-weight:bold; font-size:18px;} .inside_main .center_bg .main .product_center .line2{ margin-top:40px; height:1px; background:#e6e6e6;} .inside_main .center_bg .main .product_center .column{ position:relative; top:-16px; line-height:28px;} .inside_main .center_bg .main .product_center .column h2{ padding:0 20px; display:inline-block; background:url(../images/products_bg.png) left no-repeat; margin-bottom:20px; color:#0085cf; font-size:18px; font-family:"微软雅黑";} .inside_main .center_bg .main .product_center .column dd{ text-align:center;} .inside_main .center_bg .main .product_center .column img{ max-width:665px;} .link_content{ position:absolute; left:0px; height:105px;} .pro_list li{ float:left; text-align:center; margin-top:40px; margin-left:20px; margin-left:5px; margin-right:5px;} .pro_list li a{ display:block;} .pro_list li a img{ border:3px solid #8e8e8e} .pro_list li span{ display:block;} .pro_list li a:hover img{ border:3px solid #ff9536} #alphabg{ background:#000; position:absolute; left:0; top:0;opacity: 0.5;}