@CHARSET "utf-8"; /*头部样式*/ #header{width:1200px;margin:0 auto;} .top{} .logo{float:left;margin-top: 13px;} .logo img{ margin-left: -20px; } .head{ background: url(../images/navbj.png) no-repeat center; height: 130px; position: relative; z-index: 99; } .huan{ float: right; width: 940px; } .huan1{ float: left; color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 50px; } .huan2{ color: #fff; font-size: 14px; font-family: "微软雅黑"; background: url(../images/tpl1.png) no-repeat left; background-size: 19px; border-right: 2px dotted #fff; padding-left: 25px; padding-right: 10px; line-height: 17px; margin-top: 17px; } .weibo{ padding-left: 5px; margin-top: 14px; } .weibo .bdsharebuttonbox a{ display: inline-block; margin-right: -3px; } .weibo .bdsharebuttonbox .bds_weixin{ background: url(../images/wx1.png) no-repeat center; width: 22px; height: 23px; margin: 0; padding: 0; } .weibo .bdsharebuttonbox .bds_tsina{ background: url(../images/wb1.jpg) no-repeat center; width: 29px; height: 23px; margin: 0; padding: 0; } .weibo .bdsharebuttonbox .bds_tqq{ background: url(../images/bd.png) no-repeat center; width: 24px; height: 23px; margin: 0; padding: 0; } .weibo .bdsharebuttonbox .bds_sqq{ background: url(../images/qq.png) no-repeat center; width: 22px; height: 23px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox a{ display: inline-block; margin-right: -3px; } .tubiao .bdsharebuttonbox .bds_tsina{ background: url(../images/ft1.png) no-repeat center; width: 52px; height: 34px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox .bds_sqq{ background: url(../images/ft2.png) no-repeat center; width: 44px; height: 34px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox .bds_weixin{ background: url(../images/ft3.png) no-repeat center; width: 49px; height: 34px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox .bds_tqq{ background: url(../images/ft4.png) no-repeat center; width: 25px; height: 34px; margin: 0; padding: 0; } .topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;display: none;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .k1{ float: left; color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 50px; } .k1 a{ color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 50px; } .k1 a:hover{ text-decoration: underline; } .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} #menu{width: 980px;float: right; margin-top: -55px;} /*热门搜索*/ .search{text-align:left;height:24px;padding:41px 28px 5px 10px;} #formsearch{width:300px;float:left;background: url(../images/ss1.png) no-repeat left;} .hotSearch{float:left;height:30px;line-height:30px;font-weight:normal;margin-right: 10px;} .slide-banner{ width: 100%; height: auto; position: relative; /*border: 1px solid #000;*/ margin-top: -20px; /*z-index: -1;*/ } .slide-banner .bd ul li{ width: 100%; height: auto; position: relative; } .slide-banner .bd ul li img{ width: 100%; height: auto; } .slide-banner .prev,.slide-banner .next{ top:50%; margin-top:-25px; display:block; width:32px; height:40px; filter:alpha(opacity=50); opacity:0.5; } .slide-banner .prev{ position:absolute; left:5%; background:url(../images/slider-arrow.png) -110px 5px no-repeat; } .slide-banner .next{ position:absolute; right:5%; left: auto; background:url(../images/slider-arrow.png) 8px 5px no-repeat; } .slide-banner .prev:hover, .slide-banner .next:hover { filter:alpha(opacity=100); opacity:1; } .bb-img{ position: absolute; top: 20%; left: 20%; z-index: 999; } .bb-btn a.bck{ display: block; position: absolute; bottom:35px; left:84px; width:180px; height: 40px; /*border:1px solid #fff;*/ z-index: 99999999; } .bb-btn a.blx{ display: block; position: absolute; bottom:35px; left:300px; width:180px; height: 40px; /*border:1px solid #fff;*/ z-index: 99999999; } /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .container{width:1200px;margin:0 auto;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*banner图下图片*/ .c1bg{background: #E6E6E6;margin-top: -20px;} .cont1{ position: relative; z-index: 20; top: -50px; } /*end*/ /*产品展示*/ .cont2{ background: #F4F4F4; height: 580px; overflow:hidden; position: relative; /*top: -25px*/ } .cont2 .container{ background: #fff; margin-top: 45px; } .title1 h2{ color: #333; font-family: "微软雅黑"; font-size: 16px; line-height: 34px; } .title1 h2 span{ color: #CC1616; font: 500 24px/34px "微软雅黑"; background: url(../images/zs2_dqn3.png) no-repeat right 15px; padding-right: 15px; margin-right: 10px; } .cont2 .title1{ padding-top: 36px; padding-left: 26px; padding-bottom: 34px; } .tablis{ background: #000000; } .tablis li{ float: left; width: 140px; color: #fff; font:500 14px/40px "微软雅黑"; text-align: center; cursor: pointer; } .tablis li.cur{ background: url(../images/hx2_iuir.png) no-repeat center bottom; } .more1 a{ float: right; margin-top: -40px; color: #fff; font:600 14px/40px "微软雅黑"; margin-right: 29px; } .more1 a:hover{ color: #CC1616; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } /*end*/ /*我们的优势*/ .advbg{ background: #E6E6E6; padding: 35px 0 70px; } .index-adv{ width: 1140px; margin: 0 auto; } .index-adv .title1 a{ float: right; margin-top: -37px; color: #000; font: 600 14px/37px "微软雅黑"; } .adv-list{ width: 1140px; margin: 0 auto; margin-top: 60px; } .adv-list li{ width: 230px; float: left; text-align: center; margin-right: 73px; } .adv-list li:last-child{margin-right: 0;} .adv-list li h3{ font: 600 18px/60px '微软雅黑'; color: #000; } .adv-list li p{ font: 400 14px/24px '微软雅黑'; color: #666; text-align: left; } .adv-list li:hover p{ color:#cc1616; } .adv-list li .img{ transition: all 0.3s; transform:scale(1,1); } .adv-list li:hover .img{ transform:scale(-1,1); } /*经典案例*/ .cont3 .title1{ width: 100%; margin-bottom: 40px; } .cont3 .title1 h2{ margin-left: 24px; } .cont3 .title1 a{ float: right; margin-top: -37px; color: #000; font:600 14px/37px "微软雅黑"; } .cont3 .title1 a:hover{ color: #CC1616; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } .cont3{ margin-top: 16px; overflow: hidden; } /*end*/ /*公司简介*/ .cont4{ background: url(../images/abbg.jpg) no-repeat center; height: 703px; overflow: hidden; } .about1{ margin-top: 60px; } .abotu1{ width: 450px; height: 360px; overflow: hidden; } .abotu1 img{ width: 450px; height: 360px; transition:all .5s ease; /*transform: scale(1,1);*/ } .abotu1:hover img{transform: scale(1.1);} .abotu2{ width: 750px; height: 360px; background: #fff; } .abou12{ margin:42px 30px 0; color:#666;font-size:14px;line-height:30px; text-align: justify; } .abou12:hover{ color:#cc1616; } .abou12 p{ margin-left: 15px; } .abou12 h1{ font-size: 20px; color: #CC1616; line-height: 1; margin-bottom: 15px; } .abou12 a{ color: #2186CF; font:600 14px/37px "微软雅黑"; margin-top: 10px; display: block; } .abou12 a:hover{ color: #000; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } .about2{ width: 1200px; height: 214px; background: #fff; margin-top: 10px; overflow: hidden; position: relative; } .about2 .title1{ text-align: center; margin-top: 40px; } /*end*/ /*合作伙伴*/ .next,.prev{ width: 30px; height: 48px; background-size: 100% 100%; opacity: 0.2; position: absolute; top: 110px; } .next{ background: url(../images/sprite-l.png) no-repeat; left: 5px; } .prev{ background: url(../images/sprite-r.png) no-repeat; right: 5px; } .next:hover,.prev:hover{ opacity:0.5; } .picScroll-left .picList li img{ width: 160px; height: 120px; } .picScroll-left .picList li{ float: left; width: 220px; text-align: center; position: relative; } .picScroll-left .picList{ width: 1100px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px; } .tempWrap{ overflow:hidden; position:relative; width:1100px;margin: 0 auto; } .picScroll-left .picList li .pic{ opacity: 1; } .picScroll-left .picList li .pic2{ width: 100%; height: 120px; position: absolute; left: 0; top: 0; text-align: center; opacity: 0; } .picScroll-left .picList li:hover .pic{ opacity: 0; } .picScroll-left .picList li:hover .pic2{ opacity: 1; } /*end*/ /*公司新闻tab*/ .con5{ width: 740px; } .ttablis{ background: #000000; } .ttab ul{ padding: 10px; } .ttablis li{ float: left; width: 140px; color: #fff; font:500 14px/40px "微软雅黑"; text-align: center; } .ttablis li.cur{ background: url(../images/hx2_iuir.png) no-repeat center bottom; } .ttab li{ width: 220px; float: left; margin-left: 30px; text-align: center; } .ttab>ul li:first-child{ margin-left: 0; } .ttab li img{ width: 220px; height: 180px; } .ttab li h2 a{ display: block; font-family: "Microsoft YaHei"; font-size: 14px; color: #CC1616; font-weight: normal; text-decoration: none; line-height: 28px; text-align: left; } .ttab li h3{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 12px; color: #666666; font-weight: normal; text-decoration: none; text-align: left; line-height: 140%; } .con51{ width: 412px; /*border-left: 1px solid #DCDCDC;*/ height: 320px; padding-left: 22px; } .newxw1{ margin-top: 10px; } .newxw1 li{ padding: 6px 0; border-bottom: 1px dashed #D6D6D6; } .newxw1 li a{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; font-weight: normal; text-decoration: none; } .newxw1 li:hover a{ color: #CC1616; } .newxw1 li span{ float: right; display: inline-block; font-family: "Microsoft YaHei"; font-size: 11px; color: #999999; font-weight: normal; text-decoration: none; } .newxw1 li p{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 12px; color: #CC1616; font-weight: 600; text-decoration: none; } .c5bg{ background: #E6E6E6; padding: 65px -0px; } /*end*/ /*解决方案*/ .cont6{ background: #F4F4F4; height: 390px; margin-top: 40px; overflow: hidden; } .cont6 .title1{ margin-top: 36px; margin-left: 24px; } .cont6 .title1 a{ float: right; margin-top: -37px; color: #000; font: 600 14px/37px "微软雅黑"; } .cont6 .title1 a:hover{ color: #CC1616; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } .cont6 .jufa1{ float: left; width: 220px; margin-right: 106px; margin-top: 40px; } .cont6 .jufa1:last-child{ margin-right: 0; } .jufa1 h2{ text-align: center; overflow: hidden; width: 220px; height: 40px; background: #1A1A1A; margin-bottom: 20px; transition: .5s; } .jufa1 h2 a{ color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: normal; line-height: 40px; } .jufa1 h2:hover{ background: #CC1616; transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s; } .jufa1 li{ padding: 8px 0; overflow: hidden; padding-left: 20px; background: url(../images/17.png) no-repeat left; border-bottom: 1px dashed #dcdcdc; } .jufa1 li a{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; font-weight: normal; text-decoration: none; } .jufa1 li span{ float: right; display: inline-block; font-family: "Microsoft YaHei"; font-size: 11px; color: #999999; font-weight: normal; text-decoration: none; } /*end*/ .cont7{ background: url(../images/db_bj.png) no-repeat top center; height: 320px; position: relative; overflow: hidden; margin-top: -20px; width: 1920px; left: 50%; margin-left: -960px; } .d_logo{ margin-top: 60px; } .d_about1{ width: 345px; } .d_about1 .d_abnr p{ font:500 12px/26px "Microsoft YaHei"; color: #E6E6E6; } .tubiao{ margin-top: 5px; } .d_about2{ width: 355px; color: #fff; margin-top: 80px; /*margin-left: 46px;*/ } .d_about2 h2{ color: #fff; font:500 20px/28px "Microsoft YaHei"; padding-bottom: 18px; } .d_about2 p{ color: #fff; font:500 12px/25px "Microsoft YaHei"; padding-left: 30px; min-height: 35px; } .d_about2 p{ background: url(../images/lx1.png) no-repeat left 5px; } .d_about2 p:nth-child(3){ background: url(../images/lx2.png) no-repeat left 5px; } .d_about2 p:nth-child(4){ background: url(../images/lx3.png) no-repeat left 5px; } .d_about2 p:nth-child(5){ background: url(../images/lx5.png) no-repeat left 5px; width: 195px; } .d_about2 p:nth-child(6){ background: url(../images/lx4.png) no-repeat left 5px; width: 195px; } .d_ly{ width: 400px; } .d_ly h2{ color: #fff; font: 500 20px/28px "Microsoft YaHei"; margin: 19px 0 0 24px; } #change_code{ color: #000; } /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*首页左侧联系我们*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*工程案例*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*产品推荐*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*友情链接*/ .f_link{text-align:center;line-height:30px;color: #fff;font:500 14px/30px "微软雅黑";padding-top: 8px;} .f_link a{color: #fff;} .yqlj{ background: #000; } /*页面底部*/ .foot{ background: #000; } #footer{ position: relative; width: 1200px; margin: 0 auto; text-align: center; color: #fff; padding-bottom: 10px; } #footer a{color:#fff;} #footer a:hover{color:#42A2F6;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#fff;} .copyright{text-align:center;line-height:24px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:#CC1616;font-size:14px;color:#fff;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width: 100%;margin: 0 auto;position: relative;margin-top: -20px;z-index: -1;} .n_banner img{width: 100%;} .left{ width: 240px; float: left; margin-top: -102px; position: relative; z-index: 9999; } .sort_menu{} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:-10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .left .n_contact .content{padding:18px 0;line-height:24px;background: #262626;} .left .n_contact .content a:hover{color:#2186cf;} .n_contact .content p{ font-size: 14px; font-family: "微软雅黑";color: #fff; /*line-height: 30px;*/ /*text-indent: 58px;*/ width:190px; padding-left: 50px; margin-bottom:8px; } .n_contact .content:hover p{ } .n_contact .content p:nth-child(1){ background: url(../images/dh1_4gmy.png) no-repeat 15px 5px; background-size: 19px 20px; } .n_contact .content p:nth-child(2){ background: url(../images/cz1_fvqi.png) no-repeat 15px 5px; background-size: 21px 19px; } .n_contact .content p:nth-child(3){ background: url(../images/yx1_jwcy.png) no-repeat 15px 5px; background-size: 22px 20px; } .n_contact .content p:nth-child(4){ background: url(../images/nywz.png) no-repeat 17px 7px; background-size: 18px 18px; } .n_contact .content p:nth-child(5){ background: url(../images/dz1_c8yu.png) no-repeat 18px 5px; background-size: 16px 20px; } .n_lxwm img{ width: 240px; height: 160px; } .right{width:900px;float:right;padding-bottom:10px;} .sitemp{line-height:53px;height:53px;overflow:hidden;padding-right:10px;background:url(../images/sa1.png) no-repeat left;} .sitemp h2{width:340px;float:left;line-height:53px;text-align:center;text-align:left;text-indent:15px;color:#333;font-size:14px;} .sitemp .site{ width: 380px; float: left; text-align: left; line-height: 30px; color: #333; font-size: 15px; text-indent: 48px;} .sitemp .site a{color:#333;font-size: 15px;} .sitemp .site a:hover{ color:#cc1616; } .sitemp .site a:last-child,.sitemp .site span.cc{ color:#cc1616; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .left .sort_menu h3{ width: 240px; height: 104px; background: #CC1616; font: 500 30px/37px "微软雅黑"; overflow: hidden; padding-top: 36px; padding-left: 0; text-indent: 28px; } .left .sort_menu h3 span{ color: #eee; font:500 20px/33px "微软雅黑"; display:block; text-transform: uppercase; }