/*头部样式*/ #header{ width:1300px; margin:0 auto; } a{transition:all 0.8s ease-out;} .top{ } .logo{ float:left; padding-top:22px; } .wel,.k1{ line-height: 38px; color: #808080; font-size: 14px; } .k1 a{ color: #808080; } .head1{ background: url(../images/nav1.png) no-repeat top center; height:100px; position: relative; z-index: 999; left: 50%; margin-left: -960px; width: 1920px; top: 0; } .topLink{width: 748px;float:right;position: relative;z-index: 9999;} .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;} /*热门搜索*/ .search{ background:#eeeeee; height: 50px; } #formsearch{ width:240px; float:right; background: url(../images/sou.png) no-repeat center; height:30px; margin-top:10px; } .hotSearch{ width:400px; float:left; height:50px; line-height:50px; font-weight:normal; color: #4c4c4c; font-size: 14px; } .hotSearch a{ color: #4c4c4c; } #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*模拟select弹出框*/ .searchs { position:relative; display: inline-block; z-index:99999; float: left;width:100px;border: 1px solid #c8c8c8;margin-right: 5px;line-height:22px;text-align:center;color:#000;height:22px; } .option_g { display: none; border: 1px solid #c8c8c8; border-top:none; background:#fff; } .option_g li{ color:#fff; font-size:12px; line-height:22px; color:#000; } .option_g li:hover{ background:#3480ce; color:#fff; } /*主体样式*/ #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;} .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;} .product{ padding-top:4px; } .public-title{ font-size: 30px; color: #000; font-weight:normal; text-align:center; } .public-title p{ font-size: 18px; color: #666666; padding-top:5px; } .product .content{ padding-top:30px; } .about{ background: url(../images/about.jpg) no-repeat top center; height:360px; overflow: hidden; margin-top:57px; position: relative; } .about .more{position: absolute;width: 135px;height: 35px;text-align: center;line-height: 35px;border:1px solid #fff;left:502px;top:297px; border-radius: 5px;} .about .more a{color: #fff;font-size: 14px;} .about .more a:hover{color: #ff0000;} .about-img{width: 410px;height: 285px;overflow: hidden;} .about-img li{float: left;display: none;} .about-img li img{width: 410px;height: 285px;} .in-this{width: 800%;} .about-ico{position: relative;bottom: 25px;z-index: 10;text-align: center;} .about-ico li{width: 25px;height: 2px;background: #fff;display: inline-block;margin-right: 5px;cursor: pointer;} .about-ico li.hover{background: #e71f19;} .about-left{ width:615px; margin-left: 46px; margin-top:30px; color: #fff; line-height: 30px; text-align: justify; } .about-right{ width:440px; height: 323px; padding-top:36px; background: url(../images/images/bg1.png) 85px 20px no-repeat; position: relative; } .show{ background: #f2f2f2; } .show-index{ padding:36px 0 40px 0; } .show-index .content{ padding-top:16px; } .show-left{ width:298px; border:1px solid #aaaaaa; background: #fff; } .show-title{ background: url(../images/t7.png) no-repeat 19px; text-align: center; border-top:5px solid #333333; height: 65px; font-size: 24px; color: #333333; font-weight: normal; line-height: 24px; padding-top:22px; padding-left: 18px; } .show-title p{ font-size: 16px; color: #808080; } .fen_ct{ background: #333333; height: 90px; color:#fff; padding-left: 48px; padding-top: 30px; } .show-right{ width:878px; border:1px solid #aaaaaa; background: #fff; padding:18px 0; } .product_listt{ padding:20px 40px 0 20px; } .product_listt li a{ font-size: 20px; color: #333333; font-weight:normal; } .product_listt li a:hover{ color: #ee0000; } .product_listt li img{ width: 250px;height: 250px; } .p-right{ margin-left: 16px; width:454px; } .product_listt li h2{ font-size: 16px; font-weight:normal; color: #666666; line-height: 30px; } .product_listt li .p-more{ width:110px; height: 25px; background: #ee0000; border-radius:20px; margin-top:36px; } .product_listt li .p-more a{ display: block; line-height: 25px; color: #fff; font-size: 14px; text-align: center; } .show-right .content1{ margin-top:22px; } .recommend{ padding-top:40px; } .recommend .content{ padding-top:30px; position: relative; } .l_btn,.r_btn{ position:absolute; top:45%; cursor:pointer; } .l_btn{ left:-38px; } .r_btn{ right:-38px; } .avvantage{ background: url(../images/ad.png) no-repeat top center; height:880px; overflow: hidden; margin-top:28px; } .advantage-index{ padding-top:62px; } .ad-title{ background: url(../images/t8.png) no-repeat 50% 77%; height: 68px; text-align: center; font-size: 30px; color: #ffffff; font-weight: normal; line-height: 40px; } .ad-title span{ display: inline-block; text-transform: uppercase; font-size: 18px; padding-left:15px; font-family: "微软雅黑"; } .ad-title p{ font-size: 17px; } .advantage-index .content{ position: relative; } .ad1{ padding-left: 40px; position: absolute; top:46px; right: 0; width:580px; color: #fff; } .ad1:hover{color: #ff0000} .ad1:hover{background: url(../images/images/arr1.png) 2px 37px no-repeat;} .ad2{ padding-right: 34px; position: absolute; top:166px; left: 0; width:580px; color: #fff; } .ad2:hover{color: #ff0000} .ad2:hover{background: url(../images/images/arr1.png) 582px 47px no-repeat;} .ad3{ top:294px; } .ad3:hover{background: url(../images/images/arr1.png) 2px 49px no-repeat;} .ad4{ top:436px; } .ad4:hover{background: url(../images/images/arr1.png) 582px 37px no-repeat;} .ad5{ top:568px; } .ad5:hover{background: url(../images/images/arr1.png) 2px 35px no-repeat;} .process{width: 1055px;margin:0 auto;margin-top: 15px;} .process ul li{float: left;margin:25px 49px;} .process ul li img{width: 90px;height: 90px;border-radius: 60px;overflow: hidden;border: 5px solid #333333;} .process ul li h1{width: 164px;padding-top: 45px;height: 196px;background: url(../images/images/bg2.png) center no-repeat;font:bold 17px/36px "微软雅黑";color: #333333;margin-top: -30px;} .process ul li h1 span{display: block;font-size: 11px;line-height: 26px; font-family:微软雅黑;} .process ul li:hover h1{background-image:url(../images/images/bg3.png);color: #fff;} .graph{height: 67px;background: url(../images/images/bg4.jpg) center top no-repeat;margin-top: 5px;padding-top: 18px;padding-bottom: 14px;} .article{width: 1200px;margin:0 auto;} .article div {float: left;} .section1{margin-left: 10px;} .section2{font:normal 25px/38px "微软雅黑";color: #fff;margin-left: 147px;margin-top: -5px; font-family: 微软雅黑;} .section3{margin-left: 222px;font:normal 25px/35px "微软雅黑";color: #fff;padding-left: 52px;background: url(../images/images/phone.png) left 10px no-repeat;} .news{ padding-top:50px; } .news-left{ width:723px; } .ttablis{ position: relative; } .ttablis li{ float: left; width:150px; height: 40px; color: #333333; font-size: 20px; text-align: center; line-height: 40px; border-radius: 5px; } .ttablis li.cur{ background: #e60012; color: #fff; cursor: pointer; } .ttab{ padding-top:20px; } .news_sub{ width:443px; } .news_sub a{ font-size: 16px; color: #333333; display: block; } .news_sub span{ font-size: 14px; color: #666666; padding-top:13px; display: block; } .news_sub .ne-more a{ color: #e50000; font-size: 14px; padding-top:12px; } .news-more{ background: url(../images/jia.png) no-repeat center; height:23px; width:23px; position: absolute; right:0; top:6px; } .news-right{ width:422px; } .news-title{ font-size:20px; color:#333333; font-weight:normal; border-left:2px solid #e60000; padding-left:5px; margin-bottom:20px; } .news-title a{ background: url(../images/jia.png) no-repeat center; height: 23px; width:23px; display: inline-block; float: right; margin-top:6px; } /*----- 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{ width:1200px; margin:0 auto; /*height: 48px;*/ margin-top:26px; padding:16px 0; padding-left:20px; overflow: hidden; } .link-left{ width:100px; color: #e60012; font-size: 18px; font-weight:normal; } .link-right a{ font-size: 16px; color: #323232; padding-right: 10px; } /*页面底部*/ .foot{ background:url(../images/images/bg5.png) center top no-repeat #333; height:190px; overflow: hidden; margin-top:40px; width: 1920px; left: 50%; margin-left: -960px; position: relative; } #footer{position:relative;width:1200px;margin:0 auto;color: #fff;padding-top:22px;} #footer a{color:#fff;} #footer a:hover{color:#e50000;text-decoration:none;} #footer>div{float: left; font-family: 微软雅黑; } .copyright{margin-left: 50px;width: 384px; font: normal 14px/25px "微软雅黑";} .foot-contact{margin-left: 30px;width: 340px;font:normal 14px/25px "微软雅黑";} .foot-link{margin-left: 60px;width: 336px;font:normal 14px/40px "微软雅黑";} .foot-left{ width:780px; } .foot1{ width:130px; } .public-title1{ font-size: 16px; font-weight: normal; } .sec1{ padding-top:10px; height: 215px; overflow: hidden; } .sec1 a{ display: block; font-size: 14px; line-height: 25px; } .foot-middle{ width:102px; text-align: center; margin-top:30px; line-height: 40px; font-size: 16px; } .foot-right { width:264px; } /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:#242424;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:1920px;position: relative;left:50%;margin-left: -960px;} .n_banner img{ width: 1920px; height: 280px;} .left{width:225px;float:left;} .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;} .n_contact .content{padding:5px;line-height:24px;} .right{width:940px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#242424;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#fff;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;color: #fff;} .sitemp .site a{color: #fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}